crn-cli
Version:
The Ctrip React Native CLI Tools
1 lines • 2.64 kB
JavaScript
__d(function(g,r,i,a,m,e,d){'use strict';var t=r(d[0]),n=r(d[1]),l=r(d[2]),u=r(d[3]),o=r(d[4]),c=r(d[5]),s=r(d[6]),p=r(d[7]),f=p.Slider,C=p.Text,h=p.StyleSheet,v=p.View,E=(function(p){function h(){var t,l;n(this,h);for(var c=arguments.length,s=new Array(c),p=0;p<c;p++)s[p]=arguments[p];return(l=u(this,(t=o(h)).call.apply(t,[this].concat(s)))).state={value:l.props.value},l}return c(h,p),l(h,[{key:"render",value:function(){var n=this;return s.createElement(v,null,s.createElement(C,{style:S.text},this.state.value&&+this.state.value.toFixed(3)),s.createElement(f,t({},this.props,{onValueChange:function(t){return n.setState({value:t})}})))}}]),h})(s.Component);E.defaultProps={value:0};var x=(function(p){function f(){var t,l;n(this,f);for(var c=arguments.length,s=new Array(c),p=0;p<c;p++)s[p]=arguments[p];return(l=u(this,(t=o(f)).call.apply(t,[this].concat(s)))).state={slideCompletionValue:0,slideCompletionCount:0},l}return c(f,p),l(f,[{key:"render",value:function(){var n=this;return s.createElement(v,null,s.createElement(E,t({},this.props,{onSlidingComplete:function(t){return n.setState({slideCompletionValue:t,slideCompletionCount:n.state.slideCompletionCount+1})}})),s.createElement(C,null,"Completions: ",this.state.slideCompletionCount," Value:",' ',this.state.slideCompletionValue))}}]),f})(s.Component),S=h.create({text:{fontSize:14,textAlign:'center',fontWeight:'500',margin:10}});e.title='<Slider>',e.displayName='SliderExample',e.description='Slider input for numeric values',e.examples=[{title:'Default settings',render:function(){return s.createElement(E,null)}},{title:'Initial value: 0.5',render:function(){return s.createElement(E,{value:.5})}},{title:'minimumValue: -1, maximumValue: 2',render:function(){return s.createElement(E,{minimumValue:-1,maximumValue:2})}},{title:'step: 0.25',render:function(){return s.createElement(E,{step:.25})}},{title:'onSlidingComplete',render:function(){return s.createElement(x,null)}},{title:'Custom min/max track tint color',render:function(){return s.createElement(E,{minimumTrackTintColor:'blue',maximumTrackTintColor:'red',value:.5})}},{title:'Custom thumb tint color',render:function(){return s.createElement(E,{thumbTintColor:'blue'})}},{title:'Custom thumb image',platform:'ios',render:function(){return s.createElement(E,{thumbImage:r(d[8])})}},{title:'Custom track image',platform:'ios',render:function(){return s.createElement(E,{trackImage:r(d[9])})}},{title:'Custom min/max track image',platform:'ios',render:function(){return s.createElement(E,{minimumTrackImage:r(d[10]),maximumTrackImage:r(d[11])})}}]},666730,[14,3,4,5,8,9,11,15,666731,666732,666733,666734]);