react-component-lib/example/dist/chunk/1.7a82cfee.js

a full base ui library to reactjs

webpackJsonp([1],{52:function(a,e,t){var n=React.createClass({displayName:"Example",getData:function(){return[{data:"Post",children:[{data:"All Post",children:[{data:"All"},{data:"Published"},{data:"Draft"}]},{data:"Add New"},{data:"Categories",children:[{data:"List"},{data:"Add New"}]},{data:"Tags",children:[{data:"List"},{data:"Add New"}]}]},{data:"Media",children:[{data:"Library"},{data:"Add New"}]},{data:"Appearance",children:[{data:"Themes"},{data:"Theme Options"},{data:"Customize"},{data:"Widgets"},{data:"Menus"},{data:"Editor"}]},{data:"Settings",children:[{data:"General",children:[{data:"Site Title"},{data:"Tagline"},{data:"Site Address"},{data:"Timezone"}]},{data:"Writing"},{data:"Reading"},{data:"Media"},{data:"Permalinks"}]}]},changeHandler:function(a){RUI.DialogManager.alert(JSON.stringify({type:a.type,dataSource:a.data.dataSource,expand:a.data.expand}))},clickHandler:function(a){RUI.DialogManager.alert(JSON.stringify({type:a.type,dataSource:a.data.dataSource}))},render:function(){var a=this.getData();return React.createElement("div",{className:"example-tree"},React.createElement("h2",{className:"title"},"树形菜单",React.createElement("span",null,"Tree")),React.createElement("h3",{className:"sub-title"},"演示"),React.createElement("div",{className:"example"},React.createElement("h4",{className:"final-title"},"初始数据"),React.createElement(RUI.Tree,{dataSource:a}),React.createElement("h4",{className:"final-title"},"事件"),React.createElement(RUI.Tree,{dataSource:a,onExpand:this.changeHandler,onSelect:this.clickHandler})),React.createElement("h3",{className:"sub-title"},"源码"),React.createElement("div",{className:"source"},React.createElement("textarea",{defaultValue:t(101)})))}});a.exports=n},101:function(a,e){a.exports='var Example = React.createClass({\r\n    getData:function() {\r\n        return [\r\n            {\r\n                data:"Post",\r\n                children:[\r\n                    {data:"All Post", children:[{data:"All"}, {data:"Published"}, {data:"Draft"}]},\r\n                    {data:"Add New"},\r\n                    {data:"Categories", children:[{data:"List"}, {data:"Add New"}]},\r\n                    {data:"Tags", children:[{data:"List"}, {data:"Add New"}]}\r\n                ]\r\n            },\r\n            {\r\n                data:"Media",\r\n                children:[\r\n                    {data:"Library"},\r\n                    {data:"Add New"}\r\n                ]\r\n            },\r\n            {\r\n                data:"Appearance",\r\n                children:[\r\n                    {data:"Themes"},\r\n                    {data:"Theme Options"},\r\n                    {data:"Customize"},\r\n                    {data:"Widgets"},\r\n                    {data:"Menus"},\r\n                    {data:"Editor"}\r\n                ]\r\n            },\r\n            {\r\n                data:"Settings",\r\n                children:[\r\n                    {data:"General", children:[{data:"Site Title"}, {data:"Tagline"}, {data:"Site Address"}, {data:"Timezone"}]},\r\n                    {data:"Writing"},\r\n                    {data:"Reading"},\r\n                    {data:"Media"},\r\n                    {data:"Permalinks"}\r\n                ]\r\n            }\r\n        ];\r\n    },\r\n    changeHandler:function(event) {\r\n        RUI.DialogManager.alert(JSON.stringify({\r\n            type:event.type,\r\n            dataSource:event.data.dataSource,\r\n            expand:event.data.expand\r\n        }));\r\n    },\r\n    clickHandler:function(event) {\r\n        RUI.DialogManager.alert(JSON.stringify({\r\n            type:event.type,\r\n            dataSource:event.data.dataSource\r\n        }));\r\n    },\r\n    render:function() {\r\n        var initData = this.getData();\r\n\r\n        return <div className="example-tree">\r\n            <h2 className="title">树形菜单<span>Tree</span></h2>\r\n            <h3 className="sub-title">演示</h3>\r\n            <div className="example">\r\n                <h4 className="final-title">初始数据</h4>\r\n                <RUI.Tree dataSource={initData} />\r\n                <h4 className="final-title">事件</h4>\r\n                <RUI.Tree dataSource={initData} onExpand={this.changeHandler} onSelect={this.clickHandler}/>\r\n            </div>\r\n            <h3 className="sub-title">源码</h3>\r\n            <div className="source">\r\n                <textarea defaultValue={require(\'raw!./tree.js\')} />\r\n            </div>\r\n        </div>;\r\n    }\r\n});\r\n\r\nmodule.exports = Example;'}});