程序入口文件
var Regular = require('regular');
var restate = require('./vendor/restate');
var App = require('./module/app/app');
var Page = require('./module/page');
var stateman = restate({
  view: document.getElementById('app'),
  Component: Regular
});
stateman
  .state('app', App, '')
  .state('app.a', Page)
 
  .on('notfound', function () {
    this.go('app.a', {replace: true});
  });

stateman.start({root: '/', prefix: '!'});

Page.js

var Regular = require('regular');
var RGUI = require('regular-ui');
var Tpl = require('./page.rgl');
var Dom = Regular.dom;
module.exports = Regular.extend({
  template: Tpl,
  init: function () {
  //下面是我所尝试的方法，感觉不是很合理
		var self = this;
		 new RGUI.Calendar().$inject(Dom.element(self).find('#renderRGUI'));

  }
});

page.rgl

<div>
this is page
<div id="renderRGUI"></div>
<calendar />//此处想使用regular-ui中的calendar组件
</div>

App.js

var Regular = require('regular');
var Tpl = require('./app.rgl');
module.exports = Regular.extend({
  template: Tpl,
  init: function () {
  }
});

app.rgl

<div class="">
    <div ref=view class="main"></div>
</div>

<input2 value={a|number} />

{
    a: 1
}

Regular.filter({
        number: {
            get: function(){

                return 123;
            },
            set: function(value){

                //console.log(this.data);

                return +value;
            }
        }
    });

data.disabled 只能outer到inner

regular-ui.js:1171 Uncaught TypeError: Cannot use 'in' operator to search for 'window' in undefined
    at regular-ui.js:1171
    at context (regular-ui.js:1164)
    at Object.<anonymous> (regular-ui.js:1167)
    at __webpack_require__ (regular-ui.js:30)
    at Object.<anonymous> (regular-ui.js:1079)
    at __webpack_require__ (regular-ui.js:30)
    at Object.module.exports (regular-ui.js:70)
    at __webpack_require__ (regular-ui.js:30)
    at regular-ui.js:50
    at regular-ui.js:51

// 处理点击dropdown之外的地方后的收起事件。
Dropdown.opens = [];

_.dom.on(document, 'click', function(e) {
    Dropdown.opens.forEach(function(dropdown, index) {
        // 这个地方不能用stopPropagation来处理，因为展开一个dropdown的同时要收起其他dropdown
        var element = dropdown.$refs.element;
        var element2 = e.target;
        while(element2) {
            if(element == element2)
                return;
            element2 = element2.parentElement;
        }
        dropdown.toggle(false);
        dropdown.$update();
    });
});

    //  ......
   
  // 根据状态在Dropdown.opens列表中添加/删除管理项
        var index = Dropdown.opens.indexOf(this);
        if(open && index < 0)
            Dropdown.opens.push(this);
        else if(!open && index >= 0)
            Dropdown.opens.splice(index, 1);

<suggest source={options.channels} on-select={this.selectChannel($event)} value={valuevalue}/>

selectChannel($event) {
       ...

        this.data.valuevalue = '';
        ...
    }

index.js

var RGUI = require('regular-ui');

var DragabledItem = RGUI.Component.extend({
    name: 'dragabledItem',
    template: '<draggable data="{item}"><li class="u-color-{item.color}">{item.title}</li></draggable>',
});

<!-- 运行结果  #-->
<!-- 渲染后组件不识别 -->
<dragableditem item="[object Object]" class="anLocaApply"></dragableditem>

    init: function () {
            this.supr();
            //必须异步，动画enter 必须等组件编译周期结束
            setTimeout(function(){
                if (this.$root === this)
                    this.$inject(document.body);
            }._$bind(this),0)

        },

animate.startClassAnimate = function ( node, className,  callback, mode ){  
  var activeClassName, timeout, tid, onceAnim;
  if( (!animationEnd && !transitionEnd) || env.isRunning ){
    return callback();
  }
。。。。。。
}

template

<listView source={source} itemTemplate={@(this.itemTemplate)} />

itemTemplate

<div>
    <span class="number">{item_index + 1}.</span>
    <span class="title">{item.name}</span>
    <span class="hits f-fr" on-click="{this.doClick()}">{item.hits}</span>
</div>

page.js

var component = new RGUI.Component({
    template: template,
    itemTemplate: itemTemplate,
    data: {
        source: [
            {name: '精通Javascript开发', org: '前端Funs', hits: 42371},
            {name: 'Android深入浅出', org: 'Android学院', hits: 30645},
            {name: 'cocos2dx游戏开发教程', org: '鱼C课程', hits: 25112},
            {name: 'MySQL数据库', org: 'LAMP兄弟连', hits: 18089},
            {name: 'Arduino初级教程', org: '硬件社', hits: 16361}
        ]
    },
    doClick: function() {
    
    }

});

@import "mass/mass/index.mcss";
 ...
 $reset-normalize()
 $clearfix()