Update to 1.7.4

Author: digikid

CHANGELOG.md

@@ -2,6 +2,22 @@
 
 Все заметные изменения задокументированы в этом файле.
 
+[1.7.4]: https://github.com/digikid/gulp-project/releases/tag/1.7.4
+
+## [1.7.4] - 2022-03-23
+
+### Добавлено
+- Параметр `config.context` для расширения контекста fileInclude
+- Поддержка аттрибута `multiple` в компоненте Select
+- Метод `initHandlers` доступен для всех компонентов
+
+### Исправлено
+- Отображение чекбоксов в компоненте Select
+- Ошибка сборки rollup при импорте CommonJS модулей
+
+### Обновлено
+- Обновление списка зависимостей и устранение уязвимостей
+
 [1.7.3]: https://github.com/digikid/gulp-project/releases/tag/1.7.3
 
 ## [1.7.3] - 2022-03-16

gulp/boilerplate/js/components/component.js

@@ -16,12 +16,14 @@ export default class Component {
 
         const options = mergeDeep({}, defaults, params);
         const target = this.getTarget(selector);
+        const handlers = {};
 
         this.title = title;
         this.selector = selector;
         this.defaults = defaults;
         this.params = params;
         this.options = options;
+        this.handlers = handlers;
         this.target = target;
         this.warning = warning;
     };
@@ -92,7 +94,33 @@ export default class Component {
         });
     };
 
-    getTarget(selector) {
+    initHandlers() {
+        const _that = this;
+
+        const { parseDataSelector, handlers } = this;
+
+        const outside = ['document', 'body', 'html', 'outside'];
+
+        Object.entries(handlers).forEach(([type, handlers]) => {
+            Object.entries(handlers).forEach(([id, handler]) => {
+                if (typeof handler !== 'function') {
+                    return;
+                };
+
+                const { selector } = parseDataSelector(id);
+
+                const cb = async function(e) {
+                    await handler.call(_that, e);
+                };
+
+                const params = outside.includes(id) ? [type, cb] : [type, selector, cb];
+
+                $(document).on(...params);
+            });
+        });
+    };
+
+    getTarget = selector => {
         if (typeof selector === 'string') {
             return Array.from(document.querySelectorAll(selector));
         };
@@ -112,9 +140,20 @@ export default class Component {
         return [];
     };
 
+    getDataSelector = selector => {
+        const { getTarget } = this;
+
+        const target = getTarget(selector);
+        const dataKeys = Object.keys(target[0].dataset);
+        const data = dataKeys.length ? `[data-${dataKeys[0]}]` : null;
+
+        return data;
+    };
+
     parseDataSelector = id => {
-        const { selector: s } = this;
+        const { selector: _selector, getDataSelector } = this;
 
+        const s = (typeof _selector === 'string') ? _selector : getDataSelector(_selector);
         const reg = /\[|\]|data-/gi;
 
         if ((typeof s === 'string') && reg.test(s)) {