UNPKG

ost-ui

Version:

ost ui for react

ost-ui.github.io/ost-ui/

ost-ui/ost-ui

3 lines • 36.3 kB
1
2
3
(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{180:function(e,t,n){"use strict";n.r(t);for(var o=n(43),a=Object.keys(o).filter((function(e){return/MENU_ITEM*./gi.test(e)})),r=Object.keys(o).filter((function(e){return!/MENU_ITEM*./gi.test(e)})),i=[{title:"介绍",before:"关于 ost ui",notComponent:!0}].concat(a.map((function(e){return{title:o[e].title,before:o[e].before}}))),s=[{value:"关于 ost ui",hash:"$about-ost",doc:n.e(20).then(n.t.bind(null,67,7)).then((function(e){return e.default})),notComponent:!0},{value:"如何安装",hash:"$install",doc:n.e(21).then(n.t.bind(null,68,7)).then((function(e){return e.default})),notComponent:!0}].concat(r.map((function(e){return{value:e,hash:e,doc:n(356)("./"+e+"/demo/README.md").then((function(e){return e.default}))}}))),c=0;c<i.length;c++)for(var l=0;l<s.length;l++)if(i[c].before===s[l].value){s.splice(l,0,i[c]);break}t.default=s},181:function(e,t,n){e.exports=n.p+"static/media/arrowRight.483810e73576.svg"},182:function(e,t,n){e.exports=n.p+"static/media/arrowBottom.96f2ca6f8487.svg"},183:function(e,t,n){e.exports=n.p+"static/media/arrowTop.9fce83605ac9.svg"},184:function(e,t,n){e.exports=n.p+"static/media/tipsIcon.ba1cab612e6e.svg"},185:function(e,t,n){e.exports=n.p+"static/media/delIcon.dc155a666e3b.svg"},186:function(e,t,n){e.exports=n.p+"static/media/checked.a2fd7b796756.svg"},187:function(e,t,n){e.exports=n.p+"static/media/unchecked.122de64a3a1b.svg"},188:function(e,t,n){e.exports=n.p+"static/media/delete.ea65741a9740.svg"},193:function(e,t,n){e.exports=n.p+"static/media/loading.cf2e050b6780.svg"},351:function(e,t){ /*! https://mths.be/scrollingelement v1.5.2 by @diegoperini & @mathias | MIT license */ "scrollingElement"in document||function(){function e(e){return window.getComputedStyle?getComputedStyle(e,null):e.currentStyle}var t;function n(e){return"none"!=e.display&&!("collapse"==e.visibility&&/^table-(.+-group|row|column)$/.test(e.display))}var o=function(){if(function(){if(!/^CSS1/.test(document.compatMode))return!1;if(void 0===t){var e=document.createElement("iframe");e.style.height="1px",(document.body||document.documentElement||document).appendChild(e);var n=e.contentWindow.document;n.write('<!DOCTYPE html><div style="height:9999em">x</div>'),n.close(),t=n.documentElement.scrollHeight>n.body.scrollHeight,e.parentNode.removeChild(e)}return t}())return document.documentElement;var o=document.body;return(o=o&&!/body/i.test(o.tagName)?function(e){for(var t,n=e;n=n.nextSibling;)if(1==n.nodeType&&(t=n,window.HTMLBodyElement?t instanceof HTMLBodyElement:/body/i.test(t.tagName)))return n;return null}(o):o)&&function(t){var o=e(t),a=e(document.documentElement);return"visible"!=o.overflow&&"visible"!=a.overflow&&n(o)&&n(a)}(o)?null:o};Object.defineProperty?Object.defineProperty(document,"scrollingElement",{get:o}):document.__defineGetter__?document.__defineGetter__("scrollingElement",o):(document.scrollingElement=o(),document.attachEvent&&document.attachEvent("onpropertychange",(function(){"activeElement"==window.event.propertyName&&(document.scrollingElement=o())})))}()},356:function(e,t,n){var o={"./OstButton/demo/README.md":[69,4],"./OstCheckbox/demo/README.md":[70,5],"./OstDemo/demo/README.md":[71,6],"./OstHeader/demo/README.md":[72,7],"./OstInput/demo/README.md":[73,8],"./OstList/demo/README.md":[74,9],"./OstLoading/demo/README.md":[75,10],"./OstMask/demo/README.md":[76,11],"./OstModal/demo/README.md":[77,12],"./OstNumKeyboard/demo/README.md":[78,13],"./OstPicker/demo/README.md":[79,14],"./OstSwitch/demo/README.md":[80,15],"./OstText/demo/README.md":[81,16],"./OstToast/demo/README.md":[82,17],"./OstWhiteBlank/demo/README.md":[83,18],"./OstWhiteSpace/demo/README.md":[84,19]};function a(e){if(!n.o(o,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=o[e],a=t[0];return n.e(t[1]).then((function(){return n.t(a,7)}))}a.keys=function(){return Object.keys(o)},a.id=356,e.exports=a},43:function(e,t,n){"use strict";n.r(t);var o=n(4),a=n.n(o),r=n(2),i=n.n(r),s=n(5),c=n.n(s),l=n(0),u=n.n(l),p=n(1),d=n.n(p),m=n(9),h=n.n(m),f=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.className,o=e.size,a=e.style,r=h()(t,t+"-"+o,n);return u.a.createElement("div",{className:r,style:a})},t}(u.a.Component);f.defaultProps={prefixCls:"ost-white-space",size:"md"};var v=f;f.propTypes={prefixCls:d.a.string,size:d.a.string};var y=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e=this.props,t=e.fixedCls,n=e.size,o=e.className,a=e.style,r=h()(t,t+"-"+n,o);return u.a.createElement("div",{className:r,style:a})},t}(u.a.Component);y.defaultProps={fixedCls:"ost-white-blank",size:"md"};var E=y;y.propTypes={fixedCls:d.a.string,size:d.a.string};var g=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e=this.props,t=e.title,n=e.leftOpt,o=e.style,a=e.titleStyle;return[u.a.createElement("div",{className:"ost-header",key:"0",style:o},u.a.createElement("div",{className:"ost-header-left",onClick:function(){n&&n.onClick?n.onClick():window.history.back()}},u.a.createElement("i",null)),u.a.createElement("div",{className:"ost-header-title",style:a},t),u.a.createElement("div",{className:"ost-header-right"})),u.a.createElement("div",{key:"1",className:"ost-header-height-polyfill"})]},t}(l.Component),b=g;g.propTypes={title:d.a.string,leftOpt:d.a.object};var k=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e,t=this.props,n=t.fixedCls,o=t.className,a=t.label,r=t.text,i=t.multiLine,s=t.type,c=t.size,l=h()(n,o,((e={})[n+"-"+s]=s,e[n+"-"+c]=c,e));return u.a.createElement("div",{className:l},a&&u.a.createElement("label",{className:"ost-text-label"},a),u.a.createElement("p",{className:h()({"ost-text-single-line":!i})},r))},t}(u.a.Component);k.defaultProps={fixedCls:"ost-text",size:"md",multiLine:!0};var C=k;k.propTypes={fixedCls:d.a.string,type:d.a.string,size:d.a.string,multiLine:d.a.bool.isRequired};var w=n(181),N=n.n(w),O=n(182),S=n.n(O),D=n(183),x=n.n(D),T=n(184),M=n.n(T),_=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e=this.props,t=e.text,n=e.style,o=e.onClick,a=e.arrowTo,r=e.placeholder,i=e.disabled;return u.a.createElement("div",{className:"ost-card-item",style:n,onClick:function(){return!i&&o()}},u.a.createElement("span",{className:h()("ost-card-item-text",{"ost-card-item-text-placeholder":!t,"ost-card-item-text-disabled":i})},t||r),u.a.createElement("span",{className:"ost-card-item-icon"},a&&u.a.createElement("img",{src:"right"===a?N.a:"top"===a?x.a:"bottom"===a?S.a:null})))},t}(l.Component),L=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.style,o=e.title,a=e.titleStyle;return u.a.createElement("div",{className:"ost-card",style:n},o&&u.a.createElement("span",{className:"ost-card-title",style:a},o),t)},t}(l.Component),B=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e=this.props,t=e.title,n=e.desc,o=e.children,a=e.style,r=e.tips;return u.a.createElement("div",{className:"ost-card-list",style:a},u.a.createElement("div",{className:"ost-card-list-title",style:{width:n?"100%":null}},u.a.createElement("div",{className:"ost-card-list-title-box"},u.a.createElement("span",{className:"ost-card-list-title-box-text"},t,r&&u.a.createElement("img",{src:M.a,onClick:function(){r&&r()},className:"ost-card-list-title-box-tips"})),n&&u.a.createElement("p",{className:"ost-card-list-title-desc"}," ",n," "))),u.a.createElement("div",{className:"ost-card-list-children",style:{width:n?"auto":null}},o))},t}(l.Component);B.item=_,B.card=L;var A=B;B.propTypes={style:d.a.object};var I=n(6),P=n.n(I),R=n(66),V=n(185),U=n.n(V),H=new R.a("ost-input-sixBitCode").splice,W=function(e){function t(n){a()(this,t);var o=i()(this,e.call(this,n));return o.refArr=[],o.SixBitCodeArr=[{value:""},{value:""},{value:""},{value:""},{value:""},{value:""}],o.diffOnChange=function(e){for(var t=o.props.onChange,n=e.slice(0,6),a="",r=0;r<o.SixBitCodeArr.length;r++)a+=o.SixBitCodeArr[r].value;a!==n&&t&&t(n)},o._eventListener=function(e){var t=o.props,n=t.value,a=t.onBlur;o.refArr.filter((function(t){return e.target===t})).length||(a&&a(n),o.setState({isFocus:!1}))},o.theOnBlur=function(){o.state.isFocus?document.addEventListener("click",o._eventListener,!1):document.removeEventListener("click",o._eventListener,!1)},o.getEmptyindex=function(){for(var e=o.SixBitCodeArr,t=0;t<e.length;t++)if(!e[t].value)return t},o.state={isFocus:!!n.autoFocus},n.autoFocus&&n.onFocus&&n.onFocus(),o}return c()(t,e),t.prototype.componentDidMount=function(){this.theOnBlur()},t.prototype.componentDidUpdate=function(){this.theOnBlur()},t.prototype.componentWillUpdate=function(e,t){this.diffOnChange(e.value)},t.prototype.componentWillUnmount=function(){document.removeEventListener("click",this._eventListener,!1)},t.prototype.render=function(){for(var e=this,t=this.SixBitCodeArr,n=this.state.isFocus,o=this.props,a=o.value,r=void 0===a?"":a,i=o.onFocus,s=o.style,c=o.itemStyle,l=r.split(""),p=0;p<t.length;p++)l[p]?t[p].value=l[p]:t[p].value="";return u.a.createElement("div",{style:s,className:H()},t.map((function(t,o){return u.a.createElement("div",{onClick:function(){e.setState({isFocus:!0}),!n&&i&&i(r)},ref:function(t){return e.refArr.push(t)},style:c,className:H("fakeInput",{"fakeInput-onFocus":o===e.getEmptyindex()&&n}),key:o},t.value)})))},t}(l.Component),F=new R.a("ost-input").splice,K=function(e){function t(n){a()(this,t);var o=i()(this,e.call(this,n));return o.state={closeBtn:!1},o}return c()(t,e),t.prototype.componentWillUnmount=function(){clearTimeout(this._setTimeout)},t.prototype.render=function(){var e=this,t=this.props,n=t.defaultValue,o=t.value,a=t.onChange,r=t.onDel,i=t.placeholder,s=t.disabled,c=t.type,l=t.maxLength,p=t.onBlur,d=t.onFocus,m=t.countdown,h=t.countstart,f=t.countend,v=t.countDisabled;return u.a.createElement("div",{className:F()},u.a.createElement("input",{className:F({disabled:s}),type:c||"text",disabled:s,maxLength:l,defaultValue:n,value:l&&o?o.slice(0,l):o,onBlur:function(){var t=e;t._setTimeout=setTimeout((function(){p&&p(),t.setState({closeBtn:!1})}),300)},onFocus:function(){d&&d(),e.setState({closeBtn:!0})},onChange:function(e){var t=void 0;t=l?P()({},e,{currentTarget:P()({},e.currentTarget,{value:e.currentTarget.value.slice(0,l)}),target:P()({},e.target,{value:e.target.value.slice(0,l)})}):e,a&&a(t)},placeholder:i}),o&&r&&this.state.closeBtn&&u.a.createElement("div",{className:F("delBtn")},u.a.createElement("img",{onClick:r,src:U.a})),m&&u.a.createElement($,{countDisabled:v,countstart:h,countend:f,countdown:m}))},t}(l.Component);K.sixBit=W;var j=K;K.propTypes={title:d.a.string,countdown:d.a.number};var z=new R.a("ost-input-countdown").splice;function $(e){var t=e.countdown,n=e.countstart,o=e.countend,a=e.countDisabled,r=Object(l.useState)(!0),i=r[0],s=r[1],c=Object(l.useState)(t),p=c[0],d=c[1],m=Object(l.useState)(!1),h=m[0],f=m[1],v=Object(l.useRef)(null),y=t,E=function(){y<=0?(y=t,d(t),clearInterval(v.current),o&&o(),s(!1),f(!1)):d(--y)};return Object(l.useEffect)((function(){return function(){clearInterval(v.current)}}),[]),u.a.createElement("div",{onClick:function(){if(!a&&p===t){n&&n((function(){y=0})),f(!0),v.current=setInterval(E,1e3)}},className:z()},u.a.createElement("span",{className:z("item",{disabled:a,hide:!i||h})},"获取验证码"),u.a.createElement("span",{className:z("item",{disabled:!0,hide:!h})},p,"s后重新发送"),u.a.createElement("span",{className:z("item",{disabled:a,hide:i||h})},"重发"))}var q=n(186),Y=n.n(q),X=n(187),J=n.n(X),G=u.a.createElement("img",{src:Y.a}),Q=u.a.createElement("img",{src:J.a}),Z=function(e){function t(n){a()(this,t);var o=i()(this,e.call(this,n));return o.state={checked:!!n.defaultChecked},o}return c()(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.onClick,o=t.style,a=t.disabled,r=t.checked;return u.a.createElement("div",{className:h()("ost-checkbox",{"ost-checkbox-disabled":a}),style:o,onClick:r?n:function(){a||(n&&n({checked:!e.state.checked}),e.setState({checked:!e.state.checked}))}},"boolean"==typeof r&&(r?G:Q),"boolean"!=typeof r&&(this.state.checked?G:Q))},t}(l.Component),ee=Z;Z.propTypes={onClick:d.a.func,style:d.a.object,defaultChecked:d.a.bool};var te=function(e){function t(n){a()(this,t);var o=i()(this,e.call(this,n));return o.isString=function(e){return"string"==typeof e},o.insertSpace=function(e){var t=/^[\u4e00-\u9fa5]{2}$/,n=t.test.bind(t);return o.isString(e.type)&&n(e.props.children)?u.a.cloneElement(e,{},e.props.children.split("").join(" ")):o.isString(e)?(n(e)&&(e=e.split("").join(" ")),u.a.createElement("span",null,e)):e},o}return c()(t,e),t.prototype.render=function(){var e,t=this.props,n=t.children,o=t.fixedCls,a=t.className,r=t.type,i=t.size,s=t.inline,c=(t.disabled,t.loading,t.iconType,h()(o,a,((e={})[o+"-"+r]=r,e[o+"-ghost"]="ghost"===r,e[o+"-warning"]="warning"===r,e[o+"-small"]="small"===i,e[o+"-inline"]=s,e))),l=u.a.Children.map(n,this.insertSpace);return u.a.createElement("a",{className:c},l)},t}(l.Component);te.defaultProps={fixedCls:"ost-button",inline:!1};var ne=te;te.propTypes={fixedCls:d.a.string,inline:d.a.bool.isRequired};var oe=function(e){function t(n){a()(this,t);var o=i()(this,e.call(this,n));return o.state={checked:!!n.defaultChecked},o}return c()(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.onClick,o=t.disabled,a=this.state.checked;return u.a.createElement("div",{onClick:function(){e.setState({checked:!a}),n&&n({checked:!a})},className:h()("ost-swtich",{"ost-swtich-checked":a,"ost-swtich-unchecked":!a,"ost-swtich-disabled":o})},u.a.createElement("span",{className:h()("ost-swtich-dot",{"ost-swtich-dot-checked":a,"ost-swtich-dot-unchecked":!a})}))},t}(l.Component),ae=oe;oe.propTypes={checked:d.a.bool};var re=n(15),ie=n.n(re),se=(n(351),null),ce=function(){return{lock:function(){se=document.scrollingElement.scrollTop,document.body.style.top=-se+"px",document.body.style.width="100%",document.body.style.position="fixed"},release:function(){document.body.style.position=null,document.body.style.top=null,document.scrollingElement.scrollTop=se}}},le=function(){return window.OSTMASK_BODY_SCROLL_LOCKED_POSITION_FIXED||(window.OSTMASK_BODY_SCROLL_LOCKED_POSITION_FIXED=[]),{afterOpen:function(){window.OSTMASK_BODY_SCROLL_LOCKED_POSITION_FIXED.length||ce().lock(),window.OSTMASK_BODY_SCROLL_LOCKED_POSITION_FIXED.push("0")},beforeClose:function(){window.OSTMASK_BODY_SCROLL_LOCKED_POSITION_FIXED.pop(),window.OSTMASK_BODY_SCROLL_LOCKED_POSITION_FIXED.length||ce().release()}}},ue=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.componentDidMount=function(){var e=this.props.popupInfo;this.popup=document.createElement("div"),this.rootDom=e.rootDom,this.rootDom.appendChild(this.popup),this.popup.style.position="absolute",this.popup.style.left=e.left+"px",this.popup.style.top=e.top+"px",this._renderLayer()},t.prototype.componentDidUpdate=function(){this._renderLayer()},t.prototype.componentWillUnmount=function(){this.rootDom.removeChild(this.popup)},t.prototype._renderLayer=function(){ie.a.render(this.props.children,this.popup)},t.prototype.render=function(){return null},t}(l.Component),pe=function(e){function t(){var n,o,r;a()(this,t);for(var s=arguments.length,c=Array(s),l=0;l<s;l++)c[l]=arguments[l];return n=o=i()(this,e.call.apply(e,[this].concat(c))),o.state={_preventBgScroll:new le},o.showUpdata=function(){var e=o.refs.defaultPopup,t=o.props,n=t.top,a=t.bottom,r=t.left,i=t.right,s=t.unlock;o.props.show?(o.container&&o.container.removeEventListener("animationend",o.removeContainer),!s&&o.state._preventBgScroll.afterOpen()):(o.container&&o.container.addEventListener("animationend",o.removeContainer),!s&&o.state._preventBgScroll.beforeClose()),setTimeout((function(){e&&(r||i||(e.style.left="calc(50% - ("+e.clientWidth/2+"px))"),n||a||(e.style.top="calc(50% - ("+e.clientHeight/2+"px))"),n&&(e.style.top=n),a&&(e.style.bottom=a),r&&(e.style.left=r),i&&(e.style.right=i))}),0)},o.removeContainer=function(){o.container&&o.container.parentNode.removeChild(o.container),o.componentActivated=!1,o.container=null},o.getContainer=function(){if(!o.container){var e=document.createElement("div"),t="ost-mask-container-"+(new Date).getTime();e.setAttribute("id",t),document.body.appendChild(e),o.container=e}return o.container},o.getComponent=function(){var e=o.props,t=e.show,n=e.onClick,a=e.maskColor,r=e.style,i=e.childrenStyle;return u.a.createElement("div",{className:"ost-mask"},u.a.createElement("div",{style:i,className:h()("ost-mask-children",{"ost-mask-am-fade-out":!t,"ost-mask-am-fade-in":t}),ref:"defaultPopup"},o.props.children),u.a.createElement("div",{className:h()("ost-mask-bg",{"ost-mask-am-fade-out":!t,"ost-mask-am-fade-in":t}),style:P()({background:a||"rgba(0, 0, 0, 0.4)"},r),onClick:function(e){return n&&n(e)}}))},o.renderByReact15=function(e,t){return u.a.createElement(ue,{popupInfo:{rootDom:t}},e)},r=n,i()(o,r)}return c()(t,e),t.prototype.componentDidMount=function(){this.showUpdata()},t.prototype.componentDidUpdate=function(e){e.show!==this.props.show&&this.showUpdata()},t.prototype.componentWillUnmount=function(){this.removeContainer()},t.prototype.render=function(){return this.props.show&&(this.componentActivated=!0),this.componentActivated?ie.a.createPortal?ie.a.createPortal(this.getComponent(),this.getContainer()):this.renderByReact15(this.getComponent(),this.getContainer()):null},t}(l.Component),de=pe;pe.propTypes={show:d.a.bool.isRequired,onClick:d.a.func,maskColor:d.a.string,top:d.a.string};var me=n(188),he=n.n(me),fe=[{key:1,en:""},{key:2,en:"A B C"},{key:3,en:"D E F"},{key:4,en:"G H I"},{key:5,en:"J K L"},{key:6,en:"M N O"},{key:7,en:"P Q R S"},{key:8,en:"T U V"},{key:9,en:"W X Y Z"}],ve=function(e){function t(){var n,o,r;a()(this,t);for(var s=arguments.length,c=Array(s),l=0;l<s;l++)c[l]=arguments[l];return n=o=i()(this,e.call.apply(e,[this].concat(c))),o.state={keyStyle:{},value:""},o.upDateKeyStyle=function(){if(o.box){var e=o;setTimeout((function(){e.setState({keyStyle:{width:.31*e.box.clientWidth+"px",height:.12*e.box.clientWidth+"px",marginLeft:.0175*e.box.clientWidth+"px",marginTop:.0175*e.box.clientWidth+"px"}})}),100)}},o.updateValue=function(e){var t=o.props,n=t.onChange,a=t.maxLength,r=o.state.value,i=Number(a),s=i?(r+e).slice(0,i):r+e;o.setState({value:s}),n&&n(s)},o.delValue=function(){var e=o.props.onChange,t=o.state.value,n=t.slice(0,t.length-1);o.setState({value:n}),e&&e(n)},o.resetValue=function(){var e=o.state.value,t=o.props,n=t.show,a=t.resetWhenClose;!n&&e&&a&&setTimeout((function(){return o.setState({value:""})}),300)},r=n,i()(o,r)}return c()(t,e),t.prototype.componentDidMount=function(){this.upDateKeyStyle(),this.resetValue()},t.prototype.componentDidUpdate=function(){var e=this.props,t=e.show,n=e.keyBoardRef;if(!this.state.keyStyle.width&&t&&this.upDateKeyStyle(),n&&n(this.box),this.resetValue(),t){document.body.style.paddingBottom=this.box.clientHeight+"px";var o=document.scrollingElement.scrollTop;document.scrollingElement.scrollTop=o+this.box.clientHeight}else{document.body.style.paddingBottom=null;var a=document.scrollingElement.scrollTop;document.scrollingElement.scrollTop=a-this.box.clientHeight}},t.prototype.render=function(){var e=this,t=this.props,n=t.children,o=(t.onChange,t.show),a=t.style,r=t.showMask,i=t.lock;return u.a.createElement(de,{show:o,key:"00",bottom:"0",right:"0",left:"0",unlock:!i,style:{display:r?null:"none"}},n,u.a.createElement("div",{ref:function(t){return e.box=t},className:"ost-numKeyboard",style:P()({},a)},fe.map((function(t,n){return u.a.createElement("div",{style:e.state.keyStyle,className:"ost-numKeyboard-item",onClick:function(n){n.nativeEvent.stopImmediatePropagation(),e.updateValue(t.key)},key:n},t.key)})),u.a.createElement("div",{style:this.state.keyStyle}),u.a.createElement("div",{className:"ost-numKeyboard-item",onClick:function(t){t.nativeEvent.stopImmediatePropagation(),e.updateValue(0)},style:this.state.keyStyle},"0"),u.a.createElement("div",{className:"ost-numKeyboard-del",onClick:function(t){t.nativeEvent.stopImmediatePropagation(),e.delValue()},style:this.state.keyStyle},u.a.createElement("img",{src:he.a}))))},t}(l.Component),ye=ve;ve.propTypes={style:d.a.object};var Ee=n(138),ge=n(189),be=n.n(ge),ke=n(190),Ce=n.n(ke),we=function(e){function t(){var n,o,r;a()(this,t);for(var s=arguments.length,c=Array(s),l=0;l<s;l++)c[l]=arguments[l];return n=o=i()(this,e.call.apply(e,[this].concat(c))),o.err=function(e){throw new Error(e)},o.state={pickerData:[],onActiveValue:null},o.filteredValue=[],o.filteredLabel=[],o.multiPickerDataCache=[],o.onChange=function(e){var t=o.props.onChange;o.makePickersUpdate(e),t&&"function"==typeof t&&t(e)},o.calcSelectedValues=function(e,t){if(!t){var n=e[0];o.filteredValue.push(n.value),o.filteredLabel.push(n.label);var a=o.getChildrenData(n);if(!a)return;o.calcSelectedValues(a)}if(t&&t instanceof Array){o.filteredValue=[],o.filteredLabel=[];var r=e;t.some((function(e,t,n){if(!r)return!0;var a=r.find((function(t){return t.value===e}));if(!a)return o.calcSelectedValues(r),!0;o.filteredValue.push(a.value),o.filteredLabel.push(a.label),r=o.getChildrenData(a),t+1===n.length&&r&&o.calcSelectedValues(r)}))}},o.createMultiPickerData=function(){o.multiPickerDataCache=[];var e=o.props.data;o.filteredValue.forEach((function(t){var n=e.find((function(e){return e.value===t}));o.multiPickerDataCache.push(o.pickerFactory(e)),e=o.getChildrenData(n)}))},o.pickerFactory=function(e){var t=e.map((function(e,t){return u.a.createElement(Ee.a.Item,{className:"my-picker-view-item",value:e.value,key:"picker-item-"+t+"-"+e.label},e.label)}));return u.a.createElement(Ee.a,{indicatorClassName:"my-picker-indicator"},t)},o.makePickersUpdate=function(e){var t=o.props,n=t.data,a=t.communicate;o.calcSelectedValues(n,e),o.createMultiPickerData();var r={pickerData:o.multiPickerDataCache,onActiveValue:o.filteredValue};o.setState(r),a({selectedValue:o.filteredValue,selectedLabel:o.filteredLabel})},r=n,i()(o,r)}return c()(t,e),t.prototype.getChildrenData=function(e){var t=e&&e.children;return t&&t.length?t:null},t.prototype.componentWillMount=function(){this.makePickersUpdate(this.props.value)},t.prototype.componentWillUnmount=function(){this.props.onHide&&this.props.onHide()},t.prototype.render=function(){return u.a.createElement("div",null,u.a.createElement(be.a,{selectedValue:this.state.onActiveValue,onValueChange:this.onChange,onScrollChange:this.props.onScrollChange},this.state.pickerData.map((function(e,t){return u.a.cloneElement(e,{key:"picker-"+t})}))))},t}(l.Component),Ne=function(e){function t(){var n,o,r;a()(this,t);for(var s=arguments.length,c=Array(s),l=0;l<s;l++)c[l]=arguments[l];return n=o=i()(this,e.call.apply(e,[this].concat(c))),o.communicate=function(e){var t=e.selectedValue,n=e.selectedLabel;o.selectedValue=t,o.selectedLabel=n},o.onOk=function(){var e=o.props.onOk;e&&"function"==typeof e&&e(o.selectedValue,o.selectedLabel)},r=n,i()(o,r)}return c()(t,e),t.prototype.render=function(){var e=u.a.createElement(we,P()({communicate:this.communicate},this.props)),t=this.props,n=t.children,o=t.title,a=t.onCancel,r=t.cancelText,i=t.okText;return u.a.createElement(Ce.a,{transitionName:"rmc-picker-popup-slide-fade",maskTransitionName:"rmc-picker-popup-fade",content:e,title:o,onDismiss:a,onOk:this.onOk,dismissText:r,okText:i},n)},t}(l.Component),Oe=n(193),Se=n.n(Oe),De=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e=this.props.isLoading;return u.a.createElement(de,{show:e},u.a.createElement("div",{className:"ost-loading"},u.a.createElement("img",{src:Se.a,className:"ost-loading-svg"})))},t}(l.Component),xe=De;De.propTypes={isLoading:d.a.bool.isRequired};var Te=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.componentDidMount=function(){var e=this.refs,t=e.priBtn,n=e.secBtn;if(t&&n){var o=Math.max(t.clientWidth,n.clientWidth);t.style.width=n.style.width=o+"px"}},t.prototype.render=function(){var e=this.props,t=e.text,n=e.button,o=e.show;return u.a.createElement(de,{show:o},u.a.createElement("div",{className:"ost-modal-basic"},u.a.createElement("div",{className:"ost-modal-basic-box"},u.a.createElement("p",{className:"ost-modal-basic-primary"},t.primary||""),u.a.createElement("p",{className:"ost-modal-basic-secondary"},t.secondary||""),n&&n[0]&&u.a.createElement("div",{className:"ost-modal-basic-priBtn"},u.a.createElement("button",{ref:"priBtn",onClick:n[0].onPress},n[0].text)),n&&n[1]&&u.a.createElement("div",{className:"ost-modal-basic-secBtn"},u.a.createElement("button",{ref:"secBtn",onClick:n[1].onPress},n[1].text)))))},t}(l.Component),Me=function(e){function t(){return a()(this,t),i()(this,e.apply(this,arguments))}return c()(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.style;return u.a.createElement("div",{className:"ost-card",style:n},t)},t}(l.Component);Me.basic=Te;var _e=Me;Me.propTypes={style:d.a.object};var Le=function(e){function t(n){a()(this,t);var o=i()(this,e.call(this,n));return o.state={show:!0},o}return c()(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props,n=t.time,o=t.container;this._setTimeout=setTimeout((function(){return e.setState({show:!1},(function(){clearTimeout(e._setTimeout),o.parentNode.removeChild(o)}))}),n)},t.prototype.componentWillUnmount=function(){clearTimeout(this._setTimeout)},t.prototype.render=function(){var e=this.props.text,t=this.state.show;return u.a.createElement(de,{maskColor:"rgba(0, 0, 0, 0)",childrenStyle:{padding:"0 10%"},show:t},u.a.createElement("span",{className:"ost-toast"},e))},t}(l.Component);Le.propTypes={text:d.a.string.isRequired,time:d.a.number,container:d.a.object};var Be={show:function(e,t){t=1e3*t||2e3;var n=function(){var e=document.createElement("div"),t="ost-toast-container-"+(new Date).getTime();return e.setAttribute("id",t),document.body.appendChild(e),e}();ie.a.render(u.a.createElement(Le,{text:e,time:t,container:n}),n)}},Ae=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return new Promise((function(e,n){t?setTimeout((function(){n({status:500,message:"bad"})}),1e3):setTimeout((function(){e({status:200,message:"Jane"})}),500)}))},Ie=function(e){function t(){var n,o,r;a()(this,t);for(var s=arguments.length,c=Array(s),l=0;l<s;l++)c[l]=arguments[l];return n=o=i()(this,e.call.apply(e,[this].concat(c))),o.state={open:!1,book:"",isLoading:!1},o.openHandler=function(){var e=o.state.open;o.setState({open:!e})},o.requestHandler=function(e,t){return Ae(e,t)},r=n,i()(o,r)}return c()(t,e),t.prototype.componentDidMount=function(){var e=this;document.querySelector(".ost-demo-proto-click").addEventListener("click",function(){this.openHandler()}.bind(this),!1),this.setState({isLoading:!0}),this.requestHandler({},!1).then((function(t){200===t.status&&e.setState({book:t.message}),e.setState({isLoading:!1})})).catch((function(t){e.setState({book:t.message}),e.setState({isLoading:!1})}))},t.prototype.render=function(){var e=this.state,t=e.open,n=e.book,o=e.isLoading?"progressing":n?u.a.createElement("span",null,n):"";return u.a.createElement("div",{className:"ost-demo"},t?u.a.createElement("div",{className:"ost-demo-view "+(t?"on":"off")},"Build encapsulated components that manage their own state, then compose them to make complex UIs.",u.a.createElement("br",null),"Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM."):null,u.a.createElement("div",{className:"ost-demo-book"},"My book is ",o," from asyn operation"),u.a.createElement("button",{className:"ost-demo-proto-click"},"Hit Me"),u.a.createElement("button",{className:"ost-demo-comp-click",onClick:this.openHandler},"Hit Me"))},t}(u.a.Component);n.d(t,"MENU_ITEM_Layout",(function(){return Pe})),n.d(t,"MENU_ITEM_Navigation",(function(){return Re})),n.d(t,"MENU_ITEM_DataDisplay",(function(){return Ve})),n.d(t,"MENU_ITEM_DataEntry",(function(){return Ue})),n.d(t,"MENU_ITEM_Feedback",(function(){return He})),n.d(t,"MENU_ITEM_Other",(function(){return We})),n.d(t,"OstWhiteSpace",(function(){return v})),n.d(t,"OstWhiteBlank",(function(){return E})),n.d(t,"OstHeader",(function(){return b})),n.d(t,"OstText",(function(){return C})),n.d(t,"OstList",(function(){return A})),n.d(t,"OstInput",(function(){return j})),n.d(t,"OstCheckbox",(function(){return ee})),n.d(t,"OstButton",(function(){return ne})),n.d(t,"OstSwitch",(function(){return ae})),n.d(t,"OstNumKeyboard",(function(){return ye})),n.d(t,"OstPicker",(function(){return Ne})),n.d(t,"OstLoading",(function(){return xe})),n.d(t,"OstModal",(function(){return _e})),n.d(t,"OstToast",(function(){return Be})),n.d(t,"OstMask",(function(){return de})),n.d(t,"OstDemo",(function(){return Ie}));var Pe={title:"布局",before:"OstWhiteSpace"},Re={title:"导航",before:"OstHeader"},Ve={title:"数据展示",before:"OstText"},Ue={title:"表单",before:"OstInput"},He={title:"反馈类",before:"OstLoading"},We={title:"样例",before:"OstMask"}},543:function(e,t,n){"use strict";n.r(t);n(196),n(198),n(199),n(204),n(205),n(206),n(207),n(208),n(209),n(210),n(211),n(212),n(214),n(215),n(216),n(217),n(218),n(220),n(221),n(222),n(223),n(224),n(225),n(226),n(227),n(228),n(229),n(230),n(231),n(235),n(238),n(239),n(240),n(241),n(242),n(243),n(244),n(245),n(246),n(247),n(248),n(249),n(250),n(251),n(252),n(253),n(254),n(255),n(256),n(257),n(258),n(259),n(260),n(262),n(263),n(264),n(265),n(266),n(267),n(268),n(269),n(270),n(115),n(271),n(272),n(273),n(274),n(275),n(276),n(277),n(278),n(279),n(280),n(281),n(282),n(283),n(284),n(285),n(287),n(288),n(289),n(290),n(291),n(292),n(293),n(294),n(295),n(296),n(297),n(298),n(299),n(300),n(301),n(302),n(303),n(304),n(305);var o=n(0),a=n.n(o),r=n(15),i=n.n(r),s=n(4),c=n.n(s),l=n(2),u=n.n(l),p=n(5),d=n.n(p),m=n(6),h=n.n(m),f=n(549),v=n(551),y=n(548),E=function(e){function t(){return c()(this,t),u()(this,e.apply(this,arguments))}return d()(t,e),t.prototype.componentDidUpdate=function(e){this.props.location!==e.location&&window.scrollTo(0,0)},t.prototype.render=function(){return this.props.children},t}(a.a.Component),g=Object(y.a)(E),b=n(550),k=function(e){function t(){return c()(this,t),u()(this,e.apply(this,arguments))}return d()(t,e),t.prototype.render=function(){return a.a.createElement("div",{className:"Home"},a.a.createElement("h2",null,"desktop"),a.a.createElement(b.a,{to:"/Documentation-$about-ost"}))},t}(a.a.Component),C=n(9),w=n.n(C),N=(n(566),n(180)),O=function(e){function t(){return c()(this,t),u()(this,e.apply(this,arguments))}return d()(t,e),t.prototype.render=function(){var e=this.props.history;return a.a.createElement("div",{className:"ost-leftNav"},a.a.createElement("ul",null,N.default.map((function(t,n){return[t.title&&a.a.createElement(S,{key:"t-"+n,title:t.title}),!t.title&&a.a.createElement("li",{className:w()({"ost-leftNav-active":window.location.hash==="#/Documentation-"+t.hash}),key:"c-"+n,onClick:function(){window.location.hash!=="#/Documentation-"+t.hash&&e.push("/Documentation-"+t.hash)}},t.value)]}))))},t}(a.a.Component),S=function(e){function t(){return c()(this,t),u()(this,e.apply(this,arguments))}return d()(t,e),t.prototype.render=function(){return a.a.createElement("span",{className:"ost-leftNav-title"},a.a.createElement("h3",null,this.props.title))},t}(a.a.Component),D=n(194),x=n.n(D),T=(n(571),n(105)),M=n.n(T),_=(n(573),function(e){function t(n){c()(this,t);var o=u()(this,e.call(this,n)),a=n.mdstr;if(a&&"string"!=typeof a){var r=new Error;throw r.message="Markdown mdstr must be md string!",r}return o}return d()(t,e),t.prototype.getRawMarkup=function(){return M.a.setOptions({renderer:new M.a.Renderer,highlight:function(e){return x.a.highlightAuto(e).value},pedantic:!1,gfm:!0,tables:!0,breaks:!1,sanitize:!1,smartLists:!0,smartypants:!1,xhtml:!1}),{__html:M()(this.props.mdstr||"")}},t.prototype.render=function(){return a.a.createElement("div",{className:"ost-md",dangerouslySetInnerHTML:this.getRawMarkup()})},t}(o.Component)),L=(n(575),{}),B=function(e){function t(o){c()(this,t);var a=u()(this,e.call(this,o));return a.state={mdstr:""},a.importMd=function(){Promise.resolve().then(n.bind(null,180)).then((function(e){e.default.forEach((function(e){e.doc&&e.doc.then((function(t){L["mdstr"+e.hash]=t,a.checkHashChange()}))}))}))},a.checkHashChange=function(){var e=window.location.hash;a.setState({mdstr:L["mdstr"+e.replace(/#\/Documentation-/g,"")]})},a.importMd(),a}return d()(t,e),t.prototype.render=function(){return a.a.createElement("div",{className:"ost-content"},a.a.createElement("div",{className:"ost-content-inside"},a.a.createElement(_,{mdstr:this.state.mdstr&&this.state.mdstr.replace(/:::\s?\$demo\s*|:::\$\s*/g,"")})))},t}(a.a.Component),A=(n(577),function(){return window.location.protocol+"//"+window.location.hostname+(window.location.port?":":"")+(window.location.port+window.location.pathname.replace("index.html",""))+"mobile/index.html"+window.location.search+"#/"}),I=function(e){function t(n){c()(this,t);var o=u()(this,e.call(this,n));return o.state={address:A()},o}return d()(t,e),t.prototype.componentWillMount=function(){var e=window.location.hash.replace(/#\/Documentation-/g,"");/^\$.*$/g.test(e)||this.setState({address:""+A()+e})},t.prototype.render=function(){var e=this;return a.a.createElement("div",{className:"ost-demo"},a.a.createElement("section",{className:"ost-demo-phone"},a.a.createElement("i",null),a.a.createElement(P,{leftBtn:function(){e.setState({address:A()}),e.refs.iframe&&e.refs.iframe.contentWindow.location.replace(A())}}),a.a.createElement("div",{className:"ost-demo-phone-iframe"},a.a.createElement("iframe",{ref:"iframe",src:this.state.address,framespacing:"0",marginWidth:"0",marginHeight:"0",frameBorder:"0"}))))},t}(a.a.Component),P=function(e){function t(){return c()(this,t),u()(this,e.apply(this,arguments))}return d()(t,e),t.prototype.render=function(){return a.a.createElement("header",{className:"ost-demo-header"},a.a.createElement("button",{onClick:this.props.leftBtn},a.a.createElement("font",null)),a.a.createElement("span",null," ost-ui 移动组件库 "))},t}(a.a.Component),R=(n(582),function(e){function t(){return c()(this,t),u()(this,e.apply(this,arguments))}return d()(t,e),t.prototype.render=function(){var e=this.props.history;return a.a.createElement("div",{className:"ost-documentation"},a.a.createElement("div",{className:"ost-documentation-left-main"},a.a.createElement(O,{history:e})),a.a.createElement("div",{className:"ost-documentation-right-main"},a.a.createElement(B,null),a.a.createElement(I,null)))},t}(a.a.Component)),V=n(43),U=[{path:"/",name:"Home",component:k},{path:"/Documentation-$about-ost",name:"Documentation",component:R},{path:"/Documentation-$install",name:"Documentation",component:R}];for(var H in V){var W={path:"/Documentation-"+H,name:"Documentation_"+H,component:R};U.push(W)}var F=U,K=function(e){return a.a.createElement(f.a,{path:e.path,exact:"/"===e.path,render:function(t){return a.a.createElement(e.component,h()({},t,{routes:e.routes}))}})},j=function(){return a.a.createElement(v.a,null,a.a.createElement(g,null,F.map((function(e,t){return a.a.createElement(K,h()({key:t},e))}))))},z=(n(584),n(586),function(e){function t(n){c()(this,t);var o=u()(this,e.call(this,n));return document.title="ost-ui 移动组件库",o}return d()(t,e),t.prototype.render=function(){return a.a.createElement(j,null)},t}(a.a.Component));i.a.render(a.a.createElement(z,null),document.getElementById("app"))},566:function(e,t){},573:function(e,t){},575:function(e,t){},577:function(e,t){},582:function(e,t){},584:function(e,t){},586:function(e,t){}},[[543,2,3,0]]]);