Способ модификации в Ember Component

Question

В Discourse Я хочу изменить метод _dock. Модифицирующий код будет размещен в плагине.

Вот короткий отрывок из этого файла:

export default Ember.Component.extend({ 
    elementId: 'topic-progress-wrapper', 
    classNameBindings: ['docked', 'hidden'], 

    ... 
    _dock() { 
    ... 
    }, 

}); 

Как изменить этот метод? Должен ли я повторно открыть этот компонент и что такое синтаксис для этого?

Answer 1

Посмотрите this и this руководство. Вам нужно создать новый компонент, что-то вроде этого:

// components/my-discourse-component.js 
import MyDiscourseComponent from 'discourse/components/topic-progress'; 

MyDiscourseComponent.extend({ 
    // Here you can extend the function. Don't forget 
    // this._super(...arguments) if you want to use the original function. 
}); 

MyDiscourseComponent.reopenClass({ 
    // Here you can completly override the function. 
}); 

export default MyDiscourseComponent; 

и просто использовать {{my-discourse-component}} в вашем temlate.

Или вы можете скопировать код аддона в mixin и просто расширить свой новый компонент с помощью этого mixin.