can't transfer attribute "onclick" to child component

[luics]

<element name="foo">
  <template>
    <container style="margin-top: 40px;margin-bottom: 40px;">
      <text onclick={{onclick}}>Bind onclick, failed</text>
    </container>
  </template>
</element>

<element name="bar">
  <template>
    <container>
      <text onclick={{click}}>Bind other prop, succeed</text>
    </container>
  </template>
</element>

<template>
  <container>
    <foo onclick={{clicked}}></foo>
    <bar click={{clicked}}></bar>
    <!--<text onclick="{{clicked}}">bind onclick prop</text>-->
  </container>
</template>

<script>
  module.exports = {
    methods: {
      clicked: function() {
        this.$call('modal', 'toast', {'message': 'clicked!'});
      }
    }
  }
</script>

[luics]

In jsfm branch, I tried demo again and find it can transfer attribute "onclick" to child component.
But in html5 preview, when I click the first line, it trigger an exception, see the below snapshot:

[terrykingcha]

It's a mistake for binding event. onxxx is not a attribute, you can bind a event handler on a custom component, but can't transfer the event handler into the custom component. Maybe the right code is:

<element name="foo">
  <template>
    <container style="margin-top: 40px;margin-bottom: 40px;">
      <text>foo</text>
    </container>
  </template>
</element>

<element name="bar">
  <template>
    <container>
      <text onclick={{clicked}}>Bind bar click</text>
    </container>
  </template>

  <script>
    module.exports = {
      methods: {
        clicked: function() {
          this.$dispatch('barclicked');
        }
      }
    }
  </script>

</element>

<template>
  <container>
    <foo onclick={{clicked}}></foo>
    <bar></bar>
  </container>
</template>

<script>
  module.exports = {
    ready: function() {
      var self = this;
      this.$on('barclicked', function() {
        self.$call('modal', 'toast', {'message': 'bar clicked!'});
      })
    },
    methods: {
      clicked: function() {
        this.$call('modal', 'toast', {'message': 'foo clicked!'});
      }
    }
  }
</script>