1579fe8430
* Do not normalise component children on ingestion * Don't normalise vnode children * Component hyperscript tests: children aren't normalised * test, not text * Update change log: #2155 & #2064
110 lines
2.9 KiB
JavaScript
110 lines
2.9 KiB
JavaScript
"use strict"
|
|
|
|
var Vnode = require("../render/vnode")
|
|
|
|
var selectorParser = /(?:(^|#|\.)([^#\.\[\]]+))|(\[(.+?)(?:\s*=\s*("|'|)((?:\\["'\]]|.)*?)\5)?\])/g
|
|
var selectorCache = {}
|
|
var hasOwn = {}.hasOwnProperty
|
|
|
|
function isEmpty(object) {
|
|
for (var key in object) if (hasOwn.call(object, key)) return false
|
|
return true
|
|
}
|
|
|
|
function compileSelector(selector) {
|
|
var match, tag = "div", classes = [], attrs = {}
|
|
while (match = selectorParser.exec(selector)) {
|
|
var type = match[1], value = match[2]
|
|
if (type === "" && value !== "") tag = value
|
|
else if (type === "#") attrs.id = value
|
|
else if (type === ".") classes.push(value)
|
|
else if (match[3][0] === "[") {
|
|
var attrValue = match[6]
|
|
if (attrValue) attrValue = attrValue.replace(/\\(["'])/g, "$1").replace(/\\\\/g, "\\")
|
|
if (match[4] === "class") classes.push(attrValue)
|
|
else attrs[match[4]] = attrValue === "" ? attrValue : attrValue || true
|
|
}
|
|
}
|
|
if (classes.length > 0) attrs.className = classes.join(" ")
|
|
return selectorCache[selector] = {tag: tag, attrs: attrs}
|
|
}
|
|
|
|
function execSelector(state, attrs, children) {
|
|
var hasAttrs = false, childList, text
|
|
var className = attrs.className || attrs.class
|
|
|
|
if (!isEmpty(state.attrs) && !isEmpty(attrs)) {
|
|
var newAttrs = {}
|
|
|
|
for(var key in attrs) {
|
|
if (hasOwn.call(attrs, key)) {
|
|
newAttrs[key] = attrs[key]
|
|
}
|
|
}
|
|
|
|
attrs = newAttrs
|
|
}
|
|
|
|
for (var key in state.attrs) {
|
|
if (hasOwn.call(state.attrs, key)) {
|
|
attrs[key] = state.attrs[key]
|
|
}
|
|
}
|
|
|
|
if (className !== undefined) {
|
|
if (attrs.class !== undefined) {
|
|
attrs.class = undefined
|
|
attrs.className = className
|
|
}
|
|
|
|
if (state.attrs.className != null) {
|
|
attrs.className = state.attrs.className + " " + className
|
|
}
|
|
}
|
|
|
|
for (var key in attrs) {
|
|
if (hasOwn.call(attrs, key) && key !== "key") {
|
|
hasAttrs = true
|
|
break
|
|
}
|
|
}
|
|
|
|
if (Array.isArray(children) && children.length === 1 && children[0] != null && children[0].tag === "#") {
|
|
text = children[0].children
|
|
} else {
|
|
childList = children
|
|
}
|
|
|
|
return Vnode(state.tag, attrs.key, hasAttrs ? attrs : undefined, childList, text)
|
|
}
|
|
|
|
function hyperscript(selector) {
|
|
if (selector == null || typeof selector !== "string" && typeof selector !== "function" && typeof selector.view !== "function") {
|
|
throw Error("The selector must be either a string or a component.");
|
|
}
|
|
|
|
var attrs = arguments[1], start = 2, children
|
|
|
|
if (attrs == null) {
|
|
attrs = {}
|
|
} else if (typeof attrs !== "object" || attrs.tag != null || Array.isArray(attrs)) {
|
|
attrs = {}
|
|
start = 1
|
|
}
|
|
|
|
if (arguments.length === start + 1) {
|
|
children = arguments[start]
|
|
if (!Array.isArray(children)) children = [children]
|
|
} else {
|
|
children = []
|
|
while (start < arguments.length) children.push(arguments[start++])
|
|
}
|
|
|
|
if (typeof selector === "string") {
|
|
return execSelector(selectorCache[selector] || compileSelector(selector), attrs, Vnode.normalizeChildren(children))
|
|
} else {
|
|
return Vnode(selector, attrs.key, attrs, children)
|
|
}
|
|
}
|
|
|
|
module.exports = hyperscript
|