WhiteSevsUtils

一个好用的工具类

当前为 2023-12-30 提交的版本,查看 最新版本

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/455186/1303409/WhiteSevsUtils.js

  1. /// <reference path="../库.ts/Utils.d.ts" />
  2.  
  3. /**
  4. * 方便好用的工具类
  5. * @copyright GPL-3.0-only
  6. * @author WhiteSev
  7. **/
  8. (function (global, factory) {
  9. /**
  10. * 不使用define
  11. * typeof define === "function" && define.amd
  12. * define(factory)
  13. */
  14. if (typeof exports === "object" && typeof module !== "undefined") {
  15. /* 适用于NodeJs或typeScript */
  16. module.exports = factory();
  17. } else {
  18. global = typeof globalThis !== "undefined" ? globalThis : global || self;
  19. /* 适用于浏览器中,且this对象是window,如果this是其它,那么会在其它对象下注册(不可用)对象 */
  20. global.Utils = factory(global.Utils);
  21. }
  22. })(typeof window !== "undefined" ? window : this, function (AnotherUtils) {
  23. const Utils = {};
  24. /**
  25. * @type {string} 工具类的版本
  26. */
  27. Utils.version = "2023-12-30";
  28. /**
  29. * JSON数据从源端替换到目标端中,如果目标端存在该数据则替换,不添加,返回结果为目标端替换完毕的结果
  30. * @function
  31. * @param {object} [target={}] 目标端
  32. * @param {object} [source={}] 源端
  33. * @returns {object}
  34. * @example
  35. * Utils.assign({"1":1,"2":{"3":3}}, {"2":{"3":4}});
  36. * > {
  37. "1": 1,
  38. "2": {
  39. "3": 4
  40. }
  41. }
  42. **/
  43. Utils.assign = function (target = {}, source = {}) {
  44. if (Array.isArray(source)) {
  45. let canTraverse = source.filter((item) => {
  46. return typeof item === "object";
  47. });
  48. if (!canTraverse.length) {
  49. return source;
  50. }
  51. }
  52. for (let targetKeyName in target) {
  53. let targetValue = target[targetKeyName];
  54. if (targetKeyName in source) {
  55. let sourceValue = source[targetKeyName];
  56. if (typeof sourceValue === "object" && !Utils.isDOM(sourceValue)) {
  57. /* 源端的值是object类型,且不是元素对象 */
  58. if (Object.keys(sourceValue).length) {
  59. target[targetKeyName] = Utils.assign(targetValue, sourceValue);
  60. } else {
  61. target[targetKeyName] = sourceValue;
  62. }
  63. } else {
  64. /* 直接赋值 */
  65. target[targetKeyName] = sourceValue;
  66. }
  67. }
  68. }
  69. return target;
  70. };
  71.  
  72. /**
  73. * @callback UtilsAjaxHookHook
  74. * @param { XMLHttpRequest } request
  75. */
  76. /**
  77. * @typedef {object} UtilsAjaxHookFilterArray
  78. * @property {?"xhr"|"fetch"} type 可选,应是xhr或fetch
  79. * @property {?string|RegExp} url 可选,字符串或正则表达式,无需完全匹配。
  80. * @property {?string} method 可选,不区分大小写。
  81. * @property {?boolean} async 可选,布尔值。
  82. */
  83. /**
  84. * @callback UtilsAjaxHookFilter
  85. * @param { UtilsAjaxHookFilterArray[] } filterArray
  86. */
  87. /**
  88. * @typedef {object} UtilsAjaxHookResult
  89. * @property { (request: UtilsAjaxHookHook )=>{} } hook 劫持
  90. * @property {UtilsAjaxHookFilter} filter 过滤
  91. * @property {()=>{}} protect 阻止xhr和fetch被改写
  92. * @property {()=>{}} unhook 取消劫持
  93. */
  94. /**
  95. * ajax劫持库,支持xhr和fetch劫持。
  96. * + 来源:https://bbs.tampermonkey.net.cn/thread-3284-1-1.html
  97. * + 作者:cxxjackie
  98. * + 版本:1.3.3
  99. * + 文档:https://scriptcat.org/zh-CN/script-show-page/637/
  100. *
  101. * @returns { UtilsAjaxHookResult }
  102. *
  103. * @example
  104. // 核心方法,通过一个回调函数进行劫持,每次请求发生时自动调用回调函数。可以将所有劫持放在同一回调函数中,也可以多次调用hook方法。
  105. ajaxHooker.hook(request => {
  106. console.log(request);
  107. });
  108. * @example
  109. // response
  110. // 响应内容,必须通过一个回调函数进行读取和修改。响应内容为一个对象
  111. // 包含finalUrl、status、responseHeaders和被读取的响应数据
  112. // 除响应数据可修改,其他属性是只读的。
  113. // 响应数据是哪个属性取决于哪个属性被读取
  114. // xhr可能的属性为response、responseText、responseXML
  115. // fetch可能的属性为arrayBuffer、blob、formData、json、text
  116. // 在控制台输出时,xhr响应将包含所有属性,但只有被读取过的属性具有明确的值
  117. // 修改对应属性即可影响读取结果,进而实现响应数据的修改
  118. ajaxHooker.hook(request => {
  119. if (request.url === 'https://www.example.com/') {
  120. request.response = res => {
  121. console.log(res);
  122. res.responseText += 'test';
  123. };
  124. }
  125. });
  126. @example
  127. // 异步特性无法作用于同步请求,但同步修改仍然有效
  128. // 你可以将以上所有可修改属性赋值为Promise,原请求将被阻塞直至Promise完成(若发生reject,数据将不会被修改)
  129. // 此特性可用于异步劫持。以下是一个异步修改响应数据的例子
  130. ajaxHooker.hook(request => {
  131. request.response = res => {
  132. const responseText = res.responseText; // 注意保存原数据
  133. res.responseText = new Promise(resolve => {
  134. setTimeout(() => {
  135. resolve(responseText + 'test');
  136. }, 3000);
  137. });
  138. };
  139. });
  140.  
  141. // 也可以传入async回调函数以实现异步
  142. ajaxHooker.hook(async request => {
  143. request.data = await modifyData(request.data);
  144. request.response = async res => {
  145. res.responseText = await modifyResponse(res.responseText);
  146. };
  147. });
  148. @example
  149. // 应于hook方法之前执行,此方法若尽早执行,有助于提升性能。
  150. // 为hook方法设置过滤规则,只有符合规则的请求才会触发hook。过滤规则是一个对象数组,参考下例
  151. ajaxHooker.filter([
  152. {type: 'xhr', url: 'www.example.com', method: 'GET', async: true},
  153. {url: /^http/},
  154. ]);
  155. @example
  156. // 如果库劫持失败,可能是其他代码对xhr/fetch进行了二次劫持,protect方法会尝试阻止xhr和fetch被改写。应于document-start阶段尽早执行,部分网页下可能引发错误,谨慎使用。
  157. ajaxHooker.protect();
  158. @example
  159. // 将xhr和fetch恢复至劫持前的状态,调用此方法后,hook方法不再生效。
  160. ajaxHooker.unhook();
  161. */
  162. Utils.ajaxHooker = function () {
  163. "use strict";
  164. const win = window.unsafeWindow || document.defaultView || window;
  165. const toString = Object.prototype.toString;
  166. const getDescriptor = Object.getOwnPropertyDescriptor;
  167. const hookFns = [];
  168. const realXhr = win.XMLHttpRequest;
  169. const realFetch = win.fetch;
  170. const resProto = win.Response.prototype;
  171. const xhrResponses = ["response", "responseText", "responseXML"];
  172. const fetchResponses = ["arrayBuffer", "blob", "formData", "json", "text"];
  173. const fetchInitProps = [
  174. "method",
  175. "headers",
  176. "body",
  177. "mode",
  178. "credentials",
  179. "cache",
  180. "redirect",
  181. "referrer",
  182. "referrerPolicy",
  183. "integrity",
  184. "keepalive",
  185. "signal",
  186. "priority",
  187. ];
  188. const xhrAsyncEvents = ["readystatechange", "load", "loadend"];
  189. let filter;
  190. function emptyFn() {}
  191. function errorFn(err) {
  192. console.error(err);
  193. }
  194. function defineProp(obj, prop, getter, setter) {
  195. Object.defineProperty(obj, prop, {
  196. configurable: true,
  197. enumerable: true,
  198. get: getter,
  199. set: setter,
  200. });
  201. }
  202. function readonly(obj, prop, value = obj[prop]) {
  203. defineProp(obj, prop, () => value, emptyFn);
  204. }
  205. function writable(obj, prop, value = obj[prop]) {
  206. Object.defineProperty(obj, prop, {
  207. configurable: true,
  208. enumerable: true,
  209. writable: true,
  210. value: value,
  211. });
  212. }
  213. function shouldFilter(type, url, method, async) {
  214. return (
  215. filter &&
  216. !filter.find((obj) => {
  217. switch (true) {
  218. case obj.type && obj.type !== type:
  219. case toString.call(obj.url) === "[object String]" &&
  220. !url.includes(obj.url):
  221. case toString.call(obj.url) === "[object RegExp]" &&
  222. !obj.url.test(url):
  223. case obj.method &&
  224. obj.method.toUpperCase() !== method.toUpperCase():
  225. case "async" in obj && obj.async !== async:
  226. return false;
  227. }
  228. return true;
  229. })
  230. );
  231. }
  232. function parseHeaders(obj) {
  233. const headers = {};
  234. switch (toString.call(obj)) {
  235. case "[object String]":
  236. for (const line of obj.trim().split(/[\r\n]+/)) {
  237. const parts = line.split(/\s*:\s*/);
  238. if (parts.length !== 2) continue;
  239. const lheader = parts[0].toLowerCase();
  240. if (lheader in headers) {
  241. headers[lheader] += ", " + parts[1];
  242. } else {
  243. headers[lheader] = parts[1];
  244. }
  245. }
  246. return headers;
  247. case "[object Headers]":
  248. for (const [key, val] of obj) {
  249. headers[key] = val;
  250. }
  251. return headers;
  252. case "[object Object]":
  253. return { ...obj };
  254. default:
  255. return headers;
  256. }
  257. }
  258. class AHRequest {
  259. constructor(request) {
  260. this.request = request;
  261. this.requestClone = { ...this.request };
  262. this.response = {};
  263. }
  264. waitForHookFns() {
  265. return Promise.all(
  266. hookFns.map((fn) => {
  267. try {
  268. return Promise.resolve(fn(this.request)).then(emptyFn, errorFn);
  269. } catch (err) {
  270. console.error(err);
  271. }
  272. })
  273. );
  274. }
  275. waitForResponseFn() {
  276. try {
  277. return Promise.resolve(this.request.response(this.response)).then(
  278. emptyFn,
  279. errorFn
  280. );
  281. } catch (err) {
  282. console.error(err);
  283. return Promise.resolve();
  284. }
  285. }
  286. waitForRequestKeys() {
  287. if (this.reqPromise) return this.reqPromise;
  288. const requestKeys = ["url", "method", "abort", "headers", "data"];
  289. return (this.reqPromise = this.waitForHookFns().then(() =>
  290. Promise.all(
  291. requestKeys.map((key) =>
  292. Promise.resolve(this.request[key]).then(
  293. (val) => (this.request[key] = val),
  294. (e) => (this.request[key] = this.requestClone[key])
  295. )
  296. )
  297. )
  298. ));
  299. }
  300. waitForResponseKeys() {
  301. if (this.resPromise) return this.resPromise;
  302. const responseKeys =
  303. this.request.type === "xhr" ? xhrResponses : fetchResponses;
  304. return (this.resPromise = this.waitForResponseFn().then(() =>
  305. Promise.all(
  306. responseKeys.map((key) => {
  307. const descriptor = getDescriptor(this.response, key);
  308. if (descriptor && "value" in descriptor) {
  309. return Promise.resolve(descriptor.value).then(
  310. (val) => (this.response[key] = val),
  311. (e) => delete this.response[key]
  312. );
  313. } else {
  314. delete this.response[key];
  315. }
  316. })
  317. )
  318. ));
  319. }
  320. }
  321. class XhrEvents {
  322. constructor() {
  323. this.events = {};
  324. }
  325. add(type, event) {
  326. if (type.startsWith("on")) {
  327. this.events[type] = typeof event === "function" ? event : null;
  328. } else {
  329. this.events[type] = this.events[type] || new Set();
  330. this.events[type].add(event);
  331. }
  332. }
  333. remove(type, event) {
  334. if (type.startsWith("on")) {
  335. this.events[type] = null;
  336. } else {
  337. this.events[type] && this.events[type].delete(event);
  338. }
  339. }
  340. _sIP() {
  341. this.ajaxHooker_isStopped = true;
  342. }
  343. trigger(e) {
  344. if (e.ajaxHooker_isTriggered || e.ajaxHooker_isStopped) return;
  345. e.stopImmediatePropagation = this._sIP;
  346. this.events[e.type] &&
  347. this.events[e.type].forEach((fn) => {
  348. !e.ajaxHooker_isStopped && fn.call(e.target, e);
  349. });
  350. this.events["on" + e.type] &&
  351. this.events["on" + e.type].call(e.target, e);
  352. e.ajaxHooker_isTriggered = true;
  353. }
  354. clone() {
  355. const eventsClone = new XhrEvents();
  356. for (const type in this.events) {
  357. if (type.startsWith("on")) {
  358. eventsClone.events[type] = this.events[type];
  359. } else {
  360. eventsClone.events[type] = new Set([...this.events[type]]);
  361. }
  362. }
  363. return eventsClone;
  364. }
  365. }
  366. const xhrMethods = {
  367. readyStateChange(e) {
  368. if (e.target.readyState === 4) {
  369. e.target.dispatchEvent(
  370. new CustomEvent("ajaxHooker_responseReady", { detail: e })
  371. );
  372. } else {
  373. e.target.__ajaxHooker.eventTrigger(e);
  374. }
  375. },
  376. asyncListener(e) {
  377. e.target.__ajaxHooker.eventTrigger(e);
  378. },
  379. setRequestHeader(header, value) {
  380. const ah = this.__ajaxHooker;
  381. ah.originalXhr.setRequestHeader(header, value);
  382. if (this.readyState !== 1) return;
  383. if (header in ah.headers) {
  384. ah.headers[header] += ", " + value;
  385. } else {
  386. ah.headers[header] = value;
  387. }
  388. },
  389. addEventListener(...args) {
  390. const ah = this.__ajaxHooker;
  391. if (xhrAsyncEvents.includes(args[0])) {
  392. ah.proxyEvents.add(args[0], args[1]);
  393. } else {
  394. ah.originalXhr.addEventListener(...args);
  395. }
  396. },
  397. removeEventListener(...args) {
  398. const ah = this.__ajaxHooker;
  399. if (xhrAsyncEvents.includes(args[0])) {
  400. ah.proxyEvents.remove(args[0], args[1]);
  401. } else {
  402. ah.originalXhr.removeEventListener(...args);
  403. }
  404. },
  405. open(method, url, async = true, ...args) {
  406. const ah = this.__ajaxHooker;
  407. ah.url = url.toString();
  408. ah.method = method.toUpperCase();
  409. ah.async = !!async;
  410. ah.openArgs = args;
  411. ah.headers = {};
  412. for (const key of xhrResponses) {
  413. ah.proxyProps[key] = {
  414. get: () => {
  415. const val = ah.originalXhr[key];
  416. ah.originalXhr.dispatchEvent(
  417. new CustomEvent("ajaxHooker_readResponse", {
  418. detail: { key, val },
  419. })
  420. );
  421. return val;
  422. },
  423. };
  424. }
  425. return ah.originalXhr.open(method, url, ...args);
  426. },
  427. sendFactory(realSend) {
  428. return function (data) {
  429. const ah = this.__ajaxHooker;
  430. const xhr = ah.originalXhr;
  431. if (xhr.readyState !== 1) return realSend.call(xhr, data);
  432. ah.eventTrigger = (e) => ah.proxyEvents.trigger(e);
  433. if (shouldFilter("xhr", ah.url, ah.method, ah.async)) {
  434. xhr.addEventListener(
  435. "ajaxHooker_responseReady",
  436. (e) => {
  437. ah.eventTrigger(e.detail);
  438. },
  439. { once: true }
  440. );
  441. return realSend.call(xhr, data);
  442. }
  443. const request = {
  444. type: "xhr",
  445. url: ah.url,
  446. method: ah.method,
  447. abort: false,
  448. headers: ah.headers,
  449. data: data,
  450. response: null,
  451. async: ah.async,
  452. };
  453. if (!ah.async) {
  454. const requestClone = { ...request };
  455. hookFns.forEach((fn) => {
  456. try {
  457. toString.call(fn) === "[object Function]" && fn(request);
  458. } catch (err) {
  459. console.error(err);
  460. }
  461. });
  462. for (const key in request) {
  463. if (toString.call(request[key]) === "[object Promise]") {
  464. request[key] = requestClone[key];
  465. }
  466. }
  467. xhr.open(request.method, request.url, ah.async, ...ah.openArgs);
  468. for (const header in request.headers) {
  469. xhr.setRequestHeader(header, request.headers[header]);
  470. }
  471. data = request.data;
  472. xhr.addEventListener(
  473. "ajaxHooker_responseReady",
  474. (e) => {
  475. ah.eventTrigger(e.detail);
  476. },
  477. { once: true }
  478. );
  479. realSend.call(xhr, data);
  480. if (toString.call(request.response) === "[object Function]") {
  481. const response = {
  482. finalUrl: xhr.responseURL,
  483. status: xhr.status,
  484. responseHeaders: parseHeaders(xhr.getAllResponseHeaders()),
  485. };
  486. for (const key of xhrResponses) {
  487. defineProp(
  488. response,
  489. key,
  490. () => {
  491. return (response[key] = ah.originalXhr[key]);
  492. },
  493. (val) => {
  494. if (toString.call(val) !== "[object Promise]") {
  495. delete response[key];
  496. response[key] = val;
  497. }
  498. }
  499. );
  500. }
  501. try {
  502. request.response(response);
  503. } catch (err) {
  504. console.error(err);
  505. }
  506. for (const key of xhrResponses) {
  507. ah.proxyProps[key] = { get: () => response[key] };
  508. }
  509. }
  510. return;
  511. }
  512. const req = new AHRequest(request);
  513. req.waitForRequestKeys().then(() => {
  514. if (request.abort) return;
  515. xhr.open(request.method, request.url, ...ah.openArgs);
  516. for (const header in request.headers) {
  517. xhr.setRequestHeader(header, request.headers[header]);
  518. }
  519. data = request.data;
  520. xhr.addEventListener(
  521. "ajaxHooker_responseReady",
  522. (e) => {
  523. if (typeof request.response !== "function")
  524. return ah.eventTrigger(e.detail);
  525. req.response = {
  526. finalUrl: xhr.responseURL,
  527. status: xhr.status,
  528. responseHeaders: parseHeaders(xhr.getAllResponseHeaders()),
  529. };
  530. for (const key of xhrResponses) {
  531. defineProp(
  532. req.response,
  533. key,
  534. () => {
  535. return (req.response[key] = ah.originalXhr[key]);
  536. },
  537. (val) => {
  538. delete req.response[key];
  539. req.response[key] = val;
  540. }
  541. );
  542. }
  543. const resPromise = req.waitForResponseKeys().then(() => {
  544. for (const key of xhrResponses) {
  545. if (!(key in req.response)) continue;
  546. ah.proxyProps[key] = {
  547. get: () => {
  548. const val = req.response[key];
  549. xhr.dispatchEvent(
  550. new CustomEvent("ajaxHooker_readResponse", {
  551. detail: { key, val },
  552. })
  553. );
  554. return val;
  555. },
  556. };
  557. }
  558. });
  559. xhr.addEventListener("ajaxHooker_readResponse", (e) => {
  560. const descriptor = getDescriptor(req.response, e.detail.key);
  561. if (!descriptor || "get" in descriptor) {
  562. req.response[e.detail.key] = e.detail.val;
  563. }
  564. });
  565. const eventsClone = ah.proxyEvents.clone();
  566. ah.eventTrigger = (event) =>
  567. resPromise.then(() => eventsClone.trigger(event));
  568. ah.eventTrigger(e.detail);
  569. },
  570. { once: true }
  571. );
  572. realSend.call(xhr, data);
  573. });
  574. };
  575. },
  576. };
  577. function fakeXhr() {
  578. const xhr = new realXhr();
  579. let ah = xhr.__ajaxHooker;
  580. let xhrProxy = xhr;
  581. if (!ah) {
  582. const proxyEvents = new XhrEvents();
  583. ah = xhr.__ajaxHooker = {
  584. headers: {},
  585. originalXhr: xhr,
  586. proxyProps: {},
  587. proxyEvents: proxyEvents,
  588. eventTrigger: (e) => proxyEvents.trigger(e),
  589. toJSON: emptyFn, // Converting circular structure to JSON
  590. };
  591. xhrProxy = new Proxy(xhr, {
  592. get(target, prop) {
  593. try {
  594. if (target === xhr) {
  595. if (prop in ah.proxyProps) {
  596. const descriptor = ah.proxyProps[prop];
  597. return descriptor.get ? descriptor.get() : descriptor.value;
  598. }
  599. if (typeof xhr[prop] === "function") return xhr[prop].bind(xhr);
  600. }
  601. } catch (err) {
  602. console.error(err);
  603. }
  604. return target[prop];
  605. },
  606. set(target, prop, value) {
  607. try {
  608. if (target === xhr && prop in ah.proxyProps) {
  609. const descriptor = ah.proxyProps[prop];
  610. descriptor.set
  611. ? descriptor.set(value)
  612. : (descriptor.value = value);
  613. } else {
  614. target[prop] = value;
  615. }
  616. } catch (err) {
  617. console.error(err);
  618. }
  619. return true;
  620. },
  621. });
  622. xhr.addEventListener("readystatechange", xhrMethods.readyStateChange);
  623. xhr.addEventListener("load", xhrMethods.asyncListener);
  624. xhr.addEventListener("loadend", xhrMethods.asyncListener);
  625. for (const evt of xhrAsyncEvents) {
  626. const onEvt = "on" + evt;
  627. ah.proxyProps[onEvt] = {
  628. get: () => proxyEvents.events[onEvt] || null,
  629. set: (val) => proxyEvents.add(onEvt, val),
  630. };
  631. }
  632. for (const method of [
  633. "setRequestHeader",
  634. "addEventListener",
  635. "removeEventListener",
  636. "open",
  637. ]) {
  638. ah.proxyProps[method] = { value: xhrMethods[method] };
  639. }
  640. }
  641. ah.proxyProps.send = { value: xhrMethods.sendFactory(xhr.send) };
  642. return xhrProxy;
  643. }
  644. function hookFetchResponse(response, req) {
  645. for (const key of fetchResponses) {
  646. response[key] = () =>
  647. new Promise((resolve, reject) => {
  648. if (key in req.response) return resolve(req.response[key]);
  649. resProto[key].call(response).then((res) => {
  650. req.response[key] = res;
  651. req.waitForResponseKeys().then(() => {
  652. resolve(key in req.response ? req.response[key] : res);
  653. });
  654. }, reject);
  655. });
  656. }
  657. }
  658. function fakeFetch(url, options = {}) {
  659. if (!url) return realFetch.call(win, url, options);
  660. let init = { ...options };
  661. if (toString.call(url) === "[object Request]") {
  662. init = {};
  663. for (const prop of fetchInitProps) init[prop] = url[prop];
  664. Object.assign(init, options);
  665. url = url.url;
  666. }
  667. url = url.toString();
  668. init.method = init.method || "GET";
  669. init.headers = init.headers || {};
  670. if (shouldFilter("fetch", url, init.method, true))
  671. return realFetch.call(win, url, init);
  672. const request = {
  673. type: "fetch",
  674. url: url,
  675. method: init.method.toUpperCase(),
  676. abort: false,
  677. headers: parseHeaders(init.headers),
  678. data: init.body,
  679. response: null,
  680. async: true,
  681. };
  682. const req = new AHRequest(request);
  683. return new Promise((resolve, reject) => {
  684. req
  685. .waitForRequestKeys()
  686. .then(() => {
  687. if (request.abort)
  688. return reject(new DOMException("aborted", "AbortError"));
  689. init.method = request.method;
  690. init.headers = request.headers;
  691. init.body = request.data;
  692. realFetch.call(win, request.url, init).then((response) => {
  693. if (typeof request.response === "function") {
  694. req.response = {
  695. finalUrl: response.url,
  696. status: response.status,
  697. responseHeaders: parseHeaders(response.headers),
  698. };
  699. hookFetchResponse(response, req);
  700. response.clone = () => {
  701. const resClone = resProto.clone.call(response);
  702. hookFetchResponse(resClone, req);
  703. return resClone;
  704. };
  705. }
  706. resolve(response);
  707. }, reject);
  708. })
  709. .catch((err) => {
  710. console.error(err);
  711. resolve(realFetch.call(win, url, init));
  712. });
  713. });
  714. }
  715. win.XMLHttpRequest = fakeXhr;
  716. Object.keys(realXhr).forEach((key) => (fakeXhr[key] = realXhr[key]));
  717. fakeXhr.prototype = realXhr.prototype;
  718. win.fetch = fakeFetch;
  719. return {
  720. hook: (fn) => hookFns.push(fn),
  721. filter: (arr) => {
  722. filter = Array.isArray(arr) && arr;
  723. },
  724. protect: () => {
  725. readonly(win, "XMLHttpRequest", fakeXhr);
  726. readonly(win, "fetch", fakeFetch);
  727. },
  728. unhook: () => {
  729. writable(win, "XMLHttpRequest", realXhr);
  730. writable(win, "fetch", realFetch);
  731. },
  732. };
  733. };
  734.  
  735. /**
  736. * 根据坐标点击canvas元素的内部位置
  737. * @param {HTMLCanvasElement} canvasElement 画布元素
  738. * @param {number} [clientX=0] X坐标,默认值0
  739. * @param {number} [clientY=0] Y坐标,默认值0
  740. * @param {window} [view=globalThis] 触发的事件目标
  741. */
  742. Utils.canvasClickByPosition = function (
  743. canvasElement,
  744. clientX = 0,
  745. clientY = 0,
  746. view = globalThis
  747. ) {
  748. if (!canvasElement instanceof HTMLCanvasElement) {
  749. throw new Error(
  750. "Utils.canvasClickByPosition 参数canvasElement必须是canvas元素"
  751. );
  752. }
  753. clientX = parseInt(clientX);
  754. clientY = parseInt(clientY);
  755. const eventInit = {
  756. cancelBubble: true,
  757. cancelable: true,
  758. clientX: clientX,
  759. clientY: clientY,
  760. view: view,
  761. detail: 1,
  762. };
  763. canvas.dispatchEvent(new MouseEvent("mousedown", eventInit));
  764. canvas.dispatchEvent(new MouseEvent("mouseup", eventInit));
  765. };
  766.  
  767. /**
  768. * 【手机】检测点击的地方是否在该元素区域内
  769. * @param {Element|Node} element 需要检测的元素
  770. * @returns {boolean}
  771. * + true 点击在元素上
  772. * + false 未点击在元素上
  773. * @example
  774. * Utils.checkUserClickInNode(document.querySelector(".xxx"));
  775. * > false
  776. **/
  777. Utils.checkUserClickInNode = function (element) {
  778. if (!Utils.isDOM(element)) {
  779. throw new Error(
  780. "Utils.checkUserClickInNode 参数 targetNode 必须为 Element|Node 类型"
  781. );
  782. }
  783. let mouseClickPosX = Number(window.event.clientX); /* 鼠标相对屏幕横坐标 */
  784. let mouseClickPosY = Number(window.event.clientY); /* 鼠标相对屏幕纵坐标 */
  785. let elementPosXLeft = Number(
  786. element.getBoundingClientRect().left
  787. ); /* 要检测的元素的相对屏幕的横坐标最左边 */
  788. let elementPosXRight = Number(
  789. element.getBoundingClientRect().right
  790. ); /* 要检测的元素的相对屏幕的横坐标最右边 */
  791. let elementPosYTop = Number(
  792. element.getBoundingClientRect().top
  793. ); /* 要检测的元素的相对屏幕的纵坐标最上边 */
  794. let elementPosYBottom = Number(
  795. element.getBoundingClientRect().bottom
  796. ); /* 要检测的元素的相对屏幕的纵坐标最下边 */
  797. let clickNodeHTML = window.event?.target?.innerHTML;
  798. if (
  799. mouseClickPosX >= elementPosXLeft &&
  800. mouseClickPosX <= elementPosXRight &&
  801. mouseClickPosY >= elementPosYTop &&
  802. mouseClickPosY <= elementPosYBottom
  803. ) {
  804. return true;
  805. } else if (clickNodeHTML && element.innerHTML.includes(clickNodeHTML)) {
  806. /* 这种情况是应对在界面中隐藏的元素,getBoundingClientRect获取的都是0 */
  807. return true;
  808. } else {
  809. return false;
  810. }
  811. };
  812.  
  813. /**
  814. * 删除某个父元素,父元素可能在上层或上上层或上上上层...
  815. * @param {Element|Node} element 当前元素
  816. * @param {string} targetSelector 判断是否满足父元素,参数为当前处理的父元素,满足返回true,否则false
  817. * @returns {boolean}
  818. * + true 已删除
  819. * + false 未删除
  820. * @example
  821. * Utils.deleteParentNode(document.querySelector("a"),".xxx");
  822. * > true
  823. **/
  824. Utils.deleteParentNode = function (element, targetSelector) {
  825. if (element == null) {
  826. throw new Error("Utils.deleteParentNode 参数 target 不能为 null");
  827. }
  828. if (!Utils.isDOM(element)) {
  829. throw new Error(
  830. "Utils.deleteParentNode 参数 target 必须为 Node|HTMLElement 类型"
  831. );
  832. }
  833. if (typeof targetSelector !== "string") {
  834. throw new Error(
  835. "Utils.deleteParentNode 参数 targetSelector 必须为 string 类型"
  836. );
  837. }
  838. let result = false;
  839. let needRemoveDOM = element.closest(targetSelector);
  840. if (needRemoveDOM) {
  841. needRemoveDOM.remove();
  842. result = true;
  843. }
  844. return result;
  845. };
  846.  
  847. /**
  848. * 字典
  849. * @example
  850. * let dictionary = new Utils.Dictionary();
  851. * let dictionary2 = new Utils.Dictionary();
  852. * dictionary.set("test","111");
  853. * dictionary.get("test");
  854. * > '111'
  855. * dictionary.has("test");
  856. * > true
  857. * dictionary.concat(dictionary2);
  858. **/
  859. Utils.Dictionary = function () {
  860. this.items = {};
  861. /**
  862. * 检查是否有某一个键
  863. * @param {any} key 键
  864. * @returns {boolean}
  865. */
  866. this.has = function (key) {
  867. return this.items.hasOwnProperty(key);
  868. };
  869. /**
  870. * 为字典添加某一个值
  871. * @param {any} key 键
  872. * @param {any} val 值,默认为""
  873. */
  874. this.set = function (key, val = "") {
  875. if (key === void 0) {
  876. throw new Error("Utils.Dictionary().set 参数 key 不能为空");
  877. }
  878. this.items[key] = val;
  879. };
  880. /**
  881. * 删除某一个键
  882. * @param {any} key 键
  883. * @returns {boolean}
  884. */
  885. this.delete = function (key) {
  886. if (this.has(key)) {
  887. delete this.items[key];
  888. return true;
  889. }
  890. return false;
  891. };
  892. /**
  893. * 获取某个键的值
  894. * @param {any} key 键
  895. * @returns {any|undefined}
  896. */
  897. this.get = function (key) {
  898. return this.has(key) ? this.items[key] : void 0;
  899. };
  900. /**
  901. * 返回字典中的所有值
  902. * @returns {[...any]}
  903. */
  904. this.values = function () {
  905. let resultList = [];
  906. for (let prop in this.items) {
  907. if (this.has(prop)) {
  908. resultList.push(this.items[prop]);
  909. }
  910. }
  911. return resultList;
  912. };
  913. /**
  914. * 清空字典
  915. */
  916. this.clear = function () {
  917. this.items = {};
  918. };
  919. /**
  920. * 获取字典的长度
  921. * @returns {number}
  922. */
  923. this.size = function () {
  924. return Object.keys(this.items).length;
  925. };
  926. /**
  927. * 获取字典所有的键
  928. * @returns
  929. */
  930. this.keys = function () {
  931. return Object.keys(this.items);
  932. };
  933. /**
  934. * 返回字典本身
  935. * @returns
  936. */
  937. this.getItems = function () {
  938. return this.items;
  939. };
  940. /**
  941. * 合并另一个字典
  942. * @param {Dictionary} data 需要合并的字典
  943. */
  944. this.concat = function (data) {
  945. this.items = Utils.assign(this.items, data.getItems());
  946. };
  947. };
  948.  
  949. /**
  950. * 主动触发事件
  951. * @param {HTMLElement} element 元素
  952. * @param {string|[...string]} eventName 事件名称,可以是字符串,也可是字符串格式的列表
  953. * @param {object|undefined} details 赋予触发的Event的额外属性
  954. * + true 使用Proxy代理Event并设置获取isTrusted永远为True
  955. * + false (默认) 不对Event进行Proxy代理
  956. * @example
  957. * Utils.dispatchEvent(document.querySelector("input","input"))
  958. */
  959. Utils.dispatchEvent = function (element, eventName, details) {
  960. let eventNameList = [];
  961. if (typeof eventName === "string") {
  962. eventNameList = [eventName];
  963. }
  964. if (Array.isArray(eventName)) {
  965. eventNameList = [...eventName];
  966. }
  967. eventNameList.forEach((_eventName_) => {
  968. let event = new Event(_eventName_);
  969. if (details) {
  970. Object.assign(event, details);
  971. }
  972. element.dispatchEvent(event);
  973. });
  974. };
  975.  
  976. /**
  977. * 下载base64格式的数据
  978. * @param {string} base64Data 需要转换的base64数据
  979. * @param {string} fileName 需要保存的文件名
  980. * @example
  981. * Utils.downloadBase64("data:image/jpeg:base64/,xxxxxx");
  982. **/
  983. Utils.downloadBase64 = function (base64Data, fileName) {
  984. if (typeof base64Data !== "string") {
  985. throw new Error(
  986. "Utils.downloadBase64 参数 base64Data 必须为 string 类型"
  987. );
  988. }
  989. if (typeof fileName !== "string") {
  990. throw new Error("Utils.downloadBase64 参数 fileName 必须为 string 类型");
  991. }
  992. let aLink = document.createElement("a");
  993. aLink.download = fileName;
  994. aLink.href = base64Data;
  995. aLink.click();
  996. };
  997.  
  998. /**
  999. * 选中页面中的文字,类似Ctrl+F的选中
  1000. * @param {string} [str=""] 需要寻找的字符串
  1001. * @param {boolean} [caseSensitive=false]
  1002. * + true 区分大小写
  1003. * + false (默认) 不区分大小写
  1004. * @returns {boolean|undefined}
  1005. * + true 找到
  1006. * + false 未找到
  1007. * + undefined 不可使用该Api
  1008. * @example
  1009. * Utils.findVisibleText("xxxxx");
  1010. * > true
  1011. **/
  1012. Utils.findWebPageVisibleText = function (str = "", caseSensitive = false) {
  1013. let TRange = null;
  1014. let strFound;
  1015. if (window.find) {
  1016. /* CODE FOR BROWSERS THAT SUPPORT window.find */
  1017. strFound = self.find(str, caseSensitive, true, true, false);
  1018. if (strFound && self.getSelection && !self.getSelection().anchorNode) {
  1019. strFound = self.find(str, caseSensitive, true, true, false);
  1020. }
  1021. if (!strFound) {
  1022. strFound = self.find(str, 0, 1);
  1023. while (self.find(str, 0, 1)) continue;
  1024. }
  1025. } else if (navigator.appName.indexOf("Microsoft") != -1) {
  1026. /* EXPLORER-SPECIFIC CODE */
  1027. if (TRange != null) {
  1028. TRange.collapse(false);
  1029. strFound = TRange.findText(str);
  1030. if (strFound) TRange.select();
  1031. }
  1032. if (TRange == null || strFound == 0) {
  1033. TRange = self.document.body.createTextRange();
  1034. strFound = TRange.findText(str);
  1035. if (strFound) TRange.select();
  1036. }
  1037. } else if (navigator.appName == "Opera") {
  1038. alert("Opera browsers not supported, sorry...");
  1039. return;
  1040. }
  1041. return strFound ? true : false;
  1042. };
  1043.  
  1044. /**
  1045. * 格式化byte为KB、MB、GB、TB、PB、EB、ZB、YB、BB、NB、DB
  1046. * @param {number} byteSize 字节
  1047. * @param {boolean} [addType=true]
  1048. * + true (默认) 添加单位
  1049. * + false 不添加单位
  1050. * @returns {string|number}
  1051. * + {string} 当addType为true时,且保留小数点末尾2位
  1052. * + {number} 当addType为false时,且保留小数点末尾2位
  1053. * @example
  1054. * Utils.formatByteToSize("812304");
  1055. * > '793.27KB'
  1056. * @example
  1057. * Utils.formatByteToSize("812304",false);
  1058. * > 793.27
  1059. **/
  1060. Utils.formatByteToSize = function (byteSize, addType = true) {
  1061. byteSize = parseInt(byteSize);
  1062. if (isNaN(byteSize)) {
  1063. throw new Error("Utils.formatByteToSize 参数 byteSize 格式不正确");
  1064. }
  1065. let result = 0;
  1066. let resultType = "KB";
  1067. let sizeData = {};
  1068. sizeData.B = 1;
  1069. sizeData.KB = 1024;
  1070. sizeData.MB = sizeData.KB * sizeData.KB;
  1071. sizeData.GB = sizeData.MB * sizeData.KB;
  1072. sizeData.TB = sizeData.GB * sizeData.KB;
  1073. sizeData.PB = sizeData.TB * sizeData.KB;
  1074. sizeData.EB = sizeData.PB * sizeData.KB;
  1075. sizeData.ZB = sizeData.EB * sizeData.KB;
  1076. sizeData.YB = sizeData.ZB * sizeData.KB;
  1077. sizeData.BB = sizeData.YB * sizeData.KB;
  1078. sizeData.NB = sizeData.BB * sizeData.KB;
  1079. sizeData.DB = sizeData.NB * sizeData.KB;
  1080. for (let key in sizeData) {
  1081. result = byteSize / sizeData[key];
  1082. resultType = key;
  1083. if (sizeData.KB >= result) {
  1084. break;
  1085. }
  1086. }
  1087. result = result.toFixed(2);
  1088. result = addType ? result + resultType.toString() : parseFloat(result);
  1089. return result;
  1090. };
  1091.  
  1092. /**
  1093. * 应用场景: 当你想要获取数组形式的元素时,它可能是其它的选择器,那么需要按照先后顺序填入参数
  1094. * 第一个是优先级最高的,依次下降,如果都没有,返回空列表
  1095. * 支持document.querySelectorAll、$("")、()=>{return document.querySelectorAll("")}
  1096. * @param {...NodeList|function} NodeList
  1097. * @returns {...Element}
  1098. * @example
  1099. * Utils.getNodeListValue(document.querySelectorAll("div.xxx"),document.querySelectorAll("a.xxx"));
  1100. * > [...div,div,div]
  1101. * @example
  1102. * Utils.getNodeListValue(divGetFunction,aGetFunction);
  1103. * > [...div,div,div]
  1104. */
  1105. Utils.getNodeListValue = function () {
  1106. let resultArray = [];
  1107. for (let arg of arguments) {
  1108. let value = arg;
  1109. if (typeof arg === "function") {
  1110. /* 方法 */
  1111. value = arg();
  1112. }
  1113. if (value.length !== 0) {
  1114. resultArray = [...value];
  1115. break;
  1116. }
  1117. }
  1118. return resultArray;
  1119. };
  1120.  
  1121. /**
  1122. * 获取格式化后的时间
  1123. * @param {string|number} [text= new Date()] 需要格式化的字符串或者时间戳
  1124. * @param {string} [formatType = "yyyy-MM-dd HH:mm:ss"] 格式化成的显示类型
  1125. * + yyyy 年
  1126. * + MM 月
  1127. * + dd 天
  1128. * + HH 时 (24小时制)
  1129. * + hh 时 (12小时制)
  1130. * + mm 分
  1131. * + ss 秒
  1132. * @returns {string} 返回格式化后的时间
  1133. * @example
  1134. * Utils.formatTime("2022-08-21 23:59:00","HH:mm:ss");
  1135. * > '23:59:00'
  1136. * @example
  1137. * Utils.formatTime(1899187424988,"HH:mm:ss");
  1138. * > '15:10:13'
  1139. * @example
  1140. * Utils.formatTime()
  1141. * > '2023-1-1 00:00:00'
  1142. **/
  1143. Utils.formatTime = function (
  1144. text = new Date(),
  1145. formatType = "yyyy-MM-dd HH:mm:ss"
  1146. ) {
  1147. let time = text == null ? new Date() : new Date(text);
  1148. /**
  1149. * 校验时间补0
  1150. * @param {number} timeNum
  1151. * @returns
  1152. */
  1153. function checkTime(timeNum) {
  1154. if (timeNum < 10) return "0" + timeNum;
  1155. return timeNum;
  1156. }
  1157.  
  1158. /**
  1159. * 时间制修改 24小时制转12小时制
  1160. * @param {number} hourNum 小时
  1161. * @returns
  1162. */
  1163. function timeSystemChange(hourNum) {
  1164. return hourNum > 12 ? hourNum - 12 : hourNum;
  1165. }
  1166.  
  1167. let timeRegexp = {
  1168. yyyy: time.getFullYear(),
  1169. /* 年 */
  1170. MM: checkTime(time.getMonth() + 1),
  1171. /* 月 */
  1172. dd: checkTime(time.getDate()),
  1173. /* 日 */
  1174. HH: checkTime(time.getHours()),
  1175. /* 时 (24小时制) */
  1176. hh: checkTime(timeSystemChange(time.getHours())),
  1177. /* 时 (12小时制) */
  1178. mm: checkTime(time.getMinutes()),
  1179. /* 分 */
  1180. ss: checkTime(time.getSeconds()),
  1181. /* 秒 */
  1182. };
  1183. Object.keys(timeRegexp).forEach(function (key) {
  1184. let replaecRegexp = new RegExp(key, "g");
  1185. formatType = formatType.replace(replaecRegexp, timeRegexp[key]);
  1186. });
  1187. return formatType;
  1188. };
  1189.  
  1190. /**
  1191. * 字符串格式的时间转时间戳
  1192. * @param {string} text 字符串格式的时间,例如:
  1193. * + 2022-11-21 00:00:00
  1194. * + 00:00:00
  1195. * @returns {number} 返回时间戳
  1196. * @example
  1197. * Utils.formatToTimeStamp("2022-11-21 00:00:00");
  1198. * > 1668960000000
  1199. **/
  1200. Utils.formatToTimeStamp = function (text) {
  1201. /* 把字符串格式的时间(完整,包括日期和时间)格式化成时间 */
  1202. if (typeof text !== "string") {
  1203. throw new Error("Utils.formatToTimeStamp 参数 text 必须为 string 类型");
  1204. }
  1205. if (text.length === 8) {
  1206. /* 该字符串只有时分秒 */
  1207. let today = new Date();
  1208. text =
  1209. today.getFullYear() +
  1210. "-" +
  1211. (today.getMonth() + 1) +
  1212. "-" +
  1213. today.getDate() +
  1214. " " +
  1215. text;
  1216. }
  1217. text = text.substring(0, 19);
  1218. text = text.replace(/-/g, "/");
  1219. let timestamp = new Date(text).getTime();
  1220. return timestamp;
  1221. };
  1222.  
  1223. /**
  1224. * gbk格式的url编码,来自https://gf.qytechs.cn/zh-CN/scripts/427726-gbk-url-js
  1225. * @example
  1226. * let gbkEncoder = new Utils.GBKEncoder();
  1227. * gbkEncoder.encode("测试");
  1228. * > '%B2%E2%CA%D4'
  1229. * gbkEncoder.decode("%B2%E2%CA%D4");
  1230. * > 测试
  1231. */
  1232. Utils.GBKEncoder = function () {
  1233. function handleText(text) {
  1234. text = text
  1235. .replace(/#(\d+)\$/g, function (a, b) {
  1236. return Array(+b + 3).join("#");
  1237. })
  1238. .replace(/#/g, "####")
  1239. .replace(/(\w\w):([\w#]+)(?:,|$)/g, function (a, hd, dt) {
  1240. return dt.replace(/../g, function (a) {
  1241. if (a != "##") {
  1242. return hd + a;
  1243. } else {
  1244. return a;
  1245. }
  1246. });
  1247. });
  1248. return text;
  1249. }
  1250. function handleHash() {
  1251. let index = 0;
  1252. data = data.match(/..../g);
  1253. for (let i = 0x81; i <= 0xfe; i++) {
  1254. for (let j = 0x40; j <= 0xfe; j++) {
  1255. U2Ghash[data[index++]] = (
  1256. "%" +
  1257. i.toString(16) +
  1258. "%" +
  1259. j.toString(16)
  1260. ).toUpperCase();
  1261. }
  1262. }
  1263. for (let key in U2Ghash) {
  1264. G2Uhash[U2Ghash[key]] = key;
  1265. }
  1266. }
  1267. function isAscii(unicode) {
  1268. return unicode <= 0x007f && unicode >= 0x0000;
  1269. }
  1270. let data = handleText(
  1271. "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"
  1272. );
  1273. let U2Ghash = {};
  1274. let G2Uhash = {};
  1275. handleHash();
  1276. /**
  1277. * 编码
  1278. * @param {string} str
  1279. * @returns {string}
  1280. */
  1281. this.encode = function (str) {
  1282. return [...str].reduce((result, val, i) => {
  1283. return result + toGBK(val);
  1284. }, "");
  1285. function toGBK(val) {
  1286. let result = "";
  1287. for (let i = 0; i < val.length; i++) {
  1288. const codePoint = val.codePointAt(i);
  1289. const code = String.fromCodePoint(codePoint);
  1290. let key = codePoint.toString(16);
  1291. key.length != 4 && (key = ("000" + key).match(/....$/)[0]);
  1292.  
  1293. /* Add up i by code.length */
  1294. i += code.length - 1;
  1295.  
  1296. /* If code is in ascii range */
  1297. if (isAscii(codePoint)) {
  1298. result += encodeURIComponent(code);
  1299. continue;
  1300. }
  1301.  
  1302. /* If Got encoded string from U2Ghash */
  1303. if (U2Ghash[key]) {
  1304. result += U2Ghash[key];
  1305. continue;
  1306. }
  1307.  
  1308. /*
  1309. If 2 or more char combines to one visible code,
  1310. or just this code is not in GBK
  1311. */
  1312. result += toGBK(`&#${codePoint};`);
  1313. }
  1314. return result;
  1315. }
  1316. };
  1317.  
  1318. /**
  1319. * 解码
  1320. * @param {string} str
  1321. * @returns {string}
  1322. */
  1323. this.decode = function (str) {
  1324. var GBKMatcher = /%[0-9A-F]{2}%[0-9A-F]{2}/;
  1325. var UTFMatcher = /%[0-9A-F]{2}/;
  1326. var gbk = true,
  1327. utf = true;
  1328. while (utf) {
  1329. gbk = str.match(GBKMatcher);
  1330. utf = str.match(UTFMatcher);
  1331. if (gbk && gbk in G2Uhash) {
  1332. str = str.replace(gbk, String.fromCharCode("0x" + G2Uhash[gbk]));
  1333. } else {
  1334. str = str.replace(utf, decodeURIComponent(utf));
  1335. }
  1336. }
  1337. return str;
  1338. };
  1339. return this;
  1340. };
  1341.  
  1342. /**
  1343. * 获取NodeList或Array对象中的最后一个的值
  1344. * @param {NodeList|Array} targetObj
  1345. * @returns {any}
  1346. * @example
  1347. * Utils.getArrayLastValue(document.querySelectorAll("div"));
  1348. * > div
  1349. * @example
  1350. * Utils.getArrayLastValue([1,2,3,4,5]);
  1351. * > 5
  1352. */
  1353. Utils.getArrayLastValue = function (targetObj) {
  1354. return targetObj[targetObj.length - 1];
  1355. };
  1356.  
  1357. /**
  1358. * 使用场景:当想获取的元素可能是不同的选择器的时候,按顺序优先级获取
  1359. * 参数类型可以是Element或者是Function
  1360. * @returns {any} 如果都没有的话,返回null
  1361. * @example
  1362. * // 如果a.aaa不存在的话,取a.bbb,这里假设a.aaa不存在
  1363. * Utils.getArrayRealValue(document.querySelector("a.aaa"),document.querySelector("a.bbb"));
  1364. * > a.bbb
  1365. * @example
  1366. * Utils.getArrayRealValue(()=>{return document.querySelector("a.aaa").href},()=>{document.querySelector("a.bbb").getAttribute("data-href")});
  1367. * > javascript:;
  1368. */
  1369. Utils.getArrayRealValue = function () {
  1370. let result = null;
  1371. for (let arg of arguments) {
  1372. if (typeof arg === "function") {
  1373. /* 方法 */
  1374. arg = arg();
  1375. }
  1376. if (arg != null) {
  1377. result = arg;
  1378. break;
  1379. }
  1380. }
  1381. return result;
  1382. };
  1383.  
  1384. /**
  1385. * 获取天数差异,如何获取某个时间与另一个时间相差的天数
  1386. * @param {number} [timestamp1= new Date().getTime()] 时间戳(毫秒|秒),不区分哪个更大
  1387. * @param {number} [timestamp2= new Date().getTime()] 时间戳(毫秒|秒),不区分哪个更大
  1388. * @param {"年"|"月"|"天"|"时"|"分"|"秒"|"auto"} [type= "天"] 返回的数字的表达的类型,比如:年、月、天、时、分、秒、auto,默认天
  1389. * @returns {number}
  1390. * @example
  1391. * Utils.getDaysDifference(new Date().getTime());
  1392. * > 0
  1393. * @example
  1394. * Utils.getDaysDifference(new Date().getTime(),undefined,"秒");
  1395. * > 0
  1396. */
  1397. Utils.getDaysDifference = function (
  1398. timestamp1 = new Date().getTime(),
  1399. timestamp2 = new Date().getTime(),
  1400. type = "天"
  1401. ) {
  1402. type = type.trim();
  1403. if (timestamp1.toString().length === 10) {
  1404. timestamp1 = timestamp1 * 1000;
  1405. }
  1406. if (timestamp2.toString().length === 10) {
  1407. timestamp2 = timestamp2 * 1000;
  1408. }
  1409. let smallTimeStamp = timestamp1 > timestamp2 ? timestamp2 : timestamp1;
  1410. let bigTimeStamp = timestamp1 > timestamp2 ? timestamp1 : timestamp2;
  1411. let oneSecond = 1000; /* 一秒的毫秒数 */
  1412. let oneMinute = 60 * oneSecond; /* 一分钟的毫秒数 */
  1413. let oneHour = 60 * oneMinute; /* 一小时的毫秒数 */
  1414. let oneDay = 24 * oneHour; /* 一天的毫秒数 */
  1415. let oneMonth = 30 * oneDay; /* 一个月的毫秒数(30天) */
  1416. let oneYear = 12 * oneMonth; /* 一年的毫秒数 */
  1417. let bigDate = new Date(bigTimeStamp);
  1418. let smallDate = new Date(smallTimeStamp);
  1419. let remainderValue = 1;
  1420. if (type === "年") {
  1421. remainderValue = oneYear;
  1422. } else if (type === "月") {
  1423. remainderValue = oneMonth;
  1424. } else if (type === "天") {
  1425. remainderValue = oneDay;
  1426. } else if (type === "时") {
  1427. remainderValue = oneHour;
  1428. } else if (type === "分") {
  1429. remainderValue = oneMinute;
  1430. } else if (type === "秒") {
  1431. remainderValue = oneSecond;
  1432. }
  1433. let diffValue = Math.round(
  1434. Math.abs((bigDate - smallDate) / remainderValue)
  1435. );
  1436. if (type === "auto") {
  1437. let timeDifference = bigTimeStamp - smallTimeStamp;
  1438. diffValue = Math.floor(timeDifference / (24 * 3600 * 1000));
  1439. if (diffValue > 0) {
  1440. diffValue = diffValue + "天";
  1441. } else {
  1442. /* 计算出小时数 */
  1443. let leave1 =
  1444. timeDifference % (24 * 3600 * 1000); /* 计算天数后剩余的毫秒数 */
  1445. let hours = Math.floor(leave1 / (3600 * 1000));
  1446. if (hours > 0) {
  1447. diffValue = hours + "小时";
  1448. } else {
  1449. /* 计算相差分钟数 */
  1450. let leave2 = leave1 % (3600 * 1000); /* 计算小时数后剩余的毫秒数 */
  1451. let minutes = Math.floor(leave2 / (60 * 1000));
  1452. if (minutes > 0) {
  1453. diffValue = minutes + "分钟";
  1454. } else {
  1455. /* 计算相差秒数 */
  1456. let leave3 = leave2 % (60 * 1000); /* 计算分钟数后剩余的毫秒数 */
  1457. let seconds = Math.round(leave3 / 1000);
  1458. diffValue = seconds + "秒";
  1459. }
  1460. }
  1461. }
  1462. }
  1463. return diffValue;
  1464. };
  1465.  
  1466. /**
  1467. * 获取元素的选择器字符串
  1468. * @param {HTMLElement} element
  1469. * @returns {string|undefined}
  1470. * @example
  1471. * Utils.getElementSelector(document.querySelector("a"))
  1472. * > '.....'
  1473. */
  1474. Utils.getElementSelector = function (element) {
  1475. if (!element) return;
  1476. if (!element.parentElement) return;
  1477. /* 如果元素有id属性,则直接返回id选择器 */
  1478. if (element.id) return "#" + element.id;
  1479.  
  1480. /* 递归地获取父元素的选择器 */
  1481. let selector = Utils.getElementSelector(element.parentElement);
  1482. if (!selector) {
  1483. return element.tagName;
  1484. }
  1485. /* 如果有多个相同类型的兄弟元素,则需要添加索引 */
  1486. if (element.parentElement.querySelectorAll(element.tagName).length > 1) {
  1487. let index =
  1488. Array.prototype.indexOf.call(element.parentElement.children, element) +
  1489. 1;
  1490. selector +=
  1491. " > " + element.tagName.toLowerCase() + ":nth-child(" + index + ")";
  1492. } else {
  1493. selector += " > " + element.tagName.toLowerCase();
  1494. }
  1495. return selector;
  1496. };
  1497.  
  1498. /**
  1499. * 获取最大值
  1500. * @returns {any}
  1501. * @example
  1502. * Utils.getMaxValue(1,3,5,7,9)
  1503. * > 9
  1504. * @example
  1505. * Utils.getMaxValue([1,3,5])
  1506. * > 5
  1507. * @example
  1508. * Utils.getMaxValue({1:123,2:345,3:456},(key,value)=>{return parseInt(value)})
  1509. * > 456
  1510. * @example
  1511. * Utils.getMaxValue([{1:123},{2:345},{3:456}],(index,value)=>{return parseInt(index)})
  1512. * > 2
  1513. */
  1514. Utils.getMaxValue = function () {
  1515. let result = [...arguments];
  1516. let newResult = [];
  1517. if (result.length > 1) {
  1518. if (
  1519. result.length === 2 &&
  1520. typeof result[0] === "object" &&
  1521. typeof result[1] === "function"
  1522. ) {
  1523. let data = result[0];
  1524. let handleDataFunc = result[1];
  1525. Object.keys(data).forEach((keyName) => {
  1526. newResult = [...newResult, handleDataFunc(keyName, data[keyName])];
  1527. });
  1528. } else {
  1529. result.forEach((item) => {
  1530. if (!isNaN(parseFloat(item))) {
  1531. newResult = [...newResult, parseFloat(item)];
  1532. }
  1533. });
  1534. }
  1535. return Math.max(...newResult);
  1536. } else if (result.length === 1) {
  1537. result[0].forEach((item) => {
  1538. if (!isNaN(parseFloat(item))) {
  1539. newResult = [...newResult, parseFloat(item)];
  1540. }
  1541. });
  1542. return Math.max(...newResult);
  1543. }
  1544. };
  1545.  
  1546. /**
  1547. * 获取页面中最大的z-index再+1
  1548. * @returns {number}
  1549. * @example
  1550. * Utils.getMaxZIndex();
  1551. * > 1001
  1552. **/
  1553. Utils.getMaxZIndex = function () {
  1554. let nodeIndexList = [];
  1555. document.querySelectorAll("*").forEach((element) => {
  1556. let nodeStyle = window.getComputedStyle(element);
  1557. /* 不对position为static和display为none的元素进行获取它们的z-index */
  1558. if (nodeStyle.position !== "static" && nodeStyle.display !== "none") {
  1559. nodeIndexList = nodeIndexList.concat(parseInt(nodeStyle.zIndex));
  1560. }
  1561. });
  1562. nodeIndexList = nodeIndexList.filter(Boolean); /* 过滤非Boolean类型 */
  1563. return nodeIndexList.length ? Math.max(...nodeIndexList) + 1 : 0;
  1564. };
  1565.  
  1566. /**
  1567. * 获取最小值
  1568. * @returns {any}
  1569. * @example
  1570. * Utils.getMinValue(1,3,5,7,9)
  1571. * > 1
  1572. * @example
  1573. * Utils.getMinValue([1,3,5])
  1574. * > 1
  1575. * @example
  1576. * Utils.getMinValue({1:123,2:345,3:456},(key,value)=>{return parseInt(value)})
  1577. * > 123
  1578. * @example
  1579. * Utils.getMinValue([{1:123},{2:345},{3:456}],(index,value)=>{return parseInt(index)})
  1580. * > 0
  1581. */
  1582. Utils.getMinValue = function () {
  1583. let result = [...arguments];
  1584. let newResult = [];
  1585. if (result.length > 1) {
  1586. if (
  1587. result.length === 2 &&
  1588. typeof result[0] === "object" &&
  1589. typeof result[1] === "function"
  1590. ) {
  1591. let data = result[0];
  1592. let handleDataFunc = result[1];
  1593. Object.keys(data).forEach((keyName) => {
  1594. newResult = [...newResult, handleDataFunc(keyName, data[keyName])];
  1595. });
  1596. } else {
  1597. result.forEach((item) => {
  1598. if (!isNaN(parseFloat(item))) {
  1599. newResult = [...newResult, parseFloat(item)];
  1600. }
  1601. });
  1602. }
  1603. return Math.min(...newResult);
  1604. } else if (result.length === 1) {
  1605. result[0].forEach((item) => {
  1606. if (!isNaN(parseFloat(item))) {
  1607. newResult = [...newResult, parseFloat(item)];
  1608. }
  1609. });
  1610. return Math.min(...newResult);
  1611. }
  1612. };
  1613.  
  1614. /**
  1615. * 获取随机的安卓手机User-Agent
  1616. * @returns {string} 返回随机字符串
  1617. * @example
  1618. * Utils.getRandomAndroidUA();
  1619. * > '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'
  1620. **/
  1621. Utils.getRandomAndroidUA = function () {
  1622. let androidVersion = Utils.getRandomValue(10, 14);
  1623. let mobileNameList = [
  1624. "LDN-LX3",
  1625. "RNE-L03",
  1626. "ASUS_X00ID Build/NMF26F",
  1627. "WAS-LX3",
  1628. "PRA-LX3",
  1629. "MYA-L03",
  1630. "Moto G Play",
  1631. "Moto C Build/NRD90M.063",
  1632. "Redmi Note 4 Build/NRD90M",
  1633. "HUAWEI VNS-L21 Build/HUAWEIVNS-L21",
  1634. "VTR-L09",
  1635. "TRT-LX3",
  1636. "M2003J15SC Build/RP1A.200720.011; wv",
  1637. "MI 13 Build/OPR1.170623.027; wv",
  1638. ];
  1639. let randomMobile = Utils.getRandomValue(mobileNameList);
  1640. let chromeVersion1 = Utils.getRandomValue(110, 120);
  1641. let chromeVersion2 = Utils.getRandomValue(0, 0);
  1642. let chromeVersion3 = Utils.getRandomValue(2272, 6099);
  1643. let chromeVersion4 = Utils.getRandomValue(1, 218);
  1644. return `Mozilla/5.0 (Linux; Android ${androidVersion}; ${randomMobile}) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Mobile Safari/537.36`;
  1645. };
  1646.  
  1647. /**
  1648. * 获取随机值
  1649. * @returns {any}
  1650. * @example
  1651. * Utils.getRandomValue([1,2,3])
  1652. * > 3
  1653. * @example
  1654. * Utils.getRandomValue({1:"结果1",2:"结果2",3:"结果3"}})
  1655. * > 结果2
  1656. * @example
  1657. * Utils.getRandomValue(1,9)
  1658. * > 9
  1659. * @example
  1660. * Utils.getRandomValue(1,9,6,99)
  1661. * > 6
  1662. * @example
  1663. * Utils.getRandomValue({1:1},{2:2})
  1664. * > {1: 1}
  1665. * @example
  1666. * Utils.getRandomValue()
  1667. * > undefined
  1668. */
  1669. Utils.getRandomValue = function () {
  1670. let result = [...arguments];
  1671. if (result.length > 1) {
  1672. if (
  1673. result.length === 2 &&
  1674. typeof result[0] === "number" &&
  1675. typeof result[1] === "number"
  1676. ) {
  1677. let leftNumber = result[0] > result[1] ? result[1] : result[0];
  1678. let rightNumber = result[0] > result[1] ? result[0] : result[1];
  1679. return (
  1680. Math.round(Math.random() * (rightNumber - leftNumber)) + leftNumber
  1681. );
  1682. } else {
  1683. return result[Math.floor(Math.random() * result.length)];
  1684. }
  1685. } else if (result.length === 1) {
  1686. let paramData = result[0];
  1687. if (Array.isArray(paramData)) {
  1688. return paramData[Math.floor(Math.random() * paramData.length)];
  1689. } else if (
  1690. typeof paramData === "object" &&
  1691. Object.keys(paramData).length > 0
  1692. ) {
  1693. let paramObjDataKey =
  1694. Object.keys(paramData)[
  1695. Math.floor(Math.random() * Object.keys(paramData).length)
  1696. ];
  1697. return paramData[paramObjDataKey];
  1698. } else {
  1699. return paramData;
  1700. }
  1701. }
  1702. };
  1703. /**
  1704. * 获取随机的电脑端User-Agent
  1705. * + Mozilla/5.0:以前用于Netscape浏览器,目前大多数浏览器UA都会带有
  1706. * + Windows NT 13:代表Window11系统
  1707. * + Windows NT 10.0:代表Window10系统
  1708. * + Windows NT 6.1:代表windows7系统
  1709. * + WOW64:Windows-on-Windows 64-bit,32位的应用程序运行于此64位处理器上
  1710. * + Win64:64位
  1711. * + AppleWebKit/537.36:浏览器内核
  1712. * + KHTML:HTML排版引擎
  1713. * + like Gecko:这不是Geckeo 浏览器,但是运行起来像Geckeo浏览器
  1714. * + Chrome/106.0.5068.19:Chrome版本号
  1715. * + Safari/537.36:宣称自己是Safari?
  1716. * @returns {string} 返回随机字符串
  1717. * @example
  1718. * Utils.getRandomPCUA();
  1719. * > 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.5068.19 Safari/537.36'
  1720. **/
  1721. Utils.getRandomPCUA = function () {
  1722. let chromeVersion1 = Utils.getRandomValue(110, 120);
  1723. let chromeVersion2 = Utils.getRandomValue(0, 0);
  1724. let chromeVersion3 = Utils.getRandomValue(2272, 6099);
  1725. let chromeVersion4 = Utils.getRandomValue(1, 218);
  1726. return `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Safari/537.36`;
  1727. };
  1728.  
  1729. /**
  1730. * 获取元素上的使用React框架的实例属性,目前包括reactFiber、reactProps、reactEvents、reactEventHandlers、reactInternalInstance
  1731. * @param {HTMLElement} element 需要获取的目标元素
  1732. * @returns {object}
  1733. * @example
  1734. * Utils.getReactObj(document.querySelector("input"))?.reactProps?.onChange({target:{value:"123"}});
  1735. */
  1736. Utils.getReactObj = function (element) {
  1737. let result = {};
  1738. Object.keys(element).forEach((domPropsName) => {
  1739. if (domPropsName.startsWith("__react")) {
  1740. let propsName = domPropsName.replace(/__(.+)\$.+/i, "$1");
  1741. if (propsName in result) {
  1742. new Error("重复属性 " + domPropsName);
  1743. } else {
  1744. result[propsName] = element[domPropsName];
  1745. }
  1746. }
  1747. });
  1748. return result;
  1749. };
  1750.  
  1751. /**
  1752. * 获取文本的字符长度
  1753. * @param {string} text
  1754. * @returns {number}
  1755. * @example
  1756. * Utils.getTextLength("测试文本")
  1757. * > 12
  1758. */
  1759. Utils.getTextLength = function (text) {
  1760. let encoder = new TextEncoder();
  1761. let bytes = encoder.encode(text);
  1762. return bytes.length;
  1763. };
  1764.  
  1765. /**
  1766. * 获取文本占据的空间大小,返回自动的单位,如12 Kb,14 K,20 MB,1 GB
  1767. * @param {string} text 目标字符串
  1768. * @param {boolean} [addType=true]
  1769. * + true (默认) 自动添加单位
  1770. * + false 不添加单位
  1771. * @returns {string}
  1772. * @example
  1773. * Utils.getTextStorageSize("测试文本");
  1774. * > '12.00B'
  1775. */
  1776. Utils.getTextStorageSize = function (text, addType = true) {
  1777. return Utils.formatByteToSize(Utils.getTextLength(text), addType);
  1778. };
  1779.  
  1780. /**
  1781. * 在页面中增加style元素,如果html节点存在子节点,添加子节点第一个,反之,添加到html节点的子节点最后一个
  1782. * @param {string} cssText css字符串
  1783. * @returns {HTMLElement} 返回添加的CSS标签
  1784. * @example
  1785. * Utils.GM_addStyle("html{}");
  1786. * > <style type="text/css">html{}</style>
  1787. */
  1788. Utils.GM_addStyle = function (cssText) {
  1789. if (typeof cssText !== "string") {
  1790. throw new Error("Utils.GM_addStyle 参数cssText 必须为String类型");
  1791. }
  1792. let cssNode = document.createElement("style");
  1793. cssNode.setAttribute("type", "text/css");
  1794. cssNode.innerHTML = cssText;
  1795. if (document.documentElement.childNodes.length === 0) {
  1796. /* 插入body后 */
  1797. document.documentElement.appendChild(cssNode);
  1798. } else {
  1799. /* 插入head前面 */
  1800. document.documentElement.insertBefore(
  1801. cssNode,
  1802. document.documentElement.childNodes[0]
  1803. );
  1804. }
  1805. return cssNode;
  1806. };
  1807.  
  1808. /**
  1809. * @typedef {object} GM_Cookie_ListDetails
  1810. * @property {string} url 默认为当前的url
  1811. * @property {string} domain 默认为当前的域名(window.location.hostname)
  1812. * @property {string} name 需要检索的Cookie的名字
  1813. * @property {string} path 需要检索的Cookie的路径,默认为"/"
  1814. */
  1815.  
  1816. /**
  1817. * @typedef {object} GM_Cookie_SetDetails
  1818. * @property {string} url 默认为当前的url
  1819. * @property {string} domain 默认为当前的域名(window.location.hostname)
  1820. * @property {string} name 需要检索的Cookie的名字
  1821. * @property {string} path 需要检索的Cookie的路径,默认为"/"
  1822. * @property {string} value 值
  1823. * @property {boolean} secure
  1824. * @property {boolean} httpOnly
  1825. * @property {number} expirationDate Cookie过期时间,默认为30天
  1826. */
  1827.  
  1828. /**
  1829. * @typedef {object} GM_Cookie_DeleteDetails
  1830. * @property {string} url 默认为当前的url
  1831. * @property {string} name 需要检索的Cookie的名字
  1832. */
  1833.  
  1834. /**
  1835. * 对于GM_cookie的兼容写法,当无法使用GM_cookie时可以使用这个,但是并不完全兼容,有些写不出来且限制了httponly是无法访问的
  1836. * @example
  1837. let GM_cookie = new Utils.GM_Cookie();
  1838. GM_cookie.list({name:"xxx_cookie_xxx"},function(cookies,error){
  1839. if (!error) {
  1840. console.log(cookies);
  1841. console.log(cookies.value);
  1842. } else {
  1843. console.error(error);
  1844. }
  1845. });
  1846. GM_cookie.set({name:"xxx_cookie_test_xxx",value:"这是Cookie测试值"},function(error){
  1847. if (error) {
  1848. console.error(error);
  1849. } else {
  1850. console.log('Cookie set successfully.');
  1851. }
  1852. })
  1853. GM_cookie.delete({name:"xxx_cookie_test_xxx"},function(error){
  1854. if (error) {
  1855. console.error(error);
  1856. } else {
  1857. console.log('Cookie set successfully.');
  1858. }
  1859. })
  1860. **/
  1861. Utils.GM_Cookie = function () {
  1862. /**
  1863. * 获取Cookie
  1864. * @param {GM_Cookie_ListDetails} [paramDetails={}]
  1865. * @param {function|undefined} callback
  1866. * + cookies object[]
  1867. * + error string|undefined
  1868. */
  1869. this.list = function (paramDetails = {}, callback = () => {}) {
  1870. let resultData = [];
  1871. try {
  1872. let details = {
  1873. url: window.location.href,
  1874. domain: window.location.hostname,
  1875. name: "",
  1876. path: "/",
  1877. };
  1878. details = Utils.assign(details, paramDetails);
  1879. let cookies = document.cookie.split(";");
  1880. cookies.forEach((item) => {
  1881. item = item.trimStart();
  1882. let itemName = item.split("=")[0];
  1883. let itemValue = item.replace(new RegExp("^" + itemName + "="), "");
  1884. let nameRegexp =
  1885. details.name instanceof RegExp
  1886. ? details.name
  1887. : new RegExp("^" + details.name, "g");
  1888. if (itemName.match(nameRegexp)) {
  1889. resultData = [
  1890. ...resultData,
  1891. {
  1892. domain: window.location.hostname,
  1893. expirationDate: void 0,
  1894. hostOnly: true,
  1895. httpOnly: false,
  1896. name: itemName,
  1897. path: "/",
  1898. sameSite: "unspecified",
  1899. secure: true,
  1900. session: false,
  1901. value: itemValue,
  1902. },
  1903. ];
  1904. return;
  1905. }
  1906. });
  1907. callback(resultData);
  1908. } catch (error) {
  1909. callback(resultData, error);
  1910. }
  1911. };
  1912.  
  1913. /**
  1914. * 设置Cookie
  1915. * @param {GM_Cookie_SetDetails} [paramDetails={}]
  1916. * @param {function|undefined} callback
  1917. */
  1918. this.set = function (paramDetails = {}, callback = () => {}) {
  1919. try {
  1920. let details = {
  1921. url: window.location.href,
  1922. name: "",
  1923. value: "",
  1924. domain: window.location.hostname,
  1925. path: "/",
  1926. secure: true,
  1927. httpOnly: false,
  1928. /**
  1929. * Expires in 30 days
  1930. */
  1931. expirationDate: Math.floor(Date.now()) + 60 * 60 * 24 * 30,
  1932. };
  1933. details = Utils.assign(details, paramDetails);
  1934. let life = details.expirationDate
  1935. ? details.expirationDate
  1936. : Math.floor(Date.now()) + 60 * 60 * 24 * 30;
  1937. let cookieStr =
  1938. details.name +
  1939. "=" +
  1940. decodeURIComponent(details.value) +
  1941. ";expires=" +
  1942. new Date(life).toGMTString() +
  1943. "; path=/";
  1944. document.cookie = cookieStr;
  1945. callback();
  1946. } catch (error) {
  1947. callback(error);
  1948. }
  1949. };
  1950.  
  1951. /**
  1952. * 删除Cookie
  1953. * @param {GM_Cookie_DeleteDetails} [paramDetails={}]
  1954. * @param {function|undefined} callback
  1955. */
  1956. this.delete = (paramDetails = {}, callback = () => {}) => {
  1957. try {
  1958. let details = {
  1959. url: window.location.href,
  1960. name: "",
  1961. firstPartyDomain: "",
  1962. };
  1963. details = Utils.assign(details, paramDetails);
  1964. let cookieStr =
  1965. details.name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
  1966. document.cookie = cookieStr;
  1967. callback();
  1968. } catch (error) {
  1969. callback(error);
  1970. }
  1971. };
  1972. };
  1973.  
  1974. /**
  1975. * @typedef {object} GM_Menu_CallBack
  1976. * @property {string} key 当前菜单键名
  1977. * @property {boolean} enable 当前菜单enable值
  1978. * @property {boolean} oldEnable 点击之前enable值
  1979. * @property {MouseEvent|KeyboardEvent} event 触发事件
  1980. * @property { (enable: boolean)=> {} } storeValue 将enable值写入本地
  1981. */
  1982.  
  1983. /**
  1984. * @typedef {object} GM_Menu_Details
  1985. * @property {string} key (必须)菜单的本地键key,不可重复,会覆盖
  1986. * @property {string} text (必须)菜单的文本
  1987. * @property {boolean|undefined} enable 菜单的开启状态,默认为false
  1988. * @property {number|undefined} id 使用条件:TamperMonkey版本>5.0,如果id和已注册(不可用)的菜单id相同,可修改当前已注册(不可用)菜单的options
  1989. * @property {string|undefined} accessKey
  1990. * @property {boolean|undefined} autoClose 自动关闭菜单,可不设置
  1991. * @property {string|undefined} title 使用条件:TamperMonkey版本>5.0,使用菜单项的鼠标悬浮上的工具提示,可为空
  1992. * @property {boolean|undefined} autoReload 点击菜单后自动刷新网页,默认为true
  1993. * @property { (text:string,enable:boolean)=>{} } showText 菜单的显示文本,未设置的话则自动根据enable在前面加上图标
  1994. * @property {(data: GM_Menu_CallBack)=>{}} callback 点击菜单的回调
  1995. * @property { boolean } [isStoreValue=true] 是否允许菜单进行存储值,默认true允许
  1996. */
  1997.  
  1998. /**
  1999. * @typedef {object} GM_Menu_Config
  2000. * @property {GM_Menu_Details[]} data 配置,可为空
  2001. * @property {boolean|undefined} autoReload 全局菜单点击菜单后自动刷新网页,默认为true
  2002. * @property {function} GM_getValue (必须)油猴函数@grant GM_getValue
  2003. * @property {function} GM_setValue (必须)油猴函数@grant GM_setValue
  2004. * @property {function} GM_registerMenuCommand (必须)油猴函数@grant GM_registerMenuCommand
  2005. * @property {function} GM_unregisterMenuCommand (必须)油猴函数@grant GM_unregisterMenuCommand
  2006. */
  2007. /**
  2008. * 注册(不可用)油猴菜单,要求本地存储的键名不能存在其它键名`GM_Menu_Local_Map`会冲突/覆盖
  2009. * @param { GM_Menu_Config } details 传递的菜单配置
  2010. * @example
  2011. let GM_Menu = new Utils.GM_Menu({
  2012. data: [
  2013. {
  2014. menu_key: "menu_key",
  2015. text: "测试按钮",
  2016. enable: true,
  2017. accessKey: "a",
  2018. autoClose: false,
  2019. showText(text, enable) {
  2020. return "[" + (enable ? "√" : "×") + "]" + text;
  2021. },
  2022. callback(data) {
  2023. console.log("点击菜单,值修改为", data.enable);
  2024. },
  2025. },
  2026. ],
  2027. autoReload: false,
  2028. GM_getValue,
  2029. GM_setValue,
  2030. GM_registerMenuCommand,
  2031. GM_unregisterMenuCommand,
  2032. });
  2033.  
  2034.  
  2035. // 获取某个菜单项的值
  2036. GM_Menu.get("menu_key");
  2037. > true
  2038.  
  2039. // 获取某个菜单项的开启/关闭后显示的文本
  2040. GM_Menu.getShowTextValue("menu_key");
  2041. > √测试按钮
  2042.  
  2043. // 添加键为menu_key2的菜单项
  2044. GM_Menu.add({
  2045. key:"menu_key2",
  2046. text: "测试按钮2",
  2047. enable: false,
  2048. showText(text,enable){
  2049. return "[" + (enable ? "√" : "×") + "]" + text;
  2050. },
  2051. callback(data){
  2052. console.log("点击菜单,值修改为",data.enable);
  2053. }
  2054. });
  2055. // 使用数组的方式添加多个菜单,如menu_key3、menu_key4
  2056. GM_Menu.add([
  2057. {
  2058. key:"menu_key3",
  2059. text: "测试按钮3",
  2060. enable: false,
  2061. showText(text,enable){
  2062. return "[" + (enable ? "√" : "×") + "]" + text;
  2063. },
  2064. callback(data){
  2065. console.log("点击菜单,值修改为",data.enable);
  2066. }
  2067. },
  2068. {
  2069. key:"menu_key4",
  2070. text: "测试按钮4",
  2071. enable: false,
  2072. showText(text,enable){
  2073. return "[" + (enable ? "√" : "×") + "]" + text;
  2074. },
  2075. callback(data){
  2076. console.log("点击菜单,值修改为",data.enable);
  2077. }
  2078. }
  2079. ]);
  2080.  
  2081. // 更新键为menu_key的显示文字和点击回调
  2082. GM_Menu.update({
  2083. menu_key:{
  2084. text: "更新后的测试按钮",
  2085. enable: true,
  2086. showText(text,enable){
  2087. return "[" + (enable ? "√" : "×") + "]" + text;
  2088. },
  2089. callback(data){
  2090. console.log("点击菜单更新后的测试按钮,新值修改为",data.enable);
  2091. }
  2092. }
  2093. });
  2094.  
  2095. // 删除键为menu_key的菜单
  2096. GM_Menu.delete("menu_key");
  2097. **/
  2098. Utils.GM_Menu = function (details) {
  2099. /* 配置数据 */
  2100. let data = details.data || [];
  2101. /* 获取存储的数据 */
  2102. let _GM_getValue_ = details.GM_getValue;
  2103. /* 设置数据到存储 */
  2104. let _GM_setValue_ = details.GM_setValue;
  2105. /* 注册(不可用)菜单 */
  2106. let _GM_registerMenuCommand_ = details.GM_registerMenuCommand;
  2107. /* 卸载菜单 */
  2108. let _GM_unregisterMenuCommand_ = details.GM_unregisterMenuCommand;
  2109. if (typeof _GM_getValue_ !== "function") {
  2110. throw new Error(
  2111. "Utils.GM_Menu 请在脚本开头加上 @grant GM_getValue,且传入该对象"
  2112. );
  2113. }
  2114. if (typeof _GM_setValue_ !== "function") {
  2115. throw new Error(
  2116. "Utils.GM_Menu 请在脚本开头加上 @grant GM_setValue,且传入该对象"
  2117. );
  2118. }
  2119. if (typeof _GM_registerMenuCommand_ !== "function") {
  2120. throw new Error(
  2121. "Utils.GM_Menu 请在脚本开头加上 @grant GM_registerMenuCommand,且传入该对象"
  2122. );
  2123. }
  2124. if (typeof _GM_unregisterMenuCommand_ !== "function") {
  2125. throw new Error(
  2126. "Utils.GM_Menu 请在脚本开头加上 @grant GM_unregisterMenuCommand,且传入该对象"
  2127. );
  2128. }
  2129. let that = this;
  2130. /**
  2131. * 注册(不可用)的菜单的映射信息
  2132. * @type {Map<number,GM_Menu_Details>}
  2133. */
  2134. let menuIdMap = new Map();
  2135.  
  2136. /**
  2137. * 本地存储的键名
  2138. */
  2139. let LocalStorage_Key_Name = "GM_Menu_Local_Map";
  2140. /**
  2141. * 菜单enable为true的emoji
  2142. */
  2143. let Enable_True_Emoji = "✅";
  2144. /**
  2145. * 菜单enable为false的emoji
  2146. */
  2147. let Enable_False_Emoji = "❌";
  2148. /* 自动刷新网页,默认为true */
  2149. let Default_AutoReload =
  2150. typeof details.autoReload === "boolean" ? details.autoReload : true;
  2151. /**
  2152. * 菜单isStoreValue的默认值
  2153. */
  2154. let Default_IsStoreValue = true;
  2155. /**
  2156. * 获取本地存储菜单键值
  2157. * @param {string} key 键
  2158. * @returns {boolean}
  2159. */
  2160. let getLocalMenuData = function (key, defaultValue) {
  2161. let localData = _GM_getValue_(LocalStorage_Key_Name, {});
  2162. return localData[key] == null ? defaultValue : localData[key];
  2163. };
  2164.  
  2165. /**
  2166. * 设置本地存储菜单键值
  2167. * @param {string} key 键
  2168. * @param {boolean} value 值
  2169. */
  2170. let setLocalMenuData = function (key, value) {
  2171. let localData = _GM_getValue_(LocalStorage_Key_Name, {});
  2172. localData[key] = value;
  2173. _GM_setValue_(LocalStorage_Key_Name, localData);
  2174. };
  2175.  
  2176. /**
  2177. * 对菜单数据进行处理
  2178. * @param { GM_Menu_Details } data
  2179. * @returns { any[] }
  2180. */
  2181. let handleMenuData = function (data) {
  2182. /* 本地存储的键名 */
  2183. let menuLocalDataItemKey = data.key;
  2184. /* 文本 */
  2185. let text = data.text;
  2186. /* 菜单默认开启的状态 */
  2187. let defaultEnable = Boolean(
  2188. getLocalMenuData(menuLocalDataItemKey, data.enable)
  2189. );
  2190. /* 油猴菜单上显示的文本 */
  2191. let showText = data.showText(text, defaultEnable);
  2192. /* 用户点击后的回调 */
  2193. let defaultClickCallBack = data.callback;
  2194.  
  2195. let menuOptions = {
  2196. /**
  2197. * 菜单的id
  2198. */
  2199. id: data.id,
  2200. /**
  2201. * 点击菜单项后是否应关闭弹出菜单
  2202. */
  2203. autoClose: data.autoClose,
  2204. /**
  2205. * 菜单项的可选访问键
  2206. */
  2207. accessKey: data.accessKey,
  2208. /**
  2209. * 菜单项的鼠标悬浮上的工具提示
  2210. */
  2211. title: data.title,
  2212. };
  2213. /* 点击菜单后触发callback后的网页是否刷新 */
  2214. data.autoReload =
  2215. typeof data.autoReload !== "boolean"
  2216. ? Default_AutoReload
  2217. : data.autoReload;
  2218. data.isStoreValue =
  2219. typeof data.isStoreValue !== "boolean"
  2220. ? Default_IsStoreValue
  2221. : data.isStoreValue;
  2222. /* 用户点击菜单后的回调函数 */
  2223. let clickCallBack = function (event) {
  2224. let localEnable = Boolean(
  2225. getLocalMenuData(menuLocalDataItemKey, defaultEnable)
  2226. );
  2227. if (data.isStoreValue) {
  2228. setLocalMenuData(menuLocalDataItemKey, !localEnable);
  2229. }
  2230. if (typeof defaultClickCallBack === "function") {
  2231. defaultClickCallBack({
  2232. key: menuLocalDataItemKey,
  2233. enable: !localEnable,
  2234. oldEnable: localEnable,
  2235. event: event,
  2236. storeValue(_value_) {
  2237. setLocalMenuData(menuLocalDataItemKey, _value_);
  2238. },
  2239. });
  2240. }
  2241. /* 不刷新网页就刷新菜单 */
  2242. if (data.autoReload) {
  2243. window.location.reload();
  2244. } else {
  2245. that.update();
  2246. }
  2247. };
  2248. let menuOptionsLength = Object.values(menuOptions).filter(
  2249. (_item_) => _item_ != null
  2250. ).length;
  2251.  
  2252. if (menuOptionsLength === 0) {
  2253. return [showText, clickCallBack];
  2254. } else if (menuOptionsLength === 1 && menuOptions.accessKey != null) {
  2255. return [showText, clickCallBack, menuOptions["accessKey"]];
  2256. } else {
  2257. /* 这个是版本 > 4.20.6186才会有的选项 */
  2258. return [showText, clickCallBack, menuOptions];
  2259. }
  2260. };
  2261.  
  2262. /**
  2263. * 处理初始化配置
  2264. * @param { GM_Menu_Details } _detail_
  2265. * @returns { GM_Menu_Details }
  2266. */
  2267. let handleInitDetail = function (_detail_) {
  2268. _detail_.enable = Boolean(
  2269. getLocalMenuData(_detail_.key, _detail_.enable)
  2270. );
  2271. if (typeof _detail_.showText !== "function") {
  2272. _detail_.showText = function (_text_, _enable_) {
  2273. return (
  2274. (_enable_ ? Enable_True_Emoji : Enable_False_Emoji) + " " + _text_
  2275. );
  2276. };
  2277. }
  2278. return _detail_;
  2279. };
  2280. /**
  2281. * 初始化数据
  2282. * @returns { GM_Menu_Details[] }
  2283. */
  2284. let init = function () {
  2285. menuIdMap.clear();
  2286. data.forEach((dataItem, dataIndex) => {
  2287. dataItem = handleInitDetail(dataItem);
  2288. data[dataIndex].enable = dataItem.enable;
  2289. });
  2290. };
  2291.  
  2292. /**
  2293. * 注册(不可用)油猴菜单
  2294. * @param { ?GM_Menu_Config[] } _data_ 如果存在,使用它
  2295. */
  2296. let register = function (_data_) {
  2297. (_data_ || data).forEach((item) => {
  2298. let resultList = handleMenuData(item);
  2299. data.id = _GM_registerMenuCommand_(...resultList);
  2300. menuIdMap.set(data.id, item);
  2301. });
  2302. };
  2303.  
  2304. /**
  2305. * 获取目标菜单配置
  2306. * @param {string} menuKey 菜单-键key
  2307. * @returns {GM_Menu_Details}
  2308. */
  2309. let getTargetMenu = function (menuKey) {
  2310. return data.find((item) => item.key == menuKey);
  2311. };
  2312. /**
  2313. * 根据键值获取enable值
  2314. * @param {string} menuKey 菜单-键key
  2315. * @returns {boolean}
  2316. */
  2317. this.get = function (menuKey) {
  2318. return this.getEnable(menuKey);
  2319. };
  2320. /**
  2321. * 根据键值获取enable值
  2322. * @param {string} menuKey 菜单-键key
  2323. * @returns {boolean}
  2324. */
  2325. this.getEnable = function (menuKey) {
  2326. return getTargetMenu(menuKey).enable;
  2327. };
  2328. /**
  2329. * 根据键值获取text值
  2330. * @param {string} menuKey 菜单-键key
  2331. * @returns {string}
  2332. */
  2333. this.getText = function (menuKey) {
  2334. return getTargetMenu(menuKey).text;
  2335. };
  2336. /**
  2337. * 根据键值获取showText函数的值
  2338. * @param {string} menuKey 菜单-键key
  2339. * @returns {string}
  2340. */
  2341. this.getShowTextValue = function (menuKey) {
  2342. return getTargetMenu(menuKey).showText(
  2343. this.getText(menuKey),
  2344. this.get(menuKey)
  2345. );
  2346. };
  2347. /**
  2348. * 获取当前已注册(不可用)菜单的id
  2349. * @param {string} menuKey
  2350. * @returns {?number}
  2351. */
  2352. this.getMenuId = function (menuKey) {
  2353. let result = null;
  2354. menuIdMap.forEach((value, key) => {
  2355. if (value.key === menuKey) {
  2356. result = key;
  2357. return;
  2358. }
  2359. });
  2360. return result;
  2361. };
  2362. /**
  2363. * 根据键值获取accessKey值
  2364. * @param {string} menuKey 菜单-键key
  2365. * @returns {?string}
  2366. */
  2367. this.getAccessKey = function (menuKey) {
  2368. return getTargetMenu(menuKey).accessKey;
  2369. };
  2370. /**
  2371. * 根据键值获取autoClose值
  2372. * @param {string} menuKey 菜单-键key
  2373. * @returns {?boolean}
  2374. */
  2375. this.getAutoClose = function (menuKey) {
  2376. return getTargetMenu(menuKey).autoClose;
  2377. };
  2378. /**
  2379. * 根据键值获取autoReload值
  2380. * @param {string} menuKey 菜单-键key
  2381. * @returns {boolean}
  2382. */
  2383. this.getAutoReload = function (menuKey) {
  2384. return getTargetMenu(menuKey).autoReload;
  2385. };
  2386. /**
  2387. * 根据键值获取callback函数
  2388. * @param {string} menuKey 菜单-键key
  2389. * @returns {Function|undefined}
  2390. */
  2391. this.getCallBack = function (menuKey) {
  2392. return getTargetMenu(menuKey).callback;
  2393. };
  2394. /**
  2395. * 获取当enable为true时默认显示在菜单中前面的emoji图标
  2396. * @returns {string}
  2397. */
  2398. this.getEnableTrueEmoji = function () {
  2399. return Enable_True_Emoji;
  2400. };
  2401. /**
  2402. * 获取当enable为false时默认显示在菜单中前面的emoji图标
  2403. * @returns {string}
  2404. */
  2405. this.getEnableFalseEmoji = function () {
  2406. return Enable_False_Emoji;
  2407. };
  2408. /**
  2409. * 获取本地存储的菜单外部的键名
  2410. * @param {string} keyName
  2411. */
  2412. this.getLocalStorageKeyName = function () {
  2413. return LocalStorage_Key_Name;
  2414. };
  2415. /**
  2416. * 设置菜单的值
  2417. * @param {string} menuKey 菜单-键key
  2418. * @param {any} value 需要设置的值
  2419. */
  2420. this.setValue = function (menuKey, value) {
  2421. setLocalMenuData(menuKey, value);
  2422. };
  2423. /**
  2424. * 设置菜单的值
  2425. * @param {string} menuKey 菜单-键key
  2426. * @param {boolean} value 需要设置的值
  2427. */
  2428. this.setEnable = function (menuKey, value) {
  2429. this.setValue(menuKey, Boolean(value));
  2430. };
  2431. /**
  2432. * 设置当enable为true时默认显示在菜单中前面的emoji图标
  2433. * @param {string} emojiString
  2434. */
  2435. this.setEnableTrueEmoji = function (emojiString) {
  2436. if (typeof emojiString !== "string") {
  2437. throw new Error("参数emojiString必须是string类型");
  2438. }
  2439. Enable_True_Emoji = emojiString;
  2440. };
  2441. /**
  2442. * 设置当enable为false时默认显示在菜单中前面的emoji图标
  2443. * @param {string} emojiString
  2444. */
  2445. this.setEnableFalseEmoji = function (emojiString) {
  2446. if (typeof emojiString !== "string") {
  2447. throw new Error("参数emojiString必须是string类型");
  2448. }
  2449. Enable_False_Emoji = emojiString;
  2450. };
  2451. /**
  2452. * 设置本地存储的菜单外部的键名
  2453. * @param {string} keyName
  2454. */
  2455. this.setLocalStorageKeyName = function (keyName) {
  2456. if (typeof keyName !== "string") {
  2457. throw new Error("参数keyName必须是string类型");
  2458. }
  2459. LocalStorage_Key_Name = keyName;
  2460. };
  2461. /**
  2462. * 新增菜单数据
  2463. * @param {GM_Menu_Details[]|GM_Menu_Details} paramData
  2464. */
  2465. this.add = function (paramData) {
  2466. if (Array.isArray(paramData)) {
  2467. data = data.concat(paramData);
  2468. } else {
  2469. data.push(paramData);
  2470. }
  2471. this.update();
  2472. };
  2473. /**
  2474. * 更新菜单数据
  2475. * @param { GM_Menu_Details[]|GM_Menu_Details|undefined } options 数据
  2476. */
  2477. this.update = function (options) {
  2478. let optionsList = [];
  2479. if (Array.isArray(options)) {
  2480. /* 是数组 */
  2481. optionsList = optionsList.concat(options);
  2482. } else if (options != null) {
  2483. /* 是单个配置 */
  2484. optionsList.push(options);
  2485. }
  2486. optionsList.forEach((item) => {
  2487. let targetMenu = getTargetMenu(item.key);
  2488. if (targetMenu) {
  2489. Object.assign(targetMenu, item);
  2490. }
  2491. });
  2492. menuIdMap.forEach((value, key) => {
  2493. this.delete(key);
  2494. });
  2495. init();
  2496. register();
  2497. };
  2498. /**
  2499. * 根据已注册(不可用)菜单的id,来更新菜单配置,不会卸载菜单导致可能菜单选项可能会变化的情况
  2500. * @param { GM_Menu_Details[]|GM_Menu_Details|undefined } options 配置
  2501. */
  2502. this.updateOptionsWithId = function (options) {
  2503. /**
  2504. * @type {GM_Menu_Details[]}
  2505. */
  2506. let optionsList = [];
  2507. if (Array.isArray(options)) {
  2508. /* 是数组 */
  2509. optionsList = optionsList.concat(options);
  2510. } else if (options != null) {
  2511. /* 是单个配置 */
  2512. optionsList.push(options);
  2513. }
  2514. for (let option of optionsList) {
  2515. menuIdMap.forEach((value, key) => {
  2516. if (key === option.id) {
  2517. option = handleInitDetail(option);
  2518. let findDataIndex = data.findIndex(
  2519. (_item_) => _item_.key === value.key
  2520. );
  2521. if (findDataIndex !== -1) {
  2522. Object.assign(data[findDataIndex], option);
  2523. }
  2524. let resultList = handleMenuData(option);
  2525. _GM_registerMenuCommand_(...resultList);
  2526. menuIdMap.set(option.id, option);
  2527. }
  2528. });
  2529. }
  2530. };
  2531. /**
  2532. * 卸载菜单
  2533. * @param {number} menuId 已注册(不可用)的菜单id
  2534. */
  2535. this.delete = function (menuId) {
  2536. _GM_unregisterMenuCommand_(menuId);
  2537. };
  2538.  
  2539. this.update();
  2540. };
  2541.  
  2542. /**
  2543. * 基于Function prototype,能够勾住和释放任何函数
  2544. *
  2545. * .hook
  2546. * + realFunc {string} 用于保存原始函数的函数名称,用于unHook
  2547. * + hookFunc {string} 替换的hook函数
  2548. * + context {object} 目标函数所在对象,用于hook非window对象下的函数,如String.protype.slice,carInstance1
  2549. * + methodName {string} 匿名函数需显式传入目标函数名eg:this.Begin = function(){....};}
  2550. *
  2551. * .unhook
  2552. * + realFunc {string} 用于保存原始函数的函数名称,用于unHook
  2553. * + funcName {string} 被Hook的函数名称
  2554. * + context {object} 目标函数所在对象,用于hook非window对象下的函数,如String.protype.slice,carInstance1
  2555. * @example
  2556. let hook = new Utils.Hooks();
  2557. hook.initEnv();
  2558. function myFunction(){
  2559. console.log("我自己需要执行的函数");
  2560. }
  2561. function testFunction(){
  2562. console.log("正常执行的函数");
  2563. }
  2564. testFunction.hook(testFunction,myFunction,window);
  2565. **/
  2566. Utils.Hooks = function () {
  2567. this.initEnv = function () {
  2568. Function.prototype.hook = function (realFunc, hookFunc, context) {
  2569. let _context = null; //函数上下文
  2570. let _funcName = null; //函数名
  2571.  
  2572. _context = context || window;
  2573. _funcName = getFuncName(this);
  2574. _context["realFunc_" + _funcName] = this;
  2575.  
  2576. if (
  2577. _context[_funcName].prototype &&
  2578. _context[_funcName].prototype.isHooked
  2579. ) {
  2580. console.log("Already has been hooked,unhook first");
  2581. return false;
  2582. }
  2583. function getFuncName(fn) {
  2584. // 获取函数名
  2585. let strFunc = fn.toString();
  2586. let _regex = /function\s+(\w+)\s*\(/;
  2587. let patten = strFunc.match(_regex);
  2588. if (patten) {
  2589. return patten[1];
  2590. }
  2591. return "";
  2592. }
  2593. try {
  2594. eval(
  2595. "_context[_funcName] = function " +
  2596. _funcName +
  2597. "(){\n" +
  2598. "let args = Array.prototype.slice.call(arguments,0);\n" +
  2599. "let obj = this;\n" +
  2600. "hookFunc.apply(obj,args);\n" +
  2601. "return _context['realFunc_" +
  2602. _funcName +
  2603. "'].apply(obj,args);\n" +
  2604. "};"
  2605. );
  2606. _context[_funcName].prototype.isHooked = true;
  2607. return true;
  2608. } catch (e) {
  2609. console.log("Hook failed,check the params.");
  2610. return false;
  2611. }
  2612. };
  2613. Function.prototype.unhook = function (realFunc, funcName, context) {
  2614. let _context = null;
  2615. let _funcName = null;
  2616. _context = context || window;
  2617. _funcName = funcName;
  2618. if (!_context[_funcName].prototype.isHooked) {
  2619. console.log("No function is hooked on");
  2620. return false;
  2621. }
  2622. _context[_funcName] = _context["realFunc" + _funcName];
  2623. delete _context["realFunc_" + _funcName];
  2624. return true;
  2625. };
  2626. };
  2627. this.cleanEnv = function () {
  2628. if (Function.prototype.hasOwnProperty("hook")) {
  2629. delete Function.prototype.hook;
  2630. }
  2631. if (Function.prototype.hasOwnProperty("unhook")) {
  2632. delete Function.prototype.unhook;
  2633. }
  2634. return true;
  2635. };
  2636. };
  2637.  
  2638. /**
  2639. * 为减少代码量和回调,把GM_xmlhttpRequest封装
  2640. * 文档地址: https://www.tampermonkey.net/documentation.php?ext=iikm
  2641. * 其中onloadstart、onprogress、onreadystatechange是回调形式,onabort、ontimeout、onerror可以设置全局回调函数
  2642. * @param {Function} _GM_xmlHttpRequest_ 油猴中的GM_xmlhttpRequest(必须)
  2643. * @example
  2644. let httpx = new Utils.Httpx(GM_xmlhttpRequest);
  2645. let postResp = await httpx.post({
  2646. url:url,
  2647. data:JSON.stringify({
  2648. test:1
  2649. }),
  2650. timeout: 5000
  2651. });
  2652. console.log(postResp);
  2653. > {
  2654. status: true,
  2655. data: {responseText: "...", response: xxx,...},
  2656. msg: "请求完毕",
  2657. type: "onload",
  2658. }
  2659.  
  2660. if(postResp === "onload" && postResp.status){
  2661. // onload
  2662. }else if(postResp === "ontimeout"){
  2663. // ontimeout
  2664. }
  2665. * @example
  2666. // 也可以先配置全局参数
  2667. let httpx = new Utils.Httpx(GM_xmlhttpRequest);
  2668. httpx.config({
  2669. timeout: 5000,
  2670. async: false,
  2671. responseType: "html",
  2672. redirect: "follow",
  2673. })
  2674. // 优先级为 默认details < 全局details < 单独的details
  2675. */
  2676. Utils.Httpx = function (_GM_xmlHttpRequest_) {
  2677. if (typeof _GM_xmlHttpRequest_ !== "function") {
  2678. throw new Error(
  2679. "Utils.Httpx 请先加入@grant GM_xmlhttpRequest在开头且传入该参数"
  2680. );
  2681. }
  2682. /**
  2683. * @type {HttpxDetails}
  2684. */
  2685. let defaultDetails = {
  2686. url: void 0,
  2687. timeout: 5000,
  2688. async: false,
  2689. responseType: void 0,
  2690. headers: void 0,
  2691. data: void 0,
  2692. redirect: void 0,
  2693. cookie: void 0,
  2694. binary: void 0,
  2695. nocache: void 0,
  2696. revalidate: void 0,
  2697. context: void 0,
  2698. overrideMimeType: void 0,
  2699. anonymous: void 0,
  2700. fetch: void 0,
  2701. user: void 0,
  2702. password: void 0,
  2703. onabort() {},
  2704. onerror() {},
  2705. ontimeout() {},
  2706. onloadstart() {},
  2707. onreadystatechange() {},
  2708. onprogress() {},
  2709. };
  2710. /**
  2711. * 输出请求配置
  2712. */
  2713. let LOG_DETAILS = false;
  2714. /**
  2715. * 发送请求
  2716. * @param {HttpxDetails} details
  2717. */
  2718. function request(details) {
  2719. if (LOG_DETAILS) {
  2720. console.log("Httpx请求配置👇", details);
  2721. }
  2722. _GM_xmlHttpRequest_(details);
  2723. }
  2724.  
  2725. /**
  2726. * 获取请求配置
  2727. * @param {"get"|"post"|"head"|"options"|"delete"|"put"} method 当前请求方法,默认get
  2728. * @param {object} resolve promise回调
  2729. * @param {HttpxDetails} details 请求配置
  2730. * @returns
  2731. */
  2732. function getRequestDefails(method, resolve, details) {
  2733. return {
  2734. url: details.url || defaultDetails.url,
  2735. method: method || "GET",
  2736. timeout: details.timeout || defaultDetails.timeout,
  2737. async: details.async || defaultDetails.async,
  2738. responseType: details.responseType || defaultDetails.responseType,
  2739. headers: details.headers || defaultDetails.headers,
  2740. data: details.data || defaultDetails.data,
  2741. redirect: details.redirect || defaultDetails.redirect,
  2742. cookie: details.cookie || defaultDetails.cookie,
  2743. binary: details.binary || defaultDetails.binary,
  2744. nocache: details.nocache || defaultDetails.nocache,
  2745. revalidate: details.revalidate || defaultDetails.revalidate,
  2746. context: details.context || defaultDetails.context,
  2747. overrideMimeType:
  2748. details.overrideMimeType || defaultDetails.overrideMimeType,
  2749. anonymous: details.anonymous || defaultDetails.anonymous,
  2750. fetch: details.fetch || defaultDetails.fetch,
  2751. user: details.user || defaultDetails.user,
  2752. password: details.password || defaultDetails.password,
  2753. onabort() {
  2754. onAbortCallBack(details, resolve, arguments);
  2755. },
  2756. onerror() {
  2757. onErrorCallBack(details, resolve, arguments);
  2758. },
  2759. onloadstart() {
  2760. onLoadStartCallBack(details, arguments);
  2761. },
  2762. onprogress() {
  2763. onProgressCallBack(details, arguments);
  2764. },
  2765. onreadystatechange() {
  2766. onReadyStateChangeCallBack(details, arguments);
  2767. },
  2768. ontimeout() {
  2769. onTimeoutCallBack(details, resolve, arguments);
  2770. },
  2771. onload() {
  2772. onLoadCallBack(details, resolve, arguments);
  2773. },
  2774. };
  2775. }
  2776. /**
  2777. * 处理发送请求的details,去除值为undefined、空function的值
  2778. * @param {HttpxDetails} details
  2779. * @returns {HttpxDetails}
  2780. */
  2781. function handleRequestDetails(details) {
  2782. Object.keys(details).forEach((keyName) => {
  2783. if (
  2784. details[keyName] == null ||
  2785. (details[keyName] instanceof Function &&
  2786. Utils.isNull(details[keyName]))
  2787. ) {
  2788. delete details[keyName];
  2789. return;
  2790. }
  2791. });
  2792. if (Utils.isNull(details.url)) {
  2793. throw Error(`Utils.Httpx 参数 url不符合要求: ${details.url}`);
  2794. }
  2795. /* method值统一大写,兼容Via */
  2796. details.method = details.method.toUpperCase();
  2797. return details;
  2798. }
  2799.  
  2800. /**
  2801. * onabort请求被取消-触发
  2802. * @param {HttpxDetails} details 配置
  2803. * @param {()=>void} resolve 回调
  2804. * @param {any[]} argumentsList 参数列表
  2805. */
  2806. function onAbortCallBack(details, resolve, argumentsList) {
  2807. if ("onabort" in details) {
  2808. details.onabort.apply(this, argumentsList);
  2809. } else if ("onabort" in defaultDetails) {
  2810. defaultDetails.onabort.apply(this, argumentsList);
  2811. }
  2812. resolve({
  2813. status: false,
  2814. data: [...argumentsList],
  2815. msg: "请求被取消",
  2816. type: "onabort",
  2817. });
  2818. }
  2819.  
  2820. /**
  2821. * onerror请求异常-触发
  2822. * @param {HttpxDetails} details 配置
  2823. * @param {()=>void} resolve 回调
  2824. * @param {any[]} argumentsList 响应的参数列表
  2825. */
  2826. function onErrorCallBack(details, resolve, argumentsList) {
  2827. if ("onerror" in details) {
  2828. details.onerror.apply(this, argumentsList);
  2829. } else if ("onerror" in defaultDetails) {
  2830. defaultDetails.onerror.apply(this, argumentsList);
  2831. }
  2832. let response = argumentsList;
  2833. if (response.length) {
  2834. response = response[0];
  2835. }
  2836. resolve({
  2837. status: false,
  2838. data: response,
  2839. details: details,
  2840. msg: "请求异常",
  2841. type: "onerror",
  2842. });
  2843. }
  2844. /**
  2845. * ontimeout请求超时-触发
  2846. * @param {HttpxDetails} details 配置
  2847. * @param {()=>void} resolve 回调
  2848. * @param {any[]} argumentsList 参数列表
  2849. */
  2850. function onTimeoutCallBack(details, resolve, argumentsList) {
  2851. if ("ontimeout" in details) {
  2852. details.ontimeout.apply(this, argumentsList);
  2853. } else if ("ontimeout" in defaultDetails) {
  2854. defaultDetails.ontimeout.apply(this, argumentsList);
  2855. }
  2856. resolve({
  2857. status: false,
  2858. data: [...argumentsList],
  2859. msg: "请求超时",
  2860. type: "ontimeout",
  2861. });
  2862. }
  2863.  
  2864. /**
  2865. * onloadstart请求开始-触发
  2866. * @param {HttpxDetails} details 配置
  2867. * @param {any[]} argumentsList 参数列表
  2868. */
  2869. function onLoadStartCallBack(details, argumentsList) {
  2870. if ("onloadstart" in details) {
  2871. details.onloadstart.apply(this, argumentsList);
  2872. } else if ("onloadstart" in defaultDetails) {
  2873. defaultDetails.onloadstart.apply(this, argumentsList);
  2874. }
  2875. }
  2876.  
  2877. /**
  2878. * onreadystatechange准备状态改变-触发
  2879. * @param {HttpxDetails} details 配置
  2880. * @param {any[]} argumentsList 参数列表
  2881. */
  2882. function onReadyStateChangeCallBack(details, argumentsList) {
  2883. if ("onreadystatechange" in details) {
  2884. details.onreadystatechange.apply(this, argumentsList);
  2885. } else if ("onreadystatechange" in defaultDetails) {
  2886. defaultDetails.onreadystatechange.apply(this, argumentsList);
  2887. }
  2888. }
  2889.  
  2890. /**
  2891. * onprogress上传进度-触发
  2892. * @param {HttpxDetails} details 配置
  2893. * @param {any[]} argumentsList 参数列表
  2894. */
  2895. function onProgressCallBack(details, argumentsList) {
  2896. if ("onprogress" in details) {
  2897. details.onprogress.apply(this, argumentsList);
  2898. } else if ("onprogress" in defaultDetails) {
  2899. defaultDetails.onprogress.apply(this, argumentsList);
  2900. }
  2901. }
  2902.  
  2903. /**
  2904. * onload加载完毕-触发
  2905. * @param {HttpxDetails} details 配置
  2906. * @param {()=>void} resolve 回调
  2907. * @param {any[]} argumentsList 参数列表
  2908. */
  2909. function onLoadCallBack(details, resolve, argumentsList) {
  2910. /* X浏览器会因为设置了responseType导致不返回responseText */
  2911. let response = argumentsList[0];
  2912. if (
  2913. details.responseType === "json" &&
  2914. Utils.isNull(response.responseText) &&
  2915. typeof response.response === "object"
  2916. ) {
  2917. Utils.tryCatch().run(() => {
  2918. response.responseText = JSON.stringify(response.response);
  2919. });
  2920. }
  2921. /* 状态码2xx都是成功的 */
  2922. if (Math.floor(response.status / 100) === 2) {
  2923. resolve({
  2924. status: true,
  2925. data: response,
  2926. details: details,
  2927. msg: "请求完毕",
  2928. type: "onload",
  2929. });
  2930. } else {
  2931. onErrorCallBack(details, resolve, argumentsList);
  2932. }
  2933. }
  2934.  
  2935. /**
  2936. * GET 请求
  2937. * @param {...HttpxDetails|string} arguments
  2938. * @returns {Promise< HttpxAsyncResult >}
  2939. */
  2940. this.get = async function () {
  2941. let details = {};
  2942. if (typeof arguments[0] === "string") {
  2943. details.url = arguments[0];
  2944. if (typeof arguments[1] === "object") {
  2945. details = arguments[1];
  2946. details.url = arguments[0];
  2947. }
  2948. } else {
  2949. details = arguments[0];
  2950. }
  2951. return new Promise((resolve) => {
  2952. let requestDetails = getRequestDefails("get", resolve, details);
  2953. delete requestDetails.onprogress;
  2954. requestDetails = handleRequestDetails(requestDetails);
  2955. request(requestDetails);
  2956. });
  2957. };
  2958. /**
  2959. * POST 请求
  2960. * @param {...HttpxDetails|string} arguments
  2961. * @returns {Promise< HttpxAsyncResult >}
  2962. */
  2963. this.post = async function () {
  2964. let details = {};
  2965. if (typeof arguments[0] === "string") {
  2966. details.url = arguments[0];
  2967. if (typeof arguments[1] === "object") {
  2968. details = arguments[1];
  2969. details.url = arguments[0];
  2970. }
  2971. } else {
  2972. details = arguments[0];
  2973. }
  2974. return new Promise((resolve) => {
  2975. let requestDetails = getRequestDefails("post", resolve, details);
  2976. requestDetails = handleRequestDetails(requestDetails);
  2977. request(requestDetails);
  2978. });
  2979. };
  2980. /**
  2981. * HEAD 请求
  2982. * @param {...HttpxDetails|string} arguments
  2983. * @returns {Promise< HttpxAsyncResult >}
  2984. */
  2985. this.head = async function () {
  2986. let details = {};
  2987. if (typeof arguments[0] === "string") {
  2988. details.url = arguments[0];
  2989. if (typeof arguments[1] === "object") {
  2990. details = arguments[1];
  2991. details.url = arguments[0];
  2992. }
  2993. } else {
  2994. details = arguments[0];
  2995. }
  2996. return new Promise((resolve) => {
  2997. let requestDetails = getRequestDefails("head", resolve, details);
  2998. delete requestDetails.onprogress;
  2999. requestDetails = handleRequestDetails(requestDetails);
  3000. request(requestDetails);
  3001. });
  3002. };
  3003.  
  3004. /**
  3005. * OPTIONS请求
  3006. * @param {...HttpxDetails|string} arguments
  3007. * @returns {Promise< HttpxAsyncResult >}
  3008. */
  3009. this.options = async function () {
  3010. let details = {};
  3011. if (typeof arguments[0] === "string") {
  3012. details.url = arguments[0];
  3013. if (typeof arguments[1] === "object") {
  3014. details = arguments[1];
  3015. details.url = arguments[0];
  3016. }
  3017. } else {
  3018. details = arguments[0];
  3019. }
  3020. return new Promise((resolve) => {
  3021. let requestDetails = getRequestDefails("options", resolve, details);
  3022. delete requestDetails.onprogress;
  3023. requestDetails = handleRequestDetails(requestDetails);
  3024. request(requestDetails);
  3025. });
  3026. };
  3027.  
  3028. /**
  3029. * DELETE请求
  3030. * @param {...HttpxDetails|string} arguments
  3031. * @returns {Promise< HttpxAsyncResult >}
  3032. */
  3033. this.delete = async function () {
  3034. let details = {};
  3035. if (typeof arguments[0] === "string") {
  3036. details.url = arguments[0];
  3037. if (typeof arguments[1] === "object") {
  3038. details = arguments[1];
  3039. details.url = arguments[0];
  3040. }
  3041. } else {
  3042. details = arguments[0];
  3043. }
  3044. return new Promise((resolve) => {
  3045. let requestDetails = getRequestDefails("delete", resolve, details);
  3046. delete requestDetails.onprogress;
  3047. requestDetails = handleRequestDetails(requestDetails);
  3048. request(requestDetails);
  3049. });
  3050. };
  3051.  
  3052. /**
  3053. * PUT请求
  3054. * @param {...HttpxDetails|string} arguments
  3055. * @returns {Promise< HttpxAsyncResult >}
  3056. */
  3057. this.put = async function () {
  3058. let details = {};
  3059. if (typeof arguments[0] === "string") {
  3060. details.url = arguments[0];
  3061. if (typeof arguments[1] === "object") {
  3062. details = arguments[1];
  3063. details.url = arguments[0];
  3064. }
  3065. } else {
  3066. details = arguments[0];
  3067. }
  3068. return new Promise((resolve) => {
  3069. let requestDetails = getRequestDefails("put", resolve, details);
  3070. requestDetails = handleRequestDetails(requestDetails);
  3071. request(requestDetails);
  3072. });
  3073. };
  3074.  
  3075. /**
  3076. * 覆盖当前配置
  3077. * @param {HttpxDetails} details
  3078. */
  3079. this.config = function (details = {}) {
  3080. if (Object.hasOwnProperty.call(details, "logDetails")) {
  3081. LOG_DETAILS = details["logDetails"];
  3082. }
  3083. defaultDetails = Utils.assign(defaultDetails, details);
  3084. };
  3085. };
  3086.  
  3087. /**
  3088. * 浏览器端的indexedDB操作封装
  3089. * @example
  3090. let db = new Utils.indexedDB('web_DB', 'nav_text')
  3091. let data = {name:'管理员', roleId: 1, type: 1};
  3092. db.save('list',data).then((resolve)=>{
  3093. console.log(resolve,'存储成功')
  3094. })
  3095.  
  3096. db.get('list').then((resolve)=>{
  3097. console.log(resolve,'查询成功')
  3098. })
  3099.  
  3100. db.getPaging('list',20,10).then((resolve)=>{
  3101. console.log(resolve,'查询分页偏移第20,一共10行成功');
  3102. })
  3103.  
  3104. db.delete('list').then(resolve=>{
  3105. console.log(resolve,'删除成功---->>>>>>name')
  3106. })
  3107.  
  3108. db.deleteAll().then(resolve=>{
  3109. console.log(resolve,'清除数据库---->>>>>>name')
  3110. })
  3111. * @param {string} [dbName="default_db"] 数据存储名
  3112. * @param {string} [storeName="default_form"] 表名
  3113. * @param {number} [dbVersion=1] indexDB的版本号
  3114. **/
  3115. Utils.indexedDB = function (
  3116. dbName = "default_db",
  3117. storeName = "default_form",
  3118. dbVersion = 1
  3119. ) {
  3120. this.dbName = dbName;
  3121. /* websql的版本号,由于ios的问题,版本号的写法不一样 */
  3122. this.slqVersion = "1";
  3123. this.dbVersion = dbVersion;
  3124. this.storeName = storeName;
  3125. /* 监听IndexDB */
  3126. this.indexedDB =
  3127. window.indexedDB ||
  3128. window.mozIndexedDB ||
  3129. window.webkitIndexedDB ||
  3130. window.msIndexedDB;
  3131. if (!this.indexedDB) {
  3132. alert("很抱歉,您的浏览器不支持indexedDB");
  3133. }
  3134. /* 缓存数据库,避免同一个页面重复创建和销毁 */
  3135. this.db = {};
  3136. this.store = null;
  3137. this.errorCode = {
  3138. /* 错误码 */
  3139. success: {
  3140. code: 200,
  3141. msg: "操作成功",
  3142. },
  3143. error: {
  3144. code: 401,
  3145. msg: "操作失败",
  3146. },
  3147. open: { code: 91001, msg: "打开数据库失败" },
  3148. save: { code: 91002, msg: "保存数据失败" },
  3149. get: { code: 91003, msg: "获取数据失败" },
  3150. delete: { code: 91004, msg: "删除数据失败" },
  3151. deleteAll: { code: 91005, msg: "清空数据库失败" },
  3152. };
  3153. let that = this;
  3154. /**
  3155. * 创建 “表”
  3156. * @param {string} dbName 表名
  3157. * @returns
  3158. */
  3159. this.createStore = function (dbName) {
  3160. let txn, store;
  3161. if (that.indexedDB) {
  3162. /* 如果是支持IndexDB的 */
  3163. txn = that.db[dbName].transaction(that.storeName, "readwrite");
  3164. /* IndexDB的读写权限 */
  3165. store = txn.objectStore(that.storeName);
  3166. }
  3167. return store;
  3168. };
  3169. /**
  3170. * 打开数据库
  3171. * @param {function} callback 回调
  3172. * @param {string} dbName 数据库名
  3173. */
  3174. this.open = function (callback, dbName) {
  3175. /* 打开数据库 */
  3176. if (that.indexedDB) {
  3177. /* 如果支持IndexDB */
  3178. if (!that.db[dbName]) {
  3179. /* 如果缓存中没有,则进行数据库的创建或打开,提高效率 */
  3180. let request = that.indexedDB.open(dbName, that.dbVersion);
  3181. request.onerror = function (e) {
  3182. callback({
  3183. code: that.errorCode.open.code,
  3184. msg: that.errorCode.open.msg,
  3185. error: e,
  3186. });
  3187. };
  3188. request.onsuccess = function (e) {
  3189. if (!that.db[dbName]) {
  3190. that.db[dbName] = e.target.result;
  3191. }
  3192. let store = that.createStore(dbName);
  3193. callback(store);
  3194. };
  3195. request.onupgradeneeded = function (e) {
  3196. that.db[dbName] = e.target.result;
  3197. let store = that.db[dbName].createObjectStore(that.storeName, {
  3198. keyPath: "key",
  3199. });
  3200. store.transaction.oncomplete = function (event) {
  3201. callback(store);
  3202. };
  3203. };
  3204. } else {
  3205. /* 如果缓存中已经打开了数据库,就直接使用 */
  3206. let store = that.createStore(dbName);
  3207. callback(store);
  3208. }
  3209. }
  3210. };
  3211. /**
  3212. * 保存数据到数据库
  3213. * @param {string} key 数据key
  3214. * @param {any} value 数据值
  3215. * @returns {Promise< {
  3216. * code: number,
  3217. * msg: string,
  3218. * success: boolean
  3219. * }>}
  3220. */
  3221. this.save = async function (key, value) {
  3222. if (that.indexedDB) {
  3223. return new Promise((resolve, reject) => {
  3224. let dbName = that.dbName;
  3225. let inData = {
  3226. key: key,
  3227. value: value,
  3228. };
  3229. that.open(function (result) {
  3230. let error = result.hasOwnProperty("error");
  3231. if (error) {
  3232. resolve(result);
  3233. } else {
  3234. let request = result.put(inData);
  3235. request.onsuccess = function (e) {
  3236. /* 保存成功有success 字段 */
  3237. resolve({
  3238. code: that.errorCode.success.code,
  3239. msg: that.errorCode.success.msg,
  3240. success: true,
  3241. });
  3242. };
  3243. request.onerror = function (e) {
  3244. resolve({
  3245. code: that.errorCode.save.code,
  3246. msg: that.errorCode.save.msg,
  3247. error: e,
  3248. });
  3249. };
  3250. }
  3251. }, dbName);
  3252. });
  3253. }
  3254. };
  3255. /**
  3256. * 根据key获取值
  3257. * @param {string} key 数据key
  3258. * @returns {Promise< {
  3259. * code: number,
  3260. * msg: string,
  3261. * data: [...any],
  3262. * success: true
  3263. * }| {
  3264. * code: number,
  3265. * msg: string,
  3266. * error: Error,
  3267. * result: any,
  3268. * } >}
  3269. */
  3270. this.get = async function (key) {
  3271. return new Promise((resolve, reject) => {
  3272. let dbName = that.dbName;
  3273. if (that.indexedDB) {
  3274. that.open(function (result) {
  3275. /* 判断返回的数据中是否有error字段 */
  3276. let error = result.hasOwnProperty("error");
  3277. if (error) {
  3278. reject({
  3279. code: that.errorCode.open.get,
  3280. msg: that.errorCode.get.msg,
  3281. error: error,
  3282. result: result,
  3283. });
  3284. } else {
  3285. let request = result.get(key);
  3286. request.onsuccess = function (e) {
  3287. let result = e.target.result;
  3288. let data = result ? result.value : void 0;
  3289. resolve({
  3290. code: data
  3291. ? that.errorCode.success.code
  3292. : that.errorCode.error.code,
  3293. msg: data
  3294. ? that.errorCode.success.msg
  3295. : that.errorCode.error.msg,
  3296. data: data || [],
  3297. success: true,
  3298. });
  3299. };
  3300. request.onerror = function (e) {
  3301. reject({
  3302. code: that.errorCode.get.code,
  3303. msg: that.errorCode.get.msg,
  3304. result: result,
  3305. error: e,
  3306. });
  3307. };
  3308. }
  3309. }, dbName);
  3310. }
  3311. });
  3312. };
  3313. /**
  3314. * 正则获取数据
  3315. * @param {string} key 数据键
  3316. * @returns { Promise<{
  3317. * code: number,
  3318. * msg: string,
  3319. * data: [...any],
  3320. * success: true
  3321. * }|{
  3322. * code: number,
  3323. * msg: string,
  3324. * error: Error,
  3325. * result: any,
  3326. * }> }
  3327. */
  3328. this.regexpGet = async function (key) {
  3329. let list = [];
  3330. return new Promise((resolve, reject) => {
  3331. /* 正则查询 */
  3332. let dbName = that.dbName;
  3333. if (that.indexedDB) {
  3334. that.open(function (result) {
  3335. /* 判断返回的数据中是否有error字段 */
  3336. let error = result.hasOwnProperty("error");
  3337. if (error) {
  3338. reject({
  3339. code: that.errorCode.open.get,
  3340. msg: that.errorCode.get.msg,
  3341. error: error,
  3342. result: result,
  3343. });
  3344. } else {
  3345. let request = result.getAll();
  3346. request.onsuccess = function (e) {
  3347. let result = e.target.result;
  3348. if (result.length !== 0) {
  3349. result.forEach((item, index) => {
  3350. if (item["key"].match(key)) {
  3351. let concatList = item["value"];
  3352. concatList["key"] = item["key"];
  3353. list = [...list, concatList];
  3354. }
  3355. });
  3356. }
  3357. resolve({
  3358. code: that.errorCode.success.code,
  3359. msg: that.errorCode.success.msg,
  3360. data: list,
  3361. success: true,
  3362. });
  3363. };
  3364. request.onerror = function (e) {
  3365. reject({
  3366. code: that.errorCode.get.code,
  3367. msg: that.errorCode.get.msg,
  3368. result: result,
  3369. error: e,
  3370. });
  3371. };
  3372. }
  3373. }, dbName);
  3374. }
  3375. });
  3376. };
  3377. /**
  3378. * 删除数据
  3379. * @param {string} key 数据键
  3380. * @returns {Promise<{
  3381. * code: number,
  3382. * msg: string,
  3383. * success: true,
  3384. * }|{
  3385. * code: number,
  3386. * msg: string,
  3387. * error: Error,
  3388. * }>}
  3389. */
  3390. this.delete = async function (key) {
  3391. return new Promise((resolve, reject) => {
  3392. /* 根据key删除某条数据 */
  3393. let dbName = that.dbName;
  3394. if (that.indexedDB) {
  3395. that.open(function (result) {
  3396. let error = result.hasOwnProperty("error");
  3397. if (error) {
  3398. resolve(result);
  3399. } else {
  3400. let request = result.get(key);
  3401. request.onsuccess = function (e) {
  3402. let recode = e.target.result;
  3403. if (recode) {
  3404. request = result.delete(key);
  3405. }
  3406. resolve({
  3407. code: recode
  3408. ? that.errorCode.success.code
  3409. : that.errorCode.error.code,
  3410. msg: recode
  3411. ? that.errorCode.success.msg
  3412. : that.errorCode.error.msg,
  3413. success: true,
  3414. });
  3415. };
  3416. request.onerror = function (e) {
  3417. resolve({
  3418. code: that.errorCode.delete.code,
  3419. msg: that.errorCode.delete.msg,
  3420. error: e,
  3421. });
  3422. };
  3423. }
  3424. }, dbName);
  3425. }
  3426. });
  3427. };
  3428. /**
  3429. * 删除所有数据
  3430. * @returns {Promise<{
  3431. * code: number,
  3432. * msg: string,
  3433. * error: Error,
  3434. * result: any,
  3435. * }|{
  3436. * code: number,
  3437. * msg: string,
  3438. * success: true,
  3439. * }>}
  3440. */
  3441. this.deleteAll = async function () {
  3442. return new Promise((resolve, reject) => {
  3443. /* 清空数据库 */
  3444. let dbName = that.dbName;
  3445. if (that.indexedDB) {
  3446. that.open(function (result) {
  3447. let error = result.hasOwnProperty("error");
  3448. if (error) {
  3449. resolve({
  3450. code: that.errorCode.deleteAll.code,
  3451. msg: that.errorCode.deleteAll.msg,
  3452. error: error,
  3453. result: result,
  3454. });
  3455. } else {
  3456. result.clear();
  3457. resolve({
  3458. code: that.errorCode.success.code,
  3459. msg: that.errorCode.success.msg,
  3460. success: true,
  3461. });
  3462. }
  3463. }, dbName);
  3464. }
  3465. });
  3466. };
  3467. };
  3468.  
  3469. /**
  3470. * 判断目标函数是否是Native Code
  3471. * @param {function} target
  3472. * @returns {boolean}
  3473. * + true 是Native
  3474. * + false 不是Native
  3475. * @example
  3476. * Utils.isNativeFunc(window.location.assign)
  3477. * > true
  3478. */
  3479. Utils.isNativeFunc = function (target) {
  3480. return Boolean(
  3481. target.toString().match(/^function .*\(\) { \[native code\] }$/)
  3482. );
  3483. };
  3484.  
  3485. /**
  3486. * 判断当前的位置是否位于页面底部附近
  3487. * @param {number} [nearValue=50] 判断在页面底部的误差值,默认:50
  3488. * @returns {boolean}
  3489. * + true 在底部附近
  3490. * + false 不在底部附近
  3491. */
  3492. Utils.isNearBottom = function (nearValue = 50) {
  3493. var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  3494. var windowHeight =
  3495. window.innerHeight || document.documentElement.clientHeight;
  3496. var documentHeight = document.documentElement.scrollHeight;
  3497. return scrollTop + windowHeight >= documentHeight - nearValue;
  3498. };
  3499.  
  3500. /**
  3501. * 判断对象是否是元素
  3502. * @param {any} target
  3503. * @returns {boolean}
  3504. * + true 是元素
  3505. * + false 不是元素
  3506. * @example
  3507. * Utils.isDOM(document.querySelector("a"))
  3508. * > true
  3509. */
  3510. Utils.isDOM = function (target) {
  3511. return target instanceof Node;
  3512. };
  3513.  
  3514. /**
  3515. * 判断浏览器是否支持全屏
  3516. * @returns {boolean}
  3517. */
  3518. Utils.isFullscreenEnabled = function () {
  3519. return !!(
  3520. document.fullscreenEnabled ||
  3521. document.webkitFullScreenEnabled ||
  3522. document.mozFullScreenEnabled ||
  3523. document.msFullScreenEnabled
  3524. );
  3525. };
  3526. /**
  3527. * 判断对象是否是jQuery对象
  3528. * @param {any} target
  3529. * @returns {boolean}
  3530. * + true 是jQuery对象
  3531. * + false 不是jQuery对象
  3532. * @example
  3533. * Utils.isJQuery($("a"))
  3534. * > true
  3535. */
  3536. Utils.isJQuery = function (target) {
  3537. let result = false;
  3538. if (typeof jQuery === "object" && target instanceof jQuery) {
  3539. result = true;
  3540. }
  3541. if (target == null) {
  3542. return false;
  3543. }
  3544. if (typeof target === "object") {
  3545. /* 也有种可能,这个jQuery对象是1.8.3版本的,页面中的jQuery是3.4.1版本的 */
  3546. let jQueryProps = [
  3547. "add",
  3548. "addBack",
  3549. "addClass",
  3550. "after",
  3551. "ajaxComplete",
  3552. "ajaxError",
  3553. "ajaxSend",
  3554. "ajaxStart",
  3555. "ajaxStop",
  3556. "ajaxSuccess",
  3557. "animate",
  3558. "append",
  3559. "appendTo",
  3560. "attr",
  3561. "before",
  3562. "bind",
  3563. "blur",
  3564. "change",
  3565. "children",
  3566. "clearQueue",
  3567. "click",
  3568. "clone",
  3569. "closest",
  3570. "constructor",
  3571. "contents",
  3572. "contextmenu",
  3573. "css",
  3574. "data",
  3575. "dblclick",
  3576. "delay",
  3577. "delegate",
  3578. "dequeue",
  3579. "each",
  3580. "empty",
  3581. "end",
  3582. "eq",
  3583. "extend",
  3584. "fadeIn",
  3585. "fadeOut",
  3586. "fadeTo",
  3587. "fadeToggle",
  3588. "filter",
  3589. "find",
  3590. "first",
  3591. "focus",
  3592. "focusin",
  3593. "focusout",
  3594. "get",
  3595. "has",
  3596. "hasClass",
  3597. "height",
  3598. "hide",
  3599. "hover",
  3600. "html",
  3601. "index",
  3602. "init",
  3603. "innerHeight",
  3604. "innerWidth",
  3605. "insertAfter",
  3606. "insertBefore",
  3607. "is",
  3608. "jquery",
  3609. "keydown",
  3610. "keypress",
  3611. "keyup",
  3612. "last",
  3613. "load",
  3614. "map",
  3615. "mousedown",
  3616. "mouseenter",
  3617. "mouseleave",
  3618. "mousemove",
  3619. "mouseout",
  3620. "mouseover",
  3621. "mouseup",
  3622. "next",
  3623. "nextAll",
  3624. "not",
  3625. "off",
  3626. "offset",
  3627. "offsetParent",
  3628. "on",
  3629. "one",
  3630. "outerHeight",
  3631. "outerWidth",
  3632. "parent",
  3633. "parents",
  3634. "position",
  3635. "prepend",
  3636. "prependTo",
  3637. "prev",
  3638. "prevAll",
  3639. "prevUntil",
  3640. "promise",
  3641. "prop",
  3642. "pushStack",
  3643. "queue",
  3644. "ready",
  3645. "remove",
  3646. "removeAttr",
  3647. "removeClass",
  3648. "removeData",
  3649. "removeProp",
  3650. "replaceAll",
  3651. "replaceWith",
  3652. "resize",
  3653. "scroll",
  3654. "scrollLeft",
  3655. "scrollTop",
  3656. "select",
  3657. "show",
  3658. "siblings",
  3659. "slice",
  3660. "slideDown",
  3661. "slideToggle",
  3662. "slideUp",
  3663. "sort",
  3664. "splice",
  3665. "text",
  3666. "toArray",
  3667. "toggle",
  3668. "toggleClass",
  3669. "trigger",
  3670. "triggerHandler",
  3671. "unbind",
  3672. "width",
  3673. "wrap",
  3674. ];
  3675. for (const jQueryPropsName of jQueryProps) {
  3676. if (!(jQueryPropsName in target)) {
  3677. result = false;
  3678. /* console.log(jQueryPropsName); */
  3679. break;
  3680. } else {
  3681. result = true;
  3682. }
  3683. }
  3684. }
  3685. return result;
  3686. };
  3687.  
  3688. /**
  3689. * 判断当前设备是否是移动端
  3690. * @param {string} [userAgent=navigator.userAgent] UA字符串,默认使用当前的navigator.userAgent
  3691. * @returns {boolean}
  3692. * + true 是移动端
  3693. * + false 不是移动端
  3694. * @example
  3695. * Utils.isPhone();
  3696. * > true
  3697. **/
  3698. Utils.isPhone = function (userAgent = navigator.userAgent) {
  3699. return Boolean(/(iPhone|iPad|iPod|iOS|Android|Mobile)/i.test(userAgent));
  3700. };
  3701.  
  3702. /**
  3703. * 判断对象是否不为空
  3704. * @param {any} obj
  3705. * @returns {boolean}
  3706. * + true 不为空
  3707. * + false 为空
  3708. * @example
  3709. * Utils.isNotNull("123");
  3710. * > true
  3711. */
  3712. Utils.isNotNull = function () {
  3713. return !Utils.isNull.apply(this, arguments);
  3714. };
  3715.  
  3716. /**
  3717. * 判断对象或数据是否为空
  3718. * String类型,如 ""、"null"、"undefined"、" "
  3719. * Number类型,如 0
  3720. * Object类型,如 {}
  3721. * @param {arguments} obj 需要判断的变量
  3722. * @returns {boolean}
  3723. * + true 为空
  3724. * + false 不为空
  3725. * @example
  3726. Utils.isNull({});
  3727. > true
  3728. * @example
  3729. Utils.isNull([]);
  3730. > true
  3731. * @example
  3732. Utils.isNull(" ");
  3733. > true
  3734. * @example
  3735. Utils.isNull(function(){});
  3736. > true
  3737. * @example
  3738. Utils.isNull(()=>{}));
  3739. > true
  3740. * @example
  3741. Utils.isNull("undefined");
  3742. > true
  3743. * @example
  3744. Utils.isNull("null");
  3745. > true
  3746. * @example
  3747. Utils.isNull(" ", false);
  3748. > true
  3749. * @example
  3750. Utils.isNull([1],[]);
  3751. > false
  3752. * @example
  3753. Utils.isNull([],[1]);
  3754. > false
  3755. * @example
  3756. Utils.isNull(false,[123]);
  3757. > false
  3758. **/
  3759. Utils.isNull = function () {
  3760. let result = true;
  3761. let checkList = [...arguments];
  3762. for (const objItem of checkList) {
  3763. let itemResult = false;
  3764. switch (typeof objItem) {
  3765. case "undefined":
  3766. case "null":
  3767. itemResult = true;
  3768. break;
  3769. case "object":
  3770. /* object类型的也可能是null */
  3771. if (objItem == null) {
  3772. itemResult = true;
  3773. } else if (
  3774. Array.isArray(objItem) ||
  3775. objItem instanceof NodeList ||
  3776. objItem instanceof FileList
  3777. ) {
  3778. itemResult = objItem.length === 0;
  3779. } else if (objItem instanceof Map || objItem instanceof Set) {
  3780. itemResult = objItem.size === 0;
  3781. } else {
  3782. itemResult = Object.keys(objItem).length === 0;
  3783. }
  3784. break;
  3785. case "number":
  3786. itemResult = objItem === 0;
  3787. break;
  3788. case "string":
  3789. itemResult =
  3790. objItem.trim() === "" ||
  3791. objItem === "null" ||
  3792. objItem === "undefined";
  3793. break;
  3794. case "boolean":
  3795. itemResult = !objItem;
  3796. break;
  3797. case "function":
  3798. let funcStr = objItem.toString().replace(/\s/g, "");
  3799. /* 排除()=>{}、(xxx="")=>{}、function(){}、function(xxx=""){}、 */
  3800. itemResult = Boolean(
  3801. funcStr.match(/^\(.*?\)=>\{\}$|^function.*?\(.*?\)\{\}$/)
  3802. );
  3803. break;
  3804. }
  3805. result = result && itemResult;
  3806. }
  3807.  
  3808. return result;
  3809. };
  3810.  
  3811. /**
  3812. * 判断元素是否在页面中可见
  3813. * @param {[...HTMLElement]|NodeList} element 需要检查的元素,可以是普通元素|数组形式的元素|通过querySelectorAll获取的元素数组
  3814. * @param {boolean} [inView=false]
  3815. * + true 在窗口可视区域
  3816. * + false 不在窗口可视区域
  3817. * @returns {boolean}
  3818. * + true 可见
  3819. * + false 不可见
  3820. * @example
  3821. * Utils.isVisible(document.documentElement)
  3822. * > true
  3823. */
  3824. Utils.isVisible = function (element, inView = false) {
  3825. let needCheckDomList = [];
  3826. if (element instanceof Array || element instanceof NodeList) {
  3827. needCheckDomList = [...element];
  3828. } else {
  3829. needCheckDomList = [element];
  3830. }
  3831. let result = true;
  3832. for (const domItem of needCheckDomList) {
  3833. let domDisplay = window.getComputedStyle(domItem);
  3834. if (domDisplay.display === "none") {
  3835. result = false;
  3836. } else {
  3837. let domClientRect = domItem.getBoundingClientRect();
  3838. if (inView) {
  3839. let viewportWidth =
  3840. window.innerWidth || document.documentElement.clientWidth;
  3841. let viewportHeight =
  3842. window.innerHeight || document.documentElement.clientHeight;
  3843. result = !(
  3844. domClientRect.right < 0 ||
  3845. domClientRect.left > viewportWidth ||
  3846. domClientRect.bottom < 0 ||
  3847. domClientRect.top > viewportHeight
  3848. );
  3849. } else {
  3850. result = !(
  3851. domClientRect.bottom === 0 &&
  3852. domClientRect.height === 0 &&
  3853. domClientRect.left === 0 &&
  3854. domClientRect.right === 0 &&
  3855. domClientRect.top === 0 &&
  3856. domClientRect.width === 0 &&
  3857. domClientRect.x === 0 &&
  3858. domClientRect.y === 0
  3859. );
  3860. }
  3861. }
  3862. if (!result) {
  3863. /* 有一个不可见就退出循环 */
  3864. break;
  3865. }
  3866. }
  3867. return result;
  3868. };
  3869.  
  3870. /**
  3871. * 判断是否是Via浏览器环境
  3872. * @returns {boolean}
  3873. * + true 是Via
  3874. * + false 不是Via
  3875. * @example
  3876. * Utils.isWebView_Via()
  3877. * > false
  3878. */
  3879. Utils.isWebView_Via = function () {
  3880. let result = true;
  3881. if (typeof top.window.via === "object") {
  3882. for (const key in Object.values(top.window.via)) {
  3883. if (Object.hasOwnProperty.call(top.window.via, key)) {
  3884. let objValueFunc = top.window.via[key];
  3885. if (
  3886. typeof objValueFunc === "function" &&
  3887. Utils.isNativeFunc(objValueFunc)
  3888. ) {
  3889. result = true;
  3890. } else {
  3891. result = false;
  3892. break;
  3893. }
  3894. }
  3895. }
  3896. } else {
  3897. result = false;
  3898. }
  3899. return result;
  3900. };
  3901.  
  3902. /**
  3903. * 判断是否是X浏览器环境
  3904. * @returns {boolean}
  3905. * + true 是X浏览器
  3906. * + false 不是X浏览器
  3907. * @example
  3908. * Utils.isWebView_X()
  3909. * > false
  3910. */
  3911. Utils.isWebView_X = function () {
  3912. let result = true;
  3913. if (typeof top.window.mbrowser === "object") {
  3914. for (const key in Object.values(top.window.mbrowser)) {
  3915. if (Object.hasOwnProperty.call(top.window.mbrowser, key)) {
  3916. let objValueFunc = top.window.mbrowser[key];
  3917. if (
  3918. typeof objValueFunc === "function" &&
  3919. Utils.isNativeFunc(objValueFunc)
  3920. ) {
  3921. result = true;
  3922. } else {
  3923. result = false;
  3924. break;
  3925. }
  3926. }
  3927. }
  3928. } else {
  3929. result = false;
  3930. }
  3931. return result;
  3932. };
  3933.  
  3934. /**
  3935. * 把对象内的value值全部取出成数组
  3936. * @param {object} target 目标对象
  3937. * @returns {object} 返回数组
  3938. * @example
  3939. * Utils.parseObjectToArray({"工具类":"jsonToArray","return","Array"});
  3940. * > ['jsonToArray', 'Array']
  3941. **/
  3942. Utils.parseObjectToArray = function (target) {
  3943. if (typeof target !== "object") {
  3944. throw new Error(
  3945. "Utils.parseObjectToArray 参数 target 必须为 object 类型"
  3946. );
  3947. }
  3948. let result = [];
  3949. Object.keys(target).forEach(function (keyName) {
  3950. result = result.concat(target[keyName]);
  3951. });
  3952. return result;
  3953. };
  3954.  
  3955. /**
  3956. * 监听某个元素键盘按键事件或window全局按键事件
  3957. * 按下有值的键时触发,按下Ctrl\Alt\Shift\Meta是无值键。按下先触发keydown事件,再触发keypress事件。
  3958. * @param {Window|Node|HTMLElement|globalThis} target 需要监听的对象,可以是全局Window或者某个元素
  3959. * @param {"keyup"|"keypress"|"keydown"} eventName 事件名,默认keypress
  3960. * @param {?(keyName: string, keyValue:string,otherCodeList: string[], event: KeyboardEvent)=>{}} callback 自己定义的回调事件,参数1为当前的key,参数2为组合按键,数组类型,包含ctrl、shift、alt和meta(win键或mac的cmd键)
  3961. * @example
  3962. Utils.listenKeyboard(window,(keyName,keyValue,otherKey,event)=>{
  3963. if(keyName === "Enter"){
  3964. console.log("回车按键的值是:"+keyValue)
  3965. }
  3966. if(otherKey.indexOf("ctrl") && keyName === "Enter" ){
  3967. console.log("Ctrl和回车键");
  3968. }
  3969. })
  3970. * @example
  3971. 字母和数字键的键码值(keyCode)
  3972. 按键 键码 按键 键码 按键 键码 按键 键码
  3973. A 65 J 74 S 83 1 49
  3974. B 66 K 75 T 84 2 50
  3975. C 67 L 76 U 85 3 51
  3976. D 68 M 77 V 86 4 52
  3977. E 69 N 78 W 87 5 53
  3978. F 70 O 79 X 88 6 54
  3979. G 71 P 80 Y 89 7 55
  3980. H 72 Q 81 Z 90 8 56
  3981. I 73 R 82 0 48 9 57
  3982.  
  3983. 数字键盘上的键的键码值(keyCode)
  3984. 功能键键码值(keyCode)
  3985. 按键 键码 按键 键码 按键 键码 按键 键码
  3986. 0 96 8 104 F1 112 F7 118
  3987. 1 97 9 105 F2 113 F8 119
  3988. 2 98 * 106 F3 114 F9 120
  3989. 3 99 + 107 F4 115 F10 121
  3990. 4 100 Enter 108 F5 116 F11 122
  3991. 5 101 - 109 F6 117 F12 123
  3992. 6 102 . 110
  3993. 7 103 / 111
  3994. 控制键键码值(keyCode)
  3995. 按键 键码 按键 键码 按键 键码 按键 键码
  3996. BackSpace 8 Esc 27 → 39 -_ 189
  3997. Tab 9 Spacebar 32 ↓ 40 .> 190
  3998. Clear 12 Page Up 33 Insert 45 /? 191
  3999. Enter 13 Page Down 34 Delete 46 `~ 192
  4000. Shift 16 End 35 Num Lock 144 [{ 219
  4001. Control 17 Home 36 ;: 186 \| 220
  4002. Alt 18 ← 37 =+ 187 ]} 221
  4003. Cape Lock 20 ↑ 38 ,< 188 '" 222
  4004.  
  4005. 多媒体键码值(keyCode)
  4006. 按键 键码
  4007. 音量加 175
  4008. 音量减 174
  4009. 停止 179
  4010. 静音 173
  4011. 浏览器 172
  4012. 邮件 180
  4013. 搜索 170
  4014. 收藏 171
  4015. **/
  4016. Utils.listenKeyboard = function (target, eventName = "keypress", callback) {
  4017. if (
  4018. typeof target !== "object" ||
  4019. (typeof target["addEventListener"] !== "function" &&
  4020. typeof target["removeEventListener"] !== "function")
  4021. ) {
  4022. throw new Error(
  4023. "Utils.listenKeyboard 参数 target 必须为 Window|HTMLElement 类型"
  4024. );
  4025. }
  4026. let keyEvent = function (event) {
  4027. let keyName = event.key || event.code;
  4028. let keyValue = event.charCode || event.keyCode || event.which;
  4029. let otherCodeList = [];
  4030. if (event.ctrlKey) {
  4031. otherCodeList.push("ctrl");
  4032. }
  4033. if (event.altKey) {
  4034. otherCodeList.push("alt");
  4035. }
  4036. if (event.metaKey) {
  4037. otherCodeList.push("meta");
  4038. }
  4039. if (event.shiftKey) {
  4040. otherCodeList.push("shift");
  4041. }
  4042. if (typeof callback === "function") {
  4043. callback(keyName, keyValue, otherCodeList, event);
  4044. }
  4045. };
  4046. target.addEventListener(eventName, keyEvent);
  4047. return {
  4048. removeListen() {
  4049. target.removeEventListener(eventName, keyEvent);
  4050. },
  4051. };
  4052. };
  4053.  
  4054. /**
  4055. * 自动锁对象,用于循环判断运行的函数,在循环外new后使用,注意,如果函数内部存在异步操作,需要使用await
  4056. * @param {function|string} func 需要执行的函数
  4057. * @param {function|undefined} scope 函数作用域
  4058. * @param {number} [unLockDelayTime=0] 延迟xx毫秒后解锁,默认0
  4059. * @example
  4060. let lock = new Utils.LockFunction(()=>{console.log(1)}))
  4061. lock.run();
  4062. > 1
  4063. * @example
  4064. let lock = new Utils.LockFunction(()=>{console.log(1)}),true) -- 异步操作
  4065. await lock.run();
  4066. > 1
  4067. **/
  4068. Utils.LockFunction = function (func, scope, unLockDelayTime = 0) {
  4069. let flag = false;
  4070. let that = this;
  4071. scope = scope || this;
  4072. /**
  4073. * 锁
  4074. */
  4075. this.lock = function () {
  4076. flag = true;
  4077. };
  4078. /**
  4079. * 解锁
  4080. */
  4081. this.unlock = function () {
  4082. setTimeout(() => {
  4083. flag = false;
  4084. }, unLockDelayTime);
  4085. };
  4086. /**
  4087. * 执行
  4088. * @param {...any} funArgs 参数
  4089. */
  4090. this.run = async function (...funArgs) {
  4091. if (flag) {
  4092. return;
  4093. }
  4094. that.lock();
  4095. await func.apply(scope, funArgs); /* arguments调用 */
  4096. that.unlock();
  4097. };
  4098. };
  4099.  
  4100. /**
  4101. * @typedef {object} UtilsLogDetails
  4102. * @property {boolean} [tag=true] 是否输出Tag,false的话其它的颜色也不输出,默认为true
  4103. * @property {string} [successColor="#0000FF"] log.success的颜色,默认#0000FF
  4104. * @property {string} [warnColor="0"] log.warn的颜色,默认0
  4105. * @property {string} [errorColor="#FF0000"] log.error的颜色,默认#FF0000
  4106. * @property {string} [infoColor="0"] log.info的颜色,默认0
  4107. * @property {boolean} [debug=false] 是否开启debug模式,true会在控制台每次调用时输出调用函数的所在位置,false不会输出位置,默认false
  4108. * @property {boolean} [autoClearConsole=false] 当console输出超过logMaxCount数量自动清理控制台,默认false
  4109. * @property {boolean} [logMaxCount=999] console输出的最高数量,autoClearConsole开启则生效,默认999
  4110. */
  4111. /**
  4112. * 日志对象
  4113. * @param {object|undefined} _GM_info_ 油猴管理器的API GM_info,或者是一个对象,如{"script":{name:"Utils.Log"}}
  4114. * @example
  4115. let log = new Utils.Log(GM_info);
  4116. log.info("普通输出");
  4117. > 普通输出
  4118.  
  4119. log.success("成功输出");
  4120. > 成功输出
  4121.  
  4122. log.error("错误输出");
  4123. > 错误输出
  4124. log.warn("警告输出");
  4125. > 警告输出
  4126.  
  4127. log.tag = "自定义tag信息";
  4128. log.info("自定义info的颜色","#e0e0e0");
  4129. > 自定义info的颜色
  4130.  
  4131. log.config({
  4132. successColor: "#31dc02",
  4133. errorColor: "#e02d2d",
  4134. infoColor: "black",
  4135. })
  4136. log.success("颜色为#31dc02");
  4137. > 颜色为#31dc02
  4138. */
  4139. Utils.Log = function (
  4140. _GM_info_ = {
  4141. script: {
  4142. name: "Utils.Log",
  4143. },
  4144. }
  4145. ) {
  4146. let msgColorDetails = [
  4147. "font-weight: bold; color: cornflowerblue",
  4148. "font-weight: bold; color: cornflowerblue",
  4149. "font-weight: bold; color: darkorange",
  4150. "font-weight: bold; color: cornflowerblue",
  4151. ];
  4152. /**
  4153. * @type {UtilsLogDetails}
  4154. */
  4155. let details = {
  4156. tag: true,
  4157. successColor: "#0000FF",
  4158. errorColor: "#FF0000",
  4159. infoColor: "0",
  4160. warnColor: "0",
  4161. debug: false,
  4162. autoClearConsole: false,
  4163. logMaxCount: 999,
  4164. };
  4165. let logCount = 0;
  4166. /**
  4167. * 解析Error的堆栈获取实际调用者的函数名及函数所在的位置
  4168. * @param {string[]} stack
  4169. * @returns {{
  4170. * name: string,
  4171. * position: string,
  4172. * }}
  4173. */
  4174. let parseErrorStack = function (stack) {
  4175. let result = {
  4176. name: "",
  4177. position: "",
  4178. };
  4179. for (let stackString of stack) {
  4180. stackString = stackString.trim();
  4181. let stackFunctionName = stackString.match(/^at[\s]+(.+?)[\s]+/i);
  4182. let stackFunctionNamePosition = stackString.match(
  4183. /^at[\s]+.+[\s]+\((.+?)\)/i
  4184. );
  4185. if (stackFunctionName == null) {
  4186. continue;
  4187. }
  4188. stackFunctionName = stackFunctionName[stackFunctionName.length - 1];
  4189. stackFunctionNamePosition =
  4190. stackFunctionNamePosition[stackFunctionNamePosition.length - 1];
  4191. if (
  4192. stackFunctionName === "" ||
  4193. stackFunctionName.match(
  4194. new RegExp(
  4195. "(^Utils.Log.|.<anonymous>$|^Function.each|^NodeList.forEach|^k.fn.init.each)",
  4196. "g"
  4197. )
  4198. )
  4199. ) {
  4200. continue;
  4201. } else {
  4202. result.name = stackFunctionName;
  4203. result.position = stackFunctionNamePosition;
  4204. break;
  4205. }
  4206. }
  4207. if (result.position === "") {
  4208. let lastStackString = stack[stack.length - 1].trim();
  4209. if (lastStackString.startsWith("at chrome-extension://")) {
  4210. let lastStackMatch = lastStackString.match(/^at[\s]+(.+)/);
  4211. if (lastStackMatch) {
  4212. result.position = lastStackMatch[lastStackMatch.length - 1];
  4213. }
  4214. }
  4215. }
  4216. if (result.position === "") {
  4217. result.position = stack[stack.length - 1]
  4218. .trim()
  4219. .replace(/^at[\s]*/g, "");
  4220. }
  4221. return result;
  4222. };
  4223. /**
  4224. * 待恢复的函数或对象
  4225. */
  4226. let recoveryList = [];
  4227. /**
  4228. * 检测清理控制台
  4229. * @this {Utils.Log}
  4230. */
  4231. let checkClearConsole = function () {
  4232. logCount++;
  4233. if (details.autoClearConsole && logCount > details.logMaxCount) {
  4234. console.clear();
  4235. logCount = 0;
  4236. }
  4237. };
  4238. /**
  4239. * 输出内容
  4240. * @param {any} msg 需要输出的内容
  4241. * @param {string} color 颜色
  4242. * @param {string|undefined} otherStyle 其它CSS
  4243. * @this {Utils.Log}
  4244. */
  4245. let printContent = function (msg, color, otherStyle) {
  4246. checkClearConsole.apply(this);
  4247. otherStyle = otherStyle || "";
  4248. let stackSplit = new Error().stack.split("\n");
  4249. stackSplit.splice(0, 2);
  4250. let { name: callerName, position: callerPosition } =
  4251. parseErrorStack(stackSplit);
  4252. if (typeof msg === "object") {
  4253. /* 要输出的内容是个对象 */
  4254. if (details.tag) {
  4255. if (Array.isArray(msg) && msg.length < 5) {
  4256. console.log(
  4257. `%c[${this.tag}%c-%c${callerName}%c]%c `,
  4258. ...msgColorDetails,
  4259. `color: ${color};${otherStyle}`,
  4260. ...msg
  4261. );
  4262. } else {
  4263. console.log(
  4264. `%c[${this.tag}%c-%c${callerName}%c]%c `,
  4265. ...msgColorDetails,
  4266. `color: ${color};${otherStyle}`,
  4267. msg
  4268. );
  4269. }
  4270. } else {
  4271. if (Array.isArray(msg) && msg.length < 5) {
  4272. console.log(...msg);
  4273. } else {
  4274. console.log(msg);
  4275. }
  4276. }
  4277. } else {
  4278. if (details.tag) {
  4279. console.log(
  4280. `%c[${this.tag}%c-%c${callerName}%c]%c ${msg}`,
  4281. ...msgColorDetails,
  4282. `color: ${color};${otherStyle}`
  4283. );
  4284. } else {
  4285. console.log(`%c${msg}`, `color: ${color};${otherStyle}`);
  4286. }
  4287. }
  4288. if (details.debug) {
  4289. /* 如果开启调试模式,输出堆栈位置 */
  4290. console.log(callerPosition);
  4291. }
  4292. };
  4293. /**
  4294. * 前面的TAG标志
  4295. */
  4296. this.tag = _GM_info_?.script?.name || "Utils.Log";
  4297. /**
  4298. * 控制台-普通输出
  4299. * @param {any} msg 需要输出的内容,如果想输出多个,修改成数组,且数组内的长度最大值为4个
  4300. * @param {string|undefined} color 输出的颜色
  4301. * @param {string|undefined} otherStyle 其它CSS
  4302. */
  4303. this.info = function (msg, color = details.infoColor, otherStyle) {
  4304. printContent.call(this, msg, color, otherStyle);
  4305. };
  4306. /**
  4307. * 控制台-警告输出
  4308. * @param {any} msg 需要输出的内容,如果想输出多个,修改成数组,且数组内的长度最大值为4个
  4309. * @param {string|undefined} color 输出的颜色
  4310. * @param {string|undefined} otherStyle 其它CSS
  4311. */
  4312. this.warn = function (
  4313. msg,
  4314. color = details.warnColor,
  4315. otherStyle = "background: #FEF6D5;padding: 4px 6px 4px 0px;"
  4316. ) {
  4317. printContent.call(this, msg, color, otherStyle);
  4318. };
  4319. /**
  4320. * 控制台-错误输出
  4321. * @param {any} msg 需要输出的内容,如果想输出多个,修改成数组,且数组内的长度最大值为4个
  4322. * @param {string|undefined} color 输出的颜色
  4323. * @param {string|undefined} otherStyle 其它CSS
  4324. */
  4325. this.error = function (msg, color = details.errorColor, otherStyle) {
  4326. printContent.call(this, msg, color, otherStyle);
  4327. };
  4328. /**
  4329. * 控制台-成功输出
  4330. * @param {any} msg 需要输出的内容,如果想输出多个,修改成数组,且数组内的长度最大值为4个
  4331. * @param {string|undefined} color 输出的颜色
  4332. * @param {string|undefined} otherStyle 其它CSS
  4333. */
  4334. this.success = function (msg, color = details.successColor, otherStyle) {
  4335. printContent.call(this, msg, color, otherStyle);
  4336. };
  4337. /**
  4338. * 控制台-输出表格
  4339. * @param {object[]} msg
  4340. * @param {string|undefined} color 输出的颜色
  4341. * @param {string|undefined} otherStyle 其它CSS
  4342. * @example
  4343. * log.table([{"名字":"example","值":"123"},{"名字":"example2","值":"345"}])
  4344. */
  4345. this.table = function (msg, color = details.infoColor, otherStyle = "") {
  4346. checkClearConsole.apply(this);
  4347. let stack = new Error().stack.split("\n");
  4348. stack.splice(0, 1);
  4349. let errorStackParse = parseErrorStack(stack);
  4350. let stackFunctionName = errorStackParse.name;
  4351. let stackFunctionNamePosition = errorStackParse.position;
  4352. let callerName = stackFunctionName;
  4353. console.log(
  4354. `%c[${this.tag}%c-%c${callerName}%c]%c`,
  4355. ...msgColorDetails,
  4356. `color: ${color};${otherStyle}`
  4357. );
  4358. console.table(msg);
  4359. if (details.debug) {
  4360. console.log(stackFunctionNamePosition);
  4361. }
  4362. };
  4363. /**
  4364. * 配置Log对象的颜色
  4365. * @param {UtilsLogDetails} paramDetails 配置信息
  4366. */
  4367. this.config = function (paramDetails) {
  4368. details = Object.assign(details, paramDetails);
  4369. };
  4370. /**
  4371. * 禁用输出
  4372. */
  4373. this.disable = function () {
  4374. let that = this;
  4375. Object.keys(this)
  4376. .filter((keyName) => Boolean(keyName.match(/info|error|success|table/)))
  4377. .forEach((keyName) => {
  4378. let value = {};
  4379. value[keyName] = that[keyName];
  4380. recoveryList = [...recoveryList, value];
  4381. that[keyName] = () => {};
  4382. });
  4383. };
  4384. /**
  4385. * 恢复输出
  4386. */
  4387. this.recovery = function () {
  4388. let that = this;
  4389. recoveryList.forEach((item) => {
  4390. let keyName = Object.keys(item);
  4391. that[keyName] = item[keyName];
  4392. });
  4393. recoveryList = [];
  4394. };
  4395. };
  4396.  
  4397. /**
  4398. * 合并数组内的JSON的值字符串
  4399. * @param {[...any]} data 需要合并的数组
  4400. * @param {function|string|undefined} handleFunc 处理的函数|JSON的key
  4401. * @returns {string}
  4402. * @example
  4403. * Utils.mergeArrayToString([{"name":"数组内数据部分字段合并成字符串->"},{"name":"mergeToString"}],(item)=>{return item["name"]});
  4404. * > '数组内数据部分字段合并成字符串->mergeToString'
  4405. **/
  4406. Utils.mergeArrayToString = function (data, handleFunc) {
  4407. if (!(data instanceof Array)) {
  4408. throw new Error("Utils.mergeArrayToString 参数 data 必须为 Array 类型");
  4409. }
  4410. let content = "";
  4411. if (typeof handleFunc === "function") {
  4412. data.forEach((item) => {
  4413. content += handleFunc(item);
  4414. });
  4415. } else if (typeof handleFunc === "string") {
  4416. data.forEach((item) => {
  4417. content += item[handleFunc];
  4418. });
  4419. } else {
  4420. data.forEach((item) => {
  4421. Object.values(item)
  4422. .filter((item2) => typeof item2 === "string")
  4423. .forEach((item3) => {
  4424. content += item3;
  4425. });
  4426. });
  4427. }
  4428. return content;
  4429. };
  4430.  
  4431. /**
  4432. * 监听页面元素改变并处理
  4433. * @param {object|Node|NodeList} target 需要监听的元素,如果不存在,可以等待它出现
  4434. * @param {{
  4435. * config: MutationObserverInit,
  4436. * callback: MutationCallback
  4437. * }} observer_config MutationObserver的配置
  4438. * @example
  4439. Utils.mutationObserver(document.querySelector("div.xxxx"),{
  4440. "callback":(mutations, observer)=>{},
  4441. "config":{childList:true,attributes:true}
  4442. });
  4443. * @example
  4444. Utils.mutationObserver(document.querySelectorAll("div.xxxx"),{
  4445. "callback":(mutations, observer)=>{},
  4446. "config":{childList:true,attributes:true}}
  4447. );
  4448. * @example
  4449. Utils.mutationObserver($("div.xxxx"),{
  4450. "callback":(mutations, observer)=>{},
  4451. "config":{childList:true,attributes:true}}
  4452. );
  4453. **/
  4454. Utils.mutationObserver = function (target, observer_config) {
  4455. if (
  4456. !(target instanceof Node) &&
  4457. !(target instanceof NodeList) &&
  4458. !Utils.isJQuery(target)
  4459. ) {
  4460. throw new Error(
  4461. "Utils.mutationObserver 参数 target 必须为 Node|NodeList|jQuery类型"
  4462. );
  4463. }
  4464.  
  4465. let default_obverser_config = {
  4466. /* 监听到元素有反馈,需执行的函数 */
  4467. callback: () => {},
  4468. config: {
  4469. /**
  4470. * @type {boolean|undefined}
  4471. * + true 监听以 target 为根节点的整个子树。包括子树中所有节点的属性,而不仅仅是针对 target
  4472. * + false (默认) 不生效
  4473. */
  4474. subtree: void 0,
  4475. /**
  4476. * @type {boolean|undefined}
  4477. * + true 监听 target 节点中发生的节点的新增与删除(同时,如果 subtree 为 true,会针对整个子树生效)
  4478. * + false (默认) 不生效
  4479. */
  4480. childList: void 0,
  4481. /**
  4482. * @type {boolean|undefined}
  4483. * + true 观察所有监听的节点属性值的变化。默认值为 true,当声明了 attributeFilter 或 attributeOldValue
  4484. * + false (默认) 不生效
  4485. */
  4486. attributes: void 0,
  4487. /**
  4488. * 一个用于声明哪些属性名会被监听的数组。如果不声明该属性,所有属性的变化都将触发通知
  4489. * @type {[...string]|undefined}
  4490. */
  4491. attributeFilter: void 0,
  4492. /**
  4493. * @type {boolean|undefined}
  4494. * + true 记录上一次被监听的节点的属性变化;可查阅 MutationObserver 中的 Monitoring attribute values 了解关于观察属性变化和属性值记录的详情
  4495. * + false (默认) 不生效
  4496. */
  4497. attributeOldValue: void 0,
  4498. /**
  4499. * @type {boolean|undefined}
  4500. * + true 监听声明的 target 节点上所有字符的变化。默认值为 true,如果声明了 characterDataOldValue
  4501. * + false (默认) 不生效
  4502. */
  4503. characterData: void 0,
  4504. /**
  4505. * @type {boolean|undefined}
  4506. * + true 记录前一个被监听的节点中发生的文本变化
  4507. * + false (默认) 不生效
  4508. */
  4509. characterDataOldValue: void 0,
  4510. },
  4511. };
  4512. observer_config = Utils.assign(default_obverser_config, observer_config);
  4513. let MutationObserver =
  4514. window.MutationObserver ||
  4515. window.webkitMutationObserver ||
  4516. window.MozMutationObserver;
  4517. let mutationObserver = new MutationObserver(function (mutations, observer) {
  4518. observer_config?.callback(mutations, observer);
  4519. });
  4520. if (target instanceof Node) {
  4521. /* 传入的参数是节点元素 */
  4522. mutationObserver.observe(target, observer_config.config);
  4523. } else if (target instanceof NodeList) {
  4524. /* 传入的参数是节点元素数组 */
  4525. target.forEach((item) => {
  4526. mutationObserver.observe(item, observer_config.config);
  4527. });
  4528. } else if (Utils.isJQuery(target)) {
  4529. /* 传入的参数是jQuery对象 */
  4530. target.each((index, item) => {
  4531. mutationObserver.observe(item, observer_config.config);
  4532. });
  4533. } else {
  4534. /* 未知 */
  4535. console.error("Utils.mutationObserver 未知参数", arguments);
  4536. }
  4537. return mutationObserver;
  4538. };
  4539.  
  4540. /**
  4541. * 去除全局window下的Utils,返回控制权
  4542. * @returns {Utils}
  4543. * @example
  4544. * let utils = Utils.noConflict();
  4545. * > ...
  4546. */
  4547. Utils.noConflict = function () {
  4548. if (window.Utils) {
  4549. delete window.Utils;
  4550. }
  4551. if (AnotherUtils) {
  4552. window.Utils = AnotherUtils;
  4553. }
  4554. return Utils;
  4555. };
  4556.  
  4557. /**
  4558. * 恢复/释放该对象内的为function,让它无效/有效
  4559. * @param {object} needReleaseObject 需要操作的对象
  4560. * @param {string} needReleaseName 需要操作的对象的名字
  4561. * @param {array} [functionNameList=[]] 需要释放的方法,如果为空,默认全部方法
  4562. * @param {boolean} [release=true]
  4563. * + true (默认) 释放该对象下的某些方法
  4564. * + false 恢复该对象下的某些方法
  4565. * @example
  4566. // 释放该方法
  4567. Utils.noConflictFunc(console,"console",["log"],true);
  4568. console.log;
  4569. > () => {}
  4570.  
  4571. * @example
  4572. // 恢复该方法
  4573. Utils.noConflictFunc(console,"console",["log"],false);
  4574. console.log;
  4575. > ƒ log() { [native code] }
  4576.  
  4577. * @example
  4578. // 释放所有方法
  4579. Utils.noConflictFunc(console,"console",[],true);
  4580. console.debug;
  4581. > () => {}
  4582.  
  4583. * @example
  4584. // 恢复所有方法
  4585. Utils.noConflictFunc(console,"console",[],false);
  4586. console.debug;
  4587. > ƒ log() { [native code] }
  4588. **/
  4589. Utils.noConflictFunc = function (
  4590. needReleaseObject,
  4591. needReleaseName,
  4592. functionNameList = [],
  4593. release = true
  4594. ) {
  4595. if (typeof needReleaseObject !== "object") {
  4596. throw new Error(
  4597. "Utils.noConflictFunc 参数 needReleaseObject 必须为 object 类型"
  4598. );
  4599. }
  4600. if (typeof needReleaseName !== "string") {
  4601. throw new Error(
  4602. "Utils.noConflictFunc 参数 needReleaseName 必须为 string 类型"
  4603. );
  4604. }
  4605. if (!Array.isArray(functionNameList)) {
  4606. throw new Error(
  4607. "Utils.noConflictFunc 参数 functionNameList 必须为 Array 类型"
  4608. );
  4609. }
  4610. let needReleaseKey = "__" + needReleaseName;
  4611. /**
  4612. * 复制对象
  4613. * @param {object} obj
  4614. * @returns {object}
  4615. */
  4616. function cloneObj(obj) {
  4617. let newObj = {};
  4618. if (obj instanceof Array) {
  4619. newObj = [];
  4620. }
  4621. for (let key in obj) {
  4622. let val = obj[key];
  4623. newObj[key] = typeof val === "object" ? cloneObj(val) : val;
  4624. }
  4625. return newObj;
  4626. }
  4627. /**
  4628. * 释放所有
  4629. */
  4630. function releaseAll() {
  4631. if (typeof window[needReleaseKey] !== "undefined") {
  4632. /* 已存在 */
  4633. return;
  4634. }
  4635. window[needReleaseKey] = cloneObj(needReleaseObject);
  4636. Object.values(needReleaseObject).forEach((value) => {
  4637. if (typeof value === "function") {
  4638. needReleaseObject[value.name] = () => {};
  4639. }
  4640. });
  4641. }
  4642. /**
  4643. * 释放单个
  4644. */
  4645. function releaseOne() {
  4646. Array.from(functionNameList).forEach((item) => {
  4647. Object.values(needReleaseObject).forEach((value) => {
  4648. if (typeof value === "function") {
  4649. if (typeof window[needReleaseKey] === "undefined") {
  4650. window[needReleaseKey] = {};
  4651. }
  4652. if (item === value.name) {
  4653. window[needReleaseKey][value.name] =
  4654. needReleaseObject[value.name];
  4655. needReleaseObject[value.name] = () => {};
  4656. }
  4657. }
  4658. });
  4659. });
  4660. }
  4661. /**
  4662. * 恢复所有
  4663. */
  4664. function recoveryAll() {
  4665. if (typeof window[needReleaseKey] === "undefined") {
  4666. /* 未存在 */
  4667. return;
  4668. }
  4669. Object.assign(needReleaseObject, window[needReleaseKey]);
  4670. delete window[needReleaseKey];
  4671. }
  4672.  
  4673. /**
  4674. * 恢复单个
  4675. */
  4676. function recoveryOne() {
  4677. if (typeof window[needReleaseKey] === "undefined") {
  4678. /* 未存在 */
  4679. return;
  4680. }
  4681. Array.from(functionNameList).forEach((item) => {
  4682. if (window[needReleaseKey][item]) {
  4683. needReleaseObject[item] = window[needReleaseKey][item];
  4684. delete window[needReleaseKey][item];
  4685. if (Object.keys(window[needReleaseKey]).length === 0) {
  4686. delete window[needReleaseKey];
  4687. }
  4688. }
  4689. });
  4690. }
  4691. if (release) {
  4692. /* 释放 */
  4693. if (functionNameList.length === 0) {
  4694. releaseAll();
  4695. } else {
  4696. /* 对单个进行操作 */
  4697. releaseOne();
  4698. }
  4699. } else {
  4700. /* 恢复 */
  4701. if (functionNameList.length === 0) {
  4702. recoveryAll();
  4703. } else {
  4704. /* 对单个进行操作 */
  4705. recoveryOne();
  4706. }
  4707. }
  4708. };
  4709. /**
  4710. * base64转blob
  4711. * @param {string} dataUri base64的数据
  4712. * @returns {string} blob的链接
  4713. * @example
  4714. * Utils.parseBase64ToBlob("data:image/jpeg;base64,.....");
  4715. * > blob://xxxxxxx
  4716. **/
  4717. Utils.parseBase64ToBlob = function (dataUri) {
  4718. if (typeof dataUri !== "string") {
  4719. throw new Error(
  4720. "Utils.parseBase64ToBlob 参数 dataUri 必须为 string 类型"
  4721. );
  4722. }
  4723. let dataUriSplit = dataUri.split(","),
  4724. dataUriMime = dataUriSplit[0].match(/:(.*?);/)[1],
  4725. dataUriBase64Str = atob(dataUriSplit[1]),
  4726. dataUriLength = dataUriBase64Str.length,
  4727. u8arr = new Uint8Array(dataUriLength);
  4728. while (dataUriLength--) {
  4729. u8arr[dataUriLength] = dataUriBase64Str.charCodeAt(dataUriLength);
  4730. }
  4731. return new Blob([u8arr], {
  4732. type: dataUriMime,
  4733. });
  4734. };
  4735.  
  4736. /**
  4737. * base64转File对象
  4738. * @param {string} dataUri base64的数据
  4739. * @param {string} [fileName="example"] 文件名,默认为example
  4740. * @returns {File} blob的链接
  4741. * @example
  4742. * Utils.parseBase64ToFile("data:image/jpeg;base64,.....","测试文件");
  4743. * > object
  4744. **/
  4745. Utils.parseBase64ToFile = function (dataUri, fileName = "example") {
  4746. if (typeof dataUri !== "string") {
  4747. throw new Error(
  4748. "Utils.parseBase64ToFile 参数 dataUri 必须为 string 类型"
  4749. );
  4750. }
  4751. if (typeof fileName !== "string") {
  4752. throw new Error(
  4753. "Utils.parseBase64ToFile 参数 fileName 必须为 string 类型"
  4754. );
  4755. }
  4756. let dataUriSplit = dataUri.split(","),
  4757. dataUriMime = dataUriSplit[0].match(/:(.*?);/)[1],
  4758. dataUriBase64Str = atob(dataUriSplit[1]),
  4759. dataUriLength = dataUriBase64Str.length,
  4760. u8arr = new Uint8Array(dataUriLength);
  4761. while (dataUriLength--) {
  4762. u8arr[dataUriLength] = dataUriBase64Str.charCodeAt(dataUriLength);
  4763. }
  4764. return new File([u8arr], fileName, {
  4765. type: dataUriMime,
  4766. });
  4767. };
  4768.  
  4769. /**
  4770. * 将正则匹配到的结果取出最后一个值并转换成int格式
  4771. * @param {[...any]} [matchList=[]] 正则匹配的列表
  4772. * @param {number|string} [defaultValue=0] 正则匹配的列表为空时,或者正则匹配的列表最后一项不为Int,返回该默认值0
  4773. * @example
  4774. * Utils.parseInt(["dadaadada123124","123124"],0);
  4775. * > 123124
  4776. *
  4777. * @example
  4778. * Utils.parseInt(null,0);
  4779. * > 0
  4780. * @example
  4781. * Utils.parseInt(["aaaaaa"]);
  4782. * > 0
  4783. *
  4784. * @example
  4785. * Utils.parseInt(["aaaaaa"],"66");
  4786. * > 66
  4787. *
  4788. * @example
  4789. * Utils.parseInt(["aaaaaaa"],"aa");
  4790. * > NaN
  4791. **/
  4792. Utils.parseInt = function (matchList = [], defaultValue = 0) {
  4793. if (matchList == null) {
  4794. return parseInt(defaultValue);
  4795. }
  4796. let parseValue = parseInt(matchList[matchList.length - 1]);
  4797. if (isNaN(parseValue)) {
  4798. parseValue = parseInt(defaultValue);
  4799. }
  4800. return parseValue;
  4801. };
  4802.  
  4803. /**
  4804. * blob转File对象
  4805. * @param {string} blobUrl 需要转换的blob的链接
  4806. * @param {string} [fileName="example"] 转换成的File对象的文件名称,默认为example
  4807. * @returns {Promise<File|Error>}
  4808. * @example
  4809. * Utils.parseBlobToFile("blob://xxxxx");
  4810. * > object
  4811. **/
  4812. Utils.parseBlobToFile = async function (blobUrl, fileName = "example") {
  4813. return new Promise((resolve, reject) => {
  4814. fetch(blobUrl)
  4815. .then((response) => response.blob())
  4816. .then((blob) => {
  4817. const file = new File([blob], fileName, { type: blob.type });
  4818. resolve(file);
  4819. })
  4820. .catch((error) => {
  4821. console.error("Error:", error);
  4822. reject(error);
  4823. });
  4824. });
  4825. };
  4826.  
  4827. /**
  4828. * 解析CDATA格式的内容字符串
  4829. * @param {string} [text=""] 传入CDATA字符串
  4830. * @returns {string} 返回解析出的内容
  4831. * @example
  4832. * let xml = "<root><![CDATA[This is some CDATA content.]]></root>";
  4833. * console.log(Utils.parseCDATA(xml));
  4834. * > This is some CDATA content.
  4835. */
  4836. Utils.parseCDATA = function (text = "") {
  4837. let result = "";
  4838. let cdataRegexp = /<\!\[CDATA\[([\s\S]*)\]\]>/;
  4839. let cdataMatch = cdataRegexp.exec(text.trim());
  4840. if (cdataMatch && cdataMatch.length > 1) {
  4841. result = cdataMatch[cdataMatch.length - 1];
  4842. }
  4843. return result;
  4844. };
  4845.  
  4846. /**
  4847. * 【异步函数】File对象转base64
  4848. * @async
  4849. * @param {File} fileObj 需要转换的File对象
  4850. * @returns {Promise<string>}
  4851. * @example
  4852. * await Utils.parseFileToBase64(object);
  4853. * > 'data:image/jpeg:base64/,xxxxxx'
  4854. **/
  4855. Utils.parseFileToBase64 = async function (fileObj) {
  4856. let reader = new FileReader();
  4857. reader.readAsDataURL(fileObj);
  4858. return new Promise((resolve) => {
  4859. reader.onload = function (event) {
  4860. resolve(event.target.result);
  4861. };
  4862. });
  4863. };
  4864.  
  4865. /**
  4866. * 解析字符串
  4867. * @param {string} text 要解析的 DOMString。它必须包含 HTML、xml、xhtml+xml 或 svg 文档。
  4868. * @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
  4869. * @returns {HTMLElement|XMLDocument|SVGElement}
  4870. * @example
  4871. * Utils.parseFromString("<p>123<p>");
  4872. * > #document
  4873. */
  4874. Utils.parseFromString = function (text, mimeType = "text/html") {
  4875. let parser = new DOMParser();
  4876. return parser.parseFromString(text, mimeType);
  4877. };
  4878.  
  4879. /**
  4880. * 阻止事件传递
  4881. * @param {HTMLElement} element 要进行处理的元素
  4882. * @param {?string|[...string]} eventNameList 要阻止的事件名|列表
  4883. * @param {Event|undefined} paramEvent 事件
  4884. * @example
  4885. * Utils.preventEvent(document.querySelector("a"),"click")
  4886. * @example
  4887. * Utils.preventEvent(event);
  4888. */
  4889. Utils.preventEvent = function (element, eventNameList = []) {
  4890. function stopEvent(event) {
  4891. /* 阻止事件的默认行为发生。例如,当点击一个链接时,浏览器会默认打开链接的URL */
  4892. event?.preventDefault();
  4893. /* 停止事件的传播,阻止它继续向更上层的元素冒泡,事件将不会再传播给其他的元素 */
  4894. event?.stopPropagation();
  4895. /* 阻止事件传播,并且还能阻止元素上的其他事件处理程序被触发 */
  4896. event?.stopImmediatePropagation();
  4897. return false;
  4898. }
  4899. if (arguments.length === 1) {
  4900. return stopEvent(arguments[0]);
  4901. } else if (arguments.length === 2) {
  4902. if (typeof eventNameList === "string") {
  4903. eventNameList = [eventNameList];
  4904. }
  4905. eventNameList.forEach((eventName) => {
  4906. element.addEventListener(eventName, function (event) {
  4907. return stopEvent(event);
  4908. });
  4909. });
  4910. }
  4911. };
  4912.  
  4913. /**
  4914. * 在canvas元素节点上绘制进度圆圈
  4915. * @param {{
  4916. * canvasNode : ?HTMLCanvasElement,
  4917. * deg: number,
  4918. * progress: number,
  4919. * lineWidth: number,
  4920. * lineBgColor: string,
  4921. * lineColor: string,
  4922. * fontSize: string,
  4923. * circleRadius: string,
  4924. * draw: ?()=>{}
  4925. * }} paramConfig 配置信息
  4926. * @example
  4927. let progress = new Utils.Process({canvasNode:document.querySelector("canvas")});
  4928. progress.draw();
  4929. * **/
  4930. Utils.Progress = function (paramConfig) {
  4931. this.config = {
  4932. /**
  4933. * canvas元素节点
  4934. * @type {HTMLCanvasElement}
  4935. */
  4936. canvasNode: null,
  4937. /**
  4938. * 绘制角度
  4939. */
  4940. deg: 95,
  4941. /**
  4942. * 进度
  4943. */
  4944. progress: 0,
  4945. /**
  4946. * 绘制的线宽度
  4947. */
  4948. lineWidth: 10,
  4949. /**
  4950. * 绘制的背景颜色
  4951. */
  4952. lineBgColor: "#1e637c",
  4953. /**
  4954. * 绘制的线的颜色
  4955. */
  4956. lineColor: "#25deff",
  4957. /**
  4958. * 绘制的字体颜色
  4959. */
  4960. textColor: "#000000",
  4961. /**
  4962. * 绘制的字体大小(px)
  4963. */
  4964. fontSize: 22,
  4965. /**
  4966. * 绘制的圆的半径
  4967. */
  4968. circleRadius: 50,
  4969. /**
  4970. * 控制绘制的函数
  4971. */
  4972. draw: () => {},
  4973. };
  4974. this.config = Utils.assign(this.config, paramConfig);
  4975. if (!(this.config.canvasNode instanceof HTMLCanvasElement)) {
  4976. throw new Error(
  4977. "Utils.Progress 参数 canvasNode 必须是 HTMLCanvasElement"
  4978. );
  4979. }
  4980. /* 获取画笔 */
  4981. let ctx = this.config.canvasNode.getContext("2d");
  4982. /* 元素宽度 */
  4983. let width = this.config.canvasNode.width;
  4984. /* 元素高度 */
  4985. let height = this.config.canvasNode.height;
  4986.  
  4987. /* 清除锯齿 */
  4988. if (window.devicePixelRatio) {
  4989. this.config.canvasNode.style.width = width + "px";
  4990. this.config.canvasNode.style.height = height + "px";
  4991. this.config.canvasNode.height = height * window.devicePixelRatio;
  4992. this.config.canvasNode.width = width * window.devicePixelRatio;
  4993. ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
  4994. }
  4995. /* 设置线宽 */
  4996. ctx.lineWidth = this.config.lineWidth;
  4997. /* 绘制 */
  4998. this.draw = function () {
  4999. let degActive = (this.config.progress * 360) / 100;
  5000. /* 清除画布 */
  5001. ctx.clearRect(0, 0, width, height);
  5002. /* 开始绘制底圆 */
  5003. ctx.beginPath();
  5004. ctx.arc(width / 2, height / 2, this.config.circleRadius, 1, 8);
  5005. ctx.strokeStyle = this.config.lineBgColor;
  5006. ctx.stroke();
  5007. /* 开始绘制动态圆 */
  5008. ctx.beginPath();
  5009. ctx.arc(
  5010. width / 2,
  5011. height / 2,
  5012. this.config.circleRadius,
  5013. -Math.PI / 2,
  5014. (degActive * Math.PI) / 180 - Math.PI / 2
  5015. );
  5016. ctx.strokeStyle = this.config.lineColor;
  5017. ctx.stroke();
  5018. /* 获取百分比 */
  5019. let txt = parseInt(this.config.progress) + "%";
  5020. ctx.font = this.config.fontSize + "px SimHei";
  5021. /* 获取文本宽度 */
  5022. let w = ctx.measureText(txt).width;
  5023. let h = this.config.fontSize / 2;
  5024. ctx.fillStyle = this.config.textColor;
  5025. ctx.fillText(txt, width / 2 - w / 2, height / 2 + h / 2);
  5026. }.bind(this);
  5027. };
  5028.  
  5029. /**
  5030. * 劫持Event的isTrust为true,注入时刻,ducument-start
  5031. * @example
  5032. * Utils.registerTrustClickEvent()
  5033. */
  5034. Utils.registerTrustClickEvent = function (isTrustValue = true) {
  5035. function trustEvent(event) {
  5036. return new Proxy(event, {
  5037. get: function (target, property) {
  5038. if (property === "isTrusted") {
  5039. return isTrustValue;
  5040. } else {
  5041. return Reflect.get(target, property);
  5042. }
  5043. },
  5044. });
  5045. }
  5046. const originalListener = EventTarget.prototype.addEventListener;
  5047. EventTarget.prototype.addEventListener = function () {
  5048. if (arguments[0] === "click") {
  5049. const fn = arguments[1];
  5050. arguments[1] = function (e) {
  5051. fn.call(this, trustEvent(e));
  5052. };
  5053. }
  5054. return originalListener.apply(this, arguments);
  5055. };
  5056. };
  5057.  
  5058. /**
  5059. * 复制到剪贴板
  5060. * @param {any} data - 需要复制到剪贴板的文本
  5061. * @param {{type:string,mimetype:string}|string} [info="text/plain"]
  5062. * @example
  5063. * Utils.setClip({1:2});
  5064. * > {"1":2}
  5065. * @example
  5066. * Utils.setClip( ()=>{
  5067. * console.log(1)
  5068. * });
  5069. * > ()=>{console.log(1)}
  5070. * @example
  5071. * Utils.setClip("xxxx");
  5072. * > xxxx
  5073. * @example
  5074. * Utils.setClip("xxxx","html");
  5075. * > xxxx
  5076. * @example
  5077. * Utils.setClip("xxxx","text/plain");
  5078. * > xxxx
  5079. **/
  5080. Utils.setClip = async function (data, info = "text/plain") {
  5081. if (typeof data === "object") {
  5082. if (data instanceof Element) {
  5083. data = data.outerHTML;
  5084. } else {
  5085. data = JSON.stringify(data);
  5086. }
  5087. } else if (typeof data !== "string") {
  5088. data = data.toString();
  5089. }
  5090. let textType = typeof info === "object" ? info.type : info;
  5091. if (textType.includes("html")) {
  5092. textType = "text/html";
  5093. } else {
  5094. textType = "text/plain";
  5095. }
  5096. let textBlob = new Blob([data], { type: textType });
  5097. let clipboardObject = navigator.clipboard;
  5098. /**
  5099. * 第二种方式进行复制
  5100. * @param {(value: any) => void} _resolve_ 回调
  5101. * @param {string} _copyText_ 复制的文字
  5102. */
  5103. function anotherCopy(_resolve_, _copyText_) {
  5104. let copyElement = document.createElement("textarea");
  5105. copyElement.value = _copyText_;
  5106. copyElement.setAttribute("type", "text");
  5107. copyElement.setAttribute("style", "opacity:0;position:absolute;");
  5108. copyElement.setAttribute("readonly", "readonly");
  5109. document.body.appendChild(copyElement);
  5110. copyElement.select();
  5111. document.execCommand("copy");
  5112. document.body.removeChild(copyElement);
  5113. _resolve_();
  5114. }
  5115. /**
  5116. * 运行复制
  5117. * @param {(value: any) => void} _resolve_ 回调
  5118. */
  5119. function runCopy(_resolve_) {
  5120. if (typeof ClipboardItem === "undefined") {
  5121. console.error("当前环境中不存在ClipboardItem对象,使用第二种方式");
  5122. anotherCopy(_resolve_, data);
  5123. } else if (clipboardObject) {
  5124. clipboardObject
  5125. .write([
  5126. new ClipboardItem({
  5127. [textType]: textBlob,
  5128. }),
  5129. ])
  5130. .then(() => {
  5131. _resolve_();
  5132. })
  5133. .catch((err) => {
  5134. console.error("复制失败,使用第二种方式,error👉", err);
  5135. anotherCopy(_resolve_, data);
  5136. });
  5137. } else {
  5138. anotherCopy(_resolve_, data);
  5139. }
  5140. }
  5141. return new Promise((resolve) => {
  5142. if (document.hasFocus()) {
  5143. runCopy(resolve);
  5144. } else {
  5145. window.addEventListener(
  5146. "focus",
  5147. () => {
  5148. runCopy(resolve);
  5149. },
  5150. { once: true }
  5151. );
  5152. }
  5153. });
  5154. };
  5155.  
  5156. /**
  5157. * 【异步函数】等待N秒执行函数
  5158. * @param {function|string} delayToExecuteFunction 待执行的函数(字符串)
  5159. * @param {number} [delayTime=0] 延时时间(ms)
  5160. * @example
  5161. * await Utils.setTimeout(()=>{}, 2500);
  5162. * > ƒ tryCatchObj() {}
  5163. * @example
  5164. * await Utils.setTimeout("()=>{console.log(12345)}", 2500);
  5165. * > ƒ tryCatchObj() {}
  5166. **/
  5167. Utils.setTimeout = async function (delayToExecuteFunction, delayTime = 0) {
  5168. if (
  5169. typeof delayToExecuteFunction !== "function" &&
  5170. typeof delayToExecuteFunction !== "string"
  5171. ) {
  5172. throw new Error("Utils.setTimeout 参数 func 必须为 function|string 类型");
  5173. }
  5174. if (typeof delayTime !== "number") {
  5175. throw new Error("Utils.setTimeout 参数 delayTime 必须为 number 类型");
  5176. }
  5177. return new Promise((resolve) => {
  5178. setTimeout(() => {
  5179. resolve(Utils.tryCatch().run(delayToExecuteFunction));
  5180. }, delayTime);
  5181. });
  5182. };
  5183.  
  5184. /**
  5185. * 【异步函数】延迟xxx毫秒
  5186. * @param {number} [delayTime=0] 延时时间(ms)
  5187. * @example
  5188. * await Utils.sleep(2500)
  5189. **/
  5190. Utils.sleep = async function (delayTime = 0) {
  5191. if (typeof delayTime !== "number") {
  5192. throw new Error("Utils.sleep 参数 delayTime 必须为 number 类型");
  5193. }
  5194. return new Promise((resolve) => {
  5195. setTimeout(() => {
  5196. resolve();
  5197. }, delayTime);
  5198. });
  5199. };
  5200.  
  5201. /**
  5202. * 向右拖动滑块
  5203. * @param {string|Element|Node} selector 选择器|元素
  5204. * @param {number} [offsetX= window.innerWidth] 水平拖动长度,默认浏览器宽度
  5205. * @example
  5206. * Utils.dragSlider("#xxxx");
  5207. * @example
  5208. * Utils.dragSlider("#xxxx",100);
  5209. */
  5210. Utils.dragSlider = function (selector, offsetX = window.innerWidth) {
  5211. function initMouseEvent(eventName, offSetX, offSetY) {
  5212. let win = unsafeWindow || window;
  5213. let mouseEvent = document.createEvent("MouseEvents");
  5214. mouseEvent.initMouseEvent(
  5215. eventName,
  5216. true,
  5217. true,
  5218. win,
  5219. 0,
  5220. offSetX,
  5221. offSetY,
  5222. offSetX,
  5223. offSetY,
  5224. false,
  5225. false,
  5226. false,
  5227. false,
  5228. 0,
  5229. null
  5230. );
  5231. return mouseEvent;
  5232. }
  5233. let sliderElement =
  5234. typeof selector === "string"
  5235. ? document.querySelector(selector)
  5236. : selector;
  5237. if (
  5238. !(sliderElement instanceof Node) ||
  5239. !(sliderElement instanceof Element)
  5240. ) {
  5241. throw new Error("Utils.dragSlider 参数selector 必须为Node/Element类型");
  5242. }
  5243. let rect = sliderElement.getBoundingClientRect(),
  5244. x0 = rect.x || rect.left,
  5245. y0 = rect.y || rect.top,
  5246. x1 = x0 + offsetX,
  5247. y1 = y0;
  5248. sliderElement.dispatchEvent(initMouseEvent("mousedown", x0, y0));
  5249. sliderElement.dispatchEvent(initMouseEvent("mousemove", x1, y1));
  5250. sliderElement.dispatchEvent(initMouseEvent("mouseleave", x1, y1));
  5251. sliderElement.dispatchEvent(initMouseEvent("mouseout", x1, y1));
  5252. };
  5253.  
  5254. /**
  5255. * 使浏览器进入全屏
  5256. * @param {?HTMLElement} element 目标元素
  5257. * @param {?FullscreenOptions} options 配置,一般不用
  5258. * @example
  5259. * Utils.enterFullscreen();
  5260. */
  5261. Utils.enterFullscreen = function (element = document.body, options) {
  5262. try {
  5263. if (element.requestFullscreen) {
  5264. element.requestFullscreen(options);
  5265. } else if (element.webkitRequestFullScreen) {
  5266. element.webkitRequestFullScreen();
  5267. } else if (element.mozRequestFullScreen) {
  5268. element.mozRequestFullScreen();
  5269. } else if (element.msRequestFullscreen) {
  5270. element.msRequestFullscreen();
  5271. } else {
  5272. throw new Error("该浏览器不支持全屏API");
  5273. }
  5274. } catch (err) {
  5275. console.error(err);
  5276. }
  5277. };
  5278.  
  5279. /**
  5280. * 数组按照内部某个值的大小比对排序,如[{"time":"2022-1-1"},{"time":"2022-2-2"}]
  5281. * @param {[...any]|NodeList|function} data 数据|获取数据的方法
  5282. * @param {string|function} getPropertyValueFunc 数组内部项的某个属性的值的方法,参数为这个项
  5283. * @param {boolean} [sortByDesc=true] 排序方式,默认true倒序(值最大排第一个,如:6、5、4、3...),false为升序(值最小排第一个,如:1、2、3、4...)
  5284. * @returns {[...any]} 返回比较排序完成的数组
  5285. * @example
  5286. * Utils.sortListByProperty([{"time":"2022-1-1"},{"time":"2022-2-2"}],(item)=>{return item["time"]})
  5287. * > [{time: '2022-2-2'},{time: '2022-1-1'}]
  5288. * @example
  5289. * Utils.sortListByProperty([{"time":"2022-1-1"},{"time":"2022-2-2"}],(item)=>{return item["time"]},false)
  5290. * > [{time: '2022-1-1'},{time: '2022-2-2'}]
  5291. **/
  5292. Utils.sortListByProperty = function (
  5293. data,
  5294. getPropertyValueFunc,
  5295. sortByDesc = true
  5296. ) {
  5297. if (
  5298. typeof getPropertyValueFunc !== "function" &&
  5299. typeof getPropertyValueFunc !== "string"
  5300. ) {
  5301. throw new Error(
  5302. "Utils.sortListByProperty 参数 getPropertyValueFunc 必须为 function|string 类型"
  5303. );
  5304. }
  5305. if (typeof sortByDesc !== "boolean") {
  5306. throw new Error(
  5307. "Utils.sortListByProperty 参数 sortByDesc 必须为 boolean 类型"
  5308. );
  5309. }
  5310. let getObjValue = function (obj) {
  5311. return typeof getPropertyValueFunc === "string"
  5312. ? obj[getPropertyValueFunc]
  5313. : getPropertyValueFunc(obj);
  5314. };
  5315. /**
  5316. * 排序方法
  5317. * @param {any} after_obj
  5318. * @param {any} before_obj
  5319. * @returns
  5320. */
  5321. let sortFunc = function (after_obj, before_obj) {
  5322. let beforeValue = getObjValue(before_obj); /* 前 */
  5323. let afterValue = getObjValue(after_obj); /* 后 */
  5324. if (sortByDesc) {
  5325. if (afterValue > beforeValue) {
  5326. return -1;
  5327. } else if (afterValue < beforeValue) {
  5328. return 1;
  5329. } else {
  5330. return 0;
  5331. }
  5332. } else {
  5333. if (afterValue < beforeValue) {
  5334. return -1;
  5335. } else if (afterValue > beforeValue) {
  5336. return 1;
  5337. } else {
  5338. return 0;
  5339. }
  5340. }
  5341. };
  5342. /**
  5343. * 排序元素方法
  5344. * @param {NodeList|jQuery} nodeList 元素列表
  5345. * @param {function} getNodeListFunc 获取元素列表的函数
  5346. */
  5347. let sortNodeFunc = function (nodeList, getNodeListFunc) {
  5348. let nodeListLength = nodeList.length;
  5349. for (let i = 0; i < nodeListLength - 1; i++) {
  5350. for (let j = 0; j < nodeListLength - 1 - i; j++) {
  5351. let beforeNode = nodeList[j];
  5352. let afterNode = nodeList[j + 1];
  5353. let beforeValue = getObjValue(beforeNode); /* 前 */
  5354. let afterValue = getObjValue(afterNode); /* 后 */
  5355. if (
  5356. (sortByDesc == true && beforeValue < afterValue) ||
  5357. (sortByDesc == false && beforeValue > afterValue)
  5358. ) {
  5359. /* 升序/降序 */
  5360. /* 相邻元素两两对比 */
  5361. let temp = beforeNode.nextElementSibling;
  5362. afterNode.after(beforeNode);
  5363. if (temp == null) {
  5364. /* 如果为空,那么是最后一个元素,使用append */
  5365. temp.parentNode.appendChild(afterNode);
  5366. } else {
  5367. /* 不为空,使用before */
  5368. temp.before(afterNode);
  5369. }
  5370. nodeList = getNodeListFunc();
  5371. }
  5372. }
  5373. }
  5374. };
  5375. let result = data;
  5376. let getDataFunc = null;
  5377. if (data instanceof Function) {
  5378. getDataFunc = data;
  5379. data = data();
  5380. }
  5381. if (Array.isArray(data)) {
  5382. data.sort(sortFunc);
  5383. } else if (data instanceof NodeList || Utils.isJQuery(data)) {
  5384. sortNodeFunc(data, getDataFunc);
  5385. result = getDataFunc();
  5386. } else {
  5387. throw new Error(
  5388. "Utils.sortListByProperty 参数 data 必须为 Array|NodeList|jQuery 类型"
  5389. );
  5390. }
  5391. return result;
  5392. };
  5393.  
  5394. /**
  5395. * 字符串转正则,用于把字符串中不规范的字符进行转义
  5396. * @param {string} targetString 需要进行转换的字符串
  5397. * @param {"g"|"i"|"m"|"u"|"y"} [flags="ig"] 正则标志
  5398. * @returns {RegExp}
  5399. */
  5400. Utils.stringToRegular = function (targetString, flags = "ig") {
  5401. let reg;
  5402. flags = flags.toLowerCase();
  5403. if (typeof targetString === "string") {
  5404. reg = new RegExp(
  5405. targetString.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&"),
  5406. flags
  5407. );
  5408. } else if (targetString instanceof RegExp) {
  5409. reg = targetString;
  5410. } else {
  5411. throw new Error(
  5412. "Utils.stringToRegular 参数targetString必须是string|Regexp类型"
  5413. );
  5414. }
  5415. return reg;
  5416. };
  5417.  
  5418. /**
  5419. * 字符串首字母转大写
  5420. * @param {string} targetString 目标字符串
  5421. * @param {boolean} [otherStrToLowerCase=false] 剩余部分字符串转小写,默认false
  5422. * @returns
  5423. */
  5424. Utils.stringTitleToUpperCase = function (
  5425. targetString,
  5426. otherStrToLowerCase = false
  5427. ) {
  5428. let newTargetString = targetString.slice(0, 1).toUpperCase();
  5429. if (otherStrToLowerCase) {
  5430. newTargetString = newTargetString + targetString.slice(1).toLowerCase();
  5431. } else {
  5432. newTargetString = newTargetString + targetString.slice(1);
  5433. }
  5434. return newTargetString;
  5435. };
  5436.  
  5437. /**
  5438. * 字符串首字母转小写
  5439. * @param {string} targetString 目标字符串
  5440. * @param {boolean} [otherStrToLowerCase=false] 剩余部分字符串转大写,默认false
  5441. * @returns
  5442. */
  5443. Utils.stringTitleToLowerCase = function (
  5444. targetString,
  5445. otherStrToUpperCase = false
  5446. ) {
  5447. let newTargetString = targetString.slice(0, 1).toLowerCase();
  5448. if (otherStrToUpperCase) {
  5449. newTargetString = newTargetString + targetString.slice(1).toUpperCase();
  5450. } else {
  5451. newTargetString = newTargetString + targetString.slice(1);
  5452. }
  5453. return newTargetString;
  5454. };
  5455.  
  5456. /**
  5457. * 字符串转Object对象,类似'{"test":""}' => {"test":""}
  5458. * @param {string} data
  5459. * @param {(error:Error)=>{}} errorCallBack 错误回调
  5460. * @returns {object}
  5461. * @example
  5462. * Utils.toJSON("{123:123}")
  5463. * > {123:123}
  5464. */
  5465. Utils.toJSON = function (data, errorCallBack = () => {}) {
  5466. let result = {};
  5467. if (typeof data === "object") {
  5468. return data;
  5469. }
  5470. Utils.tryCatch()
  5471. .config({ log: false })
  5472. .error((error) => {
  5473. Utils.tryCatch()
  5474. .error(() => {
  5475. try {
  5476. result = window.eval("(" + data + ")");
  5477. } catch (error) {
  5478. errorCallBack(error);
  5479. }
  5480. })
  5481. .run(() => {
  5482. if (
  5483. data &&
  5484. /^[\],:{}\s]*$/.test(
  5485. data
  5486. .replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, "@")
  5487. .replace(
  5488. /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
  5489. "]"
  5490. )
  5491. .replace(/(?:^|:|,)(?:\s*\[)+/g, "")
  5492. )
  5493. ) {
  5494. result = new Function("return " + data)();
  5495. } else {
  5496. errorCallBack(new Error("target is not a JSON"));
  5497. }
  5498. });
  5499. })
  5500. .run(() => {
  5501. data = data.trim();
  5502. result = JSON.parse(data);
  5503. });
  5504. return result;
  5505. };
  5506.  
  5507. /**
  5508. * 提供一个封装了 try-catch 的函数,可以执行传入的函数并捕获其可能抛出的错误,并通过传入的错误处理函数进行处理。
  5509. * @returns {{run:function,config:function,error:function}} - 返回一个对象,其中包含 error 和 run 两个方法。
  5510. * @example
  5511. * Utils.tryCatch().error().run(()=>{console.log(1)});
  5512. * > 1
  5513. * @example
  5514. * Utils.tryCatch().config({log:true}).error((error)=>{console.log(error)}).run(()=>{throw new Error('测试错误')});
  5515. * > ()=>{throw new Error('测试错误')}出现错误
  5516. */
  5517. Utils.tryCatch = function () {
  5518. /* 定义变量和函数 */
  5519. let func = null;
  5520. let funcThis = null;
  5521. let handleErrorFunc = null;
  5522. let defaultDetails = {
  5523. log: true,
  5524. };
  5525. let funcArgs = arguments;
  5526. /**
  5527. * @function tryCatchObj
  5528. * @description 空函数,用于链式调用。
  5529. */
  5530. function tryCatchObj() {}
  5531.  
  5532. /**
  5533. * 配置
  5534. * @param {object} paramDetails
  5535. */
  5536. tryCatchObj.config = function (paramDetails) {
  5537. defaultDetails = Utils.assign(defaultDetails, paramDetails);
  5538. return tryCatchObj;
  5539. };
  5540. /**
  5541. * 设置错误处理函数。
  5542. * @param {function|string} handler - 错误处理函数,可以是 function 或者 string 类型。如果是 string 类型,则会被当做代码进行执行。
  5543. * @returns {function} - 返回 tryCatchObj 函数。
  5544. */
  5545. tryCatchObj.error = function (handler) {
  5546. handleErrorFunc = handler;
  5547. return tryCatchObj;
  5548. };
  5549.  
  5550. /**
  5551. * 执行传入的函数并捕获其可能抛出的错误,并通过传入的错误处理函数进行处理。
  5552. * @param {function|string} fn - 待执行函数,可以是 function 或者 string 类型。如果是 string 类型,则会被当做代码进行执行。
  5553. * @param {object|null} fnThis - 待执行函数的作用域,用于apply指定
  5554. * @returns {any|function} - 如果函数有返回值,则返回该返回值;否则返回 tryCatchObj 函数以支持链式调用。
  5555. * @throws {Error} - 如果传入参数不符合要求,则会抛出相应类型的错误。
  5556. */
  5557. tryCatchObj.run = function (fn, fnThis) {
  5558. func = fn;
  5559. funcThis = fnThis;
  5560. let result = executeTryCatch(func, handleErrorFunc, funcThis);
  5561. return result !== void 0 ? result : tryCatchObj;
  5562. };
  5563.  
  5564. /**
  5565. * 执行传入的函数并捕获其可能抛出的错误,并通过传入的错误处理函数进行处理。
  5566. * @param {function|string} func - 待执行函数,可以是 function 或者 string 类型。如果是 string 类型,则会被当做代码进行执行。
  5567. * @param {function|string|null} handleErrorFunc - 错误处理函数,可以是 function 或者 string 类型。如果是 string 类型,则会被当做代码进行执行。
  5568. * @param {object|null} funcThis - 待执行函数的作用域,用于apply指定
  5569. * @returns {any|undefined} - 如果函数有返回值,则返回该返回值;否则返回 undefined。
  5570. */
  5571. function executeTryCatch(func, handleErrorFunc, funcThis) {
  5572. let result = void 0;
  5573. try {
  5574. if (typeof func === "string") {
  5575. (function () {
  5576. eval(func);
  5577. }).apply(funcThis, funcArgs);
  5578. } else {
  5579. result = func.apply(funcThis, funcArgs);
  5580. }
  5581. } catch (error) {
  5582. if (defaultDetails.log) {
  5583. console.log(
  5584. `%c ${func?.name ? func?.name : func + "出现错误"} `,
  5585. "color: #f20000"
  5586. );
  5587. console.log(`%c 错误原因:${error}`, "color: #f20000");
  5588. console.trace(func);
  5589. }
  5590. if (handleErrorFunc) {
  5591. if (typeof handleErrorFunc === "string") {
  5592. result = function () {
  5593. return eval(handleErrorFunc);
  5594. }.apply(funcThis, [...funcArgs, error]);
  5595. } else {
  5596. result = handleErrorFunc.apply(funcThis, [...funcArgs, error]);
  5597. }
  5598. }
  5599. }
  5600. return result;
  5601. }
  5602.  
  5603. // 返回 tryCatchObj 函数
  5604. return tryCatchObj;
  5605. };
  5606.  
  5607. /**
  5608. * 数组去重,去除重复的值
  5609. * @param {[...any]} uniqueArrayData 需要去重的数组
  5610. * @param {[...any]} compareArrayData 用来比较的数组
  5611. * @param {(item1,item2)=>{}} compareFun 数组比较方法,如果值相同,去除该数据
  5612. * @returns {object} 返回去重完毕的数组
  5613. * @example
  5614. * Utils.uniqueArray([1,2,3],[1,2],(item,item2)=>{return item===item2 ? true:false});
  5615. * > [3]
  5616. *
  5617. * @example
  5618. * Utils.uniqueArray([1,2,3],[1,2]);
  5619. * > [3]
  5620. *
  5621. * @example
  5622. * Utils.uniqueArray([{"key":1,"value":2},{"key":2}],[{"key":1}],(item,item2)=>{return item["key"] === item2["key"] ? true:false});
  5623. * > [{"key": 2}]
  5624. **/
  5625. Utils.uniqueArray = function (
  5626. uniqueArrayData = [],
  5627. compareArrayData = [],
  5628. compareFun = (item, item2) => {
  5629. return item === item2;
  5630. }
  5631. ) {
  5632. return Array.from(uniqueArrayData).filter(
  5633. (item) =>
  5634. !Array.from(compareArrayData).some(function (item2) {
  5635. return compareFun(item, item2);
  5636. })
  5637. );
  5638. };
  5639.  
  5640. /**
  5641. * 等待函数数组全部执行完毕,注意,每个函数的顺序不是同步
  5642. * @async
  5643. * @param {[...any] | [...HTMLElement]} data 需要遍历的数组
  5644. * @param {function} handleFunc 对该数组进行操作的函数,该函数的参数为数组格式的参数,[数组下标,数组项]
  5645. * @example
  5646. * await Utils.waitArrayLoopToEnd([func,func,func],xxxFunction);
  5647. **/
  5648. Utils.waitArrayLoopToEnd = function (data, handleFunc) {
  5649. if (typeof handleFunc !== "function" && typeof handleFunc !== "string") {
  5650. throw new Error(
  5651. "Utils.waitArrayLoopToEnd 参数 handleDataFunction 必须为 function|string 类型"
  5652. );
  5653. }
  5654. return Promise.all(
  5655. Array.from(data).map(async (item, index) => {
  5656. await Utils.tryCatch(index, item).run(handleFunc);
  5657. })
  5658. );
  5659. };
  5660.  
  5661. /**
  5662. * 等待指定元素出现,支持多个selector
  5663. * @param {...string} nodeSelectors 一个或多个节点选择器,必须为字符串类型
  5664. * @returns {Promise<HTMLElement|HTMLElement[]>}
  5665. * @example
  5666. * Utils.waitNode("div.xxx").then( element =>{
  5667. * console.log(element); // div.xxx => HTMLElement
  5668. * })
  5669. * @example
  5670. * Utils.waitNode("div.xxx","a.xxx").then( (elementList)=>{
  5671. * console.log(elementList[0]); // div.xxx => HTMLElement
  5672. * console.log(elementList[1]); // a.xxx => HTMLElement
  5673. * })
  5674. */
  5675. Utils.waitNode = async function (...nodeSelectors) {
  5676. /* 检查每个参数是否为字符串类型 */
  5677. for (let nodeSelector of nodeSelectors) {
  5678. if (typeof nodeSelector !== "string") {
  5679. throw new Error("Utils.waitNode 参数必须都是 string 类型");
  5680. }
  5681. }
  5682.  
  5683. return new Promise((resolve) => {
  5684. /* 防止触发第二次回调 */
  5685. let isReturn = false;
  5686.  
  5687. /**
  5688. * 检查所有选择器是否匹配到节点
  5689. * @param {MutationObserver} observer
  5690. */
  5691. let checkNodes = (observer) => {
  5692. let isFind = true;
  5693. let selectNodeArray = [];
  5694. for (let selector of nodeSelectors) {
  5695. let element = document.querySelector(selector);
  5696. if (!element) {
  5697. /* 没找到,直接退出循环 */
  5698. isFind = false;
  5699. break;
  5700. }
  5701. selectNodeArray.push(element);
  5702. }
  5703. if (isFind) {
  5704. isReturn = true;
  5705. observer?.disconnect();
  5706. /* 如果只有一个选择器,那么返回数组中存储的第一个 */
  5707. if (selectNodeArray.length === 1) {
  5708. resolve(selectNodeArray[0]);
  5709. } else {
  5710. resolve(selectNodeArray);
  5711. }
  5712. }
  5713. };
  5714.  
  5715. /* 在函数开始时检查节点是否已经存在 */
  5716. checkNodes();
  5717.  
  5718. /* 监听 DOM 的变化,直到至少有一个节点被匹配到 */
  5719. Utils.mutationObserver(document.documentElement, {
  5720. config: { subtree: true, childList: true, attributes: true },
  5721. callback: (mutations, observer) => {
  5722. if (isReturn) {
  5723. return;
  5724. }
  5725. checkNodes(observer);
  5726. },
  5727. });
  5728. });
  5729. };
  5730.  
  5731. /**
  5732. * 在规定时间内,等待任意元素出现,支持多个selector,如果未出现,则关闭监听
  5733. * @param {string[]|string} [nodeSelectorsList=[]] 一个或多个节点选择器,必须为字符串类型
  5734. * @param {number} [maxTime=0] xx毫秒(ms)后关闭监听,默认0ms
  5735. * @returns {Promise<HTMLElement|HTMLElement[]|undefined>}
  5736. * @example
  5737. * Utils.waitNodeWithInterval("a.xxx",30000).then(element=>{
  5738. * console.log(element);
  5739. * })
  5740. * @example
  5741. * Utils.waitNodeWithInterval(["div.xxx","a.xxx"],30000).then(elementList=>{
  5742. * console.log(elementList[0]); // div.xxx => HTMLElement
  5743. * console.log(elementList[1]); // a.xxx => HTMLElement
  5744. * })
  5745. */
  5746. Utils.waitNodeWithInterval = async function (
  5747. nodeSelectorsList = [],
  5748. maxTime = 0
  5749. ) {
  5750. let nodeSelectors = [];
  5751. /* 检查每个参数是否为字符串类型 */
  5752. if (Array.isArray(nodeSelectorsList)) {
  5753. for (let nodeSelector of nodeSelectorsList) {
  5754. if (typeof nodeSelector !== "string") {
  5755. throw new Error(
  5756. "Utils.waitNodeWithInterval 参数nodeSelectorsList必须为 string[] 类型"
  5757. );
  5758. }
  5759. }
  5760. nodeSelectors = nodeSelectorsList;
  5761. } else {
  5762. nodeSelectors.push(nodeSelectorsList);
  5763. }
  5764.  
  5765. return new Promise((resolve) => {
  5766. /* 防止触发第二次回调 */
  5767. let isReturn = false;
  5768.  
  5769. /* 检查所有选择器是否匹配到节点 */
  5770. let checkNodes = (observer) => {
  5771. let isFind = true;
  5772. let selectNodeArray = [];
  5773. for (let selector of nodeSelectors) {
  5774. let element = document.querySelector(selector);
  5775. if (!element) {
  5776. /* 没找到,直接退出循环 */
  5777. isFind = false;
  5778. break;
  5779. }
  5780. selectNodeArray.push(element);
  5781. }
  5782. if (isFind) {
  5783. isReturn = true;
  5784. observer?.disconnect();
  5785. /* 如果只有一个选择器,那么返回数组中存储的第一个 */
  5786. if (selectNodeArray.length === 1) {
  5787. resolve(selectNodeArray[0]);
  5788. } else {
  5789. resolve(selectNodeArray);
  5790. }
  5791. }
  5792. };
  5793.  
  5794. /* 在函数开始时检查节点是否已经存在 */
  5795. checkNodes();
  5796.  
  5797. /* 监听 DOM 的变化,直到至少有一个节点被匹配到 */
  5798. let mutationObserver = Utils.mutationObserver(document.documentElement, {
  5799. config: { subtree: true, childList: true, attributes: true },
  5800. callback: (mutations, observer) => {
  5801. if (isReturn) {
  5802. return;
  5803. }
  5804. checkNodes(observer);
  5805. },
  5806. });
  5807. setTimeout(() => {
  5808. mutationObserver.disconnect();
  5809. }, maxTime);
  5810. });
  5811. };
  5812. /**
  5813. * 等待任意元素出现,支持多个selector
  5814. * @param {...any} nodeSelectors 一个或多个节点选择器,必须为字符串类型
  5815. * @returns {Promise<HTMLElement>}
  5816. * @example
  5817. * Utils.waitAnyNode("div.xxx","a.xxx").then( element =>{
  5818. * console.log(element); // a.xxx => HTMLElement
  5819. * })
  5820. */
  5821. Utils.waitAnyNode = async function (...nodeSelectors) {
  5822. /* 检查每个参数是否为字符串类型 */
  5823. for (let nodeSelector of nodeSelectors) {
  5824. if (typeof nodeSelector !== "string") {
  5825. throw new Error("Utils.waitNode 参数必须为 ...string 类型");
  5826. }
  5827. }
  5828.  
  5829. return new Promise((resolve) => {
  5830. /* 防止触发第二次回调 */
  5831. let isReturn = false;
  5832.  
  5833. /* 检查所有选择器是否存在任意匹配到元素 */
  5834. let checkNodes = (observer) => {
  5835. let selectNode = null;
  5836. for (let selector of nodeSelectors) {
  5837. selectNode = document.querySelector(selector);
  5838. if (selectNode) {
  5839. /* 找到,退出循环 */
  5840. break;
  5841. }
  5842. }
  5843. if (selectNode) {
  5844. isReturn = true;
  5845. observer?.disconnect();
  5846. resolve(selectNode);
  5847. }
  5848. };
  5849.  
  5850. /* 在函数开始时检查节点是否已经存在 */
  5851. checkNodes();
  5852.  
  5853. /* 监听 DOM 的变化,直到至少有一个节点被匹配到 */
  5854. Utils.mutationObserver(document.documentElement, {
  5855. config: { subtree: true, childList: true, attributes: true },
  5856. callback: (mutations, observer) => {
  5857. if (isReturn) {
  5858. return;
  5859. }
  5860. checkNodes(observer);
  5861. },
  5862. });
  5863. });
  5864. };
  5865.  
  5866. /**
  5867. * 等待指定元素出现,支持多个selector
  5868. * @param {...string} nodeSelectors
  5869. * @returns {Promise<NodeList|NodeList[]>} 当nodeSelectors为数组多个时,
  5870. * 返回如:[ NodeList, NodeList ],
  5871. * 当nodeSelectors为单个时,
  5872. * 返回如:NodeList。
  5873. * NodeList元素与页面存在强绑定,当已获取该NodeList,但是页面中却删除了,该元素在NodeList中会被自动删除
  5874. * @example
  5875. * Utils.waitNodeList("div.xxx").then( nodeList =>{
  5876. * console.log(nodeList) // div.xxx => NodeList
  5877. * })
  5878. * @example
  5879. * Utils.waitNodeList("div.xxx","a.xxx").then( nodeListArray =>{
  5880. * console.log(nodeListArray[0]) // div.xxx => NodeList
  5881. * console.log(nodeListArray[1]) // a.xxx => NodeList
  5882. * })
  5883. */
  5884. Utils.waitNodeList = async function (...nodeSelectors) {
  5885. /* 检查每个参数是否为字符串类型 */
  5886. for (let nodeSelector of nodeSelectors) {
  5887. if (typeof nodeSelector !== "string") {
  5888. throw new Error("Utils.waitNode 参数必须为 ...string 类型");
  5889. }
  5890. }
  5891.  
  5892. return new Promise((resolve) => {
  5893. /* 防止触发第二次回调 */
  5894. let isReturn = false;
  5895.  
  5896. /* 检查所有选择器是否匹配到节点 */
  5897. let checkNodes = (observer) => {
  5898. let isFind = true;
  5899. let selectNodes = [];
  5900. for (let selector of nodeSelectors) {
  5901. let nodeList = document.querySelectorAll(selector);
  5902. if (nodeList.length === 0) {
  5903. /* 没找到,直接退出循环 */
  5904. isFind = false;
  5905. break;
  5906. }
  5907. selectNodes.push(nodeList);
  5908. }
  5909. if (isFind) {
  5910. isReturn = true;
  5911. observer?.disconnect();
  5912. /* 如果只有一个选择器,那么返回第一个 */
  5913. if (selectNodes.length === 1) {
  5914. resolve(selectNodes[0]);
  5915. } else {
  5916. resolve(selectNodes);
  5917. }
  5918. }
  5919. };
  5920.  
  5921. /* 在函数开始时检查节点是否已经存在 */
  5922. checkNodes();
  5923.  
  5924. /* 监听 DOM 的变化,直到至少有一个节点被匹配到 */
  5925. Utils.mutationObserver(document.documentElement, {
  5926. config: { subtree: true, childList: true, attributes: true },
  5927. callback: (mutations, observer) => {
  5928. if (isReturn) {
  5929. return;
  5930. }
  5931. checkNodes(observer);
  5932. },
  5933. });
  5934. });
  5935. };
  5936.  
  5937. /**
  5938. * 等待任意元素出现,支持多个selector
  5939. * @param {...string} nodeSelectors
  5940. * @returns {Promise<NodeList>} 返回NodeList
  5941. * NodeList元素与页面存在强绑定,当已获取该NodeList,但是页面中却删除了,该元素在NodeList中会被自动删除
  5942. * @example
  5943. * Utils.waitAnyNodeList("div.xxx").then( nodeList =>{
  5944. * console.log(nodeList) // div.xxx => NodeList
  5945. * })
  5946. * @example
  5947. * Utils.waitAnyNodeList("div.xxx","a.xxx").then( nodeList =>{
  5948. * console.log(nodeList) // a.xxx => NodeList
  5949. * })
  5950. */
  5951. Utils.waitAnyNodeList = async function (...nodeSelectors) {
  5952. /* 检查每个参数是否为字符串类型 */
  5953. for (let nodeSelector of nodeSelectors) {
  5954. if (typeof nodeSelector !== "string") {
  5955. throw new Error("Utils.waitNode 参数必须为 ...string 类型");
  5956. }
  5957. }
  5958.  
  5959. return new Promise((resolve) => {
  5960. /* 防止触发第二次回调 */
  5961. let isReturn = false;
  5962.  
  5963. /* 检查所有选择器是否匹配到节点 */
  5964. let checkNodes = (observer) => {
  5965. let selectNodes = [];
  5966. for (let selector of nodeSelectors) {
  5967. selectNodes = document.querySelectorAll(selector);
  5968. if (selectNodes.length) {
  5969. /* 找到,退出循环 */
  5970. break;
  5971. }
  5972. }
  5973. if (selectNodes.length) {
  5974. isReturn = true;
  5975. observer?.disconnect();
  5976. resolve(selectNodes);
  5977. }
  5978. };
  5979.  
  5980. /* 在函数开始时检查节点是否已经存在 */
  5981. checkNodes();
  5982.  
  5983. /* 监听 DOM 的变化,直到至少有一个节点被匹配到 */
  5984. Utils.mutationObserver(document.documentElement, {
  5985. config: { subtree: true, childList: true, attributes: true },
  5986. callback: (mutations, observer) => {
  5987. if (isReturn) {
  5988. return;
  5989. }
  5990. checkNodes(observer);
  5991. },
  5992. });
  5993. });
  5994. };
  5995.  
  5996. /**
  5997. * 等待对象上的属性出现
  5998. * @param {object|()=>object} checkObj 检查的对象
  5999. * @param {string} checkPropertyName 检查的对象的属性名
  6000. * @returns {Promise<any>}
  6001. * @example
  6002. * await Utils.waitProperty(window,"test");
  6003. * console.log("test success set");
  6004. *
  6005. * window.test = 1;
  6006. * > "test success set"
  6007. *
  6008. */
  6009. Utils.waitProperty = async function (checkObj, checkPropertyName) {
  6010. return new Promise((resolve) => {
  6011. let obj = checkObj;
  6012. if (typeof checkObj === "function") {
  6013. obj = checkObj();
  6014. }
  6015. if (Object.hasOwnProperty.call(obj, checkPropertyName)) {
  6016. resolve(obj[checkPropertyName]);
  6017. } else {
  6018. Object.defineProperty(obj, checkPropertyName, {
  6019. set: function (value) {
  6020. try {
  6021. resolve(value);
  6022. } catch (error) {
  6023. console.error("Error setting property:", error);
  6024. }
  6025. },
  6026. });
  6027. }
  6028. });
  6029. };
  6030.  
  6031. /**
  6032. * 在规定时间内等待对象上的属性出现
  6033. * @param {object| ()=> object } checkObj 检查的对象
  6034. * @param {string| (obj: any)=>boolean } checkPropertyName 检查的对象的属性名
  6035. * @param {number} [intervalTimer=250] 检查间隔时间(ms),默认250ms
  6036. * @param {number} [maxTime=-1] 限制在多长时间内,默认-1(不限制时间)
  6037. * @returns {Promise<any|undefined>}
  6038. * @example
  6039. * await Utils.waitPropertyByInterval(window,"test");
  6040. * console.log("test success set");
  6041. */
  6042. Utils.waitPropertyByInterval = async function (
  6043. checkObj,
  6044. checkPropertyName,
  6045. intervalTimer = 250,
  6046. maxTime = -1
  6047. ) {
  6048. let isResolve = false;
  6049. return new Promise((resolve) => {
  6050. let interval = setInterval(() => {
  6051. let obj = checkObj;
  6052. if (typeof checkObj === "function") {
  6053. obj = checkObj();
  6054. }
  6055. if (
  6056. (typeof checkPropertyName === "function" && checkPropertyName(obj)) ||
  6057. Object.hasOwnProperty.call(obj, checkPropertyName)
  6058. ) {
  6059. isResolve = true;
  6060. clearInterval(interval);
  6061. resolve(obj[checkPropertyName]);
  6062. }
  6063. }, intervalTimer);
  6064. if (maxTime !== -1) {
  6065. setTimeout(() => {
  6066. if (!isResolve) {
  6067. clearInterval(interval);
  6068. resolve();
  6069. }
  6070. }, maxTime);
  6071. }
  6072. });
  6073. };
  6074.  
  6075. /**
  6076. * 在规定时间内等待元素上的__vue__属性或者__vue__属性上的某个值出现出现
  6077. * @param {HTMLElement|()=>HTMLElement } element 目标元素
  6078. * @param {string|(__vue__:object)=> boolean |undefined} propertyName vue上的属性名
  6079. * @param {number} [timer=250] 间隔时间(ms),默认250ms
  6080. * @param {number} [maxTime=-1] 限制在多长时间内,默认-1(不限制时间)
  6081. * @param {"__vue__"|string} vueName vue挂载的属性名
  6082. * @example
  6083. * await Utils.waitVueByInterval(
  6084. * function(){
  6085. * return document.querySelector("a.xx")
  6086. * },
  6087. * function(__vue__){
  6088. * return Boolean(__vue__.xxx == null);
  6089. * },
  6090. * 250,
  6091. * 10000,
  6092. * "__vue__"
  6093. * )
  6094. */
  6095. Utils.waitVueByInterval = async function (
  6096. element,
  6097. propertyName,
  6098. timer = 250,
  6099. maxTime = -1,
  6100. vueName = "__vue__"
  6101. ) {
  6102. if (element == null) {
  6103. throw new Error("Utils.waitVueByInterval 参数element 不能为空");
  6104. }
  6105. await Utils.waitPropertyByInterval(
  6106. element,
  6107. function (targetElement) {
  6108. if (typeof propertyName === "undefined") {
  6109. return vueName in targetElement;
  6110. } else {
  6111. if (vueName in targetElement) {
  6112. if (typeof propertyName === "string") {
  6113. return propertyName in targetElement[vueName];
  6114. } else {
  6115. /* Function */
  6116. return propertyName(targetElement[vueName]);
  6117. }
  6118. } else {
  6119. return false;
  6120. }
  6121. }
  6122. },
  6123. timer,
  6124. maxTime
  6125. );
  6126. };
  6127.  
  6128. /**
  6129. * 观察对象的set、get
  6130. * @param {object} target 观察的对象
  6131. * @param {string} propertyName 观察的对象的属性名
  6132. * @param {?(value)=>{}} getCallBack 触发get的回调,可以自定义返回特定值
  6133. * @param {?(value)=>{}} setCallBack 触发set的回调,参数为将要设置的value
  6134. * @example
  6135. * Utils.watchObject(window,"test",()=>{return 111;},(value)=>{console.log("test出现,值是",value)});
  6136. *
  6137. * window.test = 1;
  6138. * > test出现,值是 1
  6139. * console.log(window.test);
  6140. * > 111;
  6141. */
  6142. Utils.watchObject = function (
  6143. target,
  6144. propertyName,
  6145. getCallBack,
  6146. setCallBack
  6147. ) {
  6148. if (
  6149. typeof getCallBack !== "function" &&
  6150. typeof setCallBack !== "function"
  6151. ) {
  6152. return;
  6153. }
  6154.  
  6155. if (typeof getCallBack === "function") {
  6156. Object.defineProperty(target, propertyName, {
  6157. get() {
  6158. if (typeof getCallBack === "function") {
  6159. return getCallBack(value);
  6160. } else {
  6161. return target[propertyName];
  6162. }
  6163. },
  6164. });
  6165. } else if (typeof setCallBack === "function") {
  6166. Object.defineProperty(target, propertyName, {
  6167. set(value) {
  6168. if (typeof setCallBack === "function") {
  6169. setCallBack(value);
  6170. }
  6171. },
  6172. });
  6173. } else {
  6174. Object.defineProperty(target, propertyName, {
  6175. get() {
  6176. if (typeof getCallBack === "function") {
  6177. return getCallBack(value);
  6178. } else {
  6179. return target[propertyName];
  6180. }
  6181. },
  6182. set(value) {
  6183. if (typeof setCallBack === "function") {
  6184. setCallBack(value);
  6185. }
  6186. },
  6187. });
  6188. }
  6189. };
  6190.  
  6191. return Utils;
  6192. });

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址