@alexgyver/component 1.2.7 → 1.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.js +5 -4
- package/README.md +4 -3
- package/package.json +1 -1
package/Component.js
CHANGED
|
@@ -30,8 +30,9 @@ export class Component {
|
|
|
30
30
|
* events {object} - добавляет addEventListener'ы {event: handler}
|
|
31
31
|
* parent - {Element} добавляет компонент к указанному элементу (имеет смысл только для корневого компонента)
|
|
32
32
|
* style {string | object} - объект в виде { padding: '0px', ... } или строка css стилей
|
|
33
|
-
* children/children_r - массив DOM, Component, object, html string. _r - заменить
|
|
34
|
-
* child/child_r - DOM, Component, object, html string. _r - заменить
|
|
33
|
+
* children/children_r - массив DOM, Component, object, html string. _r - заменить имеющиеся. Без тега tag будет div
|
|
34
|
+
* child/child_r - DOM, Component, object, html string. _r - заменить имеющиеся. Без тега tag будет div
|
|
35
|
+
* onrender - функция вызовется с компонентом когда он отрендерится
|
|
35
36
|
* всё остальное будет добавлено как property
|
|
36
37
|
*/
|
|
37
38
|
static make(tag, data = {}, svg = false) {
|
|
@@ -46,7 +47,7 @@ export class Component {
|
|
|
46
47
|
|
|
47
48
|
/**
|
|
48
49
|
* Настроить элемент
|
|
49
|
-
* @param {Node} el элемент
|
|
50
|
+
* @param {Node | Array} el элемент или массив элементов
|
|
50
51
|
* @param {object} data параметры
|
|
51
52
|
* @param {object} svg SVG
|
|
52
53
|
* @returns {Node}
|
|
@@ -67,7 +68,7 @@ export class Component {
|
|
|
67
68
|
else if (obj instanceof Component) el.appendChild(obj.$root);
|
|
68
69
|
else if (typeof obj === 'object') {
|
|
69
70
|
if (!obj.context) obj.context = context;
|
|
70
|
-
let cmp = Component.make(obj.tag ?? 'div', obj, svg || ('svg' in obj));
|
|
71
|
+
let cmp = Component.make(obj.tag ?? 'div', obj, svg || ('svg' in obj) || obj.tag == 'svg');
|
|
71
72
|
if (cmp) el.appendChild(cmp);
|
|
72
73
|
} else if (typeof obj === 'string') {
|
|
73
74
|
el.innerHTML += obj;
|
package/README.md
CHANGED
|
@@ -33,8 +33,9 @@ Component(tag, data = {}, svg = false);
|
|
|
33
33
|
* events {object} - добавляет addEventListener'ы {event: handler}
|
|
34
34
|
* parent - {Element} добавляет компонент к указанному элементу (имеет смысл только для корневого компонента)
|
|
35
35
|
* style {string | object} - объект в виде { padding: '0px', ... } или строка css стилей
|
|
36
|
-
* children/children_r - массив DOM, Component, object, html string. _r - заменить
|
|
37
|
-
* child/child_r - DOM, Component, object, html string. _r - заменить
|
|
36
|
+
* children/children_r - массив DOM, Component, object, html string. _r - заменить имеющиеся. Без тега tag будет div
|
|
37
|
+
* child/child_r - DOM, Component, object, html string. _r - заменить имеющиеся. Без тега tag будет div
|
|
38
|
+
* onrender - функция вызовется с компонентом когда он отрендерится
|
|
38
39
|
* всё остальное будет добавлено как property
|
|
39
40
|
*/
|
|
40
41
|
Component.make(tag, data = {});
|
|
@@ -51,7 +52,7 @@ Component.makeShadow(host, data = {}, sheet = null);
|
|
|
51
52
|
|
|
52
53
|
/**
|
|
53
54
|
* Настроить элемент
|
|
54
|
-
* @param {Node} el элемент
|
|
55
|
+
* @param {Node | Array} el элемент или массив элементов
|
|
55
56
|
* @param {object} data параметры
|
|
56
57
|
* @returns {Node}
|
|
57
58
|
*/
|