olympus-r
Version:
一个力求简单易用的前端开发框架 #### 开发语言 TypeScript #### 核心架构 MVC #### 模块间通讯和解耦 采用事件机制，利用一个全局唯一的事件派发器进行模块间通讯，解耦模块间依赖 #### 表现层结构 使用桥接模式拆分接口与实现，达到一套核心驱动多套表现层的目的（目前支持DOM、Egret、PixiJS三种表现层），同时支持表现层的未来可扩展性 #### TypeScript装饰器注入 框架提供TypeScript装饰器注入功能，便捷获取托管对象。例如：
250 lines (249 loc) • 8.35 kB
JavaScript
import * as tslib_1 from "tslib";
import { core } from "../../core/Core";
import { Injectable } from "../../core/injector/Injector";
import { JSLoadMode } from '../../core/interfaces/JSFile';
import { validateProtocol } from '../../utils/URLUtil';
import { assetsManager } from "../assets/AssetsManager";
import AudioTagImpl from "../audio/AudioTagImpl";
import { environment } from "./Environment";
/**
* @author Raykid
* @email initial_r@qq.com
* @create date 2017-10-23
* @modify date 2017-10-23
*
* 外壳接口，该类既作为外壳接口的注入基类，也作为标准浏览器的实现使用
*/
var Shell = /** @class */ (function () {
function Shell() {
}
Object.defineProperty(Shell.prototype, "proxy", {
/**
* 设置外壳代理，如果条件命中了该代理类型，则生成该代理实例并替代外壳行为
*
* @memberof Shell
*/
set: function (value) {
if (value.hit)
this._proxy = new value();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Shell.prototype, "type", {
/**
* 获取当前外壳类型
*
* @readonly
* @type {string}
* @memberof Shell
*/
get: function () {
if (this._proxy)
return this._proxy.type;
else
return "web";
},
enumerable: true,
configurable: true
});
/*************************** 下面是页面跳转接口 ***************************/
/**
* 刷新页面
*
* @param {{
* forcedReload?:boolean, // false表示允许从缓存取，true表示强制从服务器取，默认是false
* url?:string, // 传递则使用新URL刷新页面
* replace?:boolean // 如果有新url，则表示是否要替换当前浏览历史
* }} [params]
* @memberof Shell
*/
Shell.prototype.reload = function (params) {
if (this._proxy) {
this._proxy.reload(params);
}
else {
if (!params)
window.location.reload();
else if (!params.url)
window.location.reload(params.forcedReload);
else if (!params.replace)
window.location.href = params.url;
else
window.location.replace(params.url);
}
};
/**
* 打开一个新页面
*
* @param {{
* url?:string, // 新页面地址，不传则不更新地址
* name?:string, // 给新页面命名，或导航到已有页面
* replace?:boolean, // 是否替换当前浏览历史条目，默认false
* features:{[key:string]:any} // 其他可能的参数
* }} [params]
* @memberof Shell
*/
Shell.prototype.open = function (params) {
if (this._proxy) {
this._proxy.open(params);
}
else {
if (!params) {
window.open();
}
else {
var features = undefined;
if (params.features) {
features = [];
for (var key in params.features) {
features.push(key + "=" + params.features[key]);
}
}
window.open(params.url, params.name, features && features.join(","), params.replace);
}
}
};
/**
* 关闭窗口
*
* @author Raykid
* @date 2019-09-02
* @param {{[key:string]:any}} [params]
* @memberof Shell
*/
Shell.prototype.close = function (params) {
if (this._proxy)
this._proxy.close(params);
else
window.close();
};
/*************************** 下面是本地存储接口 ***************************/
/**
* 获取本地存储
*
* @param {string} key 要获取值的键
* @returns {string} 获取的值
* @memberof Shell
*/
Shell.prototype.localStorageGet = function (key) {
if (this._proxy)
return this._proxy.localStorageGet(key);
else
return window.localStorage.getItem(key);
};
/**
* 设置本地存储
*
* @param {string} key 要设置的键
* @param {string} value 要设置的值
* @memberof Shell
*/
Shell.prototype.localStorageSet = function (key, value) {
if (this._proxy)
this._proxy.localStorageSet(key, value);
else
window.localStorage.setItem(key, value);
};
/**
* 移除本地存储
*
* @param {string} key 要移除的键
* @memberof Shell
*/
Shell.prototype.localStorageRemove = function (key) {
if (this._proxy)
this._proxy.localStorageRemove(key);
else
window.localStorage.removeItem(key);
};
/**
* 清空本地存储
*
* @memberof Shell
*/
Shell.prototype.localStorageClear = function () {
if (this._proxy)
this._proxy.localStorageClear();
else
window.localStorage.clear();
};
Shell = tslib_1.__decorate([
Injectable
], Shell);
return Shell;
}());
export default Shell;
/**
* 这是Shell在微信浏览器下的一个变形代理
*
* @class ShellWX
* @extends {Shell}
*/
var ShellWX = /** @class */ (function (_super) {
tslib_1.__extends(ShellWX, _super);
function ShellWX() {
var _this = _super.call(this) || this;
// 去加载微信jssdk
assetsManager.loadJsFiles([{
url: validateProtocol("http://res.wx.qq.com/open/js/jweixin-1.2.0.js"),
mode: JSLoadMode.TAG
}], function (err) {
if (!err && window["wx"]) {
// 变异AudioTagImpl，在微信里的Audio标签需要从微信触发加载
var oriLoad = AudioTagImpl.prototype.load;
AudioTagImpl.prototype.load = function (url) {
var _this = this;
// 处理url
var toUrl = environment.toCDNHostURL(url);
// 尝试获取缓存数据
var data = this._audioCache[toUrl];
// 如果没有缓存才去加载
if (!data || data.__from_cache__) {
// 先调用原始方法，否则行为就变了
if (!data)
oriLoad.call(this, url);
else
delete data.__from_cache__;
// 从微信里触发加载操作
window["wx"].checkJsApi({
jsApiList: ["checkJsApi"],
success: function () {
var data = _this._audioCache[toUrl];
var node = data.node;
node.load();
}
});
}
};
// 派发事件
core.dispatch(ShellWX.EVENT_WX_PREPARED, window["wx"]);
}
});
return _this;
}
Object.defineProperty(ShellWX, "hit", {
get: function () {
return (window.top === window &&
/MicroMessenger/i.test(navigator.userAgent));
},
enumerable: true,
configurable: true
});
Object.defineProperty(ShellWX.prototype, "type", {
get: function () {
return "weixin";
},
enumerable: true,
configurable: true
});
ShellWX.prototype.close = function () {
window["WeixinJSBridge"].invoke("closeWindow");
};
ShellWX.EVENT_WX_PREPARED = "eventWXPrepared";
return ShellWX;
}(Shell));
/** 再额外导出一个单例 */
export var shell = core.getInject(Shell);
/** 尝试添加微信外壳代理 */
shell.proxy = ShellWX;