react-component-lib/example/dist/chunk/14.23c7d853.js

a full base ui library to reactjs

webpackJsonp([14],{40:function(e,t,a){var n=React.createClass({displayName:"Example",getSinglePickerValue:function(e){RUI.DialogManager.alert(JSON.stringify(this.refs[e].getValue()))},setRangePickerValue:function(){this.refs.rangeDatePicker.setValue({startValue:Date.now()-7776e6,endValue:Date.now()})},render:function(){return React.createElement("div",{className:"example-input"},React.createElement("h2",{className:"title"},"日历",React.createElement("span",null,"Datepicker")),React.createElement("h3",{className:"sub-title"},"演示"),React.createElement("div",{className:"example"},React.createElement("h4",{className:"final-title"},"单个日历"),React.createElement("div",null,React.createElement(RUI.DatePicker,{ref:"singleDatePicker"}),React.createElement(RUI.Button,{onClick:this.getSinglePickerValue.bind(this,"singleDatePicker")},"获取结果")),React.createElement("h4",{className:"final-title"},"带时间"),React.createElement("div",null,React.createElement(RUI.DatePicker,{ref:"singleDatetimePicker",showTime:!0}),React.createElement(RUI.Button,{onClick:this.getSinglePickerValue.bind(this,"singleDatetimePicker")},"获取结果")),React.createElement("h4",{className:"final-title"},"改变显示格式"),React.createElement("div",null,React.createElement(RUI.DatePicker,{value:Date.now(),formatter:new RUI.DateFormatter("Y/m/d"),onChange:this.datePickerChange})),React.createElement("h4",{className:"final-title"},"嵌套Tooltip"),React.createElement("div",null,React.createElement(RUI.DatePicker,{value:Date.now(),formatter:new RUI.DateFormatter("Y-m-d"),range:!1},React.createElement(RUI.Tooltip,{align:"top-center",trigger:"click"},"嵌套使用，click触发"))),React.createElement("h4",{className:"final-title"},"日历开始结束"),React.createElement("div",null,React.createElement(RUI.DatePicker,{value:Date.now(),formatter:new RUI.DateFormatter("Y-m-d"),range:!0,onChange:this.datePickerChange})),React.createElement("h4",{className:"final-title"},"外层设置范围"),React.createElement("div",null,React.createElement(RUI.DatePicker,{ref:"rangeDatePicker",range:!0}),React.createElement(RUI.Button,{onClick:this.setRangePickerValue},"三个月内"))),React.createElement("h3",{className:"sub-title"},"源码"),React.createElement("div",{className:"source"},React.createElement("textarea",{defaultValue:a(90)})))}});e.exports=n},90:function(e,t){e.exports='var Example = React.createClass({\r\n    getSinglePickerValue:function(ref) {\r\n        RUI.DialogManager.alert(JSON.stringify(this.refs[ref].getValue()));\r\n    },\r\n    setRangePickerValue:function() {\r\n        this.refs.rangeDatePicker.setValue({\r\n            startValue:Date.now() - 86400 * 1000 * 90,\r\n            endValue:Date.now()\r\n        });\r\n    },\r\n    render:function() {\r\n        return <div className="example-input">\r\n            <h2 className="title">日历<span>Datepicker</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.DatePicker ref="singleDatePicker"/>\r\n                    <RUI.Button onClick={this.getSinglePickerValue.bind(this, \'singleDatePicker\')}>获取结果</RUI.Button>\r\n                </div>\r\n                <h4 className="final-title">带时间</h4>\r\n                <div>\r\n                    <RUI.DatePicker ref="singleDatetimePicker" showTime={true} />\r\n                    <RUI.Button onClick={this.getSinglePickerValue.bind(this, \'singleDatetimePicker\')}>获取结果</RUI.Button>\r\n                </div>\r\n                <h4 className="final-title">改变显示格式</h4>\r\n                <div>\r\n                    <RUI.DatePicker value={Date.now()} formatter={new RUI.DateFormatter("Y/m/d")} onChange={this.datePickerChange} />\r\n                </div>\r\n                <h4 className="final-title">嵌套Tooltip</h4>\r\n                <div>\r\n                    <RUI.DatePicker value={Date.now()} formatter={new RUI.DateFormatter("Y-m-d")} range={false}>\r\n                        <RUI.Tooltip align="top-center" trigger="click">嵌套使用，click触发</RUI.Tooltip>\r\n                    </RUI.DatePicker>\r\n                </div>\r\n                <h4 className="final-title">日历开始结束</h4>\r\n                <div>\r\n                    <RUI.DatePicker value={Date.now()} formatter={new RUI.DateFormatter("Y-m-d")} range={true} onChange={this.datePickerChange} />\r\n                </div>\r\n                <h4 className="final-title">外层设置范围</h4>\r\n                <div>\r\n                    <RUI.DatePicker ref="rangeDatePicker" range={true} />\r\n                    <RUI.Button onClick={this.setRangePickerValue}>三个月内</RUI.Button>\r\n                </div>\r\n            </div>\r\n            <h3 className="sub-title">源码</h3>\r\n            <div className="source">\r\n                <textarea defaultValue={require(\'raw!./datepicker.js\')} />\r\n            </div>\r\n        </div>;\r\n    }\r\n});\r\n\r\nmodule.exports = Example;'}});