react-component-lib/example/dist/chunk/1.785584f3.js

a full base ui library to reactjs

webpackJsonp([1],{79:function(e,t,a){"use strict";a(218);var c=React.createClass({displayName:"CheckboxItemRender",getInitialState:function(){return{selected:this.props.selected||0}},componentWillReceiveProps:function(e){"undefined"!=typeof e.selected&&this.setState({selected:e.selected}),"undefined"!=typeof e.data&&this.setState(e.data)},changeHandler:function(){this.props.onClick&&this.props.onClick(this.state)},render:function(){return React.createElement(RUI.Checkbox,{selected:this.state.selected,onChange:this.changeHandler})}}),l=React.createClass({displayName:"OperationItemRender",clickHandler:function(){this.props.onClick&&this.props.onClick(this.props.data)},render:function(){return React.createElement(RUI.Link,{onClick:this.clickHandler},this.props.children)}});e.exports=React.createClass({displayName:"exports",alert:function(){RUI.DialogManager.alert("一些附加信息在这里进行显示","标题示意")},confirm:function(){RUI.DialogManager.confirm("一些附加的需要确认的信息在这里展示","标题示意")},getInitialState:function(){return{data:[{id:1,name:"分享客固定榆钱-外星人(Alienware) ALW17E",cate:"笔记本",price:"100.00",count:"1107",apply:"361",time:"2016-03-22 16:42:14",selected:!1},{id:2,name:"乐高-科技系列-运输船 W3420",cate:"模型",price:"1288.00",count:"10",apply:"1",time:"2016-06-23 15:33:01",selected:!1},{id:3,name:"Apple MacPro 15.4英寸 16G内存",cate:"笔记本",price:"9899.00",count:"100",apply:"23",time:"2016-06-29 08:55:20",selected:!1},{id:4,name:"Apple Watch Sport运动智能手表",cate:"数码",price:"3288.00",count:"50",apply:"42",time:"2016-06-29 13:20:00",selected:!1}]}},allCheck:function(){var e=this.isAllCheck();this.setState({data:this.state.data.map(function(t){return t.selected=!e,t})})},isAllCheck:function(){return!this.state.data.some(function(e){return!e.selected})},checkItem:function(e){this.setState({data:this.state.data.map(function(t){return t.id==e.id&&(t.selected=!t.selected),t})})},formatActionData:function(e){var t=(e||"").split(","),a=t[0].match(/data:image\/(.+);base64/);return{suffix:a[1],data:t[1]}},uploadComplete:function(e){return e.imageUrl},render:function(){return React.createElement("div",{className:"container"},React.createElement("div",{className:"row"},React.createElement("div",{className:"bread"},React.createElement("span",null,"首页"),">",React.createElement(RUI.Link,null,"组件列表"),">",React.createElement(RUI.Link,{className:"selected"},"示例页面"))),React.createElement("div",{className:"row"},React.createElement(RUI.Button,{className:"primary"},"btn-primary"),React.createElement(RUI.Button,null,"btn-default"),React.createElement(RUI.Button,{className:"green"},"btn-green"),React.createElement(RUI.Button,{disable:!0},"btn-default"),React.createElement(RUI.Link,null,"link")),React.createElement("div",{className:"row"},React.createElement(RUI.Button,{className:"primary"},React.createElement(RUI.Icon,{name:"loading"}),"加载中")),React.createElement("div",{className:"row"},React.createElement(RUI.Button,{className:"primary"},"default"),React.createElement(RUI.Button,{className:"primary middle"},"middle"),React.createElement(RUI.Button,{className:"primary small"},"small")),React.createElement("div",{className:"row"},React.createElement(RUI.Input,{placeholder:"请输入内容"}),React.createElement(RUI.Input,{disable:!0,placeholder:"禁用"})),React.createElement("div",{className:"row"},React.createElement(RUI.Textarea,{placeholder:"请输入大段的内容"})),React.createElement("div",{className:"row"},React.createElement(RUI.Textarea,{value:"心里颇不宁静，今晚在院子里坐着凉快，忽略想起日日走过荷塔，在这满月的光里，总该另有一番样子吧。月亮渐渐地升高。",maxLength:140})),React.createElement("div",{className:"row"},React.createElement(RUI.DatePicker,{range:!0})),React.createElement("div",{className:"row"},React.createElement(RUI.Select,{data:[{key:"北京",value:1},{key:"天津",value:2},{key:"上海",value:3}],stuff:!0}),React.createElement(RUI.Select,{data:[{key:"北京",value:1}],stuff:!0,className:"rui-theme-2",offset:"0"}),React.createElement(RUI.Select,{data:[{key:"北京",value:1},{key:"天津",value:2},{key:"上海",value:3}],stuff:!0,className:"rui-theme-1",offset:"0"}),React.createElement(RUI.Select,{data:[{key:"北京",value:1},{key:"天津",value:2},{key:"上海",value:3}],stuff:!0,className:"rui-theme-3"})),React.createElement("div",{className:"row"},React.createElement("div",{className:"form"},React.createElement("div",{className:"line horizonal"},React.createElement("label",null,"账户：",React.createElement(RUI.Input,{placeholder:"请输入账户名"})),React.createElement("label",null,"密码：",React.createElement(RUI.Input,{type:"password",placeholder:"请输入密码"})),React.createElement(RUI.Checkbox,null,"记住"),React.createElement(RUI.Button,{className:"primary"},"登录")))),React.createElement("div",{className:"row"},React.createElement(RUI.Radio,null,"正常"),React.createElement(RUI.Radio,{disable:!0},"禁用"),React.createElement(RUI.Radio,{disable:!0,selected:!0},"选中时禁用")),React.createElement("div",{className:"row"},React.createElement(RUI.RadioGroup,{value:1},React.createElement(RUI.Radio,{value:1},"33g/mL"),React.createElement(RUI.Radio,{value:2},"55g/mL"),React.createElement(RUI.Radio,{value:3},"237g/mL"),React.createElement(RUI.Radio,{value:4,disable:!0},"550g/mL"))),React.createElement("div",{className:"row"},React.createElement(RUI.Checkbox,null,"正常"),React.createElement(RUI.Checkbox,{disable:!0},"禁用"),React.createElement(RUI.Checkbox,{disable:!0,selected:!0},"选中时禁用")),React.createElement("div",{className:"row"},React.createElement(RUI.CheckboxGroup,{value:1},React.createElement(RUI.Checkbox,{value:1},"防晒"),React.createElement(RUI.Checkbox,{value:2},"隔离"),React.createElement(RUI.Checkbox,{value:3},"提亮肤色"),React.createElement(RUI.Checkbox,{value:4,disable:!0},"深度保湿"))),React.createElement("div",{className:"row"},React.createElement(RUI.Switch,null),React.createElement(RUI.Switch,{disable:!0}),React.createElement(RUI.Switch,{disable:!0,selected:!0})),React.createElement("div",{className:"row"},React.createElement(RUI.Spinner,{type:"slider",step:10,min:0,max:200,fieldFunction:function(e){return e+"像素"},onChange:function(e){return console.log("change",e)}})),React.createElement("div",{className:"row"},React.createElement(RUI.Upload,null)),React.createElement("div",{className:"row"},React.createElement("p",null,"默认"),React.createElement(RUI.Upload,{multiple:!0,list:["http://p.qq181.com/cms/1212/2012121221524127738.jpg"],className:"small-cube"})),React.createElement("div",{className:"row"},React.createElement("p",null,"自动上传"),React.createElement(RUI.Upload,{multiple:!0,autoUpload:!0,action:"http://image.berbon.com/image/upload/base64zoom",actionData:this.formatActionData,onUploadComplete:this.uploadComplete,editable:{aspectRatio:1}})),React.createElement("div",{className:"row"},React.createElement("p",null,"图片编辑（最多可上传四张图片）"),React.createElement(RUI.Upload,{multiple:!0,max:4,autoUpload:!1,showDelete:!0,editable:{aspectRatio:1,crop:function(e){console.log(e)}}})),React.createElement("div",{className:"row"},React.createElement(RUI.Pagination,{pageSize:10,currentPage:2,totalNum:108})),React.createElement("div",{className:"row"},React.createElement(RUI.Button,{onClick:this.alert},"确定弹出层"),React.createElement(RUI.Button,{onClick:this.confirm},"确定取消弹出层")),React.createElement("div",{className:"row"},React.createElement(RUI.Table,{dataSource:this.state.data},React.createElement(RUI.Column,{width:75},React.createElement(RUI.Table.TitleRender,null,React.createElement(c,{onClick:this.allCheck,selected:this.isAllCheck()})),React.createElement(RUI.Table.ItemRender,null,React.createElement(c,{onClick:this.checkItem}))),React.createElement(RUI.Column,{title:"商品名称",dataField:"name"}),React.createElement(RUI.Column,{title:"商品分类",dataField:"cate"}),React.createElement(RUI.Column,{title:"销售价",dataField:"price",width:75}),React.createElement(RUI.Column,{title:"库存",dataField:"count"}),React.createElement(RUI.Column,{title:"销量",dataField:"apply"}),React.createElement(RUI.Column,{title:"创建时间",dataField:"time"}),React.createElement(RUI.Column,{title:"操作"},React.createElement(RUI.Table.ItemRender,null,React.createElement(l,{onClick:this.tableDelete},"删除"))))))}})},139:function(e,t,a){t=e.exports=a(4)(),t.push([e.id,"body{background:#fefefe}.container{width:960px;margin:0 auto}.container .row{padding:10px;overflow:visible}.container .row .rui-select{width:210px}.container .row .rui-theme-3{margin-left:10px}.container .rui-button,.container .rui-input{margin-right:10px}.container .form .line{margin:10px 0}.container .form .line.horizonal label{width:auto}.container .form .line label{width:84px;display:inline-block}.container .bread *{margin-right:5px;font-size:14px;color:#666}.container .bread :hover{color:#4a9df8;text-decoration:none}.container .bread .selected{color:#4a9df8}",""])},218:function(e,t,a){var c=a(139);"string"==typeof c&&(c=[[e.id,c,""]]);a(5)(c,{});c.locals&&(e.exports=c.locals)}});