react-component-lib/example/dist/chunk/12.b4c50eca.js

a full base ui library to reactjs

webpackJsonp([12],{42:function(e,t,a){var n=React.createClass({displayName:"Example",getInitialState:function(){return{init:"在这儿显示初始字符"}},onInputChange:function(e){RUI.DialogManager.alert("change:"+e.target.value,"提示")},onEnterHandler:function(e){RUI.DialogManager.alert("enter")},customMaxLength:function(e){if(!e)return 140;for(var t=0,a=0;a<e.length;a++){var n=e.charAt(a);t+=null!=n.match(/[^\x00-\xff]/gi)?2:1}return Math.max(0,140-t)},render:function(){return React.createElement("div",{className:"example-input"},React.createElement("h2",{className:"title"},"输入框",React.createElement("span",null,"Input")),React.createElement("h3",{className:"sub-title"},"演示"),React.createElement("div",{className:"example"},React.createElement("h4",{className:"final-title"},"输入框"),React.createElement("div",null,React.createElement(RUI.Input,{value:this.state.init,onChange:this.onInputChange}),React.createElement("br",null),React.createElement(RUI.Input,{mode:"static",value:"不可修改"}),React.createElement("br",null),React.createElement(RUI.Input,{className:"medium",placeholder:"保留正常结点属性"}),React.createElement("br",null),React.createElement(RUI.Input,{grid:24,onEnter:this.onEnterHandler})),React.createElement("h4",{className:"final-title"},"文本域"),React.createElement("div",null,React.createElement(RUI.Textarea,{value:this.state.init,resize:!0})),React.createElement("h4",{className:"final-title"},"字数提示"),React.createElement("div",null,React.createElement(RUI.Textarea,{maxLength:140,resize:!0})),React.createElement("h4",{className:"final-title"},"自定义字数提示规则"),React.createElement("div",null,React.createElement(RUI.Textarea,{maxLength:140,maxLengthHandler:this.customMaxLength,placeholder:"一个汉字算两个字符"})),React.createElement("h4",{className:"final-title"},"根据内容自动缩放"),React.createElement("div",null,React.createElement(RUI.Textarea,{autoSize:!0,value:"// JUST TODO"}))),React.createElement("h3",{className:"sub-title"},"源码"),React.createElement("div",{className:"source"},React.createElement("textarea",{defaultValue:a(95)})))}});e.exports=n},95:function(e,t){e.exports='var Example = React.createClass({\n    getInitialState:function() {\n        return {\n            init:"在这儿显示初始字符"\n        }\n    },\n    onInputChange:function(e) {\n        RUI.DialogManager.alert("change:" + e.target.value, "提示");\n    },\n    onEnterHandler:function(e) {\n        RUI.DialogManager.alert(\'enter\') ;\n    },\n    customMaxLength:function(val) {\n        if(!val) {\n            return 140;\n        }\n        var len = 0;\n        for (var i = 0; i < val.length; i++) {\n            var a = val.charAt(i);\n            if (a.match(/[^\\x00-\\xff]/ig) != null)\n            {\n                len += 2;\n            }\n            else\n            {\n                len += 1;\n            }\n        }\n        return Math.max(0, 140 - len);\n    },\n    render:function() {\n        return <div className="example-input">\n            <h2 className="title">输入框<span>Input</span></h2>\n            <h3 className="sub-title">演示</h3>\n            <div className="example">\n                <h4 className="final-title">输入框</h4>\n                <div>\n                    <RUI.Input value={this.state.init} onChange={this.onInputChange} /><br/>\n                    <RUI.Input mode="static" value={"不可修改"}/><br/>\n                    <RUI.Input className="medium" placeholder="保留正常结点属性"/><br/>\n                    <RUI.Input grid={24} onEnter={this.onEnterHandler} />\n                </div>\n                <h4 className="final-title">文本域</h4>\n                <div>\n                    <RUI.Textarea value={this.state.init} resize={true} />\n                </div>\n                <h4 className="final-title">字数提示</h4>\n                <div>\n                    <RUI.Textarea maxLength={140} resize={true} />\n                </div>\n                <h4 className="final-title">自定义字数提示规则</h4>\n                <div>\n                    <RUI.Textarea maxLength={140} maxLengthHandler={this.customMaxLength} placeholder="一个汉字算两个字符" />\n                </div>\n                <h4 className="final-title">根据内容自动缩放</h4>\n                <div>\n                    <RUI.Textarea autoSize={true} value="// JUST TODO" />\n                </div>\n            </div>\n            <h3 className="sub-title">源码</h3>\n            <div className="source">\n                <textarea defaultValue={require(\'raw!./input.js\')} />\n            </div>\n        </div>;\n    }\n});\n\nmodule.exports = Example;'}});