react-component-lib/example/dist/chunk/13.db6299c1.js

a full base ui library to reactjs

webpackJsonp([13],{67:function(e,a,t){var l=React.createClass({displayName:"Example",submitHandler:function(e,a){return alert(JSON.stringify(e)),!1},render:function(){var e=[{key:"管理员",value:1},{key:"编辑",value:2},{key:"审查",value:3}];return React.createElement("div",{className:"example-form"},React.createElement("h2",{className:"title"},"表单",React.createElement("span",null,"Form")),React.createElement("h3",{className:"sub-title"},"演示"),React.createElement("div",{className:"example"},React.createElement("h4",{className:"final-title"},"基本使用"),React.createElement("div",null,React.createElement(RUI.Form,null,React.createElement(RUI.Form.Control,{name:"name",label:"用户名"}),React.createElement(RUI.Form.Control,{name:"password",label:"密码",type:"password"}))),React.createElement("h4",{className:"final-title"},"水平布局"),React.createElement("div",null,React.createElement(RUI.Form,{className:"horizonal"},React.createElement(RUI.Form.Control,{name:"name",label:"用户名"}),React.createElement(RUI.Form.Control,{name:"password",label:"密码",type:"password"}),React.createElement(RUI.Form.Control,{name:"interest",label:"兴趣",type:"checkbox"},React.createElement(RUI.Checkbox,{value:"1"},"科技"),React.createElement(RUI.Checkbox,{value:"2"},"摄影"),React.createElement(RUI.Checkbox,{value:"3"},"旅游"),React.createElement(RUI.Checkbox,{value:"4"},"娱乐")))),React.createElement("h4",{className:"final-title"},"提交与重置"),React.createElement("div",null,React.createElement(RUI.Form,{className:"horizonal",onSubmit:this.submitHandler},React.createElement(RUI.Form.Control,{name:"name",label:"用户名",placeholder:"请输入邮箱或者手机号"}),React.createElement(RUI.Form.Control,{name:"password",label:"密码",type:"password",placeholder:"请输入密码"}),React.createElement(RUI.Form.Control,{name:"interest",label:"兴趣",type:"checkbox"},React.createElement(RUI.Checkbox,{value:"1"},"科技"),React.createElement(RUI.Checkbox,{value:"2"},"摄影"),React.createElement(RUI.Checkbox,{value:"3"},"旅游"),React.createElement(RUI.Checkbox,{value:"4"},"娱乐")),React.createElement(RUI.Form.Control,{name:"male",label:"性别",type:"radio"},React.createElement(RUI.Radio,{value:"1"},"男"),React.createElement(RUI.Radio,{value:"0"},"女")),React.createElement(RUI.Form.Control,{name:"role",label:"角色",type:"select",data:e}),React.createElement(RUI.Form.Submit,null,"保存"))),React.createElement("h4",{className:"final-title"},"验证"),React.createElement("div",null)),React.createElement("h3",{className:"sub-title"},"源码"),React.createElement("div",{className:"source"},React.createElement("textarea",{defaultValue:t(181)})))}});e.exports=l},181:function(e,a){e.exports='var Example = React.createClass({\n    submitHandler:function(data, form) {\n        alert(JSON.stringify(data));\n        return false;\n    },\n    render:function() {\n        var selectData = [\n            { key:\'管理员\', value:1 },\n            { key:\'编辑\', value:2 },\n            { key:\'审查\', value:3 }\n        ];\n\n        return <div className="example-form">\n            <h2 className="title">表单<span>Form</span></h2>\n            <h3 className="sub-title">演示</h3>\n            <div className="example">\n                <h4 className="final-title">基本使用</h4>\n                <div>\n                    <RUI.Form>\n                        <RUI.Form.Control name="name" label="用户名" />\n                        <RUI.Form.Control name="password" label="密码" type="password" />\n                    </RUI.Form>\n                </div>\n                <h4 className="final-title">水平布局</h4>\n                <div>\n                    <RUI.Form className="horizonal">\n                        <RUI.Form.Control name="name" label="用户名" />\n                        <RUI.Form.Control name="password" label="密码" type="password" />\n                        <RUI.Form.Control name="interest" label="兴趣" type="checkbox">\n                            <RUI.Checkbox value="1">科技</RUI.Checkbox>\n                            <RUI.Checkbox value="2">摄影</RUI.Checkbox>\n                            <RUI.Checkbox value="3">旅游</RUI.Checkbox>\n                            <RUI.Checkbox value="4">娱乐</RUI.Checkbox>\n                        </RUI.Form.Control>\n                    </RUI.Form>\n                </div>\n                <h4 className="final-title">提交与重置</h4>\n                <div>\n                    <RUI.Form className="horizonal" onSubmit={this.submitHandler}>\n                        <RUI.Form.Control name="name" label="用户名" placeholder="请输入邮箱或者手机号" />\n                        <RUI.Form.Control name="password" label="密码" type="password" placeholder="请输入密码" />\n                        <RUI.Form.Control name="interest" label="兴趣" type="checkbox">\n                            <RUI.Checkbox value="1">科技</RUI.Checkbox>\n                            <RUI.Checkbox value="2">摄影</RUI.Checkbox>\n                            <RUI.Checkbox value="3">旅游</RUI.Checkbox>\n                            <RUI.Checkbox value="4">娱乐</RUI.Checkbox>\n                        </RUI.Form.Control>\n                        <RUI.Form.Control name="male" label="性别" type="radio">\n                            <RUI.Radio value="1">男</RUI.Radio>\n                            <RUI.Radio value="0">女</RUI.Radio>\n                            </RUI.Form.Control>\n                        <RUI.Form.Control name="role" label="角色" type="select" data={selectData} />\n                        <RUI.Form.Submit>保存</RUI.Form.Submit>\n                    </RUI.Form>\n                </div>\n                <h4 className="final-title">验证</h4>\n                <div>\n\n                </div>\n            </div>\n            <h3 className="sub-title">源码</h3>\n            <div className="source">\n                <textarea defaultValue={require(\'raw!./form.js\')} />\n            </div>\n        </div>;\n    }\n});\n\nmodule.exports = Example;'}});