фикс ошибок линетера
This commit is contained in:
@ -23,7 +23,7 @@
|
||||
class Component {
|
||||
/**
|
||||
* @private
|
||||
*
|
||||
*
|
||||
* @type {Listener[]}
|
||||
*/
|
||||
_listeners;
|
||||
@ -31,7 +31,7 @@ class Component {
|
||||
/**
|
||||
* События компонента
|
||||
* @private
|
||||
*
|
||||
*
|
||||
* @type {Events}
|
||||
*/
|
||||
_events;
|
||||
@ -39,7 +39,7 @@ class Component {
|
||||
/**
|
||||
* Корневой элемент компонента
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @type {Node} - корневой элемент компонента
|
||||
*/
|
||||
mainNode;
|
||||
@ -49,7 +49,7 @@ class Component {
|
||||
* @param {Node} parentNode - родительский Node, в который следует положить созданный элемент
|
||||
* @constructor
|
||||
*/
|
||||
constructor(mainNodeSelector, parentNode) {
|
||||
constructor (mainNodeSelector, parentNode) {
|
||||
/**
|
||||
* @type {DocumentFragment}
|
||||
*/
|
||||
@ -68,7 +68,7 @@ class Component {
|
||||
/**
|
||||
* Метод добавления обработчиков события на Node'ы компонента
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {Node} element - элемент, на который будет навешен обработчик
|
||||
* @param {string} eventName - событие, на которое будет реагировать обработчик
|
||||
* @param {function} listener - обработчик события
|
||||
@ -81,7 +81,7 @@ class Component {
|
||||
/**
|
||||
* Метод подписки на события компонента
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {string} eventName - событие компонента, на которое будет реагировать обработчик
|
||||
* @param {EventListener} listener - обработчик события
|
||||
*/
|
||||
@ -96,13 +96,13 @@ class Component {
|
||||
/**
|
||||
* Метод генерирует событие
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {string} eventName - событие, которое необходимо сгенерировать
|
||||
* @param {unknown[]} args - аругемнты, который необходимо передать обработчикам события
|
||||
*/
|
||||
next = (eventName, ...args) => {
|
||||
const listeners = this._events[eventName];
|
||||
listeners.forEach(listener => {
|
||||
listeners.forEach((listener) => {
|
||||
listener(...args);
|
||||
});
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
import Component from '../component';
|
||||
|
||||
class TestButton extends Component {
|
||||
constructor() {
|
||||
constructor () {
|
||||
super('#test-button', document.body);
|
||||
|
||||
this.addEventListener(this.mainNode, 'click', (evt) => {
|
||||
|
||||
@ -11,7 +11,7 @@ const CN = {
|
||||
};
|
||||
|
||||
class TestModal extends Component {
|
||||
constructor() {
|
||||
constructor () {
|
||||
super('#test-modal', document.body);
|
||||
|
||||
this.shadow = this.mainNode.querySelector(`.${CN.SHADOW}`);
|
||||
|
||||
Reference in New Issue
Block a user