You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
4.0 KiB
122 lines
4.0 KiB
2 months ago
|
'use strict';
|
||
|
|
||
|
Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
|
||
|
var vue = require('vue');
|
||
|
require('../strings.js');
|
||
|
require('../types.js');
|
||
|
require('../objects.js');
|
||
|
var error = require('../error.js');
|
||
|
var shared = require('@vue/shared');
|
||
|
|
||
|
const SCOPE = "utils/vue/vnode";
|
||
|
var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
|
||
|
PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
|
||
|
PatchFlags2[PatchFlags2["CLASS"] = 2] = "CLASS";
|
||
|
PatchFlags2[PatchFlags2["STYLE"] = 4] = "STYLE";
|
||
|
PatchFlags2[PatchFlags2["PROPS"] = 8] = "PROPS";
|
||
|
PatchFlags2[PatchFlags2["FULL_PROPS"] = 16] = "FULL_PROPS";
|
||
|
PatchFlags2[PatchFlags2["HYDRATE_EVENTS"] = 32] = "HYDRATE_EVENTS";
|
||
|
PatchFlags2[PatchFlags2["STABLE_FRAGMENT"] = 64] = "STABLE_FRAGMENT";
|
||
|
PatchFlags2[PatchFlags2["KEYED_FRAGMENT"] = 128] = "KEYED_FRAGMENT";
|
||
|
PatchFlags2[PatchFlags2["UNKEYED_FRAGMENT"] = 256] = "UNKEYED_FRAGMENT";
|
||
|
PatchFlags2[PatchFlags2["NEED_PATCH"] = 512] = "NEED_PATCH";
|
||
|
PatchFlags2[PatchFlags2["DYNAMIC_SLOTS"] = 1024] = "DYNAMIC_SLOTS";
|
||
|
PatchFlags2[PatchFlags2["HOISTED"] = -1] = "HOISTED";
|
||
|
PatchFlags2[PatchFlags2["BAIL"] = -2] = "BAIL";
|
||
|
return PatchFlags2;
|
||
|
})(PatchFlags || {});
|
||
|
function isFragment(node) {
|
||
|
return vue.isVNode(node) && node.type === vue.Fragment;
|
||
|
}
|
||
|
function isText(node) {
|
||
|
return vue.isVNode(node) && node.type === vue.Text;
|
||
|
}
|
||
|
function isComment(node) {
|
||
|
return vue.isVNode(node) && node.type === vue.Comment;
|
||
|
}
|
||
|
const TEMPLATE = "template";
|
||
|
function isTemplate(node) {
|
||
|
return vue.isVNode(node) && node.type === TEMPLATE;
|
||
|
}
|
||
|
function isValidElementNode(node) {
|
||
|
return vue.isVNode(node) && !isFragment(node) && !isComment(node);
|
||
|
}
|
||
|
function getChildren(node, depth) {
|
||
|
if (isComment(node))
|
||
|
return;
|
||
|
if (isFragment(node) || isTemplate(node)) {
|
||
|
return depth > 0 ? getFirstValidNode(node.children, depth - 1) : void 0;
|
||
|
}
|
||
|
return node;
|
||
|
}
|
||
|
const getFirstValidNode = (nodes, maxDepth = 3) => {
|
||
|
if (Array.isArray(nodes)) {
|
||
|
return getChildren(nodes[0], maxDepth);
|
||
|
} else {
|
||
|
return getChildren(nodes, maxDepth);
|
||
|
}
|
||
|
};
|
||
|
function renderIf(condition, ...args) {
|
||
|
return condition ? renderBlock(...args) : vue.createCommentVNode("v-if", true);
|
||
|
}
|
||
|
function renderBlock(...args) {
|
||
|
return vue.openBlock(), vue.createBlock(...args);
|
||
|
}
|
||
|
const getNormalizedProps = (node) => {
|
||
|
if (!vue.isVNode(node)) {
|
||
|
error.debugWarn(SCOPE, "[getNormalizedProps] must be a VNode");
|
||
|
return {};
|
||
|
}
|
||
|
const raw = node.props || {};
|
||
|
const type = (vue.isVNode(node.type) ? node.type.props : void 0) || {};
|
||
|
const props = {};
|
||
|
Object.keys(type).forEach((key) => {
|
||
|
if (shared.hasOwn(type[key], "default")) {
|
||
|
props[key] = type[key].default;
|
||
|
}
|
||
|
});
|
||
|
Object.keys(raw).forEach((key) => {
|
||
|
props[shared.camelize(key)] = raw[key];
|
||
|
});
|
||
|
return props;
|
||
|
};
|
||
|
const ensureOnlyChild = (children) => {
|
||
|
if (!shared.isArray(children) || children.length > 1) {
|
||
|
throw new Error("expect to receive a single Vue element child");
|
||
|
}
|
||
|
return children[0];
|
||
|
};
|
||
|
const flattedChildren = (children) => {
|
||
|
const vNodes = shared.isArray(children) ? children : [children];
|
||
|
const result = [];
|
||
|
vNodes.forEach((child) => {
|
||
|
var _a;
|
||
|
if (shared.isArray(child)) {
|
||
|
result.push(...flattedChildren(child));
|
||
|
} else if (vue.isVNode(child) && shared.isArray(child.children)) {
|
||
|
result.push(...flattedChildren(child.children));
|
||
|
} else {
|
||
|
result.push(child);
|
||
|
if (vue.isVNode(child) && ((_a = child.component) == null ? void 0 : _a.subTree)) {
|
||
|
result.push(...flattedChildren(child.component.subTree));
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
return result;
|
||
|
};
|
||
|
|
||
|
exports.PatchFlags = PatchFlags;
|
||
|
exports.ensureOnlyChild = ensureOnlyChild;
|
||
|
exports.flattedChildren = flattedChildren;
|
||
|
exports.getFirstValidNode = getFirstValidNode;
|
||
|
exports.getNormalizedProps = getNormalizedProps;
|
||
|
exports.isComment = isComment;
|
||
|
exports.isFragment = isFragment;
|
||
|
exports.isTemplate = isTemplate;
|
||
|
exports.isText = isText;
|
||
|
exports.isValidElementNode = isValidElementNode;
|
||
|
exports.renderBlock = renderBlock;
|
||
|
exports.renderIf = renderIf;
|
||
|
//# sourceMappingURL=vnode.js.map
|