content: webpackJsonp([29],{198:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=t(8),p=t.n(l),c=t(1),d=t.n(c),u=t(237),A=t.n(u),m=t(230),h=(t.n(m),function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}()),f=function(n){function e(n){o(this,e);var t=a(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,n)),i=n.children;return t.state={children:i&&t.enhanceChildren(i)},t.didEnter=t.didEnter.bind(t),t.didLeave=t.didLeave.bind(t),t}return i(e,n),h(e,[{key:"componentWillReceiveProps",value:function(n){var e=s.a.isValidElement(this.props.children)&&s.a.Children.only(this.props.children),t=s.a.isValidElement(n.children)&&s.a.Children.only(n.children);if(!n.name)return void this.setState({children:t});this.isViewComponent(t)?this.setState({children:this.enhanceChildren(t,{show:!e||e.props.show})}):t&&this.setState({children:this.enhanceChildren(t)})}},{key:"componentDidUpdate",value:function(n){if(this.props.name){var e=s.a.isValidElement(this.props.children)&&s.a.Children.only(this.props.children),t=s.a.isValidElement(n.children)&&s.a.Children.only(n.children);this.isViewComponent(e)?t&&t.props.show||!e.props.show?t&&t.props.show&&!e.props.show&&this.toggleHidden():this.toggleVisible():!t&&e?this.toggleVisible():t&&!e&&this.toggleHidden()}}},{key:"enhanceChildren",value:function(n,e){var t=this;return s.a.cloneElement(n,Object.assign({ref:function(n){t.el=n}},e))}},{key:"isViewComponent",value:function(n){return n&&"View"===n.type._typeName}},{key:"animateElement",value:function(n,e,t,o){n.classList.add(t);var a=getComputedStyle(n),i=parseFloat(a.animationDuration)||parseFloat(a.transitionDuration);if(n.classList.add(e),0===i){var r=getComputedStyle(n),s=parseFloat(r.animationDuration)||parseFloat(r.transitionDuration);clearTimeout(this.timeout),this.timeout=setTimeout(function(){o()},1e3*s)}n.classList.remove(e,t)}},{key:"didEnter",value:function(n){var e=p.a.findDOMNode(this.el);if(n&&n.target===e){var t=this.props.onAfterEnter,o=this.transitionClass,a=o.enterActive,i=o.enterTo;e.classList.remove(a,i),e.removeEventListener("transitionend",this.didEnter),e.removeEventListener("animationend",this.didEnter),t&&t()}}},{key:"didLeave",value:function(n){var e=this,t=p.a.findDOMNode(this.el);if(n&&n.target===t){var o=this.props,a=o.onAfterLeave,i=o.children,r=this.transitionClass,s=r.leaveActive,l=r.leaveTo;new Promise(function(n){e.isViewComponent(i)?(t.removeEventListener("transitionend",e.didLeave),t.removeEventListener("animationend",e.didLeave),A()(function(){t.style.display="none",t.classList.remove(s,l),A()(n)})):e.setState({children:null},n)}).then(function(){a&&a()})}}},{key:"toggleVisible",value:function(){var n=this,e=this.props.onEnter,t=this.transitionClass,o=t.enter,a=t.enterActive,i=t.enterTo,r=t.leaveActive,s=t.leaveTo,l=p.a.findDOMNode(this.el);l.addEventListener("transitionend",this.didEnter),l.addEventListener("animationend",this.didEnter),A()(function(){l.classList.contains(r)&&(l.classList.remove(r,s),l.removeEventListener("transitionend",n.didLeave),l.removeEventListener("animationend",n.didLeave)),l.style.display="",l.classList.add(o,a),e&&e(),A()(function(){l.classList.remove(o),l.classList.add(i)})})}},{key:"toggleHidden",value:function(){var n=this,e=this.props.onLeave,t=this.transitionClass,o=t.leave,a=t.leaveActive,i=t.leaveTo,r=t.enterActive,s=t.enterTo,l=p.a.findDOMNode(this.el);l.addEventListener("transitionend",this.didLeave),l.addEventListener("animationend",this.didLeave),A()(function(){l.classList.contains(r)&&(l.classList.remove(r,s),l.removeEventListener("transitionend",n.didEnter),l.removeEventListener("animationend",n.didEnter)),l.classList.add(o,a),e&&e(),A()(function(){l.classList.remove(o),l.classList.add(i)})})}},{key:"render",value:function(){return this.state.children||null}},{key:"transitionClass",get:function(){var n=this.props.name;return{enter:n+"-enter",enterActive:n+"-enter-active",enterTo:n+"-enter-to",leave:n+"-leave",leaveActive:n+"-leave-active",leaveTo:n+"-leave-to"}}}]),e}(r.Component);e.a=f,f.propTypes={name:d.a.string,onEnter:d.a.func,onAfterEnter:d.a.func,onLeave:d.a.func,onAfterLeave:d.a.func}},201:function(n,e,t){var o=t(215);"string"===typeof o&&(o=[[n.i,o,""]]);var a={hmr:!1};a.transform=void 0;t(193)(o,a);o.locals&&(n.exports=o.locals)},207:function(n,e,t){var o=t(235);"string"===typeof o&&(o=[[n.i,o,""]]);var a={hmr:!1};a.transform=void 0;t(193)(o,a);o.locals&&(n.exports=o.locals)},208:function(n,e,t){n.exports=t.p+"static/media/ishow-icons.d2f69a92.woff"},209:function(n,e,t){n.exports=t.p+"static/media/ishow-icons.b02bdc1b.ttf"},212:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=t(50),p=function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}(),c=function(n){function e(){return o(this,e),a(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,n),p(e,[{key:"componentDidMount",value:function(){this.beforeEnter(),this.props.isShow&&this.enter()}},{key:"componentWillUnmount",value:function(){this.beforeLeave(),this.leave()}},{key:"componentWillReceiveProps",value:function(n){this.props.isShow!==n.isShow&&this.triggerChange(n.isShow)}},{key:"triggerChange",value:function(n){clearTimeout(this.enterTimer),clearTimeout(this.leaveTimer),n?(this.beforeEnter(),this.enter()):(this.beforeLeave(),this.leave())}},{key:"beforeEnter",value:function(){var n=this.selfRef;n.dataset.oldPaddingTop=n.style.paddingTop,n.dataset.oldPaddingBottom=n.style.paddingBottom,n.dataset.oldOverflow=n.style.overflow,n.style.height="0",n.style.paddingTop=0,n.style.paddingBottom=0}},{key:"enter",value:function(){var n=this,e=this.selfRef;e.style.display="block",0!==e.scrollHeight?(e.style.height=e.scrollHeight+"px",e.style.paddingTop=e.dataset.oldPaddingTop,e.style.paddingBottom=e.dataset.oldPaddingBottom):(e.style.height="",e.style.paddingTop=e.dataset.oldPaddingTop,e.style.paddingBottom=e.dataset.oldPaddingBottom),e.style.overflow="hidden",this.enterTimer=setTimeout(function(){return n.afterEnter()},300)}},{key:"afterEnter",value:function(){var n=this.selfRef;n&&void 0!==n.style&&(n.style.display="block",n.style.height="",n.style.overflow=n.dataset.oldOverflow)}},{key:"beforeLeave",value:function(){var n=this.selfRef;n.dataset.oldPaddingTop=n.style.paddingTop,n.dataset.oldPaddingBottom=n.style.paddingBottom,n.dataset.oldOverflow=n.style.overflow,n.style.display="block",0!==n.scrollHeight&&(n.style.height=n.scrollHeight+"px"),n.style.overflow="hidden"}},{key:"leave",value:function(){var n=this,e=this.selfRef;0!==e.scrollHeight&&(e.style.height=0,e.style.paddingTop=0,e.style.paddingBottom=0),this.leaveTimer=setTimeout(function(){return n.afterLeave()},300)}},{key:"afterLeave",value:function(){var n=this.selfRef;n&&(n.style.display="none",n.style.height="",n.style.overflow=n.dataset.oldOverflow,n.style.paddingTop=n.dataset.oldPaddingTop,n.style.paddingBottom=n.dataset.oldPaddingBottom)}},{key:"render",value:function(){var n=this;return s.a.createElement("div",{className:"collapse-transition",style:{overflow:"hidden"},ref:function(e){return n.selfRef=e}},this.props.children)}}]),e}(l.b);e.a=c},213:function(n,e,t){"use strict";var o=t(216),a=t(217);o.a.Item=a.a,e.a=o.a},214:function(n,e,t){var o=t(245);"string"===typeof o&&(o=[[n.i,o,""]]);var a={hmr:!1};a.transform=void 0;t(193)(o,a);o.locals&&(n.exports=o.locals)},215:function(n,e,t){e=n.exports=t(192)(!0),e.push([n.i,'body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\\\5FAE\\8F6F\\96C5\\9ED1,Arial,sans-serif}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;padding:20px;color:#fff}.App-intro{font-size:large}table.grid{border-collapse:collapse;width:90%;background-color:#fff;color:#5e6d82;font-size:14px;margin-bottom:45px;line-height:1.5em}table.grid td:first-child,table.grid th:first-child{padding-left:10px}table.grid td,table.grid th{border-bottom:1px solid #eaeefb;padding:10px;max-width:250px}.table-smallSize{font-size:12px}.table-smallSize td{height:28px!important}.icon-list{overflow:hidden;list-style:none;padding:0;border-radius:4px;width:100%;margin:0 auto}.icon-list li{float:left;width:10%;text-align:center;height:120px;line-height:120px;color:#333;font-size:13px;-webkit-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear;border:1px solid #eaeefb;margin-right:-1px;margin-bottom:-1px}.icon-list li span{display:inline-block;line-height:normal;vertical-align:middle;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;color:#99a9bf}.icon-list li span i{color:#333;font-size:20px;width:100%;padding:5px 0;margin-bottom:10px}.bg-blue{background-color:#409eff}.bg-success{background-color:#13ce66}.bg-warning{background-color:#f7ba2a}.bg-info{background-color:#20a0ff}.bg-danger{background-color:#ff4949}.bg-text-primary{background-color:#1f2d3d}.bg-text-regular{background-color:#324057}.bg-text-secondary{background-color:#475669}.bg-text-placeholder{background-color:#c0c4cc}.bg-border-base{background-color:#8492a6}.bg-border-light{background-color:#99a9bf}.bg-border-lighter{background-color:#c0ccda}.bg-border-extra-light{background-color:#f2f6fc}.bg-border-gray{background-color:#d3dce6}.bg-border-lightgray{background-color:#e5e9f2}.bg-border-lightergray{background-color:#eff2f7}.demo-color-box{width:120px;display:inline-block;margin-right:20px}.demo-color-box,.demo-color-box-vertical{border-radius:4px;padding:20px;height:74px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:14px}.demo-color-box-vertical{width:200px}.demo-color-box .value{font-size:12px;opacity:.69;line-height:24px}.demo-color-box-group .demo-color-box:first-child{border-radius:4px 4px 0 0}.demo-color-box-group{display:inline-block;margin-right:30px}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dialog{text-align:left}.codeCollapse .ishow-collapse-item__content{background:#000;font-size:16px}.lost-404-title{color:#2d8cf0;font-size:100px;text-align:center;margin-bottom:0}.lost-404-content{color:#999;text-align:center;top:80px}.login-form{width:500px;height:auto;border-radius:10px;border:1px solid #ccc;padding:50px 100px 50px 0;background:#fff}.login-btn{width:100%}.codeCollapse .ishow-collapse-item__content{overflow-x:auto!important}.QueryCriteriaModule{margin-top:20px}.QueryCriteriaModule_ShowPart{position:relative;overflow:hidden}.QueryCriteriaModule .QueryCriteriaModule_Row{margin-bottom:20px}.QueryCriteriaModule .QueryCriteriaModule_Row>.QueryCriteriaModule_Col{text-align:center}.QueryCriteriaModule_Col>label{display:inline-block;width:16%;text-align:left;vertical-align:middle}.QueryCriteriaModule_Col>.QueryCriteriaModule_Input{width:70%;margin-left:2%}.QueryCriteriaModule_Expend{border-bottom:1px dashed #ddd;margin:35px 0;position:relative;width:100%}.QueryCriteriaModule_Expend>.QueryCriteriaModule_Expend_Button{position:absolute;text-align:center;right:0;top:-16px;width:80px;display:inline-block;margin:0 auto}.QueryCriteriaModule_CollapsePart{display:none}.QueryCriteriaModule_Button{text-align:center;margin:30px 0}.QueryCriteriaModule_DatePicker{display:inline-block;width:70%;margin-left:10px}.QueryCriteriaModule_DatePicker .ishow-date-editor.ishow-input{width:auto!important}.QueryCriteriaModule_DatePicker .ishow-date-editor{width:45%}.QueryCriteriaModule_rangeSpliter{display:inline-block;width:10%}.my-autocomplete-poi li{line-height:normal!important}.ishow-customItem-detail{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block}div.aniInput div{width:200px;margin:15px 10px 0 0}.box{width:400px}.box .top{text-align:center}.box .ishow-tooltip{margin-left:0}.box .item{margin:4px}.ishow-tooltip{display:inline-block}.box .left{float:left;width:60px}.box .right{float:right;width:60px}.box .bottom{clear:both;text-align:center}.grade{font-size:28px}.intro-block h3{font-size:22px;margin:45px 0 15px}.block{padding:54px 0;display:inline-block;width:50%;text-align:center}.block,.halfBlock{border:1px solid #eff2f6}.halfBlock{padding:24px}.contentFont{display:inline-block;vertical-align:top}#typography{font-size:28px;color:typography}.contentFont p{margin:8px 0;font-size:14px;color:#5e6d82}.contentFont h3{font-size:22px;margin:45px 0 15px}.demo_box{border:1px solid #eaeefb;height:200px;width:200px;position:relative;margin-top:20px;display:inline-block;margin-right:17px}.pingfang .hchf{font-family:PingFang SC}.hiragino .hchf{font-family:Hiragino Sans GB}.microsoft .hchf{font-family:Microsoft YaHei}.helveticaN .hchf{font-family:Helvetica Neue}.helvetica .hchf{font-family:Helvetica}.arial .hchf{font-family:Arial}.hchf{font-size:40px;color:#1f2d3d;text-align:center;line-height:160px;padding-bottom:36px}.little_box{width:100%;height:35px;line-height:35px;position:absolute;bottom:0;font-size:14px;color:#8492a6;text-align:left;text-indent:10px;border-top:1px solid #eaeefb}.language_style{font-size:12px;padding:18px 24px;line-height:1.8}.font-family{color:#c08b30}.token.string{color:#22a2c9}.token1.string{color:#5e6687}.demo-size1 p{color:#1f2f3d;font-family:Microsoft YaHei,\\ \\5FAE\\8F6F\\96C5\\9ED1}.demo-size2 p{color:#1f2f3d;font-family:\\\\5B8B\\4F53}.demo-size3 p{color:#1f2f3d;font-family:Helvetica Neue}.demo-size4 p{color:#1f2f3d;font-family:Helvetica}.demo-size5 p{color:#1f2f3d;font-family:PingFang SC}.demo-size6 p{color:#1f2f3d;font-family:Hiragino Sans GB}.demo-size7 p{color:#1f2f3d;font-family:Arial}.demo-size8 p{color:#1f2f3d;font-family:"sans-serif"}.demo-size1,.demo-size2,.demo-size3,.demo-size4,.demo-size5,.demo-size6,.demo-size7,.demo-size8,caption{color:#22a2c9;font-size:18px;caption-side:top}.demo-size1,.demo-size2,.demo-size3,.demo-size4,.demo-size5,.demo-size6,.demo-size7,.demo-size8,.h1 p{font-size:20px}.demo-size1,.demo-size2,.demo-size3,.demo-size4,.demo-size5,.demo-size6,.demo-size7,.demo-size8,.h2 p{font-size:18px}.demo-size1,.demo-size2,.demo-size3,.demo-size4,.demo-size5,.demo-size6,.demo-size7,.demo-size8,.h3 p{font-size:16px}.demo-size1,.demo-size2,.demo-size3,.demo-size4,.demo-size5,.demo-size6,.demo-size7,.demo-size8,.text-regular p{font-size:14px}.demo-size1,.demo-size2,.demo-size3,.demo-size4,.demo-size5,.demo-size6,.demo-size7,.demo-size8,.text-smaller p{font-size:12px}.color-dark,.demo-size1,.demo-size2,.demo-size3,.demo-size4,.demo-size5,.demo-size6,.demo-size7,.demo-size8{color:#99a9bf;font-size:16px}.thomas{font-family:thomas!important}.songti{font-family:\\\\5B8B\\4F53}.yahei{font-family:Microsoft YaHei,\\\\5FAE\\8F6F\\96C5\\9ED1}.numbers{font-size:24px;color:#1f2d3d;text-align:center;line-height:160px;padding-bottom:36px}.demo-box .demonstration{font-size:14px;color:#8492a6;line-height:44px}.demo-box .demonstration+.el-slider{float:right;width:70%;margin-right:20px}.demo-form .ishow-input{width:33.3%}.demo-form .ishow-textarea__inner{width:33%}.demo-form .ishow-input-group{width:33%!important;margin-top:15px}.ishow-input-for-select .ishow-input{width:100%}.ishow-tabs__active-bar{height:2px!important}.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-active{background-color:#20a0ff;color:#fff;border-bottom-color:#20a0ff!important}.QueryCriteriaModule .QueryCriteriaModule_Row>.QueryCriteriaModule_Col,.QueryCriteriaModule_Button{text-align:left!important}.ishow_dialog--small{min-width:600px}.ishow-select-dropdown__list{min-height:10px}.allInOneBreadCrumbs{position:relative;display:block!important;line-height:30px;border-bottom:1px solid #f0f0f0}table{border-collapse:separate!important}.ishow-table .cell,.ishow-table th>div{padding-left:4px!important}.ishow-table{font-size:12px!important;text-align:left!important;margin-top:30px;margin-bottom:30px}.ishow-table td,.ishow-table th{height:28px!important;line-height:28px!important}.ishow-table th>.cell,.ishow-table th>.cell span{line-height:28px!important}.ishow-table_2_column_4{border-right:none!important}.checkbox_margin .ishow-checkbox{margin-bottom:15px!important}.checkbox_margin .ishow-table{margin-top:0!important}.block{display:block!important;text-align:left;border:none;padding-top:20px;padding-bottom:20px}.ishow-button--large,.QueryCriteriaModule_Expend_Button{font-size:12px!important}.ishow-tabs__header{border-bottom:1px solid #20a0ff!important}.search-tabs .ishow-tabs__header,.tabs_border_bottom .ishow-tabs__header{border-bottom:1px solid #d1dbe5!important}.ishow-select-dropdown__list{height:200px!important;overflow-y:visible!important;overflow-x:hidden!important}.ishow-select-dropdown__wrap ::-webkit-scrollbar{width:10px;height:0;background-color:#fff}.ishow-select-dropdown__wrap ::-webkit-scrollbar-thumb{background-color:#eee}.ishow-autocomplete-suggestion__list{height:250px;overflow:scroll}.my-autocomplete.ishow-scrollbar__wrap{height:250px}.ishow-popper{top:38px!important;left:0!important}#cascaderTips{font-size:12px;margin:14px 0}#floating-panel{position:absolute;top:10px;left:25%;z-index:5;background-color:#fff;padding:5px;border:1px solid #999;text-align:center;font-family:Roboto,"sans-serif";line-height:30px;padding-left:10px}.popup-tip-anchor{height:0;position:absolute;width:200px}.popup-bubble-anchor{position:absolute;width:100%;bottom:8px;left:0}.popup-bubble-anchor:after{content:"";position:absolute;top:0;left:0;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff}.popup-bubble-content{position:absolute;top:0;left:0;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);background-color:#fff;padding:5px;border-radius:5px;font-family:sans-serif;overflow-y:auto;max-height:60px;-webkit-box-shadow:0 2px 10px 1px rgba(0,0,0,.5);box-shadow:0 2px 10px 1px rgba(0,0,0,.5)}.context-contain{width:280px;height:50px;position:absolute;margin:0;outline:0;vertical-align:baseline;background:#fff;border:0;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.2);box-shadow:0 10px 40px rgba(0,0,0,.2);border-radius:8px;white-space:nowrap}.context-contain:before{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff}.context-img{position:absolute;top:0;left:0;width:50px;border-top-left-radius:8px;border-bottom-left-radius:8px;height:50px;background:#ebebeb}.context-text{position:absolute;left:65px;right:60px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.context-text span{width:100%;line-height:20px;overflow:hidden;height:20px;white-space:nowrap;font-weight:700;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block}.context-text .subtext{font-weight:400;font-size:12px;line-height:16px;height:16px}.context-link{position:absolute;right:0;top:0;width:60px;font-size:14px;color:#3cc;text-align:center;line-height:50px}',"",{version:3,sources:["E:/demo/demo/src/components/ui/App.css"],names:[],mappings:"AAAA,KAEI,wHAA0H,CAC7H,AAED,UACI,oDAAqD,AAC7C,4CAA6C,AACrD,WAAa,CAChB,AAED,YACI,sBAAuB,AACvB,aAAc,AACd,UAAa,CAChB,AAED,WACI,eAAiB,CACpB,AAED,WACI,yBAA0B,AAC1B,UAAW,AACX,sBAAuB,AACvB,cAAe,AACf,eAAgB,AAChB,mBAAoB,AACpB,iBAAmB,CACtB,AAED,oDAEI,iBAAmB,CACtB,AAED,4BAEI,gCAAiC,AACjC,aAAc,AACd,eAAiB,CACpB,AAED,iBACI,cAAe,CAClB,AAED,oBACI,qBAAuB,CAC1B,AAID,WACI,gBAAiB,AACjB,gBAAiB,AACjB,UAAW,AACX,kBAAmB,AACnB,WAAY,AACZ,aAAe,CAClB,AAED,cACI,WAAY,AACZ,UAAW,AACX,kBAAmB,AACnB,aAAc,AACd,kBAAmB,AACnB,WAAY,AACZ,eAAgB,AAChB,qCAAsC,AACtC,gCAAiC,AACjC,6BAA8B,AAC9B,yBAA0B,AAC1B,kBAAmB,AACnB,kBAAoB,CACvB,AAED,mBACI,qBAAsB,AACtB,mBAAoB,AACpB,sBAAuB,AACvB,oGAAmH,AACnH,aAAe,CAClB,AAED,qBACI,WAAY,AACZ,eAAgB,AAChB,WAAY,AACZ,cAAe,AACf,kBAAoB,CACvB,AAID,SACI,wBAA0B,CAC7B,AAED,YACI,wBAA0B,CAC7B,AAED,YACI,wBAA0B,CAC7B,AAED,SACI,wBAA0B,CAC7B,AAED,WACI,wBAA0B,CAC7B,AAED,iBACI,wBAA0B,CAC7B,AAED,iBACI,wBAA0B,CAC7B,AAED,mBACI,wBAA0B,CAC7B,AAED,qBACI,wBAA0B,CAC7B,AAED,gBACI,wBAA0B,CAC7B,AAED,iBACI,wBAA0B,CAC7B,AAED,mBACI,wBAA0B,CAC7B,AAED,uBACI,wBAA0B,CAC7B,AAED,gBACI,wBAA0B,CAC7B,AAED,qBACI,wBAA0B,CAC7B,AAED,uBACI,wBAA0B,CAC7B,AAED,gBAQI,YAAa,AACb,qBAAsB,AACtB,iBAAmB,CACtB,AAED,yCAZI,kBAAmB,AACnB,aAAc,AACd,YAAa,AACb,8BAA+B,AACvB,sBAAuB,AAC/B,WAAY,AACZ,cAAgB,CAenB,AATD,yBAQI,WAAa,CAChB,AAED,uBACI,eAAgB,AAChB,YAAa,AACb,gBAAkB,CACrB,AAED,kDACI,yBAA2B,CAC9B,AAED,sBACI,qBAAsB,AACtB,iBAAmB,CACtB,AAID,iCACI,GACI,+BAAgC,AACxB,sBAAwB,CACnC,AACD,GACI,gCAAkC,AAC1B,uBAA0B,CACrC,CACJ,AAED,yBACI,GACI,+BAAgC,AACxB,sBAAwB,CACnC,AACD,GACI,gCAAkC,AAC1B,uBAA0B,CACrC,CACJ,AAID,QACI,eAAiB,CACpB,AAED,4CACI,gBAAiB,AACjB,cAAgB,CACnB,AAID,gBACI,cAAe,AACf,gBAAiB,AACjB,kBAAmB,AACnB,eAAgB,CACnB,AAED,kBACI,WAAY,AACZ,kBAAmB,AACnB,QAAU,CACb,AAID,YACI,YAAa,AACb,YAAa,AACb,mBAAoB,AACpB,sBAAuB,AACvB,0BAA2B,AAC3B,eAAiB,CACpB,AAID,WACI,UAAY,CACf,AAED,4CACI,yBAA4B,CAC/B,AAID,qBACI,eAAiB,CACpB,AAED,8BACI,kBAAmB,AACnB,eAAiB,CACpB,AAED,8CACI,kBAAoB,CACvB,AAED,uEACI,iBAAmB,CACtB,AAED,+BACI,qBAAsB,AACtB,UAAW,AACX,gBAAiB,AACjB,qBAAuB,CAC1B,AAED,oDACI,UAAW,AACX,cAAgB,CACnB,AAED,4BACI,8BAA+B,AAC/B,cAAiB,AACjB,kBAAmB,AACnB,UAAY,CACf,AAED,+DACI,kBAAmB,AACnB,kBAAmB,AACnB,QAAS,AACT,UAAW,AACX,WAAY,AACZ,qBAAsB,AACtB,aAAe,CAClB,AAED,kCACI,YAAc,CACjB,AAED,4BACI,kBAAmB,AACnB,aAAe,CAClB,AAED,gCACI,qBAAsB,AACtB,UAAW,AACX,gBAAkB,CACrB,AAED,+DACI,oBAAuB,CAC1B,AAED,mDACI,SAAW,CACd,AAED,kCACI,qBAAsB,AACtB,SAAW,CACd,AAID,wBACI,4BAA+B,CAClC,AAED,yBACI,gBAAiB,AACjB,0BAA2B,AACxB,uBAAwB,AAC3B,aAAe,CAClB,AAED,iBACI,YAAa,AACb,oBAAsB,CACzB,AAID,KACE,WAAa,CACd,AACD,UACE,iBAAmB,CACpB,AACD,oBACE,aAAe,CAChB,AAED,WACE,UAAY,CACb,AACD,eACE,oBAAsB,CACvB,AACD,WACE,WAAY,AACZ,UAAY,CACb,AACD,YACE,YAAa,AACb,UAAY,CACb,AACD,aACE,WAAY,AACZ,iBAAmB,CACpB,AAGD,OACE,cAAgB,CACjB,AACD,gBACE,eAAgB,AAChB,kBAAmB,CACpB,AACD,OACE,eAAgB,AAChB,qBAAqB,AACrB,UAAU,AAEV,iBAAmB,CACpB,AAED,kBAJE,wBAAyB,CAO1B,AAHD,WAEE,YAAc,CACf,AASD,aAEE,qBAAsB,AACtB,kBAAoB,CACnB,AACH,YACE,eAAgB,AAChB,gBAAkB,CACnB,AACD,eACE,aAAa,AACb,eAAgB,AAChB,aAAc,CACf,AACD,gBACE,eAAgB,AAEhB,kBAAmB,CACpB,AACD,UACE,yBAA0B,AAC1B,aAAc,AACd,YAAY,AACZ,kBAAmB,AACnB,gBAAgB,AAGhB,qBAAsB,AACtB,iBAAmB,CACpB,AAED,gBACE,uBAAyB,CAC1B,AACD,gBACE,4BAA8B,CAC/B,AACD,iBACE,2BAA6B,CAC9B,AAED,kBACE,0BAA4B,CAC7B,AACD,iBACE,qBAAuB,CACxB,AACD,aACE,iBAAmB,CACpB,AAED,MACE,eAAe,AACf,cAAc,AACd,kBAAmB,AACnB,kBAAmB,AACnB,mBAAqB,CACtB,AACD,YACE,WAAW,AACX,YAAa,AACb,iBAAkB,AAClB,kBAAkB,AAClB,SAAU,AACV,eAAgB,AAChB,cAAc,AACd,gBAAiB,AACjB,iBAAiB,AACjB,4BAA6B,CAC9B,AAED,gBACE,eAAe,AACf,kBAAmB,AACnB,eAAiB,CAClB,AACD,aACE,aAAe,CAChB,AACD,cACE,aAAe,CAChB,AACD,eACE,aAAc,CACf,AAED,cACE,cAAc,AACd,kDAAoC,CACrC,AACD,cACE,cAAc,AACd,uBAAmB,CACpB,AACD,cACE,cAAc,AACd,0BAA+B,CAChC,AAED,cACE,cAAc,AACd,qBAA0B,CAC3B,AACD,cACE,cAAc,AACd,uBAA4B,CAC7B,AACD,cACE,cAAc,AACd,4BAAiC,CAClC,AACD,cACE,cAAc,AACd,iBAAsB,CACvB,AACD,cACE,cAAc,AACd,wBAA2B,CAC5B,AAGD,wGACE,cAAc,AACd,eAAgB,AAChB,gBAAgB,CACjB,AACD,sGACE,cAAgB,CAEjB,AACD,sGACE,cAAe,CAChB,AACD,sGACE,cAAgB,CACjB,AACD,gHACE,cAAe,CAChB,AACD,gHACE,cAAe,CAChB,AACD,4GACE,cAAc,AACd,cAAe,CAChB,AAED,QACE,4BAA+B,CAChC,AAED,QACE,uBAAkB,CACnB,AACD,OACE,iDAAuC,CACxC,AACD,SACE,eAAgB,AAChB,cAAe,AACf,kBAAmB,AACnB,kBAAmB,AACnB,mBAAqB,CACtB,AAED,yBACE,eAAgB,AAChB,cAAe,AACf,gBAAkB,CACnB,AACD,oCACE,YAAa,AACb,UAAW,AACX,iBAAmB,CACpB,AACD,wBACI,WAAa,CAChB,AACD,kCACI,SAAY,CACf,AACD,8BACI,oBAAsB,AACtB,eAAiB,CACpB,AAED,qCACI,UAAW,CACd,AAUD,wBACI,oBAAuB,CAE1B,AACD,kEACI,yBAA0B,AAC1B,WAAY,AACZ,qCAAwC,CAC3C,AAQD,mGACI,yBAA4B,CAC/B,AAGD,qBACI,eAAiB,CACpB,AACD,6BACI,eAAiB,CACpB,AACD,qBACI,kBAAmB,AACnB,wBAA0B,AAC1B,iBAAkB,AAClB,+BAAiC,CACpC,AACD,MACI,kCAAqC,CACxC,AACD,uCAEI,0BAA4B,CAC/B,AACD,aACI,yBAA0B,AAC1B,0BAA2B,AAC3B,gBAAgB,AAChB,kBAAmB,CACtB,AACD,gCAEI,sBAAuB,AACvB,0BAA6B,CAChC,AAID,iDACI,0BAA6B,CAChC,AACD,wBACI,2BAA8B,CACjC,AAED,iCACI,4BAA+B,CAClC,AAED,8BACI,sBAAwB,CAC3B,AAED,OACI,wBAA0B,AAC1B,gBAAgB,AAChB,YAAa,AACb,iBAAkB,AAClB,mBAAqB,CACxB,AAMD,wDACI,wBAA2B,CAC9B,AACD,oBACI,yCAA4C,CAC/C,AAID,yEACI,yCAA4C,CAC/C,AACD,6BACI,uBAAyB,AACzB,6BAA+B,AAC/B,2BAA8B,CAEjC,AAID,iDACI,WAAY,AACZ,SAAY,AACZ,qBAAuB,CAC1B,AAeD,uDAII,qBAAuB,CAC1B,AAID,qCACI,aAAc,AACd,eAAiB,CACpB,AACD,uCACI,YAAc,CACjB,AACD,cACI,mBAAqB,AACrB,gBAAoB,CACvB,AACD,cACG,eAAgB,AAChB,aAAiB,CACnB,AAED,gBACI,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,UAAW,AACX,sBAAuB,AACvB,YAAa,AACb,sBAAuB,AACvB,kBAAmB,AACnB,gCAAmC,AACnC,iBAAkB,AAClB,iBAAmB,CACtB,AAGD,kBACI,SAAU,AACV,kBAAmB,AAEnB,WAAa,CACd,AAED,qBACE,kBAAmB,AACnB,WAAY,AACZ,WAA8B,AAC9B,MAAQ,CACT,AAED,2BACE,WAAY,AACZ,kBAAmB,AACnB,MAAO,AACP,OAAQ,AAER,kCAAsC,AAClC,8BAAkC,AAC9B,0BAA8B,AAEtC,QAAS,AACT,SAAU,AAEV,kCAAmC,AACnC,mCAAoC,AACpC,yBAA8C,CAC/C,AAED,sBACE,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,wCAA0C,AACtC,oCAAsC,AAClC,gCAAkC,AAE1C,sBAAwB,AACxB,YAAa,AACb,kBAAmB,AACnB,uBAAwB,AACxB,gBAAiB,AACjB,gBAAiB,AACjB,iDAAqD,AAC7C,wCAA6C,CACtD,AAED,iBACE,YAAa,AACb,YAAa,AACb,kBAAmB,AACnB,SAAU,AACV,UAAW,AACX,wBAAyB,AAEzB,gBAAiB,AACjB,SAAU,AACV,8CAA+C,AACvC,sCAAuC,AAC/C,kBAAmB,AAGnB,kBAAoB,CACrB,AACH,wBACQ,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,SAAU,AACV,iBAAkB,AAClB,QAAS,AACT,SAAU,AACV,kCAAmC,AACnC,mCAAoC,AACpC,yBAA2B,CAChC,AACD,aACE,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,WAAY,AACZ,2BAA4B,AAC5B,8BAA+B,AAC/B,YAAa,AACb,kBAAoB,CACrB,AACD,cACE,kBAAmB,AACnB,UAAW,AACX,WAAY,AACZ,QAAS,AACT,mCAAoC,AACpC,+BAAgC,AAChC,0BAA4B,CAC7B,AACD,mBACQ,WAAY,AACV,iBAAkB,AAClB,gBAAiB,AACjB,YAAa,AACb,mBAAoB,AACpB,gBAAiB,AACjB,0BAA2B,AACxB,uBAAwB,AAC3B,aAAe,CACxB,AACD,uBACE,gBAAiB,AACjB,eAAgB,AAChB,iBAAkB,AAClB,WAAa,CACd,AACD,cACE,kBAAmB,AACnB,QAAS,AACT,MAAO,AACP,WAAY,AACZ,eAAgB,AAChB,WAAY,AACZ,kBAAmB,AACnB,gBAAkB,CACnB",file:"App.css",sourcesContent:['body {\n    /*  \u5b57\u4f53 */\n    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\u5fae\u8f6f\u96c5\u9ed1", Arial, sans-serif;\n}\n\n.App-logo {\n    -webkit-animation: App-logo-spin infinite 20s linear;\n            animation: App-logo-spin infinite 20s linear;\n    height: 80px;\n}\n\n.App-header {\n    background-color: #222;\n    padding: 20px;\n    color: white;\n}\n\n.App-intro {\n    font-size: large;\n}\n\ntable.grid {\n    border-collapse: collapse;\n    width: 90%;\n    background-color: #fff;\n    color: #5e6d82;\n    font-size: 14px;\n    margin-bottom: 45px;\n    line-height: 1.5em;\n}\n\ntable.grid th:first-child,\ntable.grid td:first-child {\n    padding-left: 10px;\n}\n\ntable.grid td,\ntable.grid th {\n    border-bottom: 1px solid #eaeefb;\n    padding: 10px;\n    max-width: 250px;\n}\n\n.table-smallSize {\n    font-size: 12px\n}\n\n.table-smallSize td {\n    height: 28px !important\n}\n\n/* \u56fe\u6807 */\n\n.icon-list {\n    overflow: hidden;\n    list-style: none;\n    padding: 0;\n    border-radius: 4px;\n    width: 100%;\n    margin: 0 auto;\n}\n\n.icon-list li {\n    float: left;\n    width: 10%;\n    text-align: center;\n    height: 120px;\n    line-height: 120px;\n    color: #333;\n    font-size: 13px;\n    -webkit-transition: color .15s linear;\n    -o-transition: color .15s linear;\n    transition: color .15s linear;\n    border: 1px solid #eaeefb;\n    margin-right: -1px;\n    margin-bottom: -1px;\n}\n\n.icon-list li span {\n    display: inline-block;\n    line-height: normal;\n    vertical-align: middle;\n    font-family: \'Helvetica Neue\', Helvetica, \'PingFang SC\', \'Hiragino Sans GB\', \'Microsoft YaHei\', SimSun, sans-serif;\n    color: #99a9bf;\n}\n\n.icon-list li span i {\n    color: #333;\n    font-size: 20px;\n    width: 100%;\n    padding: 5px 0;\n    margin-bottom: 10px;\n}\n\n/* for Color.jsx */\n\n.bg-blue {\n    background-color: #409eff;\n}\n\n.bg-success {\n    background-color: #13CE66;\n}\n\n.bg-warning {\n    background-color: #F7BA2A;\n}\n\n.bg-info {\n    background-color: #20A0FF;\n}\n\n.bg-danger {\n    background-color: #FF4949;\n}\n\n.bg-text-primary {\n    background-color: #1F2D3D;\n}\n\n.bg-text-regular {\n    background-color: #324057;\n}\n\n.bg-text-secondary {\n    background-color: #475669;\n}\n\n.bg-text-placeholder {\n    background-color: #c0c4cc;\n}\n\n.bg-border-base {\n    background-color: #8492A6;\n}\n\n.bg-border-light {\n    background-color: #99A9BF;\n}\n\n.bg-border-lighter {\n    background-color: #C0CCDA;\n}\n\n.bg-border-extra-light {\n    background-color: #f2f6fc;\n}\n\n.bg-border-gray {\n    background-color: #D3DCE6;\n}\n\n.bg-border-lightgray {\n    background-color: #E5E9F2;\n}\n\n.bg-border-lightergray {\n    background-color: #EFF2F7;\n}\n\n.demo-color-box {\n    border-radius: 4px;\n    padding: 20px;\n    height: 74px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    color: #fff;\n    font-size: 14px;\n    width: 120px;\n    display: inline-block;\n    margin-right: 20px;\n}\n\n.demo-color-box-vertical {\n    border-radius: 4px;\n    padding: 20px;\n    height: 74px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    color: #fff;\n    font-size: 14px;\n    width: 200px;\n}\n\n.demo-color-box .value {\n    font-size: 12px;\n    opacity: .69;\n    line-height: 24px;\n}\n\n.demo-color-box-group .demo-color-box:first-child {\n    border-radius: 4px 4px 0 0;\n}\n\n.demo-color-box-group {\n    display: inline-block;\n    margin-right: 30px;\n}\n\n/* for Color.jsx */\n\n@-webkit-keyframes App-logo-spin {\n    from {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes App-logo-spin {\n    from {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n/* \u5f39\u51fa\u7a97\u53e3 */\n\n.dialog {\n    text-align: left;\n}\n\n.codeCollapse .ishow-collapse-item__content {\n    background: #000;\n    font-size: 16px;\n}\n\n/* 404\u9875\u9762\u6837\u5f0f */\n\n.lost-404-title {\n    color: #2d8cf0;\n    font-size: 100px;\n    text-align: center;\n    margin-bottom: 0\n}\n\n.lost-404-content {\n    color: #999;\n    text-align: center;\n    top: 80px;\n}\n\n/*\u767b\u5f55\u8868\u5355\u6837\u5f0f*/\n\n.login-form {\n    width: 500px;\n    height: auto;\n    border-radius: 10px;\n    border: 1px solid #ccc;\n    padding: 50px 100px 50px 0;\n    background: #fff;\n}\n\n\n\n.login-btn {\n    width: 100%;\n}\n\n.codeCollapse .ishow-collapse-item__content {\n    overflow-x: auto !important;\n}\n\n/* QueryCriteriaModule START*/\n\n.QueryCriteriaModule {\n    margin-top: 20px;\n}\n\n.QueryCriteriaModule_ShowPart {\n    position: relative;\n    overflow: hidden;\n}\n\n.QueryCriteriaModule .QueryCriteriaModule_Row {\n    margin-bottom: 20px;\n}\n\n.QueryCriteriaModule .QueryCriteriaModule_Row>.QueryCriteriaModule_Col {\n    text-align: center;\n}\n\n.QueryCriteriaModule_Col>label {\n    display: inline-block;\n    width: 16%;\n    text-align: left;\n    vertical-align: middle;\n}\n\n.QueryCriteriaModule_Col>.QueryCriteriaModule_Input {\n    width: 70%;\n    margin-left: 2%;\n}\n\n.QueryCriteriaModule_Expend {\n    border-bottom: 1px dashed #ddd;\n    margin: 35px 0px;\n    position: relative;\n    width: 100%;\n}\n\n.QueryCriteriaModule_Expend>.QueryCriteriaModule_Expend_Button {\n    position: absolute;\n    text-align: center;\n    right: 0;\n    top: -16px;\n    width: 80px;\n    display: inline-block;\n    margin: 0 auto;\n}\n\n.QueryCriteriaModule_CollapsePart {\n    display: none;\n}\n\n.QueryCriteriaModule_Button {\n    text-align: center;\n    margin: 30px 0;\n}\n\n.QueryCriteriaModule_DatePicker {\n    display: inline-block;\n    width: 70%;\n    margin-left: 10px;\n}\n\n.QueryCriteriaModule_DatePicker .ishow-date-editor.ishow-input {\n    width: auto !important;\n}\n\n.QueryCriteriaModule_DatePicker .ishow-date-editor {\n    width: 45%;\n}\n\n.QueryCriteriaModule_rangeSpliter {\n    display: inline-block;\n    width: 10%;\n}\n\n/* QueryCriteriaModule END */\n\n.my-autocomplete-poi li {\n    line-height: normal !important;\n}\n\n.ishow-customItem-detail {\n    overflow: hidden;\n    -o-text-overflow: ellipsis;\n       text-overflow: ellipsis;\n    display: block;\n}\n\ndiv.aniInput div {\n    width: 200px;\n    margin: 15px 10px 0 0;\n}\n\n\n\n.box {\n  width: 400px;\n}\n.box .top {\n  text-align: center;\n}\n.box .ishow-tooltip {\n  margin-left: 0;\n}\n\n.box .item {\n  margin: 4px;\n}\n.ishow-tooltip {\n  display: inline-block;\n}\n.box .left {\n  float: left;\n  width: 60px;\n}\n.box .right {\n  float: right;\n  width: 60px;\n}\n.box .bottom {\n  clear: both;\n  text-align: center;\n}\n\n\n.grade {\n  font-size: 28px;\n}\n.intro-block h3{\n  font-size: 22px;\n  margin:45px 0 15px;\n}\n.block{\n  padding: 54px 0;\n  display:inline-block;\n  width:50%;\n  border:1px solid #eff2f6;\n  text-align: center;\n}\n\n.halfBlock{\n  border:1px solid #eff2f6;\n  padding: 24px;\n}\n\n\n/* .container{\n  width: 1140px;\n  padding: 60px 30px;\n  margin: 0 auto;\n  box-sizing: border-box;\n} */\n.contentFont{\n  /* padding:60px,189px,95px,219px; */\n  display: inline-block;\n  vertical-align: top;\n  }\n#typography{\n  font-size: 28px;\n  color: typography;\n}\n.contentFont p{\n  margin:8px 0;\n  font-size: 14px;\n  color:#5e6d82;\n}\n.contentFont h3{\n  font-size: 22px;\n  /* margin-top: 22px; */\n  margin:45px 0 15px;\n}\n.demo_box{\n  border: 1px solid #eaeefb;\n  height: 200px;\n  width:200px;\n  position: relative;\n  margin-top:20px;\n  /* font-size:40px; */\n  /* color:#1f2d3d; */\n  display: inline-block;\n  margin-right: 17px;\n}\n\n.pingfang .hchf{\n  font-family: PingFang SC;\n} \n.hiragino .hchf{\n  font-family: Hiragino Sans GB;\n}\n.microsoft .hchf{\n  font-family: Microsoft YaHei;\n}\n\n.helveticaN .hchf{\n  font-family: Helvetica Neue;\n}\n.helvetica .hchf{\n  font-family: Helvetica;\n}\n.arial .hchf{\n  font-family: Arial;\n}\n\n.hchf{\n  font-size:40px;\n  color:#1f2d3d;\n  text-align: center;\n  line-height: 160px;\n  padding-bottom: 36px;\n}\n.little_box{\n  width:100%;\n  height: 35px;\n  line-height: 35px;\n  position:absolute;\n  bottom: 0;\n  font-size: 14px;\n  color:#8492a6;\n  text-align: left;\n  text-indent:10px;\n  border-top:1px solid #eaeefb;\n}\n\n.language_style{\n  font-size:12px;\n  padding: 18px 24px;\n  line-height: 1.8;\n}\n.font-family{\n  color:#c08b30 ;\n}\n.token.string{\n  color: #22a2c9;\n}\n.token1.string{\n  color:#5e6687;\n}\n\n.demo-size1 p{\n  color:#1f2f3d;\n  font-family:"Microsoft YaHei, \u5fae\u8f6f\u96c5\u9ed1";\n}\n.demo-size2 p{\n  color:#1f2f3d;\n  font-family:  "\u5b8b\u4f53";\n}\n.demo-size3 p{\n  color:#1f2f3d;\n  font-family:  "Helvetica Neue";\n}\n\n.demo-size4 p{\n  color:#1f2f3d;\n  font-family:  "Helvetica";\n}\n.demo-size5 p{\n  color:#1f2f3d;\n  font-family:  "PingFang SC";\n}\n.demo-size6 p{\n  color:#1f2f3d;\n  font-family:  "Hiragino Sans GB";\n}\n.demo-size7 p{\n  color:#1f2f3d;\n  font-family:  "Arial";\n}\n.demo-size8 p{\n  color:#1f2f3d;\n  font-family:  "sans-serif";\n}\n\n\n.demo-size1,  .demo-size2,  .demo-size3, .demo-size4, .demo-size5, .demo-size6, .demo-size7, .demo-size8,  caption{\n  color:#22a2c9;\n  font-size: 18px;\n  caption-side:top\n}\n.demo-size1,  .demo-size2,  .demo-size3, .demo-size4, .demo-size5, .demo-size6, .demo-size7, .demo-size8,  .h1 p{\n  font-size: 20px;\n  /* color:#1f2f3d; */\n}\n.demo-size1,  .demo-size2,  .demo-size3, .demo-size4, .demo-size5, .demo-size6, .demo-size7, .demo-size8, .h2 p{\n  font-size:18px;\n}\n.demo-size1,  .demo-size2,  .demo-size3, .demo-size4, .demo-size5, .demo-size6, .demo-size7, .demo-size8, .h3 p{\n  font-size: 16px;\n}\n.demo-size1,  .demo-size2,  .demo-size3, .demo-size4, .demo-size5, .demo-size6, .demo-size7, .demo-size8, .text-regular p{\n  font-size:14px;\n}\n.demo-size1,  .demo-size2,  .demo-size3, .demo-size4, .demo-size5, .demo-size6, .demo-size7, .demo-size8, .text-smaller p{\n  font-size:12px;\n}\n.demo-size1,  .demo-size2,  .demo-size3,  .demo-size4, .demo-size5, .demo-size6, .demo-size7, .demo-size8, .color-dark {\n  color:#99a9bf;\n  font-size:16px;\n}\n\n.thomas{\n  font-family: thomas !important;\n}\n\n.songti{\n  font-family: \'\u5b8b\u4f53\';\n}\n.yahei{\n  font-family:  "Microsoft YaHei", "\u5fae\u8f6f\u96c5\u9ed1"\n}\n.numbers{\n  font-size: 24px;\n  color: #1f2d3d;\n  text-align: center;\n  line-height: 160px;\n  padding-bottom: 36px;\n}\n/*slider*/\n.demo-box .demonstration {\n  font-size: 14px;\n  color: #8492a6;\n  line-height: 44px;\n}\n.demo-box .demonstration + .el-slider {\n  float: right;\n  width: 70%;\n  margin-right: 20px;\n}\n.demo-form .ishow-input{\n    width: 33.3%;\n}\n.demo-form .ishow-textarea__inner{\n    width: 33% ;\n}\n.demo-form .ishow-input-group{\n    width: 33% !important;\n    margin-top: 15px;\n}\n\n.ishow-input-for-select .ishow-input {\n    width: 100%\n}\n\n\n/* .demo-form .ishow-icon-time{\n    left: 379px !important;\n} */\n/* .mine */\n/* .ishow-table {\n    font-size: 12px !important;\n} */\n.ishow-tabs__active-bar{\n    height: 2px !important;\n    \n}\n.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-active{\n    background-color:#20a0ff ;\n    color: #fff;\n    border-bottom-color: #20a0ff !important;\n}\n/* .jilin .ishow-tabs__header{\n    border-bottom: 1px solid #20a0ff;\n\n} */\n.QueryCriteriaModule_Button{\n    text-align: left !important;\n}\n.QueryCriteriaModule .QueryCriteriaModule_Row>.QueryCriteriaModule_Col{\n    text-align: left !important;\n}\n\n\n.ishow_dialog--small{\n    min-width: 600px;\n}\n.ishow-select-dropdown__list{\n    min-height: 10px;\n}\n.allInOneBreadCrumbs{\n    position: relative;\n    display: block !important;\n    line-height: 30px;\n    border-bottom: 1px solid #f0f0f0;\n}\ntable{\n    border-collapse: separate !important;\n}\n.ishow-table .cell,\n.ishow-table th>div {\n    padding-left:4px !important;\n}\n.ishow-table{\n    font-size:12px !important;\n    text-align:left !important;\n    margin-top:30px;\n    margin-bottom:30px;\n}\n.ishow-table td,\n.ishow-table th{\n    height:28px !important;\n    line-height: 28px !important;\n}\n.ishow-table th>.cell{\n    line-height: 28px !important;\n}\n.ishow-table th>.cell span{\n    line-height: 28px !important;\n}\n.ishow-table_2_column_4{\n    border-right: none !important;\n}\n\n.checkbox_margin .ishow-checkbox {\n    margin-bottom: 15px !important;\n}\n\n.checkbox_margin .ishow-table {\n    margin-top:0 !important;\n}\n\n.block{\n    display: block !important;\n    text-align:left;\n    border: none; \n    padding-top: 20px;\n    padding-bottom: 20px;\n}\n\n\n.ishow-button--large{\n    font-size: 12px !important;\n}\n.QueryCriteriaModule_Expend_Button {\n    font-size: 12px !important;\n}\n.ishow-tabs__header{\n    border-bottom: 1px solid #20a0ff !important;\n}\n.tabs_border_bottom .ishow-tabs__header {\n    border-bottom: 1px solid #d1dbe5 !important;\n}\n.search-tabs .ishow-tabs__header {\n    border-bottom: 1px solid #d1dbe5 !important;\n}\n.ishow-select-dropdown__list {\n    height: 200px !important;\n    overflow-y: visible !important;\n    overflow-x: hidden !important;\n    /* -webkit-scrollbar-base-color:#FEFAF1 !important; */\n}\n\n/*\u5b9a\u4e49\u6eda\u52a8\u6761\u9ad8\u5bbd\u53ca\u80cc\u666f \u9ad8\u5bbd\u5206\u522b\u5bf9\u5e94\u6a2a\u7ad6\u6eda\u52a8\u6761\u7684\u5c3a\u5bf8*/\n\n.ishow-select-dropdown__wrap ::-webkit-scrollbar {\n    width: 10px;\n    height: 0px;\n    background-color: #fff;\n}\n\n/*\u5b9a\u4e49\u6eda\u52a8\u6761\u8f68\u9053 \u5185\u9634\u5f71+\u5706\u89d2*/\n\n/* ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n  border-radius: 10px;\n  display: none;\n  background-color: #F5F5F5;\n\n} */\n\n/*\u5b9a\u4e49\u6ed1\u5757 \u5185\u9634\u5f71+\u5706\u89d2*/\n\n.ishow-select-dropdown__wrap ::-webkit-scrollbar-thumb {\n    /* border-radius: 10px; */\n    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);\n  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); */\n    background-color: #eee;\n}\n\n\n/* POI\u9009\u62e9\u57fa\u672c\u7528\u6cd5\u52a0\u6eda\u52a8\u6761*/\n.ishow-autocomplete-suggestion__list{\n    height: 250px;\n    overflow: scroll;\n}\n.my-autocomplete.ishow-scrollbar__wrap {\n    height: 250px;\n}\n.ishow-popper{\n    top: 38px !important;\n    left:0px !important;\n}\n#cascaderTips{\n   font-size: 12px;\n   margin: 14px 0px; \n}\n\n#floating-panel {\n    position: absolute;\n    top: 10px;\n    left: 25%;\n    z-index: 5;\n    background-color: #fff;\n    padding: 5px;\n    border: 1px solid #999;\n    text-align: center;\n    font-family: \'Roboto\',\'sans-serif\';\n    line-height: 30px;\n    padding-left: 10px;\n}\n\n/* The location pointed to by the popup tip. */\n.popup-tip-anchor {\n    height: 0;\n    position: absolute;\n    /* The max width of the info window. */\n    width: 200px;\n  }\n  /* The bubble is anchored above the tip. */\n  .popup-bubble-anchor {\n    position: absolute;\n    width: 100%;\n    bottom: /* TIP_HEIGHT= */ 8px;\n    left: 0;\n  }\n  /* Draw the tip. */\n  .popup-bubble-anchor::after {\n    content: "";\n    position: absolute;\n    top: 0;\n    left: 0;\n    /* Center the tip horizontally. */\n    -webkit-transform: translate(-50%, 0);\n        -ms-transform: translate(-50%, 0);\n            transform: translate(-50%, 0);\n    /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */\n    width: 0;\n    height: 0;\n    /* The tip is 8px high, and 12px wide. */\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: /* TIP_HEIGHT= */ 8px solid white;\n  }\n  /* The popup bubble itself. */\n  .popup-bubble-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    -webkit-transform: translate(-50%, -100%);\n        -ms-transform: translate(-50%, -100%);\n            transform: translate(-50%, -100%);\n    /* Style the info window. */\n    background-color: white;\n    padding: 5px;\n    border-radius: 5px;\n    font-family: sans-serif;\n    overflow-y: auto;\n    max-height: 60px;\n    -webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);\n            box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);\n  }\n\n  .context-contain{\n    width: 280px;\n    height: 50px;\n    position: absolute;\n    margin: 0;\n    outline: 0;\n    vertical-align: baseline;\n    /* color: #333; */\n    background: #fff;\n    border: 0;\n    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.2);\n            box-shadow: 0 10px 40px rgba(0,0,0,.2);\n    border-radius: 8px;\n    /* line-height: 20px; */\n    /* font-size:  14px !important; */\n    white-space: nowrap;\n  }\n.context-contain:before{\n        content: "";\n        position: absolute;\n        bottom: -6px;\n        left: 50%;\n        margin-left: -5px;\n        width: 0;\n        height: 0;\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 6px solid #fff;\n  }\n  .context-img{\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 50px;\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n    height: 50px;\n    background: #ebebeb;\n  }\n  .context-text{\n    position: absolute;\n    left: 65px;\n    right: 60px;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .context-text span{\n          width: 100%;\n            line-height: 20px;\n            overflow: hidden;\n            height: 20px;\n            white-space: nowrap;\n            font-weight: 700;\n            -o-text-overflow: ellipsis;\n               text-overflow: ellipsis;\n            display: block;\n  }\n  .context-text  .subtext{\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 16px;\n    height: 16px; \n  }\n  .context-link{\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 60px;\n    font-size: 14px;\n    color: #3cc;\n    text-align: center;\n    line-height: 50px;\n  }'],sourceRoot:""}])},216:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=t(1),p=t.n(l),c=t(50),d=t(218),u=(t.n(d),function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}()),A=function(n){function e(n){o(this,e);var t=a(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,n));return t.state={activeNames:[].concat(t.props.value)},t}return i(e,n),u(e,[{key:"componentWillReceiveProps",value:function(n){this.setActiveNames(n.value)}},{key:"setActiveNames",value:function(n){var e=this;n=[].concat(n),this.setState({activeNames:n},function(){return e.props.onChange(n)})}},{key:"handleItemClick",value:function(n){var e=this.state.activeNames;this.props.accordion?this.setActiveNames(e[0]&&e[0]===n?"":n):e.includes(n)?this.setActiveNames(e.filter(function(e){return e!==n})):this.setActiveNames(e.concat(n))}},{key:"render",value:function(){var n=this,e=s.a.Children.map(this.props.children,function(e,t){var o=e.props.name||t.toString();return s.a.cloneElement(e,{isActive:n.state.activeNames.includes(o),key:t,name:o,onClick:function(e){return n.handleItemClick(e)}})});return s.a.createElement("div",{className:"ishow-collapse"},e)}}]),e}(c.b);e.a=A,A.propTypes={accordion:p.a.bool,value:p.a.oneOfType([p.a.array,p.a.string]),onChange:p.a.func},A.defaultProps={value:[],onChange:function(){}}},217:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=t(1),p=t.n(l),c=t(50),d=t(220),u=(t.n(d),t(212)),A=function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}(),m=function(n){function e(){return o(this,e),a(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,n),A(e,[{key:"render",value:function(){var n=this.props,e=n.title,t=n.isActive,o=n.onClick,a=n.name;return s.a.createElement("div",{className:this.classNames({"ishow-collapse-item":!0,"is-active":t})},s.a.createElement("div",{className:"ishow-collapse-item__header",onClick:function(){return o(a)}},s.a.createElement("i",{className:"ishow-collapse-item__header__arrow ishow-icon-arrow-right"}),e),s.a.createElement(u.a,{isShow:t},s.a.createElement("div",{className:"ishow-collapse-item__wrap"},s.a.createElement("div",{className:"ishow-collapse-item__content"},this.props.children))))}}]),e}(c.b);e.a=m,m.propTypes={onClick:p.a.func,isActive:p.a.bool,title:p.a.node,name:p.a.string}},218:function(n,e,t){var o=t(219);"string"===typeof o&&(o=[[n.i,o,""]]);var a={hmr:!1};a.transform=void 0;t(193)(o,a);o.locals&&(n.exports=o.locals)},219:function(n,e,t){e=n.exports=t(192)(!0),e.push([n.i,".ishow-collapse{border:1px solid #dfe6ec;border-radius:0}.ishow-collapse-item:last-child{margin-bottom:-1px}.ishow-collapse-item.is-active>.ishow-collapse-item__header .ishow-collapse-item__header__arrow{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ishow-collapse-item__header{height:43px;line-height:43px;padding-left:15px;background-color:#fff;color:#48576a;cursor:pointer;border-bottom:1px solid #dfe6ec;font-size:13px}.ishow-collapse-item__header__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.ishow-collapse-item__wrap{will-change:height;background-color:#fbfdff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #dfe6ec}.ishow-collapse-item__content{padding:10px 15px;font-size:13px;color:#1f2d3d;line-height:1.769230769230769}","",{version:3,sources:["E:/demo/demo/src/ishow/Common/css/Collapse.css"],names:[],mappings:"AACA,gBACE,yBAA0B,AAC1B,eAAgB,CACjB,AAED,gCACE,kBAAmB,CACpB,AAED,gGACE,4BAA6B,AAC7B,gCAAiC,AACzB,uBAAwB,CACjC,AAED,6BACE,YAAa,AACb,iBAAkB,AAClB,kBAAmB,AACnB,sBAAuB,AACvB,cAAe,AACf,eAAgB,AAChB,gCAAiC,AACjC,cAAe,CAChB,AAED,oCACE,iBAAkB,AAClB,yCAA0C,AAC1C,iCAAkC,AAClC,4BAA6B,AAC7B,yBAA0B,AAC1B,8CAAgD,CACjD,AAED,2BACE,mBAAoB,AACpB,yBAA0B,AAC1B,gBAAiB,AACjB,8BAA+B,AACvB,sBAAuB,AAC/B,+BAAgC,CACjC,AAED,8BACE,kBAAmB,AACnB,eAAgB,AAChB,cAAe,AACf,6BAA8B,CAC/B",file:"Collapse.css",sourcesContent:['@charset "UTF-8";\r\n.ishow-collapse {\r\n  border: 1px solid #dfe6ec;\r\n  border-radius: 0\r\n}\r\n\r\n.ishow-collapse-item:last-child {\r\n  margin-bottom: -1px\r\n}\r\n\r\n.ishow-collapse-item.is-active>.ishow-collapse-item__header .ishow-collapse-item__header__arrow {\r\n  -ms-transform: rotate(90deg);\r\n  -webkit-transform: rotate(90deg);\r\n          transform: rotate(90deg)\r\n}\r\n\r\n.ishow-collapse-item__header {\r\n  height: 43px;\r\n  line-height: 43px;\r\n  padding-left: 15px;\r\n  background-color: #fff;\r\n  color: #48576a;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid #dfe6ec;\r\n  font-size: 13px\r\n}\r\n\r\n.ishow-collapse-item__header__arrow {\r\n  margin-right: 8px;\r\n  -webkit-transition: -webkit-transform .3s;\r\n  transition: -webkit-transform .3s;\r\n  -o-transition: transform .3s;\r\n  transition: transform .3s;\r\n  transition: transform .3s, -webkit-transform .3s\r\n}\r\n\r\n.ishow-collapse-item__wrap {\r\n  will-change: height;\r\n  background-color: #fbfdff;\r\n  overflow: hidden;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  border-bottom: 1px solid #dfe6ec\r\n}\r\n\r\n.ishow-collapse-item__content {\r\n  padding: 10px 15px;\r\n  font-size: 13px;\r\n  color: #1f2d3d;\r\n  line-height: 1.769230769230769\r\n}\r\n'],sourceRoot:""}])},220:function(n,e,t){var o=t(221);"string"===typeof o&&(o=[[n.i,o,""]]);var a={hmr:!1};a.transform=void 0;t(193)(o,a);o.locals&&(n.exports=o.locals)},221:function(n,e,t){e=n.exports=t(192)(!0),e.push([n.i,".ishow-collapse{border:1px solid #dfe6ec;border-radius:0}.ishow-collapse-item:last-child{margin-bottom:-1px}.ishow-collapse-item.is-active>.ishow-collapse-item__header .ishow-collapse-item__header__arrow{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ishow-collapse-item__header{height:43px;line-height:43px;padding-left:15px;background-color:#fff;color:#48576a;cursor:pointer;border-bottom:1px solid #dfe6ec;font-size:13px}.ishow-collapse-item__header__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.ishow-collapse-item__wrap{will-change:height;background-color:#fbfdff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #dfe6ec}.ishow-collapse-item__content{padding:10px 15px;font-size:13px;color:#1f2d3d;line-height:1.769230769230769}","",{version:3,sources:["E:/demo/demo/src/ishow/Common/css/Collapse-item.css"],names:[],mappings:"AACA,gBACE,yBAA0B,AAC1B,eAAgB,CACjB,AAED,gCACE,kBAAmB,CACpB,AAED,gGACE,4BAA6B,AAC7B,gCAAiC,AACzB,uBAAwB,CACjC,AAED,6BACE,YAAa,AACb,iBAAkB,AAClB,kBAAmB,AACnB,sBAAuB,AACvB,cAAe,AACf,eAAgB,AAChB,gCAAiC,AACjC,cAAe,CAChB,AAED,oCACE,iBAAkB,AAClB,yCAA0C,AAC1C,iCAAkC,AAClC,4BAA6B,AAC7B,yBAA0B,AAC1B,8CAAgD,CACjD,AAED,2BACE,mBAAoB,AACpB,yBAA0B,AAC1B,gBAAiB,AACjB,8BAA+B,AACvB,sBAAuB,AAC/B,+BAAgC,CACjC,AAED,8BACE,kBAAmB,AACnB,eAAgB,AAChB,cAAe,AACf,6BAA8B,CAC/B",file:"Collapse-item.css",sourcesContent:['@charset "UTF-8";\r\n.ishow-collapse {\r\n  border: 1px solid #dfe6ec;\r\n  border-radius: 0\r\n}\r\n\r\n.ishow-collapse-item:last-child {\r\n  margin-bottom: -1px\r\n}\r\n\r\n.ishow-collapse-item.is-active>.ishow-collapse-item__header .ishow-collapse-item__header__arrow {\r\n  -ms-transform: rotate(90deg);\r\n  -webkit-transform: rotate(90deg);\r\n          transform: rotate(90deg)\r\n}\r\n\r\n.ishow-collapse-item__header {\r\n  height: 43px;\r\n  line-height: 43px;\r\n  padding-left: 15px;\r\n  background-color: #fff;\r\n  color: #48576a;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid #dfe6ec;\r\n  font-size: 13px\r\n}\r\n\r\n.ishow-collapse-item__header__arrow {\r\n  margin-right: 8px;\r\n  -webkit-transition: -webkit-transform .3s;\r\n  transition: -webkit-transform .3s;\r\n  -o-transition: transform .3s;\r\n  transition: transform .3s;\r\n  transition: transform .3s, -webkit-transform .3s\r\n}\r\n\r\n.ishow-collapse-item__wrap {\r\n  will-change: height;\r\n  background-color: #fbfdff;\r\n  overflow: hidden;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  border-bottom: 1px solid #dfe6ec\r\n}\r\n\r\n.ishow-collapse-item__content {\r\n  padding: 10px 15px;\r\n  font-size: 13px;\r\n  color: #1f2d3d;\r\n  line-height: 1.769230769230769\r\n}\r\n'],sourceRoot:""}])},222:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=(t(201),{Tree:{Code:["\n      import Tree from \"../../ishow/Tree/index\"\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          data: [{\n            label: '\u4e00\u7ea7 1',\n            children: [{\n              label: '\u4e8c\u7ea7 1-1',\n              children: [{\n                label: '\u4e09\u7ea7 1-1-1'\n              }]\n            }]\n          }, {\n            label: '\u4e00\u7ea7 2',\n            children: [{\n              label: '\u4e8c\u7ea7 2-1',\n              children: [{\n                label: '\u4e09\u7ea7 2-1-1'\n              }]\n            }, {\n              label: '\u4e8c\u7ea7 2-2',\n              children: [{\n                label: '\u4e09\u7ea7 2-2-1'\n              }]\n            }]\n          }, {\n            label: '\u4e00\u7ea7 3',\n            children: [{\n              label: '\u4e8c\u7ea7 3-1',\n              children: [{\n                label: '\u4e09\u7ea7 3-1-1'\n              }]\n            }, {\n              label: '\u4e8c\u7ea7 3-2',\n              children: [{\n                label: '\u4e09\u7ea7 3-2-1'\n              }]\n            }]\n          }],\n          options: {\n            children: 'children',\n            label: 'label'\n          }\n        }\n      }\n      \n      render() {\n        return (\n          <Tree\n            data={this.state.data}\n            options={this.state.options}\n            highlightCurrent={true}\n            onCheckChange={(data, checked, indeterminate)=>{\n              console.debug('onCheckChange: ', data, checked, indeterminate)}\n            }\n            onNodeClicked={(data, reactElement,)=>{\n              console.debug('onNodeClicked: ', data, reactElement)\n            }}\n          />\n        )\n      }\n      ","\n      import Tree from \"../../ishow/Tree/index\"\n\n      constructor(props) {\n        super(props)\n        this.state = {\n          regions: [{\n            'name': 'region1'\n          }, {\n            'name': 'region2'\n          }]\n        }\n      \n        this.options = {\n          label: 'name',\n          children: 'zones'\n        }\n        this.count = 1\n      \n      }\n      \n      handleCheckChange(data, checked, indeterminate) {\n        console.log(data, checked, indeterminate);\n      }\n      \n      loadNode(node, resolve) {\n      \n        if (node.level === 0) {\n          return resolve([{ name: 'region1' }, { name: 'region2' }]);\n        }\n        if (node.level > 3) return resolve([]);\n      \n        var hasChild;\n        if (node.data.name === 'region1') {\n          hasChild = true;\n        } else if (node.data.name === 'region2') {\n          hasChild = false;\n        } else {\n          hasChild = Math.random() > 0.5;\n        }\n      \n        setTimeout(() => {\n          var data;\n          if (hasChild) {\n            data = [{\n              name: 'zone' + this.count++\n            }, {\n              name: 'zone' + this.count++\n            }];\n          } else {\n            data = [];\n          }\n      \n          resolve(data);\n        }, 500);\n      }\n      \n      render() {\n        const { regions } = this.state\n      \n        return (\n          <Tree\n            data={regions}\n            options={this.options}\n            isShowCheckbox={true}\n            lazy={true}\n            load={this.loadNode.bind(this)}\n            onCheckChange={this.handleCheckChange.bind(this)}\n            onNodeClicked={(data, nodeModel, reactElement, treeNode)=>{\n              console.debug('onNodeClicked: ', data, nodeModel, reactElement)\n            }}\n          />\n        )\n      }\n      ","\n      import Tree from \"../../ishow/Tree/index\"\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          data: [{\n            id: 1,\n            label: '\u4e00\u7ea7 1',\n            children: [{\n              id: 4,\n              label: '\u4e8c\u7ea7 1-1',\n              children: [{\n                id: 9,\n                label: '\u4e09\u7ea7 1-1-1'\n              }, {\n                id: 10,\n                label: '\u4e09\u7ea7 1-1-2'\n              }]\n            }]\n          }, {\n            id: 2,\n            label: '\u4e00\u7ea7 2',\n            children: [{\n              id: 5,\n              label: '\u4e8c\u7ea7 2-1'\n            }, {\n              id: 6,\n              label: '\u4e8c\u7ea7 2-2'\n            }]\n          }, {\n            id: 3,\n            label: '\u4e00\u7ea7 3',\n            children: [{\n              id: 7,\n              label: '\u4e8c\u7ea7 3-1'\n            }, {\n              id: 8,\n              label: '\u4e8c\u7ea7 3-2'\n            }]\n          }],\n          options: {\n            children: 'children',\n            label: 'label'\n          }\n        }\n      }\n      \n      render() {\n        const { data, options } = this.state\n      \n        return (\n          <Tree\n            data={data}\n            options={options}\n            isShowCheckbox={true}\n            nodeKey=\"id\"\n            defaultExpandedKeys={[2, 3]}\n            defaultCheckedKeys={[5]}\n          />\n        )\n      }      \n      ","\n      import Tree from \"../../ishow/Tree/index\"\n      import Button from '../../ishow/Button/index'\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          data: [{\n            id: 1,\n            label: '\u4e00\u7ea7 1',\n            children: [{\n              id: 4,\n              label: '\u4e8c\u7ea7 1-1',\n              children: [{\n                id: 9,\n                label: '\u4e09\u7ea7 1-1-1'\n              }, {\n                id: 10,\n                label: '\u4e09\u7ea7 1-1-2'\n              }]\n            }]\n          }, {\n            id: 2,\n            label: '\u4e00\u7ea7 2',\n            children: [{\n              id: 5,\n              label: '\u4e8c\u7ea7 2-1'\n            }, {\n              id: 6,\n              label: '\u4e8c\u7ea7 2-2'\n            }]\n          }, {\n            id: 3,\n            label: '\u4e00\u7ea7 3',\n            children: [{\n              id: 7,\n              label: '\u4e8c\u7ea7 3-1'\n            }, {\n              id: 8,\n              label: '\u4e8c\u7ea7 3-2'\n            }]\n          }],\n          options: {\n            children: 'children',\n            label: 'label'\n          }\n        }\n      }\n      \n      getCheckedNodes() {\n        console.log(this.tree.getCheckedNodes());\n      }\n      getCheckedKeys() {\n        console.log(this.tree.getCheckedKeys());\n      }\n      setCheckedNodes() {\n        this.tree.setCheckedNodes([{\n          id: 5,\n          label: '\u4e8c\u7ea7 2-1'\n        }, {\n          id: 9,\n          label: '\u4e09\u7ea7 1-1-1'\n        }]);\n      }\n      setCheckedKeys() {\n        this.tree.setCheckedKeys([3]);\n      }\n      resetChecked() {\n        this.tree.setCheckedKeys([]);\n      }\n      \n      render() {\n        const { data, options } = this.state\n      \n        return (\n          <div>\n            <Tree\n              ref={e=>this.tree = e}\n              data={data}\n              options={options}\n              isShowCheckbox={true}\n              highlightCurrent={true}\n              nodeKey=\"id\"\n              defaultExpandedKeys={[2, 3]}\n              defaultCheckedKeys={[5]}\n            />\n            <div className=\"buttons\">\n              <Button onClick={()=>this.getCheckedNodes()}>\u901a\u8fc7 node \u83b7\u53d6</Button>\n              <Button onClick={()=>this.getCheckedKeys()}>\u901a\u8fc7 key \u83b7\u53d6</Button>\n              <Button onClick={()=>this.setCheckedNodes()}>\u901a\u8fc7 node \u8bbe\u7f6e</Button>\n              <Button onClick={()=>this.setCheckedKeys()}>\u901a\u8fc7 key \u8bbe\u7f6e</Button>\n              <Button onClick={()=>this.resetChecked()}>\u6e05\u7a7a</Button>\n            </div>\n          </div>\n        )\n      }\n      ","\n      import Tree from \"../../ishow/Tree/index\"\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          data: [{\n            id: 1,\n            label: '\u4e00\u7ea7 1',\n            children: [{\n              id: 4,\n              label: '\u4e8c\u7ea7 1-1',\n              children: [{\n                id: 9,\n                label: '\u4e09\u7ea7 1-1-1'\n              }, {\n                id: 10,\n                label: '\u4e09\u7ea7 1-1-2'\n              }]\n            }]\n          }, {\n            id: 2,\n            label: '\u4e00\u7ea7 2',\n            children: [{\n              id: 5,\n              label: '\u4e8c\u7ea7 2-1'\n            }, {\n              id: 6,\n              label: '\u4e8c\u7ea7 2-2'\n            }]\n          }, {\n            id: 3,\n            label: '\u4e00\u7ea7 3',\n            children: [{\n              id: 7,\n              label: '\u4e8c\u7ea7 3-1'\n            }, {\n              id: 8,\n              label: '\u4e8c\u7ea7 3-2'\n            }]\n          }],\n          options: {\n            children: 'children',\n            label: 'label'\n          }\n        }\n        this.id = 100;\n      }\n      \n      append(store, data) {\n        store.append({ id: this.id++, label: `testtest_${this.id}`, children: [] }, data);\n      }\n      \n      remove(store, data) {\n        store.remove(data);\n      }\n      \n      renderContent(nodeModel, data, store) {\n        return (\n          <span>\n            <span>\n              <span>{data.label}</span>\n            </span>\n            <span style={{float: 'right', marginRight: '20px'}}>\n              <Button size=\"mini\" onClick={ () => this.append(store, data) }>Append</Button>\n              <Button size=\"mini\" onClick={ () => this.remove(store, data) }>Delete</Button>\n            </span>\n          </span>);\n      }\n      \n      render() {\n        const { data, options } = this.state\n      \n        return (\n          <Tree\n            data={data}\n            options={options}\n            isShowCheckbox={true}\n            nodeKey=\"id\"\n            defaultExpandAll={true}\n            expandOnClickNode={false}\n            renderContent={(...args)=>this.renderContent(...args)}\n          />\n        )\n      }\n      ","\n      import Tree from \"../../ishow/Tree/index\"\n      import Input from \"../../ishow/Input/index\"\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          data: [{\n            id: 1,\n            label: '\u4e00\u7ea7 1',\n            children: [{\n              id: 4,\n              label: '\u4e8c\u7ea7 1-1',\n              children: [{\n                id: 9,\n                label: '\u4e09\u7ea7 1-1-1'\n              }, {\n                id: 10,\n                label: '\u4e09\u7ea7 1-1-2'\n              }]\n            }]\n          }, {\n            id: 2,\n            label: '\u4e00\u7ea7 2',\n            children: [{\n              id: 5,\n              label: '\u4e8c\u7ea7 2-1'\n            }, {\n              id: 6,\n              label: '\u4e8c\u7ea7 2-2'\n            }]\n          }, {\n            id: 3,\n            label: '\u4e00\u7ea7 3',\n            children: [{\n              id: 7,\n              label: '\u4e8c\u7ea7 3-1'\n            }, {\n              id: 8,\n              label: '\u4e8c\u7ea7 3-2'\n            }]\n          }],\n          options: {\n            children: 'children',\n            label: 'label'\n          }\n        }\n      }\n      \n      render() {\n        const { data, options } = this.state\n      \n        return (\n          <div>\n            <Input placeholder=\"\u8f93\u5165\u5173\u952e\u5b57\u8fdb\u884c\u8fc7\u6ee4\" onChange={text=> this.tree.filter(text)} />\n            <Tree\n              ref={e=> this.tree = e}\n              className=\"filter-tree\"\n              data={data}\n              options={options}\n              nodeKey=\"id\"\n              defaultExpandAll={true}\n              filterNodeMethod={(value, data)=>{\n                if (!value) return true;\n                return data.label.indexOf(value) !== -1;\n              }}\n            />\n          </div>\n      \n        )\n      }\n      ","\n      import Tree from \"../../ishow/Tree/index\"\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          data: [{\n            label: '\u4e00\u7ea7 1',\n            children: [{\n              label: '\u4e8c\u7ea7 1-1',\n              children: [{\n                label: '\u4e09\u7ea7 1-1-1'\n              }]\n            }]\n          }, {\n            label: '\u4e00\u7ea7 2',\n            children: [{\n              label: '\u4e8c\u7ea7 2-1',\n              children: [{\n                label: '\u4e09\u7ea7 2-1-1'\n              }]\n            }, {\n              label: '\u4e8c\u7ea7 2-2',\n              children: [{\n                label: '\u4e09\u7ea7 2-2-1'\n              }]\n            }]\n          }, {\n            label: '\u4e00\u7ea7 3',\n            children: [{\n              label: '\u4e8c\u7ea7 3-1',\n              children: [{\n                label: '\u4e09\u7ea7 3-1-1'\n              }]\n            }, {\n              label: '\u4e8c\u7ea7 3-2',\n              children: [{\n                label: '\u4e09\u7ea7 3-2-1'\n              }]\n            }]\n          }],\n          options: {\n            children: 'children',\n            label: 'label'\n          }\n        }\n      }\n      \n      render() {\n        const { data, options } = this.state\n      \n        return (\n          <Tree\n            ref={e=> this.tree = e}\n            data={data}\n            options={options}\n            accordion={true}\n            onNodeClicked={node=>console.log(node)}\n          />\n        )\n      }      \n      "]},Tooltip:{Code:['\n       import Tooltip from \'../../ishow/Tooltip/index\'\n       import Button from \'../../ishow/Button/index\'\n       \n           render(){\n               return (\n                    <div className="box" style={{ width: \'400\' }}>\n                            <div className="top" style={{ textAlign: \'center\' }}>\n                                <Tooltip className="item" effect="dark" content="Top Left \u63d0\u793a\u6587\u5b57" placement="top-start">\n                                    <Button>\u4e0a\u5de6</Button>\n                                </Tooltip>\n                                <Tooltip className="item" effect="dark" content="Top Center \u63d0\u793a\u6587\u5b57" placement="top">\n                                    <Button>\u4e0a\u8fb9</Button>\n                                </Tooltip>\n                                <Tooltip className="item" effect="dark" content="Top Right \u63d0\u793a\u6587\u5b57" placement="top-end">\n                                    <Button>\u4e0a\u53f3</Button>\n                                </Tooltip>\n                            </div>\n                            <div className="left">\n                                <Tooltip className="item" effect="dark" content="Left Top \u63d0\u793a\u6587\u5b57" placement="left-start">\n                                    <Button>\u5de6\u4e0a</Button>\n                                </Tooltip>\n                                <Tooltip className="item" effect="dark" content="Left Center \u63d0\u793a\u6587\u5b57" placement="left">\n                                    <Button>\u5de6\u8fb9</Button>\n                                </Tooltip>\n                                <Tooltip className="item" effect="dark" content="Left Bottom \u63d0\u793a\u6587\u5b57" placement="left-end">\n                                    <Button>\u5de6\u4e0b</Button>\n                                </Tooltip>\n                            </div>\n\n                            <div className="right">\n                                <Tooltip className="item" effect="dark" content="Right Top \u63d0\u793a\u6587\u5b57" placement="right-start">\n                                    <Button>\u53f3\u4e0a</Button>\n                                </Tooltip>\n                                <Tooltip className="item" effect="dark" content="Right Center \u63d0\u793a\u6587\u5b57" placement="right">\n                                    <Button>\u53f3\u8fb9</Button>\n                                </Tooltip>\n                                <Tooltip className="item" effect="dark" content="Right Bottom \u63d0\u793a\u6587\u5b57" placement="right-end">\n                                    <Button>\u53f3\u4e0b</Button>\n                                </Tooltip>\n                            </div>\n                            <div className="bottom">\n                                <Tooltip className="item" effect="dark" content="Bottom Left \u63d0\u793a\u6587\u5b57" placement="bottom-start">\n                                    <Button>\u4e0b\u5de6</Button>\n                                </Tooltip>\n                                <Tooltip className="item" effect="dark" content="Bottom Center \u63d0\u793a\u6587\u5b57" placement="bottom">\n                                    <Button>\u4e0b\u8fb9</Button>\n                                </Tooltip>\n                                <Tooltip className="item" effect="dark" content="Bottom Right \u63d0\u793a\u6587\u5b57" placement="bottom-end">\n                                    <Button>\u4e0b\u53f3</Button>\n                                </Tooltip>\n                            </div>\n                        </div>\n               )\n           }\n       ','\n       import Tooltip from \'../../ishow/Tooltip/index\'\n       import Button from \'../../ishow/Button/index\'\n\n       render() {\n        return (\n          <div>\n            <Tooltip content="Top center" placement="top">\n              <Button>Dark</Button>\n            </Tooltip>\n            <Tooltip content="Bottom center" placement="bottom" effect="light" style={{ marginLeft: 10 }}>\n              <Button>Light</Button>\n            </Tooltip>\n          </div>\n        )\n      }\n       ',"\n       import Tooltip from '../../ishow/Tooltip/index'\n       import Button from '../../ishow/Button/index'\n\n       render() {\n        return (\n          <Tooltip\n            placement=\"top\"\n            content={\n              <div>\u591a\u884c\u4fe1\u606f<br/>\u7b2c\u4e8c\u884c\u4fe1\u606f</div>\n            }\n          >\n            <Button>Top center</Button>\n          </Tooltip>\n        )\n      }\n       ",'\n       constructor(props){\n        super(props);\n      \n        this.state = {\n          disabled: false\n        }\n      }\n      \n      render() {\n        return (\n          <Tooltip disabled={ this.state.disabled } content="\u70b9\u51fb\u5173\u95ed tooltip \u529f\u80fd" placement="bottom" effect="light">\n            <Button onClick={ e => this.setState({ disabled: true}) }>\u70b9\u51fb\u5173\u95ed tooltip \u529f\u80fd</Button>\n          </Tooltip>\n        )\n      }\n       ']},RichTextEditor:{Code:["\n        \u4f7f\u7528\u5bcc\u6587\u672c\u7ec4\u4ef6\u7684\u65f6\u5019\uff0c\u9700\u8981\u5b89\u88c5\u5982\u4e0b\u4f9d\u8d56:yarn add wangeditor\n        import E from 'wangeditor';\n        import Card from \"../../ishow/Card/index\";\n        import Row from '../../ishow/LayoutComponent/row/index';\n        import Col from '../../ishow/LayoutComponent/col/index';\n        import Breadcrumb from '../../ishow/Breadcrumb/index';\n        \n        class App extends Component {\n            constructor(props, context) {\n                super(props, context);\n                this.state = {\n                    editorContent: '',\n                    editorContentJson:''\n                }\n            }\n        \n            componentDidMount() {\n                const elem = this.refs.editorElem\n                const editor = new E(elem)\n                const text1=document.getElementById('text1')\n                const text2=document.getElementById('text2')\n                const onUploadFile = (url, name, folder, type, style) => {\n                    return url + '?name=' + name + '&folder=' + folder + '&type=' + type + '&style=' + style;\n                };\n        \n                editor.customConfig.uploadImgServer = 'http://10.10.33.144/filebroker/upload'\n        \n                editor.customConfig.customUploadImg = function (files, insert) {\n                    // files \u662f input \u4e2d\u9009\u4e2d\u7684\u6587\u4ef6\u5217\u8868\n                    // insert \u662f\u83b7\u53d6\u56fe\u7247 url \u540e\uff0c\u63d2\u5165\u5230\u7f16\u8f91\u5668\u7684\u65b9\u6cd5\n                    let file;\n                    if (files && files.length) {\n                        file = files[0];\n                    } else {\n                        return\n                    }\n        \n                const uploadImgServer = \"http://10.10.33.144/filebroker/upload\";\n                const xhr = new XMLHttpRequest();\n                const test = onUploadFile(uploadImgServer, 'image.jpg','local', 0, 1);\n                //\u4e0a\u4f20\u670d\u52a1\u8bf7\u67e5\u770bhttp://wiki.iShow.org/pages/viewpage.action?pageId=50078411#id-%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F2.0%E6%8E%A5%E5%8F%A3%E6%96%87%E6%A1%A3%E5%8F%8A%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E-2.1%E4%B8%8A%E4%BC%A0%E6%8E%A5%E5%8F%A3%E8%AF%B4%E6%98%8E%E5%8F%8A%E7%A4%BA%E4%BE%8B\n                xhr.open('POST', test);\n                const data = new FormData();\n                data.append('image', file);\n                xhr.send(data);\n                xhr.addEventListener('load', () => {\n                        const response = JSON.parse(xhr.responseText);\n                        const imgUrl = response.data[0].local;\n                        insert(imgUrl)\n                });\n                xhr.addEventListener('error', () => {\n                        const error = JSON.parse(xhr.responseText);\n                        alert('\u4e0a\u4f20\u5931\u8d25');\n                    });\n                }\n        \n                // \u4f7f\u7528 onchange \u51fd\u6570\u76d1\u542c\u5185\u5bb9\u7684\u53d8\u5316\uff0c\u5e76\u5b9e\u65f6\u66f4\u65b0\u5230 state \u4e2d\n                editor.customConfig.onchange =(html, getJSON)  => {\n                    var json = editor.txt.getJSON()\n                    this.setState({\n                        editorContent: html,\n                        editorContentJson: json\n                    })\n                    document.getElementById('text1').value=html\n                    document.getElementById('text2').value=JSON.stringify(json)//\u8f6c\u6362\u4e3aJSON\u5b57\u7b26\u4e32\n                }\n                editor.create()//\u5c06\u751f\u6210\u7f16\u8f91\u5668\n            }\n        \n            render() {\n                const { editorContent } = this.state;\n                return (\n                    <div className=\"App\">\n                        <h2>\u5bcc\u6587\u672c\u7f16\u8f91\u5668</h2>\n                        <Breadcrumb first=\"UI\" second=\"\u5bcc\u6587\u672c\" />\n                        <div ref=\"editorElem\" style={{ textAlign: 'left' }}>\n                            <div className='div1'>\n                            </div>\n                        </div>\n                        <Row>\n                            <Col className=\"gutter-row\" md={12} >\n                                <Card style={{ borderStyle: 'none', boxShadow: '0px 0px 0px #888888' }}\n                                    header={\n                                        <div>\n                                            <span style={{ lineHeight: '20px', fontSize: '16px', fontWeight: '600' }}>\u540c\u6b65\u8f6c\u6362HTML</span>\n                                        </div>\n                                    }\n                                    >\n                                    <textarea id=\"text1\" style={{width:'100%', height:'100px',borderStyle:'none'}}></textarea>\n                                </Card>\n                            </Col>\n                            <Col className=\"gutter-row\" md={12}>\n                                <Card style={{ borderStyle: 'none', boxShadow: '0px 0px 0px #888888' }}\n                                    header={\n                                        <div>\n                                            <span style={{ lineHeight: '20px', fontSize: '16px', fontWeight: '600' }}>\u540c\u6b65\u8f6c\u6362JSON</span>\n                                        </div>\n                                    }>\n                                    <textarea id=\"text2\" style={{width:'100%', height:'100px',borderStyle:'none'}}></textarea>\n                                </Card>\n                            </Col>\n                        </Row>\n                    </div>\n                );\n            }\n              \n    export default App;\n\n    "]},Form:{Code:['\n  import Form from "../../ishow/Form/index";\n  import Input from "../../ishow/Input/index";\n  import Col from \'../../ishow/LayoutComponent/col/index\';\n  import Select from \'../../ishow/Select/index\';\n  import DatePicker from \'../../ishow/DatePicker/DatePicker\';\n  import TimePicker from \'../../ishow/DatePicker/TimePicker\';\n  import Checkbox from \'../../ishow/Checkbox/index\';\n  import Button from \'../../ishow/Button/index\';\n  import Switch from \'../../ishow/Switch/index\';\n  import Radio from \'../../ishow/Radio/index\';\n  import Tabs from "../../ishow/Tab/index";\n\n  constructor(props) {\n    super(props);\n  \n    this.state = {\n      form: {\n        name: \'\',\n        region: \'\',\n        date1: null,\n        date2: null,\n        delivery: false,\n        type: [],\n        resource: \'\',\n        desc: \'\'\n      }\n    };\n  }\n  \n  onSubmit(e) {\n    e.preventDefault();\n  }\n  \n  onChange(key, value) {\n    this.state.form[key] = value;\n    this.forceUpdate();\n  }\n  \n  render() {\n    return (\n      <Form model={this.state.form} labelWidth="80" onSubmit={this.onSubmit.bind(this)}>\n        <Form.Item label="\u6d3b\u52a8\u540d\u79f0">\n          <Input value={this.state.form.name} onChange={this.onChange.bind(this, \'name\')}></Input>\n        </Form.Item>\n        <Form.Item label="\u6d3b\u52a8\u533a\u57df">\n          <Select value={this.state.form.region} placeholder="\u8bf7\u9009\u62e9\u6d3b\u52a8\u533a\u57df">\n            <Select.Option label="\u533a\u57df\u4e00" value="shanghai"></Select.Option>\n            <Select.Option label="\u533a\u57df\u4e8c" value="beijing"></Select.Option>\n          </Select>\n        </Form.Item>\n        <Form.Item label="\u6d3b\u52a8\u65f6\u95f4">\n          <Col span="11">\n            <Form.Item prop="date1" labelWidth="0px">\n              <DatePicker\n                value={this.state.form.date1}\n                placeholder="\u9009\u62e9\u65e5\u671f"\n                onChange={this.onChange.bind(this, \'date1\')}\n              />\n            </Form.Item>\n          </Col>\n          <Col className="line" span="2">-</Col>\n          <Col span="11">\n            <Form.Item prop="date2" labelWidth="0px">\n              <TimePicker\n                value={this.state.form.date2}\n                selectableRange="18:30:00 - 20:30:00"\n                placeholder="\u9009\u62e9\u65f6\u95f4"\n                onChange={this.onChange.bind(this, \'date2\')}\n              />\n            </Form.Item>\n          </Col>\n        </Form.Item>\n        <Form.Item label="\u5373\u65f6\u914d\u9001">\n          <Switch\n            onText=""\n            offText=""\n            value={this.state.form.delivery}\n            onChange={this.onChange.bind(this, \'delivery\')}\n          />\n        </Form.Item>\n        <Form.Item label="\u6d3b\u52a8\u6027\u8d28">\n          <Checkbox.Group value={this.state.form.type} onChange={this.onChange.bind(this, \'type\')}>\n            <Checkbox label="\u7f8e\u98df/\u9910\u5385\u7ebf\u4e0a\u6d3b\u52a8" name="type"></Checkbox>\n            <Checkbox label="\u5730\u63a8\u6d3b\u52a8" name="type"></Checkbox>\n            <Checkbox label="\u7ebf\u4e0b\u4e3b\u9898\u6d3b\u52a8" name="type"></Checkbox>\n            <Checkbox label="\u5355\u7eaf\u54c1\u724c\u66dd\u5149" name="type"></Checkbox>\n          </Checkbox.Group>\n        </Form.Item>\n        <Form.Item label="\u7279\u6b8a\u8d44\u6e90">\n          <Radio.Group value={this.state.form.resource}>\n            <Radio value="\u7ebf\u4e0a\u54c1\u724c\u5546\u8d5e\u52a9"></Radio>\n            <Radio value="\u7ebf\u4e0b\u573a\u5730\u514d\u8d39"></Radio>\n          </Radio.Group>\n        </Form.Item>\n        <Form.Item label="\u6d3b\u52a8\u5f62\u5f0f">\n          <Input type="textarea" value={this.state.form.desc} onChange={this.onChange.bind(this, \'desc\')}></Input>\n        </Form.Item>\n        <Form.Item>\n          <Button type="primary" nativeType="submit">\u7acb\u5373\u521b\u5efa</Button>\n          <Button>\u53d6\u6d88</Button>\n        </Form.Item>\n      </Form>\n    )\n  }\n  \n  ','\n  import Form from "../../ishow/Form/index";\n  import Select from \'../../ishow/Select/index\';\n  import Button from \'../../ishow/Button/index\';\n\n  constructor(props) {\n    super(props);\n  \n    this.state = {\n      form: {\n        user: \'\',\n        region: \'\'\n      }\n    };\n  }\n  \n  onSubmit(e) {\n    e.preventDefault();\n  \n    console.log(\'submit!\');\n  }\n  \n  onChange(key, value) {\n    this.setState({\n      form: Object.assign(this.state.form, { [key]: value })\n    });\n  }\n  \n  render() {\n    return (\n      <Form inline={true} model={this.state.form} onSubmit={this.onSubmit.bind(this)} className="demo-form-inline">\n        <Form.Item>\n          <Input value={this.state.form.user} placeholder="\u5ba1\u6279\u4eba" onChange={this.onChange.bind(this, \'user\')}></Input>\n        </Form.Item>\n        <Form.Item>\n          <Select value={this.state.form.region} placeholder="\u6d3b\u52a8\u533a\u57df">\n            <Select.Option label="\u533a\u57df\u4e00" value="shanghai"></Select.Option>\n            <Select.Option label="\u533a\u57df\u4e8c" value="beijing"></Select.Option>\n          </Select>\n        </Form.Item>\n        <Form.Item>\n          <Button nativeType="submit" type="primary">\u67e5\u8be2</Button>\n        </Form.Item>\n      </Form>\n    )\n  }\n  \n  ','\n  import Form from "../../ishow/Form/index";\n  import Input from "../../ishow/Input/index";\n  import Radio from \'../../ishow/Radio/index\';\n\n  constructor(props) {\n    super(props);\n  \n    this.state = {\n      labelPosition: \'right\',\n      form: {\n        name: \'\',\n        region: \'\',\n        type: \'\'\n      }\n    };\n  }\n  \n  onPositionChange(value) {\n    this.setState({ labelPosition: value });\n  }\n  \n  onChange(key, value) {\n    this.setState({\n      form: Object.assign(this.state.form, { [key]: value })\n    });\n  }\n  \n  render() {\n    return (\n      <div>\n        <Radio.Group size="small" value={this.state.labelPosition} onChange={this.onPositionChange.bind(this)}>\n          <Radio.Button value="left">\u5de6\u5bf9\u9f50</Radio.Button>\n          <Radio.Button value="right">\u53f3\u5bf9\u9f50</Radio.Button>\n          <Radio.Button value="top">\u9876\u90e8\u5bf9\u9f50</Radio.Button>\n        </Radio.Group>\n        <div style={{ margin: 20 }}></div>\n        <Form labelPosition={this.state.labelPosition} labelWidth="100" model={this.state.form} className="demo-form-stacked">\n          <Form.Item label="\u540d\u79f0">\n            <Input value={this.state.form.name} onChange={this.onChange.bind(this, \'name\')}></Input>\n          </Form.Item>\n          <Form.Item label="\u6d3b\u52a8\u533a\u57df">\n            <Input value={this.state.form.region} onChange={this.onChange.bind(this, \'region\')}></Input>\n          </Form.Item>\n          <Form.Item label="\u6d3b\u52a8\u5c55\u5f00\u5f62\u5f0f">\n            <Input value={this.state.form.type} onChange={this.onChange.bind(this, \'type\')}></Input>\n          </Form.Item>\n        </Form>\n      </div>\n    )\n  }\n  \n  ','\n  import Form from "../../ishow/Form/index";\n  import Input from "../../ishow/Input/index";\n  import Col from \'../../ishow/LayoutComponent/col/index\';\n  import Select from \'../../ishow/Select/index\';\n  import DatePicker from \'../../ishow/DatePicker/DatePicker\';\n  import TimePicker from \'../../ishow/DatePicker/TimePicker\';\n  import Checkbox from \'../../ishow/Checkbox/index\';\n  import Button from \'../../ishow/Button/index\';\n  import Switch from \'../../ishow/Switch/index\';\n  import Radio from \'../../ishow/Radio/index\';\n  import Tabs from "../../ishow/Tab/index";\n\n  constructor(props) {\n    super(props);\n  \n    this.state = {\n      form: {\n        name: \'\',\n        region: \'\',\n        date1: null,\n        date2: null,\n        delivery: false,\n        type: [],\n        resource: \'\',\n        desc: \'\'\n      },\n      rules: {\n        name: [\n          { required: true, message: \'\u8bf7\u8f93\u5165\u6d3b\u52a8\u540d\u79f0\', trigger: \'blur\' }\n        ],\n        region: [\n          { required: true, message: \'\u8bf7\u9009\u62e9\u6d3b\u52a8\u533a\u57df\', trigger: \'change\' }\n        ],\n        date1: [\n          { type: \'date\', required: true, message: \'\u8bf7\u9009\u62e9\u65e5\u671f\', trigger: \'change\' }\n        ],\n        date2: [\n          { type: \'date\', required: true, message: \'\u8bf7\u9009\u62e9\u65f6\u95f4\', trigger: \'change\' }\n        ],\n        type: [\n          { type: \'array\', required: true, message: \'\u8bf7\u81f3\u5c11\u9009\u62e9\u4e00\u4e2a\u6d3b\u52a8\u6027\u8d28\', trigger: \'change\' }\n        ],\n        resource: [\n          { required: true, message: \'\u8bf7\u9009\u62e9\u6d3b\u52a8\u8d44\u6e90\', trigger: \'change\' }\n        ],\n        desc: [\n          { required: true, message: \'\u8bf7\u586b\u5199\u6d3b\u52a8\u5f62\u5f0f\', trigger: \'blur\' }\n        ]\n      }\n    };\n  }\n  \n  handleSubmit(e) {\n    e.preventDefault();\n  \n    this.refs.form.validate((valid) => {\n      if (valid) {\n        alert(\'submit!\');\n      } else {\n        console.log(\'error submit!!\');\n        return false;\n      }\n    });\n  }\n  \n  handleReset(e) {\n    e.preventDefault();\n  \n    this.refs.form.resetFields();\n  }\n  \n  onChange(key, value) {\n    this.setState({\n      form: Object.assign({}, this.state.form, { [key]: value })\n    });\n  }\n  \n  render() {\n    return (\n      <Form ref="form" model={this.state.form} rules={this.state.rules} labelWidth="80" className="demo-ruleForm">\n        <Form.Item label="\u6d3b\u52a8\u540d\u79f0" prop="name">\n          <Input value={this.state.form.name} onChange={this.onChange.bind(this, \'name\')}></Input>\n        </Form.Item>\n        <Form.Item label="\u6d3b\u52a8\u533a\u57df" prop="region">\n          <Select value={this.state.form.region} placeholder="\u8bf7\u9009\u62e9\u6d3b\u52a8\u533a\u57df" onChange={this.onChange.bind(this, \'region\')}>\n            <Select.Option label="\u533a\u57df\u4e00" value="shanghai"></Select.Option>\n            <Select.Option label="\u533a\u57df\u4e8c" value="beijing"></Select.Option>\n          </Select>\n        </Form.Item>\n        <Form.Item label="\u6d3b\u52a8\u65f6\u95f4" required={true}>\n          <Col span="11">\n            <Form.Item prop="date1" labelWidth="0px">\n              <DatePicker\n                value={this.state.form.date1}\n                placeholder="\u9009\u62e9\u65e5\u671f"\n                onChange={this.onChange.bind(this, \'date1\')}\n              />\n            </Form.Item>\n          </Col>\n          <Col className="line" span="2">-</Col>\n          <Col span="11">\n            <Form.Item prop="date2" labelWidth="0px">\n              <TimePicker\n                value={this.state.form.date2}\n                selectableRange="18:30:00 - 20:30:00"\n                placeholder="\u9009\u62e9\u65f6\u95f4"\n                onChange={this.onChange.bind(this, \'date2\')}\n              />\n            </Form.Item>\n          </Col>\n        </Form.Item>\n        <Form.Item label="\u5373\u65f6\u914d\u9001" prop="delivery">\n          <Switch value={this.state.form.delivery} onChange={this.onChange.bind(this, \'delivery\')}></Switch>\n        </Form.Item>\n        <Form.Item label="\u6d3b\u52a8\u6027\u8d28" prop="type">\n          <Checkbox.Group value={this.state.form.type} onChange={this.onChange.bind(this, \'type\')}>\n            <Checkbox label="\u7f8e\u98df/\u9910\u5385\u7ebf\u4e0a\u6d3b\u52a8" name="type"></Checkbox>\n            <Checkbox label="\u5730\u63a8\u6d3b\u52a8" name="type"></Checkbox>\n            <Checkbox label="\u7ebf\u4e0b\u4e3b\u9898\u6d3b\u52a8" name="type"></Checkbox>\n            <Checkbox label="\u5355\u7eaf\u54c1\u724c\u66dd\u5149" name="type"></Checkbox>\n          </Checkbox.Group>\n        </Form.Item>\n        <Form.Item label="\u7279\u6b8a\u8d44\u6e90" prop="resource">\n          <Radio.Group value={this.state.form.resource} onChange={this.onChange.bind(this, \'resource\')}>\n            <Radio value="\u7ebf\u4e0a\u54c1\u724c\u5546\u8d5e\u52a9"></Radio>\n            <Radio value="\u7ebf\u4e0b\u573a\u5730\u514d\u8d39"></Radio>\n          </Radio.Group>\n        </Form.Item>\n        <Form.Item label="\u6d3b\u52a8\u5f62\u5f0f" prop="desc">\n          <Input type="textarea" value={this.state.form.desc} onChange={this.onChange.bind(this, \'desc\')}></Input>\n        </Form.Item>\n        <Form.Item>\n          <Button type="primary" onClick={this.handleSubmit.bind(this)}>\u7acb\u5373\u521b\u5efa</Button>\n          <Button onClick={this.handleReset.bind(this)}>\u91cd\u7f6e</Button>\n        </Form.Item>\n      </Form>\n    )\n  }\n  \n  ',"\n  import Form from \"../../ishow/Form/index\";\n  import Input from \"../../ishow/Input/index\";\n  import Button from '../../ishow/Button/index';\n\n  constructor(props) {\n    super(props);\n  \n    this.state = {\n      form: {\n        pass: '',\n        checkPass: '',\n        age: ''\n      },\n      rules: {\n        pass: [\n          { required: true, message: '\u8bf7\u8f93\u5165\u5bc6\u7801', trigger: 'blur' },\n          { validator: (rule, value, callback) => {\n            if (value === '') {\n              callback(new Error('\u8bf7\u8f93\u5165\u5bc6\u7801'));\n            } else {\n              if (this.state.form.checkPass !== '') {\n                this.refs.form.validateField('checkPass');\n              }\n              callback();\n            }\n          } }\n        ],\n        checkPass: [\n          { required: true, message: '\u8bf7\u518d\u6b21\u8f93\u5165\u5bc6\u7801', trigger: 'blur' },\n          { validator: (rule, value, callback) => {\n            if (value === '') {\n              callback(new Error('\u8bf7\u518d\u6b21\u8f93\u5165\u5bc6\u7801'));\n            } else if (value !== this.state.form.pass) {\n              callback(new Error('\u4e24\u6b21\u8f93\u5165\u5bc6\u7801\u4e0d\u4e00\u81f4!'));\n            } else {\n              callback();\n            }\n          } }\n        ],\n        age: [\n          { required: true, message: '\u8bf7\u586b\u5199\u5e74\u9f84', trigger: 'blur' },\n          { validator: (rule, value, callback) => {\n            var age = parseInt(value, 10);\n  \n            setTimeout(() => {\n              if (!Number.isInteger(age)) {\n                callback(new Error('\u8bf7\u8f93\u5165\u6570\u5b57\u503c'));\n              } else{\n                if (age < 18) {\n                  callback(new Error('\u5fc5\u987b\u5e74\u6ee118\u5c81'));\n                } else {\n                  callback();\n                }\n              }\n            }, 1000);\n          }, trigger: 'change' }\n        ]\n      }\n    };\n  }\n  \n  handleSubmit(e) {\n    e.preventDefault();\n  \n    this.refs.form.validate((valid) => {\n      if (valid) {\n        alert('submit!');\n      } else {\n        console.log('error submit!!');\n        return false;\n      }\n    });\n  }\n  \n  handleReset(e) {\n    e.preventDefault();\n  \n    this.refs.form.resetFields();\n  }\n  \n  onChange(key, value) {\n    this.setState({\n      form: Object.assign({}, this.state.form, { [key]: value })\n    });\n  }\n  \n  render() {\n    return (\n      <Form ref=\"form\" model={this.state.form} rules={this.state.rules} labelWidth=\"100\" className=\"demo-ruleForm\">\n        <Form.Item label=\"\u5bc6\u7801\" prop=\"pass\">\n          <Input type=\"password\" value={this.state.form.pass} onChange={this.onChange.bind(this, 'pass')} autoComplete=\"off\" />\n        </Form.Item>\n        <Form.Item label=\"\u786e\u8ba4\u5bc6\u7801\" prop=\"checkPass\">\n          <Input type=\"password\" value={this.state.form.checkPass} onChange={this.onChange.bind(this, 'checkPass')} autoComplete=\"off\" />\n        </Form.Item>\n        <Form.Item label=\"\u5e74\u9f84\" prop=\"age\">\n          <Input value={this.state.form.age} onChange={this.onChange.bind(this, 'age')}></Input>\n        </Form.Item>\n        <Form.Item>\n          <Button type=\"primary\" onClick={this.handleSubmit.bind(this)}>\u63d0\u4ea4</Button>\n          <Button onClick={this.handleReset.bind(this)}>\u91cd\u7f6e</Button>\n        </Form.Item>\n      </Form>\n    )\n  }\n  ","\n  import Form from \"../../ishow/Form/index\";\n  import Input from \"../../ishow/Input/index\";\n  import Button from '../../ishow/Button/index';\n\n  constructor(props) {\n    super(props);\n  \n    this.state = {\n      form: {\n        domains: [{\n          key: 1,\n          value: ''\n        }],\n        email: ''\n      },\n      rules: {\n        email: [\n          { required: true, message: '\u8bf7\u8f93\u5165\u90ae\u7bb1\u5730\u5740', trigger: 'blur' },\n          { type: 'email', message: '\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u90ae\u7bb1\u5730\u5740', trigger: 'blur,change' }\n        ]\n      }\n    };\n  }\n  \n  handleSubmit(e) {\n    e.preventDefault();\n  \n    this.refs.form.validate((valid) => {\n      if (valid) {\n        alert('submit!');\n      } else {\n        console.log('error submit!!');\n        return false;\n      }\n    });\n  }\n  \n  removeDomain(item, e) {\n    var index = this.state.form.domains.indexOf(item);\n  \n    if (index !== -1) {\n      this.state.form.domains.splice(index, 1);\n      this.forceUpdate();\n    }\n  \n    e.preventDefault();\n  }\n  \n  addDomain(e) {\n    e.preventDefault();\n  \n    this.state.form.domains.push({\n      key: this.state.form.domains.length,\n      value: ''\n    });\n  \n    this.forceUpdate();\n  }\n  \n  onEmailChange(value) {\n    this.setState({\n      form: Object.assign({}, this.state.form, { email: value})\n    });\n  }\n  \n  onDomainChange(index, value) {\n    this.state.form.domains[index].value = value;\n    this.forceUpdate();\n  }\n  \n  render() {\n    return (\n      <Form ref=\"form\" model={this.state.form} rules={this.state.rules} labelWidth=\"100\" className=\"demo-dynamic\">\n        <Form.Item prop=\"email\" label=\"\u90ae\u7bb1\">\n          <Input value={this.state.form.email} onChange={this.onEmailChange.bind(this)}></Input>\n        </Form.Item>\n        {\n          this.state.form.domains.map((domain, index) => {\n            return (\n              <Form.Item\n                key={index}\n                label={`\u57df\u540dindex`}\n                prop={`domains:index`}\n                rules={{\n                  type: 'object', required: true,\n                  fields: {\n                    value: { required: true, message: '\u57df\u540d\u4e0d\u80fd\u4e3a\u7a7a', trigger: 'blur' }\n                  }\n                }}\n              >\n                <Input value={domain.value} onChange={this.onDomainChange.bind(this, index)}></Input>\n                <Button onClick={this.removeDomain.bind(this, domain)}>\u5220\u9664</Button>\n              </Form.Item>\n            )\n          })\n        }\n        <Form.Item>\n          <Button type=\"primary\" onClick={this.handleSubmit.bind(this)}>\u63d0\u4ea4</Button>\n          <Button onClick={this.addDomain.bind(this)}>\u65b0\u589e\u57df\u540d</Button>\n        </Form.Item>\n      </Form>\n    )\n  }\n  \n  "]},Transfer:{Code:['\n      import Transfer from "../../ishow/Transfer/index";\n\n      constructor(props) {\n        super(props);\n        this.state = {\n          value: [1, 4]\n        }\n        this._handleChange = this.handleChange.bind(this);\n      }\n      \n      get data() {\n        const data = [];\n        for (let i = 1; i <= 15; i++) {\n          data.push({\n            key: i,\n            label: `\u5907\u9009\u9879 i`,\n            disabled: i % 4 === 0\n          });\n        }\n        return data;\n      }\n      \n      handleChange(value) {\n        this.setState({ value })\n      }\n      \n      render() {\n        const { value } = this.state;\n        return <Transfer value={value} data={this.data} onChange={this._handleChange}></Transfer>\n      }\n      ',"\n      import Transfer from \"../../ishow/Transfer/index\";\n\n      constructor(props) {\n        super(props);\n        this.state = {\n          value: []\n        }\n      \n        this._handleChange = this.handleChange.bind(this);\n        this._filterMethod = this.filterMethod.bind(this);\n      }\n      \n      get data() {\n        const data = [];\n        const cities = ['\u4e0a\u6d77', '\u5317\u4eac', '\u5e7f\u5dde', '\u6df1\u5733', '\u5357\u4eac', '\u897f\u5b89', '\u6210\u90fd'];\n        const pinyin = ['shanghai', 'beijing', 'guangzhou', 'shenzhen', 'nanjing', 'xian', 'chengdu'];\n        cities.forEach((city, index) => {\n          data.push({\n            label: city,\n            key: index,\n            pinyin: pinyin[index]\n          });\n        });\n        return data;\n      }\n      \n      filterMethod(query, item) {\n        return item.pinyin.indexOf(query) > -1;\n      }\n      \n      handleChange(value) {\n        this.setState({ value })\n      }\n      \n      render() {\n        const { value } = this.state;\n        return (\n          <Transfer\n            filterable\n            filterMethod={this._filterMethod}\n            filterPlaceholder=\"\u8bf7\u8f93\u5165\u57ce\u5e02\u62fc\u97f3\"\n            value={value}\n            onChange={this._handleChange}\n            data={this.data}>\n          </Transfer>\n        )\n      }      \n      ","\n      import Transfer from \"../../ishow/Transfer/index\";\n\n      constructor(props) {\n        super(props);\n        this.state = {\n          value: []\n        }\n      \n        this._handleChange = this.handleChange.bind(this);\n        this._filterMethod = this.filterMethod.bind(this);\n      }\n      \n      get data() {\n        const data = [];\n        const cities = ['\u4e0a\u6d77', '\u5317\u4eac', '\u5e7f\u5dde', '\u6df1\u5733', '\u5357\u4eac', '\u897f\u5b89', '\u6210\u90fd'];\n        const pinyin = ['shanghai', 'beijing', 'guangzhou', 'shenzhen', 'nanjing', 'xian', 'chengdu'];\n        cities.forEach((city, index) => {\n          data.push({\n            label: city,\n            key: index,\n            pinyin: pinyin[index]\n          });\n        });\n        return data;\n      }\n      \n      filterMethod(query, item) {\n        return item.pinyin.indexOf(query) > -1;\n      }\n      \n      handleChange(value) {\n        this.setState({ value })\n      }\n      \n      render() {\n        const { value } = this.state;\n        return (\n          <Transfer\n            filterable\n            filterMethod={this._filterMethod}\n            filterPlaceholder=\"\u8bf7\u8f93\u5165\u57ce\u5e02\u62fc\u97f3\"\n            value={value}\n            onChange={this._handleChange}\n            data={this.data}>\n          </Transfer>\n        )\n      }      \n      ","\n      import Transfer from \"../../ishow/Transfer/index\";\n\n      constructor(props) {\n        super(props);\n        this.state = {\n          value: []\n        }\n      \n        this._handleChange = this.handleChange.bind(this);\n      }\n      \n      get data() {\n        const data = [];\n        for (let i = 1; i <= 15; i++) {\n          data.push({\n            value: i,\n            desc:  `\u5907\u9009\u9879 i`,\n            disabled: i % 4 === 0\n          });\n        }\n        return data;\n      }\n      \n      handleChange(value, direction, movedKeys) {\n        console.log(value, direction, movedKeys);\n        this.setState({ value })\n      }\n      \n      render() {\n        const { value } = this.state;\n        return (\n          <Transfer\n            value={value}\n            propsAlias={{\n              key: 'value',\n              label: 'desc'\n            }}\n            data={this.data}\n            onChange={this._handleChange}\n            >\n          </Transfer>\n        )\n      }\n      "]},Carousel:{Code:['\n    import Carousel from "../../ishow/Carousel/Index";\n\n    render(){\n      return(\n        <div>\n        <span className="demonstration">\u9ed8\u8ba4 Hover \u6307\u793a\u5668\u89e6\u53d1</span>\n        <Carousel height="200px">\n          {\n            [1, 2, 3, 4].map((item, index) => {\n              return (\n                <Carousel.Item key={index}>\n                  <h3>{item}</h3>\n                </Carousel.Item>\n              )\n            })\n          }\n        </Carousel>\n        <span className="demonstration">Click \u6307\u793a\u5668\u89e6\u53d1</span>\n        <Carousel trigger="click" height="200px">\n          {\n            [1, 2, 3, 4].map((item, index) => {\n              return (\n                <Carousel.Item key={index}>\n                  <h3>{item}</h3>\n                </Carousel.Item>\n              )\n            })\n          }\n        </Carousel>\n        </div>\n            )\n          }\n    ','\n    import Carousel from "../../ishow/Carousel/Index";\n\n    render(){\n      return(\n        <div>\n        <Carousel interval="5000" arrow="always" height="200px">\n                  {\n                    [1, 2, 3, 4].map((item, index) => {\n                      return (\n                        <Carousel.Item key={index}>\n                          <h3>{item}</h3>\n                        </Carousel.Item>\n                      )\n                    })\n                  }\n        </Carousel>\n        </div>\n            )\n          }\n    ','\n    import Carousel from "../../ishow/Carousel/Index";\n\n    render(){\n      return(\n        <div>\n        <Carousel interval="4000" type="card" height="200px">\n        {\n          [1, 2, 3, 4, 5, 6].map((item, index) => {\n            return (\n              <Carousel.Item key={index}>\n                <h3>{item}</h3>\n              </Carousel.Item>\n            )\n          })\n        }\n      </Carousel>\n      </div>\n            )\n          }\n    ','\n    import Carousel from "../../ishow/Carousel/Index";\n\n    render(){\n      return(\n        <div>\n        <Carousel interval="4000" type="flatcard" height="200px">\n                  {\n                    [1, 2, 3, 4, 5, 6].map((item, index) => {\n                      return (\n                        <Carousel.Item key={index}>\n                          <h3>{item}</h3>\n                        </Carousel.Item>\n                      )\n                    })\n                  }\n        </Carousel>\n        </div>\n            )\n          }\n    ']},Collapse:{Code:['\n      import Collapse from \'../../ishow/Collapse/index\';\n\n      render() {\n        const activeName = "1";\n        return (\n          <Collapse value={activeName}>\n            <Collapse.Item title="\u4e00\u81f4\u6027 Consistency" name="1">\n              <div>\u4e0e\u73b0\u5b9e\u751f\u6d3b\u4e00\u81f4\uff1a\u4e0e\u73b0\u5b9e\u751f\u6d3b\u7684\u6d41\u7a0b\u3001\u903b\u8f91\u4fdd\u6301\u4e00\u81f4\uff0c\u9075\u5faa\u7528\u6237\u4e60\u60ef\u7684\u8bed\u8a00\u548c\u6982\u5ff5\uff1b</div>\n              <div>\u5728\u754c\u9762\u4e2d\u4e00\u81f4\uff1a\u6240\u6709\u7684\u5143\u7d20\u548c\u7ed3\u6784\u9700\u4fdd\u6301\u4e00\u81f4\uff0c\u6bd4\u5982\uff1a\u8bbe\u8ba1\u6837\u5f0f\u3001\u56fe\u6807\u548c\u6587\u672c\u3001\u5143\u7d20\u7684\u4f4d\u7f6e\u7b49\u3002</div>\n            </Collapse.Item>\n            <Collapse.Item title="\u53cd\u9988 Feedback" name="2">\n              <div>\u63a7\u5236\u53cd\u9988\uff1a\u901a\u8fc7\u754c\u9762\u6837\u5f0f\u548c\u4ea4\u4e92\u52a8\u6548\u8ba9\u7528\u6237\u53ef\u4ee5\u6e05\u6670\u7684\u611f\u77e5\u81ea\u5df1\u7684\u64cd\u4f5c\uff1b</div>\n              <div>\u9875\u9762\u53cd\u9988\uff1a\u64cd\u4f5c\u540e\uff0c\u901a\u8fc7\u9875\u9762\u5143\u7d20\u7684\u53d8\u5316\u6e05\u6670\u5730\u5c55\u73b0\u5f53\u524d\u72b6\u6001\u3002</div>\n            </Collapse.Item>\n            <Collapse.Item title="\u6548\u7387 Efficiency" name="3">\n              <div>\u7b80\u5316\u6d41\u7a0b\uff1a\u8bbe\u8ba1\u7b80\u6d01\u76f4\u89c2\u7684\u64cd\u4f5c\u6d41\u7a0b\uff1b</div>\n              <div>\u6e05\u6670\u660e\u786e\uff1a\u8bed\u8a00\u8868\u8fbe\u6e05\u6670\u4e14\u8868\u610f\u660e\u786e\uff0c\u8ba9\u7528\u6237\u5feb\u901f\u7406\u89e3\u8fdb\u800c\u4f5c\u51fa\u51b3\u7b56\uff1b</div>\n              <div>\u5e2e\u52a9\u7528\u6237\u8bc6\u522b\uff1a\u754c\u9762\u7b80\u5355\u76f4\u767d\uff0c\u8ba9\u7528\u6237\u5feb\u901f\u8bc6\u522b\u800c\u975e\u56de\u5fc6\uff0c\u51cf\u5c11\u7528\u6237\u8bb0\u5fc6\u8d1f\u62c5\u3002</div>\n            </Collapse.Item>\n            <Collapse.Item title="\u53ef\u63a7 Controllability" name="4">\n              <div>\u7528\u6237\u51b3\u7b56\uff1a\u6839\u636e\u573a\u666f\u53ef\u7ed9\u4e88\u7528\u6237\u64cd\u4f5c\u5efa\u8bae\u6216\u5b89\u5168\u63d0\u793a\uff0c\u4f46\u4e0d\u80fd\u4ee3\u66ff\u7528\u6237\u8fdb\u884c\u51b3\u7b56\uff1b</div>\n              <div>\u7ed3\u679c\u53ef\u63a7\uff1a\u7528\u6237\u53ef\u4ee5\u81ea\u7531\u7684\u8fdb\u884c\u64cd\u4f5c\uff0c\u5305\u62ec\u64a4\u9500\u3001\u56de\u9000\u548c\u7ec8\u6b62\u5f53\u524d\u64cd\u4f5c\u7b49\u3002</div>\n            </Collapse.Item>\n          </Collapse>\n        )\n      }\n      ','\n      import Collapse from \'../../ishow/Collapse/index\';\n      import Button from \'../../ishow/Button/Button\';\n\n      constructor(props) {\n        super(props)\n      \n        this.state = {\n          activeName: \'1\'\n        }\n      }\n      \n      render() {\n        return (\n          <div>\n            <Button\n              type="primary"\n              style={{marginBottom: \'15px\'}}\n              onClick={() => this.setState({ activeName: \'3\' })}\n            >\n              \u6253\u5f00\u7b2c\u4e09\u4e2a\n            </Button>\n            <Collapse value={this.state.activeName} accordion>\n              <Collapse.Item title="\u4e00\u81f4\u6027 Consistency" name="1">\n                <div>\u4e0e\u73b0\u5b9e\u751f\u6d3b\u4e00\u81f4\uff1a\u4e0e\u73b0\u5b9e\u751f\u6d3b\u7684\u6d41\u7a0b\u3001\u903b\u8f91\u4fdd\u6301\u4e00\u81f4\uff0c\u9075\u5faa\u7528\u6237\u4e60\u60ef\u7684\u8bed\u8a00\u548c\u6982\u5ff5\uff1b</div>\n                <div>\u5728\u754c\u9762\u4e2d\u4e00\u81f4\uff1a\u6240\u6709\u7684\u5143\u7d20\u548c\u7ed3\u6784\u9700\u4fdd\u6301\u4e00\u81f4\uff0c\u6bd4\u5982\uff1a\u8bbe\u8ba1\u6837\u5f0f\u3001\u56fe\u6807\u548c\u6587\u672c\u3001\u5143\u7d20\u7684\u4f4d\u7f6e\u7b49\u3002</div>\n              </Collapse.Item>\n              <Collapse.Item title="\u53cd\u9988 Feedback" name="2">\n                <div>\u63a7\u5236\u53cd\u9988\uff1a\u901a\u8fc7\u754c\u9762\u6837\u5f0f\u548c\u4ea4\u4e92\u52a8\u6548\u8ba9\u7528\u6237\u53ef\u4ee5\u6e05\u6670\u7684\u611f\u77e5\u81ea\u5df1\u7684\u64cd\u4f5c\uff1b</div>\n                <div>\u9875\u9762\u53cd\u9988\uff1a\u64cd\u4f5c\u540e\uff0c\u901a\u8fc7\u9875\u9762\u5143\u7d20\u7684\u53d8\u5316\u6e05\u6670\u5730\u5c55\u73b0\u5f53\u524d\u72b6\u6001\u3002</div>\n              </Collapse.Item>\n              <Collapse.Item title="\u6548\u7387 Efficiency" name="3">\n                <div>\u7b80\u5316\u6d41\u7a0b\uff1a\u8bbe\u8ba1\u7b80\u6d01\u76f4\u89c2\u7684\u64cd\u4f5c\u6d41\u7a0b\uff1b</div>\n                <div>\u6e05\u6670\u660e\u786e\uff1a\u8bed\u8a00\u8868\u8fbe\u6e05\u6670\u4e14\u8868\u610f\u660e\u786e\uff0c\u8ba9\u7528\u6237\u5feb\u901f\u7406\u89e3\u8fdb\u800c\u4f5c\u51fa\u51b3\u7b56\uff1b</div>\n                <div>\u5e2e\u52a9\u7528\u6237\u8bc6\u522b\uff1a\u754c\u9762\u7b80\u5355\u76f4\u767d\uff0c\u8ba9\u7528\u6237\u5feb\u901f\u8bc6\u522b\u800c\u975e\u56de\u5fc6\uff0c\u51cf\u5c11\u7528\u6237\u8bb0\u5fc6\u8d1f\u62c5\u3002</div>\n              </Collapse.Item>\n              <Collapse.Item title="\u53ef\u63a7 Controllability" name="4">\n                <div>\u7528\u6237\u51b3\u7b56\uff1a\u6839\u636e\u573a\u666f\u53ef\u7ed9\u4e88\u7528\u6237\u64cd\u4f5c\u5efa\u8bae\u6216\u5b89\u5168\u63d0\u793a\uff0c\u4f46\u4e0d\u80fd\u4ee3\u66ff\u7528\u6237\u8fdb\u884c\u51b3\u7b56\uff1b</div>\n                <div>\u7ed3\u679c\u53ef\u63a7\uff1a\u7528\u6237\u53ef\u4ee5\u81ea\u7531\u7684\u8fdb\u884c\u64cd\u4f5c\uff0c\u5305\u62ec\u64a4\u9500\u3001\u56de\u9000\u548c\u7ec8\u6b62\u5f53\u524d\u64cd\u4f5c\u7b49\u3002</div>\n              </Collapse.Item>\n            </Collapse>\n          </div>\n        )\n      }\n      ','\n      import Collapse from \'../../ishow/Collapse/index\';\n\n      render() {\n        return (\n          <Collapse accordion>\n            <Collapse.Item title={<span>\u4e00\u81f4\u6027 Consistency<i className="header-icon el-icon-information"></i></span>}>\n              <div>\u4e0e\u73b0\u5b9e\u751f\u6d3b\u4e00\u81f4\uff1a\u4e0e\u73b0\u5b9e\u751f\u6d3b\u7684\u6d41\u7a0b\u3001\u903b\u8f91\u4fdd\u6301\u4e00\u81f4\uff0c\u9075\u5faa\u7528\u6237\u4e60\u60ef\u7684\u8bed\u8a00\u548c\u6982\u5ff5\uff1b</div>\n              <div>\u5728\u754c\u9762\u4e2d\u4e00\u81f4\uff1a\u6240\u6709\u7684\u5143\u7d20\u548c\u7ed3\u6784\u9700\u4fdd\u6301\u4e00\u81f4\uff0c\u6bd4\u5982\uff1a\u8bbe\u8ba1\u6837\u5f0f\u3001\u56fe\u6807\u548c\u6587\u672c\u3001\u5143\u7d20\u7684\u4f4d\u7f6e\u7b49\u3002</div>\n            </Collapse.Item>\n            <Collapse.Item title="\u53cd\u9988 Feedback">\n              <div>\u63a7\u5236\u53cd\u9988\uff1a\u901a\u8fc7\u754c\u9762\u6837\u5f0f\u548c\u4ea4\u4e92\u52a8\u6548\u8ba9\u7528\u6237\u53ef\u4ee5\u6e05\u6670\u7684\u611f\u77e5\u81ea\u5df1\u7684\u64cd\u4f5c\uff1b</div>\n              <div>\u9875\u9762\u53cd\u9988\uff1a\u64cd\u4f5c\u540e\uff0c\u901a\u8fc7\u9875\u9762\u5143\u7d20\u7684\u53d8\u5316\u6e05\u6670\u5730\u5c55\u73b0\u5f53\u524d\u72b6\u6001\u3002</div>\n            </Collapse.Item>\n            <Collapse.Item title="\u6548\u7387 Efficiency">\n              <div>\u7b80\u5316\u6d41\u7a0b\uff1a\u8bbe\u8ba1\u7b80\u6d01\u76f4\u89c2\u7684\u64cd\u4f5c\u6d41\u7a0b\uff1b</div>\n              <div>\u6e05\u6670\u660e\u786e\uff1a\u8bed\u8a00\u8868\u8fbe\u6e05\u6670\u4e14\u8868\u610f\u660e\u786e\uff0c\u8ba9\u7528\u6237\u5feb\u901f\u7406\u89e3\u8fdb\u800c\u4f5c\u51fa\u51b3\u7b56\uff1b</div>\n              <div>\u5e2e\u52a9\u7528\u6237\u8bc6\u522b\uff1a\u754c\u9762\u7b80\u5355\u76f4\u767d\uff0c\u8ba9\u7528\u6237\u5feb\u901f\u8bc6\u522b\u800c\u975e\u56de\u5fc6\uff0c\u51cf\u5c11\u7528\u6237\u8bb0\u5fc6\u8d1f\u62c5\u3002</div>\n            </Collapse.Item>\n            <Collapse.Item title="\u53ef\u63a7 Controllability">\n              <div>\u7528\u6237\u51b3\u7b56\uff1a\u6839\u636e\u573a\u666f\u53ef\u7ed9\u4e88\u7528\u6237\u64cd\u4f5c\u5efa\u8bae\u6216\u5b89\u5168\u63d0\u793a\uff0c\u4f46\u4e0d\u80fd\u4ee3\u66ff\u7528\u6237\u8fdb\u884c\u51b3\u7b56\uff1b</div>\n              <div>\u7ed3\u679c\u53ef\u63a7\uff1a\u7528\u6237\u53ef\u4ee5\u81ea\u7531\u7684\u8fdb\u884c\u64cd\u4f5c\uff0c\u5305\u62ec\u64a4\u9500\u3001\u56de\u9000\u548c\u7ec8\u6b62\u5f53\u524d\u64cd\u4f5c\u7b49\u3002</div>\n            </Collapse.Item>\n          </Collapse>\n        )\n      }      \n      ']},Rate:{Code:['\n      import Rate from "../../ishow/Rate/Rate";\n\n      render(){\n        return(\n          <div className="block">\n            <span className="demonstration">\u9ed8\u8ba4\u4e0d\u533a\u5206\u989c\u8272</span>\n            <span className="wrapper">\n            <Rate onChange = {(val) => alert(val)}/>\n            </span>\n          </div>\n          <div className ="block">\n            <span className="demonstration">\u533a\u5206\u989c\u8272</span>\n            <span className="wrapper">\n            <Rate colors = {[\'#99A9BF\', \'#F7BA2A\', \'#FF9900\']}/>    \n            </span>\n          </div>    \n              )\n            }\n      ','\n      import Rate from "../../ishow/Rate/Rate";\n      render(){\n        return(\n          <div className = "halfBlock">\n                <div>\n                <Rate allowHalf={true} onChange={(val) => console.log(val)} />\n                </div>\n          </div>\n        )\n      }\n     ','import Rate from "../../ishow/Rate/Rate";\n      render(){\n        return(\n          <div className = "readOnly">\n          <div>\n          <Rate disabled={true} value={3.9} showText={true} />\n          </div>\n          </div>\n        )\n      }\n     ','\n     import Rate from "../../ishow/Rate/Rate";\n      render(){\n        return(\n          <div className = "readOnly">\n          <div>\n          <Rate disabled={true} value={3.9} showText={true} />\n          </div>\n          </div>\n        )\n      }\n     ']},Card:{Code:['\n      import Card from "../../ishow/Card/Card";\n      import {Button} from "../../ishow";\n\n      handleClickOnButton1(){\n        Message({\n            message: \'\u606d\u559c\u4f60\uff0c\u4f60\u6210\u529f\u5b9a\u5236\u4e86\u4e00\u5f20\u7b80\u5355\u5361\u7247\',\n            type: \'success\',\n            showClose: true\n          });\n      }\n      \n      render() {\n        return (\n          <Card className="simple-card" style={{ "lineHeight": "36px", width: 400, marginBottom: 40}}\n              header={\n                  <div className="clearfix">\n                      <span style={{ "lineHeight": "36px" }}>\u5361\u7247\u540d\u79f0</span>\n                      <span style={{ "float": "right" }}>\n                          <Button type="primary" onClick={this.handleClickOnButton1.bind(this)}>\u64cd\u4f5c\u6309\u94ae</Button>\n                      </span>\n                  </div>\n              }\n          >\n              <div className="text item">\u5217\u8868\u5185\u5bb9 1</div>\n              <div className="text item">\u5217\u8868\u5185\u5bb9 2</div>\n              <div className="text item">\u5217\u8868\u5185\u5bb9 3</div>\n              <div className="text item">\u5217\u8868\u5185\u5bb9 4</div>\n          </Card>\n      )\n    }\n    ','\n      import Card from \'../../ishow/Card/Card";\n\n       render() {\n        return (\n          <Card className="simple-card" style={{ "lineHeight": "36px", width: 400, marginBottom: 40 }}>\n              <div className="text item">\u5217\u8868\u5185\u5bb9 0</div>\n              <div className="text item">\u5217\u8868\u5185\u5bb9 1</div>\n              <div className="text item">\u5217\u8868\u5185\u5bb9 2</div>\n              <div className="text item">\u5217\u8868\u5185\u5bb9 3</div>\n          </Card>\n        )\n      }\n      ','\n      import Card from "../../ishow/Card/Card";\n      import {Button} from "../../ishow";\n      import Row from \'../../ishow/LayoutComponent/row/index\';\n      import Col from \'../../ishow/LayoutComponent/col/index\';\n\n      handleClickOnButton2(){\n        Message({\n            message: \'\u606d\u559c\u4f60\uff0c\u4f60\u6210\u529f\u5b9a\u5236\u4e86\u4e00\u5f20\u5e26\u56fe\u7247\u7684\u5361\u7247\',\n            type: \'success\',\n            showClose: true\n          });\n      }\n      \n      render() {\n        return (\n          <Row>\n          <Col span={5} offset={0}>\n              <Card bodyStyle={{ padding: 0 }} style={{ "lineHeight": "36px", width: 270, \'text-align\': \'center\', marginBottom: 40 }}>\n                  <img src=\'../src/components/ui/image/image.jpg\' alt=\'iShow UI\' className="image" />\n                  <div style={{ padding: 14 }}>\n                      <span style={{ float: \'left\' }}>iShow UI</span>\n                      <br />\n                      <div className="bottom clearfix">\n                          <time className="time" style={{ float: \'left\' }}>2018-04-08 09:21</time>\n                          <Button type="text" className="button" style={{ "float": "right" }} onClick={this.handleClickOnButton2.bind(this)}>\u64cd\u4f5c\u6309\u94ae</Button>\n                      </div>\n                  </div>\n              </Card>\n          </Col>\n          <Col span={5}>\n              <Card bodyStyle={{ padding: 0 }} style={{ "lineHeight": "36px", width: 270, \'text-align\': \'center\' }}>\n                  <img src=\'../src/components/ui/image/image.jpg\' alt=\'iShow UI\' className="image" />\n                  <div style={{ padding: 14 }}>\n                      <span style={{ float: \'left\' }}>iShow UI</span>\n                      <br />\n                      <div className="bottom clearfix" >\n                          <time className="time" style={{ float: \'left\' }}>2018-04-08 09:21</time>\n                          <Button type="text" className="button" style={{ float: \'right\' }} onClick={this.handleClickOnButton2.bind(this)}>\u64cd\u4f5c\u6309\u94ae</Button>\n                      </div>\n                  </div>\n              </Card>\n          </Col>\n      </Row>           \n              )\n          }\n      ']},Slider:{Code:['\n      import Slider from "../../ishow/Slider/index";\n      \n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          value1: 0,\n          value2: 50,\n          value3: 36,\n          value4: 48,\n          value5: 42\n        }\n      }\n      \n      formatTooltip(val) {\n        return val / 100;\n      }\n      \n      render() {\n        return (\n          <div>\n            <div className="block">\n              <span className="demonstration">\u9ed8\u8ba4</span>\n              <Slider value={this.state.value1} />\n            </div>\n            <div className="block">\n              <span className="demonstration">\u81ea\u5b9a\u4e49\u521d\u59cb\u503c</span>\n              <Slider value={this.state.value2} />\n            </div>\n            <div className="block">\n              <span className="demonstration">\u9690\u85cf Tooltip</span>\n              <Slider value={this.state.value3} showTooltip={false} />\n            </div>\n            <div className="block">\n              <span className="demonstration">\u683c\u5f0f\u5316 Tooltip</span>\n              <Slider value={this.state.value4} formatTooltip={this.formatTooltip.bind(this)} />\n            </div>\n            <div className="block">\n              <span className="demonstration">\u7981\u7528</span>\n              <Slider value={this.state.value3} disabled={true} />\n            </div>\n          </div>\n        )\n      }\n    ','\n      import Slider from "../../ishow/Slider/index";\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          value4: 0,\n          value5: 0\n        }\n      }\n      \n      render() {\n        return (\n          <div>\n            <div className="block">\n              <span className="demonstration">\u4e0d\u663e\u793a\u95f4\u65ad\u70b9</span>\n              <Slider value={this.state.value4} step="10" />\n            </div>\n            <div className="block">\n              <span className="demonstration">\u663e\u793a\u95f4\u65ad\u70b9</span>\n              <Slider value={this.state.value5} step="10" showStops={true} />\n            </div>\n          </div>\n        )\n      }      \n    ','\n      import Slider from "../../ishow/Slider/index";\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          value: 0\n        }\n      }\n      \n      render() {\n        return (\n          <div className="block">\n            <Slider value={this.state.value} showInput={true} />\n          </div>\n        )\n      }\n    ','\n      import Slider from "../../ishow/Slider/index";\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          value: [4, 8]\n        }\n      }\n      \n      render() {\n        return (\n          <div className="block">\n            <Slider value={this.state.value} max={10} range={true} showStops={true} />\n          </div>\n        )\n      }\n    ','\n      import Slider from "../../ishow/Slider/index";\n\n      constructor(props) {\n        super(props);\n      \n        this.state = {\n          value: 0\n        }\n      }\n      \n      render() {\n        return (\n          <div className="block">\n            <Slider value={this.state.value} vertical={true} height="200px" />\n          </div>\n        )\n      }\n    ']},Layout:{Code:["\n        import Layout from '../../ishow/LayoutComponent/layout/index';\n        const { Header, Content, Footer} = Layout;\n\n        render() {\n          return ( \n            <Layout style={{marginBottom:50}}>\n                <Header style={{ background: '#20A0FF', padding: 0 ,textAlign:'center',color:'#fff'}}>Header</Header>\n                <Content style={{ background: '#58B7FF', padding:50 ,textAlign:'center',color:'#fff'}}>Content</Content>\n                <Footer style={{ background: '#20A0FF',textAlign:'center',color:'#fff'}}>Footer</Footer>\n              </Layout>\n              )\n         }","\n        import Layout from '../../ishow/LayoutComponent/layout/index';\n        const { Header, Content, Footer, Sider} = Layout;\n\n        render() {\n          return (  \n          <Layout style={{marginBottom:50}}>\n            <Header style={{ background: '#20A0FF', padding: 0 ,textAlign:'center',color:'#fff'}}>Header</Header>\n            <Layout>\n              <Sider style={{ background: '#1D8CE0', padding:50 ,textAlign:'center',color:'#fff'}}>Sider</Sider>\n              <Content style={{ background: '#58B7FF', padding:50 ,textAlign:'center',color:'#fff'}}>Content</Content>\n            </Layout>\n            <Footer style={{ background: '#20A0FF',textAlign:'center',color:'#fff'}}>Footer</Footer>\n          </Layout>\n          )\n        }","\n        import Layout from '../../ishow/LayoutComponent/layout/index';\n        const { Header, Content, Footer, Sider} = Layout;\n\n        render() {\n          return ( \n          <Layout style={{marginBottom:50}}>\n            <Sider  style={{ background: '#1D8CE0', padding:50 ,textAlign:'center',color:'#fff'}}>Sider</Sider>\n            <Layout>\n              <Header  style={{ background: '#20A0FF', padding: 0 ,textAlign:'center',color:'#fff'}}>Header</Header>\n              <Content  style={{ background: '#58B7FF', padding:50 ,textAlign:'center',color:'#fff'}}>Content</Content>\n              <Footer style={{ background: '#20A0FF',textAlign:'center',color:'#fff'}}>Footer</Footer>\n            </Layout>\n          </Layout>\n          )\n        }"]},Grid:{Code:["\n        import Row from '../../ishow/LayoutComponent/row/index';\n        import Col from '../../ishow/LayoutComponent/col/index';\n\n        render(){\n          return(\n            <div>\n              <Row>\n                <Col span={12}>col-12</Col>\n                <Col span={12}>col-12</Col>\n              </Row>\n              <Row>\n                <Col span={8}>col-8</Col>\n                <Col span={8}>col-8</Col>\n                <Col span={8}>col-8</Col>\n              </Row>\n              <Row>\n                <Col span={6}>col-6</Col>\n                <Col span={6}>col-6</Col>\n                <Col span={6}>col-6</Col>\n                <Col span={6}>col-6</Col>\n              </Row>\n            </div>,\n          )\n        }"]},Button:{Code:['\n            import {Button} from "../../ishow";\n\n            render() {\n                return (\n                  <div>\n                    <Button>\u666e\u901a\u6309\u94ae</Button>\n                    <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n                    <Button type="text">\u6587\u5b57\u6309\u94ae</Button>\n                  </div>\n                )\n              }','\n            import {Button} from "../../ishow";\n\n            render() {\n                return (\n                  <div>\n                    <Button plain={true} disabled={true}>\u666e\u901a\u6309\u94ae</Button>\n                    <Button type="primary" disabled={true}>\u4e3b\u8981\u6309\u94ae</Button>\n                    <Button type="text" disabled={true}>\u6587\u5b57\u6309\u94ae</Button>\n                  </div>\n                )\n              }','\n            import {Button} from "../../ishow";\n\n            render() {\n                return <Button type="primary" loading={true}>\u52a0\u8f7d\u4e2d</Button>\n              }','\n            import {Button} from "../../ishow";\n\n            render() {\n                return (\n                  <div >\n                        <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n                        <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n                        <Button type="danger">\u5371\u9669\u6309\u94ae</Button>\n                        <Button type="info">\u4fe1\u606f\u6309\u94ae</Button>\n                        <Button plain={true} type="success">\u6210\u529f\u6309\u94ae</Button>\n                        <Button plain={true} type="warning">\u8b66\u544a\u6309\u94ae</Button>\n                        <Button plain={true} type="danger">\u5371\u9669\u6309\u94ae</Button>\n                        <Button plain={true} type="info">\u4fe1\u606f\u6309\u94ae</Button>\n                  </div>\n                )\n              }','\n            import {Button} from "../../ishow";\n\n            render() {\n                return (\n                  <div>\n                    <Button type="primary" icon="edit"></Button>\n                    <Button type="primary" icon="share"></Button>\n                    <Button type="primary" icon="delete"></Button>\n                    <Button type="primary" icon="search">\u641c\u7d22</Button>\n                    <Button type="primary">\u4e0a\u4f20<i className="ishow-icon-upload ishow-icon-right"></i></Button>\n                  </div>\n                )\n              }\n              ','\n            import {Button} from "../../ishow";\n\n            render() {\n                return (\n                  <div>\n                    <Button.Group>\n                        <Button type="primary" icon="arrow-left">\u4e0a\u4e00\u9875</Button>\n                        <Button type="primary">\u4e0b\u4e00\u9875<i className="ishow-icon-arrow-right ishow-icon-right"></i></Button>\n                    </Button.Group>\n                    <Button.Group>\n                        <Button type="primary" icon="edit"></Button>\n                        <Button type="primary" icon="share"></Button>\n                        <Button type="primary" icon="delete"></Button>\n                    </Button.Group>\n                  </div>\n                )\n              }\n              ','\n            import {Button} from "../../ishow";\n\n            render() {\n                return (\n                  <div>\n                    <Button type="primary" size="large">\u5927\u578b\u6309\u94ae</Button>\n                    <Button type="primary">\u6b63\u5e38\u6309\u94ae</Button>\n                    <Button type="primary" size="small">\u5c0f\u578b\u6309\u94ae</Button>\n                    <Button type="primary" size="mini">\u8d85\u5c0f\u6309\u94ae</Button>\n                  </div>\n                )\n              }\n              ']},Icon:{Code:['\n            import Button from \'../../ishow/Button/Button\';\n\n            render() {\n                return (\n                  <div>\n                    <i className="ishow-icon-edit"></i>\n                    <i className="ishow-icon-share"></i>\n                    <i className="ishow-icon-delete"></i>\n                    <Button type="primary" icon="search">\u641c\u7d22</Button>\n                  </div>\n                )\n              }\n              ']},Radio:{Code:['\n            import Radio from \'../../ishow/Radio/index\';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  value: 1\n                }\n              }\n              \n              onChange(value) {\n                this.setState({ value });\n              }\n              \n              render() {\n                return (\n                  <div>\n                    <Radio value="1" checked={this.state.value === 1} onChange={this.onChange.bind(this)}>ELF-zhangyong</Radio>\n                    <Radio value="2" checked={this.state.value === 2} onChange={this.onChange.bind(this)}>ELF-chenyuting</Radio>\n                  </div>\n                )\n              }\n              ','\n            import Radio from \'../../ishow/Radio/index\';\n\n            render() {\n                return (\n                  <div>\n                    <Radio value="1" disabled={true}>ELF-zhangyong</Radio>\n                    <Radio value="2" disabled={true}>ELF-chenyuting</Radio>\n                  </div>\n                )\n              }\n              ','\n            import Radio from \'../../ishow/Radio/index\';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  value: 3\n                }\n              }\n              \n              onChange(value) {\n                this.setState({ value });\n              }\n              \n              render() {\n                return (\n                  <Radio.Group value={this.state.value} onChange={this.onChange.bind(this)}>\n                      <Radio value="zy">Yuri</Radio>\n                      <Radio value="tyy">\u5510\u5a9b\u5a9b</Radio>\n                      <Radio value="cyt">\u9648\u745c\u5a77</Radio>\n                      <Radio value="zph">\u8d75\u6590\u660a</Radio>\n                      <Radio value="sy">\u76db\u745c</Radio>\n                      <Radio value="hj">\u9ec4\u6770</Radio>\n                      <Radio value="lx">\u5218\u5174</Radio>\n                      <Radio value="lzq">\u5218\u6cfd\u743c</Radio>\n                  </Radio.Group>\n                )\n              }\n              ']},Checkbox:{Code:["\n            import Checkbox from '../../ishow/Checkbox/index';\n\n            render() {\n                return <Checkbox checked>\u5907\u9009\u9879</Checkbox>\n              }\n              ",'\n            import CheckBox from \'../../ishow/Checkbox/index\';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  checkList: [\'\u590d\u9009\u6846 A\', \'\u9009\u4e2d\u4e14\u7981\u7528\']\n                }\n              }\n              render() {\n                return (\n                  <Checkbox.Group value={this.state.checkList}>\n                    <Checkbox label="\u590d\u9009\u6846 A"></Checkbox>\n                    <Checkbox label="\u590d\u9009\u6846 B"></Checkbox>\n                    <Checkbox label="\u590d\u9009\u6846 C"></Checkbox>\n                    <Checkbox label="\u7981\u7528" disabled></Checkbox>\n                    <Checkbox label="\u9009\u4e2d\u4e14\u7981\u7528" disabled></Checkbox>\n                  </Checkbox.Group>\n                )\n              }\n              ',"\n            import CheckBox from '../../ishow/Checkbox/index';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  checkAll: false,\n                  cities: ['\u6c5f\u82cf', '\u5317\u4eac', '\u5e7f\u5dde', '\u6df1\u5733'],\n                  checkedCities: ['\u6c5f\u82cf', '\u5317\u4eac'],\n                  isIndeterminate: true,\n                }\n              }\n              \n              handleCheckAllChange(checked) {\n                const checkedCities = checked ? ['\u6c5f\u82cf', '\u5317\u4eac', '\u5e7f\u5dde', '\u6df1\u5733'] : [];\n              \n                this.setState({\n                  isIndeterminate: false,\n                  checkAll: checked,\n                  checkedCities: checkedCities,\n                });\n              }\n              \n              handleCheckedCitiesChange(value) {\n                const checkedCount = value.length;\n                const citiesLength = this.state.cities.length;\n              \n                this.setState({\n                  checkedCities: value,\n                  checkAll: checkedCount === citiesLength,\n                  isIndeterminate: checkedCount > 0 && checkedCount < citiesLength,\n                });\n              }\n              \n              render() {\n                return (\n                  <div>\n                    <Checkbox\n                      checked={this.state.checkAll}\n                      indeterminate={this.state.isIndeterminate}\n                      onChange={this.handleCheckAllChange.bind(this)}>\u5168\u9009</Checkbox>\n                    <div style={{margin: '15px 0'}}></div>\n                    <Checkbox.Group\n                      value={this.state.checkedCities}\n                      onChange={this.handleCheckedCitiesChange.bind(this)}>\n                      {\n                        this.state.cities.map((city, index) =>\n                          <Checkbox key={index} label={city}></Checkbox>\n                        )\n                      }\n                    </Checkbox.Group>\n                  </div>\n                )\n              }\n              ","\n            import CheckBox from '../../ishow/Checkbox/index';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  checkAll: false,\n                  cities: ['\u6c5f\u82cf', '\u5317\u4eac', '\u5e7f\u5dde', '\u6df1\u5733'],\n                  checkedCities: ['\u6c5f\u82cf', '\u5317\u4eac'],\n                  isIndeterminate: true,\n                }\n              }\n              \n              handleCheckAllChange(checked) {\n                const checkedCities = checked ? ['\u6c5f\u82cf', '\u5317\u4eac', '\u5e7f\u5dde', '\u6df1\u5733'] : [];\n              \n                this.setState({\n                  isIndeterminate: false,\n                  checkAll: checked,\n                  checkedCities: checkedCities,\n                });\n              }\n              \n              handleCheckedCitiesChange(value) {\n                const checkedCount = value.length;\n                const citiesLength = this.state.cities.length;\n              \n                this.setState({\n                  checkedCities: value,\n                  checkAll: checkedCount === citiesLength,\n                  isIndeterminate: checkedCount > 0 && checkedCount < citiesLength,\n                });\n              }\n              \n              render() {\n                return (\n                  <div>\n                    <Checkbox\n                      checked={this.state.checkAll}\n                      indeterminate={this.state.isIndeterminate}\n                      onChange={this.handleCheckAllChange.bind(this)}>\u5168\u9009</Checkbox>\n                    <div style={{margin: '15px 0'}}></div>\n                    <Checkbox.Group\n                      min=\"1\"\n                      max=\"2\"\n                      value={this.state.checkedCities}\n                      onChange={this.handleCheckedCitiesChange.bind(this)}>\n                      {\n                        this.state.cities.map((city, index) =>\n                          <Checkbox key={index} label={city}></Checkbox>\n                        )\n                      }\n                    </Checkbox.Group>\n                  </div>\n                )\n              }\n              "]},Input:{Code:["\n            import Input from '../../ishow/Input/Input';\n\n            render() {\n                return <Input placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n              }\n              ","\n            import Input from '../../ishow/Input/Input';\n\n            render() {\n                return <Input disabled placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n              }\n              ",'\n            import Input from \'../../ishow/Input/Input\';\n\n            handleIconClick(ev) {\n\n            }\n            \n            render() {\n              return (\n                <Input\n                  icon="time"\n                  placeholder="\u8bf7\u9009\u62e9\u65e5\u671f"\n                  onIconClick={this.handleIconClick.bind(this)}\n                />\n              )\n            }\n            ','\n            import Input from \'../../ishow/Input/Input\';\n\n            render() {\n                return (\n                  <div>\n                    <Input\n                      type="textarea"\n                      autosize={true}\n                      placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n                    />\n                    <div style={{ margin: \'20px 0\' }}></div>\n                    <Input\n                      type="textarea"\n                      autosize={{ minRows: 2, maxRows: 4}}\n                      placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n                    />\n                  </div>\n                )\n              }\n              ','\n            import Input from \'../../ishow/Input/Input\';\n            import Select from \'../../ishow/Select/index\';\n\n            render() {\n                return (\n                  <div>\n                    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" prepend="Http://" />\n                    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" append=".com" />\n                    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" prepend={\n                      <Select value="">\n                        {\n                          [\'\u9910\u5385\u540d\', \'\u8ba2\u5355\u53f7\', \'\u7528\u6237\u7535\u8bdd\'].map((item, index) => <Select.Option key={index} label={item} value={index} />)\n                        }\n                      </Select>\n                    } append={<Button type="primary" icon="search">\u641c\u7d22</Button>} />\n                  </div>\n                )\n              }\n              ','\n            import React, { Component } from \'react\';\n            import \'./App.css\';\n            import AutoComplete from \'../../ishow/auto-complete\';\n\n\n            const customItem = (props) => {\n              let item = props.item;\n              return (\n                <div><div className="ishow-customItem-key">{item.value}</div><span className="ishow-customItem-detail">{item.address}</span></div>\n              )\n            }\n            class App extends Component {\n\n              constructor(props) {\n                super(props);\n                this.state = {\n                  scenery: [\n                    { "value": "\u7384\u6b66\u6e56\u516c\u56ed", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u7384\u6b66\u5df71\u53f7" },\n                    { "value": "\u4e2d\u5c71\u9675", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u77f3\u8c61\u8def7\u53f7" },\n                    { "value": "\u4e2d\u592e\u516c\u56ed", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u516d\u5408\u533a/\u53e4\u68e0\u5927\u9053" },\n                    { "value": "\u5357\u4eac\u5927\u5c60\u6740\u7eaa\u5ff5\u9986", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u5efa\u90ba\u533a/\u6c34\u897f\u95e8\u5927\u8857418\u53f7" },\n                    { "value": "\u8001\u95e8\u4e1c", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u79e6\u6dee\u533a/\u526a\u5b50\u5df754\u53f7" },\n                    { "value": "\u7d2b\u5cf0\u5927\u53a6", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u9f13\u697c\u533a/\u4e2d\u5c71\u5317\u8def1\u53f7" },\n                    { "value": "\u9e21\u9e23\u5bfa", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u9e21\u9e23\u5bfa\u8def1\u53f7" }\n                  ],\n                  value1: \'\',\n                }\n              }\n                querySearch(queryString, cb) {\n                const { scenery } = this.state;\n                const results = queryString ? scenery.filter(this.createFilter(queryString)) : scenery;\n                // \u8c03\u7528 callback \u8fd4\u56de\u5efa\u8bae\u5217\u8868\u7684\u6570\u636e\n                cb(results);\n              }\n\n              createFilter(queryString) {\n                return (scenery) => {\n                  return (scenery.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);\n                };\n              }\n\n              handleSelect(item) {\n\n              }\n\n            render() {\n              return (\n                  <div >\n                    <h3 className="text">\u5e26\u8f93\u5165\u5efa\u8bae</h3>\n                    <AutoComplete\n                        className="my-autocomplete my-autocomplete-poi"\n                        placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n                        value={this.state.value1}\n                        fetchSuggestions={this.querySearch.bind(this)}\n                        customItem={customItem}\n                        onSelect={this.handleSelect.bind(this)}\n                        style={{width:"100%"}}\n                    ></AutoComplete>\n                  </div>\n              )\n            }\n              ','\n            import Input from \'../../ishow/Input/Input\';\n            \n            render() {\n                return (\n                  <div className="inline-input">\n                    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" size="large" />\n                    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n                    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" size="small" />\n                    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" size="mini" />\n                  </div>\n                )\n              }\n              ']},Select:{Code:["\n            import Select from '../../ishow/Select/index';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  options: [{\n                    value: '\u9009\u98791',\n                    label: 'ELF-Yuri'\n                  }, {\n                    value: '\u9009\u98792',\n                    label: 'ELF-\u9648\u745c\u5a77'\n                  }, {\n                    value: '\u9009\u98793',\n                    label: 'ELF-\u76db\u745c'\n                  }, {\n                    value: '\u9009\u98794',\n                    label: 'ELF-\u5218\u5174'\n                  }, {\n                    value: '\u9009\u98795',\n                    label: 'ELF-\u9ec4\u6770'\n                  },\n                  {\n                    value: '\u9009\u98796',\n                    label: 'ELF-\u5218\u6cfd\u743c'\n                  },\n                  {\n                    value: '\u9009\u98797',\n                    label: 'ELF-\u8d75\u6590\u660a'\n                  }],\n                  value: ''\n                };\n              }\n              \n              render() {\n                return (\n                  <Select value={this.state.value}>\n                    {\n                      this.state.options.map(el => {\n                        return <Select.Option key={el.value} label={el.label} value={el.value} />\n                      })\n                    }\n                  </Select>\n                )\n              }\n              "]},Switch:{Code:['\n            import Switch from \'../../ishow/Switch/Switch\';\n\n            render() {\n                return (\n                  <div>\n                    <Switch\n                      value={true}\n                      onText=""\n                      offText="">\n                    </Switch>\n                    <Switch\n                      value={true}\n                      onColor="#13ce66"\n                      offColor="#ff4949">\n                    </Switch>\n                  </div>\n                )\n              }\n              ','\n            import Switch from \'../../ishow/Switch/Switch\';\n            import Tooltip from \'../../ishow/Tooltip/Tooltip\';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  value: 100,\n                }\n              }\n              \n              render() {\n                return (\n                  <Tooltip\n                    placement="top"\n                    content={\n                      <div>Switch value: {this.state.value}</div>\n                    }\n                  >\n                    <Switch\n                      value={this.state.value}\n                      onColor="#13ce66"\n                      offColor="#ff4949"\n                      onValue={100}\n                      offValue={0}\n                      onChange={(value)=>{this.setState({value: value})}}\n                     >\n                    </Switch>\n                  </Tooltip>\n                )\n              }\n              ']},DatePicker:{Code:["\n            import DatePicker from '../../ishow/DatePicker/DatePicker';\n\n            constructor(props) {\n              super(props)\n              this.state = {}\n            }\n            \n            render() {\n              const {value1, value2} = this.state\n            \n              return (\n                <div>\n                  <div>\n                    <DatePicker\n                      value={value1}\n                      placeholder=\"\u9009\u62e9\u65e5\u671f\"\n                      onChange={date=>{\n                        console.debug('DatePicker1 changed: ', date)\n                        this.setState({value1: date})\n                      }}\n                      disabledDate={time=>time.getTime() < Date.now() - 8.64e7}\n                      />\n                  </div>\n                  <div>\n                    <span className=\"demonstration\">\u5e26\u5feb\u6377\u9009\u9879</span>\n                    <DatePicker\n                      ref={e=>this.datepicker2 = e}\n                      value={value2}\n                      align=\"right\"\n                      placeholder=\"\u9009\u62e9\u65e5\u671f\"\n                      onChange={date=>{\n                        console.debug('DatePicker2 changed: ', date)\n                        this.setState({value2: date})\n            \n                      }}\n                      shortcuts={[{\n                        text: '\u4eca\u5929',\n                        onClick: (picker)=> {\n                          this.setState({value2: new Date()})\n                          this.datepicker2.togglePickerVisible()\n                        }\n                      }, {\n                        text: '\u6628\u5929',\n                        onClick: (picker)=> {\n                          const date = new Date();\n                          date.setTime(date.getTime() - 3600 * 1000 * 24);\n                          this.setState({value2: date})\n                          this.datepicker2.togglePickerVisible()\n                        }\n                      }, {\n                        text: '\u4e00\u5468\u524d',\n                        onClick: (picker)=> {\n                          const date = new Date();\n                          date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);\n                          this.setState({value2: date})\n                          this.datepicker2.togglePickerVisible()\n                        }\n                      }]}\n                      />\n                  </div>\n                </div>\n              )\n            }\n            \n            ","\n            import DateRangePicker from '../../ishow/DatePicker/DateRangePicker';\n\n            constructor(props) {\n                super(props)\n                this.state = {value1: null, value2: null}\n              }\n              \n              render() {\n                const {value1, value2} = this.state\n              \n                return (\n                  <div>\n                    <div>\n                      <DateRangePicker\n                        value={value1}\n                        placeholder=\"\u9009\u62e9\u65e5\u671f\u8303\u56f4\"\n                        onChange={date=>{\n                          console.debug('DateRangePicker1 changed: ', date)\n                          this.setState({value1: date})\n                        }}\n                        />\n                    </div>\n                    <div>\n                      <DateRangePicker\n                        value={value2}\n                        placeholder=\"\u9009\u62e9\u65e5\u671f\u8303\u56f4\"\n                        align=\"right\"\n                        ref={e=>this.daterangepicker2 = e}\n                        onChange={date=>{\n                          console.debug('DateRangePicker2 changed: ', date)\n                          this.setState({value2: date})\n                        }}\n                        shortcuts={[{\n                          text: '\u6700\u8fd1\u4e00\u5468',\n                          onClick: ()=> {\n                            const end = new Date();\n                            const start = new Date();\n                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);\n              \n                            this.setState({value2: [start, end]})\n                            this.daterangepicker2.togglePickerVisible()\n                          }\n                        }, {\n                          text: '\u6700\u8fd1\u4e00\u4e2a\u6708',\n                          onClick: ()=> {\n                            const end = new Date();\n                            const start = new Date();\n                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);\n              \n                            this.setState({value2: [start, end]})\n                            this.daterangepicker2.togglePickerVisible()\n                          }\n                        }, {\n                          text: '\u6700\u8fd1\u4e09\u4e2a\u6708',\n                          onClick: ()=> {\n                            const end = new Date();\n                            const start = new Date();\n                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);\n                            this.setState({value2: [start, end]})\n                            this.daterangepicker2.togglePickerVisible()\n                          }\n                        }]}\n                        />\n                    </div>\n                  </div>\n                )\n              }\n              \n              "]},Upload:{Code:["\n            import Upload from '../../ishow/Upload/Upload';\n            import Button from '../../ishow/Button/Button';\n\n            render() {\n                const fileList = [\n                  {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg'}\n                ];\n                return (\n                  <Upload\n                    className=\"upload-demo\"\n                    action=\"//jsonplaceholder.typicode.com/posts/\"\n                    onPreview={file => this.handlePreview(file)}\n                    onRemove={(file, fileList) => this.handleRemove(file, fileList)}\n                    fileList={fileList}\n                    tip={<div className=\"ishow-upload__tip\">\u53ea\u80fd\u4e0a\u4f20jpg/png\u6587\u4ef6\uff0c\u4e14\u4e0d\u8d85\u8fc7500kb</div>}\n                  >\n                    <Button size=\"small\" type=\"primary\">\u70b9\u51fb\u4e0a\u4f20</Button>\n                  </Upload>\n                )\n              }\n              \n              handlePreview(file) {\n                console.log('preview');\n              }\n              \n              handleRemove(file, fileList) {\n                console.log('remove');\n              }\n              ",'\n            import Upload from \'../../ishow/Upload/Upload\';\n            import Dialog from \'../../ishow/Dialog/Dialog\';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  dialogImageUrl: \'\',\n                  dialogVisible: false,\n                };\n              }\n              \n              render() {\n                const { dialogImageUrl, dialogVisible } = this.state;\n                return (\n                  <div>\n                    <Upload\n                      action="//jsonplaceholder.typicode.com/posts/"\n                      listType="picture-card"\n                      onPreview={file => this.handlePictureCardPreview(file)}\n                      onRemove={(file, fileList) => this.handleRemove(file, fileList)}\n                    >\n                      <i className="ishow-icon-plus"></i>\n                    </Upload>\n                    <Dialog\n                      visible={dialogVisible}\n                      size="tiny"\n                      onCancel={() => this.setState({ dialogVisible: false })}\n                    >\n                      <img width="100%" src={dialogImageUrl} alt="" />\n                    </Dialog>\n                  </div>\n                )\n              }\n              \n              handleRemove(file, fileList) {\n                console.log(file, fileList);\n              }\n              \n              handlePictureCardPreview(file) {\n                this.setState({\n                  dialogImageUrl: file.url,\n                  dialogVisible: true,\n                })\n              }\n              \n              ',"\n            import Upload from '../../ishow/Upload/Upload';\n            import Button from '../../ishow/Button/Button';\n\n            render() {\n                const fileList2 = [\n                  {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg'}\n                ]\n                return (\n                  <Upload\n                    className=\"upload-demo\"\n                    action=\"//jsonplaceholder.typicode.com/posts/\"\n                    onPreview={file => this.handlePreview(file)}\n                    onRemove={(file, fileList) => this.handleRemove(file, fileList)}\n                    fileList={fileList2}\n                    listType=\"picture\"\n                    tip={<div className=\"ishow-upload__tip\">\u53ea\u80fd\u4e0a\u4f20jpg/png\u6587\u4ef6\uff0c\u4e14\u4e0d\u8d85\u8fc7500kb</div>}\n                  >\n                    <Button size=\"small\" type=\"primary\">\u70b9\u51fb\u4e0a\u4f20</Button>\n                  </Upload>\n                )\n              }\n              \n              handleRemove(file, fileList) {\n                console.log(file, fileList);\n              }\n              \n              handlePreview(file) {\n                console.log(file);\n              }\n              \n              "]},Table:{Code:["\n            import Table from '../../ishow/Table/TableStore';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  columns: [\n                    {\n                      label: \"\u65e5\u671f\",\n                      prop: \"date\",\n                      width: 180, \n                      resizable: false\n                    },\n                    {\n                      label: \"\u59d3\u540d\",\n                      prop: \"name\",\n                      width: 180,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u5730\u5740\",\n                      prop: \"address\",\n                      resizable: false\n                    }\n                  ],\n                  data: [{\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-04',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-01',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-03',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  },{\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-04',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-01',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-03',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }]\n                }\n              }\n              \n              render() {\n                return (\n                  <Table\n                    style={{width: '100%'}}\n                    columns={this.state.columns}\n                    maxHeight={200}\n                    data={this.state.data}\n                    stripe={true}\n                    border={true}\n                  />\n                )\n              }\n              "," \n            import Table from '../../ishow/Table/TableStore';\n            \n            constructor(props){\n              super(props);\n              this.state = {\n                columns2: [\n                {\n                  label: \"\u65e5\u671f\",\n                  prop: \"date\",\n                  width: 150,\n                  fixed: 'left',\n                  resizable: false\n                },\n                {\n                  label: \"\u59d3\u540d\",\n                  prop: \"name\",\n                  width: 160,\n                  resizable: false\n                },\n                {\n                  label: \"\u7701\u4efd\",\n                  prop: \"province\",\n                  width: 160,\n                  resizable: false\n                },\n                {\n                  label: \"\u5730\u5740\",\n                  prop: \"address\",\n                  width: 400,\n                  resizable: false\n                },\n                {\n                  label: \"\u90ae\u7f16\",\n                  prop: \"zip\",\n                  width: 120,\n                  resizable: false\n                },\n                {\n                  label: \"\u64cd\u4f5c\",\n                  prop: \"zip\",\n                  fixed: 'right',\n                  width: 100,\n                  resizable: false,\n                  render: ()=>{\n                    return <span><Button type=\"text\" size=\"small\">\u67e5\u770b</Button><Button type=\"text\" size=\"small\">\u7f16\u8f91</Button></span>\n                  }\n                }\n              ],\n              data2: [{\n                date: '2018-03-02',\n                name: 'iShow UI -- Yuri',\n                province: '\u6c5f\u82cf',\n                city: '\u666e\u9640\u533a',\n                address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                zip: 200333\n              },{\n                date: '2018-03-02',\n                name: 'iShow UI -- Yuri',\n                province: '\u6c5f\u82cf',\n                city: '\u666e\u9640\u533a',\n                address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                zip: 200333\n              },{\n                date: '2018-03-02',\n                name: 'iShow UI -- Yuri',\n                province: '\u6c5f\u82cf',\n                city: '\u666e\u9640\u533a',\n                address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                zip: 200333\n              },{\n                date: '2018-03-02',\n                name: 'iShow UI -- Yuri',\n                province: '\u6c5f\u82cf',\n                city: '\u666e\u9640\u533a',\n                address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                zip: 200333\n              },{\n                date: '2018-03-02',\n                name: 'iShow UI -- Yuri',\n                province: '\u6c5f\u82cf',\n                city: '\u666e\u9640\u533a',\n                address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                zip: 200333\n              }],\n              }\n            }\n            render() {\n              return (\n                <Table\n                style={{width: '60%'}}\n                columns={this.state.columns2}\n                data={this.state.data2}\n                border={true}\n                height={200}\n              />\n              )\n            }","\n            import Table from '../../ishow/Table/TableStore';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  columns: [\n                    {\n                      label: \"\u65e5\u671f\",\n                      prop: \"date\",\n                      width: 150,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u914d\u9001\u4fe1\u606f\",\n                      subColumns: [\n                        {\n                          label: \"\u59d3\u540d\",\n                          prop: \"name\",\n                          width: 160,\n                          resizable: false\n                        },\n                        {\n                          label: \"\u5730\u5740\",\n                          resizable: false,\n                          subColumns: [\n                            {\n                              label: \"\u7701\u4efd\",\n                              prop: \"province\",\n                              width: 160,\n                              resizable: false\n                            },\n                            {\n                              label: \"\u57ce\u5e02\",\n                              prop: \"address\",\n                              width: 400,\n                              resizable: false\n                            },\n                            {\n                              label: \"\u90ae\u7f16\",\n                              prop: \"zip\",\n                              width: 120,\n                              resizable: false\n                            }\n                          ]\n                        }\n                      ]\n                    }\n                  ],\n                  data: [{\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                  }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                  }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                  }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                  }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                  }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                  }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                  }]\n                }\n              }\n              \n              \n              render() {\n                return (\n                  <Table\n                    style={{width: '100%'}}\n                    columns={this.state.columns}\n                    data={this.state.data}\n                    border={true}\n                  />\n                )\n              }\n              ","\n            import Table from '../../ishow/Table/TableStore';\n            import Button from \"../../ishow/Button/index\";\n            import Icon from \"../../ishow/Icon/Icon\";\n            import Tag from \"../../ishow/Tag/Tag\";\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  columns: [\n                    {\n                      type: 'index',\n                      resizable: false\n                    },\n                    {\n                      label: \"\u65e5\u671f\",\n                      prop: \"date\",\n                      width: 150,\n                      resizable: false,\n                      render: function(data){\n                        return (\n                        <span>\n                          <Icon name=\"time\"/>\n                          <span style={{marginLeft: '10px'}}>{data.date}</span>\n                        </span>)\n                      }\n                    },\n                    {\n                      label: \"\u59d3\u540d\",\n                      prop: \"name\",\n                      width: 160,\n                      resizable: false,\n                      render: function(data){\n                        return <Tag>{data.name}</Tag>\n                      }\n                    },\n                    {\n                      label: \"\u64cd\u4f5c\",\n                      prop: \"address\",\n                      resizable: false,\n                      render: function(){\n                        return (\n                          <span>\n                           <Button plain={true} type=\"info\" size=\"small\">\u7f16\u8f91</Button>\n                           <Button type=\"danger\" size=\"small\">\u5220\u9664</Button>\n                          </span>\n                        )\n                      }\n                    }\n                  ],\n                  data: [{\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }]\n                }\n              }\n              \n              render() {\n                return (\n                  <Table\n                    style={{width: '100%'}}\n                    columns={this.state.columns}\n                    data={this.state.data}\n                    border={true}\n                    height={250}\n                    highlightCurrentRow={true}\n                    onCurrentChange={item=>{console.log(item)}}\n                  />\n                )\n              }\n              ","\n            import Table from '../../ishow/Table/TableStore';\n            import Form from '../../ishow/Form/index';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  columns: [\n                    {\n                      type: 'expand',\n                      resizable:false,\n                      expandPannel: function(data){\n                        return (\n                          <Form labelPosition=\"left\" inline={true} className=\"demo-table-expand\">\n                            <Form.Item label=\"\u5546\u54c1\u540d\u79f0\"><span>\u53cc\u4eba\u62a5\u4ef7\u5957\u9910-\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed\u81ea\u9a7e2\u65e5\u6e38</span></Form.Item>\n                            <Form.Item label=\"\u6240\u5c5e\u5e97\u94fa\"><span>iShow UI -- Yuri\u592b\u59bb\u5e97</span></Form.Item>\n                            <Form.Item label=\"\u5546\u54c1 ID\"><span>12987122</span></Form.Item>\n                            <Form.Item label=\"\u5e97\u94fa ID\"><span>10333</span></Form.Item>\n                            <Form.Item label=\"\u5546\u54c1\u5206\u7c7b\"><span>\u5bbf\u73a9\u5177\u603b\u52a8\u5458\u9152\u5e97</span></Form.Item>\n                            <Form.Item label=\"\u5e97\u94fa\u5730\u5740\"><span>\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed</span></Form.Item>\n                            <Form.Item label=\"\u5546\u54c1\u63cf\u8ff0\"><span>3\u67085\u53f7\u81f37\u53f7\u9884\u5b9a\u6307\u5b9a\u56e2\u671f\u8fea\u58eb\u5c3c\u95e8\u7968\u4eab\u4e03\u4e94\u6298\u7279\u60e0\u540d\u989d\u6709\u9650</span></Form.Item>\n                          </Form>\n                        )\n                      }\n                    },\n                    {\n                      label: \"\u5546\u54c1 ID\",\n                      prop: \"id\",\n                      width: 150,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u5546\u54c1\u540d\u79f0\",\n                      prop: \"name\",\n                      width: 160,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u63cf\u8ff0\",\n                      prop: \"desc\",\n                      resizable: false\n                    }\n                  ],\n                  data: [{\n                    id: '12987122',\n                    name: '\u53cc\u4eba\u62a5\u4ef7\u5957\u9910-\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed\u81ea\u9a7e2\u65e5\u6e38',\n                    category: '\u5bbf\u73a9\u5177\u603b\u52a8\u5458\u9152\u5e97',\n                    desc: '3\u67085\u53f7\u81f37\u53f7\u9884\u5b9a\u6307\u5b9a\u56e2\u671f\u8fea\u58eb\u5c3c\u95e8\u7968\u4eab\u4e03\u4e94\u6298\u7279\u60e0\u540d\u989d\u6709\u9650',\n                    address: '\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed',\n                    shop: 'iShow UI -- Yuri\u592b\u59bb\u5e97',\n                    shopId: '10333'\n                  }, {\n                    id: '12987123',\n                    name: '\u53cc\u4eba\u62a5\u4ef7\u5957\u9910-\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed\u81ea\u9a7e2\u65e5\u6e38',\n                    category: '\u5bbf\u73a9\u5177\u603b\u52a8\u5458\u9152\u5e97',\n                    desc: '3\u67085\u53f7\u81f37\u53f7\u9884\u5b9a\u6307\u5b9a\u56e2\u671f\u8fea\u58eb\u5c3c\u95e8\u7968\u4eab\u4e03\u4e94\u6298\u7279\u60e0\u540d\u989d\u6709\u9650',\n                    address: '\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed',\n                    shop: 'iShow UI -- Yuri\u592b\u59bb\u5e97',\n                    shopId: '10333'\n                  }, {\n                    id: '12987125',\n                    name: '\u53cc\u4eba\u62a5\u4ef7\u5957\u9910-\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed\u81ea\u9a7e2\u65e5\u6e38',\n                    category: '\u5bbf\u73a9\u5177\u603b\u52a8\u5458\u9152\u5e97',\n                    desc: '3\u67085\u53f7\u81f37\u53f7\u9884\u5b9a\u6307\u5b9a\u56e2\u671f\u8fea\u58eb\u5c3c\u95e8\u7968\u4eab\u4e03\u4e94\u6298\u7279\u60e0\u540d\u989d\u6709\u9650',\n                    address: '\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed',\n                    shop: 'iShow UI -- Yuri\u592b\u59bb\u5e97',\n                    shopId: '10333'\n                  }, {\n                    id: '12987126',\n                    name: '\u53cc\u4eba\u62a5\u4ef7\u5957\u9910-\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed\u81ea\u9a7e2\u65e5\u6e38',\n                    category: '\u5bbf\u73a9\u5177\u603b\u52a8\u5458\u9152\u5e97',\n                    desc: '3\u67085\u53f7\u81f37\u53f7\u9884\u5b9a\u6307\u5b9a\u56e2\u671f\u8fea\u58eb\u5c3c\u95e8\u7968\u4eab\u4e03\u4e94\u6298\u7279\u60e0\u540d\u989d\u6709\u9650',\n                    address: '\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed',\n                    shop: 'iShow UI -- Yuri\u592b\u59bb\u5e97',\n                    shopId: '10333'\n                  }]\n                }\n              }\n              \n              render() {\n                return (\n                  <Table\n                    style={{width: '100%'}}\n                    columns={this.state.columns}\n                    data={this.state.data}\n                    border={false}\n                    onCurrentChange={item=>{console.log(item)}}\n                  />\n                )\n              }\n              ","\n            import Table from '../../ishow/Table/TableStore';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  columns: [\n                    {\n                      type: 'selection',\n                      resizable: false\n                    },\n                    {\n                      label: \"\u65e5\u671f\",\n                      prop: \"date\",\n                      width: 150,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u59d3\u540d\",\n                      prop: \"name\",\n                      width: 160,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u5730\u5740\",\n                      prop: \"address\",\n                      resizable: false\n                    }\n                  ],\n                  data: [{\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }, {\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    province: '\u6c5f\u82cf',\n                    city: '\u5357\u4eac',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    zip: 200333\n                   }]\n                }\n              }\n              \n              render() {\n                return (\n                  <Table\n                    style={{width: '100%'}}\n                    columns={this.state.columns}\n                    data={this.state.data}\n                    border={true}\n                    height={250}\n                    onSelectChange={(selection) => { console.log(selection) }}\n                    onSelectAll={(selection) => { console.log(selection) }}\n                  />\n                )\n              }\n              ","\n            import Table from '../../ishow/Table/TableStore';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  columns: [\n                    {\n                      label: \"\u65e5\u671f\",\n                      prop: \"date\",\n                      width: 180,\n                      sortable: true,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u59d3\u540d\",\n                      prop: \"name\",\n                      width: 180,\n                      sortable: true,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u5730\u5740\",\n                      prop: \"address\",\n                      resizable: false\n                    }\n                  ],\n                  data: [{\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-04',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-01',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-03',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }]\n                }\n              }\n              \n              render() {\n                return (\n                  <Table\n                    style={{width: '100%'}}\n                    columns={this.state.columns}\n                    data={this.state.data}\n                    border={true}\n                  />\n                )\n              }\n              ","\n            import Table from '../../ishow/Table/TableStore';\n            import Tag from \"../../ishow/Tag/Tag\";\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  columns: [\n                    {\n                      label: \"\u65e5\u671f\",\n                      prop: \"date\",\n                      width: 180,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u59d3\u540d\",\n                      prop: \"name\",\n                      width: 180,\n                      resizable: false\n                    },\n                    {\n                      label: \"\u5730\u5740\",\n                      prop: \"address\",\n                      resizable: false\n                    },\n                    {\n                      label: '\u6807\u7b7e',\n                      prop: 'tag',\n                      width: 100,\n                      resizable: false,\n                      filters: [{text: '\u5bb6', value: '\u5bb6'}, {text: '\u516c\u53f8', value: '\u516c\u53f8'}],\n                      filterMethod(value, row) {\n                                return row.tag === value;\n                              },\n                      render: (data, column)=>{\n                        if(data['tag'] == '\u5bb6'){\n                          return <Tag type=\"primary\">{data['tag']}</Tag>\n                        }else if(data['tag'] == '\u516c\u53f8'){\n                          return <Tag type=\"success\">{data['tag']}</Tag>\n                        }\n                      }\n                    }\n                  ],\n                  data: [{\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    tag: '\u5bb6'\n                  }, {\n                    date: '2018-03-04',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    tag: '\u516c\u53f8'\n                  }, {\n                    date: '2018-03-01',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    tag: '\u516c\u53f8'\n                  }, {\n                    date: '2018-03-03',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                    tag: '\u5bb6'\n                  }]\n                }\n              }\n              \n              render() {\n                return (\n                  <Table\n                    style={{width: '100%'}}\n                    columns={this.state.columns}\n                    data={this.state.data}\n                    border={true}\n                  />\n                )\n              }\n              "]},Tag:{Code:['\n            import Tag from \'../../ishow/Tag/Tag\';\n\n            render() {\n                return (\n                  <div>\n                    <Tag>\u6807\u7b7e\u4e00</Tag>\n                    <Tag type="gray">\u6807\u7b7e\u4e8c</Tag>\n                    <Tag type="primary">\u6807\u7b7e\u4e09</Tag>\n                    <Tag type="success">\u6807\u7b7e\u56db</Tag>\n                    <Tag type="warning">\u6807\u7b7e\u4e94</Tag>\n                    <Tag type="danger">\u6807\u7b7e\u516d</Tag>\n                  </div>\n                )\n              }',"\n            import Tag from '../../ishow/Tag/Tag';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  tags: [\n                    { key: 1, name: '\u6807\u7b7e\u4e00', type: '' },\n                    { key: 2, name: '\u6807\u7b7e\u4e8c', type: 'gray' },\n                    { key: 5, name: '\u6807\u7b7e\u4e09', type: 'primary' },\n                    { key: 3, name: '\u6807\u7b7e\u56db', type: 'success' },\n                    { key: 4, name: '\u6807\u7b7e\u4e94', type: 'warning' },\n                    { key: 6, name: '\u6807\u7b7e\u516d', type: 'danger' }\n                  ]\n                }\n              }\n              \n              handleClose(tag) {\n                const { tags } = this.state;\n              \n                tags.splice(tags.map(el => el.key).indexOf(tag.key), 1);\n              \n                this.setState({ tag });\n              }\n              \n              render() {\n                return (\n                  <div>\n                    {\n                      this.state.tags.map(tag => {\n                        return (\n                          <Tag\n                            key={tag.key}\n                            closable={true}\n                            type={tag.type}\n                            closeTransition={false}\n                            onClose={this.handleClose.bind(this, tag)}>{tag.name}</Tag>\n                        )\n                      })\n                    }\n                  </div>\n                )\n              }\n              ","\n            import Tag from '../../ishow/Tag/Tag';\n            import Button from '../../ishow/Button/Button';\n            import Input from '../../ishow/Input/Input';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  dynamicTags: ['\u6807\u7b7e\u4e00', '\u6807\u7b7e\u4e8c', '\u6807\u7b7e\u4e09'],\n                  inputVisible: false,\n                  inputValue: ''\n                }\n              }\n              \n              onKeyUp(e) {\n                if (e.keyCode === 13) {\n                  this.handleInputConfirm();\n                }\n              }\n              \n              onChange(value) {\n                this.setState({ inputValue: value });\n              }\n              \n              handleClose(index) {\n                this.state.dynamicTags.splice(index, 1);\n                this.forceUpdate();\n              }\n              \n              showInput() {\n                this.setState({ inputVisible: true }, () => {\n                  this.refs.saveTagInput.focus();\n                });\n              }\n              \n              handleInputConfirm() {\n                let inputValue = this.state.inputValue;\n              \n                if (inputValue) {\n                  this.state.dynamicTags.push(inputValue);\n                }\n              \n                this.state.inputVisible = false;\n                this.state.inputValue = '';\n              \n                this.forceUpdate();\n              }\n              \n              render() {\n                return (\n                  <div>\n                    {\n                      this.state.dynamicTags.map((tag, index) => {\n                        return (\n                          <Tag\n                            key={Math.random()}\n                            closable={true}\n                            closeTransition={false}\n                            onClose={this.handleClose.bind(this, index)}>{tag}</Tag>\n                        )\n                      })\n                    }\n                    {\n                      this.state.inputVisible ? (\n                        <Input\n                          className=\"input-new-tag\"\n                          value={this.state.inputValue}\n                          ref=\"saveTagInput\"\n                          size=\"mini\"\n                          onChange={this.onChange.bind(this)}\n                          onKeyUp={this.onKeyUp.bind(this)}\n                          onBlur={this.handleInputConfirm.bind(this)}\n                        />\n                      ) : <Button className=\"button-new-tag\" size=\"small\" onClick={this.showInput.bind(this)}>+ New Tag</Button>\n                    }\n                  </div>\n                )\n              }\n              "]},Progress:{Code:['\n            import Progress from \'../../ishow/Progress/Progress\';\n\n            render() {\n                return (\n                  <div>\n                    <Progress percentage={0} />\n                    <Progress percentage={70} />\n                    <Progress percentage={100} status="success" />\n                    <Progress percentage={50} status="exception" />\n                  </div>\n                )\n              }\n              ','\n            import Progress from \'../../ishow/Progress/Progress\';\n\n            render() {\n                return (\n                  <div>\n                    <Progress strokeWidth={18} percentage={0} textInside />\n                    <Progress strokeWidth={18} percentage={70} textInside />\n                    <Progress strokeWidth={18} percentage={100} status="success" textInside />\n                    <Progress strokeWidth={18} percentage={50} status="exception" textInside />\n                  </div>\n                )\n              }\n              ','\n            import Progress from \'../../ishow/Progress/Progress\';\n\n            render() {\n                return (\n                  <div>\n                    <Progress type="circle" percentage={0} />\n                    <Progress type="circle" percentage={25} />\n                    <Progress type="circle" percentage={100} status="success" />\n                    <Progress type="circle" percentage={50} status="exception" />\n                  </div>\n                )\n              }']},Pagination:{Code:['\n            import Pagination from \'../../ishow/Pagination/Pagination\';\n\n            render() {\n                return (\n                  <div>\n                      <Pagination layout="prev, pager, next" total={50}/>\n                      <Pagination layout="prev, pager, next" total={1000}/>\n                  </div>\n                )\n              }','render() {\n                return <Pagination layout="prev, pager, next" total={50} small={true}/>\n              }','\n              render() {\n                return (\n                    <div>\n                      <Pagination layout="total, sizes, prev, pager, next, jumper" total={400} pageSizes={[100, 200, 300, 400]} pageSize={100} currentPage={5}/>\n                    </div>\n                )\n              }']},Loading:{Code:["\n            import Loading from '../../ishow/Loading/Loading';\n            import Table from '../../ishow/Table/TableStore';\n\n            constructor(props) {\n                super(props);\n              \n                this.table = {\n                  columns: [\n                    {\n                      label: \"\u65e5\u671f\",\n                      prop: \"date\",\n                      width: 180\n                    },\n                    {\n                      label: \"\u59d3\u540d\",\n                      prop: \"name\",\n                      width: 180\n                    },\n                    {\n                      label: \"\u5730\u5740\",\n                      prop: \"address\"\n                    }\n                  ],\n                  data: [{\n                    date: '2018-03-02',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-04',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-01',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }, {\n                    date: '2018-03-03',\n                    name: 'iShow UI -- Yuri',\n                    address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6'\n                  }]\n                }\n              }\n              \n              render() {\n                return (\n                  <div className=\"ishow-loading-demo\">\n                    <Loading text=\"\u8ba2\u5355\u8d44\u6e90\u786e\u8ba4\u4e2d\">\n                      <Table\n                        style={{width: '100%'}}\n                        columns={this.table.columns}\n                        data={this.table.data}\n                      />\n                    </Loading>\n                  </div>\n                )\n              }\n              "]},Message:{Code:["\n            import Message from '../../ishow/Message/Message';\n            import Button from \"../../ishow/Button/Button\";\n\n            open5() {\n                Message({\n                  showClose: true,\n                  message: '\u606d\u559c\u4f60\uff0c\u8fd9\u662f\u4e00\u6761\u6210\u529f\u6d88\u606f',\n                  type: 'success'\n                });\n              }\n              \n              open6() {\n                Message({\n                  showClose: true,\n                  message: '\u8b66\u544a\u54e6\uff0c\u8fd9\u662f\u4e00\u6761\u8b66\u544a\u6d88\u606f',\n                  type: 'warning'\n                });\n              }\n              \n              open7() {\n                Message({\n                  showClose: true,\n                  message: '\u8fd9\u662f\u4e00\u6761\u6d88\u606f\u63d0\u793a',\n                  type: 'info'\n                });\n              }\n              \n              open8() {\n                Message({\n                  showClose: true,\n                  message: '\u9519\u4e86\u54e6\uff0c\u8fd9\u662f\u4e00\u6761\u9519\u8bef\u6d88\u606f',\n                  type: 'error'\n                });\n              }\n              \n              render() {\n                return (\n                  <div>\n                    <Button plain={true} onClick={this.open5.bind(this)}>\u6210\u529f</Button>\n                    <Button plain={true} onClick={this.open6.bind(this)}>\u8b66\u544a</Button>\n                    <Button plain={true} onClick={this.open7.bind(this)}>\u6d88\u606f</Button>\n                    <Button plain={true} onClick={this.open8.bind(this)}>\u9519\u8bef</Button>\n                  </div>\n                )\n              }\n              "]},MessageBox:{Code:["\n            import MessageBox from '../../ishow/MessageBox/index';\n            import Button from \"../../ishow/Button/Button\";\n            import Message from '../../ishow/Message/Message';\n\n            render() {\n                return <Button type=\"text\" onClick={this.onClick.bind(this)}>\u70b9\u6211\u67e5\u770b\u6d88\u606f\u63d0\u793a</Button>\n              }\n              \n              onClick() {\n                MessageBox.alert('\u8fd9\u662f\u4e00\u6bb5\u5185\u5bb9', '\u6807\u9898\u540d\u79f0');\n              }","\n            import MessageBox from '../../ishow/MessageBox/index';\n            import Button from \"../../ishow/Button/Button\";\n            import Message from '../../ishow/Message/Message';\n\n            render() {\n                return <Button type=\"text\" onClick={this.onClick.bind(this)}>\u70b9\u6211\u786e\u8ba4\u6d88\u606f</Button>\n              }\n              \n              onClick() {\n                MessageBox.confirm('\u6b64\u64cd\u4f5c\u5c06\u6c38\u4e45\u5220\u9664\u8be5\u6587\u4ef6, \u662f\u5426\u7ee7\u7eed?', '\u63d0\u793a', {\n                  type: 'warning'\n                }).then(() => {\n                  Message({\n                    type: 'success',\n                    message: '\u5220\u9664\u6210\u529f!'\n                  });\n                }).catch(() => {\n                  Message({\n                    type: 'info',\n                    message: '\u5df2\u53d6\u6d88\u5220\u9664'\n                  });\n                });\n              }\n              ","\n            import MessageBox from '../../ishow/MessageBox/index';\n            import Button from \"../../ishow/Button/Button\";\n            import Message from '../../ishow/Message/Message';\n\n            render() {\n                return <Button type=\"text\" onClick={this.onClick.bind(this)}>\u70b9\u6211\u63d0\u4ea4\u5185\u5bb9</Button>\n              }\n              \n              onClick() {\n                MessageBox.prompt('\u8bf7\u8f93\u5165\u90ae\u7bb1', '\u63d0\u793a', {\n                  inputPattern: /[\\/w!#$%&'*+/=?^_`{|}~-]+(?:.[w!#$%&'*+/=?^_`{|}~-]+)*@(?:[w](?:[w-]*[w])?.)+[w](?:[w-]*[w])?\\/,\n                  inputErrorMessage: '\u90ae\u7bb1\u683c\u5f0f\u4e0d\u6b63\u786e'\n                }).then(({ value }) => {\n                  Message({\n                    type: 'success',\n                    message: '\u4f60\u7684\u90ae\u7bb1\u662f: ' + value\n                  });\n                }).catch(() => {\n                  Message({\n                    type: 'info',\n                    message: '\u53d6\u6d88\u8f93\u5165'\n                  });\n                });\n              }\n              ","\n            import MessageBox from '../../ishow/MessageBox/index';\n            import Button from \"../../ishow/Button/Button\";\n            import Message from '../../ishow/Message/Message';\n\n            render() {\n                return <Button type=\"text\" onClick={this.onClick.bind(this)}>\u70b9\u51fb\u6253\u5f00 Message Box</Button>\n              }\n              \n              onClick() {\n                MessageBox.msgbox({\n                  title: '\u6d88\u606f',\n                  message: '\u8fd9\u662f\u4e00\u6bb5\u5185\u5bb9, \u8fd9\u662f\u4e00\u6bb5\u5185\u5bb9, \u8fd9\u662f\u4e00\u6bb5\u5185\u5bb9, \u8fd9\u662f\u4e00\u6bb5\u5185\u5bb9, \u8fd9\u662f\u4e00\u6bb5\u5185\u5bb9, \u8fd9\u662f\u4e00\u6bb5\u5185\u5bb9, \u8fd9\u662f\u4e00\u6bb5\u5185\u5bb9',\n                  showCancelButton: true\n                }).then(action => {\n                  Message({\n                    type: 'info',\n                    message: 'action: ' + action\n                  });\n                })\n              }"]},Notification:{Code:["\n            import Notification from '../../ishow/Notification/NotificationCenter';\n            import Button from \"../../ishow/Button/Button\";\n\n            render() {\n                return (\n                  <div>\n                    <Button onClick={this.open3.bind(this)}>\u6210\u529f</Button>\n                    <Button onClick={this.open4.bind(this)}>\u8b66\u544a</Button>\n                    <Button onClick={this.open5.bind(this)}>\u6d88\u606f</Button>\n                    <Button onClick={this.open6.bind(this)}>\u9519\u8bef\u6d88\u606f\u5e76\u4e14\u4e0d\u4f1a\u81ea\u52a8\u5173\u95ed</Button>\n                  </div>\n                )\n              }\n              \n              open3() {\n                Notification({\n                  title: '\u6210\u529f',\n                  message: '\u8fd9\u662f\u4e00\u6761\u6210\u529f\u7684\u63d0\u793a\u6d88\u606f',\n                  type: 'success'\n                });\n              }\n              \n              open4() {\n                Notification({\n                  title: '\u8b66\u544a',\n                  message: '\u8fd9\u662f\u4e00\u6761\u8b66\u544a\u7684\u63d0\u793a\u6d88\u606f',\n                  type: 'warning'\n                });\n              }\n              \n              open5() {\n                Notification.info({\n                  title: '\u6d88\u606f',\n                  message: '\u8fd9\u662f\u4e00\u6761\u6d88\u606f\u7684\u63d0\u793a\u6d88\u606f'\n                });\n              }\n              \n              open6() {\n                Notification.error({\n                  title: '\u9519\u8bef',\n                  message: '\u8fd9\u662f\u4e00\u6761\u9519\u8bef\u7684\u63d0\u793a\u6d88\u606f\uff0c\u5e76\u4e14\u4e0d\u4f1a\u81ea\u52a8\u5173\u95ed',\n                  duration: 0\n                });\n              }\n              "]},Menu:{Code:['\n            import Menu from \'../../ishow/Menu/index.js\';\n\n            render() {\n                return (\n                  <div>\n                    <Menu theme="dark" defaultActive="1" className="ishow-menu-demo" mode="horizontal" onSelect={this.onSelect.bind(this)}>\n                      <Menu.Item index="1">\u5904\u7406\u4e2d\u5fc3</Menu.Item>\n                      <Menu.SubMenu index="2" title="\u6211\u7684\u5de5\u4f5c\u53f0">\n                        <Menu.Item index="2-1">\u9009\u98791</Menu.Item>\n                        <Menu.Item index="2-2">\u9009\u98792</Menu.Item>\n                        <Menu.Item index="2-3">\u9009\u98793</Menu.Item>\n                      </Menu.SubMenu>\n                      <Menu.Item index="3">\u8ba2\u5355\u7ba1\u7406</Menu.Item>\n                    </Menu>\n                    <div className="line"></div>\n                    <Menu defaultActive="1" className="ishow-menu-demo" mode="horizontal" onSelect={this.onSelect.bind(this)}>\n                      <Menu.Item index="1">\u5904\u7406\u4e2d\u5fc3</Menu.Item>\n                      <Menu.SubMenu index="2" title="\u6211\u7684\u5de5\u4f5c\u53f0">\n                        <Menu.Item index="2-1">\u9009\u98791</Menu.Item>\n                        <Menu.Item index="2-2">\u9009\u98792</Menu.Item>\n                        <Menu.Item index="2-3">\u9009\u98793</Menu.Item>\n                      </Menu.SubMenu>\n                      <Menu.Item index="3">\u8ba2\u5355\u7ba1\u7406</Menu.Item>\n                    </Menu>\n                  </div>\n                )\n              }\n              \n              onSelect() {\n              \n              }\n              ']},Tab:{Code:['\n            import Tabs from "../../ishow/Tab/index";\n\n            render() {\n                return (\n                  <Tabs activeName="2" onTabClick={ (tab) => console.log(tab.props.name) }>\n                      <Tabs.Pane label="\u9996\u9875" name="1">\u9996\u9875</Tabs.Pane>\n                      <Tabs.Pane label="\u4ee3\u5ba2\u6ce8\u518c" name="2">\u4ee3\u5ba2\u6ce8\u518c</Tabs.Pane>\n                      <Tabs.Pane label="\u4e3b\u63a8\u7ba1\u7406" name="3">\u4e3b\u63a8\u7ba1\u7406</Tabs.Pane>\n                      <Tabs.Pane label="\u4efb\u52a1\u5185\u5bb9\u7ba1\u7406" name="4">\u4efb\u52a1\u5185\u5bb9\u7ba1\u7406</Tabs.Pane>\n                  </Tabs>\n                )\n              }\n              ','\n            import Tabs from "../../ishow/Tab/index";\n\n            render() {\n                return (\n                  <Tabs type="card" value="1">\n                      <Tabs.Pane label="\u9996\u9875" name="1">\u9996\u9875</Tabs.Pane>\n                      <Tabs.Pane label="\u4ee3\u5ba2\u6ce8\u518c" name="2">\u4ee3\u5ba2\u6ce8\u518c</Tabs.Pane>\n                      <Tabs.Pane label="\u4e3b\u63a8\u7ba1\u7406" name="3">\u4e3b\u63a8\u7ba1\u7406</Tabs.Pane>\n                      <Tabs.Pane label="\u4efb\u52a1\u5185\u5bb9\u7ba1\u7406" name="4">\u4efb\u52a1\u5185\u5bb9\u7ba1\u7406</Tabs.Pane>\n                  </Tabs>\n                )\n              }','\n            import Tabs from "../../ishow/Tab/index";\n\n            render() {\n                return (\n                  <Tabs type="card" closable activeName="1" onTabRemove={ (tab) => console.log(tab.props.name) }>\n                      <Tabs.Pane label="\u9996\u9875" name="1">\u9996\u9875</Tabs.Pane>\n                      <Tabs.Pane label="\u4ee3\u5ba2\u6ce8\u518c" name="2">\u4ee3\u5ba2\u6ce8\u518c</Tabs.Pane>\n                      <Tabs.Pane label="\u4e3b\u63a8\u7ba1\u7406" name="3">\u4e3b\u63a8\u7ba1\u7406</Tabs.Pane>\n                      <Tabs.Pane label="\u4efb\u52a1\u5185\u5bb9\u7ba1\u7406" name="4">\u4efb\u52a1\u5185\u5bb9\u7ba1\u7406</Tabs.Pane>\n                  </Tabs>\n                )\n              }','\n            import Tabs from "../../ishow/Tab/index";\n\n            render() {\n                return (\n                  <Tabs type="border-card" activeName="1">\n                      <Tabs.Pane label="\u9996\u9875" name="1">\u9996\u9875</Tabs.Pane>\n                      <Tabs.Pane label="\u4ee3\u5ba2\u6ce8\u518c" name="2">\u4ee3\u5ba2\u6ce8\u518c</Tabs.Pane>\n                      <Tabs.Pane label="\u4e3b\u63a8\u7ba1\u7406" name="3">\u4e3b\u63a8\u7ba1\u7406</Tabs.Pane>\n                      <Tabs.Pane label="\u4efb\u52a1\u5185\u5bb9\u7ba1\u7406" name="4">\u4efb\u52a1\u5185\u5bb9\u7ba1\u7406</Tabs.Pane>\n                  </Tabs>\n                )\n              }\n              ',"\n            import Tabs from \"../../ishow/Tab/index\";\n            import Button from \"../../ishow/Button/index\";\n\n            constructor() {\n                super();\n                this.state = {\n                  tabs: [{\n                    title: 'Tab 1',\n                    name: 'Tab 1',\n                    content: 'Tab 1 content',\n                  }, {\n                    title: 'Tab 2',\n                    name: 'Tab 2',\n                    content: 'Tab 2 content',\n                  }],\n                  tabIndex: 2,\n                }\n              }\n              \n              addTab() {\n                const { tabs, tabIndex } = this.state;\n                const index = tabIndex + 1;\n              \n                tabs.push({\n                  title: 'new Tab',\n                  name: 'Tab ' + index,\n                  content: 'new Tab content',\n                });\n                this.setState({\n                  tabs,\n                  tabIndex: index,\n                });\n              }\n              \n              removeTab(tab) {\n                const { tabs, tabIndex } = this.state;\n              \n                tabs.splice(tab.key.replace(/^.$/, ''), 1);\n                this.setState({\n                  tabs,\n                });\n              }\n              \n              render() {\n                return (\n                  <div>\n                    <div style={{marginBottom: '20px'}}>\n                      <Button size=\"small\" onClick={() => this.addTab()}>add tab</Button>\n                    </div>\n                    <Tabs type=\"card\" value=\"Tab 2\" onTabRemove={(tab) => this.removeTab(tab)}>\n                      {\n                        this.state.tabs.map((item, index) => {\n                          return <Tabs.Pane key={index} closable label={item.title} name={item.name}>{item.content}</Tabs.Pane>\n                        })\n                      }\n                    </Tabs>\n                  </div>\n                )\n              }\n              "]},Breadcrumb:{Code:["\n            import Breadcrumb from '../../ishow/Breadcrumb/index.js';\n\n            render() {\n                return (\n                  <Breadcrumb separator=\"/\">\n                    <Breadcrumb.Item>\u9996\u9875</Breadcrumb.Item>\n                    <Breadcrumb.Item>\u6d3b\u52a8\u7ba1\u7406</Breadcrumb.Item>\n                    <Breadcrumb.Item>\u6d3b\u52a8\u5217\u8868</Breadcrumb.Item>\n                    <Breadcrumb.Item>\u6d3b\u52a8\u8be6\u60c5</Breadcrumb.Item>\n                  </Breadcrumb>\n                )\n              }",'\n            import Breadcrumb from \'../../ishow/Breadcrumb/index.js\';\n\n            render() {\n                return (\n                  <div className="allInOneBreadCrumbs" style={{ position: "relative", marginBottom: 20 }}>\n                    <Breadcrumb separator="/" style={{ display: \'inline-block\' }}>\n                      <Breadcrumb.Item>\u6295\u8bc9\u7ba1\u7406\u7cfb\u7edf</Breadcrumb.Item>\n                      <Breadcrumb.Item>\u6295\u8bc9\u5355{this.props.complaintSheetID}</Breadcrumb.Item>\n                    </Breadcrumb>\n                    <span style={{ position: "absolute", cursor: \'pointer\', right: 0 }}>\n                    <IconPlus type="reload" title="\u5237\u65b0" onClick={() => window.location.reload()} /> \n                    <IconPlus type="copy" title="\u590d\u5236url" onClick={() => this.copyUrl()} /></span>\n                  </div>\n                )\n              }']},Dropdown:{Code:["\n            import Button from '../../ishow/Button/Button';\n            import Dropdown from '../../ishow/Dropdown/index.js';\n\n            render() {\n                return (\n                  <div>\n                    <Dropdown menu={(\n                      <Dropdown.Menu>\n                        <Dropdown.Item>Yuri</Dropdown.Item>\n                        <Dropdown.Item>\u9648\u745c\u5a77</Dropdown.Item>\n                        <Dropdown.Item>\u76db\u745c</Dropdown.Item>\n                        <Dropdown.Item>\u5218\u5174</Dropdown.Item>\n                        <Dropdown.Item>\u8d75\u6590\u660a</Dropdown.Item>\n                        <Dropdown.Item>\u9ec4\u6770</Dropdown.Item>\n                        <Dropdown.Item>\u5218\u6cfd\u743c</Dropdown.Item>\n                        <Dropdown.Item>\u5510\u5a9b\u5a9b</Dropdown.Item>\n                      </Dropdown.Menu>\n                    )}>\n                      <Button type=\"primary\">\n                       iShow UIELF-Team\u6210\u5458<i className=\"ishow-icon-caret-bottom ishow-icon--right\"></i>\n                      </Button>\n                    </Dropdown>\n                  </div>\n                )\n              }\n              "]},Steps:{Code:['\n            import Steps from \'../../ishow/Steps/index.js\';\n\n            render() {\n                return (\n                  <Steps space={100} active={1} finishStatus="success">\n                    <Steps.Step title="\u5df2\u5b8c\u6210"></Steps.Step>\n                    <Steps.Step title="\u8fdb\u884c\u4e2d"></Steps.Step>\n                    <Steps.Step title="\u6b65\u9aa4 3"></Steps.Step>\n                  </Steps>\n                )\n              }\n              ','\n            import Steps from \'../../ishow/Steps/index.js\';\n\n            render() {\n                return (\n                  <Steps space={200} active={1}>\n                    <Steps.Step title="\u6b65\u9aa4 1" description="\u8fd9\u662f\u4e00\u6bb5\u5f88\u957f\u5f88\u957f\u5f88\u957f\u7684\u63cf\u8ff0\u6027\u6587\u5b57"></Steps.Step>\n                    <Steps.Step title="\u6b65\u9aa4 2" description="\u8fd9\u662f\u4e00\u6bb5\u5f88\u957f\u5f88\u957f\u5f88\u957f\u7684\u63cf\u8ff0\u6027\u6587\u5b57"></Steps.Step>\n                    <Steps.Step title="\u6b65\u9aa4 3" description="\u8fd9\u662f\u4e00\u6bb5\u5f88\u957f\u5f88\u957f\u5f88\u957f\u7684\u63cf\u8ff0\u6027\u6587\u5b57"></Steps.Step>\n                  </Steps>\n                )\n              }','\n            import Steps from \'../../ishow/Steps/index.js\';\n\n            render() {\n                return (\n                  <Steps space={100} active={1}>\n                    <Steps.Step title="\u6b65\u9aa4 1" icon="edit"></Steps.Step>\n                    <Steps.Step title="\u6b65\u9aa4 2" icon="upload"></Steps.Step>\n                    <Steps.Step title="\u6b65\u9aa4 3" icon="picture"></Steps.Step>\n                  </Steps>\n                )\n              }','\n            import Button from \'../../ishow/Button/Button\';\n            import Steps from \'../../ishow/Steps/index.js\';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  active: 0\n                };\n              }\n              \n              next() {\n                let active = this.state.active + 1;\n                if (active > 3) {\n                  active = 0;\n                }\n                this.setState({ active });\n              }\n              \n              render() {\n                return (\n                  <div>\n                    <Steps space={200} active={this.state.active} finishStatus="success">\n                      <Steps.Step title="\u6b65\u9aa4 1"></Steps.Step>\n                      <Steps.Step title="\u6b65\u9aa4 2"></Steps.Step>\n                      <Steps.Step title="\u6b65\u9aa4 3"></Steps.Step>\n                    </Steps>\n                    <Button onClick={() => this.next()}>\u4e0b\u4e00\u6b65</Button>\n                  </div>\n                )\n              }\n              ']},Dialog:{Code:['\n            import Dialog from \'../../ishow/Dialog/Dialog\';\n            import Button from \'../../ishow/Button/Button\';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  dialogVisible: false\n                };\n              }\n              \n              render() {\n                return (\n                  <div>\n                    <Button type="text" onClick={ () => this.setState({ dialogVisible: true }) }>\u70b9\u51fb\u6253\u5f00 Dialog</Button>\n                    <Dialog\n                      title="\u63d0\u793a"\n                      size="tiny"\n                      visible={ this.state.dialogVisible }\n                      onCancel={ () => this.setState({ dialogVisible: false }) }\n                      lockScroll={ false }\n                    >\n                      <Dialog.Body>\n                        <span>\u8fd9\u662f\u4e00\u6bb5\u4fe1\u606f</span>\n                      </Dialog.Body>\n                      <Dialog.Footer className="dialog-footer">\n                        <Button type="primary" onClick={ () => this.setState({ dialogVisible: false }) }>\u786e\u5b9a</Button>\n                        <Button onClick={ () => this.setState({ dialogVisible: false }) }>\u53d6\u6d88</Button> \n                      </Dialog.Footer>\n                    </Dialog>\n                  </div>\n                )\n              }\n              ','\n            import Dialog from \'../../ishow/Dialog/Dialog\';\n            import Button from \'../../ishow/Button/Button\';\n            import Table from \'../../ishow/Table/TableStore\';\n            import Form from \'../../ishow/Form/Form\';\n            import Select from \'../../ishow/Select/index\';\n\n            constructor(props) {\n                super(props);\n              \n                this.state = {\n                  dialogVisible2: false,\n                  dialogVisible3: false,\n                  form: {\n                    name: \'\',\n                    region: \'\'\n                  }\n                };\n              \n                this.table = {\n                  columns: [\n                    {\n                      label: "\u65e5\u671f",\n                      prop: "date",\n                      width: 150\n                    },\n                    {\n                      label: "\u59d3\u540d",\n                      prop: "name",\n                      width: 100\n                    },\n                    {\n                      label: "\u5730\u5740",\n                      prop: "address"\n                    }\n                  ],\n                  data: [{\n                    date: \'2018-03-02\',\n                    name: \'iShow UI -- Yuri\',\n                    address: \'\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6\'\n                  }, {\n                    date: \'2018-03-04\',\n                    name: \'iShow UI -- Yuri\',\n                    address: \'\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6\'\n                  }, {\n                    date: \'2018-03-01\',\n                    name: \'iShow UI -- Yuri\',\n                    address: \'\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6\'\n                  }, {\n                    date: \'2018-03-03\',\n                    name: \'iShow UI -- Yuri\',\n                    address: \'\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6\'\n                  }]\n                };\n              }\n              \n              render() {\n                return (\n                  <div>\n                    <Button type="text" onClick={ () => this.setState({ dialogVisible2: true }) } type="text">\u6253\u5f00\u5d4c\u5957\u8868\u683c\u7684 Dialog</Button>\n                    <Dialog\n                      title="\u6536\u8d27\u5730\u5740"\n                      visible={ this.state.dialogVisible2 }\n                      onCancel={ () => this.setState({ dialogVisible2: false }) }\n                    >\n                      <Dialog.Body>\n                        {this.state.dialogVisible2 && (\n                          <Table\n                           style={{width: \'100%\'}}\n                           stripe={true}\n                           columns={this.table.columns}\n                           data={this.table.data} />\n                        )}\n                      </Dialog.Body>\n                    </Dialog>\n                    <Button type="text" onClick={ () => this.setState({ dialogVisible3: true }) } type="text">\u6253\u5f00\u5d4c\u5957\u8868\u5355\u7684 Dialog</Button>\n                    <Dialog\n                      title="\u6536\u8d27\u5730\u5740"\n                      visible={ this.state.dialogVisible3 }\n                      onCancel={ () => this.setState({ dialogVisible3: false }) }\n                    >\n                      <Dialog.Body>\n                        <Form model={this.state.form}>\n                          <Form.Item label="\u6d3b\u52a8\u540d\u79f0" labelWidth="120">\n                            <Input value={this.state.form.name}></Input>\n                          </Form.Item>\n                          <Form.Item label="\u6d3b\u52a8\u533a\u57df" labelWidth="120">\n                            <Select value={this.state.form.region} placeholder="\u8bf7\u9009\u62e9\u6d3b\u52a8\u533a\u57df">\n                              <Select.Option label="\u533a\u57df\u4e00" value="shanghai"></Select.Option>\n                              <Select.Option label="\u533a\u57df\u4e8c" value="beijing"></Select.Option>\n                            </Select>\n                          </Form.Item>\n                        </Form>\n                      </Dialog.Body>\n              \n                      <Dialog.Footer className="dialog-footer">\n                        <Button onClick={ () => this.setState({ dialogVisible3: false }) }>\u53d6 \u6d88</Button>\n                        <Button type="primary" onClick={ () => this.setState({ dialogVisible3: false }) }>\u786e \u5b9a</Button>\n                      </Dialog.Footer>\n                    </Dialog>\n                  </div>\n                )\n              }\n              ']},BarChart:{Code:["\n        import React from 'react'\n        import ReactEcharts from 'echarts-for-react'\n\n        class App extends React.Component {\n            getOption = () => {\n                return {\n                    xAxis: {\n                        type: 'category',\n                        data: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708', '7\u6708', '8\u6708', '9\u6708', '10\u6708', '11\u6708', '12\u6708']\n                    },\n                    yAxis: {\n                        type: 'value'\n                    },\n                    series: [{\n                        data: [120, 100, 150, 80, 70, 110, 130, 80, 70, 110, 130, 120],\n                        type: 'bar',\n                        color: \"#2da0ff\"\n                    }]\n                };\n            };\n\n            render() {\n                return (\n                    <ReactEcharts\n                        option={this.getOption()}\n                        style={{ height: '300px', width: '65%' }}\n                        className='react_for_echarts' />\n                )\n            }\n        }\n\n        export default App\n        "]},PieChart:{Code:["   \n          import React from 'react'\n          import ReactEcharts from 'echarts-for-react'\n\n          class App extends React.Component {\n              getOption = () => {\n                  return {\n                      title: {\n                          show: true\n                      },\n                      tooltip: {\n                          trigger: 'item',\n                          formatter: \"{a} <br/>{b}: {c} ({d}%)\"\n                      },\n                      legend: {\n                          orient: 'vertical',\n                          right: 0,\n                          top: 100,\n                          data: ['\u8ddf\u56e2\u6e38', '\u81ea\u7531\u884c', '\u90ae\u8f6e', '\u673a\u7968', '\u9152\u5e97', \"\u706b\u8f66\u7968\"]\n                      },\n                      series: [\n                          {\n                              name: '\u8bbf\u95ee\u6765\u6e90',\n                              hoverAnimation: false,\n                              type: 'pie',\n                              radius: ['50%', '70%'],\n                              avoidLabelOverlap: false,\n                              label: {\n                                  normal: {\n                                      show: false,\n                                      position: 'center'\n                                  },\n                                  emphasis: {\n                                      show: true,\n                                      textStyle: {\n                                          fontSize: '30',\n                                          fontWeight: 'bold'\n                                      }\n                                  }\n                              },\n                              labelLine: {\n                                  normal: {\n                                      show: false\n                                  }\n                              },\n                              data: [\n                                  { value: 335, name: '\u8ddf\u56e2\u6e38' },\n                                  { value: 310, name: '\u81ea\u7531\u884c' },\n                                  { value: 234, name: '\u90ae\u8f6e' },\n                                  { value: 135, name: '\u673a\u7968' },\n                                  { value: 1548, name: '\u9152\u5e97' },\n                                  { value: 1324, name: '\u706b\u8f66\u7968' }\n                              ]\n                          }\n                      ]\n                  };\n              };\n\n              render() {\n                  return (\n                      <ReactEcharts\n                        option={this.getOption()}\n                        style={{ height: '300px', width: '500px' }}\n                        className='react_for_echarts' />\n                  )\n              }\n          }\n\n          export default App","\n          import React from 'react'\n          import ReactEcharts from 'echarts-for-react'\n          import { Tabs } from '../../ishow'\n\n          class App extends React.Component {\n              getOption = () => {\n                  return {\n                      tooltip: {\n                          trigger: 'item',\n                          formatter: \"{a} <br/>{b} : {c} ({d}%)\"\n                      },\n                      legend: {\n                          orient: 'vertical',\n                          right: 0,\n                          top: 100,\n                          data: ['\u8ddf\u56e2\u6e38', '\u81ea\u7531\u884c', '\u90ae\u8f6e', '\u673a\u7968', '\u9152\u5e97', \"\u706b\u8f66\u7968\"]\n                      },\n                      series: [\n                          {\n                              name: '\u8ba2\u5355\u6765\u6e90',\n                              hoverAnimation: false,\n                              type: 'pie',\n                              radius: '55%',\n                              center: ['40%', '50%'],\n                              data: [\n                                  { value: 335, name: '\u8ddf\u56e2\u6e38' },\n                                  { value: 310, name: '\u81ea\u7531\u884c' },\n                                  { value: 234, name: '\u90ae\u8f6e' },\n                                  { value: 135, name: '\u673a\u7968' },\n                                  { value: 1548, name: '\u9152\u5e97' },\n                                  { value: 1324, name: '\u706b\u8f66\u7968' }\n                              ],\n                              itemStyle: {\n                                  emphasis: {\n                                      shadowBlur: 10,\n                                      shadowOffsetX: 0,\n                                      shadowColor: 'rgba(0, 0, 0, 0.5)'\n                                  }\n                              }\n                          }\n                      ]\n                  };\n              };\n\n              render() {\n                  return (\n                      <div className=\"App\">\n                          <div>\n                              <ReactEcharts\n                                  option={this.getOption()}\n                                  style={{ height: '300px', width: '500px' }}\n                                  className='react_for_echarts' />\n                          </div>\n                      </div>\n                  )\n              }\n          }\n\n          export default App\n          "]},LineChart:{Code:["\n        import React from 'react'\n        import ReactEcharts from 'echarts-for-react'\n\n        class App extends React.Component {\n            getOption = () => {\n                return {\n                    tooltip: {\n                        trigger: 'axis'\n                    },\n                    legend: {\n                        data: ['\u5ba2\u6d41\u91cf', '\u652f\u4ed8\u7b14\u6570']\n                    },\n                    grid: {\n                        left: '3%',\n                        right: '4%',\n                        bottom: '3%',\n                        containLabel: true\n                    },\n                    xAxis: {\n                        type: 'category',\n                        boundaryGap: false,\n                        data: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00']\n                    },\n                    yAxis: {\n                        type: 'value'\n                    },\n                    dataZoom: {\n                        type: 'slider',\n                        show: true,\n                        xAxisIndex: [0],\n                        start: 0,\n                        end: 100,\n                        bottom: \"0px\"\n                    },\n                    series: [\n                        {\n                            name: '\u652f\u4ed8\u7b14\u6570',\n                            type: 'line',\n                            stack: '\u603b\u91cf',\n                            data: [120, 132, 101, 134, 90, 230, 210, 132, 101, 134, 90, 230, 210, 132, 101, 134, 90, 230, 210, 190, 132, 101, 120, 132, 123]\n                        },\n                        {\n                            name: '\u5ba2\u6d41\u91cf',\n                            type: 'line',\n                            stack: '\u603b\u91cf',\n                            data: [220, 182, 191, 234, 290, 330, 310, 220, 182, 191, 234, 290, 330, 310, 220, 182, 191, 234, 290, 300, 310, 123, 232, 231]\n                        }\n                    ]\n                };\n            };\n\n            render() {\n                return (\n                    <ReactEcharts\n                      option={this.getOption()}\n                      style={{ height: '300px', width: '1000px' }}\n                      className='react_for_echarts' />\n                )\n            }\n        }\n\n        export default App\n        "]},Animate:{Code:['\n      import "animate.css/animate.min.css";\n\n      <div class="animated bounceInLeft" style="animation-duration: 1s;"> \u7531\u5de6\u5f39\u5165\u6548\u679c</div>\n      <div class="animated flipOutY" style="animation-delay: 1s;"> \u7eb5\u5411\u7ffb\u51fa\u6548\u679c</div>\n      <div class="animated slideInRight" style="animation-duration: 1s;animation-iteration-count:3"> \u81ea\u53f3\u6ed1\u5165\u6548\u679c</div>\n\n      animationend() {\n        this.setState({\n            eventToggle: !this.state.eventToggle,\n        });\n      }\n\n      <Button type="primary" type="info" onClick={this.animationend.bind(this)} >Toggle\u52a8\u753b\u56de\u8c03</Button>\n\n      ']},LoginForm:{Code:['\n      import React from "react";\n      import { Form, Input, Button, Tabs} from "../../ishow";\n\n      class Login extends React.Component {\n      constructor(props) {\n        super(props);\n        this.state = {\n          form: {\n            pass: "",\n            name:"",\n          },\n          rules: {\n            pass: [\n              { required: true, message: \'\u8bf7\u8f93\u5165\u5bc6\u7801\', trigger: \'blur\' }\n            ],\n            name: [\n              { required: true, message: "\u8bf7\u586b\u5199\u7528\u6237\u540d", trigger: "blur" }\n            ]\n          }\n        };\n      }\n\n      handleSubmit(e) {\n        e.preventDefault();\n\n        this.refs.form.validate(valid => {\n          if (valid) {\n            alert("submit!");\n          } else {\n            console.log("error submit!!");\n            return false;\n          }\n        });\n      }\n\n      onChange(key, value) {\n        this.setState({\n          form: Object.assign({}, this.state.form, { [key]: value })\n        });\n      }\n\n      render() {\n        return (\n              <Form\n                ref="form"\n                model={this.state.form}\n                rules={this.state.rules}\n                labelWidth="100"\n                className="demo-ruleForm login-form"\n              >\n                <Form.Item label="\u7528\u6237\u540d" prop="name">\n                  <Input\n                    value={this.state.form.name}\n                    onChange={this.onChange.bind(this, "name")}\n                  />\n                </Form.Item>\n                <Form.Item label="\u5bc6\u7801" prop="pass">\n                  <Input\n                    type="password"\n                    value={this.state.form.pass}\n                    onChange={this.onChange.bind(this, "pass")}\n                    autoComplete="off"\n                  />\n                </Form.Item>\n                <Form.Item>\n                  <Button type="primary" onClick={this.handleSubmit.bind(this)} className="login-btn">\n                    \u767b\u5f55\n                  </Button>\n                </Form.Item>\n              </Form>\n        )\n      }\n    }\n\n    //\u4e0b\u9762\u6837\u5f0f\u53ef\u81ea\u884c\u8c03\u6574\uff0c\u987b\u5355\u72ec\u5f15\u5165\u6837\u5f0f\u6587\u4ef6\n    <style>\n      .login-form {\n          width: 500 px;\n          height: auto;\n          border - radius: 10 px;\n          border: 1 px solid# ccc;\n          padding: 50 px 100 px 50 px 0;\n          background: #fff;\n        }\n\n      .login - btn {\n        width: 100 % ;\n      }\n    </style>\n      ','\n      import React from "react";\n      import { Form, Input, Button, Tabs } from "../../ishow";\n\n      class Register extends React.Component {\n        constructor(props) {\n          super(props);\n\n          this.state = {\n            form: {\n              pass: "",\n              name:"",\n              email:"",\n              checkPass:""\n            },\n            rules: {\n              pass: [\n                { required: true, message: \'\u8bf7\u8f93\u5165\u5bc6\u7801\', trigger: \'blur\' },\n                {\n                  validator: (rule, value, callback) => {\n                    if (value === \'\') {\n                      callback(new Error(\'\u8bf7\u8f93\u5165\u5bc6\u7801\'));\n                    } else {\n                      if (this.state.form.checkPass !== \'\') {\n                        this.refs.form.validateField(\'checkPass\');\n                      }\n                      callback();\n                    }\n                  }\n                }\n              ],\n              checkPass: [\n                { required: true, message: \'\u8bf7\u518d\u6b21\u8f93\u5165\u5bc6\u7801\', trigger: \'blur\' },\n                {\n                  validator: (rule, value, callback) => {\n                    if (value === \'\') {\n                      callback(new Error(\'\u8bf7\u518d\u6b21\u8f93\u5165\u5bc6\u7801\'));\n                    } else if (value !== this.state.form.pass) {\n                      callback(new Error(\'\u4e24\u6b21\u8f93\u5165\u5bc6\u7801\u4e0d\u4e00\u81f4!\'));\n                    } else {\n                      callback();\n                    }\n                  }\n                }\n              ],\n              name: [\n                { required: true, message: "\u8bf7\u586b\u5199\u7528\u6237\u540d", trigger: "blur" }\n              ],\n              email: [\n                { required: true, message: \'\u8bf7\u8f93\u5165\u90ae\u7bb1\u5730\u5740\', trigger: \'blur\' },\n                { type: \'email\', message: \'\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u90ae\u7bb1\u5730\u5740\', trigger: \'blur,change\' }\n              ]\n            }\n          };\n        }\n\n        handleSubmit(e) {\n          e.preventDefault();\n\n          this.refs.form.validate(valid => {\n            if (valid) {\n              alert("submit!");\n            } else {\n              console.log("error submit!!");\n              return false;\n            }\n          });\n        }\n\n        onChange(key, value) {\n          this.setState({\n            form: Object.assign({}, this.state.form, { [key]: value })\n          });\n        }\n\n        onEmailChange(value) {\n          this.setState({\n            form: Object.assign({}, this.state.form, { email: value })\n          });\n        }\n\n        handleReset(e) {\n          e.preventDefault();\n\n          this.refs.form.resetFields();\n        }\n\n        render() {\n          return (\n                <Form\n                  ref="form"\n                  model={this.state.form}\n                  rules={this.state.rules}\n                  labelWidth="100"\n                  className="demo-ruleForm login-form"\n                >\n                  <Form.Item prop="email" label="\u90ae\u7bb1">\n                    <Input value={this.state.form.email} onChange={this.onEmailChange.bind(this)}></Input>\n                  </Form.Item>\n                  <Form.Item label="\u7528\u6237\u540d" prop="name">\n                    <Input\n                      value={this.state.form.name}\n                      onChange={this.onChange.bind(this, "name")}\n                    />\n                  </Form.Item>\n                  <Form.Item label="\u5bc6\u7801" prop="pass">\n                    <Input\n                      type="password"\n                      value={this.state.form.pass}\n                      onChange={this.onChange.bind(this, "pass")}\n                      autoComplete="off"\n                    />\n                  </Form.Item>\n                  <Form.Item label="\u786e\u8ba4\u5bc6\u7801" prop="checkPass">\n                    <Input type="password" value={this.state.form.checkPass} onChange={this.onChange.bind(this, \'checkPass\')} autoComplete="off" />\n                  </Form.Item>\n                  <Form.Item>\n                    <Button type="primary" onClick={this.handleSubmit.bind(this)}>\n                      \u6ce8\u518c\n                    </Button>\n                    <Button onClick={this.handleReset.bind(this)}>\u91cd\u7f6e</Button>\n                  </Form.Item>\n                </Form>\n          )\n      }\n      }\n      //\u4e0b\u9762\u6837\u5f0f\u53ef\u81ea\u884c\u8c03\u6574\uff0c\u987b\u5355\u72ec\u5f15\u5165\u6837\u5f0f\u6587\u4ef6\n      <style>\n        .login-form {\n          width: 500 px;\n          height: auto;\n          border-radius: 10 px;\n          border: 1 px solid# ccc;\n          padding: 50px 100px 50px 0;\n          background: #fff;\n        }\n      </style>\n      ']},NotFound:{Code:['\n      import React from "react";\n\n      class NotFound extends React.Component {\n          render(){\n              return (\n                  <div className="lost-404">\n                      <h1 className="lost-404-title">404</h1>\n                      <p className="lost-404-content">YOUR PAGE SEEMS LOST :(</p>\n                  </div>\n              )\n          }\n      }\n\n      //\u6837\u5f0f\u5355\u72ec\u5199\u518d\u5f15\u5165\n      <style>\n      .lost-404-title {\n        color: #2d8cf0;\n        font-size: 100px;\n        text-align: center;\n        margin-bottom: 0\n      }\n\n      .lost-404-content {\n        color: #999;\n        text-align: center;\n        top: 80px;\n      }\n      </style>\n      ']},FuzzySearch:{Code:['\n      import React from \'react\';\n      import \'./App.css\';\n      import AutoComplete from \'../../ishow/auto-complete\';\n\n      const customItem=(props)=>{\n          let item = props.item;\n          //console.log(props)\n          return (\n                  <div><div className="ishow-customItem-key">{item.value}</div><span className="ishow-customItem-detail">{item.address}</span></div>\n          )\n      }\n\n      class FuzzySearch extends React.Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  scenery: [\n                  { "value": "\u7384\u6b66\u6e56\u516c\u56ed", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u7384\u6b66\u5df71\u53f7" },\n                  { "value": "\u4e2d\u5c71\u9675", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u77f3\u8c61\u8def7\u53f7" },\n                  { "value": "\u4e2d\u592e\u516c\u56ed", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u516d\u5408\u533a/\u53e4\u68e0\u5927\u9053" },\n                  { "value": "\u5357\u4eac\u5927\u5c60\u6740\u7eaa\u5ff5\u9986", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u5efa\u90ba\u533a/\u6c34\u897f\u95e8\u5927\u8857418\u53f7" },\n                  { "value": "\u8001\u95e8\u4e1c", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u79e6\u6dee\u533a/\u526a\u5b50\u5df754\u53f7" },\n                  { "value": "\u7d2b\u5cf0\u5927\u53a6", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u9f13\u697c\u533a/\u4e2d\u5c71\u5317\u8def1\u53f7" },\n                  { "value": "\u9e21\u9e23\u5bfa", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u9e21\u9e23\u5bfa\u8def1\u53f7" }\n                  ],\n                  value1: \'\'\n              }\n          }\n\n          querySearch(queryString, cb) {\n              const { scenery } = this.state;\n              const results = queryString ? scenery.filter(this.createFilter(queryString)) : scenery;\n              // \u8c03\u7528 callback \u8fd4\u56de\u5efa\u8bae\u5217\u8868\u7684\u6570\u636e\n              cb(results);\n          }\n\n          createFilter(queryString) {\n              return (scenery) => {\n                  return (scenery.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);\n              };\n          }\n\n          handleSelect(item) {\n            \n          }\n\n          handleInputChange(event){\n              this.setState({\n                  value:event.target.value\n              })\n          }\n      \n          render() {\n              return (\n                      <div>\n                          <AutoComplete\n                          className="my-autocomplete"\n                          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n                          value={this.state.value1}\n                          fetchSuggestions={this.querySearch.bind(this)}\n                          customItem={customItem}\n                          onSelect={this.handleSelect.bind(this)}\n                          ></AutoComplete>\n                      </div>\n              )\n          }\n      }\n      ','\n      import React from \'react\';\n      import \'./App.css\';\n      import AutoComplete from \'../../ishow/auto-complete\';\n\n      class FuzzySearch extends React.Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  scenery: [\n                  { "value": "\u7384\u6b66\u6e56\u516c\u56ed", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u7384\u6b66\u5df71\u53f7" },\n                  { "value": "\u4e2d\u5c71\u9675", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u77f3\u8c61\u8def7\u53f7" },\n                  { "value": "\u4e2d\u592e\u516c\u56ed", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u516d\u5408\u533a/\u53e4\u68e0\u5927\u9053" },\n                  { "value": "\u5357\u4eac\u5927\u5c60\u6740\u7eaa\u5ff5\u9986", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u5efa\u90ba\u533a/\u6c34\u897f\u95e8\u5927\u8857418\u53f7" },\n                  { "value": "\u8001\u95e8\u4e1c", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u79e6\u6dee\u533a/\u526a\u5b50\u5df754\u53f7" },\n                  { "value": "\u7d2b\u5cf0\u5927\u53a6", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u9f13\u697c\u533a/\u4e2d\u5c71\u5317\u8def1\u53f7" },\n                  { "value": "\u9e21\u9e23\u5bfa", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u9e21\u9e23\u5bfa\u8def1\u53f7" }\n                  ],\n                  value1: \'\'\n              }\n          }\n\n          querySearch(queryString, cb) {\n              const { scenery } = this.state;\n              const results = queryString ? scenery.filter(this.createFilter(queryString)) : scenery;\n              // \u8c03\u7528 callback \u8fd4\u56de\u5efa\u8bae\u5217\u8868\u7684\u6570\u636e\n              cb(results);\n          }\n\n          createFilter(queryString) {\n              return (scenery) => {\n                  return (scenery.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);\n              };\n          }\n\n          handleSelect(item) {\n            \n          }\n\n          handleInputChange(event){\n              this.setState({\n                  value:event.target.value\n              })\n          }\n      \n          render() {\n              return (\n                      <div>\n                          <AutoComplete\n                          className="my-autocomplete"\n                          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n                          value={this.state.value1}\n                          onFocus={e=>console.log(e, \'onFocus\')}\n                          onBlur={e=>console.log(e, \'onblur\')}\n                          fetchSuggestions={this.querySearch.bind(this)}\n                          onSelect={this.handleSelect.bind(this)}\n                          ></AutoComplete>\n                      </div>\n              )\n          }\n      }\n      ','\n      import React from \'react\';\n      import \'./App.css\';\n      import AutoComplete from \'../../ishow/auto-complete\';\n\n      class FuzzySearch extends React.Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  scenery: [\n                  { "value": "\u7384\u6b66\u6e56\u516c\u56ed", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u7384\u6b66\u5df71\u53f7" },\n                  { "value": "\u4e2d\u5c71\u9675", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u77f3\u8c61\u8def7\u53f7" },\n                  { "value": "\u4e2d\u592e\u516c\u56ed", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u516d\u5408\u533a/\u53e4\u68e0\u5927\u9053" },\n                  { "value": "\u5357\u4eac\u5927\u5c60\u6740\u7eaa\u5ff5\u9986", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u5efa\u90ba\u533a/\u6c34\u897f\u95e8\u5927\u8857418\u53f7" },\n                  { "value": "\u8001\u95e8\u4e1c", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u79e6\u6dee\u533a/\u526a\u5b50\u5df754\u53f7" },\n                  { "value": "\u7d2b\u5cf0\u5927\u53a6", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u9f13\u697c\u533a/\u4e2d\u5c71\u5317\u8def1\u53f7" },\n                  { "value": "\u9e21\u9e23\u5bfa", "address": "\u4e2d\u56fd/\u6c5f\u82cf/\u5357\u4eac/\u7384\u6b66\u533a/\u9e21\u9e23\u5bfa\u8def1\u53f7" }\n                  ],\n                  value2: \'\'\n              }\n          }\n\n          querySearch(queryString, cb) {\n              const { scenery } = this.state;\n              const results = queryString ? scenery.filter(this.createFilter(queryString)) : scenery;\n              // \u8c03\u7528 callback \u8fd4\u56de\u5efa\u8bae\u5217\u8868\u7684\u6570\u636e\n              cb(results);\n          }\n\n          createFilter(queryString) {\n              return (scenery) => {\n                  return (scenery.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);\n              };\n          }\n\n          handleSelect(item) {\n            \n          }\n\n          handleInputChange(event){\n              this.setState({\n                  value:event.target.value\n              })\n          }\n      \n          render() {\n              return (\n                      <div>\n                          <AutoComplete\n                          className="my-autocomplete"\n                          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n                          value={this.state.value2}\n                          fetchSuggestions={this.querySearch.bind(this)}\n                          onSelect={this.handleSelect.bind(this)}\n                          triggerOnFocus={false}\n                          ></AutoComplete>\n                      </div>\n              )\n          }\n      }\n      ',"\n      import React from 'react';\n      import AutoComplete from '../../ishow/auto-complete';\n      \n      class CrmAutoComplete extends React.Component {\n          constructor(props){\n              super(props);\n              this.state = {\n              prefix: [\n                  '\u8ba2\u5355\u53f7',\n                  '\u624b\u673a\u53f7',\n                  '\u4f1a\u5458ID',\n                  ],\n                  value: ''\n              }\n          }\n      appendPrefix(queryString, cb) {\n              if (queryString.indexOf('@') !== -1) {\n                  return cb([])\n              }\n              let triggerList = []\n          for (let i = 0; i < this.state.prefix.length; i++) {\n              triggerList.push({ value: this.state.prefix[i]+ \" \" + queryString })\n              }\n              cb(triggerList)\n          }\n\n      formatInput(item){\n          //\u8f93\u5165\u6846\u4e2d\u53bb\u6389\u63d0\u793a\u6761\u4ef6\u4e2d\u7684\u5b57\u7b26\n          this.setState({\n              value:item.value.slice(item.value.indexOf(\" \")+1)\n          })\n      }\n\n          render(){\n              return(\n                  <div>\n                      <AutoComplete\n                      value={this.state.value}\n                  placeholder=\"\u8ba2\u5355\u53f7/\u624b\u673a\u53f7/\u4f1a\u5458ID\"\n                      className=\"my-autocomplete\"\n                  triggerOnFocus={true}\n                  onSelect={this.formatInput.bind(this)}\n                  fetchSuggestions={this.appendPrefix.bind(this)} />\n                  </div>\n              )\n          }\n      ","\n      import React from 'react';\n      import Cascader from \"../../ishow/Cascader\";\n      import './App.css';\n\n      class App extends React.Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  options: [{\n                      value: 'zhoubian',\n                      label: '\u5357\u4eac\u5468\u8fb9\u65c5\u6e38',\n                      children: [{\n                          value: 'antianshufen',\n                          label: '\u6309\u5929\u6570\u5206',\n                          children: [{\n                              value: 'yitian',\n                              label: '\u4e00\u5929'\n                          }, {\n                              value: 'liangtian',\n                              label: '\u4e24\u5929'\n                          }, {\n                              value: 'santian',\n                              label: '\u4e09\u5929'\n                          }]\n                      }, {\n                          value: 'chengshi',\n                          label: '\u6309\u57ce\u5e02\u5206',\n                          children: [{\n                              value: 'nanjing',\n                              label: '\u5357\u4eac'\n                          }, {\n                              value: 'wuxi',\n                              label: '\u65e0\u9521'\n                          }, {\n                              value: 'xuzhou',\n                              label: '\u5f90\u5dde'\n                          }, {\n                              value: 'changzhou',\n                              label: '\u5e38\u5dde'\n                          }]\n                      }]\n                  }, {\n                      value: 'guonei',\n                      label: '\u56fd\u5185\u65c5\u6e38',\n                      children: [{\n                          value: 'hainan',\n                          label: '\u6d77\u5357',\n                          children: [{\n                              value: 'sanya',\n                              label: '\u4e09\u4e9a'\n                          }, {\n                              value: 'haikou',\n                              label: '\u6d77\u53e3'\n                          }, {\n                              value: 'yalongwan',\n                              label: '\u4e9a\u9f99\u6e7e'\n                          }, {\n                              value: 'tianyahaijiao',\n                              label: '\u5929\u6daf\u6d77\u89d2'\n                          }]\n                      }, {\n                          value: 'yunnan',\n                          label: '\u4e91\u5357',\n                          children: [{\n                              value: 'dali',\n                              label: '\u5927\u7406'\n                          }, {\n                              value: 'lijiang',\n                              label: '\u4e3d\u6c5f'\n                          }, {\n                              value: 'kunming',\n                              label: '\u6606\u660e'\n                          }, {\n                              value: 'yuxi',\n                              label: '\u7389\u6eaa'\n                          }]\n                      }, {\n                          value: 'neimeng',\n                          label: '\u5185\u8499\u53e4',\n                          children: [{\n                              value: 'chifeng',\n                              label: '\u8d64\u5cf0'\n                          }, {\n                              value: 'huhe',\n                              label: '\u547c\u548c\u6d69\u7279'\n                          }, {\n                              value: 'baotou',\n                              label: '\u5305\u5934'\n                          }, {\n                              value: 'erdos',\n                              label: '\u9102\u5c14\u591a\u65af'\n                          }]\n                      }]\n                  }, {\n                      value: 'oumei',\n                      label: '\u6b27\u7f8e',\n                      children: [{\n                          value: 'ruishi',\n                          label: '\u745e\u58eb'\n                      }, {\n                          value: 'faguo',\n                          label: '\u6cd5\u56fd'\n                      }, {\n                          value: 'meiguo',\n                          label: '\u7f8e\u56fd'\n                      }]\n                  }],\n                  selectedOptions: [],\n              }\n          }\n\n          handleChange(key, value) {\n              this.setState({ [key]: value });\n          }\n          handleCascaderChange = () => {\n              setTimeout(() => {\n                let s = '';\n                let tmp = document.querySelector(\".myCascader\").querySelector(\".ishow-cascader__label\").querySelectorAll(\"label\");\n                tmp.forEach((item) => s += item.innerText)\n                document.querySelector(\"#cascaderTips\").innerHTML = s\n              }, 300);\n\n          render(){\n              return (\n                  <Cascader\n                      className=\"myCascader\"\n                      options={this.state.options}\n                      filterable={true}\n                      changeOnSelect={true}\n                      onChange={()=>this.handleCascaderChange()}\n                  />\n                  <p id=\"cascaderTips\"></p>\n              )\n          }\n      }\n\n      "]},DynamicTable:{Code:["\n      import React, { Component } from 'react';\n      import Table from '../../ishow/Table/TableStore';\n      import Button from \"../../ishow/Button/index\";\n      import Checkbox from '../../ishow/Checkbox/index';\n      import Switch from '../../ishow/Switch/Switch'\n      import './App.css'\n\n      class App extends Component {\n      constructor(props){\n          super(props);\n          this.state = {\n              columns: [\n                {\n                    label: \"\u65e5\u671f\",\n                    prop: \"date\",\n                    width: 200,\n                    mustShow:true,\n                    fixed:'left'\n                },\n                {\n                    label: \"\u59d3\u540d\",\n                    prop: \"name\",\n                    minWidth: '200',\n                    mustShow: false\n                },\n                {\n                    label: \"\u7701\u4efd\",\n                    prop: \"province\",\n                    minWidth: '200',\n                    mustShow: false\n                },\n                {\n                    label:\"\u57ce\u5e02\",\n                    prop:\"city\",\n                    minWidth: '200',\n                    mustShow:false\n                },\n                {\n                    label: \"\u5730\u5740\",\n                    prop: \"address\",\n                    minWidth:'400',\n                    mustShow: false\n                },\n                {\n                    label: \"\u516c\u53f8\",\n                    prop: \"firm\",\n                    minWidth: '200',\n                    mustShow: false\n                },\n                {\n                    label: \"\u7535\u8bdd\",\n                    prop: \"tel\",\n                    minWidth: '200',\n                    mustShow: false\n                },\n                {\n                    label: \"\u90ae\u7bb1\",\n                    prop: \"email\",\n                    minWidth: '200',\n                    mustShow: false\n                },\n                {\n                    label: \"\u90ae\u7f16\",\n                    prop: \"zip\",\n                    minWidth: '200',\n                    mustShow: false\n                },\n                {\n                    label: \"\u5907\u6ce8\",\n                    prop: \"note\",\n                    \n                    mustShow: false\n                },\n                {\n                    label: \"\u5176\u4ed6\",\n                    prop: \"other\",\n                    \n                    mustShow: false\n                },\n                {\n                    label: \"\u64cd\u4f5c\",\n                    prop: \"handle\",\n                    width: 200,\n                    render: () => {\n                        return <span><Button type=\"text\" size=\"small\">\u67e5\u770b</Button><Button type=\"text\" size=\"small\">\u7f16\u8f91</Button></span>\n                    },\n                    fixed:'right',\n                    mustShow: true\n                }\n            ],\n              data: [{\n                  date: '2018-03-02',\n                  name: 'iShow UI -- Yuri',\n                  province: '\u6c5f\u82cf',\n                  city: '\u82cf\u5dde\u5e02',\n                  address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                  firm:'iShow UI',\n                  tel:'13155556666',\n                  email:'zhangyong5@iShow.com',\n                  zip: 200333,\n                  note:'\u65e0',\n                  other:'\u6682\u65e0'\n              }, {\n                  date: '2018-03-02',\n                  name: 'iShow UI -- Yuri',\n                  province: '\u6c5f\u82cf',\n                  city: '\u65e0\u9521\u5e02',\n                  address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                  firm:'iShow UI',\n                  tel:'13155556666',\n                  email: 'zhangyong5@iShow.com',\n                  zip: 200333,\n                  note:'\u65e0',\n                  other:'\u6682\u65e0'\n              }, {\n                  date: '2018-03-02',\n                  name: 'iShow UI -- Yuri',\n                  province: '\u6c5f\u82cf',\n                  city: '\u5e38\u5dde\u5e02',\n                  address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                  firm:'iShow UI',\n                  tel:'13155556666',\n                  email: 'zhangyong5@iShow.com',\n                  zip: 200333,\n                  note:'\u65e0',\n                  other:'\u6682\u65e0'\n              }, {\n                  date: '2018-03-02',\n                  name: 'iShow UI -- Yuri',\n                  province: '\u6c5f\u82cf',\n                  city: '\u5357\u4eac\u5e02',\n                  address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                  firm:'iShow UI',\n                  tel:'13155556666',\n                  email:'zhangyong5@iShow.com',\n                  zip: 200333,\n                  note:'\u65e0',\n                  other:'\u6682\u65e0'\n              }, {\n                  date: '2018-03-02',\n                  name: 'iShow UI -- Yuri',\n                  province: '\u6c5f\u82cf',\n                  city: '\u626c\u5dde\u5e02',\n                  address: '\u5357\u4eac\u5e02\u7384\u6b66\u533a\u8f6f\u4ef6\u5927\u9053XX\u5927\u53a6',\n                  firm:'iShow UI',\n                  tel:'13155556666',\n                  email:'zhangyong5@iShow.com',\n                  zip: 200333,\n                  note:'\u65e0',\n                  other:'\u6682\u65e0'\n              }],\n              checkedList:[\"\u65e5\u671f\",\"\u59d3\u540d\",\"\u7701\u4efd\",\"\u5730\u5740\",\"\u90ae\u7f16\",\"\u64cd\u4f5c\"],//\u521d\u59cb\u5316\u9ed8\u8ba4\u88ab\u9009\u4e2d\u7684\u5217\n              checkAll: false,\n              isIndeterminate: true,\n              klass: '',\n              switchValue: false\n          }\n      }\n\n      handleCheckboxChange(value){\n          const checkedCount = value.length;\n          const columnsLength = this.state.columns.length;\n\n          this.setState({\n              checkedList:value,//\u8bbe\u7f6e\u5f53\u524d\u9009\u4e2d\u7684\u9879\n              // \u4e0b\u9762\u7528\u6765\u8bbe\u7f6e\u63a7\u5236\u5f53\u524d\u662f\u5426\u4e3a\u5168\u9009\u72b6\u6001\n              checkAll: checkedCount === columnsLength,\n              isIndeterminate: checkedCount > 0 && checkedCount < columnsLength,\n          })\n      }\n\n      handleCheckAllChange(checked) {\n          const checkedList = checked ? this.state.columns.map((item)=>item.label) : [];\n\n          this.setState({\n              isIndeterminate: false,\n              checkAll: checked,\n              checkedList: checkedList,\n          });\n      }\n\n      handleSwitchChange(value) {\n          this.setState({ switchValue: value })\n          if (value) {\n              this.setState({ klass: 'table-smallSize' })\n          } else {\n              this.setState({ klass: '' })\n          }\n      }\n\n      render(){\n          return(\n              <div>\n                  <div style={{ marginBottom: 20 }}>\n                      <span style={{ fontSize:16,marginRight: 10 }}>\u7f29\u653e</span>\n                      <Switch value={this.state.switchValue} onText=\"on\" offText=\"off\" onChange={this.handleSwitchChange.bind(this)}></Switch>\n                  </div>\n                  <Checkbox\n                      checked={this.state.checkAll}\n                      indeterminate={this.state.isIndeterminate}\n                      onChange={this.handleCheckAllChange.bind(this)}\n                      style={{display:\"inlineBlock\"}}>\u5168\u9009</Checkbox>\n                  <Checkbox.Group value={this.state.checkedList} style={{ marginBottom: 20, display: \"inline-block\",marginLeft:10 }} onChange={this.handleCheckboxChange.bind(this)}>\n                      {this.state.columns.map((item,index)=>{\n                          return <Checkbox checked={this.state.checkedList.indexOf(item.label) !== -1} label={item.label} key={Math.random()}></Checkbox>\n                      })}\n                  </Checkbox.Group>\n                  <Table\n                      style={{ width: '100%' }}\n                      columns={this.state.columns.filter(\n                          (item)=>{return this.state.checkedList.indexOf(item.label) !== -1}\n                      )}\n                      data={this.state.data}\n                      border={true}\n                      className={this.state.klass}\n                  />\n              </div>\n          )\n      }\n  }\n\n      export default App\n      "]},Cascader:{Code:["\n      import React, { Component } from 'react';\n      import Cascader from \"../../ishow/Cascader\";\n\n      class App extends Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  options: [{\n                      value: 'zhoubian',\n                      label: '\u5357\u4eac\u5468\u8fb9\u65c5\u6e38',\n                      children: [{\n                          value: 'antianshufen',\n                          label: '\u6309\u5929\u6570\u5206',\n                          children: [{\n                              value: 'yitian',\n                              label: '\u4e00\u5929'\n                          }, {\n                              value: 'liangtian',\n                              label: '\u4e24\u5929'\n                          }, {\n                              value: 'santian',\n                              label: '\u4e09\u5929'\n                          }]\n                      }, {\n                          value: 'taqing',\n                          label: '\u8e0f\u9752\u8d4f\u82b1',\n                          children: [{\n                              value: 'wuxi',\n                              label: '\u65e0\u9521'\n                          }, {\n                              value: 'yangzhou',\n                              label: '\u626c\u5dde'\n                          }]\n                      }]\n                  }, {\n                      value: 'guonei',\n                      label: '\u56fd\u5185\u65c5\u6e38',\n                      children: [{\n                          value: 'hainan',\n                          label: '\u6d77\u5357',\n                          children: [{\n                              value: 'sanya',\n                              label: '\u4e09\u4e9a'\n                          }, {\n                              value: 'haikou',\n                              label: '\u6d77\u53e3'\n                          }, {\n                              value: 'yalongwan',\n                              label: '\u4e9a\u9f99\u6e7e'\n                          }, {\n                              value: 'tianyahaijiao',\n                              label: '\u5929\u6daf\u6d77\u89d2'\n                          }]\n                      }, {\n                          value: 'yunnan',\n                          label: '\u4e91\u5357',\n                          children: [{\n                              value: 'dali',\n                              label: '\u5927\u7406'\n                          }, {\n                              value: 'lijiang',\n                              label: '\u4e3d\u6c5f'\n                          }, {\n                              value: 'kunming',\n                              label: '\u6606\u660e'\n                          }, {\n                              value: 'yuxi',\n                              label: '\u7389\u6eaa'\n                          }]\n                      }, {\n                          value: 'neimeng',\n                          label: '\u5185\u8499\u53e4',\n                          children: [{\n                              value: 'chifeng',\n                              label: '\u8d64\u5cf0'\n                          }, {\n                              value: 'huhe',\n                              label: '\u547c\u548c\u6d69\u7279'\n                          }, {\n                              value: 'baotou',\n                              label: '\u5305\u5934'\n                          }, {\n                              value: 'erdos',\n                              label: '\u9102\u5c14\u591a\u65af'\n                          }]\n                      }]\n                  }, {\n                      value: 'oumei',\n                      label: '\u6b27\u7f8e',\n                      children: [{\n                          value: 'ruishi',\n                          label: '\u745e\u58eb'\n                      }, {\n                          value: 'faguo',\n                          label: '\u6cd5\u56fd'\n                      }, {\n                          value: 'meiguo',\n                          label: '\u7f8e\u56fd'\n                      }]\n                  }],\n                  selectedOptions: [],\n                  selectedOptions2: []\n  }\n          }\n\n          handleChange(key, value) {\n              this.setState({ [key]: value });\n          }\n\n          render(){\n              return (\n                      <div>\n                          <div className=\"block\">\n                              <span className=\"demonstration\" style={{display:'block'}}>\u9ed8\u8ba4 click \u89e6\u53d1\u5b50\u83dc\u5355</span>\n                              <Cascader\n                                  options={this.state.options}\n                                  value={this.state.selectedOptions}\n                                  onChange={this.handleChange.bind(this, 'selectedOptions')} />\n                          </div>\n                          <div className=\"block\">\n                              <span className=\"demonstration\" style={{ display: 'block' }}>hover \u89e6\u53d1\u5b50\u83dc\u5355</span>\n                              <Cascader\n                                  options={this.state.options}\n                                  expandTrigger=\"hover\"\n                                  value={this.state.selectedOptions2}\n                                  onChange={this.handleChange.bind(this, 'selectedOptions2')} />\n                          </div>\n                      </div>\n              )\n          }\n      }\n\n      export default App\n      ","\n      import React, { Component } from 'react';\n      import Cascader from \"../../ishow/Cascader\";\n\n      class App extends Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  optionsWithDisabled: [{\n                      value: 'zhoubian',\n                      label: '\u5357\u4eac\u5468\u8fb9\u65c5\u6e38',\n                      disabled: true,\n                      children: [{\n                          value: 'antianshufen',\n                          label: '\u6309\u5929\u6570\u5206',\n                          children: [{\n                              value: 'yitian',\n                              label: '\u4e00\u5929'\n                          }, {\n                              value: 'liangtian',\n                              label: '\u4e24\u5929'\n                          }, {\n                              value: 'santian',\n                              label: '\u4e09\u5929'\n                          }]\n                      }, {\n                          value: 'taqing',\n                          label: '\u8e0f\u9752\u8d4f\u82b1',\n                          children: [{\n                              value: 'wuxi',\n                              label: '\u65e0\u9521'\n                          }, {\n                              value: 'yangzhou',\n                              label: '\u626c\u5dde'\n                          }]\n                      }]\n                  }, {\n                      value: 'guonei',\n                      label: '\u56fd\u5185\u65c5\u6e38',\n                      children: [{\n                          value: 'hainan',\n                          label: '\u6d77\u5357',\n                          children: [{\n                              value: 'sanya',\n                              label: '\u4e09\u4e9a'\n                          }, {\n                              value: 'haikou',\n                              label: '\u6d77\u53e3'\n                          }, {\n                              value: 'yalongwan',\n                              label: '\u4e9a\u9f99\u6e7e'\n                          }, {\n                              value: 'tianyahaijiao',\n                              label: '\u5929\u6daf\u6d77\u89d2'\n                          }]\n                      }, {\n                          value: 'yunnan',\n                          label: '\u4e91\u5357',\n                          children: [{\n                              value: 'dali',\n                              label: '\u5927\u7406'\n                          }, {\n                              value: 'lijiang',\n                              label: '\u4e3d\u6c5f'\n                          }, {\n                              value: 'kunming',\n                              label: '\u6606\u660e'\n                          }, {\n                              value: 'yuxi',\n                              label: '\u7389\u6eaa'\n                          }]\n                      }, {\n                          value: 'neimeng',\n                          label: '\u5185\u8499\u53e4',\n                          children: [{\n                              value: 'chifeng',\n                              label: '\u8d64\u5cf0'\n                          }, {\n                              value: 'huhe',\n                              label: '\u547c\u548c\u6d69\u7279'\n                          }, {\n                              value: 'baotou',\n                              label: '\u5305\u5934'\n                          }, {\n                              value: 'erdos',\n                              label: '\u9102\u5c14\u591a\u65af'\n                          }]\n                      }]\n                  }, {\n                      value: 'oumei',\n                      label: '\u6b27\u7f8e',\n                      children: [{\n                          value: 'ruishi',\n                          label: '\u745e\u58eb'\n                      }, {\n                          value: 'faguo',\n                          label: '\u6cd5\u56fd'\n                      }, {\n                          value: 'meiguo',\n                          label: '\u7f8e\u56fd'\n                      }]\n                  }],\n                  selectedOptions: [],\n                  selectedOptions2: []\n              }\n          }\n\n          handleChange(key, value) {\n              this.setState({ [key]: value });\n          }\n\n          render(){\n              return (\n                  <div>\n                      <Cascader\n                          options={this.state.optionsWithDisabled}\n                      />\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ","\n      import React, { Component } from 'react';\n      import Cascader from \"../../ishow/Cascader\";\n\n      class App extends Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  options: [{\n                      value: 'zhoubian',\n                      label: '\u5357\u4eac\u5468\u8fb9\u65c5\u6e38',\n                      children: [{\n                          value: 'antianshufen',\n                          label: '\u6309\u5929\u6570\u5206',\n                          children: [{\n                              value: 'yitian',\n                              label: '\u4e00\u5929'\n                          }, {\n                              value: 'liangtian',\n                              label: '\u4e24\u5929'\n                          }, {\n                              value: 'santian',\n                              label: '\u4e09\u5929'\n                          }]\n                      }, {\n                          value: 'taqing',\n                          label: '\u8e0f\u9752\u8d4f\u82b1',\n                          children: [{\n                              value: 'wuxi',\n                              label: '\u65e0\u9521'\n                          }, {\n                              value: 'yangzhou',\n                              label: '\u626c\u5dde'\n                          }]\n                      }]\n                  }, {\n                      value: 'guonei',\n                      label: '\u56fd\u5185\u65c5\u6e38',\n                      children: [{\n                          value: 'hainan',\n                          label: '\u6d77\u5357',\n                          children: [{\n                              value: 'sanya',\n                              label: '\u4e09\u4e9a'\n                          }, {\n                              value: 'haikou',\n                              label: '\u6d77\u53e3'\n                          }, {\n                              value: 'yalongwan',\n                              label: '\u4e9a\u9f99\u6e7e'\n                          }, {\n                              value: 'tianyahaijiao',\n                              label: '\u5929\u6daf\u6d77\u89d2'\n                          }]\n                      }, {\n                          value: 'yunnan',\n                          label: '\u4e91\u5357',\n                          children: [{\n                              value: 'dali',\n                              label: '\u5927\u7406'\n                          }, {\n                              value: 'lijiang',\n                              label: '\u4e3d\u6c5f'\n                          }, {\n                              value: 'kunming',\n                              label: '\u6606\u660e'\n                          }, {\n                              value: 'yuxi',\n                              label: '\u7389\u6eaa'\n                          }]\n                      }, {\n                          value: 'neimeng',\n                          label: '\u5185\u8499\u53e4',\n                          children: [{\n                              value: 'chifeng',\n                              label: '\u8d64\u5cf0'\n                          }, {\n                              value: 'huhe',\n                              label: '\u547c\u548c\u6d69\u7279'\n                          }, {\n                              value: 'baotou',\n                              label: '\u5305\u5934'\n                          }, {\n                              value: 'erdos',\n                              label: '\u9102\u5c14\u591a\u65af'\n                          }]\n                      }]\n                  }, {\n                      value: 'oumei',\n                      label: '\u6b27\u7f8e',\n                      children: [{\n                          value: 'ruishi',\n                          label: '\u745e\u58eb'\n                      }, {\n                          value: 'faguo',\n                          label: '\u6cd5\u56fd'\n                      }, {\n                          value: 'meiguo',\n                          label: '\u7f8e\u56fd'\n                      }]\n                  }],\n                  selectedOptions: [],\n                  selectedOptions2: []\n              }\n          }\n\n          handleChange(key, value) {\n              this.setState({ [key]: value });\n          }\n\n          render(){\n              return (\n                  <div>\n                      <Cascader\n                          options={this.state.options}\n                          showAllLevels={false}\n                      />\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ","\n      import React, { Component } from 'react';\n      import Cascader from \"../../ishow/Cascader\";\n\n      class App extends Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  options: [{\n                      value: 'zhoubian',\n                      label: '\u5357\u4eac\u5468\u8fb9\u65c5\u6e38',\n                      children: [{\n                          value: 'antianshufen',\n                          label: '\u6309\u5929\u6570\u5206',\n                          children: [{\n                              value: 'yitian',\n                              label: '\u4e00\u5929'\n                          }, {\n                              value: 'liangtian',\n                              label: '\u4e24\u5929'\n                          }, {\n                              value: 'santian',\n                              label: '\u4e09\u5929'\n                          }]\n                      }, {\n                          value: 'taqing',\n                          label: '\u8e0f\u9752\u8d4f\u82b1',\n                          children: [{\n                              value: 'wuxi',\n                              label: '\u65e0\u9521'\n                          }, {\n                              value: 'yangzhou',\n                              label: '\u626c\u5dde'\n                          }]\n                      }]\n                  }, {\n                      value: 'guonei',\n                      label: '\u56fd\u5185\u65c5\u6e38',\n                      children: [{\n                          value: 'hainan',\n                          label: '\u6d77\u5357',\n                          children: [{\n                              value: 'sanya',\n                              label: '\u4e09\u4e9a'\n                          }, {\n                              value: 'haikou',\n                              label: '\u6d77\u53e3'\n                          }, {\n                              value: 'yalongwan',\n                              label: '\u4e9a\u9f99\u6e7e'\n                          }, {\n                              value: 'tianyahaijiao',\n                              label: '\u5929\u6daf\u6d77\u89d2'\n                          }]\n                      }, {\n                          value: 'yunnan',\n                          label: '\u4e91\u5357',\n                          children: [{\n                              value: 'dali',\n                              label: '\u5927\u7406'\n                          }, {\n                              value: 'lijiang',\n                              label: '\u4e3d\u6c5f'\n                          }, {\n                              value: 'kunming',\n                              label: '\u6606\u660e'\n                          }, {\n                              value: 'yuxi',\n                              label: '\u7389\u6eaa'\n                          }]\n                      }, {\n                          value: 'neimeng',\n                          label: '\u5185\u8499\u53e4',\n                          children: [{\n                              value: 'chifeng',\n                              label: '\u8d64\u5cf0'\n                          }, {\n                              value: 'huhe',\n                              label: '\u547c\u548c\u6d69\u7279'\n                          }, {\n                              value: 'baotou',\n                              label: '\u5305\u5934'\n                          }, {\n                              value: 'erdos',\n                              label: '\u9102\u5c14\u591a\u65af'\n                          }]\n                      }]\n                  }, {\n                      value: 'oumei',\n                      label: '\u6b27\u7f8e',\n                      children: [{\n                          value: 'ruishi',\n                          label: '\u745e\u58eb'\n                      }, {\n                          value: 'faguo',\n                          label: '\u6cd5\u56fd'\n                      }, {\n                          value: 'meiguo',\n                          label: '\u7f8e\u56fd'\n                      }]\n                  }],\n                  selectedOptions: [],\n                  selectedOptions2: [],\n                  selectedOptions3: ['oumei', 'ruishi', ]\n              }\n          }\n\n          handleChange(key, value) {\n              this.setState({ [key]: value });\n          }\n\n          render(){\n              return (\n                  <div>\n                      <Cascader\n                          options={this.state.options}\n                          value={this.state.selectedOptions3}\n                      />\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ","\n      import React, { Component } from 'react';\n      import Cascader from \"../../ishow/Cascader\";\n\n      class App extends Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  options: [{\n                      value: 'zhoubian',\n                      label: '\u5357\u4eac\u5468\u8fb9\u65c5\u6e38',\n                      children: [{\n                          value: 'antianshufen',\n                          label: '\u6309\u5929\u6570\u5206',\n                          children: [{\n                              value: 'yitian',\n                              label: '\u4e00\u5929'\n                          }, {\n                              value: 'liangtian',\n                              label: '\u4e24\u5929'\n                          }, {\n                              value: 'santian',\n                              label: '\u4e09\u5929'\n                          }]\n                      }, {\n                          value: 'taqing',\n                          label: '\u8e0f\u9752\u8d4f\u82b1',\n                          children: [{\n                              value: 'wuxi',\n                              label: '\u65e0\u9521'\n                          }, {\n                              value: 'yangzhou',\n                              label: '\u626c\u5dde'\n                          }]\n                      }]\n                  }, {\n                      value: 'guonei',\n                      label: '\u56fd\u5185\u65c5\u6e38',\n                      children: [{\n                          value: 'hainan',\n                          label: '\u6d77\u5357',\n                          children: [{\n                              value: 'sanya',\n                              label: '\u4e09\u4e9a'\n                          }, {\n                              value: 'haikou',\n                              label: '\u6d77\u53e3'\n                          }, {\n                              value: 'yalongwan',\n                              label: '\u4e9a\u9f99\u6e7e'\n                          }, {\n                              value: 'tianyahaijiao',\n                              label: '\u5929\u6daf\u6d77\u89d2'\n                          }]\n                      }, {\n                          value: 'yunnan',\n                          label: '\u4e91\u5357',\n                          children: [{\n                              value: 'dali',\n                              label: '\u5927\u7406'\n                          }, {\n                              value: 'lijiang',\n                              label: '\u4e3d\u6c5f'\n                          }, {\n                              value: 'kunming',\n                              label: '\u6606\u660e'\n                          }, {\n                              value: 'yuxi',\n                              label: '\u7389\u6eaa'\n                          }]\n                      }, {\n                          value: 'neimeng',\n                          label: '\u5185\u8499\u53e4',\n                          children: [{\n                              value: 'chifeng',\n                              label: '\u8d64\u5cf0'\n                          }, {\n                              value: 'huhe',\n                              label: '\u547c\u548c\u6d69\u7279'\n                          }, {\n                              value: 'baotou',\n                              label: '\u5305\u5934'\n                          }, {\n                              value: 'erdos',\n                              label: '\u9102\u5c14\u591a\u65af'\n                          }]\n                      }]\n                  }, {\n                      value: 'oumei',\n                      label: '\u6b27\u7f8e',\n                      children: [{\n                          value: 'ruishi',\n                          label: '\u745e\u58eb'\n                      }, {\n                          value: 'faguo',\n                          label: '\u6cd5\u56fd'\n                      }, {\n                          value: 'meiguo',\n                          label: '\u7f8e\u56fd'\n                      }]\n                  }]\n              }\n          }\n\n          render(){\n              return (\n                  <div>\n                      <Cascader\n                          options={this.state.options}\n                          changeOnSelect={true}\n                      />\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ","\n      import React, { Component } from 'react';\n      import Cascader from \"../../ishow/Cascader\";\n\n      class App extends Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  options2: [{\n                      label: '\u6c5f\u82cf',\n                      cities: []\n                  }, {\n                      label: '\u6d59\u6c5f',\n                      cities: []\n                  }],\n                  props: {\n                      value: 'label',\n                      children: 'cities'\n                  }\n              }\n          }\n\n          handleItemChange(val) {\n          console.log('active item:', val);\n\n          setTimeout(() => {\n              if (val.indexOf('\u6c5f\u82cf') > -1 && !this.state.options2[0].cities.length) {\n              this.state.options2[0].cities = [{\n                  label: '\u5357\u4eac'\n              }];\n              } else if (val.indexOf('\u6d59\u6c5f') > -1 && !this.state.options2[1].cities.length) {\n              this.state.options2[1].cities = [{\n                  label: '\u676d\u5dde'\n              }];\n              }\n\n              this.forceUpdate();\n          }, 300);\n          }\n\n          render(){\n              return (\n                  <div>\n                      <Cascader\n                          props={this.state.props}\n                          options={this.state.options2}\n                          activeItemChange={this.handleItemChange.bind(this)}\n                      />\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ","\n      import React, { Component } from 'react';\n      import Cascader from \"../../ishow/Cascader\";\n\n      class App extends Component {\n          constructor(props) {\n              super(props);\n\n              this.state = {\n                  options: [{\n                      value: 'zhoubian',\n                      label: '\u5357\u4eac\u5468\u8fb9\u65c5\u6e38',\n                      children: [{\n                          value: 'antianshufen',\n                          label: '\u6309\u5929\u6570\u5206',\n                          children: [{\n                              value: 'yitian',\n                              label: '\u4e00\u5929'\n                          }, {\n                              value: 'liangtian',\n                              label: '\u4e24\u5929'\n                          }, {\n                              value: 'santian',\n                              label: '\u4e09\u5929'\n                          }]\n                      }, {\n                          value: 'taqing',\n                          label: '\u8e0f\u9752\u8d4f\u82b1',\n                          children: [{\n                              value: 'wuxi',\n                              label: '\u65e0\u9521'\n                          }, {\n                              value: 'yangzhou',\n                              label: '\u626c\u5dde'\n                          }]\n                      }]\n                  }, {\n                      value: 'guonei',\n                      label: '\u56fd\u5185\u65c5\u6e38',\n                      children: [{\n                          value: 'hainan',\n                          label: '\u6d77\u5357',\n                          children: [{\n                              value: 'sanya',\n                              label: '\u4e09\u4e9a'\n                          }, {\n                              value: 'haikou',\n                              label: '\u6d77\u53e3'\n                          }, {\n                              value: 'yalongwan',\n                              label: '\u4e9a\u9f99\u6e7e'\n                          }, {\n                              value: 'tianyahaijiao',\n                              label: '\u5929\u6daf\u6d77\u89d2'\n                          }]\n                      }, {\n                          value: 'yunnan',\n                          label: '\u4e91\u5357',\n                          children: [{\n                              value: 'dali',\n                              label: '\u5927\u7406'\n                          }, {\n                              value: 'lijiang',\n                              label: '\u4e3d\u6c5f'\n                          }, {\n                              value: 'kunming',\n                              label: '\u6606\u660e'\n                          }, {\n                              value: 'yuxi',\n                              label: '\u7389\u6eaa'\n                          }]\n                      }, {\n                          value: 'neimeng',\n                          label: '\u5185\u8499\u53e4',\n                          children: [{\n                              value: 'chifeng',\n                              label: '\u8d64\u5cf0'\n                          }, {\n                              value: 'huhe',\n                              label: '\u547c\u548c\u6d69\u7279'\n                          }, {\n                              value: 'baotou',\n                              label: '\u5305\u5934'\n                          }, {\n                              value: 'erdos',\n                              label: '\u9102\u5c14\u591a\u65af'\n                          }]\n                      }]\n              }\n          }\n\n          render(){\n              return (\n                  <div>\n                      <Cascader\n                          placeholder=\"\u8bd5\u8bd5\u641c\u7d22\uff1a\u4e3d\u6c5f\"\n                          options={this.state.options}\n                          filterable={true}\n                      />\n                      <Cascader\n                          placeholder=\"\u8bd5\u8bd5\u641c\u7d22\uff1a\u4e91\u5357\"\n                          options={this.state.options}\n                          filterable={true}\n                          changeOnSelect={true}\n                      />\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      "]},Badge:{Code:['\n      import React, { Component } from \'react\';\n      import Badge from \'../../ishow/Badge/index\';\n      import Button from "../../ishow/Button/index";\n      import Dropdown from \'../../ishow/Dropdown/index.js\';\n\n      class App extends React.Component {\n          render(){\n              return(\n                  <div>\n                      <Badge value={ 12 } style={{marginRight:40}}>\n                      <Button size="small">\u8bc4\u8bba</Button>\n                      </Badge>\n\n                      <Badge value={ 3 } style={{marginRight:40}}>\n                          <Button size="small">\u56de\u590d</Button>\n                      </Badge>\n\n                      <Dropdown trigger="click" menu={(\n                          <Dropdown.Menu>\n                          <Dropdown.Item className="clearfix">\n                              <span>\u8bc4\u8bba</span><Badge className="mark" value={ 12 } />\n                          </Dropdown.Item>\n                          <Dropdown.Item className="clearfix">\n                              <span>\u56de\u590d</span><Badge className="mark" value={ 3 } />\n                          </Dropdown.Item>\n                          </Dropdown.Menu>\n                          )}\n                      >\n                          <span className="ishow-dropdown-link">\u70b9\u6211\u67e5\u770b<i className="ishow-icon-caret-bottom ishow-icon--right"></i></span>\n                      </Dropdown>\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ','\n      import React, { Component } from \'react\';\n      import Badge from \'../../ishow/Badge/index\';\n      import Button from "../../ishow/Button/index";\n\n      class App extends React.Component {\n          render(){\n              return(\n                  <div>\n                      <Badge value={ 200 } max={ 99 } style={{marginRight:40}}>\n                          <Button size="small">\u8bc4\u8bba</Button>\n                      </Badge>\n                      <Badge value={ 100 } max={ 10 }>\n                          <Button size="small">\u56de\u590d</Button>\n                      </Badge>\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ',"\n      import React, { Component } from 'react';\n      import Badge from '../../ishow/Badge/index';\n      import Button from \"../../ishow/Button/index\";\n\n      class App extends React.Component {\n          render(){\n              return(\n                  <div>\n                      <Badge value={ 'new' } style={{marginRight:40}}>\n                          <Button size=\"small\">\u8bc4\u8bba</Button>\n                      </Badge>\n                      <Badge value={ 'hot' }>\n                          <Button size=\"small\">\u56de\u590d</Button>\n                      </Badge>\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ",'\n      import React, { Component } from \'react\';\n      import Badge from \'../../ishow/Badge/index\';\n      import Button from "../../ishow/Button/index";\n\n      class App extends React.Component {\n          render(){\n              return(\n                  <div>\n                      <Badge isDot style={{marginRight:40}}>\n                          \u6570\u636e\u67e5\u8be2\n                      </Badge>\n                      <Badge isDot>\n                          <Button className="share-button" icon="share" type="primary"></Button>\n                      </Badge>\n                  </div>\n              )\n          }\n      }\n\n      export default App\n      ']},QueryCriteriaModule:{Code:["\n      import React, { Component } from 'react';\n      //\u6309\u9700\u52a0\u8f7d\n      import Button from \"../../ishow/Button/index\";\n      import Row from '../../ishow/LayoutComponent/row';\n      import Col from '../../ishow/LayoutComponent/col';\n      import Input from '../../ishow/Input';\n      import {DatePicker} from '../../ishow/DatePicker';\n      import Select from '../../ishow/Select';\n\n      class QueryCriteriaModule extends Component {\n        constructor(props){\n          super(props);\n          this.state = {\n            expendCollapse:true,\n            paginationVisible:false,\n            page: 100,\n            pageSize: 10,\n            currentPage: 1,\n            initDateStart:'',\n            initDateEnd:'',\n            assignDateStart:'',\n            assignDateEnd:'',\n            finishDateStart:'',\n            finishDateEnd:'',\n            addData:[],\n            addColumns:[\n              {\n                label:'\u6295\u8bc9\u4e8b\u5b9c\u8bb0\u5f55',\n                subColumns:[\n                  {\n                    label:\"\u65e5\u671f\",\n                    prop:'date'\n                  },\n                  {\n                    label:'\u5185\u5bb9',\n                    prop:'content'\n                  },\n                  {\n                    label:'\u8be6\u60c5',\n                    prop:'detail'\n                  }\n                ]\n              }\n            ],\n            options: [{\n              value: '\u9009\u98791',\n              label: '\u95ee\u98981'\n            }, {\n              value: '\u9009\u98792',\n              label: '\u95ee\u98982'\n            }, {\n              value: '\u9009\u98793',\n              label: '\u95ee\u98983'\n            }, {\n              value: '\u9009\u98794',\n              label: '\u95ee\u98984'\n            }, {\n              value: '\u9009\u98795',\n              label: '\u95ee\u98985'\n            }],\n            selectValue: ''\n          };\n        }\n\n        toggleExpend(){\n          this.setState({expendCollapse:!this.state.expendCollapse})\n        }\n\n        render() {\n          let expendCollapse = this.state.expendCollapse;\n          let arrowDirection = expendCollapse ? 'arrow-down' : 'arrow-up';\n          let isCollapsePartHidden = expendCollapse ? 'QueryCriteriaModule_CollapsePart':'';\n          let ButtonText = expendCollapse ? '\u5c55\u5f00' : '\u6536\u8d77';\n          let initDateStart = this.state.initDateStart;\n          let initDateEnd = this.state.initDateEnd;\n          let assignDateStart = this.state.assignDateStart;\n          let assignDateEnd = this.state.assignDateEnd;\n          let finishDateStart = this.state.finishDateStart;\n          let finishDateEnd = this.state.finishDateEnd;\n          //for Collapse\n          return (\n            <div>\n              <div className=\"QueryCriteriaModule\">\n                <div>\n                  <Row className='QueryCriteriaModule_Row' >\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u6295\u8bc9\u5355ID</label><Input className='QueryCriteriaModule_Input'/></Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u8ba2\u5355ID</label><Input className='QueryCriteriaModule_Input'/></Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u7ebf\u8def\u53f7</label><Input className='QueryCriteriaModule_Input'/></Col>\n                  </Row>\n                  <Row  className='QueryCriteriaModule_Row' >\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u6295\u8bc9\u4eba\u7535\u8bdd</label><Input className='QueryCriteriaModule_Input'/></Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u53d1\u8d77\u4eba</label><Input className='QueryCriteriaModule_Input' append={<Button type=\"primary\" icon=\"search\">\u7531\u6211\u53d1\u8d77</Button>}/></Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u5904\u7406\u4eba</label><Input className='QueryCriteriaModule_Input'/></Col>\n                  </Row>\n                  <Row  className='QueryCriteriaModule_Row' >\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u5904\u7406\u5c97</label>\n                    <Select className='QueryCriteriaModule_Input' value={this.state.selectValue}> \n                        {\n                          this.state.options.map(el => {\n                            return <Select.Option key={el.value} label={el.label} value={el.value} />\n                          })\n                        }\n                      </Select>\n                    </Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u6295\u8bc9\u5355\u72b6\u6001</label>\n                    <Select className='QueryCriteriaModule_Input' value={this.state.selectValue}>\n                        {\n                          this.state.options.map(el => {\n                            return <Select.Option key={el.value} label={el.label} value={el.value} />\n                          })\n                        }\n                      </Select>\n                    </Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u4f9b\u5e94\u5546\u540d\u79f0</label><Input className='QueryCriteriaModule_Input'/></Col>\n                  </Row>\n                </div>\n                <div className='QueryCriteriaModule_Expend'><Button onClick={this.toggleExpend.bind(this)} className='QueryCriteriaModule_Expend_Button' plain={true} icon={arrowDirection}>{ButtonText}</Button></div>\n                <div className={isCollapsePartHidden}>\n                  <Row className='QueryCriteriaModule_Row'>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u5ba2\u670d\u7ecf\u7406</label><Input className='QueryCriteriaModule_Input'/></Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u4ea7\u54c1\u7ecf\u7406</label><Input className='QueryCriteriaModule_Input'/></Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u662f\u5426\u4e3a\u8d54\u6b3e\u5355</label>\n                    <Select className='QueryCriteriaModule_Input' value={this.state.selectValue}> \n                        {\n                          this.state.options.map(el => {\n                            return <Select.Option key={el.value} label={el.label} value={el.value} />\n                          })\n                        }\n                      </Select>\n                    </Col>\n                  </Row>\n                  <Row  className='QueryCriteriaModule_Row' >\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u53d1\u8d77\u65f6\u95f4</label>\n                        {/* <Input className='QueryCriteriaModule_Input'/> */}\n                        <div className='QueryCriteriaModule_DatePicker'>\n                        <DatePicker\n                        // style={{width:'41%',display:'inline'}}\n                        value={initDateStart}\n                        isShowTime={true}\n                        placeholder=\"\u9009\u62e9\u65e5\u671f\"\n                        format='yyyy-MM-dd HH:mm:ss'\n                        onChange={date=>{\n                          console.debug('DatePicker1 changed: ', date)\n                          this.setState({initDateStart: date})\n                        }}\n                        disabledDate={time=>time.getTime() < Date.now() - 8.64e7}\n                        /><span className='QueryCriteriaModule_rangeSpliter'>\u81f3</span>\n                        <DatePicker\n                        // style={{width:'41%',display:'inline'}}\n                        value={initDateEnd}\n                        isShowTime={true}\n                        placeholder=\"\u9009\u62e9\u65e5\u671f\"\n                        format='yyyy-MM-dd HH:mm:ss'\n                        onChange={date=>{\n                          console.debug('DatePicker1 changed: ', date)\n                          this.setState({initDateEnd: date})\n                        }}\n                        disabledDate={time=>time.getTime() < Date.now() - 8.64e7}\n                        />\n                      </div>\n                    </Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u5206\u914d\u65f6\u95f4</label>\n                    <div className='QueryCriteriaModule_DatePicker'>\n                        <DatePicker\n                        // style={{width:'41%',display:'inline'}}\n                        value={assignDateStart}\n                        isShowTime={true}\n                        placeholder=\"\u9009\u62e9\u65e5\u671f\"\n                        format='yyyy-MM-dd HH:mm:ss'\n                        onChange={date=>{\n                          console.debug('DatePicker1 changed: ', date)\n                          this.setState({assignDateStart: date})\n                        }}\n                        disabledDate={time=>time.getTime() < Date.now() - 8.64e7}\n                        /><span className='QueryCriteriaModule_rangeSpliter'>\u81f3</span>\n                        <DatePicker\n                        // style={{width:'41%',display:'inline'}}\n                        value={assignDateEnd}\n                        isShowTime={true}\n                        placeholder=\"\u9009\u62e9\u65e5\u671f\"\n                        format='yyyy-MM-dd HH:mm:ss'\n                        onChange={date=>{\n                          console.debug('DatePicker1 changed: ', date)\n                          this.setState({assignDateEnd: date})\n                        }}\n                        disabledDate={time=>time.getTime() < Date.now() - 8.64e7}\n                        />\n                      </div>\n                    </Col>\n                    <Col className='QueryCriteriaModule_Col' span={8} ><label>\u5b8c\u6210\u65f6\u95f4</label>\n                    <div className='QueryCriteriaModule_DatePicker'>\n                        <DatePicker\n                        // style={{width:'41%',display:'inline'}}\n                        value={finishDateStart}\n                        isShowTime={true}\n                        placeholder=\"\u9009\u62e9\u65e5\u671f\"\n                        format='yyyy-MM-dd HH:mm:ss'\n                        onChange={date=>{\n                          console.debug('DatePicker1 changed: ', date)\n                          this.setState({finishDateStart: date})\n                        }}\n                        disabledDate={time=>time.getTime() < Date.now() - 8.64e7}\n                        /><span className='QueryCriteriaModule_rangeSpliter'>\u81f3</span>\n                        <DatePicker\n                        // style={{width:'41%',display:'inline'}}\n                        value={finishDateEnd}\n                        isShowTime={true}\n                        placeholder=\"\u9009\u62e9\u65e5\u671f\"\n                        format='yyyy-MM-dd HH:mm:ss'\n                        onChange={date=>{\n                          console.debug('DatePicker1 changed: ', date)\n                          this.setState({finishDateEnd: date})\n                        }}\n                        disabledDate={time=>time.getTime() < Date.now() - 8.64e7}\n                        />\n                      </div>\n                    </Col>\n                  </Row>\n                </div>\n              </div>\n              <div className='QueryCriteriaModule_Button'>\n                  <Button type=\"primary\" size=\"large\">\u67e5\u8be2</Button>\n                  <Button plain={true} type=\"primary\" size=\"large\">\u91cd\u7f6e</Button>\n              </div>\n            </div>\n          );\n        }\n      }\n\n      export default QueryCriteriaModule;\n\n      //\u4e0b\u9762\u4e3a\u7ec4\u4ef6\u4e2d\u6d89\u53ca\u7684\u6837\u5f0f\uff0c\u53ef\u590d\u5236\u5230\u6587\u4ef6\u4e2d\u5f15\u7528\n      .QueryCriteriaModule {\n          margin-top: 20px;\n      }\n\n      .QueryCriteriaModule_ShowPart {\n          position: relative;\n          overflow: hidden;\n      }\n\n      .QueryCriteriaModule .QueryCriteriaModule_Row {\n          margin-bottom: 20px;\n      }\n\n      .QueryCriteriaModule .QueryCriteriaModule_Row>.QueryCriteriaModule_Col {\n          text-align: center;\n      }\n\n      .QueryCriteriaModule_Col>label {\n          display: inline-block;\n          width: 16%;\n          text-align: left;\n          vertical-align: middle;\n      }\n\n      .QueryCriteriaModule_Col>.QueryCriteriaModule_Input {\n          width: 70%;\n          margin-left: 2%;\n      }\n\n      .QueryCriteriaModule_Expend {\n          border-bottom: 1px dashed #ddd;\n          margin: 35px auto;\n          position: relative;\n          width: 96%;\n      }\n\n      .QueryCriteriaModule_Expend>.QueryCriteriaModule_Expend_Button {\n          position: absolute;\n          text-align: center;\n          right: 0;\n          top: -16px;\n          width: 80px;\n          display: inline-block;\n          margin: 0 auto;\n      }\n\n      .QueryCriteriaModule_CollapsePart {\n          display: none;\n      }\n\n      .QueryCriteriaModule_Button {\n          text-align: center;\n          margin: 30px 0;\n      }\n\n      .QueryCriteriaModule_DatePicker {\n          display: inline-block;\n          width: 70%;\n          margin-left: 10px;\n      }\n\n      .QueryCriteriaModule_DatePicker .ishow-date-editor.ishow-input {\n          width: auto !important;\n      }\n\n      .QueryCriteriaModule_DatePicker .ishow-date-editor {\n          width: 45%;\n      }\n\n      .QueryCriteriaModule_rangeSpliter {\n          display: inline-block;\n          width: 10%;\n      }\n      "]},CopyUrlAndRefresh:{Code:["\n      import React from 'react';\n      import './App.css';\n      import MessageBox from '../../ishow/MessageBox/index';\n      import IconPlus from '../../ishow/LayoutComponent/icon/index';\n\n      export default class App extends React.Component {\n          \n        //\u590d\u5236\u7f51\u5740\u5230\u526a\u5207\u677f ===start\n          fallbackCopyTextToClipboard = (text)=> {\n            var textArea = document.createElement(\"textarea\");\n            textArea.value = text;\n            document.body.appendChild(textArea);\n            textArea.focus();\n            textArea.select();\n          \n            try {\n              var successful = document.execCommand('copy');\n              var msg = successful ? 'successful' : 'unsuccessful';\n              console.log('Fallback: Copying text command was ' + msg);\n            } catch (err) {\n              console.error('Fallback: Oops, unable to copy', err);\n            }\n          \n            document.body.removeChild(textArea);\n          }\n          //\u53c2\u6570text\u4e3a\u8981\u590d\u5236\u5230\u526a\u5207\u677f\u7684\u5185\u5bb9\uff0c\u6b64\u5904\u4e3a\u5f53\u524d\u9875\u7684URL\u5730\u5740\n          copyTextToClipboard = (text)=> {\n            if (!navigator.clipboard) {\n              this.fallbackCopyTextToClipboard(text);\n              return;\n            }\n            navigator.clipboard.writeText(text).then(()=> {\n              MessageBox.msgbox({\n                message:'URL\u6210\u529f\u590d\u5236\u5230\u526a\u5207\u677f',\n                type:\"success\"\n              })\n            }, (err)=> {\n              console.error('Async: Could not copy text: ', err);\n            });\n          }\n        //\u590d\u5236\u7f51\u5740\u5230\u526a\u5207\u677f === end\n\n          render(){\n              return (\n                <div>\n                  <span style={{cursor:'pointer'}}>\n                    <IconPlus type=\"reload\" title=\"\u5237\u65b0\" onClick={()=>window.location.reload()}/> <IconPlus type=\"copy\" title=\"\u590d\u5236url\" onClick={()=>this.copyTextToClipboard(window.location.href)}/>\n                  </span>  \n                </div>\n              )\n          }\n      }\n      "]},GoogleMap:{Code:['\n      /**\n       * \u4f7f\u7528\u8c37\u6b4c\u5730\u56fe\u524d\u9700\u8981\u5728\u5f15\u5165\u5730\u56fe\u7684jssdk\n       * <script type="text/javascript" src="http://ditu.google.cn/maps/api/js?v=3&sensor=false&key=\u4f60\u7684\u8c37\u6b4c\u5730\u56feAPI_KEY&hl=zh-CN"><\/script>\n      */\n      // react \u4e2d\u4f7f\u7528\n      import React from "react";\n      import \'./App.css\'\n      \n      let map ;\n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {\n  \n              };\n          }\n\n          componentDidMount(){\n              if(!map) this.__initMap();\n          }\n\n          componentWillUnmount(){\n            map = null;\n          }\n\n          // \u521d\u59cb\u5316\u5730\u56fe\n          __initMap(){\n              // \u521d\u59cb\u5316\u5730\u56fe  \u5730\u56fe\u4e2d\u5fc3\u70b9\u5750\u6807\u4e0e\u6bd4\u4f8b\u5c3a\u5927\u5c0f\u5fc5\u586b\n              map = new window.google.maps.Map(this.refs.map, {\n                center: { lat: 32.07226, lng: 118.79357 },    //\u4ee5\u5357\u4eac\u7684\u5750\u6807\u4e3a\u6f14\u793a\n                zoom: 13,\n                mapTypeId:window.google.maps.MapTypeId.ROADMAP\n              });\n              this.__renderMarker();\n          }\n\n          // \u57fa\u7840\u6253\u70b9\u5e76\u521b\u5efa\u4e00\u4e2a\u70b9\u51fb\u6253\u5f00\u5f39\u7a97\n          __renderMarker(){\n            var marker2= new window.google.maps.Marker({labelContent: "\u8fd9\u662f\u7384\u6b66\u6e56", position:{lat:32.07226,lng: 118.79357},map:map});\n            var iw3 = new window.google.maps.InfoWindow({\n                  content: "\u8fd9\u662f\u7384\u6b66\u6e56"\n              });\n            iw3.open(map, marker2);\n            // \u4e3a\u6807\u8bb0\u70b9\u6dfb\u52a0\u70b9\u51fb\u6253\u5f00\u5f39\u7a97\u4e8b\u4ef6\n            window.google.maps.event.addListener(marker2, "click", (e)=> { iw3.open(map, marker2); });\n          }\n\n          render(){\n              return (\n              <div>\n                  <div id=\'map\' ref=\'map\' style={{width: \'100%\',height:\'540px\'}}></div>\n              </div>\n              )\n          }\n      }\n\n      export default App;\n\n      ','\n      // \u666e\u901a\u9875\u9762\u4e2d\u4f7f\u7528\n      var map;\n      // \u521d\u59cb\u5316\u5730\u56fe  \u5730\u56fe\u4e2d\u5fc3\u70b9\u5750\u6807\u4e0e\u6bd4\u4f8b\u5c3a\u5927\u5c0f\u5fc5\u586b\n      function initMap() {\n        map = new window.google.maps.Map(document.getElementById(\'map\'), {\n          center: { lat: 32.07226, lng: 118.79357 },    //\u4ee5\u5357\u4eac\u7684\u5750\u6807\u4e3a\u6f14\u793a\n          zoom: 13,\n          mapTypeId:window.google.maps.MapTypeId.ROADMAP\n        });\n        renderMarker();\n      }\n\n      // \u57fa\u7840\u6253\u70b9\u5e76\u521b\u5efa\u4e00\u4e2a\u70b9\u51fb\u6253\u5f00\u5f39\u7a97\n      function renderMarker(){\n        var marker2= new window.google.maps.Marker({labelContent: "\u8fd9\u662f\u7384\u6b66\u6e56", position:{lat:32.07226,lng: 118.79357},map:map});\n        var iw3 = new window.google.maps.InfoWindow({\n              content: "\u8fd9\u662f\u7384\u6b66\u6e56"\n          });\n        iw3.open(map, marker2);\n        // \u4e3a\u6807\u8bb0\u70b9\u6dfb\u52a0\u70b9\u51fb\u6253\u5f00\u5f39\u7a97\u4e8b\u4ef6\n        window.google.maps.event.addListener(marker2, "click", (e)=> { iw3.open(map, marker2); });\n      }\n\n      initMap();\n      ',"\n      // react\u4e2d\u4f7f\u7528\n      import React from \"react\";\n      import './App.css'\n      \n      let map ;\n      \n      // \u81ea\u5b9a\u4e49\u7a97\u53e3\u6807\u7b7e\u7c7b \n      class Popup extends window.google.maps.OverlayView{\n          constructor(position,content1){\n            super();\n            this.position = position;\n            let content=document.createElement('div');\n            content.innerHTML=\"<b>\"+content1+\"</b>\";\n        \n            content.classList.add('popup-bubble-content');\n        \n            var pixelOffset = document.createElement('div');\n            pixelOffset.classList.add('popup-bubble-anchor');\n            pixelOffset.appendChild(content);\n        \n            this.anchor = document.createElement('div');\n            this.anchor.classList.add('popup-tip-anchor');\n            this.anchor.appendChild(pixelOffset);\n            this.stopEventPropagation();\n          }\n      \n          // \u6302\u5728\u5230\u5730\u56fe\u65f6\u8c03\u7528\n          onAdd(){\n            this.getPanes().floatPane.appendChild(this.anchor);\n          };\n        \n          // \u4ece\u5730\u56fe\u79fb\u9664\u65f6\u8c03\u7528\n          onRemove(){\n            if (this.anchor.parentElement) {\n              this.anchor.parentElement.removeChild(this.anchor);\n            }\n          };\n        \n          // \u7ed8\u5236\u65b9\u6cd5\n          draw(){\n            var divPosition = this.getProjection().fromLatLngToDivPixel(this.position);\n            // \u89c6\u56fe\u5916\u65f6\u81ea\u52a8\u9690\u85cf\n            var display =\n                Math.abs(divPosition.x) < 4000 && Math.abs(divPosition.y) < 4000 ?\n                'block' :\n                'none';\n        \n            if (display === 'block') {\n              this.anchor.style.left = divPosition.x + 'px';\n              this.anchor.style.top = divPosition.y + 'px';\n            }\n            if (this.anchor.style.display !== display) {\n              this.anchor.style.display = display;\n            }\n          };\n          \n          // \u963b\u6b62\u4e8b\u4ef6\u4f20\u64ad\n          stopEventPropagation(){\n            var anchor = this.anchor;\n            anchor.style.cursor = 'auto';\n        \n            ['click', 'dblclick', 'contextmenu', 'wheel', 'mousedown', 'touchstart',\n             'pointerdown']\n                .forEach(function(event) {\n                  anchor.addEventListener(event, function(e) {\n                    e.stopPropagation();\n                  });\n                });\n          };\n      \n      }\n      \n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {\n                  \n              };\n          }\n      \n          componentDidMount(){\n              if(!map) this.__initMap();\n          }\n\n          componentWillUnmount(){\n            map = null;\n          }\n          \n          // \u521d\u59cb\u5316\u5730\u56fe\n          __initMap(){\n      \n              // \u521d\u59cb\u5316\u5730\u56fe ,\u7531\u4e8e\u793a\u4f8b\u4e2d\u5730\u56fejs\u6587\u4ef6\u662f\u5168\u5c40\u5f15\u5165\u7684\uff0c\u6240\u4ee5googlemap\u7684api\u662f\u5728window\u4e0b\n              map = new window.google.maps.Map(this.refs.map, {\n                  center: {lat: 32.07226, lng: 118.78173},\n                  zoom: 10,\n                  mapTypeId:window.google.maps.MapTypeId.ROADMAP\n              });\n\n              // \u521b\u5efa\u4e24\u4e2a\u81ea\u5b9a\u4e49\u5f39\u51fa\u7a97\u53e3\uff0c\u4f20\u5165\u5750\u6807\u4e0e\u5c55\u793a\u6587\u5b57\n              new Popup(new window.google.maps.LatLng(32.01923,118.78972),\"\u57ce\u5e021\").setMap(map);\n              new Popup(new window.google.maps.LatLng(32.05911,118.78173),\"\u57ce\u5e022\").setMap(map);\n          }\n      \n          render(){\n              return (\n              <div>\n                  <div id='map' ref='map' style={{width: '100%',height:'540px'}}></div>\n              </div>\n              )\n          }\n      }\n      \n      export default App;\n      ","\n      // \u666e\u901a\u9875\u9762\u4e2d\u4f7f\u7528\n      <style>\n      .popup-tip-anchor {\n        height: 0;\n        position: absolute;\n        /* The max width of the info window. */\n        width: 200px;\n      }\n      \n      .popup-bubble-anchor {\n        position: absolute;\n        width: 100%;\n        bottom: /* TIP_HEIGHT= */ 8px;\n        left: 0;\n      }\n      \n      .popup-bubble-anchor::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        /* Center the tip horizontally. */\n        transform: translate(-50%, 0);\n        /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */\n        width: 0;\n        height: 0;\n        /* The tip is 8px high, and 12px wide. */\n        border-left: 6px solid transparent;\n        border-right: 6px solid transparent;\n        border-top: /* TIP_HEIGHT= */ 8px solid white;\n      }\n      \n      .popup-bubble-content {\n        position: absolute;\n        top: 0;\n        left: 0;\n        transform: translate(-50%, -100%);\n        /* Style the info window. */\n        background-color: white;\n        padding: 5px;\n        border-radius: 5px;\n        font-family: sans-serif;\n        overflow-y: auto;\n        max-height: 60px;\n        box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);\n      }\n      </style>\n\n      var map;\n      // \u521d\u59cb\u5316\u5730\u56fe\n      function initMap() {\n        definePopupClass();\n      \n        map = new google.maps.Map(document.getElementById('map'), {\n          center: {lat: 32.07226, lng: 118.78173},\n          zoom: 10,\n        });\n      \n        new Popup(new google.maps.LatLng(32.01923,118.78972),\"\u57ce\u5e021\").setMap(map);\n        new Popup(new google.maps.LatLng(32.05911,118.78173),\"\u57ce\u5e022\").setMap(map);\n        \n      }\n      \n      // \u5b9a\u4e49\u7a97\u53e3\u7c7b\n      function definePopupClass() {\n        /**\n         * @param {!google.maps.LatLng} position\n         * @param {!Element} content1\n         * @constructor\n         * @extends {google.maps.OverlayView}\n         */\n        Popup = function(position, content1) {\n          this.position = position;\n          let content=document.createElement('div');\n          content.innerHTML=\"<b>\"+content1+\"</b>\";\n      \n          content.classList.add('popup-bubble-content');\n      \n          var pixelOffset = document.createElement('div');\n          pixelOffset.classList.add('popup-bubble-anchor');\n          pixelOffset.appendChild(content);\n      \n          this.anchor = document.createElement('div');\n          this.anchor.classList.add('popup-tip-anchor');\n          this.anchor.appendChild(pixelOffset);\n      \n          this.stopEventPropagation();\n        };\n\n        Popup.prototype = Object.create(google.maps.OverlayView.prototype);\n      \n        // \u6302\u8f7d\u65f6\u8c03\u7528\n        Popup.prototype.onAdd = function() {\n          this.getPanes().floatPane.appendChild(this.anchor);\n        };\n      \n        // \u4ece\u5730\u56fe\u79fb\u9664\u65f6\u8c03\u7528\n        Popup.prototype.onRemove = function() {\n          if (this.anchor.parentElement) {\n            this.anchor.parentElement.removeChild(this.anchor);\n          }\n        };\n      \n        // \u7ed8\u5236\u65b9\u6cd5\n        Popup.prototype.draw = function() {\n          var divPosition = this.getProjection().fromLatLngToDivPixel(this.position);\n          // Hide the popup when it is far out of view.\n          var display =\n              Math.abs(divPosition.x) < 4000 && Math.abs(divPosition.y) < 4000 ?\n              'block' :\n              'none';\n      \n          if (display === 'block') {\n            this.anchor.style.left = divPosition.x + 'px';\n            this.anchor.style.top = divPosition.y + 'px';\n          }\n          if (this.anchor.style.display !== display) {\n            this.anchor.style.display = display;\n          }\n        };\n        \n        // \u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\n        Popup.prototype.stopEventPropagation = function() {\n          var anchor = this.anchor;\n          anchor.style.cursor = 'auto';\n      \n          ['click', 'dblclick', 'contextmenu', 'wheel', 'mousedown', 'touchstart',\n           'pointerdown']\n              .forEach(function(event) {\n                anchor.addEventListener(event, function(e) {\n                  e.stopPropagation();\n                });\n              });\n        };\n      }\n      \n      initMap();\n      "]},GoogleMapDrawing:{Code:['\n      // react \u4e2d\u4f7f\u7528\n      import React from "react";\n      \n      let map;\n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {\n              };\n          }\n      \n          componentDidMount(){\n              if(!map) this.__initMap();\n          }\n          \n          componentWillUnmount(){\n            map = null;\n          }\n          \n          // \u521d\u59cb\u5316\u5730\u56fe\n          __initMap(){\n              // \u521d\u59cb\u5316\u5730\u56fe ,\u7531\u4e8e\u793a\u4f8b\u4e2d\u5730\u56fejs\u6587\u4ef6\u662f\u5168\u5c40\u5f15\u5165\u7684\uff0c\u6240\u4ee5googlemap\u7684api\u662f\u5728window\u4e0b\n              map = new window.google.maps.Map(this.refs.map, {\n                  center: { lat: 32.07226, lng: 118.79357 },\n                  zoom: 13,\n                  mapTypeId:window.google.maps.MapTypeId.ROADMAP\n              });\n              this.__renderMarker();\n              this.__renderPolyline();\n          }\n          \n          // \u7ed8\u5236\u6807\u8bb0\u70b9\n          __renderMarker(){\n              var marker= new window.google.maps.Marker({labelContent: "\u592b\u5b50\u5e99\u51fa\u53d1", position:{lat:32.01923,lng: 118.78972},map:map});\n              var marker2= new window.google.maps.Marker({labelContent: "\u8001\u95e8\u4e1c\u7ed3\u675f", position:{lat:32.07226,lng: 118.79357},map:map});\n               \n              var iw2 = new window.google.maps.InfoWindow({\n                    content: "\u592b\u5b50\u5e99\u51fa\u53d1"\n                });\n              var iw3 = new window.google.maps.InfoWindow({\n                    content: "\u7384\u6b66\u6e56\u559d\u8336"\n                });\n              iw2.open(map, marker);\n              iw3.open(map, marker2);\n              // \u4e3a\u6807\u8bb0\u70b9\u6dfb\u52a0\u70b9\u51fb\u6253\u5f00\u5f39\u7a97\u4e8b\u4ef6\n              window.google.maps.event.addListener(marker, "click", (e)=> { iw2.open(map, marker); });\n              window.google.maps.event.addListener(marker2, "click", (e)=> { iw3.open(map, marker2); });\n          }\n          \n          // \u7ed8\u5236\u6298\u7ebf\n          __renderPolyline(){\n              var locations = new Array(\n              "32.01923,118.78972", "32.046154,118.84542",\n              "32.0838,118.822","32.07226,118.79357",\n              "32.044544,118.79761", "32.05911,118.78173",\n              "32.012722,118.7876"\n              );\n      \n              // \u7ebf\u6761\u8bbe\u7f6e\n              var polyOptions = {\n                  strokeColor: \'#ff9900\',    // \u989c\u8272\n                  strokeOpacity: 1.0,    // \u900f\u660e\u5ea6\n                  strokeWeight: 8    // \u5bbd\u5ea6\n              }\n              var poly = new window.google.maps.Polyline(polyOptions);\n      \n              /* \u5faa\u73af\u6807\u51fa\u6240\u6709\u5750\u6807 */\n              for (var i = 0; i < locations.length; i++) {\n                  var loc = locations[i].split(\',\');\n                  var path = poly.getPath();    //\u83b7\u53d6\u7ebf\u6761\u7684\u5750\u6807\n                  path.push(new window.google.maps.LatLng(loc[0], loc[1]));    //\u4e3a\u7ebf\u6761\u6dfb\u52a0\u6807\u8bb0\u5750\u6807                  \n              }\n              poly.setMap(map);    // \u88c5\u8f7d\n          }\n      \n          render(){\n              return (\n              <div>\n                  <div id=\'map\' ref=\'map\' style={{width: \'100%\',height:\'540px\'}}></div>\n              </div>\n              )\n          }\n      }\n      \n      export default App;\n      ','\n      // \u666e\u901a\u9875\u9762\u4e2d\u4f7f\u7528\n      var map;\n\n      // \u5730\u56fe\u7ed8\u5236\n      function initialize(){\n          changeSize();\n          var mapProp = {\n              center:new google.maps.LatLng(32.07226,118.79357),              \n              zoom:13,\n              mapTypeId:google.maps.MapTypeId.ROADMAP\n          };\n          map=new google.maps.Map(document.getElementById("googleMap"), mapProp);\n\n          var marker= new google.maps.Marker({labelContent: "\u592b\u5b50\u5e99\u51fa\u53d1", position:{lat:32.01923,lng: 118.78972},map:map});\n          var marker2= new google.maps.Marker({labelContent: "\u8001\u95e8\u4e1c\u7ed3\u675f", position:{lat:32.07226,lng: 118.79357},map:map});\n         \n          var iw2 = new google.maps.InfoWindow({\n              content: "\u592b\u5b50\u5e99\u51fa\u53d1"\n          });\n          var iw3 = new google.maps.InfoWindow({\n              content: "\u7384\u6b66\u6e56\u559d\u8336"\n          });\n          iw2.open(map, marker);\n          iw3.open(map, marker2);\n          google.maps.event.addListener(marker, "click", function (e) { iw2.open(map, this); });\n\n          //http://maps.google.cn/maps/api/geocode/json?address=\u5357\u4eac   \u5f97\u5230\u5750\u6807\n          var locations = new Array(\n            "32.01923,118.78972", "32.046154,118.84542",\n              "32.0838,118.822","32.07226,118.79357",\n            "32.044544,118.79761", "32.05911,118.78173",\n            "32.012722,118.7876");\n  \n            // \u7ebf\u6761\u8bbe\u7f6e\n            var polyOptions = {\n                strokeColor: \'#ff9900\',    // \u989c\u8272\n                strokeOpacity: 1.0,    // \u900f\u660e\u5ea6\n                strokeWeight: 8    // \u5bbd\u5ea6\n            }\n            poly = new google.maps.Polyline(polyOptions);\n\n            /* \u5faa\u73af\u6807\u51fa\u6240\u6709\u5750\u6807 */\n            for (var i = 0; i < locations.length; i++) {\n                var loc = locations[i].split(\',\');\n                var path = poly.getPath();    //\u83b7\u53d6\u7ebf\u6761\u7684\u5750\u6807\n                path.push(new google.maps.LatLng(loc[0], loc[1]));    //\u4e3a\u7ebf\u6761\u6dfb\u52a0\u6807\u8bb0\u5750\u6807                  \n            }\n            poly.setMap(map);    // \u88c5\u8f7d\n            \n      }\n      //\u52a0\u8f7d\u5730\u56fe\n      google.maps.event.addDomListener(window, \'load\', initialize);\n      function changeSize() { \n        var showMap = document.getElementById("googleMap"); \n        showMap.style.width = (document.documentElement.clientWidth-20) + "px"; \n        showMap.style.height = (document.documentElement.clientHeight-20) + "px"; \n      }\n      window.onresize = changeSize;\n      ','\n      /**\n       * \u4f7f\u7528\u8c37\u6b4c\u5730\u56fe\u524d\u9700\u8981\u5728\u5f15\u5165\u5730\u56fe\u7684jssdk\n       * <script type="text/javascript" src="http://ditu.google.cn/maps/api/js?v=3&sensor=false&key=\u4f60\u7684\u8c37\u6b4c\u5730\u56feAPI_KEY&hl=zh-CN"><\/script>\n      */\n      // react \u4e2d\u4f7f\u7528\n      import React from "react";\n      import \'./App.css\'\n      \n      let map ;\n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {\n  \n              };\n          }\n\n          componentDidMount(){\n              if(!map) this.__initMap();\n          }\n\n          componentWillUnmount(){\n            map = null;\n          }\n\n          __initMap(){\n              // \u521d\u59cb\u5316\u5730\u56fe  \u5730\u56fe\u4e2d\u5fc3\u70b9\u5750\u6807\u4e0e\u6bd4\u4f8b\u5c3a\u5927\u5c0f\u5fc5\u586b\n              map = new window.google.maps.Map(this.refs.map, {\n                center: { lat: 32.07226, lng: 118.79357 },    //\u4ee5\u5357\u4eac\u7684\u5750\u6807\u4e3a\u6f14\u793a\n                zoom: 13,\n                mapTypeId:window.google.maps.MapTypeId.ROADMAP\n              });\n              this.__drawMarkerAndLine();\n          }\n\n          // \u7ed8\u5236\u5750\u6807\u70b9\u5e76\u8fde\u7ebf\n          __drawMarkerAndLine(){\n            var marker= new window.google.maps.Marker({labelContent: "\u592b\u5b50\u5e99\u51fa\u53d1", position:{lat:32.01923,lng: 118.78972},map:map});\n            var marker2= new window.google.maps.Marker({labelContent: "\u8001\u95e8\u4e1c\u7ed3\u675f", position:{lat:32.07226,lng: 118.79357},map:map});\n             \n            var iw2 = new window.google.maps.InfoWindow({\n                  content: "\u592b\u5b50\u5e99\u51fa\u53d1"\n              });\n            var iw3 = new window.google.maps.InfoWindow({\n                  content: "\u7384\u6b66\u6e56\u559d\u8336"\n              });\n            iw2.open(map, marker);\n            iw3.open(map, marker2);\n            // \u4e3a\u6807\u8bb0\u70b9\u6dfb\u52a0\u70b9\u51fb\u6253\u5f00\u5f39\u7a97\u4e8b\u4ef6\n            window.google.maps.event.addListener(marker, "click", (e)=> { iw2.open(map, marker); });\n            window.google.maps.event.addListener(marker2, "click", (e)=> { iw3.open(map, marker2); });\n    \n            // \u7ebf\u6761\u8bbe\u7f6e\n            var patharr = [];\n            patharr.push(marker.getPosition());\n            patharr.push(marker2.getPosition());\n            var polyOptions = {\n            path:patharr,\n            strokeColor: \'#ff9900\',    // \u989c\u8272\n            strokeOpacity: 1.0,    // \u900f\u660e\u5ea6\n            strokeWeight: 8    // \u5bbd\u5ea6\n            }\n            var poly = new window.google.maps.Polyline(polyOptions);\n            poly.setMap(map);    // \u88c5\u8f7d\n        }\n\n          render(){\n              return (\n              <div>\n                  <div id=\'map\' ref=\'map\' style={{width: \'100%\',height:\'540px\'}}></div>\n              </div>\n              )\n          }\n      }\n\n      export default App;\n      ','\n      // \u666e\u901a\u9875\u9762\u4e2d\u4f7f\u7528\n      // \u521d\u59cb\u5316\u5730\u56fe  \u5730\u56fe\u4e2d\u5fc3\u70b9\u5750\u6807\u4e0e\u6bd4\u4f8b\u5c3a\u5927\u5c0f\u5fc5\u586b\n      var map;\n      function initMap() {\n        map = new window.google.maps.Map(document.getElementById(\'map\'), {\n          center: { lat: 32.07226, lng: 118.79357 },    //\u4ee5\u5357\u4eac\u7684\u5750\u6807\u4e3a\u6f14\u793a\n          zoom: 13,\n          mapTypeId:window.google.maps.MapTypeId.ROADMAP\n        });\n        renderMarker();\n      }\n\n      // \u7ed8\u5236\u5750\u6807\u70b9\u5e76\u8fde\u7ebf\n        function drawMarkerAndLine(){\n            var marker= new window.google.maps.Marker({labelContent: "\u592b\u5b50\u5e99\u51fa\u53d1", position:{lat:32.01923,lng: 118.78972},map:map});\n            var marker2= new window.google.maps.Marker({labelContent: "\u8001\u95e8\u4e1c\u7ed3\u675f", position:{lat:32.07226,lng: 118.79357},map:map});\n             \n            var iw2 = new window.google.maps.InfoWindow({\n                  content: "\u592b\u5b50\u5e99\u51fa\u53d1"\n              });\n            var iw3 = new window.google.maps.InfoWindow({\n                  content: "\u7384\u6b66\u6e56\u559d\u8336"\n              });\n            iw2.open(map, marker);\n            iw3.open(map, marker2);\n            // \u4e3a\u6807\u8bb0\u70b9\u6dfb\u52a0\u70b9\u51fb\u6253\u5f00\u5f39\u7a97\u4e8b\u4ef6\n            window.google.maps.event.addListener(marker, "click", (e)=> { iw2.open(map, marker); });\n            window.google.maps.event.addListener(marker2, "click", (e)=> { iw3.open(map, marker2); });\n    \n            // \u7ebf\u6761\u8bbe\u7f6e\n            var patharr = [];\n            patharr.push(marker.getPosition());\n            patharr.push(marker2.getPosition());\n            var polyOptions = {\n            path:patharr,\n            strokeColor: \'#ff9900\',    // \u989c\u8272\n            strokeOpacity: 1.0,    // \u900f\u660e\u5ea6\n            strokeWeight: 8    // \u5bbd\u5ea6\n            }\n            var poly = new window.google.maps.Polyline(polyOptions);\n            poly.setMap(map);    // \u88c5\u8f7d\n        }\n      initMap();\n      \n      ']},GoogleMapRoute:{Code:["\n      // react \u4e2d\u4f7f\u7528 \u8c03\u7528jssdk\u67e5\u8be2\u7ebf\u8def\u670d\u52a1\n      import React from \"react\";\n      import './App.css'\n      \n      let map,directionsDisplay,directionsService ;\n      \n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {};\n          }\n      \n          componentDidMount(){\n              if(!map) this.__initMap();\n          }\n          \n          componentWillUnmount(){\n            map = null;\n          }\n          \n          // \u521d\u59cb\u5316\u5730\u56fe\n          __initMap(){\n              // \u521d\u59cb\u5316\u5730\u56fe ,\u7531\u4e8e\u793a\u4f8b\u4e2d\u5730\u56fejs\u6587\u4ef6\u662f\u5168\u5c40\u5f15\u5165\u7684\uff0c\u6240\u4ee5googlemap\u7684api\u662f\u5728window\u4e0b\n              map = new window.google.maps.Map(this.refs.map, {\n                  center: {lat: 32.01923, lng: 118.78972}, //\u521d\u59cb\u8bbe\u7f6e\u5357\u4eac\u4e3a\u5730\u56fe\u4e2d\u5fc3\n                  zoom: 14,\n                  mapTypeId:window.google.maps.MapTypeId.ROADMAP\n              });\n              \n              // \u521d\u59cb\u5316\u67e5\u8be2\u670d\u52a1\n              directionsDisplay = new window.google.maps.DirectionsRenderer;\n              directionsService = new window.google.maps.DirectionsService;\n              directionsDisplay.setMap(map);\n              \n              // \u7b2c\u4e00\u6b21\u8fdb\u5165\u67e5\u8be2\u8def\u7ebf\n              this.__calculateAndDisplayRoute(directionsService, directionsDisplay);\n          }\n         \n          // \u8ba1\u7b97\u8def\u7ebf\u5e76\u5c06\u7ed3\u679c\u7ed8\u5236\u5728\u5730\u56fe\u4e0a\n          __calculateAndDisplayRoute(directionsService, directionsDisplay) {\n              var selectedMode = this.refs.mode.value;\n              // \u6b64\u5904 origin\u548cdestination\u4e3a\u67e5\u8be2\u7684\u8d77\u70b9\u4e0e\u7ec8\u70b9\n              directionsService.route({\n                origin: {lat: 32.01923, lng: 118.78972},  // \u592b\u5b50\u5e99.\n                destination: {lat: 32.046154, lng: 118.84542},  // \u7f8e\u9f84\u5bab\n                travelMode: window.google.maps.TravelMode[selectedMode]\n              }, function(response, status) {\n                //console.log(response,status)\n                if (status == 'OK') {\n                  directionsDisplay.setDirections(response);\n                } else {\n                  window.alert('Directions request failed due to ' + status);\n                }\n              });\n            }\n          \n          // \u5207\u6362\u4ea4\u901a\u65b9\u5f0f\n          onSelectChange(){\n              this.__calculateAndDisplayRoute(directionsService, directionsDisplay);\n          }\n      \n          render(){\n              return (\n              <div>\n                <div id=\"floating-panel\">\n                    <b>\u592b\u5b50\u5e99\u5230\u7f8e\u9f84\u5bab: </b>\n                    <select id=\"mode\" ref='mode' onChange={this.onSelectChange.bind(this)}>\n                        <option value=\"DRIVING\">\u5f00\u8f66</option>\n                        <option value=\"WALKING\">\u8d70\u8def</option>\n                        <option value=\"BICYCLING\">\u9a91\u8f66</option>\n                        <option value=\"TRANSIT\">\u5730\u94c1\u516c\u4ea4</option>\n                    </select>\n                </div>\n                <div id='map' ref='map' style={{width: '100%',height:'540px'}}></div>\n              </div>\n              )\n          }\n      }\n      \n      export default App;\n      ","\n      // \u666e\u901a\u9875\u9762\u4e2d\u4f7f\u7528\n\n      // \u521d\u59cb\u5316\u5730\u56fe\n      function initMap() {\n        var directionsDisplay = new google.maps.DirectionsRenderer;\n        var directionsService = new google.maps.DirectionsService;\n        var map = new google.maps.Map(document.getElementById('map'), {\n          zoom: 14,\n          center: {lat: 32.01923, lng: 118.78972}\n        });\n        directionsDisplay.setMap(map);\n\n        calculateAndDisplayRoute(directionsService, directionsDisplay);\n        document.getElementById('mode').addEventListener('change', function() {\n          calculateAndDisplayRoute(directionsService, directionsDisplay);\n        });\n      }y\n\n      // \u67e5\u8be2\u8def\u7ebf\u5e76\u5c06\u7ed3\u679c\u7ed8\u5236\u5230\u5730\u56fe\u4e0a\n      function calculateAndDisplayRoute(directionsService, directionsDisplay,ajaxresponse) {\n        var selectedMode = document.getElementById('mode').value;\n        directionsService.route({\n          origin: {lat: 32.01923, lng: 118.78972},  // \u592b\u5b50\u5e99.\n          destination: {lat: 32.046154, lng: 118.84542},  // \u7f8e\u9f84\u5bab\n          // Note that Javascript allows us to access the constant\n          // using square brackets and a string value as its\n          // \"property.\"\n          travelMode: google.maps.TravelMode[selectedMode]\n        }, function(response, status) {\n          console.log(response)\n          if (status == 'OK') {\n            directionsDisplay.setDirections(response);\n          } else {\n            window.alert('Directions request failed due to ' + status);\n          }\n        });\n      }\n\n      initMap()\n      ",'\n      // react \u4e2d\u4f7f\u7528  \u540e\u53f0\u8c03\u7528\u8c37\u6b4c\u63a5\u53e3\u67e5\u8be2\u8def\u7ebf\uff0c\u524d\u7aef\u7684\u5230\u6570\u636e\u540e\u5b8c\u6210\u6e32\u67d3(\u8c37\u6b4c\u67e5\u8be2\u5230\u7684\u8def\u7ebf\u7ed3\u679c\u6709\u8f6c\u7801\uff0c\u6240\u4ee5\u9700\u89e3\u7801\u540e\u4f7f\u7528)\n      /*\n      *\u89e3\u7801\u8def\u5f84 \u4f7f\u7528\u8c37\u6b4c\u7684\u8f6c\u7801\u6a21\u5757\u5728\u5f15\u5165\u6587\u4ef6\u65f6\u9700\u8981\u5728\u5c3e\u90e8\u52a0\u4e0a&libraries=geometry\n      *<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?v=3&sensor=false&key=\u4f60\u7684\u8c37\u6b4c\u5730\u56feAPI_KEY&hl=zh-CN&libraries=geometry"><\/script>\n      */\n      import React from "react";\n      import \'./App.css\'\n      \n      let map ;\n      \n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {};\n          }\n      \n          componentDidMount(){\n              if(!map) this.__initMap();\n          }\n          \n          componentWillUnmount(){\n            map = null;\n          }\n          \n          // \u521d\u59cb\u5316\u5730\u56fe\n          __initMap(){\n              // \u540e\u53f0\u8bf7\u6c42\u8c37\u6b4c\u63a5\u53e3\u5f97\u5230\u7c7b\u4f3c\u6570\u636e\u683c\u5f0f \u5176\u4e2dpoints\u4e3a\u6211\u4eec\u7ed8\u5236\u4f7f\u7528\u7684\u4e3b\u8981\u6570\u636e\n              let backendData = {\n                "success": true,\n                "msg": "string",\n                "errorCode": 0,\n                "count": 0,\n                "rows": [\n                  {\n                    "distance": "8.0 \u516c\u91cc",\n                    "duration": "49\u5206\u949f",\n                    "modeName": "transit",\n                    "summary": [\n                      {\n                        "type": "transit",\n                        "name": "\u516c\u4ea416\u8def"\n                      },\n                      {\n                        "type": "transit",\n                        "name": "\u5730\u94c1\u4e00\u53f7\u7ebf"\n                      },\n                      {\n                        "type": "transit",\n                        "name": "\u5730\u94c1\u56db\u53f7\u7ebf"\n                      },\n                      {\n                        "type": "walking",\n                        "name": "\u6b65\u884c"\n                      }\n                    ],\n                    "points": "avlbE{c`tUgC_EyBgEqBgEa@TkBxAaBnA}AnAgEtACq@a@Bk@bA_B\\oCXkCHaECwHOYC}H}AkS{EcE{@aKaCeWaG{A]YEaDAlBCLwC?uH~Ccp@TyIdDwpAN_GkEgdAOeM?yDa@[jAEC_AUmBqBgBcDuCm@i@gTqRcDwCc@u@Sg@QaAC]Bw@`@qCDeAIeBKa@Ui@eAaBrA}@\\\\B",\n                    "walkLength": 0,\n                    "selectFlag": true\n                  }\n                ]\n              }\n            map = new window.google.maps.Map(this.refs.map, {\n                center: {lat: 32.01923, lng: 118.78972},\n                zoom: 14,\n                mapTypeId:window.google.maps.MapTypeId.ROADMAP\n            });\n    \n            this.__renderBackendRoute(map,backendData.rows[0]);\n          }\n         \n      \n          /**\n           * @name: \u63a5\u6536\u540e\u7aef\u8c03\u7528\u8c37\u6b4c\u63a5\u53e3\u67e5\u8be2\u7684\u8def\u7ebf\u6570\u636e\u5728\u5730\u56fe\u4e0a\u6e32\u67d3\u8def\u7ebf\n           * @test: \n           * @msg: \n           * @param {type}  map \uff1a\u5730\u56fe\u5bf9\u8c61\uff0cdata :\u67e5\u8be2\u5230\u7684rows\u4e0b\u9762\u7684\u8def\u7ebf\u5bf9\u8c61\n           * @return: \n           */\n          __renderBackendRoute(map,data){\n                  const decodeFn=window.google.maps.geometry.encoding.decodePath;\n                  // \u89e3\u7801\u8def\u5f84\u83b7\u5f97\u8def\u7ebf\u70b9\u4f4d\u96c6\u5408\n                  let routeArr = decodeFn(data.points);\n                  let arrLength = routeArr.length;\n                  let startLatLng = routeArr[0];\n                  let endLatLng = routeArr[arrLength-1];\n                  // \u7ed8\u5236\u8def\u5f84\u53ca\u8d77\u59cb\u70b9\n                  let flightPath = new window.google.maps.Polyline({\n                      path: routeArr,\n                      geodesic: true,\n                      strokeColor: \'#00B3FD\',\n                      strokeOpacity: .8,\n                      strokeWeight: 8\n                  });\n                  flightPath.setMap(map);\n                  new window.google.maps.Marker({\n                      position: startLatLng,\n                      animation: window.google.maps.Animation.DROP,\n                      map: map,\n                      label:"\u8d77\u70b9"\n                  });\n                  new window.google.maps.Marker({\n                      position: endLatLng,\n                      animation: window.google.maps.Animation.DROP,\n                      map: map,\n                      label:"\u7ec8\u70b9"\n                  })\n                  // \u8c03\u6574\u89c6\u56fe\u83b7\u5f97\u6700\u4f73\u89c6\u91ce\n                  let bounds = new window.google.maps.LatLngBounds();\n                  for(let i=0,len=routeArr.length;i<len;i++){\n                      bounds.extend(routeArr[i]);\n                  }\n                  map.fitBounds(bounds);\n          }\n      \n          render(){\n              return (\n              <div>\n                <div id=\'map\' ref=\'map\' style={{width: \'100%\',height:\'540px\'}}></div>\n              </div>\n              )\n          }\n      }\n      \n      export default App;\n      ','\n        // \u666e\u901a\u9875\u9762\u4e2d\u4f7f\u7528\n       var map = new window.google.maps.Map(document.getElementById(\'map\'), {\n          center: {lat: 32.01923, lng: 118.78972},  //\u521d\u59cb\u4e2d\u5fc3\u70b9\u548c\u6bd4\u4f8b\u5c3a\u6309\u5b9e\u9645\u60c5\u51b5\u800c\u5b9a\n          zoom: 14,\n          mapTypeId:window.google.maps.MapTypeId.ROADMAP\n        });\n        // \u540e\u53f0\u8bf7\u6c42\u8c37\u6b4c\u63a5\u53e3\u5f97\u5230\u7c7b\u4f3c\u6570\u636e\u683c\u5f0f\n              let backendData = {\n                "success": true,\n                "msg": "string",\n                "errorCode": 0,\n                "count": 0,\n                "rows": [\n                  {\n                    "distance": "8.0 \u516c\u91cc",\n                    "duration": "49\u5206\u949f",\n                    "modeName": "transit",\n                    "summary": [\n                      {\n                        "type": "transit",\n                        "name": "\u516c\u4ea416\u8def"\n                      },\n                      {\n                        "type": "transit",\n                        "name": "\u5730\u94c1\u4e00\u53f7\u7ebf"\n                      },\n                      {\n                        "type": "transit",\n                        "name": "\u5730\u94c1\u56db\u53f7\u7ebf"\n                      },\n                      {\n                        "type": "walking",\n                        "name": "\u6b65\u884c"\n                      }\n                    ],\n                    "points": "avlbE{c`tUgC_EyBgEqBgEa@TkBxAaBnA}AnAgEtACq@a@Bk@bA_B\\oCXkCHaECwHOYC}H}AkS{EcE{@aKaCeWaG{A]YEaDAlBCLwC?uH~Ccp@TyIdDwpAN_GkEgdAOeM?yDa@[jAEC_AUmBqBgBcDuCm@i@gTqRcDwCc@u@Sg@QaAC]Bw@`@qCDeAIeBKa@Ui@eAaBrA}@\\\\B",\n                    "walkLength": 0,\n                    "selectFlag": true\n                  }\n                ]\n              }\n\n          renderMapRoute(map,backendData.rows[0]);\n          /**\n           * @name: \u63a5\u6536\u540e\u7aef\u8c03\u7528\u8c37\u6b4c\u63a5\u53e3\u67e5\u8be2\u7684\u8def\u7ebf\u6570\u636e\u5728\u5730\u56fe\u4e0a\u6e32\u67d3\u8def\u7ebf\n           * @test: \n           * @msg: \n           * @param {type}  map \uff1a\u5730\u56fe\u5bf9\u8c61\uff0cdata :\u67e5\u8be2\u5230\u7684rows\u4e0b\u9762\u7684\u8def\u7ebf\u5bf9\u8c61\n           * @return: \n           */\n        function renderMapRoute(map,data){\n          /*\n          *\u89e3\u7801\u8def\u5f84 \u4f7f\u7528\u8c37\u6b4c\u7684\u8f6c\u7801\u6a21\u5757\u5728\u5f15\u5165\u6587\u4ef6\u65f6\u9700\u8981\u5728\u5c3e\u90e8\u52a0\u4e0a&libraries=geometry\n          *<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?v=3&sensor=false&key=\u4f60\u7684\u8c37\u6b4c\u5730\u56feAPI_KEY&hl=zh-CN&libraries=geometry"><\/script>\n          */\n          const decodeFn=google.maps.geometry.encoding.decodePath;  // google map\u89e3\u7801\u5de5\u5177\n          let routeArr = decodeFn(data.points);\n          let arrLength = routeArr.length;\n          let startLatLng = routeArr[0];   // \u8d77\u70b9\n          let endLatLng = routeArr[arrLength-1];  // \u7ec8\u70b9\n          // \u8bbe\u7f6e\u6700\u4f73\u89c6\u89d2\n          var bounds = new google.maps.LatLngBounds();\n          for(let i=0,len=routeArr.length;i<len;i++){\n            bounds.extend(routeArr[i]);\n          }\n          map.fitBounds(bounds);\n          // \u7ed8\u5236\u8def\u7ebf\n          var flightPath = new google.maps.Polyline({\n            path: routeArr,\n            geodesic: true,\n            strokeColor: \'#00B3FD\',\n            strokeOpacity: .8,\n            strokeWeight: 8\n          });\n          flightPath.setMap(map);\n          // \u7ed8\u5236\u8d77\u59cb\u70b9\n          var startMarker = new google.maps.Marker({\n            position: startLatLng,\n            animation: google.maps.Animation.DROP,\n            map: map,\n            label:"\u8d77\u70b9",\n          });\n          var endMarker = new google.maps.Marker({\n            position: endLatLng,\n            animation: google.maps.Animation.DROP,\n            map: map,\n            label:"\u7ec8\u70b9"\n          })\n        }\n      ']},GoogleMapPopup:{Code:["\n      // react\u4e2d\u4f7f\u7528\n      import React from \"react\";\n      import './App.css'\n      \n      let map ;\n      \n      // \u81ea\u5b9a\u4e49\u7a97\u53e3\u7c7b\n      class Popup extends window.google.maps.OverlayView{\n          constructor(position,content1){\n            super();\n            this.position = position;\n            let content=document.createElement('div');\n            content.innerHTML=\"<b>\"+content1+\"</b>\";\n        \n            content.classList.add('popup-bubble-content');\n        \n            var pixelOffset = document.createElement('div');\n            pixelOffset.classList.add('popup-bubble-anchor');\n            pixelOffset.appendChild(content);\n        \n            this.anchor = document.createElement('div');\n            this.anchor.classList.add('popup-tip-anchor');\n            this.anchor.appendChild(pixelOffset);\n            this.stopEventPropagation();\n          }\n      \n          // \u6302\u5728\u5230\u5730\u56fe\u65f6\u8c03\u7528\n          onAdd(){\n            this.getPanes().floatPane.appendChild(this.anchor);\n          };\n        \n          // \u4ece\u5730\u56fe\u79fb\u9664\u65f6\u8c03\u7528\n          onRemove(){\n            if (this.anchor.parentElement) {\n              this.anchor.parentElement.removeChild(this.anchor);\n            }\n          };\n        \n          // \u7ed8\u5236\u65b9\u6cd5\n          draw(){\n            var divPosition = this.getProjection().fromLatLngToDivPixel(this.position);\n            // \u89c6\u56fe\u5916\u65f6\u81ea\u52a8\u9690\u85cf\n            var display =\n                Math.abs(divPosition.x) < 4000 && Math.abs(divPosition.y) < 4000 ?\n                'block' :\n                'none';\n        \n            if (display === 'block') {\n              this.anchor.style.left = divPosition.x + 'px';\n              this.anchor.style.top = divPosition.y + 'px';\n            }\n            if (this.anchor.style.display !== display) {\n              this.anchor.style.display = display;\n            }\n          };\n          \n          // \u963b\u6b62\u4e8b\u4ef6\u4f20\u9012\n          stopEventPropagation(){\n            var anchor = this.anchor;\n            anchor.style.cursor = 'auto';\n        \n            ['click', 'dblclick', 'contextmenu', 'wheel', 'mousedown', 'touchstart',\n             'pointerdown']\n                .forEach(function(event) {\n                  anchor.addEventListener(event, function(e) {\n                    e.stopPropagation();\n                  });\n                });\n          };\n      \n      }\n      \n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {\n                  \n              };\n          }\n      \n          componentDidMount(){\n              if(!map) this.__initMap();\n          }\n\n          componentWillUnmount(){\n            map = null;\n          }\n          \n          // \u521d\u59cb\u5316\u5730\u56fe\n          __initMap(){\n      \n              // \u521d\u59cb\u5316\u5730\u56fe ,\u7531\u4e8e\u793a\u4f8b\u4e2d\u5730\u56fejs\u6587\u4ef6\u662f\u5168\u5c40\u5f15\u5165\u7684\uff0c\u6240\u4ee5googlemap\u7684api\u662f\u5728window\u4e0b\n              map = new window.google.maps.Map(this.refs.map, {\n                  center: {lat: 32.07226, lng: 118.78173},\n                  zoom: 10,\n                  mapTypeId:window.google.maps.MapTypeId.ROADMAP\n              });\n\n              // \u521b\u5efa\u4e24\u4e2a\u81ea\u5b9a\u4e49\u5f39\u51fa\u7a97\u53e3\uff0c\u4f20\u5165\u5750\u6807\u4e0e\u5c55\u793a\u6587\u5b57\n              new Popup(new window.google.maps.LatLng(32.01923,118.78972),\"\u57ce\u5e021\").setMap(map);\n              new Popup(new window.google.maps.LatLng(32.05911,118.78173),\"\u57ce\u5e022\").setMap(map);\n          }\n      \n          render(){\n              return (\n              <div>\n                  <div id='map' ref='map' style={{width: '100%',height:'540px'}}></div>\n              </div>\n              )\n          }\n      }\n      \n      export default App;\n      ","\n      // \u666e\u901a\u9875\u9762\u4e2d\u4f7f\u7528\n      <style>\n      .popup-tip-anchor {\n        height: 0;\n        position: absolute;\n        /* The max width of the info window. */\n        width: 200px;\n      }\n      \n      .popup-bubble-anchor {\n        position: absolute;\n        width: 100%;\n        bottom: /* TIP_HEIGHT= */ 8px;\n        left: 0;\n      }\n      \n      .popup-bubble-anchor::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        /* Center the tip horizontally. */\n        transform: translate(-50%, 0);\n        /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */\n        width: 0;\n        height: 0;\n        /* The tip is 8px high, and 12px wide. */\n        border-left: 6px solid transparent;\n        border-right: 6px solid transparent;\n        border-top: /* TIP_HEIGHT= */ 8px solid white;\n      }\n      \n      .popup-bubble-content {\n        position: absolute;\n        top: 0;\n        left: 0;\n        transform: translate(-50%, -100%);\n        /* Style the info window. */\n        background-color: white;\n        padding: 5px;\n        border-radius: 5px;\n        font-family: sans-serif;\n        overflow-y: auto;\n        max-height: 60px;\n        box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);\n      }\n      </style>\n\n      // \u521d\u59cb\u5316\u5730\u56fe\n      var map;\n      function initMap() {\n        definePopupClass();\n      \n        map = new google.maps.Map(document.getElementById('map'), {\n          center: {lat: 32.07226, lng: 118.78173},\n          zoom: 10,\n        });\n      \n        // popup = new Popup(new google.maps.LatLng(32.01923,118.78972),\"\u6211\u8981\u663e\u793a\u7684\");\n        // popup.setMap(map);\n      \n      \n        new Popup(new google.maps.LatLng(32.01923,118.78972),\"\u57ce\u5e021\").setMap(map);\n        new Popup(new google.maps.LatLng(32.05911,118.78173),\"\u57ce\u5e022\").setMap(map);\n        \n      }\n      \n      // \u5b9a\u4e49\u7a97\u53e3\u7c7b\n      function definePopupClass() {\n        /**\n         * @param {!google.maps.LatLng} position\n         * @param {!Element} content1\n         * @constructor\n         * @extends {google.maps.OverlayView}\n         */\n        Popup = function(position, content1) {\n          this.position = position;\n          let content=document.createElement('div');\n          content.innerHTML=\"<b>\"+content1+\"</b>\";\n      \n          content.classList.add('popup-bubble-content');\n      \n          var pixelOffset = document.createElement('div');\n          pixelOffset.classList.add('popup-bubble-anchor');\n          pixelOffset.appendChild(content);\n      \n          this.anchor = document.createElement('div');\n          this.anchor.classList.add('popup-tip-anchor');\n          this.anchor.appendChild(pixelOffset);\n      \n          this.stopEventPropagation();\n        };\n\n        Popup.prototype = Object.create(google.maps.OverlayView.prototype);\n      \n        // \u6302\u8f7d\u65f6\u8c03\u7528\n        Popup.prototype.onAdd = function() {\n          this.getPanes().floatPane.appendChild(this.anchor);\n        };\n      \n        // \u4ece\u5730\u56fe\u79fb\u9664\u65f6\u8c03\u7528\n        Popup.prototype.onRemove = function() {\n          if (this.anchor.parentElement) {\n            this.anchor.parentElement.removeChild(this.anchor);\n          }\n        };\n      \n        // \u7ed8\u5236\u65b9\u6cd5\n        Popup.prototype.draw = function() {\n          var divPosition = this.getProjection().fromLatLngToDivPixel(this.position);\n          // Hide the popup when it is far out of view.\n          var display =\n              Math.abs(divPosition.x) < 4000 && Math.abs(divPosition.y) < 4000 ?\n              'block' :\n              'none';\n      \n          if (display === 'block') {\n            this.anchor.style.left = divPosition.x + 'px';\n            this.anchor.style.top = divPosition.y + 'px';\n          }\n          if (this.anchor.style.display !== display) {\n            this.anchor.style.display = display;\n          }\n        };\n      \n        Popup.prototype.stopEventPropagation = function() {\n          var anchor = this.anchor;\n          anchor.style.cursor = 'auto';\n      \n          ['click', 'dblclick', 'contextmenu', 'wheel', 'mousedown', 'touchstart',\n           'pointerdown']\n              .forEach(function(event) {\n                anchor.addEventListener(event, function(e) {\n                  e.stopPropagation();\n                });\n              });\n        };\n      }\n      \n      initMap();\n      ","\n      // react\u4e2d\u4f7f\u7528\n      import React from \"react\";\n      import './App.css'\n      \n      let map ;\n      \n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {\n                  \n              };\n          }\n      \n          componentDidMount(){\n              if(!map) this.__initMap();\n          }\n\n          componentWillUnmount(){\n            map = null;\n          }\n          \n          // \u521d\u59cb\u5316\u5730\u56fe\n          __initMap(){\n              var destination = {lat: 32.061051, lng: 118.852237}; //\u8bbe\u7f6e\u7684\u662f\u4e2d\u5c71\u9675\u5750\u6807\n              map = new window.google.maps.Map(this.refs.map, {\n                  center: destination,\n                  zoom: 12,\n                  mapTypeId:window.google.maps.MapTypeId.ROADMAP\n              });\n              this.__renderMarkerAndInfoWindow(map,destination);\n          }\n          // \u7ed8\u5236\u6807\u8bb0\u70b9\u548c\u81ea\u5b9a\u4e49\u7a97\u53e3\n          __renderMarkerAndInfoWindow(map,position){\n            var contentString = '<div id=\"content\">'+\n                  '<div id=\"siteNotice\">'+\n                  '</div>'+\n                  '<h1 id=\"firstHeading\" class=\"firstHeading\">\u4e2d\u5c71\u9675\u56ed\u98ce\u666f\u533a</h1>'+\n                  '<div id=\"bodyContent\">'+\n                  '<p><b>\u4e2d\u5c71\u9675\u56ed\u98ce\u666f\u533a</b>, \u4e2d\u5c71\u9675\u4f4d\u4e8e\u5357\u4eac\u5e02\u7384\u6b66\u533a\u7d2b\u91d1\u5c71\u5357\u9e93\u949f\u5c71\u98ce\u666f\u533a\u5185\uff0c' +\n                  '\u662f\u4e2d\u56fd\u8fd1\u4ee3\u4f1f\u5927\u7684\u6c11\u4e3b\u9769\u547d\u5148\u884c\u8005\u5b59\u4e2d\u5c71\u5148\u751f\u7684\u9675\u5bdd\uff0c\u53ca\u5176\u9644\u5c5e\u7eaa\u5ff5\u5efa\u7b51\u7fa4\uff0c '+\n                  '\u9762\u79ef8\u4e07\u4f59\u5e73\u65b9\u7c73\u3002\u4e2d\u5c71\u9675\u81ea1926\u5e74\u6625\u52a8\u5de5\uff0c\u81f31929\u5e74\u590f\u5efa\u6210\uff0c1961\u5e74\u6210\u4e3a\u9996\u6279\u5168\u56fd\u91cd\u70b9\u6587\u7269\u4fdd\u62a4\u5355\u4f4d\uff0c '+\n                  '2006\u5e74\u5217\u4e3a\u9996\u6279\u56fd\u5bb6\u91cd\u70b9\u98ce\u666f\u540d\u80dc\u533a\u548c\u56fd\u5bb65A\u7ea7\u65c5\u6e38\u666f\u533a\uff0c2016\u5e74\u5165\u9009\u201c\u9996\u6279\u4e2d\u56fd20\u4e16\u7eaa\u5efa\u7b51\u9057\u4ea7\u201d\u540d\u5f55'+\n                  '\u4e2d\u5c71\u9675\u524d\u4e34\u5e73\u5ddd\uff0c\u80cc\u62e5\u9752\u5d82\uff0c\u4e1c\u6bd7\u7075\u8c37\u5bfa\uff0c\u897f\u90bb\u660e\u5b5d\u9675\uff0c\u6574\u4e2a\u5efa\u7b51\u7fa4\u4f9d\u5c71\u52bf\u800c\u5efa\uff0c\u7531\u5357\u5f80\u5317\u6cbf\u4e2d\u8f74\u7ebf\u9010\u6e10\u5347\u9ad8\uff0c'+\n                  '\u4e3b\u8981\u5efa\u7b51\u6709\u535a\u7231\u574a\u3001\u5893\u9053\u3001\u9675\u95e8\u3001\u77f3\u9636\u3001\u7891\u4ead\u3001\u796d\u5802\u548c\u5893\u5ba4\u7b49\uff0c\u6392\u5217\u5728\u4e00\u6761\u4e2d\u8f74\u7ebf\u4e0a\uff0c\u4f53\u73b0\u4e86\u4e2d\u56fd\u4f20\u7edf\u5efa\u7b51\u7684\u98ce\u683c\uff0c'+\n                  '\u4ece\u7a7a\u4e2d\u5f80\u4e0b\u770b\uff0c\u50cf\u4e00\u5ea7\u5e73\u5367\u5728\u7eff\u7ed2\u6bef\u4e0a\u7684\u201c\u81ea\u7531\u949f\u201d\u3002\u878d\u6c47\u4e2d\u56fd\u53e4\u4ee3\u4e0e\u897f\u65b9\u5efa\u7b51\u4e4b\u7cbe\u534e\uff0c\u5e84\u4e25\u7b80\u6734\uff0c\u522b\u521b\u65b0\u683c\u3002</p>'+\n                  '<p>\u666f\u533a\u8be6\u60c5: \u4e2d\u5c71\u9675, <a href=\"http://www.iShow.com/g8996/guide-0-0/\">'+\n                  'http://www.iShow.com/g8996/guide-0-0/</a> '+\n                  '</p>'+\n                  '</div>'+\n                  '</div>';\n      \n            var marker = new window.google.maps.Marker({\n              position: position,\n              map: map,\n              title: '\u4e2d\u5c71\u9675'\n            });\n            var infowindow = new window.google.maps.InfoWindow({\n              content: contentString\n            });\n          \n            infowindow.open(map, marker);\n            marker.addListener('click', function() {\n              infowindow.open(map, marker);\n            });\n          }\n      \n          render(){\n              return (\n              <div>\n                  <div id='map' ref='map' style={{width: '100%',height:'540px'}}></div>\n              </div>\n              )\n          }\n      }\n      \n      export default App;\n      ","\n      // \u666e\u901a\u9875\u9762\u4e2d\u4f7f\u7528\n      var map;\n      function initMap() {\n        var destination = {lat: 32.061051, lng: 118.852237}; //\u8bbe\u7f6e\u7684\u662f\u4e2d\u5c71\u9675\u5750\u6807\n        map = new window.google.maps.Map(document.getElementById('map'), {\n            center: destination,\n            zoom: 12,\n            mapTypeId:window.google.maps.MapTypeId.ROADMAP\n        });\n\n        var contentString = '<div id=\"content\">'+\n                  '<div id=\"siteNotice\">'+\n                  '</div>'+\n                  '<h1 id=\"firstHeading\" class=\"firstHeading\">\u4e2d\u5c71\u9675\u56ed\u98ce\u666f\u533a</h1>'+\n                  '<div id=\"bodyContent\">'+\n                  '<p><b>\u4e2d\u5c71\u9675\u56ed\u98ce\u666f\u533a</b>, \u4e2d\u5c71\u9675\u4f4d\u4e8e\u5357\u4eac\u5e02\u7384\u6b66\u533a\u7d2b\u91d1\u5c71\u5357\u9e93\u949f\u5c71\u98ce\u666f\u533a\u5185\uff0c' +\n                  '\u662f\u4e2d\u56fd\u8fd1\u4ee3\u4f1f\u5927\u7684\u6c11\u4e3b\u9769\u547d\u5148\u884c\u8005\u5b59\u4e2d\u5c71\u5148\u751f\u7684\u9675\u5bdd\uff0c\u53ca\u5176\u9644\u5c5e\u7eaa\u5ff5\u5efa\u7b51\u7fa4\uff0c '+\n                  '\u9762\u79ef8\u4e07\u4f59\u5e73\u65b9\u7c73\u3002\u4e2d\u5c71\u9675\u81ea1926\u5e74\u6625\u52a8\u5de5\uff0c\u81f31929\u5e74\u590f\u5efa\u6210\uff0c1961\u5e74\u6210\u4e3a\u9996\u6279\u5168\u56fd\u91cd\u70b9\u6587\u7269\u4fdd\u62a4\u5355\u4f4d\uff0c '+\n                  '2006\u5e74\u5217\u4e3a\u9996\u6279\u56fd\u5bb6\u91cd\u70b9\u98ce\u666f\u540d\u80dc\u533a\u548c\u56fd\u5bb65A\u7ea7\u65c5\u6e38\u666f\u533a\uff0c2016\u5e74\u5165\u9009\u201c\u9996\u6279\u4e2d\u56fd20\u4e16\u7eaa\u5efa\u7b51\u9057\u4ea7\u201d\u540d\u5f55'+\n                  '\u4e2d\u5c71\u9675\u524d\u4e34\u5e73\u5ddd\uff0c\u80cc\u62e5\u9752\u5d82\uff0c\u4e1c\u6bd7\u7075\u8c37\u5bfa\uff0c\u897f\u90bb\u660e\u5b5d\u9675\uff0c\u6574\u4e2a\u5efa\u7b51\u7fa4\u4f9d\u5c71\u52bf\u800c\u5efa\uff0c\u7531\u5357\u5f80\u5317\u6cbf\u4e2d\u8f74\u7ebf\u9010\u6e10\u5347\u9ad8\uff0c'+\n                  '\u4e3b\u8981\u5efa\u7b51\u6709\u535a\u7231\u574a\u3001\u5893\u9053\u3001\u9675\u95e8\u3001\u77f3\u9636\u3001\u7891\u4ead\u3001\u796d\u5802\u548c\u5893\u5ba4\u7b49\uff0c\u6392\u5217\u5728\u4e00\u6761\u4e2d\u8f74\u7ebf\u4e0a\uff0c\u4f53\u73b0\u4e86\u4e2d\u56fd\u4f20\u7edf\u5efa\u7b51\u7684\u98ce\u683c\uff0c'+\n                  '\u4ece\u7a7a\u4e2d\u5f80\u4e0b\u770b\uff0c\u50cf\u4e00\u5ea7\u5e73\u5367\u5728\u7eff\u7ed2\u6bef\u4e0a\u7684\u201c\u81ea\u7531\u949f\u201d\u3002\u878d\u6c47\u4e2d\u56fd\u53e4\u4ee3\u4e0e\u897f\u65b9\u5efa\u7b51\u4e4b\u7cbe\u534e\uff0c\u5e84\u4e25\u7b80\u6734\uff0c\u522b\u521b\u65b0\u683c\u3002</p>'+\n                  '<p>\u666f\u533a\u8be6\u60c5: \u4e2d\u5c71\u9675, <a href=\"http://www.iShow.com/g8996/guide-0-0/\">'+\n                  'http://www.iShow.com/g8996/guide-0-0/</a> '+\n                  '</p>'+\n                  '</div>'+\n                  '</div>';\n\n        var marker = new google.maps.Marker({\n          position: destination,\n          map: map,\n          title: '\u4e2d\u5c71\u9675'\n        });\n        var infowindow = new google.maps.InfoWindow({\n          content: contentString\n        });\n        infowindow.open(map, marker);\n        // \u6dfb\u52a0\u70b9\u51fb\u5f39\u7a97\u4e8b\u4ef6\n        marker.addListener('click', function() {\n          infowindow.open(map, marker);\n        });\n      }\n      initMap();\n      "]},GoogleMapH5:{Code:["\n\n\n      import React from \"react\";\n      import { Tabs } from \"../../ishow\";\n      import './App.css'\n      import ViewCode from './viewCode';\n\n      let map;\n\n      /**\n       * @name: \u81ea\u5b9a\u4e49\u6807\u7b7e\u7684\u6784\u9020\u7c7b  \u4f7f\u7528\u81ea\u5b9a\u4e49\u6807\u7b7e\u4ee3\u66ffinfowindow\u7684\u4f5c\u7528\n       * @test: test for font\n       * @msg: \n       * @param {type} \n       * @return: \n       */\n      class Popup extends window.google.maps.OverlayView{\n          constructor(position,content1){  // \u5982\u53c2\u5750\u6807\u548c\u6570\u636e\u5bf9\u8c61\n            super();\n            this.position = position;\n            // \u4f7f\u7528\u81ea\u5b9a\u4e49\u6a21\u677f\n            let contentStr =`\n              <div class=\"context-contain\" ref=\"popup\" style=\"display:block\">\n                  <img id=\"popupImg\" src=\"http://m.iShowcdn.com/fb2/t1/G1/M00/1F/D6/Cii9EVdol6SIMxT8AAh0VDJGjFEAAGpWwLtklYACHRs714_w80_h80_c0_t0.jpg\" class=\"context-img\" alt=\"\"></img>\n                  <div class=\"context-text\">\n                      <span id=\"popupName\">${content1}</span>\n                      <span class=\"subtext\" id=\"popupSubtext\">the subtext title for the english name of a poi</span>\n                  </div>\n                  <a id=\"navigation\" href=\"https://maps.google.cn/maps?saddr=&amp;daddr=40.07985, 116.60311&amp;dirflg=D\" class=\"context-link\">\u5bfc\u822a</a>\n              </div>\n            `\n            // \u5c06\u6a21\u677f\u5b57\u7b26\u4e32\u8f6c\u6362\u4e3adom\n            let objE = document.createElement(\"div\");\n      \u3000\u3000   objE.innerHTML = contentStr;\n            let popdom =objE.childNodes[1];\n            this.anchor = popdom;\n        \n            this.stopEventPropagation();\n          }\n\n          // \u6302\u8f7d\u65f6\u6267\u884c\n          onAdd(){\n            this.getPanes().floatPane.appendChild(this.anchor);\n          };\n        \n          // \u79fb\u9664\u65f6\u6267\u884c\n          onRemove(){\n            if (this.anchor.parentElement) {\n              this.anchor.parentElement.removeChild(this.anchor);\n            }\n          };\n        \n          // \u81ea\u5b9a\u4e49\u6807\u7b7e\u7ed8\u5236\n          draw(){\n            let divPosition = this.getProjection().fromLatLngToDivPixel(this.position);\n            // Hide the popup when it is far out of view.\n            let display =\n                Math.abs(divPosition.x) < 4000 && Math.abs(divPosition.y) < 4000 ?\n                'block' :\n                'none';\n        \n                if (display === 'block') {\n                  \n                    this.anchor.style.left = Number(divPosition.x -140) + 'px';  //140\u548c100\u662f\u81ea\u5b9a\u4e49\u6807\u7b7e\u7684\u504f\u79fb\u91cf  \u663e\u793a\u6240\u6709\u662f\u504f\u79fb\u91cf\u4e3a20\n                    this.anchor.style.top = Number(divPosition.y-100) + 'px';          \n                }\n                if (this.anchor.style.display !== display) {\n                  this.anchor.style.display = display;\n                }\n          };\n        \n          // \u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\n          stopEventPropagation(){\n            let anchor = this.anchor;\n            anchor.style.cursor = 'auto';\n        \n            ['click', 'dblclick', 'contextmenu', 'wheel', 'mousedown', 'touchstart',\n            'pointerdown']\n                .forEach(function(event) {\n                  anchor.addEventListener(event, function(e) {\n                    e.stopPropagation();\n                  });\n                });\n          };\n\n      }\n      class App extends React.Component{\n          constructor(props){\n              super(props);\n              this.state = {\n\n              };\n          }\n\n          componentDidMount(){\n              if(!map) this.__initMap();\n              this.__renderMarker();\n          }\n\n          componentWillUnmount(){\n              map = null;\n          }\n\n          // \u521d\u59cb\u5316\u5730\u56fe\n          __initMap(){\n              // \u521d\u59cb\u5316\u4e16\u754c\u5730\u56fe\n              map = new window.google.maps.Map(this.refs.map, {\n                  center: { lat: 32.07226, lng: 118.79357 },\n                  zoom: 13,\n                  mapTypeId:window.google.maps.MapTypeId.ROADMAP,\n                  mapTypeControl: false,\n                  gestureHandling:'greedy',  //H5\u4e2d\u5730\u56fe\u5f00\u542fgreedy\u6a21\u5f0f \u542f\u52a8\u5355\u6307\u62d6\u52a8\uff0c\u53cc\u6307\u7f29\u653e\u529f\u80fd\n              });\n              \n          }\n          // \u5730\u56fe\u6e32\u67d3\n          __renderMarker(){\n              let popupList=[];\n              let markerList=[];\n              // \u4f7f\u7528\u81ea\u5b9a\u4e49\u6807\u8bb0\u70b9\u6837\u5f0f\u56fe\u7247  \u5e76\u901a\u8fc7scaledSize\u8c03\u6574\u56fe\u7247\u5927\u5c0f\n              let icon = {\n                  url:'./image/markericon.png',\n                  scaledSize:{\n                    width:32,\n                    height:52\n                  }\n                };\n              let marker= new window.google.maps.Marker({\n                  title: '\u4e2d\u5c71\u9675\u98ce\u666f\u533a',\n                  label: {text: '1', color:\"#2360E0\"},\n                  position: {lat: 32.061051, lng: 118.852237},\n                  map: map,\n                  icon:icon\n                });\n              markerList.push(marker);\n              let marker2= new window.google.maps.Marker({\n                  title: '\u7384\u6b66\u6e56\u516c\u56ed',\n                  label: {text: '2', color:\"#2360E0\"},\n                  position: {lat:32.07226,lng: 118.79357},\n                  map: map,\n                  icon:icon\n                });\n              markerList.push(marker2);\n              // \u4e3a\u6807\u8bb0\u70b9\u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\n              markerList.forEach(function(marker,index){   \n                  let markerpopup;\n                  if(index === 0){\n                    markerpopup =new Popup(marker.getPosition(),marker.title);\n                    markerpopup.setMap(map);\n                    popupList.push(markerpopup);\n                  }\n                  marker.addListener('click', function() {\n                        if(popupList.length>0){\n                          popupList.forEach(function(popup){\n                              popup.setMap(null);\n                          })\n                        }\n                      if(!markerpopup){\n                          markerpopup =new Popup(marker.getPosition(),marker.title);\n                          markerpopup.setMap(map);\n                          popupList.push(markerpopup);\n                      }else{\n                          markerpopup.setMap(map);\n                      }\n                      // \u70b9\u51fb\u65f6\u81ea\u52a8\u5c45\u4e2d\n                      map.setCenter(marker.getPosition());\n                  });                             \n              });          \n              // \u7ebf\u6761\u8bbe\u7f6e\n              var patharr = [];\n              patharr.push(marker.getPosition());\n              patharr.push(marker2.getPosition());\n              var polyOptions = {\n              path:patharr,\n              geodesic: true,\n              strokeColor:\"#0080FF\", // \u989c\u8272\n              strokeOpacity: 0.8, // \u900f\u660e\u5ea6               \n              strokeWeight: 6 // \u5bbd\u5ea6\n              }\n              var poly = new window.google.maps.Polyline(polyOptions);\n              poly.setMap(map);    // \u88c5\u8f7d\n\n          }\n\n\n          render(){\n              return (\n              <div>\n                  <div ref='map' style={{width: '100%',height:'540px'}}></div>\n              </div>\n              )\n          }\n      }\n\n      export default App;\n      "]}}),p=t(213),c=t(223),d=t.n(c),u=function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}(),A=function(n){function e(){var n,t,i,r;o(this,e);for(var s=arguments.length,l=Array(s),p=0;p<s;p++)l[p]=arguments[p];return t=i=a(this,(n=e.__proto__||Object.getPrototypeOf(e)).call.apply(n,[this].concat(l))),i.updateCode=function(n){},i.copyCode=function(){},r=t,a(i,r)}return i(e,n),u(e,[{key:"render",value:function(){var n=this.props.name,e=this.props.code,t=l[n].Code&&l[n].Code.length?l[n].Code:"\u6ca1\u6709\u4ee3\u7801\u54e6~";return s.a.createElement("div",{className:"codeCollapse",style:{marginTop:20,marginBottom:20}},s.a.createElement(p.a,{value:"1"},s.a.createElement(p.a.Item,{title:"\u67e5\u770b\u4ee3\u7801",name:"1",style:{background:"#000",fontSize:"16"}},s.a.createElement(d.a,{className:"language-jsx"},t[e]))))}}]),e}(r.Component);e.a=A},223:function(n,e,t){"use strict";function o(n){return n&&n.__esModule?n:{default:n}}Object.defineProperty(e,"__esModule",{value:!0});var a=t(224);Object.defineProperty(e,"PrismCode",{enumerable:!0,get:function(){return o(a).default}}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return o(a).default}})},224:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}(),s=t(0),l=function(n){return n&&n.__esModule?n:{default:n}}(s),p=t(1),c=function(n){function e(){var n,t,i,r;o(this,e);for(var s=arguments.length,l=Array(s),p=0;p<s;p++)l[p]=arguments[p];return t=i=a(this,(n=e.__proto__||Object.getPrototypeOf(e)).call.apply(n,[this].concat(l))),i._handleRefMount=function(n){i._domNode=n},r=t,a(i,r)}return i(e,n),r(e,[{key:"componentDidMount",value:function(){this._hightlight()}},{key:"componentDidUpdate",value:function(){this._hightlight()}},{key:"_hightlight",value:function(){Prism.highlightElement(this._domNode,this.props.async)}},{key:"render",value:function(){var n=this.props,e=n.className,t=n.component,o=n.children;return l.default.createElement(t,{ref:this._handleRefMount,className:e},o)}}]),e}(s.PureComponent);c.propTypes={async:p.PropTypes.bool,className:p.PropTypes.string,children:p.PropTypes.any,component:p.PropTypes.node},c.defaultProps={component:"code"},e.default=c},226:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=t(1),p=t.n(l),c=t(50),d=t(227),u=(t.n(d),t(207)),A=(t.n(u),function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}()),m=function(n){function e(){return o(this,e),a(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,n),A(e,[{key:"onClick",value:function(n){this.props.onClick&&this.props.onClick(n)}},{key:"render",value:function(){return s.a.createElement("button",{style:this.style(),className:this.className("ishow-button",this.props.type&&"ishow-button--"+this.props.type,this.props.size&&"ishow-button--"+this.props.size,{"is-disabled":this.props.disabled,"is-loading":this.props.loading,"is-plain":this.props.plain}),disabled:this.props.disabled,type:this.props.nativeType,onClick:this.onClick.bind(this)},this.props.loading&&s.a.createElement("i",{className:"ishow-icon-loading"}),this.props.icon&&!this.props.loading&&s.a.createElement("i",{className:"ishow-icon-"+this.props.icon}),s.a.createElement("span",null,this.props.children))}}]),e}(c.b);e.a=m,m.propTypes={onClick:p.a.func,type:p.a.string,size:p.a.string,icon:p.a.string,nativeType:p.a.string,loading:p.a.bool,disabled:p.a.bool,plain:p.a.bool},m.defaultProps={type:"default",nativeType:"button",loading:!1,disabled:!1,plain:!1}},227:function(n,e,t){var o=t(243);"string"===typeof o&&(o=[[n.i,o,""]]);var a={hmr:!1};a.transform=void 0;t(193)(o,a);o.locals&&(n.exports=o.locals)},230:function(n,e,t){var o=t(240);"string"===typeof o&&(o=[[n.i,o,""]]);var a={hmr:!1};a.transform=void 0;t(193)(o,a);o.locals&&(n.exports=o.locals)},235:function(n,e,t){var o=t(194);e=n.exports=t(192)(!0),e.push([n.i,"@font-face{font-family:ishow-icons;src:url("+o(t(208))+') format("woff"),url('+o(t(209))+') format("truetype");font-weight:400;font-style:normal}[class*=" ishow-icon-"],[class^=ishow-icon-]{font-family:ishow-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ishow-icon-arrow-down:before{content:"\\E600"}.ishow-icon-arrow-left:before{content:"\\E601"}.ishow-icon-arrow-right:before{content:"\\E602"}.ishow-icon-arrow-up:before{content:"\\E603"}.ishow-icon-caret-bottom:before{content:"\\E604"}.ishow-icon-caret-left:before{content:"\\E605"}.ishow-icon-caret-right:before{content:"\\E606"}.ishow-icon-caret-top:before{content:"\\E607"}.ishow-icon-check:before{content:"\\E608"}.ishow-icon-circle-check:before{content:"\\E609"}.ishow-icon-circle-close:before{content:"\\E60A"}.ishow-icon-circle-cross:before{content:"\\E60B"}.ishow-icon-close:before{content:"\\E60C"}.ishow-icon-upload:before{content:"\\E60D"}.ishow-icon-d-arrow-left:before{content:"\\E60E"}.ishow-icon-d-arrow-right:before{content:"\\E60F"}.ishow-icon-d-caret:before{content:"\\E610"}.ishow-icon-date:before{content:"\\E611"}.ishow-icon-delete:before{content:"\\E612"}.ishow-icon-document:before{content:"\\E613"}.ishow-icon-edit:before{content:"\\E614"}.ishow-icon-information:before{content:"\\E615"}.ishow-icon-loading:before{content:"\\E616"}.ishow-icon-menu:before{content:"\\E617"}.ishow-icon-message:before{content:"\\E618"}.ishow-icon-minus:before{content:"\\E619"}.ishow-icon-more:before{content:"\\E61A"}.ishow-icon-picture:before{content:"\\E61B"}.ishow-icon-plus:before{content:"\\E61C"}.ishow-icon-search:before{content:"\\E61D"}.ishow-icon-setting:before{content:"\\E61E"}.ishow-icon-share:before{content:"\\E61F"}.ishow-icon-star-off:before{content:"\\E620"}.ishow-icon-star-on:before{content:"\\E621"}.ishow-icon-time:before{content:"\\E622"}.ishow-icon-warning:before{content:"\\E623"}.ishow-icon-delete2:before{content:"\\E624"}.ishow-icon-upload2:before{content:"\\E627"}.ishow-icon-view:before{content:"\\E626"}.ishow-icon-loading{-webkit-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}.ishow-icon--right{margin-left:5px}.ishow-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}',"",{version:3,sources:["E:/demo/demo/src/ishow/Common/css/Icon.css"],names:[],mappings:"AAAA,WACI,wBAA2B,AAC3B,kGACqD,AACrD,gBAAoB,AACpB,iBAAmB,CACtB,AAED,6CAEI,kCAAsC,AACtC,WAAY,AACZ,kBAAmB,AACnB,gBAAoB,AACpB,oBAAqB,AACrB,oBAAqB,AACrB,cAAe,AACf,wBAAyB,AACzB,qBAAsB,AAGtB,mCAAoC,AACpC,iCAAmC,CACtC,AAED,8BAAgC,eAAiB,CAAE,AACnD,8BAAgC,eAAiB,CAAE,AACnD,+BAAiC,eAAiB,CAAE,AACpD,4BAA8B,eAAiB,CAAE,AACjD,gCAAkC,eAAiB,CAAE,AACrD,8BAAgC,eAAiB,CAAE,AACnD,+BAAiC,eAAiB,CAAE,AACpD,6BAA+B,eAAiB,CAAE,AAClD,yBAA2B,eAAiB,CAAE,AAC9C,gCAAkC,eAAiB,CAAE,AACrD,gCAAkC,eAAiB,CAAE,AACrD,gCAAkC,eAAiB,CAAE,AACrD,yBAA2B,eAAiB,CAAE,AAC9C,0BAA4B,eAAiB,CAAE,AAC/C,gCAAkC,eAAiB,CAAE,AACrD,iCAAmC,eAAiB,CAAE,AACtD,2BAA6B,eAAiB,CAAE,AAChD,wBAA0B,eAAiB,CAAE,AAC7C,0BAA4B,eAAiB,CAAE,AAC/C,4BAA8B,eAAiB,CAAE,AACjD,wBAA0B,eAAiB,CAAE,AAC7C,+BAAiC,eAAiB,CAAE,AACpD,2BAA6B,eAAiB,CAAE,AAChD,wBAA0B,eAAiB,CAAE,AAC7C,2BAA6B,eAAiB,CAAE,AAChD,yBAA2B,eAAiB,CAAE,AAC9C,wBAA0B,eAAiB,CAAE,AAC7C,2BAA6B,eAAiB,CAAE,AAChD,wBAA0B,eAAiB,CAAE,AAC7C,0BAA4B,eAAiB,CAAE,AAC/C,2BAA6B,eAAiB,CAAE,AAChD,yBAA2B,eAAiB,CAAE,AAC9C,4BAA8B,eAAiB,CAAE,AACjD,2BAA6B,eAAiB,CAAE,AAChD,wBAA0B,eAAiB,CAAE,AAC7C,2BAA6B,eAAiB,CAAE,AAChD,2BAA6B,eAAiB,CAAE,AAChD,2BAA6B,eAAiB,CAAE,AAChD,wBAA0B,eAAiB,CAAE,AAE7C,oBACE,8CAA+C,AACvC,qCAAuC,CAChD,AAED,mBACE,eAAiB,CAClB,AACD,kBACE,gBAAkB,CACnB,AAED,4BACE,GACE,+BAAiC,AACzB,sBAAyB,CAClC,AACD,GACE,gCAAmC,AAC3B,uBAA2B,CACpC,CACF,AAED,oBACE,GACE,+BAAiC,AACzB,sBAAyB,CAClC,AACD,GACE,gCAAmC,AAC3B,uBAA2B,CACpC,CACF",file:"Icon.css",sourcesContent:['@font-face {\n    font-family: \'ishow-icons\';\n    src: url(\'../fonts/ishow-icons.woff\') format(\'woff\'), /* chrome, firefox */\n      url(\'../fonts/ishow-icons.ttf\') format(\'truetype\'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/\n    font-weight: normal;\n    font-style: normal;\n}\n\n[class^="ishow-icon-"], [class*=" ishow-icon-"] {\n    /* use !important to prevent issues with browser extensions that change fonts */\n    font-family: \'ishow-icons\' !important;\n    speak: none;\n    font-style: normal;\n    font-weight: normal;\n    font-variant: normal;\n    text-transform: none;\n    line-height: 1;\n    vertical-align: baseline;\n    display: inline-block;\n\n    /* Better Font Rendering =========== */\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.ishow-icon-arrow-down:before { content: "\\e600"; }\n.ishow-icon-arrow-left:before { content: "\\e601"; }\n.ishow-icon-arrow-right:before { content: "\\e602"; }\n.ishow-icon-arrow-up:before { content: "\\e603"; }\n.ishow-icon-caret-bottom:before { content: "\\e604"; }\n.ishow-icon-caret-left:before { content: "\\e605"; }\n.ishow-icon-caret-right:before { content: "\\e606"; }\n.ishow-icon-caret-top:before { content: "\\e607"; }\n.ishow-icon-check:before { content: "\\e608"; }\n.ishow-icon-circle-check:before { content: "\\e609"; }\n.ishow-icon-circle-close:before { content: "\\e60a"; }\n.ishow-icon-circle-cross:before { content: "\\e60b"; }\n.ishow-icon-close:before { content: "\\e60c"; }\n.ishow-icon-upload:before { content: "\\e60d"; }\n.ishow-icon-d-arrow-left:before { content: "\\e60e"; }\n.ishow-icon-d-arrow-right:before { content: "\\e60f"; }\n.ishow-icon-d-caret:before { content: "\\e610"; }\n.ishow-icon-date:before { content: "\\e611"; }\n.ishow-icon-delete:before { content: "\\e612"; }\n.ishow-icon-document:before { content: "\\e613"; }\n.ishow-icon-edit:before { content: "\\e614"; }\n.ishow-icon-information:before { content: "\\e615"; }\n.ishow-icon-loading:before { content: "\\e616"; }\n.ishow-icon-menu:before { content: "\\e617"; }\n.ishow-icon-message:before { content: "\\e618"; }\n.ishow-icon-minus:before { content: "\\e619"; }\n.ishow-icon-more:before { content: "\\e61a"; }\n.ishow-icon-picture:before { content: "\\e61b"; }\n.ishow-icon-plus:before { content: "\\e61c"; }\n.ishow-icon-search:before { content: "\\e61d"; }\n.ishow-icon-setting:before { content: "\\e61e"; }\n.ishow-icon-share:before { content: "\\e61f"; }\n.ishow-icon-star-off:before { content: "\\e620"; }\n.ishow-icon-star-on:before { content: "\\e621"; }\n.ishow-icon-time:before { content: "\\e622"; }\n.ishow-icon-warning:before { content: "\\e623"; }\n.ishow-icon-delete2:before { content: "\\e624"; }\n.ishow-icon-upload2:before { content: "\\e627"; }\n.ishow-icon-view:before { content: "\\e626"; }\n\n.ishow-icon-loading {\n  -webkit-animation: rotating 1s linear infinite;\n          animation: rotating 1s linear infinite;\n}\n\n.ishow-icon--right {\n  margin-left: 5px;\n}\n.ishow-icon--left {\n  margin-right: 5px;\n}\n\n@-webkit-keyframes rotating {\n  0% {\n    -webkit-transform: rotateZ(0deg);\n            transform: rotateZ(0deg);\n  }\n  100% {\n    -webkit-transform: rotateZ(360deg);\n            transform: rotateZ(360deg);\n  }\n}\n\n@keyframes rotating {\n  0% {\n    -webkit-transform: rotateZ(0deg);\n            transform: rotateZ(0deg);\n  }\n  100% {\n    -webkit-transform: rotateZ(360deg);\n            transform: rotateZ(360deg);\n  }\n}\n'],sourceRoot:""}])},237:function(n,e,t){(function(e){for(var o=t(238),a="undefined"===typeof window?e:window,i=["moz","webkit"],r="AnimationFrame",s=a["request"+r],l=a["cancel"+r]||a["cancelRequest"+r],p=0;!s&&p<i.length;p++)s=a[i[p]+"Request"+r],l=a[i[p]+"Cancel"+r]||a[i[p]+"CancelRequest"+r];if(!s||!l){var c=0,d=0,u=[];s=function(n){if(0===u.length){var e=o(),t=Math.max(0,1e3/60-(e-c));c=t+e,setTimeout(function(){var n=u.slice(0);u.length=0;for(var e=0;e<n.length;e++)if(!n[e].cancelled)try{n[e].callback(c)}catch(n){setTimeout(function(){throw n},0)}},Math.round(t))}return u.push({handle:++d,callback:n,cancelled:!1}),d},l=function(n){for(var e=0;e<u.length;e++)u[e].handle===n&&(u[e].cancelled=!0)}}n.exports=function(n){return s.call(a,n)},n.exports.cancel=function(){l.apply(a,arguments)},n.exports.polyfill=function(n){n||(n=a),n.requestAnimationFrame=s,n.cancelAnimationFrame=l}}).call(e,t(52))},238:function(n,e,t){(function(e){(function(){var t,o,a,i,r,s;"undefined"!==typeof performance&&null!==performance&&performance.now?n.exports=function(){return performance.now()}:"undefined"!==typeof e&&null!==e&&e.hrtime?(n.exports=function(){return(t()-r)/1e6},o=e.hrtime,t=function(){var n;return n=o(),1e9*n[0]+n[1]},i=t(),s=1e9*e.uptime(),r=i-s):Date.now?(n.exports=function(){return Date.now()-a},a=Date.now()):(n.exports=function(){return(new Date).getTime()-a},a=(new Date).getTime())}).call(this)}).call(e,t(239))},239:function(n,e){function t(){throw new Error("setTimeout has not been defined")}function o(){throw new Error("clearTimeout has not been defined")}function a(n){if(c===setTimeout)return setTimeout(n,0);if((c===t||!c)&&setTimeout)return c=setTimeout,setTimeout(n,0);try{return c(n,0)}catch(e){try{return c.call(null,n,0)}catch(e){return c.call(this,n,0)}}}function i(n){if(d===clearTimeout)return clearTimeout(n);if((d===o||!d)&&clearTimeout)return d=clearTimeout,clearTimeout(n);try{return d(n)}catch(e){try{return d.call(null,n)}catch(e){return d.call(this,n)}}}function r(){h&&A&&(h=!1,A.length?m=A.concat(m):f=-1,m.length&&s())}function s(){if(!h){var n=a(r);h=!0;for(var e=m.length;e;){for(A=m,m=[];++f<e;)A&&A[f].run();f=-1,e=m.length}A=null,h=!1,i(n)}}function l(n,e){this.fun=n,this.array=e}function p(){}var c,d,u=n.exports={};!function(){try{c="function"===typeof setTimeout?setTimeout:t}catch(n){c=t}try{d="function"===typeof clearTimeout?clearTimeout:o}catch(n){d=o}}();var A,m=[],h=!1,f=-1;u.nextTick=function(n){var e=new Array(arguments.length-1);if(arguments.length>1)for(var t=1;t<arguments.length;t++)e[t-1]=arguments[t];m.push(new l(n,e)),1!==m.length||h||a(s)},l.prototype.run=function(){this.fun.apply(null,this.array)},u.title="browser",u.browser=!0,u.env={},u.argv=[],u.version="",u.versions={},u.on=p,u.addListener=p,u.once=p,u.off=p,u.removeListener=p,u.removeAllListeners=p,u.emit=p,u.prependListener=p,u.prependOnceListener=p,u.listeners=function(n){return[]},u.binding=function(n){throw new Error("process.binding is not supported")},u.cwd=function(){return"/"},u.chdir=function(n){throw new Error("process.chdir is not supported")},u.umask=function(){return 0}},240:function(n,e,t){var o=t(194);e=n.exports=t(192)(!0),e.push([n.i,".fade-in-linear-enter-active,.fade-in-linear-leave-active,.ishow-fade-in-linear-enter-active,.ishow-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active,.ishow-fade-in-enter,.ishow-fade-in-leave-active,.ishow-fade-in-linear-enter,.ishow-fade-in-linear-leave,.ishow-fade-in-linear-leave-active{opacity:0}.ishow-fade-in-enter-active,.ishow-fade-in-leave-active,.ishow-zoom-in-center-enter-active,.ishow-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);-o-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.ishow-zoom-in-bottom-enter-active,.ishow-zoom-in-bottom-leave-active,.ishow-zoom-in-left-enter-active,.ishow-zoom-in-left-leave-active,.ishow-zoom-in-top-enter-active,.ishow-zoom-in-top-leave-active{-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-o-transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s}.ishow-zoom-in-center-enter,.ishow-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0)}.ishow-zoom-in-top-enter-active,.ishow-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top}.ishow-zoom-in-top-enter,.ishow-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0)}.ishow-zoom-in-bottom-enter-active,.ishow-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom}.ishow-zoom-in-bottom-enter,.ishow-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0)}.ishow-zoom-in-left-enter-active,.ishow-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-ms-transform-origin:top left;-webkit-transform-origin:top left;transform-origin:top left}.ishow-zoom-in-left-enter,.ishow-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45);-webkit-transform:scale(.45);transform:scale(.45)}.collapse-transition{-webkit-transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;-o-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.horizontal-collapse-transition{-webkit-transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out;-o-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out}.ishow-list-enter-active,.ishow-list-leave-active{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}.ishow-list-enter,.ishow-list-leave-active{opacity:0;-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px)}.ishow-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);-o-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url("+o(t(208))+') format("woff"),url('+o(t(209))+') format("truetype");font-weight:400;font-style:normal}[class*=" ishow-icon-"],[class^=ishow-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ishow-icon-arrow-down:before{content:"\\E600"}.ishow-icon-arrow-left:before{content:"\\E601"}.ishow-icon-arrow-right:before{content:"\\E602"}.ishow-icon-arrow-up:before{content:"\\E603"}.ishow-icon-caret-bottom:before{content:"\\E604"}.ishow-icon-caret-left:before{content:"\\E605"}.ishow-icon-caret-right:before{content:"\\E606"}.ishow-icon-caret-top:before{content:"\\E607"}.ishow-icon-check:before{content:"\\E608"}.ishow-icon-circle-check:before{content:"\\E609"}.ishow-icon-circle-close:before{content:"\\E60A"}.ishow-icon-circle-cross:before{content:"\\E60B"}.ishow-icon-close:before{content:"\\E60C"}.ishow-icon-upload:before{content:"\\E60D"}.ishow-icon-d-arrow-left:before{content:"\\E60E"}.ishow-icon-d-arrow-right:before{content:"\\E60F"}.ishow-icon-d-caret:before{content:"\\E610"}.ishow-icon-date:before{content:"\\E611"}.ishow-icon-delete:before{content:"\\E612"}.ishow-icon-document:before{content:"\\E613"}.ishow-icon-edit:before{content:"\\E614"}.ishow-icon-information:before{content:"\\E615"}.ishow-icon-loading:before{content:"\\E616"}.ishow-icon-menu:before{content:"\\E617"}.ishow-icon-message:before{content:"\\E618"}.ishow-icon-minus:before{content:"\\E619"}.ishow-icon-more:before{content:"\\E61A"}.ishow-icon-picture:before{content:"\\E61B"}.ishow-icon-plus:before{content:"\\E61C"}.ishow-icon-search:before{content:"\\E61D"}.ishow-icon-setting:before{content:"\\E61E"}.ishow-icon-share:before{content:"\\E61F"}.ishow-icon-star-off:before{content:"\\E620"}.ishow-icon-star-on:before{content:"\\E621"}.ishow-icon-time:before{content:"\\E622"}.ishow-icon-warning:before{content:"\\E623"}.ishow-icon-delete2:before{content:"\\E624"}.ishow-icon-upload2:before{content:"\\E627"}.ishow-icon-view:before{content:"\\E626"}.ishow-icon-loading{-webkit-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}.ishow-icon--right{margin-left:5px}.ishow-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}',"",{version:3,sources:["E:/demo/demo/src/ishow/Common/css/Base.css"],names:[],mappings:"AACA,gIAII,sCAAuC,AACvC,iCAAkC,AAClC,6BAA8B,CACjC,AAED,qNAQI,SAAU,CACb,AAED,8HAII,oDAAwD,AACxD,+CAAmD,AACnD,2CAA+C,CAClD,AAED,wMAMI,iHAAyH,AACzH,yGAAiH,AACjH,oGAA4G,AAC5G,iGAAyG,AACzG,oJAAgK,CACnK,AAED,+DAEI,UAAW,AACX,wBAAyB,AACzB,4BAA6B,AACrB,mBAAoB,CAC/B,AAED,gEAEI,UAAW,AACX,wBAAyB,AACzB,4BAA6B,AACrB,oBAAqB,AAC7B,gCAAiC,AACjC,oCAAqC,AAC7B,2BAA4B,CACvC,AAED,yDAEI,UAAW,AACX,wBAAyB,AACzB,4BAA6B,AACrB,mBAAoB,CAC/B,AAED,sEAEI,UAAW,AACX,wBAAyB,AACzB,4BAA6B,AACrB,oBAAqB,AAC7B,mCAAoC,AACpC,uCAAwC,AAChC,8BAA+B,CAC1C,AAED,+DAEI,UAAW,AACX,wBAAyB,AACzB,4BAA6B,AACrB,mBAAoB,CAC/B,AAED,kEAEI,UAAW,AACX,uBAA2B,AAC3B,2BAA+B,AACvB,mBAAuB,AAC/B,8BAA+B,AAC/B,kCAAmC,AAC3B,yBAA0B,CACrC,AAED,2DAEI,UAAW,AACX,yBAA+B,AAC/B,6BAAmC,AAC3B,oBAA0B,CACrC,AAED,qBACI,qGAAwG,AACxG,gGAAmG,AACnG,4FAA+F,CAClG,AAED,gCACI,oGAAuG,AACvG,+FAAkG,AAClG,2FAA8F,CACjG,AAED,kDAEI,0BAA2B,AAC3B,qBAAsB,AACtB,iBAAkB,CACrB,AAED,2CAEI,UAAW,AACX,gCAAiC,AACjC,oCAAqC,AAC7B,2BAA4B,CACvC,AAED,0BACI,wDAA4D,AAC5D,mDAAuD,AACvD,+CAAmD,CACtD,AAED,WACI,0BAA2B,AAC3B,kGAAqG,AACrG,gBAAiB,AACjB,iBAAkB,CACrB,AAED,6CAEI,oCAAsC,AACtC,WAAY,AACZ,kBAAmB,AACnB,gBAAiB,AACjB,oBAAqB,AACrB,oBAAqB,AACrB,cAAe,AACf,wBAAyB,AACzB,qBAAsB,AACtB,mCAAoC,AACpC,iCAAkC,CACrC,AAED,8BACI,eAAgB,CACnB,AAED,8BACI,eAAgB,CACnB,AAED,+BACI,eAAgB,CACnB,AAED,4BACI,eAAgB,CACnB,AAED,gCACI,eAAgB,CACnB,AAED,8BACI,eAAgB,CACnB,AAED,+BACI,eAAgB,CACnB,AAED,6BACI,eAAgB,CACnB,AAED,yBACI,eAAgB,CACnB,AAED,gCACI,eAAgB,CACnB,AAED,gCACI,eAAgB,CACnB,AAED,gCACI,eAAgB,CACnB,AAED,yBACI,eAAgB,CACnB,AAED,0BACI,eAAgB,CACnB,AAED,gCACI,eAAgB,CACnB,AAED,iCACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,wBACI,eAAgB,CACnB,AAED,0BACI,eAAgB,CACnB,AAED,4BACI,eAAgB,CACnB,AAED,wBACI,eAAgB,CACnB,AAED,+BACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,wBACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,yBACI,eAAgB,CACnB,AAED,wBACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,wBACI,eAAgB,CACnB,AAED,0BACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,yBACI,eAAgB,CACnB,AAED,4BACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,wBACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,2BACI,eAAgB,CACnB,AAED,wBACI,eAAgB,CACnB,AAED,oBACI,8CAA+C,AACvC,qCAAsC,CACjD,AAED,mBACI,eAAgB,CACnB,AAED,kBACI,gBAAiB,CACpB,AAED,4BACI,GACI,4BAA8B,AACtB,mBAAqB,CAChC,AACD,GACI,gCAAmC,AAC3B,uBAA0B,CACrC,CACJ,AAED,oBACI,GACI,4BAA8B,AACtB,mBAAqB,CAChC,AACD,GACI,gCAAmC,AAC3B,uBAA0B,CACrC,CACJ",file:"Base.css",sourcesContent:['@charset "UTF-8";\r\n.ishow-fade-in-linear-enter-active,\r\n.ishow-fade-in-linear-leave-active,\r\n.fade-in-linear-enter-active,\r\n.fade-in-linear-leave-active {\r\n    -webkit-transition: opacity .2s linear;\r\n    -o-transition: opacity .2s linear;\r\n    transition: opacity .2s linear\r\n}\r\n\r\n.ishow-fade-in-enter,\r\n.ishow-fade-in-leave-active,\r\n.ishow-fade-in-linear-enter,\r\n.ishow-fade-in-linear-leave,\r\n.ishow-fade-in-linear-leave-active,\r\n.fade-in-linear-enter,\r\n.fade-in-linear-leave,\r\n.fade-in-linear-leave-active {\r\n    opacity: 0\r\n}\r\n\r\n.ishow-fade-in-enter-active,\r\n.ishow-fade-in-leave-active,\r\n.ishow-zoom-in-center-enter-active,\r\n.ishow-zoom-in-center-leave-active {\r\n    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);\r\n    -o-transition: all .3s cubic-bezier(.55, 0, .1, 1);\r\n    transition: all .3s cubic-bezier(.55, 0, .1, 1)\r\n}\r\n\r\n.ishow-zoom-in-bottom-enter-active,\r\n.ishow-zoom-in-bottom-leave-active,\r\n.ishow-zoom-in-left-enter-active,\r\n.ishow-zoom-in-left-leave-active,\r\n.ishow-zoom-in-top-enter-active,\r\n.ishow-zoom-in-top-leave-active {\r\n    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .1s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .1s;\r\n    transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .1s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .1s;\r\n    -o-transition: transform .3s cubic-bezier(.23, 1, .32, 1) .1s, opacity .3s cubic-bezier(.23, 1, .32, 1) .1s;\r\n    transition: transform .3s cubic-bezier(.23, 1, .32, 1) .1s, opacity .3s cubic-bezier(.23, 1, .32, 1) .1s;\r\n    transition: transform .3s cubic-bezier(.23, 1, .32, 1) .1s, opacity .3s cubic-bezier(.23, 1, .32, 1) .1s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .1s\r\n}\r\n\r\n.ishow-zoom-in-center-enter,\r\n.ishow-zoom-in-center-leave-active {\r\n    opacity: 0;\r\n    -ms-transform: scaleX(0);\r\n    -webkit-transform: scaleX(0);\r\n            transform: scaleX(0)\r\n}\r\n\r\n.ishow-zoom-in-top-enter-active,\r\n.ishow-zoom-in-top-leave-active {\r\n    opacity: 1;\r\n    -ms-transform: scaleY(1);\r\n    -webkit-transform: scaleY(1);\r\n            transform: scaleY(1);\r\n    -ms-transform-origin: center top;\r\n    -webkit-transform-origin: center top;\r\n            transform-origin: center top\r\n}\r\n\r\n.ishow-zoom-in-top-enter,\r\n.ishow-zoom-in-top-leave-active {\r\n    opacity: 0;\r\n    -ms-transform: scaleY(0);\r\n    -webkit-transform: scaleY(0);\r\n            transform: scaleY(0)\r\n}\r\n\r\n.ishow-zoom-in-bottom-enter-active,\r\n.ishow-zoom-in-bottom-leave-active {\r\n    opacity: 1;\r\n    -ms-transform: scaleY(1);\r\n    -webkit-transform: scaleY(1);\r\n            transform: scaleY(1);\r\n    -ms-transform-origin: center bottom;\r\n    -webkit-transform-origin: center bottom;\r\n            transform-origin: center bottom\r\n}\r\n\r\n.ishow-zoom-in-bottom-enter,\r\n.ishow-zoom-in-bottom-leave-active {\r\n    opacity: 0;\r\n    -ms-transform: scaleY(0);\r\n    -webkit-transform: scaleY(0);\r\n            transform: scaleY(0)\r\n}\r\n\r\n.ishow-zoom-in-left-enter-active,\r\n.ishow-zoom-in-left-leave-active {\r\n    opacity: 1;\r\n    -ms-transform: scale(1, 1);\r\n    -webkit-transform: scale(1, 1);\r\n            transform: scale(1, 1);\r\n    -ms-transform-origin: top left;\r\n    -webkit-transform-origin: top left;\r\n            transform-origin: top left\r\n}\r\n\r\n.ishow-zoom-in-left-enter,\r\n.ishow-zoom-in-left-leave-active {\r\n    opacity: 0;\r\n    -ms-transform: scale(.45, .45);\r\n    -webkit-transform: scale(.45, .45);\r\n            transform: scale(.45, .45)\r\n}\r\n\r\n.collapse-transition {\r\n    -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;\r\n    -o-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;\r\n    transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out\r\n}\r\n\r\n.horizontal-collapse-transition {\r\n    -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;\r\n    -o-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;\r\n    transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out\r\n}\r\n\r\n.ishow-list-enter-active,\r\n.ishow-list-leave-active {\r\n    -webkit-transition: all 1s;\r\n    -o-transition: all 1s;\r\n    transition: all 1s\r\n}\r\n\r\n.ishow-list-enter,\r\n.ishow-list-leave-active {\r\n    opacity: 0;\r\n    -ms-transform: translateY(-30px);\r\n    -webkit-transform: translateY(-30px);\r\n            transform: translateY(-30px)\r\n}\r\n\r\n.ishow-opacity-transition {\r\n    -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);\r\n    -o-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);\r\n    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)\r\n}\r\n\r\n@font-face {\r\n    font-family: element-icons;\r\n    src: url(../fonts/ishow-icons.woff) format(\'woff\'), url(../fonts/ishow-icons.ttf) format(\'truetype\');\r\n    font-weight: 400;\r\n    font-style: normal\r\n}\r\n\r\n[class*=" ishow-icon-"],\r\n[class^=ishow-icon-] {\r\n    font-family: element-icons !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n    vertical-align: baseline;\r\n    display: inline-block;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale\r\n}\r\n\r\n.ishow-icon-arrow-down:before {\r\n    content: "\\e600"\r\n}\r\n\r\n.ishow-icon-arrow-left:before {\r\n    content: "\\e601"\r\n}\r\n\r\n.ishow-icon-arrow-right:before {\r\n    content: "\\e602"\r\n}\r\n\r\n.ishow-icon-arrow-up:before {\r\n    content: "\\e603"\r\n}\r\n\r\n.ishow-icon-caret-bottom:before {\r\n    content: "\\e604"\r\n}\r\n\r\n.ishow-icon-caret-left:before {\r\n    content: "\\e605"\r\n}\r\n\r\n.ishow-icon-caret-right:before {\r\n    content: "\\e606"\r\n}\r\n\r\n.ishow-icon-caret-top:before {\r\n    content: "\\e607"\r\n}\r\n\r\n.ishow-icon-check:before {\r\n    content: "\\e608"\r\n}\r\n\r\n.ishow-icon-circle-check:before {\r\n    content: "\\e609"\r\n}\r\n\r\n.ishow-icon-circle-close:before {\r\n    content: "\\e60a"\r\n}\r\n\r\n.ishow-icon-circle-cross:before {\r\n    content: "\\e60b"\r\n}\r\n\r\n.ishow-icon-close:before {\r\n    content: "\\e60c"\r\n}\r\n\r\n.ishow-icon-upload:before {\r\n    content: "\\e60d"\r\n}\r\n\r\n.ishow-icon-d-arrow-left:before {\r\n    content: "\\e60e"\r\n}\r\n\r\n.ishow-icon-d-arrow-right:before {\r\n    content: "\\e60f"\r\n}\r\n\r\n.ishow-icon-d-caret:before {\r\n    content: "\\e610"\r\n}\r\n\r\n.ishow-icon-date:before {\r\n    content: "\\e611"\r\n}\r\n\r\n.ishow-icon-delete:before {\r\n    content: "\\e612"\r\n}\r\n\r\n.ishow-icon-document:before {\r\n    content: "\\e613"\r\n}\r\n\r\n.ishow-icon-edit:before {\r\n    content: "\\e614"\r\n}\r\n\r\n.ishow-icon-information:before {\r\n    content: "\\e615"\r\n}\r\n\r\n.ishow-icon-loading:before {\r\n    content: "\\e616"\r\n}\r\n\r\n.ishow-icon-menu:before {\r\n    content: "\\e617"\r\n}\r\n\r\n.ishow-icon-message:before {\r\n    content: "\\e618"\r\n}\r\n\r\n.ishow-icon-minus:before {\r\n    content: "\\e619"\r\n}\r\n\r\n.ishow-icon-more:before {\r\n    content: "\\e61a"\r\n}\r\n\r\n.ishow-icon-picture:before {\r\n    content: "\\e61b"\r\n}\r\n\r\n.ishow-icon-plus:before {\r\n    content: "\\e61c"\r\n}\r\n\r\n.ishow-icon-search:before {\r\n    content: "\\e61d"\r\n}\r\n\r\n.ishow-icon-setting:before {\r\n    content: "\\e61e"\r\n}\r\n\r\n.ishow-icon-share:before {\r\n    content: "\\e61f"\r\n}\r\n\r\n.ishow-icon-star-off:before {\r\n    content: "\\e620"\r\n}\r\n\r\n.ishow-icon-star-on:before {\r\n    content: "\\e621"\r\n}\r\n\r\n.ishow-icon-time:before {\r\n    content: "\\e622"\r\n}\r\n\r\n.ishow-icon-warning:before {\r\n    content: "\\e623"\r\n}\r\n\r\n.ishow-icon-delete2:before {\r\n    content: "\\e624"\r\n}\r\n\r\n.ishow-icon-upload2:before {\r\n    content: "\\e627"\r\n}\r\n\r\n.ishow-icon-view:before {\r\n    content: "\\e626"\r\n}\r\n\r\n.ishow-icon-loading {\r\n    -webkit-animation: rotating 1s linear infinite;\r\n            animation: rotating 1s linear infinite\r\n}\r\n\r\n.ishow-icon--right {\r\n    margin-left: 5px\r\n}\r\n\r\n.ishow-icon--left {\r\n    margin-right: 5px\r\n}\r\n\r\n@-webkit-keyframes rotating {\r\n    0% {\r\n        -webkit-transform: rotateZ(0);\r\n                transform: rotateZ(0)\r\n    }\r\n    100% {\r\n        -webkit-transform: rotateZ(360deg);\r\n                transform: rotateZ(360deg)\r\n    }\r\n}\r\n\r\n@keyframes rotating {\r\n    0% {\r\n        -webkit-transform: rotateZ(0);\r\n                transform: rotateZ(0)\r\n    }\r\n    100% {\r\n        -webkit-transform: rotateZ(360deg);\r\n                transform: rotateZ(360deg)\r\n    }\r\n}'],sourceRoot:""}])},242:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=(t(201),{Tree:{Options:[{param:"message",instruction:"\u6d88\u606f\u6587\u5b57",type:"string/ReactElement",optional:"\u2014",defaultvalue:"\u2014"},{param:"type",instruction:"\u4e3b\u9898",type:"string",optional:"success/warning/info/error",defaultvalue:"info"},{param:"iconClass",instruction:"\u81ea\u5b9a\u4e49\u56fe\u6807\u7684\u7c7b\u540d\uff0c\u4f1a\u8986\u76d6 type",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"customClass",instruction:"\u81ea\u5b9a\u4e49\u7c7b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"duration",instruction:"\u663e\u793a\u65f6\u95f4, \u6beb\u79d2\u3002\u8bbe\u4e3a 0 \u5219\u4e0d\u4f1a\u81ea\u52a8\u5173\u95ed",type:"number",optional:"\u2014",defaultvalue:"3000"},{param:"showClose",instruction:"\u662f\u5426\u663e\u793a\u5173\u95ed\u6309\u94ae",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"onClose",instruction:"\u5173\u95ed\u65f6\u7684\u56de\u8c03\u51fd\u6570, \u53c2\u6570\u4e3a\u88ab\u5173\u95ed\u7684 message \u5b9e\u4f8b",type:"function",optional:"\u2014",defaultvalue:"\u2014"}],List:[{param:"data",instruction:"\u5c55\u793a\u6570\u636e",type:"array",optional:"\u2014",defaultvalue:"\u2014"},{param:"emptyText",instruction:"\u5185\u5bb9\u4e3a\u7a7a\u7684\u65f6\u5019\u5c55\u793a\u7684\u6587\u672c",type:"String",optional:"\u2014",defaultvalue:"\u2014"},{param:"nodeKey",instruction:"\u6bcf\u4e2a\u6811\u8282\u70b9\u7528\u6765\u4f5c\u4e3a\u552f\u4e00\u6807\u8bc6\u7684\u5c5e\u6027\uff0c\u6574\u9897\u6811\u5e94\u8be5\u662f\u552f\u4e00\u7684",type:"String",optional:"\u2014",defaultvalue:"\u2014"},{param:"options",instruction:"\u914d\u7f6e\u9009\u9879\uff0c\u5177\u4f53\u770b\u4e0b\u8868",type:"object",optional:"\u2014",defaultvalue:"\u2014"},{param:"load",instruction:"\u52a0\u8f7d\u5b50\u6811\u6570\u636e\u7684\u65b9\u6cd5",type:"function(node, resolve)",optional:"\u2014",defaultvalue:"\u2014"},{param:"renderContent",instruction:"\u6811\u8282\u70b9\u7684\u5185\u5bb9\u533a\u7684\u6e32\u67d3 Function",type:"(nodeModel, data, store)=>ReactElement",optional:"\u2014",defaultvalue:"\u2014"},{param:"highlightCurrent",instruction:"\u662f\u5426\u9ad8\u4eae\u5f53\u524d\u9009\u4e2d\u8282\u70b9\uff0c\u9ed8\u8ba4\u503c\u662f false\u3002",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"currentNodeKey",instruction:"\u5f53\u524d\u9009\u4e2d\u8282\u70b9\u7684 key\uff0c\u53ea\u5199\u5c5e\u6027",type:"string, number",optional:"\u2014",defaultvalue:"\u2014"},{param:"defaultExpandAll",instruction:"\u662f\u5426\u9ed8\u8ba4\u5c55\u5f00\u6240\u6709\u8282\u70b9",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"expandOnClickNode",instruction:"\u662f\u5426\u5728\u70b9\u51fb\u8282\u70b9\u7684\u65f6\u5019\u5c55\u5f00\u6216\u8005\u6536\u7f29\u8282\u70b9\uff0c\u9ed8\u8ba4\u503c\u4e3atrue,\u5982\u679c\u4e3afalse\uff0c\u5219\u53ea\u6709\u70b9\u7bad\u5934\u56fe\u6807\u7684\u65f6\u5019\u624d\u4f1a\u5c55\u5f00\u6216\u8005\u6536\u7f29\u8282\u70b9\u3002",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"autoExpandParent",instruction:"\u5c55\u5f00\u5b50\u8282\u70b9\u7684\u65f6\u5019\u662f\u5426\u81ea\u52a8\u5c55\u5f00\u7236\u8282\u70b9",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"defaultExpandedKeys",instruction:"\u9ed8\u8ba4\u5c55\u5f00\u7684\u8282\u70b9\u7684key\u7684\u6570\u7ec4",type:"array",optional:"\u2014",defaultvalue:"\u2014"},{param:"isShowCheckbox",instruction:"\u8282\u70b9\u662f\u5426\u53ef\u88ab\u9009\u62e9",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"checkedKeyStrictly",instruction:"\u5728\u663e\u793a\u590d\u9009\u6846\u7684\u60c5\u51b5\u4e0b\uff0c\u662f\u5426\u4e25\u683c\u7684\u9075\u5faa\u7236\u5b50\u4e0d\u4e92\u76f8\u5173\u8054\u7684\u505a\u6cd5\uff0c\u9ed8\u8ba4\u4e3afalse",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"defaultCheckedKeys",instruction:"\u9ed8\u8ba4\u52fe\u9009\u7684\u8282\u70b9\u7684key\u7684\u6570\u7ec4",type:"array",optional:"\u2014",defaultvalue:"\u2014"},{param:"filterNodeMethod",instruction:"\u5bf9\u6811\u8282\u70b9\u8fdb\u884c\u7b5b\u9009\u65f6\u6267\u884c\u7684\u65b9\u6cd5\uff0c\u8fd4\u56de true \u8868\u793a\u8fd9\u4e2a\u8282\u70b9\u53ef\u4ee5\u663e\u793a\uff0c\u8fd4\u56de false \u5219\u8868\u793a\u8fd9\u4e2a\u8282\u70b9\u4f1a\u88ab\u9690\u85cf",type:"Function(value, data, node)",optional:"\u2014",defaultvalue:"\u2014"},{param:"accordion",instruction:"\u662f\u5426\u6bcf\u6b21\u53ea\u6253\u5f00\u4e00\u4e2a\u540c\u7ea7\u6811\u8282\u70b9\u5c55\u5f00",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"indent",instruction:"\u76f8\u90bb\u7ea7\u8282\u70b9\u95f4\u7684\u6c34\u5e73\u7f29\u8fdb\uff0c\u5355\u4f4d\u4e3a\u50cf\u7d20",type:"number",optional:"\u2014",defaultvalue:"16"}],Events:[{eventName:"onNodeClicked",instruction:"\u8282\u70b9\u88ab\u70b9\u51fb\u65f6\u7684\u56de\u8c03",callbackParam:"onNodeClicked(nodeModel.data, node)"},{eventName:"onCheckChange",instruction:"\u8282\u70b9\u9009\u4e2d\u72b6\u6001\u53d1\u751f\u53d8\u5316\u65f6\u7684\u56de\u8c03",callbackParam:"onCheckChange(nodeModel.data, checked, indeterminate)"},{eventName:"onCurrentChange",instruction:"\u5f53\u524d\u9009\u4e2d\u8282\u70b9\u53d8\u5316\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"onCurrentChange(nodeModel.data, node)"},{eventName:"onNodeExpand",instruction:"\u8282\u70b9\u88ab\u5c55\u5f00\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"onNodeExpand(nodeModel.data, nodeModel, node)"},{eventName:"onNodeCollapse",instruction:"\u8282\u70b9\u88ab\u5173\u95ed\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"onNodeCollapse(nodeModel.data, nodeModel, node)"}]},Form:{List:[{param:"model",instruction:"\u8868\u5355\u6570\u636e\u5bf9\u8c61",type:"object",optional:"\u2014",defaultvalue:"\u2014"},{param:"rules",instruction:"\u8868\u5355\u9a8c\u8bc1\u89c4\u5219",type:"object",optional:"\u2014",defaultvalue:"\u2014"},{param:"inline",instruction:"\u884c\u5185\u8868\u5355\u6a21\u5f0f",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"labelPosition",instruction:"\u8868\u5355\u57df\u6807\u7b7e\u7684\u4f4d\u7f6e",type:"string",optional:"\u2014",defaultvalue:"right"},{param:"labelWidth",instruction:"\u8868\u5355\u57df\u6807\u7b7e\u7684\u5bbd\u5ea6\uff0c\u6240\u6709\u7684 form-item \u90fd\u4f1a\u7ee7\u627f form \u7ec4\u4ef6\u7684 labelWidth \u7684\u503c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"labelSuffix",instruction:"\u8868\u5355\u57df\u6807\u7b7e\u7684\u540e\u7f00",type:"string",optional:"\u2014",defaultvalue:"\u2014"}],Method:[{methodName:"validate(cb)",instruction:"\u5bf9\u6574\u4e2a\u8868\u5355\u8fdb\u884c\u6821\u9a8c\u7684\u65b9\u6cd5",methodParam:"\u2014"},{methodName:"validateField(prop, cb)",instruction:"\u5bf9\u90e8\u5206\u8868\u5355\u5b57\u6bb5\u8fdb\u884c\u6821\u9a8c\u7684\u65b9\u6cd5",methodParam:"\u2014"},{methodName:"resetFields",instruction:"\u5bf9\u6574\u4e2a\u8868\u5355\u8fdb\u884c\u91cd\u7f6e\uff0c\u5c06\u6240\u6709\u5b57\u6bb5\u503c\u91cd\u7f6e\u4e3a\u7a7a\u5e76\u79fb\u9664\u6821\u9a8c\u7ed3\u679c",methodParam:"\u2014"}]},FormItem:{List:[{param:"prop",instruction:"\u8868\u5355\u57df model \u5b57\u6bb5",type:"string",optional:"\u4f20\u5165 Form \u7ec4\u4ef6\u7684 model \u4e2d\u7684\u5b57\u6bb5",defaultvalue:"\u2014"},{param:"label",instruction:"\u6807\u7b7e\u6587\u672c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"labelWidth",instruction:"\u8868\u5355\u57df\u6807\u7b7e\u7684\u7684\u5bbd\u5ea6\uff0c\u4f8b\u5982`50px`",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"required",instruction:"\u662f\u5426\u5fc5\u586b\uff0c\u5982\u4e0d\u8bbe\u7f6e\uff0c\u5219\u4f1a\u6839\u636e\u6821\u9a8c\u89c4\u5219\u81ea\u52a8\u751f\u6210",type:"boolean",optional:"\u2014",defaultvalue:"false"}]},Transfer:{List:[{param:"data",instruction:"Transfer \u7684\u6570\u636e\u6e90",type:"array[{ key, label, disabled }]",optional:"\u2014",defaultvalue:"[ ]"},{param:"filterable",instruction:"\u662f\u5426\u53ef\u641c\u7d22",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"filterPlaceholder",instruction:"\u641c\u7d22\u6846\u5360\u4f4d\u7b26",type:"string",optional:"\u2014",defaultvalue:"\u8bf7\u8f93\u5165\u641c\u7d22\u5185\u5bb9"},{param:"filterMethod",instruction:"\u81ea\u5b9a\u4e49\u641c\u7d22\u65b9\u6cd5",type:"function",optional:"\u2014",defaultvalue:"\u2014"},{param:"titles",instruction:"\u81ea\u5b9a\u4e49\u5217\u8868\u6807\u9898",type:"array",optional:"\u2014",defaultvalue:"['\u5217\u8868 1', '\u5217\u8868 2']"},{param:"buttonTexts",instruction:"\u81ea\u5b9a\u4e49\u6309\u94ae\u6587\u6848",type:"array",optional:"\u2014",defaultvalue:"[]"},{param:"renderContent",instruction:"\u81ea\u5b9a\u4e49\u6570\u636e\u9879\u6e32\u67d3\u51fd\u6570",type:"function(h, option)",optional:"\u2014",defaultvalue:"\u2014"},{param:"footerFormat",instruction:"\u5217\u8868\u5e95\u90e8\u52fe\u9009\u72b6\u6001\u6587\u6848",type:"object{noChecked, hasChecked}",optional:"\u2014",defaultvalue:"{ noChecked: '\u5171 total \u9879', hasChecked: '\u5df2\u9009 checked/total \u9879' }"},{param:"propsAlias",instruction:"\u6570\u636e\u6e90\u7684\u5b57\u6bb5\u522b\u540d",type:"object{key, label, disabled}",optional:"\u2014",defaultvalue:"\u2014"},{param:"leftDefaultChecked",instruction:"\u521d\u59cb\u72b6\u6001\u4e0b\u5de6\u4fa7\u5217\u8868\u7684\u5df2\u52fe\u9009\u9879\u7684 key \u6570\u7ec4",type:"array",optional:"\u2014",defaultvalue:"[ ]"},{param:"rightDefaultChecked",instruction:"\u521d\u59cb\u72b6\u6001\u4e0b\u53f3\u4fa7\u5217\u8868\u7684\u5df2\u52fe\u9009\u9879\u7684 key \u6570\u7ec4",type:"array",optional:"\u2014",defaultvalue:"[ ]"},{param:"leftFooter",instruction:"\u5de6\u4fa7\u5217\u8868\u5e95\u90e8\u7684\u5185\u5bb9",type:"ReactElement",optional:"-",defaultvalue:"-"},{param:"rightFooter",instruction:"\u53f3\u4fa7\u5217\u8868\u5e95\u90e8\u7684\u5185\u5bb9",type:"ReactElement",optional:"\u2014",defaultvalue:"-"},{param:"allCheckVisible",instruction:"\u662f\u5426\u663e\u793a\u5168\u9009\u52fe\u9009\u6846",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"isShowTitle",instruction:"\u662f\u5426\u663e\u793a\u9762\u677f\u5934\u90e8\u6807\u9898",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"disabled",instruction:"\u662f\u5426\u7981\u7528\u9009\u62e9\u6846",type:"boolean",optional:"\u2014",defaultvalue:"false"}],Events:[{eventName:"onChange",instruction:"\u53f3\u4fa7\u5217\u8868\u5143\u7d20\u53d8\u5316\u65f6\u89e6\u53d1",callbackParam:"\u5f53\u524d\u503c\u3001\u6570\u636e\u79fb\u52a8\u7684\u65b9\u5411\uff08'left' / 'right'\uff09\u3001\u53d1\u751f\u79fb\u52a8\u7684\u6570\u636e key \u6570\u7ec4"}]},Carousel:{List:[{param:"height",instruction:"\u8d70\u9a6c\u706f\u7684\u9ad8\u5ea6",type:"number",optional:"\u2014",defaultvalue:"300"},{param:"initialIndex",instruction:"\u521d\u59cb\u72b6\u6001\u6fc0\u6d3b\u7684\u5e7b\u706f\u7247\u7684\u7d22\u5f15\uff0c\u4ece 0 \u5f00\u59cb",type:"number",optional:"\u2014",defaultvalue:"0"},{param:"trigger",instruction:"\u6307\u793a\u5668\u7684\u89e6\u53d1\u65b9\u5f0f",type:"string",optional:"click",defaultvalue:"\u2014"},{param:"autoplay",instruction:"\u662f\u5426\u81ea\u52a8\u5207\u6362",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"interval",instruction:"\u81ea\u52a8\u5207\u6362\u7684\u65f6\u95f4\u95f4\u9694\uff0c\u5355\u4f4d\u4e3a\u6beb\u79d2",type:"number",optional:"\u2014",defaultvalue:"true"},{param:"indicatorPosition",instruction:"\u6307\u793a\u5668\u7684\u4f4d\u7f6e",type:"string",optional:"outside/none",defaultvalue:"\u2014"},{param:"arrow",instruction:"\u5207\u6362\u7bad\u5934\u7684\u663e\u793a\u65f6\u673a",type:"string",optional:"always/hover/never",defaultvalue:"hover"},{param:"type",instruction:"\u8d70\u9a6c\u706f\u7684\u7c7b\u578b",type:"string",optional:"card/flatcard",defaultvalue:"\u2014"}],Events:[{eventName:"onChange",instruction:"\u5e7b\u706f\u7247\u5207\u6362\u65f6\u89e6\u53d1",callbackParam:"\u76ee\u524d\u6fc0\u6d3b\u7684\u5e7b\u706f\u7247\u7684\u7d22\u5f15\uff0c\u539f\u5e7b\u706f\u7247\u7684\u7d22\u5f15"}],Method:[{methodName:"setActiveItem",instruction:"\u624b\u52a8\u5207\u6362\u5e7b\u706f\u7247",methodParam:"\u9700\u8981\u5207\u6362\u7684\u5e7b\u706f\u7247\u7684\u7d22\u5f15\uff0c\u4ece 0 \u5f00\u59cb\uff1b\u6216\u76f8\u5e94 Carousel.Item \u7684 name \u5c5e\u6027\u503c"},{methodName:"prev",instruction:"\u5207\u6362\u81f3\u4e0a\u4e00\u5f20\u5e7b\u706f\u7247",methodParam:"\u2014"},{methodName:"next",instruction:"\u5207\u6362\u81f3\u4e0b\u4e00\u5f20\u5e7b\u706f\u7247",methodParam:"\u2014"}]},CarouselItem:{List:[{param:"name",instruction:"\u5e7b\u706f\u7247\u7684\u540d\u5b57\uff0c\u53ef\u7528\u4f5c setActiveItem \u7684\u53c2\u6570",type:"string",optional:"\u2014",defaultvalue:"\u2014"}]},Collapse:{List:[{param:"accordion",instruction:"\u662f\u5426\u4e3a\u624b\u98ce\u7434\u6a21\u5f0f",type:"boolean",optional:"-",defaultvalue:"false"},{param:"value",instruction:"\u5f53\u524d\u6fc0\u6d3b\u7684\u9762\u677f(\u5982\u679c\u662f\u624b\u98ce\u7434\u6a21\u5f0f\uff0c\u7ed1\u5b9a\u503c\u7c7b\u578b\u9700\u8981\u4e3astring\uff0c\u5426\u5219\u4e3aarray)",type:"string/array",optional:"-",defaultvalue:"-"}],Events:[{eventName:"onChange",instruction:"\u5f53\u524d\u6fc0\u6d3b\u9762\u677f\u6539\u53d8\u65f6\u89e6\u53d1(\u5982\u679c\u662f\u624b\u98ce\u7434\u6a21\u5f0f\uff0c\u53c2\u6570\u7c7b\u578b\u4e3astring\uff0c\u5426\u5219\u4e3aarray)",callbackParam:"(activeNames: array/string)"}]},CollapseItem:{List:[{param:"name",instruction:"\u552f\u4e00\u6807\u5fd7\u7b26",type:"string/number",optional:"-",defaultvalue:"-"},{param:"title",instruction:"\u9762\u677f\u6807\u9898",type:"string/node",optional:"-",defaultvalue:"-"}]},Rate:{List:[{param:"max",instruction:"\u6700\u5927\u5206\u503c",type:"number",optional:"-",defaultvalue:"5"},{param:"disabled",instruction:"\u662f\u5426\u4e3a\u53ea\u8bfb",type:"boolean",optional:"-",defaultvalue:"false"},{param:"allowHalf",instruction:"\u662f\u5426\u5141\u8bb8\u534a\u9009",type:"boolean",optional:"-",defaultvalue:"false"},{param:"lowThreshold",instruction:"\u4f4e\u5206\u548c\u4e2d\u7b49\u5206\u6570\u7684\u754c\u7ebf\u503c\uff0c\u503c\u672c\u8eab\u88ab\u5212\u5206\u5728\u4f4e\u5206\u4e2d",type:"number",optional:"-",defaultvalue:"2"},{param:"highThreshold",instruction:"\u9ad8\u5206\u548c\u4e2d\u7b49\u5206\u6570\u7684\u754c\u7ebf\u503c\uff0c\u503c\u672c\u8eab\u88ab\u5212\u5206\u5728\u9ad8\u5206\u4e2d",type:"number",optional:"-",defaultvalue:"4"},{param:"colors",instruction:"icon\u7684\u989c\u8272\u6570\u7ec4\uff0c\u5171\u67093\u4e2a\u5143\u7d20\uff0c\u4e3a3\u4e2a\u5206\u6bb5\u591a\u5bf9\u5e94\u7684\u989c\u8272",type:"array",optional:"-",defaultvalue:"['#F7BA2A', '#F7BA2A', '#F7BA2A']"},{param:"voidColor",instruction:"\u672a\u9009\u4e2dicon\u7684\u989c\u8272",type:"string",optional:"-",defaultvalue:"#C6D1DE"},{param:"disabledVoidColor",instruction:"\u53ea\u8bfb\u65f6\u672a\u9009\u4e2dicon\u7684\u989c\u8272",type:"string",optional:"-",defaultvalue:"#EFF2F7"},{param:"iconClasses",instruction:"icon \u7684\u7c7b\u540d\u6570\u7ec4\uff0c\u5171\u6709 3 \u4e2a\u5143\u7d20\uff0c\u4e3a 3 \u4e2a\u5206\u6bb5\u6240\u5bf9\u5e94\u7684\u7c7b\u540d",type:"array",optional:"-",defaultvalue:"['el-icon-star-on', 'el-icon-star-on','el-icon-star-on']"},{param:"voidconClass",instruction:"\u672a\u9009\u4e2dicon\u7684\u7c7b\u540d",type:"string",optional:"-",defaultvalue:"el-icon-star-off"},{param:"disabledVoidconClass",instruction:"\u53ea\u8bfb\u65f6\u672a\u9009\u4e2dicon\u7684\u7c7b\u540d",type:"string",optional:"-",defaultvalue:"el-icon-star-on"},{param:"showText",instruction:"\u662f\u5426\u663e\u793a\u8f85\u52a9\u6587\u5b57",type:"boolean",optional:"-",defaultvalue:"false"},{param:"textColor",instruction:"\u8f85\u52a9\u6587\u5b57\u7684\u989c\u8272",type:"string",optional:"-",defaultvalue:"1F2D3D"},{param:"texts",instruction:"\u8f85\u52a9\u6587\u5b57\u6570\u7ec4",type:"array",optional:"-",defaultvalue:"['\u6781\u5dee', '\u5931\u671b', '\u4e00\u822c', '\u6ee1\u610f', '\u60ca\u559c']"},{param:"textTemplate",instruction:"\u53ea\u8bfb\u65f6\u7684\u8f85\u52a9\u6587\u5b57\u6a21\u677f",type:"string",optional:"-",defaultvalue:"{value}"}],Events:[{eventName:"onChange",instruction:"\u5206\u503c\u6539\u53d8\u65f6\u89e6\u53d1",callbackParam:"\u6539\u53d8\u540e\u7684\u5206\u503c"}]},Card:{List:[{param:"header",instruction:"\u8bbe\u7f6e header\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 slot#header \u4f20\u5165 DOM",type:"string",optional:"-",defaultvalue:"-"},{param:"bodyStyle",instruction:"\u8bbe\u7f6e body \u7684\u6837\u5f0f",type:"object",optional:"-",defaultvalue:"{ padding: '20px' }"}]},Layout:{List:[{param:"style",instruction:"\u6837\u5f0f",type:"Object",optional:"-",defaultvalue:"-"}]},Sider:{List:[{param:"collapsible",instruction:"\u662f\u5426\u53ef\u6536\u8d77",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"defaultCollapsed",instruction:"\u662f\u5426\u9ed8\u8ba4\u6536\u8d77",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"collapsed",instruction:"\u5f53\u524d\u6536\u8d77\u72b6\u6001\t",type:"Boolean",optional:"\u2014",defaultvalue:"\u2014"},{param:"onCollapse",instruction:"\u5c55\u5f00\u2014\u6536\u8d77\u65f6\u7684\u56de\u8c03\u51fd\u6570\uff0c\u6709\u70b9\u51fb trigger \u4ee5\u53ca\u54cd\u5e94\u5f0f\u53cd\u9988\u4e24\u79cd\u65b9\u5f0f\u53ef\u4ee5\u89e6\u53d1",type:"(collapsed, type) => {}",optional:"\u2014",defaultvalue:"\u2014"},{param:"trigger",instruction:"\u81ea\u5b9a\u4e49 trigger\uff0c\u8bbe\u7f6e\u4e3a null \u65f6\u9690\u85cf trigger",type:"string|ReactNode",optional:"\u2014",defaultvalue:"\u2014"},{param:"width",instruction:"\u5bbd\u5ea6",type:"number|string",optional:"\u2014",defaultvalue:"200"},{param:"collapsedWidth",instruction:"\u6536\u7f29\u5bbd\u5ea6\uff0c\u8bbe\u7f6e\u4e3a 0 \u4f1a\u51fa\u73b0\u7279\u6b8a trigger",type:"number",optional:"\u2014",defaultvalue:"64"},{param:"breakpoint",instruction:"\u89e6\u53d1\u54cd\u5e94\u5f0f\u5e03\u5c40\u7684\u65ad\u70b9\t",type:"Enum { 'xs', 'sm', 'md', 'lg', 'xl' }",optional:"\u2014",defaultvalue:"\u2014"},{param:"style",instruction:"\u6307\u5b9a\u6837\u5f0f",type:"object",optional:"\u2014",defaultvalue:"\u2014"},{param:"className",instruction:"\u5bb9\u5668 className",type:"String",optional:"\u2014",defaultvalue:"\u2014"}]},Slider:{List:[{param:"min",instruction:"\u6700\u5c0f\u503c",type:"number",optional:"-",defaultvalue:"0"},{param:"max",instruction:"\u6700\u5927\u503c",type:"numner",optional:"-",defaultvalue:"100"},{param:"disabled",instruction:"\u662f\u5426\u7981\u7528",type:"Boolean",optional:"-",defaultvalue:"false"},{param:"step",instruction:"\u6b65\u957f",type:"number",optional:"-",defaultvalue:"1"},{param:"showInput",instruction:"\u662f\u5426\u663e\u793a\u8f93\u5165\u6846\uff0c\u4ec5\u5728\u975e\u8303\u56f4\u9009\u62e9\u65f6\u6709\u6548",type:"boolean",optional:"-",defaultvalue:"false"},{param:"showInputControls",instruction:"\u5728\u663e\u793a\u8f93\u5165\u6846\u7684\u60c5\u51b5\u4e0b\uff0c\u662f\u5426\u663e\u793a\u8f93\u5165\u6846\u7684\u63a7\u5236\u6309\u94ae",type:"boolean",optional:"-",defaultvalue:"false"},{param:"showStops",instruction:"\u662f\u5426\u663e\u793a\u95f4\u65ad\u70b9",type:"boolean",optional:"-",defaultvalue:"false"},{param:"range",instruction:"\u662f\u5426\u4e3a\u8303\u56f4\u9009\u62e9",type:"boolean",optional:"-",defaultvalue:"false"}],Events:[{eventName:"onChange",instruction:"\u503c\u6539\u53d8\u65f6\u89e6\u53d1",callbackParam:"\u6539\u53d8\u540e\u7684\u503c"}]},Row:{List:[{param:"gutter",instruction:"\u6805\u683c\u95f4\u9694",type:"Number",optional:"-",defaultvalue:"0"},{param:"type",instruction:"\u5e03\u5c40\u6a21\u5f0f\uff0c\u53ef\u9009 flex\uff0c\u73b0\u4ee3\u6d4f\u89c8\u5668 \u4e0b\u6709\u6548",type:"String",optional:"-",defaultvalue:"-"},{param:"align",instruction:"flex \u5e03\u5c40\u4e0b\u7684\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f\uff1atop middle bottom",type:"String",optional:"-",defaultvalue:"top"},{param:"justify",instruction:"flex \u5e03\u5c40\u4e0b\u7684\u6c34\u5e73\u6392\u5217\u65b9\u5f0f\uff1astart end center space-around space-between",type:"String",optional:"-",defaultvalue:"start"}]},Col:{List:[{param:"span",instruction:"\u6805\u683c\u5360\u4f4d\u683c\u6570\uff0c\u4e3a 0 \u65f6\u76f8\u5f53\u4e8e display: none",type:"Number",optional:"-",defaultvalue:"-"},{param:"order",instruction:"\u6805\u683c\u987a\u5e8f\uff0cflex \u5e03\u5c40\u6a21\u5f0f\u4e0b\u6709\u6548",type:"Number",optional:"-",defaultvalue:"0"},{param:"offset",instruction:"\u6805\u683c\u5de6\u4fa7\u7684\u95f4\u9694\u683c\u6570\uff0c\u95f4\u9694\u5185\u4e0d\u53ef\u4ee5\u6709\u6805\u683c",type:"Number",optional:"-",defaultvalue:"0"},{param:"push",instruction:"\u6805\u683c\u5411\u53f3\u79fb\u52a8\u683c\u6570",type:"Number",optional:"-",defaultvalue:"0"},{param:"pull",instruction:"\u6805\u683c\u5411\u5de6\u79fb\u52a8\u683c\u6570",type:"Number",optional:"-",defaultvalue:"0"},{param:"xs",instruction:"<768px \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61",type:"Number|Object",optional:"-",defaultvalue:"-"},{param:"sm",instruction:"\u2265768px \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61",type:"Number|Object",optional:"-",defaultvalue:"-"},{param:"md",instruction:"\u2265992px \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61",type:"Number|Object",optional:"-",defaultvalue:"-"},{param:"lg",instruction:"\u22651200px \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61",type:"Number|Object",optional:"-",defaultvalue:"-"},{param:"xl",instruction:"\u22651600px \u54cd\u5e94\u5f0f\u6805\u683c\uff0c\u53ef\u4e3a\u6805\u683c\u6570\u6216\u4e00\u4e2a\u5305\u542b\u5176\u4ed6\u5c5e\u6027\u7684\u5bf9\u8c61",type:"Number|Object",optional:"-",defaultvalue:"-"}]},Button:{List:[{param:"size",instruction:"\u5c3a\u5bf8",type:"String",optional:"large,small,mini",defaultvalue:"-"},{param:"type",instruction:"\u7c7b\u578b",type:"String",optional:"primary,success,warning,danger,info,text",defaultvalue:"-"},{param:"plain",instruction:"\u662f\u5426\u6734\u7d20\u6309\u94ae",type:"boolean",optional:"true,false",defaultvalue:"false"},{param:"loading",instruction:"\u662f\u5426\u52a0\u8f7d\u4e2d\u72b6\u6001",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"disabled",instruction:"\u7981\u7528",type:"boolean",optional:"true, false",defaultvalue:"false"},{param:"icon",instruction:"\u56fe\u6807\uff0c\u5df2\u6709\u56fe\u6807\u5e93\u4e2d\u7684\u56fe\u6807\u540d",type:"String",optional:"\u2014",defaultvalue:"-"},{param:"nativeType",instruction:"\u539f\u58f0type\u5c5e\u6027",type:"String",optional:"button,submit,reset",defaultvalue:"button"}]},Radio:{List:[{param:"checked",instruction:"Radio\u662f\u5426\u88ab\u9009\u4e2d",type:"boolean",optional:"-",defaultvalue:"false"},{param:"value",instruction:"Radio\u7684value",type:"string,number,boolean",optional:"-",defaultvalue:"-"},{param:"disabled",instruction:"\u662f\u5426\u7981\u7528\t",type:"boolean",optional:"true,false",defaultvalue:"false"},{param:"name",instruction:"\u539f\u58f0name\u5c5e\u6027",type:"string",optional:"\u2014",defaultvalue:"-"}]},RadioGroup:{List:[{param:"size",instruction:"Radio\u6309\u94ae\u7ec4\u5c3a\u5bf8",type:"string",optional:"large\uff0csmall",defaultvalue:"-"},{param:"fill",instruction:"\u6309\u94ae\u6fc0\u6d3b\u65f6\u7684\u586b\u5145\u8272\u548c\u8fb9\u6846\u8272",type:"string",optional:"-",defaultvalue:"#20a0ff"},{param:"textColor",instruction:"\u6309\u94ae\u6fc0\u6d3b\u65f6\u7684\u6587\u672c\u8272\t",type:"string",optional:"true,false",defaultvalue:"#fff"}],Events:[{eventName:"onChange",instruction:"\u7ed1\u5b9a\u503c\u53d8\u5316\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"\u9009\u4e2d\u7684 Radio label \u503c"}]},RadioButton:{List:[{param:"value",instruction:"Radio\u7684value",type:"string\uff0cnumber",optional:"-",defaultvalue:"-"},{param:"disabled",instruction:"\u662f\u5426\u7981\u7528",type:"boolean",optional:"-",defaultvalue:"false"}]},Checkbox:{List:[{param:"label",instruction:"\u9009\u4e2d\u72b6\u6001\u7684\u503c\uff08\u53ea\u6709\u5728Checkbox.Group\u6216\u8005\u7ed1\u5b9a\u5bf9\u8c61\u7c7b\u578b\u4e3aarray\u65f6\u6709\u6548\uff09",type:"string",optional:"-",defaultvalue:"-"},{param:"trueLabel",instruction:"\u9009\u4e2d\u65f6\u7684\u503c",type:"string, number",optional:"-",defaultvalue:"-"},{param:"falseLabel",instruction:"\u6ca1\u6709\u9009\u4e2d\u65f6\u7684\u503c",type:"string, number",optional:"-",defaultvalue:"-"},{param:"disabled",instruction:"\u6309\u94ae\u7981\u7528",type:"boolean",optional:"-",defaultvalue:"false"},{param:"checked",instruction:"\u5f53\u524d\u662f\u5426\u52fe\u9009",type:"boolean",optional:"-",defaultvalue:"false"}]},Animate:{List:[{param:"animation-name",instruction:"\u53ef\u4ee5\u7ed1\u5b9a\u5230\u9009\u62e9\u5668\u7684 keyframe \u540d\u79f0",type:"string",optional:"-",defaultvalue:"-"},{param:"animation-duration",instruction:"\u5b8c\u6210\u52a8\u753b\u6240\u82b1\u8d39\u7684\u65f6\u95f4\uff0c\u4ee5\u79d2\u6216\u6beb\u79d2\u8ba1",type:"string",optional:"-",defaultvalue:"-"},{param:"animation-timing-function",instruction:"\u52a8\u753b\u7684\u901f\u5ea6\u66f2\u7ebf",type:"string",optional:"linear,ease,ease-in,ease-out,ease-in-out,cubic-bezier(n,n,n,n)(n\u4e3a\u4ece0\u52301\u7684\u503c)",defaultvalue:"ease"},{param:"animation-delay",instruction:"\u52a8\u753b\u5f00\u59cb\u4e4b\u524d\u7684\u5ef6\u8fdf",type:"string",optional:"-",defaultvalue:"false"},{param:"animation-iteration-count",instruction:"\u52a8\u753b\u64ad\u653e\u6b21\u6570",type:"number",optional:"-",defaultvalue:"false"},{param:"animation-direction",instruction:"\u662f\u5426\u8f6e\u6d41\u53cd\u5411\u64ad\u653e\u52a8\u753b",type:"boolean",optional:"-",defaultvalue:"false"}]},CheckboxGroup:{List:[{param:"size",instruction:"Checkbox \u6309\u94ae\u7ec4\u5c3a\u5bf8\t",type:"string",optional:"large, small",defaultvalue:"-"},{param:"fill",instruction:"\u6309\u94ae\u6fc0\u6d3b\u65f6\u7684\u586b\u5145\u8272\u548c\u8fb9\u6846\u8272",type:"string",optional:"-",defaultvalue:"#20a0ff"},{param:"textColor",instruction:"\u6309\u94ae\u6fc0\u6d3b\u65f6\u7684\u6587\u672c\u989c\u8272\t",type:"string",optional:"-",defaultvalue:"#fff"},{param:"min",instruction:"\u53ef\u88ab\u52fe\u9009\u7684checkbox\u7684\u6700\u5927\u6570\u91cf",type:"number",optional:"-",defaultvalue:"-"},{param:"max",instruction:"\u53ef\u88ab\u52fe\u9009\u7684checkbox\u7684\u6700\u5c0f\u6570\u91cf",type:"number",optional:"-",defaultvalue:"-"}],Events:[{eventName:"onChange",instruction:"\u7ed1\u5b9a\u503c\u53d8\u5316\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"value"}]},Input:{List:[{param:"type",instruction:"\u7c7b\u578b",type:"string",optional:"text/textarea",defaultvalue:"text"},{param:"value",instruction:"\u7ed1\u5b9a\u503c",type:"string, number",optional:"\u2014",defaultvalue:"\u2014"},{param:"maxLength",instruction:"\u6700\u5927\u8f93\u5165\u957f\u5ea6",type:"number",optional:"\u2014",defaultvalue:"\u2014"},{param:"placeholder",instruction:"\u8f93\u5165\u6846\u5360\u4f4d\u6587\u672c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"disabled",instruction:"\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"FALSE"},{param:"size",instruction:"\u8f93\u5165\u6846\u5c3a\u5bf8\uff0c\u53ea\u5728\xa0type!=textarea\u65f6\u6709\u6548",type:"string",optional:"large, small, mini",defaultvalue:"\u2014"},{param:"icon",instruction:"\u8f93\u5165\u6846\u5c3e\u90e8\u56fe\u6807",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"rows",instruction:"\u8f93\u5165\u6846\u884c\u6570\uff0c\u53ea\u5bf9\xa0type=textarea\u6709\u6548",type:"number",optional:"\u2014",defaultvalue:"2"},{param:"autosize",instruction:"\u81ea\u9002\u5e94\u5185\u5bb9\u9ad8\u5ea6\uff0c\u53ea\u5bf9\xa0type=textarea\u6709\u6548\uff0c\u53ef\u4f20\u5165\u5bf9\u8c61\uff0c\u5982\uff0c{ minRows: 2, maxRows: 6 }",type:"boolean/object",optional:"\u2014",defaultvalue:"FALSE"},{param:"autoComplete",instruction:"\u539f\u751f\u5c5e\u6027\uff0c\u81ea\u52a8\u8865\u5168",type:"string",optional:"on, off",defaultvalue:"off"},{param:"name",instruction:"\u539f\u751f\u5c5e\u6027",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"readOnly",instruction:"\u539f\u751f\u5c5e\u6027\uff0c\u662f\u5426\u53ea\u8bfb",type:"boolean",optional:"\u2014",defaultvalue:"FALSE"},{param:"autoFocus",instruction:"\u539f\u751f\u5c5e\u6027\uff0c\u81ea\u52a8\u83b7\u53d6\u7126\u70b9",type:"boolean",optional:"true, false",defaultvalue:"FALSE"},{param:"onIconClick",instruction:"\u70b9\u51fb Input \u5185\u7684\u56fe\u6807\u7684\u94a9\u5b50\u51fd\u6570",type:"function",optional:"\u2014",defaultvalue:"\u2014"}]},Autocomplete:{List:[{param:"placeholder",instruction:"\u8f93\u5165\u6846\u5360\u4f4d\u6587\u672c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"disabled",instruction:"\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"value",instruction:"\u5fc5\u586b\u503c\u8f93\u5165\u7ed1\u5b9a\u503c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"customItem",instruction:"\u901a\u8fc7\u8be5\u53c2\u6570\u6307\u5b9a\u81ea\u5b9a\u4e49\u7684\u8f93\u5165\u5efa\u8bae\u5217\u8868\u9879\u7684\u7ec4\u4ef6\u540d",type:"Element",optional:"\u2014",defaultvalue:"\u2014"},{param:"fetchSuggestions",instruction:"\u8fd4\u56de\u8f93\u5165\u5efa\u8bae\u7684\u65b9\u6cd5\uff0c\u4ec5\u5f53\u4f60\u7684\u8f93\u5165\u5efa\u8bae\u6570\u636e resolve \u65f6\uff0c\u901a\u8fc7\u8c03\u7528 callback(data:[]) \u6765\u8fd4\u56de\u5b83",type:"Function(queryString, callback)",optional:"\u2014",defaultvalue:"\u2014"},{param:"popperClass",instruction:"Autocomplete \u4e0b\u62c9\u5217\u8868\u7684\u7c7b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"triggerOnFocus",instruction:"\u662f\u5426\u5728\u8f93\u5165\u6846 focus \u65f6\u663e\u793a\u5efa\u8bae\u5217\u8868",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"onIconClick",instruction:"\u70b9\u51fb\u56fe\u6807\u7684\u56de\u8c03\u51fd\u6570",type:"function",optional:"\u2014",defaultvalue:"\u2014"},{param:"icon",instruction:"\u8f93\u5165\u6846\u5c3e\u90e8\u56fe\u6807",type:"string",optional:"\u2014",defaultvalue:"\u2014"}],Events:[{eventName:"onSelect",instruction:"\u70b9\u51fb\u9009\u4e2d\u5efa\u8bae\u9879\u65f6\u89e6\u53d1",callbackParam:"\u9009\u4e2d\u5efa\u8bae\u9879"}]},Select:{List:[{param:"multiple",instruction:"\u662f\u5426\u591a\u9009",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"disabled",instruction:"\u662f\u5426\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"clearable",instruction:"\u5355\u9009\u65f6\u662f\u5426\u53ef\u4ee5\u6e05\u7a7a\u9009\u9879",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"name",instruction:"select input\u7684name\u5c5e\u6027",type:"string",optional:"\u2014",defaultvalue:"-"},{param:"placeholder",instruction:"\u5360\u4f4d\u7b26",type:"string",optional:"\u2014",defaultvalue:"\u8bf7\u9009\u62e9"},{param:"filterable",instruction:"\u662f\u5426\u53ef\u641c\u7d22",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"filterMethod",instruction:"\u81ea\u5b9a\u4e49\u8fc7\u6ee4\u65b9\u6cd5",type:"function",optional:"\u2014",defaultvalue:"-"},{param:"remote",instruction:"\u662f\u5426\u4e3a\u8fdc\u7a0b\u641c\u7d22",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"remoteMethod",instruction:"\u8fdc\u7a0b\u641c\u7d22\u65b9\u6cd5",type:"function",optional:"\u2014",defaultvalue:"-"},{param:"loading",instruction:"\u662f\u5426\u6b63\u5728\u4ece\u8fdc\u7a0b\u83b7\u53d6\u6570\u636e",type:"boolean",optional:"\u2014",defaultvalue:"false"}],Events:[{eventName:"onChange",instruction:"\u9009\u4e2d\u503c\u53d1\u751f\u53d8\u5316\u65f6\u89e6\u53d1",callbackParam:"\u76ee\u524d\u7684\u9009\u4e2d\u503c"},{eventName:"onVisibleChange",instruction:"\u4e0b\u62c9\u6846\u51fa\u73b0/\u9690\u85cf\u65f6\u89e6\u53d1",callbackParam:"\u51fa\u73b0\u5219\u4e3a true\uff0c\u9690\u85cf\u5219\u4e3a false"},{eventName:"onRemoveTag",instruction:"\u591a\u9009\u6a21\u5f0f\u4e0b\u79fb\u9664tag\u65f6\u89e6\u53d1",callbackParam:"\u79fb\u9664\u7684tag\u503c"},{eventName:"onClear",instruction:"\u53ef\u6e05\u7a7a\u7684\u5355\u9009\u6a21\u5f0f\u4e0b\u7528\u6237\u70b9\u51fb\u6e05\u7a7a\u6309\u94ae\u65f6\u89e6\u53d1",callbackParam:"-"}]},Option:{List:[{param:"value",instruction:"\u9009\u9879\u7684\u503c",type:"string/number/object",optional:"\u2014",defaultvalue:"\u2014"},{param:"label",instruction:"\u9009\u9879\u7684\u6807\u7b7e\uff0c\u82e5\u4e0d\u8bbe\u7f6e\u5219\u9ed8\u8ba4\u4e0e value \u76f8\u540c",type:"string/number",optional:"\u2014",defaultvalue:"\u2014"},{param:"disabled",instruction:"\u662f\u5426\u7981\u7528\u8be5\u9009\u9879",type:"boolean",optional:"\u2014",defaultvalue:"false"}]},OptionGroup:{List:[{param:"label",instruction:"\u5206\u7ec4\u7684\u7ec4\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"disabled",instruction:"\u662f\u5426\u5c06\u8be5\u5206\u7ec4\u4e0b\u6240\u6709\u9009\u9879\u7f6e\u4e3a\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"false"}]},Switch:{List:[{param:"disabled",instruction:"\u662f\u5426\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"width",instruction:"switch \u7684\u5bbd\u5ea6\uff08\u50cf\u7d20\uff09",type:"number",optional:"\u2014",defaultvalue:"58\uff08\u6709\u6587\u5b57\uff09/ 46\uff08\u65e0\u6587\u5b57\uff09"},{param:"onIconClass",instruction:"switch \u6253\u5f00\u65f6\u6240\u663e\u793a\u56fe\u6807\u7684\u7c7b\u540d\uff0c",type:"\u2014",optional:"\u2014",defaultvalue:"-"},{param:"\u8bbe\u7f6e\u6b64\u9879\u4f1a\u5ffd\u7565 onText",instruction:"string",type:"\u2014",optional:"\u2014",defaultvalue:"-"},{param:"offIconClass",instruction:"switch \u5173\u95ed\u65f6\u6240\u663e\u793a\u56fe\u6807\u7684\u7c7b\u540d\uff0c",type:"\u2014",optional:"\u2014",defaultvalue:"-"},{param:"\u8bbe\u7f6e\u6b64\u9879\u4f1a\u5ffd\u7565 offText",instruction:"string",type:"\u2014",optional:"\u2014",defaultvalue:"-"},{param:"onText",instruction:"switch \u6253\u5f00\u65f6\u7684\u6587\u5b57",type:"string",optional:"\u2014",defaultvalue:"ON"},{param:"offText",instruction:"switch \u5173\u95ed\u65f6\u7684\u6587\u5b57",type:"string",optional:"\u2014",defaultvalue:"OFF"},{param:"onValue",instruction:"switch \u6253\u5f00\u65f6\u7684\u503c",type:"boolean / string / number",optional:"\u2014",defaultvalue:"true"},{param:"offValue",instruction:"switch \u5173\u95ed\u65f6\u7684\u503c",type:"boolean / string / number",optional:"\u2014",defaultvalue:"false"},{param:"onColor",instruction:"switch \u6253\u5f00\u65f6\u7684\u80cc\u666f\u8272",type:"string",optional:"\u2014",defaultvalue:"#20A0FF"},{param:"offColor",instruction:"switch \u5173\u95ed\u65f6\u7684\u80cc\u666f\u8272",type:"string",optional:"\u2014",defaultvalue:"#C0CCDA"},{param:"name",instruction:"switch \u5bf9\u5e94\u7684 name \u5c5e\u6027",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"allowFocus",instruction:"\u5141\u8bb8 switch \u89e6\u53d1 focus \u548c blur \u4e8b\u4ef6",type:"boolean",optional:"boolean",defaultvalue:"\u2014"}],Events:[{eventName:"onChange",instruction:"switch \u72b6\u6001\u53d1\u751f\u53d8\u5316\u65f6\u7684\u56de\u8c03\u51fd\u6570",callbackParam:"value"},{eventName:"onBlur",instruction:"switch \u5931\u53bb\u7126\u70b9\u65f6\u89e6\u53d1\uff0c\u4ec5\u5f53 allow-focus \u4e3a true \u65f6\u751f\u6548",callbackParam:"event: Event"},{eventName:"onFocus",instruction:"switch \u83b7\u5f97\u7126\u70b9\u65f6\u89e6\u53d1\uff0c\u4ec5\u5f53 allow-focus \u4e3a true \u65f6\u751f\u6548",callbackParam:"event: Event"}]},DateTimePickerCommon:{List:[{param:"disabled",instruction:"\u662f\u5426\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"width",instruction:"switch \u7684\u5bbd\u5ea6\uff08\u50cf\u7d20\uff09",type:"number",optional:"\u2014",defaultvalue:"58\uff08\u6709\u6587\u5b57\uff09/ 46\uff08\u65e0\u6587\u5b57\uff09"},{param:"onIconClass",instruction:"switch \u6253\u5f00\u65f6\u6240\u663e\u793a\u56fe\u6807\u7684\u7c7b\u540d\uff0c",type:"\u2014",optional:"\u2014",defaultvalue:"\u2014"},{param:"\u8bbe\u7f6e\u6b64\u9879\u4f1a\u5ffd\u7565 onText",instruction:"string",type:"\u2014",optional:"\u2014",defaultvalue:"\u2014"},{param:"offIconClass",instruction:"switch \u5173\u95ed\u65f6\u6240\u663e\u793a\u56fe\u6807\u7684\u7c7b\u540d\uff0c",type:"\u2014",optional:"\u2014",defaultvalue:"\u2014"},{param:"\u8bbe\u7f6e\u6b64\u9879\u4f1a\u5ffd\u7565 offText",instruction:"string",type:"\u2014",optional:"\u2014",defaultvalue:"\u2014"},{param:"placeholder",instruction:"\u5360\u4f4d\u5185\u5bb9",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"format",instruction:"\u65f6\u95f4\u65e5\u671f\u683c\u5f0f\u5316",type:"string",optional:"\u5e74 yyyy\uff0c\u6708 MM\uff0c\u65e5 dd\uff0c\u5c0f\u65f6 HH\uff0c\u5206 mm\uff0c\u79d2 ss",defaultvalue:"yyyy-MM-dd"},{param:"align",instruction:"\u5bf9\u9f50\u65b9\u5f0f",type:"string",optional:"left, center, right",defaultvalue:"left"},{param:"isShowTrigger",instruction:"\u662f\u5426\u663e\u793a\u56fe\u6807",type:"boolean",optional:"-",defaultvalue:"true"},{param:"isReadOnly",instruction:"\u662f\u5426\u662f\u53ea\u8bfb",type:"boolean",optional:"-",defaultvalue:"false"},{param:"isDisabled",instruction:"\u662f\u5426\u662f\u7981\u7528",type:"boolean",optional:"-",defaultvalue:"false"},{param:"isShowTime",instruction:"\u662f\u5426\u663e\u793a\u65f6\u95f4",type:"boolean",optional:"-",defaultvalue:"false"},{param:"firstDayOfWeek",instruction:"\u5468\u8d77\u59cb\u65e5",type:"Number",optional:"0 \u5230 6",defaultvalue:"0"},{param:"onFocus",instruction:"focus \u4e8b\u4ef6\u89e6\u53d1",type:"(SyntheticEvent)=>()",optional:"-",defaultvalue:"-"},{param:"onBlur",instruction:"blur \u4e8b\u4ef6\u89e6\u53d1",type:"(SyntheticEvent)=>()",optional:"-",defaultvalue:"-"}]},DatePicker:{List:[{param:"value",instruction:"-",type:"Date/null",optional:"\u2014",defaultvalue:"-"},{param:"shortcuts",instruction:"\u5feb\u6377\u9009\u9879",type:"{text: string, onClick: ()=>()}[]",optional:"-",defaultvalue:"-"},{param:"selectionMode",instruction:"\u65e5\u671f\u7c7b\u578b",type:"string, one of ['year', 'month', 'week', 'day']",optional:"-",defaultvalue:"'day'"},{param:"disabledDate",instruction:"\u662f\u5426\u7981\u7528\u65e5\u671f",type:"(Date, selectionMode)=>boolean",optional:"-",defaultvalue:"-"},{param:"showWeekNumber",instruction:"\u662f\u5426\u5c55\u793a\u5468\u6570",type:"boolean",optional:"-",defaultvalue:"false"}]},DateRangePanel:{List:[{param:"value",instruction:"-",type:"Date[]/null",optional:"\u2014",defaultvalue:"-"},{param:"shortcuts",instruction:"\u5feb\u6377\u9009\u9879",type:"{text: string, onClick: ()=>()}[]",optional:"-",defaultvalue:"-"},{param:"showWeekNumber",instruction:"\u662f\u5426\u5c55\u793a\u5468\u6570",type:"boolean",optional:"-",defaultvalue:"false"},{param:"rangeSeparator",instruction:"\u9009\u62e9\u8303\u56f4\u65f6\u7684\u5206\u9694\u7b26",type:"string",optional:"-",defaultvalue:" - "}]},TimeSelect:{List:[{param:"value",instruction:"\u503c",type:"date/null",optional:"\u2014",defaultvalue:"-"},{param:"start",instruction:"\u5f00\u59cb\u65f6\u95f4",type:"string",optional:"\u2014",defaultvalue:"09:00"},{param:"end",instruction:"\u7ed3\u675f\u65f6\u95f4",type:"string",optional:"\u2014",defaultvalue:"18:00"},{param:"step",instruction:"\u95f4\u9694\u65f6\u95f4",type:"string",optional:"\u2014",defaultvalue:"00:30"},{param:"minTime",instruction:"\u6700\u5c0f\u65f6\u95f4",type:"date",optional:"\u2014",defaultvalue:"-"},{param:"maxTime",instruction:"\u6700\u5927\u65f6\u95f4",type:"date",optional:"\u2014",defaultvalue:"-"}]},TimePicker:{List:[{param:"value",instruction:"\u503c",type:"date/null",optional:"\u2014",defaultvalue:"-"},{param:"selectableRange",instruction:"\u53ef\u9009\u65f6\u95f4\u6bb5\uff0c\u4f8b\u5982'18:30:00 - 20:30:00'\u6216\u8005\u4f20\u5165\u6570\u7ec4['09:30:00 - 12:00:00', '14:30:00 - 18:30:00']",type:"string/string[]",optional:"\u2014",defaultvalue:"\u2014"}]},TimeRangePicker:{List:[{param:"value",instruction:"\u503c",type:"date[]/null",optional:"\u2014",defaultvalue:"-"},{param:"selectableRange",instruction:"\u53ef\u9009\u65f6\u95f4\u6bb5\uff0c\u4f8b\u5982'18:30:00 - 20:30:00'\u6216\u8005\u4f20\u5165\u6570\u7ec4['09:30:00 - 12:00:00', '14:30:00 - 18:30:00']",type:"string/string[]",optional:"\u2014",defaultvalue:"\u2014"},{param:"rangeSeparator",instruction:"\u9009\u62e9\u8303\u56f4\u65f6\u7684\u5206\u9694\u7b26",type:"string",optional:"-",defaultvalue:"'- "}]},Upload:{List:[{param:"action",instruction:"\u5fc5\u9009\u53c2\u6570, \u4e0a\u4f20\u7684\u5730\u5740",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"headers",instruction:"\u53ef\u9009\u53c2\u6570, \u8bbe\u7f6e\u4e0a\u4f20\u7684\u8bf7\u6c42\u5934\u90e8",type:"object",optional:"\u2014",defaultvalue:"\u2014"},{param:"multiple",instruction:"\u53ef\u9009\u53c2\u6570, \u662f\u5426\u652f\u6301\u591a\u9009\u6587\u4ef6",type:"boolean",optional:"\u2014",defaultvalue:"\u2014"},{param:"data",instruction:"\u53ef\u9009\u53c2\u6570, \u4e0a\u4f20\u65f6\u9644\u5e26\u7684\u989d\u5916\u53c2\u6570",type:"object",optional:"\u2014",defaultvalue:"\u2014"},{param:"name",instruction:"\u53ef\u9009\u53c2\u6570, \u4e0a\u4f20\u7684\u6587\u4ef6\u5b57\u6bb5\u540d",type:"string",optional:"\u2014",defaultvalue:"file"},{param:"withCredentials",instruction:"\u652f\u6301\u53d1\u9001 cookie \u51ed\u8bc1\u4fe1\u606f",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"showFileList",instruction:"\u662f\u5426\u663e\u793a\u5df2\u4e0a\u4f20\u6587\u4ef6\u5217\u8868",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"drag",instruction:"\u53ef\u9009\u53c2\u6570\uff0c\u662f\u5426\u652f\u6301\u62d6\u62fd",type:"boolean",optional:"-",defaultvalue:"-"},{param:"accept",instruction:"\u53ef\u9009\u53c2\u6570, \u63a5\u53d7\u4e0a\u4f20\u7684\u6587\u4ef6\u7c7b\u578b\uff08thumbnailMode \u6a21\u5f0f\u4e0b\u6b64\u53c2\u6570\u65e0\u6548\uff09",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"onPreview",instruction:"\u53ef\u9009\u53c2\u6570, \u70b9\u51fb\u5df2\u4e0a\u4f20\u7684\u6587\u4ef6\u94fe\u63a5\u65f6\u7684\u94a9\u5b50, \u53ef\u4ee5\u901a\u8fc7 file.response \u62ff\u5230\u670d\u52a1\u7aef\u8fd4\u56de\u6570\u636e",type:"function(file)",optional:"\u2014",defaultvalue:"\u2014"},{param:"onRemove",instruction:"\u53ef\u9009\u53c2\u6570, \u6587\u4ef6\u5217\u8868\u79fb\u9664\u6587\u4ef6\u65f6\u7684\u94a9\u5b50",type:"function(file, fileList)",optional:"\u2014",defaultvalue:"\u2014"},{param:"onSuccess",instruction:"\u53ef\u9009\u53c2\u6570, \u6587\u4ef6\u4e0a\u4f20\u6210\u529f\u65f6\u7684\u94a9\u5b50",type:"function(response, file, fileList)",optional:"\u2014",defaultvalue:"\u2014"},{param:"onError",instruction:"\u53ef\u9009\u53c2\u6570, \u6587\u4ef6\u4e0a\u4f20\u5931\u8d25\u65f6\u7684\u94a9\u5b50",type:"function(err, file, fileList)",optional:"\u2014",defaultvalue:"\u2014"},{param:"onProgress",instruction:"\u53ef\u9009\u53c2\u6570, \u6587\u4ef6\u4e0a\u4f20\u65f6\u7684\u94a9\u5b50",type:"function(event, file, fileList)",optional:"\u2014",defaultvalue:"\u2014"},{param:"onChange",instruction:"\u53ef\u9009\u53c2\u6570, \u6587\u4ef6\u72b6\u6001\u6539\u53d8\u65f6\u7684\u94a9\u5b50\uff0c\u4e0a\u4f20\u6210\u529f\u6216\u8005\u5931\u8d25\u65f6\u90fd\u4f1a\u88ab\u8c03\u7528",type:"function(file, fileList)",optional:"\u2014",defaultvalue:"\u2014"},{param:"beforeUpload",instruction:"\u53ef\u9009\u53c2\u6570, \u4e0a\u4f20\u6587\u4ef6\u4e4b\u524d\u7684\u94a9\u5b50\uff0c\u53c2\u6570\u4e3a\u4e0a\u4f20\u7684\u6587\u4ef6\uff0c\u82e5\u8fd4\u56de false \u6216\u8005 Promise \u5219\u505c\u6b62\u4e0a\u4f20\u3002",type:"function(file)",optional:"\u2014",defaultvalue:"\u2014"},{param:"listType",instruction:"\u6587\u4ef6\u5217\u8868\u7684\u7c7b\u578b",type:"string",optional:"text/picture/picture-card",defaultvalue:"text"},{param:"autoUpload",instruction:"\u662f\u5426\u5728\u9009\u53d6\u6587\u4ef6\u540e\u7acb\u5373\u8fdb\u884c\u4e0a\u4f20",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"fileList",instruction:"\u4e0a\u4f20\u7684\u6587\u4ef6\u5217\u8868, \u4f8b\u5982: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg'}]",type:"array",optional:"\u2014",defaultvalue:"[]"}],Method:[{methodName:"clearFiles",instruction:"\u6e05\u7a7a\u5df2\u4e0a\u4f20\u7684\u6587\u4ef6\u5217\u8868",methodParam:"\u2014"}]},Table:{List:[{param:"data",instruction:"\u663e\u793a\u7684\u6570\u636e",type:"array",optional:"\u2014",defaultvalue:"\u2014"},{param:"height",instruction:"table \u7684\u9ad8\u5ea6\uff0c\u9ed8\u8ba4\u9ad8\u5ea6\u4e3a\u7a7a\uff0c\u5373\u81ea\u52a8\u9ad8\u5ea6\uff0c\u5355\u4f4d px",type:"string, number",optional:"\u2014",defaultvalue:"\u2014"},{param:"maxHeight",instruction:"Table \u7684\u6700\u5927\u9ad8\u5ea6",type:"string/number",optional:"\u2014",defaultvalue:"\u2014"},{param:"stripe",instruction:"\u662f\u5426\u4e3a\u6591\u9a6c\u7eb9 table",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"border",instruction:"\u662f\u5426\u5e26\u6709\u7eb5\u5411\u8fb9\u6846",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"fit",instruction:"\u5217\u7684\u5bbd\u5ea6\u662f\u5426\u81ea\u6491\u5f00",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"showHeader",instruction:"\u662f\u5426\u663e\u793a\u8868\u5934",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"highlightCurrentRow",instruction:"\u662f\u5426\u8981\u9ad8\u4eae\u5f53\u524d\u884c",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"currentRowKey",instruction:"\u5f53\u524d\u884c\u7684 key\uff0c\u53ea\u5199\u5c5e\u6027",type:"String,Number",optional:"\u2014",defaultvalue:"\u2014"},{param:"rowClassName",instruction:"\u884c\u7684 className \u7684\u56de\u8c03\u3002",type:"Function(row, index)",optional:"-",defaultvalue:"-"},{param:"rowStyle",instruction:"\u884c\u7684 style \u7684\u56de\u8c03\u65b9\u6cd5\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528\u4e00\u4e2a\u56fa\u5b9a\u7684 Object \u4e3a\u6240\u6709\u884c\u8bbe\u7f6e\u4e00\u6837\u7684 Style\u3002",type:"Function(row, index)/Object",optional:"\u2014",defaultvalue:"\u2014"},{param:"rowKey",instruction:"\u884c\u6570\u636e\u7684 Key\uff0c\u7528\u6765\u4f18\u5316 Table \u7684\u6e32\u67d3\uff1b\u5728\u4f7f\u7528 reserveSelection \u529f\u80fd\u7684\u60c5\u51b5\u4e0b\uff0c\u8be5\u5c5e\u6027\u662f\u5fc5\u586b\u7684\u3002\u7c7b\u578b\u4e3a String \u65f6\uff0c\u652f\u6301\u591a\u5c42\u8bbf\u95ee\uff1auser.info.id\uff0c\u4f46\u4e0d\u652f\u6301 user.info[0].id\uff0c\u6b64\u79cd\u60c5\u51b5\u8bf7\u4f7f\u7528 Function\u3002",type:"Function(row)/String",optional:"\u2014",defaultvalue:"\u2014"},{param:"emptyText",instruction:"\u7a7a\u6570\u636e\u65f6\u663e\u793a\u7684\u6587\u672c\u5185\u5bb9",type:"String",optional:"-",defaultvalue:"-"},{param:"defaultExpandAll",instruction:"\u662f\u5426\u9ed8\u8ba4\u5c55\u5f00\u6240\u6709\u884c\uff0c\u5f53 Table \u4e2d\u5b58\u5728 type=expand \u7684 Column \u7684\u65f6\u5019\u6709\u6548",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"expandRowKeys",instruction:"\u53ef\u4ee5\u901a\u8fc7\u8be5\u5c5e\u6027\u8bbe\u7f6e Table \u76ee\u524d\u7684\u5c55\u5f00\u884c\uff0c\u9700\u8981\u8bbe\u7f6e row-key \u5c5e\u6027\u624d\u80fd\u4f7f\u7528\uff0c\u8be5\u5c5e\u6027\u4e3a\u5c55\u5f00\u884c\u7684 keys \u6570\u7ec4\u3002",type:"Array",optional:"\u2014",defaultvalue:"-"},{param:"defaultSort",instruction:"\u9ed8\u8ba4\u7684\u6392\u5e8f\u5217\u7684prop\u548c\u987a\u5e8f\u3002\u5b83\u7684prop\u5c5e\u6027\u6307\u5b9a\u9ed8\u8ba4\u7684\u6392\u5e8f\u7684\u5217\uff0corder\u6307\u5b9a\u9ed8\u8ba4\u6392\u5e8f\u7684\u987a\u5e8f",type:"Object",optional:"order: ascending, descending",defaultvalue:"\u5982\u679c\u53ea\u6307\u5b9a\u4e86prop, \u6ca1\u6709\u6307\u5b9aorder, \u5219\u9ed8\u8ba4\u987a\u5e8f\u662fascending"},{param:"showSummary",instruction:"\u662f\u5426\u5728\u8868\u5c3e\u663e\u793a\u5408\u8ba1\u884c",type:"Boolean",optional:"-",defaultvalue:"false"},{param:"sumText",instruction:"\u5408\u8ba1\u884c\u7b2c\u4e00\u5217\u7684\u6587\u672c",type:"String",optional:"-",defaultvalue:"\u5408\u8ba1"},{param:"summeryMethod",instruction:"\u81ea\u5b9a\u4e49\u7684\u5408\u8ba1\u8ba1\u7b97\u65b9\u6cd5",type:"Function({ columns, data })",optional:"-",defaultvalue:"-"}],Events:[{eventName:"onSelect",instruction:"\u5f53\u7528\u6237\u624b\u52a8\u52fe\u9009\u6570\u636e\u884c\u7684 Checkbox \u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"selection, row"},{eventName:"onSelectAll",instruction:"\u5f53\u7528\u6237\u624b\u52a8\u52fe\u9009\u5168\u9009 Checkbox \u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"selection"},{eventName:"onSelectChange",instruction:"\u5f53\u9009\u62e9\u9879\u53d1\u751f\u53d8\u5316\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"selection"},{eventName:"onCellMouseEnter",instruction:"\u5f53\u5355\u5143\u683c hover \u8fdb\u5165\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"row, column, cell, event"},{eventName:"onCellMouseLeave",instruction:"\u5f53\u5355\u5143\u683c hover \u9000\u51fa\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"row, column, cell, event"},{eventName:"onCellClick",instruction:"\u5f53\u67d0\u4e2a\u5355\u5143\u683c\u88ab\u70b9\u51fb\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"row, column, cell, event"},{eventName:"onCellDbClick",instruction:"\u5f53\u67d0\u4e2a\u5355\u5143\u683c\u88ab\u53cc\u51fb\u51fb\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"row, column, cell, event"},{eventName:"onRowClick",instruction:"\u5f53\u67d0\u4e00\u884c\u88ab\u70b9\u51fb\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"row, event, column"},{eventName:"onRowContextMenu",instruction:"\u5f53\u67d0\u4e00\u884c\u88ab\u9f20\u6807\u53f3\u952e\u70b9\u51fb\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"row, event"},{eventName:"onRowDbClick",instruction:"\u5f53\u67d0\u4e00\u884c\u88ab\u53cc\u51fb\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"row, event"},{eventName:"onHeaderClick",instruction:"\u5f53\u67d0\u4e00\u5217\u7684\u8868\u5934\u88ab\u70b9\u51fb\u65f6\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"column, event"},{eventName:"onSortChange",instruction:"\u5f53\u8868\u683c\u7684\u6392\u5e8f\u6761\u4ef6\u53d1\u751f\u53d8\u5316\u7684\u65f6\u5019\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"{ column, prop, order }"},{eventName:"onFilterChange",instruction:"\u5f53\u8868\u683c\u7684\u7b5b\u9009\u6761\u4ef6\u53d1\u751f\u53d8\u5316\u7684\u65f6\u5019\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6\uff0c\u53c2\u6570\u7684\u503c\u662f\u4e00\u4e2a\u5bf9\u8c61\uff0c\u5bf9\u8c61\u7684 key \u662f column \u7684 columnKey\uff0c\u5bf9\u5e94\u7684 value \u4e3a\u7528\u6237\u9009\u62e9\u7684\u7b5b\u9009\u6761\u4ef6\u7684\u6570\u7ec4\u3002",callbackParam:"filters"},{eventName:"onCurrentChange",instruction:"\u5f53\u8868\u683c\u7684\u5f53\u524d\u884c\u53d1\u751f\u53d8\u5316\u7684\u65f6\u5019\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6\uff0c\u5982\u679c\u8981\u9ad8\u4eae\u5f53\u524d\u884c\uff0c\u8bf7\u6253\u5f00\u8868\u683c\u7684 highlight-current-row \u5c5e\u6027",callbackParam:"currentRow, oldCurrentRow"},{eventName:"onHeaderDragEnd",instruction:"\u5f53\u62d6\u52a8\u8868\u5934\u6539\u53d8\u4e86\u5217\u7684\u5bbd\u5ea6\u7684\u65f6\u5019\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"newWidth, oldWidth, column, event"},{eventName:"onExpand",instruction:"\u5f53\u7528\u6237\u5bf9\u67d0\u4e00\u884c\u5c55\u5f00\u6216\u8005\u5173\u95ed\u7684\u4e0a\u4f1a\u89e6\u53d1\u8be5\u4e8b\u4ef6",callbackParam:"row, expanded"}],Method:[{methodName:"clearSelection",instruction:"\u6e05\u7a7a\u7528\u6237\u7684\u9009\u62e9\uff0c\u5f53\u4f7f\u7528 reserve-selection \u529f\u80fd\u7684\u65f6\u5019\uff0c\u53ef\u80fd\u4f1a\u9700\u8981\u4f7f\u7528\u6b64\u65b9\u6cd5",methodParam:"selection"},{methodName:"toggleRowSelection",instruction:"\u7528\u4e8e\u591a\u9009\u8868\u683c\uff0c\u5207\u6362\u67d0\u4e00\u884c\u7684\u9009\u4e2d\u72b6\u6001\uff0c\u5982\u679c\u4f7f\u7528\u4e86\u7b2c\u4e8c\u4e2a\u53c2\u6570\uff0c\u5219\u662f\u8bbe\u7f6e\u8fd9\u4e00\u884c\u9009\u4e2d\u4e0e\u5426\uff08selected \u4e3a true \u5219\u9009\u4e2d\uff09",methodParam:"row, selected"},{methodName:"setCurrentRow",instruction:"\u7528\u4e8e\u5355\u9009\u8868\u683c\uff0c\u8bbe\u5b9a\u67d0\u4e00\u884c\u4e3a\u9009\u4e2d\u884c\uff0c\u5982\u679c\u8c03\u7528\u65f6\u4e0d\u52a0\u53c2\u6570\uff0c\u5219\u4f1a\u53d6\u6d88\u76ee\u524d\u9ad8\u4eae\u884c\u7684\u9009\u4e2d\u72b6\u6001\u3002",methodParam:"row"}]},TableColumn:{List:[{param:"type",instruction:"\u5bf9\u5e94\u5217\u7684\u7c7b\u578b\u3002\u5982\u679c\u8bbe\u7f6e\u4e86 selection \u5219\u663e\u793a\u591a\u9009\u6846\uff1b\u5982\u679c\u8bbe\u7f6e\u4e86 index \u5219\u663e\u793a\u8be5\u884c\u7684\u7d22\u5f15\uff08\u4ece 1 \u5f00\u59cb\u8ba1\u7b97\uff09\uff1b\u5982\u679c\u8bbe\u7f6e\u4e86 expand \u5219\u663e\u793a\u4e3a\u4e00\u4e2a\u53ef\u5c55\u5f00\u7684\u6309\u94ae",type:"string",optional:"selection/index/expand",defaultvalue:"\u2014"},{param:"columnKey",instruction:"column \u7684 key\uff0c\u5982\u679c\u9700\u8981\u4f7f\u7528 oFilterChange \u4e8b\u4ef6\uff0c\u5219\u9700\u8981\u6b64\u5c5e\u6027\u6807\u8bc6\u662f\u54ea\u4e2a column \u7684\u7b5b\u9009\u6761\u4ef6",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"label",instruction:"\u663e\u793a\u7684\u6807\u9898",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"prop",instruction:"\u5bf9\u5e94\u5217\u5185\u5bb9\u7684\u5b57\u6bb5\u540d\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528 property \u5c5e\u6027",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"width",instruction:"\u5bf9\u5e94\u5217\u7684\u5bbd\u5ea6",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"minWidth",instruction:"\u5bf9\u5e94\u5217\u7684\u6700\u5c0f\u5bbd\u5ea6\uff0c\u4e0e width \u7684\u533a\u522b\u662f width \u662f\u56fa\u5b9a\u7684\uff0cmin-width \u4f1a\u628a\u5269\u4f59\u5bbd\u5ea6\u6309\u6bd4\u4f8b\u5206\u914d\u7ed9\u8bbe\u7f6e\u4e86 min-width \u7684\u5217",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"fixed",instruction:"\u5217\u662f\u5426\u56fa\u5b9a\u5728\u5de6\u4fa7\u6216\u8005\u53f3\u4fa7\uff0ctrue \u8868\u793a\u56fa\u5b9a\u5728\u5de6\u4fa7",type:"string, boolean",optional:"true, left, right",defaultvalue:"-"},{param:"render",instruction:"\u81ea\u5b9a\u4e49\u6e32\u67d3\u4f7f\u7528\u7684 Function",type:"Function(row, column, index)",optional:"\u2014",defaultvalue:"\u2014"},{param:"renderHeader",instruction:"\u5217\u6807\u9898 Label \u533a\u57df\u6e32\u67d3\u4f7f\u7528\u7684 Function",type:"Function(column)",optional:"\u2014",defaultvalue:"\u2014"},{param:"sortable",instruction:"\u5bf9\u5e94\u5217\u662f\u5426\u53ef\u4ee5\u6392\u5e8f\uff0c\u5982\u679c\u8bbe\u7f6e\u4e3a 'custom'\uff0c\u5219\u4ee3\u8868\u7528\u6237\u5e0c\u671b\u8fdc\u7a0b\u6392\u5e8f\uff0c\u9700\u8981\u76d1\u542c Table \u7684 sort-change \u4e8b\u4ef6",type:"boolean, string",optional:"true, false, 'custom'",defaultvalue:"false"},{param:"sortMethod",instruction:"\u5bf9\u6570\u636e\u8fdb\u884c\u6392\u5e8f\u7684\u65f6\u5019\u4f7f\u7528\u7684\u65b9\u6cd5\uff0c\u4ec5\u5f53 sortable \u8bbe\u7f6e\u4e3a true \u7684\u65f6\u5019\u6709\u6548",type:"Function(a, b)",optional:"-",defaultvalue:"-"},{param:"resizable",instruction:"\u5bf9\u5e94\u5217\u662f\u5426\u53ef\u4ee5\u901a\u8fc7\u62d6\u52a8\u6539\u53d8\u5bbd\u5ea6\uff08\u5982\u679c\u9700\u8981\u5728 el-table \u4e0a\u8bbe\u7f6e border \u5c5e\u6027\u4e3a\u771f\uff09",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"align",instruction:"\u5bf9\u9f50\u65b9\u5f0f",type:"String",optional:"left, center, right",defaultvalue:"left"},{param:"headerAlign",instruction:"\u8868\u5934\u5bf9\u9f50\u65b9\u5f0f\uff0c\u82e5\u4e0d\u8bbe\u7f6e\u8be5\u9879\uff0c\u5219\u4f7f\u7528\u8868\u683c\u7684\u5bf9\u9f50\u65b9\u5f0f",type:"String",optional:"left/center/right",defaultvalue:"\u2014"},{param:"className",instruction:"\u5217\u7684 className",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"labelClassName",instruction:"\u5f53\u524d\u5217\u6807\u9898\u7684\u81ea\u5b9a\u4e49\u7c7b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"selectable",instruction:"\u4ec5\u5bf9 type=selection \u7684\u5217\u6709\u6548\uff0c\u7c7b\u578b\u4e3a Function\uff0cFunction \u7684\u8fd4\u56de\u503c\u7528\u6765\u51b3\u5b9a\u8fd9\u4e00\u884c\u7684 CheckBox \u662f\u5426\u53ef\u4ee5\u52fe\u9009",type:"Function(row, index)",optional:"\u2014",defaultvalue:"\u2014"},{param:"reserveSelection",instruction:"\u4ec5\u5bf9 type=selection \u7684\u5217\u6709\u6548\uff0c\u7c7b\u578b\u4e3a Boolean\uff0c\u4e3a true \u5219\u4ee3\u8868\u4f1a\u4fdd\u7559\u4e4b\u524d\u6570\u636e\u7684\u9009\u9879\uff0c\u9700\u8981\u914d\u5408 Table \u7684 clearSelection \u65b9\u6cd5\u4f7f\u7528\u3002",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"filters",instruction:"\u6570\u636e\u8fc7\u6ee4\u7684\u9009\u9879\uff0c\u6570\u7ec4\u683c\u5f0f\uff0c\u6570\u7ec4\u4e2d\u7684\u5143\u7d20\u9700\u8981\u6709 text \u548c value \u5c5e\u6027\u3002",type:"Array[{ text, value }]",optional:"\u2014",defaultvalue:"\u2014"},{param:"filterPlacement",instruction:"\u8fc7\u6ee4\u5f39\u51fa\u6846\u7684\u5b9a\u4f4d",type:"String",optional:"\u4e0e Tooltip \u7684 placement \u5c5e\u6027\u76f8\u540c",defaultvalue:"\u2014"},{param:"filterMultiple",instruction:"\u6570\u636e\u8fc7\u6ee4\u7684\u9009\u9879\u662f\u5426\u591a\u9009",type:"Boolean",optional:"\u2014",defaultvalue:"true"},{param:"filterMethod",instruction:"\u6570\u636e\u8fc7\u6ee4\u4f7f\u7528\u7684\u65b9\u6cd5\uff0c\u5982\u679c\u662f\u591a\u9009\u7684\u7b5b\u9009\u9879\uff0c\u5bf9\u6bcf\u4e00\u6761\u6570\u636e\u4f1a\u6267\u884c\u591a\u6b21\uff0c\u4efb\u610f\u4e00\u6b21\u8fd4\u56de true \u5c31\u4f1a\u663e\u793a\u3002",type:"Function(value, row)",optional:"\u2014",defaultvalue:"\u2014"},{param:"filteredValue",instruction:"\u9009\u4e2d\u7684\u6570\u636e\u8fc7\u6ee4\u9879\uff0c\u5982\u679c\u9700\u8981\u81ea\u5b9a\u4e49\u8868\u5934\u8fc7\u6ee4\u7684\u6e32\u67d3\u65b9\u5f0f\uff0c\u53ef\u80fd\u4f1a\u9700\u8981\u6b64\u5c5e\u6027\u3002",type:"Array",optional:"\u2014",defaultvalue:"\u2014"}]},Tag:{List:[{param:"type",instruction:"\u4e3b\u9898",type:"string",optional:"'primary', 'gray', 'success', 'warning', 'danger'",defaultvalue:"\u2014"},{param:"closable",instruction:"\u662f\u5426\u53ef\u5173\u95ed",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"closeTransition",instruction:"\u662f\u5426\u7981\u7528\u5173\u95ed\u65f6\u7684\u6e10\u53d8\u52a8\u753b",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"hit",instruction:"\u662f\u5426\u6709\u8fb9\u6846\u63cf\u8fb9",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"color",instruction:"\u80cc\u666f\u8272",type:"string",optional:"\u2014",defaultvalue:"\u2014"}],Events:[{eventName:"onClose",instruction:"\u5173\u95edtag\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"\u2014"}]},Progress:{List:[{param:"percentage",instruction:"\u767e\u5206\u6bd4\uff08\u5fc5\u586b\uff09",type:"number",optional:"0-100",defaultvalue:"0"},{param:"type",instruction:"\u8fdb\u5ea6\u6761\u7c7b\u578b",type:"string",optional:"line/circle",defaultvalue:"line"},{param:"strokeWidth",instruction:"\u8fdb\u5ea6\u6761\u7684\u5bbd\u5ea6\uff0c\u5355\u4f4d px",type:"number",optional:"\u2014",defaultvalue:"6"},{param:"textInside",instruction:"\u8fdb\u5ea6\u6761\u663e\u793a\u6587\u5b57\u5185\u7f6e\u5728\u8fdb\u5ea6\u6761\u5185\uff08\u53ea\u5728 type=line \u65f6\u53ef\u7528\uff09",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"status",instruction:"\u8fdb\u5ea6\u6761\u5f53\u524d\u72b6\u6001",type:"string",optional:"success/exception",defaultvalue:"\u2014"},{param:"width",instruction:"\u73af\u5f62\u8fdb\u5ea6\u6761\u753b\u5e03\u5bbd\u5ea6\uff08\u53ea\u5728 type=circle \u65f6\u53ef\u7528\uff09",type:"number",optional:"-",defaultvalue:"126"},{param:"showText",instruction:"\u662f\u5426\u663e\u793a\u8fdb\u5ea6\u6761\u6587\u5b57\u5185\u5bb9",type:"boolean",optional:"\u2014",defaultvalue:"true"}]},Pagination:{List:[{param:"small",instruction:"\u662f\u5426\u4f7f\u7528\u5c0f\u578b\u5206\u9875\u6837\u5f0f",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"pageSize",instruction:"\u6bcf\u9875\u663e\u793a\u6761\u76ee\u4e2a\u6570",type:"Number",optional:"\u2014",defaultvalue:"10"},{param:"total",instruction:"\u603b\u6761\u76ee\u6570",type:"Number",optional:"\u2014",defaultvalue:"-"},{param:"pageCount",instruction:"\u603b\u9875\u6570\uff0ctotal \u548c pageCount \u8bbe\u7f6e\u4efb\u610f\u4e00\u4e2a\u5c31\u53ef\u4ee5\u8fbe\u5230\u663e\u793a\u9875\u7801\u7684\u529f\u80fd\uff1b\u5982\u679c\u8981\u652f\u6301 pageSizes \u7684\u66f4\u6539\uff0c\u5219\u9700\u8981\u4f7f\u7528 total \u5c5e\u6027",type:"Number",optional:"\u2014",defaultvalue:"-"},{param:"currentPage",instruction:"\u5f53\u524d\u9875\u6570",type:"Number",optional:"\u2014",defaultvalue:"1"},{param:"layout",instruction:"\u7ec4\u4ef6\u5e03\u5c40\uff0c\u5b50\u7ec4\u4ef6\u540d\u7528\u9017\u53f7\u5206\u9694",type:"String",optional:"sizes, prev, pager, next, jumper, ->, total",defaultvalue:"'prev, pager, next, jumper, ->, total'"},{param:"pageSizes",instruction:"\u6bcf\u9875\u663e\u793a\u4e2a\u6570\u9009\u62e9\u5668\u7684\u9009\u9879\u8bbe\u7f6e",type:"Number[]",optional:"\u2014",defaultvalue:"[10, 20, 30, 40, 50, 100]"}],Events:[{eventName:"onSizeChange",instruction:"pageSize \u6539\u53d8\u65f6\u4f1a\u89e6\u53d1",callbackParam:"\u6bcf\u9875\u6761\u6570size"},{eventName:"onCurrentChange",instruction:"currentPage \u6539\u53d8\u65f6\u4f1a\u89e6\u53d1",callbackParam:"\u5f53\u524d\u9875currentPage"}]},Loading:{List:[{param:"fullscreen",instruction:"\u662f\u5426\u5168\u5c4f\u663e\u793a",type:"bool",optional:"-",defaultvalue:"false"},{param:"text",instruction:"\u81ea\u5b9a\u4e49\u52a0\u8f7d\u6587\u6848",type:"string",optional:"-",defaultvalue:"-"},{param:"loading",instruction:"\u63a7\u5236\u52a0\u8f7d\u9875\u663e\u793a",type:"bool",optional:"-",defaultvalue:"true"}]},Message:{Options:[{param:"message",instruction:"\u6d88\u606f\u6587\u5b57",type:"string/ReactElement",optional:"\u2014",defaultvalue:"\u2014"},{param:"type",instruction:"\u4e3b\u9898",type:"string",optional:"success/warning/info/error",defaultvalue:"info"},{param:"iconClass",instruction:"\u81ea\u5b9a\u4e49\u56fe\u6807\u7684\u7c7b\u540d\uff0c\u4f1a\u8986\u76d6 type",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"customClass",instruction:"\u81ea\u5b9a\u4e49\u7c7b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"duration",instruction:"\u663e\u793a\u65f6\u95f4, \u6beb\u79d2\u3002\u8bbe\u4e3a 0 \u5219\u4e0d\u4f1a\u81ea\u52a8\u5173\u95ed",type:"number",optional:"\u2014",defaultvalue:"3000"},{param:"showClose",instruction:"\u662f\u5426\u663e\u793a\u5173\u95ed\u6309\u94ae",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"onClose",instruction:"\u5173\u95ed\u65f6\u7684\u56de\u8c03\u51fd\u6570, \u53c2\u6570\u4e3a\u88ab\u5173\u95ed\u7684 message \u5b9e\u4f8b",type:"function",optional:"\u2014",defaultvalue:"\u2014"}]},MessageBox:{Options:[{param:"title",instruction:"MessageBox \u6807\u9898",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"message",instruction:"MessageBox \u6d88\u606f\u6b63\u6587\u5185\u5bb9",type:"string/ReactElement",optional:"\u2014",defaultvalue:"\u2014"},{param:"type",instruction:"\u6d88\u606f\u7c7b\u578b\uff0c\u7528\u4e8e\u663e\u793a\u56fe\u6807",type:"string",optional:"success/info/"},{param:"warning/error",instruction:"\u2014"},{param:"lockScroll",instruction:"\u662f\u5426\u5728 MessageBox \u51fa\u73b0\u65f6\u5c06 body \u6eda\u52a8\u9501\u5b9a",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"showCancelButton",instruction:"\u662f\u5426\u663e\u793a\u53d6\u6d88\u6309\u94ae",type:"boolean",optional:"\u2014",defaultvalue:"false\uff08\u4ee5 confirm \u548c prompt \u65b9\u5f0f\u8c03\u7528\u65f6\u4e3a true\uff09"},{param:"showConfirmButton",instruction:"\u662f\u5426\u663e\u793a\u786e\u5b9a\u6309\u94ae",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"cancelButtonText",instruction:"\u53d6\u6d88\u6309\u94ae\u7684\u6587\u672c\u5185\u5bb9",type:"string",optional:"\u2014",defaultvalue:"\u53d6\u6d88"},{param:"confirmButtonText",instruction:"\u786e\u5b9a\u6309\u94ae\u7684\u6587\u672c\u5185\u5bb9",type:"string",optional:"\u2014",defaultvalue:"\u786e\u5b9a"},{param:"cancelButtonClass",instruction:"\u53d6\u6d88\u6309\u94ae\u7684\u81ea\u5b9a\u4e49\u7c7b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"confirmButtonClass",instruction:"\u786e\u5b9a\u6309\u94ae\u7684\u81ea\u5b9a\u4e49\u7c7b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"showInput",instruction:"\u662f\u5426\u663e\u793a\u8f93\u5165\u6846",type:"boolean",optional:"\u2014",defaultvalue:"false\uff08\u4ee5 prompt \u65b9\u5f0f\u8c03\u7528\u65f6\u4e3a true\uff09"},{param:"inputPlaceholder",instruction:"\u8f93\u5165\u6846\u7684\u5360\u4f4d\u7b26",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"inputType",instruction:"\u8f93\u5165\u6846\u7684\u7c7b\u578b",type:"string",optional:"\u2014",defaultvalue:"text"},{param:"inputValue",instruction:"\u8f93\u5165\u6846\u7684\u521d\u59cb\u6587\u672c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"inputPattern",instruction:"\u8f93\u5165\u6846\u7684\u6821\u9a8c\u8868\u8fbe\u5f0f",type:"regexp",optional:"\u2014",defaultvalue:"\u2014"},{param:"inputValidator",instruction:"\u8f93\u5165\u6846\u7684\u6821\u9a8c\u51fd\u6570\u3002\u53ef\u4ee5\u8fd4\u56de\u5e03\u5c14\u503c\u6216\u5b57\u7b26\u4e32\uff0c\u82e5\u8fd4\u56de\u4e00\u4e2a\u5b57\u7b26\u4e32, \u5219\u8fd4\u56de\u7ed3\u679c\u4f1a\u88ab\u8d4b\u503c\u7ed9 inputErrorMessage",type:"function",optional:"\u2014",defaultvalue:"\u2014"},{param:"inputErrorMessage",instruction:"\u6821\u9a8c\u672a\u901a\u8fc7\u65f6\u7684\u63d0\u793a\u6587\u672c",type:"string",optional:"\u2014",defaultvalue:"\u8f93\u5165\u7684\u6570\u636e\u4e0d\u5408\u6cd5!"}]},Notification:{Options:[{param:"title",instruction:"\u6807\u9898",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"message",instruction:"\u8bf4\u660e\u6587\u5b57",type:"string/ReactElement",optional:"\u2014",defaultvalue:"\u2014"},{param:"type",instruction:"\u4e3b\u9898\u6837\u5f0f\uff0c\u5982\u679c\u4e0d\u5728\u53ef\u9009\u503c\u5185\u5c06\u88ab\u5ffd\u7565\uff0c\u4e0eiconClass\u5fc5\u9009\u5176\u4e00",type:"string",optional:"success/warning/info/error",defaultvalue:"\u2014"},{param:"iconClass",instruction:"\u81ea\u5b9a\u4e49\u56fe\u6807\u7684\u7c7b\u540d\u3002\u53ef\u4e0etype\u540c\u65f6\u8bbe\u7f6e\uff0c\u540c\u65f6\u8bbe\u7f6e\u9ed8\u8ba4\u4e3aiconClass\u7684\u56fe\u6807\uff0c\u4e24\u8005\u5fc5\u9009\u5176\u4e00",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"duration",instruction:"\u663e\u793a\u65f6\u95f4, \u6beb\u79d2\u3002\u8bbe\u4e3a 0 \u5219\u4e0d\u4f1a\u81ea\u52a8\u5173\u95ed",type:"number",optional:"\u2014",defaultvalue:"4500"},{param:"onClose",instruction:"\u5173\u95ed\u65f6\u7684\u56de\u8c03\u51fd\u6570",type:"function",optional:"\u2014",defaultvalue:"\u2014"},{param:"onClick",instruction:"\u70b9\u51fb Notification \u65f6\u7684\u56de\u8c03\u51fd\u6570",type:"function",optional:"\u2014",defaultvalue:"\u2014"},{param:"offset",instruction:"\u504f\u79fb\u7684\u8ddd\u79bb\uff0c\u5728\u540c\u4e00\u65f6\u523b\uff0c\u6240\u6709\u7684 Notification \u5b9e\u4f8b\u5e94\u5f53\u5177\u6709\u4e00\u4e2a\u76f8\u540c\u7684\u504f\u79fb\u91cf",type:"number",optional:"\u2014",defaultvalue:"0"}]},Menu:{List:[{param:"mode",instruction:"\u6a21\u5f0f",type:"string",optional:"horizontal,vertical",defaultvalue:"vertical"},{param:"theme",instruction:"\u4e3b\u9898\u8272",type:"string",optional:"light,dark",defaultvalue:"light"},{param:"defaultActive",instruction:"\u5f53\u524d\u6fc0\u6d3b\u83dc\u5355\u7684 index",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"defaultOpeneds",instruction:"\u5f53\u524d\u6253\u5f00\u7684submenu\u7684 key \u6570\u7ec4",type:"Array",optional:"\u2014",defaultvalue:"\u2014"},{param:"uniqueOpened",instruction:"\u662f\u5426\u53ea\u4fdd\u6301\u4e00\u4e2a\u5b50\u83dc\u5355\u7684\u5c55\u5f00",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"menuTrigger",instruction:"\u5b50\u83dc\u5355\u6253\u5f00\u7684\u89e6\u53d1\u65b9\u5f0f(\u53ea\u5728 mode \u4e3a horizontal \u65f6\u6709\u6548)",type:"string",optional:"\u2014",defaultvalue:"hover"}],Events:[{eventName:"onSelect",instruction:"\u83dc\u5355\u6fc0\u6d3b\u56de\u8c03",callbackParam:"index: \u9009\u4e2d\u83dc\u5355\u9879\u7684 indexPath: \u9009\u4e2d\u83dc\u5355\u9879\u7684 index path"},{eventName:"onOpen",instruction:"SubMenu \u5c55\u5f00\u7684\u56de\u8c03",callbackParam:"index: \u6253\u5f00\u7684 subMenu \u7684 index\uff0c indexPath: \u6253\u5f00\u7684 subMenu \u7684 index path"},{eventName:"onClose",instruction:"SubMenu \u6536\u8d77\u7684\u56de\u8c03",callbackParam:"index: \u6536\u8d77\u7684 subMenu \u7684 index\uff0c indexPath: \u6536\u8d77\u7684 subMenu \u7684 index path"}]},SubMenu:{List:[{param:"index",instruction:"\u552f\u4e00\u6807\u5fd7",type:"string",optional:"\u2014",defaultvalue:"\u2014"}]},MenuGroup:{List:[{param:"title",instruction:"\u5206\u7ec4\u6807\u9898",type:"string",optional:"\u2014",defaultvalue:"\u2014"}]},MenuItem:{List:[{param:"index",instruction:"\u552f\u4e00\u6807\u5fd7",type:"string",optional:"\u2014",defaultvalue:"\u2014"}]},Tab:{List:[{param:"type",instruction:"\u98ce\u683c\u7c7b\u578b",type:"string",optional:"card, border-card",defaultvalue:"\u2014"},{param:"closable",instruction:"\u6807\u7b7e\u662f\u5426\u53ef\u5173\u95ed",type:"boolean",optional:"-",defaultvalue:"false"},{param:"addable",instruction:"\u6807\u7b7e\u662f\u5426\u53ef\u589e\u52a0",type:"boolean",optional:"-",defaultvalue:"false"},{param:"editable",instruction:"\u6807\u7b7e\u662f\u5426\u540c\u65f6\u53ef\u589e\u52a0\u548c\u5173\u95ed",type:"boolean",optional:"-",defaultvalue:"false"},{param:"activeName",instruction:"\u9009\u4e2d\u9009\u9879\u5361\u7684 name",type:"string",optional:"\u2014",defaultvalue:"\u7b2c\u4e00\u4e2a\u9009\u9879\u5361\u7684 name"},{param:"value",instruction:"\u7ed1\u5b9a\u503c\uff0c\u9009\u4e2d\u9009\u9879\u5361\u7684name",type:"string",optional:"\u2014",defaultvalue:"\u7b2c\u4e00\u4e2a\u9009\u9879\u5361\u7684 name"}],Events:[{eventName:"onTabClick",instruction:"tab \u88ab\u9009\u4e2d\u65f6\u89e6\u53d1",callbackParam:"\u88ab\u9009\u4e2d\u7684\u6807\u7b7e tab \u5b9e\u4f8b"},{eventName:"onTabRemove",instruction:"\u70b9\u51fb tab \u79fb\u9664\u6309\u94ae\u540e\u89e6\u53d1",callbackParam:"\u88ab\u5220\u9664\u7684\u6807\u7b7e\u7684 name"},{eventName:"onTabAdd",instruction:"\u70b9\u51fb tabs \u7684\u65b0\u589e\u6309\u94ae\u540e\u89e6\u53d1",callbackParam:"-"},{eventName:"onTabEdit",instruction:"\u70b9\u51fb tabs \u7684\u65b0\u589e\u6309\u94ae\u6216 tab \u88ab\u5173\u95ed\u540e\u89e6\u53d1",callbackParam:"(targetName, action)"}]},TabPane:{List:[{param:"label",instruction:"\u9009\u9879\u5361\u6807\u9898",type:"string,node",optional:"\u2014",defaultvalue:"\u2014"},{param:"disabled",instruction:"\u662f\u5426\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"name",instruction:"\u4e0e\u9009\u9879\u5361 activeName \u5bf9\u5e94\u7684\u6807\u8bc6\u7b26\uff0c\u8868\u793a\u9009\u9879\u5361\u522b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u8be5\u9009\u9879\u5361\u5728\u9009\u9879\u5361\u5217\u8868\u4e2d\u7684\u987a\u5e8f\u503c\uff0c\u5982\u7b2c\u4e00\u4e2a\u9009\u9879\u5361\u5219\u4e3a'1'"},{param:"closable",instruction:"\u6807\u7b7e\u662f\u5426\u53ef\u5173\u95ed",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"customClass",instruction:"\u81ea\u5b9a\u4e49\u6837\u5f0fclass\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"}]},Breadcrumb:{List:[{param:"separator",instruction:"\u5206\u9694\u7b26",type:"string",optional:"\u2014",defaultvalue:"\u659c\u6760'/'"}]},Dropdown:{List:[{param:"type",instruction:"\u83dc\u5355\u6309\u94ae\u7c7b\u578b\uff0c\u540c Button \u7ec4\u4ef6(\u53ea\u5728splitButton\u4e3a true \u7684\u60c5\u51b5\u4e0b\u6709\u6548)",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"size",instruction:"\u83dc\u5355\u6309\u94ae\u5c3a\u5bf8\uff0c\u540c Button \u7ec4\u4ef6(\u53ea\u5728splitButton\u4e3a true \u7684\u60c5\u51b5\u4e0b\u6709\u6548)",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"splitButton",instruction:"\u4e0b\u62c9\u89e6\u53d1\u5143\u7d20\u5448\u73b0\u4e3a\u6309\u94ae\u7ec4\uff0c\u4e0d\u53ef\u5355\u72ec\u4f7f\u7528\uff0c\u5fc5\u987b\u589e\u8bbeonClick\u5c5e\u6027\uff0c\u5426\u5219\u4f1a\u62a5\u9519",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"menuAlign",instruction:"\u83dc\u5355\u6c34\u5e73\u5bf9\u9f50\u65b9\u5411",type:"string",optional:"start, end",defaultvalue:"end"},{param:"trigger",instruction:"\u89e6\u53d1\u4e0b\u62c9\u7684\u884c\u4e3a",type:"string",optional:"hover, click",defaultvalue:"hover"},{param:"hideOnClick",instruction:"\u662f\u5426\u5728\u70b9\u51fb\u83dc\u5355\u9879\u540e\u9690\u85cf\u83dc\u5355",type:"boolean",optional:"\u2014",defaultvalue:"true"}],Events:[{eventName:"onClick",instruction:"splitButton \u4e3a true \u65f6\uff0c\u70b9\u51fb\u5de6\u4fa7\u6309\u94ae\u7684\u56de\u8c03",callbackParam:"\u2014"},{eventName:"onCommand",instruction:"\u70b9\u51fb\u83dc\u5355\u9879\u89e6\u53d1\u7684\u4e8b\u4ef6\u56de\u8c03",callbackParam:"Dropdown.Item \u7684\u6307\u4ee4"},{eventName:"onVisibleChange",instruction:"\u4e0b\u62c9\u6846\u51fa\u73b0/\u9690\u85cf\u65f6\u89e6\u53d1",callbackParam:"\u51fa\u73b0\u5219\u4e3a true\uff0c\u9690\u85cf\u5219\u4e3a false"}]},DropdownMenuItem:{List:[{param:"command",instruction:"\u6307\u4ee4",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"disabled",instruction:"\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"divided",instruction:"\u663e\u793a\u5206\u5272\u7ebf",type:"boolean",optional:"\u2014",defaultvalue:"false"}]},Steps:{List:[{param:"space",instruction:"\u6bcf\u4e2a step \u7684\u95f4\u8ddd\uff0c\u4e0d\u586b\u5199\u5c06\u81ea\u9002\u5e94\u95f4\u8ddd",type:"Number",optional:"\u2014",defaultvalue:"\u2014"},{param:"direction",instruction:"\u663e\u793a\u65b9\u5411",type:"string",optional:"vertical/horizontal",defaultvalue:"horizontal"},{param:"active",instruction:"\u8bbe\u7f6e\u5f53\u524d\u6fc0\u6d3b\u6b65\u9aa4",type:"number",optional:"\u2014",defaultvalue:"0"},{param:"processStatus",instruction:"\u8bbe\u7f6e\u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001",type:"string",optional:"wait/process/finish/error/success",defaultvalue:"process"},{param:"finishStatus",instruction:"\u8bbe\u7f6e\u7ed3\u675f\u6b65\u9aa4\u7684\u72b6\u6001",type:"string",optional:"wait/process/finish/error/success",defaultvalue:"finish"}]},Step:{List:[{param:"title",instruction:"\u6807\u9898",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"description",instruction:"\u63cf\u8ff0\u6027\u6587\u5b57",type:"string/ReactElement",optional:"\u2014",defaultvalue:"\u2014"},{param:"icon",instruction:"\u56fe\u6807",type:"Element Icon \u63d0\u4f9b\u7684\u56fe\u6807\uff0c\u5982\u679c\u8981\u4f7f\u7528\u81ea\u5b9a\u4e49\u56fe\u6807\u53ef\u4ee5\u901a\u8fc7\u81ea\u5b9a\u4e49element\u7684\u65b9\u5f0f\u5199\u5165",optional:"string",defaultvalue:"\u2014"}]},Dialog:{List:[{param:"title",instruction:"Dialog \u7684\u6807\u9898",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"size",instruction:"Dialog \u7684\u5927\u5c0f",type:"string",optional:"tiny/small/large/full",defaultvalue:"small"},{param:"top",instruction:"Dialog CSS \u4e2d\u7684 top \u503c\uff08\u4ec5\u5728 size \u4e0d\u4e3a full \u65f6\u6709\u6548\uff09",type:"string",optional:"\u2014",defaultvalue:"15%"},{param:"modal",instruction:"\u662f\u5426\u9700\u8981\u906e\u7f69\u5c42",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"lockScroll",instruction:"\u662f\u5426\u5728 Dialog \u51fa\u73b0\u65f6\u5c06 body \u6eda\u52a8\u9501\u5b9a",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"customClass",instruction:"Dialog \u7684\u81ea\u5b9a\u4e49\u7c7b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"closeOnClickModal",instruction:"\u662f\u5426\u53ef\u4ee5\u901a\u8fc7\u70b9\u51fb modal \u5173\u95ed Dialog",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"closeOnPressEscape",instruction:"\u662f\u5426\u53ef\u4ee5\u901a\u8fc7\u6309\u4e0b ESC \u5173\u95ed Dialog",type:"boolean",optional:"\u2014",defaultvalue:"true"}],Events:[{eventName:"onOpen",instruction:"Dialog \u6253\u5f00\u7684\u56de\u8c03",callbackParam:"\u2014"}]},Tooltip:{List:[{param:"effect",instruction:"\u9ed8\u8ba4\u63d0\u4f9b\u7684\u4e3b\u9898",type:"String",optional:"dark, light",defaultvalue:"dark"},{param:"content",instruction:"\u663e\u793a\u7684\u5185\u5bb9",type:"String/Node",optional:"\u2014",defaultvalue:"\u2014"},{param:"placement",instruction:"Tooltip \u7684\u51fa\u73b0\u4f4d\u7f6e",type:"String",optional:"top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end",defaultvalue:"bottom"},{param:"visible",instruction:"\u72b6\u6001\u662f\u5426\u53ef\u89c1",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"disabled",instruction:"Tooltip \u662f\u5426\u53ef\u7528",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"transition",instruction:"\u5b9a\u4e49\u6e10\u53d8\u52a8\u753b",type:"String",optional:"\u2014",defaultvalue:"fade-in-linear"},{param:"visibleArrow",instruction:"\u662f\u5426\u663e\u793a Tooltip \u7bad\u5934",type:"Boolean",optional:"\u2014",defaultvalue:"true"},{param:"openDelay",instruction:"\u5ef6\u8fdf\u51fa\u73b0\uff0c\u5355\u4f4d\u6beb\u79d2",type:"Number",optional:"\u2014",defaultvalue:"0"},{param:"manual",instruction:"\u624b\u52a8\u63a7\u5236\u6a21\u5f0f\uff0c\u8bbe\u7f6e\u4e3a true \u540e\uff0cmouseenter \u548c mouseleave \u4e8b\u4ef6\u5c06\u4e0d\u4f1a\u751f\u6548",type:"Boolean",optional:"true,false",defaultvalue:"false"}]},Popover:{List:[{param:"trigger",instruction:"\u89e6\u53d1\u65b9\u5f0f",type:"String",optional:"click/focus/hover",defaultvalue:"click"},{param:"title",instruction:"\u6807\u9898",type:"String",optional:"\u2014",defaultvalue:"\u2014"},{param:"content",instruction:"\u663e\u793a\u7684\u5185\u5bb9\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 slot \u4f20\u5165 DOM",type:"String",optional:"\u2014",defaultvalue:"\u2014"},{param:"width",instruction:"\u5bbd\u5ea6",type:"String, Number",optional:"\u2014",defaultvalue:"\u6700\u5c0f\u5bbd\u5ea6 150px"},{param:"placement",instruction:"\u51fa\u73b0\u4f4d\u7f6e",type:"String",optional:"top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end",defaultvalue:"bottom"},{param:"visible",instruction:"\u72b6\u6001\u662f\u5426\u53ef\u89c1",type:"Boolean",optional:"\u2014",defaultvalue:"false"},{param:"transition",instruction:"\u5b9a\u4e49\u6e10\u53d8\u52a8\u753b",type:"String",optional:"\u2014",defaultvalue:"fade-in-linear"},{param:"visibleArrow",instruction:"\u662f\u5426\u663e\u793a Tooltip \u7bad\u5934",type:"Boolean",optional:"\u2014",defaultvalue:"true"},{param:"popperClass",instruction:"\u4e3a popper \u6dfb\u52a0\u7c7b\u540d",type:"String",optional:"-",defaultvalue:"-"}]},BarChart:{List:[{param:"option",instruction:"\u56fe\u8868\u7684\u914d\u7f6e(\u8be6\u89c1echarts\u6587\u6863)",type:"function",optional:"-",defaultvalue:"-"},{param:"style",instruction:"\u56fe\u8868\u6837\u5f0f",type:"object",optional:"-",defaultvalue:"-"},{param:"className",instruction:"\u56fe\u8868\u7c7b\u540d",type:"String",optional:"-",defaultvalue:"react_for_echarts"}]},PieChart:{List:[{param:"option",instruction:"\u56fe\u8868\u7684\u914d\u7f6e(\u8be6\u89c1echarts\u6587\u6863)",type:"function",optional:"-",defaultvalue:"-"},{param:"style",instruction:"\u56fe\u8868\u6837\u5f0f",type:"object",optional:"-",defaultvalue:"-"},{param:"className",instruction:"\u56fe\u8868\u7c7b\u540d",type:"String",optional:"-",defaultvalue:"react_for_echarts"}]},LineChart:{List:[{param:"option",instruction:"\u56fe\u8868\u7684\u914d\u7f6e(\u8be6\u89c1echarts\u6587\u6863)",type:"function",optional:"-",defaultvalue:"-"},{param:"style",instruction:"\u56fe\u8868\u6837\u5f0f",type:"object",optional:"-",defaultvalue:"-"},{param:"className",instruction:"\u56fe\u8868\u7c7b\u540d",type:"String",optional:"-",defaultvalue:"react_for_echarts"}]},Cascader:{List:[{param:"options",instruction:"\u53ef\u9009\u9879\u6570\u636e\u6e90\uff0c\u952e\u540d\u53ef\u901a\u8fc7 props \u5c5e\u6027\u914d\u7f6e",type:"array",optional:"\u2014",defaultvalue:"\u2014"},{param:"props",instruction:"\u914d\u7f6e\u9009\u9879\uff0c\u5177\u4f53\u89c1\u4e0b\u8868",type:"object",optional:"\u2014",defaultvalue:"\u2014"},{param:"value",instruction:"\u9009\u4e2d\u9879\u7ed1\u5b9a\u503c",type:"array",optional:"\u2014",defaultvalue:"\u2014"},{param:"popperClass",instruction:"\u81ea\u5b9a\u4e49\u6d6e\u5c42\u7c7b\u540d",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"placeholder",instruction:"\u8f93\u5165\u6846\u5360\u4f4d\u6587\u672c",type:"string",optional:"\u2014",defaultvalue:"\u8bf7\u9009\u62e9"},{param:"disabled",instruction:"\u662f\u5426\u7981\u7528",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"clearable",instruction:"\u662f\u5426\u652f\u6301\u6e05\u7a7a\u9009\u9879",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"expandTrigger",instruction:"\u6b21\u7ea7\u83dc\u5355\u7684\u5c55\u5f00\u65b9\u5f0f",type:"string",optional:"click / hover",defaultvalue:"click"},{param:"showAllLevels",instruction:"\u8f93\u5165\u6846\u4e2d\u662f\u5426\u663e\u793a\u9009\u4e2d\u503c\u7684\u5b8c\u6574\u8def\u5f84",type:"boolean",optional:"\u2014",defaultvalue:"true"},{param:"filterable",instruction:"\u662f\u5426\u53ef\u641c\u7d22\u9009\u9879",type:"boolean",optional:"\u2014",defaultvalue:"\u2014"},{param:"debounce",instruction:"\u641c\u7d22\u5173\u952e\u8bcd\u8f93\u5165\u7684\u53bb\u6296\u5ef6\u8fdf\uff0c\u6beb\u79d2",type:"number",optional:"\u2014",defaultvalue:"300"},{param:"changeOnSelect",instruction:"\u662f\u5426\u5141\u8bb8\u9009\u62e9\u4efb\u610f\u4e00\u7ea7\u7684\u9009\u9879",type:"boolean",optional:"\u2014",defaultvalue:"false"},{param:"size",instruction:"\u5c3a\u5bf8",type:"string",optional:"large / small / mini",defaultvalue:"\u2014"},{param:"beforeFilter",instruction:"\u53ef\u9009\u53c2\u6570, \u7b5b\u9009\u4e4b\u524d\u7684\u94a9\u5b50\uff0c\u53c2\u6570\u4e3a\u8f93\u5165\u7684\u503c\uff0c\u82e5\u8fd4\u56de false \u6216\u8005\u8fd4\u56de Promise \u4e14\u88ab reject\uff0c\u5219\u505c\u6b62\u7b5b\u9009\u3002",type:"function(value)",optional:"\u2014",defaultvalue:"\u2014"}],Options:[{param:"value",instruction:"\u6307\u5b9a\u9009\u9879\u7684\u503c\u4e3a\u9009\u9879\u5bf9\u8c61\u7684\u67d0\u4e2a\u5c5e\u6027\u503c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"label",instruction:"\u6307\u5b9a\u9009\u9879\u6807\u7b7e\u4e3a\u9009\u9879\u5bf9\u8c61\u7684\u67d0\u4e2a\u5c5e\u6027\u503c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"children",instruction:"\u6307\u5b9a\u9009\u9879\u7684\u5b50\u9009\u9879\u4e3a\u9009\u9879\u5bf9\u8c61\u7684\u67d0\u4e2a\u5c5e\u6027\u503c",type:"string",optional:"\u2014",defaultvalue:"\u2014"},{param:"disabled",instruction:"\u6307\u5b9a\u9009\u9879\u7684\u7981\u7528\u4e3a\u9009\u9879\u5bf9\u8c61\u7684\u67d0\u4e2a\u5c5e\u6027\u503c",type:"string",optional:"\u2014",defaultvalue:"\u2014"}],Events:[{eventName:"onChange",instruction:"\u5f53\u7ed1\u5b9a\u503c\u53d8\u5316\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6",callbackParam:"\u5f53\u524d\u503c"},{eventName:"activeItemChange",instruction:"\u5f53\u7236\u7ea7\u9009\u9879\u53d8\u5316\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6\uff0c\u4ec5\u5728 change-on-select \u4e3a false \u65f6\u53ef\u7528",callbackParam:"\u5404\u7236\u7ea7\u9009\u9879\u7ec4\u6210\u7684\u6570\u7ec4"}]},Badge:{List:[{param:"value",instruction:"\u663e\u793a\u503c",type:"string, number",optional:"\u2014",defaultvalue:"\u2014"},{param:"max",instruction:"\u6700\u5927\u503c\uff0c\u8d85\u8fc7\u6700\u5927\u503c\u4f1a\u663e\u793a '{max}+'\uff0c\u8981\u6c42 value \u662f Number \u7c7b\u578b",type:"number",optional:"\u2014",defaultvalue:"\u2014"},{param:"isDot",instruction:"\u5c0f\u5706\u70b9",type:"boolean",optional:"\u2014",defaultvalue:"false"}]}}),p=function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}(),c=function(n){function e(){return o(this,e),a(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,n),p(e,[{key:"render",value:function(){var n=this.props.name,e=l[n].Method&&l[n].Method.length?l[n].Method:null,t=l[n].Events&&l[n].Events.length?l[n].Events:null,o=l[n].List&&l[n].List.length?l[n].List:l[n].Options&&l[n].Options.length?l[n].Options:[],a=l[n].List?"\u53c2\u6570":l[n].Options?"\u9009\u9879":"",i=function(n,e){var t=n.param,o=n.instruction,a=n.type,i=n.optional,r=n.defaultvalue;return s.a.createElement("tr",{key:e},s.a.createElement("td",null,t),s.a.createElement("td",null,o),s.a.createElement("td",null,a),s.a.createElement("td",null,i),s.a.createElement("td",null,r))},r=function(n,e){var t=n.eventName,o=n.instruction,a=n.callbackParam;return s.a.createElement("tr",{key:e},s.a.createElement("td",null,t),s.a.createElement("td",null,o),s.a.createElement("td",null,a))},p=function(n,e){var t=n.methodName,o=n.instruction,a=n.methodParam;return s.a.createElement("tr",{key:e},s.a.createElement("td",null,t),s.a.createElement("td",null,o),s.a.createElement("td",null,a))};return s.a.createElement("div",null,s.a.createElement("h2",null,this.props.name,"\xa0\xa0",a),s.a.createElement("table",{className:"grid",align:"center"},s.a.createElement("thead",null,s.a.createElement("tr",null,s.a.createElement("th",null,"\u53c2\u6570"),s.a.createElement("th",null,"\u8bf4\u660e"),s.a.createElement("th",null,"\u7c7b\u578b"),s.a.createElement("th",null,"\u53ef\u9009\u503c"),s.a.createElement("th",null,"\u9ed8\u8ba4\u503c"))),s.a.createElement("tbody",null,o&&o.map(function(n,e){return i(n,e)}))),t&&s.a.createElement("div",null,s.a.createElement("h2",null,this.props.name,"\xa0\xa0\u4e8b\u4ef6"),s.a.createElement("table",{className:"grid",align:"center"},s.a.createElement("thead",null,s.a.createElement("tr",null,s.a.createElement("th",null,"\u4e8b\u4ef6\u540d\u79f0"),s.a.createElement("th",null,"\u8bf4\u660e"),s.a.createElement("th",null,"\u56de\u8c03\u53c2\u6570"))),s.a.createElement("tbody",null,t&&t.map(function(n,e){return r(n,e)})))),e&&s.a.createElement("div",null,s.a.createElement("h2",null,this.props.name,"\xa0\xa0\u65b9\u6cd5"),s.a.createElement("table",{className:"grid",align:"center"},s.a.createElement("thead",null,s.a.createElement("tr",null,s.a.createElement("th",null,"\u65b9\u6cd5\u540d\u79f0"),s.a.createElement("th",null,"\u8bf4\u660e"),s.a.createElement("th",null,"\u53c2\u6570"))),s.a.createElement("tbody",null,e&&e.map(function(n,e){return p(n,e)})))))}}]),e}(r.Component);e.a=c},243:function(n,e,t){e=n.exports=t(192)(!0),e.push([n.i,'.ishow-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:#1f2d3d;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.ishow-button+.ishow-button{margin-left:10px}.ishow-button:focus,.ishow-button:hover{color:#20a0ff;border-color:#20a0ff}.ishow-button:active{color:#1d90e6;border-color:#1d90e6;outline:0}.ishow-button::-moz-focus-inner{border:0}.ishow-button [class*=ishow-icon-]+span{margin-left:5px}.ishow-button.is-loading{position:relative;pointer-events:none}.ishow-button.is-loading:before{pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35)}.ishow-button.is-disabled,.ishow-button.is-disabled:focus,.ishow-button.is-disabled:hover{color:#bfcbd9;cursor:not-allowed;background-image:none;background-color:#eef1f6;border-color:#d1dbe5}.ishow-button.is-disabled.ishow-button--text{background-color:transparent}.ishow-button.is-disabled.is-plain,.ishow-button.is-disabled.is-plain:focus,.ishow-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#d1dbe5;color:#bfcbd9}.ishow-button.is-active{color:#1d90e6;border-color:#1d90e6}.ishow-button.is-plain:focus,.ishow-button.is-plain:hover{background:#fff;border-color:#20a0ff;color:#20a0ff}.ishow-button.is-plain:active{background:#fff;border-color:#1d90e6;color:#1d90e6;outline:0}.ishow-button--primary{color:#fff;background-color:#20a0ff;border-color:#20a0ff}.ishow-button--primary:focus,.ishow-button--primary:hover{background:#4db3ff;border-color:#4db3ff;color:#fff}.ishow-button--primary.is-active,.ishow-button--primary:active{background:#1d90e6;border-color:#1d90e6;color:#fff}.ishow-button--primary:active{outline:0}.ishow-button--primary.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}.ishow-button--primary.is-plain:focus,.ishow-button--primary.is-plain:hover{background:#fff;border-color:#20a0ff;color:#20a0ff}.ishow-button--primary.is-plain:active{background:#fff;border-color:#1d90e6;color:#1d90e6;outline:0}.ishow-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.ishow-button--success:focus,.ishow-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.ishow-button--success.is-active,.ishow-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.ishow-button--success:active{outline:0}.ishow-button--success.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}.ishow-button--success.is-plain:focus,.ishow-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.ishow-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.ishow-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.ishow-button--warning:focus,.ishow-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.ishow-button--warning.is-active,.ishow-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.ishow-button--warning:active{outline:0}.ishow-button--warning.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}.ishow-button--warning.is-plain:focus,.ishow-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.ishow-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.ishow-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.ishow-button--danger:focus,.ishow-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.ishow-button--danger.is-active,.ishow-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.ishow-button--danger:active{outline:0}.ishow-button--danger.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}.ishow-button--danger.is-plain:focus,.ishow-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.ishow-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.ishow-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.ishow-button--info:focus,.ishow-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.ishow-button--info.is-active,.ishow-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.ishow-button--info:active{outline:0}.ishow-button--info.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}.ishow-button--info.is-plain:focus,.ishow-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.ishow-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.ishow-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.ishow-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.ishow-button--mini{padding:4px;font-size:12px;border-radius:4px}.ishow-button--text{border:none;color:#20a0ff;background:0 0;padding-left:0;padding-right:0}.ishow-button--text:focus,.ishow-button--text:hover{color:#4db3ff}.ishow-button--text:active{color:#1d90e6}.ishow-button-group{display:inline-block;vertical-align:middle}.ishow-button-group:after,.ishow-button-group:before{display:table;content:""}.ishow-button-group:after{clear:both}.ishow-button-group .ishow-button--primary:first-child{border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--primary:last-child{border-left-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--primary:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--success:first-child{border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--success:last-child{border-left-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--success:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--warning:first-child{border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--warning:last-child{border-left-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--warning:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--danger:first-child{border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--danger:last-child{border-left-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--danger:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--info:first-child{border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--info:last-child{border-left-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button--info:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.ishow-button-group .ishow-button{float:left;position:relative}.ishow-button-group .ishow-button+.ishow-button{margin-left:0}.ishow-button-group .ishow-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ishow-button-group .ishow-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.ishow-button-group .ishow-button:not(:first-child):not(:last-child){border-radius:0}.ishow-button-group .ishow-button:not(:last-child){margin-right:-1px}.ishow-button-group .ishow-button.is-active,.ishow-button-group .ishow-button:active,.ishow-button-group .ishow-button:focus,.ishow-button-group .ishow-button:hover{z-index:1}',"",{version:3,sources:["E:/demo/demo/src/ishow/Common/css/Button.css"],names:[],mappings:"AACA,cACI,qBAAsB,AACtB,cAAe,AACf,mBAAoB,AACpB,eAAgB,AAChB,gBAAiB,AACjB,yBAA0B,AAC1B,cAAe,AACf,wBAAyB,AACzB,kBAAmB,AACnB,8BAA+B,AACvB,sBAAuB,AAC/B,UAAW,AACX,SAAU,AACV,sBAAuB,AACvB,yBAA0B,AAC1B,qBAAsB,AACtB,kBAAmB,AACnB,eAAgB,AAChB,iBAAkB,CACrB,AAED,4BACI,gBAAiB,CACpB,AAED,wCAEI,cAAe,AACf,oBAAqB,CACxB,AAED,qBACI,cAAe,AACf,qBAAsB,AACtB,SAAU,CACb,AAED,gCACI,QAAS,CACZ,AAED,wCACI,eAAgB,CACnB,AAED,yBACI,kBAAmB,AACnB,mBAAoB,CACvB,AAED,gCACI,oBAAqB,AACrB,WAAY,AACZ,kBAAmB,AACnB,UAAW,AACX,SAAU,AACV,WAAY,AACZ,YAAa,AACb,sBAAuB,AACvB,oCAA0C,CAC7C,AAED,0FAGI,cAAe,AACf,mBAAoB,AACpB,sBAAuB,AACvB,yBAA0B,AAC1B,oBAAqB,CACxB,AAED,6CACI,4BAA6B,CAChC,AAED,qHAGI,sBAAuB,AACvB,qBAAsB,AACtB,aAAc,CACjB,AAED,wBACI,cAAe,AACf,oBAAqB,CACxB,AAED,0DAEI,gBAAiB,AACjB,qBAAsB,AACtB,aAAc,CACjB,AAED,8BACI,gBAAiB,AACjB,qBAAsB,AACtB,cAAe,AACf,SAAU,CACb,AAED,uBACI,WAAY,AACZ,yBAA0B,AAC1B,oBAAqB,CACxB,AAED,0DAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,+DAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,8BACI,SAAU,CACb,AAED,gCACI,gBAAiB,AACjB,yBAA0B,AAC1B,aAAc,CACjB,AAED,4EAEI,gBAAiB,AACjB,qBAAsB,AACtB,aAAc,CACjB,AAED,uCACI,gBAAiB,AACjB,qBAAsB,AACtB,cAAe,AACf,SAAU,CACb,AAED,uBACI,WAAY,AACZ,yBAA0B,AAC1B,oBAAqB,CACxB,AAED,0DAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,+DAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,8BACI,SAAU,CACb,AAED,gCACI,gBAAiB,AACjB,yBAA0B,AAC1B,aAAc,CACjB,AAED,4EAEI,gBAAiB,AACjB,qBAAsB,AACtB,aAAc,CACjB,AAED,uCACI,gBAAiB,AACjB,qBAAsB,AACtB,cAAe,AACf,SAAU,CACb,AAED,uBACI,WAAY,AACZ,yBAA0B,AAC1B,oBAAqB,CACxB,AAED,0DAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,+DAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,8BACI,SAAU,CACb,AAED,gCACI,gBAAiB,AACjB,yBAA0B,AAC1B,aAAc,CACjB,AAED,4EAEI,gBAAiB,AACjB,qBAAsB,AACtB,aAAc,CACjB,AAED,uCACI,gBAAiB,AACjB,qBAAsB,AACtB,cAAe,AACf,SAAU,CACb,AAED,sBACI,WAAY,AACZ,yBAA0B,AAC1B,oBAAqB,CACxB,AAED,wDAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,6DAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,6BACI,SAAU,CACb,AAED,+BACI,gBAAiB,AACjB,yBAA0B,AAC1B,aAAc,CACjB,AAED,0EAEI,gBAAiB,AACjB,qBAAsB,AACtB,aAAc,CACjB,AAED,sCACI,gBAAiB,AACjB,qBAAsB,AACtB,cAAe,AACf,SAAU,CACb,AAED,oBACI,WAAY,AACZ,yBAA0B,AAC1B,oBAAqB,CACxB,AAED,oDAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,yDAEI,mBAAoB,AACpB,qBAAsB,AACtB,UAAW,CACd,AAED,2BACI,SAAU,CACb,AAED,6BACI,gBAAiB,AACjB,yBAA0B,AAC1B,aAAc,CACjB,AAED,sEAEI,gBAAiB,AACjB,qBAAsB,AACtB,aAAc,CACjB,AAED,oCACI,gBAAiB,AACjB,qBAAsB,AACtB,cAAe,AACf,SAAU,CACb,AAED,qBACI,kBAAmB,AACnB,eAAgB,AAChB,iBAAkB,CACrB,AAED,qBACI,gBAAiB,AACjB,eAAgB,AAChB,iBAAkB,CACrB,AAED,oBACI,YAAa,AACb,eAAgB,AAChB,iBAAkB,CACrB,AAED,oBACI,YAAa,AACb,cAAe,AACf,eAAgB,AAChB,eAAgB,AAChB,eAAgB,CACnB,AAED,oDAEI,aAAc,CACjB,AAED,2BACI,aAAc,CACjB,AAED,oBACI,qBAAsB,AACtB,qBAAsB,CACzB,AAED,qDAEI,cAAe,AACf,UAAW,CACd,AAED,0BACI,UAAW,CACd,AAED,uDACI,qCAA2C,CAC9C,AAED,sDACI,oCAA0C,CAC7C,AAED,8EACI,qCAA2C,AAC3C,qCAA2C,CAC9C,AAED,uDACI,qCAA2C,CAC9C,AAED,sDACI,oCAA0C,CAC7C,AAED,8EACI,qCAA2C,AAC3C,qCAA2C,CAC9C,AAED,uDACI,qCAA2C,CAC9C,AAED,sDACI,oCAA0C,CAC7C,AAED,8EACI,qCAA2C,AAC3C,qCAA2C,CAC9C,AAED,sDACI,qCAA2C,CAC9C,AAED,qDACI,oCAA0C,CAC7C,AAED,6EACI,qCAA2C,AAC3C,qCAA2C,CAC9C,AAED,oDACI,qCAA2C,CAC9C,AAED,mDACI,oCAA0C,CAC7C,AAED,2EACI,qCAA2C,AAC3C,qCAA2C,CAC9C,AAED,kCACI,WAAY,AACZ,iBAAkB,CACrB,AAED,gDACI,aAAc,CACjB,AAED,8CACI,0BAA2B,AAC3B,4BAA6B,CAChC,AAED,6CACI,yBAA0B,AAC1B,2BAA4B,CAC/B,AAED,qEACI,eAAgB,CACnB,AAED,mDACI,iBAAkB,CACrB,AAED,qKAII,SAAU,CACb",file:"Button.css",sourcesContent:['@charset "UTF-8";\n.ishow-button {\n    display: inline-block;\n    line-height: 1;\n    white-space: nowrap;\n    cursor: pointer;\n    background: #fff;\n    border: 1px solid #c4c4c4;\n    color: #1f2d3d;\n    -webkit-appearance: none;\n    text-align: center;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    outline: 0;\n    margin: 0;\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    padding: 10px 15px;\n    font-size: 14px;\n    border-radius: 4px\n}\n\n.ishow-button+.ishow-button {\n    margin-left: 10px\n}\n\n.ishow-button:focus,\n.ishow-button:hover {\n    color: #20a0ff;\n    border-color: #20a0ff\n}\n\n.ishow-button:active {\n    color: #1d90e6;\n    border-color: #1d90e6;\n    outline: 0\n}\n\n.ishow-button::-moz-focus-inner {\n    border: 0\n}\n\n.ishow-button [class*=ishow-icon-]+span {\n    margin-left: 5px\n}\n\n.ishow-button.is-loading {\n    position: relative;\n    pointer-events: none\n}\n\n.ishow-button.is-loading:before {\n    pointer-events: none;\n    content: \'\';\n    position: absolute;\n    left: -1px;\n    top: -1px;\n    right: -1px;\n    bottom: -1px;\n    border-radius: inherit;\n    background-color: rgba(255, 255, 255, .35)\n}\n\n.ishow-button.is-disabled,\n.ishow-button.is-disabled:focus,\n.ishow-button.is-disabled:hover {\n    color: #bfcbd9;\n    cursor: not-allowed;\n    background-image: none;\n    background-color: #eef1f6;\n    border-color: #d1dbe5\n}\n\n.ishow-button.is-disabled.ishow-button--text {\n    background-color: transparent\n}\n\n.ishow-button.is-disabled.is-plain,\n.ishow-button.is-disabled.is-plain:focus,\n.ishow-button.is-disabled.is-plain:hover {\n    background-color: #fff;\n    border-color: #d1dbe5;\n    color: #bfcbd9\n}\n\n.ishow-button.is-active {\n    color: #1d90e6;\n    border-color: #1d90e6\n}\n\n.ishow-button.is-plain:focus,\n.ishow-button.is-plain:hover {\n    background: #fff;\n    border-color: #20a0ff;\n    color: #20a0ff\n}\n\n.ishow-button.is-plain:active {\n    background: #fff;\n    border-color: #1d90e6;\n    color: #1d90e6;\n    outline: 0\n}\n\n.ishow-button--primary {\n    color: #fff;\n    background-color: #20a0ff;\n    border-color: #20a0ff\n}\n\n.ishow-button--primary:focus,\n.ishow-button--primary:hover {\n    background: #4db3ff;\n    border-color: #4db3ff;\n    color: #fff\n}\n\n.ishow-button--primary.is-active,\n.ishow-button--primary:active {\n    background: #1d90e6;\n    border-color: #1d90e6;\n    color: #fff\n}\n\n.ishow-button--primary:active {\n    outline: 0\n}\n\n.ishow-button--primary.is-plain {\n    background: #fff;\n    border: 1px solid #bfcbd9;\n    color: #1f2d3d\n}\n\n.ishow-button--primary.is-plain:focus,\n.ishow-button--primary.is-plain:hover {\n    background: #fff;\n    border-color: #20a0ff;\n    color: #20a0ff\n}\n\n.ishow-button--primary.is-plain:active {\n    background: #fff;\n    border-color: #1d90e6;\n    color: #1d90e6;\n    outline: 0\n}\n\n.ishow-button--success {\n    color: #fff;\n    background-color: #13ce66;\n    border-color: #13ce66\n}\n\n.ishow-button--success:focus,\n.ishow-button--success:hover {\n    background: #42d885;\n    border-color: #42d885;\n    color: #fff\n}\n\n.ishow-button--success.is-active,\n.ishow-button--success:active {\n    background: #11b95c;\n    border-color: #11b95c;\n    color: #fff\n}\n\n.ishow-button--success:active {\n    outline: 0\n}\n\n.ishow-button--success.is-plain {\n    background: #fff;\n    border: 1px solid #bfcbd9;\n    color: #1f2d3d\n}\n\n.ishow-button--success.is-plain:focus,\n.ishow-button--success.is-plain:hover {\n    background: #fff;\n    border-color: #13ce66;\n    color: #13ce66\n}\n\n.ishow-button--success.is-plain:active {\n    background: #fff;\n    border-color: #11b95c;\n    color: #11b95c;\n    outline: 0\n}\n\n.ishow-button--warning {\n    color: #fff;\n    background-color: #f7ba2a;\n    border-color: #f7ba2a\n}\n\n.ishow-button--warning:focus,\n.ishow-button--warning:hover {\n    background: #f9c855;\n    border-color: #f9c855;\n    color: #fff\n}\n\n.ishow-button--warning.is-active,\n.ishow-button--warning:active {\n    background: #dea726;\n    border-color: #dea726;\n    color: #fff\n}\n\n.ishow-button--warning:active {\n    outline: 0\n}\n\n.ishow-button--warning.is-plain {\n    background: #fff;\n    border: 1px solid #bfcbd9;\n    color: #1f2d3d\n}\n\n.ishow-button--warning.is-plain:focus,\n.ishow-button--warning.is-plain:hover {\n    background: #fff;\n    border-color: #f7ba2a;\n    color: #f7ba2a\n}\n\n.ishow-button--warning.is-plain:active {\n    background: #fff;\n    border-color: #dea726;\n    color: #dea726;\n    outline: 0\n}\n\n.ishow-button--danger {\n    color: #fff;\n    background-color: #ff4949;\n    border-color: #ff4949\n}\n\n.ishow-button--danger:focus,\n.ishow-button--danger:hover {\n    background: #ff6d6d;\n    border-color: #ff6d6d;\n    color: #fff\n}\n\n.ishow-button--danger.is-active,\n.ishow-button--danger:active {\n    background: #e64242;\n    border-color: #e64242;\n    color: #fff\n}\n\n.ishow-button--danger:active {\n    outline: 0\n}\n\n.ishow-button--danger.is-plain {\n    background: #fff;\n    border: 1px solid #bfcbd9;\n    color: #1f2d3d\n}\n\n.ishow-button--danger.is-plain:focus,\n.ishow-button--danger.is-plain:hover {\n    background: #fff;\n    border-color: #ff4949;\n    color: #ff4949\n}\n\n.ishow-button--danger.is-plain:active {\n    background: #fff;\n    border-color: #e64242;\n    color: #e64242;\n    outline: 0\n}\n\n.ishow-button--info {\n    color: #fff;\n    background-color: #50bfff;\n    border-color: #50bfff\n}\n\n.ishow-button--info:focus,\n.ishow-button--info:hover {\n    background: #73ccff;\n    border-color: #73ccff;\n    color: #fff\n}\n\n.ishow-button--info.is-active,\n.ishow-button--info:active {\n    background: #48ace6;\n    border-color: #48ace6;\n    color: #fff\n}\n\n.ishow-button--info:active {\n    outline: 0\n}\n\n.ishow-button--info.is-plain {\n    background: #fff;\n    border: 1px solid #bfcbd9;\n    color: #1f2d3d\n}\n\n.ishow-button--info.is-plain:focus,\n.ishow-button--info.is-plain:hover {\n    background: #fff;\n    border-color: #50bfff;\n    color: #50bfff\n}\n\n.ishow-button--info.is-plain:active {\n    background: #fff;\n    border-color: #48ace6;\n    color: #48ace6;\n    outline: 0\n}\n\n.ishow-button--large {\n    padding: 11px 19px;\n    font-size: 16px;\n    border-radius: 4px\n}\n\n.ishow-button--small {\n    padding: 7px 9px;\n    font-size: 12px;\n    border-radius: 4px\n}\n\n.ishow-button--mini {\n    padding: 4px;\n    font-size: 12px;\n    border-radius: 4px\n}\n\n.ishow-button--text {\n    border: none;\n    color: #20a0ff;\n    background: 0 0;\n    padding-left: 0;\n    padding-right: 0\n}\n\n.ishow-button--text:focus,\n.ishow-button--text:hover {\n    color: #4db3ff\n}\n\n.ishow-button--text:active {\n    color: #1d90e6\n}\n\n.ishow-button-group {\n    display: inline-block;\n    vertical-align: middle\n}\n\n.ishow-button-group:after,\n.ishow-button-group:before {\n    display: table;\n    content: ""\n}\n\n.ishow-button-group:after {\n    clear: both\n}\n\n.ishow-button-group .ishow-button--primary:first-child {\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--primary:last-child {\n    border-left-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--primary:not(:first-child):not(:last-child) {\n    border-left-color: rgba(255, 255, 255, .5);\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--success:first-child {\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--success:last-child {\n    border-left-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--success:not(:first-child):not(:last-child) {\n    border-left-color: rgba(255, 255, 255, .5);\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--warning:first-child {\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--warning:last-child {\n    border-left-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--warning:not(:first-child):not(:last-child) {\n    border-left-color: rgba(255, 255, 255, .5);\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--danger:first-child {\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--danger:last-child {\n    border-left-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--danger:not(:first-child):not(:last-child) {\n    border-left-color: rgba(255, 255, 255, .5);\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--info:first-child {\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--info:last-child {\n    border-left-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button--info:not(:first-child):not(:last-child) {\n    border-left-color: rgba(255, 255, 255, .5);\n    border-right-color: rgba(255, 255, 255, .5)\n}\n\n.ishow-button-group .ishow-button {\n    float: left;\n    position: relative\n}\n\n.ishow-button-group .ishow-button+.ishow-button {\n    margin-left: 0\n}\n\n.ishow-button-group .ishow-button:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0\n}\n\n.ishow-button-group .ishow-button:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0\n}\n\n.ishow-button-group .ishow-button:not(:first-child):not(:last-child) {\n    border-radius: 0\n}\n\n.ishow-button-group .ishow-button:not(:last-child) {\n    margin-right: -1px\n}\n\n.ishow-button-group .ishow-button.is-active,\n.ishow-button-group .ishow-button:active,\n.ishow-button-group .ishow-button:focus,\n.ishow-button-group .ishow-button:hover {\n    z-index: 1\n}'],sourceRoot:""}])},244:function(n,e,t){"use strict";function o(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function a(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function i(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function r(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var s=t(0),l=t.n(s),p=t(1),c=t.n(p),d=t(50),u=t(214),A=(t.n(u),function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}()),m=function(n){function e(n){a(this,e);var t=i(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,n)),o=n.children,r=n.activeName,s=n.value;return o=l.a.Children.toArray(o),t.state={children:o,currentName:s||r||o[0].props.name,barStyle:{},navStyle:{transform:""},scrollable:!1,scrollNext:!1,scrollPrev:!1},t}return r(e,n),A(e,[{key:"componentDidMount",value:function(){this.calcBarStyle(!0),this.update()}},{key:"componentDidUpdate",value:function(n,e){e.scrollable!==this.state.scrollable&&this.scrollToActiveTab()}},{key:"componentWillReceiveProps",value:function(n){var e=this;n.activeName!==this.props.activeName&&this.setState({currentName:n.activeName},function(){return e.calcBarStyle()}),n.value!==this.props.value&&this.setState({currentName:n.value},function(){return e.calcBarStyle()}),n.children!==this.props.children&&this.setState({children:l.a.Children.toArray(n.children)},function(){return e.update()})}},{key:"handleTabAdd",value:function(){var n=this.props,e=n.onTabAdd,t=n.onTabEdit;t&&t("add"),e&&e()}},{key:"handleTabRemove",value:function(n,e,t){var o=this.state,a=o.children,i=o.currentName,r=this.props,s=r.onTabRemove,l=r.onTabEdit;if(t.stopPropagation(),a[e].props.name===i){var p=a[e+1],c=a[e-1];this.setState({currentName:p?p.props.name:c?c.props.name:"-1"})}a.splice(e,1),this.setState({children:a},function(){l&&l("remove",n),s&&s(n,t)})}},{key:"handleTabClick",value:function(n,e){var t=this;if(n.props.disabled)return!1;this.setState({currentName:n.props.name},function(){var o=t.props.onTabClick;t.calcBarStyle(),t.scrollToActiveTab(),o&&o(n,e)})}},{key:"calcBarStyle",value:function(n){var e=this;if(this.props.type||!this.tabs.length)return{};var t={},o=0,a=0;(this.state.children instanceof Array?this.state.children:[this.state.children]).every(function(n,t){var i=e.tabs[t];return n.props.name!==e.state.currentName?(o+=i.clientWidth,!0):(a=i.clientWidth,!1)}),t.width=a+"px",t.transform="translateX("+o+"px)",n||(t.transition="transform .3s cubic-bezier(.645,.045,.355,1), -webkit-transform .3s cubic-bezier(.645,.045,.355,1)"),this.setState({barStyle:t})}},{key:"scrollPrev",value:function(){var n=this.refs.navScroll.offsetWidth,e=this.getCurrentScrollOffset();if(e){var t=e>n?e-n:0;this.setOffset(t)}}},{key:"scrollNext",value:function(){var n=this.refs.nav.offsetWidth,e=this.refs.navScroll.offsetWidth,t=this.getCurrentScrollOffset();if(!(n-t<=e)){var o=n-t>2*e?t+e:n-e;this.setOffset(o)}}},{key:"scrollToActiveTab",value:function(){if(this.state.scrollable){var n=this.refs.nav,e=n.querySelector(".is-active"),t=this.refs.navScroll,o=e.getBoundingClientRect(),a=t.getBoundingClientRect(),i=n.getBoundingClientRect(),r=this.getCurrentScrollOffset(),s=r;o.left<a.left&&(s=r-(a.left-o.left)),o.right>a.right&&(s=r+o.right-a.right),i.right<a.right&&(s=n.offsetWidth-a.width),this.setOffset(Math.max(s,0))}}},{key:"getCurrentScrollOffset",value:function(){var n=this.state.navStyle;return n.transform?Number(n.transform.match(/translateX\(-(\d+(\.\d+)*)px\)/)[1]):0}},{key:"setOffset",value:function(n){this.setState({navStyle:{transform:"translateX(-"+n+"px)"}})}},{key:"update",value:function(){var n=this.refs.nav.offsetWidth,e=this.refs.navScroll.offsetWidth,t=this.getCurrentScrollOffset();if(e<n){var o=this.getCurrentScrollOffset();this.setState({scrollable:!0}),n-o<e&&this.setOffset(n-e)}else this.setState({scrollable:!1}),t>0&&this.setOffset(0)}},{key:"render",value:function(){var n=this,e=this.state,t=e.children,a=e.currentName,i=e.barStyle,r=e.navStyle,s=e.scrollable,p=this.props,c=p.type,u=p.addable,A=p.closable,m=p.editable,h=p.isAllInOne,f=this.classNames({"ishow-tabs":!0,"ishow-tabs--card":"card"===c,"ishow-tabs--border-card":"border-card"===c}),b=m||u?l.a.createElement("span",{className:"ishow-tabs__new-tab",onClick:function(){return n.handleTabAdd()}},l.a.createElement("i",{className:"ishow-icon-plus"})):null,g=s?[l.a.createElement("span",{key:"ishow-tabs__nav-prev",className:s.prev?"ishow-tabs__nav-prev":"ishow-tabs__nav-prev is-disabled",onClick:function(){return n.scrollPrev()}},l.a.createElement("i",{className:"ishow-icon-arrow-left"})),l.a.createElement("span",{key:"ishow-tabs__nav-next",className:s.next?"ishow-tabs__nav-next":"ishow-tabs__nav-next is-disabled",onClick:function(){return n.scrollNext()}},l.a.createElement("i",{className:"ishow-icon-arrow-right"}))]:null;return this.tabs=[],l.a.createElement("div",{style:this.style(),className:this.className(f)},l.a.createElement("div",{className:h?"ishow-tabs__header isAllInOneTabHeader":"ishow-tabs__header"},b,l.a.createElement("div",{className:s?"ishow-tabs__nav-wrap is-scrollable":"ishow-tabs__nav-wrap"},g,l.a.createElement("div",{className:"ishow-tabs__nav-scroll",ref:"navScroll"},l.a.createElement("div",{className:"ishow-tabs__nav",ref:"nav",style:r},l.a.Children.map(t,function(e,t){var i=e.props,r=i.name,s=i.label,p=i.disabled,c=i.customClass,u=n.classNames(o({"ishow-tabs__item":!0,"is-active":r===a,"is-disabled":p,"is-closable":A||e.props.closable},c,c&&""!=c));return l.a.createElement("div",{key:"ishow-tabs__item-"+t,ref:function(e){return e&&n.tabs.push(e)},name:r,className:u,onClick:function(t){return n.handleTabClick(e,t)}},s,l.a.createElement(d.a,{show:m||A||e.props.closable},l.a.createElement("span",{className:"ishow-icon-close",onClick:function(o){return n.handleTabRemove(e,t,o)}})))}),l.a.createElement(d.a,{show:!c},l.a.createElement("div",{className:"ishow-tabs__active-bar",style:i})))))),l.a.createElement("div",{className:"ishow-tabs__content"},l.a.Children.map(t,function(n){var e=n.props.name;return l.a.createElement(d.a,{show:e===a},n)})))}}]),e}(d.b);e.a=m,m.propTypes={type:c.a.oneOf(["card","border-card"]),activeName:c.a.string,value:c.a.string,closable:c.a.bool,addable:c.a.bool,editable:c.a.bool,onTabClick:c.a.func,onTabRemove:c.a.func,onTabAdd:c.a.func,onTabEdit:c.a.func},m.defaultProps={closable:!1,addable:!1,edidable:!1}},245:function(n,e,t){e=n.exports=t(192)(!0),e.push([n.i,".ishow-tabs__header{border-bottom:1px solid #d1dbe5;padding:0;position:relative;margin:0 0 15px}.ishow-tabs__active-bar{position:absolute;bottom:0;left:0;height:3px;background-color:#20a0ff;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);-o-transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.ishow-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s}.ishow-tabs__new-tab .ishow-icon-plus{-ms-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8)}.ishow-tabs__new-tab:hover{color:#20a0ff}.ishow-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.ishow-tabs__nav-wrap.is-scrollable{padding:0 15px}.ishow-tabs__nav-scroll{overflow:hidden}.ishow-tabs__nav-next,.ishow-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#8391a5}.ishow-tabs__nav-next{right:0}.ishow-tabs__nav-prev{left:0}.ishow-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left}.ishow-tabs__item{padding:0 16px;height:42px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:42px;display:inline-block;list-style:none;font-size:14px;color:#8391a5;position:relative}.ishow-tabs__item .ishow-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.ishow-tabs__item .ishow-icon-close:before{-ms-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7);display:inline-block}.ishow-tabs__item .ishow-icon-close:hover{background-color:#97a8be;color:#fff}.ishow-tabs__item:hover{color:#1f2d3d;cursor:pointer}.ishow-tabs__item.is-disabled{color:#bbb;cursor:default}.ishow-tabs__item.is-active{color:#20a0ff}.ishow-tabs__content{position:relative}.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__active-bar{display:none}.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item .ishow-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-ms-transform-origin:100% 50%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-active.is-closable .ishow-icon-close,.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-closable:hover .ishow-icon-close{width:14px}.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item{border:1px solid transparent;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-closable:hover{padding-right:9px;padding-left:9px}.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-active{border:1px solid #d1dbe5;border-bottom-color:#fff;border-radius:4px 4px 0 0}.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-active.is-closable{padding-right:16px;padding-left:16px}.ishow-tabs--border-card{background:#fff;border:1px solid #d1dbe5}.ishow-tabs--border-card>.ishow-tabs__content{padding:15px}.ishow-tabs--border-card>.ishow-tabs__header{background-color:#eef1f6;margin:0}.ishow-tabs--border-card>.ishow-tabs__header .ishow-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;border-top:0;margin-right:-1px;margin-left:-1px}.ishow-tabs--border-card>.ishow-tabs__header .ishow-tabs__item.is-active{background-color:#fff;border-right-color:#d1dbe5;border-left-color:#d1dbe5}.ishow-tabs--border-card>.ishow-tabs__header .ishow-tabs__item.is-active:first-child{border-left-color:#d1dbe5}.ishow-tabs--border-card>.ishow-tabs__header .ishow-tabs__item.is-active:last-child{border-right-color:#d1dbe5}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}","",{version:3,sources:["E:/demo/demo/src/ishow/Common/css/Tabs.css"],names:[],mappings:"AACA,oBACE,gCAAiC,AACjC,UAAW,AACX,kBAAmB,AACnB,eAAgB,CACjB,AAED,wBACE,kBAAmB,AACnB,SAAU,AACV,OAAQ,AACR,WAAY,AACZ,yBAA0B,AAC1B,UAAW,AACX,wEAA4E,AAC5E,gEAAoE,AACpE,2DAA+D,AAC/D,wDAA4D,AAC5D,6GAAqH,AACrH,eAAgB,CACjB,AAED,qBACE,YAAa,AACb,yBAA0B,AAC1B,YAAa,AACb,WAAY,AACZ,iBAAkB,AAClB,uBAAwB,AACxB,kBAAmB,AACnB,kBAAmB,AACnB,eAAgB,AAChB,cAAe,AACf,eAAgB,AAChB,4BAA6B,AAC7B,uBAAwB,AACxB,mBAAoB,CACrB,AAED,sCACE,wBAA6B,AAC7B,4BAAiC,AACzB,mBAAwB,CACjC,AAED,2BACE,aAAc,CACf,AAED,sBACE,gBAAiB,AACjB,mBAAoB,AACpB,iBAAkB,CACnB,AAED,oCACE,cAAe,CAChB,AAED,wBACE,eAAgB,CACjB,AAED,4CACE,kBAAmB,AACnB,eAAgB,AAChB,iBAAkB,AAClB,eAAgB,AAChB,aAAc,CACf,AAED,sBACE,OAAQ,CACT,AAED,sBACE,MAAO,CACR,AAED,iBACE,mBAAoB,AACpB,kBAAmB,AACnB,yCAA0C,AAC1C,iCAAkC,AAClC,4BAA6B,AAC7B,yBAA0B,AAC1B,+CAAiD,AACjD,UAAW,CACZ,AAED,kBACE,eAAgB,AAChB,YAAa,AACb,8BAA+B,AACvB,sBAAuB,AAC/B,iBAAkB,AAClB,qBAAsB,AACtB,gBAAiB,AACjB,eAAgB,AAChB,cAAe,AACf,iBAAkB,CACnB,AAED,oCACE,kBAAmB,AACnB,kBAAmB,AACnB,0DAA8D,AAC9D,qDAAyD,AACzD,kDAAsD,AACtD,eAAgB,CACjB,AAED,2CACE,wBAA6B,AAC7B,4BAAiC,AACzB,oBAAyB,AACjC,oBAAqB,CACtB,AAED,0CACE,yBAA0B,AAC1B,UAAW,CACZ,AAED,wBACE,cAAe,AACf,cAAe,CAChB,AAED,8BACE,WAAY,AACZ,cAAe,CAChB,AAED,4BACE,aAAc,CACf,AAED,qBAEE,iBAAkB,CACnB,AAED,8DACE,YAAa,CACd,AAED,0EACE,kBAAmB,AACnB,eAAgB,AAChB,QAAS,AACT,YAAa,AACb,sBAAuB,AACvB,iBAAkB,AAClB,gBAAiB,AACjB,SAAU,AACV,WAAY,AACZ,8BAA+B,AAC/B,kCAAmC,AAC3B,yBAA0B,CACnC,AAED,4LACE,UAAW,CACZ,AAED,wDACE,6BAA8B,AAC9B,0DAA8D,AAC9D,qDAAyD,AACzD,iDAAqD,CACtD,AAED,0EACE,kBAAmB,AACnB,gBAAiB,CAClB,AAED,kEACE,yBAA0B,AAC1B,yBAA0B,AAC1B,yBAA0B,CAC3B,AAED,8EACE,mBAAoB,AACpB,iBAAkB,CACnB,AAED,yBACE,gBAAiB,AACjB,wBAA0B,CAE3B,AAED,8CACE,YAAa,CACd,AAED,6CACE,yBAA0B,AAC1B,QAAS,CACV,AAED,+DACE,0DAA8D,AAC9D,qDAAyD,AACzD,kDAAsD,AACtD,6BAA8B,AAC9B,aAAc,AACd,kBAAmB,AACnB,gBAAiB,CAClB,AAED,yEACE,sBAAuB,AACvB,2BAA4B,AAC5B,yBAA0B,CAC3B,AAED,qFACE,yBAA0B,CAC3B,AAED,oFACE,0BAA2B,CAC5B,AAED,iDACE,oBAAqB,CACtB,AAED,oBACE,yCAA0C,AAClC,gCAAiC,CAC1C,AAED,oBACE,kBAAmB,AACnB,OAAQ,AACR,QAAS,AACT,yCAA0C,AAClC,gCAAiC,CAC1C,AAED,mBACE,wCAAyC,AACjC,+BAAgC,CACzC,AAED,mBACE,kBAAmB,AACnB,OAAQ,AACR,QAAS,AACT,wCAAyC,AACjC,+BAAgC,CACzC,AAED,sCACE,GACE,UAAW,AACX,6BAA8B,AACtB,qBAAsB,AAC9B,mCAAoC,AAC5B,0BAA2B,CACpC,AACD,GACE,UAAW,AACX,6BAA8B,AACtB,qBAAsB,AAC9B,gCAAiC,AACzB,uBAAwB,CACjC,CACF,AAED,8BACE,GACE,UAAW,AACX,6BAA8B,AACtB,qBAAsB,AAC9B,mCAAoC,AAC5B,0BAA2B,CACpC,AACD,GACE,UAAW,AACX,6BAA8B,AACtB,qBAAsB,AAC9B,gCAAiC,AACzB,uBAAwB,CACjC,CACF,AAED,sCACE,GACE,6BAA8B,AACtB,qBAAsB,AAC9B,gCAAiC,AACzB,wBAAyB,AACjC,SAAU,CACX,AACD,GACE,6BAA8B,AACtB,qBAAsB,AAC9B,mCAAoC,AAC5B,2BAA4B,AACpC,SAAU,CACX,CACF,AAED,8BACE,GACE,6BAA8B,AACtB,qBAAsB,AAC9B,gCAAiC,AACzB,wBAAyB,AACjC,SAAU,CACX,AACD,GACE,6BAA8B,AACtB,qBAAsB,AAC9B,mCAAoC,AAC5B,2BAA4B,AACpC,SAAU,CACX,CACF,AAED,qCACE,GACE,UAAW,AACX,6BAA8B,AACtB,qBAAsB,AAC9B,oCAAqC,AAC7B,2BAA4B,CACrC,AACD,GACE,UAAW,AACX,6BAA8B,AACtB,qBAAsB,AAC9B,gCAAiC,AACzB,uBAAwB,CACjC,CACF,AAED,6BACE,GACE,UAAW,AACX,6BAA8B,AACtB,qBAAsB,AAC9B,oCAAqC,AAC7B,2BAA4B,CACrC,AACD,GACE,UAAW,AACX,6BAA8B,AACtB,qBAAsB,AAC9B,gCAAiC,AACzB,uBAAwB,CACjC,CACF,AAED,qCACE,GACE,6BAA8B,AACtB,qBAAsB,AAC9B,gCAAiC,AACzB,wBAAyB,AACjC,SAAU,CACX,AACD,GACE,6BAA8B,AACtB,qBAAsB,AAC9B,oCAAqC,AAC7B,4BAA6B,AACrC,SAAU,CACX,CACF,AAED,6BACE,GACE,6BAA8B,AACtB,qBAAsB,AAC9B,gCAAiC,AACzB,wBAAyB,AACjC,SAAU,CACX,AACD,GACE,6BAA8B,AACtB,qBAAsB,AAC9B,oCAAqC,AAC7B,4BAA6B,AACrC,SAAU,CACX,CACF",file:"Tabs.css",sourcesContent:['@charset "UTF-8";\r\n.ishow-tabs__header {\r\n  border-bottom: 1px solid #d1dbe5;\r\n  padding: 0;\r\n  position: relative;\r\n  margin: 0 0 15px\r\n}\r\n\r\n.ishow-tabs__active-bar {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 3px;\r\n  background-color: #20a0ff;\r\n  z-index: 1;\r\n  -webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);\r\n  transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);\r\n  -o-transition: transform .3s cubic-bezier(.645, .045, .355, 1);\r\n  transition: transform .3s cubic-bezier(.645, .045, .355, 1);\r\n  transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);\r\n  list-style: none\r\n}\r\n\r\n.ishow-tabs__new-tab {\r\n  float: right;\r\n  border: 1px solid #d3dce6;\r\n  height: 18px;\r\n  width: 18px;\r\n  line-height: 18px;\r\n  margin: 12px 0 9px 10px;\r\n  border-radius: 3px;\r\n  text-align: center;\r\n  font-size: 12px;\r\n  color: #d3dce6;\r\n  cursor: pointer;\r\n  -webkit-transition: all .15s;\r\n  -o-transition: all .15s;\r\n  transition: all .15s\r\n}\r\n\r\n.ishow-tabs__new-tab .ishow-icon-plus {\r\n  -ms-transform: scale(.8, .8);\r\n  -webkit-transform: scale(.8, .8);\r\n          transform: scale(.8, .8)\r\n}\r\n\r\n.ishow-tabs__new-tab:hover {\r\n  color: #20a0ff\r\n}\r\n\r\n.ishow-tabs__nav-wrap {\r\n  overflow: hidden;\r\n  margin-bottom: -1px;\r\n  position: relative\r\n}\r\n\r\n.ishow-tabs__nav-wrap.is-scrollable {\r\n  padding: 0 15px\r\n}\r\n\r\n.ishow-tabs__nav-scroll {\r\n  overflow: hidden\r\n}\r\n\r\n.ishow-tabs__nav-next, .ishow-tabs__nav-prev {\r\n  position: absolute;\r\n  cursor: pointer;\r\n  line-height: 44px;\r\n  font-size: 12px;\r\n  color: #8391a5\r\n}\r\n\r\n.ishow-tabs__nav-next {\r\n  right: 0\r\n}\r\n\r\n.ishow-tabs__nav-prev {\r\n  left: 0\r\n}\r\n\r\n.ishow-tabs__nav {\r\n  white-space: nowrap;\r\n  position: relative;\r\n  -webkit-transition: -webkit-transform .3s;\r\n  transition: -webkit-transform .3s;\r\n  -o-transition: transform .3s;\r\n  transition: transform .3s;\r\n  transition: transform .3s, -webkit-transform .3s;\r\n  float: left\r\n}\r\n\r\n.ishow-tabs__item {\r\n  padding: 0 16px;\r\n  height: 42px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  line-height: 42px;\r\n  display: inline-block;\r\n  list-style: none;\r\n  font-size: 14px;\r\n  color: #8391a5;\r\n  position: relative\r\n}\r\n\r\n.ishow-tabs__item .ishow-icon-close {\r\n  border-radius: 50%;\r\n  text-align: center;\r\n  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);\r\n  -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);\r\n  transition: all .3s cubic-bezier(.645, .045, .355, 1);\r\n  margin-left: 5px\r\n}\r\n\r\n.ishow-tabs__item .ishow-icon-close:before {\r\n  -ms-transform: scale(.7, .7);\r\n  -webkit-transform: scale(.7, .7);\r\n          transform: scale(.7, .7);\r\n  display: inline-block\r\n}\r\n\r\n.ishow-tabs__item .ishow-icon-close:hover {\r\n  background-color: #97a8be;\r\n  color: #fff\r\n}\r\n\r\n.ishow-tabs__item:hover {\r\n  color: #1f2d3d;\r\n  cursor: pointer\r\n}\r\n\r\n.ishow-tabs__item.is-disabled {\r\n  color: #bbb;\r\n  cursor: default\r\n}\r\n\r\n.ishow-tabs__item.is-active {\r\n  color: #20a0ff\r\n}\r\n\r\n.ishow-tabs__content {\r\n  /* overflow: hidden; */\r\n  position: relative\r\n}\r\n\r\n.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__active-bar {\r\n  display: none\r\n}\r\n\r\n.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item .ishow-icon-close {\r\n  position: relative;\r\n  font-size: 12px;\r\n  width: 0;\r\n  height: 14px;\r\n  vertical-align: middle;\r\n  line-height: 15px;\r\n  overflow: hidden;\r\n  top: -1px;\r\n  right: -2px;\r\n  -ms-transform-origin: 100% 50%;\r\n  -webkit-transform-origin: 100% 50%;\r\n          transform-origin: 100% 50%\r\n}\r\n\r\n.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-active.is-closable .ishow-icon-close, .ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-closable:hover .ishow-icon-close {\r\n  width: 14px\r\n}\r\n\r\n.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item {\r\n  border: 1px solid transparent;\r\n  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);\r\n  -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);\r\n  transition: all .3s cubic-bezier(.645, .045, .355, 1)\r\n}\r\n\r\n.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-closable:hover {\r\n  padding-right: 9px;\r\n  padding-left: 9px\r\n}\r\n\r\n.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-active {\r\n  border: 1px solid #d1dbe5;\r\n  border-bottom-color: #fff;\r\n  border-radius: 4px 4px 0 0\r\n}\r\n\r\n.ishow-tabs--card>.ishow-tabs__header .ishow-tabs__item.is-active.is-closable {\r\n  padding-right: 16px;\r\n  padding-left: 16px\r\n}\r\n\r\n.ishow-tabs--border-card {\r\n  background: #fff;\r\n  border: 1px solid #d1dbe5;\r\n  /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04) */\r\n}\r\n\r\n.ishow-tabs--border-card>.ishow-tabs__content {\r\n  padding: 15px\r\n}\r\n\r\n.ishow-tabs--border-card>.ishow-tabs__header {\r\n  background-color: #eef1f6;\r\n  margin: 0\r\n}\r\n\r\n.ishow-tabs--border-card>.ishow-tabs__header .ishow-tabs__item {\r\n  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);\r\n  -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);\r\n  transition: all .3s cubic-bezier(.645, .045, .355, 1);\r\n  border: 1px solid transparent;\r\n  border-top: 0;\r\n  margin-right: -1px;\r\n  margin-left: -1px\r\n}\r\n\r\n.ishow-tabs--border-card>.ishow-tabs__header .ishow-tabs__item.is-active {\r\n  background-color: #fff;\r\n  border-right-color: #d1dbe5;\r\n  border-left-color: #d1dbe5\r\n}\r\n\r\n.ishow-tabs--border-card>.ishow-tabs__header .ishow-tabs__item.is-active:first-child {\r\n  border-left-color: #d1dbe5\r\n}\r\n\r\n.ishow-tabs--border-card>.ishow-tabs__header .ishow-tabs__item.is-active:last-child {\r\n  border-right-color: #d1dbe5\r\n}\r\n\r\n.slideInLeft-transition, .slideInRight-transition {\r\n  display: inline-block\r\n}\r\n\r\n.slideInRight-enter {\r\n  -webkit-animation: slideInRight-enter .3s;\r\n          animation: slideInRight-enter .3s\r\n}\r\n\r\n.slideInRight-leave {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  -webkit-animation: slideInRight-leave .3s;\r\n          animation: slideInRight-leave .3s\r\n}\r\n\r\n.slideInLeft-enter {\r\n  -webkit-animation: slideInLeft-enter .3s;\r\n          animation: slideInLeft-enter .3s\r\n}\r\n\r\n.slideInLeft-leave {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  -webkit-animation: slideInLeft-leave .3s;\r\n          animation: slideInLeft-leave .3s\r\n}\r\n\r\n@-webkit-keyframes slideInRight-enter {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(100%);\r\n            transform: translateX(100%)\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0)\r\n  }\r\n}\r\n\r\n@keyframes slideInRight-enter {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(100%);\r\n            transform: translateX(100%)\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0)\r\n  }\r\n}\r\n\r\n@-webkit-keyframes slideInRight-leave {\r\n  0% {\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0);\r\n    opacity: 1\r\n  }\r\n  100% {\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(100%);\r\n            transform: translateX(100%);\r\n    opacity: 0\r\n  }\r\n}\r\n\r\n@keyframes slideInRight-leave {\r\n  0% {\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0);\r\n    opacity: 1\r\n  }\r\n  100% {\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(100%);\r\n            transform: translateX(100%);\r\n    opacity: 0\r\n  }\r\n}\r\n\r\n@-webkit-keyframes slideInLeft-enter {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(-100%);\r\n            transform: translateX(-100%)\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0)\r\n  }\r\n}\r\n\r\n@keyframes slideInLeft-enter {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(-100%);\r\n            transform: translateX(-100%)\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0)\r\n  }\r\n}\r\n\r\n@-webkit-keyframes slideInLeft-leave {\r\n  0% {\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0);\r\n    opacity: 1\r\n  }\r\n  100% {\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(-100%);\r\n            transform: translateX(-100%);\r\n    opacity: 0\r\n  }\r\n}\r\n\r\n@keyframes slideInLeft-leave {\r\n  0% {\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0);\r\n    opacity: 1\r\n  }\r\n  100% {\r\n    -webkit-transform-origin: 0 0;\r\n            transform-origin: 0 0;\r\n    -webkit-transform: translateX(-100%);\r\n            transform: translateX(-100%);\r\n    opacity: 0\r\n  }\r\n}\r\n'],sourceRoot:""}])},246:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=t(1),p=t.n(l),c=t(50),d=t(214),u=(t.n(d),function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}()),A=function(n){function e(){return o(this,e),a(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,n),u(e,[{key:"render",value:function(){return s.a.createElement("div",{style:this.style(),className:this.className("ishow-tab-pane")},this.props.children)}}]),e}(c.b);e.a=A,A.propTypes={label:p.a.oneOfType([p.a.string,p.a.node]),name:p.a.string,disabled:p.a.bool,closable:p.a.bool,customClass:p.a.string},A.defaultProps={disabled:!1,closable:!1,customClass:""}},255:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}var r=t(0),s=t.n(r),l=t(50),p=t(227),c=(t.n(p),function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}()),d=function(n){function e(){return o(this,e),a(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return i(e,n),c(e,[{key:"render",value:function(){return s.a.createElement("div",{style:this.style(),className:this.className("ishow-button-group")},this.props.children)}}]),e}(l.b);e.a=d},257:function(n,e,t){"use strict";var o=t(226),a=t(255);o.a.Group=a.a,e.a=o.a},310:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}function r(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments[1],t=document.createElement("div");document.body.appendChild(t),("string"===typeof n||l.a.isValidElement(n))&&(n={message:n}),e&&(n.type=e);var o=l.a.createElement(g,Object.assign(n,{willUnmount:function(){c.a.unmountComponentAtNode(t),document.body.removeChild(t),n.onClose instanceof Function&&n.onClose()}}));c.a.render(o,t)}var s=t(0),l=t.n(s),p=t(8),c=t.n(p),d=(t(311),t(1)),u=t.n(d),A=t(50),m=t(198),h={error:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJNZXNzYWdlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjAuMDAwMDAwLCAtMzMyLjAwMDAwMCkiPiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDMzMi4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uX2RhbmdlciI+ICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRkY0OTQ5IiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+",info:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTE1Mi4wMDAwMDApIj4gICAgICAgICAgICA8ZyBpZD0i5bim5YC+5ZCRX+S/oeaBryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuMDAwMDAwLCAxNTIuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9pbmZvIj4gICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiM1MEJGRkYiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+",success:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aWNvbl9zdWNjZXNzPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTIxMi4wMDAwMDApIj4gICAgICAgICAgICA8ZyBpZD0i5bim5YC+5ZCRX+S/oeaBryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuMDAwMDAwLCAyMTIuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9zdWNjZXNzIj4gICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiMxM0NFNjYiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44MjU1ODE0LDE3LjE0ODQzNTcgTDE5LjAxNzQ0LDI1LjgyODEyMTMgQzE4LjkwMTE2MDksMjUuOTQyNzA4MyAxOC43NjU1MDMzLDI2IDE4LjYxMDQ2NywyNiBDMTguNDU1NDI3LDI2IDE4LjMxOTc2OTMsMjUuOTQyNzA4MyAxOC4yMDM0ODY1LDI1LjgyODEyMTMgTDE4LjAyOTA3MTYsMjUuNjU2MjUgTDEzLjE3NDQxODYsMjAuODQzNzUgQzEzLjA1ODEzOTUsMjAuNzI5MTYzIDEzLDIwLjU5NTQ4MzcgMTMsMjAuNDQyNzA0NyBDMTMsMjAuMjg5OTI5MyAxMy4wNTgxMzk1LDIwLjE1NjI1IDEzLjE3NDQxODYsMjAuMDQxNjY2NyBMMTQuMzY2Mjc3MiwxOC44NjcxODU3IEMxNC40ODI1NiwxOC43NTI2MDIzIDE0LjYxODIxNzcsMTguNjk1MzEwNyAxNC43NzMyNTc3LDE4LjY5NTMxMDcgQzE0LjkyODI5NCwxOC42OTUzMTA3IDE1LjA2Mzk1MTYsMTguNzUyNjAyMyAxNS4xODAyMzA3LDE4Ljg2NzE4NTcgTDE4LjYxMDQ2NywyMi4yNzYwMzggTDI1LjgxOTc2OTMsMTUuMTcxODcxMyBDMjUuOTM2MDQ4NCwxNS4wNTcyODggMjYuMDcxNzA2LDE1IDI2LjIyNjc0MjMsMTUgQzI2LjM4MTc4MjMsMTUgMjYuNTE3NDQsMTUuMDU3Mjg4IDI2LjYzMzcyMjgsMTUuMTcxODcxMyBMMjcuODI1NTgxNCwxNi4zNDYzNTIzIEMyNy45NDE4NjA1LDE2LjQ2MDkzNTcgMjgsMTYuNTk0NjE1IDI4LDE2Ljc0NzM5NCBDMjgsMTYuOTAwMTczIDI3Ljk0MTg2MDUsMTcuMDMzODUyMyAyNy44MjU1ODE0LDE3LjE0ODQzNTcgTDI3LjgyNTU4MTQsMTcuMTQ4NDM1NyBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+",warning:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTI3Mi4wMDAwMDApIj4gICAgICAgICAgICA8ZyBpZD0i5bim5YC+5ZCRX+S/oeaBry1jb3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDI3Mi4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uX3dhcm5pbmciPiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iI0Y3QkEyQSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg=="},f=function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}(),b=function(n){function e(n){o(this,e);var t=a(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,n));return t.state={visible:!1},t}return i(e,n),f(e,[{key:"componentDidMount",value:function(){this.setState({visible:!0}),this.startTimer()}},{key:"componentWillUnmount",value:function(){this.stopTimer()}},{key:"onClose",value:function(){this.stopTimer(),this.setState({visible:!1})}},{key:"startTimer",value:function(){var n=this;this.props.duration>0&&(this.timeout=setTimeout(function(){n.onClose()},this.props.duration))}},{key:"stopTimer",value:function(){clearTimeout(this.timeout)}},{key:"render",value:function(){var n=this,e=this.props,t=e.iconClass,o=e.customClass;return l.a.createElement(m.a,{name:"ishow-message-fade",onAfterLeave:function(){n.props.willUnmount()}},l.a.createElement(A.a,{show:this.state.visible},l.a.createElement("div",{className:this.classNames("ishow-message",o),onMouseEnter:this.stopTimer.bind(this),onMouseLeave:this.startTimer.bind(this)},!t&&l.a.createElement("img",{className:"ishow-message__img",src:h[this.props.type],alt:h[this.props.type]}),l.a.createElement("div",{className:this.classNames("ishow-message__group",{"is-with-icon":t})},t&&l.a.createElement("i",{className:this.classNames("ishow-message__icon",t)}),l.a.createElement("p",null,this.props.message),this.props.showClose&&l.a.createElement("div",{className:"ishow-message__closeBtn ishow-icon-close",onClick:this.onClose.bind(this)})))))}}]),e}(A.b),g=b;b.propTypes={type:u.a.oneOf(["success","warning","info","error"]),message:u.a.oneOfType([u.a.string,u.a.element]).isRequired,duration:u.a.number,showClose:u.a.bool,customClass:u.a.string,iconClass:u.a.string},b.defaultProps={type:"info",duration:3e3,showClose:!1},e.a=r,["success","warning","info","error"].forEach(function(n){r[n]=function(){return r(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n)}})},311:function(n,e,t){var o=t(312);"string"===typeof o&&(o=[[n.i,o,""]]);var a={hmr:!1};a.transform=void 0;t(193)(o,a);o.locals&&(n.exports=o.locals)},312:function(n,e,t){e=n.exports=t(192)(!0),e.push([n.i,".ishow-message{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:300px;padding:10px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;position:fixed;left:50%;top:20px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;-o-transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden}.ishow-message .ishow-icon-circle-check{color:#13ce66}.ishow-message .ishow-icon-circle-cross{color:#ff4949}.ishow-message .ishow-icon-information{color:#50bfff}.ishow-message .ishow-icon-warning{color:#f7ba2a}.ishow-message__group{margin-left:38px;position:relative;height:20px;line-height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.ishow-message__group p{font-size:14px;margin:0 34px 0 0;white-space:nowrap;color:#8391a5;text-align:justify}.ishow-message__group.is-with-icon{margin-left:0}.ishow-message__img{width:40px;height:40px;position:absolute;left:0;top:0}.ishow-message__icon{vertical-align:middle;margin-right:8px}.ishow-message__closeBtn{top:3px;right:0;position:absolute;cursor:pointer;color:#bfcbd9;font-size:14px}.ishow-message__closeBtn:hover{color:#97a8be}.ishow-message-fade-enter,.ishow-message-fade-leave-active{opacity:0;-ms-transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}","",{version:3,sources:["E:/demo/demo/src/ishow/Common/css/Message.css"],names:[],mappings:"AACA,eACI,qEAA6E,AACrE,6DAAqE,AAC7E,gBAAiB,AACjB,kBAAmB,AACnB,8BAA+B,AACvB,sBAAuB,AAC/B,kBAAmB,AACnB,eAAgB,AAChB,SAAU,AACV,SAAU,AACV,+BAAgC,AAChC,mCAAoC,AAC5B,2BAA4B,AACpC,sBAAuB,AACvB,qDAAuD,AACvD,6CAA+C,AAC/C,wCAA0C,AAC1C,qCAAuC,AACvC,2DAA8D,AAC9D,eAAgB,CACnB,AAED,wCACI,aAAc,CACjB,AAED,wCACI,aAAc,CACjB,AAED,uCACI,aAAc,CACjB,AAED,mCACI,aAAc,CACjB,AAED,sBACI,iBAAkB,AAClB,kBAAmB,AACnB,YAAa,AACb,iBAAkB,AAClB,oBAAqB,AACrB,aAAc,AACd,sBAAuB,AACvB,kBAAmB,CACtB,AAED,wBACI,eAAgB,AAChB,kBAAmB,AACnB,mBAAoB,AACpB,cAAe,AACf,kBAAmB,CACtB,AAED,mCACI,aAAc,CACjB,AAED,oBACI,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,OAAQ,AACR,KAAM,CACT,AAED,qBACI,sBAAuB,AACvB,gBAAiB,CACpB,AAED,yBACI,QAAS,AACT,QAAS,AACT,kBAAmB,AACnB,eAAgB,AAChB,cAAe,AACf,cAAe,CAClB,AAED,+BACI,aAAc,CACjB,AAED,2DAEI,UAAW,AACX,oCAAsC,AACtC,wCAA0C,AAClC,+BAAiC,CAC5C",file:"Message.css",sourcesContent:['@charset "UTF-8";\r\n.ishow-message {\r\n    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);\r\n            box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);\r\n    min-width: 300px;\r\n    padding: 10px 12px;\r\n    -webkit-box-sizing: border-box;\r\n            box-sizing: border-box;\r\n    border-radius: 2px;\r\n    position: fixed;\r\n    left: 50%;\r\n    top: 20px;\r\n    -ms-transform: translateX(-50%);\r\n    -webkit-transform: translateX(-50%);\r\n            transform: translateX(-50%);\r\n    background-color: #fff;\r\n    -webkit-transition: opacity .3s, -webkit-transform .4s;\r\n    transition: opacity .3s, -webkit-transform .4s;\r\n    -o-transition: opacity .3s, transform .4s;\r\n    transition: opacity .3s, transform .4s;\r\n    transition: opacity .3s, transform .4s, -webkit-transform .4s;\r\n    overflow: hidden\r\n}\r\n\r\n.ishow-message .ishow-icon-circle-check {\r\n    color: #13ce66\r\n}\r\n\r\n.ishow-message .ishow-icon-circle-cross {\r\n    color: #ff4949\r\n}\r\n\r\n.ishow-message .ishow-icon-information {\r\n    color: #50bfff\r\n}\r\n\r\n.ishow-message .ishow-icon-warning {\r\n    color: #f7ba2a\r\n}\r\n\r\n.ishow-message__group {\r\n    margin-left: 38px;\r\n    position: relative;\r\n    height: 20px;\r\n    line-height: 20px;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-align: center;\r\n    align-items: center\r\n}\r\n\r\n.ishow-message__group p {\r\n    font-size: 14px;\r\n    margin: 0 34px 0 0;\r\n    white-space: nowrap;\r\n    color: #8391a5;\r\n    text-align: justify\r\n}\r\n\r\n.ishow-message__group.is-with-icon {\r\n    margin-left: 0\r\n}\r\n\r\n.ishow-message__img {\r\n    width: 40px;\r\n    height: 40px;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0\r\n}\r\n\r\n.ishow-message__icon {\r\n    vertical-align: middle;\r\n    margin-right: 8px\r\n}\r\n\r\n.ishow-message__closeBtn {\r\n    top: 3px;\r\n    right: 0;\r\n    position: absolute;\r\n    cursor: pointer;\r\n    color: #bfcbd9;\r\n    font-size: 14px\r\n}\r\n\r\n.ishow-message__closeBtn:hover {\r\n    color: #97a8be\r\n}\r\n\r\n.ishow-message-fade-enter,\r\n.ishow-message-fade-leave-active {\r\n    opacity: 0;\r\n    -ms-transform: translate(-50%, -100%);\r\n    -webkit-transform: translate(-50%, -100%);\r\n            transform: translate(-50%, -100%)\r\n}'],sourceRoot:""}])},926:function(n,e,t){"use strict";function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function a(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?n:e}function i(n,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var r=t(0),s=t.n(r),l=t(201),p=(t.n(l),t(257)),c=t(255),d=t(244),u=t(246),A=t(216),m=t(217),h=t(310),f=t(222),b=t(242),g=function(){function n(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}return function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}}();d.a.Pane=u.a,p.a.Group=c.a,A.a.Item=m.a;var C=function(n){function e(){var n,t,i,r;o(this,e);for(var s=arguments.length,l=Array(s),p=0;p<s;p++)l[p]=arguments[p];return t=i=a(this,(n=e.__proto__||Object.getPrototypeOf(e)).call.apply(n,[this].concat(l))),i.clickme=function(){h.a.warning("hello"),i.props.history.push("/app/ui/icons")},r=t,a(i,r)}return i(e,n),g(e,[{key:"render",value:function(){return s.a.createElement("div",{className:"App"},s.a.createElement("h1",null,"Button \u6309\u94ae"),s.a.createElement("h2",null,"\u5e38\u7528\u7684\u64cd\u4f5c\u6309\u94ae"),s.a.createElement("div",null,s.a.createElement(d.a,{type:"card",value:"1",style:{marginBottom:40}},s.a.createElement(d.a.Pane,{label:"\u57fa\u7840\u6309\u94ae",name:"1"},s.a.createElement("h3",{style:{margin:20}},"\u57fa\u7840\u7528\u6cd5"),s.a.createElement(p.a,{onClick:this.clickme.bind(this)},"\u666e\u901a\u6309\u94ae"),s.a.createElement(p.a,{type:"primary"},"\u4e3b\u8981\u6309\u94ae"),s.a.createElement(p.a,{type:"text"},"\u6587\u5b57\u6309\u94ae"),s.a.createElement(f.a,{name:"Button",code:"0"})),s.a.createElement(d.a.Pane,{label:"\u7981\u7528\u6309\u94ae",name:"2"},s.a.createElement("h3",{style:{margin:20}},"\u7981\u7528\u6309\u94ae\uff0cdisabled\u5c5e\u6027\uff0cboolean\uff0c\u9ed8\u8ba4false\uff08\u4e0d\u662f\u7981\u7528\u72b6\u6001\uff09"),s.a.createElement(p.a,{plain:!0,disabled:!0},"\u666e\u901a\u6309\u94ae"),s.a.createElement(p.a,{type:"primary",disabled:!0},"\u4e3b\u8981\u6309\u94ae"),s.a.createElement(p.a,{type:"text",disabled:!0},"\u6587\u5b57\u6309\u94ae"),s.a.createElement(f.a,{name:"Button",code:"1"})),s.a.createElement(d.a.Pane,{label:"\u52a0\u8f7d\u4e2d\u6309\u94ae",name:"3"},s.a.createElement("h3",{style:{margin:20}},"\u52a0\u8f7d\u4e2d\u6309\u94ae\uff0cloading\u5c5e\u6027\uff0cboolean\uff0c\u9ed8\u8ba4false\uff08\u4e0d\u662f\u52a0\u8f7d\u72b6\u6001\uff09",s.a.createElement("p",{style:{color:"#F56C6C",display:"inline"}},"\uff08\u6ce8\u610f\uff1a\u6267\u884c\u8868\u5355\u63d0\u4ea4\u64cd\u4f5c\u65f6\uff0c\u5efa\u8bae\u5c06\u6309\u94ae\u8bbe\u7f6e\u4e3a\u6b64\u72b6\u6001\uff0c\u4ee5\u907f\u514d\u91cd\u590d\u63d0\u4ea4\uff09")),s.a.createElement(p.a,{type:"primary",loading:!0},"\u52a0\u8f7d\u4e2d"),s.a.createElement(f.a,{name:"Button",code:"2"})),s.a.createElement(d.a.Pane,{label:"\u6709\u989c\u8272\u7684\u6309\u94ae",name:"4"},s.a.createElement("h3",{style:{margin:20}},"\u6709\u989c\u8272\u7684\u6309\u94ae\uff0ctype\u5c5e\u6027\uff0cstring\uff0c\u53ef\u9009\u503c\uff1asuccess\uff0cwarning\uff0cdanger\uff0cinfo\u5982\u4e0b\u6240\u793a\uff1b"),s.a.createElement("h3",{style:{margin:20}},"plain\u5c5e\u6027\uff0cboolean\uff0chover\u65f6\u5c55\u793a\u4e0d\u540c\u989c\u8272\uff08true\uff09\uff0c\u9ed8\u8ba4false"),s.a.createElement(p.a,{type:"success"},"\u6210\u529f\u6309\u94ae"),s.a.createElement(p.a,{type:"warning"},"\u8b66\u544a\u6309\u94ae"),s.a.createElement(p.a,{type:"danger"},"\u5371\u9669\u6309\u94ae"),s.a.createElement(p.a,{type:"info"},"\u4fe1\u606f\u6309\u94ae"),s.a.createElement(p.a,{plain:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),s.a.createElement(p.a,{plain:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),s.a.createElement(p.a,{plain:!0,type:"danger"},"\u5371\u9669\u6309\u94ae"),s.a.createElement(p.a,{plain:!0,type:"info"},"\u4fe1\u606f\u6309\u94ae"),s.a.createElement(f.a,{name:"Button",code:"3"})),s.a.createElement(d.a.Pane,{label:"\u56fe\u6807\u6309\u94ae",name:"5"},s.a.createElement("h3",{style:{margin:20}},"\u5e26\u56fe\u6807\u7684\u6309\u94ae\uff1aicon\u5c5e\u6027\uff0cstring\uff0c\u63a5\u53d7\u4e00\u4e2a\u56fe\u6807\u540d\u79f0"),s.a.createElement(p.a,{type:"primary",icon:"edit"}),s.a.createElement(p.a,{type:"primary",icon:"share"}),s.a.createElement(p.a,{type:"primary",icon:"delete"}),s.a.createElement(p.a,{type:"primary",icon:"search"},"\u641c\u7d22"),s.a.createElement(p.a,{type:"primary"},"\u4e0a\u4f20",s.a.createElement("i",{className:"ishow-icon-upload ishow-icon-right"})),s.a.createElement(f.a,{name:"Button",code:"4"})),s.a.createElement(d.a.Pane,{label:"\u4e0d\u540c\u5c3a\u5bf8\u6309\u94ae",name:"6"},s.a.createElement("h3",{style:{margin:20}},"\u4e0d\u540c\u5c3a\u5bf8\u7684\u6309\u94ae\uff0csize\u5c5e\u6027\uff0cstring\uff0c\u53ef\u9009\u503c\uff1alarge\uff0csmall\uff0cmini\uff0c\u4e0d\u52a0\u4e3a\u6b63\u5e38\u5927\u5c0f"),s.a.createElement(p.a,{type:"primary",size:"large"},"\u5927\u578b\u6309\u94ae"),s.a.createElement(p.a,{type:"primary"},"\u6b63\u5e38\u6309\u94ae"),s.a.createElement(p.a,{type:"primary",size:"small"},"\u5c0f\u578b\u6309\u94ae"),s.a.createElement(p.a,{type:"primary",size:"mini"},"\u8d85\u5c0f\u6309\u94ae"),s.a.createElement(f.a,{name:"Button",code:"6"})),s.a.createElement(d.a.Pane,{label:"\u6309\u94ae\u7ec4",name:"7"},s.a.createElement("h3",{style:{margin:20}},"\u6309\u94ae\u7ec4\uff0c\u4f7f\u7528ButtonGroup\uff0c\u4e00\u822c\u7528\u4e8e\u9700\u8981\u7edf\u4e00\u6837\u5f0f\u7684\u6216\u8005\u6709\u5173\u8054\u7684\u6309\u94ae\u7ec4\u5408"),s.a.createElement(p.a.Group,null,s.a.createElement(p.a,{type:"primary",icon:"arrow-left"},"\u4e0a\u4e00\u9875"),s.a.createElement(p.a,{type:"primary"},"\u4e0b\u4e00\u9875",s.a.createElement("i",{className:"ishow-icon-arrow-right ishow-icon-right"}))),"\xa0\xa0\xa0",s.a.createElement(p.a.Group,null,s.a.createElement(p.a,{type:"primary",icon:"edit"}),s.a.createElement(p.a,{type:"primary",icon:"share"}),s.a.createElement(p.a,{type:"primary",icon:"delete"})),s.a.createElement(f.a,{name:"Button",code:"5"})))),s.a.createElement("div",null),s.a.createElement(b.a,{name:"Button"}))}}]),e}(r.Component);e.default=C}});