Расширение компонента Ractive при использовании загрузчика

Я пытался обойти использование загрузчиков компонентов, как описано в спецификация компонента< /а>. Я не уверен, как я могу сделать что-то подобное через файл компонента:

var bookmarkableBaseClass = Ractive.extend({
    oninit : function(){
        this.on(commonBookmarkEvents);
    },
    data : {
        badgeDefinitions: globalCommonBadgeDefinitions
    }
});

Ractive.components.singlecard = bookmarkableBaseClass.extend({
    template: "#smallcarditem"
});

Ractive.components.singleline = bookmarkableBaseClass.extend({
    template: "#cardlineitem"
});

Другими словами, иметь компонент, который расширяет другой базовый компонент с общими свойствами, т.е. общими данными, а также общими обработчиками прокси-событий. В настоящее время спецификация компонента позволяет мне включать только другие компоненты, но не имеет наследования, как указано выше.


javascript ractivejs
person Anatoli Radoulov    schedule 11.02.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

В настоящее время это не поддерживается, хотя обсуждалось. Я думаю, что лучший вариант выглядит так:

<div class='singlecard'>
  <!-- template goes here -->
</div>

<script>
  var bookmarkableBaseClass = require('./bookmarkableBaseClass');

  component.exports = {
    base: bookmarkableBaseClass,

    someSubclassMethod: function () { /*...*/ }
  };
</script>

Любой существующий загрузчик компонентов может быть достаточно легко изменен для облегчения этого — какой вы используете?

person Rich Harris    schedule 14.02.2016
comment
Спасибо, что нашли время ответить на этот вопрос. В настоящее время я использую rvc в качестве загрузчика. - person Anatoli Radoulov; 15.02.2016