Function createElementNode

tech-study.js:1308–1361

* @description 创建元素节点 * @param eleName * @param props * @param attrs * @param children * @returns

(tagName, props, attrs, children, options)

 * @returns
 */
function createElementNode(tagName, props, attrs, children, options) {
    // 挂载状态
    let beforemount = ref(false);
    // 挂载状态
    let mounted = ref(false);
    const { onCreated, beforeCreat, onMounted, beforeMount } = options || {};
    // 订阅
    const subscribe = (e) => {
        const { onMounted, beforeMount } = e;
        if (beforeMount) {
            watch(beforemount, () => {
                if (beforemount.value) {
                    beforeMount();
                    return;
                }
            }, true);
        }
        if (onMounted) {
            watch(mounted, () => {
                if (mounted.value) {
                    onMounted();
                    return;
                }
            }, true);
        }
    };
    // 取消订阅
    const unsubscribe = (e) => {
        //懒得写
    };
    // 创建元素前
    beforeCreat && beforeCreat();
    // 创建普通元素
    const ele = document.createElement(tagName);
    // 处理属性
    handleProps(ele, props);
    // 处理属性
    handleAttributes(ele, attrs, subscribe, unsubscribe);
    // 处理子元素
    handleChildren(ele, children, subscribe, unsubscribe);
    // 收集挂载前
    const collectBeforeMount = () => {
        beforemount.value = true;
        beforeMount && beforeMount();
    };
    // 收集挂载
    const collectOnMounted = () => {
        mounted.value = true;
        onMounted && onMounted();
    };
    // 创建元素后
    onCreated && onCreated();
    return { ele, beforeMount: collectBeforeMount, onMounted: collectOnMounted };
}
/**
 * @description 创建svg元素
 * @param tagName