react-component-lib/example/dist/chunk/4.bd7a5f45.js

a full base ui library to reactjs

webpackJsonp([4],{50:function(e,t,a){var n=React.createClass({displayName:"Example",getInitialState:function(){return{max:100,min:"0",step:5,disable:!1,keyboardEnable:!0,eventType:"blur"}},run:function(){var e={max:this.refs.max.getValue(),min:this.refs.min.getValue(),step:this.refs.step.getValue(),disable:this.refs.disable.isSelected(),keyboardEnable:this.refs.keyboard.isSelected()};this.setState(e)},render:function(){return React.createElement("div",{className:"example-spinner"},React.createElement("h2",{className:"title"},"数字调节器",React.createElement("span",null,"Spinner")),React.createElement("h3",{className:"sub-title"},"演示"),React.createElement("div",{className:"example"},React.createElement("h4",{className:"final-title"},"配置"),React.createElement("div",{className:"spinner-config"},React.createElement("p",null,React.createElement("label",null,"最大值"),React.createElement(RUI.Input,{ref:"max",value:this.state.max})),React.createElement("p",null,React.createElement("label",null,"最小值"),React.createElement(RUI.Input,{ref:"min",value:this.state.min})),React.createElement("p",null,React.createElement("label",null,"递进"),React.createElement(RUI.Input,{ref:"step",value:this.state.step})),React.createElement(RUI.Checkbox,{ref:"keyboard",selected:this.state.keyboardEnable},"键盘上下键"),React.createElement(RUI.Checkbox,{ref:"disable",selected:this.state.disable},"禁用"),React.createElement("p",null,React.createElement(RUI.Button,{className:"primary",onClick:this.run},"重新渲染"))),React.createElement("h4",{className:"final-title"},"运行效果"),React.createElement("div",null,React.createElement(RUI.Spinner,this.state))),React.createElement("h3",{className:"sub-title"},"源码"),React.createElement("div",{className:"source"},React.createElement("textarea",{defaultValue:a(100)})))}});e.exports=n},100:function(e,t){e.exports='var Example = React.createClass({\r\n    getInitialState:function() {\r\n        return {\r\n            max:100,\r\n            min:0+"",\r\n            step:5,\r\n            disable:false,\r\n            keyboardEnable:true,\r\n            eventType:\'blur\'\r\n        };\r\n    },\r\n    run:function() {\r\n        var state = {\r\n            max:this.refs.max.getValue(),\r\n            min:this.refs.min.getValue(),\r\n            step:this.refs.step.getValue(),\r\n            disable:this.refs.disable.isSelected(),\r\n            keyboardEnable:this.refs.keyboard.isSelected()\r\n        };\r\n        this.setState(state);\r\n    },\r\n    render:function() {\r\n        return <div className="example-spinner">\r\n            <h2 className="title">数字调节器<span>Spinner</span></h2>\r\n            <h3 className="sub-title">演示</h3>\r\n            <div className="example">\r\n                <h4 className="final-title">配置</h4>\r\n                <div className="spinner-config">\r\n                    <p>\r\n                        <label>最大值</label><RUI.Input ref="max" value={this.state.max} />\r\n                    </p>\r\n                    <p>\r\n                        <label>最小值</label><RUI.Input ref="min" value={this.state.min} />\r\n                    </p>\r\n                    <p>\r\n                        <label>递进</label><RUI.Input ref="step" value={this.state.step} />\r\n                    </p>\r\n                    <RUI.Checkbox ref="keyboard" selected={this.state.keyboardEnable}>键盘上下键</RUI.Checkbox>\r\n                    <RUI.Checkbox ref="disable" selected={this.state.disable}>禁用</RUI.Checkbox>\r\n                    <p>\r\n                        <RUI.Button className="primary" onClick={this.run}>重新渲染</RUI.Button>\r\n                    </p>\r\n                </div>\r\n                <h4 className="final-title">运行效果</h4>\r\n                <div>\r\n                    <RUI.Spinner {...this.state} />\r\n                </div>\r\n            </div>\r\n            <h3 className="sub-title">源码</h3>\r\n            <div className="source">\r\n                <textarea defaultValue={require(\'raw!./spinner.js\')} />\r\n            </div>\r\n        </div>;\r\n    }\r\n});\r\n\r\nmodule.exports = Example;'}});