crn-cli/commands/init/template/ios/CRNDemo/webapp/rn_CRNTester/js-modules/666738.js

The Ctrip React Native CLI Tools

__d(function(g,r,i,a,m,e,d){'use strict';var t=r(d[0]),n=r(d[1]),l=r(d[2]),s=r(d[3]),c=r(d[4]),o=r(d[5]),u=r(d[6]),h=u.Switch,f=u.Text,S=u.View;function w(t){var n=t.on,l=t.testID;return o.createElement(f,{testID:l},n?'On':'Off')}function v(t){var n=t.children;return o.createElement(S,{style:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginBottom:10}},n)}var I=(function(u){function f(){var n,c;t(this,f);for(var o=arguments.length,u=new Array(o),h=0;h<o;h++)u[h]=arguments[h];return(c=l(this,(n=s(f)).call.apply(n,[this].concat(u)))).state={trueSwitchIsOn:!0,falseSwitchIsOn:!1},c}return c(f,u),n(f,[{key:"render",value:function(){var t=this;return o.createElement(S,null,o.createElement(v,null,o.createElement(h,{testID:"on-off-initial-off",onValueChange:function(n){return t.setState({falseSwitchIsOn:n})},value:this.state.falseSwitchIsOn}),o.createElement(w,{on:this.state.falseSwitchIsOn,testID:"on-off-initial-off-indicator"})),o.createElement(v,null,o.createElement(h,{testID:"on-off-initial-on",onValueChange:function(n){return t.setState({trueSwitchIsOn:n})},value:this.state.trueSwitchIsOn}),o.createElement(w,{on:this.state.trueSwitchIsOn,testID:"on-off-initial-on-indicator"})))}}]),f})(o.Component),O=(function(u){function f(){var n,c;t(this,f);for(var o=arguments.length,u=new Array(o),h=0;h<o;h++)u[h]=arguments[h];return(c=l(this,(n=s(f)).call.apply(n,[this].concat(u)))).state={trueSwitchIsOn:!0,falseSwitchIsOn:!1},c}return c(f,u),n(f,[{key:"render",value:function(){var t=this;return o.createElement(S,null,o.createElement(v,null,o.createElement(h,{testID:"disabled-initial-off",disabled:!0,onValueChange:function(n){return t.setState({falseSwitchIsOn:n})},value:this.state.falseSwitchIsOn}),o.createElement(w,{on:this.state.falseSwitchIsOn,testID:"disabled-initial-off-indicator"})),o.createElement(v,null,o.createElement(h,{testID:"disabled-initial-on",disabled:!0,onValueChange:function(n){return t.setState({trueSwitchIsOn:n})},value:this.state.trueSwitchIsOn}),o.createElement(w,{on:this.state.trueSwitchIsOn,testID:"disabled-initial-on-indicator"})))}}]),f})(o.Component),E=(function(u){function f(){var n,c;t(this,f);for(var o=arguments.length,u=new Array(o),h=0;h<o;h++)u[h]=arguments[h];return(c=l(this,(n=s(f)).call.apply(n,[this].concat(u)))).state={colorTrueSwitchIsOn:!0,colorFalseSwitchIsOn:!1},c}return c(f,u),n(f,[{key:"render",value:function(){var t=this;return o.createElement(S,null,o.createElement(h,{onValueChange:function(n){return t.setState({colorFalseSwitchIsOn:n})},style:{marginBottom:10},thumbColor:"#0000ff",trackColor:{false:'#ff0000',true:'#00ff00'},value:this.state.colorFalseSwitchIsOn}),o.createElement(h,{onValueChange:function(n){return t.setState({colorTrueSwitchIsOn:n})},thumbColor:"#0000ff",trackColor:{false:'#ff0000',true:'#00ff00'},value:this.state.colorTrueSwitchIsOn}))}}]),f})(o.Component),y=(function(u){function w(){var n,c;t(this,w);for(var o=arguments.length,u=new Array(o),h=0;h<o;h++)u[h]=arguments[h];return(c=l(this,(n=s(w)).call.apply(n,[this].concat(u)))).state={eventSwitchIsOn:!1,eventSwitchRegressionIsOn:!0},c}return c(w,u),n(w,[{key:"render",value:function(){var t=this;return o.createElement(S,{style:{flexDirection:'row',justifyContent:'space-around'}},o.createElement(S,null,o.createElement(h,{onValueChange:function(n){return t.setState({eventSwitchIsOn:n})},style:{marginBottom:10},value:this.state.eventSwitchIsOn}),o.createElement(h,{onValueChange:function(n){return t.setState({eventSwitchIsOn:n})},style:{marginBottom:10},value:this.state.eventSwitchIsOn}),o.createElement(f,null,this.state.eventSwitchIsOn?'On':'Off')),o.createElement(S,null,o.createElement(h,{onValueChange:function(n){return t.setState({eventSwitchRegressionIsOn:n})},style:{marginBottom:10},value:this.state.eventSwitchRegressionIsOn}),o.createElement(h,{onValueChange:function(n){return t.setState({eventSwitchRegressionIsOn:n})},style:{marginBottom:10},value:this.state.eventSwitchRegressionIsOn}),o.createElement(f,null,this.state.eventSwitchRegressionIsOn?'On':'Off')))}}]),w})(o.Component);e.title='<Switch>',e.displayName='SwitchExample',e.description='Native boolean input',e.examples=[{title:'Switches can be set to true or false',render:function(){return o.createElement(I,null)}},{title:'Switches can be disabled',render:function(){return o.createElement(O,null)}},{title:'Change events can be detected',render:function(){return o.createElement(y,null)}},{title:'Switches are controlled components',render:function(){return o.createElement(h,null)}},{title:'Custom colors can be provided',render:function(){return o.createElement(E,null)}}]},666738,[3,4,5,8,9,11,15]);