pk8f3pmu2/miniprogram/towxml/parse/index.js

const parse2 = require('./parse2/index'),
    // parse5 = require('./parse5/index').parse,
    config = require('../config'),

    // html与wxml转换关系
    correspondTag = (()=>{
        let result = {
                a:'navigator',
                todogroup:'checkbox-group',
                audio:'audio-player'
            };
        
        // // 该系列的标签都转换为text
        // ['span','b','strong','i','em','code','sub','sup','g-emoji','mark','ins'].forEach(item => {
        //     result[item] = 'text';
        // });

        // 该系列小程序原生tag，不需转换
        [...config.wxml,...config.components].forEach(item => {
            result[item] = item;
        });
        return result;
    })(),

    // 元素与html对应的wxml标签名
    getWxmlTag = tagStr => !tagStr ? undefined : correspondTag[tagStr] || 'view',

    // 精简数据，并初始化相关事件等
    initObj = (obj,option)=>{
        const result = {
                theme:option.theme || 'light',
                _e:{}
            },
            events = global._events = {},
            base = option.base;

        // 主题保存到全局
        global._theme = result.theme;

        // 事件添加到全局中，各个组件在触发事件时会从全局调用
        if(option.events){
            for(let key in option.events){
                events[key] = option.events[key];
            };
        };

        // 遍历原始数据，处理成能解析的数据
        let eachFn;
        (eachFn = (arr,obj,_e) => {
            obj.child = obj.child || [];
            _e.child = _e.child || [];

            arr.forEach(item => {
                if(item.type === 'comment'){
                    return;
                };
                let o = {},
                    e = {};
                o.type = e.type = item.type;
                o._e = e;
                if(item.type === 'text'){
                    o.text = e.text = item.data;
                }else{
                    o.tag = getWxmlTag(item.name);      // 转换之后的标签
                    // o.tag = o.tag === 'text' ? 'view' : o.tag;
                    e.tag = item.name;                  // 原始
                    o.attr = item.attribs;
                    e.attr = JSON.parse(JSON.stringify(item.attribs));

                    o.attr.class = o.attr.class ? `h2w__${item.name} ${o.attr.class}` : `h2w__${item.name}`;

                    // 处理资源相对路径
                    if(base && o.attr.src){
                        let src = o.attr.src;
                        switch (src.indexOf('//')) {
                            case 0:
                                o.attr.src = `https:${src}`;
                            break;
                            case -1:
                                o.attr.src = `${base}${src}`;
                            break;
                        };
                    };

                    if(item.children){
                        eachFn(item.children,o,e);
                    };
                };
                _e.child.push(e);
                obj.child.push(o);
            });
        })(obj,result,result._e);
        return result;
    };

module.exports = (str,option) => {
    str = (()=>{
        let re = /<body[^>]*>([\s\S]*)<\/body>/i;
        if(re.test(str)){
            let result = re.exec(str);
            return result[1] || str;
        }else{
            return str;
        };
    })();
    return initObj(parse2(str,{decodeEntities:true}),option);
};