UNPKG

crn-cli

Version:

The Ctrip React Native CLI Tools

1 lines 4.1 kB
__d(function(g,r,i,a,m,e,d){'use strict';var t=r(d[0]),l=r(d[1]),n=r(d[2]),o=r(d[3]),u=r(d[4]),c=r(d[5]),s=r(d[6]),h=r(d[7]),v=s.Picker,k=s.Text,p=v.Item,y=(function(s){function h(){var l,u;t(this,h);for(var c=arguments.length,s=new Array(c),v=0;v<c;v++)s[v]=arguments[v];return(u=n(this,(l=o(h)).call.apply(l,[this].concat(s)))).state={value:'key1'},u}return u(h,s),l(h,[{key:"render",value:function(){var t=this;return c.createElement(v,{testID:"basic-picker",style:C.picker,selectedValue:this.state.value,onValueChange:function(l){return t.setState({value:l})}},c.createElement(p,{label:"hello",value:"key0"}),c.createElement(p,{label:"world",value:"key1"}))}}]),h})(c.Component),f=(function(s){function h(){var l,u;t(this,h);for(var c=arguments.length,s=new Array(c),v=0;v<c;v++)s[v]=arguments[v];return(u=n(this,(l=o(h)).call.apply(l,[this].concat(s)))).state={value:'key1'},u}return u(h,s),l(h,[{key:"render",value:function(){return c.createElement(v,{style:C.picker,enabled:!1,selectedValue:this.state.value},c.createElement(p,{label:"hello",value:"key0"}),c.createElement(p,{label:"world",value:"key1"}))}}]),h})(c.Component),E=(function(s){function h(){var l,u;t(this,h);for(var c=arguments.length,s=new Array(c),v=0;v<c;v++)s[v]=arguments[v];return(u=n(this,(l=o(h)).call.apply(l,[this].concat(s)))).state={value:'key1'},u}return u(h,s),l(h,[{key:"render",value:function(){var t=this;return c.createElement(v,{style:C.picker,selectedValue:this.state.value,onValueChange:function(l){return t.setState({value:l})},mode:"dropdown"},c.createElement(p,{label:"hello",value:"key0"}),c.createElement(p,{label:"world",value:"key1"}))}}]),h})(c.Component),b=(function(s){function h(){var l,u;t(this,h);for(var c=arguments.length,s=new Array(c),v=0;v<c;v++)s[v]=arguments[v];return(u=n(this,(l=o(h)).call.apply(l,[this].concat(s)))).state={value:'key1'},u}return u(h,s),l(h,[{key:"render",value:function(){var t=this;return c.createElement(v,{style:C.picker,selectedValue:this.state.value,onValueChange:function(l){return t.setState({value:l})},prompt:"Pick one, just one"},c.createElement(p,{label:"hello",value:"key0"}),c.createElement(p,{label:"world",value:"key1"}))}}]),h})(c.Component),w=(function(s){function h(){var l,u;t(this,h);for(var c=arguments.length,s=new Array(c),v=0;v<c;v++)s[v]=arguments[v];return(u=n(this,(l=o(h)).call.apply(l,[this].concat(s)))).state={color:'red'},u}return u(h,s),l(h,[{key:"render",value:function(){var t=this;return c.createElement(c.Fragment,null,c.createElement(v,{style:[C.picker,{color:'white',backgroundColor:'#333'}],selectedValue:this.state.color,onValueChange:function(l){return t.setState({color:l})},mode:"dropdown"},c.createElement(p,{label:"red",color:"red",value:"red"}),c.createElement(p,{label:"green",color:"green",value:"green"}),c.createElement(p,{label:"blue",color:"blue",value:"blue"})),c.createElement(v,{style:C.picker,selectedValue:this.state.color,onValueChange:function(l){return t.setState({color:l})},mode:"dialog"},c.createElement(p,{label:"red",color:"red",value:"red"}),c.createElement(p,{label:"green",color:"green",value:"green"}),c.createElement(p,{label:"blue",color:"blue",value:"blue"})))}}]),h})(c.Component),C=h.create({picker:{width:100}});e.title='<Picker>',e.description='Provides multiple options to choose from, using either a dropdown menu or a dialog.',e.examples=[{title:'Basic Picker',render:function(){return c.createElement(y,null)}},{title:'Disabled Picker',render:function(){return c.createElement(f,null)}},{title:'Dropdown Picker',render:function(){return c.createElement(E,null)}},{title:'Picker with prompt message',render:function(){return c.createElement(b,null)}},{title:'Picker with no listener',render:function(){return c.createElement(c.Fragment,null,c.createElement(v,{style:C.picker},c.createElement(p,{label:"hello",value:"key0"}),c.createElement(p,{label:"world",value:"key1"})),c.createElement(k,null,"Cannot change the value of this picker because it doesn't update selectedValue."))}},{title:'Colorful pickers',render:function(){return c.createElement(w,null)}}]},666721,[3,4,5,8,9,11,15,55]);