element-plus
Version:
A Component Library for Vue3.0
75 lines (72 loc) • 2.98 kB
JavaScript
import { Fragment, Text, Comment, openBlock, createBlock, createCommentVNode, isVNode, camelize } from 'vue';
import { hasOwn } from '@vue/shared';
import { warn } from './error';
const TEMPLATE = 'template';
const SCOPE = 'VNode';
var PatchFlags;
(function (PatchFlags) {
PatchFlags[PatchFlags["TEXT"] = 1] = "TEXT";
PatchFlags[PatchFlags["CLASS"] = 2] = "CLASS";
PatchFlags[PatchFlags["STYLE"] = 4] = "STYLE";
PatchFlags[PatchFlags["PROPS"] = 8] = "PROPS";
PatchFlags[PatchFlags["FULL_PROPS"] = 16] = "FULL_PROPS";
PatchFlags[PatchFlags["HYDRATE_EVENTS"] = 32] = "HYDRATE_EVENTS";
PatchFlags[PatchFlags["STABLE_FRAGMENT"] = 64] = "STABLE_FRAGMENT";
PatchFlags[PatchFlags["KEYED_FRAGMENT"] = 128] = "KEYED_FRAGMENT";
PatchFlags[PatchFlags["UNKEYED_FRAGMENT"] = 256] = "UNKEYED_FRAGMENT";
PatchFlags[PatchFlags["NEED_PATCH"] = 512] = "NEED_PATCH";
PatchFlags[PatchFlags["DYNAMIC_SLOTS"] = 1024] = "DYNAMIC_SLOTS";
PatchFlags[PatchFlags["HOISTED"] = -1] = "HOISTED";
PatchFlags[PatchFlags["BAIL"] = -2] = "BAIL";
})(PatchFlags || (PatchFlags = {}));
const isFragment = (node) => node.type === Fragment;
const isText = (node) => node.type === Text;
const isComment = (node) => node.type === Comment;
const isTemplate = (node) => node.type === TEMPLATE;
function getChildren(node, depth) {
if (isComment(node))
return;
if (isFragment(node) || isTemplate(node)) {
return depth > 0
? getFirstValidNode(node.children, depth - 1)
: undefined;
}
return node;
}
const isValidElementNode = (node) => !(isFragment(node) || isComment(node));
const getFirstValidNode = (nodes, maxDepth = 3) => {
if (Array.isArray(nodes)) {
return getChildren(nodes[0], maxDepth);
}
else {
return getChildren(nodes, maxDepth);
}
};
function renderIf(condition, node, props, children, patchFlag, patchProps) {
return (condition
? renderBlock(node, props, children, patchFlag, patchProps)
: createCommentVNode('v-if', true));
}
function renderBlock(node, props, children, patchFlag, patchProps) {
return (openBlock(), createBlock(node, props, children, patchFlag, patchProps));
}
const getNormalizedProps = (node) => {
var _a;
if (!isVNode(node)) {
warn(SCOPE, 'value must be a VNode');
return;
}
const raw = node.props || {};
const type = ((_a = node.type) === null || _a === void 0 ? void 0 : _a.props) || {};
const props = {};
Object.keys(type).forEach(key => {
if (hasOwn(type[key], 'default')) {
props[key] = type[key].default;
}
});
Object.keys(raw).forEach(key => {
props[camelize(key)] = raw[key];
});
return props;
};
export { PatchFlags, SCOPE, getFirstValidNode, getNormalizedProps, isComment, isFragment, isTemplate, isText, isValidElementNode, renderBlock, renderIf };