import _ from './utils'
/*
@class Element Virtrual dom
@param { String } tagName
@param { Object } attrs Element's attrs, 如: { id: 'list' }
@param { Array } å¯ä»¥æ˜¯Element对象，也å¯ä»¥åªæ˜¯å—符串，å³textNode
*/
class Element {
constructor(tagName,attrs,children){
//如果åªæœ‰ä¸¤ä¸ªå‚æ•°
if (_.isArray(attrs)) {
children = attrs
attrs = {}
}
this.tagName = tagName
this.attrs = attrs || {}
this.children = children
//设置 this.key 属性，为åŽé¢çš„list diff åšå‡†å¤‡
this.key = attrs ? attrs.key : void 0
}
render () {
let el = document.createElement(this.tagName)
//设置节点属性
for (let attrName in attrs){
let attrValue = attrs[attrName]
_.setAttr(el,attrName,attrValue)
}
//设置å节点的内容，有å¯èƒ½è¦é€’归设置
let children = this.children || []
children.forEach(child=>{
let childEl = child instanceof Element ? child.render() : document.createTextNode(child)
el.appendChild(childEl)
})
return el
}
}
function el(tagName,attrs,children){
return new Element(tagName,attrs,children)
}
// module.exports = el