mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-30 02:58:05 +08:00
jssdk 改成私有模块化加载器
This commit is contained in:
2betop
parent
ddd562c7f4
commit
1657929a33
@ -1,292 +1,265 @@
|
||||
/**
|
||||
* @file: mod.js
|
||||
* @author fis
|
||||
* ver: 1.0.13
|
||||
* update: 2016/01/27
|
||||
* https://github.com/fex-team/mod
|
||||
* @file mod-sandbox.js.
|
||||
*/
|
||||
var require;
|
||||
|
||||
/* eslint-disable no-unused-vars */
|
||||
var define;
|
||||
/* eslint-disable */
|
||||
|
||||
(function (global) {
|
||||
var require, define;
|
||||
var amis = window.amis || {};
|
||||
|
||||
var amis = window.amis || {};
|
||||
// 避免重复加载而导致已定义模块丢失
|
||||
if (require) {
|
||||
return;
|
||||
// 避免重复加载而导致已定义模块丢失
|
||||
if (amis.require) {
|
||||
return;
|
||||
}
|
||||
|
||||
var head = document.getElementsByTagName('head')[0];
|
||||
var loadingMap = {};
|
||||
var factoryMap = {};
|
||||
var modulesMap = {};
|
||||
var scriptsMap = {};
|
||||
var resMap = {};
|
||||
var pkgMap = {};
|
||||
|
||||
var createScripts = function (queues, onerror) {
|
||||
var docFrag = document.createDocumentFragment();
|
||||
|
||||
for (var i = 0, len = queues.length; i < len; i++) {
|
||||
var id = queues[i].id;
|
||||
var url = queues[i].url;
|
||||
|
||||
if (url in scriptsMap) {
|
||||
continue;
|
||||
}
|
||||
|
||||
scriptsMap[url] = true;
|
||||
|
||||
var script = document.createElement('script');
|
||||
if (onerror) {
|
||||
(function (script, id) {
|
||||
var tid = setTimeout(function () {
|
||||
onerror(id);
|
||||
}, require.timeout);
|
||||
|
||||
script.onerror = function () {
|
||||
clearTimeout(tid);
|
||||
onerror(id);
|
||||
};
|
||||
|
||||
var onload = function () {
|
||||
clearTimeout(tid);
|
||||
};
|
||||
|
||||
if ('onload' in script) {
|
||||
script.onload = onload;
|
||||
} else {
|
||||
script.onreadystatechange = function () {
|
||||
if (
|
||||
this.readyState === 'loaded' ||
|
||||
this.readyState === 'complete'
|
||||
) {
|
||||
onload();
|
||||
}
|
||||
};
|
||||
}
|
||||
})(script, id);
|
||||
}
|
||||
script.type = 'text/javascript';
|
||||
script.src = url;
|
||||
|
||||
docFrag.appendChild(script);
|
||||
}
|
||||
|
||||
var head = document.getElementsByTagName('head')[0];
|
||||
var loadingMap = {};
|
||||
var factoryMap = {};
|
||||
var modulesMap = {};
|
||||
var scriptsMap = {};
|
||||
var resMap = {};
|
||||
var pkgMap = {};
|
||||
head.appendChild(docFrag);
|
||||
};
|
||||
|
||||
var createScripts = function (queues, onerror) {
|
||||
var loadScripts = function (ids, callback, onerror) {
|
||||
var queues = [];
|
||||
for (var i = 0, len = ids.length; i < len; i++) {
|
||||
var id = ids[i];
|
||||
var queue = loadingMap[id] || (loadingMap[id] = []);
|
||||
queue.push(callback);
|
||||
|
||||
var docFrag = document.createDocumentFragment();
|
||||
//
|
||||
// resource map query
|
||||
//
|
||||
var res = resMap[id] || resMap[id + '.js'] || {};
|
||||
var pkg = res.pkg;
|
||||
var url;
|
||||
|
||||
for (var i = 0, len = queues.length; i < len; i++) {
|
||||
var id = queues[i].id;
|
||||
var url = queues[i].url;
|
||||
if (pkg) {
|
||||
url = pkgMap[pkg].url || pkgMap[pkg].uri;
|
||||
} else {
|
||||
url = res.url || res.uri || id;
|
||||
}
|
||||
|
||||
if (url in scriptsMap) {
|
||||
continue;
|
||||
}
|
||||
queues.push({
|
||||
id: id,
|
||||
url: url
|
||||
});
|
||||
}
|
||||
|
||||
scriptsMap[url] = true;
|
||||
createScripts(queues, onerror);
|
||||
};
|
||||
|
||||
var script = document.createElement('script');
|
||||
if (onerror) {
|
||||
(function (script, id) {
|
||||
var tid = setTimeout(function () {
|
||||
onerror(id);
|
||||
}, require.timeout);
|
||||
define = function (id, factory) {
|
||||
id = id.replace(/\.js$/i, '');
|
||||
factoryMap[id] = factory;
|
||||
|
||||
script.onerror = function () {
|
||||
clearTimeout(tid);
|
||||
onerror(id);
|
||||
};
|
||||
var queue = loadingMap[id];
|
||||
if (queue) {
|
||||
for (var i = 0, n = queue.length; i < n; i++) {
|
||||
queue[i]();
|
||||
}
|
||||
delete loadingMap[id];
|
||||
}
|
||||
};
|
||||
|
||||
var onload = function () {
|
||||
clearTimeout(tid);
|
||||
};
|
||||
require = function (id) {
|
||||
// compatible with require([dep, dep2...]) syntax.
|
||||
if (id && id.splice) {
|
||||
return require.async.apply(this, arguments);
|
||||
}
|
||||
|
||||
if ('onload' in script) {
|
||||
script.onload = onload;
|
||||
}
|
||||
else {
|
||||
script.onreadystatechange = function () {
|
||||
if (this.readyState === 'loaded' || this.readyState === 'complete') {
|
||||
onload();
|
||||
}
|
||||
};
|
||||
}
|
||||
})(script, id);
|
||||
}
|
||||
script.type = 'text/javascript';
|
||||
script.src = url;
|
||||
id = require.alias(id);
|
||||
|
||||
docFrag.appendChild(script);
|
||||
}
|
||||
var mod = modulesMap[id];
|
||||
if (mod) {
|
||||
return mod.exports;
|
||||
}
|
||||
|
||||
head.appendChild(docFrag);
|
||||
//
|
||||
// init module
|
||||
//
|
||||
var factory = factoryMap[id];
|
||||
if (!factory) {
|
||||
throw '[ModJS] Cannot find module `' + id + '`';
|
||||
}
|
||||
|
||||
mod = modulesMap[id] = {
|
||||
exports: {}
|
||||
};
|
||||
|
||||
var loadScripts = function (ids, callback, onerror) {
|
||||
var queues = [];
|
||||
for (var i = 0, len = ids.length; i < len; i++) {
|
||||
var id = ids[i];
|
||||
var queue = loadingMap[id] || (loadingMap[id] = []);
|
||||
queue.push(callback);
|
||||
//
|
||||
// factory: function OR value
|
||||
//
|
||||
var ret =
|
||||
typeof factory === 'function'
|
||||
? factory.apply(mod, [require, mod.exports, mod])
|
||||
: factory;
|
||||
|
||||
//
|
||||
// resource map query
|
||||
//
|
||||
var res = resMap[id] || resMap[id + '.js'] || {};
|
||||
var pkg = res.pkg;
|
||||
var url;
|
||||
if (ret) {
|
||||
mod.exports = ret;
|
||||
}
|
||||
|
||||
if (pkg) {
|
||||
url = pkgMap[pkg].url || pkgMap[pkg].uri;
|
||||
}
|
||||
else {
|
||||
url = res.url || res.uri || id;
|
||||
}
|
||||
return mod.exports;
|
||||
};
|
||||
|
||||
queues.push({
|
||||
id: id,
|
||||
url: url
|
||||
});
|
||||
}
|
||||
require.async = function (names, onload, onerror) {
|
||||
if (typeof names === 'string') {
|
||||
names = [names];
|
||||
}
|
||||
|
||||
createScripts(queues, onerror);
|
||||
};
|
||||
var needMap = {};
|
||||
var needNum = 0;
|
||||
var needLoad = [];
|
||||
|
||||
define = function (id, factory) {
|
||||
id = id.replace(/\.js$/i, '');
|
||||
factoryMap[id] = factory;
|
||||
|
||||
var queue = loadingMap[id];
|
||||
if (queue) {
|
||||
for (var i = 0, n = queue.length; i < n; i++) {
|
||||
queue[i]();
|
||||
}
|
||||
delete loadingMap[id];
|
||||
}
|
||||
};
|
||||
|
||||
require = function (id) {
|
||||
|
||||
// compatible with require([dep, dep2...]) syntax.
|
||||
if (id && id.splice) {
|
||||
return require.async.apply(this, arguments);
|
||||
}
|
||||
|
||||
id = require.alias(id);
|
||||
|
||||
var mod = modulesMap[id];
|
||||
if (mod) {
|
||||
return mod.exports;
|
||||
}
|
||||
function findNeed(depArr) {
|
||||
var child;
|
||||
|
||||
for (var i = 0, n = depArr.length; i < n; i++) {
|
||||
//
|
||||
// init module
|
||||
// skip loading or loaded
|
||||
//
|
||||
var factory = factoryMap[id];
|
||||
if (!factory) {
|
||||
throw '[ModJS] Cannot find module `' + id + '`';
|
||||
var dep = require.alias(depArr[i]);
|
||||
|
||||
if (dep in needMap) {
|
||||
continue;
|
||||
}
|
||||
|
||||
mod = modulesMap[id] = {
|
||||
exports: {}
|
||||
};
|
||||
needMap[dep] = true;
|
||||
|
||||
//
|
||||
// factory: function OR value
|
||||
//
|
||||
var ret = (typeof factory === 'function') ? factory.apply(mod, [require, mod.exports, mod]) : factory;
|
||||
|
||||
if (ret) {
|
||||
mod.exports = ret;
|
||||
if (dep in factoryMap) {
|
||||
// check whether loaded resource's deps is loaded or not
|
||||
child = resMap[dep] || resMap[dep + '.js'];
|
||||
if (child && 'deps' in child) {
|
||||
findNeed(child.deps);
|
||||
}
|
||||
continue;
|
||||
}
|
||||
|
||||
return mod.exports;
|
||||
};
|
||||
needLoad.push(dep);
|
||||
needNum++;
|
||||
|
||||
require.async = function (names, onload, onerror) {
|
||||
if (typeof names === 'string') {
|
||||
names = [names];
|
||||
child = resMap[dep] || resMap[dep + '.js'];
|
||||
if (child && 'deps' in child) {
|
||||
findNeed(child.deps);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function updateNeed() {
|
||||
if (0 === needNum--) {
|
||||
var args = [];
|
||||
for (var i = 0, n = names.length; i < n; i++) {
|
||||
args[i] = require(names[i]);
|
||||
}
|
||||
|
||||
var needMap = {};
|
||||
var needNum = 0;
|
||||
var needLoad = [];
|
||||
onload && onload.apply(global, args);
|
||||
}
|
||||
}
|
||||
|
||||
function findNeed(depArr) {
|
||||
var child;
|
||||
findNeed(names);
|
||||
loadScripts(needLoad, updateNeed, onerror);
|
||||
updateNeed();
|
||||
};
|
||||
|
||||
for (var i = 0, n = depArr.length; i < n; i++) {
|
||||
//
|
||||
// skip loading or loaded
|
||||
//
|
||||
var dep = require.alias(depArr[i]);
|
||||
require.ensure = function (names, callback) {
|
||||
require.async(names, function () {
|
||||
callback && callback.call(this, require);
|
||||
});
|
||||
};
|
||||
|
||||
if (dep in needMap) {
|
||||
continue;
|
||||
}
|
||||
require.resourceMap = function (obj) {
|
||||
var k;
|
||||
var col;
|
||||
|
||||
needMap[dep] = true;
|
||||
// merge `res` & `pkg` fields
|
||||
col = obj.res;
|
||||
for (k in col) {
|
||||
if (col.hasOwnProperty(k)) {
|
||||
resMap[k] = col[k];
|
||||
}
|
||||
}
|
||||
|
||||
if (dep in factoryMap) {
|
||||
// check whether loaded resource's deps is loaded or not
|
||||
child = resMap[dep] || resMap[dep + '.js'];
|
||||
if (child && 'deps' in child) {
|
||||
findNeed(child.deps);
|
||||
}
|
||||
continue;
|
||||
}
|
||||
col = obj.pkg;
|
||||
for (k in col) {
|
||||
if (col.hasOwnProperty(k)) {
|
||||
pkgMap[k] = col[k];
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
needLoad.push(dep);
|
||||
needNum++;
|
||||
require.loadJs = function (url) {
|
||||
if (url in scriptsMap) {
|
||||
return;
|
||||
}
|
||||
|
||||
child = resMap[dep] || resMap[dep + '.js'];
|
||||
if (child && 'deps' in child) {
|
||||
findNeed(child.deps);
|
||||
}
|
||||
}
|
||||
}
|
||||
scriptsMap[url] = true;
|
||||
|
||||
function updateNeed() {
|
||||
if (0 === needNum--) {
|
||||
var args = [];
|
||||
for (var i = 0, n = names.length; i < n; i++) {
|
||||
args[i] = require(names[i]);
|
||||
}
|
||||
var script = document.createElement('script');
|
||||
script.type = 'text/javascript';
|
||||
script.src = url;
|
||||
head.appendChild(script);
|
||||
};
|
||||
|
||||
onload && onload.apply(global, args);
|
||||
}
|
||||
}
|
||||
require.alias = function (id) {
|
||||
return id.replace(/\.js$/i, '');
|
||||
};
|
||||
|
||||
findNeed(names);
|
||||
loadScripts(needLoad, updateNeed, onerror);
|
||||
updateNeed();
|
||||
};
|
||||
|
||||
require.ensure = function (names, callback) {
|
||||
require.async(names, function () {
|
||||
callback && callback.call(this, require);
|
||||
});
|
||||
};
|
||||
|
||||
require.resourceMap = function (obj) {
|
||||
var k;
|
||||
var col;
|
||||
|
||||
// merge `res` & `pkg` fields
|
||||
col = obj.res;
|
||||
for (k in col) {
|
||||
if (col.hasOwnProperty(k)) {
|
||||
resMap[k] = col[k];
|
||||
}
|
||||
}
|
||||
|
||||
col = obj.pkg;
|
||||
for (k in col) {
|
||||
if (col.hasOwnProperty(k)) {
|
||||
pkgMap[k] = col[k];
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
require.loadJs = function (url) {
|
||||
if (url in scriptsMap) {
|
||||
return;
|
||||
}
|
||||
|
||||
scriptsMap[url] = true;
|
||||
|
||||
var script = document.createElement('script');
|
||||
script.type = 'text/javascript';
|
||||
script.src = url;
|
||||
head.appendChild(script);
|
||||
};
|
||||
|
||||
require.loadCss = function (cfg) {
|
||||
if (cfg.content) {
|
||||
var sty = document.createElement('style');
|
||||
sty.type = 'text/css';
|
||||
|
||||
if (sty.styleSheet) { // IE
|
||||
sty.styleSheet.cssText = cfg.content;
|
||||
}
|
||||
else {
|
||||
sty.innerHTML = cfg.content;
|
||||
}
|
||||
head.appendChild(sty);
|
||||
}
|
||||
else if (cfg.url) {
|
||||
var link = document.createElement('link');
|
||||
link.href = cfg.url;
|
||||
link.rel = 'stylesheet';
|
||||
link.type = 'text/css';
|
||||
head.appendChild(link);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
require.alias = function (id) {
|
||||
return id.replace(/\.js$/i, '');
|
||||
};
|
||||
|
||||
require.timeout = 5000;
|
||||
|
||||
amis.require = require;
|
||||
amis.define = define;
|
||||
window.amis = amis;
|
||||
require.timeout = 5000;
|
||||
|
||||
amis.require = require;
|
||||
amis.define = define;
|
||||
window.amis = amis;
|
||||
// window.require = window.require || require;
|
||||
})(this);
|
||||
|
||||
@ -7,7 +7,7 @@ export interface ApiObject {
|
||||
withCredentials?: boolean;
|
||||
cancelExecutor?: (cancel: Function) => void;
|
||||
};
|
||||
autoRefresh: boolean; // 是否自动刷新，当 url 中的取值结果变化时，自动刷新数据。
|
||||
autoRefresh?: boolean; // 是否自动刷新，当 url 中的取值结果变化时，自动刷新数据。
|
||||
reload?: string;
|
||||
sendOn?: string;
|
||||
adaptor?: (payload: object, response: fetcherResult, api: ApiObject) => any;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user