console 命令行工具 X clear

console

window.RCRE = window.RCRE019;
function simpleFunc(a, b, c, d) {
    return a + b + c + d;
}
function genName() {
    return 'ggname';
}
function genHTML() {
    return '<div>terst text</div>';
}
 

window.RCRE.filter.setFilter('simpleFunc', simpleFunc);
window.RCRE.filter.setFilter('genName', genName);
window.RCRE.filter.setFilter('genHTML', genHTML);
var config = {
    body: [
        {
            type: 'container',
            model: 'demo',
            data: {
                firstProp: 'aaa'
            },
            children: [
                {
                    type: 'inputDemo',
                    name: 'username',
                    test: '#ES{$data.firstProp}'
                },
                {
                    type: 'inputDemo',
                    name: 'password'
                }
            ]
        }
    ]
};

config = {
    body: [{
            type: 'container',
            model: 'demo',
            data: {
                showText: true,
            },
            children: [
            	{
                    type: 'text',
                    name: '#ES{genName()}',
                    rawHtml: true,
                    show: '#ES{$data.showText}',
                    text: '#ES{genHTML()}'
            	},
                {
                	type: 'text',
                    name: 'btn',
                    text: 'btn',
                	trigger: [{
                    	event: 'onClick',
                    	targetCustomer: '$this',
                    	params: {
                        	showText: '#ES{!$data.showText}'
                		}
                	}]
                }
            ]
    }]
}


var engine = React.createElement(RCRE.Render, {
    code: JSON.stringify(config)
});

var dom = document.getElementById('main');
ReactDOM.render(engine, dom);

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>RCRE DEMO</title>
    <link rel="stylesheet" href="http://miskit.cdn.bcebos.com/miskit/rcre_lastest.css">
</head>
<body>
    <div id="main"></div>
</body>
<script src="http://miskit.gz.bcebos.com/react_16.2.0.min.js"></script>
<script src="http://miskit.gz.bcebos.com/react-dom_16.2.0.min.js"></script>
<script src="http://172.18.20.15:8500/static/js/bundle.js"></script>
<!-- <script src="http://miskit.cdn.bcebos.com/miskit/rcre_lastest.js"></script> -->
</html>