Script này sẽ không được không được cài đặt trực tiếp. Nó là một thư viện cho các script khác để bao gồm các chỉ thị meta
// @require https://update.greatest.deepsurf.us/scripts/455186/1307823/WhiteSevsUtils.js
/// <reference path="../库.ts/Utils.d.ts" />
/**
* 方便好用的工具类
* @copyright GPL-3.0-only
* @author WhiteSev
**/
(function (global, factory) {
/**
* 不使用define
* typeof define === "function" && define.amd
* define(factory)
*/
if (typeof exports === "object" && typeof module !== "undefined") {
/* 适用于NodeJs或typeScript */
module.exports = factory();
} else {
global = typeof globalThis !== "undefined" ? globalThis : global || self;
/* 适用于浏览器中，且this对象是window，如果this是其它，那么会在其它对象下注册对象 */
global.Utils = factory(global.Utils);
}
})(typeof window !== "undefined" ? window : this, function (AnotherUtils) {
const Utils = {};
/**
* @type {string} 工具类的版本
*/
Utils.version = "2024-1-7";
/**
* JSON数据从源端替换到目标端中，如果目标端存在该数据则替换，不添加，返回结果为目标端替换完毕的结果
* @function
* @param {object} [target={}] 目标端
* @param {object} [source={}] 源端
* @returns {object}
* @example
* Utils.assign({"1":1,"2":{"3":3}}, {"2":{"3":4}});
* > {
"1": 1,
"2": {
"3": 4
}
}
**/
Utils.assign = function (target = {}, source = {}) {
if (Array.isArray(source)) {
let canTraverse = source.filter((item) => {
return typeof item === "object";
});
if (!canTraverse.length) {
return source;
}
}
for (let targetKeyName in target) {
let targetValue = target[targetKeyName];
if (targetKeyName in source) {
let sourceValue = source[targetKeyName];
if (typeof sourceValue === "object" && !Utils.isDOM(sourceValue)) {
/* 源端的值是object类型，且不是元素对象 */
if (Object.keys(sourceValue).length) {
target[targetKeyName] = Utils.assign(targetValue, sourceValue);
} else {
target[targetKeyName] = sourceValue;
}
} else {
/* 直接赋值 */
target[targetKeyName] = sourceValue;
}
}
}
return target;
};
/**
* @callback UtilsAjaxHookHook
* @param { XMLHttpRequest } request
*/
/**
* @typedef {object} UtilsAjaxHookFilterArray
* @property {?"xhr"|"fetch"} type 可选，应是xhr或fetch
* @property {?string|RegExp} url 可选，字符串或正则表达式，无需完全匹配。
* @property {?string} method 可选，不区分大小写。
* @property {?boolean} async 可选，布尔值。
*/
/**
* @callback UtilsAjaxHookFilter
* @param { UtilsAjaxHookFilterArray[] } filterArray
*/
/**
* @typedef {object} UtilsAjaxHookResult
* @property { (request: UtilsAjaxHookHook )=>{} } hook 劫持
* @property {UtilsAjaxHookFilter} filter 过滤
* @property {()=>{}} protect 阻止xhr和fetch被改写
* @property {()=>{}} unhook 取消劫持
*/
/**
* ajax劫持库，支持xhr和fetch劫持。
* + 来源：https://bbs.tampermonkey.net.cn/thread-3284-1-1.html
* + 作者：cxxjackie
* + 版本：1.3.3
* + 文档：https://scriptcat.org/zh-CN/script-show-page/637/
*
* @returns { UtilsAjaxHookResult }
*
* @example
// 核心方法，通过一个回调函数进行劫持，每次请求发生时自动调用回调函数。可以将所有劫持放在同一回调函数中，也可以多次调用hook方法。
ajaxHooker.hook(request => {
console.log(request);
});
* @example
// response
// 响应内容，必须通过一个回调函数进行读取和修改。响应内容为一个对象
// 包含finalUrl、status、responseHeaders和被读取的响应数据
// 除响应数据可修改，其他属性是只读的。
// 响应数据是哪个属性取决于哪个属性被读取
// xhr可能的属性为response、responseText、responseXML
// fetch可能的属性为arrayBuffer、blob、formData、json、text
// 在控制台输出时，xhr响应将包含所有属性，但只有被读取过的属性具有明确的值
// 修改对应属性即可影响读取结果，进而实现响应数据的修改
ajaxHooker.hook(request => {
if (request.url === 'https://www.example.com/') {
request.response = res => {
console.log(res);
res.responseText += 'test';
};
}
});
@example
// 异步特性无法作用于同步请求，但同步修改仍然有效
// 你可以将以上所有可修改属性赋值为Promise，原请求将被阻塞直至Promise完成（若发生reject，数据将不会被修改）
// 此特性可用于异步劫持。以下是一个异步修改响应数据的例子
ajaxHooker.hook(request => {
request.response = res => {
const responseText = res.responseText; // 注意保存原数据
res.responseText = new Promise(resolve => {
setTimeout(() => {
resolve(responseText + 'test');
}, 3000);
});
};
});
// 也可以传入async回调函数以实现异步
ajaxHooker.hook(async request => {
request.data = await modifyData(request.data);
request.response = async res => {
res.responseText = await modifyResponse(res.responseText);
};
});
@example
// 应于hook方法之前执行，此方法若尽早执行，有助于提升性能。
// 为hook方法设置过滤规则，只有符合规则的请求才会触发hook。过滤规则是一个对象数组，参考下例
ajaxHooker.filter([
{type: 'xhr', url: 'www.example.com', method: 'GET', async: true},
{url: /^http/},
]);
@example
// 如果库劫持失败，可能是其他代码对xhr/fetch进行了二次劫持，protect方法会尝试阻止xhr和fetch被改写。应于document-start阶段尽早执行，部分网页下可能引发错误，谨慎使用。
ajaxHooker.protect();
@example
// 将xhr和fetch恢复至劫持前的状态，调用此方法后，hook方法不再生效。
ajaxHooker.unhook();
*/
Utils.ajaxHooker = function () {
"use strict";
const win = window.unsafeWindow || document.defaultView || window;
const toString = Object.prototype.toString;
const getDescriptor = Object.getOwnPropertyDescriptor;
const hookFns = [];
const realXhr = win.XMLHttpRequest;
const realFetch = win.fetch;
const resProto = win.Response.prototype;
const xhrResponses = ["response", "responseText", "responseXML"];
const fetchResponses = ["arrayBuffer", "blob", "formData", "json", "text"];
const fetchInitProps = [
"method",
"headers",
"body",
"mode",
"credentials",
"cache",
"redirect",
"referrer",
"referrerPolicy",
"integrity",
"keepalive",
"signal",
"priority",
];
const xhrAsyncEvents = ["readystatechange", "load", "loadend"];
let filter;
function emptyFn() {}
function errorFn(err) {
console.error(err);
}
function defineProp(obj, prop, getter, setter) {
Object.defineProperty(obj, prop, {
configurable: true,
enumerable: true,
get: getter,
set: setter,
});
}
function readonly(obj, prop, value = obj[prop]) {
defineProp(obj, prop, () => value, emptyFn);
}
function writable(obj, prop, value = obj[prop]) {
Object.defineProperty(obj, prop, {
configurable: true,
enumerable: true,
writable: true,
value: value,
});
}
function shouldFilter(type, url, method, async) {
return (
filter &&
!filter.find((obj) => {
switch (true) {
case obj.type && obj.type !== type:
case toString.call(obj.url) === "[object String]" &&
!url.includes(obj.url):
case toString.call(obj.url) === "[object RegExp]" &&
!obj.url.test(url):
case obj.method &&
obj.method.toUpperCase() !== method.toUpperCase():
case "async" in obj && obj.async !== async:
return false;
}
return true;
})
);
}
function parseHeaders(obj) {
const headers = {};
switch (toString.call(obj)) {
case "[object String]":
for (const line of obj.trim().split(/[\r\n]+/)) {
const parts = line.split(/\s*:\s*/);
if (parts.length !== 2) continue;
const lheader = parts[0].toLowerCase();
if (lheader in headers) {
headers[lheader] += ", " + parts[1];
} else {
headers[lheader] = parts[1];
}
}
return headers;
case "[object Headers]":
for (const [key, val] of obj) {
headers[key] = val;
}
return headers;
case "[object Object]":
return { ...obj };
default:
return headers;
}
}
class AHRequest {
constructor(request) {
this.request = request;
this.requestClone = { ...this.request };
this.response = {};
}
waitForHookFns() {
return Promise.all(
hookFns.map((fn) => {
try {
return Promise.resolve(fn(this.request)).then(emptyFn, errorFn);
} catch (err) {
console.error(err);
}
})
);
}
waitForResponseFn() {
try {
return Promise.resolve(this.request.response(this.response)).then(
emptyFn,
errorFn
);
} catch (err) {
console.error(err);
return Promise.resolve();
}
}
waitForRequestKeys() {
if (this.reqPromise) return this.reqPromise;
const requestKeys = ["url", "method", "abort", "headers", "data"];
return (this.reqPromise = this.waitForHookFns().then(() =>
Promise.all(
requestKeys.map((key) =>
Promise.resolve(this.request[key]).then(
(val) => (this.request[key] = val),
(e) => (this.request[key] = this.requestClone[key])
)
)
)
));
}
waitForResponseKeys() {
if (this.resPromise) return this.resPromise;
const responseKeys =
this.request.type === "xhr" ? xhrResponses : fetchResponses;
return (this.resPromise = this.waitForResponseFn().then(() =>
Promise.all(
responseKeys.map((key) => {
const descriptor = getDescriptor(this.response, key);
if (descriptor && "value" in descriptor) {
return Promise.resolve(descriptor.value).then(
(val) => (this.response[key] = val),
(e) => delete this.response[key]
);
} else {
delete this.response[key];
}
})
)
));
}
}
class XhrEvents {
constructor() {
this.events = {};
}
add(type, event) {
if (type.startsWith("on")) {
this.events[type] = typeof event === "function" ? event : null;
} else {
this.events[type] = this.events[type] || new Set();
this.events[type].add(event);
}
}
remove(type, event) {
if (type.startsWith("on")) {
this.events[type] = null;
} else {
this.events[type] && this.events[type].delete(event);
}
}
_sIP() {
this.ajaxHooker_isStopped = true;
}
trigger(e) {
if (e.ajaxHooker_isTriggered || e.ajaxHooker_isStopped) return;
e.stopImmediatePropagation = this._sIP;
this.events[e.type] &&
this.events[e.type].forEach((fn) => {
!e.ajaxHooker_isStopped && fn.call(e.target, e);
});
this.events["on" + e.type] &&
this.events["on" + e.type].call(e.target, e);
e.ajaxHooker_isTriggered = true;
}
clone() {
const eventsClone = new XhrEvents();
for (const type in this.events) {
if (type.startsWith("on")) {
eventsClone.events[type] = this.events[type];
} else {
eventsClone.events[type] = new Set([...this.events[type]]);
}
}
return eventsClone;
}
}
const xhrMethods = {
readyStateChange(e) {
if (e.target.readyState === 4) {
e.target.dispatchEvent(
new CustomEvent("ajaxHooker_responseReady", { detail: e })
);
} else {
e.target.__ajaxHooker.eventTrigger(e);
}
},
asyncListener(e) {
e.target.__ajaxHooker.eventTrigger(e);
},
setRequestHeader(header, value) {
const ah = this.__ajaxHooker;
ah.originalXhr.setRequestHeader(header, value);
if (this.readyState !== 1) return;
if (header in ah.headers) {
ah.headers[header] += ", " + value;
} else {
ah.headers[header] = value;
}
},
addEventListener(...args) {
const ah = this.__ajaxHooker;
if (xhrAsyncEvents.includes(args[0])) {
ah.proxyEvents.add(args[0], args[1]);
} else {
ah.originalXhr.addEventListener(...args);
}
},
removeEventListener(...args) {
const ah = this.__ajaxHooker;
if (xhrAsyncEvents.includes(args[0])) {
ah.proxyEvents.remove(args[0], args[1]);
} else {
ah.originalXhr.removeEventListener(...args);
}
},
open(method, url, async = true, ...args) {
const ah = this.__ajaxHooker;
ah.url = url.toString();
ah.method = method.toUpperCase();
ah.async = !!async;
ah.openArgs = args;
ah.headers = {};
for (const key of xhrResponses) {
ah.proxyProps[key] = {
get: () => {
const val = ah.originalXhr[key];
ah.originalXhr.dispatchEvent(
new CustomEvent("ajaxHooker_readResponse", {
detail: { key, val },
})
);
return val;
},
};
}
return ah.originalXhr.open(method, url, ...args);
},
sendFactory(realSend) {
return function (data) {
const ah = this.__ajaxHooker;
const xhr = ah.originalXhr;
if (xhr.readyState !== 1) return realSend.call(xhr, data);
ah.eventTrigger = (e) => ah.proxyEvents.trigger(e);
if (shouldFilter("xhr", ah.url, ah.method, ah.async)) {
xhr.addEventListener(
"ajaxHooker_responseReady",
(e) => {
ah.eventTrigger(e.detail);
},
{ once: true }
);
return realSend.call(xhr, data);
}
const request = {
type: "xhr",
url: ah.url,
method: ah.method,
abort: false,
headers: ah.headers,
data: data,
response: null,
async: ah.async,
};
if (!ah.async) {
const requestClone = { ...request };
hookFns.forEach((fn) => {
try {
toString.call(fn) === "[object Function]" && fn(request);
} catch (err) {
console.error(err);
}
});
for (const key in request) {
if (toString.call(request[key]) === "[object Promise]") {
request[key] = requestClone[key];
}
}
xhr.open(request.method, request.url, ah.async, ...ah.openArgs);
for (const header in request.headers) {
xhr.setRequestHeader(header, request.headers[header]);
}
data = request.data;
xhr.addEventListener(
"ajaxHooker_responseReady",
(e) => {
ah.eventTrigger(e.detail);
},
{ once: true }
);
realSend.call(xhr, data);
if (toString.call(request.response) === "[object Function]") {
const response = {
finalUrl: xhr.responseURL,
status: xhr.status,
responseHeaders: parseHeaders(xhr.getAllResponseHeaders()),
};
for (const key of xhrResponses) {
defineProp(
response,
key,
() => {
return (response[key] = ah.originalXhr[key]);
},
(val) => {
if (toString.call(val) !== "[object Promise]") {
delete response[key];
response[key] = val;
}
}
);
}
try {
request.response(response);
} catch (err) {
console.error(err);
}
for (const key of xhrResponses) {
ah.proxyProps[key] = { get: () => response[key] };
}
}
return;
}
const req = new AHRequest(request);
req.waitForRequestKeys().then(() => {
if (request.abort) return;
xhr.open(request.method, request.url, ...ah.openArgs);
for (const header in request.headers) {
xhr.setRequestHeader(header, request.headers[header]);
}
data = request.data;
xhr.addEventListener(
"ajaxHooker_responseReady",
(e) => {
if (typeof request.response !== "function")
return ah.eventTrigger(e.detail);
req.response = {
finalUrl: xhr.responseURL,
status: xhr.status,
responseHeaders: parseHeaders(xhr.getAllResponseHeaders()),
};
for (const key of xhrResponses) {
defineProp(
req.response,
key,
() => {
return (req.response[key] = ah.originalXhr[key]);
},
(val) => {
delete req.response[key];
req.response[key] = val;
}
);
}
const resPromise = req.waitForResponseKeys().then(() => {
for (const key of xhrResponses) {
if (!(key in req.response)) continue;
ah.proxyProps[key] = {
get: () => {
const val = req.response[key];
xhr.dispatchEvent(
new CustomEvent("ajaxHooker_readResponse", {
detail: { key, val },
})
);
return val;
},
};
}
});
xhr.addEventListener("ajaxHooker_readResponse", (e) => {
const descriptor = getDescriptor(req.response, e.detail.key);
if (!descriptor || "get" in descriptor) {
req.response[e.detail.key] = e.detail.val;
}
});
const eventsClone = ah.proxyEvents.clone();
ah.eventTrigger = (event) =>
resPromise.then(() => eventsClone.trigger(event));
ah.eventTrigger(e.detail);
},
{ once: true }
);
realSend.call(xhr, data);
});
};
},
};
function fakeXhr() {
const xhr = new realXhr();
let ah = xhr.__ajaxHooker;
let xhrProxy = xhr;
if (!ah) {
const proxyEvents = new XhrEvents();
ah = xhr.__ajaxHooker = {
headers: {},
originalXhr: xhr,
proxyProps: {},
proxyEvents: proxyEvents,
eventTrigger: (e) => proxyEvents.trigger(e),
toJSON: emptyFn, // Converting circular structure to JSON
};
xhrProxy = new Proxy(xhr, {
get(target, prop) {
try {
if (target === xhr) {
if (prop in ah.proxyProps) {
const descriptor = ah.proxyProps[prop];
return descriptor.get ? descriptor.get() : descriptor.value;
}
if (typeof xhr[prop] === "function") return xhr[prop].bind(xhr);
}
} catch (err) {
console.error(err);
}
return target[prop];
},
set(target, prop, value) {
try {
if (target === xhr && prop in ah.proxyProps) {
const descriptor = ah.proxyProps[prop];
descriptor.set
? descriptor.set(value)
: (descriptor.value = value);
} else {
target[prop] = value;
}
} catch (err) {
console.error(err);
}
return true;
},
});
xhr.addEventListener("readystatechange", xhrMethods.readyStateChange);
xhr.addEventListener("load", xhrMethods.asyncListener);
xhr.addEventListener("loadend", xhrMethods.asyncListener);
for (const evt of xhrAsyncEvents) {
const onEvt = "on" + evt;
ah.proxyProps[onEvt] = {
get: () => proxyEvents.events[onEvt] || null,
set: (val) => proxyEvents.add(onEvt, val),
};
}
for (const method of [
"setRequestHeader",
"addEventListener",
"removeEventListener",
"open",
]) {
ah.proxyProps[method] = { value: xhrMethods[method] };
}
}
ah.proxyProps.send = { value: xhrMethods.sendFactory(xhr.send) };
return xhrProxy;
}
function hookFetchResponse(response, req) {
for (const key of fetchResponses) {
response[key] = () =>
new Promise((resolve, reject) => {
if (key in req.response) return resolve(req.response[key]);
resProto[key].call(response).then((res) => {
req.response[key] = res;
req.waitForResponseKeys().then(() => {
resolve(key in req.response ? req.response[key] : res);
});
}, reject);
});
}
}
function fakeFetch(url, options = {}) {
if (!url) return realFetch.call(win, url, options);
let init = { ...options };
if (toString.call(url) === "[object Request]") {
init = {};
for (const prop of fetchInitProps) init[prop] = url[prop];
Object.assign(init, options);
url = url.url;
}
url = url.toString();
init.method = init.method || "GET";
init.headers = init.headers || {};
if (shouldFilter("fetch", url, init.method, true))
return realFetch.call(win, url, init);
const request = {
type: "fetch",
url: url,
method: init.method.toUpperCase(),
abort: false,
headers: parseHeaders(init.headers),
data: init.body,
response: null,
async: true,
};
const req = new AHRequest(request);
return new Promise((resolve, reject) => {
req
.waitForRequestKeys()
.then(() => {
if (request.abort)
return reject(new DOMException("aborted", "AbortError"));
init.method = request.method;
init.headers = request.headers;
init.body = request.data;
realFetch.call(win, request.url, init).then((response) => {
if (typeof request.response === "function") {
req.response = {
finalUrl: response.url,
status: response.status,
responseHeaders: parseHeaders(response.headers),
};
hookFetchResponse(response, req);
response.clone = () => {
const resClone = resProto.clone.call(response);
hookFetchResponse(resClone, req);
return resClone;
};
}
resolve(response);
}, reject);
})
.catch((err) => {
console.error(err);
resolve(realFetch.call(win, url, init));
});
});
}
win.XMLHttpRequest = fakeXhr;
Object.keys(realXhr).forEach((key) => (fakeXhr[key] = realXhr[key]));
fakeXhr.prototype = realXhr.prototype;
win.fetch = fakeFetch;
return {
hook: (fn) => hookFns.push(fn),
filter: (arr) => {
filter = Array.isArray(arr) && arr;
},
protect: () => {
readonly(win, "XMLHttpRequest", fakeXhr);
readonly(win, "fetch", fakeFetch);
},
unhook: () => {
writable(win, "XMLHttpRequest", realXhr);
writable(win, "fetch", realFetch);
},
};
};
/**
* 根据坐标点击canvas元素的内部位置
* @param {HTMLCanvasElement} canvasElement 画布元素
* @param {number} [clientX=0] X坐标，默认值0
* @param {number} [clientY=0] Y坐标，默认值0
* @param {window} [view=globalThis] 触发的事件目标
*/
Utils.canvasClickByPosition = function (
canvasElement,
clientX = 0,
clientY = 0,
view = globalThis
) {
if (!canvasElement instanceof HTMLCanvasElement) {
throw new Error(
"Utils.canvasClickByPosition 参数canvasElement必须是canvas元素"
);
}
clientX = parseInt(clientX);
clientY = parseInt(clientY);
const eventInit = {
cancelBubble: true,
cancelable: true,
clientX: clientX,
clientY: clientY,
view: view,
detail: 1,
};
canvas.dispatchEvent(new MouseEvent("mousedown", eventInit));
canvas.dispatchEvent(new MouseEvent("mouseup", eventInit));
};
/**
* 【手机】检测点击的地方是否在该元素区域内
* @param {Element|Node} element 需要检测的元素
* @returns {boolean}
* + true 点击在元素上
* + false 未点击在元素上
* @example
* Utils.checkUserClickInNode(document.querySelector(".xxx"));
* > false
**/
Utils.checkUserClickInNode = function (element) {
if (!Utils.isDOM(element)) {
throw new Error(
"Utils.checkUserClickInNode 参数 targetNode 必须为 Element|Node 类型"
);
}
let mouseClickPosX = Number(window.event.clientX); /* 鼠标相对屏幕横坐标 */
let mouseClickPosY = Number(window.event.clientY); /* 鼠标相对屏幕纵坐标 */
let elementPosXLeft = Number(
element.getBoundingClientRect().left
); /* 要检测的元素的相对屏幕的横坐标最左边 */
let elementPosXRight = Number(
element.getBoundingClientRect().right
); /* 要检测的元素的相对屏幕的横坐标最右边 */
let elementPosYTop = Number(
element.getBoundingClientRect().top
); /* 要检测的元素的相对屏幕的纵坐标最上边 */
let elementPosYBottom = Number(
element.getBoundingClientRect().bottom
); /* 要检测的元素的相对屏幕的纵坐标最下边 */
let clickNodeHTML = window.event?.target?.innerHTML;
if (
mouseClickPosX >= elementPosXLeft &&
mouseClickPosX <= elementPosXRight &&
mouseClickPosY >= elementPosYTop &&
mouseClickPosY <= elementPosYBottom
) {
return true;
} else if (clickNodeHTML && element.innerHTML.includes(clickNodeHTML)) {
/* 这种情况是应对在界面中隐藏的元素，getBoundingClientRect获取的都是0 */
return true;
} else {
return false;
}
};
/**
* 函数重载实现
* @example
* let getUsers = Utils.createOverload();
* getUsers.addImpl("",()=>{
* console.log("无参数");
* });
*
* getUsers.addImpl("boolean",()=>{
* console.log("boolean");
* });
*
* getUsers.addImpl("string",()=>{
* console.log("string");
* });
*
* getUsers.addImpl("number","string",()=>{
* console.log("number string");
* });
*/
Utils.createOverload = function () {
let fnMap = new Map();
function overload(...args) {
let key = args.map((it) => typeof it).join(",");
let fn = fnMap.get(key);
if (!fn) {
throw new TypeError("没有找到对应的实现");
}
return fn.apply(this, args);
}
overload.addImpl = function (...args) {
let fn = args.pop();
if (typeof fn !== "function") {
throw new TypeError("最后一个参数必须是函数");
}
let key = args.join(",");
fnMap.set(key, fn);
};
return overload;
};
/**
* 删除某个父元素，父元素可能在上层或上上层或上上上层...
* @param {Element|Node} element 当前元素
* @param {string} targetSelector 判断是否满足父元素，参数为当前处理的父元素，满足返回true，否则false
* @returns {boolean}
* + true 已删除
* + false 未删除
* @example
* Utils.deleteParentNode(document.querySelector("a"),".xxx");
* > true
**/
Utils.deleteParentNode = function (element, targetSelector) {
if (element == null) {
throw new Error("Utils.deleteParentNode 参数 target 不能为 null");
}
if (!Utils.isDOM(element)) {
throw new Error(
"Utils.deleteParentNode 参数 target 必须为 Node|HTMLElement 类型"
);
}
if (typeof targetSelector !== "string") {
throw new Error(
"Utils.deleteParentNode 参数 targetSelector 必须为 string 类型"
);
}
let result = false;
let needRemoveDOM = element.closest(targetSelector);
if (needRemoveDOM) {
needRemoveDOM.remove();
result = true;
}
return result;
};
/**
* 字典
* @example
* let dictionary = new Utils.Dictionary();
* let dictionary2 = new Utils.Dictionary();
* dictionary.set("test","111");
* dictionary.get("test");
* > '111'
* dictionary.has("test");
* > true
* dictionary.concat(dictionary2);
**/
Utils.Dictionary = function () {
this.items = {};
/**
* 检查是否有某一个键
* @param {any} key 键
* @returns {boolean}
*/
this.has = function (key) {
return this.items.hasOwnProperty(key);
};
/**
* 为字典添加某一个值
* @param {any} key 键
* @param {any} val 值，默认为""
*/
this.set = function (key, val = "") {
if (key === void 0) {
throw new Error("Utils.Dictionary().set 参数 key 不能为空");
}
this.items[key] = val;
};
/**
* 删除某一个键
* @param {any} key 键
* @returns {boolean}
*/
this.delete = function (key) {
if (this.has(key)) {
delete this.items[key];
return true;
}
return false;
};
/**
* 获取某个键的值
* @param {any} key 键
* @returns {any|undefined}
*/
this.get = function (key) {
return this.has(key) ? this.items[key] : void 0;
};
/**
* 返回字典中的所有值
* @returns {[...any]}
*/
this.values = function () {
let resultList = [];
for (let prop in this.items) {
if (this.has(prop)) {
resultList.push(this.items[prop]);
}
}
return resultList;
};
/**
* 清空字典
*/
this.clear = function () {
this.items = {};
};
/**
* 获取字典的长度
* @returns {number}
*/
this.size = function () {
return Object.keys(this.items).length;
};
/**
* 获取字典所有的键
* @returns
*/
this.keys = function () {
return Object.keys(this.items);
};
/**
* 返回字典本身
* @returns
*/
this.getItems = function () {
return this.items;
};
/**
* 合并另一个字典
* @param {Dictionary} data 需要合并的字典
*/
this.concat = function (data) {
this.items = Utils.assign(this.items, data.getItems());
};
};
/**
* 主动触发事件
* @param {HTMLElement} element 元素
* @param {string|[...string]} eventName 事件名称，可以是字符串，也可是字符串格式的列表
* @param {object|undefined} details 赋予触发的Event的额外属性
* + true 使用Proxy代理Event并设置获取isTrusted永远为True
* + false (默认) 不对Event进行Proxy代理
* @example
* Utils.dispatchEvent(document.querySelector("input","input"))
*/
Utils.dispatchEvent = function (element, eventName, details) {
let eventNameList = [];
if (typeof eventName === "string") {
eventNameList = [eventName];
}
if (Array.isArray(eventName)) {
eventNameList = [...eventName];
}
eventNameList.forEach((_eventName_) => {
let event = new Event(_eventName_);
if (details) {
Object.assign(event, details);
}
element.dispatchEvent(event);
});
};
/**
* 下载base64格式的数据
* @param {string} base64Data 需要转换的base64数据
* @param {string} fileName 需要保存的文件名
* @example
* Utils.downloadBase64("data:image/jpeg:base64/,xxxxxx");
**/
Utils.downloadBase64 = function (base64Data, fileName) {
if (typeof base64Data !== "string") {
throw new Error(
"Utils.downloadBase64 参数 base64Data 必须为 string 类型"
);
}
if (typeof fileName !== "string") {
throw new Error("Utils.downloadBase64 参数 fileName 必须为 string 类型");
}
let aLink = document.createElement("a");
aLink.download = fileName;
aLink.href = base64Data;
aLink.click();
};
/**
* 选中页面中的文字，类似Ctrl+F的选中
* @param {string} [str=""] 需要寻找的字符串
* @param {boolean} [caseSensitive=false]
* + true 区分大小写
* + false (默认) 不区分大小写
* @returns {boolean|undefined}
* + true 找到
* + false 未找到
* + undefined 不可使用该Api
* @example
* Utils.findVisibleText("xxxxx");
* > true
**/
Utils.findWebPageVisibleText = function (str = "", caseSensitive = false) {
let TRange = null;
let strFound;
if (window.find) {
/* CODE FOR BROWSERS THAT SUPPORT window.find */
strFound = self.find(str, caseSensitive, true, true, false);
if (strFound && self.getSelection && !self.getSelection().anchorNode) {
strFound = self.find(str, caseSensitive, true, true, false);
}
if (!strFound) {
strFound = self.find(str, 0, 1);
while (self.find(str, 0, 1)) continue;
}
} else if (navigator.appName.indexOf("Microsoft") != -1) {
/* EXPLORER-SPECIFIC CODE */
if (TRange != null) {
TRange.collapse(false);
strFound = TRange.findText(str);
if (strFound) TRange.select();
}
if (TRange == null || strFound == 0) {
TRange = self.document.body.createTextRange();
strFound = TRange.findText(str);
if (strFound) TRange.select();
}
} else if (navigator.appName == "Opera") {
alert("Opera browsers not supported, sorry...");
return;
}
return strFound ? true : false;
};
/**
* 定位元素上的字符串，返回一个迭代器
* @param {HTMLElement|Element|Node} element 目标元素
* @param {string} text 需要定位的字符串
* @param {?(element:Element)=>boolean} filter 过滤器函数，true为排除该元素，该参数可为空
* @returns {Generator<HTMLElement|ChildNode, void, any>}
* @example
* let textIterator = Utils.findElementsWithText(document.documentElement,"xxxx");
* textIterator.next();
* > {value: ?HTMLElement, done: boolean, next: Function}
*/
Utils.findElementsWithText = function* (element, text, filter) {
if (element.outerHTML.includes(text)) {
if (element.children.length === 0) {
let filterResult =
typeof filter === "function" ? filter(element) : false;
if (!filterResult) {
yield element;
}
} else {
let textElement = Array.from(element.childNodes).filter(
(ele) => ele.nodeType === Node.TEXT_NODE
);
for (let ele of textElement) {
if (ele.textContent.includes(text)) {
let filterResult =
typeof filter === "function" ? filter(element) : false;
if (!filterResult) {
yield ele;
}
}
}
}
}
for (let index = 0; index < element.children.length; index++) {
let childElement = element.children[index];
yield* Utils.findElementsWithText(childElement, text, filter);
}
};
/**
* 判断该元素是否可见，如果不可见，向上找它的父元素直至找到可见的元素
* @param {HTMLElement|Element|Node} element
* @returns {?HTMLElement}
* @example
* let visibleElement = Utils.findVisibleElement(document.querySelector("a.xx"));
* > <HTMLElement>
*/
Utils.findVisibleElement = function (element) {
let currentElement = element;
while (currentElement) {
let elementRect = currentElement.getBoundingClientRect();
if (Boolean(elementRect.length)) {
return currentElement;
}
currentElement = currentElement.parentElement;
}
return null;
};
/**
* 格式化byte为KB、MB、GB、TB、PB、EB、ZB、YB、BB、NB、DB
* @param {number} byteSize 字节
* @param {boolean} [addType=true]
* + true (默认) 添加单位
* + false 不添加单位
* @returns {string|number}
* + {string} 当addType为true时，且保留小数点末尾2位
* + {number} 当addType为false时，且保留小数点末尾2位
* @example
* Utils.formatByteToSize("812304");
* > '793.27KB'
* @example
* Utils.formatByteToSize("812304",false);
* > 793.27
**/
Utils.formatByteToSize = function (byteSize, addType = true) {
byteSize = parseInt(byteSize);
if (isNaN(byteSize)) {
throw new Error("Utils.formatByteToSize 参数 byteSize 格式不正确");
}
let result = 0;
let resultType = "KB";
let sizeData = {};
sizeData.B = 1;
sizeData.KB = 1024;
sizeData.MB = sizeData.KB * sizeData.KB;
sizeData.GB = sizeData.MB * sizeData.KB;
sizeData.TB = sizeData.GB * sizeData.KB;
sizeData.PB = sizeData.TB * sizeData.KB;
sizeData.EB = sizeData.PB * sizeData.KB;
sizeData.ZB = sizeData.EB * sizeData.KB;
sizeData.YB = sizeData.ZB * sizeData.KB;
sizeData.BB = sizeData.YB * sizeData.KB;
sizeData.NB = sizeData.BB * sizeData.KB;
sizeData.DB = sizeData.NB * sizeData.KB;
for (let key in sizeData) {
result = byteSize / sizeData[key];
resultType = key;
if (sizeData.KB >= result) {
break;
}
}
result = result.toFixed(2);
result = addType ? result + resultType.toString() : parseFloat(result);
return result;
};
/**
* 应用场景: 当你想要获取数组形式的元素时，它可能是其它的选择器，那么需要按照先后顺序填入参数
* 第一个是优先级最高的，依次下降，如果都没有，返回空列表
* 支持document.querySelectorAll、$("")、()=>{return document.querySelectorAll("")}
* @param {...NodeList|function} NodeList
* @returns {...Element}
* @example
* Utils.getNodeListValue(document.querySelectorAll("div.xxx"),document.querySelectorAll("a.xxx"));
* > [...div,div,div]
* @example
* Utils.getNodeListValue(divGetFunction,aGetFunction);
* > [...div,div,div]
*/
Utils.getNodeListValue = function () {
let resultArray = [];
for (let arg of arguments) {
let value = arg;
if (typeof arg === "function") {
/* 方法 */
value = arg();
}
if (value.length !== 0) {
resultArray = [...value];
break;
}
}
return resultArray;
};
/**
* 获取格式化后的时间
* @param {string|number} [text= new Date()] 需要格式化的字符串或者时间戳
* @param {string} [formatType = "yyyy-MM-dd HH:mm:ss"] 格式化成的显示类型
* + yyyy 年
* + MM 月
* + dd 天
* + HH 时 (24小时制)
* + hh 时 (12小时制)
* + mm 分
* + ss 秒
* @returns {string} 返回格式化后的时间
* @example
* Utils.formatTime("2022-08-21 23:59:00","HH:mm:ss");
* > '23:59:00'
* @example
* Utils.formatTime(1899187424988,"HH:mm:ss");
* > '15:10:13'
* @example
* Utils.formatTime()
* > '2023-1-1 00:00:00'
**/
Utils.formatTime = function (
text = new Date(),
formatType = "yyyy-MM-dd HH:mm:ss"
) {
let time = text == null ? new Date() : new Date(text);
/**
* 校验时间补0
* @param {number} timeNum
* @returns
*/
function checkTime(timeNum) {
if (timeNum < 10) return "0" + timeNum;
return timeNum;
}
/**
* 时间制修改 24小时制转12小时制
* @param {number} hourNum 小时
* @returns
*/
function timeSystemChange(hourNum) {
return hourNum > 12 ? hourNum - 12 : hourNum;
}
let timeRegexp = {
yyyy: time.getFullYear(),
/* 年 */
MM: checkTime(time.getMonth() + 1),
/* 月 */
dd: checkTime(time.getDate()),
/* 日 */
HH: checkTime(time.getHours()),
/* 时 (24小时制) */
hh: checkTime(timeSystemChange(time.getHours())),
/* 时 (12小时制) */
mm: checkTime(time.getMinutes()),
/* 分 */
ss: checkTime(time.getSeconds()),
/* 秒 */
};
Object.keys(timeRegexp).forEach(function (key) {
let replaecRegexp = new RegExp(key, "g");
formatType = formatType.replace(replaecRegexp, timeRegexp[key]);
});
return formatType;
};
/**
* 字符串格式的时间转时间戳
* @param {string} text 字符串格式的时间，例如：
* + 2022-11-21 00:00:00
* + 00:00:00
* @returns {number} 返回时间戳
* @example
* Utils.formatToTimeStamp("2022-11-21 00:00:00");
* > 1668960000000
**/
Utils.formatToTimeStamp = function (text) {
/* 把字符串格式的时间（完整，包括日期和时间）格式化成时间 */
if (typeof text !== "string") {
throw new Error("Utils.formatToTimeStamp 参数 text 必须为 string 类型");
}
if (text.length === 8) {
/* 该字符串只有时分秒 */
let today = new Date();
text =
today.getFullYear() +
"-" +
(today.getMonth() + 1) +
"-" +
today.getDate() +
" " +
text;
}
text = text.substring(0, 19);
text = text.replace(/-/g, "/");
let timestamp = new Date(text).getTime();
return timestamp;
};
/**
* gbk格式的url编码,来自https://greatest.deepsurf.us/zh-CN/scripts/427726-gbk-url-js
* @example
* let gbkEncoder = new Utils.GBKEncoder();
* gbkEncoder.encode("测试");
* > '%B2%E2%CA%D4'
* gbkEncoder.decode("%B2%E2%CA%D4");
* > 测试
*/
Utils.GBKEncoder = function () {
function handleText(text) {
text = text
.replace(/#(\d+)\$/g, function (a, b) {
return Array(+b + 3).join("#");
})
.replace(/#/g, "####")
.replace(/(\w\w):([\w#]+)(?:,|$)/g, function (a, hd, dt) {
return dt.replace(/../g, function (a) {
if (a != "##") {
return hd + a;
} else {
return a;
}
});
});
return text;
}
function handleHash() {
let index = 0;
data = data.match(/..../g);
for (let i = 0x81; i <= 0xfe; i++) {
for (let j = 0x40; j <= 0xfe; j++) {
U2Ghash[data[index++]] = (
"%" +
i.toString(16) +
"%" +
j.toString(16)
).toUpperCase();
}
}
for (let key in U2Ghash) {
G2Uhash[U2Ghash[key]] = key;
}
}
function isAscii(unicode) {
return unicode <= 0x007f && unicode >= 0x0000;
}
let data = handleText(
"4e:020405060f12171f20212326292e2f313335373c40414244464a5155575a5b6263646567686a6b6c6d6e6f727475767778797a7b7c7d7f808182838485878a#909697999c9d9ea3aaafb0b1b4b6b7b8b9bcbdbec8cccfd0d2dadbdce0e2e6e7e9edeeeff1f4f8f9fafcfe,4f:00020304050607080b0c12131415161c1d212328292c2d2e31333537393b3e3f40414244454748494a4b4c525456616266686a6b6d6e7172757778797a7d8081828586878a8c8e909293959698999a9c9e9fa1a2a4abadb0b1b2b3b4b6b7b8b9babbbcbdbec0c1c2c6c7c8c9cbcccdd2d3d4d5d6d9dbe0e2e4e5e7ebecf0f2f4f5f6f7f9fbfcfdff,50:000102030405060708090a#0b0e1011131516171b1d1e20222324272b2f303132333435363738393b3d3f404142444546494a4b4d5051525354565758595b5d5e5f6061626364666768696a6b6d6e6f70717273747578797a7c7d818283848687898a8b8c8e8f909192939495969798999a9b9c9d9e9fa0a1a2a4a6aaabadaeafb0b1b3b4b5b6b7b8b9bcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdced0d1d2d3d4d5d7d8d9dbdcdddedfe0e1e2e3e4e5e8e9eaebeff0f1f2f4f6f7f8f9fafcfdfeff,51:00010203040508#090a0c0d0e0f1011131415161718191a1b1c1d1e1f2022232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e42474a4c4e4f5052535758595b5d5e5f606163646667696a6f727a7e7f838486878a8b8e8f90919394989a9d9e9fa1a3a6a7a8a9aaadaeb4b8b9babebfc1c2c3c5c8cacdced0d2d3d4d5d6d7d8d9dadcdedfe2e3e5e6e7e8e9eaeceef1f2f4f7fe,52:0405090b0c0f101314151c1e1f2122232526272a2c2f313234353c3e4445464748494b4e4f5253555758#595a5b5d5f6062636466686b6c6d6e7071737475767778797a7b7c7e808384858687898a8b8c8d8e8f91929495969798999a9ca4a5a6a7aeafb0b4b5b6b7b8b9babbbcbdc0c1c2c4c5c6c8cacccdcecfd1d3d4d5d7d9dadbdcdddee0e1e2e3e5e6e7e8e9eaebecedeeeff1f2f3f4f5f6f7f8fbfcfd,53:0102030407090a0b0c0e11121314181b1c1e1f2224252728292b2c2d2f3031323334353637383c3d404244464b4c4d505458595b5d65686a6c6d7276797b7c7d7e80818387888a8e8f#90919293949697999b9c9ea0a1a4a7aaabacadafb0b1b2b3b4b5b7b8b9babcbdbec0c3c4c5c6c7cecfd0d2d3d5dadcdddee1e2e7f4fafeff,54:000205070b1418191a1c2224252a303336373a3d3f4142444547494c4d4e4f515a5d5e5f6061636567696a6b6c6d6e6f7074797a7e7f8183858788898a8d919397989c9e9fa0a1a2a5aeb0b2b5b6b7b9babcbec3c5cacbd6d8dbe0e1e2e3e4ebeceff0f1f4f5f6f7f8f9fbfe,55:0002030405080a0b0c0d0e121315161718191a1c1d1e1f212526#28292b2d3234353638393a3b3d40424547484b4c4d4e4f515253545758595a5b5d5e5f60626368696b6f7071727374797a7d7f85868c8d8e9092939596979a9b9ea0a1a2a3a4a5a6a8a9aaabacadaeafb0b2b4b6b8babcbfc0c1c2c3c6c7c8cacbcecfd0d5d7d8d9dadbdee0e2e7e9edeef0f1f4f6f8f9fafbfcff,56:0203040506070a0b0d1011121314151617191a1c1d202122252628292a2b2e2f30333537383a3c3d3e404142434445464748494a4b4f5051525355565a5b5d5e5f6061#636566676d6e6f70727374757778797a7d7e7f80818283848788898a8b8c8d9091929495969798999a9b9c9d9e9fa0a1a2a4a5a6a7a8a9aaabacadaeb0b1b2b3b4b5b6b8b9babbbdbebfc0c1c2c3c4c5c6c7c8c9cbcccdcecfd0d1d2d3d5d6d8d9dce3e5e6e7e8e9eaeceeeff2f3f6f7f8fbfc,57:00010205070b0c0d0e0f101112131415161718191a1b1d1e202122242526272b313234353637383c3d3f414344454648494b52535455565859626365676c6e707172747578797a7d7e7f80#818788898a8d8e8f90919495969798999a9c9d9e9fa5a8aaacafb0b1b3b5b6b7b9babbbcbdbebfc0c1c4c5c6c7c8c9cacccdd0d1d3d6d7dbdcdee1e2e3e5e6e7e8e9eaebeceef0f1f2f3f5f6f7fbfcfeff,58:0103040508090a0c0e0f101213141617181a1b1c1d1f222325262728292b2c2d2e2f31323334363738393a3b3c3d3e3f4041424345464748494a4b4e4f505253555657595a5b5c5d5f6061626364666768696a6d6e6f707172737475767778797a7b7c7d7f82848687888a8b8c#8d8e8f909194959697989b9c9da0a1a2a3a4a5a6a7aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbdbebfc0c2c3c4c6c7c8c9cacbcccdcecfd0d2d3d4d6d7d8d9dadbdcdddedfe0e1e2e3e5e6e7e8e9eaedeff1f2f4f5f7f8fafbfcfdfeff,59:000103050608090a0b0c0e1011121317181b1d1e2021222326282c30323335363b3d3e3f404345464a4c4d505253595b5c5d5e5f616364666768696a6b6c6d6e6f70717275777a7b7c7e7f8085898b8c8e8f90919495989a9b9c9d9fa0a1a2a6#a7acadb0b1b3b4b5b6b7b8babcbdbfc0c1c2c3c4c5c7c8c9cccdcecfd5d6d9dbdedfe0e1e2e4e6e7e9eaebedeeeff0f1f2f3f4f5f6f7f8fafcfdfe,5a:00020a0b0d0e0f101214151617191a1b1d1e2122242627282a2b2c2d2e2f3033353738393a3b3d3e3f414243444547484b4c4d4e4f5051525354565758595b5c5d5e5f60616364656668696b6c6d6e6f7071727378797b7c7d7e808182838485868788898a8b8c8d8e8f9091939495969798999c9d9e9fa0a1a2a3a4a5a6a7a8a9abac#adaeafb0b1b4b6b7b9babbbcbdbfc0c3c4c5c6c7c8cacbcdcecfd0d1d3d5d7d9dadbdddedfe2e4e5e7e8eaecedeeeff0f2f3f4f5f6f7f8f9fafbfcfdfeff,5b:0001020304050607080a0b0c0d0e0f10111213141518191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303133353638393a3b3c3d3e3f4142434445464748494a4b4c4d4e4f52565e606167686b6d6e6f7274767778797b7c7e7f82868a8d8e90919294969fa7a8a9acadaeafb1b2b7babbbcc0c1c3c8c9cacbcdcecf#d1d4d5d6d7d8d9dadbdce0e2e3e6e7e9eaebecedeff1f2f3f4f5f6f7fdfe,5c:0002030507080b0c0d0e10121317191b1e1f2021232628292a2b2d2e2f303233353637434446474c4d5253545657585a5b5c5d5f62646768696a6b6c6d70727374757677787b7c7d7e808384858687898a8b8e8f9293959d9e9fa0a1a4a5a6a7a8aaaeafb0b2b4b6b9babbbcbec0c2c3c5c6c7c8c9cacccdcecfd0d1d3d4d5d6d7d8dadbdcdddedfe0e2e3e7e9ebeceeeff1f2f3f4f5f6f7f8f9fafcfdfeff,5d:00#01040508090a0b0c0d0f10111213151718191a1c1d1f2021222325282a2b2c2f3031323335363738393a3b3c3f4041424344454648494d4e4f5051525354555657595a5c5e5f6061626364656667686a6d6e7071727375767778797a7b7c7d7e7f8081838485868788898a8b8c8d8e8f9091929394959697989a9b9c9e9fa0a1a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b8b9babbbcbdbebfc0c1c2c3c4c6c7c8c9cacbcccecfd0d1d2d3d4d5d6d7d8d9dadcdfe0e3e4eaeced#f0f5f6f8f9fafbfcff,5e:000407090a0b0d0e1213171e1f20212223242528292a2b2c2f303233343536393a3e3f404143464748494a4b4d4e4f50515253565758595a5c5d5f60636465666768696a6b6c6d6e6f70717577797e8182838588898c8d8e92989b9da1a2a3a4a8a9aaabacaeafb0b1b2b4babbbcbdbfc0c1c2c3c4c5c6c7c8cbcccdcecfd0d4d5d7d8d9dadcdddedfe0e1e2e3e4e5e6e7e9ebecedeeeff0f1f2f3f5f8f9fbfcfd,5f:050607090c0d0e10121416191a1c1d1e21222324#282b2c2e30323334353637383b3d3e3f4142434445464748494a4b4c4d4e4f5154595a5b5c5e5f60636567686b6e6f72747576787a7d7e7f83868d8e8f919394969a9b9d9e9fa0a2a3a4a5a6a7a9abacafb0b1b2b3b4b6b8b9babbbebfc0c1c2c7c8cacbced3d4d5dadbdcdedfe2e3e5e6e8e9eceff0f2f3f4f6f7f9fafc,60:0708090b0c10111317181a1e1f2223242c2d2e3031323334363738393a3d3e404445464748494a4c4e4f5153545657585b5c5e5f606165666e71727475777e80#8182858687888a8b8e8f909193959798999c9ea1a2a4a5a7a9aaaeb0b3b5b6b7b9babdbebfc0c1c2c3c4c7c8c9cccdcecfd0d2d3d4d6d7d9dbdee1e2e3e4e5eaf1f2f5f7f8fbfcfdfeff,61:02030405070a0b0c1011121314161718191b1c1d1e21222528292a2c2d2e2f303132333435363738393a3b3c3d3e4041424344454647494b4d4f50525354565758595a5b5c5e5f606163646566696a6b6c6d6e6f717273747678797a7b7c7d7e7f808182838485868788898a8c8d8f9091929395#969798999a9b9c9e9fa0a1a2a3a4a5a6aaabadaeafb0b1b2b3b4b5b6b8b9babbbcbdbfc0c1c3c4c5c6c7c9cccdcecfd0d3d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e7e8e9eaebecedeeeff0f1f2f3f4f6f7f8f9fafbfcfdfe,62:00010203040507091314191c1d1e2023262728292b2d2f303132353638393a3b3c424445464a4f50555657595a5c5d5e5f6061626465687172747577787a7b7d818283858687888b8c8d8e8f9094999c9d9ea3a6a7a9aaadaeafb0b2b3b4b6b7b8babec0c1#c3cbcfd1d5dddee0e1e4eaebf0f2f5f8f9fafb,63:00030405060a0b0c0d0f10121314151718191c2627292c2d2e30313334353637383b3c3e3f40414447484a51525354565758595a5b5c5d60646566686a6b6c6f707273747578797c7d7e7f81838485868b8d9193949597999a9b9c9d9e9fa1a4a6abafb1b2b5b6b9bbbdbfc0c1c2c3c5c7c8cacbccd1d3d4d5d7d8d9dadbdcdddfe2e4e5e6e7e8ebeceeeff0f1f3f5f7f9fafbfcfe,64:0304060708090a0d0e111215161718191a1d1f222324#252728292b2e2f3031323335363738393b3c3e404243494b4c4d4e4f505153555657595a5b5c5d5f60616263646566686a6b6c6e6f70717273747576777b7c7d7e7f8081838688898a8b8c8d8e8f90939497989a9b9c9d9fa0a1a2a3a5a6a7a8aaabafb1b2b3b4b6b9bbbdbebfc1c3c4c6c7c8c9cacbcccfd1d3d4d5d6d9dadbdcdddfe0e1e3e5e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,65:01020304050607080a0b0c0d0e0f10111314151617191a1b1c1d1e1f2021#222324262728292a2c2d30313233373a3c3d404142434446474a4b4d4e5052535457585a5c5f606164656768696a6d6e6f7173757678797a7b7c7d7e7f8081828384858688898a8d8e8f92949596989a9d9ea0a2a3a6a8aaacaeb1b2b3b4b5b6b7b8babbbebfc0c2c7c8c9cacdd0d1d3d4d5d8d9dadbdcdddedfe1e3e4eaebf2f3f4f5f8f9fbfcfdfeff,66:0104050708090b0d1011121617181a1b1c1e2122232426292a2b2c2e3032333738393a3b3d3f40424445464748494a4d4e505158#595b5c5d5e6062636567696a6b6c6d7172737578797b7c7d7f808183858688898a8b8d8e8f909293949598999a9b9c9e9fa0a1a2a3a4a5a6a9aaabacadafb0b1b2b3b5b6b7b8babbbcbdbfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8dadedfe0e1e2e3e4e5e7e8eaebecedeeeff1f5f6f8fafbfd,67:010203040506070c0e0f1112131618191a1c1e20212223242527292e303233363738393b3c3e3f414445474a4b4d5254555758595a5b5d62636466676b6c6e717476#78797a7b7d8082838586888a8c8d8e8f9192939496999b9fa0a1a4a6a9acaeb1b2b4b9babbbcbdbebfc0c2c5c6c7c8c9cacbcccdced5d6d7dbdfe1e3e4e6e7e8eaebedeef2f5f6f7f8f9fafbfcfe,68:01020304060d1012141518191a1b1c1e1f20222324252627282b2c2d2e2f30313435363a3b3f474b4d4f52565758595a5b5c5d5e5f6a6c6d6e6f707172737578797a7b7c7d7e7f8082848788898a8b8c8d8e90919294959698999a9b9c9d9e9fa0a1a3a4a5a9aaabacaeb1b2b4b6b7b8#b9babbbcbdbebfc1c3c4c5c6c7c8cacccecfd0d1d3d4d6d7d9dbdcdddedfe1e2e4e5e6e7e8e9eaebecedeff2f3f4f6f7f8fbfdfeff,69:00020304060708090a0c0f11131415161718191a1b1c1d1e21222325262728292a2b2c2e2f313233353637383a3b3c3e4041434445464748494a4b4c4d4e4f50515253555658595b5c5f616264656768696a6c6d6f7072737475767a7b7d7e7f8183858a8b8c8e8f909192939697999a9d9e9fa0a1a2a3a4a5a6a9aaacaeafb0b2b3b5b6b8b9babcbd#bebfc0c2c3c4c5c6c7c8c9cbcdcfd1d2d3d5d6d7d8d9dadcdddee1e2e3e4e5e6e7e8e9eaebeceeeff0f1f3f4f5f6f7f8f9fafbfcfe,6a:000102030405060708090b0c0d0e0f10111213141516191a1b1c1d1e20222324252627292b2c2d2e30323334363738393a3b3c3f40414243454648494a4b4c4d4e4f515253545556575a5c5d5e5f60626364666768696a6b6c6d6e6f70727374757677787a7b7d7e7f81828385868788898a8b8c8d8f929394959698999a9b9c9d9e9fa1a2a3a4a5a6#a7a8aaadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,6b:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f252628292a2b2c2d2e2f303133343536383b3c3d3f4041424445484a4b4d4e4f5051525354555657585a5b5c5d5e5f606168696b6c6d6e6f7071727374757677787a7d7e7f808588#8c8e8f909194959798999c9d9e9fa0a2a3a4a5a6a7a8a9abacadaeafb0b1b2b6b8b9babbbcbdbec0c3c4c6c7c8c9caccced0d1d8dadcdddedfe0e2e3e4e5e6e7e8e9ecedeef0f1f2f4f6f7f8fafbfcfeff,6c:000102030408090a0b0c0e12171c1d1e2023252b2c2d31333637393a3b3c3e3f434445484b4c4d4e4f5152535658595a62636566676b6c6d6e6f71737577787a7b7c7f8084878a8b8d8e9192959697989a9c9d9ea0a2a8acafb0b4b5b6b7bac0c1c2c3c6c7c8cbcdcecfd1d2d8#d9dadcdddfe4e6e7e9ecedf2f4f9ff,6d:000203050608090a0d0f101113141516181c1d1f20212223242628292c2d2f30343637383a3f404244494c50555657585b5d5f6162646567686b6c6d707172737576797a7b7d7e7f8081838486878a8b8d8f9092969798999a9ca2a5acadb0b1b3b4b6b7b9babbbcbdbec1c2c3c8c9cacdcecfd0d2d3d4d5d7dadbdcdfe2e3e5e7e8e9eaedeff0f2f4f5f6f8fafdfeff,6e:0001020304060708090b0f12131518191b1c1e1f222627282a2c2e30313335#3637393b3c3d3e3f40414245464748494a4b4c4f5051525557595a5c5d5e606162636465666768696a6c6d6f707172737475767778797a7b7c7d8081828487888a8b8c8d8e91929394959697999a9b9d9ea0a1a3a4a6a8a9abacadaeb0b3b5b8b9bcbebfc0c3c4c5c6c8c9cacccdced0d2d6d8d9dbdcdde3e7eaebecedeeeff0f1f2f3f5f6f7f8fafbfcfdfeff,6f:000103040507080a0b0c0d0e101112161718191a1b1c1d1e1f212223252627282c2e303234353738393a3b3c3d3f404142#43444548494a4c4e4f5051525354555657595a5b5d5f60616364656768696a6b6c6f707173757677797b7d7e7f808182838586878a8b8f909192939495969798999a9b9d9e9fa0a2a3a4a5a6a8a9aaabacadaeafb0b1b2b4b5b7b8babbbcbdbebfc1c3c4c5c6c7c8cacbcccdcecfd0d3d4d5d6d7d8d9dadbdcdddfe2e3e4e5e6e7e8e9eaebecedf0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,70:000102030405060708090a0b0c0d0e0f1012131415161718191c1d1e1f2021222425262728292a#2b2c2d2e2f30313233343637383a3b3c3d3e3f404142434445464748494a4b4d4e505152535455565758595a5b5c5d5f606162636465666768696a6e7172737477797a7b7d818283848687888b8c8d8f90919397989a9b9e9fa0a1a2a3a4a5a6a7a8a9aab0b2b4b5b6babebfc4c5c6c7c9cbcccdcecfd0d1d2d3d4d5d6d7dadcdddee0e1e2e3e5eaeef0f1f2f3f4f5f6f8fafbfcfeff,71:0001020304050607080b0c0d0e0f111214171b1c1d1e1f2021222324252728292a2b2c2d2e323334#353738393a3b3c3d3e3f4041424344464748494b4d4f505152535455565758595a5b5d5f6061626365696a6b6c6d6f707174757677797b7c7e7f8081828385868788898b8c8d8e909192939596979a9b9c9d9ea1a2a3a4a5a6a7a9aaabadaeafb0b1b2b4b6b7b8babbbcbdbebfc0c1c2c4c5c6c7c8c9cacbcccdcfd0d1d2d3d6d7d8d9dadbdcdddedfe1e2e3e4e6e8e9eaebecedeff0f1f2f3f4f5f6f7f8fafbfcfdfeff,72:0001020304050708090a0b0c0d0e0f101112131415161718191a#1b1c1e1f2021222324252627292b2d2e2f3233343a3c3e40414243444546494a4b4e4f505153545557585a5c5e60636465686a6b6c6d707173747677787b7c7d828385868788898c8e9091939495969798999a9b9c9d9ea0a1a2a3a4a5a6a7a8a9aaabaeb1b2b3b5babbbcbdbebfc0c5c6c7c9cacbcccfd1d3d4d5d6d8dadb#95$,30:000102,00b702:c9c7,00a830:0305,2014ff5e20:162618191c1d,30:141508090a0b0c0d0e0f16171011,00:b1d7f7,22:362728110f2a2908371aa52520,231222:992b2e614c483d1d606e6f64651e3534,26:4240,00b020:3233,2103ff0400a4ff:e0e1,203000a7211626:0605,25:cbcfcec7c6a1a0b3b2,203b21:92909193,30:13#95$,21:70717273747576777879#4$,24:88898a8b8c8d8e8f909192939495969798999a9b7475767778797a7b7c7d7e7f808182838485868760616263646566676869##,32:20212223242526272829##,21:606162636465666768696a6b#97$,ff:010203e505060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5de3#95$,30:4142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a7b7c7d7e7f808182838485868788898a8b8c8d8e8f90919293#106$a1a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6#103$,03:9192939495969798999a9b9c9d9e9fa0a1a3a4a5a6a7a8a9#6$b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c3c4c5c6c7c8c9#5$,fe:3536393a3f403d3e41424344##3b3c373831#3334#104$,04:10111213141501161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f#13$30313233343551363738393a3b3c3d3e3f404142434445464748494a4b4c4d4e4f#11$,02:cacbd9,20:13152535,21:050996979899,22:151f23526667bf,25:505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f7071727381828384858687#88898a8b8c8d8e8f939495bcbde2e3e4e5,2609229530:121d1e#9$,010100e101ce00e0011300e9011b00e8012b00ed01d000ec014d00f301d200f2016b00fa01d400f901:d6d8dadc,00:fcea,0251e7c701:4448,e7c802:61#2$,31:05060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f20212223242526272829#19$,30:212223242526272829,32a333:8e8f9c9d9ea1c4ced1d2d5,fe30ff:e2e4#,212132:31#,20:10#1$,30:fc9b9cfdfe069d9e,fe:494a4b4c4d4e4f50515254555657595a5b5c5d5e5f6061#626364656668696a6b,e7:e7e8e9eaebecedeeeff0f1f2f3,30:07#11$,25:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445464748494a4b#13$,72:dcdddfe2e3e4e5e6e7eaebf5f6f9fdfeff,73:00020405060708090b0c0d0f1011121418191a1f2023242627282d2f30323335363a3b3c3d404142434445464748#494a4b4c4e4f515354555658595a5b5c5d5e5f6162636465666768696a6b6e7071#92$72737475767778797a7b7c7d7f808182838586888a8c8d8f90929394959798999a9c9d9ea0a1a3a4a5a6a7a8aaacadb1b4b5b6b8b9bcbdbebfc1c3c4c5c6c7#cbccced2d3d4d5d6d7d8dadbdcdddfe1e2e3e4e6e8eaebeceeeff0f1f3f4f5f6f7#92$f8f9fafbfcfdfeff,74:0001020407080b0c0d0e1112131415161718191c1d1e1f2021232427292b2d2f31323738393a3b3d3e3f4042434445464748494a4b4c4d#4e4f505152535456585d606162636465666768696a6b6c6e6f717273747578797a#92$7b7c7d7f8284858688898a8c8d8f9192939495969798999a9b9d9fa0a1a2a3a4a5a6aaabacadaeafb0b1b2b3b4b5b6b7b8b9bbbcbdbebfc0c1c2c3c4c5c6c7#c8c9cacbcccdcecfd0d1d3d4d5d6d7d8d9dadbdddfe1e5e7e8e9eaebecedf0f1f2#92$f3f5f8f9fafbfcfdfe,75:0001020305060708090a0b0c0e1012141516171b1d1e202122232426272a2e3436393c3d3f414243444647494a4d5051525355565758#5d5e5f60616263646768696b6c6d6e6f7071737576777a7b7c7d7e808182848587#92$88898a8c8d8e909395989b9c9ea2a6a7a8a9aaadb6b7babbbfc0c1c6cbcccecfd0d1d3d7d9dadcdddfe0e1e5e9ecedeeeff2f3f5f6f7f8fafbfdfe,76:02040607#08090b0d0e0f11121314161a1c1d1e212327282c2e2f31323637393a3b3d414244#92$45464748494a4b4e4f50515253555758595a5b5d5f6061626465666768696a6c6d6e7071727374757677797a7c7f80818385898a8c8d8f9092949597989a9b#9c9d9e9fa0a1a2a3a5a6a7a8a9aaabacadafb0b3b5b6b7b8b9babbbcbdbec0c1c3,554a963f57c3632854ce550954c076:914c,853c77ee827e788d72319698978d6c285b894ffa630966975cb880fa684880ae660276ce51f9655671ac7ff1888450b2596561ca6fb382ad634c625253ed54277b06516b75a45df462d48dcb9776628a8019575d97387f627238767d67cf767e64464f708d2562dc7a17659173ed642c6273822c9881677f724862:6ecc,4f3474e3534a529e7eca90a65e2e6886699c81807ed168d278c5868c9551508d8c2482de80de53058912526576:c4c7c9cbccd3d5d9dadcdddee0e1e2e3e4e6e7e8e9eaebecedf0f3f5f6f7fafbfdff,77:00020305060a0c0e0f1011121314151617181b1c1d1e21232425272a2b#2c2e3031323334393b3d3e3f4244454648494a4b4c4d4e4f52535455565758595c,858496f94fdd582199715b9d62:b1a5,66b48c799c8d7206676f789160b253:5117,8f8880cc8d1d94a1500d72c8590760eb711988ab595482ef672c7b285d297ef7752d6cf58e668ff8903c9f3b6bd491197b145f7c78a784d6853d6b:d5d9d6,5e:0187,75f995ed655d5f:0ac5,8f9f58c181c2907f965b97ad8fb97f168d2c62414fbf53:d85e,8f:a8a9ab,904d68075f6a819888689cd6618b522b762a5f6c658c6fd26ee85bbe644851:75b0,67c44e1979c9997c70b377:5d5e5f606467696a6d6e6f7071727374757677787a7b7c818283868788898a8b8f90939495969798999a9b9c9d9ea1a3a4a6a8abadaeafb1b2b4b6b7b8b9ba#bcbec0c1c2c3c4c5c6c7c8c9cacbcccecfd0d1d2d3d4d5d6d8d9dadddedfe0e1e4,75c55e7673bb83e064ad62e894b56ce2535a52c3640f94c27b944f2f5e1b823681:168a,6e246cca9a736355535c54fa886557e04e0d5e036b657c3f90e8601664e6731c88c16750624d8d22776c8e2991c75f6983dc8521991053c286956b8b60:ede8,707f82:cd31,4ed36ca785cf64cd7cd969fd66f9834953957b564fa7518c6d4b5c428e6d63d253c983:2c36,67e578b4643d5bdf5c945dee8be762c667f48c7a640063ba8749998b8c177f2094f24ea7961098a4660c731677:e6e8eaeff0f1f2f4f5f7f9fafbfc,78:0304050607080a0b0e0f101315191b1e20212224282a2b2e2f31323335363d3f414243444648494a4b4d4f51535458595a#5b5c5e5f606162636465666768696f7071727374757678797a7b7d7e7f80818283,573a5c1d5e38957f507f80a05382655e7545553150218d856284949e671d56326f6e5de2543570928f66626f64a463a35f7b6f8890f481e38fb05c1866685ff16c8996488d81886c649179f057ce6a59621054484e587a0b60e96f848bda627f901e9a8b79e4540375f4630153196c608fdf5f1b9a70803b9f7f4f885c3a8d647fc565a570bd51:45b2,866b5d075ba062bd916c75748e0c7a2061017b794ec77ef877854e1181ed521d51fa6a7153a88e87950496cf6ec19664695a78:848586888a8b8f9092949596999d9ea0a2a4a6a8a9aaabacadaeafb5b6b7b8babbbcbdbfc0c2c3c4c6c7c8cccdcecfd1d2d3d6d7d8dadbdcdddedfe0e1e2e3#e4e5e6e7e9eaebedeeeff0f1f3f5f6f8f9fbfcfdfeff,79:00020304060708090a0b0c,784050a877d7641089e6590463e35ddd7a7f693d4f20823955984e3275ae7a975e:628a,95ef521b5439708a6376952457826625693f918755076df37eaf882262337ef075b5832878c196cc8f9e614874f78bcd6b64523a8d506b21806a847156f153064e:ce1b,51d17c97918b7c074fc38e7f7be17a9c64675d1450ac810676017cb96dec7fe067515b:58f8,78cb64:ae13,63:aa2b,9519642d8fbe7b5476296253592754466b7950a362345e266b864ee38d37888b5f85902e79:0d0e0f1011121415161718191a1b1c1d1f2021222325262728292a2b2c2d2e2f3031323335363738393d3f42434445474a4b4c4d4e4f505152545558596163#6466696a6b6c6e70717273747576797b7c7d7e7f8283868788898b8c8d8e909192,6020803d62c54e39535590f863b880c665e66c2e4f4660ee6de18bde5f3986cb5f536321515a83616863520063638e4850125c9b79775bfc52307a3b60bc905376d75f:b797,76848e6c706f767b7b4977aa51f3909358244f4e6ef48fea654c7b1b72c46da47fdf5ae162b55e95573084827b2c5e1d5f1f90127f1498a063826ec7789870b95178975b57ab75354f4375385e9760e659606dc06bbf788953fc96d551cb52016389540a94938c038dcc7239789f87768fed8c0d53e079:939495969798999b9c9d9e9fa0a1a2a3a4a5a6a8a9aaabacadaeafb0b1b2b4b5b6b7b8bcbfc2c4c5c7c8cacccecfd0d3d4d6d7d9dadbdcdddee0e1e2e5e8ea#eceef1f2f3f4f5f6f7f9fafcfeff,7a:0104050708090a0c0f10111213151618191b1c,4e0176ef53ee948998769f0e952d5b9a8ba24e:221c,51ac846361c252a8680b4f97606b51bb6d1e515c6296659796618c46901775d890fd77636bd272:8aec,8bfb583577798d4c675c9540809a5ea66e2159927aef77ed953b6bb565ad7f0e58065151961f5bf958a954288e726566987f56e4949d76fe9041638754c659:1a3a,579b8eb267358dfa8235524160f0581586fe5ce89e454fc4989d8bb95a2560765384627c904f9102997f6069800c513f80335c1499756d314e8c7a:1d1f21222425262728292a2b2c2d2e2f303132343536383a3e4041424344454748494a4b4c4d4e4f50525354555658595a5b5c5d5e5f606162636465666768#696a6b6c6d6e6f717273757b7c7d7e828587898a8b8c8e8f909394999a9b9ea1a2,8d3053d17f5a7b4f4f104e4f96006cd573d085e95e06756a7ffb6a0a77fe94927e4151e170e653cd8fd483038d2972af996d6cdb574a82b365b980aa623f963259a84eff8bbf7eba653e83f2975e556198de80a5532a8bfd542080ba5e9f6cb88d3982ac915a54296c1b52067eb7575f711a6c7e7c89594b4efd5fff61247caa4e305c0167ab87025cf0950b98ce75af70fd902251af7f1d8bbd594951e44f5b5426592b657780a45b7562:76c2,8f905e456c1f7b264f:0fd8,670d7a:a3a4a7a9aaabaeafb0b1b2b4b5b6b7b8b9babbbcbdbec0c1c2c3c4c5c6c7c8c9cacccdcecfd0d1d2d3d4d5d7d8dadbdcdde1e2e4e7e8e9eaebeceef0f1f2f3#f4f5f6f7f8fbfcfe,7b:0001020507090c0d0e1012131617181a1c1d1f21222327292d,6d:6eaa,798f88b15f17752b629a8f854fef91dc65a781:2f51,5e9c81508d74526f89868d4b590d50854ed8961c723681798d1f5bcc8ba3964459877f1a549056:760e,8be565396982949976d66e895e72751867:46d1,7aff809d8d76611f79c665628d635188521a94a27f38809b7eb25c976e2f67607bd9768b9ad8818f7f947cd5641e95507a3f54:4ae5,6b4c640162089e3d80f3759952729769845b683c86e496:0194,94ec4e2a54047ed968398ddf801566f45e9a7fb97b:2f303234353637393b3d3f404142434446484a4d4e535557595c5e5f61636465666768696a6b6c6d6f70737476787a7c7d7f81828384868788898a8b8c8e8f#9192939698999a9b9e9fa0a3a4a5aeafb0b2b3b5b6b7b9babbbcbdbebfc0c2c3c4,57c2803f68975de5653b529f606d9f9a4f9b8eac516c5bab5f135de96c5e62f18d21517194a952fe6c9f82df72d757a267848d2d591f8f9c83c754957b8d4f306cbd5b6459d19f1353e486ca9aa88c3780a16545987e56fa96c7522e74dc52505be1630289024e5662d0602a68fa51735b9851a089c27ba199867f5060ef704c8d2f51495e7f901b747089c4572d78455f529f9f95fa8f689b3c8be17678684267dc8d:ea35,523d8f8a6eda68cd950590ed56fd679c88f98fc754c87b:c5c8c9cacbcdcecfd0d2d4d5d6d7d8dbdcdedfe0e2e3e4e7e8e9ebecedeff0f2f3f4f5f6f8f9fafbfdff,7c:0001020304050608090a0d0e101112131415171819#1a1b1c1d1e20212223242528292b2c2d2e2f3031323334353637393a3b3c3d3e42,9ab85b696d776c264ea55bb39a87916361a890af97e9542b6db55bd251fd558a7f:55f0,64bc634d65f161be608d710a6c:5749,592f676d822a58d5568e8c6a6beb90dd597d801753f76d695475559d83:77cf,683879be548c4f55540876d28c8996026cb36db88d6b89109e648d3a563f9ed175d55f8872e0606854fc4ea86a2a886160528f7054c470d886799e3f6d2a5b8f5f187ea255894faf7334543c539a501954:0e7c,4e4e5ffd745a58f6846b80e1877472d07cca6e567c:434445464748494a4b4c4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f70717275767778797a7e7f8081828384858687#888a8b8c8d8e8f90939496999a9ba0a1a3a6a7a8a9abacadafb0b4b5b6b7b8babb,5f27864e552c62a44e926caa623782b154d7534e733e6ed1753b521253168bdd69d05f8a60006dee574f6b2273af68538fd87f13636260a3552475ea8c6271156da35ba65e7b8352614c9ec478fa87577c27768751f060f6714c66435e4c604d8c0e707063258f895fbd606286d456de6bc160946167534960e066668d3f79fd4f1a70e96c478b:b3f2,7ed88364660f5a5a9b426d:51f7,8c416d3b4f19706b83b7621660d1970d8d27797851fb57:3efa,673a75787a3d79ef7b957c:bfc0c2c3c4c6c9cbcecfd0d1d2d3d4d8dadbdddee1e2e3e4e5e6e7e9eaebecedeef0f1f2f3f4f5f6f7f9fafcfdfeff,7d:000102030405060708090b0c0d0e0f10#1112131415161718191a1b1c1d1e1f212324252628292a2c2d2e30313233343536,808c99658ff96fc08ba59e2159ec7ee97f095409678168d88f917c4d96c653ca602575be6c7253735ac97ea7632451e0810a5df184df628051805b634f0e796d524260b86d4e5b:c4c2,8b:a1b0,65e25fcc964559937e:e7aa,560967b759394f735bb652a0835a988a8d3e753294be50477a3c4ef767b69a7e5ac16b7c76d1575a5c167b3a95f4714e517c80a9827059787f04832768c067ec78:b177,62e363617b804fed526a51cf835069db92748d:f531,89c1952e7bad4ef67d:3738393a3b3c3d3e3f404142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6f70717273747576#78797a7b7c7d7e7f808182838485868788898a8b8c8d8e8f909192939495969798,506582305251996f6e:1085,6da75efa50f559dc5c066d466c5f7586848b686859568bb253209171964d854969127901712680f64ea490ca6d479a845a0756bc640594f077eb4fa5811a72e189d2997a7f347ede527f655991758f:7f83,53eb7a9663:eda5,768679f888579636622a52ab8282685467706377776b7aed6d017ed389e359d0621285c982a5754c501f4ecb75a58beb5c4a5dfe7b4b65a491d14eca6d25895f7d2795264ec58c288fdb9773664b79818fd170ec6d787d:999a9b9c9d9e9fa0a1a2a3a4a5a7a8a9aaabacadafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9#dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fa,5c3d52b283465162830e775b66769cb84eac60ca7c:beb3,7ecf4e958b66666f988897595883656c955c5f8475c997567a:dfde,51c070af7a9863ea7a767ea0739697ed4e4570784e5d915253a965:51e7,81fc8205548e5c31759a97a062d872d975bd5c459a7983ca5c40548077e94e3e6cae805a62d2636e5de851778ddd8e1e952f4ff153e560e770ac526763509e435a1f5026773753777ee26485652b628963985014723589c951b38bc07edd574783cc94a7519b541b5cfb7d:fbfcfdfeff,7e:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f30313233343536373839#3a3c3d3e3f40424344454648494a4b4c4d4e4f505152535455565758595a5b5c5d,4fca7ae36d5a90e19a8f55805496536154af5f0063e9697751ef6168520a582a52d8574e780d770b5eb761777ce062:5b97,4ea27095800362f770e49760577782db67ef68f578d5989779d158f354b353ef6e34514b523b5ba28bfe80af554357a660735751542d7a7a60505b5463a762a053e362635bc767af54ed7a9f82e691775e9388e4593857ae630e8de880ef57577b774fa95feb5bbd6b3e53217b5072c2684677:ff36,65f751b54e8f76d45cbf7aa58475594e9b4150807e:5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a7b7c7d7e7f8081838485868788898a8b8c8d8e8f909192939495969798999a9c9d9e#aeb4bbbcd6e4ecf9,7f:0a101e37393b3c3d3e3f404143464748494a4b4c4d4e4f5253,998861276e8357646606634656f062:ec69,5ed39614578362c955878721814a8fa3556683b167658d5684dd5a6a680f62e67bee961151706f9c8c3063fd89c861d27f0670c26ee57405699472fc5eca90ce67176d6a635e52b3726280014f6c59e5916a70d96d9d52d24e5096f7956d857e78ca7d2f5121579264c2808b7c7b6cea68f1695e51b7539868a872819ece7bf172f879bb6f137406674e91cc9ca4793c83:8954,540f68174e3d538952b1783e5386522950884f:8bd0,7f:56595b5c5d5e6063646566676b6c6d6f7073757677787a7b7c7d7f8082838485868788898b8d8f9091929395969798999b9ca0a2a3a5a6a8a9aaabacadaeb1#b3b4b5b6b7babbbec0c2c3c4c6c7c8c9cbcdcfd0d1d2d3d6d7d9dadbdcdddee2e3,75e27acb7c926ca596b6529b748354e94fe9805483b28fde95705ec9601c6d9f5e18655b813894fe604b70bc7ec37cae51c968817cb1826f4e248f8691cf667e4eae8c0564a9804a50da759771ce5be58fbd6f664e86648295635ed66599521788c270c852a3730e7433679778f797164e3490bb9cde6dcb51db8d41541d62ce73b283f196f69f8494c34f367f9a51cc707596755cad988653e64ee46e9c740969b4786b998f7559521876246d4167f3516d9f99804b54997b3c7abf7f:e4e7e8eaebecedeff2f4f5f6f7f8f9fafdfeff,80:020708090a0e0f11131a1b1d1e1f2123242b2c2d2e2f303234393a3c3e404144454748494e4f505153555657#595b5c5d5e5f6061626364656667686b6c6d6e6f7072737475767778797a7b7c7d,9686578462e29647697c5a0464027bd36f0f964b82a6536298855e90708963b35364864f9c819e93788c97328d:ef42,9e7f6f5e79845f559646622e9a74541594dd4fa365c55c:6561,7f1586516c2f5f8b73876ee47eff5ce6631b5b6a6ee653754e7163a0756562a18f6e4f264ed16ca67eb68bba841d87ba7f57903b95237ba99aa188f8843d6d1b9a867edc59889ebb739b780186829a:6c82,561b541757cb4e709ea653568fc881097792999286ee6ee1851366fc61626f2b80:7e818285888a8d8e8f909192949597999ea3a6a7a8acb0b3b5b6b8b9bbc5c7c8c9cacbcfd0d1d2d3d4d5d8dfe0e2e3e6eef5f7f9fbfeff,81:000103040507080b#0c1517191b1c1d1f202122232425262728292a2b2d2e3033343537393a3b3c3d3f,8c298292832b76f26c135fd983bd732b8305951a6bdb77db94c6536f830251925e3d8c8c8d384e4873ab679a68859176970971646ca177095a9295416bcf7f8e66275bd059b95a9a95:e8f7,4eec84:0c99,6aac76df9530731b68a65b5f772f919a97617cdc8ff78c1c5f257c7379d889c56ccc871c5bc65e4268c977207ef551:954d,52c95a297f05976282d763cf778485d079d26e3a5e9959998511706d6c1162bf76bf654f60af95fd660e879f9e2394ed54:0d7d,8c2c647881:40414243444547494d4e4f525657585b5c5d5e5f6162636466686a6b6c6f727375767778818384858687898b8c8d8e90929394959697999a9e9fa0a1a2a4a5#a7a9abacadaeafb0b1b2b4b5b6b7b8b9bcbdbebfc4c5c7c8c9cbcdcecfd0d1d2d3,647986116a21819c78e864699b5462b9672b83ab58a89ed86cab6f205bde964c8c0b725f67d062c772614ea959c66bcd589366ae5e5552df6155672876ee776672677a4662ff54:ea50,94a090a35a1c7eb36c164e435976801059485357753796be56ca63208111607c95f96dd65462998151855ae980fd59ae9713502a6ce55c3c62df4f60533f817b90066eba852b62c85e7478be64b5637b5ff55a18917f9e1f5c3f634f80425b7d556e95:4a4d,6d8560a867e072de51dd5b8181:d4d5d6d7d8d9dadbdcdddedfe0e1e2e4e5e6e8e9ebeeeff0f1f2f5f6f7f8f9fafdff,82:030708090a0b0e0f111315161718191a1d2024252627292e323a3c3d3f#404142434546484a4c4d4e5051525354555657595b5c5d5e606162636465666769,62e76cde725b626d94ae7ebd81136d53519c5f04597452aa6012597366968650759f632a61e67cef8bfa54e66b279e256bb485d5545550766ca4556a8db4722c5e156015743662cd6392724c5f986e436d3e65006f5876d878d076fc7554522453db4e535e9e65c180:2ad6,629b5486522870ae888d8dd16ce1547880da57f988f48d54966a914d4f696c9b55b776c6783062a870f96f8e5f6d84ec68da787c7bf781a8670b9e4f636778b0576f7812973962:79ab,528874356bd782:6a6b6c6d71757677787b7c808183858687898c90939495969a9b9ea0a2a3a7b2b5b6babbbcbfc0c2c3c5c6c9d0d6d9dadde2e7e8e9eaecedeef0f2f3f5f6f8#fafcfdfeff,83:000a0b0d1012131618191d1e1f20212223242526292a2e3032373b3d,5564813e75b276ae533975de50fb5c418b6c7bc7504f72479a9798d86f0274e27968648777a562fc98918d2b54c180584e52576a82f9840d5e7351ed74f68bc45c4f57616cfc98875a4678349b448feb7c955256625194fa4ec68386846183e984b257d467345703666e6d668c3166dd7011671f6b3a6816621a59bb4e0351c46f0667d26c8f517668cb59476b6775665d0e81109f5065d779:4841,9a918d775c824e5e4f01542f5951780c56686c148fc45f036c:7de3,8bab639083:3e3f41424445484a4b4c4d4e5355565758595d6270717273747576797a7e7f808182838487888a8b8c8d8f909194959697999a9d9fa1a2a3a4a5a6a7acadae#afb5bbbebfc2c3c4c6c8c9cbcdced0d1d2d3d5d7d9dadbdee2e3e4e6e7e8ebeced,60706d3d7275626694:8ec5,53438fc17b7e4edf8c264e7e9ed494:b1b3,524d6f5c90636d458c3458115d4c6b:2049,67aa545b81547f8c589985375f3a62a26a47953965726084686577a74e544fa85de7979864ac7fd85ced4fcf7a8d520783044e14602f7a8394a64fb54eb279e6743452e482b964d279bd5bdd6c8197528f7b6c22503e537f6e0564ce66746c3060c598778bf75e86743c7a7779cb4e1890b174036c4256da914b6cc58d8b533a86c666f28eaf5c489a716e2083:eeeff3f4f5f6f7fafbfcfeff,84:0002050708090a10121314151617191a1b1e1f20212223292a2b2c2d2e2f30323334353637393a3b3e3f404142434445474849#4a4b4c4d4e4f505253545556585d5e5f606264656667686a6e6f70727477797b7c,53d65a369f8b8da353bb570898a76743919b6cc9516875ca62f372ac52:389d,7f3a7094763853749e4a69b7786e96c088d97fa471:36c3,518967d374e458e4651856b78ba9997662707ed560f970ed58ec4e:c1ba,5fcd97e74efb8ba45203598a7eab62544ecd65e5620e833884c98363878d71946eb65bb97ed2519763c967d480898339881551125b7a59828fb14e736c5d516589258f6f962e854a745e95:10f0,6da682e55f3164926d128428816e9cc3585e8d5b4e0953c184:7d7e7f8081838485868a8d8f90919293949596989a9b9d9e9fa0a2a3a4a5a6a7a8a9aaabacadaeb0b1b3b5b6b7bbbcbec0c2c3c5c6c7c8cbcccecfd2d4d5d7#d8d9dadbdcdee1e2e4e7e8e9eaebedeeeff1f2f3f4f5f6f7f8f9fafbfdfe,85:000102,4f1e6563685155d34e2764149a9a626b5ac2745f82726da968ee50e7838e7802674052396c997eb150bb5565715e7b5b665273ca82eb67495c715220717d886b95ea965564c58d6181b355846c5562477f2e58924f2455468d4f664c4e0a5c1a88f368a2634e7a0d70e7828d52fa97f65c1154e890b57ecd59628d4a86c782:0c0d,8d6664445c0461516d89793e8bbe78377533547b4f388eab6df15a207ec5795e6c885ba15a76751a80be614e6e1758f075:1f25,727253477ef385:030405060708090a0b0d0e0f101214151618191b1c1d1e2022232425262728292a2d2e2f303132333435363e3f404142444546474b4c4d4e4f505152535455#57585a5b5c5d5f60616263656667696a6b6c6d6e6f707173757677787c7d7f8081,770176db526980dc57235e08593172ee65bd6e7f8bd75c388671534177f362fe65f64ec098df86805b9e8bc653f277e24f7f5c4e9a7659cb5f0f793a58eb4e1667ff4e8b62ed8a93901d52bf662f55dc566c90024ed54f8d91ca99706c0f5e0260435ba489c68bd56536624b99965b:88ff,6388552e53d77626517d852c67a268b36b8a62928f9353d482126dd1758f4e668d4e5b70719f85af66:91d9,7f7287009ecd9f205c5e672f8ff06811675f620d7ad658855eb665706f3185:82838688898a8b8c8d8e909192939495969798999a9d9e9fa0a1a2a3a5a6a7a9abacadb1b2b3b4b5b6b8babbbcbdbebfc0c2c3c4c5c6c7c8cacbcccdced1d2#d4d6d7d8d9dadbdddedfe0e1e2e3e5e6e7e8eaebecedeeeff0f1f2f3f4f5f6f7f8,60555237800d6454887075295e05681362f4971c53cc723d8c016c3477617a0e542e77ac987a821c8bf47855671470c165af64955636601d79c153f84e1d6b7b80865bfa55e356db4f:3a3c,99725df3677e80386002988290015b8b8b:bcf5,641c825864de55fd82cf91654fd77d20901f7c9f50f358516eaf5bbf8bc980839178849c7b97867d96:8b8f,7ee59ad3788e5c817a57904296a7795f5b59635f7b0b84d168ad55067f2974107d2295016240584c4ed65b835979585485:f9fafcfdfe,86:0001020304060708090a0b0c0d0e0f10121314151718191a1b1c1d1e1f20212223242526282a2b2c2d2e2f3031323334353637393a3b3d3e3f40#4142434445464748494a4b4c525355565758595b5c5d5f6061636465666768696a,736d631e8e:4b0f,80ce82d462ac53f06cf0915e592a60016c70574d644a8d2a762b6ee9575b6a8075f06f6d8c:2d08,57666bef889278b363a253f970ad6c645858642a580268e0819b55107cd650188eba6dcc8d9f70eb638f6d9b6ed47ee68404684390036dd896768ba85957727985e4817e75bc8a8a68af52548e22951163d098988e44557c4f5366ff568f60d56d9552435c4959296dfb586b75:301c,606c82148146631167618fe2773a8d:f334,94c15e165385542c70c386:6d6f7072737475767778838485868788898e8f90919294969798999a9b9e9fa0a1a2a5a6abadaeb2b3b7b8b9bbbcbdbebfc1c2c3c5c8cccdd2d3d5d6d7dadc#dde0e1e2e3e5e6e7e8eaebeceff5f6f7fafbfcfdff,87:010405060b0c0e0f10111416,6c405ef7505c4ead5ead633a8247901a6850916e77b3540c94dc5f647ae5687663457b527edf75db507762955934900f51f879c37a8156fe5f9290146d825c60571f541051546e4d56e263a89893817f8715892a9000541e5c6f81c062:d658,81319e3596409a:6e7c,692d59a562d3553e631654c786d96d3c5a0374e6889c6b6a59168c4c5f2f6e7e73a9987d4e3870f75b8c7897633d665a769660cb5b9b5a494e0781556c6a738b4ea167897f515f8065fa671b5fd859845a0187:191b1d1f20242627282a2b2c2d2f303233353638393a3c3d404142434445464a4b4d4f505152545556585a5b5c5d5e5f6162666768696a6b6c6d6f71727375#7778797a7f8081848687898a8c8e8f90919294959698999a9b9c9d9ea0a1a2a3a4,5dcd5fae537197e68fdd684556f4552f60df4e3a6f4d7ef482c7840e59d44f:1f2a,5c3e7eac672a851a5473754f80c355829b4f4f4d6e2d8c135c096170536b761f6e29868a658795fb7eb9543b7a337d0a95ee55e17fc174ee631d87176da17a9d621165a1536763e16c835deb545c94a84e4c6c618bec5c4b65e0829c68a754:3e34,6b:cb66,4e9463425348821e4f:0dae,575e620a96fe6664726952:ffa1,609f8bef661471996790897f785277fd6670563b54389521727a87:a5a6a7a9aaaeb0b1b2b4b6b7b8b9bbbcbebfc1c2c3c4c5c7c8c9cccdcecfd0d4d5d6d7d8d9dadcdddedfe1e2e3e4e6e7e8e9ebecedeff0f1f2f3f4f5f6f7f8#fafbfcfdff,88:0001020405060708090b0c0d0e0f101112141718191a1c1d1e1f2023,7a00606f5e0c6089819d591560dc718470ef6eaa6c5072806a8488ad5e2d4e605ab3559c94e36d177cfb9699620f7ec6778e867e5323971e8f9666875ce14fa072ed4e0b53a6590f54136380952851484ed99c9c7ea454b88d248854823795f26d8e5f265acc663e966973:b02e,53bf817a99857fa15baa96:7750,7ebf76f853a2957699997bb189446e584e617fd479658be660f354cd4eab98795df76a6150cf54118c618427785d9704524a54ee56a395006d885bb56dc6665388:2425262728292a2b2c2d2e2f30313334353637383a3b3d3e3f414243464748494a4b4e4f505152535556585a5b5c5d5e5f6066676a6d6f717374757678797a#7b7c80838687898a8c8e8f90919394959798999a9b9d9e9fa0a1a3a5a6a7a8a9aa,5c0f5b5d6821809655787b11654869544e9b6b47874e978b534f631f643a90aa659c80c18c10519968b0537887f961c86c:c4fb,8c225c5185aa82af950c6b238f9b65b05f:fbc3,4fe18845661f8165732960fa51745211578b5f6290a2884c91925e78674f602759d351:44f6,80f853086c7996c4718a4f:11ee,7f9e673d55c5950879c088967ee3589f620c9700865a5618987b5f908bb884c4915753d965ed5e8f755c60647d6e5a7f7e:eaed,8f6955a75ba360ac65cb738488:acaeafb0b2b3b4b5b6b8b9babbbdbebfc0c3c4c7c8cacbcccdcfd0d1d3d6d7dadbdcdddee0e1e6e7e9eaebecedeeeff2f5f6f7fafbfdff,89:0001030405060708#090b0c0d0e0f1114151617181c1d1e1f20222324262728292c2d2e2f3132333537,9009766377297eda9774859b5b667a7496ea884052cb718f5faa65ec8be25bfb9a6f5de16b896c5b8b:adaf,900a8fc5538b62bc9e:262d,54404e2b82bd7259869c5d1688596daf96c554d14e9a8bb6710954bd960970df6df976d04e25781487125ca95ef68a00989c960e708e6cbf594463a9773c884d6f148273583071d5538c781a96c155015f6671305bb48c1a9a8c6b83592e9e2f79e76768626c4f6f75a17f8a6d0b96336c274ef075d2517b68376f3e908081705996747689:38393a3b3c3d3e3f40424345464748494a4b4c4d4e4f505152535455565758595a5b5c5d6061626364656768696a6b6c6d6e6f707172737475767778797a7c#7d7e808284858788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9fa0a1,64475c2790657a918c2359da54ac8200836f898180006930564e8036723791ce51b64e5f987563964e1a53f666f3814b591c6db24e0058f9533b63d694f14f:9d0a,886398905937905779fb4eea80f075916c825b9c59e85f5d69058681501a5df24e5977e34ee5827a6291661390915c794ebf5f7981c69038808475ab4ea688d4610f6bc55fc64e4976ca6ea28b:e3ae,8c0a8bd15f027f:fccc,7ece83:356b,56e06bb797f3963459fb541f94f66deb5bc5996e5c395f15969089:a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c3cdd3d4d5d7d8d9dbdddfe0e1e2e4e7e8e9eaecedeef0f1f2f4f5f6f7f8f9fa#fbfcfdfeff,8a:01020304050608090a0b0c0d0e0f101112131415161718191a1b1c1d,537082f16a315a749e705e947f2883b984:2425,836787478fce8d6276c85f719896786c662054df62e54f6381c375c85eb896cd8e0a86f9548f6cf36d8c6c38607f52c775285e7d4f1860a05fe75c24753190ae94c072b96cb96e389149670953:cbf3,4f5191c98bf153c85e7c8fc26de44e8e76c26986865e611a82064f:59de,903e9c7c61096e:1d14,96854e885a3196e84e0e5c7f79b95b878bed7fbd738957df828b90c15401904755bb5cea5fa161086b3272f180b28a:891e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3f4041424344454647494a4b4c4d4e4f505152535455565758595a5b5c5d5e#5f606162636465666768696a6b6c6d6e6f7071727374757677787a7b7c7d7e7f80,6d745bd388d598848c6b9a6d9e336e0a51:a443,57a38881539f63f48f9556ed54585706733f6e907f188fdc82d1613f6028966266f07ea68d:8ac3,94a55cb37ca4670860a6960580184e9190e75300966851418fd08574915d665597f55b55531d78386742683d54c9707e5bb08f7d518d572854b1651266828d:5e43,810f846c906d7cdf51ff85fb67a365e96fa186a48e81566a90207682707671e58d2362e952196cfd8d3c600e589e618e66fe8d60624e55b36e23672d8f678a:81828384858687888b8c8d8e8f9091929495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2#c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3,94e195f87728680569a8548b4e4d70b88bc86458658b5b857a84503a5be877bb6be18a797c986cbe76cf65a98f975d2d5c5586386808536062187ad96e5b7efd6a1f7ae05f706f335f20638c6da867564e085e108d264ed780c07634969c62db662d627e6cbc8d7571677f695146808753ec906e629854f286f08f998005951785178fd96d5973cd659f771f7504782781fb8d1e94884fa6679575b98bca9707632f9547963584b8632377415f8172f04e896014657462ef6b63653f8a:e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,8b:0001020304050608090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f20212223#24252728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445,5e2775c790d18bc1829d679d652f5431871877e580a281026c414e4b7ec7804c76f4690d6b966267503c4f84574063076b628dbe53ea65e87eb85fd763:1ab7,81:f3f4,7f6e5e1c5cd95236667a79e97a1a8d28709975d46ede6cbb7a924e2d76c55fe0949f88777ec879cd80bf91cd4ef24f17821f54685dde6d328bcc7ca58f7480985e1a549276b15b99663c9aa473e0682a86db6731732a8b:f8db,90107af970db716e62c477a956314e3b845767f152a986c08d2e94f87b518b:464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f6061626364656768696a6b6d6e6f707172737475767778797a7b7c7d7e7f80818283848586#8788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9facb1bbc7d0ea,8c:091e,4f4f6ce8795d9a7b6293722a62fd4e1378168f6c64b08d5a7bc668695e8488c55986649e58ee72b6690e95258ffd8d5857607f008c0651c6634962d95353684c74228301914c55447740707c6d4a517954a88d4459ff6ecb6dc45b5c7d2b4ed47c7d6ed35b5081ea6e0d5b579b0368d58e2a5b977efc603b7eb590b98d70594f63cd79df8db3535265cf79568bc5963b7ec494bb7e825634918967007f6a5c0a907566285de64f5067de505a4f5c57505e:a7#3$,8c:38393a3b3c3d3e3f4042434445484a4b4d4e4f5051525354565758595b5c5d5e5f60636465666768696c6d6e6f707172747576777b7c7d7e7f808183848687#888b8d8e8f90919293959697999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aaabacad,4e:8d0c,51404e105eff53454e:15981e,9b325b6c56694e2879ba4e3f53154e47592d723b536e6c1056df80e499976bd3777e9f174e:369f,9f104e:5c6993,82885b5b556c560f4ec453:8d9da3a5ae,97658d5d53:1af5262e3e,8d5c53:6663,52:02080e2d333f404c5e615c,84af52:7d82819093,51827f544e:bbc3c9c2e8e1ebde,4f1b4ef34f:2264,4ef54f:2527092b5e67,65384f:5a5d,8c:aeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebec#edeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,8d:000102030405060708090a0b0c0d,4f:5f57323d76749189838f7e7baa7cac94e6e8eac5dae3dcd1dff8,50:294c,4ff350:2c0f2e2d,4ffe50:1c0c25287e4355484e6c7ba5a7a9bad6,510650:edece6ee,51:070b,4edd6c3d4f:5865ce,9fa06c467c74516e5dfd9ec999985181591452f9530d8a07531051eb591951554ea051564eb388:6ea4,4eb5811488d279805b3488037fb851:abb1bdbc,8d:0e0f101112131415161718191a1b1c205152575f6568696a6c6e6f717278797a7b7c7d7e7f808283868788898c8d8e8f90929395969798999a9b9c9d9ea0a1#a2a4a5a6a7a8a9aaabacadaeafb0b2b6b7b9bbbdc0c1c2c5c7c8c9cacdd0d2d3d4,51:c796a2a5,8b:a0a6a7aab4b5b7c2c3cbcfced2d3d4d6d8d9dcdfe0e4e8e9eef0f3f6f9fcff,8c:000204070c0f1112141516191b181d1f202125272a2b2e2f32333536,53:697a,96:1d2221312a3d3c4249545f676c7274888d97b0,90:979b9d99aca1b4b3b6ba,8d:d5d8d9dce0e1e2e5e6e7e9edeef0f1f2f4f6fcfeff,8e:00010203040607080b0d0e1011121315161718191a1b1c202124252627282b2d303233343637383b3c3e#3f4345464c4d4e4f505354555657585a5b5c5d5e5f60616263646567686a6b6e71,90:b8b0cfc5bed0c4c7d3e6e2dcd7dbebeffe,91:04221e23312f394346,520d594252:a2acadbe,54ff52:d0d6f0,53df71ee77cd5ef451:f5fc,9b2f53b65f01755a5def57:4ca9a1,58:7ebcc5d1,57:292c2a33392e2f5c3b4269856b867c7b686d7673ada48cb2cfa7b493a0d5d8dad9d2b8f4eff8e4dd,8e:73757778797a7b7d7e808283848688898a8b8c8d8e91929395969798999a9b9d9fa0a1a2a3a4a5a6a7a8a9aaadaeb0b1b3b4b5b6b7b8b9bbbcbdbebfc0c1c2#c3c4c5c6c7c8c9cacbcccdcfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4,58:0b0d,57:fded,58:001e194420656c81899a80,99a89f1961ff82:797d7f8f8aa8848e919799abb8beb0c8cae398b7aecbccc1a9b4a1aa9fc4cea4e1,830982:f7e4,83:0f07,82:dcf4d2d8,830c82:fbd3,83:111a061415,82:e0d5,83:1c515b5c08923c34319b5e2f4f47435f4017602d3a336665,8e:e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,8f:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f20212223#2425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f4041424344,83:681b696c6a6d6eb078b3b4a0aa939c857cb6a97db87b989ea8babcc1,840183:e5d8,580784:180b,83:ddfdd6,84:1c381106,83:d4df,84:0f03,83:f8f9eac5c0,842683:f0e1,84:5c515a597387887a89783c4669768c8e316dc1cdd0e6bdd3cabfbae0a1b9b497e5e3,850c750d853884f085:391f3a,8f:45464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f6061626364656a808c929da0a1a2a4a5a6a7aaacadaeafb2b3b4b5b7b8babbbcbfc0c3c6#c9cacbcccdcfd2d6d7dae0e1e3e7eceff1f2f4f5f6fafbfcfeff,90:07080c0e131518,85:563b,84:fffc,85:594868645e7a,77a285:43727ba4a8878f79ae9c85b9b7b0d3c1dcff,86:270529163c,5efe5f0859:3c41,803759:555a58,530f5c:22252c34,62:4c6a9fbbcadad7ee,632262f663:394b43adf6717a8eb46dac8a69aebcf2f8e0ffc4dece,645263:c6be,64:45410b1b200c26215e846d96,90:191c2324252728292a2b2c303132333437393a3d3f4043454648494a4b4c4e545556595a5c5d5e5f6061646667696a6b6c6f70717273767778797a7b7c7e81#84858687898a8c8d8e8f90929496989a9c9e9fa0a4a5a7a8a9abadb2b7bcbdbfc0,64:7ab7b899bac0d0d7e4e2,65:09252e,5f:0bd2,75195f1153:5ff1fde9e8fb,54:1216064b5253545643215759233282947771649a9b8476669dd0adc2b4d2a7a6d3d472a3d5bbbfccd9dadca9aaa4ddcfde,551b54e7552054fd551454f355:22230f11272a678fb5496d41553f503c,90:c2c3c6c8c9cbcccdd2d4d5d6d8d9dadedfe0e3e4e5e9eaeceef0f1f2f3f5f6f7f9fafbfcff,91:00010305060708090a0b0c0d0e0f1011121314151617181a1b1c#1d1f20212425262728292a2b2c2d2e30323334353637383a3b3c3d3e3f40414244,55:375675767733305c8bd283b1b988819f7ed6917bdfbdbe9499eaf7c9,561f55:d1ebecd4e6ddc4efe5f2f3cccde8f5e4,8f9456:1e080c012423,55fe56:00272d5839572c4d62595c4c548664716b7b7c8593afd4d7dde1f5ebf9ff,57:040a091c,5e:0f191411313b3c,91:454748515354555658595b5c5f606667686b6d737a7b7c808182838486888a8e8f939495969798999c9d9e9fa0a1a4a5a6a7a8a9abacb0b1b2b3b6b7b8b9bb#bcbdbebfc0c1c2c3c4c5c6c8cbd0d2d3d4d5d6d7d8d9dadbdddedfe0e1e2e3e4e5,5e:3744545b5e61,5c:8c7a8d9096889899919a9cb5a2bdacabb1a3c1b7c4d2e4cbe5,5d:020327262e241e061b583e343d6c5b6f5d6b4b4a697482999d,8c735d:b7c5,5f:73778287898c95999ca8adb5bc,88625f6172:adb0b4b7b8c3c1cecdd2e8efe9f2f4f7,730172f3730372fa91:e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,92:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f2021222324#25262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445,72fb73:1713210a1e1d152239252c3831504d57606c6f7e,821b592598e759:2402,99:636768696a6b6c74777d8084878a8d9091939495,5e:80918b96a5a0b9b5beb3,8d535e:d2d1dbe8ea,81ba5f:c4c9d6cf,60035fee60045f:e1e4fe,60:0506,5f:eaedf8,60:1935261b0f0d292b0a3f2178797b7a42,92:464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f7071727375767778797a7b7c7d7e7f808182838485#868788898a8b8c8d8f909192939495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7,60:6a7d969aad9d83928c9becbbb1ddd8c6dab4,61:20261523,60f461:000e2b4a75ac94a7b7d4f5,5fdd96b395:e9ebf1f3f5f6fcfe,96:030406080a0b0c0d0f12151617191a,4e2c723f62156c:35545c4aa38590948c6869747686a9d0d4adf7f8f1d7b2e0d6faebeeb1d3effe,92:a8a9aaabacadafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8#e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,93:00010203040506070809,6d:39270c43480704190e2b4d2e351a4f525433916f9ea05e93945c607c63,6e1a6d:c7c5de,6e0e6d:bfe0,6e116d:e6ddd9,6e166dab6e0c6dae6e:2b6e4e6bb25f865354322544dfb198e0,6f2d6e:e2a5a7bdbbb7d7b4cf8fc29f,6f:6246472415,6ef96f:2f364b742a0929898d8c78727c7ad1,93:0a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3f40414243444546474849#4a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696b,6f:c9a7b9b6c2e1eedee0ef,70:1a231b39354f5e,5b:80849593a5b8,752f9a9e64345b:e4ee,89305bf08e478b078f:b6d3d5e5eee4e9e6f3e8,90:05040b26110d162135362d2f445152506858625b,66b990:747d8288838b,5f:50575658,5c3b54ab5c:5059,5b715c:6366,7fbc5f:2a292d,82745f3c9b3b5c6e59:81838da9aaa3,93:6c6d6e6f707172737475767778797a7b7c7d7e7f808182838485868788898a8b8c8d8e909192939495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aaab#acadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cbcccd,59:97caab9ea4d2b2afd7be,5a:0506,59dd5a0859:e3d8f9,5a:0c09323411231340674a553c6275,80ec5a:aa9b777abeebb2d2d4b8e0e3f1d6e6d8dc,5b:091716323740,5c:151c,5b:5a6573515362,9a:7577787a7f7d808185888a90929396989b9c9d9fa0a2a3a5a7,7e:9fa1a3a5a8a9,93:cecfd0d1d2d3d4d5d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,94:000102030405060708090a0b0c0d#0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e,7e:adb0bec0c1c2c9cbccd0d4d7dbe0e1e8ebeeeff1f2,7f0d7e:f6fafbfe,7f:01020307080b0c0f111217191c1b1f212223242526272a2b2c2d2f3031323335,5e7a757f5ddb753e909573:8e91aea29fcfc2d1b7b3c0c9c8e5d9,987c740a73:e9e7debaf2,74:0f2a5b262528302e2c,94:2f303132333435363738393a3b3c3d3f404142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6c6d6e6f#707172737475767778797a7b7c7d7e7f8081828384919698c7cfd3d4dae6fb,95:1c20,74:1b1a415c575559776d7e9c8e8081878b9ea8a990a7d2ba,97:eaebec,67:4c535e4869a5876a7398a775a89ead8b777cf0,680967d8680a67:e9b0,680c67:d9b5dab3dd,680067:c3b8e2,680e67:c1fd,68:323360614e624464831d55664167403e4a4929b58f7477936bc2,696e68fc69:1f20,68f995:27333d43484b555a606e74757778797a7b7c7d7e808182838485868788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aa#abacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacb,692468f069:0b0157,68e369:10713960425d846b80987834cc8788ce896663799ba7bbabadd4b1c1cadf95e08dff,6a2f69ed6a:171865,69f26a:443ea0505b358e793d28587c9190a997ab,73:3752,6b:8182878492938d9a9ba1aa,8f:6b6d71727375767877797a7c7e818284878b,95:cccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7ecff,96:0713181b1e20232425262728292b2c2d2f303738393a3e41434a4e4f5152535657#58595a5c5d5e606365666b6d6e6f70717378797a7b7c7d7e7f808182838487898a,8f:8d8e8f989a,8ece62:0b171b1f222125242c,81e774:eff4ff,75:0f1113,65:34eeeff0,66:0a19,677266:031500,708566:f71d34313635,800666:5f54414f56615777848ca79dbedbdce6e9,8d:3233363b3d4045464849474d5559,89:c7cacbcccecfd0d1,72:6e9f5d666f7e7f848b8d8f92,63:0832b0,96:8c8e91929395969a9b9d9e9fa0a1a2a3a4a5a6a8a9aaabacadaeafb1b2b4b5b7b8babbbfc2c3c8cacbd0d1d3d4d6d7d8d9dadbdcdddedfe1e2e3e4e5e6e7eb#ecedeef0f1f2f4f5f8fafbfcfdff,97:0203050a0b0c10111214151718191a1b1d1f20,64:3fd8,80046b:eaf3fdf5f9,6c:0507060d1518191a2129242a32,65:35556b,72:4d525630,8662521680:9f9c93bc,670a80:bdb1abadb4b7e7e8e9eadbc2c4d9cdd7,671080:ddebf1f4ed,81:0d0e,80:f2fc,671581128c5a81:361e2c1832484c5374595a7160697c7d6d67,584d5ab581:888291,6ed581:a3aacc,672681:cabb,97:2122232425262728292b2c2e2f3133343536373a3b3c3d3f404142434445464748494a4b4c4d4e4f5051545557585a5c5d5f63646667686a6b6c6d6e6f7071#72757778797a7b7d7e7f8081828384868788898a8c8e8f9093959697999a9b9c9d,81:c1a6,6b:243739434659,98:d1d2d3d5d9da,6bb35f406bc289f365909f5165:93bcc6c4c3ccced2d6,70:809c969dbbc0b7abb1e8ca,71:1013162f31735c6845724a787a98b3b5a8a0e0d4e7f9,72:1d28,706c71:1866b9,62:3e3d434849,79:3b4046495b5c535a6257606f677a858a9aa7b3,5f:d1d0,97:9e9fa1a2a4a5a6a7a8a9aaacaeb0b1b3b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3#e4e5e8eeeff0f1f2f4f7f8f9fafbfcfdfeff,98:000102030405060708090a0b0c0d0e,60:3c5d5a67415963ab,61:060d5da99dcbd1,620680:807f,6c:93f6,6dfc77:f6f8,78:0009171811,65ab78:2d1c1d393a3b1f3c252c23294e6d56572650474c6a9b939a879ca1a3b2b9a5d4d9c9ecf2,790578f479:13241e34,9f9b9e:f9fbfc,76f177:040d,76f977:07081a22192d263538505147435a68,98:0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445464748494a4b4c4d#4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e,77:62657f8d7d808c919fa0b0b5bd,75:3a404e4b485b727983,7f:58615f,8a487f:68747179817e,76:cde5,883294:8586878b8a8c8d8f909497959a9b9ca3a4abaaadacafb0b2b4b6b7b8b9babcbdbfc4c8c9cacbcccdced0d1d2d5d6d7d9d8dbdedfe0e2e4e5e7e8ea,98:6f70717273748b8e929599a3a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcfd0d4d6d7dbdcdde0e1e2e3e4#e5e6e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,99:0001020304050607,94:e9ebeeeff3f4f5f7f9fcfdff,95:03020607090a0d0e0f1213141516181b1d1e1f222a2b292c3132343637383c3e3f4235444546494c4e4f525354565758595b5e5f5d61626465666768696a6b6c6f7172733a,77:e7ec,96c979:d5ede3eb,7a065d477a:03021e14,99:08090a0b0c0e0f1112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2f303132333435363738393a3b3c3d3e3f40414243444546474849#4a4b4c4d4e4f50515253565758595a5b5c5d5e5f60616264667378797b7e828389,7a:393751,9ecf99a57a7076:888e9399a4,74:dee0,752c9e:202228292a2b2c3231363837393a3e414244464748494b4c4e5155575a5b5c5e63666768696a6b6c716d73,75:929496a09daca3b3b4b8c4b1b0c3c2d6cde3e8e6e4ebe7,760375:f1fcff,76:1000050c170a25181519,99:8c8e9a9b9c9d9e9fa0a1a2a3a4a6a7a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8#d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9,76:1b3c2220402d303f35433e334d5e545c566b6f,7fca7a:e6787980868895a6a0aca8adb3,88:6469727d7f82a2c6b7bcc9e2cee3e5f1,891a88:fce8fef0,89:2119131b0a342b3641667b,758b80e576:b2b4,77dc80:1214161c20222526272928310b3543464d526971,898398:788083,99:fafbfcfdfeff,9a:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738#393a3b3c3d3e3f404142434445464748494a4b4c4d4e4f50515253545556575859,98:898c8d8f949a9b9e9fa1a2a5a6,86:4d546c6e7f7a7c7ba88d8bac9da7a3aa93a9b6c4b5ceb0bab1afc9cfb4e9f1f2edf3d0,871386:def4dfd8d1,87:0307,86f887:080a0d09233b1e252e1a3e48343129373f82227d7e7b60704c6e8b53637c64596593afa8d2,9a:5a5b5c5d5e5f606162636465666768696a6b7283898d8e949599a6a9aaabacadaeafb2b3b4b5b9bbbdbebfc3c4c6c7c8c9cacdcecfd0d2d4d5d6d7d9dadbdc#dddee0e2e3e4e5e7e8e9eaeceef0f1f2f3f4f5f6f7f8fafcfdfeff,9b:000102040506,87:c68885ad9783abe5acb5b3cbd3bdd1c0cadbeae0ee,88:1613,87fe88:0a1b21393c,7f:36424445,82107a:fafd,7b:080304150a2b0f47382a192e31202524333e1e585a45754c5d606e7b62727190a6a7b8ac9da885aa9ca2abb4d1c1ccdddae5e6ea,7c0c7b:fefc,7c:0f160b,9b:07090a0b0c0d0e1011121415161718191a1b1c1d1e2021222425262728292a2b2c2d2e3031333435363738393a3d3e3f40464a4b4c4e50525355565758595a#5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a7b,7c:1f2a26384140,81fe82:010204,81ec884482:2122232d2f282b383b33343e44494b4f5a5f68,88:7e8588d8df,895e7f:9d9fa7afb0b2,7c7c65497c:919d9c9ea2b2bcbdc1c7cccdc8c5d7e8,826e66a87f:bfced5e5e1e6e9eef3,7cf87d:77a6ae,7e:479b,9e:b8b4,8d:73849491b1676d,8c:4749,91:4a504e4f64,9b:7c7d7e7f808182838485868788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9ba#bbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadb,91:626170696f7d7e7274798c85908d91a2a3aaadaeafb5b4ba,8c559e7e8d:b8eb,8e:055969,8d:b5bfbcbac4d6d7dadececfdbc6ecf7f8e3f9fbe4,8e098dfd8e:141d1f2c2e232f3a4039353d3149414251524a70767c6f74858f94909c9e,8c:78828a859894,659b89:d6dedadc,9b:dcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,9c:000102030405060708090a0b0c0d0e0f101112131415161718191a#1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b,89:e5ebef,8a3e8b26975396:e9f3ef,97:0601080f0e2a2d303e,9f:808385868788898a8c,9efe9f:0b0d,96:b9bcbdced2,77bf96e092:8eaec8,93:3e6aca8f,94:3e6b,9c:7f8285868788,7a239c:8b8e90919294959a9b9e9fa0a1a2a3a5a6a7a8a9abadaeb0b1b2b3b4b5b6b7babbbcbdc4c5c6c7cacb3c3d3e3f404142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a#7b7d7e808384898a8c8f93969798999daaacafb9bebfc0c1c2c8c9d1d2dadbe0e1cccdcecfd0d3d4d5d7d8d9dcdddfe2,97:7c85919294afaba3b2b4,9a:b1b0b7,9e589a:b6babcc1c0c5c2cbccd1,9b:45434749484d51,98e899:0d2e5554,9a:dfe1e6efebfbedf9,9b:080f131f23,9e:bdbe,7e3b9e:8287888b92,93d69e:9d9fdbdcdde0dfe2e9e7e5eaef,9f:222c2f39373d3e44,9c:e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,9d:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f2021#22232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142#92$434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a7b7c7d7e7f8081#82838485868788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9fa0a1a2#92$a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1#e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,9e:000102#92$030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e24272e30343b3c404d5052535456595d5f606162656e6f727475767778797a7b7c7d80#8183848586898a8c8d8e8f90919495969798999a9b9c9ea0a1a2a3a4a5a7a8a9aa#92$abacadaeafb0b1b2b3b5b6b7b9babcbfc0c1c2c3c5c6c7c8cacbccd0d2d3d5d6d7d9dadee1e3e4e6e8ebecedeef0f1f2f3f4f5f6f7f8fafdff,9f:000102030405#060708090a0c0f1112141516181a1b1c1d1e1f21232425262728292a2b2d2e3031#92$3233343536383a3c3f4041424345464748494a4b4c4d4e4f52535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778#797a7b7c7d7e81828d8e8f9091929394959697989c9d9ea1a2a3a4a5,f9:2c7995e7f1#92$,fa:0c0d0e0f111314181f20212324272829,e8:15161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f40414243#4445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f6061626364"
);
let U2Ghash = {};
let G2Uhash = {};
handleHash();
/**
* 编码
* @param {string} str
* @returns {string}
*/
this.encode = function (str) {
return [...str].reduce((result, val, i) => {
return result + toGBK(val);
}, "");
function toGBK(val) {
let result = "";
for (let i = 0; i < val.length; i++) {
const codePoint = val.codePointAt(i);
const code = String.fromCodePoint(codePoint);
let key = codePoint.toString(16);
key.length != 4 && (key = ("000" + key).match(/....$/)[0]);
/* Add up i by code.length */
i += code.length - 1;
/* If code is in ascii range */
if (isAscii(codePoint)) {
result += encodeURIComponent(code);
continue;
}
/* If Got encoded string from U2Ghash */
if (U2Ghash[key]) {
result += U2Ghash[key];
continue;
}
/*
If 2 or more char combines to one visible code,
or just this code is not in GBK
*/
result += toGBK(`&#${codePoint};`);
}
return result;
}
};
/**
* 解码
* @param {string} str
* @returns {string}
*/
this.decode = function (str) {
var GBKMatcher = /%[0-9A-F]{2}%[0-9A-F]{2}/;
var UTFMatcher = /%[0-9A-F]{2}/;
var gbk = true,
utf = true;
while (utf) {
gbk = str.match(GBKMatcher);
utf = str.match(UTFMatcher);
if (gbk && gbk in G2Uhash) {
str = str.replace(gbk, String.fromCharCode("0x" + G2Uhash[gbk]));
} else {
str = str.replace(utf, decodeURIComponent(utf));
}
}
return str;
};
return this;
};
/**
* 获取 transitionend 的在各个浏览器的兼容名
*/
Utils.getTransitionEndNameList = function () {
return [
"webkitTransitionEnd",
"mozTransitionEnd",
"MSTransitionEnd",
"otransitionend",
"transitionend",
];
};
/**
* 获取 animationend 的在各个浏览器的兼容名
*/
Utils.getAnimationEndNameList = function () {
return [
"webkitAnimationEnd",
"mozAnimationEnd",
"MSAnimationEnd",
"oanimationend",
"animationend",
];
};
/**
* 获取NodeList或Array对象中的最后一个的值
* @param {NodeList|Array} targetObj
* @returns {any}
* @example
* Utils.getArrayLastValue(document.querySelectorAll("div"));
* > div
* @example
* Utils.getArrayLastValue([1,2,3,4,5]);
* > 5
*/
Utils.getArrayLastValue = function (targetObj) {
return targetObj[targetObj.length - 1];
};
/**
* 使用场景：当想获取的元素可能是不同的选择器的时候，按顺序优先级获取
* 参数类型可以是Element或者是Function
* @returns {any} 如果都没有的话，返回null
* @example
* // 如果a.aaa不存在的话，取a.bbb，这里假设a.aaa不存在
* Utils.getArrayRealValue(document.querySelector("a.aaa"),document.querySelector("a.bbb"));
* > a.bbb
* @example
* Utils.getArrayRealValue(()=>{return document.querySelector("a.aaa").href},()=>{document.querySelector("a.bbb").getAttribute("data-href")});
* > javascript:;
*/
Utils.getArrayRealValue = function () {
let result = null;
for (let arg of arguments) {
if (typeof arg === "function") {
/* 方法 */
arg = arg();
}
if (arg != null) {
result = arg;
break;
}
}
return result;
};
/**
* 获取天数差异，如何获取某个时间与另一个时间相差的天数
* @param {number} [timestamp1= new Date().getTime()] 时间戳(毫秒|秒)，不区分哪个更大
* @param {number} [timestamp2= new Date().getTime()] 时间戳(毫秒|秒)，不区分哪个更大
* @param {"年"|"月"|"天"|"时"|"分"|"秒"|"auto"} [type= "天"] 返回的数字的表达的类型，比如：年、月、天、时、分、秒、auto，默认天
* @returns {number}
* @example
* Utils.getDaysDifference(new Date().getTime());
* > 0
* @example
* Utils.getDaysDifference(new Date().getTime(),undefined,"秒");
* > 0
*/
Utils.getDaysDifference = function (
timestamp1 = new Date().getTime(),
timestamp2 = new Date().getTime(),
type = "天"
) {
type = type.trim();
if (timestamp1.toString().length === 10) {
timestamp1 = timestamp1 * 1000;
}
if (timestamp2.toString().length === 10) {
timestamp2 = timestamp2 * 1000;
}
let smallTimeStamp = timestamp1 > timestamp2 ? timestamp2 : timestamp1;
let bigTimeStamp = timestamp1 > timestamp2 ? timestamp1 : timestamp2;
let oneSecond = 1000; /* 一秒的毫秒数 */
let oneMinute = 60 * oneSecond; /* 一分钟的毫秒数 */
let oneHour = 60 * oneMinute; /* 一小时的毫秒数 */
let oneDay = 24 * oneHour; /* 一天的毫秒数 */
let oneMonth = 30 * oneDay; /* 一个月的毫秒数(30天) */
let oneYear = 12 * oneMonth; /* 一年的毫秒数 */
let bigDate = new Date(bigTimeStamp);
let smallDate = new Date(smallTimeStamp);
let remainderValue = 1;
if (type === "年") {
remainderValue = oneYear;
} else if (type === "月") {
remainderValue = oneMonth;
} else if (type === "天") {
remainderValue = oneDay;
} else if (type === "时") {
remainderValue = oneHour;
} else if (type === "分") {
remainderValue = oneMinute;
} else if (type === "秒") {
remainderValue = oneSecond;
}
let diffValue = Math.round(
Math.abs((bigDate - smallDate) / remainderValue)
);
if (type === "auto") {
let timeDifference = bigTimeStamp - smallTimeStamp;
diffValue = Math.floor(timeDifference / (24 * 3600 * 1000));
if (diffValue > 0) {
diffValue = diffValue + "天";
} else {
/* 计算出小时数 */
let leave1 =
timeDifference % (24 * 3600 * 1000); /* 计算天数后剩余的毫秒数 */
let hours = Math.floor(leave1 / (3600 * 1000));
if (hours > 0) {
diffValue = hours + "小时";
} else {
/* 计算相差分钟数 */
let leave2 = leave1 % (3600 * 1000); /* 计算小时数后剩余的毫秒数 */
let minutes = Math.floor(leave2 / (60 * 1000));
if (minutes > 0) {
diffValue = minutes + "分钟";
} else {
/* 计算相差秒数 */
let leave3 = leave2 % (60 * 1000); /* 计算分钟数后剩余的毫秒数 */
let seconds = Math.round(leave3 / 1000);
diffValue = seconds + "秒";
}
}
}
}
return diffValue;
};
/**
* 获取元素的选择器字符串
* @param {HTMLElement} element
* @returns {string|undefined}
* @example
* Utils.getElementSelector(document.querySelector("a"))
* > '.....'
*/
Utils.getElementSelector = function (element) {
if (!element) return;
if (!element.parentElement) return;
/* 如果元素有id属性，则直接返回id选择器 */
if (element.id) return "#" + element.id;
/* 递归地获取父元素的选择器 */
let selector = Utils.getElementSelector(element.parentElement);
if (!selector) {
return element.tagName;
}
/* 如果有多个相同类型的兄弟元素，则需要添加索引 */
if (element.parentElement.querySelectorAll(element.tagName).length > 1) {
let index =
Array.prototype.indexOf.call(element.parentElement.children, element) +
1;
selector +=
" > " + element.tagName.toLowerCase() + ":nth-child(" + index + ")";
} else {
selector += " > " + element.tagName.toLowerCase();
}
return selector;
};
/**
* 获取最大值
* @returns {any}
* @example
* Utils.getMaxValue(1,3,5,7,9)
* > 9
* @example
* Utils.getMaxValue([1,3,5])
* > 5
* @example
* Utils.getMaxValue({1:123,2:345,3:456},(key,value)=>{return parseInt(value)})
* > 456
* @example
* Utils.getMaxValue([{1:123},{2:345},{3:456}],(index,value)=>{return parseInt(index)})
* > 2
*/
Utils.getMaxValue = function () {
let result = [...arguments];
let newResult = [];
if (result.length > 1) {
if (
result.length === 2 &&
typeof result[0] === "object" &&
typeof result[1] === "function"
) {
let data = result[0];
let handleDataFunc = result[1];
Object.keys(data).forEach((keyName) => {
newResult = [...newResult, handleDataFunc(keyName, data[keyName])];
});
} else {
result.forEach((item) => {
if (!isNaN(parseFloat(item))) {
newResult = [...newResult, parseFloat(item)];
}
});
}
return Math.max(...newResult);
} else if (result.length === 1) {
result[0].forEach((item) => {
if (!isNaN(parseFloat(item))) {
newResult = [...newResult, parseFloat(item)];
}
});
return Math.max(...newResult);
}
};
/**
* 获取页面中最大的z-index再+1
* @returns {number}
* @example
* Utils.getMaxZIndex();
* > 1001
**/
Utils.getMaxZIndex = function () {
let nodeIndexList = [];
document.querySelectorAll("*").forEach((element) => {
let nodeStyle = window.getComputedStyle(element);
/* 不对position为static和display为none的元素进行获取它们的z-index */
if (nodeStyle.position !== "static" && nodeStyle.display !== "none") {
nodeIndexList = nodeIndexList.concat(parseInt(nodeStyle.zIndex));
}
});
nodeIndexList = nodeIndexList.filter(Boolean); /* 过滤非Boolean类型 */
return nodeIndexList.length ? Math.max(...nodeIndexList) + 1 : 0;
};
/**
* 获取最小值
* @returns {any}
* @example
* Utils.getMinValue(1,3,5,7,9)
* > 1
* @example
* Utils.getMinValue([1,3,5])
* > 1
* @example
* Utils.getMinValue({1:123,2:345,3:456},(key,value)=>{return parseInt(value)})
* > 123
* @example
* Utils.getMinValue([{1:123},{2:345},{3:456}],(index,value)=>{return parseInt(index)})
* > 0
*/
Utils.getMinValue = function () {
let result = [...arguments];
let newResult = [];
if (result.length > 1) {
if (
result.length === 2 &&
typeof result[0] === "object" &&
typeof result[1] === "function"
) {
let data = result[0];
let handleDataFunc = result[1];
Object.keys(data).forEach((keyName) => {
newResult = [...newResult, handleDataFunc(keyName, data[keyName])];
});
} else {
result.forEach((item) => {
if (!isNaN(parseFloat(item))) {
newResult = [...newResult, parseFloat(item)];
}
});
}
return Math.min(...newResult);
} else if (result.length === 1) {
result[0].forEach((item) => {
if (!isNaN(parseFloat(item))) {
newResult = [...newResult, parseFloat(item)];
}
});
return Math.min(...newResult);
}
};
/**
* 获取随机的安卓手机User-Agent
* @returns {string} 返回随机字符串
* @example
* Utils.getRandomAndroidUA();
* > 'Mozilla/5.0 (Linux; Android 10; MI 13 Build/OPR1.170623.027; wv) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.3490.40 Mobile Safari/537.36'
**/
Utils.getRandomAndroidUA = function () {
let androidVersion = Utils.getRandomValue(10, 14);
let mobileNameList = [
"LDN-LX3",
"RNE-L03",
"ASUS_X00ID Build/NMF26F",
"WAS-LX3",
"PRA-LX3",
"MYA-L03",
"Moto G Play",
"Moto C Build/NRD90M.063",
"Redmi Note 4 Build/NRD90M",
"HUAWEI VNS-L21 Build/HUAWEIVNS-L21",
"VTR-L09",
"TRT-LX3",
"M2003J15SC Build/RP1A.200720.011; wv",
"MI 13 Build/OPR1.170623.027; wv",
];
let randomMobile = Utils.getRandomValue(mobileNameList);
let chromeVersion1 = Utils.getRandomValue(110, 120);
let chromeVersion2 = Utils.getRandomValue(0, 0);
let chromeVersion3 = Utils.getRandomValue(2272, 6099);
let chromeVersion4 = Utils.getRandomValue(1, 218);
return `Mozilla/5.0 (Linux; Android ${androidVersion}; ${randomMobile}) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Mobile Safari/537.36`;
};
/**
* 获取随机值
* @returns {any}
* @example
* Utils.getRandomValue([1,2,3])
* > 3
* @example
* Utils.getRandomValue({1:"结果1",2:"结果2",3:"结果3"}})
* > 结果2
* @example
* Utils.getRandomValue(1,9)
* > 9
* @example
* Utils.getRandomValue(1,9,6,99)
* > 6
* @example
* Utils.getRandomValue({1:1},{2:2})
* > {1: 1}
* @example
* Utils.getRandomValue()
* > undefined
*/
Utils.getRandomValue = function () {
let result = [...arguments];
if (result.length > 1) {
if (
result.length === 2 &&
typeof result[0] === "number" &&
typeof result[1] === "number"
) {
let leftNumber = result[0] > result[1] ? result[1] : result[0];
let rightNumber = result[0] > result[1] ? result[0] : result[1];
return (
Math.round(Math.random() * (rightNumber - leftNumber)) + leftNumber
);
} else {
return result[Math.floor(Math.random() * result.length)];
}
} else if (result.length === 1) {
let paramData = result[0];
if (Array.isArray(paramData)) {
return paramData[Math.floor(Math.random() * paramData.length)];
} else if (
typeof paramData === "object" &&
Object.keys(paramData).length > 0
) {
let paramObjDataKey =
Object.keys(paramData)[
Math.floor(Math.random() * Object.keys(paramData).length)
];
return paramData[paramObjDataKey];
} else {
return paramData;
}
}
};
/**
* 获取随机的电脑端User-Agent
* + Mozilla/5.0：以前用于Netscape浏览器，目前大多数浏览器UA都会带有
* + Windows NT 13：代表Window11系统
* + Windows NT 10.0：代表Window10系统
* + Windows NT 6.1：代表windows7系统
* + WOW64：Windows-on-Windows 64-bit，32位的应用程序运行于此64位处理器上
* + Win64：64位
* + AppleWebKit/537.36：浏览器内核
* + KHTML：HTML排版引擎
* + like Gecko：这不是Geckeo 浏览器，但是运行起来像Geckeo浏览器
* + Chrome/106.0.5068.19：Chrome版本号
* + Safari/537.36：宣称自己是Safari？
* @returns {string} 返回随机字符串
* @example
* Utils.getRandomPCUA();
* > 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.5068.19 Safari/537.36'
**/
Utils.getRandomPCUA = function () {
let chromeVersion1 = Utils.getRandomValue(110, 120);
let chromeVersion2 = Utils.getRandomValue(0, 0);
let chromeVersion3 = Utils.getRandomValue(2272, 6099);
let chromeVersion4 = Utils.getRandomValue(1, 218);
return `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Safari/537.36`;
};
/**
* 获取元素上的使用React框架的实例属性，目前包括reactFiber、reactProps、reactEvents、reactEventHandlers、reactInternalInstance
* @param {HTMLElement} element 需要获取的目标元素
* @returns {object}
* @example
* Utils.getReactObj(document.querySelector("input"))?.reactProps?.onChange({target:{value:"123"}});
*/
Utils.getReactObj = function (element) {
let result = {};
Object.keys(element).forEach((domPropsName) => {
if (domPropsName.startsWith("__react")) {
let propsName = domPropsName.replace(/__(.+)\$.+/i, "$1");
if (propsName in result) {
new Error("重复属性 " + domPropsName);
} else {
result[propsName] = element[domPropsName];
}
}
});
return result;
};
/**
* 获取文本的字符长度
* @param {string} text
* @returns {number}
* @example
* Utils.getTextLength("测试文本")
* > 12
*/
Utils.getTextLength = function (text) {
let encoder = new TextEncoder();
let bytes = encoder.encode(text);
return bytes.length;
};
/**
* 获取文本占据的空间大小，返回自动的单位，如12 Kb,14 K,20 MB，1 GB
* @param {string} text 目标字符串
* @param {boolean} [addType=true]
* + true (默认) 自动添加单位
* + false 不添加单位
* @returns {string}
* @example
* Utils.getTextStorageSize("测试文本");
* > '12.00B'
*/
Utils.getTextStorageSize = function (text, addType = true) {
return Utils.formatByteToSize(Utils.getTextLength(text), addType);
};
/**
* 在页面中增加style元素，如果html节点存在子节点，添加子节点第一个，反之，添加到html节点的子节点最后一个
* @param {string} cssText css字符串
* @returns {HTMLElement} 返回添加的CSS标签
* @example
* Utils.GM_addStyle("html{}");
* > <style type="text/css">html{}</style>
*/
Utils.GM_addStyle = function (cssText) {
if (typeof cssText !== "string") {
throw new Error("Utils.GM_addStyle 参数cssText 必须为String类型");
}
let cssNode = document.createElement("style");
cssNode.setAttribute("type", "text/css");
cssNode.innerHTML = cssText;
if (document.documentElement.childNodes.length === 0) {
/* 插入body后 */
document.documentElement.appendChild(cssNode);
} else {
/* 插入head前面 */
document.documentElement.insertBefore(
cssNode,
document.documentElement.childNodes[0]
);
}
return cssNode;
};
/**
* @typedef {object} GM_Cookie_ListDetails
* @property {string} url 默认为当前的url
* @property {string} domain 默认为当前的域名(window.location.hostname)
* @property {string} name 需要检索的Cookie的名字
* @property {string} path 需要检索的Cookie的路径，默认为"/"
*/
/**
* @typedef {object} GM_Cookie_SetDetails
* @property {string} url 默认为当前的url
* @property {string} domain 默认为当前的域名(window.location.hostname)
* @property {string} name 需要检索的Cookie的名字
* @property {string} path 需要检索的Cookie的路径，默认为"/"
* @property {string} value 值
* @property {boolean} secure
* @property {boolean} httpOnly
* @property {number} expirationDate Cookie过期时间，默认为30天
*/
/**
* @typedef {object} GM_Cookie_DeleteDetails
* @property {string} url 默认为当前的url
* @property {string} name 需要检索的Cookie的名字
*/
/**
* 对于GM_cookie的兼容写法，当无法使用GM_cookie时可以使用这个,但是并不完全兼容，有些写不出来且限制了httponly是无法访问的
* @example
let GM_cookie = new Utils.GM_Cookie();
GM_cookie.list({name:"xxx_cookie_xxx"},function(cookies,error){
if (!error) {
console.log(cookies);
console.log(cookies.value);
} else {
console.error(error);
}
});
GM_cookie.set({name:"xxx_cookie_test_xxx",value:"这是Cookie测试值"},function(error){
if (error) {
console.error(error);
} else {
console.log('Cookie set successfully.');
}
})
GM_cookie.delete({name:"xxx_cookie_test_xxx"},function(error){
if (error) {
console.error(error);
} else {
console.log('Cookie set successfully.');
}
})
**/
Utils.GM_Cookie = function () {
/**
* 获取Cookie
* @param {GM_Cookie_ListDetails} [paramDetails={}]
* @param {function|undefined} callback
* + cookies object[]
* + error string|undefined
*/
this.list = function (paramDetails = {}, callback = () => {}) {
let resultData = [];
try {
let details = {
url: window.location.href,
domain: window.location.hostname,
name: "",
path: "/",
};
details = Utils.assign(details, paramDetails);
let cookies = document.cookie.split(";");
cookies.forEach((item) => {
item = item.trimStart();
let itemName = item.split("=")[0];
let itemValue = item.replace(new RegExp("^" + itemName + "="), "");
let nameRegexp =
details.name instanceof RegExp
? details.name
: new RegExp("^" + details.name, "g");
if (itemName.match(nameRegexp)) {
resultData = [
...resultData,
{
domain: window.location.hostname,
expirationDate: void 0,
hostOnly: true,
httpOnly: false,
name: itemName,
path: "/",
sameSite: "unspecified",
secure: true,
session: false,
value: itemValue,
},
];
return;
}
});
callback(resultData);
} catch (error) {
callback(resultData, error);
}
};
/**
* 设置Cookie
* @param {GM_Cookie_SetDetails} [paramDetails={}]
* @param {function|undefined} callback
*/
this.set = function (paramDetails = {}, callback = () => {}) {
try {
let details = {
url: window.location.href,
name: "",
value: "",
domain: window.location.hostname,
path: "/",
secure: true,
httpOnly: false,
/**
* Expires in 30 days
*/
expirationDate: Math.floor(Date.now()) + 60 * 60 * 24 * 30,
};
details = Utils.assign(details, paramDetails);
let life = details.expirationDate
? details.expirationDate
: Math.floor(Date.now()) + 60 * 60 * 24 * 30;
let cookieStr =
details.name +
"=" +
decodeURIComponent(details.value) +
";expires=" +
new Date(life).toGMTString() +
"; path=/";
document.cookie = cookieStr;
callback();
} catch (error) {
callback(error);
}
};
/**
* 删除Cookie
* @param {GM_Cookie_DeleteDetails} [paramDetails={}]
* @param {function|undefined} callback
*/
this.delete = (paramDetails = {}, callback = () => {}) => {
try {
let details = {
url: window.location.href,
name: "",
firstPartyDomain: "",
};
details = Utils.assign(details, paramDetails);
let cookieStr =
details.name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
document.cookie = cookieStr;
callback();
} catch (error) {
callback(error);
}
};
};
/**
* @typedef {object} GM_Menu_CallBack
* @property {string} key 当前菜单键名
* @property {boolean} enable 当前菜单enable值
* @property {boolean} oldEnable 点击之前enable值
* @property {MouseEvent|KeyboardEvent} event 触发事件
* @property { (enable: boolean)=> {} } storeValue 将enable值写入本地
*/
/**
* @typedef {object} GM_Menu_Details
* @property {string} key （必须）菜单的本地键key，不可重复，会覆盖
* @property {string} text （必须）菜单的文本
* @property {boolean|undefined} enable 菜单的开启状态，默认为false
* @property {number|undefined} id 使用条件：TamperMonkey版本>5.0，如果id和已注册的菜单id相同，可修改当前已注册菜单的options
* @property {string|undefined} accessKey
* @property {boolean|undefined} autoClose 自动关闭菜单，可不设置
* @property {string|undefined} title 使用条件：TamperMonkey版本>5.0，使用菜单项的鼠标悬浮上的工具提示，可为空
* @property {boolean|undefined} autoReload 点击菜单后自动刷新网页，默认为true
* @property { (text:string,enable:boolean)=>{} } showText 菜单的显示文本，未设置的话则自动根据enable在前面加上图标
* @property {(data: GM_Menu_CallBack)=>{}} callback 点击菜单的回调
* @property { boolean } [isStoreValue=true] 是否允许菜单进行存储值，默认true允许
*/
/**
* @typedef {object} GM_Menu_Config
* @property {GM_Menu_Details[]} data 配置，可为空
* @property {boolean|undefined} autoReload 全局菜单点击菜单后自动刷新网页，默认为true
* @property {function} GM_getValue （必须）油猴函数@grant GM_getValue
* @property {function} GM_setValue （必须）油猴函数@grant GM_setValue
* @property {function} GM_registerMenuCommand （必须）油猴函数@grant GM_registerMenuCommand
* @property {function} GM_unregisterMenuCommand （必须）油猴函数@grant GM_unregisterMenuCommand
*/
/**
* 注册油猴菜单，要求本地存储的键名不能存在其它键名`GM_Menu_Local_Map`会冲突/覆盖
* @param { GM_Menu_Config } details 传递的菜单配置
* @example
let GM_Menu = new Utils.GM_Menu({
data: [
{
menu_key: "menu_key",
text: "测试按钮",
enable: true,
accessKey: "a",
autoClose: false,
showText(text, enable) {
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data) {
console.log("点击菜单，值修改为", data.enable);
},
},
],
autoReload: false,
GM_getValue,
GM_setValue,
GM_registerMenuCommand,
GM_unregisterMenuCommand,
});
// 获取某个菜单项的值
GM_Menu.get("menu_key");
> true
// 获取某个菜单项的开启/关闭后显示的文本
GM_Menu.getShowTextValue("menu_key");
> √测试按钮
// 添加键为menu_key2的菜单项
GM_Menu.add({
key:"menu_key2",
text: "测试按钮2",
enable: false,
showText(text,enable){
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data){
console.log("点击菜单，值修改为",data.enable);
}
});
// 使用数组的方式添加多个菜单，如menu_key3、menu_key4
GM_Menu.add([
{
key:"menu_key3",
text: "测试按钮3",
enable: false,
showText(text,enable){
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data){
console.log("点击菜单，值修改为",data.enable);
}
},
{
key:"menu_key4",
text: "测试按钮4",
enable: false,
showText(text,enable){
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data){
console.log("点击菜单，值修改为",data.enable);
}
}
]);
// 更新键为menu_key的显示文字和点击回调
GM_Menu.update({
menu_key:{
text: "更新后的测试按钮",
enable: true,
showText(text,enable){
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data){
console.log("点击菜单更新后的测试按钮，新值修改为",data.enable);
}
}
});
// 删除键为menu_key的菜单
GM_Menu.delete("menu_key");
**/
Utils.GM_Menu = function (details) {
/* 配置数据 */
let data = details.data || [];
/* 获取存储的数据 */
let _GM_getValue_ = details.GM_getValue;
/* 设置数据到存储 */
let _GM_setValue_ = details.GM_setValue;
/* 注册菜单 */
let _GM_registerMenuCommand_ = details.GM_registerMenuCommand;
/* 卸载菜单 */
let _GM_unregisterMenuCommand_ = details.GM_unregisterMenuCommand;
if (typeof _GM_getValue_ !== "function") {
throw new Error(
"Utils.GM_Menu 请在脚本开头加上 @grant GM_getValue，且传入该对象"
);
}
if (typeof _GM_setValue_ !== "function") {
throw new Error(
"Utils.GM_Menu 请在脚本开头加上 @grant GM_setValue，且传入该对象"
);
}
if (typeof _GM_registerMenuCommand_ !== "function") {
throw new Error(
"Utils.GM_Menu 请在脚本开头加上 @grant GM_registerMenuCommand，且传入该对象"
);
}
if (typeof _GM_unregisterMenuCommand_ !== "function") {
throw new Error(
"Utils.GM_Menu 请在脚本开头加上 @grant GM_unregisterMenuCommand，且传入该对象"
);
}
let that = this;
/**
* 注册的菜单的映射信息
* @type {Map<number,GM_Menu_Details>}
*/
let menuIdMap = new Map();
/**
* 本地存储的键名
*/
let LocalStorage_Key_Name = "GM_Menu_Local_Map";
/**
* 菜单enable为true的emoji
*/
let Enable_True_Emoji = "✅";
/**
* 菜单enable为false的emoji
*/
let Enable_False_Emoji = "❌";
/* 自动刷新网页，默认为true */
let Default_AutoReload =
typeof details.autoReload === "boolean" ? details.autoReload : true;
/**
* 菜单isStoreValue的默认值
*/
let Default_IsStoreValue = true;
/**
* 获取本地存储菜单键值
* @param {string} key 键
* @returns {boolean}
*/
let getLocalMenuData = function (key, defaultValue) {
let localData = _GM_getValue_(LocalStorage_Key_Name, {});
return localData[key] == null ? defaultValue : localData[key];
};
/**
* 设置本地存储菜单键值
* @param {string} key 键
* @param {boolean} value 值
*/
let setLocalMenuData = function (key, value) {
let localData = _GM_getValue_(LocalStorage_Key_Name, {});
localData[key] = value;
_GM_setValue_(LocalStorage_Key_Name, localData);
};
/**
* 对菜单数据进行处理
* @param { GM_Menu_Details } data
* @returns { any[] }
*/
let handleMenuData = function (data) {
/* 本地存储的键名 */
let menuLocalDataItemKey = data.key;
/* 文本 */
let text = data.text;
/* 菜单默认开启的状态 */
let defaultEnable = Boolean(
getLocalMenuData(menuLocalDataItemKey, data.enable)
);
/* 油猴菜单上显示的文本 */
let showText = data.showText(text, defaultEnable);
/* 用户点击后的回调 */
let defaultClickCallBack = data.callback;
let menuOptions = {
/**
* 菜单的id
*/
id: data.id,
/**
* 点击菜单项后是否应关闭弹出菜单
*/
autoClose: data.autoClose,
/**
* 菜单项的可选访问键
*/
accessKey: data.accessKey,
/**
* 菜单项的鼠标悬浮上的工具提示
*/
title: data.title,
};
/* 点击菜单后触发callback后的网页是否刷新 */
data.autoReload =
typeof data.autoReload !== "boolean"
? Default_AutoReload
: data.autoReload;
data.isStoreValue =
typeof data.isStoreValue !== "boolean"
? Default_IsStoreValue
: data.isStoreValue;
/* 用户点击菜单后的回调函数 */
let clickCallBack = function (event) {
let localEnable = Boolean(
getLocalMenuData(menuLocalDataItemKey, defaultEnable)
);
if (data.isStoreValue) {
setLocalMenuData(menuLocalDataItemKey, !localEnable);
}
if (typeof defaultClickCallBack === "function") {
defaultClickCallBack({
key: menuLocalDataItemKey,
enable: !localEnable,
oldEnable: localEnable,
event: event,
storeValue(_value_) {
setLocalMenuData(menuLocalDataItemKey, _value_);
},
});
}
/* 不刷新网页就刷新菜单 */
if (data.autoReload) {
window.location.reload();
} else {
that.update();
}
};
let menuOptionsLength = Object.values(menuOptions).filter(
(_item_) => _item_ != null
).length;
if (menuOptionsLength === 0) {
return [showText, clickCallBack];
} else if (menuOptionsLength === 1 && menuOptions.accessKey != null) {
return [showText, clickCallBack, menuOptions["accessKey"]];
} else {
/* 这个是版本 > 4.20.6186才会有的选项 */
return [showText, clickCallBack, menuOptions];
}
};
/**
* 处理初始化配置
* @param { GM_Menu_Details } _detail_
* @returns { GM_Menu_Details }
*/
let handleInitDetail = function (_detail_) {
_detail_.enable = Boolean(
getLocalMenuData(_detail_.key, _detail_.enable)
);
if (typeof _detail_.showText !== "function") {
_detail_.showText = function (_text_, _enable_) {
return (
(_enable_ ? Enable_True_Emoji : Enable_False_Emoji) + " " + _text_
);
};
}
return _detail_;
};
/**
* 初始化数据
* @returns { GM_Menu_Details[] }
*/
let init = function () {
menuIdMap.clear();
data.forEach((dataItem, dataIndex) => {
dataItem = handleInitDetail(dataItem);
data[dataIndex].enable = dataItem.enable;
});
};
/**
* 注册油猴菜单
* @param { ?GM_Menu_Config[] } _data_ 如果存在，使用它
*/
let register = function (_data_) {
(_data_ || data).forEach((item) => {
let resultList = handleMenuData(item);
data.id = _GM_registerMenuCommand_(...resultList);
menuIdMap.set(data.id, item);
});
};
/**
* 获取目标菜单配置
* @param {string} menuKey 菜单-键key
* @returns {GM_Menu_Details}
*/
let getTargetMenu = function (menuKey) {
return data.find((item) => item.key == menuKey);
};
/**
* 根据键值获取enable值
* @param {string} menuKey 菜单-键key
* @returns {boolean}
*/
this.get = function (menuKey) {
return this.getEnable(menuKey);
};
/**
* 根据键值获取enable值
* @param {string} menuKey 菜单-键key
* @returns {boolean}
*/
this.getEnable = function (menuKey) {
return getTargetMenu(menuKey).enable;
};
/**
* 根据键值获取text值
* @param {string} menuKey 菜单-键key
* @returns {string}
*/
this.getText = function (menuKey) {
return getTargetMenu(menuKey).text;
};
/**
* 根据键值获取showText函数的值
* @param {string} menuKey 菜单-键key
* @returns {string}
*/
this.getShowTextValue = function (menuKey) {
return getTargetMenu(menuKey).showText(
this.getText(menuKey),
this.get(menuKey)
);
};
/**
* 获取当前已注册菜单的id
* @param {string} menuKey
* @returns {?number}
*/
this.getMenuId = function (menuKey) {
let result = null;
menuIdMap.forEach((value, key) => {
if (value.key === menuKey) {
result = key;
return;
}
});
return result;
};
/**
* 根据键值获取accessKey值
* @param {string} menuKey 菜单-键key
* @returns {?string}
*/
this.getAccessKey = function (menuKey) {
return getTargetMenu(menuKey).accessKey;
};
/**
* 根据键值获取autoClose值
* @param {string} menuKey 菜单-键key
* @returns {?boolean}
*/
this.getAutoClose = function (menuKey) {
return getTargetMenu(menuKey).autoClose;
};
/**
* 根据键值获取autoReload值
* @param {string} menuKey 菜单-键key
* @returns {boolean}
*/
this.getAutoReload = function (menuKey) {
return getTargetMenu(menuKey).autoReload;
};
/**
* 根据键值获取callback函数
* @param {string} menuKey 菜单-键key
* @returns {Function|undefined}
*/
this.getCallBack = function (menuKey) {
return getTargetMenu(menuKey).callback;
};
/**
* 获取当enable为true时默认显示在菜单中前面的emoji图标
* @returns {string}
*/
this.getEnableTrueEmoji = function () {
return Enable_True_Emoji;
};
/**
* 获取当enable为false时默认显示在菜单中前面的emoji图标
* @returns {string}
*/
this.getEnableFalseEmoji = function () {
return Enable_False_Emoji;
};
/**
* 获取本地存储的菜单外部的键名
* @param {string} keyName
*/
this.getLocalStorageKeyName = function () {
return LocalStorage_Key_Name;
};
/**
* 设置菜单的值
* @param {string} menuKey 菜单-键key
* @param {any} value 需要设置的值
*/
this.setValue = function (menuKey, value) {
setLocalMenuData(menuKey, value);
};
/**
* 设置菜单的值
* @param {string} menuKey 菜单-键key
* @param {boolean} value 需要设置的值
*/
this.setEnable = function (menuKey, value) {
this.setValue(menuKey, Boolean(value));
};
/**
* 设置当enable为true时默认显示在菜单中前面的emoji图标
* @param {string} emojiString
*/
this.setEnableTrueEmoji = function (emojiString) {
if (typeof emojiString !== "string") {
throw new Error("参数emojiString必须是string类型");
}
Enable_True_Emoji = emojiString;
};
/**
* 设置当enable为false时默认显示在菜单中前面的emoji图标
* @param {string} emojiString
*/
this.setEnableFalseEmoji = function (emojiString) {
if (typeof emojiString !== "string") {
throw new Error("参数emojiString必须是string类型");
}
Enable_False_Emoji = emojiString;
};
/**
* 设置本地存储的菜单外部的键名
* @param {string} keyName
*/
this.setLocalStorageKeyName = function (keyName) {
if (typeof keyName !== "string") {
throw new Error("参数keyName必须是string类型");
}
LocalStorage_Key_Name = keyName;
};
/**
* 新增菜单数据
* @param {GM_Menu_Details[]|GM_Menu_Details} paramData
*/
this.add = function (paramData) {
if (Array.isArray(paramData)) {
data = data.concat(paramData);
} else {
data.push(paramData);
}
this.update();
};
/**
* 更新菜单数据
* @param { GM_Menu_Details[]|GM_Menu_Details|undefined } options 数据
*/
this.update = function (options) {
let optionsList = [];
if (Array.isArray(options)) {
/* 是数组 */
optionsList = optionsList.concat(options);
} else if (options != null) {
/* 是单个配置 */
optionsList.push(options);
}
optionsList.forEach((item) => {
let targetMenu = getTargetMenu(item.key);
if (targetMenu) {
Object.assign(targetMenu, item);
}
});
menuIdMap.forEach((value, key) => {
this.delete(key);
});
init();
register();
};
/**
* 根据已注册菜单的id，来更新菜单配置，不会卸载菜单导致可能菜单选项可能会变化的情况
* @param { GM_Menu_Details[]|GM_Menu_Details|undefined } options 配置
*/
this.updateOptionsWithId = function (options) {
/**
* @type {GM_Menu_Details[]}
*/
let optionsList = [];
if (Array.isArray(options)) {
/* 是数组 */
optionsList = optionsList.concat(options);
} else if (options != null) {
/* 是单个配置 */
optionsList.push(options);
}
for (let option of optionsList) {
menuIdMap.forEach((value, key) => {
if (key === option.id) {
option = handleInitDetail(option);
let findDataIndex = data.findIndex(
(_item_) => _item_.key === value.key
);
if (findDataIndex !== -1) {
Object.assign(data[findDataIndex], option);
}
let resultList = handleMenuData(option);
_GM_registerMenuCommand_(...resultList);
menuIdMap.set(option.id, option);
}
});
}
};
/**
* 卸载菜单
* @param {number} menuId 已注册的菜单id
*/
this.delete = function (menuId) {
_GM_unregisterMenuCommand_(menuId);
};
this.update();
};
/**
* 基于Function prototype，能够勾住和释放任何函数
*
* .hook
* + realFunc {string} 用于保存原始函数的函数名称,用于unHook
* + hookFunc {string} 替换的hook函数
* + context {object} 目标函数所在对象,用于hook非window对象下的函数，如String.protype.slice,carInstance1
* + methodName {string} 匿名函数需显式传入目标函数名eg:this.Begin = function(){....};}
*
* .unhook
* + realFunc {string} 用于保存原始函数的函数名称,用于unHook
* + funcName {string} 被Hook的函数名称
* + context {object} 目标函数所在对象,用于hook非window对象下的函数，如String.protype.slice,carInstance1
* @example
let hook = new Utils.Hooks();
hook.initEnv();
function myFunction(){
console.log("我自己需要执行的函数");
}
function testFunction(){
console.log("正常执行的函数");
}
testFunction.hook(testFunction,myFunction,window);
**/
Utils.Hooks = function () {
this.initEnv = function () {
Function.prototype.hook = function (realFunc, hookFunc, context) {
let _context = null; //函数上下文
let _funcName = null; //函数名
_context = context || window;
_funcName = getFuncName(this);
_context["realFunc_" + _funcName] = this;
if (
_context[_funcName].prototype &&
_context[_funcName].prototype.isHooked
) {
console.log("Already has been hooked,unhook first");
return false;
}
function getFuncName(fn) {
// 获取函数名
let strFunc = fn.toString();
let _regex = /function\s+(\w+)\s*\(/;
let patten = strFunc.match(_regex);
if (patten) {
return patten[1];
}
return "";
}
try {
eval(
"_context[_funcName] = function " +
_funcName +
"(){\n" +
"let args = Array.prototype.slice.call(arguments,0);\n" +
"let obj = this;\n" +
"hookFunc.apply(obj,args);\n" +
"return _context['realFunc_" +
_funcName +
"'].apply(obj,args);\n" +
"};"
);
_context[_funcName].prototype.isHooked = true;
return true;
} catch (e) {
console.log("Hook failed,check the params.");
return false;
}
};
Function.prototype.unhook = function (realFunc, funcName, context) {
let _context = null;
let _funcName = null;
_context = context || window;
_funcName = funcName;
if (!_context[_funcName].prototype.isHooked) {
console.log("No function is hooked on");
return false;
}
_context[_funcName] = _context["realFunc" + _funcName];
delete _context["realFunc_" + _funcName];
return true;
};
};
this.cleanEnv = function () {
if (Function.prototype.hasOwnProperty("hook")) {
delete Function.prototype.hook;
}
if (Function.prototype.hasOwnProperty("unhook")) {
delete Function.prototype.unhook;
}
return true;
};
};
/**
* 为减少代码量和回调，把GM_xmlhttpRequest封装
* 文档地址: https://www.tampermonkey.net/documentation.php?ext=iikm
* 其中onloadstart、onprogress、onreadystatechange是回调形式，onabort、ontimeout、onerror可以设置全局回调函数
* @param {Function} _GM_xmlHttpRequest_ 油猴中的GM_xmlhttpRequest（必须）
* @example
let httpx = new Utils.Httpx(GM_xmlhttpRequest);
let postResp = await httpx.post({
url:url,
data:JSON.stringify({
test:1
}),
timeout: 5000
});
console.log(postResp);
> {
status: true,
data: {responseText: "...", response: xxx,...},
msg: "请求完毕",
type: "onload",
}
if(postResp === "onload" && postResp.status){
// onload
}else if(postResp === "ontimeout"){
// ontimeout
}
* @example
// 也可以先配置全局参数
let httpx = new Utils.Httpx(GM_xmlhttpRequest);
httpx.config({
timeout: 5000,
async: false,
responseType: "html",
redirect: "follow",
})
// 优先级为 默认details < 全局details < 单独的details
*/
Utils.Httpx = function (_GM_xmlHttpRequest_) {
if (typeof _GM_xmlHttpRequest_ !== "function") {
throw new Error(
"Utils.Httpx 请先加入@grant GM_xmlhttpRequest在开头且传入该参数"
);
}
/**
* @type {HttpxDetails}
*/
let defaultDetails = {
url: void 0,
timeout: 5000,
async: false,
responseType: void 0,
headers: void 0,
data: void 0,
redirect: void 0,
cookie: void 0,
binary: void 0,
nocache: void 0,
revalidate: void 0,
context: void 0,
overrideMimeType: void 0,
anonymous: void 0,
fetch: void 0,
user: void 0,
password: void 0,
onabort() {},
onerror() {},
ontimeout() {},
onloadstart() {},
onreadystatechange() {},
onprogress() {},
};
/**
* 输出请求配置
*/
let LOG_DETAILS = false;
/**
* 发送请求
* @param {HttpxDetails} details
*/
function request(details) {
if (LOG_DETAILS) {
console.log("Httpx请求配置👇", details);
}
_GM_xmlHttpRequest_(details);
}
/**
* 获取请求配置
* @param {"get"|"post"|"head"|"options"|"delete"|"put"} method 当前请求方法，默认get
* @param {object} resolve promise回调
* @param {HttpxDetails} details 请求配置
* @returns
*/
function getRequestDefails(method, resolve, details) {
return {
url: details.url || defaultDetails.url,
method: method || "GET",
timeout: details.timeout || defaultDetails.timeout,
async: details.async || defaultDetails.async,
responseType: details.responseType || defaultDetails.responseType,
headers: details.headers || defaultDetails.headers,
data: details.data || defaultDetails.data,
redirect: details.redirect || defaultDetails.redirect,
cookie: details.cookie || defaultDetails.cookie,
binary: details.binary || defaultDetails.binary,
nocache: details.nocache || defaultDetails.nocache,
revalidate: details.revalidate || defaultDetails.revalidate,
context: details.context || defaultDetails.context,
overrideMimeType:
details.overrideMimeType || defaultDetails.overrideMimeType,
anonymous: details.anonymous || defaultDetails.anonymous,
fetch: details.fetch || defaultDetails.fetch,
user: details.user || defaultDetails.user,
password: details.password || defaultDetails.password,
onabort() {
onAbortCallBack(details, resolve, arguments);
},
onerror() {
onErrorCallBack(details, resolve, arguments);
},
onloadstart() {
onLoadStartCallBack(details, arguments);
},
onprogress() {
onProgressCallBack(details, arguments);
},
onreadystatechange() {
onReadyStateChangeCallBack(details, arguments);
},
ontimeout() {
onTimeoutCallBack(details, resolve, arguments);
},
onload() {
onLoadCallBack(details, resolve, arguments);
},
};
}
/**
* 处理发送请求的details，去除值为undefined、空function的值
* @param {HttpxDetails} details
* @returns {HttpxDetails}
*/
function handleRequestDetails(details) {
Object.keys(details).forEach((keyName) => {
if (
details[keyName] == null ||
(details[keyName] instanceof Function &&
Utils.isNull(details[keyName]))
) {
delete details[keyName];
return;
}
});
if (Utils.isNull(details.url)) {
throw Error(`Utils.Httpx 参数 url不符合要求: ${details.url}`);
}
/* method值统一大写，兼容Via */
details.method = details.method.toUpperCase();
return details;
}
/**
* onabort请求被取消-触发
* @param {HttpxDetails} details 配置
* @param {()=>void} resolve 回调
* @param {any[]} argumentsList 参数列表
*/
function onAbortCallBack(details, resolve, argumentsList) {
if ("onabort" in details) {
details.onabort.apply(this, argumentsList);
} else if ("onabort" in defaultDetails) {
defaultDetails.onabort.apply(this, argumentsList);
}
resolve({
status: false,
data: [...argumentsList],
msg: "请求被取消",
type: "onabort",
});
}
/**
* onerror请求异常-触发
* @param {HttpxDetails} details 配置
* @param {()=>void} resolve 回调
* @param {any[]} argumentsList 响应的参数列表
*/
function onErrorCallBack(details, resolve, argumentsList) {
if ("onerror" in details) {
details.onerror.apply(this, argumentsList);
} else if ("onerror" in defaultDetails) {
defaultDetails.onerror.apply(this, argumentsList);
}
let response = argumentsList;
if (response.length) {
response = response[0];
}
resolve({
status: false,
data: response,
details: details,
msg: "请求异常",
type: "onerror",
});
}
/**
* ontimeout请求超时-触发
* @param {HttpxDetails} details 配置
* @param {()=>void} resolve 回调
* @param {any[]} argumentsList 参数列表
*/
function onTimeoutCallBack(details, resolve, argumentsList) {
if ("ontimeout" in details) {
details.ontimeout.apply(this, argumentsList);
} else if ("ontimeout" in defaultDetails) {
defaultDetails.ontimeout.apply(this, argumentsList);
}
resolve({
status: false,
data: [...argumentsList],
msg: "请求超时",
type: "ontimeout",
});
}
/**
* onloadstart请求开始-触发
* @param {HttpxDetails} details 配置
* @param {any[]} argumentsList 参数列表
*/
function onLoadStartCallBack(details, argumentsList) {
if ("onloadstart" in details) {
details.onloadstart.apply(this, argumentsList);
} else if ("onloadstart" in defaultDetails) {
defaultDetails.onloadstart.apply(this, argumentsList);
}
}
/**
* onreadystatechange准备状态改变-触发
* @param {HttpxDetails} details 配置
* @param {any[]} argumentsList 参数列表
*/
function onReadyStateChangeCallBack(details, argumentsList) {
if ("onreadystatechange" in details) {
details.onreadystatechange.apply(this, argumentsList);
} else if ("onreadystatechange" in defaultDetails) {
defaultDetails.onreadystatechange.apply(this, argumentsList);
}
}
/**
* onprogress上传进度-触发
* @param {HttpxDetails} details 配置
* @param {any[]} argumentsList 参数列表
*/
function onProgressCallBack(details, argumentsList) {
if ("onprogress" in details) {
details.onprogress.apply(this, argumentsList);
} else if ("onprogress" in defaultDetails) {
defaultDetails.onprogress.apply(this, argumentsList);
}
}
/**
* onload加载完毕-触发
* @param {HttpxDetails} details 配置
* @param {()=>void} resolve 回调
* @param {any[]} argumentsList 参数列表
*/
function onLoadCallBack(details, resolve, argumentsList) {
/* X浏览器会因为设置了responseType导致不返回responseText */
let response = argumentsList[0];
if (
details.responseType === "json" &&
Utils.isNull(response.responseText) &&
typeof response.response === "object"
) {
Utils.tryCatch().run(() => {
response.responseText = JSON.stringify(response.response);
});
}
/* 状态码2xx都是成功的 */
if (Math.floor(response.status / 100) === 2) {
resolve({
status: true,
data: response,
details: details,
msg: "请求完毕",
type: "onload",
});
} else {
onErrorCallBack(details, resolve, argumentsList);
}
}
/**
* GET 请求
* @param {...HttpxDetails|string} arguments
* @returns {Promise< HttpxAsyncResult >}
*/
this.get = async function () {
let details = {};
if (typeof arguments[0] === "string") {
details.url = arguments[0];
if (typeof arguments[1] === "object") {
details = arguments[1];
details.url = arguments[0];
}
} else {
details = arguments[0];
}
return new Promise((resolve) => {
let requestDetails = getRequestDefails("get", resolve, details);
delete requestDetails.onprogress;
requestDetails = handleRequestDetails(requestDetails);
request(requestDetails);
});
};
/**
* POST 请求
* @param {...HttpxDetails|string} arguments
* @returns {Promise< HttpxAsyncResult >}
*/
this.post = async function () {
let details = {};
if (typeof arguments[0] === "string") {
details.url = arguments[0];
if (typeof arguments[1] === "object") {
details = arguments[1];
details.url = arguments[0];
}
} else {
details = arguments[0];
}
return new Promise((resolve) => {
let requestDetails = getRequestDefails("post", resolve, details);
requestDetails = handleRequestDetails(requestDetails);
request(requestDetails);
});
};
/**
* HEAD 请求
* @param {...HttpxDetails|string} arguments
* @returns {Promise< HttpxAsyncResult >}
*/
this.head = async function () {
let details = {};
if (typeof arguments[0] === "string") {
details.url = arguments[0];
if (typeof arguments[1] === "object") {
details = arguments[1];
details.url = arguments[0];
}
} else {
details = arguments[0];
}
return new Promise((resolve) => {
let requestDetails = getRequestDefails("head", resolve, details);
delete requestDetails.onprogress;
requestDetails = handleRequestDetails(requestDetails);
request(requestDetails);
});
};
/**
* OPTIONS请求
* @param {...HttpxDetails|string} arguments
* @returns {Promise< HttpxAsyncResult >}
*/
this.options = async function () {
let details = {};
if (typeof arguments[0] === "string") {
details.url = arguments[0];
if (typeof arguments[1] === "object") {
details = arguments[1];
details.url = arguments[0];
}
} else {
details = arguments[0];
}
return new Promise((resolve) => {
let requestDetails = getRequestDefails("options", resolve, details);
delete requestDetails.onprogress;
requestDetails = handleRequestDetails(requestDetails);
request(requestDetails);
});
};
/**
* DELETE请求
* @param {...HttpxDetails|string} arguments
* @returns {Promise< HttpxAsyncResult >}
*/
this.delete = async function () {
let details = {};
if (typeof arguments[0] === "string") {
details.url = arguments[0];
if (typeof arguments[1] === "object") {
details = arguments[1];
details.url = arguments[0];
}
} else {
details = arguments[0];
}
return new Promise((resolve) => {
let requestDetails = getRequestDefails("delete", resolve, details);
delete requestDetails.onprogress;
requestDetails = handleRequestDetails(requestDetails);
request(requestDetails);
});
};
/**
* PUT请求
* @param {...HttpxDetails|string} arguments
* @returns {Promise< HttpxAsyncResult >}
*/
this.put = async function () {
let details = {};
if (typeof arguments[0] === "string") {
details.url = arguments[0];
if (typeof arguments[1] === "object") {
details = arguments[1];
details.url = arguments[0];
}
} else {
details = arguments[0];
}
return new Promise((resolve) => {
let requestDetails = getRequestDefails("put", resolve, details);
requestDetails = handleRequestDetails(requestDetails);
request(requestDetails);
});
};
/**
* 覆盖当前配置
* @param {HttpxDetails} details
*/
this.config = function (details = {}) {
if (Object.hasOwnProperty.call(details, "logDetails")) {
LOG_DETAILS = details["logDetails"];
}
defaultDetails = Utils.assign(defaultDetails, details);
};
};
/**
* 浏览器端的indexedDB操作封装
* @example
let db = new Utils.indexedDB('web_DB', 'nav_text')
let data = {name:'管理员', roleId: 1, type: 1};
db.save('list',data).then((resolve)=>{
console.log(resolve,'存储成功')
})
db.get('list').then((resolve)=>{
console.log(resolve,'查询成功')
})
db.getPaging('list',20,10).then((resolve)=>{
console.log(resolve,'查询分页偏移第20，一共10行成功');
})
db.delete('list').then(resolve=>{
console.log(resolve,'删除成功---->>>>>>name')
})
db.deleteAll().then(resolve=>{
console.log(resolve,'清除数据库---->>>>>>name')
})
* @param {string} [dbName="default_db"] 数据存储名
* @param {string} [storeName="default_form"] 表名
* @param {number} [dbVersion=1] indexDB的版本号
**/
Utils.indexedDB = function (
dbName = "default_db",
storeName = "default_form",
dbVersion = 1
) {
this.dbName = dbName;
/* websql的版本号，由于ios的问题，版本号的写法不一样 */
this.slqVersion = "1";
this.dbVersion = dbVersion;
this.storeName = storeName;
/* 监听IndexDB */
this.indexedDB =
window.indexedDB ||
window.mozIndexedDB ||
window.webkitIndexedDB ||
window.msIndexedDB;
if (!this.indexedDB) {
alert("很抱歉，您的浏览器不支持indexedDB");
}
/* 缓存数据库，避免同一个页面重复创建和销毁 */
this.db = {};
this.store = null;
this.errorCode = {
/* 错误码 */
success: {
code: 200,
msg: "操作成功",
},
error: {
code: 401,
msg: "操作失败",
},
open: { code: 91001, msg: "打开数据库失败" },
save: { code: 91002, msg: "保存数据失败" },
get: { code: 91003, msg: "获取数据失败" },
delete: { code: 91004, msg: "删除数据失败" },
deleteAll: { code: 91005, msg: "清空数据库失败" },
};
let that = this;
/**
* 创建 “表”
* @param {string} dbName 表名
* @returns
*/
this.createStore = function (dbName) {
let txn, store;
if (that.indexedDB) {
/* 如果是支持IndexDB的 */
txn = that.db[dbName].transaction(that.storeName, "readwrite");
/* IndexDB的读写权限 */
store = txn.objectStore(that.storeName);
}
return store;
};
/**
* 打开数据库
* @param {function} callback 回调
* @param {string} dbName 数据库名
*/
this.open = function (callback, dbName) {
/* 打开数据库 */
if (that.indexedDB) {
/* 如果支持IndexDB */
if (!that.db[dbName]) {
/* 如果缓存中没有，则进行数据库的创建或打开，提高效率 */
let request = that.indexedDB.open(dbName, that.dbVersion);
request.onerror = function (e) {
callback({
code: that.errorCode.open.code,
msg: that.errorCode.open.msg,
error: e,
});
};
request.onsuccess = function (e) {
if (!that.db[dbName]) {
that.db[dbName] = e.target.result;
}
let store = that.createStore(dbName);
callback(store);
};
request.onupgradeneeded = function (e) {
that.db[dbName] = e.target.result;
let store = that.db[dbName].createObjectStore(that.storeName, {
keyPath: "key",
});
store.transaction.oncomplete = function (event) {
callback(store);
};
};
} else {
/* 如果缓存中已经打开了数据库，就直接使用 */
let store = that.createStore(dbName);
callback(store);
}
}
};
/**
* 保存数据到数据库
* @param {string} key 数据key
* @param {any} value 数据值
* @returns {Promise< {
* code: number,
* msg: string,
* success: boolean
* }>}
*/
this.save = async function (key, value) {
if (that.indexedDB) {
return new Promise((resolve, reject) => {
let dbName = that.dbName;
let inData = {
key: key,
value: value,
};
that.open(function (result) {
let error = result.hasOwnProperty("error");
if (error) {
resolve(result);
} else {
let request = result.put(inData);
request.onsuccess = function (e) {
/* 保存成功有success 字段 */
resolve({
code: that.errorCode.success.code,
msg: that.errorCode.success.msg,
success: true,
});
};
request.onerror = function (e) {
resolve({
code: that.errorCode.save.code,
msg: that.errorCode.save.msg,
error: e,
});
};
}
}, dbName);
});
}
};
/**
* 根据key获取值
* @param {string} key 数据key
* @returns {Promise< {
* code: number,
* msg: string,
* data: [...any],
* success: true
* }| {
* code: number,
* msg: string,
* error: Error,
* result: any,
* } >}
*/
this.get = async function (key) {
return new Promise((resolve, reject) => {
let dbName = that.dbName;
if (that.indexedDB) {
that.open(function (result) {
/* 判断返回的数据中是否有error字段 */
let error = result.hasOwnProperty("error");
if (error) {
reject({
code: that.errorCode.open.get,
msg: that.errorCode.get.msg,
error: error,
result: result,
});
} else {
let request = result.get(key);
request.onsuccess = function (e) {
let result = e.target.result;
let data = result ? result.value : void 0;
resolve({
code: data
? that.errorCode.success.code
: that.errorCode.error.code,
msg: data
? that.errorCode.success.msg
: that.errorCode.error.msg,
data: data || [],
success: true,
});
};
request.onerror = function (e) {
reject({
code: that.errorCode.get.code,
msg: that.errorCode.get.msg,
result: result,
error: e,
});
};
}
}, dbName);
}
});
};
/**
* 正则获取数据
* @param {string} key 数据键
* @returns { Promise<{
* code: number,
* msg: string,
* data: [...any],
* success: true
* }|{
* code: number,
* msg: string,
* error: Error,
* result: any,
* }> }
*/
this.regexpGet = async function (key) {
let list = [];
return new Promise((resolve, reject) => {
/* 正则查询 */
let dbName = that.dbName;
if (that.indexedDB) {
that.open(function (result) {
/* 判断返回的数据中是否有error字段 */
let error = result.hasOwnProperty("error");
if (error) {
reject({
code: that.errorCode.open.get,
msg: that.errorCode.get.msg,
error: error,
result: result,
});
} else {
let request = result.getAll();
request.onsuccess = function (e) {
let result = e.target.result;
if (result.length !== 0) {
result.forEach((item, index) => {
if (item["key"].match(key)) {
let concatList = item["value"];
concatList["key"] = item["key"];
list = [...list, concatList];
}
});
}
resolve({
code: that.errorCode.success.code,
msg: that.errorCode.success.msg,
data: list,
success: true,
});
};
request.onerror = function (e) {
reject({
code: that.errorCode.get.code,
msg: that.errorCode.get.msg,
result: result,
error: e,
});
};
}
}, dbName);
}
});
};
/**
* 删除数据
* @param {string} key 数据键
* @returns {Promise<{
* code: number,
* msg: string,
* success: true,
* }|{
* code: number,
* msg: string,
* error: Error,
* }>}
*/
this.delete = async function (key) {
return new Promise((resolve, reject) => {
/* 根据key删除某条数据 */
let dbName = that.dbName;
if (that.indexedDB) {
that.open(function (result) {
let error = result.hasOwnProperty("error");
if (error) {
resolve(result);
} else {
let request = result.get(key);
request.onsuccess = function (e) {
let recode = e.target.result;
if (recode) {
request = result.delete(key);
}
resolve({
code: recode
? that.errorCode.success.code
: that.errorCode.error.code,
msg: recode
? that.errorCode.success.msg
: that.errorCode.error.msg,
success: true,
});
};
request.onerror = function (e) {
resolve({
code: that.errorCode.delete.code,
msg: that.errorCode.delete.msg,
error: e,
});
};
}
}, dbName);
}
});
};
/**
* 删除所有数据
* @returns {Promise<{
* code: number,
* msg: string,
* error: Error,
* result: any,
* }|{
* code: number,
* msg: string,
* success: true,
* }>}
*/
this.deleteAll = async function () {
return new Promise((resolve, reject) => {
/* 清空数据库 */
let dbName = that.dbName;
if (that.indexedDB) {
that.open(function (result) {
let error = result.hasOwnProperty("error");
if (error) {
resolve({
code: that.errorCode.deleteAll.code,
msg: that.errorCode.deleteAll.msg,
error: error,
result: result,
});
} else {
result.clear();
resolve({
code: that.errorCode.success.code,
msg: that.errorCode.success.msg,
success: true,
});
}
}, dbName);
}
});
};
};
/**
* 判断目标函数是否是Native Code
* @param {function} target
* @returns {boolean}
* + true 是Native
* + false 不是Native
* @example
* Utils.isNativeFunc(window.location.assign)
* > true
*/
Utils.isNativeFunc = function (target) {
return Boolean(
target.toString().match(/^function .*\(\) { \[native code\] }$/)
);
};
/**
* 判断当前的位置是否位于页面底部附近
* @param {number} [nearValue=50] 判断在页面底部的误差值，默认:50
* @returns {boolean}
* + true 在底部附近
* + false 不在底部附近
*/
Utils.isNearBottom = function (nearValue = 50) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
var windowHeight =
window.innerHeight || document.documentElement.clientHeight;
var documentHeight = document.documentElement.scrollHeight;
return scrollTop + windowHeight >= documentHeight - nearValue;
};
/**
* 判断对象是否是元素
* @param {any} target
* @returns {boolean}
* + true 是元素
* + false 不是元素
* @example
* Utils.isDOM(document.querySelector("a"))
* > true
*/
Utils.isDOM = function (target) {
return target instanceof Node;
};
/**
* 判断浏览器是否支持全屏
* @returns {boolean}
*/
Utils.isFullscreenEnabled = function () {
return !!(
document.fullscreenEnabled ||
document.webkitFullScreenEnabled ||
document.mozFullScreenEnabled ||
document.msFullScreenEnabled
);
};
/**
* 判断对象是否是jQuery对象
* @param {any} target
* @returns {boolean}
* + true 是jQuery对象
* + false 不是jQuery对象
* @example
* Utils.isJQuery($("a"))
* > true
*/
Utils.isJQuery = function (target) {
let result = false;
if (typeof jQuery === "object" && target instanceof jQuery) {
result = true;
}
if (target == null) {
return false;
}
if (typeof target === "object") {
/* 也有种可能，这个jQuery对象是1.8.3版本的，页面中的jQuery是3.4.1版本的 */
let jQueryProps = [
"add",
"addBack",
"addClass",
"after",
"ajaxComplete",
"ajaxError",
"ajaxSend",
"ajaxStart",
"ajaxStop",
"ajaxSuccess",
"animate",
"append",
"appendTo",
"attr",
"before",
"bind",
"blur",
"change",
"children",
"clearQueue",
"click",
"clone",
"closest",
"constructor",
"contents",
"contextmenu",
"css",
"data",
"dblclick",
"delay",
"delegate",
"dequeue",
"each",
"empty",
"end",
"eq",
"extend",
"fadeIn",
"fadeOut",
"fadeTo",
"fadeToggle",
"filter",
"find",
"first",
"focus",
"focusin",
"focusout",
"get",
"has",
"hasClass",
"height",
"hide",
"hover",
"html",
"index",
"init",
"innerHeight",
"innerWidth",
"insertAfter",
"insertBefore",
"is",
"jquery",
"keydown",
"keypress",
"keyup",
"last",
"load",
"map",
"mousedown",
"mouseenter",
"mouseleave",
"mousemove",
"mouseout",
"mouseover",
"mouseup",
"next",
"nextAll",
"not",
"off",
"offset",
"offsetParent",
"on",
"one",
"outerHeight",
"outerWidth",
"parent",
"parents",
"position",
"prepend",
"prependTo",
"prev",
"prevAll",
"prevUntil",
"promise",
"prop",
"pushStack",
"queue",
"ready",
"remove",
"removeAttr",
"removeClass",
"removeData",
"removeProp",
"replaceAll",
"replaceWith",
"resize",
"scroll",
"scrollLeft",
"scrollTop",
"select",
"show",
"siblings",
"slice",
"slideDown",
"slideToggle",
"slideUp",
"sort",
"splice",
"text",
"toArray",
"toggle",
"toggleClass",
"trigger",
"triggerHandler",
"unbind",
"width",
"wrap",
];
for (const jQueryPropsName of jQueryProps) {
if (!(jQueryPropsName in target)) {
result = false;
/* console.log(jQueryPropsName); */
break;
} else {
result = true;
}
}
}
return result;
};
/**
* 判断当前设备是否是移动端
* @param {string} [userAgent=navigator.userAgent] UA字符串，默认使用当前的navigator.userAgent
* @returns {boolean}
* + true 是移动端
* + false 不是移动端
* @example
* Utils.isPhone();
* > true
**/
Utils.isPhone = function (userAgent = navigator.userAgent) {
return Boolean(/(iPhone|iPad|iPod|iOS|Android|Mobile)/i.test(userAgent));
};
/**
* 判断对象是否不为空
* @param {any} obj
* @returns {boolean}
* + true 不为空
* + false 为空
* @example
* Utils.isNotNull("123");
* > true
*/
Utils.isNotNull = function () {
return !Utils.isNull.apply(this, arguments);
};
/**
* 判断对象或数据是否为空
* String类型，如 ""、"null"、"undefined"、" "
* Number类型，如 0
* Object类型，如 {}
* @param {arguments} obj 需要判断的变量
* @returns {boolean}
* + true 为空
* + false 不为空
* @example
Utils.isNull({});
> true
* @example
Utils.isNull([]);
> true
* @example
Utils.isNull(" ");
> true
* @example
Utils.isNull(function(){});
> true
* @example
Utils.isNull(()=>{}));
> true
* @example
Utils.isNull("undefined");
> true
* @example
Utils.isNull("null");
> true
* @example
Utils.isNull(" ", false);
> true
* @example
Utils.isNull([1],[]);
> false
* @example
Utils.isNull([],[1]);
> false
* @example
Utils.isNull(false,[123]);
> false
**/
Utils.isNull = function () {
let result = true;
let checkList = [...arguments];
for (const objItem of checkList) {
let itemResult = false;
switch (typeof objItem) {
case "undefined":
case "null":
itemResult = true;
break;
case "object":
/* object类型的也可能是null */
if (objItem == null) {
itemResult = true;
} else if (
Array.isArray(objItem) ||
objItem instanceof NodeList ||
objItem instanceof FileList
) {
itemResult = objItem.length === 0;
} else if (objItem instanceof Map || objItem instanceof Set) {
itemResult = objItem.size === 0;
} else {
itemResult = Object.keys(objItem).length === 0;
}
break;
case "number":
itemResult = objItem === 0;
break;
case "string":
itemResult =
objItem.trim() === "" ||
objItem === "null" ||
objItem === "undefined";
break;
case "boolean":
itemResult = !objItem;
break;
case "function":
let funcStr = objItem.toString().replace(/\s/g, "");
/* 排除()=>{}、(xxx="")=>{}、function(){}、function(xxx=""){}、 */
itemResult = Boolean(
funcStr.match(/^\(.*?\)=>\{\}$|^function.*?\(.*?\)\{\}$/)
);
break;
}
result = result && itemResult;
}
return result;
};
/**
* 判断元素是否在页面中可见
* @param {[...HTMLElement]|NodeList} element 需要检查的元素，可以是普通元素|数组形式的元素|通过querySelectorAll获取的元素数组
* @param {boolean} [inView=false]
* + true 在窗口可视区域
* + false 不在窗口可视区域
* @returns {boolean}
* + true 可见
* + false 不可见
* @example
* Utils.isVisible(document.documentElement)
* > true
*/
Utils.isVisible = function (element, inView = false) {
let needCheckDomList = [];
if (element instanceof Array || element instanceof NodeList) {
needCheckDomList = [...element];
} else {
needCheckDomList = [element];
}
let result = true;
for (const domItem of needCheckDomList) {
let domDisplay = window.getComputedStyle(domItem);
if (domDisplay.display === "none") {
result = false;
} else {
let domClientRect = domItem.getBoundingClientRect();
if (inView) {
let viewportWidth =
window.innerWidth || document.documentElement.clientWidth;
let viewportHeight =
window.innerHeight || document.documentElement.clientHeight;
result = !(
domClientRect.right < 0 ||
domClientRect.left > viewportWidth ||
domClientRect.bottom < 0 ||
domClientRect.top > viewportHeight
);
} else {
result = Boolean(domItem.getClientRects().length);
}
}
if (!result) {
/* 有一个不可见就退出循环 */
break;
}
}
return result;
};
/**
* 判断是否是Via浏览器环境
* @returns {boolean}
* + true 是Via
* + false 不是Via
* @example
* Utils.isWebView_Via()
* > false
*/
Utils.isWebView_Via = function () {
let result = true;
if (typeof top.window.via === "object") {
for (const key in Object.values(top.window.via)) {
if (Object.hasOwnProperty.call(top.window.via, key)) {
let objValueFunc = top.window.via[key];
if (
typeof objValueFunc === "function" &&
Utils.isNativeFunc(objValueFunc)
) {
result = true;
} else {
result = false;
break;
}
}
}
} else {
result = false;
}
return result;
};
/**
* 判断是否是X浏览器环境
* @returns {boolean}
* + true 是X浏览器
* + false 不是X浏览器
* @example
* Utils.isWebView_X()
* > false
*/
Utils.isWebView_X = function () {
let result = true;
if (typeof top.window.mbrowser === "object") {
for (const key in Object.values(top.window.mbrowser)) {
if (Object.hasOwnProperty.call(top.window.mbrowser, key)) {
let objValueFunc = top.window.mbrowser[key];
if (
typeof objValueFunc === "function" &&
Utils.isNativeFunc(objValueFunc)
) {
result = true;
} else {
result = false;
break;
}
}
}
} else {
result = false;
}
return result;
};
/**
* 把对象内的value值全部取出成数组
* @param {object} target 目标对象
* @returns {object} 返回数组
* @example
* Utils.parseObjectToArray({"工具类":"jsonToArray","return","Array"});
* > ['jsonToArray', 'Array']
**/
Utils.parseObjectToArray = function (target) {
if (typeof target !== "object") {
throw new Error(
"Utils.parseObjectToArray 参数 target 必须为 object 类型"
);
}
let result = [];
Object.keys(target).forEach(function (keyName) {
result = result.concat(target[keyName]);
});
return result;
};
/**
* 监听某个元素键盘按键事件或window全局按键事件
* 按下有值的键时触发，按下Ctrl\Alt\Shift\Meta是无值键。按下先触发keydown事件，再触发keypress事件。
* @param {Window|Node|HTMLElement|globalThis} target 需要监听的对象，可以是全局Window或者某个元素
* @param {"keyup"|"keypress"|"keydown"} eventName 事件名，默认keypress
* @param {?(keyName: string, keyValue:string,otherCodeList: string[], event: KeyboardEvent)=>{}} callback 自己定义的回调事件，参数1为当前的key，参数2为组合按键，数组类型，包含ctrl、shift、alt和meta（win键或mac的cmd键）
* @example
Utils.listenKeyboard(window,(keyName,keyValue,otherKey,event)=>{
if(keyName === "Enter"){
console.log("回车按键的值是："+keyValue)
}
if(otherKey.indexOf("ctrl") && keyName === "Enter" ){
console.log("Ctrl和回车键");
}
})
* @example
字母和数字键的键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57
数字键盘上的键的键码值(keyCode)
功能键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110
7 103 / 111
控制键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 → 39 -_ 189
Tab 9 Spacebar 32 ↓ 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 ← 37 =+ 187 ]} 221
Cape Lock 20 ↑ 38 ,< 188 '" 222
多媒体键码值(keyCode)
按键 键码
音量加 175
音量减 174
停止 179
静音 173
浏览器 172
邮件 180
搜索 170
收藏 171
**/
Utils.listenKeyboard = function (target, eventName = "keypress", callback) {
if (
typeof target !== "object" ||
(typeof target["addEventListener"] !== "function" &&
typeof target["removeEventListener"] !== "function")
) {
throw new Error(
"Utils.listenKeyboard 参数 target 必须为 Window|HTMLElement 类型"
);
}
let keyEvent = function (event) {
let keyName = event.key || event.code;
let keyValue = event.charCode || event.keyCode || event.which;
let otherCodeList = [];
if (event.ctrlKey) {
otherCodeList.push("ctrl");
}
if (event.altKey) {
otherCodeList.push("alt");
}
if (event.metaKey) {
otherCodeList.push("meta");
}
if (event.shiftKey) {
otherCodeList.push("shift");
}
if (typeof callback === "function") {
callback(keyName, keyValue, otherCodeList, event);
}
};
target.addEventListener(eventName, keyEvent);
return {
removeListen() {
target.removeEventListener(eventName, keyEvent);
},
};
};
/**
* 自动锁对象，用于循环判断运行的函数，在循环外new后使用，注意，如果函数内部存在异步操作，需要使用await
* @param {function|string} func 需要执行的函数
* @param {function|undefined} scope 函数作用域
* @param {number} [unLockDelayTime=0] 延迟xx毫秒后解锁，默认0
* @example
let lock = new Utils.LockFunction(()=>{console.log(1)}))
lock.run();
> 1
* @example
let lock = new Utils.LockFunction(()=>{console.log(1)}),true) -- 异步操作
await lock.run();
> 1
**/
Utils.LockFunction = function (func, scope, unLockDelayTime = 0) {
let flag = false;
let that = this;
scope = scope || this;
/**
* 锁
*/
this.lock = function () {
flag = true;
};
/**
* 解锁
*/
this.unlock = function () {
setTimeout(() => {
flag = false;
}, unLockDelayTime);
};
/**
* 执行
* @param {...any} funArgs 参数
*/
this.run = async function (...funArgs) {
if (flag) {
return;
}
that.lock();
await func.apply(scope, funArgs); /* arguments调用 */
that.unlock();
};
};
/**
* @typedef {object} UtilsLogDetails
* @property {boolean} [tag=true] 是否输出Tag，false的话其它的颜色也不输出，默认为true
* @property {string} [successColor="#0000FF"] log.success的颜色，默认#0000FF
* @property {string} [warnColor="0"] log.warn的颜色，默认0
* @property {string} [errorColor="#FF0000"] log.error的颜色，默认#FF0000
* @property {string} [infoColor="0"] log.info的颜色，默认0
* @property {boolean} [debug=false] 是否开启debug模式，true会在控制台每次调用时输出调用函数的所在位置，false不会输出位置，默认false
* @property {boolean} [autoClearConsole=false] 当console输出超过logMaxCount数量自动清理控制台，默认false
* @property {boolean} [logMaxCount=999] console输出的最高数量，autoClearConsole开启则生效，默认999
*/
/**
* 日志对象
* @param {object|undefined} _GM_info_ 油猴管理器的API GM_info，或者是一个对象，如{"script":{name:"Utils.Log"}}
* @example
let log = new Utils.Log(GM_info);
log.info("普通输出");
> 普通输出
log.success("成功输出");
> 成功输出
log.error("错误输出");
> 错误输出
log.warn("警告输出");
> 警告输出
log.tag = "自定义tag信息";
log.info("自定义info的颜色","#e0e0e0");
> 自定义info的颜色
log.config({
successColor: "#31dc02",
errorColor: "#e02d2d",
infoColor: "black",
})
log.success("颜色为#31dc02");
> 颜色为#31dc02
*/
Utils.Log = function (
_GM_info_ = {
script: {
name: "Utils.Log",
},
}
) {
let msgColorDetails = [
"font-weight: bold; color: cornflowerblue",
"font-weight: bold; color: cornflowerblue",
"font-weight: bold; color: darkorange",
"font-weight: bold; color: cornflowerblue",
];
/**
* @type {UtilsLogDetails}
*/
let details = {
tag: true,
successColor: "#0000FF",
errorColor: "#FF0000",
infoColor: "0",
warnColor: "0",
debug: false,
autoClearConsole: false,
logMaxCount: 999,
};
let logCount = 0;
/**
* 解析Error的堆栈获取实际调用者的函数名及函数所在的位置
* @param {string[]} stack
* @returns {{
* name: string,
* position: string,
* }}
*/
let parseErrorStack = function (stack) {
let result = {
name: "",
position: "",
};
for (let stackString of stack) {
stackString = stackString.trim();
let stackFunctionName = stackString.match(/^at[\s]+(.+?)[\s]+/i);
let stackFunctionNamePosition = stackString.match(
/^at[\s]+.+[\s]+\((.+?)\)/i
);
if (stackFunctionName == null) {
continue;
}
stackFunctionName = stackFunctionName[stackFunctionName.length - 1];
stackFunctionNamePosition =
stackFunctionNamePosition[stackFunctionNamePosition.length - 1];
if (
stackFunctionName === "" ||
stackFunctionName.match(
new RegExp(
"(^Utils.Log.|.<anonymous>$|^Function.each|^NodeList.forEach|^k.fn.init.each)",
"g"
)
)
) {
continue;
} else {
result.name = stackFunctionName;
result.position = stackFunctionNamePosition;
break;
}
}
if (result.position === "") {
let lastStackString = stack[stack.length - 1].trim();
if (lastStackString.startsWith("at chrome-extension://")) {
let lastStackMatch = lastStackString.match(/^at[\s]+(.+)/);
if (lastStackMatch) {
result.position = lastStackMatch[lastStackMatch.length - 1];
}
}
}
if (result.position === "") {
result.position = stack[stack.length - 1]
.trim()
.replace(/^at[\s]*/g, "");
}
return result;
};
/**
* 待恢复的函数或对象
*/
let recoveryList = [];
/**
* 检测清理控制台
* @this {Utils.Log}
*/
let checkClearConsole = function () {
logCount++;
if (details.autoClearConsole && logCount > details.logMaxCount) {
console.clear();
logCount = 0;
}
};
/**
* 输出内容
* @param {any} msg 需要输出的内容
* @param {string} color 颜色
* @param {string|undefined} otherStyle 其它CSS
* @this {Utils.Log}
*/
let printContent = function (msg, color, otherStyle) {
checkClearConsole.apply(this);
otherStyle = otherStyle || "";
let stackSplit = new Error().stack.split("\n");
stackSplit.splice(0, 2);
let { name: callerName, position: callerPosition } =
parseErrorStack(stackSplit);
if (typeof msg === "object") {
/* 要输出的内容是个对象 */
if (details.tag) {
if (Array.isArray(msg) && msg.length < 5) {
console.log(
`%c[${this.tag}%c-%c${callerName}%c]%c `,
...msgColorDetails,
`color: ${color};${otherStyle}`,
...msg
);
} else {
console.log(
`%c[${this.tag}%c-%c${callerName}%c]%c `,
...msgColorDetails,
`color: ${color};${otherStyle}`,
msg
);
}
} else {
if (Array.isArray(msg) && msg.length < 5) {
console.log(...msg);
} else {
console.log(msg);
}
}
} else {
if (details.tag) {
console.log(
`%c[${this.tag}%c-%c${callerName}%c]%c ${msg}`,
...msgColorDetails,
`color: ${color};${otherStyle}`
);
} else {
console.log(`%c${msg}`, `color: ${color};${otherStyle}`);
}
}
if (details.debug) {
/* 如果开启调试模式，输出堆栈位置 */
console.log(callerPosition);
}
};
/**
* 前面的TAG标志
*/
this.tag = _GM_info_?.script?.name || "Utils.Log";
/**
* 控制台-普通输出
* @param {any} msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
* @param {string|undefined} color 输出的颜色
* @param {string|undefined} otherStyle 其它CSS
*/
this.info = function (msg, color = details.infoColor, otherStyle) {
printContent.call(this, msg, color, otherStyle);
};
/**
* 控制台-警告输出
* @param {any} msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
* @param {string|undefined} color 输出的颜色
* @param {string|undefined} otherStyle 其它CSS
*/
this.warn = function (
msg,
color = details.warnColor,
otherStyle = "background: #FEF6D5;padding: 4px 6px 4px 0px;"
) {
printContent.call(this, msg, color, otherStyle);
};
/**
* 控制台-错误输出
* @param {any} msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
* @param {string|undefined} color 输出的颜色
* @param {string|undefined} otherStyle 其它CSS
*/
this.error = function (msg, color = details.errorColor, otherStyle) {
printContent.call(this, msg, color, otherStyle);
};
/**
* 控制台-成功输出
* @param {any} msg 需要输出的内容，如果想输出多个，修改成数组，且数组内的长度最大值为4个
* @param {string|undefined} color 输出的颜色
* @param {string|undefined} otherStyle 其它CSS
*/
this.success = function (msg, color = details.successColor, otherStyle) {
printContent.call(this, msg, color, otherStyle);
};
/**
* 控制台-输出表格
* @param {object[]} msg
* @param {string|undefined} color 输出的颜色
* @param {string|undefined} otherStyle 其它CSS
* @example
* log.table([{"名字":"example","值":"123"},{"名字":"example2","值":"345"}])
*/
this.table = function (msg, color = details.infoColor, otherStyle = "") {
checkClearConsole.apply(this);
let stack = new Error().stack.split("\n");
stack.splice(0, 1);
let errorStackParse = parseErrorStack(stack);
let stackFunctionName = errorStackParse.name;
let stackFunctionNamePosition = errorStackParse.position;
let callerName = stackFunctionName;
console.log(
`%c[${this.tag}%c-%c${callerName}%c]%c`,
...msgColorDetails,
`color: ${color};${otherStyle}`
);
console.table(msg);
if (details.debug) {
console.log(stackFunctionNamePosition);
}
};
/**
* 配置Log对象的颜色
* @param {UtilsLogDetails} paramDetails 配置信息
*/
this.config = function (paramDetails) {
details = Object.assign(details, paramDetails);
};
/**
* 禁用输出
*/
this.disable = function () {
let that = this;
Object.keys(this)
.filter((keyName) => Boolean(keyName.match(/info|error|success|table/)))
.forEach((keyName) => {
let value = {};
value[keyName] = that[keyName];
recoveryList = [...recoveryList, value];
that[keyName] = () => {};
});
};
/**
* 恢复输出
*/
this.recovery = function () {
let that = this;
recoveryList.forEach((item) => {
let keyName = Object.keys(item);
that[keyName] = item[keyName];
});
recoveryList = [];
};
};
/**
* 合并数组内的JSON的值字符串
* @param {[...any]} data 需要合并的数组
* @param {function|string|undefined} handleFunc 处理的函数|JSON的key
* @returns {string}
* @example
* Utils.mergeArrayToString([{"name":"数组内数据部分字段合并成字符串->"},{"name":"mergeToString"}],(item)=>{return item["name"]});
* > '数组内数据部分字段合并成字符串->mergeToString'
**/
Utils.mergeArrayToString = function (data, handleFunc) {
if (!(data instanceof Array)) {
throw new Error("Utils.mergeArrayToString 参数 data 必须为 Array 类型");
}
let content = "";
if (typeof handleFunc === "function") {
data.forEach((item) => {
content += handleFunc(item);
});
} else if (typeof handleFunc === "string") {
data.forEach((item) => {
content += item[handleFunc];
});
} else {
data.forEach((item) => {
Object.values(item)
.filter((item2) => typeof item2 === "string")
.forEach((item3) => {
content += item3;
});
});
}
return content;
};
/**
* 监听页面元素改变并处理
* @param {object|Node|NodeList} target 需要监听的元素，如果不存在，可以等待它出现
* @param {{
* config: MutationObserverInit,
* callback: MutationCallback
* }} observer_config MutationObserver的配置
* @example
Utils.mutationObserver(document.querySelector("div.xxxx"),{
"callback":(mutations, observer)=>{},
"config":{childList:true,attributes:true}
});
* @example
Utils.mutationObserver(document.querySelectorAll("div.xxxx"),{
"callback":(mutations, observer)=>{},
"config":{childList:true,attributes:true}}
);
* @example
Utils.mutationObserver($("div.xxxx"),{
"callback":(mutations, observer)=>{},
"config":{childList:true,attributes:true}}
);
**/
Utils.mutationObserver = function (target, observer_config) {
if (
!(target instanceof Node) &&
!(target instanceof NodeList) &&
!Utils.isJQuery(target)
) {
throw new Error(
"Utils.mutationObserver 参数 target 必须为 Node|NodeList|jQuery类型"
);
}
let default_obverser_config = {
/* 监听到元素有反馈，需执行的函数 */
callback: () => {},
config: {
/**
* @type {boolean|undefined}
* + true 监听以 target 为根节点的整个子树。包括子树中所有节点的属性，而不仅仅是针对 target
* + false (默认) 不生效
*/
subtree: void 0,
/**
* @type {boolean|undefined}
* + true 监听 target 节点中发生的节点的新增与删除（同时，如果 subtree 为 true，会针对整个子树生效）
* + false (默认) 不生效
*/
childList: void 0,
/**
* @type {boolean|undefined}
* + true 观察所有监听的节点属性值的变化。默认值为 true，当声明了 attributeFilter 或 attributeOldValue
* + false (默认) 不生效
*/
attributes: void 0,
/**
* 一个用于声明哪些属性名会被监听的数组。如果不声明该属性，所有属性的变化都将触发通知
* @type {[...string]|undefined}
*/
attributeFilter: void 0,
/**
* @type {boolean|undefined}
* + true 记录上一次被监听的节点的属性变化；可查阅 MutationObserver 中的 Monitoring attribute values 了解关于观察属性变化和属性值记录的详情
* + false (默认) 不生效
*/
attributeOldValue: void 0,
/**
* @type {boolean|undefined}
* + true 监听声明的 target 节点上所有字符的变化。默认值为 true，如果声明了 characterDataOldValue
* + false (默认) 不生效
*/
characterData: void 0,
/**
* @type {boolean|undefined}
* + true 记录前一个被监听的节点中发生的文本变化
* + false (默认) 不生效
*/
characterDataOldValue: void 0,
},
};
observer_config = Utils.assign(default_obverser_config, observer_config);
let MutationObserver =
window.MutationObserver ||
window.webkitMutationObserver ||
window.MozMutationObserver;
let mutationObserver = new MutationObserver(function (mutations, observer) {
observer_config?.callback(mutations, observer);
});
if (target instanceof Node) {
/* 传入的参数是节点元素 */
mutationObserver.observe(target, observer_config.config);
} else if (target instanceof NodeList) {
/* 传入的参数是节点元素数组 */
target.forEach((item) => {
mutationObserver.observe(item, observer_config.config);
});
} else if (Utils.isJQuery(target)) {
/* 传入的参数是jQuery对象 */
target.each((index, item) => {
mutationObserver.observe(item, observer_config.config);
});
} else {
/* 未知 */
console.error("Utils.mutationObserver 未知参数", arguments);
}
return mutationObserver;
};
/**
* 去除全局window下的Utils，返回控制权
* @returns {Utils}
* @example
* let utils = Utils.noConflict();
* > ...
*/
Utils.noConflict = function () {
if (window.Utils) {
delete window.Utils;
}
if (AnotherUtils) {
window.Utils = AnotherUtils;
}
return Utils;
};
/**
* 恢复/释放该对象内的为function，让它无效/有效
* @param {object} needReleaseObject 需要操作的对象
* @param {string} needReleaseName 需要操作的对象的名字
* @param {array} [functionNameList=[]] 需要释放的方法，如果为空，默认全部方法
* @param {boolean} [release=true]
* + true (默认) 释放该对象下的某些方法
* + false 恢复该对象下的某些方法
* @example
// 释放该方法
Utils.noConflictFunc(console,"console",["log"],true);
console.log;
> () => {}
* @example
// 恢复该方法
Utils.noConflictFunc(console,"console",["log"],false);
console.log;
> ƒ log() { [native code] }
* @example
// 释放所有方法
Utils.noConflictFunc(console,"console",[],true);
console.debug;
> () => {}
* @example
// 恢复所有方法
Utils.noConflictFunc(console,"console",[],false);
console.debug;
> ƒ log() { [native code] }
**/
Utils.noConflictFunc = function (
needReleaseObject,
needReleaseName,
functionNameList = [],
release = true
) {
if (typeof needReleaseObject !== "object") {
throw new Error(
"Utils.noConflictFunc 参数 needReleaseObject 必须为 object 类型"
);
}
if (typeof needReleaseName !== "string") {
throw new Error(
"Utils.noConflictFunc 参数 needReleaseName 必须为 string 类型"
);
}
if (!Array.isArray(functionNameList)) {
throw new Error(
"Utils.noConflictFunc 参数 functionNameList 必须为 Array 类型"
);
}
let needReleaseKey = "__" + needReleaseName;
/**
* 复制对象
* @param {object} obj
* @returns {object}
*/
function cloneObj(obj) {
let newObj = {};
if (obj instanceof Array) {
newObj = [];
}
for (let key in obj) {
let val = obj[key];
newObj[key] = typeof val === "object" ? cloneObj(val) : val;
}
return newObj;
}
/**
* 释放所有
*/
function releaseAll() {
if (typeof window[needReleaseKey] !== "undefined") {
/* 已存在 */
return;
}
window[needReleaseKey] = cloneObj(needReleaseObject);
Object.values(needReleaseObject).forEach((value) => {
if (typeof value === "function") {
needReleaseObject[value.name] = () => {};
}
});
}
/**
* 释放单个
*/
function releaseOne() {
Array.from(functionNameList).forEach((item) => {
Object.values(needReleaseObject).forEach((value) => {
if (typeof value === "function") {
if (typeof window[needReleaseKey] === "undefined") {
window[needReleaseKey] = {};
}
if (item === value.name) {
window[needReleaseKey][value.name] =
needReleaseObject[value.name];
needReleaseObject[value.name] = () => {};
}
}
});
});
}
/**
* 恢复所有
*/
function recoveryAll() {
if (typeof window[needReleaseKey] === "undefined") {
/* 未存在 */
return;
}
Object.assign(needReleaseObject, window[needReleaseKey]);
delete window[needReleaseKey];
}
/**
* 恢复单个
*/
function recoveryOne() {
if (typeof window[needReleaseKey] === "undefined") {
/* 未存在 */
return;
}
Array.from(functionNameList).forEach((item) => {
if (window[needReleaseKey][item]) {
needReleaseObject[item] = window[needReleaseKey][item];
delete window[needReleaseKey][item];
if (Object.keys(window[needReleaseKey]).length === 0) {
delete window[needReleaseKey];
}
}
});
}
if (release) {
/* 释放 */
if (functionNameList.length === 0) {
releaseAll();
} else {
/* 对单个进行操作 */
releaseOne();
}
} else {
/* 恢复 */
if (functionNameList.length === 0) {
recoveryAll();
} else {
/* 对单个进行操作 */
recoveryOne();
}
}
};
/**
* base64转blob
* @param {string} dataUri base64的数据
* @returns {string} blob的链接
* @example
* Utils.parseBase64ToBlob("data:image/jpeg;base64,.....");
* > blob://xxxxxxx
**/
Utils.parseBase64ToBlob = function (dataUri) {
if (typeof dataUri !== "string") {
throw new Error(
"Utils.parseBase64ToBlob 参数 dataUri 必须为 string 类型"
);
}
let dataUriSplit = dataUri.split(","),
dataUriMime = dataUriSplit[0].match(/:(.*?);/)[1],
dataUriBase64Str = atob(dataUriSplit[1]),
dataUriLength = dataUriBase64Str.length,
u8arr = new Uint8Array(dataUriLength);
while (dataUriLength--) {
u8arr[dataUriLength] = dataUriBase64Str.charCodeAt(dataUriLength);
}
return new Blob([u8arr], {
type: dataUriMime,
});
};
/**
* base64转File对象
* @param {string} dataUri base64的数据
* @param {string} [fileName="example"] 文件名，默认为example
* @returns {File} blob的链接
* @example
* Utils.parseBase64ToFile("data:image/jpeg;base64,.....","测试文件");
* > object
**/
Utils.parseBase64ToFile = function (dataUri, fileName = "example") {
if (typeof dataUri !== "string") {
throw new Error(
"Utils.parseBase64ToFile 参数 dataUri 必须为 string 类型"
);
}
if (typeof fileName !== "string") {
throw new Error(
"Utils.parseBase64ToFile 参数 fileName 必须为 string 类型"
);
}
let dataUriSplit = dataUri.split(","),
dataUriMime = dataUriSplit[0].match(/:(.*?);/)[1],
dataUriBase64Str = atob(dataUriSplit[1]),
dataUriLength = dataUriBase64Str.length,
u8arr = new Uint8Array(dataUriLength);
while (dataUriLength--) {
u8arr[dataUriLength] = dataUriBase64Str.charCodeAt(dataUriLength);
}
return new File([u8arr], fileName, {
type: dataUriMime,
});
};
/**
* 将正则匹配到的结果取出最后一个值并转换成int格式
* @param {[...any]} [matchList=[]] 正则匹配的列表
* @param {number|string} [defaultValue=0] 正则匹配的列表为空时，或者正则匹配的列表最后一项不为Int，返回该默认值0
* @example
* Utils.parseInt(["dadaadada123124","123124"],0);
* > 123124
*
* @example
* Utils.parseInt(null,0);
* > 0
* @example
* Utils.parseInt(["aaaaaa"]);
* > 0
*
* @example
* Utils.parseInt(["aaaaaa"],"66");
* > 66
*
* @example
* Utils.parseInt(["aaaaaaa"],"aa");
* > NaN
**/
Utils.parseInt = function (matchList = [], defaultValue = 0) {
if (matchList == null) {
return parseInt(defaultValue);
}
let parseValue = parseInt(matchList[matchList.length - 1]);
if (isNaN(parseValue)) {
parseValue = parseInt(defaultValue);
}
return parseValue;
};
/**
* blob转File对象
* @param {string} blobUrl 需要转换的blob的链接
* @param {string} [fileName="example"] 转换成的File对象的文件名称，默认为example
* @returns {Promise<File|Error>}
* @example
* Utils.parseBlobToFile("blob://xxxxx");
* > object
**/
Utils.parseBlobToFile = async function (blobUrl, fileName = "example") {
return new Promise((resolve, reject) => {
fetch(blobUrl)
.then((response) => response.blob())
.then((blob) => {
const file = new File([blob], fileName, { type: blob.type });
resolve(file);
})
.catch((error) => {
console.error("Error:", error);
reject(error);
});
});
};
/**
* 解析CDATA格式的内容字符串
* @param {string} [text=""] 传入CDATA字符串
* @returns {string} 返回解析出的内容
* @example
* let xml = "<root><![CDATA[This is some CDATA content.]]></root>";
* console.log(Utils.parseCDATA(xml));
* > This is some CDATA content.
*/
Utils.parseCDATA = function (text = "") {
let result = "";
let cdataRegexp = /<\!\[CDATA\[([\s\S]*)\]\]>/;
let cdataMatch = cdataRegexp.exec(text.trim());
if (cdataMatch && cdataMatch.length > 1) {
result = cdataMatch[cdataMatch.length - 1];
}
return result;
};
/**
* 【异步函数】File对象转base64
* @async
* @param {File} fileObj 需要转换的File对象
* @returns {Promise<string>}
* @example
* await Utils.parseFileToBase64(object);
* > 'data:image/jpeg:base64/,xxxxxx'
**/
Utils.parseFileToBase64 = async function (fileObj) {
let reader = new FileReader();
reader.readAsDataURL(fileObj);
return new Promise((resolve) => {
reader.onload = function (event) {
resolve(event.target.result);
};
});
};
/**
* 解析字符串
* @param {string} text 要解析的 DOMString。它必须包含 HTML、xml、xhtml+xml 或 svg 文档。
* @param {"text/html"|"text/xml"|"application/xml"|"application/xhtml+xml"|"image/svg+xml"} [mimeType="text/html"] 解析成的类型，包括：text/html（默认）、text/xml、application/xml、application/xhtml+xml、image/svg+xml
* @returns {HTMLElement|XMLDocument|SVGElement}
* @example
* Utils.parseFromString("<p>123<p>");
* > #document
*/
Utils.parseFromString = function (text, mimeType = "text/html") {
let parser = new DOMParser();
return parser.parseFromString(text, mimeType);
};
/**
* 阻止事件传递
* @param {HTMLElement} element 要进行处理的元素
* @param {?string|[...string]} eventNameList 要阻止的事件名|列表
* @param {Event|undefined} paramEvent 事件
* @example
* Utils.preventEvent(document.querySelector("a"),"click")
* @example
* Utils.preventEvent(event);
*/
Utils.preventEvent = function (element, eventNameList = []) {
function stopEvent(event) {
/* 阻止事件的默认行为发生。例如，当点击一个链接时，浏览器会默认打开链接的URL */
event?.preventDefault();
/* 停止事件的传播，阻止它继续向更上层的元素冒泡，事件将不会再传播给其他的元素 */
event?.stopPropagation();
/* 阻止事件传播，并且还能阻止元素上的其他事件处理程序被触发 */
event?.stopImmediatePropagation();
return false;
}
if (arguments.length === 1) {
return stopEvent(arguments[0]);
} else if (arguments.length === 2) {
if (typeof eventNameList === "string") {
eventNameList = [eventNameList];
}
eventNameList.forEach((eventName) => {
element.addEventListener(eventName, function (event) {
return stopEvent(event);
});
});
}
};
/**
* 在canvas元素节点上绘制进度圆圈
* @param {{
* canvasNode : ?HTMLCanvasElement,
* deg: number,
* progress: number,
* lineWidth: number,
* lineBgColor: string,
* lineColor: string,
* fontSize: string,
* circleRadius: string,
* draw: ?()=>{}
* }} paramConfig 配置信息
* @example
let progress = new Utils.Process({canvasNode:document.querySelector("canvas")});
progress.draw();
* **/
Utils.Progress = function (paramConfig) {
this.config = {
/**
* canvas元素节点
* @type {HTMLCanvasElement}
*/
canvasNode: null,
/**
* 绘制角度
*/
deg: 95,
/**
* 进度
*/
progress: 0,
/**
* 绘制的线宽度
*/
lineWidth: 10,
/**
* 绘制的背景颜色
*/
lineBgColor: "#1e637c",
/**
* 绘制的线的颜色
*/
lineColor: "#25deff",
/**
* 绘制的字体颜色
*/
textColor: "#000000",
/**
* 绘制的字体大小(px)
*/
fontSize: 22,
/**
* 绘制的圆的半径
*/
circleRadius: 50,
/**
* 控制绘制的函数
*/
draw: () => {},
};
this.config = Utils.assign(this.config, paramConfig);
if (!(this.config.canvasNode instanceof HTMLCanvasElement)) {
throw new Error(
"Utils.Progress 参数 canvasNode 必须是 HTMLCanvasElement"
);
}
/* 获取画笔 */
let ctx = this.config.canvasNode.getContext("2d");
/* 元素宽度 */
let width = this.config.canvasNode.width;
/* 元素高度 */
let height = this.config.canvasNode.height;
/* 清除锯齿 */
if (window.devicePixelRatio) {
this.config.canvasNode.style.width = width + "px";
this.config.canvasNode.style.height = height + "px";
this.config.canvasNode.height = height * window.devicePixelRatio;
this.config.canvasNode.width = width * window.devicePixelRatio;
ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
}
/* 设置线宽 */
ctx.lineWidth = this.config.lineWidth;
/* 绘制 */
this.draw = function () {
let degActive = (this.config.progress * 360) / 100;
/* 清除画布 */
ctx.clearRect(0, 0, width, height);
/* 开始绘制底圆 */
ctx.beginPath();
ctx.arc(width / 2, height / 2, this.config.circleRadius, 1, 8);
ctx.strokeStyle = this.config.lineBgColor;
ctx.stroke();
/* 开始绘制动态圆 */
ctx.beginPath();
ctx.arc(
width / 2,
height / 2,
this.config.circleRadius,
-Math.PI / 2,
(degActive * Math.PI) / 180 - Math.PI / 2
);
ctx.strokeStyle = this.config.lineColor;
ctx.stroke();
/* 获取百分比 */
let txt = parseInt(this.config.progress) + "%";
ctx.font = this.config.fontSize + "px SimHei";
/* 获取文本宽度 */
let w = ctx.measureText(txt).width;
let h = this.config.fontSize / 2;
ctx.fillStyle = this.config.textColor;
ctx.fillText(txt, width / 2 - w / 2, height / 2 + h / 2);
}.bind(this);
};
/**
* 劫持Event的isTrust为true，注入时刻，ducument-start
* @example
* Utils.registerTrustClickEvent()
*/
Utils.registerTrustClickEvent = function (isTrustValue = true) {
function trustEvent(event) {
return new Proxy(event, {
get: function (target, property) {
if (property === "isTrusted") {
return isTrustValue;
} else {
return Reflect.get(target, property);
}
},
});
}
const originalListener = EventTarget.prototype.addEventListener;
EventTarget.prototype.addEventListener = function () {
if (arguments[0] === "click") {
const fn = arguments[1];
arguments[1] = function (e) {
fn.call(this, trustEvent(e));
};
}
return originalListener.apply(this, arguments);
};
};
/**
* 将元素上的文本或元素使用光标进行选中
*
* 注意，如果设置startIndex和endIndex，且元素上并无可选则的坐标，那么会报错
* @param {HTMLElement|Element|Node} element 目标元素
* @param {ChildNode} childTextNode 目标元素下的#text元素
* @param {number|undefined} startIndex 开始坐标，可为空
* @param {number|undefined} endIndex 结束坐标，可为空
*/
Utils.selectElementText = function (
element,
childTextNode,
startIndex,
endIndex
) {
let range = document.createRange();
range.selectNodeContents(element);
if (childTextNode) {
if (childTextNode.nodeType !== Node.TEXT_NODE) {
throw new TypeError("childTextNode必须是#text元素");
}
if (startIndex != null && endIndex != null) {
range.setStart(childTextNode, startIndex);
range.setEnd(childTextNode, endIndex);
}
}
let selection = globalThis.getSelection();
selection.removeAllRanges();
selection.addRange(range);
};
/**
* 复制到剪贴板
* @param {any} data - 需要复制到剪贴板的文本
* @param {{type:string,mimetype:string}|string} [info="text/plain"]
* @example
* Utils.setClip({1:2});
* > {"1":2}
* @example
* Utils.setClip( ()=>{
* console.log(1)
* });
* > ()=>{console.log(1)}
* @example
* Utils.setClip("xxxx");
* > xxxx
* @example
* Utils.setClip("xxxx","html");
* > xxxx
* @example
* Utils.setClip("xxxx","text/plain");
* > xxxx
**/
Utils.setClip = async function (data, info = "text/plain") {
if (typeof data === "object") {
if (data instanceof Element) {
data = data.outerHTML;
} else {
data = JSON.stringify(data);
}
} else if (typeof data !== "string") {
data = data.toString();
}
let textType = typeof info === "object" ? info.type : info;
if (textType.includes("html")) {
textType = "text/html";
} else {
textType = "text/plain";
}
let textBlob = new Blob([data], { type: textType });
let clipboardObject = navigator.clipboard;
/**
* 第二种方式进行复制
* @param {(value: any) => void} _resolve_ 回调
* @param {string} _copyText_ 复制的文字
*/
function anotherCopy(_resolve_, _copyText_) {
let copyElement = document.createElement("textarea");
copyElement.value = _copyText_;
copyElement.setAttribute("type", "text");
copyElement.setAttribute("style", "opacity:0;position:absolute;");
copyElement.setAttribute("readonly", "readonly");
document.body.appendChild(copyElement);
copyElement.select();
document.execCommand("copy");
document.body.removeChild(copyElement);
_resolve_();
}
/**
* 运行复制
* @param {(value: any) => void} _resolve_ 回调
*/
function runCopy(_resolve_) {
if (typeof ClipboardItem === "undefined") {
console.error("当前环境中不存在ClipboardItem对象，使用第二种方式");
anotherCopy(_resolve_, data);
} else if (clipboardObject) {
clipboardObject
.write([
new ClipboardItem({
[textType]: textBlob,
}),
])
.then(() => {
_resolve_();
})
.catch((err) => {
console.error("复制失败，使用第二种方式，error👉", err);
anotherCopy(_resolve_, data);
});
} else {
anotherCopy(_resolve_, data);
}
}
return new Promise((resolve) => {
if (document.hasFocus()) {
runCopy(resolve);
} else {
window.addEventListener(
"focus",
() => {
runCopy(resolve);
},
{ once: true }
);
}
});
};
/**
* 【异步函数】等待N秒执行函数
* @param {function|string} delayToExecuteFunction 待执行的函数(字符串)
* @param {number} [delayTime=0] 延时时间(ms)
* @example
* await Utils.setTimeout(()=>{}, 2500);
* > ƒ tryCatchObj() {}
* @example
* await Utils.setTimeout("()=>{console.log(12345)}", 2500);
* > ƒ tryCatchObj() {}
**/
Utils.setTimeout = async function (delayToExecuteFunction, delayTime = 0) {
if (
typeof delayToExecuteFunction !== "function" &&
typeof delayToExecuteFunction !== "string"
) {
throw new Error("Utils.setTimeout 参数 func 必须为 function|string 类型");
}
if (typeof delayTime !== "number") {
throw new Error("Utils.setTimeout 参数 delayTime 必须为 number 类型");
}
return new Promise((resolve) => {
setTimeout(() => {
resolve(Utils.tryCatch().run(delayToExecuteFunction));
}, delayTime);
});
};
/**
* 【异步函数】延迟xxx毫秒
* @param {number} [delayTime=0] 延时时间(ms)
* @example
* await Utils.sleep(2500)
**/
Utils.sleep = async function (delayTime = 0) {
if (typeof delayTime !== "number") {
throw new Error("Utils.sleep 参数 delayTime 必须为 number 类型");
}
return new Promise((resolve) => {
setTimeout(() => {
resolve();
}, delayTime);
});
};
/**
* 向右拖动滑块
* @param {string|Element|Node} selector 选择器|元素
* @param {number} [offsetX= window.innerWidth] 水平拖动长度，默认浏览器宽度
* @example
* Utils.dragSlider("#xxxx");
* @example
* Utils.dragSlider("#xxxx",100);
*/
Utils.dragSlider = function (selector, offsetX = window.innerWidth) {
function initMouseEvent(eventName, offSetX, offSetY) {
let win = unsafeWindow || window;
let mouseEvent = document.createEvent("MouseEvents");
mouseEvent.initMouseEvent(
eventName,
true,
true,
win,
0,
offSetX,
offSetY,
offSetX,
offSetY,
false,
false,
false,
false,
0,
null
);
return mouseEvent;
}
let sliderElement =
typeof selector === "string"
? document.querySelector(selector)
: selector;
if (
!(sliderElement instanceof Node) ||
!(sliderElement instanceof Element)
) {
throw new Error("Utils.dragSlider 参数selector 必须为Node/Element类型");
}
let rect = sliderElement.getBoundingClientRect(),
x0 = rect.x || rect.left,
y0 = rect.y || rect.top,
x1 = x0 + offsetX,
y1 = y0;
sliderElement.dispatchEvent(initMouseEvent("mousedown", x0, y0));
sliderElement.dispatchEvent(initMouseEvent("mousemove", x1, y1));
sliderElement.dispatchEvent(initMouseEvent("mouseleave", x1, y1));
sliderElement.dispatchEvent(initMouseEvent("mouseout", x1, y1));
};
/**
* 使浏览器进入全屏
* @param {?HTMLElement} element 目标元素
* @param {?FullscreenOptions} options 配置，一般不用
* @example
* Utils.enterFullscreen();
*/
Utils.enterFullscreen = function (element = document.body, options) {
try {
if (element.requestFullscreen) {
element.requestFullscreen(options);
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
} else {
throw new Error("该浏览器不支持全屏API");
}
} catch (err) {
console.error(err);
}
};
/**
* 数组按照内部某个值的大小比对排序，如[{"time":"2022-1-1"},{"time":"2022-2-2"}]
* @param {any[]|NodeList|function} data 数据|获取数据的方法
* @param {string|function} getPropertyValueFunc 数组内部项的某个属性的值的方法，参数为这个项
* @param {boolean} [sortByDesc=true] 排序方式，默认true倒序(值最大排第一个，如:6、5、4、3...)，false为升序(值最小排第一个，如:1、2、3、4...)
* @returns {any[]} 返回比较排序完成的数组
* @example
* Utils.sortListByProperty([{"time":"2022-1-1"},{"time":"2022-2-2"}],(item)=>{return item["time"]})
* > [{time: '2022-2-2'},{time: '2022-1-1'}]
* @example
* Utils.sortListByProperty([{"time":"2022-1-1"},{"time":"2022-2-2"}],(item)=>{return item["time"]},false)
* > [{time: '2022-1-1'},{time: '2022-2-2'}]
**/
Utils.sortListByProperty = function (
data,
getPropertyValueFunc,
sortByDesc = true
) {
if (
typeof getPropertyValueFunc !== "function" &&
typeof getPropertyValueFunc !== "string"
) {
throw new Error(
"Utils.sortListByProperty 参数 getPropertyValueFunc 必须为 function|string 类型"
);
}
if (typeof sortByDesc !== "boolean") {
throw new Error(
"Utils.sortListByProperty 参数 sortByDesc 必须为 boolean 类型"
);
}
let getObjValue = function (obj) {
return typeof getPropertyValueFunc === "string"
? obj[getPropertyValueFunc]
: getPropertyValueFunc(obj);
};
/**
* 排序方法
* @param {any} after_obj
* @param {any} before_obj
* @returns
*/
let sortFunc = function (after_obj, before_obj) {
let beforeValue = getObjValue(before_obj); /* 前 */
let afterValue = getObjValue(after_obj); /* 后 */
if (sortByDesc) {
if (afterValue > beforeValue) {
return -1;
} else if (afterValue < beforeValue) {
return 1;
} else {
return 0;
}
} else {
if (afterValue < beforeValue) {
return -1;
} else if (afterValue > beforeValue) {
return 1;
} else {
return 0;
}
}
};
/**
* 排序元素方法
* @param {NodeList|jQuery} nodeList 元素列表
* @param {function} getNodeListFunc 获取元素列表的函数
*/
let sortNodeFunc = function (nodeList, getNodeListFunc) {
let nodeListLength = nodeList.length;
for (let i = 0; i < nodeListLength - 1; i++) {
for (let j = 0; j < nodeListLength - 1 - i; j++) {
let beforeNode = nodeList[j];
let afterNode = nodeList[j + 1];
let beforeValue = getObjValue(beforeNode); /* 前 */
let afterValue = getObjValue(afterNode); /* 后 */
if (
(sortByDesc == true && beforeValue < afterValue) ||
(sortByDesc == false && beforeValue > afterValue)
) {
/* 升序/降序 */
/* 相邻元素两两对比 */
let temp = beforeNode.nextElementSibling;
afterNode.after(beforeNode);
if (temp == null) {
/* 如果为空，那么是最后一个元素，使用append */
temp.parentNode.appendChild(afterNode);
} else {
/* 不为空，使用before */
temp.before(afterNode);
}
nodeList = getNodeListFunc();
}
}
}
};
let result = data;
let getDataFunc = null;
if (data instanceof Function) {
getDataFunc = data;
data = data();
}
if (Array.isArray(data)) {
data.sort(sortFunc);
} else if (data instanceof NodeList || Utils.isJQuery(data)) {
sortNodeFunc(data, getDataFunc);
result = getDataFunc();
} else {
throw new Error(
"Utils.sortListByProperty 参数 data 必须为 Array|NodeList|jQuery 类型"
);
}
return result;
};
/**
* 字符串转正则，用于把字符串中不规范的字符进行转义
* @param {string} targetString 需要进行转换的字符串
* @param {"g"|"i"|"m"|"u"|"y"} [flags="ig"] 正则标志
* @returns {RegExp}
*/
Utils.stringToRegular = function (targetString, flags = "ig") {
let reg;
flags = flags.toLowerCase();
if (typeof targetString === "string") {
reg = new RegExp(
targetString.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&"),
flags
);
} else if (targetString instanceof RegExp) {
reg = targetString;
} else {
throw new Error(
"Utils.stringToRegular 参数targetString必须是string|Regexp类型"
);
}
return reg;
};
/**
* 字符串首字母转大写
* @param {string} targetString 目标字符串
* @param {boolean} [otherStrToLowerCase=false] 剩余部分字符串转小写，默认false
* @returns
*/
Utils.stringTitleToUpperCase = function (
targetString,
otherStrToLowerCase = false
) {
let newTargetString = targetString.slice(0, 1).toUpperCase();
if (otherStrToLowerCase) {
newTargetString = newTargetString + targetString.slice(1).toLowerCase();
} else {
newTargetString = newTargetString + targetString.slice(1);
}
return newTargetString;
};
/**
* 字符串首字母转小写
* @param {string} targetString 目标字符串
* @param {boolean} [otherStrToLowerCase=false] 剩余部分字符串转大写，默认false
* @returns
*/
Utils.stringTitleToLowerCase = function (
targetString,
otherStrToUpperCase = false
) {
let newTargetString = targetString.slice(0, 1).toLowerCase();
if (otherStrToUpperCase) {
newTargetString = newTargetString + targetString.slice(1).toUpperCase();
} else {
newTargetString = newTargetString + targetString.slice(1);
}
return newTargetString;
};
/**
* 字符串转Object对象，类似'{"test":""}' => {"test":""}
* @param {string} data
* @param {(error:Error)=>{}} errorCallBack 错误回调
* @returns {object}
* @example
* Utils.toJSON("{123:123}")
* > {123:123}
*/
Utils.toJSON = function (data, errorCallBack = () => {}) {
let result = {};
if (typeof data === "object") {
return data;
}
Utils.tryCatch()
.config({ log: false })
.error((error) => {
Utils.tryCatch()
.error(() => {
try {
result = window.eval("(" + data + ")");
} catch (error) {
errorCallBack(error);
}
})
.run(() => {
if (
data &&
/^[\],:{}\s]*$/.test(
data
.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, "@")
.replace(
/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
"]"
)
.replace(/(?:^|:|,)(?:\s*\[)+/g, "")
)
) {
result = new Function("return " + data)();
} else {
errorCallBack(new Error("target is not a JSON"));
}
});
})
.run(() => {
data = data.trim();
result = JSON.parse(data);
});
return result;
};
/**
* 提供一个封装了 try-catch 的函数，可以执行传入的函数并捕获其可能抛出的错误，并通过传入的错误处理函数进行处理。
* @returns {{run:function,config:function,error:function}} - 返回一个对象，其中包含 error 和 run 两个方法。
* @example
* Utils.tryCatch().error().run(()=>{console.log(1)});
* > 1
* @example
* Utils.tryCatch().config({log:true}).error((error)=>{console.log(error)}).run(()=>{throw new Error('测试错误')});
* > ()=>{throw new Error('测试错误')}出现错误
*/
Utils.tryCatch = function () {
/* 定义变量和函数 */
let func = null;
let funcThis = null;
let handleErrorFunc = null;
let defaultDetails = {
log: true,
};
let funcArgs = arguments;
/**
* @function tryCatchObj
* @description 空函数，用于链式调用。
*/
function tryCatchObj() {}
/**
* 配置
* @param {object} paramDetails
*/
tryCatchObj.config = function (paramDetails) {
defaultDetails = Utils.assign(defaultDetails, paramDetails);
return tryCatchObj;
};
/**
* 设置错误处理函数。
* @param {function|string} handler - 错误处理函数，可以是 function 或者 string 类型。如果是 string 类型，则会被当做代码进行执行。
* @returns {function} - 返回 tryCatchObj 函数。
*/
tryCatchObj.error = function (handler) {
handleErrorFunc = handler;
return tryCatchObj;
};
/**
* 执行传入的函数并捕获其可能抛出的错误，并通过传入的错误处理函数进行处理。
* @param {function|string} fn - 待执行函数，可以是 function 或者 string 类型。如果是 string 类型，则会被当做代码进行执行。
* @param {object|null} fnThis - 待执行函数的作用域，用于apply指定
* @returns {any|function} - 如果函数有返回值，则返回该返回值；否则返回 tryCatchObj 函数以支持链式调用。
* @throws {Error} - 如果传入参数不符合要求，则会抛出相应类型的错误。
*/
tryCatchObj.run = function (fn, fnThis) {
func = fn;
funcThis = fnThis;
let result = executeTryCatch(func, handleErrorFunc, funcThis);
return result !== void 0 ? result : tryCatchObj;
};
/**
* 执行传入的函数并捕获其可能抛出的错误，并通过传入的错误处理函数进行处理。
* @param {function|string} func - 待执行函数，可以是 function 或者 string 类型。如果是 string 类型，则会被当做代码进行执行。
* @param {function|string|null} handleErrorFunc - 错误处理函数，可以是 function 或者 string 类型。如果是 string 类型，则会被当做代码进行执行。
* @param {object|null} funcThis - 待执行函数的作用域，用于apply指定
* @returns {any|undefined} - 如果函数有返回值，则返回该返回值；否则返回 undefined。
*/
function executeTryCatch(func, handleErrorFunc, funcThis) {
let result = void 0;
try {
if (typeof func === "string") {
(function () {
eval(func);
}).apply(funcThis, funcArgs);
} else {
result = func.apply(funcThis, funcArgs);
}
} catch (error) {
if (defaultDetails.log) {
console.log(
`%c ${func?.name ? func?.name : func + "出现错误"} `,
"color: #f20000"
);
console.log(`%c 错误原因：${error}`, "color: #f20000");
console.trace(func);
}
if (handleErrorFunc) {
if (typeof handleErrorFunc === "string") {
result = function () {
return eval(handleErrorFunc);
}.apply(funcThis, [...funcArgs, error]);
} else {
result = handleErrorFunc.apply(funcThis, [...funcArgs, error]);
}
}
}
return result;
}
// 返回 tryCatchObj 函数
return tryCatchObj;
};
/**
* 数组去重，去除重复的值
* @param {[...any]} uniqueArrayData 需要去重的数组
* @param {[...any]} compareArrayData 用来比较的数组
* @param {(item1,item2)=>{}} compareFun 数组比较方法，如果值相同，去除该数据
* @returns {object} 返回去重完毕的数组
* @example
* Utils.uniqueArray([1,2,3],[1,2],(item,item2)=>{return item===item2 ? true:false});
* > [3]
*
* @example
* Utils.uniqueArray([1,2,3],[1,2]);
* > [3]
*
* @example
* Utils.uniqueArray([{"key":1,"value":2},{"key":2}],[{"key":1}],(item,item2)=>{return item["key"] === item2["key"] ? true:false});
* > [{"key": 2}]
**/
Utils.uniqueArray = function (
uniqueArrayData = [],
compareArrayData = [],
compareFun = (item, item2) => {
return item === item2;
}
) {
return Array.from(uniqueArrayData).filter(
(item) =>
!Array.from(compareArrayData).some(function (item2) {
return compareFun(item, item2);
})
);
};
/**
* 等待函数数组全部执行完毕，注意，每个函数的顺序不是同步
* @async
* @param {[...any] | [...HTMLElement]} data 需要遍历的数组
* @param {function} handleFunc 对该数组进行操作的函数，该函数的参数为数组格式的参数,[数组下标，数组项]
* @example
* await Utils.waitArrayLoopToEnd([func,func,func],xxxFunction);
**/
Utils.waitArrayLoopToEnd = function (data, handleFunc) {
if (typeof handleFunc !== "function" && typeof handleFunc !== "string") {
throw new Error(
"Utils.waitArrayLoopToEnd 参数 handleDataFunction 必须为 function|string 类型"
);
}
return Promise.all(
Array.from(data).map(async (item, index) => {
await Utils.tryCatch(index, item).run(handleFunc);
})
);
};
/**
* 等待指定元素出现，支持多个selector
* @param {...string} nodeSelectors 一个或多个节点选择器，必须为字符串类型
* @returns {Promise<HTMLElement|HTMLElement[]>}
* @example
* Utils.waitNode("div.xxx").then( element =>{
* console.log(element); // div.xxx => HTMLElement
* })
* @example
* Utils.waitNode("div.xxx","a.xxx").then( (elementList)=>{
* console.log(elementList[0]); // div.xxx => HTMLElement
* console.log(elementList[1]); // a.xxx => HTMLElement
* })
*/
Utils.waitNode = async function (...nodeSelectors) {
/* 检查每个参数是否为字符串类型 */
for (let nodeSelector of nodeSelectors) {
if (typeof nodeSelector !== "string") {
throw new Error("Utils.waitNode 参数必须都是 string 类型");
}
}
return new Promise((resolve) => {
/* 防止触发第二次回调 */
let isReturn = false;
/**
* 检查所有选择器是否匹配到节点
* @param {MutationObserver} observer
*/
let checkNodes = (observer) => {
let isFind = true;
let selectNodeArray = [];
for (let selector of nodeSelectors) {
let element = document.querySelector(selector);
if (!element) {
/* 没找到，直接退出循环 */
isFind = false;
break;
}
selectNodeArray.push(element);
}
if (isFind) {
isReturn = true;
observer?.disconnect();
/* 如果只有一个选择器，那么返回数组中存储的第一个 */
if (selectNodeArray.length === 1) {
resolve(selectNodeArray[0]);
} else {
resolve(selectNodeArray);
}
}
};
/* 在函数开始时检查节点是否已经存在 */
checkNodes();
/* 监听 DOM 的变化，直到至少有一个节点被匹配到 */
Utils.mutationObserver(document.documentElement, {
config: { subtree: true, childList: true, attributes: true },
callback: (mutations, observer) => {
if (isReturn) {
return;
}
checkNodes(observer);
},
});
});
};
/**
* 在规定时间内，等待任意元素出现，支持多个selector，如果未出现，则关闭监听
* @param {string[]|string} [nodeSelectorsList=[]] 一个或多个节点选择器，必须为字符串类型
* @param {number} [maxTime=0] xx毫秒(ms)后关闭监听，默认0ms
* @returns {Promise<HTMLElement|HTMLElement[]|undefined>}
* @example
* Utils.waitNodeWithInterval("a.xxx",30000).then(element=>{
* console.log(element);
* })
* @example
* Utils.waitNodeWithInterval(["div.xxx","a.xxx"],30000).then(elementList=>{
* console.log(elementList[0]); // div.xxx => HTMLElement
* console.log(elementList[1]); // a.xxx => HTMLElement
* })
*/
Utils.waitNodeWithInterval = async function (
nodeSelectorsList = [],
maxTime = 0
) {
let nodeSelectors = [];
/* 检查每个参数是否为字符串类型 */
if (Array.isArray(nodeSelectorsList)) {
for (let nodeSelector of nodeSelectorsList) {
if (typeof nodeSelector !== "string") {
throw new Error(
"Utils.waitNodeWithInterval 参数nodeSelectorsList必须为 string[] 类型"
);
}
}
nodeSelectors = nodeSelectorsList;
} else {
nodeSelectors.push(nodeSelectorsList);
}
return new Promise((resolve) => {
/* 防止触发第二次回调 */
let isReturn = false;
/* 检查所有选择器是否匹配到节点 */
let checkNodes = (observer) => {
let isFind = true;
let selectNodeArray = [];
for (let selector of nodeSelectors) {
let element = document.querySelector(selector);
if (!element) {
/* 没找到，直接退出循环 */
isFind = false;
break;
}
selectNodeArray.push(element);
}
if (isFind) {
isReturn = true;
observer?.disconnect();
/* 如果只有一个选择器，那么返回数组中存储的第一个 */
if (selectNodeArray.length === 1) {
resolve(selectNodeArray[0]);
} else {
resolve(selectNodeArray);
}
}
};
/* 在函数开始时检查节点是否已经存在 */
checkNodes();
/* 监听 DOM 的变化，直到至少有一个节点被匹配到 */
let mutationObserver = Utils.mutationObserver(document.documentElement, {
config: { subtree: true, childList: true, attributes: true },
callback: (mutations, observer) => {
if (isReturn) {
return;
}
checkNodes(observer);
},
});
setTimeout(() => {
mutationObserver.disconnect();
}, maxTime);
});
};
/**
* 等待任意元素出现，支持多个selector
* @param {...any} nodeSelectors 一个或多个节点选择器，必须为字符串类型
* @returns {Promise<HTMLElement>}
* @example
* Utils.waitAnyNode("div.xxx","a.xxx").then( element =>{
* console.log(element); // a.xxx => HTMLElement
* })
*/
Utils.waitAnyNode = async function (...nodeSelectors) {
/* 检查每个参数是否为字符串类型 */
for (let nodeSelector of nodeSelectors) {
if (typeof nodeSelector !== "string") {
throw new Error("Utils.waitNode 参数必须为 ...string 类型");
}
}
return new Promise((resolve) => {
/* 防止触发第二次回调 */
let isReturn = false;
/* 检查所有选择器是否存在任意匹配到元素 */
let checkNodes = (observer) => {
let selectNode = null;
for (let selector of nodeSelectors) {
selectNode = document.querySelector(selector);
if (selectNode) {
/* 找到，退出循环 */
break;
}
}
if (selectNode) {
isReturn = true;
observer?.disconnect();
resolve(selectNode);
}
};
/* 在函数开始时检查节点是否已经存在 */
checkNodes();
/* 监听 DOM 的变化，直到至少有一个节点被匹配到 */
Utils.mutationObserver(document.documentElement, {
config: { subtree: true, childList: true, attributes: true },
callback: (mutations, observer) => {
if (isReturn) {
return;
}
checkNodes(observer);
},
});
});
};
/**
* 等待指定元素出现，支持多个selector
* @param {...string} nodeSelectors
* @returns {Promise<NodeList|NodeList[]>} 当nodeSelectors为数组多个时，
* 返回如：[ NodeList, NodeList ]，
* 当nodeSelectors为单个时，
* 返回如：NodeList。
* NodeList元素与页面存在强绑定，当已获取该NodeList，但是页面中却删除了，该元素在NodeList中会被自动删除
* @example
* Utils.waitNodeList("div.xxx").then( nodeList =>{
* console.log(nodeList) // div.xxx => NodeList
* })
* @example
* Utils.waitNodeList("div.xxx","a.xxx").then( nodeListArray =>{
* console.log(nodeListArray[0]) // div.xxx => NodeList
* console.log(nodeListArray[1]) // a.xxx => NodeList
* })
*/
Utils.waitNodeList = async function (...nodeSelectors) {
/* 检查每个参数是否为字符串类型 */
for (let nodeSelector of nodeSelectors) {
if (typeof nodeSelector !== "string") {
throw new Error("Utils.waitNode 参数必须为 ...string 类型");
}
}
return new Promise((resolve) => {
/* 防止触发第二次回调 */
let isReturn = false;
/* 检查所有选择器是否匹配到节点 */
let checkNodes = (observer) => {
let isFind = true;
let selectNodes = [];
for (let selector of nodeSelectors) {
let nodeList = document.querySelectorAll(selector);
if (nodeList.length === 0) {
/* 没找到，直接退出循环 */
isFind = false;
break;
}
selectNodes.push(nodeList);
}
if (isFind) {
isReturn = true;
observer?.disconnect();
/* 如果只有一个选择器，那么返回第一个 */
if (selectNodes.length === 1) {
resolve(selectNodes[0]);
} else {
resolve(selectNodes);
}
}
};
/* 在函数开始时检查节点是否已经存在 */
checkNodes();
/* 监听 DOM 的变化，直到至少有一个节点被匹配到 */
Utils.mutationObserver(document.documentElement, {
config: { subtree: true, childList: true, attributes: true },
callback: (mutations, observer) => {
if (isReturn) {
return;
}
checkNodes(observer);
},
});
});
};
/**
* 等待任意元素出现，支持多个selector
* @param {...string} nodeSelectors
* @returns {Promise<NodeList>} 返回NodeList
* NodeList元素与页面存在强绑定，当已获取该NodeList，但是页面中却删除了，该元素在NodeList中会被自动删除
* @example
* Utils.waitAnyNodeList("div.xxx").then( nodeList =>{
* console.log(nodeList) // div.xxx => NodeList
* })
* @example
* Utils.waitAnyNodeList("div.xxx","a.xxx").then( nodeList =>{
* console.log(nodeList) // a.xxx => NodeList
* })
*/
Utils.waitAnyNodeList = async function (...nodeSelectors) {
/* 检查每个参数是否为字符串类型 */
for (let nodeSelector of nodeSelectors) {
if (typeof nodeSelector !== "string") {
throw new Error("Utils.waitNode 参数必须为 ...string 类型");
}
}
return new Promise((resolve) => {
/* 防止触发第二次回调 */
let isReturn = false;
/* 检查所有选择器是否匹配到节点 */
let checkNodes = (observer) => {
let selectNodes = [];
for (let selector of nodeSelectors) {
selectNodes = document.querySelectorAll(selector);
if (selectNodes.length) {
/* 找到，退出循环 */
break;
}
}
if (selectNodes.length) {
isReturn = true;
observer?.disconnect();
resolve(selectNodes);
}
};
/* 在函数开始时检查节点是否已经存在 */
checkNodes();
/* 监听 DOM 的变化，直到至少有一个节点被匹配到 */
Utils.mutationObserver(document.documentElement, {
config: { subtree: true, childList: true, attributes: true },
callback: (mutations, observer) => {
if (isReturn) {
return;
}
checkNodes(observer);
},
});
});
};
/**
* 等待对象上的属性出现
* @param {object|()=>object} checkObj 检查的对象
* @param {string} checkPropertyName 检查的对象的属性名
* @returns {Promise<any>}
* @example
* await Utils.waitProperty(window,"test");
* console.log("test success set");
*
* window.test = 1;
* > "test success set"
*
*/
Utils.waitProperty = async function (checkObj, checkPropertyName) {
return new Promise((resolve) => {
let obj = checkObj;
if (typeof checkObj === "function") {
obj = checkObj();
}
if (Object.hasOwnProperty.call(obj, checkPropertyName)) {
resolve(obj[checkPropertyName]);
} else {
Object.defineProperty(obj, checkPropertyName, {
set: function (value) {
try {
resolve(value);
} catch (error) {
console.error("Error setting property:", error);
}
},
});
}
});
};
/**
* 在规定时间内等待对象上的属性出现
* @param {object| ()=> object } checkObj 检查的对象
* @param {string| (obj: any)=>boolean } checkPropertyName 检查的对象的属性名
* @param {number} [intervalTimer=250] 检查间隔时间（ms），默认250ms
* @param {number} [maxTime=-1] 限制在多长时间内，默认-1(不限制时间)
* @returns {Promise<any|undefined>}
* @example
* await Utils.waitPropertyByInterval(window,"test");
* console.log("test success set");
*/
Utils.waitPropertyByInterval = async function (
checkObj,
checkPropertyName,
intervalTimer = 250,
maxTime = -1
) {
let isResolve = false;
return new Promise((resolve) => {
let interval = setInterval(() => {
let obj = checkObj;
if (typeof checkObj === "function") {
obj = checkObj();
}
if (
(typeof checkPropertyName === "function" && checkPropertyName(obj)) ||
Object.hasOwnProperty.call(obj, checkPropertyName)
) {
isResolve = true;
clearInterval(interval);
resolve(obj[checkPropertyName]);
}
}, intervalTimer);
if (maxTime !== -1) {
setTimeout(() => {
if (!isResolve) {
clearInterval(interval);
resolve();
}
}, maxTime);
}
});
};
/**
* 在规定时间内等待元素上的__vue__属性或者__vue__属性上的某个值出现出现
* @param {HTMLElement|()=>HTMLElement } element 目标元素
* @param {string|(__vue__:object)=> boolean |undefined} propertyName vue上的属性名
* @param {number} [timer=250] 间隔时间（ms），默认250ms
* @param {number} [maxTime=-1] 限制在多长时间内，默认-1(不限制时间)
* @param {"__vue__"|string} vueName vue挂载的属性名
* @example
* await Utils.waitVueByInterval(
* function(){
* return document.querySelector("a.xx")
* },
* function(__vue__){
* return Boolean(__vue__.xxx == null);
* },
* 250,
* 10000,
* "__vue__"
* )
*/
Utils.waitVueByInterval = async function (
element,
propertyName,
timer = 250,
maxTime = -1,
vueName = "__vue__"
) {
if (element == null) {
throw new Error("Utils.waitVueByInterval 参数element 不能为空");
}
await Utils.waitPropertyByInterval(
element,
function (targetElement) {
if (typeof propertyName === "undefined") {
return vueName in targetElement;
} else {
if (vueName in targetElement) {
if (typeof propertyName === "string") {
return propertyName in targetElement[vueName];
} else {
/* Function */
return propertyName(targetElement[vueName]);
}
} else {
return false;
}
}
},
timer,
maxTime
);
};
/**
* 观察对象的set、get
* @param {object} target 观察的对象
* @param {string} propertyName 观察的对象的属性名
* @param {?(value)=>{}} getCallBack 触发get的回调，可以自定义返回特定值
* @param {?(value)=>{}} setCallBack 触发set的回调，参数为将要设置的value
* @example
* Utils.watchObject(window,"test",()=>{return 111;},(value)=>{console.log("test出现，值是",value)});
*
* window.test = 1;
* > test出现，值是 1
* console.log(window.test);
* > 111;
*/
Utils.watchObject = function (
target,
propertyName,
getCallBack,
setCallBack
) {
if (
typeof getCallBack !== "function" &&
typeof setCallBack !== "function"
) {
return;
}
if (typeof getCallBack === "function") {
Object.defineProperty(target, propertyName, {
get() {
if (typeof getCallBack === "function") {
return getCallBack(value);
} else {
return target[propertyName];
}
},
});
} else if (typeof setCallBack === "function") {
Object.defineProperty(target, propertyName, {
set(value) {
if (typeof setCallBack === "function") {
setCallBack(value);
}
},
});
} else {
Object.defineProperty(target, propertyName, {
get() {
if (typeof getCallBack === "function") {
return getCallBack(value);
} else {
return target[propertyName];
}
},
set(value) {
if (typeof setCallBack === "function") {
setCallBack(value);
}
},
});
}
};
return Utils;
});
