揭秘OneCode前端框架底层设计：从xui.js看企业级低代码架构的实现哲学

git clone https://gitee.com/wenzhang77/onecode-web.git

xui.Class("xui.Timer", "xui.absObj", {
    Instance: {
        _ini: function (properties, events, host) {
            // 实例初始化逻辑
        },
        start: function () {
            // 启动定时器
        },
        // ...其他实例方法
    },
    Static: {
        DataModel: {
            autoStart: true,
            interval: 1000
        },
        EventHandlers: {
            onTime: function (profile, threadId) {
                // 时间事件处理
            }
            // ...其他事件处理函数
        }
    }
});

// 多父类模式
pkey = (!pkey ? [] : typeof pkey == 'string' ? [pkey] : pkey);
for (i = 0; t = pkey[i]; i++)
    if (!(_parent[i] = (xui.get(w, t.split('.')) || (xui && xui.SC && xui.SC(t)))))
        throw 'errNoParent--' + t;

xui.subscribe(topic, subscriber, receiver, asy);
xui.publish(topic, args, subscribers, scope);

start: function () {
    return this.each(function (profile) {
        if (profile.$inDesign) return;
        if (profile._threadid) {
            xui.Thread.resume(profile._threadid);
        } else {
            var p = profile.properties, box = profile.boxing(),
                t = xui.Thread.repeat(function (threadId) {
                    if (profile.$onTime && false === profile.$onTime(profile, threadId)) return false;
                    if (profile.onTime && false === box.onTime(profile, threadId)) return false;
                }, p.interval);
            profile._threadid = t.id;
        }
    });
}

broadcast: function (recipientType, msg1, msg2, msg3, msg4, msg5, readReceipt) {
    return this.each(function (profile) {
        var ins = profile.boxing();
        xui.arr.each(recipientType.split(/[\s,;:]+/), function (t) {
            xui.publish(t, [msg1, msg2, msg3, msg4, msg5, function () {
                xui.tryF(readReceipt);
                if (profile.onReceipt) ins.onReceipt.apply(ins, [profile, t, xui.toArr(arguments)]);
            }], null, ins);
        });
    });
}

xui.Class("xui.ExcelFormula", null, {
    Static: {
        Supported: {
            SUM: function () { ... },
            AVERAGE: function () { ... },
            // 支持30+ Excel函数
        },
        calculate: function (formula, cellsMap) {
            // 公式解析与计算
        }
    }
});

// 从属性定义推断组件元数据结构
DataModel: {
    autoStart: true,
    "interval": 1000
},
EventHandlers: {
    onTime: function (profile, threadId) { ... },
    onStart: function (profile, threadId) { ... }
}

SpaceUnit: 'em',
$us: function (p) {
    // ie67 always px
    return (xui.browser.ie6 || xui.browser.ie7) ? p ? -2 : -1 :
        (p = p ? (p._spaceUnit || (p.properties && p.properties.spaceUnit)) : '') == 'px' ? -2 : p == 'em' ? 2 :
            xui.SpaceUnit == 'px' ? -1 : xui.SpaceUnit == 'em' ? 1 : 0;
},

// 浏览器特性检测与polyfill
new function () {
    var lastTime = 0, vendors = ['ms', 'moz', 'webkit', 'o'], w = window, i = 0, l = vendors.length, tag;
    for (; i < l && !w.requestAnimationFrame && (tag = vendors[i++]);) {
        w.requestAnimationFrame = w[tag + 'RequestAnimationFrame'];
        w.cancelAnimationFrame = w[tag + 'CancelAnimationFrame'] || w[tag + 'CancelRequestAnimationFrame'];
    }
    // ...其他特性检测
};