UNPKG

react-component-lib

Version:
1 lines 4.69 kB
webpackJsonp([6],{48:function(e,a,l){var t=React.createClass({displayName:"Example",selectCallback:function(){alert(111)},render:function(){return React.createElement("div",{className:"example-input"},React.createElement("h2",{className:"title"},"下拉选框",React.createElement("span",null,"Select")),React.createElement("h3",{className:"sub-title"},"演示"),React.createElement("div",{className:"example"},React.createElement("h4",{className:"final-title"},"默认"),React.createElement("div",null,React.createElement(RUI.Select,{data:[{key:"查看",value:"1"},{key:"编辑",value:"2"},{key:"删除",value:"3"}],value:{key:"查看",value:"1"},stuff:!0,event:"click",className:"rui-theme-1"})),React.createElement("h4",{className:"final-title"},"另外一种样式"),React.createElement("div",null,React.createElement(RUI.Select,{ref:"selectBody",data:[{key:"查看",value:"1"},{key:"你好",value:"2"}],value:{key:"查看",value:"1"},className:"rui-theme-3",stuff:!0,callback:this.selectCallback})),React.createElement("h4",{className:"final-title"},"带搜索框"),React.createElement("div",null,React.createElement(RUI.Select,{data:[{key:"查看",value:"1"},{key:"a",value:"1"},{key:"aa",value:"1"},{key:"b",value:"1"},{key:"bba",value:"1"}],value:{key:"查看",value:"1"},filter:!0,className:"rui-theme-3",stuff:!0,filterCallback:this.filterHandle})),React.createElement("h4",{className:"final-title"},"选项只有一个"),React.createElement("div",null,React.createElement(RUI.Select,{data:[{key:"查看",value:"1"}],value:{key:"查看",value:"1"},stuff:!0,event:"mouseenter",offset:"0",callback:this.selectCallback,className:"rui-theme-2"}))),React.createElement("h3",{className:"sub-title"},"源码"),React.createElement("div",{className:"source"},React.createElement("textarea",{defaultValue:l(98)})))}});e.exports=t},98:function(e,a){e.exports="var Example = React.createClass({\r\n selectCallback : function() {\r\n alert(111);\r\n },\r\n render:function() {\r\n return <div className=\"example-input\">\r\n <h2 className=\"title\">下拉选框<span>Select</span></h2>\r\n <h3 className=\"sub-title\">演示</h3>\r\n <div className=\"example\">\r\n <h4 className=\"final-title\">默认</h4>\r\n <div>\r\n <RUI.Select\r\n data={[{key:'查看',value:'1'}, {key:'编辑',value:'2'}, {key:'删除',value:'3'}]}\r\n value={{key:'查看',value:'1'}}\r\n stuff={true}\r\n event={'click'}\r\n className=\"rui-theme-1\">\r\n </RUI.Select>\r\n </div>\r\n <h4 className=\"final-title\">另外一种样式</h4>\r\n <div>\r\n <RUI.Select\r\n ref=\"selectBody\"\r\n data={[{key:'查看',value:'1'},{key:'你好',value:'2'}]}\r\n value={{key:'查看',value:'1'}}\r\n className=\"rui-theme-3\"\r\n stuff={true}\r\n callback={this.selectCallback}>\r\n </RUI.Select>\r\n </div>\r\n <h4 className=\"final-title\">带搜索框</h4>\r\n <div>\r\n <RUI.Select\r\n data={[{key:'查看',value:'1'}, {key:'a',value:'1'}, {key:'aa',value:'1'}, {key:'b',value:'1'}, {key:'bba',value:'1'}]}\r\n value={{key:'查看',value:'1'}}\r\n filter={true}\r\n className=\"rui-theme-3\"\r\n stuff={true}\r\n filterCallback={this.filterHandle}>\r\n </RUI.Select>\r\n </div>\r\n\r\n <h4 className=\"final-title\">选项只有一个</h4>\r\n <div>\r\n <RUI.Select\r\n data={[{key:'查看',value:'1'}]}\r\n value={{key:'查看',value:'1'}}\r\n stuff={true}\r\n event={'mouseenter'}\r\n offset={'0'}\r\n callback={this.selectCallback}\r\n className=\"rui-theme-2\">\r\n </RUI.Select>\r\n </div>\r\n </div>\r\n <h3 className=\"sub-title\">源码</h3>\r\n <div className=\"source\">\r\n <textarea defaultValue={require('raw!./select.js')} />\r\n </div>\r\n </div>;\r\n }\r\n});\r\n\r\nmodule.exports = Example;"}});