react-component-lib/example/dist/chunk/15.ebc6880f.js

a full base ui library to reactjs

webpackJsonp([15],{36:function(e,a,t){var c=React.createClass({displayName:"Example",valueChange:function(e){RUI.DialogManager.alert(JSON.stringify(e.data))},groupChange:function(e){RUI.DialogManager.alert(JSON.stringify(e.data))},render:function(){return React.createElement("div",{className:"example-input"},React.createElement("h2",{className:"title"},"多选框",React.createElement("span",null,"Checkbox")),React.createElement("h3",{className:"sub-title"},"演示"),React.createElement("div",{className:"example"},React.createElement("h4",{className:"final-title"},"单个按钮"),React.createElement("div",null,React.createElement(RUI.Checkbox,{value:"type_1",selected:1,onChange:this.valueChange},"初始已选"),React.createElement(RUI.Checkbox,{value:"type_2"},"初始未选"),React.createElement(RUI.Checkbox,{value:"type_3",selected:0,disable:!0},"禁用状态")),React.createElement("h4",{className:"final-title"},"组"),React.createElement("div",null,React.createElement(RUI.CheckboxGroup,{ref:"checkboxGroup",onChange:this.groupChange},React.createElement(RUI.Checkbox,{value:"type_1",selected:1},"初始已选"),React.createElement(RUI.Checkbox,{value:"type_2",selected:0},"初始未选"),React.createElement(RUI.Checkbox,{value:"type_3",selected:0},"分组测试"),React.createElement(RUI.Checkbox,{value:"type_4",selected:0,disable:!0},"禁用状态")))),React.createElement("h3",{className:"sub-title"},"源码"),React.createElement("div",{className:"source"},React.createElement("textarea",{defaultValue:t(84)})))}});e.exports=c},84:function(e,a){e.exports='var Example = React.createClass({\n    valueChange:function(e) {\n        RUI.DialogManager.alert(JSON.stringify(e.data));\n    },\n    groupChange:function(e) {\n        RUI.DialogManager.alert(JSON.stringify(e.data));\n    },\n    render:function() {\n        return <div className="example-input">\n            <h2 className="title">多选框<span>Checkbox</span></h2>\n            <h3 className="sub-title">演示</h3>\n            <div className="example">\n                <h4 className="final-title">单个按钮</h4>\n                <div>\n                    <RUI.Checkbox value="type_1" selected={1} onChange={this.valueChange}>初始已选</RUI.Checkbox>\n                    <RUI.Checkbox value="type_2">初始未选</RUI.Checkbox>\n                    <RUI.Checkbox value="type_3" selected={0} disable={true}>禁用状态</RUI.Checkbox>\n                </div>\n                <h4 className="final-title">组</h4>\n                <div>\n                    <RUI.CheckboxGroup ref="checkboxGroup" onChange={this.groupChange}>\n                        <RUI.Checkbox value="type_1" selected={1}>初始已选</RUI.Checkbox>\n                        <RUI.Checkbox value="type_2" selected={0}>初始未选</RUI.Checkbox>\n                        <RUI.Checkbox value="type_3" selected={0}>分组测试</RUI.Checkbox>\n                        <RUI.Checkbox value="type_4" selected={0} disable={true}>禁用状态</RUI.Checkbox>\n                    </RUI.CheckboxGroup>\n                </div>\n            </div>\n            <h3 className="sub-title">源码</h3>\n            <div className="source">\n                <textarea defaultValue={require(\'raw!./checkbox.js\')} />\n            </div>\n        </div>;\n    }\n});\n\nmodule.exports = Example;'}});