react-component-lib/example/dist/chunk/5.52acf030.js

a full base ui library to reactjs

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