@@ -75,6 +75,7 @@ export class Component {
7575 context {object} контекст для параметра 'var' и вызовов 'also'
7676 text {string} добавить в textContent
7777 html {string} добавить в innerHTML
78+ attr {object} добавить аттрибуты
7879 class {string} добавить в className
7980 also {function} - вызвать с текущим компонентом: { ... , also(el) { console.log(el); }, }
8081 export {array} - положить в 0 ячейку указанного массива
@@ -83,6 +84,7 @@ export class Component {
8384 parent - {Element} добавляет компонент к указанному элементу (имеет смысл только для корневого компонента)
8485 style {string | object} объект в виде { padding: '0px', ... } или строка css стилей
8586 children - массив DOM, Component, object, html string
87+ всё остальное будет добавлено как property
8688 */
8789 /**
8890 * Создать компонент
@@ -111,11 +113,12 @@ export class Component {
111113 case 'also' : if ( context ) val . call ( context , $el ) ; break ;
112114 case 'export' : val [ 0 ] = $el ; break ;
113115 case 'var' : if ( context ) context [ '$' + val ] = $el ; break ;
114- case 'events' : for ( const [ ev , handler ] of Object . entries ( val ) ) if ( handler ) $el . addEventListener ( ev , handler . bind ( context ) ) ; break ;
116+ case 'events' : for ( let ev in val ) if ( val [ ev ] ) $el . addEventListener ( ev , val [ ev ] . bind ( context ) ) ; break ;
115117 case 'parent' : if ( val instanceof Element ) val . append ( $el ) ; break ;
118+ case 'attr' : for ( let attr in val ) $el . setAttribute ( attr , val [ attr ] ) ; break ;
116119 case 'style' :
117120 if ( typeof val === 'string' ) $el . style = val + ';' ;
118- else for ( const [ skey , sval ] of Object . entries ( val ) ) $el . style [ skey ] = sval ;
121+ else for ( let st in val ) $el . style [ st ] = val [ st ] ;
119122 break ;
120123 case 'children' :
121124 for ( const obj of val ) {
0 commit comments