@alexgyver/component 1.0.14 → 1.0.16

package/component.js

@@ -75,6 +75,8 @@ export class Component {
         context {object} контекст для параметра 'var' и вызовов 'also'
         text {string} добавить в textContent
         html {string} добавить в innerHTML
+        attrs {object} добавить аттрибуты
+        props {object} добавить свойства
         class {string} добавить в className
         also {function} - вызвать с текущим компонентом: { ... , also(el) { console.log(el); }, }
         export {array} - положить в 0 ячейку указанного массива
@@ -83,6 +85,7 @@ export class Component {
         parent - {Element} добавляет компонент к указанному элементу (имеет смысл только для корневого компонента)
         style {string | object} объект в виде { padding: '0px', ... } или строка css стилей
         children - массив DOM, Component, object, html string
+        всё остальное будет добавлено как property
    */
     /**
      * Создать компонент
@@ -111,11 +114,13 @@ export class Component {
                 case 'also': if (context) val.call(context, $el); break;
                 case 'export': val[0] = $el; break;
                 case 'var': if (context) context['$' + val] = $el; break;
-                case 'events': for (const [ev, handler] of Object.entries(val)) if (handler) $el.addEventListener(ev, handler.bind(context)); break;
+                case 'events': for (let ev in val) if (val[ev]) $el.addEventListener(ev, val[ev].bind(context)); break;
                 case 'parent': if (val instanceof Element) val.append($el); break;
+                case 'attrs': for (let attr in val) $el.setAttribute(attr, val[attr]); break;
+                case 'props': for (let prop in val) $el[prop] = val[prop]; break;
                 case 'style':
                     if (typeof val === 'string') $el.style = val + ';';
-                    else for (const [skey, sval] of Object.entries(val)) $el.style[skey] = sval;
+                    else for (let st in val) $el.style[st] = val[st];
                     break;
                 case 'children':
                     for (const obj of val) {
@@ -130,7 +135,7 @@ export class Component {
                         }
                     }
                     break;
-                default: $el.setAttribute(key, val); break;
+                default: $el[key] = val; break;
             }
         }
         return $el;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexgyver/component",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Simple HTML element builder",
   "main": "./component.js",
   "module": "./component.js",