33 lines
693 B
JavaScript
33 lines
693 B
JavaScript
|
export function html(strs, ...args) {
|
||
|
|
let output = ''
|
||
|
|
let tmp = Array.from(strs)
|
||
|
|
// console.log(tmp, args)
|
||
|
|
|
||
|
|
while (tmp.length) {
|
||
|
|
let _ = args.shift()
|
||
|
|
switch (typeof _) {
|
||
|
|
case 'function':
|
||
|
|
console.log([_], _.name)
|
||
|
|
_ = _.name
|
||
|
|
break
|
||
|
|
case 'object':
|
||
|
|
if (Array.isArray(_)) {
|
||
|
|
_ = _.join('')
|
||
|
|
}
|
||
|
|
break
|
||
|
|
}
|
||
|
|
output += tmp.shift() + (_ === void 0 ? '' : _)
|
||
|
|
}
|
||
|
|
return output
|
||
|
|
}
|
||
|
|
|
||
|
|
function getTemplate(html) {
|
||
|
|
let template = document.createElement('template')
|
||
|
|
template.innerHTML = html
|
||
|
|
return template.content.cloneNode(true)
|
||
|
|
}
|
||
|
|
|
||
|
|
export function renderRoot(root, html) {
|
||
|
|
root.appendChild(getTemplate(html))
|
||
|
|
}
|