// ==UserScript==
// @name GM Api Test
// @namespace https://github.com/WhiteSevs/TamperMonkeyScript
// @version 2024.12.31
// @author WhiteSevs
// @description 用于测试您的油猴脚本管理器对油猴函数的支持程度
// @license GPL-3.0-only
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAACM9JREFUeF7tnUmsFUUUhj9klFmMsxiJGsUBFk4xbDAa16AG1EQUQSDRMBjBuHFrBCNDNBFkUEhUiApro9EFxKi4AAc0xmBEcUrQx6SIov2Te5+Xy323q/t2v9fd59Ty3erq+k99r7rqVNWpfuSb5gL3A2OAUcAwYAgwEDgj31eXrvQTwHHgT+AI0AUcADYBq/NS0y+Hgh+qNfqkWkPn8ApzRQqMHTUY1mepPisAxgGq2A3A8Cwr6GWdZoHDwE5A/2h7O7VPFgBsBqYAgzqtjD+fyAJ/AduA6YmeasrcCQArgZnAiE4q4M92bIFDwAZgQZqS0gBwDfA2cGGaF/ozuVlgP3AH8HmSNyQFYEbU8GuAwUle4nl7zQLHgDnAxtA3JgFgaTQ9WRxasOfrUwssA5aE1CAUgK21gV5ImZ6nGBbQAHFqXFVCAFgLzIoryH8vpAXWAbPb1SwOAI3yM3U8FNJM1a6U/AWaJbRM7QCYDLxXbduYUXcr8H4rtT0BMBbYDYw2Y6JqC/0dmBB9yvc1y+wJgO+Bi6ptE3PqfgAuDgFAHr755sxjQ/CqZo9hqx7goLt3K0uD3MYjG9U1A6CFnWmVle/CZIEtjQtIjQBoSfdLX9WrPCVaRbyqvpTcCICmfJr6eaq+BTQl1NSQRgCOAmdWX7srBP4AhjYCsDDas7fcTWPKAosiP8+Keg+wq+YoMGUB42Ll6JtYB+BvoL9xg1iT/w8wQAB492+t6f/Xu0gAbAe0hduTPQvsEABfAOPtaXfFkUNojwDQIoFv8LTJw34BoKVCHdvyZM8CXQJAZ9F8l6+9xpfiYwJA0wE/qGkTgBMC4F+b2l113RXsABhmwXsAw43vPYDxxncAHICT+wF8DGAYBAfAcOP7J8B44zsADoCPAawz4GMA4wQ4AA6ATwMtM+A9gOXWrx0McUeQYQi8BzDc+O4HMN74DoAD4I4g6wz4GMA4AQ6AA+COIMsMeA9gufXdEWS89R0AB8A/AcYZcAAcAJ8FWGbAewDLre+DQOOt7wA4AP4JMM6AA+AA+CzAMgPeA1hufR8EGm99B8AB8E+AcQZ6GwBFJVdo2q+B74BvatfU1K8819X0us7ksujG0kuAy6M7bq4GBpa0nQqvtzcAOAzsjBp1UwfX0N4d3XHzAHALcHbBYSiV3jwB6Ioun3wphyvn5wJPFTC+cSn15gGAbqV6C7g35//UF2u9wpCc3xNXfKn1Zg2AbqPSbdV746yW0e/nRWOG1/vwtrPS680KAB0wXQPMy6hhkxaj3mBO0y1oSctIkr8yerMAQFeQXVG7dyCJEbPOq8uuNbvI++q7SuntFIDuCwizbs0OysvzAszK6e0EgF8AfYOLmH4Gzs24YpXUmxaAE8A50TXzBzI2clbFjQF+zfAehMrqTQvAE9HVo0uzaq2cylkSjQeeyajsyupNA0ARv4M9tXMW44FK600KwClXj2f035VnMeNqaw2DUr5E9yldCmhMUYakMdm3QLBzLCkAcrrk7eHL2tCvRRDck7LQ1X3o20hZZeQTkbs8KCUBQL7u0UGlFi9Tmqvx9kdrGfItlDEF3wWZBIBnc1jY6S3jLgMeT/gyeTXVA5QxqQdQTxCbQgE4CgyLLa3YGY5EM5ehgVVUj3FWYN6iZvstpMcOBeBj4KaiKg2s10fAjYF5yzTy70lS0AwoFIBFEU0rAo1X1GwLoytylwdWbmY0+n85MG9Rsz0IbIirXAgAull0QFxBJfldW7T6x9RVecq6Ba1Z2vG4tgsB4DPgupI0cFw1PwWujcmkPBPiCirJ77vj2i4EgDcB7cmrQnoDuCtGiCm9IQDou/lYFVofeA7QeKZdMqU3BIBHo5W/FyoCwCPA8zFaTOkNAeB24N2KAHAb8E6MFlN6QwC4IPKH/1QRAM6P/OQ/xmgxpdcBOJ0GB6DJJqa6RMCU3pAewNSgCDClNwQAU9OimrvYzLRXAMjVe0abgZEpx0jkObOk94QA0LanwW0AkDtxYkVmAbsC3LyW9B4TAHG7ZUwtjgCW9HYJgJDtQ7M6ONtflM5Dh1bXBVbGit79AkARO8bHGMbMBomaHazo3SMAtgOTYgBQ1IsRgf89Rc12CBgeWDkrencIgNANhNY2hVrQO08AKOnAR9wuGGvbwquuV7uFBtUBCNpAWIvGYelgSJUPwpwc59QBCB0hWzsaVmW9J2c6dQD0GQgdJJVphBzas7UbG1ZRb/cgtxGAJMYqw5m5RGfkYmYHVdPbDXUjAElO0ipI0tgCxAXqqd10pm9fhkGjqqT3lM9aIwAy5ubIMTQtcK6sYEmhR60Ci8wsm46yZR0sqip6twDT65ZuBkB/P5jA6VPE72OST1lS4squV+O8kY2iWwGwMor9Mz+BZRQ8Sa7kvo4XpLhAe3IIDtVsijLrXQUsiANAv4csEDWWoyBKT/Zh3CDFA3o6w6BQcfyXUW/LeAetegCJV9j2T2L2CbQyUm+HTtXAdb2hULFp9R4DrgfqYfm7264nAJRhBvBK3L9Ci997K3iyQr/cKXdmijpm+UgZ9CrU/sZWotsBoPwKBbc4pbXyCp+uaB8PR3v3RqWsV16PFVWv7KVPZMsUB4Ae2gpM6cBqmpKp63m1gxgDOtt/X+3TVNSpZ91ERdK7DZjaru1CANDzayPHinzHnSZtQNVI/avAK2OurM0w4s70d1qvvJ7vS73a/TQ7TlgoACpHUTM04PJUfAtocS82OohkJAFA+SfXPgllDRdX/KbrrIba4KsuX7OxoJQUABWqNYAPShxDL8gwJcwk340u1dIaSHBKA0C9cHkM9Vko+17BYGMVNKPcu+ruT/Hwhda1EwDq79ACkmYJfT0fD9VclXzyP2iU372wk0ZYFgDovXUP1c05rMKl0VXlZ7Qq+WFWl3NlBUCjwTVn16dB7uSyTt+KBpCmk/KlqKvPNF5jHgA0w6AIY1qpk+dO4WYVylw7kNsdSC1aA/RGfbTApJ26OqupsLbyLGqFVZHNMm30RjH/AX1V4etVAz1zAAAAAElFTkSuQmCC
// @supportURL https://github.com/WhiteSevs/TamperMonkeyScript/issues
// @match *://*/*
// @require https://update.greasyfork.org/scripts/494167/1413255/CoverUMD.js
// @resource ViewerCSS https://fastly.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css
// @connect *
// @grant GM.addElement
// @grant GM.addStyle
// @grant GM.addValueChangeListener
// @grant GM.cookie
// @grant GM.deleteValue
// @grant GM.deleteValues
// @grant GM.download
// @grant GM.getResourceText
// @grant GM.getResourceUrl
// @grant GM.getTab
// @grant GM.getTabs
// @grant GM.getValue
// @grant GM.getValues
// @grant GM.info
// @grant GM.listValues
// @grant GM.log
// @grant GM.notification
// @grant GM.openInTab
// @grant GM.registerMenuCommand
// @grant GM.removeValueChangeListener
// @grant GM.saveTab
// @grant GM.setClipboard
// @grant GM.setValue
// @grant GM.setValues
// @grant GM.unregisterMenuCommand
// @grant GM.webRequest
// @grant GM.xmlHttpRequest
// @grant GM_addElement
// @grant GM_addStyle
// @grant GM_addValueChangeListener
// @grant GM_cookie
// @grant GM_deleteValue
// @grant GM_deleteValues
// @grant GM_download
// @grant GM_getResourceText
// @grant GM_getResourceURL
// @grant GM_getTab
// @grant GM_getTabs
// @grant GM_getValue
// @grant GM_getValues
// @grant GM_info
// @grant GM_listValues
// @grant GM_log
// @grant GM_notification
// @grant GM_openInTab
// @grant GM_registerMenuCommand
// @grant GM_removeValueChangeListener
// @grant GM_saveTab
// @grant GM_setClipboard
// @grant GM_setValue
// @grant GM_setValues
// @grant GM_unregisterMenuCommand
// @grant GM_webRequest
// @grant GM_xmlhttpRequest
// @grant unsafeWindow
// @grant window.close
// @grant window.focus
// @grant window.onurlchange
// @run-at document-start
// ==/UserScript==
(function () {
'use strict';
var __defProp = Object.defineProperty;
var __typeError = (msg) => {
throw TypeError(msg);
};
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
var __privateWrapper = (obj, member, setter, getter) => ({
set _(value) {
__privateSet(obj, member, value);
},
get _() {
return __privateGet(obj, member, getter);
}
});
var _data, _U2Ghash, _G2Uhash, _defaultDetails, _LOG_DETAILS, _dbName, _storeName, _dbVersion, _slqVersion, _indexedDB, _db, _store, _statusCode, _flag, _delayTime, _callback, _context2, _disable, _console, _logCount, _details, _msgColorDetails, _config, _ctx, _width, _height, _a;
var _GM = /* @__PURE__ */ (() => typeof GM != "undefined" ? GM : void 0)();
var _GM_addElement = /* @__PURE__ */ (() => typeof GM_addElement != "undefined" ? GM_addElement : void 0)();
var _GM_addStyle = /* @__PURE__ */ (() => typeof GM_addStyle != "undefined" ? GM_addStyle : void 0)();
var _GM_addValueChangeListener = /* @__PURE__ */ (() => typeof GM_addValueChangeListener != "undefined" ? GM_addValueChangeListener : void 0)();
var _GM_cookie = /* @__PURE__ */ (() => typeof GM_cookie != "undefined" ? GM_cookie : void 0)();
var _GM_deleteValue = /* @__PURE__ */ (() => typeof GM_deleteValue != "undefined" ? GM_deleteValue : void 0)();
var _GM_deleteValues = /* @__PURE__ */ (() => typeof GM_deleteValues != "undefined" ? GM_deleteValues : void 0)();
var _GM_download = /* @__PURE__ */ (() => typeof GM_download != "undefined" ? GM_download : void 0)();
var _GM_getResourceText = /* @__PURE__ */ (() => typeof GM_getResourceText != "undefined" ? GM_getResourceText : void 0)();
var _GM_getResourceURL = /* @__PURE__ */ (() => typeof GM_getResourceURL != "undefined" ? GM_getResourceURL : void 0)();
var _GM_getTab = /* @__PURE__ */ (() => typeof GM_getTab != "undefined" ? GM_getTab : void 0)();
var _GM_getTabs = /* @__PURE__ */ (() => typeof GM_getTabs != "undefined" ? GM_getTabs : void 0)();
var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)();
var _GM_getValues = /* @__PURE__ */ (() => typeof GM_getValues != "undefined" ? GM_getValues : void 0)();
var _GM_info = /* @__PURE__ */ (() => typeof GM_info != "undefined" ? GM_info : void 0)();
var _GM_listValues = /* @__PURE__ */ (() => typeof GM_listValues != "undefined" ? GM_listValues : void 0)();
var _GM_log = /* @__PURE__ */ (() => typeof GM_log != "undefined" ? GM_log : void 0)();
var _GM_notification = /* @__PURE__ */ (() => typeof GM_notification != "undefined" ? GM_notification : void 0)();
var _GM_openInTab = /* @__PURE__ */ (() => typeof GM_openInTab != "undefined" ? GM_openInTab : void 0)();
var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)();
var _GM_removeValueChangeListener = /* @__PURE__ */ (() => typeof GM_removeValueChangeListener != "undefined" ? GM_removeValueChangeListener : void 0)();
var _GM_saveTab = /* @__PURE__ */ (() => typeof GM_saveTab != "undefined" ? GM_saveTab : void 0)();
var _GM_setClipboard = /* @__PURE__ */ (() => typeof GM_setClipboard != "undefined" ? GM_setClipboard : void 0)();
var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)();
var _GM_setValues = /* @__PURE__ */ (() => typeof GM_setValues != "undefined" ? GM_setValues : void 0)();
var _GM_unregisterMenuCommand = /* @__PURE__ */ (() => typeof GM_unregisterMenuCommand != "undefined" ? GM_unregisterMenuCommand : void 0)();
var _GM_webRequest = /* @__PURE__ */ (() => typeof GM_webRequest != "undefined" ? GM_webRequest : void 0)();
var _GM_xmlhttpRequest = /* @__PURE__ */ (() => typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0)();
var _unsafeWindow = /* @__PURE__ */ (() => typeof unsafeWindow != "undefined" ? unsafeWindow : void 0)();
var _monkeyWindow = /* @__PURE__ */ (() => window)();
function CompatibleProcessing() {
try {
if (typeof Object.assign !== "function") {
Object.assign = function(target) {
target = Object(target);
if (arguments.length > 1) {
let sourceList = [...arguments].splice(1, arguments.length - 1);
sourceList.forEach((sourceItem) => {
for (var sourceKey in sourceItem) {
if (Object.prototype.hasOwnProperty.call(sourceItem, sourceKey)) {
target[sourceKey] = sourceItem[sourceKey];
}
}
});
}
return target;
};
}
} catch (error2) {
console.warn(error2);
}
try {
if (!("classList" in document.documentElement)) {
Object.defineProperty(HTMLElement.prototype, "classList", {
get: function() {
var self2 = this;
function update(fn) {
return function(value) {
var classes = self2.className.split(/\s+/g), index = classes.indexOf(value);
fn(classes, index, value);
self2.className = classes.join(" ");
};
}
return {
add: update(function(classes, index, value) {
if (!~index)
classes.push(value);
}),
remove: update(function(classes, index) {
if (~index)
classes.splice(index, 1);
}),
toggle: update(function(classes, index, value) {
if (~index)
classes.splice(index, 1);
else
classes.push(value);
}),
contains: function(value) {
return !!~self2.className.split(/\s+/g).indexOf(value);
},
item: function(index) {
return self2.className.split(/\s+/g)[index] || null;
}
};
}
});
}
} catch (error2) {
console.warn(error2);
}
}
const QmsgAnimation = {
/** 状态 & 动画 */
$state: {
opening: "MessageMoveIn",
done: "",
closing: "MessageMoveOut"
},
$name: {
startNameList: [
"animationName",
"WebkitAnimationName",
"MozAnimationName",
"msAnimationName",
"OAnimationName"
],
endNameList: [
"animationend",
"webkitAnimationEnd",
"mozAnimationEnd",
"MSAnimationEnd",
"oanimationend"
]
},
/**
* 获取元素上的animationName属性
* @param element
*/
getStyleAnimationNameValue(element) {
for (let index = 0; index < this.$name.startNameList.length; index++) {
let animationName = this.$name.startNameList[index];
let animationNameValue = element.style[animationName];
if (animationNameValue != null) {
return animationNameValue;
}
}
},
/**
* 设置元素上的animationName属性
* @param element
* @param animationNameValue
*/
setStyleAnimationName(element, animationNameValue = "") {
this.$name.startNameList.forEach((animationName) => {
if (animationName in element.style) {
element.style[animationName] = animationNameValue;
}
});
}
};
const QmsgConfig = {
/** 声明插件名称 */
PLUGIN_NAME: "qmsg",
/** 命名空间，用于css和事件 */
NAMESPACE: "qmsg",
/** 实例配置的固定的默认值 */
INS_DEFAULT: {},
/** 固定的默认值 */
DEFAULT: {
animation: true,
autoClose: true,
content: "",
html: false,
isHTML: false,
position: "top",
showClose: false,
maxNums: 5,
onClose: null,
showIcon: true,
showMoreContent: false,
showReverse: false,
timeout: 2500,
type: "info",
zIndex: 5e4,
style: "",
customClass: "",
isLimitWidth: false,
limitWidthNum: 200,
limitWidthWrap: "no-wrap",
consoleLogContent: false
},
/**
* 是否支持动画属性
*/
CAN_ANIMATION: Boolean(QmsgAnimation.getStyleAnimationNameValue(document.createElement("div")) != null)
};
const QmsgHeaderCloseIcon = '<svg width="16" height="16" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M14 14L34 34" stroke="#909399" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 34L34 14" stroke="#909399" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>';
const QmsgIcon = {
info: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M512 64q190.016 4.992 316.512 131.488T960 512q-4.992 190.016-131.488 316.512T512 960q-190.016-4.992-316.512-131.488T64 512q4.992-190.016 131.488-316.512T512 64zm67.008 275.008q26.016 0 43.008-15.488t16.992-41.504-16.992-41.504-42.496-15.488-42.496 15.488-16.992 41.504 16.992 41.504 42.016 15.488zm12 360q0-6.016.992-16T592 664l-52.992 60.992q-8 8.992-16.512 14.016T508 742.016q-8.992-4-8-14.016l88-276.992q4.992-28-8.992-48t-44.992-24q-35.008.992-76.512 29.504t-72.512 72.512v15.008q-.992 10.016 0 19.008l52.992-60.992q8-8.992 16.512-14.016T468 437.024q10.016 4.992 7.008 16l-87.008 276q-7.008 24.992 7.008 44.512T444 800.032q50.016-.992 84-28.992t63.008-72z" fill="#909399"/></svg>',
warning: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M512 64C264.64 64 64 264.64 64 512c0 247.424 200.64 448 448 448 247.488 0 448-200.576 448-448 0-247.36-200.512-448-448-448zm0 704c-26.432 0-48-21.504-48-48s21.568-48 48-48c26.624 0 48 21.504 48 48s-21.376 48-48 48zm48-240c0 26.56-21.376 48-48 48-26.432 0-48-21.44-48-48V304c0-26.56 21.568-48 48-48 26.624 0 48 21.44 48 48v224z" fill="#E6A23C"/></svg>',
error: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M512 64C264.58 64 64 264.58 64 512s200.58 448 448 448 448-200.57 448-448S759.42 64 512 64zm158.39 561.14a32 32 0 1 1-45.25 45.26L512 557.26 398.86 670.4a32 32 0 0 1-45.25-45.26L466.75 512 353.61 398.86a32 32 0 0 1 45.25-45.25L512 466.74l113.14-113.13a32 32 0 0 1 45.25 45.25L557.25 512z" fill="#F56C6C"/></svg>',
success: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M512 64q190.016 4.992 316.512 131.488T960 512q-4.992 190.016-131.488 316.512T512 960q-190.016-4.992-316.512-131.488T64 512q4.992-190.016 131.488-316.512T512 64zm-56 536l-99.008-99.008q-12-11.008-27.488-11.008t-27.008 11.488-11.488 26.496 11.008 27.008l127.008 127.008q11.008 11.008 27.008 11.008t27.008-11.008l263.008-263.008q15.008-15.008 9.504-36.512t-27.008-27.008-36.512 9.504z" fill="#67C23A"/></svg>',
loading: '<svg class="animate-turn" width="16" height="16" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" fill-opacity=".01" d="M0 0h48v48H0z"/><path d="M4 24c0 11.046 8.954 20 20 20s20-8.954 20-20S35.046 4 24 4" stroke="#409eff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 24c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12" stroke="#409eff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>'
};
const QmsgInstanceStorage = {
QmsgList: [],
/**
* 移除实例
* @param uuid
*/
remove(uuid) {
for (let index = 0; index < QmsgInstanceStorage.QmsgList.length; index++) {
if (QmsgInstanceStorage.QmsgList[index].uuid === uuid) {
QmsgInstanceStorage.QmsgList.splice(index, 1);
return;
}
}
}
};
const QmsgCSS = {
css: `@charset "utf-8";
.qmsg.qmsg-wrapper{position:fixed;top:16px;left:0;z-index:50000;display:flex;box-sizing:border-box;margin:0;padding:0;width:100%;color:rgba(0,0,0,.55);list-style:none;font-variant:tabular-nums;font-size:13px;line-height:1;font-feature-settings:"tnum";pointer-events:none;flex-direction:column;}
.qmsg.qmsg-data-position-center,.qmsg.qmsg-data-position-left,.qmsg.qmsg-data-position-right{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.qmsg.qmsg-data-position-bottom,.qmsg.qmsg-data-position-bottomleft,.qmsg.qmsg-data-position-bottomright{position:fixed;top:unset;bottom:0;bottom:8px;left:50%;transform:translate(-50%,0);}
.qmsg.qmsg-data-position-bottomleft .qmsg-item,.qmsg.qmsg-data-position-left .qmsg-item,.qmsg.qmsg-data-position-topleft .qmsg-item{text-align:left;}
.qmsg.qmsg-data-position-bottom .qmsg-item,.qmsg.qmsg-data-position-center .qmsg-item,.qmsg.qmsg-data-position-top .qmsg-item{text-align:center;}
.qmsg.qmsg-data-position-bottomright .qmsg-item,.qmsg.qmsg-data-position-right .qmsg-item,.qmsg.qmsg-data-position-topright .qmsg-item{text-align:right;}
.qmsg .qmsg-item{position:relative;padding:8px;text-align:center;-webkit-animation-duration:.3s;animation-duration:.3s;}
.qmsg .qmsg-item .qmsg-count{position:absolute;top:-4px;left:-4px;display:inline-block;height:16px;min-width:16px;border-radius:2px;background-color:red;color:#fff;text-align:center;font-size:12px;line-height:16px;-webkit-animation-duration:.3s;animation-duration:.3s;}
.qmsg .qmsg-item:first-child{margin-top:-8px;}
.qmsg .qmsg-content{position:relative;display:inline-block;padding:10px 12px;max-width:80%;min-width:40px;border-radius:4px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);text-align:center;pointer-events:all;}
.qmsg .qmsg-content [class^=qmsg-content-]{display:flex;align-items:center;}
.qmsg .qmsg-icon{position:relative;top:1px;display:inline-block;margin-right:8px;color:inherit;vertical-align:-.125em;text-align:center;text-transform:none;font-style:normal;font-size:16px;line-height:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.qmsg .qmsg-icon svg{display:inline-block;}
.qmsg .qmsg-content .qmsg-show-more-content{display:flex;align-items:center;white-space:unset;overflow:unset;text-overflow:unset;padding-right:unset}
.qmsg .qmsg-content-info .qmsg-icon{color:#1890ff;}
.qmsg .qmsg-icon-close{margin:0;margin-left:8px;padding:0;outline:0;border:none;background-color:transparent;color:rgba(0,0,0,.45);font-size:12px;cursor:pointer;transition:color .3s;}
.qmsg .qmsg-icon-close:hover>svg path{stroke:#555;}
.qmsg .qmsg-icon-close.qmsg-show-more-content{position:unset;overflow:unset;padding-left:6px;margin-right:0}
.qmsg .animate-turn{animation:MessageTurn 1s linear infinite;-webkit-animation:MessageTurn 1s linear infinite;}
@keyframes MessageTurn{
0%{-webkit-transform:rotate(0);}
25%{-webkit-transform:rotate(90deg);}
50%{-webkit-transform:rotate(180deg);}
75%{-webkit-transform:rotate(270deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes MessageTurn{
0%{-webkit-transform:rotate(0);}
25%{-webkit-transform:rotate(90deg);}
50%{-webkit-transform:rotate(180deg);}
75%{-webkit-transform:rotate(270deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes MessageMoveOut{
0%{max-height:150px;opacity:1;}
to{max-height:0;opacity:0;}
}
@keyframes MessageMoveOut{
0%{max-height:150px;opacity:1;}
to{max-height:0;opacity:0;}
}
@-webkit-keyframes MessageMoveIn{
0%{opacity:0;transform:translateY(-100%);transform-origin:0 0;}
to{opacity:1;transform:translateY(0);transform-origin:0 0;}
}
@keyframes MessageMoveIn{
0%{opacity:0;transform:translateY(-100%);transform-origin:0 0;}
to{opacity:1;transform:translateY(0);transform-origin:0 0;}
}
@-webkit-keyframes MessageShake{
0%,100%{opacity:1;transform:translateX(0);}
25%,75%{opacity:.75;transform:translateX(-4px);}
50%{opacity:.25;transform:translateX(4px);}
}
@keyframes MessageShake{
0%,100%{opacity:1;transform:translateX(0);}
25%,75%{opacity:.75;transform:translateX(-4px);}
50%{opacity:.25;transform:translateX(4px);}
}`,
/**
* 获取CSS元素
*/
getStyleElement() {
let cssResourceNode = document.createElement("style");
cssResourceNode.setAttribute("type", "text/css");
cssResourceNode.setAttribute("data-type", QmsgConfig.PLUGIN_NAME);
cssResourceNode.innerHTML = this.css;
return cssResourceNode;
}
};
class QmsgMsg {
constructor(option, uuid) {
/**
* setTimeout的id
*/
__publicField(this, "timeId");
/**
* 启动时间
*/
__publicField(this, "startTime");
/**
* 关闭时间
*/
__publicField(this, "endTime");
/**
* Qmsg的配置
*/
__publicField(this, "setting");
/**
* uuid
*/
__publicField(this, "uuid");
/**
* 当前动画状态
*/
__publicField(this, "state");
/**
* 当前相同消息的数量
*/
__publicField(this, "repeatNum");
/**
* 主元素
*/
__publicField(this, "$Qmsg");
this.timeId = void 0;
this.startTime = Date.now();
this.endTime = null;
this.setting = QmsgUtils.toDynamicObject(QmsgConfig.DEFAULT, option, QmsgConfig.INS_DEFAULT);
this.uuid = uuid;
this.state = "opening";
this.$Qmsg = document.createElement("div");
this.repeatNum = 1;
this.detectionType();
this.init();
if (this.setting.consoleLogContent) {
console.log(this.setting.content);
}
}
/**
* 获取当前配置
* @returns
*/
getSetting() {
return this.setting;
}
/**
* 获取当前相同的数量
* @returns
*/
getRepeatNum() {
return this.repeatNum;
}
/**
* 设置repeatNum值
* @param num 重复的数量
*/
setRepeatNum(num) {
this.repeatNum = num;
}
/**
* 设置repeatNum自增
*/
setRepeatNumIncreasing() {
this.repeatNum++;
}
/**
* 初始化元素
*/
init() {
let QmsgContext = this;
if (this.setting.customClass && typeof this.setting.customClass === "string") {
this.$Qmsg.classList.add(this.setting.customClass);
}
let $svg = QmsgIcon[this.setting.type || "info"];
let contentClassName = QmsgUtils.getNameSpacify("content-" + this.setting.type || "info");
if (this.setting.showClose) {
contentClassName += " " + QmsgUtils.getNameSpacify("content-with-close");
}
let content = this.setting.content || "";
let extraCloseIconClassName = "";
let $closeSvg = QmsgHeaderCloseIcon;
if (this.setting.showMoreContent) {
contentClassName += "qmsg-show-more-content";
extraCloseIconClassName += "qmsg-show-more-content";
}
let $closeIcon = "";
if (this.setting.showClose) {
$closeIcon = `<i class="qmsg-icon qmsg-icon-close ${extraCloseIconClassName}">${$closeSvg}</i>`;
}
let $content = document.createElement("span");
let $positionClassName = QmsgUtils.getNameSpacify("data-position", this.setting.position.toLowerCase());
if (this.setting.html || this.setting.isHTML) {
$content.innerHTML = content;
} else {
$content.innerText = content;
}
if (this.setting.isLimitWidth) {
let limitWidthNum = this.setting.limitWidthNum;
if (typeof limitWidthNum === "string") {
if (QmsgUtils.isNumber(limitWidthNum)) {
limitWidthNum = limitWidthNum + "px";
}
} else {
limitWidthNum = limitWidthNum.toString() + "px";
}
$content.style.maxWidth = limitWidthNum;
$content.style.width = limitWidthNum;
if (this.setting.limitWidthWrap === "no-wrap") {
$content.style.whiteSpace = "nowrap";
} else if (this.setting.limitWidthWrap === "ellipsis") {
$content.style.whiteSpace = "nowrap";
$content.style.overflow = "hidden";
$content.style.textOverflow = "ellipsis";
} else if (this.setting.limitWidthWrap === "wrap") {
$content.style.whiteSpace = "";
}
}
this.$Qmsg.innerHTML = /*html*/
`
<div class="qmsg-content">
<div class="${contentClassName}">
${this.setting.showIcon ? `<i class="qmsg-icon">${$svg}</i>` : ""}
${$content.outerHTML}
${$closeIcon}
</div>
</div>
`;
let $contentContainer = this.$Qmsg.querySelector(".qmsg-content");
this.$Qmsg.classList.add(QmsgUtils.getNameSpacify("item"));
this.$Qmsg.setAttribute(QmsgUtils.getNameSpacify("uuid"), this.uuid);
let $shadowContainer = document.querySelector(".qmsg-shadow-container");
let $shadowRoot = $shadowContainer == null ? void 0 : $shadowContainer.shadowRoot;
if (!$shadowContainer) {
$shadowContainer = document.createElement("div");
$shadowContainer.className = "qmsg-shadow-container";
$shadowRoot = $shadowContainer.attachShadow({ mode: "open" });
let __$wrapper__ = document.createElement("div");
__$wrapper__.classList.add(QmsgConfig.NAMESPACE, QmsgUtils.getNameSpacify("wrapper"), QmsgUtils.getNameSpacify("is-initialized"));
__$wrapper__.classList.add($positionClassName);
$shadowRoot.appendChild(QmsgCSS.getStyleElement());
$shadowRoot.appendChild(__$wrapper__);
if (this.setting.style != null) {
let __$ownStyle__ = document.createElement("style");
__$ownStyle__.setAttribute("type", "text/css");
__$ownStyle__.setAttribute("data-id", this.uuid);
__$ownStyle__.innerHTML = this.setting.style;
$contentContainer.insertAdjacentElement("afterend", __$ownStyle__);
}
document.body.appendChild($shadowContainer);
}
if ($shadowRoot == null) {
throw new TypeError(QmsgConfig.PLUGIN_NAME + " $shadowRoot is null");
}
let $wrapper = $shadowRoot.querySelector(`.${QmsgConfig.NAMESPACE}.${$positionClassName}`);
if (!$wrapper) {
$wrapper = document.createElement("div");
$wrapper.classList.add(QmsgConfig.NAMESPACE, QmsgUtils.getNameSpacify("wrapper"), QmsgUtils.getNameSpacify("is-initialized"));
$wrapper.classList.add($positionClassName);
$shadowRoot.appendChild($wrapper);
}
if (this.setting.showReverse) {
$wrapper.style.flexDirection = "column-reverse";
} else {
$wrapper.style.flexDirection = "column";
}
let zIndex = this.setting.zIndex;
if (typeof zIndex === "function") {
zIndex = zIndex();
}
if (!isNaN(zIndex)) {
$wrapper.style.zIndex = zIndex.toString();
}
$wrapper.appendChild(this.$Qmsg);
this.setState(this.$Qmsg, "opening");
if (this.setting.showClose) {
let $closeIcon2 = this.$Qmsg.querySelector(".qmsg-icon-close");
if ($closeIcon2) {
$closeIcon2.addEventListener("click", function() {
QmsgContext.close();
});
}
}
let animationendEvent = (event) => {
let animationNameValue = QmsgAnimation.getStyleAnimationNameValue(QmsgContext.$Qmsg);
if (animationNameValue === QmsgAnimation.$state.closing) {
QmsgContext.endTime = Date.now();
QmsgContext.destroy();
}
QmsgAnimation.setStyleAnimationName(QmsgContext.$Qmsg);
};
QmsgAnimation.$name.endNameList.forEach(function(animationendName) {
QmsgContext.$Qmsg.addEventListener(animationendName, animationendEvent);
});
if (this.setting.autoClose) {
this.timeId = QmsgUtils.setTimeout(() => {
this.close();
}, this.setting.timeout);
let enterEvent = (event) => {
this.startTime = null;
this.endTime = null;
QmsgUtils.clearTimeout(this.timeId);
this.timeId = void 0;
};
let leaveEvent = (event) => {
if (this.timeId != null) {
console.warn("timeId is not null，mouseenter may be not first trigger");
return;
}
this.startTime = Date.now();
this.timeId = QmsgUtils.setTimeout(() => {
this.close();
}, this.setting.timeout);
};
this.$Qmsg.addEventListener("touchstart", () => {
this.$Qmsg.removeEventListener("mouseenter", enterEvent);
this.$Qmsg.removeEventListener("mouseout", leaveEvent);
}, {
capture: true,
once: true
});
this.$Qmsg.addEventListener("mouseenter", enterEvent);
this.$Qmsg.addEventListener("mouseout", leaveEvent);
}
}
/**
* 对timeout进行检测并转换
* 当timeout为string时，转换为number
* timeout必须在规定范围内
*/
detectionType() {
if (this.setting.timeout != null && typeof this.setting.timeout === "string") {
this.setting.timeout = parseInt(this.setting.timeout);
}
if (isNaN(this.setting.timeout)) {
this.setting.timeout = QmsgConfig.DEFAULT.timeout;
}
if (!(this.setting.timeout != null && parseInt(this.setting.timeout.toString()) >= 0 && parseInt(this.setting.timeout.toString()) <= Number.MAX_VALUE)) {
this.setting.timeout = QmsgConfig.DEFAULT.timeout;
}
if (typeof this.setting.zIndex === "function") {
this.setting.zIndex = this.setting.zIndex();
}
if (this.setting.zIndex != null && typeof this.setting.zIndex === "string") {
this.setting.zIndex = parseInt(this.setting.zIndex);
}
if (isNaN(this.setting.zIndex)) {
this.setting.zIndex = typeof QmsgConfig.DEFAULT.zIndex === "function" ? QmsgConfig.DEFAULT.zIndex() : QmsgConfig.DEFAULT.zIndex;
}
}
/**
* 设置元素动画状态 开启/关闭
* @param QmsgMsg
* @param state
*/
setState(element, state) {
if (!state || !QmsgAnimation.$state[state])
return;
this.state = state;
QmsgAnimation.setStyleAnimationName(element, QmsgAnimation.$state[state]);
}
/**
* 设置消息数量统计
*/
setMsgCount() {
let QmsgContext = this;
let countClassName = QmsgUtils.getNameSpacify("count");
let wrapperClassName = `div.${QmsgUtils.getNameSpacify("data-position", this.setting.position.toLowerCase())} [class^="qmsg-content-"]`;
let $content = this.$Qmsg.querySelector(wrapperClassName);
if (!$content) {
throw new TypeError("$content is null");
}
let $count = $content.querySelector("." + countClassName);
if (!$count) {
$count = document.createElement("span");
$count.classList.add(countClassName);
$content.appendChild($count);
}
$count.innerHTML = this.getRepeatNum().toString();
QmsgAnimation.setStyleAnimationName($count);
QmsgAnimation.setStyleAnimationName($count, "MessageShake");
QmsgUtils.clearTimeout(this.timeId);
if (this.setting.autoClose) {
this.timeId = QmsgUtils.setTimeout(function() {
QmsgContext.close();
}, this.setting.timeout);
}
}
/**
* 关闭Qmsg（会触发动画）
*/
close() {
this.setState(this.$Qmsg, "closing");
if (QmsgConfig.CAN_ANIMATION) {
QmsgInstanceStorage.remove(this.uuid);
} else {
this.destroy();
}
let onCloseCallBack = this.setting.onClose;
if (onCloseCallBack && typeof onCloseCallBack === "function") {
onCloseCallBack.call(this);
}
}
/**
* 销毁Qmsg
*/
destroy() {
this.endTime = Date.now();
this.$Qmsg.remove();
QmsgUtils.clearTimeout(this.timeId);
QmsgInstanceStorage.remove(this.uuid);
}
/**
* 设置内容文本
*/
setText(text) {
let $content = this.$Qmsg.querySelector("div[class^=qmsg-content-] > span");
if ($content) {
$content.innerText = text;
this.setting.content = text;
} else {
throw new TypeError("$content is null");
}
}
/**
* 设置内容超文本
*/
setHTML(text) {
let $content = this.$Qmsg.querySelector("div[class^=qmsg-content-] > span");
if ($content) {
$content.innerHTML = text;
this.setting.content = text;
} else {
throw new TypeError("$content is null");
}
}
}
const createCache = (lastNumberWeakMap) => {
return (collection, nextNumber) => {
lastNumberWeakMap.set(collection, nextNumber);
return nextNumber;
};
};
const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER === void 0 ? 9007199254740991 : Number.MAX_SAFE_INTEGER;
const TWO_TO_THE_POWER_OF_TWENTY_NINE = 536870912;
const TWO_TO_THE_POWER_OF_THIRTY = TWO_TO_THE_POWER_OF_TWENTY_NINE * 2;
const createGenerateUniqueNumber = (cache2, lastNumberWeakMap) => {
return (collection) => {
const lastNumber = lastNumberWeakMap.get(collection);
let nextNumber = lastNumber === void 0 ? collection.size : lastNumber < TWO_TO_THE_POWER_OF_THIRTY ? lastNumber + 1 : 0;
if (!collection.has(nextNumber)) {
return cache2(collection, nextNumber);
}
if (collection.size < TWO_TO_THE_POWER_OF_TWENTY_NINE) {
while (collection.has(nextNumber)) {
nextNumber = Math.floor(Math.random() * TWO_TO_THE_POWER_OF_THIRTY);
}
return cache2(collection, nextNumber);
}
if (collection.size > MAX_SAFE_INTEGER) {
throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");
}
while (collection.has(nextNumber)) {
nextNumber = Math.floor(Math.random() * MAX_SAFE_INTEGER);
}
return cache2(collection, nextNumber);
};
};
const LAST_NUMBER_WEAK_MAP = /* @__PURE__ */ new WeakMap();
const cache = createCache(LAST_NUMBER_WEAK_MAP);
const generateUniqueNumber = createGenerateUniqueNumber(cache, LAST_NUMBER_WEAK_MAP);
const isCallNotification = (message) => {
return message.method !== void 0 && message.method === "call";
};
const isClearResponse = (message) => {
return typeof message.id === "number" && typeof message.result === "boolean";
};
const load = (url) => {
const scheduledIntervalFunctions = /* @__PURE__ */ new Map([[0, () => {
}]]);
const scheduledTimeoutFunctions = /* @__PURE__ */ new Map([[0, () => {
}]]);
const unrespondedRequests = /* @__PURE__ */ new Map();
const worker2 = new Worker(url);
worker2.addEventListener("message", ({ data }) => {
if (isCallNotification(data)) {
const { params: { timerId, timerType } } = data;
if (timerType === "interval") {
const idOrFunc = scheduledIntervalFunctions.get(timerId);
if (typeof idOrFunc === void 0) {
throw new Error("The timer is in an undefined state.");
}
if (typeof idOrFunc === "number") {
const timerIdAndTimerType = unrespondedRequests.get(idOrFunc);
if (timerIdAndTimerType === void 0 || timerIdAndTimerType.timerId !== timerId || timerIdAndTimerType.timerType !== timerType) {
throw new Error("The timer is in an undefined state.");
}
} else if (typeof idOrFunc === "function") {
idOrFunc();
}
} else if (timerType === "timeout") {
const idOrFunc = scheduledTimeoutFunctions.get(timerId);
if (typeof idOrFunc === void 0) {
throw new Error("The timer is in an undefined state.");
}
if (typeof idOrFunc === "number") {
const timerIdAndTimerType = unrespondedRequests.get(idOrFunc);
if (timerIdAndTimerType === void 0 || timerIdAndTimerType.timerId !== timerId || timerIdAndTimerType.timerType !== timerType) {
throw new Error("The timer is in an undefined state.");
}
} else if (typeof idOrFunc === "function") {
idOrFunc();
scheduledTimeoutFunctions.delete(timerId);
}
}
} else if (isClearResponse(data)) {
const { id } = data;
const timerIdAndTimerType = unrespondedRequests.get(id);
if (timerIdAndTimerType === void 0) {
throw new Error("The timer is in an undefined state.");
}
const { timerId, timerType } = timerIdAndTimerType;
unrespondedRequests.delete(id);
if (timerType === "interval") {
scheduledIntervalFunctions.delete(timerId);
} else {
scheduledTimeoutFunctions.delete(timerId);
}
} else {
const { error: { message } } = data;
throw new Error(message);
}
});
const clearInterval2 = (timerId) => {
if (typeof scheduledIntervalFunctions.get(timerId) === "function") {
const id = generateUniqueNumber(unrespondedRequests);
unrespondedRequests.set(id, { timerId, timerType: "interval" });
scheduledIntervalFunctions.set(timerId, id);
worker2.postMessage({
id,
method: "clear",
params: { timerId, timerType: "interval" }
});
}
};
const clearTimeout2 = (timerId) => {
if (typeof scheduledTimeoutFunctions.get(timerId) === "function") {
const id = generateUniqueNumber(unrespondedRequests);
unrespondedRequests.set(id, { timerId, timerType: "timeout" });
scheduledTimeoutFunctions.set(timerId, id);
worker2.postMessage({
id,
method: "clear",
params: { timerId, timerType: "timeout" }
});
}
};
const setInterval2 = (func, delay = 0, ...args2) => {
const timerId = generateUniqueNumber(scheduledIntervalFunctions);
scheduledIntervalFunctions.set(timerId, () => {
func(...args2);
if (typeof scheduledIntervalFunctions.get(timerId) === "function") {
worker2.postMessage({
id: null,
method: "set",
params: {
delay,
now: performance.timeOrigin + performance.now(),
timerId,
timerType: "interval"
}
});
}
});
worker2.postMessage({
id: null,
method: "set",
params: {
delay,
now: performance.timeOrigin + performance.now(),
timerId,
timerType: "interval"
}
});
return timerId;
};
const setTimeout2 = (func, delay = 0, ...args2) => {
const timerId = generateUniqueNumber(scheduledTimeoutFunctions);
scheduledTimeoutFunctions.set(timerId, () => func(...args2));
worker2.postMessage({
id: null,
method: "set",
params: {
delay,
now: performance.timeOrigin + performance.now(),
timerId,
timerType: "timeout"
}
});
return timerId;
};
return {
clearInterval: clearInterval2,
clearTimeout: clearTimeout2,
setInterval: setInterval2,
setTimeout: setTimeout2
};
};
const createLoadOrReturnBroker = (loadBroker, worker2) => {
let broker = null;
return () => {
if (broker !== null) {
return broker;
}
const blob = new Blob([worker2], { type: "application/javascript; charset=utf-8" });
const url = URL.createObjectURL(blob);
broker = loadBroker(url);
setTimeout(() => URL.revokeObjectURL(url));
return broker;
};
};
const worker = `(()=>{"use strict";const e=new Map,t=new Map,r=t=>{const r=e.get(t);return void 0!==r&&(clearTimeout(r),e.delete(t),!0)},s=e=>{const r=t.get(e);return void 0!==r&&(clearTimeout(r),t.delete(e),!0)},o=(e,t)=>{const r=performance.now(),s=e+t-r-performance.timeOrigin;return{expected:r+s,remainingDelay:s}},i=(e,t,r,s)=>{const o=r-performance.now();o>0?e.set(t,setTimeout(i,o,e,t,r,s)):(e.delete(t),postMessage({id:null,method:"call",params:{timerId:t,timerType:s}}))};addEventListener("message",(({data:n})=>{try{if("clear"===n.method){const{id:e,params:{timerId:t,timerType:o}}=n;if("interval"===o)postMessage({id:e,result:r(t)});else{if("timeout"!==o)throw new Error('The given type "'.concat(o,'" is not supported'));postMessage({id:e,result:s(t)})}}else{if("set"!==n.method)throw new Error('The given method "'.concat(n.method,'" is not supported'));{const{params:{delay:r,now:s,timerId:a,timerType:m}}=n;if("interval"===m)((t,r,s)=>{const{expected:n,remainingDelay:a}=o(t,s);e.set(r,setTimeout(i,a,e,r,n,"interval"))})(r,a,s);else{if("timeout"!==m)throw new Error('The given type "'.concat(m,'" is not supported'));((e,r,s)=>{const{expected:n,remainingDelay:a}=o(e,s);t.set(r,setTimeout(i,a,t,r,n,"timeout"))})(r,a,s)}}}}catch(e){postMessage({error:{message:e.message},id:n.id,result:null})}}))})();`;
const loadOrReturnBroker = createLoadOrReturnBroker(load, worker);
const clearInterval$1 = (timerId) => loadOrReturnBroker().clearInterval(timerId);
const clearTimeout$1 = (timerId) => loadOrReturnBroker().clearTimeout(timerId);
const setInterval$1 = (...args2) => loadOrReturnBroker().setInterval(...args2);
const setTimeout$1 = (...args2) => loadOrReturnBroker().setTimeout(...args2);
const QmsgUtils = {
/**
* 生成带插件名的名称
* @param args
*/
getNameSpacify(...args2) {
let result2 = QmsgConfig.NAMESPACE;
for (let index = 0; index < args2.length; ++index) {
result2 += "-" + args2[index];
}
return result2;
},
/**
* 判断字符是否是数字
* @param text 需要判断的字符串
*/
isNumber(text) {
let isNumberPattern = /^\d+$/;
return isNumberPattern.test(text);
},
/**
* 获取唯一性的UUID
*/
getUUID() {
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(value) {
let randValue = Math.random() * 16 | 0, newValue = value == "x" ? randValue : randValue & 3 | 8;
return newValue.toString(16);
});
},
/**
* 合并参数为配置信息，用于创建Msg实例
* @param content 文本内容
* @param config 配置
*/
mergeArgs(content = "", config) {
let opts = {};
if (arguments.length === 0) {
return opts;
}
if (config != null) {
opts.content = content;
if (typeof config === "object" && config != null) {
return Object.assign(opts, config);
}
} else {
if (typeof content === "object" && content != null) {
return Object.assign(opts, content);
} else {
opts.content = content;
}
}
return opts;
},
/**
* 通过配置信息 来判断是否为同一条消息,并返回消息实例
* @param option 配置项
*/
judgeReMsg(option) {
option = option || {};
let optionString = JSON.stringify(option);
let findQmsgItemInfo = QmsgInstanceStorage.QmsgList.find((item) => {
return item.config === optionString;
});
let QmsgInstance = findQmsgItemInfo == null ? void 0 : findQmsgItemInfo.instance;
if (QmsgInstance == null) {
let uuid = QmsgUtils.getUUID();
let QmsgItemInfo = {
uuid,
config: optionString,
instance: new QmsgMsg(option, uuid)
};
QmsgInstanceStorage.QmsgList.push(QmsgItemInfo);
let QmsgListLength = QmsgInstanceStorage.QmsgList.length;
let maxNums = QmsgItemInfo.instance.getSetting().maxNums;
if (QmsgListLength > maxNums) {
for (let index = 0; index < QmsgListLength - maxNums; index++) {
let item = QmsgInstanceStorage.QmsgList[index];
item && item.instance.getSetting().autoClose && item.instance.close();
}
}
findQmsgItemInfo = QmsgItemInfo;
QmsgInstance = QmsgItemInfo.instance;
} else {
if (!QmsgInstance.getRepeatNum()) {
QmsgInstance.setRepeatNum(2);
} else {
if (QmsgInstance.getRepeatNum() >= 99) ;
else {
QmsgInstance.setRepeatNumIncreasing();
}
}
QmsgInstance.setMsgCount();
}
if (QmsgInstance) {
QmsgInstance.$Qmsg.setAttribute("data-count", QmsgInstance == null ? void 0 : QmsgInstance.getRepeatNum().toString());
} else {
throw new TypeError("QmsgInstance is null");
}
return QmsgInstance;
},
/**
* 转换为动态对象
* @param obj 需要配置的对象
* @param other_obj 获取的其它对象
*/
toDynamicObject(obj, ...other_objs) {
let __obj__ = Object.assign({}, obj);
Object.keys(__obj__).forEach((keyName) => {
let objValue = __obj__[keyName];
Object.defineProperty(__obj__, keyName, {
get() {
let findIndex = other_objs.findIndex((other_obj) => {
return other_obj.hasOwnProperty.call(other_obj, keyName);
});
if (findIndex !== -1) {
return other_objs[findIndex][keyName];
} else {
return objValue;
}
},
set(newValue) {
objValue = newValue;
}
});
});
return __obj__;
},
/**
* 自动使用 Worker 执行 setTimeout
*/
setTimeout(callback2, timeout) {
try {
return setTimeout$1(callback2, timeout);
} catch (error2) {
return globalThis.setTimeout(callback2, timeout);
}
},
/**
* 配合 QmsgUtils.setTimeout 使用
*/
clearTimeout(timeId) {
try {
if (timeId != null) {
clearTimeout$1(timeId);
}
} catch (error2) {
} finally {
globalThis.clearTimeout(timeId);
}
},
/**
* 自动使用 Worker 执行 setInterval
*/
setInterval(callback2, timeout) {
try {
return setInterval$1(callback2, timeout);
} catch (error2) {
return globalThis.setInterval(callback2, timeout);
}
},
/**
* 配合 QmsgUtils.setInterval 使用
*/
clearInterval(timeId) {
try {
if (timeId != null) {
clearInterval$1(timeId);
}
} catch (error2) {
} finally {
globalThis.clearInterval(timeId);
}
}
};
CompatibleProcessing();
const QmsgEvent = {
visibilitychange: {
eventConfig: {
/**
* 添加visibilitychange事件监听
* 当页面切换时，如果切换前的页面存在Qmsg实例且未关闭，切换后，页面活跃度会降低，导致setTimeout/setInterval失效或丢失事件
* 监听visibilitychange，判断切换回来时，如果当前时间-开始时间大于timeout，则关闭
* 如果设置了动画，使用close，否则使用destroy
*/
callback() {
if (document.visibilityState === "visible") {
for (let index = 0; index < QmsgInstanceStorage.QmsgList.length; index++) {
let QmsgInstance = QmsgInstanceStorage.QmsgList[index];
if (QmsgInstance.instance.endTime == null && QmsgInstance.instance.startTime != null && Date.now() - QmsgInstance.instance.startTime >= QmsgInstance.instance.getSetting().timeout) {
QmsgInstance.instance.close();
}
}
}
},
option: {
capture: true
}
},
addEvent() {
if ("visibilityState" in document) {
document.addEventListener("visibilitychange", QmsgEvent.visibilitychange.eventConfig.callback, QmsgEvent.visibilitychange.eventConfig.option);
} else {
console.error("visibilityState not support");
}
},
removeEvent() {
document.removeEventListener("visibilitychange", QmsgEvent.visibilitychange.eventConfig.callback, QmsgEvent.visibilitychange.eventConfig.option);
}
}
};
class Qmsg {
constructor() {
/** 数据 */
__publicField(this, "$data");
__publicField(this, "$eventUtils");
this.$data = {
version: "2024.12.6",
config: QmsgConfig,
icon: QmsgIcon,
instanceStorage: QmsgInstanceStorage
};
this.$eventUtils = QmsgEvent;
this.$eventUtils.visibilitychange.addEvent();
}
/**
* 修改默认配置
* @param option
*/
config(option) {
if (option == null)
return;
if (typeof option !== "object")
return;
QmsgConfig.INS_DEFAULT = null;
QmsgConfig.INS_DEFAULT = option;
}
info(content, option) {
let params = QmsgUtils.mergeArgs(content, option);
params.type = "info";
return QmsgUtils.judgeReMsg.call(this, params);
}
warning(content, option) {
let params = QmsgUtils.mergeArgs(content, option);
params.type = "warning";
return QmsgUtils.judgeReMsg.call(this, params);
}
success(content, option) {
let params = QmsgUtils.mergeArgs(content, option);
params.type = "success";
return QmsgUtils.judgeReMsg.call(this, params);
}
error(content, option) {
let params = QmsgUtils.mergeArgs(content, option);
params.type = "error";
return QmsgUtils.judgeReMsg.call(this, params);
}
loading(content, config) {
let params = QmsgUtils.mergeArgs(content, config);
params.type = "loading";
params.autoClose = false;
return QmsgUtils.judgeReMsg.call(this, params);
}
/**
* 根据uuid删除Qmsg实例和元素
* @param uuid
*/
remove(uuid) {
QmsgInstanceStorage.remove(uuid);
}
/**
* 关闭当前Qmsg创建的所有的实例
*/
closeAll() {
for (let index = QmsgInstanceStorage.QmsgList.length - 1; index >= 0; index--) {
let item = QmsgInstanceStorage.QmsgList[index];
item && item.instance && item.instance.close();
}
}
}
let qmsg = new Qmsg();
let WindowApi$1 = class WindowApi2 {
constructor(option) {
/** 默认的配置 */
__publicField(this, "defaultApi", {
document,
window,
globalThis,
self,
top
});
/** 使用的配置 */
__publicField(this, "api");
if (option) {
if (option.globalThis == null) {
option.globalThis = option.window;
}
if (option.self == null) {
option.self = option.window;
}
}
if (!option) {
option = Object.assign({}, this.defaultApi);
}
this.api = Object.assign({}, option);
}
get document() {
return this.api.document;
}
get window() {
return this.api.window;
}
get globalThis() {
return this.api.globalThis;
}
get self() {
return this.api.self;
}
get top() {
return this.api.top;
}
};
const DOMUtilsCommonUtils = {
windowApi: new WindowApi$1({
document,
window,
top
}),
/**
* 判断元素是否已显示或已连接
* @param element
*/
isShow(element) {
return Boolean(element.getClientRects().length);
},
/**
* 用于显示元素并获取它的高度宽度等其它属性
* @param element
*/
showElement(element) {
let dupNode = element.cloneNode(true);
dupNode.setAttribute("style", "visibility: hidden !important;display:block !important;");
this.windowApi.document.documentElement.appendChild(dupNode);
return {
/**
* 恢复修改的style
*/
recovery() {
dupNode.remove();
}
};
},
/**
* 获取元素上的Float格式的属性px
* @param element
* @param styleName style名
*/
getStyleValue(element, styleName) {
let view = null;
let styles = null;
if (element instanceof CSSStyleDeclaration) {
styles = element;
} else {
view = element.ownerDocument.defaultView;
if (!view || !view.opener) {
view = window;
}
styles = view.getComputedStyle(element);
}
let value = parseFloat(styles[styleName]);
if (isNaN(value)) {
return 0;
} else {
return value;
}
},
/**
* 判断是否是window，例如window、self、globalThis
* @param target
*/
isWin(target) {
var _a2;
if (typeof target !== "object") {
return false;
}
if (target instanceof Node) {
return false;
}
if (target === globalThis) {
return true;
}
if (target === window) {
return true;
}
if (target === self) {
return true;
}
if (target === globalThis) {
return true;
}
if (target === window) {
return true;
}
if (target === self) {
return true;
}
if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
return true;
}
if (((_a2 = target == null ? void 0 : target.Math) == null ? void 0 : _a2.toString()) !== "[object Math]") {
return false;
}
return true;
},
/**
* 删除对象上的属性
* @param target
* @param propName
*/
delete(target, propName) {
if (typeof Reflect === "object" && Reflect.deleteProperty) {
Reflect.deleteProperty(target, propName);
} else {
delete target[propName];
}
}
};
const DOMUtilsData = {
/** .on添加在元素存储的事件 */
SymbolEvents: Symbol("events_" + ((1 + Math.random()) * 65536 | 0).toString(16).substring(1))
};
const OriginPrototype$1 = {
Object: {
defineProperty: Object.defineProperty
}
};
class DOMUtilsEvent {
constructor(windowApiOption) {
__publicField(this, "windowApi");
this.windowApi = new WindowApi$1(windowApiOption);
}
on(element, eventType, selector, callback2, option) {
function getOption(args3, startIndex, option2) {
let currentParam = args3[startIndex];
if (typeof currentParam === "boolean") {
option2.capture = currentParam;
if (typeof args3[startIndex + 1] === "boolean") {
option2.once = args3[startIndex + 1];
}
if (typeof args3[startIndex + 2] === "boolean") {
option2.passive = args3[startIndex + 2];
}
} else if (typeof currentParam === "object" && ("capture" in currentParam || "once" in currentParam || "passive" in currentParam || "isComposedPath" in currentParam)) {
option2.capture = currentParam.capture;
option2.once = currentParam.once;
option2.passive = currentParam.passive;
option2.isComposedPath = currentParam.isComposedPath;
}
return option2;
}
let DOMUtilsContext = this;
let args2 = arguments;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
let elementList = [];
if (element instanceof NodeList || Array.isArray(element)) {
element = element;
elementList = [...element];
} else {
elementList.push(element);
}
let eventTypeList = [];
if (Array.isArray(eventType)) {
eventTypeList = eventTypeList.concat(eventType);
} else if (typeof eventType === "string") {
eventTypeList = eventTypeList.concat(eventType.split(" "));
}
let selectorList = [];
if (Array.isArray(selector)) {
selectorList = selectorList.concat(selector);
} else if (typeof selector === "string") {
selectorList.push(selector);
}
let listenerCallBack = callback2;
let listenerOption = {
capture: false,
once: false,
passive: false,
isComposedPath: false
};
if (typeof selector === "function") {
listenerCallBack = selector;
listenerOption = getOption(args2, 3, listenerOption);
} else {
listenerOption = getOption(args2, 4, listenerOption);
}
function checkOptionOnceToRemoveEventListener() {
if (listenerOption.once) {
DOMUtilsContext.off(element, eventType, selector, callback2, option);
}
}
elementList.forEach((elementItem) => {
function domUtilsEventCallBack(event) {
if (selectorList.length) {
let eventTarget = listenerOption.isComposedPath ? event.composedPath()[0] : event.target;
let totalParent = DOMUtilsCommonUtils.isWin(elementItem) ? DOMUtilsContext.windowApi.document.documentElement : elementItem;
let findValue = selectorList.find((selectorItem) => {
if (eventTarget.matches(selectorItem)) {
return true;
}
let $closestMatches = eventTarget.closest(selectorItem);
if ($closestMatches && totalParent.contains($closestMatches)) {
eventTarget = $closestMatches;
return true;
}
return false;
});
if (findValue) {
try {
OriginPrototype$1.Object.defineProperty(event, "target", {
get() {
return eventTarget;
}
});
} catch (error2) {
}
listenerCallBack.call(eventTarget, event, eventTarget);
checkOptionOnceToRemoveEventListener();
}
} else {
listenerCallBack.call(elementItem, event);
checkOptionOnceToRemoveEventListener();
}
}
eventTypeList.forEach((eventName) => {
elementItem.addEventListener(eventName, domUtilsEventCallBack, listenerOption);
let elementEvents = elementItem[DOMUtilsData.SymbolEvents] || {};
elementEvents[eventName] = elementEvents[eventName] || [];
elementEvents[eventName].push({
selector: selectorList,
option: listenerOption,
callback: domUtilsEventCallBack,
originCallBack: listenerCallBack
});
elementItem[DOMUtilsData.SymbolEvents] = elementEvents;
});
});
}
off(element, eventType, selector, callback2, option, filter) {
function getOption(args1, startIndex, option2) {
let currentParam = args1[startIndex];
if (typeof currentParam === "boolean") {
option2.capture = currentParam;
} else if (typeof currentParam === "object" && "capture" in currentParam) {
option2.capture = currentParam.capture;
}
return option2;
}
let DOMUtilsContext = this;
let args2 = arguments;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
let elementList = [];
if (element instanceof NodeList || Array.isArray(element)) {
element = element;
elementList = [...element];
} else {
elementList.push(element);
}
let eventTypeList = [];
if (Array.isArray(eventType)) {
eventTypeList = eventTypeList.concat(eventType);
} else if (typeof eventType === "string") {
eventTypeList = eventTypeList.concat(eventType.split(" "));
}
let selectorList = [];
if (Array.isArray(selector)) {
selectorList = selectorList.concat(selector);
} else if (typeof selector === "string") {
selectorList.push(selector);
}
let listenerCallBack = callback2;
let listenerOption = {
capture: false
};
if (typeof selector === "function") {
listenerCallBack = selector;
listenerOption = getOption(args2, 3, listenerOption);
} else {
listenerOption = getOption(args2, 4, listenerOption);
}
let isRemoveAll = false;
if (args2.length === 2) {
isRemoveAll = true;
} else if (args2.length === 3 && typeof args2[2] === "string" || Array.isArray(args2[2])) {
isRemoveAll = true;
}
elementList.forEach((elementItem) => {
let elementEvents = elementItem[DOMUtilsData.SymbolEvents] || {};
eventTypeList.forEach((eventName) => {
let handlers = elementEvents[eventName] || [];
if (typeof filter === "function") {
handlers = handlers.filter(filter);
}
for (let index = 0; index < handlers.length; index++) {
let handler = handlers[index];
let flag = true;
if (flag && listenerCallBack && handler.originCallBack !== listenerCallBack) {
flag = false;
}
if (flag && selectorList.length && Array.isArray(handler.selector)) {
if (JSON.stringify(handler.selector) !== JSON.stringify(selectorList)) {
flag = false;
}
}
if (flag && listenerOption.capture !== handler.option.capture) {
flag = false;
}
if (flag || isRemoveAll) {
elementItem.removeEventListener(eventName, handler.callback, handler.option);
handlers.splice(index--, 1);
}
}
if (handlers.length === 0) {
DOMUtilsCommonUtils.delete(elementEvents, eventType);
}
});
elementItem[DOMUtilsData.SymbolEvents] = elementEvents;
});
}
/**
* 取消绑定所有的事件
* @param element 需要取消绑定的元素|元素数组
* @param eventType （可选）需要取消监听的事件
*/
offAll(element, eventType) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
let elementList = [];
if (element instanceof NodeList || Array.isArray(element)) {
elementList = [...element];
} else {
elementList.push(element);
}
let eventTypeList = [];
if (Array.isArray(eventType)) {
eventTypeList = eventTypeList.concat(eventType);
} else if (typeof eventType === "string") {
eventTypeList = eventTypeList.concat(eventType.split(" "));
}
elementList.forEach((elementItem) => {
Object.getOwnPropertySymbols(elementItem).forEach((symbolEvents) => {
if (!symbolEvents.toString().startsWith("Symbol(events_")) {
return;
}
let elementEvents = elementItem[symbolEvents] || {};
let iterEventNameList = eventTypeList.length ? eventTypeList : Object.keys(elementEvents);
iterEventNameList.forEach((eventName) => {
let handlers = elementEvents[eventName];
if (!handlers) {
return;
}
for (const handler of handlers) {
elementItem.removeEventListener(eventName, handler.callback, {
capture: handler["option"]["capture"]
});
}
DOMUtilsCommonUtils.delete(elementItem[symbolEvents], eventName);
});
});
});
}
/**
* 等待文档加载完成后执行指定的函数
* @param callback 需要执行的函数
* @example
* DOMUtils.ready(function(){
* console.log("文档加载完毕")
* })
*/
ready(callback2) {
if (typeof callback2 !== "function") {
return;
}
let DOMUtilsContext = this;
function checkDOMReadyState() {
try {
if (DOMUtilsContext.windowApi.document.readyState === "complete" || DOMUtilsContext.windowApi.document.readyState !== "loading" && !DOMUtilsContext.windowApi.document.documentElement.doScroll) {
return true;
} else {
return false;
}
} catch (error2) {
return false;
}
}
function completed() {
removeDomReadyListener();
callback2();
}
let targetList = [
{
target: DOMUtilsContext.windowApi.document,
eventType: "DOMContentLoaded",
callback: completed
},
{
target: DOMUtilsContext.windowApi.window,
eventType: "load",
callback: completed
}
];
function addDomReadyListener() {
for (let index = 0; index < targetList.length; index++) {
let item = targetList[index];
item.target.addEventListener(item.eventType, item.callback);
}
}
function removeDomReadyListener() {
for (let index = 0; index < targetList.length; index++) {
let item = targetList[index];
item.target.removeEventListener(item.eventType, item.callback);
}
}
if (checkDOMReadyState()) {
setTimeout(callback2);
} else {
addDomReadyListener();
}
}
/**
* 主动触发事件
* @param element 需要触发的元素|元素数组|window
* @param eventType 需要触发的事件
* @param details 赋予触发的Event的额外属性，如果是Event类型，那么将自动代替默认new的Event对象
* @param useDispatchToTriggerEvent 是否使用dispatchEvent来触发事件,默认true
* @example
* // 触发元素a.xx的click事件
* DOMUtils.trigger(document.querySelector("a.xx"),"click")
* DOMUtils.trigger("a.xx","click")
* // 触发元素a.xx的click、tap、hover事件
* DOMUtils.trigger(document.querySelector("a.xx"),"click tap hover")
* DOMUtils.trigger("a.xx",["click","tap","hover"])
*/
trigger(element, eventType, details, useDispatchToTriggerEvent = true) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
let elementList = [];
if (element instanceof NodeList || Array.isArray(element)) {
element = element;
elementList = [...element];
} else {
elementList = [element];
}
let eventTypeList = [];
if (Array.isArray(eventType)) {
eventTypeList = eventType;
} else if (typeof eventType === "string") {
eventTypeList = eventType.split(" ");
}
elementList.forEach((elementItem) => {
let events = elementItem[DOMUtilsData.SymbolEvents] || {};
eventTypeList.forEach((_eventType_) => {
let event = null;
if (details && details instanceof Event) {
event = details;
} else {
event = new Event(_eventType_);
if (details) {
Object.keys(details).forEach((keyName) => {
event[keyName] = details[keyName];
});
}
}
if (useDispatchToTriggerEvent == false && _eventType_ in events) {
events[_eventType_].forEach((eventsItem) => {
eventsItem.callback(event);
});
} else {
elementItem.dispatchEvent(event);
}
});
});
}
/**
* 绑定或触发元素的click事件
* @param element 目标元素
* @param handler （可选）事件处理函数
* @param details （可选）赋予触发的Event的额外属性
* @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
* @example
* // 触发元素a.xx的click事件
* DOMUtils.click(document.querySelector("a.xx"))
* DOMUtils.click("a.xx")
* DOMUtils.click("a.xx"，function(){
* console.log("触发click事件成功")
* })
* */
click(element, handler, details, useDispatchToTriggerEvent) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.click($ele, handler, details, useDispatchToTriggerEvent);
});
return;
}
if (handler == null) {
DOMUtilsContext.trigger(element, "click", details, useDispatchToTriggerEvent);
} else {
DOMUtilsContext.on(element, "click", null, handler);
}
}
/**
* 绑定或触发元素的blur事件
* @param element 目标元素
* @param handler （可选）事件处理函数
* @param details （可选）赋予触发的Event的额外属性
* @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
* @example
* // 触发元素a.xx的blur事件
* DOMUtils.blur(document.querySelector("a.xx"))
* DOMUtils.blur("a.xx")
* DOMUtils.blur("a.xx"，function(){
* console.log("触发blur事件成功")
* })
* */
blur(element, handler, details, useDispatchToTriggerEvent) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.focus($ele, handler, details, useDispatchToTriggerEvent);
});
return;
}
if (handler === null) {
DOMUtilsContext.trigger(element, "blur", details, useDispatchToTriggerEvent);
} else {
DOMUtilsContext.on(element, "blur", null, handler);
}
}
/**
* 绑定或触发元素的focus事件
* @param element 目标元素
* @param handler （可选）事件处理函数
* @param details （可选）赋予触发的Event的额外属性
* @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
* @example
* // 触发元素a.xx的focus事件
* DOMUtils.focus(document.querySelector("a.xx"))
* DOMUtils.focus("a.xx")
* DOMUtils.focus("a.xx"，function(){
* console.log("触发focus事件成功")
* })
* */
focus(element, handler, details, useDispatchToTriggerEvent) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.focus($ele, handler, details, useDispatchToTriggerEvent);
});
return;
}
if (handler == null) {
DOMUtilsContext.trigger(element, "focus", details, useDispatchToTriggerEvent);
} else {
DOMUtilsContext.on(element, "focus", null, handler);
}
}
/**
* 当鼠标移入或移出元素时触发事件
* @param element 当前元素
* @param handler 事件处理函数
* @param option 配置
* @example
* // 监听a.xx元素的移入或移出
* DOMUtils.hover(document.querySelector("a.xx"),()=>{
* console.log("移入/移除");
* })
* DOMUtils.hover("a.xx",()=>{
* console.log("移入/移除");
* })
*/
hover(element, handler, option) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.hover($ele, handler, option);
});
return;
}
DOMUtilsContext.on(element, "mouseenter", null, handler, option);
DOMUtilsContext.on(element, "mouseleave", null, handler, option);
}
/**
* 当按键松开时触发事件
* keydown - > keypress - > keyup
* @param element 当前元素
* @param handler 事件处理函数
* @param option 配置
* @example
* // 监听a.xx元素的按键松开
* DOMUtils.keyup(document.querySelector("a.xx"),()=>{
* console.log("按键松开");
* })
* DOMUtils.keyup("a.xx",()=>{
* console.log("按键松开");
* })
*/
keyup(element, handler, option) {
let DOMUtilsContext = this;
if (element == null) {
return;
}
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.keyup($ele, handler, option);
});
return;
}
DOMUtilsContext.on(element, "keyup", null, handler, option);
}
/**
* 当按键按下时触发事件
* keydown - > keypress - > keyup
* @param element 目标
* @param handler 事件处理函数
* @param option 配置
* @example
* // 监听a.xx元素的按键按下
* DOMUtils.keydown(document.querySelector("a.xx"),()=>{
* console.log("按键按下");
* })
* DOMUtils.keydown("a.xx",()=>{
* console.log("按键按下");
* })
*/
keydown(element, handler, option) {
let DOMUtilsContext = this;
if (element == null) {
return;
}
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.keydown($ele, handler, option);
});
return;
}
DOMUtilsContext.on(element, "keydown", null, handler, option);
}
/**
* 当按键按下时触发事件
* keydown - > keypress - > keyup
* @param element 目标
* @param handler 事件处理函数
* @param option 配置
* @example
* // 监听a.xx元素的按键按下
* DOMUtils.keypress(document.querySelector("a.xx"),()=>{
* console.log("按键按下");
* })
* DOMUtils.keypress("a.xx",()=>{
* console.log("按键按下");
* })
*/
keypress(element, handler, option) {
let DOMUtilsContext = this;
if (element == null) {
return;
}
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.keypress($ele, handler, option);
});
return;
}
DOMUtilsContext.on(element, "keypress", null, handler, option);
}
/**
* 监听某个元素键盘按键事件或window全局按键事件
* 按下有值的键时触发，按下Ctrl\Alt\Shift\Meta是无值键。按下先触发keydown事件，再触发keypress事件。
* @param element 需要监听的对象，可以是全局Window或者某个元素
* @param eventName 事件名，默认keypress
* @param callback 自己定义的回调事件，参数1为当前的key，参数2为组合按键，数组类型，包含ctrl、shift、alt和meta（win键或mac的cmd键）
* @param options 监听事件的配置
* @example
Utils.listenKeyboard(window,(keyName,keyValue,otherKey,event)=>{
if(keyName === "Enter"){
console.log("回车按键的值是："+keyValue)
}
if(otherKey.indexOf("ctrl") && keyName === "Enter" ){
console.log("Ctrl和回车键");
}
})
* @example
字母和数字键的键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57
数字键盘上的键的键码值(keyCode)
功能键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110
7 103 / 111
控制键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 → 39 -_ 189
Tab 9 Spacebar 32 ↓ 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 ← 37 =+ 187 ]} 221
Cape Lock 20 ↑ 38 ,< 188 '" 222
多媒体键码值(keyCode)
按键 键码
音量加 175
音量减 174
停止 179
静音 173
浏览器 172
邮件 180
搜索 170
收藏 171
**/
listenKeyboard(element, eventName = "keypress", callback2, options) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
let keyboardEventCallBack = function(event) {
let keyName = event.key || event.code;
let keyValue = event.charCode || event.keyCode || event.which;
let otherCodeList = [];
if (event.ctrlKey) {
otherCodeList.push("ctrl");
}
if (event.altKey) {
otherCodeList.push("alt");
}
if (event.metaKey) {
otherCodeList.push("meta");
}
if (event.shiftKey) {
otherCodeList.push("shift");
}
if (typeof callback2 === "function") {
callback2(keyName, keyValue, otherCodeList, event);
}
};
DOMUtilsContext.on(element, eventName, keyboardEventCallBack, options);
return {
removeListen: () => {
DOMUtilsContext.off(element, eventName, keyboardEventCallBack, options);
}
};
}
selector(selector) {
return this.selectorAll(selector)[0];
}
selectorAll(selector) {
const context2 = this;
selector = selector.trim();
if (selector.match(/[^\s]{1}:empty$/gi)) {
selector = selector.replace(/:empty$/gi, "");
return Array.from(context2.windowApi.document.querySelectorAll(selector)).filter(($ele) => {
var _a2;
return ((_a2 = $ele == null ? void 0 : $ele.innerHTML) == null ? void 0 : _a2.trim()) === "";
});
} else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) || selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
let textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
let text = textMatch[2];
selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
return Array.from(context2.windowApi.document.querySelectorAll(selector)).filter(($ele) => {
var _a2;
return (_a2 = ($ele == null ? void 0 : $ele.textContent) || ($ele == null ? void 0 : $ele.innerText)) == null ? void 0 : _a2.includes(text);
});
} else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) || selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
let textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
let pattern = textMatch[2];
let flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
let flags = "";
if (flagMatch) {
pattern = pattern.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi, "");
flags = flagMatch[3];
}
let regexp = new RegExp(pattern, flags);
selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
return Array.from(context2.windowApi.document.querySelectorAll(selector)).filter(($ele) => {
var _a2;
return Boolean((_a2 = ($ele == null ? void 0 : $ele.textContent) || ($ele == null ? void 0 : $ele.innerText)) == null ? void 0 : _a2.match(regexp));
});
} else {
return Array.from(context2.windowApi.document.querySelectorAll(selector));
}
}
}
const isNodeList = ($ele) => {
return Array.isArray($ele) || $ele instanceof NodeList;
};
class DOMUtils extends DOMUtilsEvent {
constructor(option) {
super(option);
/** 版本号 */
__publicField(this, "version", "2024.12.4");
}
attr(element, attrName, attrValue) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
if (attrValue == null) {
return DOMUtilsContext.attr(element[0], attrName, attrValue);
} else {
element.forEach(($ele) => {
DOMUtilsContext.attr($ele, attrName, attrValue);
});
return;
}
}
if (attrValue == null) {
return element.getAttribute(attrName);
} else {
element.setAttribute(attrName, attrValue);
}
}
/**
* 创建元素
* @param tagName 标签名
* @param property 属性
* @param attributes 元素上的自定义属性
* @example
* // 创建一个DIV元素，且属性class为xxx
* DOMUtils.createElement("div",undefined,{ class:"xxx" });
* > <div class="xxx"></div>
* @example
* // 创建一个DIV元素
* DOMUtils.createElement("div");
* > <div></div>
* @example
* // 创建一个DIV元素
* DOMUtils.createElement("div","测试");
* > <div>测试</div>
*/
createElement(tagName, property, attributes) {
let DOMUtilsContext = this;
let tempElement = DOMUtilsContext.windowApi.document.createElement(tagName);
if (typeof property === "string") {
tempElement.innerHTML = property;
return tempElement;
}
if (property == null) {
property = {};
}
if (attributes == null) {
attributes = {};
}
Object.keys(property).forEach((key) => {
let value = property[key];
tempElement[key] = value;
});
Object.keys(attributes).forEach((key) => {
let value = attributes[key];
if (typeof value === "object") {
value = JSON.stringify(value);
} else if (typeof value === "function") {
value = value.toString();
}
tempElement.setAttribute(key, value);
});
return tempElement;
}
css(element, property, value) {
let DOMUtilsContext = this;
function handlePixe(propertyName, propertyValue) {
let allowAddPixe = [
"width",
"height",
"top",
"left",
"right",
"bottom",
"font-size"
];
if (typeof propertyValue === "number") {
propertyValue = propertyValue.toString();
}
if (typeof propertyValue === "string" && allowAddPixe.includes(propertyName) && propertyValue.match(/[0-9]$/gi)) {
propertyValue = propertyValue + "px";
}
return propertyValue;
}
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
if (typeof property === "string") {
if (value == null) {
return DOMUtilsContext.css(element[0], property);
} else {
element.forEach(($ele) => {
DOMUtilsContext.css($ele, property);
});
return;
}
} else if (typeof property === "object") {
element.forEach(($ele) => {
DOMUtilsContext.css($ele, property);
});
return;
} else ;
return;
}
if (typeof property === "string") {
if (value == null) {
return DOMUtilsContext.windowApi.globalThis.getComputedStyle(element).getPropertyValue(property);
} else {
if (value === "string" && value.includes("!important")) {
element.style.setProperty(property, value, "important");
} else {
value = handlePixe(property, value);
element.style.setProperty(property, value);
}
}
} else if (typeof property === "object") {
for (let prop in property) {
if (typeof property[prop] === "string" && property[prop].includes("!important")) {
element.style.setProperty(prop, property[prop], "important");
} else {
property[prop] = handlePixe(prop, property[prop]);
element.style.setProperty(prop, property[prop]);
}
}
} else ;
}
text(element, text) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
if (text == null) {
return DOMUtilsContext.text(element[0]);
} else {
element.forEach(($ele) => {
DOMUtilsContext.text($ele, text);
});
}
return;
}
if (text == null) {
return element.textContent || element.innerText;
} else {
if (text instanceof Node) {
text = text.textContent || text.innerText;
}
if ("textContent" in element) {
element.textContent = text;
} else if ("innerText" in element) {
element.innerText = text;
}
}
}
html(element, html) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
if (html == null) {
return DOMUtilsContext.html(element[0]);
} else {
element.forEach(($ele) => {
DOMUtilsContext.html($ele, html);
});
}
return;
}
if (html == null) {
return element.innerHTML;
} else {
if (html instanceof Element) {
html = html.innerHTML;
}
if ("innerHTML" in element) {
element.innerHTML = html;
}
}
}
/**
* 获取移动元素的transform偏移
*/
getTransform(element, isShow = false) {
var _a2;
let DOMUtilsContext = this;
let transform_left = 0;
let transform_top = 0;
if (!(isShow || !isShow && DOMUtilsCommonUtils.isShow(element))) {
let { recovery } = DOMUtilsCommonUtils.showElement(element);
let transformInfo = DOMUtilsContext.getTransform(element, true);
recovery();
return transformInfo;
}
let elementTransform = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element).transform;
if (elementTransform != null && elementTransform !== "none" && elementTransform !== "") {
let elementTransformSplit = (_a2 = elementTransform.match(/\((.+)\)/)) == null ? void 0 : _a2[1].split(",");
if (elementTransformSplit) {
transform_left = Math.abs(parseInt(elementTransformSplit[4]));
transform_top = Math.abs(parseInt(elementTransformSplit[5]));
} else {
transform_left = 0;
transform_top = 0;
}
}
return {
transformLeft: transform_left,
transformTop: transform_top
};
}
val(element, value) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
if (value == null) {
return DOMUtilsContext.val(element[0]);
} else {
element.forEach(($ele) => {
DOMUtilsContext.val($ele, value);
});
}
return;
}
if (value == null) {
if (element.localName === "input" && (element.type === "checkbox" || element.type === "radio")) {
return element.checked;
} else {
return element.value;
}
} else {
if (element.localName === "input" && (element.type === "checkbox" || element.type === "radio")) {
element.checked = !!value;
} else {
element.value = value;
}
}
}
prop(element, propName, propValue) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
if (propValue == null) {
return DOMUtilsContext.prop(element[0], propName);
} else {
element.forEach(($ele) => {
DOMUtilsContext.prop($ele, propName, propValue);
});
}
return;
}
if (propValue == null) {
return Reflect.get(element, propName);
} else {
Reflect.set(element, propName, propValue);
}
}
/**
* 移除元素的属性
* @param element 目标元素
* @param attrName 属性名
* @example
* // 移除元素a.xx的属性data-value
* DOMUtils.removeAttr(document.querySelector("a.xx"),"data-value")
* DOMUtils.removeAttr("a.xx","data-value")
* */
removeAttr(element, attrName) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.removeAttr($ele, attrName);
});
return;
}
element.removeAttribute(attrName);
}
/**
* 移除元素class名
* @param element 目标元素
* @param className 类名
* @example
* // 移除元素a.xx的className为xx
* DOMUtils.removeClass(document.querySelector("a.xx"),"xx")
* DOMUtils.removeClass("a.xx","xx")
*/
removeClass(element, className) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.removeClass($ele, className);
});
return;
}
if (className == null) {
element.className = "";
} else {
if (!Array.isArray(className)) {
className = className.split(" ");
}
className.forEach((itemClassName) => {
element.classList.remove(itemClassName);
});
}
}
/**
* 移除元素的属性
* @param element 目标元素
* @param propName 属性名
* @example
* // 移除元素a.xx的href属性
* DOMUtils.removeProp(document.querySelector("a.xx"),"href")
* DOMUtils.removeProp("a.xx","href")
* */
removeProp(element, propName) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.removeProp($ele, propName);
});
return;
}
DOMUtilsCommonUtils.delete(element, propName);
}
/**
* 将一个元素替换为另一个元素
* @param element 目标元素
* @param newElement 新元素
* @example
* // 替换元素a.xx为b.xx
* DOMUtils.replaceWith(document.querySelector("a.xx"),document.querySelector("b.xx"))
* DOMUtils.replaceWith("a.xx",'<b class="xx"></b>')
*/
replaceWith(element, newElement) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.replaceWith($ele, newElement);
});
return;
}
if (typeof newElement === "string") {
newElement = DOMUtilsContext.parseHTML(newElement, false, false);
}
element.parentElement.replaceChild(newElement, element);
}
/**
* 给元素添加class
* @param element 目标元素
* @param className class名
* @example
* // 元素a.xx的className添加_vue_
* DOMUtils.addClass(document.querySelector("a.xx"),"_vue_")
* DOMUtils.addClass("a.xx","_vue_")
* */
addClass(element, className) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.addClass($ele, className);
});
return;
}
if (!Array.isArray(className)) {
className = className.split(" ");
}
className.forEach((itemClassName) => {
if (itemClassName.trim() == "") {
return;
}
element.classList.add(itemClassName);
});
}
/**
* 判断元素是否存在className
* @param element
* @param className
*/
hasClass(element, className) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return false;
}
if (isNodeList(element)) {
let flag = true;
for (let index = 0; index < element.length; index++) {
const $ele = element[index];
flag = flag && DOMUtilsContext.hasClass($ele, className);
}
return flag;
}
if (!(element == null ? void 0 : element.classList)) {
return false;
}
if (!Array.isArray(className)) {
className = className.split(" ");
}
for (let index = 0; index < className.length; index++) {
const item = className[index].trim();
if (!element.classList.contains(item)) {
return false;
}
}
return true;
}
/**
* 函数在元素内部末尾添加子元素或HTML字符串
* @param element 目标元素
* @param content 子元素或HTML字符串
* @example
* // 元素a.xx的内部末尾添加一个元素
* DOMUtils.append(document.querySelector("a.xx"),document.querySelector("b.xx"))
* DOMUtils.append("a.xx","'<b class="xx"></b>")
* */
append(element, content) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.append($ele, content);
});
return;
}
function elementAppendChild(ele, text) {
if (typeof content === "string") {
ele.insertAdjacentHTML("beforeend", text);
} else {
ele.appendChild(text);
}
}
if (Array.isArray(content) || content instanceof NodeList) {
let fragment = DOMUtilsContext.windowApi.document.createDocumentFragment();
content.forEach((ele) => {
if (typeof ele === "string") {
ele = DOMUtilsContext.parseHTML(ele, true, false);
}
fragment.appendChild(ele);
});
element.appendChild(fragment);
} else {
elementAppendChild(element, content);
}
}
/**
* 函数 在元素内部开头添加子元素或HTML字符串
* @param element 目标元素
* @param content 子元素或HTML字符串
* @example
* // 元素a.xx内部开头添加一个元素
* DOMUtils.prepend(document.querySelector("a.xx"),document.querySelector("b.xx"))
* DOMUtils.prepend("a.xx","'<b class="xx"></b>")
* */
prepend(element, content) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.prepend($ele, content);
});
return;
}
if (typeof content === "string") {
element.insertAdjacentHTML("afterbegin", content);
} else {
let $firstChild = element.firstChild;
if ($firstChild == null) {
element.prepend(content);
} else {
element.insertBefore(content, element.firstChild);
}
}
}
/**
* 在元素后面添加兄弟元素或HTML字符串
* @param element 目标元素
* @param content 兄弟元素或HTML字符串
* @example
* // 元素a.xx后面添加一个元素
* DOMUtils.after(document.querySelector("a.xx"),document.querySelector("b.xx"))
* DOMUtils.after("a.xx","'<b class="xx"></b>")
* */
after(element, content) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.after($ele, content);
});
return;
}
if (typeof content === "string") {
element.insertAdjacentHTML("afterend", content);
} else {
let $parent = element.parentElement;
let $nextSlibling = element.nextSibling;
if (!$parent || $nextSlibling) {
element.after(content);
} else {
element.parentElement.insertBefore(content, element.nextSibling);
}
}
}
/**
* 在元素前面添加兄弟元素或HTML字符串
* @param element 目标元素
* @param content 兄弟元素或HTML字符串
* @example
* // 元素a.xx前面添加一个元素
* DOMUtils.before(document.querySelector("a.xx"),document.querySelector("b.xx"))
* DOMUtils.before("a.xx","'<b class="xx"></b>")
* */
before(element, content) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.before($ele, content);
});
return;
}
if (typeof content === "string") {
element.insertAdjacentHTML("beforebegin", content);
} else {
let $parent = element.parentElement;
if (!$parent) {
element.before(content);
} else {
$parent.insertBefore(content, element);
}
}
}
/**
* 移除元素
* @param element 目标元素
* @example
* // 元素a.xx前面添加一个元素
* DOMUtils.remove(document.querySelector("a.xx"))
* DOMUtils.remove(document.querySelectorAll("a.xx"))
* DOMUtils.remove("a.xx")
* */
remove(element) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.remove($ele);
});
return;
}
element.remove();
}
/**
* 移除元素的所有子元素
* @param element 目标元素
* @example
* // 移除元素a.xx元素的所有子元素
* DOMUtils.empty(document.querySelector("a.xx"))
* DOMUtils.empty("a.xx")
* */
empty(element) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.empty($ele);
});
return;
}
element.innerHTML = "";
}
/**
* 获取元素相对于文档的偏移坐标（加上文档的滚动条）
* @param element 目标元素
* @example
* // 获取元素a.xx的对于文档的偏移坐标
* DOMUtils.offset(document.querySelector("a.xx"))
* DOMUtils.offset("a.xx")
* > 0
*/
offset(element) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
let rect = element.getBoundingClientRect();
return {
/** y轴偏移 */
top: rect.top + DOMUtilsContext.windowApi.globalThis.scrollY,
/** x轴偏移 */
left: rect.left + DOMUtilsContext.windowApi.globalThis.scrollX
};
}
width(element, isShow = false) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
if (DOMUtilsCommonUtils.isWin(element)) {
return DOMUtilsContext.windowApi.window.document.documentElement.clientWidth;
}
if (element.nodeType === 9) {
element = element;
return Math.max(element.body.scrollWidth, element.documentElement.scrollWidth, element.body.offsetWidth, element.documentElement.offsetWidth, element.documentElement.clientWidth);
}
if (isShow || !isShow && DOMUtilsCommonUtils.isShow(element)) {
element = element;
if (parseFloat(DOMUtilsCommonUtils.getStyleValue(element, "width").toString()) > 0) {
return parseFloat(DOMUtilsCommonUtils.getStyleValue(element, "width").toString());
}
if (element.offsetWidth > 0) {
let borderLeftWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderLeftWidth");
let borderRightWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderRightWidth");
let paddingLeft = DOMUtilsCommonUtils.getStyleValue(element, "paddingLeft");
let paddingRight = DOMUtilsCommonUtils.getStyleValue(element, "paddingRight");
let backHeight = parseFloat(element.offsetWidth.toString()) - parseFloat(borderLeftWidth.toString()) - parseFloat(borderRightWidth.toString()) - parseFloat(paddingLeft.toString()) - parseFloat(paddingRight.toString());
return parseFloat(backHeight.toString());
}
return 0;
} else {
element = element;
let { recovery } = DOMUtilsCommonUtils.showElement(element);
let width = DOMUtilsContext.width(element, true);
recovery();
return width;
}
}
height(element, isShow = false) {
let DOMUtilsContext = this;
if (DOMUtilsCommonUtils.isWin(element)) {
return DOMUtilsContext.windowApi.window.document.documentElement.clientHeight;
}
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
if (element.nodeType === 9) {
element = element;
return Math.max(element.body.scrollHeight, element.documentElement.scrollHeight, element.body.offsetHeight, element.documentElement.offsetHeight, element.documentElement.clientHeight);
}
if (isShow || !isShow && DOMUtilsCommonUtils.isShow(element)) {
element = element;
if (parseFloat(DOMUtilsCommonUtils.getStyleValue(element, "height").toString()) > 0) {
return parseFloat(DOMUtilsCommonUtils.getStyleValue(element, "height").toString());
}
if (element.offsetHeight > 0) {
let borderTopWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderTopWidth");
let borderBottomWidth = DOMUtilsCommonUtils.getStyleValue(element, "borderBottomWidth");
let paddingTop = DOMUtilsCommonUtils.getStyleValue(element, "paddingTop");
let paddingBottom = DOMUtilsCommonUtils.getStyleValue(element, "paddingBottom");
let backHeight = parseFloat(element.offsetHeight.toString()) - parseFloat(borderTopWidth.toString()) - parseFloat(borderBottomWidth.toString()) - parseFloat(paddingTop.toString()) - parseFloat(paddingBottom.toString());
return parseFloat(backHeight.toString());
}
return 0;
} else {
element = element;
let { recovery } = DOMUtilsCommonUtils.showElement(element);
let height = DOMUtilsContext.height(element, true);
recovery();
return height;
}
}
outerWidth(element, isShow = false) {
let DOMUtilsContext = this;
if (DOMUtilsCommonUtils.isWin(element)) {
return DOMUtilsContext.windowApi.window.innerWidth;
}
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
element = element;
if (isShow || !isShow && DOMUtilsCommonUtils.isShow(element)) {
let style = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element, null);
let marginLeft = DOMUtilsCommonUtils.getStyleValue(style, "marginLeft");
let marginRight = DOMUtilsCommonUtils.getStyleValue(style, "marginRight");
return element.offsetWidth + marginLeft + marginRight;
} else {
let { recovery } = DOMUtilsCommonUtils.showElement(element);
let outerWidth = DOMUtilsContext.outerWidth(element, true);
recovery();
return outerWidth;
}
}
outerHeight(element, isShow = false) {
let DOMUtilsContext = this;
if (DOMUtilsCommonUtils.isWin(element)) {
return DOMUtilsContext.windowApi.window.innerHeight;
}
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
element = element;
if (isShow || !isShow && DOMUtilsCommonUtils.isShow(element)) {
let style = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element, null);
let marginTop = DOMUtilsCommonUtils.getStyleValue(style, "marginTop");
let marginBottom = DOMUtilsCommonUtils.getStyleValue(style, "marginBottom");
return element.offsetHeight + marginTop + marginBottom;
} else {
let { recovery } = DOMUtilsCommonUtils.showElement(element);
let outerHeight = DOMUtilsContext.outerHeight(element, true);
recovery();
return outerHeight;
}
}
/**
* 在一定时间内改变元素的样式属性，实现动画效果
* @param element 需要进行动画的元素
* @param styles 动画结束时元素的样式属性
* @param duration 动画持续时间，单位为毫秒
* @param callback 动画结束后执行的函数
* @example
* // 监听元素a.xx的从显示变为隐藏
* DOMUtils.animate(document.querySelector("a.xx"),{ top:100},1000,function(){
* console.log("已往上位移100px")
* })
*/
animate(element, styles, duration = 1e3, callback2 = null) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.animate($ele, styles, duration, callback2);
});
return;
}
if (typeof duration !== "number" || duration <= 0) {
throw new TypeError("duration must be a positive number");
}
if (typeof callback2 !== "function" && callback2 !== void 0) {
throw new TypeError("callback must be a function or null");
}
if (typeof styles !== "object" || styles === void 0) {
throw new TypeError("styles must be an object");
}
if (Object.keys(styles).length === 0) {
throw new Error("styles must contain at least one property");
}
let start = performance.now();
let from = {};
let to = {};
for (let prop in styles) {
from[prop] = element.style[prop] || DOMUtilsContext.windowApi.globalThis.getComputedStyle(element)[prop];
to[prop] = styles[prop];
}
let timer = setInterval(function() {
let timePassed = performance.now() - start;
let progress = timePassed / duration;
if (progress > 1) {
progress = 1;
}
for (let prop in styles) {
element.style[prop] = from[prop] + (to[prop] - from[prop]) * progress + "px";
}
if (progress === 1) {
clearInterval(timer);
if (callback2) {
callback2();
}
}
}, 10);
}
/**
* 将一个元素包裹在指定的HTML元素中
* @param element 要包裹的元素
* @param wrapperHTML 要包裹的HTML元素的字符串表示形式
* @example
* // 将a.xx元素外面包裹一层div
* DOMUtils.wrap(document.querySelector("a.xx"),"<div></div>")
*/
wrap(element, wrapperHTML) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.wrap($ele, wrapperHTML);
});
return;
}
element = element;
let wrapper = DOMUtilsContext.windowApi.document.createElement("div");
wrapper.innerHTML = wrapperHTML;
let wrapperFirstChild = wrapper.firstChild;
let parentElement = element.parentElement;
parentElement.insertBefore(wrapperFirstChild, element);
wrapperFirstChild.appendChild(element);
}
prev(element) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
return element.previousElementSibling;
}
next(element) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
return element.nextElementSibling;
}
/**
* 取消挂载在window下的DOMUtils并返回DOMUtils
* @example
* let DOMUtils = window.DOMUtils.noConflict()
*/
noConflict() {
let DOMUtilsContext = this;
if (DOMUtilsContext.windowApi.window.DOMUtils) {
DOMUtilsCommonUtils.delete(window, "DOMUtils");
}
DOMUtilsContext.windowApi.window.DOMUtils = this;
return this;
}
siblings(element) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
return Array.from(element.parentElement.children).filter((child) => child !== element);
}
/**
* 获取当前元素的父元素
* @param element 当前元素
* @returns 父元素
* @example
* // 获取a.xx元素的父元素
* DOMUtils.parent(document.querySelector("a.xx"))
* DOMUtils.parent("a.xx")
* > <div ...>....</div>
*/
parent(element) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selector(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
let resultArray = [];
element.forEach(($ele) => {
resultArray.push(DOMUtilsContext.parent($ele));
});
return resultArray;
} else {
return element.parentElement;
}
}
parseHTML(html, useParser = false, isComplete = false) {
let DOMUtilsContext = this;
html = html.trim();
function parseHTMLByDOMParser() {
let parser = new DOMParser();
if (isComplete) {
return parser.parseFromString(html, "text/html");
} else {
return parser.parseFromString(html, "text/html").body.firstChild;
}
}
function parseHTMLByCreateDom() {
let tempDIV = DOMUtilsContext.windowApi.document.createElement("div");
tempDIV.innerHTML = html;
if (isComplete) {
return tempDIV;
} else {
return tempDIV.firstChild;
}
}
if (useParser) {
return parseHTMLByDOMParser();
} else {
return parseHTMLByCreateDom();
}
}
/**
* 序列化表单元素
* @param $form 表单元素
* @example
* DOMUtils.serialize(document.querySelector("form"))
* > xxx=xxx&aaa=
*/
serialize($form) {
const elements = $form.elements;
let serializedArray = [];
for (let i2 = 0; i2 < elements.length; i2++) {
const element = elements[i2];
if (element.name && !element.disabled && (element.checked || [
"text",
"hidden",
"password",
"textarea",
"select-one",
"select-multiple"
].includes(element.type))) {
if (element.type === "select-multiple") {
for (let j2 = 0; j2 < element.options.length; j2++) {
if (element.options[j2].selected) {
serializedArray.push({
name: element.name,
value: element.options[j2].value
});
}
}
} else {
serializedArray.push({ name: element.name, value: element.value });
}
}
}
return serializedArray.map((item) => `${encodeURIComponent(item.name)}=${encodeURIComponent(item.value)}`).join("&");
}
/**
* 显示元素
* @param target 当前元素
* @param checkVisiblie 是否检测元素是否显示
* + true （默认）如果检测到还未显示，则强制使用display: unset !important;
* + false 不检测，直接设置display属性为空
* @example
* // 显示a.xx元素
* DOMUtils.show(document.querySelector("a.xx"))
* DOMUtils.show(document.querySelectorAll("a.xx"))
* DOMUtils.show("a.xx")
*/
show(target, checkVisiblie = true) {
let DOMUtilsContext = this;
if (target == null) {
return;
}
if (typeof target === "string") {
target = DOMUtilsContext.selectorAll(target);
}
if (target instanceof NodeList || target instanceof Array) {
target = target;
for (const element of target) {
DOMUtilsContext.show(element, checkVisiblie);
}
} else {
target = target;
target.style.display = "";
if (checkVisiblie) {
if (!DOMUtilsCommonUtils.isShow(target)) {
target.style.setProperty("display", "unset", "important");
}
}
}
}
/**
* 隐藏元素
* @param target 当前元素
* @param checkVisiblie 是否检测元素是否显示
* + true （默认）如果检测到显示，则强制使用display: none !important;
* + false 不检测，直接设置display属性为none
* @example
* // 隐藏a.xx元素
* DOMUtils.hide(document.querySelector("a.xx"))
* DOMUtils.hide(document.querySelectorAll("a.xx"))
* DOMUtils.hide("a.xx")
*/
hide(target, checkVisiblie = true) {
let DOMUtilsContext = this;
if (target == null) {
return;
}
if (typeof target === "string") {
target = DOMUtilsContext.selectorAll(target);
}
if (target instanceof NodeList || target instanceof Array) {
target = target;
for (const element of target) {
DOMUtilsContext.hide(element, checkVisiblie);
}
} else {
target = target;
target.style.display = "none";
if (checkVisiblie) {
if (DOMUtilsCommonUtils.isShow(target)) {
target.style.setProperty("display", "none", "important");
}
}
}
}
/**
* 淡入元素
* @param element 当前元素
* @param duration 动画持续时间（毫秒），默认400毫秒
* @param callback 动画结束的回调
* @example
* // 元素a.xx淡入
* DOMUtils.fadeIn(document.querySelector("a.xx"),2500,()=>{
* console.log("淡入完毕");
* })
* DOMUtils.fadeIn("a.xx",undefined,()=>{
* console.log("淡入完毕");
* })
*/
fadeIn(element, duration = 400, callback2) {
if (element == null) {
return;
}
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.fadeIn($ele, duration, callback2);
});
return;
}
element.style.opacity = "0";
element.style.display = "";
let start = null;
let timer = null;
function step(timestamp) {
if (!start)
start = timestamp;
let progress = timestamp - start;
element = element;
element.style.opacity = Math.min(progress / duration, 1).toString();
if (progress < duration) {
DOMUtilsContext.windowApi.window.requestAnimationFrame(step);
} else {
if (callback2 && typeof callback2 === "function") {
callback2();
}
DOMUtilsContext.windowApi.window.cancelAnimationFrame(timer);
}
}
timer = DOMUtilsContext.windowApi.window.requestAnimationFrame(step);
}
/**
* 淡出元素
* @param element 当前元素
* @param duration 动画持续时间（毫秒），默认400毫秒
* @param callback 动画结束的回调
* @example
* // 元素a.xx淡出
* DOMUtils.fadeOut(document.querySelector("a.xx"),2500,()=>{
* console.log("淡出完毕");
* })
* DOMUtils.fadeOut("a.xx",undefined,()=>{
* console.log("淡出完毕");
* })
*/
fadeOut(element, duration = 400, callback2) {
let DOMUtilsContext = this;
if (element == null) {
return;
}
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.fadeOut($ele, duration, callback2);
});
return;
}
element.style.opacity = "1";
let start = null;
let timer = null;
function step(timestamp) {
if (!start)
start = timestamp;
let progress = timestamp - start;
element = element;
element.style.opacity = Math.max(1 - progress / duration, 0).toString();
if (progress < duration) {
DOMUtilsContext.windowApi.window.requestAnimationFrame(step);
} else {
element.style.display = "none";
if (typeof callback2 === "function") {
callback2();
}
DOMUtilsContext.windowApi.window.cancelAnimationFrame(timer);
}
}
timer = DOMUtilsContext.windowApi.window.requestAnimationFrame(step);
}
/**
* 切换元素的显示和隐藏状态
* @param element 当前元素
* @param checkVisiblie 是否检测元素是否显示
* @example
* // 如果元素a.xx当前是隐藏，则显示，如果是显示，则隐藏
* DOMUtils.toggle(document.querySelector("a.xx"))
* DOMUtils.toggle("a.xx")
*/
toggle(element, checkVisiblie) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = DOMUtilsContext.selectorAll(element);
}
if (element == null) {
return;
}
if (isNodeList(element)) {
element.forEach(($ele) => {
DOMUtilsContext.toggle($ele);
});
return;
}
if (DOMUtilsContext.windowApi.globalThis.getComputedStyle(element).getPropertyValue("display") === "none") {
DOMUtilsContext.show(element, checkVisiblie);
} else {
DOMUtilsContext.hide(element, checkVisiblie);
}
}
/**
* 创建一个新的DOMUtils实例
* @param option
* @returns
*/
createDOMUtils(option) {
return new DOMUtils(option);
}
/**
* 获取文字的位置信息
* @param $input 输入框
* @param selectionStart 起始位置
* @param selectionEnd 结束位置
* @example
* DOMUtils.getTextBoundingRect(document.querySelector("input"));
*/
getTextBoundingRect($input, selectionStart, selectionEnd) {
var _a2;
let DOMUtilsContext = this;
if (!$input || !("value" in $input))
return $input;
if (selectionStart == null) {
selectionStart = $input.selectionStart || 0;
}
if (selectionEnd == null) {
selectionEnd = $input.selectionEnd || 0;
}
if (typeof selectionStart == "string")
selectionStart = parseFloat(selectionStart);
if (typeof selectionStart != "number" || isNaN(selectionStart)) {
selectionStart = 0;
}
if (selectionStart < 0)
selectionStart = 0;
else
selectionStart = Math.min($input.value.length, selectionStart);
if (typeof selectionEnd == "string")
selectionEnd = parseFloat(selectionEnd);
if (typeof selectionEnd != "number" || isNaN(selectionEnd) || selectionEnd < selectionStart) {
selectionEnd = selectionStart;
}
if (selectionEnd < 0)
selectionEnd = 0;
else
selectionEnd = Math.min($input.value.length, selectionEnd);
if (typeof $input.createTextRange == "function") {
let range = $input.createTextRange();
range.collapse(true);
range.moveStart("character", selectionStart);
range.moveEnd("character", selectionEnd - selectionStart);
return range.getBoundingClientRect();
}
let offset = getInputOffset(), topPos = offset.top, leftPos = offset.left, width = getInputCSS("width", true), height = getInputCSS("height", true);
let cssDefaultStyles = "white-space:pre;padding:0;margin:0;", listOfModifiers = [
"direction",
"font-family",
"font-size",
"font-size-adjust",
"font-variant",
"font-weight",
"font-style",
"letter-spacing",
"line-height",
"text-align",
"text-indent",
"text-transform",
"word-wrap",
"word-spacing"
];
topPos += getInputCSS("padding-top", true);
topPos += getInputCSS("border-top-width", true);
leftPos += getInputCSS("padding-left", true);
leftPos += getInputCSS("border-left-width", true);
leftPos += 1;
for (let index = 0; index < listOfModifiers.length; index++) {
let property = listOfModifiers[index];
cssDefaultStyles += property + ":" + getInputCSS(property) + ";";
}
let text = $input.value || "G", textLen = text.length, fakeClone = DOMUtilsContext.windowApi.document.createElement("div");
if (selectionStart > 0)
appendPart(0, selectionStart);
var fakeRange = appendPart(selectionStart, selectionEnd);
if (textLen > selectionEnd)
appendPart(selectionEnd, textLen);
fakeClone.style.cssText = cssDefaultStyles;
fakeClone.style.position = "absolute";
fakeClone.style.top = topPos + "px";
fakeClone.style.left = leftPos + "px";
fakeClone.style.width = width + "px";
fakeClone.style.height = height + "px";
DOMUtilsContext.windowApi.document.body.appendChild(fakeClone);
var returnValue = fakeRange.getBoundingClientRect();
(_a2 = fakeClone == null ? void 0 : fakeClone.parentNode) == null ? void 0 : _a2.removeChild(fakeClone);
return returnValue;
function appendPart(start, end) {
var span = DOMUtilsContext.windowApi.document.createElement("span");
span.style.cssText = cssDefaultStyles;
span.textContent = text.substring(start, end);
fakeClone.appendChild(span);
return span;
}
function getInputOffset() {
let body = DOMUtilsContext.windowApi.document.body, win = DOMUtilsContext.windowApi.document.defaultView, docElem = DOMUtilsContext.windowApi.document.documentElement, $box = DOMUtilsContext.windowApi.document.createElement("div");
$box.style.paddingLeft = $box.style.width = "1px";
body.appendChild($box);
var isBoxModel = $box.offsetWidth == 2;
body.removeChild($box);
let $boxRect = $input.getBoundingClientRect();
var clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, scrollTop = win.pageYOffset || isBoxModel && docElem.scrollTop || body.scrollTop, scrollLeft = win.pageXOffset || isBoxModel && docElem.scrollLeft || body.scrollLeft;
return {
top: $boxRect.top + scrollTop - clientTop,
left: $boxRect.left + scrollLeft - clientLeft
};
}
function getInputCSS(prop, isNumber) {
var val = DOMUtilsContext.windowApi.document.defaultView.getComputedStyle($input, null).getPropertyValue(prop);
return isNumber ? parseFloat(val) : val;
}
}
}
let domUtils$1 = new DOMUtils();
class ColorConversion {
/**
* 判断是否是16进制颜色
* @param str
*/
isHex(str) {
if (typeof str !== "string") {
return false;
}
if (!str.match(/^(\#|)[0-9a-fA-F]{6}$/)) {
return false;
}
return true;
}
/**
* 16进制颜色转rgba
*
* #ff0000 转 rgba(123,123,123, 0.4)
* @param hex
* @param opacity
*/
hexToRgba(hex, opacity) {
if (!this.isHex(hex)) {
throw new TypeError("输入错误的hex", hex);
}
return hex && hex.replace(/\s+/g, "").length === 7 ? "rgba(" + parseInt("0x" + hex.slice(1, 3)) + "," + parseInt("0x" + hex.slice(3, 5)) + "," + parseInt("0x" + hex.slice(5, 7)) + "," + opacity + ")" : "";
}
/**
* hex转rgb
* @param str
* @returns
*/
hexToRgb(str) {
if (!this.isHex(str)) {
throw new TypeError("输入错误的hex", str);
}
str = str.replace("#", "");
let hxs = str.match(/../g);
for (let index = 0; index < 3; index++) {
hxs[index] = parseInt(hxs[index], 16);
}
return hxs;
}
/**
* rgb转hex
* @param redValue
* @param greenValue
* @param blueValue
* @returns
*/
rgbToHex(redValue, greenValue, blueValue) {
let validPattern = /^\d{1,3}$/;
if (!validPattern.test(redValue.toString()) || !validPattern.test(greenValue.toString()) || !validPattern.test(blueValue.toString()))
throw new TypeError("输入错误的rgb颜色值");
let hexs = [
redValue.toString(16),
greenValue.toString(16),
blueValue.toString(16)
];
for (let index = 0; index < 3; index++)
if (hexs[index].length == 1)
hexs[index] = "0" + hexs[index];
return "#" + hexs.join("");
}
/**
* 获取颜色变暗或亮
* @param color 颜色
* @param level 0~1.0
* @returns
*/
getDarkColor(color, level) {
if (!this.isHex(color)) {
throw new TypeError("输入错误的hex", color);
}
let rgbc = this.hexToRgb(color);
for (let index = 0; index < 3; index++) {
rgbc[index] = Math.floor(rgbc[index] * (1 - level));
}
return this.rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
}
/**
* 获取颜色变亮
* @param color 颜色
* @param level 0~1.0
* @returns
*/
getLightColor(color, level) {
if (!this.isHex(color)) {
throw new TypeError("输入错误的hex", color);
}
let rgbc = this.hexToRgb(color);
for (let index = 0; index < 3; index++) {
rgbc[index] = Math.floor((255 - rgbc[index]) * level + rgbc[index]);
}
return this.rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
}
}
class GBKEncoder {
constructor() {
__privateAdd(this, _data, []);
__privateAdd(this, _U2Ghash, {});
__privateAdd(this, _G2Uhash, {});
let dataText = this.handleText("4e:020405060f12171f20212326292e2f313335373c40414244464a5155575a5b6263646567686a6b6c6d6e6f727475767778797a7b7c7d7f808182838485878a#909697999c9d9ea3aaafb0b1b4b6b7b8b9bcbdbec8cccfd0d2dadbdce0e2e6e7e9edeeeff1f4f8f9fafcfe,4f:00020304050607080b0c12131415161c1d212328292c2d2e31333537393b3e3f40414244454748494a4b4c525456616266686a6b6d6e7172757778797a7d8081828586878a8c8e909293959698999a9c9e9fa1a2a4abadb0b1b2b3b4b6b7b8b9babbbcbdbec0c1c2c6c7c8c9cbcccdd2d3d4d5d6d9dbe0e2e4e5e7ebecf0f2f4f5f6f7f9fbfcfdff,50:000102030405060708090a#0b0e1011131516171b1d1e20222324272b2f303132333435363738393b3d3f404142444546494a4b4d5051525354565758595b5d5e5f6061626364666768696a6b6d6e6f70717273747578797a7c7d818283848687898a8b8c8e8f909192939495969798999a9b9c9d9e9fa0a1a2a4a6aaabadaeafb0b1b3b4b5b6b7b8b9bcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdced0d1d2d3d4d5d7d8d9dbdcdddedfe0e1e2e3e4e5e8e9eaebeff0f1f2f4f6f7f8f9fafcfdfeff,51:00010203040508#090a0c0d0e0f1011131415161718191a1b1c1d1e1f2022232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e42474a4c4e4f5052535758595b5d5e5f606163646667696a6f727a7e7f838486878a8b8e8f90919394989a9d9e9fa1a3a6a7a8a9aaadaeb4b8b9babebfc1c2c3c5c8cacdced0d2d3d4d5d6d7d8d9dadcdedfe2e3e5e6e7e8e9eaeceef1f2f4f7fe,52:0405090b0c0f101314151c1e1f2122232526272a2c2f313234353c3e4445464748494b4e4f5253555758#595a5b5d5f6062636466686b6c6d6e7071737475767778797a7b7c7e808384858687898a8b8c8d8e8f91929495969798999a9ca4a5a6a7aeafb0b4b5b6b7b8b9babbbcbdc0c1c2c4c5c6c8cacccdcecfd1d3d4d5d7d9dadbdcdddee0e1e2e3e5e6e7e8e9eaebecedeeeff1f2f3f4f5f6f7f8fbfcfd,53:0102030407090a0b0c0e11121314181b1c1e1f2224252728292b2c2d2f3031323334353637383c3d404244464b4c4d505458595b5d65686a6c6d7276797b7c7d7e80818387888a8e8f#90919293949697999b9c9ea0a1a4a7aaabacadafb0b1b2b3b4b5b7b8b9babcbdbec0c3c4c5c6c7cecfd0d2d3d5dadcdddee1e2e7f4fafeff,54:000205070b1418191a1c2224252a303336373a3d3f4142444547494c4d4e4f515a5d5e5f6061636567696a6b6c6d6e6f7074797a7e7f8183858788898a8d919397989c9e9fa0a1a2a5aeb0b2b5b6b7b9babcbec3c5cacbd6d8dbe0e1e2e3e4ebeceff0f1f4f5f6f7f8f9fbfe,55:0002030405080a0b0c0d0e121315161718191a1c1d1e1f212526#28292b2d3234353638393a3b3d40424547484b4c4d4e4f515253545758595a5b5d5e5f60626368696b6f7071727374797a7d7f85868c8d8e9092939596979a9b9ea0a1a2a3a4a5a6a8a9aaabacadaeafb0b2b4b6b8babcbfc0c1c2c3c6c7c8cacbcecfd0d5d7d8d9dadbdee0e2e7e9edeef0f1f4f6f8f9fafbfcff,56:0203040506070a0b0d1011121314151617191a1c1d202122252628292a2b2e2f30333537383a3c3d3e404142434445464748494a4b4f5051525355565a5b5d5e5f6061#636566676d6e6f70727374757778797a7d7e7f80818283848788898a8b8c8d9091929495969798999a9b9c9d9e9fa0a1a2a4a5a6a7a8a9aaabacadaeb0b1b2b3b4b5b6b8b9babbbdbebfc0c1c2c3c4c5c6c7c8c9cbcccdcecfd0d1d2d3d5d6d8d9dce3e5e6e7e8e9eaeceeeff2f3f6f7f8fbfc,57:00010205070b0c0d0e0f101112131415161718191a1b1d1e202122242526272b313234353637383c3d3f414344454648494b52535455565859626365676c6e707172747578797a7d7e7f80#818788898a8d8e8f90919495969798999a9c9d9e9fa5a8aaacafb0b1b3b5b6b7b9babbbcbdbebfc0c1c4c5c6c7c8c9cacccdd0d1d3d6d7dbdcdee1e2e3e5e6e7e8e9eaebeceef0f1f2f3f5f6f7fbfcfeff,58:0103040508090a0c0e0f101213141617181a1b1c1d1f222325262728292b2c2d2e2f31323334363738393a3b3c3d3e3f4041424345464748494a4b4e4f505253555657595a5b5c5d5f6061626364666768696a6d6e6f707172737475767778797a7b7c7d7f82848687888a8b8c#8d8e8f909194959697989b9c9da0a1a2a3a4a5a6a7aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbdbebfc0c2c3c4c6c7c8c9cacbcccdcecfd0d2d3d4d6d7d8d9dadbdcdddedfe0e1e2e3e5e6e7e8e9eaedeff1f2f4f5f7f8fafbfcfdfeff,59:000103050608090a0b0c0e1011121317181b1d1e2021222326282c30323335363b3d3e3f404345464a4c4d505253595b5c5d5e5f616364666768696a6b6c6d6e6f70717275777a7b7c7e7f8085898b8c8e8f90919495989a9b9c9d9fa0a1a2a6#a7acadb0b1b3b4b5b6b7b8babcbdbfc0c1c2c3c4c5c7c8c9cccdcecfd5d6d9dbdedfe0e1e2e4e6e7e9eaebedeeeff0f1f2f3f4f5f6f7f8fafcfdfe,5a:00020a0b0d0e0f101214151617191a1b1d1e2122242627282a2b2c2d2e2f3033353738393a3b3d3e3f414243444547484b4c4d4e4f5051525354565758595b5c5d5e5f60616364656668696b6c6d6e6f7071727378797b7c7d7e808182838485868788898a8b8c8d8e8f9091939495969798999c9d9e9fa0a1a2a3a4a5a6a7a8a9abac#adaeafb0b1b4b6b7b9babbbcbdbfc0c3c4c5c6c7c8cacbcdcecfd0d1d3d5d7d9dadbdddedfe2e4e5e7e8eaecedeeeff0f2f3f4f5f6f7f8f9fafbfcfdfeff,5b:0001020304050607080a0b0c0d0e0f10111213141518191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303133353638393a3b3c3d3e3f4142434445464748494a4b4c4d4e4f52565e606167686b6d6e6f7274767778797b7c7e7f82868a8d8e90919294969fa7a8a9acadaeafb1b2b7babbbcc0c1c3c8c9cacbcdcecf#d1d4d5d6d7d8d9dadbdce0e2e3e6e7e9eaebecedeff1f2f3f4f5f6f7fdfe,5c:0002030507080b0c0d0e10121317191b1e1f2021232628292a2b2d2e2f303233353637434446474c4d5253545657585a5b5c5d5f62646768696a6b6c6d70727374757677787b7c7d7e808384858687898a8b8e8f9293959d9e9fa0a1a4a5a6a7a8aaaeafb0b2b4b6b9babbbcbec0c2c3c5c6c7c8c9cacccdcecfd0d1d3d4d5d6d7d8dadbdcdddedfe0e2e3e7e9ebeceeeff1f2f3f4f5f6f7f8f9fafcfdfeff,5d:00#01040508090a0b0c0d0f10111213151718191a1c1d1f2021222325282a2b2c2f3031323335363738393a3b3c3f4041424344454648494d4e4f5051525354555657595a5c5e5f6061626364656667686a6d6e7071727375767778797a7b7c7d7e7f8081838485868788898a8b8c8d8e8f9091929394959697989a9b9c9e9fa0a1a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b8b9babbbcbdbebfc0c1c2c3c4c6c7c8c9cacbcccecfd0d1d2d3d4d5d6d7d8d9dadcdfe0e3e4eaeced#f0f5f6f8f9fafbfcff,5e:000407090a0b0d0e1213171e1f20212223242528292a2b2c2f303233343536393a3e3f404143464748494a4b4d4e4f50515253565758595a5c5d5f60636465666768696a6b6c6d6e6f70717577797e8182838588898c8d8e92989b9da1a2a3a4a8a9aaabacaeafb0b1b2b4babbbcbdbfc0c1c2c3c4c5c6c7c8cbcccdcecfd0d4d5d7d8d9dadcdddedfe0e1e2e3e4e5e6e7e9ebecedeeeff0f1f2f3f5f8f9fbfcfd,5f:050607090c0d0e10121416191a1c1d1e21222324#282b2c2e30323334353637383b3d3e3f4142434445464748494a4b4c4d4e4f5154595a5b5c5e5f60636567686b6e6f72747576787a7d7e7f83868d8e8f919394969a9b9d9e9fa0a2a3a4a5a6a7a9abacafb0b1b2b3b4b6b8b9babbbebfc0c1c2c7c8cacbced3d4d5dadbdcdedfe2e3e5e6e8e9eceff0f2f3f4f6f7f9fafc,60:0708090b0c10111317181a1e1f2223242c2d2e3031323334363738393a3d3e404445464748494a4c4e4f5153545657585b5c5e5f606165666e71727475777e80#8182858687888a8b8e8f909193959798999c9ea1a2a4a5a7a9aaaeb0b3b5b6b7b9babdbebfc0c1c2c3c4c7c8c9cccdcecfd0d2d3d4d6d7d9dbdee1e2e3e4e5eaf1f2f5f7f8fbfcfdfeff,61:02030405070a0b0c1011121314161718191b1c1d1e21222528292a2c2d2e2f303132333435363738393a3b3c3d3e4041424344454647494b4d4f50525354565758595a5b5c5e5f606163646566696a6b6c6d6e6f717273747678797a7b7c7d7e7f808182838485868788898a8c8d8f9091929395#969798999a9b9c9e9fa0a1a2a3a4a5a6aaabadaeafb0b1b2b3b4b5b6b8b9babbbcbdbfc0c1c3c4c5c6c7c9cccdcecfd0d3d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e7e8e9eaebecedeeeff0f1f2f3f4f6f7f8f9fafbfcfdfe,62:00010203040507091314191c1d1e2023262728292b2d2f303132353638393a3b3c424445464a4f50555657595a5c5d5e5f6061626465687172747577787a7b7d818283858687888b8c8d8e8f9094999c9d9ea3a6a7a9aaadaeafb0b2b3b4b6b7b8babec0c1#c3cbcfd1d5dddee0e1e4eaebf0f2f5f8f9fafb,63:00030405060a0b0c0d0f10121314151718191c2627292c2d2e30313334353637383b3c3e3f40414447484a51525354565758595a5b5c5d60646566686a6b6c6f707273747578797c7d7e7f81838485868b8d9193949597999a9b9c9d9e9fa1a4a6abafb1b2b5b6b9bbbdbfc0c1c2c3c5c7c8cacbccd1d3d4d5d7d8d9dadbdcdddfe2e4e5e6e7e8ebeceeeff0f1f3f5f7f9fafbfcfe,64:0304060708090a0d0e111215161718191a1d1f222324#252728292b2e2f3031323335363738393b3c3e404243494b4c4d4e4f505153555657595a5b5c5d5f60616263646566686a6b6c6e6f70717273747576777b7c7d7e7f8081838688898a8b8c8d8e8f90939497989a9b9c9d9fa0a1a2a3a5a6a7a8aaabafb1b2b3b4b6b9bbbdbebfc1c3c4c6c7c8c9cacbcccfd1d3d4d5d6d9dadbdcdddfe0e1e3e5e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,65:01020304050607080a0b0c0d0e0f10111314151617191a1b1c1d1e1f2021#222324262728292a2c2d30313233373a3c3d404142434446474a4b4d4e5052535457585a5c5f606164656768696a6d6e6f7173757678797a7b7c7d7e7f8081828384858688898a8d8e8f92949596989a9d9ea0a2a3a6a8aaacaeb1b2b3b4b5b6b7b8babbbebfc0c2c7c8c9cacdd0d1d3d4d5d8d9dadbdcdddedfe1e3e4eaebf2f3f4f5f8f9fbfcfdfeff,66:0104050708090b0d1011121617181a1b1c1e2122232426292a2b2c2e3032333738393a3b3d3f40424445464748494a4d4e505158#595b5c5d5e6062636567696a6b6c6d7172737578797b7c7d7f808183858688898a8b8d8e8f909293949598999a9b9c9e9fa0a1a2a3a4a5a6a9aaabacadafb0b1b2b3b5b6b7b8babbbcbdbfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8dadedfe0e1e2e3e4e5e7e8eaebecedeeeff1f5f6f8fafbfd,67:010203040506070c0e0f1112131618191a1c1e20212223242527292e303233363738393b3c3e3f414445474a4b4d5254555758595a5b5d62636466676b6c6e717476#78797a7b7d8082838586888a8c8d8e8f9192939496999b9fa0a1a4a6a9acaeb1b2b4b9babbbcbdbebfc0c2c5c6c7c8c9cacbcccdced5d6d7dbdfe1e3e4e6e7e8eaebedeef2f5f6f7f8f9fafbfcfe,68:01020304060d1012141518191a1b1c1e1f20222324252627282b2c2d2e2f30313435363a3b3f474b4d4f52565758595a5b5c5d5e5f6a6c6d6e6f707172737578797a7b7c7d7e7f8082848788898a8b8c8d8e90919294959698999a9b9c9d9e9fa0a1a3a4a5a9aaabacaeb1b2b4b6b7b8#b9babbbcbdbebfc1c3c4c5c6c7c8cacccecfd0d1d3d4d6d7d9dbdcdddedfe1e2e4e5e6e7e8e9eaebecedeff2f3f4f6f7f8fbfdfeff,69:00020304060708090a0c0f11131415161718191a1b1c1d1e21222325262728292a2b2c2e2f313233353637383a3b3c3e4041434445464748494a4b4c4d4e4f50515253555658595b5c5f616264656768696a6c6d6f7072737475767a7b7d7e7f8183858a8b8c8e8f909192939697999a9d9e9fa0a1a2a3a4a5a6a9aaacaeafb0b2b3b5b6b8b9babcbd#bebfc0c2c3c4c5c6c7c8c9cbcdcfd1d2d3d5d6d7d8d9dadcdddee1e2e3e4e5e6e7e8e9eaebeceeeff0f1f3f4f5f6f7f8f9fafbfcfe,6a:000102030405060708090b0c0d0e0f10111213141516191a1b1c1d1e20222324252627292b2c2d2e30323334363738393a3b3c3f40414243454648494a4b4c4d4e4f515253545556575a5c5d5e5f60626364666768696a6b6c6d6e6f70727374757677787a7b7d7e7f81828385868788898a8b8c8d8f929394959698999a9b9c9d9e9fa1a2a3a4a5a6#a7a8aaadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,6b:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f252628292a2b2c2d2e2f303133343536383b3c3d3f4041424445484a4b4d4e4f5051525354555657585a5b5c5d5e5f606168696b6c6d6e6f7071727374757677787a7d7e7f808588#8c8e8f909194959798999c9d9e9fa0a2a3a4a5a6a7a8a9abacadaeafb0b1b2b6b8b9babbbcbdbec0c3c4c6c7c8c9caccced0d1d8dadcdddedfe0e2e3e4e5e6e7e8e9ecedeef0f1f2f4f6f7f8fafbfcfeff,6c:000102030408090a0b0c0e12171c1d1e2023252b2c2d31333637393a3b3c3e3f434445484b4c4d4e4f5152535658595a62636566676b6c6d6e6f71737577787a7b7c7f8084878a8b8d8e9192959697989a9c9d9ea0a2a8acafb0b4b5b6b7bac0c1c2c3c6c7c8cbcdcecfd1d2d8#d9dadcdddfe4e6e7e9ecedf2f4f9ff,6d:000203050608090a0d0f101113141516181c1d1f20212223242628292c2d2f30343637383a3f404244494c50555657585b5d5f6162646567686b6c6d707172737576797a7b7d7e7f8081838486878a8b8d8f9092969798999a9ca2a5acadb0b1b3b4b6b7b9babbbcbdbec1c2c3c8c9cacdcecfd0d2d3d4d5d7dadbdcdfe2e3e5e7e8e9eaedeff0f2f4f5f6f8fafdfeff,6e:0001020304060708090b0f12131518191b1c1e1f222627282a2c2e30313335#3637393b3c3d3e3f40414245464748494a4b4c4f5051525557595a5c5d5e606162636465666768696a6c6d6f707172737475767778797a7b7c7d8081828487888a8b8c8d8e91929394959697999a9b9d9ea0a1a3a4a6a8a9abacadaeb0b3b5b8b9bcbebfc0c3c4c5c6c8c9cacccdced0d2d6d8d9dbdcdde3e7eaebecedeeeff0f1f2f3f5f6f7f8fafbfcfdfeff,6f:000103040507080a0b0c0d0e101112161718191a1b1c1d1e1f212223252627282c2e303234353738393a3b3c3d3f404142#43444548494a4c4e4f5051525354555657595a5b5d5f60616364656768696a6b6c6f707173757677797b7d7e7f808182838586878a8b8f909192939495969798999a9b9d9e9fa0a2a3a4a5a6a8a9aaabacadaeafb0b1b2b4b5b7b8babbbcbdbebfc1c3c4c5c6c7c8cacbcccdcecfd0d3d4d5d6d7d8d9dadbdcdddfe2e3e4e5e6e7e8e9eaebecedf0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,70:000102030405060708090a0b0c0d0e0f1012131415161718191c1d1e1f2021222425262728292a#2b2c2d2e2f30313233343637383a3b3c3d3e3f404142434445464748494a4b4d4e505152535455565758595a5b5c5d5f606162636465666768696a6e7172737477797a7b7d818283848687888b8c8d8f90919397989a9b9e9fa0a1a2a3a4a5a6a7a8a9aab0b2b4b5b6babebfc4c5c6c7c9cbcccdcecfd0d1d2d3d4d5d6d7dadcdddee0e1e2e3e5eaeef0f1f2f3f4f5f6f8fafbfcfeff,71:0001020304050607080b0c0d0e0f111214171b1c1d1e1f2021222324252728292a2b2c2d2e323334#353738393a3b3c3d3e3f4041424344464748494b4d4f505152535455565758595a5b5d5f6061626365696a6b6c6d6f707174757677797b7c7e7f8081828385868788898b8c8d8e909192939596979a9b9c9d9ea1a2a3a4a5a6a7a9aaabadaeafb0b1b2b4b6b7b8babbbcbdbebfc0c1c2c4c5c6c7c8c9cacbcccdcfd0d1d2d3d6d7d8d9dadbdcdddedfe1e2e3e4e6e8e9eaebecedeff0f1f2f3f4f5f6f7f8fafbfcfdfeff,72:0001020304050708090a0b0c0d0e0f101112131415161718191a#1b1c1e1f2021222324252627292b2d2e2f3233343a3c3e40414243444546494a4b4e4f505153545557585a5c5e60636465686a6b6c6d707173747677787b7c7d828385868788898c8e9091939495969798999a9b9c9d9ea0a1a2a3a4a5a6a7a8a9aaabaeb1b2b3b5babbbcbdbebfc0c5c6c7c9cacbcccfd1d3d4d5d6d8dadb#95$,30:000102,00b702:c9c7,00a830:0305,2014ff5e20:162618191c1d,30:141508090a0b0c0d0e0f16171011,00:b1d7f7,22:362728110f2a2908371aa52520,231222:992b2e614c483d1d606e6f64651e3534,26:4240,00b020:3233,2103ff0400a4ff:e0e1,203000a7211626:0605,25:cbcfcec7c6a1a0b3b2,203b21:92909193,30:13#95$,21:70717273747576777879#4$,24:88898a8b8c8d8e8f909192939495969798999a9b7475767778797a7b7c7d7e7f808182838485868760616263646566676869##,32:20212223242526272829##,21:606162636465666768696a6b#97$,ff:010203e505060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5de3#95$,30:4142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a7b7c7d7e7f808182838485868788898a8b8c8d8e8f90919293#106$a1a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6#103$,03:9192939495969798999a9b9c9d9e9fa0a1a3a4a5a6a7a8a9#6$b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c3c4c5c6c7c8c9#5$,fe:3536393a3f403d3e41424344##3b3c373831#3334#104$,04:10111213141501161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f#13$30313233343551363738393a3b3c3d3e3f404142434445464748494a4b4c4d4e4f#11$,02:cacbd9,20:13152535,21:050996979899,22:151f23526667bf,25:505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f7071727381828384858687#88898a8b8c8d8e8f939495bcbde2e3e4e5,2609229530:121d1e#9$,010100e101ce00e0011300e9011b00e8012b00ed01d000ec014d00f301d200f2016b00fa01d400f901:d6d8dadc,00:fcea,0251e7c701:4448,e7c802:61#2$,31:05060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f20212223242526272829#19$,30:212223242526272829,32a333:8e8f9c9d9ea1c4ced1d2d5,fe30ff:e2e4#,212132:31#,20:10#1$,30:fc9b9cfdfe069d9e,fe:494a4b4c4d4e4f50515254555657595a5b5c5d5e5f6061#626364656668696a6b,e7:e7e8e9eaebecedeeeff0f1f2f3,30:07#11$,25:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445464748494a4b#13$,72:dcdddfe2e3e4e5e6e7eaebf5f6f9fdfeff,73:00020405060708090b0c0d0f1011121418191a1f2023242627282d2f30323335363a3b3c3d404142434445464748#494a4b4c4e4f515354555658595a5b5c5d5e5f6162636465666768696a6b6e7071#92$72737475767778797a7b7c7d7f808182838586888a8c8d8f90929394959798999a9c9d9ea0a1a3a4a5a6a7a8aaacadb1b4b5b6b8b9bcbdbebfc1c3c4c5c6c7#cbccced2d3d4d5d6d7d8dadbdcdddfe1e2e3e4e6e8eaebeceeeff0f1f3f4f5f6f7#92$f8f9fafbfcfdfeff,74:0001020407080b0c0d0e1112131415161718191c1d1e1f2021232427292b2d2f31323738393a3b3d3e3f4042434445464748494a4b4c4d#4e4f505152535456585d606162636465666768696a6b6c6e6f717273747578797a#92$7b7c7d7f8284858688898a8c8d8f9192939495969798999a9b9d9fa0a1a2a3a4a5a6aaabacadaeafb0b1b2b3b4b5b6b7b8b9bbbcbdbebfc0c1c2c3c4c5c6c7#c8c9cacbcccdcecfd0d1d3d4d5d6d7d8d9dadbdddfe1e5e7e8e9eaebecedf0f1f2#92$f3f5f8f9fafbfcfdfe,75:0001020305060708090a0b0c0e1012141516171b1d1e202122232426272a2e3436393c3d3f414243444647494a4d5051525355565758#5d5e5f60616263646768696b6c6d6e6f7071737576777a7b7c7d7e808182848587#92$88898a8c8d8e909395989b9c9ea2a6a7a8a9aaadb6b7babbbfc0c1c6cbcccecfd0d1d3d7d9dadcdddfe0e1e5e9ecedeeeff2f3f5f6f7f8fafbfdfe,76:02040607#08090b0d0e0f11121314161a1c1d1e212327282c2e2f31323637393a3b3d414244#92$45464748494a4b4e4f50515253555758595a5b5d5f6061626465666768696a6c6d6e7071727374757677797a7c7f80818385898a8c8d8f9092949597989a9b#9c9d9e9fa0a1a2a3a5a6a7a8a9aaabacadafb0b3b5b6b7b8b9babbbcbdbec0c1c3,554a963f57c3632854ce550954c076:914c,853c77ee827e788d72319698978d6c285b894ffa630966975cb880fa684880ae660276ce51f9655671ac7ff1888450b2596561ca6fb382ad634c625253ed54277b06516b75a45df462d48dcb9776628a8019575d97387f627238767d67cf767e64464f708d2562dc7a17659173ed642c6273822c9881677f724862:6ecc,4f3474e3534a529e7eca90a65e2e6886699c81807ed168d278c5868c9551508d8c2482de80de53058912526576:c4c7c9cbccd3d5d9dadcdddee0e1e2e3e4e6e7e8e9eaebecedf0f3f5f6f7fafbfdff,77:00020305060a0c0e0f1011121314151617181b1c1d1e21232425272a2b#2c2e3031323334393b3d3e3f4244454648494a4b4c4d4e4f52535455565758595c,858496f94fdd582199715b9d62:b1a5,66b48c799c8d7206676f789160b253:5117,8f8880cc8d1d94a1500d72c8590760eb711988ab595482ef672c7b285d297ef7752d6cf58e668ff8903c9f3b6bd491197b145f7c78a784d6853d6b:d5d9d6,5e:0187,75f995ed655d5f:0ac5,8f9f58c181c2907f965b97ad8fb97f168d2c62414fbf53:d85e,8f:a8a9ab,904d68075f6a819888689cd6618b522b762a5f6c658c6fd26ee85bbe644851:75b0,67c44e1979c9997c70b377:5d5e5f606467696a6d6e6f7071727374757677787a7b7c818283868788898a8b8f90939495969798999a9b9c9d9ea1a3a4a6a8abadaeafb1b2b4b6b7b8b9ba#bcbec0c1c2c3c4c5c6c7c8c9cacbcccecfd0d1d2d3d4d5d6d8d9dadddedfe0e1e4,75c55e7673bb83e064ad62e894b56ce2535a52c3640f94c27b944f2f5e1b823681:168a,6e246cca9a736355535c54fa886557e04e0d5e036b657c3f90e8601664e6731c88c16750624d8d22776c8e2991c75f6983dc8521991053c286956b8b60:ede8,707f82:cd31,4ed36ca785cf64cd7cd969fd66f9834953957b564fa7518c6d4b5c428e6d63d253c983:2c36,67e578b4643d5bdf5c945dee8be762c667f48c7a640063ba8749998b8c177f2094f24ea7961098a4660c731677:e6e8eaeff0f1f2f4f5f7f9fafbfc,78:0304050607080a0b0e0f101315191b1e20212224282a2b2e2f31323335363d3f414243444648494a4b4d4f51535458595a#5b5c5e5f606162636465666768696f7071727374757678797a7b7d7e7f80818283,573a5c1d5e38957f507f80a05382655e7545553150218d856284949e671d56326f6e5de2543570928f66626f64a463a35f7b6f8890f481e38fb05c1866685ff16c8996488d81886c649179f057ce6a59621054484e587a0b60e96f848bda627f901e9a8b79e4540375f4630153196c608fdf5f1b9a70803b9f7f4f885c3a8d647fc565a570bd51:45b2,866b5d075ba062bd916c75748e0c7a2061017b794ec77ef877854e1181ed521d51fa6a7153a88e87950496cf6ec19664695a78:848586888a8b8f9092949596999d9ea0a2a4a6a8a9aaabacadaeafb5b6b7b8babbbcbdbfc0c2c3c4c6c7c8cccdcecfd1d2d3d6d7d8dadbdcdddedfe0e1e2e3#e4e5e6e7e9eaebedeeeff0f1f3f5f6f8f9fbfcfdfeff,79:00020304060708090a0b0c,784050a877d7641089e6590463e35ddd7a7f693d4f20823955984e3275ae7a975e:628a,95ef521b5439708a6376952457826625693f918755076df37eaf882262337ef075b5832878c196cc8f9e614874f78bcd6b64523a8d506b21806a847156f153064e:ce1b,51d17c97918b7c074fc38e7f7be17a9c64675d1450ac810676017cb96dec7fe067515b:58f8,78cb64:ae13,63:aa2b,9519642d8fbe7b5476296253592754466b7950a362345e266b864ee38d37888b5f85902e79:0d0e0f1011121415161718191a1b1c1d1f2021222325262728292a2b2c2d2e2f3031323335363738393d3f42434445474a4b4c4d4e4f505152545558596163#6466696a6b6c6e70717273747576797b7c7d7e7f8283868788898b8c8d8e909192,6020803d62c54e39535590f863b880c665e66c2e4f4660ee6de18bde5f3986cb5f536321515a83616863520063638e4850125c9b79775bfc52307a3b60bc905376d75f:b797,76848e6c706f767b7b4977aa51f3909358244f4e6ef48fea654c7b1b72c46da47fdf5ae162b55e95573084827b2c5e1d5f1f90127f1498a063826ec7789870b95178975b57ab75354f4375385e9760e659606dc06bbf788953fc96d551cb52016389540a94938c038dcc7239789f87768fed8c0d53e079:939495969798999b9c9d9e9fa0a1a2a3a4a5a6a8a9aaabacadaeafb0b1b2b4b5b6b7b8bcbfc2c4c5c7c8cacccecfd0d3d4d6d7d9dadbdcdddee0e1e2e5e8ea#eceef1f2f3f4f5f6f7f9fafcfeff,7a:0104050708090a0c0f10111213151618191b1c,4e0176ef53ee948998769f0e952d5b9a8ba24e:221c,51ac846361c252a8680b4f97606b51bb6d1e515c6296659796618c46901775d890fd77636bd272:8aec,8bfb583577798d4c675c9540809a5ea66e2159927aef77ed953b6bb565ad7f0e58065151961f5bf958a954288e726566987f56e4949d76fe9041638754c659:1a3a,579b8eb267358dfa8235524160f0581586fe5ce89e454fc4989d8bb95a2560765384627c904f9102997f6069800c513f80335c1499756d314e8c7a:1d1f21222425262728292a2b2c2d2e2f303132343536383a3e4041424344454748494a4b4c4d4e4f50525354555658595a5b5c5d5e5f606162636465666768#696a6b6c6d6e6f717273757b7c7d7e828587898a8b8c8e8f909394999a9b9ea1a2,8d3053d17f5a7b4f4f104e4f96006cd573d085e95e06756a7ffb6a0a77fe94927e4151e170e653cd8fd483038d2972af996d6cdb574a82b365b980aa623f963259a84eff8bbf7eba653e83f2975e556198de80a5532a8bfd542080ba5e9f6cb88d3982ac915a54296c1b52067eb7575f711a6c7e7c89594b4efd5fff61247caa4e305c0167ab87025cf0950b98ce75af70fd902251af7f1d8bbd594951e44f5b5426592b657780a45b7562:76c2,8f905e456c1f7b264f:0fd8,670d7a:a3a4a7a9aaabaeafb0b1b2b4b5b6b7b8b9babbbcbdbec0c1c2c3c4c5c6c7c8c9cacccdcecfd0d1d2d3d4d5d7d8dadbdcdde1e2e4e7e8e9eaebeceef0f1f2f3#f4f5f6f7f8fbfcfe,7b:0001020507090c0d0e1012131617181a1c1d1f21222327292d,6d:6eaa,798f88b15f17752b629a8f854fef91dc65a781:2f51,5e9c81508d74526f89868d4b590d50854ed8961c723681798d1f5bcc8ba3964459877f1a549056:760e,8be565396982949976d66e895e72751867:46d1,7aff809d8d76611f79c665628d635188521a94a27f38809b7eb25c976e2f67607bd9768b9ad8818f7f947cd5641e95507a3f54:4ae5,6b4c640162089e3d80f3759952729769845b683c86e496:0194,94ec4e2a54047ed968398ddf801566f45e9a7fb97b:2f303234353637393b3d3f404142434446484a4d4e535557595c5e5f61636465666768696a6b6c6d6f70737476787a7c7d7f81828384868788898a8b8c8e8f#9192939698999a9b9e9fa0a3a4a5aeafb0b2b3b5b6b7b9babbbcbdbebfc0c2c3c4,57c2803f68975de5653b529f606d9f9a4f9b8eac516c5bab5f135de96c5e62f18d21517194a952fe6c9f82df72d757a267848d2d591f8f9c83c754957b8d4f306cbd5b6459d19f1353e486ca9aa88c3780a16545987e56fa96c7522e74dc52505be1630289024e5662d0602a68fa51735b9851a089c27ba199867f5060ef704c8d2f51495e7f901b747089c4572d78455f529f9f95fa8f689b3c8be17678684267dc8d:ea35,523d8f8a6eda68cd950590ed56fd679c88f98fc754c87b:c5c8c9cacbcdcecfd0d2d4d5d6d7d8dbdcdedfe0e2e3e4e7e8e9ebecedeff0f2f3f4f5f6f8f9fafbfdff,7c:0001020304050608090a0d0e101112131415171819#1a1b1c1d1e20212223242528292b2c2d2e2f3031323334353637393a3b3c3d3e42,9ab85b696d776c264ea55bb39a87916361a890af97e9542b6db55bd251fd558a7f:55f0,64bc634d65f161be608d710a6c:5749,592f676d822a58d5568e8c6a6beb90dd597d801753f76d695475559d83:77cf,683879be548c4f55540876d28c8996026cb36db88d6b89109e648d3a563f9ed175d55f8872e0606854fc4ea86a2a886160528f7054c470d886799e3f6d2a5b8f5f187ea255894faf7334543c539a501954:0e7c,4e4e5ffd745a58f6846b80e1877472d07cca6e567c:434445464748494a4b4c4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f70717275767778797a7e7f8081828384858687#888a8b8c8d8e8f90939496999a9ba0a1a3a6a7a8a9abacadafb0b4b5b6b7b8babb,5f27864e552c62a44e926caa623782b154d7534e733e6ed1753b521253168bdd69d05f8a60006dee574f6b2273af68538fd87f13636260a3552475ea8c6271156da35ba65e7b8352614c9ec478fa87577c27768751f060f6714c66435e4c604d8c0e707063258f895fbd606286d456de6bc160946167534960e066668d3f79fd4f1a70e96c478b:b3f2,7ed88364660f5a5a9b426d:51f7,8c416d3b4f19706b83b7621660d1970d8d27797851fb57:3efa,673a75787a3d79ef7b957c:bfc0c2c3c4c6c9cbcecfd0d1d2d3d4d8dadbdddee1e2e3e4e5e6e7e9eaebecedeef0f1f2f3f4f5f6f7f9fafcfdfeff,7d:000102030405060708090b0c0d0e0f10#1112131415161718191a1b1c1d1e1f212324252628292a2c2d2e30313233343536,808c99658ff96fc08ba59e2159ec7ee97f095409678168d88f917c4d96c653ca602575be6c7253735ac97ea7632451e0810a5df184df628051805b634f0e796d524260b86d4e5b:c4c2,8b:a1b0,65e25fcc964559937e:e7aa,560967b759394f735bb652a0835a988a8d3e753294be50477a3c4ef767b69a7e5ac16b7c76d1575a5c167b3a95f4714e517c80a9827059787f04832768c067ec78:b177,62e363617b804fed526a51cf835069db92748d:f531,89c1952e7bad4ef67d:3738393a3b3c3d3e3f404142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6f70717273747576#78797a7b7c7d7e7f808182838485868788898a8b8c8d8e8f909192939495969798,506582305251996f6e:1085,6da75efa50f559dc5c066d466c5f7586848b686859568bb253209171964d854969127901712680f64ea490ca6d479a845a0756bc640594f077eb4fa5811a72e189d2997a7f347ede527f655991758f:7f83,53eb7a9663:eda5,768679f888579636622a52ab8282685467706377776b7aed6d017ed389e359d0621285c982a5754c501f4ecb75a58beb5c4a5dfe7b4b65a491d14eca6d25895f7d2795264ec58c288fdb9773664b79818fd170ec6d787d:999a9b9c9d9e9fa0a1a2a3a4a5a7a8a9aaabacadafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9#dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fa,5c3d52b283465162830e775b66769cb84eac60ca7c:beb3,7ecf4e958b66666f988897595883656c955c5f8475c997567a:dfde,51c070af7a9863ea7a767ea0739697ed4e4570784e5d915253a965:51e7,81fc8205548e5c31759a97a062d872d975bd5c459a7983ca5c40548077e94e3e6cae805a62d2636e5de851778ddd8e1e952f4ff153e560e770ac526763509e435a1f5026773753777ee26485652b628963985014723589c951b38bc07edd574783cc94a7519b541b5cfb7d:fbfcfdfeff,7e:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f30313233343536373839#3a3c3d3e3f40424344454648494a4b4c4d4e4f505152535455565758595a5b5c5d,4fca7ae36d5a90e19a8f55805496536154af5f0063e9697751ef6168520a582a52d8574e780d770b5eb761777ce062:5b97,4ea27095800362f770e49760577782db67ef68f578d5989779d158f354b353ef6e34514b523b5ba28bfe80af554357a660735751542d7a7a60505b5463a762a053e362635bc767af54ed7a9f82e691775e9388e4593857ae630e8de880ef57577b774fa95feb5bbd6b3e53217b5072c2684677:ff36,65f751b54e8f76d45cbf7aa58475594e9b4150807e:5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a7b7c7d7e7f8081838485868788898a8b8c8d8e8f909192939495969798999a9c9d9e#aeb4bbbcd6e4ecf9,7f:0a101e37393b3c3d3e3f404143464748494a4b4c4d4e4f5253,998861276e8357646606634656f062:ec69,5ed39614578362c955878721814a8fa3556683b167658d5684dd5a6a680f62e67bee961151706f9c8c3063fd89c861d27f0670c26ee57405699472fc5eca90ce67176d6a635e52b3726280014f6c59e5916a70d96d9d52d24e5096f7956d857e78ca7d2f5121579264c2808b7c7b6cea68f1695e51b7539868a872819ece7bf172f879bb6f137406674e91cc9ca4793c83:8954,540f68174e3d538952b1783e5386522950884f:8bd0,7f:56595b5c5d5e6063646566676b6c6d6f7073757677787a7b7c7d7f8082838485868788898b8d8f9091929395969798999b9ca0a2a3a5a6a8a9aaabacadaeb1#b3b4b5b6b7babbbec0c2c3c4c6c7c8c9cbcdcfd0d1d2d3d6d7d9dadbdcdddee2e3,75e27acb7c926ca596b6529b748354e94fe9805483b28fde95705ec9601c6d9f5e18655b813894fe604b70bc7ec37cae51c968817cb1826f4e248f8691cf667e4eae8c0564a9804a50da759771ce5be58fbd6f664e86648295635ed66599521788c270c852a3730e7433679778f797164e3490bb9cde6dcb51db8d41541d62ce73b283f196f69f8494c34f367f9a51cc707596755cad988653e64ee46e9c740969b4786b998f7559521876246d4167f3516d9f99804b54997b3c7abf7f:e4e7e8eaebecedeff2f4f5f6f7f8f9fafdfeff,80:020708090a0e0f11131a1b1d1e1f2123242b2c2d2e2f303234393a3c3e404144454748494e4f505153555657#595b5c5d5e5f6061626364656667686b6c6d6e6f7072737475767778797a7b7c7d,9686578462e29647697c5a0464027bd36f0f964b82a6536298855e90708963b35364864f9c819e93788c97328d:ef42,9e7f6f5e79845f559646622e9a74541594dd4fa365c55c:6561,7f1586516c2f5f8b73876ee47eff5ce6631b5b6a6ee653754e7163a0756562a18f6e4f264ed16ca67eb68bba841d87ba7f57903b95237ba99aa188f8843d6d1b9a867edc59889ebb739b780186829a:6c82,561b541757cb4e709ea653568fc881097792999286ee6ee1851366fc61626f2b80:7e818285888a8d8e8f909192949597999ea3a6a7a8acb0b3b5b6b8b9bbc5c7c8c9cacbcfd0d1d2d3d4d5d8dfe0e2e3e6eef5f7f9fbfeff,81:000103040507080b#0c1517191b1c1d1f202122232425262728292a2b2d2e3033343537393a3b3c3d3f,8c298292832b76f26c135fd983bd732b8305951a6bdb77db94c6536f830251925e3d8c8c8d384e4873ab679a68859176970971646ca177095a9295416bcf7f8e66275bd059b95a9a95:e8f7,4eec84:0c99,6aac76df9530731b68a65b5f772f919a97617cdc8ff78c1c5f257c7379d889c56ccc871c5bc65e4268c977207ef551:954d,52c95a297f05976282d763cf778485d079d26e3a5e9959998511706d6c1162bf76bf654f60af95fd660e879f9e2394ed54:0d7d,8c2c647881:40414243444547494d4e4f525657585b5c5d5e5f6162636466686a6b6c6f727375767778818384858687898b8c8d8e90929394959697999a9e9fa0a1a2a4a5#a7a9abacadaeafb0b1b2b4b5b6b7b8b9bcbdbebfc4c5c7c8c9cbcdcecfd0d1d2d3,647986116a21819c78e864699b5462b9672b83ab58a89ed86cab6f205bde964c8c0b725f67d062c772614ea959c66bcd589366ae5e5552df6155672876ee776672677a4662ff54:ea50,94a090a35a1c7eb36c164e435976801059485357753796be56ca63208111607c95f96dd65462998151855ae980fd59ae9713502a6ce55c3c62df4f60533f817b90066eba852b62c85e7478be64b5637b5ff55a18917f9e1f5c3f634f80425b7d556e95:4a4d,6d8560a867e072de51dd5b8181:d4d5d6d7d8d9dadbdcdddedfe0e1e2e4e5e6e8e9ebeeeff0f1f2f5f6f7f8f9fafdff,82:030708090a0b0e0f111315161718191a1d2024252627292e323a3c3d3f#404142434546484a4c4d4e5051525354555657595b5c5d5e606162636465666769,62e76cde725b626d94ae7ebd81136d53519c5f04597452aa6012597366968650759f632a61e67cef8bfa54e66b279e256bb485d5545550766ca4556a8db4722c5e156015743662cd6392724c5f986e436d3e65006f5876d878d076fc7554522453db4e535e9e65c180:2ad6,629b5486522870ae888d8dd16ce1547880da57f988f48d54966a914d4f696c9b55b776c6783062a870f96f8e5f6d84ec68da787c7bf781a8670b9e4f636778b0576f7812973962:79ab,528874356bd782:6a6b6c6d71757677787b7c808183858687898c90939495969a9b9ea0a2a3a7b2b5b6babbbcbfc0c2c3c5c6c9d0d6d9dadde2e7e8e9eaecedeef0f2f3f5f6f8#fafcfdfeff,83:000a0b0d1012131618191d1e1f20212223242526292a2e3032373b3d,5564813e75b276ae533975de50fb5c418b6c7bc7504f72479a9798d86f0274e27968648777a562fc98918d2b54c180584e52576a82f9840d5e7351ed74f68bc45c4f57616cfc98875a4678349b448feb7c955256625194fa4ec68386846183e984b257d467345703666e6d668c3166dd7011671f6b3a6816621a59bb4e0351c46f0667d26c8f517668cb59476b6775665d0e81109f5065d779:4841,9a918d775c824e5e4f01542f5951780c56686c148fc45f036c:7de3,8bab639083:3e3f41424445484a4b4c4d4e5355565758595d6270717273747576797a7e7f808182838487888a8b8c8d8f909194959697999a9d9fa1a2a3a4a5a6a7acadae#afb5bbbebfc2c3c4c6c8c9cbcdced0d1d2d3d5d7d9dadbdee2e3e4e6e7e8ebeced,60706d3d7275626694:8ec5,53438fc17b7e4edf8c264e7e9ed494:b1b3,524d6f5c90636d458c3458115d4c6b:2049,67aa545b81547f8c589985375f3a62a26a47953965726084686577a74e544fa85de7979864ac7fd85ced4fcf7a8d520783044e14602f7a8394a64fb54eb279e6743452e482b964d279bd5bdd6c8197528f7b6c22503e537f6e0564ce66746c3060c598778bf75e86743c7a7779cb4e1890b174036c4256da914b6cc58d8b533a86c666f28eaf5c489a716e2083:eeeff3f4f5f6f7fafbfcfeff,84:0002050708090a10121314151617191a1b1e1f20212223292a2b2c2d2e2f30323334353637393a3b3e3f404142434445474849#4a4b4c4d4e4f505253545556585d5e5f606264656667686a6e6f70727477797b7c,53d65a369f8b8da353bb570898a76743919b6cc9516875ca62f372ac52:389d,7f3a7094763853749e4a69b7786e96c088d97fa471:36c3,518967d374e458e4651856b78ba9997662707ed560f970ed58ec4e:c1ba,5fcd97e74efb8ba45203598a7eab62544ecd65e5620e833884c98363878d71946eb65bb97ed2519763c967d480898339881551125b7a59828fb14e736c5d516589258f6f962e854a745e95:10f0,6da682e55f3164926d128428816e9cc3585e8d5b4e0953c184:7d7e7f8081838485868a8d8f90919293949596989a9b9d9e9fa0a2a3a4a5a6a7a8a9aaabacadaeb0b1b3b5b6b7bbbcbec0c2c3c5c6c7c8cbcccecfd2d4d5d7#d8d9dadbdcdee1e2e4e7e8e9eaebedeeeff1f2f3f4f5f6f7f8f9fafbfdfe,85:000102,4f1e6563685155d34e2764149a9a626b5ac2745f82726da968ee50e7838e7802674052396c997eb150bb5565715e7b5b665273ca82eb67495c715220717d886b95ea965564c58d6181b355846c5562477f2e58924f2455468d4f664c4e0a5c1a88f368a2634e7a0d70e7828d52fa97f65c1154e890b57ecd59628d4a86c782:0c0d,8d6664445c0461516d89793e8bbe78377533547b4f388eab6df15a207ec5795e6c885ba15a76751a80be614e6e1758f075:1f25,727253477ef385:030405060708090a0b0d0e0f101214151618191b1c1d1e2022232425262728292a2d2e2f303132333435363e3f404142444546474b4c4d4e4f505152535455#57585a5b5c5d5f60616263656667696a6b6c6d6e6f707173757677787c7d7f8081,770176db526980dc57235e08593172ee65bd6e7f8bd75c388671534177f362fe65f64ec098df86805b9e8bc653f277e24f7f5c4e9a7659cb5f0f793a58eb4e1667ff4e8b62ed8a93901d52bf662f55dc566c90024ed54f8d91ca99706c0f5e0260435ba489c68bd56536624b99965b:88ff,6388552e53d77626517d852c67a268b36b8a62928f9353d482126dd1758f4e668d4e5b70719f85af66:91d9,7f7287009ecd9f205c5e672f8ff06811675f620d7ad658855eb665706f3185:82838688898a8b8c8d8e909192939495969798999a9d9e9fa0a1a2a3a5a6a7a9abacadb1b2b3b4b5b6b8babbbcbdbebfc0c2c3c4c5c6c7c8cacbcccdced1d2#d4d6d7d8d9dadbdddedfe0e1e2e3e5e6e7e8eaebecedeeeff0f1f2f3f4f5f6f7f8,60555237800d6454887075295e05681362f4971c53cc723d8c016c3477617a0e542e77ac987a821c8bf47855671470c165af64955636601d79c153f84e1d6b7b80865bfa55e356db4f:3a3c,99725df3677e80386002988290015b8b8b:bcf5,641c825864de55fd82cf91654fd77d20901f7c9f50f358516eaf5bbf8bc980839178849c7b97867d96:8b8f,7ee59ad3788e5c817a57904296a7795f5b59635f7b0b84d168ad55067f2974107d2295016240584c4ed65b835979585485:f9fafcfdfe,86:0001020304060708090a0b0c0d0e0f10121314151718191a1b1c1d1e1f20212223242526282a2b2c2d2e2f3031323334353637393a3b3d3e3f40#4142434445464748494a4b4c525355565758595b5c5d5f6061636465666768696a,736d631e8e:4b0f,80ce82d462ac53f06cf0915e592a60016c70574d644a8d2a762b6ee9575b6a8075f06f6d8c:2d08,57666bef889278b363a253f970ad6c645858642a580268e0819b55107cd650188eba6dcc8d9f70eb638f6d9b6ed47ee68404684390036dd896768ba85957727985e4817e75bc8a8a68af52548e22951163d098988e44557c4f5366ff568f60d56d9552435c4959296dfb586b75:301c,606c82148146631167618fe2773a8d:f334,94c15e165385542c70c386:6d6f7072737475767778838485868788898e8f90919294969798999a9b9e9fa0a1a2a5a6abadaeb2b3b7b8b9bbbcbdbebfc1c2c3c5c8cccdd2d3d5d6d7dadc#dde0e1e2e3e5e6e7e8eaebeceff5f6f7fafbfcfdff,87:010405060b0c0e0f10111416,6c405ef7505c4ead5ead633a8247901a6850916e77b3540c94dc5f647ae5687663457b527edf75db507762955934900f51f879c37a8156fe5f9290146d825c60571f541051546e4d56e263a89893817f8715892a9000541e5c6f81c062:d658,81319e3596409a:6e7c,692d59a562d3553e631654c786d96d3c5a0374e6889c6b6a59168c4c5f2f6e7e73a9987d4e3870f75b8c7897633d665a769660cb5b9b5a494e0781556c6a738b4ea167897f515f8065fa671b5fd859845a0187:191b1d1f20242627282a2b2c2d2f303233353638393a3c3d404142434445464a4b4d4f505152545556585a5b5c5d5e5f6162666768696a6b6c6d6f71727375#7778797a7f8081848687898a8c8e8f90919294959698999a9b9c9d9ea0a1a2a3a4,5dcd5fae537197e68fdd684556f4552f60df4e3a6f4d7ef482c7840e59d44f:1f2a,5c3e7eac672a851a5473754f80c355829b4f4f4d6e2d8c135c096170536b761f6e29868a658795fb7eb9543b7a337d0a95ee55e17fc174ee631d87176da17a9d621165a1536763e16c835deb545c94a84e4c6c618bec5c4b65e0829c68a754:3e34,6b:cb66,4e9463425348821e4f:0dae,575e620a96fe6664726952:ffa1,609f8bef661471996790897f785277fd6670563b54389521727a87:a5a6a7a9aaaeb0b1b2b4b6b7b8b9bbbcbebfc1c2c3c4c5c7c8c9cccdcecfd0d4d5d6d7d8d9dadcdddedfe1e2e3e4e6e7e8e9ebecedeff0f1f2f3f4f5f6f7f8#fafbfcfdff,88:0001020405060708090b0c0d0e0f101112141718191a1c1d1e1f2023,7a00606f5e0c6089819d591560dc718470ef6eaa6c5072806a8488ad5e2d4e605ab3559c94e36d177cfb9699620f7ec6778e867e5323971e8f9666875ce14fa072ed4e0b53a6590f54136380952851484ed99c9c7ea454b88d248854823795f26d8e5f265acc663e966973:b02e,53bf817a99857fa15baa96:7750,7ebf76f853a2957699997bb189446e584e617fd479658be660f354cd4eab98795df76a6150cf54118c618427785d9704524a54ee56a395006d885bb56dc6665388:2425262728292a2b2c2d2e2f30313334353637383a3b3d3e3f414243464748494a4b4e4f505152535556585a5b5c5d5e5f6066676a6d6f717374757678797a#7b7c80838687898a8c8e8f90919394959798999a9b9d9e9fa0a1a3a5a6a7a8a9aa,5c0f5b5d6821809655787b11654869544e9b6b47874e978b534f631f643a90aa659c80c18c10519968b0537887f961c86c:c4fb,8c225c5185aa82af950c6b238f9b65b05f:fbc3,4fe18845661f8165732960fa51745211578b5f6290a2884c91925e78674f602759d351:44f6,80f853086c7996c4718a4f:11ee,7f9e673d55c5950879c088967ee3589f620c9700865a5618987b5f908bb884c4915753d965ed5e8f755c60647d6e5a7f7e:eaed,8f6955a75ba360ac65cb738488:acaeafb0b2b3b4b5b6b8b9babbbdbebfc0c3c4c7c8cacbcccdcfd0d1d3d6d7dadbdcdddee0e1e6e7e9eaebecedeeeff2f5f6f7fafbfdff,89:0001030405060708#090b0c0d0e0f1114151617181c1d1e1f20222324262728292c2d2e2f3132333537,9009766377297eda9774859b5b667a7496ea884052cb718f5faa65ec8be25bfb9a6f5de16b896c5b8b:adaf,900a8fc5538b62bc9e:262d,54404e2b82bd7259869c5d1688596daf96c554d14e9a8bb6710954bd960970df6df976d04e25781487125ca95ef68a00989c960e708e6cbf594463a9773c884d6f148273583071d5538c781a96c155015f6671305bb48c1a9a8c6b83592e9e2f79e76768626c4f6f75a17f8a6d0b96336c274ef075d2517b68376f3e908081705996747689:38393a3b3c3d3e3f40424345464748494a4b4c4d4e4f505152535455565758595a5b5c5d6061626364656768696a6b6c6d6e6f707172737475767778797a7c#7d7e808284858788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9fa0a1,64475c2790657a918c2359da54ac8200836f898180006930564e8036723791ce51b64e5f987563964e1a53f666f3814b591c6db24e0058f9533b63d694f14f:9d0a,886398905937905779fb4eea80f075916c825b9c59e85f5d69058681501a5df24e5977e34ee5827a6291661390915c794ebf5f7981c69038808475ab4ea688d4610f6bc55fc64e4976ca6ea28b:e3ae,8c0a8bd15f027f:fccc,7ece83:356b,56e06bb797f3963459fb541f94f66deb5bc5996e5c395f15969089:a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c3cdd3d4d5d7d8d9dbdddfe0e1e2e4e7e8e9eaecedeef0f1f2f4f5f6f7f8f9fa#fbfcfdfeff,8a:01020304050608090a0b0c0d0e0f101112131415161718191a1b1c1d,537082f16a315a749e705e947f2883b984:2425,836787478fce8d6276c85f719896786c662054df62e54f6381c375c85eb896cd8e0a86f9548f6cf36d8c6c38607f52c775285e7d4f1860a05fe75c24753190ae94c072b96cb96e389149670953:cbf3,4f5191c98bf153c85e7c8fc26de44e8e76c26986865e611a82064f:59de,903e9c7c61096e:1d14,96854e885a3196e84e0e5c7f79b95b878bed7fbd738957df828b90c15401904755bb5cea5fa161086b3272f180b28a:891e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3f4041424344454647494a4b4c4d4e4f505152535455565758595a5b5c5d5e#5f606162636465666768696a6b6c6d6e6f7071727374757677787a7b7c7d7e7f80,6d745bd388d598848c6b9a6d9e336e0a51:a443,57a38881539f63f48f9556ed54585706733f6e907f188fdc82d1613f6028966266f07ea68d:8ac3,94a55cb37ca4670860a6960580184e9190e75300966851418fd08574915d665597f55b55531d78386742683d54c9707e5bb08f7d518d572854b1651266828d:5e43,810f846c906d7cdf51ff85fb67a365e96fa186a48e81566a90207682707671e58d2362e952196cfd8d3c600e589e618e66fe8d60624e55b36e23672d8f678a:81828384858687888b8c8d8e8f9091929495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2#c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3,94e195f87728680569a8548b4e4d70b88bc86458658b5b857a84503a5be877bb6be18a797c986cbe76cf65a98f975d2d5c5586386808536062187ad96e5b7efd6a1f7ae05f706f335f20638c6da867564e085e108d264ed780c07634969c62db662d627e6cbc8d7571677f695146808753ec906e629854f286f08f998005951785178fd96d5973cd659f771f7504782781fb8d1e94884fa6679575b98bca9707632f9547963584b8632377415f8172f04e896014657462ef6b63653f8a:e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,8b:0001020304050608090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f20212223#24252728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445,5e2775c790d18bc1829d679d652f5431871877e580a281026c414e4b7ec7804c76f4690d6b966267503c4f84574063076b628dbe53ea65e87eb85fd763:1ab7,81:f3f4,7f6e5e1c5cd95236667a79e97a1a8d28709975d46ede6cbb7a924e2d76c55fe0949f88777ec879cd80bf91cd4ef24f17821f54685dde6d328bcc7ca58f7480985e1a549276b15b99663c9aa473e0682a86db6731732a8b:f8db,90107af970db716e62c477a956314e3b845767f152a986c08d2e94f87b518b:464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f6061626364656768696a6b6d6e6f707172737475767778797a7b7c7d7e7f80818283848586#8788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9facb1bbc7d0ea,8c:091e,4f4f6ce8795d9a7b6293722a62fd4e1378168f6c64b08d5a7bc668695e8488c55986649e58ee72b6690e95258ffd8d5857607f008c0651c6634962d95353684c74228301914c55447740707c6d4a517954a88d4459ff6ecb6dc45b5c7d2b4ed47c7d6ed35b5081ea6e0d5b579b0368d58e2a5b977efc603b7eb590b98d70594f63cd79df8db3535265cf79568bc5963b7ec494bb7e825634918967007f6a5c0a907566285de64f5067de505a4f5c57505e:a7#3$,8c:38393a3b3c3d3e3f4042434445484a4b4d4e4f5051525354565758595b5c5d5e5f60636465666768696c6d6e6f707172747576777b7c7d7e7f808183848687#888b8d8e8f90919293959697999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aaabacad,4e:8d0c,51404e105eff53454e:15981e,9b325b6c56694e2879ba4e3f53154e47592d723b536e6c1056df80e499976bd3777e9f174e:369f,9f104e:5c6993,82885b5b556c560f4ec453:8d9da3a5ae,97658d5d53:1af5262e3e,8d5c53:6663,52:02080e2d333f404c5e615c,84af52:7d82819093,51827f544e:bbc3c9c2e8e1ebde,4f1b4ef34f:2264,4ef54f:2527092b5e67,65384f:5a5d,8c:aeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebec#edeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,8d:000102030405060708090a0b0c0d,4f:5f57323d76749189838f7e7baa7cac94e6e8eac5dae3dcd1dff8,50:294c,4ff350:2c0f2e2d,4ffe50:1c0c25287e4355484e6c7ba5a7a9bad6,510650:edece6ee,51:070b,4edd6c3d4f:5865ce,9fa06c467c74516e5dfd9ec999985181591452f9530d8a07531051eb591951554ea051564eb388:6ea4,4eb5811488d279805b3488037fb851:abb1bdbc,8d:0e0f101112131415161718191a1b1c205152575f6568696a6c6e6f717278797a7b7c7d7e7f808283868788898c8d8e8f90929395969798999a9b9c9d9ea0a1#a2a4a5a6a7a8a9aaabacadaeafb0b2b6b7b9bbbdc0c1c2c5c7c8c9cacdd0d2d3d4,51:c796a2a5,8b:a0a6a7aab4b5b7c2c3cbcfced2d3d4d6d8d9dcdfe0e4e8e9eef0f3f6f9fcff,8c:000204070c0f1112141516191b181d1f202125272a2b2e2f32333536,53:697a,96:1d2221312a3d3c4249545f676c7274888d97b0,90:979b9d99aca1b4b3b6ba,8d:d5d8d9dce0e1e2e5e6e7e9edeef0f1f2f4f6fcfeff,8e:00010203040607080b0d0e1011121315161718191a1b1c202124252627282b2d303233343637383b3c3e#3f4345464c4d4e4f505354555657585a5b5c5d5e5f60616263646567686a6b6e71,90:b8b0cfc5bed0c4c7d3e6e2dcd7dbebeffe,91:04221e23312f394346,520d594252:a2acadbe,54ff52:d0d6f0,53df71ee77cd5ef451:f5fc,9b2f53b65f01755a5def57:4ca9a1,58:7ebcc5d1,57:292c2a33392e2f5c3b4269856b867c7b686d7673ada48cb2cfa7b493a0d5d8dad9d2b8f4eff8e4dd,8e:73757778797a7b7d7e808283848688898a8b8c8d8e91929395969798999a9b9d9fa0a1a2a3a4a5a6a7a8a9aaadaeb0b1b3b4b5b6b7b8b9bbbcbdbebfc0c1c2#c3c4c5c6c7c8c9cacbcccdcfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4,58:0b0d,57:fded,58:001e194420656c81899a80,99a89f1961ff82:797d7f8f8aa8848e919799abb8beb0c8cae398b7aecbccc1a9b4a1aa9fc4cea4e1,830982:f7e4,83:0f07,82:dcf4d2d8,830c82:fbd3,83:111a061415,82:e0d5,83:1c515b5c08923c34319b5e2f4f47435f4017602d3a336665,8e:e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,8f:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f20212223#2425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f4041424344,83:681b696c6a6d6eb078b3b4a0aa939c857cb6a97db87b989ea8babcc1,840183:e5d8,580784:180b,83:ddfdd6,84:1c381106,83:d4df,84:0f03,83:f8f9eac5c0,842683:f0e1,84:5c515a597387887a89783c4669768c8e316dc1cdd0e6bdd3cabfbae0a1b9b497e5e3,850c750d853884f085:391f3a,8f:45464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f6061626364656a808c929da0a1a2a4a5a6a7aaacadaeafb2b3b4b5b7b8babbbcbfc0c3c6#c9cacbcccdcfd2d6d7dae0e1e3e7eceff1f2f4f5f6fafbfcfeff,90:07080c0e131518,85:563b,84:fffc,85:594868645e7a,77a285:43727ba4a8878f79ae9c85b9b7b0d3c1dcff,86:270529163c,5efe5f0859:3c41,803759:555a58,530f5c:22252c34,62:4c6a9fbbcadad7ee,632262f663:394b43adf6717a8eb46dac8a69aebcf2f8e0ffc4dece,645263:c6be,64:45410b1b200c26215e846d96,90:191c2324252728292a2b2c303132333437393a3d3f4043454648494a4b4c4e545556595a5c5d5e5f6061646667696a6b6c6f70717273767778797a7b7c7e81#84858687898a8c8d8e8f90929496989a9c9e9fa0a4a5a7a8a9abadb2b7bcbdbfc0,64:7ab7b899bac0d0d7e4e2,65:09252e,5f:0bd2,75195f1153:5ff1fde9e8fb,54:1216064b5253545643215759233282947771649a9b8476669dd0adc2b4d2a7a6d3d472a3d5bbbfccd9dadca9aaa4ddcfde,551b54e7552054fd551454f355:22230f11272a678fb5496d41553f503c,90:c2c3c6c8c9cbcccdd2d4d5d6d8d9dadedfe0e3e4e5e9eaeceef0f1f2f3f5f6f7f9fafbfcff,91:00010305060708090a0b0c0d0e0f1011121314151617181a1b1c#1d1f20212425262728292a2b2c2d2e30323334353637383a3b3c3d3e3f40414244,55:375675767733305c8bd283b1b988819f7ed6917bdfbdbe9499eaf7c9,561f55:d1ebecd4e6ddc4efe5f2f3cccde8f5e4,8f9456:1e080c012423,55fe56:00272d5839572c4d62595c4c548664716b7b7c8593afd4d7dde1f5ebf9ff,57:040a091c,5e:0f191411313b3c,91:454748515354555658595b5c5f606667686b6d737a7b7c808182838486888a8e8f939495969798999c9d9e9fa0a1a4a5a6a7a8a9abacb0b1b2b3b6b7b8b9bb#bcbdbebfc0c1c2c3c4c5c6c8cbd0d2d3d4d5d6d7d8d9dadbdddedfe0e1e2e3e4e5,5e:3744545b5e61,5c:8c7a8d9096889899919a9cb5a2bdacabb1a3c1b7c4d2e4cbe5,5d:020327262e241e061b583e343d6c5b6f5d6b4b4a697482999d,8c735d:b7c5,5f:73778287898c95999ca8adb5bc,88625f6172:adb0b4b7b8c3c1cecdd2e8efe9f2f4f7,730172f3730372fa91:e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,92:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f2021222324#25262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445,72fb73:1713210a1e1d152239252c3831504d57606c6f7e,821b592598e759:2402,99:636768696a6b6c74777d8084878a8d9091939495,5e:80918b96a5a0b9b5beb3,8d535e:d2d1dbe8ea,81ba5f:c4c9d6cf,60035fee60045f:e1e4fe,60:0506,5f:eaedf8,60:1935261b0f0d292b0a3f2178797b7a42,92:464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f7071727375767778797a7b7c7d7e7f808182838485#868788898a8b8c8d8f909192939495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7,60:6a7d969aad9d83928c9becbbb1ddd8c6dab4,61:20261523,60f461:000e2b4a75ac94a7b7d4f5,5fdd96b395:e9ebf1f3f5f6fcfe,96:030406080a0b0c0d0f12151617191a,4e2c723f62156c:35545c4aa38590948c6869747686a9d0d4adf7f8f1d7b2e0d6faebeeb1d3effe,92:a8a9aaabacadafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8#e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,93:00010203040506070809,6d:39270c43480704190e2b4d2e351a4f525433916f9ea05e93945c607c63,6e1a6d:c7c5de,6e0e6d:bfe0,6e116d:e6ddd9,6e166dab6e0c6dae6e:2b6e4e6bb25f865354322544dfb198e0,6f2d6e:e2a5a7bdbbb7d7b4cf8fc29f,6f:6246472415,6ef96f:2f364b742a0929898d8c78727c7ad1,93:0a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3f40414243444546474849#4a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696b,6f:c9a7b9b6c2e1eedee0ef,70:1a231b39354f5e,5b:80849593a5b8,752f9a9e64345b:e4ee,89305bf08e478b078f:b6d3d5e5eee4e9e6f3e8,90:05040b26110d162135362d2f445152506858625b,66b990:747d8288838b,5f:50575658,5c3b54ab5c:5059,5b715c:6366,7fbc5f:2a292d,82745f3c9b3b5c6e59:81838da9aaa3,93:6c6d6e6f707172737475767778797a7b7c7d7e7f808182838485868788898a8b8c8d8e909192939495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aaab#acadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cbcccd,59:97caab9ea4d2b2afd7be,5a:0506,59dd5a0859:e3d8f9,5a:0c09323411231340674a553c6275,80ec5a:aa9b777abeebb2d2d4b8e0e3f1d6e6d8dc,5b:091716323740,5c:151c,5b:5a6573515362,9a:7577787a7f7d808185888a90929396989b9c9d9fa0a2a3a5a7,7e:9fa1a3a5a8a9,93:cecfd0d1d2d3d4d5d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,94:000102030405060708090a0b0c0d#0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e,7e:adb0bec0c1c2c9cbccd0d4d7dbe0e1e8ebeeeff1f2,7f0d7e:f6fafbfe,7f:01020307080b0c0f111217191c1b1f212223242526272a2b2c2d2f3031323335,5e7a757f5ddb753e909573:8e91aea29fcfc2d1b7b3c0c9c8e5d9,987c740a73:e9e7debaf2,74:0f2a5b262528302e2c,94:2f303132333435363738393a3b3c3d3f404142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6c6d6e6f#707172737475767778797a7b7c7d7e7f8081828384919698c7cfd3d4dae6fb,95:1c20,74:1b1a415c575559776d7e9c8e8081878b9ea8a990a7d2ba,97:eaebec,67:4c535e4869a5876a7398a775a89ead8b777cf0,680967d8680a67:e9b0,680c67:d9b5dab3dd,680067:c3b8e2,680e67:c1fd,68:323360614e624464831d55664167403e4a4929b58f7477936bc2,696e68fc69:1f20,68f995:27333d43484b555a606e74757778797a7b7c7d7e808182838485868788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aa#abacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacb,692468f069:0b0157,68e369:10713960425d846b80987834cc8788ce896663799ba7bbabadd4b1c1cadf95e08dff,6a2f69ed6a:171865,69f26a:443ea0505b358e793d28587c9190a997ab,73:3752,6b:8182878492938d9a9ba1aa,8f:6b6d71727375767877797a7c7e818284878b,95:cccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3e4e5e6e7ecff,96:0713181b1e20232425262728292b2c2d2f303738393a3e41434a4e4f5152535657#58595a5c5d5e606365666b6d6e6f70717378797a7b7c7d7e7f808182838487898a,8f:8d8e8f989a,8ece62:0b171b1f222125242c,81e774:eff4ff,75:0f1113,65:34eeeff0,66:0a19,677266:031500,708566:f71d34313635,800666:5f54414f56615777848ca79dbedbdce6e9,8d:3233363b3d4045464849474d5559,89:c7cacbcccecfd0d1,72:6e9f5d666f7e7f848b8d8f92,63:0832b0,96:8c8e91929395969a9b9d9e9fa0a1a2a3a4a5a6a8a9aaabacadaeafb1b2b4b5b7b8babbbfc2c3c8cacbd0d1d3d4d6d7d8d9dadbdcdddedfe1e2e3e4e5e6e7eb#ecedeef0f1f2f4f5f8fafbfcfdff,97:0203050a0b0c10111214151718191a1b1d1f20,64:3fd8,80046b:eaf3fdf5f9,6c:0507060d1518191a2129242a32,65:35556b,72:4d525630,8662521680:9f9c93bc,670a80:bdb1abadb4b7e7e8e9eadbc2c4d9cdd7,671080:ddebf1f4ed,81:0d0e,80:f2fc,671581128c5a81:361e2c1832484c5374595a7160697c7d6d67,584d5ab581:888291,6ed581:a3aacc,672681:cabb,97:2122232425262728292b2c2e2f3133343536373a3b3c3d3f404142434445464748494a4b4c4d4e4f5051545557585a5c5d5f63646667686a6b6c6d6e6f7071#72757778797a7b7d7e7f8081828384868788898a8c8e8f9093959697999a9b9c9d,81:c1a6,6b:243739434659,98:d1d2d3d5d9da,6bb35f406bc289f365909f5165:93bcc6c4c3ccced2d6,70:809c969dbbc0b7abb1e8ca,71:1013162f31735c6845724a787a98b3b5a8a0e0d4e7f9,72:1d28,706c71:1866b9,62:3e3d434849,79:3b4046495b5c535a6257606f677a858a9aa7b3,5f:d1d0,97:9e9fa1a2a4a5a6a7a8a9aaacaeb0b1b3b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1e2e3#e4e5e8eeeff0f1f2f4f7f8f9fafbfcfdfeff,98:000102030405060708090a0b0c0d0e,60:3c5d5a67415963ab,61:060d5da99dcbd1,620680:807f,6c:93f6,6dfc77:f6f8,78:0009171811,65ab78:2d1c1d393a3b1f3c252c23294e6d56572650474c6a9b939a879ca1a3b2b9a5d4d9c9ecf2,790578f479:13241e34,9f9b9e:f9fbfc,76f177:040d,76f977:07081a22192d263538505147435a68,98:0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142434445464748494a4b4c4d#4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e,77:62657f8d7d808c919fa0b0b5bd,75:3a404e4b485b727983,7f:58615f,8a487f:68747179817e,76:cde5,883294:8586878b8a8c8d8f909497959a9b9ca3a4abaaadacafb0b2b4b6b7b8b9babcbdbfc4c8c9cacbcccdced0d1d2d5d6d7d9d8dbdedfe0e2e4e5e7e8ea,98:6f70717273748b8e929599a3a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcfd0d4d6d7dbdcdde0e1e2e3e4#e5e6e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,99:0001020304050607,94:e9ebeeeff3f4f5f7f9fcfdff,95:03020607090a0d0e0f1213141516181b1d1e1f222a2b292c3132343637383c3e3f4235444546494c4e4f525354565758595b5e5f5d61626465666768696a6b6c6f7172733a,77:e7ec,96c979:d5ede3eb,7a065d477a:03021e14,99:08090a0b0c0e0f1112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2f303132333435363738393a3b3c3d3e3f40414243444546474849#4a4b4c4d4e4f50515253565758595a5b5c5d5e5f60616264667378797b7e828389,7a:393751,9ecf99a57a7076:888e9399a4,74:dee0,752c9e:202228292a2b2c3231363837393a3e414244464748494b4c4e5155575a5b5c5e63666768696a6b6c716d73,75:929496a09daca3b3b4b8c4b1b0c3c2d6cde3e8e6e4ebe7,760375:f1fcff,76:1000050c170a25181519,99:8c8e9a9b9c9d9e9fa0a1a2a3a4a6a7a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8#d9dadbdcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9,76:1b3c2220402d303f35433e334d5e545c566b6f,7fca7a:e6787980868895a6a0aca8adb3,88:6469727d7f82a2c6b7bcc9e2cee3e5f1,891a88:fce8fef0,89:2119131b0a342b3641667b,758b80e576:b2b4,77dc80:1214161c20222526272928310b3543464d526971,898398:788083,99:fafbfcfdfeff,9a:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738#393a3b3c3d3e3f404142434445464748494a4b4c4d4e4f50515253545556575859,98:898c8d8f949a9b9e9fa1a2a5a6,86:4d546c6e7f7a7c7ba88d8bac9da7a3aa93a9b6c4b5ceb0bab1afc9cfb4e9f1f2edf3d0,871386:def4dfd8d1,87:0307,86f887:080a0d09233b1e252e1a3e48343129373f82227d7e7b60704c6e8b53637c64596593afa8d2,9a:5a5b5c5d5e5f606162636465666768696a6b7283898d8e949599a6a9aaabacadaeafb2b3b4b5b9bbbdbebfc3c4c6c7c8c9cacdcecfd0d2d4d5d6d7d9dadbdc#dddee0e2e3e4e5e7e8e9eaeceef0f1f2f3f4f5f6f7f8fafcfdfeff,9b:000102040506,87:c68885ad9783abe5acb5b3cbd3bdd1c0cadbeae0ee,88:1613,87fe88:0a1b21393c,7f:36424445,82107a:fafd,7b:080304150a2b0f47382a192e31202524333e1e585a45754c5d606e7b62727190a6a7b8ac9da885aa9ca2abb4d1c1ccdddae5e6ea,7c0c7b:fefc,7c:0f160b,9b:07090a0b0c0d0e1011121415161718191a1b1c1d1e2021222425262728292a2b2c2d2e3031333435363738393a3d3e3f40464a4b4c4e50525355565758595a#5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a7b,7c:1f2a26384140,81fe82:010204,81ec884482:2122232d2f282b383b33343e44494b4f5a5f68,88:7e8588d8df,895e7f:9d9fa7afb0b2,7c7c65497c:919d9c9ea2b2bcbdc1c7cccdc8c5d7e8,826e66a87f:bfced5e5e1e6e9eef3,7cf87d:77a6ae,7e:479b,9e:b8b4,8d:73849491b1676d,8c:4749,91:4a504e4f64,9b:7c7d7e7f808182838485868788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9fa0a1a2a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9ba#bbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadb,91:626170696f7d7e7274798c85908d91a2a3aaadaeafb5b4ba,8c559e7e8d:b8eb,8e:055969,8d:b5bfbcbac4d6d7dadececfdbc6ecf7f8e3f9fbe4,8e098dfd8e:141d1f2c2e232f3a4039353d3149414251524a70767c6f74858f94909c9e,8c:78828a859894,659b89:d6dedadc,9b:dcdddedfe0e1e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,9c:000102030405060708090a0b0c0d0e0f101112131415161718191a#1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b,89:e5ebef,8a3e8b26975396:e9f3ef,97:0601080f0e2a2d303e,9f:808385868788898a8c,9efe9f:0b0d,96:b9bcbdced2,77bf96e092:8eaec8,93:3e6aca8f,94:3e6b,9c:7f8285868788,7a239c:8b8e90919294959a9b9e9fa0a1a2a3a5a6a7a8a9abadaeb0b1b2b3b4b5b6b7babbbcbdc4c5c6c7cacb3c3d3e3f404142434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a#7b7d7e808384898a8c8f93969798999daaacafb9bebfc0c1c2c8c9d1d2dadbe0e1cccdcecfd0d3d4d5d7d8d9dcdddfe2,97:7c85919294afaba3b2b4,9a:b1b0b7,9e589a:b6babcc1c0c5c2cbccd1,9b:45434749484d51,98e899:0d2e5554,9a:dfe1e6efebfbedf9,9b:080f131f23,9e:bdbe,7e3b9e:8287888b92,93d69e:9d9fdbdcdde0dfe2e9e7e5eaef,9f:222c2f39373d3e44,9c:e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,9d:000102030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e1f2021#22232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f404142#92$434445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778797a7b7c7d7e7f8081#82838485868788898a8b8c8d8e8f909192939495969798999a9b9c9d9e9fa0a1a2#92$a3a4a5a6a7a8a9aaabacadaeafb0b1b2b3b4b5b6b7b8b9babbbcbdbebfc0c1c2c3c4c5c6c7c8c9cacbcccdcecfd0d1d2d3d4d5d6d7d8d9dadbdcdddedfe0e1#e2e3e4e5e6e7e8e9eaebecedeeeff0f1f2f3f4f5f6f7f8f9fafbfcfdfeff,9e:000102#92$030405060708090a0b0c0d0e0f101112131415161718191a1b1c1d1e24272e30343b3c404d5052535456595d5f606162656e6f727475767778797a7b7c7d80#8183848586898a8c8d8e8f90919495969798999a9b9c9ea0a1a2a3a4a5a7a8a9aa#92$abacadaeafb0b1b2b3b5b6b7b9babcbfc0c1c2c3c5c6c7c8cacbccd0d2d3d5d6d7d9dadee1e3e4e6e8ebecedeef0f1f2f3f4f5f6f7f8fafdff,9f:000102030405#060708090a0c0f1112141516181a1b1c1d1e1f21232425262728292a2b2d2e3031#92$3233343536383a3c3f4041424345464748494a4b4c4d4e4f52535455565758595a5b5c5d5e5f606162636465666768696a6b6c6d6e6f707172737475767778#797a7b7c7d7e81828d8e8f9091929394959697989c9d9ea1a2a3a4a5,f9:2c7995e7f1#92$,fa:0c0d0e0f111314181f20212324272829,e8:15161718191a1b1c1d1e1f202122232425262728292a2b2c2d2e2f303132333435363738393a3b3c3d3e3f40414243#4445464748494a4b4c4d4e4f505152535455565758595a5b5c5d5e5f6061626364");
let index = 0;
__privateSet(this, _data, dataText.match(/..../g));
for (let i2 = 129; i2 <= 254; i2++) {
for (let j2 = 64; j2 <= 254; j2++) {
__privateGet(this, _U2Ghash)[__privateGet(this, _data)[index++]] = ("%" + i2.toString(16) + "%" + j2.toString(16)).toUpperCase();
}
}
for (let key in __privateGet(this, _U2Ghash)) {
__privateGet(this, _G2Uhash)[__privateGet(this, _U2Ghash)[key]] = key;
}
}
handleText(text) {
text = text.replace(/#(\d+)\$/g, function(a2, b2) {
return Array(+b2 + 3).join("#");
}).replace(/#/g, "####").replace(/(\w\w):([\w#]+)(?:,|$)/g, function(a2, hd, dt) {
return dt.replace(/../g, function(a3) {
if (a3 != "##") {
return hd + a3;
} else {
return a3;
}
});
});
return text;
}
isAscii(unicode) {
return unicode <= 127 && unicode >= 0;
}
/**
* 编码
* @param str
*/
encode(str) {
let that = this;
return [...str].reduce((result2, val, i2) => {
return result2 + toGBK(val);
}, "");
function toGBK(val) {
var _a2;
let result2 = "";
for (let i2 = 0; i2 < val.length; i2++) {
const codePoint = val.codePointAt(i2);
const code = String.fromCodePoint(codePoint);
let key = codePoint.toString(16);
key.length != 4 && (key = (_a2 = ("000" + key).match(/....$/)) == null ? void 0 : _a2[0]);
i2 += code.length - 1;
if (that.isAscii(codePoint)) {
result2 += encodeURIComponent(code);
continue;
}
if (__privateGet(that, _U2Ghash)[key]) {
result2 += __privateGet(that, _U2Ghash)[key];
continue;
}
result2 += toGBK(`&#${codePoint};`);
}
return result2;
}
}
/**
* 解码
* @param str
*/
decode(str) {
var GBKMatcher = /%[0-9A-F]{2}%[0-9A-F]{2}/;
var UTFMatcher = /%[0-9A-F]{2}/;
var utf = true;
let that = this;
while (utf) {
let gbkMatch = str.match(GBKMatcher);
let utfMatch = str.match(UTFMatcher);
utf = Boolean(utfMatch);
if (gbkMatch && gbkMatch in __privateGet(that, _G2Uhash)) {
str = str.replace(gbkMatch, String.fromCharCode("0x" + __privateGet(that, _G2Uhash)[gbkMatch]));
} else {
str = str.replace(utfMatch, decodeURIComponent(utfMatch));
}
}
return str;
}
}
_data = new WeakMap();
_U2Ghash = new WeakMap();
_G2Uhash = new WeakMap();
class UtilsGMCookie {
constructor(windowApiOption) {
__publicField(this, "windowApi", {
window,
document
});
if (windowApiOption) {
this.windowApi = Object.assign({}, windowApiOption);
}
}
/**
* 获取单个cookie
* @param cookieName cookie名
*/
get(cookieName) {
if (typeof cookieName !== "string") {
throw new TypeError("Utils.GMCookie.get 参数cookieName 必须为字符串");
}
let cookies = this.windowApi.document.cookie.split(";");
let findValue = void 0;
for (const cookieItem of cookies) {
let item = cookieItem.trim();
let itemSplit = item.split("=");
let itemName = itemSplit[0];
itemSplit.splice(0, 1);
let itemValue = decodeURIComponent(itemSplit.join(""));
if (itemName === cookieName) {
findValue = {
domain: this.windowApi.window.location.hostname,
expirationDate: null,
hostOnly: true,
httpOnly: false,
name: cookieName,
path: "/",
sameSite: "unspecified",
secure: true,
session: false,
value: itemValue
};
break;
}
}
return findValue;
}
/**
* 获取多组Cookie
* @param option 配置
* @param callback 获取操作后的回调
* + cookies object[]
* + error string|undefined
**/
list(option, callback2) {
if (option == null) {
throw new Error("Utils.GMCookie.list 参数不能为空");
}
let resultData = [];
try {
let defaultOption = {
url: this.windowApi.window.location.href,
domain: this.windowApi.window.location.hostname,
name: "",
path: "/"
};
defaultOption = utils$1.assign(defaultOption, option);
let cookies = this.windowApi.document.cookie.split(";");
cookies.forEach((item) => {
item = item.trim();
let itemSplit = item.split("=");
let itemName = itemSplit[0];
itemSplit.splice(0, 1);
let itemValue = decodeURIComponent(itemSplit.join(""));
let nameRegexp = defaultOption.name instanceof RegExp ? defaultOption.name : new RegExp("^" + defaultOption.name, "g");
if (itemName.match(nameRegexp)) {
resultData.push({
domain: this.windowApi.window.location.hostname,
expirationDate: null,
hostOnly: true,
httpOnly: false,
name: itemName,
path: "/",
sameSite: "unspecified",
secure: true,
session: false,
value: itemValue
});
}
});
if (typeof callback2 === "function") {
callback2(resultData);
}
} catch (error2) {
if (typeof callback2 === "function") {
callback2(resultData, error2);
}
}
}
/**
* 获取多组Cookie
* @param option 配置
**/
getList(option) {
if (option == null) {
throw new Error("Utils.GMCookie.list 参数不能为空");
}
let resultData = [];
let defaultOption = {
url: this.windowApi.window.location.href,
domain: this.windowApi.window.location.hostname,
name: "",
path: "/"
};
defaultOption = utils$1.assign(defaultOption, option);
let cookies = this.windowApi.document.cookie.split(";");
cookies.forEach((item) => {
item = item.trim();
let itemSplit = item.split("=");
let itemName = itemSplit[0];
itemSplit.splice(0, 1);
let itemValue = decodeURIComponent(itemSplit.join(""));
let nameRegexp = defaultOption.name instanceof RegExp ? defaultOption.name : new RegExp("^" + defaultOption.name, "g");
if (itemName.match(nameRegexp)) {
resultData.push({
domain: this.windowApi.window.location.hostname,
expirationDate: null,
hostOnly: true,
httpOnly: false,
name: itemName,
path: "/",
sameSite: "unspecified",
secure: true,
session: false,
value: itemValue
});
}
});
return resultData;
}
/**
* 设置Cookie
* @param option 配置
* @param callback 设置操作后的回调(成功/失败)
*/
set(option, callback2) {
let errorInfo;
try {
let defaultOption = {
url: this.windowApi.window.location.href,
name: "",
value: "",
domain: this.windowApi.window.location.hostname,
path: "/",
secure: true,
httpOnly: false,
/**
* Expires in 30 days
*/
expirationDate: Math.floor(Date.now()) + 60 * 60 * 24 * 30
};
defaultOption = utils$1.assign(defaultOption, option);
let life = defaultOption.expirationDate ? defaultOption.expirationDate : Math.floor(Date.now()) + 60 * 60 * 24 * 30;
let cookieStr = defaultOption.name + "=" + decodeURIComponent(defaultOption.value) + ";expires=" + new Date(life).toGMTString() + "; path=/";
this.windowApi.document.cookie = cookieStr;
} catch (error2) {
errorInfo = error2;
} finally {
if (typeof callback2 === "function") {
callback2(errorInfo);
}
}
}
/**
* 删除Cookie
* @param option 配置
* @param callback 删除操作后的回调(成功/失败)
*/
delete(option, callback2) {
let errorInfo;
try {
let defaultOption = {
url: this.windowApi.window.location.href,
name: "",
path: "/",
firstPartyDomain: this.windowApi.window.location.hostname
};
defaultOption = utils$1.assign(defaultOption, option);
let cookieStr = `${defaultOption.name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=${defaultOption.path}; domain=${defaultOption.firstPartyDomain};`;
this.windowApi.document.cookie = cookieStr;
} catch (error2) {
errorInfo = error2;
} finally {
if (typeof callback2 === "function") {
callback2(errorInfo);
}
}
}
/**
* 解析cookie字符串
* 例如：document.cookie
* @param cookieStr
*/
parseCookie(cookieStr) {
let cookies = cookieStr.split(";");
let result2 = [];
for (const cookieItem of cookies) {
let item = cookieItem.trim();
let itemSplit = item.split("=");
let itemName = itemSplit[0];
itemSplit.splice(0, 1);
let itemValue = decodeURIComponent(itemSplit.join(""));
result2.push({
key: itemName,
value: itemValue
});
}
return result2;
}
}
const AjaxHooker = function() {
return function() {
const version = "1.4.3";
const hookInst = {
hookFns: [],
filters: []
};
const win = window.unsafeWindow || document.defaultView || window;
let winAh = win.__ajaxHooker;
const resProto = win.Response.prototype;
const xhrResponses = ["response", "responseText", "responseXML"];
const fetchResponses = ["arrayBuffer", "blob", "formData", "json", "text"];
const fetchInitProps = [
"method",
"headers",
"body",
"mode",
"credentials",
"cache",
"redirect",
"referrer",
"referrerPolicy",
"integrity",
"keepalive",
"signal",
"priority"
];
const xhrAsyncEvents = ["readystatechange", "load", "loadend"];
const getType = {}.toString.call.bind({}.toString);
const getDescriptor = Object.getOwnPropertyDescriptor.bind(Object);
const emptyFn = () => {
};
const errorFn = (e2) => console.error(e2);
function isThenable(obj) {
return obj && ["object", "function"].includes(typeof obj) && typeof obj.then === "function";
}
function catchError(fn, ...args2) {
try {
const result2 = fn(...args2);
if (isThenable(result2)) return result2.then(null, errorFn);
return result2;
} catch (err) {
console.error(err);
}
}
function defineProp(obj, prop, getter, setter) {
Object.defineProperty(obj, prop, {
configurable: true,
enumerable: true,
get: getter,
set: setter
});
}
function readonly(obj, prop, value = obj[prop]) {
defineProp(obj, prop, () => value, emptyFn);
}
function writable(obj, prop, value = obj[prop]) {
Object.defineProperty(obj, prop, {
configurable: true,
enumerable: true,
writable: true,
value
});
}
function parseHeaders(obj) {
const headers = {};
switch (getType(obj)) {
case "[object String]":
for (const line of obj.trim().split(/[\r\n]+/)) {
const [header, value] = line.split(/\s*:\s*/);
if (!header) break;
const lheader = header.toLowerCase();
headers[lheader] = lheader in headers ? `${headers[lheader]}, ${value}` : value;
}
break;
case "[object Headers]":
for (const [key, val] of obj) {
headers[key] = val;
}
break;
case "[object Object]":
return { ...obj };
}
return headers;
}
function stopImmediatePropagation() {
this.ajaxHooker_isStopped = true;
}
class SyncThenable {
then(fn) {
fn && fn();
return new SyncThenable();
}
}
class AHRequest {
constructor(request) {
this.request = request;
this.requestClone = { ...this.request };
}
shouldFilter(filters) {
const { type, url, method, async } = this.request;
return filters.length && !filters.find((obj) => {
switch (true) {
case (obj.type && obj.type !== type):
case (getType(obj.url) === "[object String]" && !url.includes(obj.url)):
case (getType(obj.url) === "[object RegExp]" && !obj.url.test(url)):
case (obj.method && obj.method.toUpperCase() !== method.toUpperCase()):
case ("async" in obj && obj.async !== async):
return false;
}
return true;
});
}
waitForRequestKeys() {
const requestKeys = ["url", "method", "abort", "headers", "data"];
if (!this.request.async) {
win.__ajaxHooker.hookInsts.forEach(({ hookFns, filters }) => {
if (this.shouldFilter(filters)) return;
hookFns.forEach((fn) => {
if (getType(fn) === "[object Function]")
catchError(fn, this.request);
});
requestKeys.forEach((key) => {
if (isThenable(this.request[key]))
this.request[key] = this.requestClone[key];
});
});
return new SyncThenable();
}
const promises = [];
win.__ajaxHooker.hookInsts.forEach(({ hookFns, filters }) => {
if (this.shouldFilter(filters)) return;
promises.push(
Promise.all(hookFns.map((fn) => catchError(fn, this.request))).then(
() => Promise.all(
requestKeys.map(
(key) => Promise.resolve(this.request[key]).then(
(val) => this.request[key] = val,
() => this.request[key] = this.requestClone[key]
)
)
)
)
);
});
return Promise.all(promises);
}
waitForResponseKeys(response) {
const responseKeys = this.request.type === "xhr" ? xhrResponses : fetchResponses;
if (!this.request.async) {
if (getType(this.request.response) === "[object Function]") {
catchError(this.request.response, response);
responseKeys.forEach((key) => {
if ("get" in getDescriptor(response, key) || isThenable(response[key])) {
delete response[key];
}
});
}
return new SyncThenable();
}
return Promise.resolve(
catchError(this.request.response, response)
).then(
() => Promise.all(
responseKeys.map((key) => {
const descriptor = getDescriptor(response, key);
if (descriptor && "value" in descriptor) {
return Promise.resolve(descriptor.value).then(
(val) => response[key] = val,
() => delete response[key]
);
} else {
delete response[key];
}
})
)
);
}
}
const proxyHandler = {
get(target, prop) {
const descriptor = getDescriptor(target, prop);
if (descriptor && !descriptor.configurable && !descriptor.writable && !descriptor.get)
return target[prop];
const ah = target.__ajaxHooker;
if (ah && ah.proxyProps) {
if (prop in ah.proxyProps) {
const pDescriptor = ah.proxyProps[prop];
if ("get" in pDescriptor) return pDescriptor.get();
if (typeof pDescriptor.value === "function")
return pDescriptor.value.bind(ah);
return pDescriptor.value;
}
if (typeof target[prop] === "function")
return target[prop].bind(target);
}
return target[prop];
},
set(target, prop, value) {
const descriptor = getDescriptor(target, prop);
if (descriptor && !descriptor.configurable && !descriptor.writable && !descriptor.set)
return true;
const ah = target.__ajaxHooker;
if (ah && ah.proxyProps && prop in ah.proxyProps) {
const pDescriptor = ah.proxyProps[prop];
pDescriptor.set ? pDescriptor.set(value) : pDescriptor.value = value;
} else {
target[prop] = value;
}
return true;
}
};
class XhrHooker {
constructor(xhr) {
const ah = this;
Object.assign(ah, {
originalXhr: xhr,
proxyXhr: new Proxy(xhr, proxyHandler),
resThenable: new SyncThenable(),
proxyProps: {},
proxyEvents: {}
});
xhr.addEventListener("readystatechange", (e2) => {
if (ah.proxyXhr.readyState === 4 && ah.request && typeof ah.request.response === "function") {
const response = {
finalUrl: ah.proxyXhr.responseURL,
status: ah.proxyXhr.status,
responseHeaders: parseHeaders(
ah.proxyXhr.getAllResponseHeaders()
)
};
const tempValues = {};
for (const key of xhrResponses) {
try {
tempValues[key] = ah.originalXhr[key];
} catch (err) {
}
defineProp(
response,
key,
() => {
return response[key] = tempValues[key];
},
(val) => {
delete response[key];
response[key] = val;
}
);
}
ah.resThenable = new AHRequest(ah.request).waitForResponseKeys(response).then(() => {
for (const key of xhrResponses) {
ah.proxyProps[key] = {
get: () => {
if (!(key in response)) response[key] = tempValues[key];
return response[key];
}
};
}
});
}
ah.dispatchEvent(e2);
});
xhr.addEventListener("load", (e2) => ah.dispatchEvent(e2));
xhr.addEventListener("loadend", (e2) => ah.dispatchEvent(e2));
for (const evt of xhrAsyncEvents) {
const onEvt = "on" + evt;
ah.proxyProps[onEvt] = {
get: () => ah.proxyEvents[onEvt] || null,
set: (val) => ah.addEvent(onEvt, val)
};
}
for (const method of [
"setRequestHeader",
"addEventListener",
"removeEventListener",
"open",
"send"
]) {
ah.proxyProps[method] = { value: ah[method] };
}
}
toJSON() {
}
// Converting circular structure to JSON
addEvent(type, event) {
if (type.startsWith("on")) {
this.proxyEvents[type] = typeof event === "function" ? event : null;
} else {
if (typeof event === "object" && event !== null)
event = event.handleEvent;
if (typeof event !== "function") return;
this.proxyEvents[type] = this.proxyEvents[type] || /* @__PURE__ */ new Set();
this.proxyEvents[type].add(event);
}
}
removeEvent(type, event) {
if (type.startsWith("on")) {
this.proxyEvents[type] = null;
} else {
if (typeof event === "object" && event !== null)
event = event.handleEvent;
this.proxyEvents[type] && this.proxyEvents[type].delete(event);
}
}
dispatchEvent(e2) {
e2.stopImmediatePropagation = stopImmediatePropagation;
defineProp(e2, "target", () => this.proxyXhr);
defineProp(e2, "currentTarget", () => this.proxyXhr);
this.proxyEvents[e2.type] && this.proxyEvents[e2.type].forEach((fn) => {
this.resThenable.then(
() => !e2.ajaxHooker_isStopped && fn.call(this.proxyXhr, e2)
);
});
if (e2.ajaxHooker_isStopped) return;
const onEvent = this.proxyEvents["on" + e2.type];
onEvent && this.resThenable.then(onEvent.bind(this.proxyXhr, e2));
}
setRequestHeader(header, value) {
this.originalXhr.setRequestHeader(header, value);
if (!this.request) return;
const headers = this.request.headers;
headers[header] = header in headers ? `${headers[header]}, ${value}` : value;
}
addEventListener(...args2) {
if (xhrAsyncEvents.includes(args2[0])) {
this.addEvent(args2[0], args2[1]);
} else {
this.originalXhr.addEventListener(...args2);
}
}
removeEventListener(...args2) {
if (xhrAsyncEvents.includes(args2[0])) {
this.removeEvent(args2[0], args2[1]);
} else {
this.originalXhr.removeEventListener(...args2);
}
}
open(method, url, async = true, ...args2) {
this.request = {
type: "xhr",
url: url.toString(),
method: method.toUpperCase(),
abort: false,
headers: {},
data: null,
response: null,
async: !!async
};
this.openArgs = args2;
this.resThenable = new SyncThenable();
[
"responseURL",
"readyState",
"status",
"statusText",
...xhrResponses
].forEach((key) => {
delete this.proxyProps[key];
});
return this.originalXhr.open(method, url, async, ...args2);
}
send(data) {
const ah = this;
const xhr = ah.originalXhr;
const request = ah.request;
if (!request) return xhr.send(data);
request.data = data;
new AHRequest(request).waitForRequestKeys().then(() => {
if (request.abort) {
if (typeof request.response === "function") {
Object.assign(ah.proxyProps, {
responseURL: { value: request.url },
readyState: { value: 4 },
status: { value: 200 },
statusText: { value: "OK" }
});
xhrAsyncEvents.forEach(
(evt) => xhr.dispatchEvent(new Event(evt))
);
}
} else {
xhr.open(
request.method,
request.url,
request.async,
...ah.openArgs
);
for (const header in request.headers) {
xhr.setRequestHeader(header, request.headers[header]);
}
xhr.send(request.data);
}
});
}
}
function fakeXHR() {
const xhr = new winAh.realXHR();
if ("__ajaxHooker" in xhr)
console.warn("检测到不同版本的ajaxHooker，可能发生冲突！");
xhr.__ajaxHooker = new XhrHooker(xhr);
return xhr.__ajaxHooker.proxyXhr;
}
fakeXHR.prototype = win.XMLHttpRequest.prototype;
Object.keys(win.XMLHttpRequest).forEach(
(key) => fakeXHR[key] = win.XMLHttpRequest[key]
);
function fakeFetch(url, options = {}) {
if (!url) return winAh.realFetch.call(win, url, options);
return new Promise(async (resolve, reject) => {
const init = {};
if (getType(url) === "[object Request]") {
for (const prop of fetchInitProps) init[prop] = url[prop];
if (url.body) init.body = await url.arrayBuffer();
url = url.url;
}
url = url.toString();
Object.assign(init, options);
init.method = init.method || "GET";
init.headers = init.headers || {};
const request = {
type: "fetch",
url,
method: init.method.toUpperCase(),
abort: false,
headers: parseHeaders(init.headers),
data: init.body,
response: null,
async: true
};
const req = new AHRequest(request);
await req.waitForRequestKeys();
if (request.abort) {
if (typeof request.response === "function") {
const response = {
finalUrl: request.url,
status: 200,
responseHeaders: {}
};
await req.waitForResponseKeys(response);
const key = fetchResponses.find((k) => k in response);
let val = response[key];
if (key === "json" && typeof val === "object") {
val = catchError(JSON.stringify.bind(JSON), val);
}
const res = new Response(val, {
status: 200,
statusText: "OK"
});
defineProp(res, "type", () => "basic");
defineProp(res, "url", () => request.url);
resolve(res);
} else {
reject(new DOMException("aborted", "AbortError"));
}
return;
}
init.method = request.method;
init.headers = request.headers;
init.body = request.data;
winAh.realFetch.call(win, request.url, init).then((res) => {
if (typeof request.response === "function") {
const response = {
finalUrl: res.url,
status: res.status,
responseHeaders: parseHeaders(res.headers)
};
fetchResponses.forEach(
(key) => res[key] = function() {
if (key in response) return Promise.resolve(response[key]);
return resProto[key].call(this).then((val) => {
response[key] = val;
return req.waitForResponseKeys(response).then(() => key in response ? response[key] : val);
});
}
);
}
resolve(res);
}, reject);
});
}
function fakeFetchClone() {
const descriptors = Object.getOwnPropertyDescriptors(this);
const res = winAh.realFetchClone.call(this);
Object.defineProperties(res, descriptors);
return res;
}
winAh = win.__ajaxHooker = winAh || {
version,
fakeXHR,
fakeFetch,
fakeFetchClone,
realXHR: win.XMLHttpRequest,
realFetch: win.fetch,
realFetchClone: resProto.clone,
hookInsts: /* @__PURE__ */ new Set()
};
if (winAh.version !== version)
console.warn("检测到不同版本的ajaxHooker，可能发生冲突！");
win.XMLHttpRequest = winAh.fakeXHR;
win.fetch = winAh.fakeFetch;
resProto.clone = winAh.fakeFetchClone;
winAh.hookInsts.add(hookInst);
return {
hook: (fn) => hookInst.hookFns.push(fn),
filter: (arr) => {
if (Array.isArray(arr)) hookInst.filters = arr;
},
protect: () => {
readonly(win, "XMLHttpRequest", winAh.fakeXHR);
readonly(win, "fetch", winAh.fakeFetch);
readonly(resProto, "clone", winAh.fakeFetchClone);
},
unhook: () => {
winAh.hookInsts.delete(hookInst);
if (!winAh.hookInsts.size) {
writable(win, "XMLHttpRequest", winAh.realXHR);
writable(win, "fetch", winAh.realFetch);
writable(resProto, "clone", winAh.realFetchClone);
delete win.__ajaxHooker;
}
}
};
}();
};
class GMMenu {
constructor(details) {
__publicField(this, "GM_Api", {
/**
* 获取存储的数据
*/
getValue: null,
/**
* 设置数据到存储
*/
setValue: null,
/**
* 注册菜单
*/
registerMenuCommand: null,
/**
* 卸载菜单
*/
unregisterMenuCommand: null
});
__publicField(this, "MenuHandle", {
context: this,
$data: {
/**
* 菜单数据
*/
data: [],
/**
* 本地存储的键名
*/
key: "GM_Menu_Local_Map"
},
$default: {
/** 自动刷新网页，默认为true */
autoReload: true,
/**
* 菜单isStoreValue的默认值
*/
isStoreValue: true
},
$emoji: {
/**
* 菜单enable为true的emoji
*/
success: "✅",
/**
* 菜单enable为false的emoji
*/
error: "❌"
},
/**
* 初始化数据
*/
init() {
for (let index = 0; index < this.$data.data.length; index++) {
let menuOption = this.$data.data[index]["data"];
menuOption.enable = Boolean(this.getLocalMenuData(menuOption.key, menuOption.enable));
if (typeof menuOption.showText !== "function") {
menuOption.showText = (menuText, menuEnable) => {
if (menuEnable) {
return this.$emoji.success + " " + menuText;
} else {
return this.$emoji.error + " " + menuText;
}
};
}
}
},
/**
* 注册油猴菜单
* @param menuOptions 如果存在，使用它
*/
register(menuOptions) {
let that = this;
if (menuOptions == null) {
throw new TypeError("register菜单数据不能为空");
}
if (!Array.isArray(menuOptions)) {
menuOptions = [menuOptions];
}
for (let index = 0; index < menuOptions.length; index++) {
let cloneMenuOptionData = utils$1.deepClone(menuOptions[index].data);
const { showText, clickCallBack } = this.handleMenuData(cloneMenuOptionData);
let menuId = that.context.GM_Api.registerMenuCommand(showText, clickCallBack);
menuOptions[index].id = menuId;
cloneMenuOptionData.deleteMenu = function() {
that.context.GM_Api.unregisterMenuCommand(menuId);
};
Reflect.deleteProperty(menuOptions[index], "handleData");
menuOptions[index].handleData = cloneMenuOptionData;
}
},
/**
* 获取本地存储菜单键值
* @param {string} key 键
*/
getLocalMenuData(key, defaultValue) {
let localData = this.context.GM_Api.getValue(this.$data.key, {});
if (key in localData) {
return localData[key];
} else {
return defaultValue;
}
},
/**
* 设置本地存储菜单键值
* @param key 键
* @param value 值
*/
setLocalMenuData(key, value) {
let localData = this.context.GM_Api.getValue(this.$data.key, {});
localData[key] = value;
this.context.GM_Api.setValue(this.$data.key, localData);
},
/**
* 处理初始化配置
* @param menuOption
*/
handleInitDetail(menuOption) {
menuOption.enable = Boolean(this.getLocalMenuData(menuOption.key, menuOption.enable));
if (typeof menuOption.showText !== "function") {
menuOption.showText = (menuText, menuEnable) => {
if (menuEnable) {
return this.$emoji.success + " " + menuText;
} else {
return this.$emoji.error + " " + menuText;
}
};
}
return menuOption;
},
/**
* 对菜单数据进行处理
* @param menuOption
*/
handleMenuData(menuOption) {
let that = this;
let menuLocalDataItemKey = menuOption.key;
let defaultEnable = Boolean(this.getLocalMenuData(menuLocalDataItemKey, menuOption.enable));
let showText = menuOption.showText(menuOption.text, defaultEnable);
({
/**
* 菜单的id
*/
id: menuOption.id,
/**
* 点击菜单项后是否应关闭弹出菜单
*/
autoClose: menuOption.autoClose,
/**
* 菜单项的可选访问键
*/
accessKey: menuOption.accessKey,
/**
* 菜单项的鼠标悬浮上的工具提示
*/
title: menuOption.title
});
menuOption.autoReload = typeof menuOption.autoReload !== "boolean" ? this.$default.autoReload : menuOption.autoReload;
menuOption.isStoreValue = typeof menuOption.isStoreValue !== "boolean" ? this.$default.isStoreValue : menuOption.isStoreValue;
function clickCallBack(event) {
let localEnable = Boolean(that.getLocalMenuData(menuLocalDataItemKey, defaultEnable));
if (menuOption.isStoreValue) {
that.setLocalMenuData(menuLocalDataItemKey, !localEnable);
}
if (typeof menuOption.callback === "function") {
menuOption.callback({
key: menuLocalDataItemKey,
enable: !localEnable,
oldEnable: localEnable,
event,
storeValue(value) {
that.setLocalMenuData(menuLocalDataItemKey, value);
}
});
}
if (menuOption.autoReload) {
window.location.reload();
} else {
that.context.update();
}
}
return {
showText,
clickCallBack
};
},
/**
* 获取目标菜单配置数据
* @param menuKey 菜单-键key
*/
getMenuData(menuKey) {
return this.$data.data.find((item) => item.data.key === menuKey);
},
/**
* 获取目标菜单配置
* @param menuKey 菜单-键key
*/
getMenuOption(menuKey) {
var _a2;
return (_a2 = this.$data.data.find((item) => item.data.key === menuKey)) == null ? void 0 : _a2.data;
},
/**
* 获取目标菜单处理后的配置
* @param menuKey 菜单-键key
*/
getMenuHandledOption(menuKey) {
var _a2;
return (_a2 = this.$data.data.find((item) => item.handleData.key === menuKey)) == null ? void 0 : _a2.handleData;
}
});
this.GM_Api.getValue = details.GM_getValue;
this.GM_Api.setValue = details.GM_setValue;
this.GM_Api.registerMenuCommand = details.GM_registerMenuCommand;
this.GM_Api.unregisterMenuCommand = details.GM_unregisterMenuCommand;
this.MenuHandle.$default.autoReload = typeof details.autoReload === "boolean" ? details.autoReload : true;
for (const keyName of Object.keys(this.GM_Api)) {
if (typeof this.GM_Api[keyName] !== "function") {
throw new Error(`Utils.GM_Menu 请在脚本开头加上 @grant ${keyName}，且传入该对象`);
}
}
this.add((details == null ? void 0 : details.data) || []);
}
/**
* 新增菜单数据
* @param menuOption
*/
__add(menuOption) {
if (Array.isArray(menuOption)) {
for (let index = 0; index < menuOption.length; index++) {
const option = menuOption[index];
this.MenuHandle.$data.data.push({
data: option,
id: void 0
});
}
} else {
this.MenuHandle.$data.data.push({
data: menuOption,
id: void 0
});
}
}
/**
* 新增菜单数据
*
* 自动调用.update()
* @param menuOption
*/
add(menuOption) {
this.__add(menuOption);
this.update();
}
/**
* 更新菜单数据
*
* 实现方式：先取消注册所有已注册的菜单、再依次注册所有菜单项
*
* 如果菜单不存在，新增菜单项
*
* 如果菜单已存在，新菜单项覆盖旧的菜单项
* @param options 数据
*/
update(options) {
let menuOptionList = [];
if (Array.isArray(options)) {
menuOptionList = [...menuOptionList, ...options];
} else if (options != null) {
menuOptionList = [...menuOptionList, options];
}
menuOptionList.forEach((menuOption) => {
let oldMenuOption = this.MenuHandle.getMenuOption(menuOption.key);
if (oldMenuOption) {
Object.assign(oldMenuOption, menuOption);
} else {
this.__add(menuOption);
}
});
this.MenuHandle.$data.data.forEach((value) => {
if (value.handleData) {
value.handleData.deleteMenu();
}
});
this.MenuHandle.init();
this.MenuHandle.register(this.MenuHandle.$data.data);
}
/**
* 卸载菜单
* @param menuId 已注册的菜单id
*/
delete(menuId) {
this.GM_Api.unregisterMenuCommand(menuId);
}
/**
* 根据键值获取enable值
* @param menuKey 菜单-键key
* @deprecated
*/
get(menuKey) {
return this.getEnable(menuKey);
}
/**
* 根据键值获取enable值
* @param menuKey 菜单-键key
*/
getEnable(menuKey) {
return this.MenuHandle.getMenuHandledOption(menuKey).enable;
}
/**
* 根据键值获取text值
* @param menuKey 菜单-键key
*/
getText(menuKey) {
return this.MenuHandle.getMenuHandledOption(menuKey).text;
}
/**
* 根据键值获取showText函数的值
* @param menuKey 菜单-键key
*/
getShowTextValue(menuKey) {
return this.MenuHandle.getMenuHandledOption(menuKey).showText(this.getText(menuKey), this.getEnable(menuKey));
}
/**
* 获取当前已注册菜单的id
* @param menuKey
*/
getMenuId(menuKey) {
let result2 = null;
for (let index = 0; index < this.MenuHandle.$data.data.length; index++) {
const optionData = this.MenuHandle.$data.data[index];
if (optionData.handleData.key === menuKey) {
result2 = optionData.id;
break;
}
}
return result2;
}
/**
* 根据键值获取accessKey值
* @param menuKey 菜单-键key
*/
getAccessKey(menuKey) {
var _a2;
return (_a2 = this.MenuHandle.getMenuHandledOption(menuKey)) == null ? void 0 : _a2.accessKey;
}
/**
* 根据键值获取autoClose值
* @param menuKey 菜单-键key
*/
getAutoClose(menuKey) {
var _a2;
return (_a2 = this.MenuHandle.getMenuHandledOption(menuKey)) == null ? void 0 : _a2.autoClose;
}
/**
* 根据键值获取autoReload值
* @param menuKey 菜单-键key
*/
getAutoReload(menuKey) {
var _a2;
return (_a2 = this.MenuHandle.getMenuHandledOption(menuKey)) == null ? void 0 : _a2.autoReload;
}
/**
* 根据键值获取callback函数
* @param menuKey 菜单-键key
*/
getCallBack(menuKey) {
var _a2;
return (_a2 = this.MenuHandle.getMenuHandledOption(menuKey)) == null ? void 0 : _a2.callback;
}
/**
* 获取当enable为true时默认显示在菜单中前面的emoji图标
*/
getEnableTrueEmoji() {
return this.MenuHandle.$emoji.success;
}
/**
* 获取当enable为false时默认显示在菜单中前面的emoji图标
*/
getEnableFalseEmoji() {
return this.MenuHandle.$emoji.error;
}
/**
* 获取本地存储的菜单外部的键名
* @param keyName
*/
getLocalStorageKeyName() {
return this.MenuHandle.$data.key;
}
/**
* 设置菜单的值
* @param menuKey 菜单-键key
* @param value 需要设置的值
*/
setValue(menuKey, value) {
this.MenuHandle.setLocalMenuData(menuKey, value);
}
/**
* 设置菜单的值
* @param menuKey 菜单-键key
* @param value 需要设置的值
*/
setEnable(menuKey, value) {
this.setValue(menuKey, Boolean(value));
}
/**
* 设置当enable为true时默认显示在菜单中前面的emoji图标
* @param emojiString
*/
setEnableTrueEmoji(emojiString) {
if (typeof emojiString !== "string") {
throw new Error("参数emojiString必须是string类型");
}
this.MenuHandle.$emoji.success = emojiString;
}
/**
* 设置当enable为false时默认显示在菜单中前面的emoji图标
* @param emojiString
*/
setEnableFalseEmoji(emojiString) {
if (typeof emojiString !== "string") {
throw new Error("参数emojiString必须是string类型");
}
this.MenuHandle.$emoji.error = emojiString;
}
/**
* 设置本地存储的菜单外部的键名
* @param keyName
*/
setLocalStorageKeyName(keyName) {
if (typeof keyName !== "string") {
throw new Error("参数keyName必须是string类型");
}
this.MenuHandle.$data.key = keyName;
}
}
class Hooks {
/**
* 在Function原型上添加自定义方法.hook和.unhook
*/
initEnv() {
Function.prototype.hook = function(realFunc, hookFunc, context) {
let _context = null;
let _funcName = null;
_context = context || window;
_funcName = getFuncName(this);
_context["realFunc_" + _funcName] = this;
if (_context[_funcName].prototype && _context[_funcName].prototype.isHooked) {
console.log("Already has been hooked,unhook first");
return false;
}
function getFuncName(fn) {
let strFunc = fn.toString();
let _regex = /function\s+(\w+)\s*\(/;
let patten = strFunc.match(_regex);
if (patten) {
return patten[1];
}
return "";
}
try {
eval("_context[_funcName] = function " + _funcName + "(){\nlet args = Array.prototype.slice.call(arguments,0);\nlet obj = this;\nhookFunc.apply(obj,args);\nreturn _context['realFunc_" + _funcName + "'].apply(obj,args);\n};");
_context[_funcName].prototype.isHooked = true;
return true;
} catch (e2) {
console.log("Hook failed,check the params.");
return false;
}
};
Function.prototype.unhook = function(realFunc2, funcName, context2) {
let _context3 = null;
let _funcName2 = null;
_context3 = context2 || window;
_funcName2 = funcName;
if (!_context3[_funcName2].prototype.isHooked) {
console.log("No function is hooked on");
return false;
}
_context3[_funcName2] = _context3["realFunc" + _funcName2];
Reflect.deleteProperty(_context3, "realFunc_" + _funcName2);
return true;
};
}
/**
* 删除在Function原型上添加的自定义方法.hook和.unhook
*/
cleanEnv() {
if (Function.prototype.hasOwnProperty("hook")) {
Reflect.deleteProperty(Function.prototype, "hook");
}
if (Function.prototype.hasOwnProperty("unhook")) {
Reflect.deleteProperty(Function.prototype, "unhook");
}
return true;
}
}
const GenerateUUID = function() {
var _a2;
if (typeof ((_a2 = window == null ? void 0 : window.crypto) == null ? void 0 : _a2.randomUUID) === "function") {
return window.crypto.randomUUID();
} else {
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(charStr) {
var randomValue = Math.random() * 16 | 0, randomCharValue = charStr === "x" ? randomValue : randomValue & 3 | 8;
return randomCharValue.toString(16);
});
}
};
class Httpx {
/**
* 实例化，可传入GM_xmlhttpRequest，未传入则使用window.fetch
* @param xmlHttpRequest
*/
constructor(xmlHttpRequest) {
__publicField(this, "GM_Api", {
xmlHttpRequest: null
});
__publicField(this, "HttpxRequestHook", {
/**
* @private
*/
$config: {
configList: []
},
/**
* 发送请求前的回调
* 如果返回false则阻止本次返回
* @param details 当前的请求配置
* @private
*/
async beforeRequestCallBack(details) {
if (typeof details.allowInterceptConfig === "boolean") {
if (!details.allowInterceptConfig) {
return details;
}
} else {
if (details.allowInterceptConfig != null) {
if (typeof details.allowInterceptConfig.beforeRequest === "boolean" && !details.allowInterceptConfig.beforeRequest) {
return details;
}
}
}
for (let index = 0; index < this.$config.configList.length; index++) {
let item = this.$config.configList[index];
if (typeof item.fn === "function") {
let result2 = await item.fn(details);
if (result2 == null) {
return;
}
}
}
return details;
},
/**
* 添加请求前的回调处理配置
*/
add(fn) {
if (typeof fn === "function") {
let uuid = GenerateUUID();
this.$config.configList.push({
id: uuid,
fn
});
return uuid;
} else {
console.warn("[Httpx-HttpxRequestHook.addBeforeRequestCallBack] fn is not a function");
}
},
/**
* 删除请求前的回调处理配置
* @param id
*/
delete(id) {
if (typeof id === "string") {
let findIndex = this.$config.configList.findIndex((item) => item.id === id);
if (findIndex !== -1) {
this.$config.configList.splice(findIndex, 1);
return true;
}
}
return false;
},
/**
* 清空设置的请求前的回调处理配置
*/
clearAll() {
this.$config.configList = [];
}
});
__publicField(this, "HttpxResponseHook", {
/**
* @private
*/
$config: {
configList: []
},
/**
* 成功的回调
* @param response 响应
* @param details 请求的配置
*/
async successResponseCallBack(response, details) {
if (typeof details.allowInterceptConfig === "boolean") {
if (!details.allowInterceptConfig) {
return details;
}
} else {
if (details.allowInterceptConfig != null) {
if (typeof details.allowInterceptConfig.afterResponseSuccess === "boolean" && !details.allowInterceptConfig.afterResponseSuccess) {
return details;
}
}
}
for (let index = 0; index < this.$config.configList.length; index++) {
let item = this.$config.configList[index];
if (typeof item.successFn === "function") {
let result2 = await item.successFn(response, details);
if (result2 == null) {
return;
}
}
}
return response;
},
/**
* 失败的回调
* @param data 配置
* @returns
* 返回null|undefined就是拦截掉了
*/
async errorResponseCallBack(data) {
if (typeof data.details.allowInterceptConfig === "boolean") {
if (!data.details.allowInterceptConfig) {
return data;
}
} else {
if (data.details.allowInterceptConfig != null) {
if (typeof data.details.allowInterceptConfig.afterResponseError === "boolean" && !data.details.allowInterceptConfig.afterResponseError) {
return data;
}
}
}
for (let index = 0; index < this.$config.configList.length; index++) {
let item = this.$config.configList[index];
if (typeof item.errorFn === "function") {
let result2 = await item.errorFn(data);
if (result2 == null) {
return;
}
}
}
return data;
},
/**
* 添加请求前的回调处理配置
*/
add(successFn, errorFn) {
let id = GenerateUUID();
this.$config.configList.push({
id,
successFn,
errorFn
});
return id;
},
/**
* 删除请求前的回调处理配置
* @param id
*/
delete(id) {
if (typeof id === "string") {
let findIndex = this.$config.configList.findIndex((item) => item.id === id);
if (findIndex !== -1) {
this.$config.configList.splice(findIndex, 1);
return true;
}
}
return false;
},
/**
* 清空设置的请求前的回调处理配置
*/
clearAll() {
this.$config.configList = [];
}
});
__publicField(this, "HttpxRequestOption", {
context: this,
/**
* 根据传入的参数处理获取details配置
*/
handleBeforeRequestOption(...args2) {
let option = {};
if (typeof args2[0] === "string") {
let url = args2[0];
option.url = url;
if (typeof args2[1] === "object") {
let details = args2[1];
option = details;
option.url = url;
}
} else {
option = args2[0];
}
return option;
},
/**
* 获取请求配置
* @param method 当前请求方法，默认get
* @param userRequestOption 用户的请求配置
* @param resolve promise回调
* @param reject 抛出错误回调
*/
getRequestOption(method, userRequestOption, resolve, reject) {
let that = this;
let requestOption = {
url: userRequestOption.url || __privateGet(this.context, _defaultDetails).url,
method: (method || "GET").toString().toUpperCase().trim(),
timeout: userRequestOption.timeout || __privateGet(this.context, _defaultDetails).timeout,
responseType: userRequestOption.responseType || __privateGet(this.context, _defaultDetails).responseType,
/* 对象使用深拷贝 */
headers: utils$1.deepClone(__privateGet(this.context, _defaultDetails).headers),
data: userRequestOption.data || __privateGet(this.context, _defaultDetails).data,
redirect: userRequestOption.redirect || __privateGet(this.context, _defaultDetails).redirect,
cookie: userRequestOption.cookie || __privateGet(this.context, _defaultDetails).cookie,
cookiePartition: userRequestOption.cookiePartition || __privateGet(this.context, _defaultDetails).cookiePartition,
binary: userRequestOption.binary || __privateGet(this.context, _defaultDetails).binary,
nocache: userRequestOption.nocache || __privateGet(this.context, _defaultDetails).nocache,
revalidate: userRequestOption.revalidate || __privateGet(this.context, _defaultDetails).revalidate,
/* 对象使用深拷贝 */
context: utils$1.deepClone(userRequestOption.context || __privateGet(this.context, _defaultDetails).context),
overrideMimeType: userRequestOption.overrideMimeType || __privateGet(this.context, _defaultDetails).overrideMimeType,
anonymous: userRequestOption.anonymous || __privateGet(this.context, _defaultDetails).anonymous,
fetch: userRequestOption.fetch || __privateGet(this.context, _defaultDetails).fetch,
/* 对象使用深拷贝 */
fetchInit: utils$1.deepClone(__privateGet(this.context, _defaultDetails).fetchInit),
allowInterceptConfig: {
beforeRequest: __privateGet(this.context, _defaultDetails).allowInterceptConfig.beforeRequest,
afterResponseSuccess: __privateGet(this.context, _defaultDetails).allowInterceptConfig.afterResponseSuccess,
afterResponseError: __privateGet(this.context, _defaultDetails).allowInterceptConfig.afterResponseError
},
user: userRequestOption.user || __privateGet(this.context, _defaultDetails).user,
password: userRequestOption.password || __privateGet(this.context, _defaultDetails).password,
onabort(...args2) {
that.context.HttpxCallBack.onAbort(userRequestOption, resolve, reject, args2);
},
onerror(...args2) {
that.context.HttpxCallBack.onError(userRequestOption, resolve, reject, args2);
},
onloadstart(...args2) {
that.context.HttpxCallBack.onLoadStart(userRequestOption, args2);
},
onprogress(...args2) {
that.context.HttpxCallBack.onProgress(userRequestOption, args2);
},
onreadystatechange(...args2) {
that.context.HttpxCallBack.onReadyStateChange(userRequestOption, args2);
},
ontimeout(...args2) {
that.context.HttpxCallBack.onTimeout(userRequestOption, resolve, reject, args2);
},
onload(...args2) {
that.context.HttpxCallBack.onLoad(userRequestOption, resolve, reject, args2);
}
};
if (typeof userRequestOption.allowInterceptConfig === "boolean") {
Object.keys(requestOption.allowInterceptConfig).forEach((keyName) => {
Reflect.set(requestOption.allowInterceptConfig, keyName, userRequestOption.allowInterceptConfig);
});
} else {
if (typeof userRequestOption.allowInterceptConfig === "object" && userRequestOption.allowInterceptConfig != null) {
Object.keys(userRequestOption.allowInterceptConfig).forEach((keyName) => {
let value = Reflect.get(userRequestOption.allowInterceptConfig, keyName);
if (typeof value === "boolean" && Reflect.has(requestOption.allowInterceptConfig, keyName)) {
Reflect.set(requestOption.allowInterceptConfig, keyName, value);
}
});
}
}
if (typeof this.context.GM_Api.xmlHttpRequest !== "function") {
requestOption.fetch = true;
}
if (typeof requestOption.headers === "object") {
if (typeof userRequestOption.headers === "object") {
Object.keys(userRequestOption.headers).forEach((keyName, index) => {
var _a2, _b;
if (keyName in requestOption.headers && ((_a2 = userRequestOption.headers) == null ? void 0 : _a2[keyName]) == null) {
Reflect.deleteProperty(requestOption.headers, keyName);
} else {
requestOption.headers[keyName] = (_b = userRequestOption == null ? void 0 : userRequestOption.headers) == null ? void 0 : _b[keyName];
}
});
}
} else {
Reflect.set(requestOption, "headers", userRequestOption.headers);
}
if (typeof requestOption.fetchInit === "object") {
if (typeof userRequestOption.fetchInit === "object") {
Object.keys(userRequestOption.fetchInit).forEach((keyName, index) => {
if (keyName in requestOption.fetchInit && userRequestOption.fetchInit[keyName] == null) {
Reflect.deleteProperty(requestOption.fetchInit, keyName);
} else {
Reflect.set(requestOption.fetchInit, keyName, Reflect.get(userRequestOption.fetchInit, keyName));
}
});
}
} else {
Reflect.set(requestOption, "fetchInit", userRequestOption.fetchInit);
}
if (typeof requestOption.cookiePartition === "object" && requestOption.cookiePartition != null) {
if (Reflect.has(requestOption.cookiePartition, "topLevelSite") && typeof requestOption.cookiePartition.topLevelSite !== "string") {
Reflect.deleteProperty(requestOption.cookiePartition, "topLevelSite");
}
}
try {
new URL(requestOption.url);
} catch (error2) {
if (requestOption.url.startsWith("//")) {
requestOption.url = globalThis.location.protocol + requestOption.url;
} else if (requestOption.url.startsWith("/")) {
requestOption.url = globalThis.location.origin + requestOption.url;
} else {
requestOption.url = globalThis.location.origin + "/" + requestOption.url;
}
}
if (requestOption.fetchInit && !requestOption.fetch) {
Reflect.deleteProperty(requestOption, "fetchInit");
}
try {
let processData = userRequestOption.processData ?? true;
if (requestOption.data != null && processData) {
let method2 = requestOption.method;
if (method2 === "GET" || method2 === "HEAD") {
let urlObj = new URL(requestOption.url);
let urlSearch = "";
let isHandler = false;
if (typeof requestOption.data === "string") {
isHandler = true;
urlSearch = requestOption.data;
} else if (typeof requestOption.data === "object") {
isHandler = true;
let searchParams = new URLSearchParams(requestOption.data);
urlSearch = searchParams.toString();
}
if (isHandler) {
Reflect.deleteProperty(requestOption, "data");
}
if (urlSearch != "") {
if (urlObj.search === "") {
urlObj.search = urlSearch;
} else {
if (urlObj.search.endsWith("&")) {
urlObj.search = urlObj.search + urlSearch;
} else {
urlObj.search = urlObj.search + "&" + urlSearch;
}
}
}
requestOption.url = urlObj.toString();
} else if (method2 === "POST" && requestOption.headers != null) {
let headersKeyList = Object.keys(requestOption.headers);
let ContentTypeIndex = headersKeyList.findIndex((headerKey) => {
return headerKey.trim().toLowerCase() === "content-type" && typeof requestOption.headers[headerKey] === "string";
});
if (ContentTypeIndex !== -1) {
let ContentTypeKey = headersKeyList[ContentTypeIndex];
let ContentType = requestOption.headers[ContentTypeKey];
if (ContentType.includes("application/json")) {
if (requestOption.data instanceof FormData) {
const entries = {};
requestOption.data.forEach((value, key) => {
entries[key] = value;
});
requestOption.data = JSON.stringify(entries);
} else if (typeof requestOption.data === "object") {
requestOption.data = JSON.stringify(requestOption.data);
}
} else if (ContentType.includes("application/x-www-form-urlencoded")) {
if (typeof requestOption.data === "object") {
requestOption.data = new URLSearchParams(
// @ts-ignore
requestOption.data
).toString();
}
} else if (ContentType.includes("multipart/form-data")) {
if (requestOption.data instanceof FormData) {
Reflect.deleteProperty(requestOption.headers, ContentTypeKey);
}
}
}
}
}
} catch (error2) {
console.warn("Httpx ==> 转换data参数错误", error2);
}
return requestOption;
},
/**
* 处理发送请求的配置，去除值为undefined、空function的值
* @param option
*/
removeRequestNullOption(option) {
Object.keys(option).forEach((keyName) => {
if (option[keyName] == null || option[keyName] instanceof Function && utils$1.isNull(option[keyName])) {
Reflect.deleteProperty(option, keyName);
return;
}
});
if (utils$1.isNull(option.url)) {
throw new TypeError(`Utils.Httpx 参数 url不符合要求: ${option.url}`);
}
return option;
},
/**
* 处理fetch的配置
* @param option
*/
handleFetchOption(option) {
let fetchRequestOption = {};
if ((option.method === "GET" || option.method === "HEAD") && option.data != null) {
Reflect.deleteProperty(option, "data");
}
let abortController = new AbortController();
let signal = abortController.signal;
signal.onabort = () => {
option.onabort({
isFetch: true,
responseText: "",
response: null,
readyState: 4,
responseHeaders: "",
status: 0,
statusText: "",
error: "aborted"
});
};
fetchRequestOption.method = option.method ?? "GET";
fetchRequestOption.headers = option.headers;
fetchRequestOption.body = option.data;
fetchRequestOption.mode = "cors";
fetchRequestOption.credentials = "include";
fetchRequestOption.cache = "no-cache";
fetchRequestOption.redirect = "follow";
fetchRequestOption.referrerPolicy = "origin-when-cross-origin";
fetchRequestOption.signal = signal;
Object.assign(fetchRequestOption, option.fetchInit || {});
return {
fetchOption: option,
fetchRequestOption,
abortController
};
}
});
__publicField(this, "HttpxCallBack", {
context: this,
/**
* onabort请求被取消-触发
* @param details 配置
* @param resolve 回调
* @param reject 抛出错误
* @param argsResult 返回的参数列表
*/
async onAbort(details, resolve, reject, argsResult) {
if ("onabort" in details) {
details.onabort.apply(this, argsResult);
} else if ("onabort" in __privateGet(this.context, _defaultDetails)) {
__privateGet(this.context, _defaultDetails).onabort.apply(this, argsResult);
}
let response = argsResult;
if (response.length) {
response = response[0];
}
if (await this.context.HttpxResponseHook.errorResponseCallBack({
type: "onabort",
error: new TypeError("request canceled"),
response: null,
details
}) == null) {
return;
}
resolve({
data: response,
details,
msg: "请求被取消",
status: false,
statusCode: -1,
type: "onabort"
});
},
/**
* onerror请求异常-触发
* @param details 配置
* @param resolve 回调
* @param reject 抛出错误
* @param argsResult 返回的参数列表
*/
async onError(details, resolve, reject, argsResult) {
if ("onerror" in details) {
details.onerror.apply(this, argsResult);
} else if ("onerror" in __privateGet(this.context, _defaultDetails)) {
__privateGet(this.context, _defaultDetails).onerror.apply(this, argsResult);
}
let response = argsResult;
if (response.length) {
response = response[0];
}
if (await this.context.HttpxResponseHook.errorResponseCallBack({
type: "onerror",
error: new TypeError("request error"),
response,
details
}) == null) {
return;
}
resolve({
data: response,
details,
msg: "请求异常",
status: false,
statusCode: response["status"],
type: "onerror"
});
},
/**
* ontimeout请求超时-触发
* @param details 配置
* @param resolve 回调
* @param reject 抛出错误
* @param argsResult 返回的参数列表
*/
async onTimeout(details, resolve, reject, argsResult) {
if ("ontimeout" in details) {
details.ontimeout.apply(this, argsResult);
} else if ("ontimeout" in __privateGet(this.context, _defaultDetails)) {
__privateGet(this.context, _defaultDetails).ontimeout.apply(this, argsResult);
}
let response = argsResult;
if (response.length) {
response = response[0];
}
if (await this.context.HttpxResponseHook.errorResponseCallBack({
type: "ontimeout",
error: new TypeError("request timeout"),
response: (argsResult || [null])[0],
details
}) == null) {
return;
}
resolve({
data: response,
details,
msg: "请求超时",
status: false,
statusCode: 0,
type: "ontimeout"
});
},
/**
* onloadstart请求开始-触发
* @param details 配置
* @param argsResult 返回的参数列表
*/
onLoadStart(details, argsResult) {
if ("onloadstart" in details) {
details.onloadstart.apply(this, argsResult);
} else if ("onloadstart" in __privateGet(this.context, _defaultDetails)) {
__privateGet(this.context, _defaultDetails).onloadstart.apply(this, argsResult);
}
},
/**
* onload加载完毕-触发
* @param details 请求的配置
* @param resolve 回调
* @param reject 抛出错误
* @param argsResult 返回的参数列表
*/
async onLoad(details, resolve, reject, argsResult) {
let originResponse = argsResult[0];
if (utils$1.isNull(originResponse["responseText"]) && utils$1.isNotNull(originResponse["response"])) {
if (typeof originResponse["response"] === "object") {
utils$1.tryCatch().run(() => {
originResponse["responseText"] = JSON.stringify(originResponse["response"]);
});
} else {
originResponse["responseText"] = originResponse["response"];
}
}
if (originResponse["response"] == null && typeof originResponse["responseText"] === "string" && originResponse["responseText"].trim() !== "") {
let httpxResponseText = originResponse.responseText;
let httpxResponse = httpxResponseText;
if (details.responseType === "json") {
httpxResponse = utils$1.toJSON(httpxResponseText);
} else if (details.responseType === "document") {
let parser = new DOMParser();
httpxResponse = parser.parseFromString(httpxResponseText, "text/html");
} else if (details.responseType === "arraybuffer") {
let encoder = new TextEncoder();
let arrayBuffer = encoder.encode(httpxResponseText);
httpxResponse = arrayBuffer;
} else if (details.responseType === "blob") {
let encoder = new TextEncoder();
let arrayBuffer = encoder.encode(httpxResponseText);
httpxResponse = new Blob([arrayBuffer]);
}
try {
let setStatus = Reflect.set(originResponse, "response", httpxResponse);
if (!setStatus) {
console.warn("[Httpx-HttpxCallBack.oonLoad] 覆盖原始 response 失败，尝试添加新的httpxResponse");
try {
Reflect.set(originResponse, "httpxResponse", httpxResponse);
} catch (error2) {
console.warn("[Httpx-HttpxCallBack.oonLoad] httpxResponse 无法被覆盖");
}
}
} catch (error2) {
console.warn("[Httpx-HttpxCallBack.oonLoad] 原始 response 无法被覆盖，尝试添加新的httpxResponse");
try {
Reflect.set(originResponse, "httpxResponse", httpxResponse);
} catch (error3) {
console.warn("[Httpx-HttpxCallBack.oonLoad] httpxResponse 无法被覆盖");
}
}
}
let originResponseURL = Reflect.get(originResponse, "responseURL");
if (originResponse["finalUrl"] == null && originResponseURL != null) {
Reflect.set(originResponse, "finalUrl", originResponseURL);
}
if (Math.floor(originResponse.status / 100) === 2) {
if (await this.context.HttpxResponseHook.successResponseCallBack(originResponse, details) == null) {
return;
}
resolve({
data: originResponse,
details,
msg: "请求成功",
status: true,
statusCode: originResponse.status,
type: "onload"
});
} else {
this.context.HttpxCallBack.onError(details, resolve, reject, argsResult);
}
},
/**
* onprogress上传进度-触发
* @param details 配置
* @param argsResult 返回的参数列表
*/
onProgress(details, argsResult) {
if ("onprogress" in details) {
details.onprogress.apply(this, argsResult);
} else if ("onprogress" in __privateGet(this.context, _defaultDetails)) {
__privateGet(this.context, _defaultDetails).onprogress.apply(this, argsResult);
}
},
/**
* onreadystatechange准备状态改变-触发
* @param details 配置
* @param argsResult 返回的参数列表
*/
onReadyStateChange(details, argsResult) {
if ("onreadystatechange" in details) {
details.onreadystatechange.apply(this, argsResult);
} else if ("onreadystatechange" in __privateGet(this.context, _defaultDetails)) {
__privateGet(this.context, _defaultDetails).onreadystatechange.apply(this, argsResult);
}
}
});
__publicField(this, "HttpxRequest", {
context: this,
/**
* 发送请求
* @param details
*/
async request(details) {
if (__privateGet(this.context, _LOG_DETAILS)) {
console.log("[Httpx-HttpxRequest.request] 请求前的配置👇", details);
}
if (typeof this.context.HttpxRequestHook.beforeRequestCallBack === "function") {
let hookResult = await this.context.HttpxRequestHook.beforeRequestCallBack(details);
if (hookResult == null) {
return;
}
}
if (details.fetch) {
const { fetchOption, fetchRequestOption, abortController } = this.context.HttpxRequestOption.handleFetchOption(details);
return this.fetch(fetchOption, fetchRequestOption, abortController);
} else {
return this.xmlHttpRequest(details);
}
},
/**
* 使用油猴函数GM_xmlhttpRequest发送请求
* @param details
*/
xmlHttpRequest(details) {
return this.context.GM_Api.xmlHttpRequest(details);
},
/**
* 使用fetch发送请求
* @param option
* @param fetchRequestOption
* @param abortController
*/
fetch(option, fetchRequestOption, abortController) {
fetch(option.url, fetchRequestOption).then(async (fetchResponse) => {
var _a2;
let httpxResponse = {
isFetch: true,
finalUrl: fetchResponse.url,
readyState: 4,
// @ts-ignore
status: fetchResponse.status,
statusText: fetchResponse.statusText,
// @ts-ignore
response: void 0,
responseFetchHeaders: fetchResponse.headers,
responseHeaders: "",
// @ts-ignore
responseText: void 0,
responseType: option.responseType,
responseXML: void 0
};
Object.assign(httpxResponse, option.context || {});
for (const [key, value] of fetchResponse.headers.entries()) {
httpxResponse.responseHeaders += `${key}: ${value}
`;
}
const fetchResponseType = fetchResponse.headers.get("Content-Type");
if (option.responseType === "stream" || fetchResponse.headers.has("Content-Type") && fetchResponse.headers.get("Content-Type").includes("text/event-stream")) {
Reflect.set(httpxResponse, "isStream", true);
Reflect.set(httpxResponse, "response", fetchResponse.body);
Reflect.deleteProperty(httpxResponse, "responseText");
Reflect.deleteProperty(httpxResponse, "responseXML");
option.onload(httpxResponse);
return;
}
let response = "";
let responseText = "";
let responseXML = "";
let arrayBuffer = await fetchResponse.arrayBuffer();
let encoding = "utf-8";
if (fetchResponse.headers.has("Content-Type")) {
let charsetMatched = (_a2 = fetchResponse.headers.get("Content-Type")) == null ? void 0 : _a2.match(/charset=(.+)/);
if (charsetMatched) {
encoding = charsetMatched[1];
encoding = encoding.toLowerCase();
}
}
encoding = encoding.replace(/('|")/gi, "");
let textDecoder = new TextDecoder(encoding);
responseText = textDecoder.decode(arrayBuffer);
response = responseText;
if (option.responseType === "arraybuffer") {
response = arrayBuffer;
} else if (option.responseType === "blob") {
response = new Blob([arrayBuffer]);
} else if (option.responseType === "json" || typeof fetchResponseType === "string" && fetchResponseType.includes("application/json")) {
response = utils$1.toJSON(responseText);
} else if (option.responseType === "document" || option.responseType == null) {
let parser2 = new DOMParser();
response = parser2.parseFromString(responseText, "text/html");
}
let parser = new DOMParser();
responseXML = parser.parseFromString(responseText, "text/xml");
Reflect.set(httpxResponse, "response", response);
Reflect.set(httpxResponse, "responseText", responseText);
Reflect.set(httpxResponse, "responseXML", responseXML);
option.onload(httpxResponse);
}).catch((error2) => {
if (error2.name === "AbortError") {
return;
}
option.onerror({
isFetch: true,
finalUrl: option.url,
readyState: 4,
status: 0,
statusText: "",
responseHeaders: "",
responseText: "",
error: error2
});
});
option.onloadstart({
isFetch: true,
finalUrl: option.url,
readyState: 1,
responseHeaders: "",
responseText: "",
status: 0,
statusText: ""
});
return {
abort() {
abortController.abort();
}
};
}
});
/**
* 默认配置
*/
__privateAdd(this, _defaultDetails, {
url: void 0,
timeout: 5e3,
async: false,
responseType: void 0,
headers: void 0,
data: void 0,
redirect: void 0,
cookie: void 0,
cookiePartition: void 0,
binary: void 0,
nocache: void 0,
revalidate: void 0,
context: void 0,
overrideMimeType: void 0,
anonymous: void 0,
fetch: void 0,
fetchInit: void 0,
allowInterceptConfig: {
beforeRequest: true,
afterResponseSuccess: true,
afterResponseError: true
},
user: void 0,
password: void 0,
onabort() {
},
onerror() {
},
ontimeout() {
},
onloadstart() {
},
onreadystatechange() {
},
onprogress() {
}
});
/**
* 当前使用请求时，输出请求的配置
*/
__privateAdd(this, _LOG_DETAILS, false);
/**
* 拦截器
*/
__publicField(this, "interceptors", {
/**
* 请求拦截器
*/
request: {
context: null,
/**
* 添加拦截器
* @param fn 设置的请求前回调函数，如果返回配置，则使用返回的配置，如果返回null|undefined，则阻止请求
*/
use(fn) {
if (typeof fn !== "function") {
console.warn("[Httpx-interceptors-request] 请传入拦截器函数");
return;
}
return this.context.HttpxRequestHook.add(fn);
},
/**
* 移除拦截器
* @param id 通过use返回的id
*/
eject(id) {
return this.context.HttpxRequestHook.delete(id);
},
/**
* 移除所有拦截器
*/
ejectAll() {
this.context.HttpxRequestHook.clearAll();
}
},
/**
* 响应拦截器
*/
response: {
context: null,
/**
* 添加拦截器
* @param successFn 设置的响应后回调函数，如果返回响应，则使用返回的响应，如果返回null|undefined，则阻止响应
* + 2xx 范围内的状态码都会触发该函数
* @param errorFn 设置的响应后回调函数，如果返回响应，则使用返回的响应，如果返回null|undefined，则阻止响应
* + 超出 2xx 范围的状态码都会触发该函数
*/
use(successFn, errorFn) {
if (typeof successFn !== "function" && typeof errorFn !== "function") {
console.warn("[Httpx-interceptors-response] 必须传入一个拦截器函数");
return;
}
return this.context.HttpxResponseHook.add(successFn, errorFn);
},
/**
* 移除拦截器
* @param id 通过use返回的id
*/
eject(id) {
return this.context.HttpxResponseHook.delete(id);
},
/**
* 移除所有拦截器
*/
ejectAll() {
this.context.HttpxResponseHook.clearAll();
}
}
});
if (typeof xmlHttpRequest !== "function") {
console.warn("[Httpx-constructor] 未传入GM_xmlhttpRequest函数或传入的GM_xmlhttpRequest不是Function，将默认使用window.fetch");
}
this.interceptors.request.context = this;
this.interceptors.response.context = this;
this.GM_Api.xmlHttpRequest = xmlHttpRequest;
}
/**
* 覆盖当前配置
* @param details
*/
config(details = {}) {
if ("logDetails" in details && typeof details["logDetails"] === "boolean") {
__privateSet(this, _LOG_DETAILS, details["logDetails"]);
}
__privateSet(this, _defaultDetails, utils$1.assign(__privateGet(this, _defaultDetails), details));
}
/**
* 修改xmlHttpRequest
* @param httpRequest 网络请求函数
*/
setXMLHttpRequest(httpRequest) {
this.GM_Api.xmlHttpRequest = httpRequest;
}
/**
* GET 请求
* @param url 网址
* @param details 配置
*/
get(...args2) {
let userRequestOption = this.HttpxRequestOption.handleBeforeRequestOption(...args2);
let abortFn = null;
let promise = new globalThis.Promise(async (resolve, reject) => {
let requestOption = this.HttpxRequestOption.getRequestOption("GET", userRequestOption, resolve, reject);
Reflect.deleteProperty(requestOption, "onprogress");
this.HttpxRequestOption.removeRequestNullOption(requestOption);
const requestResult = await this.HttpxRequest.request(requestOption);
if (requestResult != null && typeof requestResult.abort === "function") {
abortFn = requestResult.abort;
}
});
promise.abort = () => {
if (typeof abortFn === "function") {
abortFn();
}
};
return promise;
}
/**
* POST 请求
*/
post(...args2) {
let userRequestOption = this.HttpxRequestOption.handleBeforeRequestOption(...args2);
let abortFn = null;
let promise = new Promise(async (resolve, reject) => {
let requestOption = this.HttpxRequestOption.getRequestOption("POST", userRequestOption, resolve, reject);
requestOption = this.HttpxRequestOption.removeRequestNullOption(requestOption);
const requestResult = await this.HttpxRequest.request(requestOption);
if (requestResult != null && typeof requestResult.abort === "function") {
abortFn = requestResult.abort;
}
});
promise.abort = () => {
if (typeof abortFn === "function") {
abortFn();
}
};
return promise;
}
/**
* HEAD 请求
*/
head(...args2) {
let userRequestOption = this.HttpxRequestOption.handleBeforeRequestOption(...args2);
let abortFn = null;
let promise = new Promise(async (resolve, reject) => {
let requestOption = this.HttpxRequestOption.getRequestOption("HEAD", userRequestOption, resolve, reject);
Reflect.deleteProperty(requestOption, "onprogress");
requestOption = this.HttpxRequestOption.removeRequestNullOption(requestOption);
const requestResult = await this.HttpxRequest.request(requestOption);
if (requestResult != null && typeof requestResult.abort === "function") {
abortFn = requestResult.abort;
}
});
promise.abort = () => {
if (typeof abortFn === "function") {
abortFn();
}
};
return promise;
}
/**
* OPTIONS 请求
*/
options(...args2) {
let userRequestOption = this.HttpxRequestOption.handleBeforeRequestOption(...args2);
let abortFn = null;
let promise = new Promise(async (resolve, reject) => {
let requestOption = this.HttpxRequestOption.getRequestOption("OPTIONS", userRequestOption, resolve, reject);
Reflect.deleteProperty(requestOption, "onprogress");
requestOption = this.HttpxRequestOption.removeRequestNullOption(requestOption);
const requestResult = await this.HttpxRequest.request(requestOption);
if (requestResult != null && typeof requestResult.abort === "function") {
abortFn = requestResult.abort;
}
});
promise.abort = () => {
if (typeof abortFn === "function") {
abortFn();
}
};
return promise;
}
/**
* DELETE 请求
*/
delete(...args2) {
let userRequestOption = this.HttpxRequestOption.handleBeforeRequestOption(...args2);
let abortFn = null;
let promise = new Promise(async (resolve, reject) => {
let requestOption = this.HttpxRequestOption.getRequestOption("DELETE", userRequestOption, resolve, reject);
Reflect.deleteProperty(requestOption, "onprogress");
requestOption = this.HttpxRequestOption.removeRequestNullOption(requestOption);
const requestResult = await this.HttpxRequest.request(requestOption);
if (requestResult != null && typeof requestResult.abort === "function") {
abortFn = requestResult.abort;
}
});
promise.abort = () => {
if (typeof abortFn === "function") {
abortFn();
}
};
return promise;
}
/**
* PUT 请求
*/
put(...args2) {
let userRequestOption = this.HttpxRequestOption.handleBeforeRequestOption(...args2);
let abortFn = null;
let promise = new Promise(async (resolve, reject) => {
let requestOption = this.HttpxRequestOption.getRequestOption("PUT", userRequestOption, resolve, reject);
requestOption = this.HttpxRequestOption.removeRequestNullOption(requestOption);
const requestResult = await this.HttpxRequest.request(requestOption);
if (requestResult != null && typeof requestResult.abort === "function") {
abortFn = requestResult.abort;
}
});
promise.abort = () => {
if (typeof abortFn === "function") {
abortFn();
}
};
return promise;
}
}
_defaultDetails = new WeakMap();
_LOG_DETAILS = new WeakMap();
class indexedDB {
/**
* @param dbName 数据存储名，默认为：default_db
* @param storeName 表名，默认为：default_form
* @param dbVersion indexDB的版本号，默认为：1
*/
constructor(dbName = "default_db", storeName = "default_form", dbVersion = 1) {
__privateAdd(this, _dbName);
__privateAdd(this, _storeName);
__privateAdd(this, _dbVersion);
/* websql的版本号，由于ios的问题，版本号的写法不一样 */
// @ts-ignore
__privateAdd(this, _slqVersion, "1");
/* 监听IndexDB */
__privateAdd(this, _indexedDB, window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB);
/* 缓存数据库，避免同一个页面重复创建和销毁 */
__privateAdd(this, _db, {});
// @ts-ignore
__privateAdd(this, _store, null);
/** 状态码 */
__privateAdd(this, _statusCode, {
operationSuccess: {
code: 200,
msg: "操作成功"
},
operationFailed: {
code: 401,
msg: "操作失败"
},
empty: {
code: 201,
msg: "操作成功，但是没有数据"
},
openFailed: { code: 91001, msg: "打开数据库失败" },
saveFailed: { code: 91002, msg: "保存数据失败" },
getFailed: { code: 91003, msg: "获取数据失败" },
deleteFailed: { code: 91004, msg: "删除数据失败" },
deleteAllFailed: { code: 91005, msg: "清空数据库失败" },
regexpGetFailed: { code: 91006, msg: "正则获取数据失败" }
});
__privateSet(this, _dbName, dbName);
__privateSet(this, _storeName, storeName);
__privateSet(this, _dbVersion, dbVersion);
if (!__privateGet(this, _indexedDB)) {
alert("很抱歉，您的浏览器不支持indexedDB");
throw new TypeError("很抱歉，您的浏览器不支持indexedDB");
}
}
/**
* 创建 “表”
* @param dbName 表名
*/
createStore(dbName) {
let txn, store;
txn = __privateGet(this, _db)[dbName].transaction(__privateGet(this, _storeName), "readwrite");
store = txn.objectStore(__privateGet(this, _storeName));
__privateSet(this, _store, store);
return store;
}
/**
* 打开数据库
* @param callback 回调
* @param dbName 数据库名
*/
open(callback2, dbName) {
let that = this;
if (!__privateGet(that, _db)[dbName]) {
let request = __privateGet(that, _indexedDB).open(dbName, __privateGet(that, _dbVersion));
request.onerror = function(event) {
callback2(null, {
code: __privateGet(that, _statusCode).openFailed.code,
msg: __privateGet(that, _statusCode).openFailed.msg,
event
});
};
request.onsuccess = function(event) {
if (!__privateGet(that, _db)[dbName]) {
let target = event.target;
__privateGet(that, _db)[dbName] = target.result;
}
let store = that.createStore(dbName);
callback2(store);
};
request.onupgradeneeded = function(event) {
let target = event.target;
__privateGet(that, _db)[dbName] = target.result;
let store = __privateGet(that, _db)[dbName].createObjectStore(__privateGet(that, _storeName), {
keyPath: "key"
});
store.transaction.oncomplete = function(event2) {
callback2(store);
};
};
} else {
let store = this.createStore(dbName);
callback2(store);
}
}
/**
* 保存数据到数据库
* @param key 数据key
* @param value 数据值
*/
async save(key, value) {
let that = this;
return new Promise((resolve) => {
let dbName = __privateGet(this, _dbName);
let inData = {
key,
value
};
this.open(function(idbStore) {
if (idbStore == null) {
resolve({
success: false,
code: __privateGet(that, _statusCode).saveFailed.code,
msg: __privateGet(that, _statusCode).saveFailed.msg
});
} else {
let request = idbStore.put(inData);
request.onsuccess = function(event) {
resolve({
success: true,
code: __privateGet(that, _statusCode).operationSuccess.code,
msg: __privateGet(that, _statusCode).operationSuccess.msg,
event
});
};
request.onerror = function(event) {
resolve({
success: false,
code: __privateGet(that, _statusCode).saveFailed.code,
msg: __privateGet(that, _statusCode).saveFailed.msg,
event
});
};
}
}, dbName);
});
}
/**
* 判断是否存在该数据
* @param key 数据key
*/
async has(key) {
let that = this;
return new Promise((resolve) => {
let dbName = __privateGet(this, _dbName);
this.open(function(idbStore) {
if (idbStore == null) {
resolve({
success: false,
code: __privateGet(that, _statusCode).getFailed.code,
msg: __privateGet(that, _statusCode).getFailed.msg
});
} else {
let request = idbStore.get(key);
request.onsuccess = function(event) {
resolve({
success: true,
code: __privateGet(that, _statusCode).operationSuccess.code,
msg: __privateGet(that, _statusCode).operationSuccess.msg,
event
});
};
request.onerror = function(event) {
resolve({
success: false,
code: __privateGet(that, _statusCode).getFailed.code,
msg: __privateGet(that, _statusCode).getFailed.msg,
event
});
};
}
}, dbName);
});
}
/**
* 根据key获取值
* @param key 数据key
*/
async get(key) {
let that = this;
return new Promise((resolve) => {
let dbName = __privateGet(this, _dbName);
this.open(function(idbStore) {
if (idbStore == null) {
resolve({
success: false,
code: __privateGet(that, _statusCode).getFailed.code,
msg: __privateGet(that, _statusCode).getFailed.msg,
data: void 0
});
} else {
let request = idbStore.get(key);
request.onsuccess = function(event) {
let target = event.target;
let result2 = target.result;
let data = result2 ? result2.value : void 0;
if (data == null) {
resolve({
success: true,
code: __privateGet(that, _statusCode).empty.code,
msg: __privateGet(that, _statusCode).empty.msg,
data,
event,
result: result2
});
} else {
resolve({
success: true,
code: __privateGet(that, _statusCode).operationSuccess.code,
msg: __privateGet(that, _statusCode).operationSuccess.msg,
data,
event,
result: result2
});
}
};
request.onerror = function(event) {
resolve({
success: false,
code: __privateGet(that, _statusCode).getFailed.code,
msg: __privateGet(that, _statusCode).getFailed.msg,
data: void 0,
event
});
};
}
}, dbName);
});
}
/**
* 正则获取数据
* @param key 数据key，可以是正则
*/
async regexpGet(key) {
let list = [];
let that = this;
return new Promise((resolve) => {
let dbName = __privateGet(that, _dbName);
this.open(function(idbStore) {
if (idbStore == null) {
resolve({
success: false,
code: __privateGet(that, _statusCode).regexpGetFailed.code,
msg: __privateGet(that, _statusCode).regexpGetFailed.msg,
data: []
});
} else {
let request = idbStore.getAll();
request.onsuccess = function(event) {
let target = event.target;
let result2 = target.result;
if (result2.length !== 0) {
result2.forEach((dataItem, index) => {
let __key = dataItem["key"];
let __value = dataItem["value"];
if (__key.match(key)) {
list = list.concat(__value);
}
});
}
resolve({
success: true,
code: __privateGet(that, _statusCode).operationSuccess.code,
msg: __privateGet(that, _statusCode).operationSuccess.msg,
data: list,
event
});
};
request.onerror = function(event) {
resolve({
success: false,
code: __privateGet(that, _statusCode).getFailed.code,
msg: __privateGet(that, _statusCode).getFailed.msg,
data: [],
event
});
};
}
}, dbName);
});
}
/**
* 删除数据
* @param key 数据key
*/
async delete(key) {
let that = this;
return new Promise((resolve) => {
let dbName = __privateGet(that, _dbName);
this.open(function(idbStore) {
if (idbStore == null) {
resolve({
success: false,
code: __privateGet(that, _statusCode).deleteFailed.code,
msg: __privateGet(that, _statusCode).deleteFailed.msg
});
} else {
let request = idbStore.delete(key);
request.onsuccess = function(event) {
resolve({
success: true,
code: __privateGet(that, _statusCode).operationSuccess.code,
msg: __privateGet(that, _statusCode).operationSuccess.msg,
event
});
};
request.onerror = function(event) {
resolve({
success: false,
code: __privateGet(that, _statusCode).deleteFailed.code,
msg: __privateGet(that, _statusCode).deleteFailed.msg,
event
});
};
}
}, dbName);
});
}
/**
* 删除所有数据
*/
async deleteAll() {
let that = this;
return new Promise((resolve) => {
let dbName = __privateGet(that, _dbName);
this.open(function(idbStore) {
if (idbStore == null) {
resolve({
success: false,
code: __privateGet(that, _statusCode).deleteAllFailed.code,
msg: __privateGet(that, _statusCode).deleteAllFailed.msg
});
} else {
let operateResult = idbStore.clear();
operateResult.onsuccess = function(event) {
resolve({
success: true,
code: __privateGet(that, _statusCode).operationSuccess.code,
msg: __privateGet(that, _statusCode).operationSuccess.msg,
event
});
};
operateResult.onerror = function(event) {
resolve({
success: false,
code: __privateGet(that, _statusCode).deleteAllFailed.code,
msg: __privateGet(that, _statusCode).deleteAllFailed.msg,
event
});
};
}
}, dbName);
});
}
}
_dbName = new WeakMap();
_storeName = new WeakMap();
_dbVersion = new WeakMap();
_slqVersion = new WeakMap();
_indexedDB = new WeakMap();
_db = new WeakMap();
_store = new WeakMap();
_statusCode = new WeakMap();
class LockFunction {
constructor(callback2, context2, delayTime) {
__privateAdd(this, _flag, false);
__privateAdd(this, _delayTime, 0);
__privateAdd(this, _callback);
__privateAdd(this, _context2);
__publicField(this, "lock");
__publicField(this, "unlock");
__publicField(this, "run");
__publicField(this, "isLock");
let that = this;
__privateSet(this, _callback, callback2);
if (typeof context2 === "number") {
__privateSet(this, _delayTime, context2);
__privateSet(this, _context2, utils$1);
} else {
__privateSet(this, _delayTime, delayTime);
__privateSet(this, _context2, context2);
}
this.lock = function() {
__privateSet(that, _flag, true);
};
this.unlock = function() {
setTimeout(() => {
__privateSet(that, _flag, false);
}, __privateGet(that, _delayTime));
};
this.isLock = function() {
return __privateGet(that, _flag);
};
this.run = async function(...args2) {
if (that.isLock()) {
return;
}
that.lock();
await __privateGet(that, _callback).apply(__privateGet(that, _context2), args2);
that.unlock();
};
}
}
_flag = new WeakMap();
_delayTime = new WeakMap();
_callback = new WeakMap();
_context2 = new WeakMap();
class Log {
/**
* @param __GM_info 油猴管理器的API GM_info，或者是一个对象，如{"script":{name:"Utils.Log"}}，或者直接是一个字符串，用作tag名
* @param console 可指定console对象为unsafeWindow下的console或者是油猴window下的console
*/
constructor(__GM_info, console2 = window.console) {
/** 是否禁用输出的flag */
__privateAdd(this, _disable, false);
/** 前面的TAG标志 */
__publicField(this, "tag", "Utils.Log");
/* 使用的console函数 */
__privateAdd(this, _console, null);
/* 当前输出的数量 */
__privateAdd(this, _logCount, 0);
/* 配置 */
__privateAdd(this, _details, {
tag: true,
successColor: "#0000FF",
errorColor: "#FF0000",
infoColor: "0",
warnColor: "0",
debug: false,
autoClearConsole: false,
logMaxCount: 999
});
/**
* 颜色配置
*/
__privateAdd(this, _msgColorDetails, [
"font-weight: bold; color: cornflowerblue",
"font-weight: bold; color: cornflowerblue",
"font-weight: bold; color: darkorange",
"font-weight: bold; color: cornflowerblue"
]);
var _a2;
if (typeof __GM_info === "string") {
this.tag = __GM_info;
} else if (typeof __GM_info === "object" && typeof ((_a2 = __GM_info == null ? void 0 : __GM_info.script) == null ? void 0 : _a2.name) === "string") {
this.tag = __GM_info.script.name;
}
__privateSet(this, _console, console2);
}
/**
* 解析Error的堆栈获取实际调用者的函数名及函数所在的位置
* @param stack
*/
parseErrorStack(stack) {
let result2 = {
name: "",
position: ""
};
for (let stackString of stack) {
stackString = stackString.trim();
let stackFunctionNameMatch = stackString.match(/^at[\s]+(.+?)[\s]+/i);
let stackFunctionNamePositionMatch = stackString.match(/^at[\s]+.+[\s]+\((.+?)\)/i);
if (stackFunctionNameMatch == null) {
continue;
}
if (stackFunctionNamePositionMatch == null) {
continue;
}
let stackFunctionName = stackFunctionNameMatch[stackFunctionNameMatch.length - 1];
let stackFunctionNamePosition = stackFunctionNamePositionMatch[stackFunctionNamePositionMatch.length - 1];
if (stackFunctionName === "" || stackFunctionName.match(/^(Utils\.|)Log(\.|)|.<anonymous>$|^Function.each|^NodeList.forEach|^k.fn.init.each/g)) {
continue;
} else {
result2.name = stackFunctionName;
result2.position = stackFunctionNamePosition;
break;
}
}
if (result2.position === "") {
let lastStackString = stack[stack.length - 1].trim();
if (lastStackString.startsWith("at chrome-extension://")) {
let lastStackMatch = lastStackString.match(/^at[\s]+(.+)/);
if (lastStackMatch) {
result2.position = lastStackMatch[lastStackMatch.length - 1];
}
}
}
if (result2.position === "") {
result2.position = stack[stack.length - 1].trim().replace(/^at[\s]*/g, "");
}
return result2;
}
/**
* 检测清理控制台
*/
checkClearConsole() {
__privateWrapper(this, _logCount)._++;
if (__privateGet(this, _details).autoClearConsole && __privateGet(this, _logCount) > __privateGet(this, _details).logMaxCount) {
__privateGet(this, _console).clear();
__privateSet(this, _logCount, 0);
}
}
/**
* 输出内容
* @param msg 需要输出的内容
* @param color 颜色
* @param otherStyle 其它CSS
*/
printContent(msg, color, otherStyle) {
this.checkClearConsole();
otherStyle = otherStyle || "";
let stackSplit = new Error().stack.split("\n");
stackSplit.splice(0, 2);
let { name: callerName, position: callerPosition } = this.parseErrorStack(stackSplit);
let tagName = this.tag;
let that = this;
let tagNameHTML = `%c[${tagName}%c`;
let callerNameHTML = `%c${callerName}%c]%c`;
callerName.trim() !== "" && (callerNameHTML = "-" + callerNameHTML);
function consoleMsg(message) {
if (typeof message === "string") {
__privateGet(that, _console).log(`${tagNameHTML}${callerNameHTML} %s`, ...__privateGet(that, _msgColorDetails), `color: ${color};${otherStyle}`, message);
} else if (typeof message === "number") {
__privateGet(that, _console).log(`${tagNameHTML}${callerNameHTML} %d`, ...__privateGet(that, _msgColorDetails), `color: ${color};${otherStyle}`, message);
} else if (typeof message === "object") {
__privateGet(that, _console).log(`${tagNameHTML}${callerNameHTML} %o`, ...__privateGet(that, _msgColorDetails), `color: ${color};${otherStyle}`, message);
} else {
__privateGet(that, _console).log(message);
}
}
if (Array.isArray(msg)) {
for (let index = 0; index < msg.length; index++) {
consoleMsg(msg[index]);
}
} else {
consoleMsg(msg);
}
if (__privateGet(this, _details).debug) {
__privateGet(this, _console).log(callerPosition);
}
}
/**
* 控制台-普通输出
* @param args 需要输出的内容
* @example
* log.info("输出信息","输出信息2","输出信息3","输出")
*/
info(...args2) {
if (__privateGet(this, _disable))
return;
this.printContent(args2, __privateGet(this, _details).infoColor);
}
/**
* 控制台-警告输出
* @param args 需要输出的内容
* @example
* log.warn("输出警告","输出警告2","输出警告3","输出警告4")
*/
warn(...args2) {
if (__privateGet(this, _disable))
return;
this.printContent(args2, __privateGet(this, _details).warnColor, "background: #FEF6D5;padding: 4px 6px 4px 0px;");
}
/**
* 控制台-错误输出
* @param args 需要输出的内容
* @example
* log.error("输出错误","输出错误2","输出错误3","输出错误4")
*/
error(...args2) {
if (__privateGet(this, _disable))
return;
this.printContent(args2, __privateGet(this, _details).errorColor);
}
/**
* 控制台-成功输出
* @param args 需要输出的内容
* @example
* log.success("输出成功")
*/
success(...args2) {
if (__privateGet(this, _disable))
return;
this.printContent(args2, __privateGet(this, _details).successColor);
}
/**
* 控制台-输出表格
* @param msg 需要输出的内容
* @example
* log.table([{"名字":"example","值":"123"},{"名字":"example2","值":"345"}])
*/
table(msg) {
if (__privateGet(this, _disable))
return;
this.checkClearConsole();
let stack = new Error().stack.split("\n");
stack.splice(0, 1);
let errorStackParse = this.parseErrorStack(stack);
let stackFunctionName = errorStackParse.name;
let stackFunctionNamePosition = errorStackParse.position;
let callerName = stackFunctionName;
__privateGet(this, _console).log(`%c[${this.tag}%c-%c${callerName}%c]%c`, ...__privateGet(this, _msgColorDetails), `color: ${__privateGet(this, _details).infoColor};`);
__privateGet(this, _console).table(msg);
if (__privateGet(this, _details).debug) {
__privateGet(this, _console).log(stackFunctionNamePosition);
}
}
/**
* 配置Log对象的颜色
* @param paramDetails 配置信息
*/
config(paramDetails) {
__privateSet(this, _details, Object.assign(__privateGet(this, _details), paramDetails));
}
/** 禁用输出 */
disable() {
__privateSet(this, _disable, true);
}
/** 恢复输出 */
recovery() {
__privateSet(this, _disable, false);
}
}
_disable = new WeakMap();
_console = new WeakMap();
_logCount = new WeakMap();
_details = new WeakMap();
_msgColorDetails = new WeakMap();
class Progress {
/**
*
* @param paramConfig 配置信息
*/
constructor(paramConfig) {
__privateAdd(this, _config, {
/**
* canvas元素节点
*/
canvasNode: null,
/**
* 绘制角度
*/
deg: 95,
/**
* 进度
*/
progress: 0,
/**
* 绘制的线宽度
*/
lineWidth: 10,
/**
* 绘制的背景颜色
*/
lineBgColor: "#1e637c",
/**
* 绘制的线的颜色
*/
lineColor: "#25deff",
/**
* 绘制的字体颜色
*/
textColor: "#000000",
/**
* 绘制的字体大小(px)
*/
fontSize: 22,
/**
* 绘制的圆的半径
*/
circleRadius: 50
});
__privateAdd(this, _ctx, null);
__privateAdd(this, _width, null);
__privateAdd(this, _height, null);
__privateSet(this, _config, utils$1.assign(__privateGet(this, _config), paramConfig));
if (!(__privateGet(this, _config).canvasNode instanceof HTMLCanvasElement)) {
throw new Error("Utils.Progress 参数 canvasNode 必须是 HTMLCanvasElement");
}
this.init();
}
/**
* 初始化
*/
init() {
let ctx = __privateGet(this, _config).canvasNode.getContext("2d");
if (ctx == null) {
throw new Error("Utils.Progress 获取画笔失败");
}
__privateSet(this, _ctx, ctx);
__privateSet(this, _width, __privateGet(this, _config).canvasNode.width);
__privateSet(this, _height, __privateGet(this, _config).canvasNode.height);
if (window.devicePixelRatio) {
__privateGet(this, _config).canvasNode.style.width = __privateGet(this, _width) + "px";
__privateGet(this, _config).canvasNode.style.height = __privateGet(this, _height) + "px";
__privateGet(this, _config).canvasNode.height = __privateGet(this, _height) * window.devicePixelRatio;
__privateGet(this, _config).canvasNode.width = __privateGet(this, _width) * window.devicePixelRatio;
__privateGet(this, _ctx).scale(window.devicePixelRatio, window.devicePixelRatio);
}
__privateGet(this, _ctx).lineWidth = __privateGet(this, _config).lineWidth;
}
/**
* 绘制
*/
draw() {
let degActive = __privateGet(this, _config).progress * 360 / 100;
__privateGet(this, _ctx).clearRect(0, 0, __privateGet(this, _width), __privateGet(this, _height));
__privateGet(this, _ctx).beginPath();
__privateGet(this, _ctx).arc(__privateGet(this, _width) / 2, __privateGet(this, _height) / 2, __privateGet(this, _config).circleRadius, 1, 8);
__privateGet(this, _ctx).strokeStyle = __privateGet(this, _config).lineBgColor;
__privateGet(this, _ctx).stroke();
__privateGet(this, _ctx).beginPath();
__privateGet(this, _ctx).arc(__privateGet(this, _width) / 2, __privateGet(this, _height) / 2, __privateGet(this, _config).circleRadius, -Math.PI / 2, degActive * Math.PI / 180 - Math.PI / 2);
__privateGet(this, _ctx).strokeStyle = __privateGet(this, _config).lineColor;
__privateGet(this, _ctx).stroke();
let txt = parseInt(__privateGet(this, _config).progress.toString()) + "%";
__privateGet(this, _ctx).font = __privateGet(this, _config).fontSize + "px SimHei";
let w = __privateGet(this, _ctx).measureText(txt).width;
let h2 = __privateGet(this, _config).fontSize / 2;
__privateGet(this, _ctx).fillStyle = __privateGet(this, _config).textColor;
__privateGet(this, _ctx).fillText(txt, __privateGet(this, _width) / 2 - w / 2, __privateGet(this, _height) / 2 + h2 / 2);
}
}
_config = new WeakMap();
_ctx = new WeakMap();
_width = new WeakMap();
_height = new WeakMap();
const TryCatch = function(...args) {
let callbackFunction = null;
let context = null;
let handleError = (error2) => {
};
let defaultDetails = {
log: true
};
const TryCatchCore = {
/**
*
* @param paramDetails 配置
* @returns
*/
config(paramDetails) {
defaultDetails = utils$1.assign(defaultDetails, paramDetails);
return TryCatchCore;
},
/**
* 处理错误
* @param handler
*/
error(handler) {
handleError = handler;
return TryCatchCore;
},
/**
* 执行传入的函数并捕获其可能抛出的错误，并通过传入的错误处理函数进行处理。
* @param callback 待执行函数，可以是 function 或者 string 类型。如果是 string 类型，则会被当做代码进行执行。
* @param __context__ 待执行函数的作用域，用于apply指定
* @returns 如果函数有返回值，则返回该返回值；否则返回 tryCatchObj 函数以支持链式调用。
* @throws {Error} 如果传入参数不符合要求，则会抛出相应类型的错误。
*/
run(callback2, __context__) {
callbackFunction = callback2;
context = __context__ || this;
let result2 = executeTryCatch(callbackFunction, handleError, context);
return result2 !== void 0 ? result2 : TryCatchCore;
}
};
function executeTryCatch(callback, handleErrorFunc, funcThis) {
let result = void 0;
try {
if (typeof callback === "string") {
(function() {
eval(callback);
}).apply(funcThis, args);
} else {
result = callback.apply(funcThis, args);
}
} catch (error) {
if (defaultDetails.log) {
callback = callback;
console.log(`%c ${(callback == null ? void 0 : callback.name) ? callback == null ? void 0 : callback.name : callback + "出现错误"} `, "color: #f20000");
console.log(`%c 错误原因：${error}`, "color: #f20000");
console.trace(callback);
}
if (handleErrorFunc) {
if (typeof handleErrorFunc === "string") {
result = (function() {
return eval(handleErrorFunc);
}).apply(funcThis, [...args, error]);
} else {
result = handleErrorFunc.apply(funcThis, [...args, error]);
}
}
}
return result;
}
return TryCatchCore;
};
class UtilsDictionary {
constructor(key, value) {
__publicField(this, "items", {});
if (key != null) {
this.set(key, value);
}
}
/**
* 检查是否有某一个键
* @param key 键
*/
has(key) {
return Reflect.has(this.items, key);
}
/**
* 检查已有的键中是否以xx开头
* @param key 需要匹配的键
*/
startsWith(key) {
let allKeys = this.keys();
for (const keyName of allKeys) {
if (String(keyName).startsWith(String(key))) {
return true;
}
}
return false;
}
/**
* 获取以xx开头的键的值
* @param key 需要匹配的键
*/
getStartsWith(key) {
let allKeys = this.keys();
let result2 = void 0;
for (const keyName of allKeys) {
if (String(keyName).startsWith(String(key))) {
result2 = this.get(keyName);
break;
}
}
return result2;
}
/**
* 为字典添加某一个值
* @param key 键
* @param val 值，默认为""
*/
set(key, val) {
if (key === void 0) {
throw new Error("Utils.Dictionary().set 参数 key 不能为空");
}
Reflect.set(this.items, key, val);
}
/**
* 删除某一个键
* @param key 键
*/
delete(key) {
if (this.has(key)) {
return Reflect.deleteProperty(this.items, key);
}
return false;
}
/**
* 获取某个键的值
* https://github.com/microsoft/TypeScript/issues/9619
* 微软到现在都没有修复has和get的联动
* @param key 键
*/
get(key) {
return Reflect.get(this.items, key);
}
/**
* 返回字典中的所有值
*/
values() {
let resultList = [];
for (let prop in this.getItems()) {
if (this.has(prop)) {
resultList.push(this.get(prop));
}
}
return resultList;
}
/**
* 清空字典
*/
clear() {
this.items = null;
this.items = {};
}
/**
* 获取字典的长度
*/
size() {
return Object.keys(this.getItems()).length;
}
/**
* 获取字典所有的键
*/
keys() {
return Reflect.ownKeys(this.items);
}
/**
* 返回字典本身
*/
getItems() {
return this.items;
}
/**
* 合并另一个字典
* @param data 需要合并的字典
*/
concat(data) {
this.items = utils$1.assign(this.items, data.getItems());
}
forEach(callbackfn) {
for (const key in this.getItems()) {
callbackfn(this.get(key), key, this.getItems());
}
}
/**
* 获取字典的长度，同this.size
*/
get length() {
return this.size();
}
/**
* 迭代器
*/
get entries() {
let that = this;
return function* () {
let itemKeys = Object.keys(that.getItems());
for (const keyName of itemKeys) {
yield [keyName, that.get(keyName)];
}
};
}
/**
* 是否可遍历
*/
get [Symbol.iterator]() {
let that = this;
return function() {
return that.entries();
};
}
}
class WindowApi {
constructor(option) {
/** 默认的配置 */
__publicField(this, "defaultApi", {
document,
window,
globalThis,
self,
top
});
/** 使用的配置 */
__publicField(this, "api");
if (option) {
if (option.globalThis == null) {
option.globalThis = option.window;
}
if (option.self == null) {
option.self = option.window;
}
}
if (!option) {
option = Object.assign({}, this.defaultApi);
}
this.api = Object.assign({}, option);
}
get document() {
return this.api.document;
}
get window() {
return this.api.window;
}
get globalThis() {
return this.api.globalThis;
}
get self() {
return this.api.self;
}
get top() {
return this.api.top;
}
}
const VueUtils = {
/** 标签 */
ReactiveFlags: {
IS_REACTIVE: Symbol("isReactive")
},
/**
* 判断是否是对象
* @param value
*/
isObject(value) {
return typeof value === "object" && value !== null;
},
/**
* 判断是否是函数
* @param val
*/
isFunction(val) {
return typeof val === "function";
},
/**
* 处理对象再次代理，可以直接返回
* @param value
*/
isReactive(value) {
return !!(value && value[VueUtils.ReactiveFlags.IS_REACTIVE]);
},
/**
* 判断是否是数组
* @param value
*/
isArray(value) {
return Array.isArray(value);
}
};
class ReactiveEffect {
constructor(fn, scheduler) {
__publicField(this, "deps", []);
__publicField(this, "active", true);
__publicField(this, "fn");
// @ts-ignore
__publicField(this, "scheduler");
this.fn = fn;
this.scheduler = scheduler;
}
run(cb) {
if (!this.active) {
this.fn();
}
try {
if (typeof cb === "function") {
cb(this);
}
return this.fn();
} finally {
if (typeof cb === "function") {
cb(void 0);
}
}
}
}
class RefImpl {
constructor(vueIns, rawValue) {
__publicField(this, "_value");
__publicField(this, "_isRef", true);
__publicField(this, "_rawValue");
__publicField(this, "_vue");
this._vue = vueIns;
this._rawValue = rawValue;
this._value = this._vue.toReactive(rawValue);
}
get value() {
return this._value;
}
set value(newValue) {
if (newValue !== this._rawValue) {
this._value = this._vue.toReactive(newValue);
this._rawValue = newValue;
}
}
}
class ObjectRefImpl {
constructor(object, key) {
__publicField(this, "object");
__publicField(this, "key");
this.object = object;
this.key = key;
}
get value() {
return this.object[this.key];
}
set value(newValue) {
this.object[this.key] = newValue;
}
}
class Vue {
constructor() {
__publicField(this, "reactMap", /* @__PURE__ */ new WeakMap());
__publicField(this, "targetMap", /* @__PURE__ */ new WeakMap());
__publicField(this, "activeEffect");
}
/**
* 生成一个被代理的对象
* @param target 需要代理的对象
*/
reactive(target) {
const that = this;
if (!(typeof target === "object" && target !== null)) {
return;
}
if (VueUtils.isReactive(target)) {
return target;
}
let exisProxy = this.reactMap.get(target);
if (exisProxy) {
return exisProxy;
}
const proxy = new Proxy(target, {
get(target2, key, receiver) {
if (key === VueUtils.ReactiveFlags.IS_REACTIVE) {
return true;
}
that.track(target2, "get", key);
return Reflect.get(target2, key, receiver);
},
set(target2, key, value, receiver) {
let oldValue = target2[key];
let result2 = Reflect.set(target2, key, value, receiver);
if (oldValue !== value) {
that.trigger(target2, "set", key, oldValue, value);
}
return result2;
}
});
that.reactMap.set(target, proxy);
return proxy;
}
/**
* 观察被reactive的对象值改变
* @param source 被观察的对象，这里采用函数返回对象
* @param changeCallBack 值改变的回调
*/
watch(source, changeCallBack) {
let getter;
if (VueUtils.isReactive(source)) {
getter = () => this.traversal(source);
} else if (VueUtils.isFunction(source)) {
getter = source;
} else {
return;
}
let oldValue;
const job = () => {
const newValue = effect.run((activeEffect) => {
this.activeEffect = activeEffect;
});
changeCallBack(newValue, oldValue);
oldValue = newValue;
};
const effect = new ReactiveEffect(getter, job);
oldValue = effect.run((activeEffect) => {
this.activeEffect = activeEffect;
});
}
toReactive(value) {
return VueUtils.isObject(value) ? this.reactive(value) : value;
}
ref(value) {
return new RefImpl(this, value);
}
toRef(object, key) {
return new ObjectRefImpl(object, key);
}
toRefs(object) {
const result2 = VueUtils.isArray(object) ? new Array(object.length) : {};
for (let key in object) {
result2[key] = this.toRef(object, key);
}
return result2;
}
trigger(target, type, key, oldValue, value) {
const depsMap = this.targetMap.get(target);
if (!depsMap)
return;
const effects = depsMap.get(key);
this.triggerEffect(effects, "effects");
}
triggerEffect(effects, name) {
effects && effects.forEach((effect) => {
if (effect.scheduler) {
effect.scheduler();
} else {
effect.run();
}
});
}
track(target, type, key) {
if (!this.activeEffect)
return;
let depsMap = this.targetMap.get(target);
if (!depsMap) {
this.targetMap.set(target, depsMap = /* @__PURE__ */ new Map());
}
let dep = depsMap.get(key);
if (!dep) {
depsMap.set(key, dep = /* @__PURE__ */ new Set());
}
this.trackEffect(dep);
}
trackEffect(dep) {
if (this.activeEffect) {
let shouldTrack = !dep.has(this.activeEffect);
if (shouldTrack) {
dep.add(this.activeEffect);
this.activeEffect.deps.push(dep);
}
}
}
traversal(value, set = /* @__PURE__ */ new Set()) {
if (!VueUtils.isObject(value))
return value;
if (set.has(value)) {
return value;
}
set.add(value);
for (let key in value) {
this.traversal(value[key], set);
}
return value;
}
}
class Utils {
constructor(option) {
__publicField(this, "windowApi");
/** 版本号 */
__publicField(this, "version", "2024.12.25");
/**
* ajax劫持库，支持xhr和fetch劫持。
* + 来源：https://bbs.tampermonkey.net.cn/thread-3284-1-1.html
* + 作者：cxxjackie
* + 版本：1.4.1
* + 文档：https://scriptcat.org/zh-CN/script-show-page/637/
*/
__publicField(this, "ajaxHooker", AjaxHooker);
/**
* 颜色转换
* @returns
*/
__publicField(this, "ColorConversion", ColorConversion);
/**
* 字典
* @example
* let dictionary = new Utils.Dictionary();
* let dictionary2 = new Utils.Dictionary();
* dictionary.set("test","111");
* dictionary.get("test");
* > '111'
* dictionary.has("test");
* > true
* dictionary.concat(dictionary2);
**/
__publicField(this, "Dictionary", UtilsDictionary);
/**
* gbk格式的url编码,来自https://greasyfork.org/zh-CN/scripts/427726-gbk-url-js
* @example
* let gbkEncoder = new Utils.GBKEncoder();
* gbkEncoder.encode("测试");
* > '%B2%E2%CA%D4'
* gbkEncoder.decode("%B2%E2%CA%D4");
* > 测试
*/
__publicField(this, "GBKEncoder", GBKEncoder);
/**
* 对于GM_cookie的兼容写法，当无法使用GM_cookie时可以使用这个,但是并不完全兼容，有些写不出来且限制了httponly是无法访问的
* @example
let GM_cookie = new Utils.GM_Cookie();
GM_cookie.list({name:"xxx_cookie_xxx"},function(cookies,error){
if (!error) {
console.log(cookies);
console.log(cookies.value);
} else {
console.error(error);
}
});
GM_cookie.set({name:"xxx_cookie_test_xxx",value:"这是Cookie测试值"},function(error){
if (error) {
console.error(error);
} else {
console.log('Cookie set successfully.');
}
})
GM_cookie.delete({name:"xxx_cookie_test_xxx"},function(error){
if (error) {
console.error(error);
} else {
console.log('Cookie set successfully.');
}
})
**/
__publicField(this, "GM_Cookie", UtilsGMCookie);
/**
* 注册油猴菜单，要求本地存储的键名不能存在其它键名`GM_Menu_Local_Map`会冲突/覆盖
* @example
let GM_Menu = new Utils.GM_Menu({
data: [
{
menu_key: "menu_key",
text: "测试按钮",
enable: true,
accessKey: "a",
autoClose: false,
showText(text, enable) {
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data) {
console.log("点击菜单，值修改为", data.enable);
},
},
],
autoReload: false,
GM_getValue,
GM_setValue,
GM_registerMenuCommand,
GM_unregisterMenuCommand,
});
// 获取某个菜单项的值
GM_Menu.get("menu_key");
> true
// 获取某个菜单项的开启/关闭后显示的文本
GM_Menu.getShowTextValue("menu_key");
> √测试按钮
// 添加键为menu_key2的菜单项
GM_Menu.add({
key:"menu_key2",
text: "测试按钮2",
enable: false,
showText(text,enable){
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data){
console.log("点击菜单，值修改为",data.enable);
}
});
// 使用数组的方式添加多个菜单，如menu_key3、menu_key4
GM_Menu.add([
{
key:"menu_key3",
text: "测试按钮3",
enable: false,
showText(text,enable){
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data){
console.log("点击菜单，值修改为",data.enable);
}
},
{
key:"menu_key4",
text: "测试按钮4",
enable: false,
showText(text,enable){
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data){
console.log("点击菜单，值修改为",data.enable);
}
}
]);
// 更新键为menu_key的显示文字和点击回调
GM_Menu.update({
menu_key:{
text: "更新后的测试按钮",
enable: true,
showText(text,enable){
return "[" + (enable ? "√" : "×") + "]" + text;
},
callback(data){
console.log("点击菜单更新后的测试按钮，新值修改为",data.enable);
}
}
});
// 删除键为menu_key的菜单
GM_Menu.delete("menu_key");
**/
__publicField(this, "GM_Menu", GMMenu);
/**
* 基于Function prototype，能够勾住和释放任何函数
*
* .hook
* + realFunc {string} 用于保存原始函数的函数名称,用于unHook
* + hookFunc {string} 替换的hook函数
* + context {object} 目标函数所在对象,用于hook非window对象下的函数，如String.protype.slice,carInstance1
* + methodName {string} 匿名函数需显式传入目标函数名eg:this.Begin = function(){....};}
*
* .unhook
* + realFunc {string} 用于保存原始函数的函数名称,用于unHook
* + funcName {string} 被Hook的函数名称
* + context {object} 目标函数所在对象,用于hook非window对象下的函数，如String.protype.slice,carInstance1
* @example
let hook = new Utils.Hooks();
hook.initEnv();
function myFunction(){
console.log("我自己需要执行的函数");
}
function testFunction(){
console.log("正常执行的函数");
}
testFunction.hook(testFunction,myFunction,window);
**/
__publicField(this, "Hooks", Hooks);
/**
* 为减少代码量和回调，把GM_xmlhttpRequest封装
* 文档地址: https://www.tampermonkey.net/documentation.php?ext=iikm
* 其中onloadstart、onprogress、onreadystatechange是回调形式，onabort、ontimeout、onerror可以设置全局回调函数
* @param _GM_xmlHttpRequest_ 油猴中的GM_xmlhttpRequest
* @example
let httpx = new Utils.Httpx(GM_xmlhttpRequest);
let postResp = await httpx.post({
url:url,
data:JSON.stringify({
test:1
}),
timeout: 5000
});
console.log(postResp);
> {
status: true,
data: {responseText: "...", response: xxx,...},
msg: "请求完毕",
type: "onload",
}
if(postResp === "onload" && postResp.status){
// onload
}else if(postResp === "ontimeout"){
// ontimeout
}
* @example
// 也可以先配置全局参数
let httpx = new Utils.Httpx(GM_xmlhttpRequest);
httpx.config({
timeout: 5000,
async: false,
responseType: "html",
redirect: "follow",
})
// 优先级为 默认details < 全局details < 单独的details
*/
__publicField(this, "Httpx", Httpx);
/**
* 浏览器端的indexedDB操作封装
* @example
let db = new Utils.indexedDB('web_DB', 'nav_text')
let data = {name:'管理员', roleId: 1, type: 1};
db.save('list',data).then((resolve)=>{
console.log(resolve,'存储成功')
})
db.get('list').then((resolve)=>{
console.log(resolve,'查询成功')
})
db.getPaging('list',20,10).then((resolve)=>{
console.log(resolve,'查询分页偏移第20，一共10行成功');
})
db.delete('list').then(resolve=>{
console.log(resolve,'删除成功---->>>>>>name')
})
db.deleteAll().then(resolve=>{
console.log(resolve,'清除数据库---->>>>>>name')
})
**/
__publicField(this, "indexedDB", indexedDB);
/**
* 自动锁对象，用于循环判断运行的函数，在循环外new后使用，注意，如果函数内部存在异步操作，需要使用await
* @example
let lock = new Utils.LockFunction(()=>{console.log(1)}))
lock.run();
> 1
* @example
let lock = new Utils.LockFunction(()=>{console.log(1)}),true) -- 异步操作
await lock.run();
> 1
**/
__publicField(this, "LockFunction", LockFunction);
/**
* 日志对象
* @param _GM_info_ 油猴管理器的API GM_info，或者是一个对象，如{"script":{name:"Utils.Log"}}
* @example
let log = new Utils.Log(GM_info);
log.info("普通输出");
> 普通输出
log.success("成功输出");
> 成功输出
log.error("错误输出");
> 错误输出
log.warn("警告输出");
> 警告输出
log.tag = "自定义tag信息";
log.info("自定义info的颜色","#e0e0e0");
> 自定义info的颜色
log.config({
successColor: "#31dc02",
errorColor: "#e02d2d",
infoColor: "black",
})
log.success("颜色为#31dc02");
> 颜色为#31dc02
*/
__publicField(this, "Log", Log);
/**
* 在canvas元素节点上绘制进度圆圈
* @example
let progress = new Utils.Process({canvasNode:document.querySelector("canvas")});
progress.draw();
* **/
__publicField(this, "Progress", Progress);
/**
* 提供一个封装了 try-catch 的函数，可以执行传入的函数并捕获其可能抛出的错误，并通过传入的错误处理函数进行处理。
* @example
* Utils.tryCatch().error().run(()=>{console.log(1)});
* > 1
* @example
* Utils.tryCatch().config({log:true}).error((error)=>{console.log(error)}).run(()=>{throw new Error('测试错误')});
* > ()=>{throw new Error('测试错误')}出现错误
*/
__publicField(this, "tryCatch", TryCatch);
/**
* 生成uuid
* @example
* Utils.generateUUID()
*/
__publicField(this, "generateUUID", GenerateUUID);
/**
* 自定义的动态响应对象
* @example
* let vue = new Utils.Vue();
* let reactive = new vue.reactive({});
* vue.watch(()=>reactive["name"], (newValue, oldValue)=>{
* console.log("newValue ==> " + newValue);
* console.log("oldValue ==> " + oldValue);
* })
* vue["name"] = "测试";
* > "测试"
*/
__publicField(this, "Vue", Vue);
this.windowApi = new WindowApi(option);
}
addStyle(cssText) {
if (typeof cssText !== "string") {
throw new Error("Utils.addStyle 参数cssText 必须为String类型");
}
let cssNode = this.windowApi.document.createElement("style");
cssNode.setAttribute("type", "text/css");
cssNode.innerHTML = cssText;
if (this.windowApi.document.head) {
this.windowApi.document.head.appendChild(cssNode);
} else if (this.windowApi.document.body) {
this.windowApi.document.body.appendChild(cssNode);
} else if (this.windowApi.document.documentElement.childNodes.length === 0) {
this.windowApi.document.documentElement.appendChild(cssNode);
} else {
this.windowApi.document.documentElement.insertBefore(cssNode, this.windowApi.document.documentElement.childNodes[0]);
}
return cssNode;
}
assign(target = {}, source = {}, isAdd = false) {
let UtilsContext = this;
if (Array.isArray(source)) {
let canTraverse = source.filter((item) => {
return typeof item === "object";
});
if (!canTraverse.length) {
return source;
}
}
if (source == null) {
return target;
}
if (target == null) {
target = {};
}
if (isAdd) {
for (const sourceKeyName in source) {
const targetKeyName = sourceKeyName;
let targetValue = target[targetKeyName];
let sourceValue = source[sourceKeyName];
if (typeof sourceValue === "object" && sourceValue != null && sourceKeyName in target && !UtilsContext.isDOM(sourceValue)) {
target[sourceKeyName] = UtilsContext.assign(targetValue, sourceValue, isAdd);
continue;
}
target[sourceKeyName] = sourceValue;
}
} else {
for (const targetKeyName in target) {
if (targetKeyName in source) {
let targetValue = target[targetKeyName];
let sourceValue = source[targetKeyName];
if (typeof sourceValue === "object" && sourceValue != null && !UtilsContext.isDOM(sourceValue) && Object.keys(sourceValue).length) {
target[targetKeyName] = UtilsContext.assign(targetValue, sourceValue, isAdd);
continue;
}
target[targetKeyName] = sourceValue;
}
}
}
return target;
}
async asyncReplaceAll(string, pattern, asyncFn) {
let UtilsContext = this;
if (typeof string !== "string") {
throw new TypeError("string必须是字符串");
}
if (typeof asyncFn !== "function") {
throw new TypeError("asyncFn必须是函数");
}
let reg;
if (typeof pattern === "string") {
reg = new RegExp(UtilsContext.parseStringToRegExpString(pattern), "g");
} else if (pattern instanceof RegExp) {
if (!pattern.global) {
throw new TypeError("pattern必须是全局匹配");
}
reg = new RegExp(pattern);
} else {
throw new TypeError("pattern必须是正则对象");
}
let result2 = [];
let match;
let lastIndex = 0;
while ((match = reg.exec(string)) !== null) {
const item = asyncFn(match[0]);
const prefix = string.slice(lastIndex, match.index);
lastIndex = match.index + match[0].length;
result2.push(item);
result2.push(prefix);
}
result2.push(string.slice(lastIndex));
result2 = await Promise.all(result2);
return result2.join("");
}
canvasClickByPosition(canvasElement, clientX = 0, clientY = 0, view = globalThis) {
if (!(canvasElement instanceof HTMLCanvasElement)) {
throw new Error("Utils.canvasClickByPosition 参数canvasElement必须是canvas元素");
}
clientX = parseInt(clientX.toString());
clientY = parseInt(clientY.toString());
const eventInit = {
cancelBubble: true,
cancelable: true,
clientX,
clientY,
// @ts-ignore
view,
detail: 1
};
canvasElement.dispatchEvent(new MouseEvent("mousedown", eventInit));
canvasElement.dispatchEvent(new MouseEvent("mouseup", eventInit));
}
checkUserClickInNode(element) {
var _a2;
let UtilsContext = this;
if (!UtilsContext.isDOM(element)) {
throw new Error("Utils.checkUserClickInNode 参数 targetNode 必须为 Element|Node 类型");
}
let clickEvent = UtilsContext.windowApi.window.event;
let touchEvent = UtilsContext.windowApi.window.event;
let $click = (_a2 = clickEvent == null ? void 0 : clickEvent.composedPath()) == null ? void 0 : _a2[0];
let clickPosX = (clickEvent == null ? void 0 : clickEvent.clientX) != null ? clickEvent.clientX : touchEvent.touches[0].clientX;
let clickPosY = (clickEvent == null ? void 0 : clickEvent.clientY) != null ? clickEvent.clientY : touchEvent.touches[0].clientY;
let {
/* 要检测的元素的相对屏幕的横坐标最左边 */
left: elementPosXLeft,
/* 要检测的元素的相对屏幕的横坐标最右边 */
right: elementPosXRight,
/* 要检测的元素的相对屏幕的纵坐标最上边 */
top: elementPosYTop,
/* 要检测的元素的相对屏幕的纵坐标最下边 */
bottom: elementPosYBottom
} = element.getBoundingClientRect();
if (clickPosX >= elementPosXLeft && clickPosX <= elementPosXRight && clickPosY >= elementPosYTop && clickPosY <= elementPosYBottom) {
return true;
} else if ($click && element.contains($click) || $click == element) {
return true;
} else {
return false;
}
}
/**
* 复制formData数据
* @param formData 需要clone的数据
*/
cloneFormData(formData, filterFn) {
let clonedFormData = new FormData();
for (let [key, value] of formData.entries()) {
let isFilter = typeof filterFn === "function" ? filterFn(key, value) : false;
if (typeof isFilter === "boolean" && isFilter) {
continue;
}
clonedFormData.append(key, value);
}
return clonedFormData;
}
createOverload() {
let fnMap = /* @__PURE__ */ new Map();
function overload(...args2) {
let key = args2.map((it) => typeof it).join(",");
let fn = fnMap.get(key);
if (!fn) {
throw new TypeError("没有找到对应的实现");
}
return fn.apply(this, args2);
}
overload.addImpl = function(...args2) {
let fn = args2.pop();
if (typeof fn !== "function") {
throw new TypeError("最后一个参数必须是函数");
}
let key = args2.join(",");
fnMap.set(key, fn);
};
return overload;
}
deepClone(obj) {
let UtilsContext = this;
if (obj === void 0)
return void 0;
if (obj === null)
return null;
let clone = obj instanceof Array ? [] : {};
for (const [key, value] of Object.entries(obj)) {
clone[key] = typeof value === "object" ? UtilsContext.deepClone(value) : value;
}
return clone;
}
debounce(fn, delay = 0) {
let timer = null;
const context2 = this;
return function(...args2) {
clearTimeout(timer);
timer = setTimeout(function() {
fn.apply(context2, args2);
}, delay);
};
}
deleteParentNode(element, targetSelector) {
let UtilsContext = this;
if (element == null) {
return;
}
if (!UtilsContext.isDOM(element)) {
throw new Error("Utils.deleteParentNode 参数 target 必须为 Node|HTMLElement 类型");
}
if (typeof targetSelector !== "string") {
throw new Error("Utils.deleteParentNode 参数 targetSelector 必须为 string 类型");
}
let result2 = false;
let needRemoveDOM = element.closest(targetSelector);
if (needRemoveDOM) {
needRemoveDOM.remove();
result2 = true;
}
return result2;
}
dispatchEvent(element, eventName, details) {
let eventNameList = [];
if (typeof eventName === "string") {
eventNameList = [eventName];
}
if (Array.isArray(eventName)) {
eventNameList = [...eventName];
}
eventNameList.forEach((_eventName_) => {
let event = new Event(_eventName_);
if (details) {
Object.assign(event, details);
}
element.dispatchEvent(event);
});
}
downloadBase64(base64Data, fileName, isIFrame = false) {
if (typeof base64Data !== "string") {
throw new Error("Utils.downloadBase64 参数 base64Data 必须为 string 类型");
}
if (typeof fileName !== "string") {
throw new Error("Utils.downloadBase64 参数 fileName 必须为 string 类型");
}
if (isIFrame) {
const iframeElement = this.windowApi.document.createElement("iframe");
iframeElement.style.display = "none";
iframeElement.src = base64Data;
this.windowApi.document.body.appendChild(iframeElement);
setTimeout(() => {
iframeElement.contentWindow.document.execCommand("SaveAs", true, fileName);
this.windowApi.document.body.removeChild(iframeElement);
}, 100);
} else {
const linkElement = this.windowApi.document.createElement("a");
linkElement.setAttribute("target", "_blank");
linkElement.download = fileName;
linkElement.href = base64Data;
linkElement.click();
}
}
findWebPageVisibleText(str = "", caseSensitive = false) {
let TRange = null;
let strFound;
if (this.windowApi.globalThis.find) {
let windowFind = this.windowApi.self.find;
strFound = windowFind(str, caseSensitive, true, true, false);
if (strFound && this.windowApi.self.getSelection && !this.windowApi.self.getSelection().anchorNode) {
strFound = windowFind(str, caseSensitive, true, true, false);
}
if (!strFound) {
strFound = windowFind(str, 0, 1);
while (windowFind(str, 0, 1))
continue;
}
} else if (navigator.appName.indexOf("Microsoft") != -1) {
if (TRange != null) {
TRange = TRange;
TRange.collapse(false);
strFound = TRange.findText(str);
if (strFound)
TRange.select();
}
if (TRange == null || strFound == 0) {
TRange = this.windowApi.self.document.body.createTextRange();
strFound = TRange.findText(str);
if (strFound)
TRange.select();
}
} else if (navigator.appName == "Opera") {
alert("Opera browsers not supported, sorry...");
return;
}
return strFound ? true : false;
}
*findElementsWithText(element, text, filter) {
let that = this;
if (element.outerHTML.includes(text)) {
if (element.children.length === 0) {
let filterResult = typeof filter === "function" ? filter(element) : false;
if (!filterResult) {
yield element;
}
} else {
let textElement = Array.from(element.childNodes).filter((ele) => ele.nodeType === Node.TEXT_NODE);
for (let ele of textElement) {
if (ele.textContent.includes(text)) {
let filterResult = typeof filter === "function" ? filter(element) : false;
if (!filterResult) {
yield ele;
}
}
}
}
}
for (let index = 0; index < element.children.length; index++) {
let childElement = element.children[index];
yield* that.findElementsWithText(childElement, text, filter);
}
}
/**
* 判断该元素是否可见，如果不可见，向上找它的父元素直至找到可见的元素
* @param element
* @example
* let visibleElement = Utils.findVisibleElement(document.querySelector("a.xx"));
* > <HTMLElement>
*/
findVisibleElement(element) {
let currentElement = element;
while (currentElement) {
let elementRect = currentElement.getBoundingClientRect();
if (Boolean(elementRect.length)) {
return currentElement;
}
currentElement = currentElement.parentElement;
}
return null;
}
formatByteToSize(byteSize, addType = true) {
byteSize = parseInt(byteSize.toString());
if (isNaN(byteSize)) {
throw new Error("Utils.formatByteToSize 参数 byteSize 格式不正确");
}
let result2 = 0;
let resultType = "KB";
let sizeData = {};
sizeData.B = 1;
sizeData.KB = 1024;
sizeData.MB = sizeData.KB * sizeData.KB;
sizeData.GB = sizeData.MB * sizeData.KB;
sizeData.TB = sizeData.GB * sizeData.KB;
sizeData.PB = sizeData.TB * sizeData.KB;
sizeData.EB = sizeData.PB * sizeData.KB;
sizeData.ZB = sizeData.EB * sizeData.KB;
sizeData.YB = sizeData.ZB * sizeData.KB;
sizeData.BB = sizeData.YB * sizeData.KB;
sizeData.NB = sizeData.BB * sizeData.KB;
sizeData.DB = sizeData.NB * sizeData.KB;
for (let key in sizeData) {
result2 = byteSize / sizeData[key];
resultType = key;
if (sizeData.KB >= result2) {
break;
}
}
result2 = result2.toFixed(2);
result2 = addType ? result2 + resultType.toString() : parseFloat(result2.toString());
return result2;
}
getNodeListValue(...args2) {
let resultArray = [];
for (let arg of args2) {
let value = arg;
if (typeof arg === "function") {
value = arg();
}
if (value.length !== 0) {
resultArray = [...value];
break;
}
}
return resultArray;
}
getNonNullValue(...args2) {
let resultValue = args2[args2.length - 1];
let UtilsContext = this;
for (const argValue of args2) {
if (UtilsContext.isNotNull(argValue)) {
resultValue = argValue;
break;
}
}
return resultValue;
}
formatTime(text = /* @__PURE__ */ new Date(), formatType = "yyyy-MM-dd HH:mm:ss") {
let time = text == null ? /* @__PURE__ */ new Date() : new Date(text);
function checkTime(timeNum) {
if (timeNum < 10)
return "0" + timeNum;
return timeNum;
}
function timeSystemChange(hourNum) {
return hourNum > 12 ? hourNum - 12 : hourNum;
}
let timeRegexp = {
yyyy: time.getFullYear(),
/* 年 */
MM: checkTime(time.getMonth() + 1),
/* 月 */
dd: checkTime(time.getDate()),
/* 日 */
HH: checkTime(time.getHours()),
/* 时 (24小时制) */
hh: checkTime(timeSystemChange(time.getHours())),
/* 时 (12小时制) */
mm: checkTime(time.getMinutes()),
/* 分 */
ss: checkTime(time.getSeconds())
/* 秒 */
};
Object.keys(timeRegexp).forEach(function(key) {
let replaecRegexp = new RegExp(key, "g");
formatType = formatType.replace(replaecRegexp, timeRegexp[key]);
});
return formatType;
}
formatToTimeStamp(text) {
if (typeof text !== "string") {
throw new Error("Utils.formatToTimeStamp 参数 text 必须为 string 类型");
}
if (text.length === 8) {
let today = /* @__PURE__ */ new Date();
text = today.getFullYear() + "-" + (today.getMonth() + 1) + "-" + today.getDate() + " " + text;
}
text = text.substring(0, 19);
text = text.replace(/-/g, "/");
let timestamp = new Date(text).getTime();
return timestamp;
}
/**
* 获取 transitionend 的在各个浏览器的兼容名
*/
getTransitionEndNameList() {
return [
"webkitTransitionEnd",
"mozTransitionEnd",
"MSTransitionEnd",
"otransitionend",
"transitionend"
];
}
/**
* 获取 animationend 的在各个浏览器的兼容名
*/
getAnimationEndNameList() {
return [
"webkitAnimationEnd",
"mozAnimationEnd",
"MSAnimationEnd",
"oanimationend",
"animationend"
];
}
getArrayLastValue(targetObj) {
return targetObj[targetObj.length - 1];
}
getArrayRealValue(...args2) {
let result2 = null;
for (let arg of args2) {
if (typeof arg === "function") {
arg = arg();
}
if (arg != null) {
result2 = arg;
break;
}
}
return result2;
}
getDaysDifference(timestamp1 = Date.now(), timestamp2 = Date.now(), type = "天") {
type = type.trim();
if (timestamp1.toString().length === 10) {
timestamp1 = timestamp1 * 1e3;
}
if (timestamp2.toString().length === 10) {
timestamp2 = timestamp2 * 1e3;
}
let smallTimeStamp = timestamp1 > timestamp2 ? timestamp2 : timestamp1;
let bigTimeStamp = timestamp1 > timestamp2 ? timestamp1 : timestamp2;
let oneSecond = 1e3;
let oneMinute = 60 * oneSecond;
let oneHour = 60 * oneMinute;
let oneDay = 24 * oneHour;
let oneMonth = 30 * oneDay;
let oneYear = 12 * oneMonth;
let bigDate = new Date(bigTimeStamp);
let smallDate = new Date(smallTimeStamp);
let remainderValue = 1;
if (type === "年") {
remainderValue = oneYear;
} else if (type === "月") {
remainderValue = oneMonth;
} else if (type === "天") {
remainderValue = oneDay;
} else if (type === "时") {
remainderValue = oneHour;
} else if (type === "分") {
remainderValue = oneMinute;
} else if (type === "秒") {
remainderValue = oneSecond;
}
let diffValue = Math.round(Math.abs((bigDate - smallDate) / remainderValue));
if (type === "auto") {
let timeDifference = bigTimeStamp - smallTimeStamp;
diffValue = Math.floor(timeDifference / (24 * 3600 * 1e3));
if (diffValue > 0) {
diffValue = diffValue + "天";
} else {
let leave1 = timeDifference % (24 * 3600 * 1e3);
let hours = Math.floor(leave1 / (3600 * 1e3));
if (hours > 0) {
diffValue = hours + "小时";
} else {
let leave2 = leave1 % (3600 * 1e3);
let minutes = Math.floor(leave2 / (60 * 1e3));
if (minutes > 0) {
diffValue = minutes + "分钟";
} else {
let leave3 = leave2 % (60 * 1e3);
let seconds = Math.round(leave3 / 1e3);
diffValue = seconds + "秒";
}
}
}
}
return diffValue;
}
getElementSelector(element) {
let UtilsContext = this;
if (!element)
return;
if (!element.parentElement)
return;
if (element.id)
return "#" + element.id;
let selector = UtilsContext.getElementSelector(element.parentElement);
if (!selector) {
return element.tagName.toLowerCase();
}
if (element.parentElement.querySelectorAll(element.tagName).length > 1) {
let index = Array.prototype.indexOf.call(element.parentElement.children, element) + 1;
selector += " > " + element.tagName.toLowerCase() + ":nth-child(" + index + ")";
} else {
selector += " > " + element.tagName.toLowerCase();
}
return selector;
}
/**
* 获取最大值
* @example
* Utils.getMaxValue([{1:123},{2:345},{3:456}],(index,value)=>{return parseInt(index)})
* > 2
*/
getMaxValue(...args2) {
let result2 = [...args2];
let newResult = [];
if (result2.length === 0) {
return;
}
if (result2.length > 1) {
if (result2.length === 2 && typeof result2[0] === "object" && typeof result2[1] === "function") {
let data = result2[0];
let handleDataFunc = result2[1];
Object.keys(data).forEach((keyName) => {
newResult = [...newResult, handleDataFunc(keyName, data[keyName])];
});
} else {
result2.forEach((item) => {
if (!isNaN(parseFloat(item))) {
newResult = [...newResult, parseFloat(item)];
}
});
}
return Math.max(...newResult);
} else {
result2[0].forEach((item) => {
if (!isNaN(parseFloat(item))) {
newResult = [...newResult, parseFloat(item)];
}
});
return Math.max(...newResult);
}
}
getMaxZIndexNodeInfo(deviation = 1, target = this.windowApi.document, ignoreCallBack) {
deviation = Number.isNaN(deviation) ? 1 : deviation;
const UtilsContext = this;
const maxZIndexCompare = 2 * Math.pow(10, 9);
let zIndex = 0;
let maxZIndexNode = null;
function isVisibleNode($css) {
return $css.position !== "static" && $css.display !== "none";
}
function queryMaxZIndex($ele) {
if (typeof ignoreCallBack === "function") {
let ignoreResult = ignoreCallBack($ele);
if (typeof ignoreResult === "boolean" && !ignoreResult) {
return;
}
}
const nodeStyle = UtilsContext.windowApi.window.getComputedStyle($ele);
if (isVisibleNode(nodeStyle)) {
let nodeZIndex = parseInt(nodeStyle.zIndex);
if (!isNaN(nodeZIndex)) {
if (nodeZIndex > zIndex) {
zIndex = nodeZIndex;
maxZIndexNode = $ele;
}
}
if ($ele.shadowRoot != null && $ele instanceof ShadowRoot) {
$ele.shadowRoot.querySelectorAll("*").forEach(($shadowEle) => {
queryMaxZIndex($shadowEle);
});
}
}
}
target.querySelectorAll("*").forEach(($ele, index) => {
queryMaxZIndex($ele);
});
zIndex += deviation;
if (zIndex >= maxZIndexCompare) {
zIndex = maxZIndexCompare;
}
return {
node: maxZIndexNode,
zIndex
};
}
getMaxZIndex(deviation = 1, target = this.windowApi.document, ignoreCallBack) {
return this.getMaxZIndexNodeInfo(deviation, target, ignoreCallBack).zIndex;
}
getMinValue(...args2) {
let result2 = [...args2];
let newResult = [];
if (result2.length === 0) {
return;
}
if (result2.length > 1) {
if (result2.length === 2 && typeof result2[0] === "object" && typeof result2[1] === "function") {
let data = result2[0];
let handleDataFunc = result2[1];
Object.keys(data).forEach((keyName) => {
newResult = [...newResult, handleDataFunc(keyName, data[keyName])];
});
} else {
result2.forEach((item) => {
if (!isNaN(parseFloat(item))) {
newResult = [...newResult, parseFloat(item)];
}
});
}
return Math.min(...newResult);
} else {
result2[0].forEach((item) => {
if (!isNaN(parseFloat(item))) {
newResult = [...newResult, parseFloat(item)];
}
});
return Math.min(...newResult);
}
}
/**
* 获取随机的安卓手机User-Agent
* @example
* Utils.getRandomAndroidUA();
* > 'Mozilla/5.0 (Linux; Android 10; MI 13 Build/OPR1.170623.027; wv) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.3490.40 Mobile Safari/537.36'
**/
getRandomAndroidUA() {
let UtilsContext = this;
let mobileNameList = [
"LDN-LX3",
"RNE-L03",
"ASUS_X00ID Build/NMF26F",
"WAS-LX3",
"PRA-LX3",
"MYA-L03",
"Moto G Play",
"Moto C Build/NRD90M.063",
"Redmi Note 4 Build/NRD90M",
"HUAWEI VNS-L21 Build/HUAWEIVNS-L21",
"VTR-L09",
"TRT-LX3",
"M2003J15SC Build/RP1A.200720.011; wv",
"MI 13 Build/OPR1.170623.027; wv"
];
let androidVersion = UtilsContext.getRandomValue(12, 14);
let randomMobile = UtilsContext.getRandomValue(mobileNameList);
let chromeVersion1 = UtilsContext.getRandomValue(120, 132);
let chromeVersion2 = UtilsContext.getRandomValue(0, 0);
let chromeVersion3 = UtilsContext.getRandomValue(2272, 6099);
let chromeVersion4 = UtilsContext.getRandomValue(1, 218);
return `Mozilla/5.0 (Linux; Android ${androidVersion}; ${randomMobile}) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Mobile Safari/537.36`;
}
/**
* 获取随机的电脑端User-Agent
* + Mozilla/5.0：以前用于Netscape浏览器，目前大多数浏览器UA都会带有
* + Windows NT 13：代表Window11系统
* + Windows NT 10.0：代表Window10系统
* + Windows NT 6.1：代表windows7系统
* + WOW64：Windows-on-Windows 64-bit，32位的应用程序运行于此64位处理器上
* + Win64：64位
* + AppleWebKit/537.36：浏览器内核
* + KHTML：HTML排版引擎
* + like Gecko：这不是Geckeo 浏览器，但是运行起来像Geckeo浏览器
* + Chrome/106.0.5068.19：Chrome版本号
* + Safari/537.36：宣称自己是Safari？
* @returns 返回随机字符串
* @example
* Utils.getRandomPCUA();
* > 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.5068.19 Safari/537.36'
**/
getRandomPCUA() {
let UtilsContext = this;
let chromeVersion1 = UtilsContext.getRandomValue(120, 132);
let chromeVersion2 = UtilsContext.getRandomValue(0, 0);
let chromeVersion3 = UtilsContext.getRandomValue(2272, 6099);
let chromeVersion4 = UtilsContext.getRandomValue(1, 218);
return `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${chromeVersion1}.${chromeVersion2}.${chromeVersion3}.${chromeVersion4} Safari/537.36`;
}
getRandomValue(...args2) {
let result2 = [...args2];
if (result2.length > 1) {
if (result2.length === 2 && typeof result2[0] === "number" && typeof result2[1] === "number") {
let leftNumber = result2[0] > result2[1] ? result2[1] : result2[0];
let rightNumber = result2[0] > result2[1] ? result2[0] : result2[1];
return Math.round(Math.random() * (rightNumber - leftNumber)) + leftNumber;
} else {
return result2[Math.floor(Math.random() * result2.length)];
}
} else if (result2.length === 1) {
let paramData = result2[0];
if (Array.isArray(paramData)) {
return paramData[Math.floor(Math.random() * paramData.length)];
} else if (typeof paramData === "object" && Object.keys(paramData).length > 0) {
let paramObjDataKey = Object.keys(paramData)[Math.floor(Math.random() * Object.keys(paramData).length)];
return paramData[paramObjDataKey];
} else {
return paramData;
}
}
}
/**
* 获取元素上的使用React框架的实例属性，目前包括reactFiber、reactProps、reactEvents、reactEventHandlers、reactInternalInstance
* @param element 需要获取的目标元素
* @returns
* @example
* Utils.getReactObj(document.querySelector("input"))?.reactProps?.onChange({target:{value:"123"}});
*/
getReactObj(element) {
let result2 = {};
Object.keys(element).forEach((domPropsName) => {
if (domPropsName.startsWith("__react")) {
let propsName = domPropsName.replace(/__(.+)\$.+/i, "$1");
if (propsName in result2) ;
else {
result2[propsName] = element[domPropsName];
}
}
});
return result2;
}
/**
* 获取对象上的Symbol属性，如果没设置keyName，那么返回一个对象，对象是所有遍历到的Symbol对象
* @param target 目标对象
* @param keyName （可选）Symbol名或者Symbol对象
*/
getSymbol(target, keyName) {
if (typeof target !== "object") {
throw new TypeError("target不是一个对象");
}
let objectsSymbols = Object.getOwnPropertySymbols(target);
if (typeof keyName === "string") {
let findSymbol = objectsSymbols.find((key) => {
return key.toString() === keyName;
});
if (findSymbol) {
return target[findSymbol];
}
} else if (typeof keyName === "symbol") {
let findSymbol = objectsSymbols.find((key) => {
return key === keyName;
});
if (findSymbol) {
return target[findSymbol];
}
} else {
let result2 = {};
objectsSymbols.forEach((item) => {
result2[item] = target[item];
});
return result2;
}
}
/**
* 获取文本的字符长度
* @param text
* @example
* Utils.getTextLength("测试文本")
* > 12
*/
getTextLength(text) {
let encoder = new TextEncoder();
let bytes = encoder.encode(text);
return bytes.length;
}
getTextStorageSize(text, addType = true) {
let UtilsContext = this;
return UtilsContext.formatByteToSize(UtilsContext.getTextLength(text), addType);
}
getThunderUrl(url) {
if (url == null) {
throw new TypeError("url不能为空");
}
if (typeof url !== "string") {
throw new TypeError("url必须是string类型");
}
if (url.trim() === "") {
throw new TypeError("url不能为空字符串或纯空格");
}
return `thunder://${this.windowApi.globalThis.btoa("AA" + url + "ZZ")}`;
}
isNativeFunc(target) {
return Boolean(target.toString().match(/^function .*\(\) { \[native code\] }$/));
}
isNearBottom(...args2) {
let nearBottomHeight = 50;
let checkWindow = () => {
let scrollTop = this.windowApi.window.pageYOffset || this.windowApi.document.documentElement.scrollTop;
let viewportHeight = this.windowApi.window.innerHeight || this.windowApi.document.documentElement.clientHeight;
let maxScrollHeight = this.windowApi.document.documentElement.scrollHeight - nearBottomHeight;
return scrollTop + viewportHeight >= maxScrollHeight;
};
let checkNode = ($ele) => {
let scrollTop = $ele.scrollTop;
let viewportHeight = $ele.clientHeight;
let maxScrollHeight = $ele.scrollHeight - viewportHeight - nearBottomHeight;
return scrollTop >= maxScrollHeight;
};
let firstArg = args2[0];
if (args2.length === 0 || typeof args2[0] === "number") {
return checkWindow();
} else if (typeof args2[0] === "object" && args2[0] instanceof HTMLElement) {
if (typeof args2[1] === "number" && !Number.isNaN(args2[1])) {
nearBottomHeight = args2[1];
}
return checkNode(args2[0]);
} else {
throw new TypeError("参数1类型错误" + typeof firstArg);
}
}
isDOM(target) {
return target instanceof Node;
}
isFullscreenEnabled() {
return !!(this.windowApi.document.fullscreenEnabled || this.windowApi.document.webkitFullScreenEnabled || this.windowApi.document.mozFullScreenEnabled || this.windowApi.document.msFullScreenEnabled);
}
isJQuery(target) {
let result2 = false;
if (typeof jQuery === "object" && target instanceof jQuery) {
result2 = true;
}
if (target == null) {
return false;
}
if (typeof target === "object") {
let jQueryProps = [
"add",
"addBack",
"addClass",
"after",
"ajaxComplete",
"ajaxError",
"ajaxSend",
"ajaxStart",
"ajaxStop",
"ajaxSuccess",
"animate",
"append",
"appendTo",
"attr",
"before",
"bind",
"blur",
"change",
"children",
"clearQueue",
"click",
"clone",
"closest",
"constructor",
"contents",
"contextmenu",
"css",
"data",
"dblclick",
"delay",
"delegate",
"dequeue",
"each",
"empty",
"end",
"eq",
"extend",
"fadeIn",
"fadeOut",
"fadeTo",
"fadeToggle",
"filter",
"find",
"first",
"focus",
"focusin",
"focusout",
"get",
"has",
"hasClass",
"height",
"hide",
"hover",
"html",
"index",
"init",
"innerHeight",
"innerWidth",
"insertAfter",
"insertBefore",
"is",
"jquery",
"keydown",
"keypress",
"keyup",
"last",
"load",
"map",
"mousedown",
"mouseenter",
"mouseleave",
"mousemove",
"mouseout",
"mouseover",
"mouseup",
"next",
"nextAll",
"not",
"off",
"offset",
"offsetParent",
"on",
"one",
"outerHeight",
"outerWidth",
"parent",
"parents",
"position",
"prepend",
"prependTo",
"prev",
"prevAll",
"prevUntil",
"promise",
"prop",
"pushStack",
"queue",
"ready",
"remove",
"removeAttr",
"removeClass",
"removeData",
"removeProp",
"replaceAll",
"replaceWith",
"resize",
"scroll",
"scrollLeft",
"scrollTop",
"select",
"show",
"siblings",
"slice",
"slideDown",
"slideToggle",
"slideUp",
"sort",
"splice",
"text",
"toArray",
"toggle",
"toggleClass",
"trigger",
"triggerHandler",
"unbind",
"width",
"wrap"
];
for (const jQueryPropsName of jQueryProps) {
if (!(jQueryPropsName in target)) {
result2 = false;
break;
} else {
result2 = true;
}
}
}
return result2;
}
isPhone(userAgent = navigator.userAgent) {
return Boolean(/(iPhone|iPad|iPod|iOS|Android|Mobile)/i.test(userAgent));
}
isSameChars(targetStr, coefficient = 1) {
if (typeof targetStr !== "string") {
throw new TypeError("参数 str 必须是 string 类型");
}
if (targetStr.length < 2) {
return false;
}
targetStr = targetStr.toLowerCase();
const targetCharMap = {};
let targetStrLength = 0;
for (const char of targetStr) {
if (Reflect.has(targetCharMap, char)) {
targetCharMap[char]++;
} else {
targetCharMap[char] = 1;
}
targetStrLength++;
}
let result2 = false;
for (const char in targetCharMap) {
if (targetCharMap[char] / targetStrLength >= coefficient) {
result2 = true;
break;
}
}
return result2;
}
isNotNull(...args2) {
let UtilsContext = this;
return !UtilsContext.isNull.apply(this, args2);
}
isNull(...args2) {
let result2 = true;
let checkList = [...args2];
for (const objItem of checkList) {
let itemResult = false;
if (objItem === null || objItem === void 0) {
itemResult = true;
} else {
switch (typeof objItem) {
case "object":
if (typeof objItem[Symbol.iterator] === "function") {
itemResult = objItem.length === 0;
} else {
itemResult = Object.keys(objItem).length === 0;
}
break;
case "number":
itemResult = objItem === 0;
break;
case "string":
itemResult = objItem.trim() === "" || objItem === "null" || objItem === "undefined";
break;
case "boolean":
itemResult = !objItem;
break;
case "function":
let funcStr = objItem.toString().replace(/\s/g, "");
itemResult = Boolean(funcStr.match(/^\(.*?\)=>\{\}$|^function.*?\(.*?\)\{\}$/));
break;
}
}
result2 = result2 && itemResult;
}
return result2;
}
isThemeDark() {
return this.windowApi.globalThis.matchMedia("(prefers-color-scheme: dark)").matches;
}
/**
* 判断元素是否在页面中可见
* @param element 需要检查的元素，可以是普通元素|数组形式的元素|通过querySelectorAll获取的元素数组
* @param inView
* + true 在窗口可视区域
* + false 不在窗口可视区域
* @returns
* + true 可见
* + false 不可见
* @example
* Utils.isVisible(document.documentElement)
* > true
*/
isVisible(element, inView = false) {
let needCheckDomList = [];
if (element instanceof Array || element instanceof NodeList) {
element = element;
needCheckDomList = [...element];
} else {
needCheckDomList = [element];
}
let result2 = true;
for (const domItem of needCheckDomList) {
let domDisplay = this.windowApi.window.getComputedStyle(domItem);
if (domDisplay.display === "none") {
result2 = false;
} else {
let domClientRect = domItem.getBoundingClientRect();
if (inView) {
let viewportWidth = this.windowApi.window.innerWidth || this.windowApi.document.documentElement.clientWidth;
let viewportHeight = this.windowApi.window.innerHeight || this.windowApi.document.documentElement.clientHeight;
result2 = !(domClientRect.right < 0 || domClientRect.left > viewportWidth || domClientRect.bottom < 0 || domClientRect.top > viewportHeight);
} else {
result2 = Boolean(domItem.getClientRects().length);
}
}
if (!result2) {
break;
}
}
return result2;
}
isWebView_Via() {
let result2 = true;
let UtilsContext = this;
if (typeof this.windowApi.top.window.via === "object") {
for (const key in Object.values(this.windowApi.top.window.via)) {
if (Reflect.has(this.windowApi.top.window.via, key)) {
let objValueFunc = this.windowApi.top.window.via[key];
if (typeof objValueFunc === "function" && UtilsContext.isNativeFunc(objValueFunc)) {
result2 = true;
} else {
result2 = false;
break;
}
}
}
} else {
result2 = false;
}
return result2;
}
isWebView_X() {
let result2 = true;
let UtilsContext = this;
if (typeof this.windowApi.top.window.mbrowser === "object") {
for (const key in Object.values(this.windowApi.top.window.mbrowser)) {
if (Reflect.has(this.windowApi.top.window.mbrowser, key)) {
let objValueFunc = this.windowApi.top.window.mbrowser[key];
if (typeof objValueFunc === "function" && UtilsContext.isNativeFunc(objValueFunc)) {
result2 = true;
} else {
result2 = false;
break;
}
}
}
} else {
result2 = false;
}
return result2;
}
parseObjectToArray(target) {
if (typeof target !== "object") {
throw new Error("Utils.parseObjectToArray 参数 target 必须为 object 类型");
}
let result2 = [];
Object.keys(target).forEach(function(keyName) {
result2 = result2.concat(target[keyName]);
});
return result2;
}
mergeArrayToString(data, handleFunc) {
if (!(data instanceof Array)) {
throw new Error("Utils.mergeArrayToString 参数 data 必须为 Array 类型");
}
let content = "";
if (typeof handleFunc === "function") {
data.forEach((item) => {
content += handleFunc(item);
});
} else if (typeof handleFunc === "string") {
data.forEach((item) => {
content += item[handleFunc];
});
} else {
data.forEach((item) => {
Object.values(item).filter((item2) => typeof item2 === "string").forEach((item3) => {
content += item3;
});
});
}
return content;
}
mutationObserver(target, observer_config) {
let UtilsContext = this;
let default_obverser_config = {
/* 监听到元素有反馈，需执行的函数 */
callback: () => {
},
config: {
/**
* + true 监听以 target 为根节点的整个子树。包括子树中所有节点的属性，而不仅仅是针对 target
* + false (默认) 不生效
*/
subtree: void 0,
/**
* + true 监听 target 节点中发生的节点的新增与删除（同时，如果 subtree 为 true，会针对整个子树生效）
* + false (默认) 不生效
*/
childList: void 0,
/**
* + true 观察所有监听的节点属性值的变化。默认值为 true，当声明了 attributeFilter 或 attributeOldValue
* + false (默认) 不生效
*/
attributes: void 0,
/**
* 一个用于声明哪些属性名会被监听的数组。如果不声明该属性，所有属性的变化都将触发通知
*/
attributeFilter: void 0,
/**
* + true 记录上一次被监听的节点的属性变化；可查阅 MutationObserver 中的 Monitoring attribute values 了解关于观察属性变化和属性值记录的详情
* + false (默认) 不生效
*/
attributeOldValue: void 0,
/**
* + true 监听声明的 target 节点上所有字符的变化。默认值为 true，如果声明了 characterDataOldValue
* + false (默认) 不生效
*/
characterData: void 0,
/**
* + true 记录前一个被监听的节点中发生的文本变化
* + false (默认) 不生效
*/
characterDataOldValue: void 0
},
immediate: false
};
observer_config = UtilsContext.assign(default_obverser_config, observer_config);
let windowMutationObserver = this.windowApi.window.MutationObserver || this.windowApi.window.webkitMutationObserver || this.windowApi.window.MozMutationObserver;
let mutationObserver = new windowMutationObserver(function(mutations, observer) {
if (typeof observer_config.callback === "function") {
observer_config.callback(mutations, observer);
}
});
if (Array.isArray(target) || target instanceof NodeList) {
target.forEach((item) => {
mutationObserver.observe(item, observer_config.config);
});
} else if (UtilsContext.isJQuery(target)) {
target.each((index, item) => {
mutationObserver.observe(item, observer_config.config);
});
} else {
mutationObserver.observe(target, observer_config.config);
}
if (observer_config.immediate) {
if (typeof observer_config.callback === "function") {
observer_config.callback([], mutationObserver);
}
}
return mutationObserver;
}
/**
* 使用观察器观察元素出现在视图内，出现的话触发回调
* @param target 目标元素
* @param callback 触发的回调
* @param options 观察器配置
* @example
* Utils.mutationVisible(document.querySelector("div.xxxx"),(entries,observer)=>{
* console.log("该元素出现在视图内");
* }))
*/
mutationVisible(target, callback2, options) {
if (typeof IntersectionObserver === "undefined") {
throw new TypeError("IntersectionObserver is not defined");
}
if (target == null) {
throw new TypeError("mutatuinVisible target is null");
}
let defaultOptions = {
root: null,
rootMargin: "0px 0px 0px 0px",
threshold: [0.01, 0.99]
};
defaultOptions = this.assign(defaultOptions, options || {});
let intersectionObserver = new IntersectionObserver((entries, observer) => {
if (entries[0].isIntersecting) {
if (typeof callback2 === "function") {
callback2(entries, observer);
}
}
}, defaultOptions);
if (Array.isArray(target)) {
target.forEach((item) => {
intersectionObserver.observe(item);
});
} else {
intersectionObserver.observe(target);
}
}
/**
* 去除全局window下的Utils，返回控制权
* @example
* let utils = Utils.noConflict();
* > ...
*/
noConflict() {
if (this.windowApi.window.Utils) {
Reflect.deleteProperty(this.windowApi.window, "Utils");
}
this.windowApi.window.Utils = utils$1;
return utils$1;
}
noConflictFunc(needReleaseObject, needReleaseName, functionNameList = [], release = true) {
let UtilsContext = this;
if (typeof needReleaseObject !== "object") {
throw new Error("Utils.noConflictFunc 参数 needReleaseObject 必须为 object 类型");
}
if (typeof needReleaseName !== "string") {
throw new Error("Utils.noConflictFunc 参数 needReleaseName 必须为 string 类型");
}
if (!Array.isArray(functionNameList)) {
throw new Error("Utils.noConflictFunc 参数 functionNameList 必须为 Array 类型");
}
let needReleaseKey = "__" + needReleaseName;
function releaseAll() {
if (typeof UtilsContext.windowApi.window[needReleaseKey] !== "undefined") {
return;
}
UtilsContext.windowApi.window[needReleaseKey] = UtilsContext.deepClone(needReleaseObject);
Object.values(needReleaseObject).forEach((value) => {
if (typeof value === "function") {
needReleaseObject[value.name] = () => {
};
}
});
}
function releaseOne() {
Array.from(functionNameList).forEach((item) => {
Object.values(needReleaseObject).forEach((value) => {
if (typeof value === "function") {
if (typeof UtilsContext.windowApi.window[needReleaseKey] === "undefined") {
UtilsContext.windowApi.window[needReleaseKey] = {};
}
if (item === value.name) {
UtilsContext.windowApi.window[needReleaseKey][value.name] = needReleaseObject[value.name];
needReleaseObject[value.name] = () => {
};
}
}
});
});
}
function recoveryAll() {
if (typeof UtilsContext.windowApi.window[needReleaseKey] === "undefined") {
return;
}
Object.assign(needReleaseObject, UtilsContext.windowApi.window[needReleaseKey]);
Reflect.deleteProperty(UtilsContext.windowApi.window, "needReleaseKey");
}
function recoveryOne() {
if (typeof UtilsContext.windowApi.window[needReleaseKey] === "undefined") {
return;
}
Array.from(functionNameList).forEach((item) => {
if (UtilsContext.windowApi.window[needReleaseKey][item]) {
needReleaseObject[item] = UtilsContext.windowApi.window[needReleaseKey][item];
Reflect.deleteProperty(UtilsContext.windowApi.window[needReleaseKey], item);
if (Object.keys(UtilsContext.windowApi.window[needReleaseKey]).length === 0) {
Reflect.deleteProperty(window, needReleaseKey);
}
}
});
}
if (release) {
if (functionNameList.length === 0) {
releaseAll();
} else {
releaseOne();
}
} else {
if (functionNameList.length === 0) {
recoveryAll();
} else {
recoveryOne();
}
}
}
parseBase64ToBlob(dataUri) {
if (typeof dataUri !== "string") {
throw new Error("Utils.parseBase64ToBlob 参数 dataUri 必须为 string 类型");
}
let dataUriSplit = dataUri.split(","), dataUriMime = dataUriSplit[0].match(/:(.*?);/)[1], dataUriBase64Str = atob(dataUriSplit[1]), dataUriLength = dataUriBase64Str.length, u8arr = new Uint8Array(dataUriLength);
while (dataUriLength--) {
u8arr[dataUriLength] = dataUriBase64Str.charCodeAt(dataUriLength);
}
return new Blob([u8arr], {
type: dataUriMime
});
}
parseBase64ToFile(dataUri, fileName = "example") {
if (typeof dataUri !== "string") {
throw new Error("Utils.parseBase64ToFile 参数 dataUri 必须为 string 类型");
}
if (typeof fileName !== "string") {
throw new Error("Utils.parseBase64ToFile 参数 fileName 必须为 string 类型");
}
let dataUriSplit = dataUri.split(","), dataUriMime = dataUriSplit[0].match(/:(.*?);/)[1], dataUriBase64Str = atob(dataUriSplit[1]), dataUriLength = dataUriBase64Str.length, u8arr = new Uint8Array(dataUriLength);
while (dataUriLength--) {
u8arr[dataUriLength] = dataUriBase64Str.charCodeAt(dataUriLength);
}
return new File([u8arr], fileName, {
type: dataUriMime
});
}
parseInt(matchList = [], defaultValue = 0) {
if (matchList == null) {
return parseInt(defaultValue.toString());
}
let parseValue = parseInt(matchList[matchList.length - 1]);
if (isNaN(parseValue)) {
parseValue = parseInt(defaultValue.toString());
}
return parseValue;
}
async parseBlobToFile(blobUrl, fileName = "example") {
return new Promise((resolve, reject) => {
fetch(blobUrl).then((response) => response.blob()).then((blob) => {
const file = new File([blob], fileName, { type: blob.type });
resolve(file);
}).catch((error2) => {
console.error("Error:", error2);
reject(error2);
});
});
}
parseCDATA(text = "") {
let result2 = "";
let cdataRegexp = /<\!\[CDATA\[([\s\S]*)\]\]>/;
let cdataMatch = cdataRegexp.exec(text.trim());
if (cdataMatch && cdataMatch.length > 1) {
result2 = cdataMatch[cdataMatch.length - 1];
}
return result2;
}
async parseFileToBase64(fileObj) {
let reader = new FileReader();
reader.readAsDataURL(fileObj);
return new Promise((resolve) => {
reader.onload = function(event) {
resolve(event.target.result);
};
});
}
parseFromString(text, mimeType = "text/html") {
let parser = new DOMParser();
return parser.parseFromString(text, mimeType);
}
parseStringToRegExpString(text) {
if (typeof text !== "string") {
throw new TypeError("string必须是字符串");
}
let regString = text.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&");
return regString;
}
preventEvent(element, eventNameList = [], capture) {
function stopEvent(event) {
event == null ? void 0 : event.preventDefault();
event == null ? void 0 : event.stopPropagation();
event == null ? void 0 : event.stopImmediatePropagation();
return false;
}
if (arguments.length === 1) {
return stopEvent(arguments[0]);
} else {
if (typeof eventNameList === "string") {
eventNameList = [eventNameList];
}
eventNameList.forEach((eventName) => {
element.addEventListener(eventName, stopEvent, {
capture: Boolean(capture)
});
});
}
}
registerTrustClickEvent(isTrustValue = true, filter) {
function trustEvent(event) {
return new Proxy(event, {
get: function(target, property) {
if (property === "isTrusted") {
return isTrustValue;
} else {
return Reflect.get(target, property);
}
}
});
}
if (filter == null) {
filter = function(typeName) {
return typeName === "click";
};
}
const originalListener = EventTarget.prototype.addEventListener;
EventTarget.prototype.addEventListener = function(...args2) {
let type = args2[0];
let callback2 = args2[1];
args2[2];
if (filter(type)) {
if (typeof callback2 === "function") {
args2[1] = function(event) {
callback2.call(this, trustEvent(event));
};
} else if (typeof callback2 === "object" && "handleEvent" in callback2) {
let oldHandleEvent = callback2["handleEvent"];
args2[1]["handleEvent"] = function(event) {
if (event == null) {
return;
}
try {
event instanceof Proxy;
oldHandleEvent.call(this, trustEvent(event));
} catch (error2) {
event["isTrusted"] = isTrustValue;
}
};
}
}
return originalListener.apply(this, args2);
};
}
reverseNumber(num) {
let reversedNum = 0;
let isNegative = false;
if (num < 0) {
isNegative = true;
num = Math.abs(num);
}
while (num > 0) {
reversedNum = reversedNum * 10 + num % 10;
num = Math.floor(num / 10);
}
return isNegative ? -reversedNum : reversedNum;
}
selectElementText(element, childTextNode, startIndex, endIndex) {
let range = this.windowApi.document.createRange();
range.selectNodeContents(element);
if (childTextNode) {
if (childTextNode.nodeType !== Node.TEXT_NODE) {
throw new TypeError("childTextNode必须是#text元素");
}
if (startIndex != null && endIndex != null) {
range.setStart(childTextNode, startIndex);
range.setEnd(childTextNode, endIndex);
}
}
let selection = this.windowApi.globalThis.getSelection();
if (selection) {
selection.removeAllRanges();
selection.addRange(range);
}
}
setClip(data, info = {
type: "text",
mimetype: "text/plain"
}) {
var _resolve, _copyData, _copyDataType;
if (typeof data === "object") {
if (data instanceof Element) {
data = data.outerHTML;
} else {
data = JSON.stringify(data);
}
} else if (typeof data !== "string") {
data = data.toString();
}
let textType = typeof info === "object" ? info.type : info;
if (textType.includes("html")) {
textType = "text/html";
} else {
textType = "text/plain";
}
let UtilsContext = this;
class UtilsClipboard {
constructor(resolve, copyData, copyDataType) {
__privateAdd(this, _resolve);
__privateAdd(this, _copyData);
__privateAdd(this, _copyDataType);
__privateSet(this, _resolve, resolve);
__privateSet(this, _copyData, copyData);
__privateSet(this, _copyDataType, copyDataType);
}
async init() {
let copyStatus = false;
await this.requestClipboardPermission();
if (this.hasClipboard() && (this.hasClipboardWrite() || this.hasClipboardWriteText())) {
try {
copyStatus = await this.copyDataByClipboard();
} catch (error2) {
console.error("复制失败，使用第二种方式，error👉", error2);
copyStatus = this.copyTextByTextArea();
}
} else {
copyStatus = this.copyTextByTextArea();
}
__privateGet(this, _resolve).call(this, copyStatus);
this.destroy();
}
destroy() {
__privateSet(this, _resolve, null);
__privateSet(this, _copyData, null);
__privateSet(this, _copyDataType, null);
}
isText() {
return __privateGet(this, _copyDataType).includes("text");
}
hasClipboard() {
return (navigator == null ? void 0 : navigator.clipboard) != null;
}
hasClipboardWrite() {
var _a2;
return ((_a2 = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : _a2.write) != null;
}
hasClipboardWriteText() {
var _a2;
return ((_a2 = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : _a2.writeText) != null;
}
/**
* 使用textarea和document.execCommand("copy")来复制文字
*/
copyTextByTextArea() {
try {
let copyElement = UtilsContext.windowApi.document.createElement("textarea");
copyElement.value = __privateGet(this, _copyData);
copyElement.setAttribute("type", "text");
copyElement.setAttribute("style", "opacity:0;position:absolute;");
copyElement.setAttribute("readonly", "readonly");
UtilsContext.windowApi.document.body.appendChild(copyElement);
copyElement.select();
UtilsContext.windowApi.document.execCommand("copy");
UtilsContext.windowApi.document.body.removeChild(copyElement);
return true;
} catch (error2) {
console.error("复制失败，error👉", error2);
return false;
}
}
/**
* 申请剪贴板权限
*/
requestClipboardPermission() {
return new Promise((resolve, reject) => {
if (navigator.permissions && navigator.permissions.query) {
navigator.permissions.query({
// @ts-ignore
name: "clipboard-write"
}).then((permissionStatus) => {
resolve(true);
}).catch((error2) => {
console.error([
"申请剪贴板权限失败，尝试直接写入👉",
error2.message ?? error2.name ?? error2.stack
]);
resolve(false);
});
} else {
resolve(false);
}
});
}
/**
* 使用clipboard直接写入数据到剪贴板
*/
copyDataByClipboard() {
return new Promise((resolve, reject) => {
if (this.isText()) {
navigator.clipboard.writeText(__privateGet(this, _copyData)).then(() => {
resolve(true);
}).catch((error2) => {
reject(error2);
});
} else {
let textBlob = new Blob([__privateGet(this, _copyData)], {
type: __privateGet(this, _copyDataType)
});
navigator.clipboard.write([
new ClipboardItem({
[__privateGet(this, _copyDataType)]: textBlob
})
]).then(() => {
resolve(true);
}).catch((error2) => {
reject(error2);
});
}
});
}
}
_resolve = new WeakMap();
_copyData = new WeakMap();
_copyDataType = new WeakMap();
return new Promise((resolve) => {
const utilsClipboard = new UtilsClipboard(resolve, data, textType);
if (UtilsContext.windowApi.document.hasFocus()) {
utilsClipboard.init();
} else {
UtilsContext.windowApi.window.addEventListener("focus", () => {
utilsClipboard.init();
}, { once: true });
}
});
}
setTimeout(callback2, delayTime = 0) {
let UtilsContext = this;
if (typeof callback2 !== "function" && typeof callback2 !== "string") {
throw new TypeError("Utils.setTimeout 参数 callback 必须为 function|string 类型");
}
if (typeof delayTime !== "number") {
throw new TypeError("Utils.setTimeout 参数 delayTime 必须为 number 类型");
}
return new Promise((resolve) => {
setTimeout(() => {
resolve(UtilsContext.tryCatch().run(callback2));
}, delayTime);
});
}
sleep(delayTime = 0) {
if (typeof delayTime !== "number") {
throw new Error("Utils.sleep 参数 delayTime 必须为 number 类型");
}
return new Promise((resolve) => {
setTimeout(() => {
resolve(void 0);
}, delayTime);
});
}
dragSlider(selector, offsetX = this.windowApi.window.innerWidth) {
let UtilsContext = this;
function initMouseEvent(eventName, offSetX, offSetY) {
let win = typeof unsafeWindow === "undefined" ? globalThis : unsafeWindow;
let mouseEvent = UtilsContext.windowApi.document.createEvent("MouseEvents");
mouseEvent.initMouseEvent(eventName, true, true, win, 0, offSetX, offSetY, offSetX, offSetY, false, false, false, false, 0, null);
return mouseEvent;
}
let sliderElement = typeof selector === "string" ? this.windowApi.document.querySelector(selector) : selector;
if (!(sliderElement instanceof Node) || !(sliderElement instanceof Element)) {
throw new Error("Utils.dragSlider 参数selector 必须为Node/Element类型");
}
let rect = sliderElement.getBoundingClientRect(), x0 = rect.x || rect.left, y0 = rect.y || rect.top, x1 = x0 + offsetX, y1 = y0;
sliderElement.dispatchEvent(initMouseEvent("mousedown", x0, y0));
sliderElement.dispatchEvent(initMouseEvent("mousemove", x1, y1));
sliderElement.dispatchEvent(initMouseEvent("mouseleave", x1, y1));
sliderElement.dispatchEvent(initMouseEvent("mouseout", x1, y1));
}
enterFullScreen(element = this.windowApi.document.documentElement, options) {
try {
if (element.requestFullscreen) {
element.requestFullscreen(options);
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
} else {
throw new TypeError("该浏览器不支持全屏API");
}
} catch (err) {
console.error(err);
}
}
exitFullScreen(element = this.windowApi.document.documentElement) {
if (this.windowApi.document.exitFullscreen) {
return this.windowApi.document.exitFullscreen();
} else if (this.windowApi.document.msExitFullscreen) {
return this.windowApi.document.msExitFullscreen();
} else if (this.windowApi.document.mozCancelFullScreen) {
return this.windowApi.document.mozCancelFullScreen();
} else if (this.windowApi.document.webkitCancelFullScreen) {
return this.windowApi.document.webkitCancelFullScreen();
} else {
return new Promise((resolve, reject) => {
reject(new TypeError("该浏览器不支持全屏API"));
});
}
}
sortListByProperty(data, getPropertyValueFunc, sortByDesc = true) {
let UtilsContext = this;
if (typeof getPropertyValueFunc !== "function" && typeof getPropertyValueFunc !== "string") {
throw new Error("Utils.sortListByProperty 参数 getPropertyValueFunc 必须为 function|string 类型");
}
if (typeof sortByDesc !== "boolean") {
throw new Error("Utils.sortListByProperty 参数 sortByDesc 必须为 boolean 类型");
}
let getObjValue = function(obj) {
return typeof getPropertyValueFunc === "string" ? obj[getPropertyValueFunc] : getPropertyValueFunc(obj);
};
let sortFunc = function(after_obj, before_obj) {
let beforeValue = getObjValue(before_obj);
let afterValue = getObjValue(after_obj);
if (sortByDesc) {
if (afterValue > beforeValue) {
return -1;
} else if (afterValue < beforeValue) {
return 1;
} else {
return 0;
}
} else {
if (afterValue < beforeValue) {
return -1;
} else if (afterValue > beforeValue) {
return 1;
} else {
return 0;
}
}
};
let sortNodeFunc = function(nodeList, getNodeListFunc) {
let nodeListLength = nodeList.length;
for (let i2 = 0; i2 < nodeListLength - 1; i2++) {
for (let j2 = 0; j2 < nodeListLength - 1 - i2; j2++) {
let beforeNode = nodeList[j2];
let afterNode = nodeList[j2 + 1];
let beforeValue = getObjValue(beforeNode);
let afterValue = getObjValue(afterNode);
if (sortByDesc == true && beforeValue < afterValue || sortByDesc == false && beforeValue > afterValue) {
let temp = beforeNode.nextElementSibling;
afterNode.after(beforeNode);
if (temp == null) {
temp.parentNode.appendChild(afterNode);
} else {
temp.before(afterNode);
}
nodeList = getNodeListFunc();
}
}
}
};
let result2 = data;
let getDataFunc = null;
if (data instanceof Function) {
getDataFunc = data;
data = data();
}
if (Array.isArray(data)) {
data.sort(sortFunc);
} else if (data instanceof NodeList || UtilsContext.isJQuery(data)) {
sortNodeFunc(data, getDataFunc);
result2 = getDataFunc();
} else {
throw new Error("Utils.sortListByProperty 参数 data 必须为 Array|NodeList|jQuery 类型");
}
return result2;
}
stringToRegular(targetString, flags = "ig") {
let reg;
flags = flags.toLowerCase();
if (typeof targetString === "string") {
reg = new RegExp(targetString.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&"), flags);
} else if (targetString instanceof RegExp) {
reg = targetString;
} else {
throw new Error("Utils.stringToRegular 参数targetString必须是string|Regexp类型");
}
return reg;
}
stringTitleToUpperCase(targetString, otherStrToLowerCase = false) {
let newTargetString = targetString.slice(0, 1).toUpperCase();
if (otherStrToLowerCase) {
newTargetString = newTargetString + targetString.slice(1).toLowerCase();
} else {
newTargetString = newTargetString + targetString.slice(1);
}
return newTargetString;
}
startsWith(target, searchString, position = 0) {
let UtilsContext = this;
if (position > target.length) {
return false;
}
if (position !== 0) {
target = target.slice(position, target.length);
}
let searchStringRegexp = searchString;
if (typeof searchString === "string") {
searchStringRegexp = new RegExp(`^${searchString}`);
} else if (Array.isArray(searchString)) {
let flag = false;
for (const searcStr of searchString) {
if (!UtilsContext.startsWith(target, searcStr, position)) {
flag = true;
break;
}
}
return flag;
}
return Boolean(target.match(searchStringRegexp));
}
stringTitleToLowerCase(targetString, otherStrToUpperCase = false) {
let newTargetString = targetString.slice(0, 1).toLowerCase();
if (otherStrToUpperCase) {
newTargetString = newTargetString + targetString.slice(1).toUpperCase();
} else {
newTargetString = newTargetString + targetString.slice(1);
}
return newTargetString;
}
toJSON(data, errorCallBack) {
let UtilsContext = this;
let result2 = {};
if (typeof data === "object") {
return data;
}
UtilsContext.tryCatch().config({ log: false }).error((error2) => {
UtilsContext.tryCatch().error(() => {
try {
result2 = UtilsContext.windowApi.window.eval("(" + data + ")");
} catch (error22) {
if (typeof errorCallBack === "function") {
errorCallBack(error22);
}
}
}).run(() => {
if (data && /^[\],:{}\s]*$/.test(data.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, "@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, "]").replace(/(?:^|:|,)(?:\s*\[)+/g, ""))) {
result2 = new Function("return " + data)();
} else {
if (typeof errorCallBack === "function") {
errorCallBack(new Error("target is not a JSON"));
}
}
});
}).run(() => {
data = data.trim();
result2 = JSON.parse(data);
});
return result2;
}
toSearchParamsStr(obj, addPrefix) {
let UtilsContext = this;
let searhParamsStr = "";
if (Array.isArray(obj)) {
obj.forEach((item) => {
if (searhParamsStr === "") {
searhParamsStr += UtilsContext.toSearchParamsStr(item);
} else {
searhParamsStr += "&" + UtilsContext.toSearchParamsStr(item);
}
});
} else {
searhParamsStr = new URLSearchParams(Object.entries(obj)).toString();
}
if (addPrefix && !searhParamsStr.startsWith("?")) {
searhParamsStr = "?" + searhParamsStr;
}
return searhParamsStr;
}
/**
* 将UrlSearchParams格式的字符串转为对象
*/
searchParamStrToObj(searhParamsStr) {
if (typeof searhParamsStr !== "string") {
return {};
}
return Object.fromEntries(new URLSearchParams(searhParamsStr));
}
uniqueArray(uniqueArrayData = [], compareArrayData, compareFun = (item, item2) => {
return item === item2;
}) {
if (typeof compareArrayData === "function") {
const compareFn = compareArrayData;
const seen = /* @__PURE__ */ new Set();
const result2 = [];
for (const item of uniqueArrayData) {
const identfier = compareFn(item);
if (!seen.has(identfier)) {
seen.add(identfier);
result2.push(item);
}
}
return result2;
} else {
return Array.from(uniqueArrayData).filter((item) => !Array.from(compareArrayData).some(function(item2) {
return compareFun(item, item2);
}));
}
}
waitArrayLoopToEnd(data, handleFunc) {
let UtilsContext = this;
if (typeof handleFunc !== "function" && typeof handleFunc !== "string") {
throw new Error("Utils.waitArrayLoopToEnd 参数 handleDataFunction 必须为 function|string 类型");
}
return Promise.all(Array.from(data).map(async (item, index) => {
await UtilsContext.tryCatch(index, item).run(handleFunc);
}));
}
waitNode(...args2) {
args2 = args2.filter((arg) => arg !== void 0);
let UtilsContext = this;
let selector = args2[0];
let parent = UtilsContext.windowApi.document;
let timeout = 0;
if (typeof args2[0] !== "string" && !Array.isArray(args2[0])) {
throw new TypeError("Utils.waitNode 第一个参数必须是string|string[]");
}
if (args2.length === 1) ;
else if (args2.length === 2) {
let secondParam = args2[1];
if (typeof secondParam === "number") {
timeout = secondParam;
} else if (typeof secondParam === "object" && secondParam instanceof Node) {
parent = secondParam;
} else {
throw new TypeError("Utils.waitNode 第二个参数必须是number|Node");
}
} else if (args2.length === 3) {
let secondParam = args2[1];
let thirdParam = args2[2];
if (typeof secondParam === "object" && secondParam instanceof Node) {
parent = secondParam;
if (typeof thirdParam === "number") {
timeout = thirdParam;
} else {
throw new TypeError("Utils.waitNode 第三个参数必须是number");
}
} else {
throw new TypeError("Utils.waitNode 第二个参数必须是Node");
}
} else {
throw new TypeError("Utils.waitNode 参数个数错误");
}
return new Promise((resolve) => {
function getNode() {
if (Array.isArray(selector)) {
let result2 = [];
for (let index = 0; index < selector.length; index++) {
let node = parent.querySelector(selector[index]);
if (node) {
result2.push(node);
}
}
if (result2.length === selector.length) {
return result2;
}
} else {
return parent.querySelector(selector);
}
}
var observer = UtilsContext.mutationObserver(parent, {
config: {
subtree: true,
childList: true,
attributes: true
},
callback() {
let node = getNode();
if (node) {
if (typeof (observer == null ? void 0 : observer.disconnect) === "function") {
observer.disconnect();
}
resolve(node);
return;
}
},
immediate: true
});
if (timeout > 0) {
setTimeout(() => {
if (typeof (observer == null ? void 0 : observer.disconnect) === "function") {
observer.disconnect();
}
resolve(null);
}, timeout);
}
});
}
waitAnyNode(...args2) {
args2 = args2.filter((arg) => arg !== void 0);
let UtilsContext = this;
let selectorList = args2[0];
let parent = UtilsContext.windowApi.document;
let timeout = 0;
if (typeof args2[0] !== "object" && !Array.isArray(args2[0])) {
throw new TypeError("Utils.waitAnyNode 第一个参数必须是string[]");
}
if (args2.length === 1) ;
else if (args2.length === 2) {
let secondParam = args2[1];
if (typeof secondParam === "number") {
timeout = secondParam;
} else if (typeof secondParam === "object" && secondParam instanceof Node) {
parent = secondParam;
} else {
throw new TypeError("Utils.waitAnyNode 第二个参数必须是number|Node");
}
} else if (args2.length === 3) {
let secondParam = args2[1];
let thirdParam = args2[2];
if (typeof secondParam === "object" && secondParam instanceof Node) {
parent = secondParam;
if (typeof thirdParam === "number") {
timeout = thirdParam;
} else {
throw new TypeError("Utils.waitAnyNode 第三个参数必须是number");
}
} else {
throw new TypeError("Utils.waitAnyNode 第二个参数必须是Node");
}
} else {
throw new TypeError("Utils.waitAnyNode 参数个数错误");
}
let promiseList = selectorList.map((selector) => {
return UtilsContext.waitNode(selector, parent, timeout);
});
return Promise.any(promiseList);
}
waitNodeList(...args2) {
args2 = args2.filter((arg) => arg !== void 0);
let UtilsContext = this;
let selector = args2[0];
let parent = UtilsContext.windowApi.document;
let timeout = 0;
if (typeof args2[0] !== "string" && !Array.isArray(args2[0])) {
throw new TypeError("Utils.waitNodeList 第一个参数必须是string|string[]");
}
if (args2.length === 1) ;
else if (args2.length === 2) {
let secondParam = args2[1];
if (typeof secondParam === "number") {
timeout = secondParam;
} else if (typeof secondParam === "object" && secondParam instanceof Node) {
parent = secondParam;
} else {
throw new TypeError("Utils.waitNodeList 第二个参数必须是number|Node");
}
} else if (args2.length === 3) {
let secondParam = args2[1];
let thirdParam = args2[2];
if (typeof secondParam === "object" && secondParam instanceof Node) {
parent = secondParam;
if (typeof thirdParam === "number") {
timeout = thirdParam;
} else {
throw new TypeError("Utils.waitNodeList 第三个参数必须是number");
}
} else {
throw new TypeError("Utils.waitNodeList 第二个参数必须是Node");
}
} else {
throw new TypeError("Utils.waitNodeList 参数个数错误");
}
return new Promise((resolve) => {
function getNodeList() {
if (Array.isArray(selector)) {
let result2 = [];
for (let index = 0; index < selector.length; index++) {
let nodeList = parent.querySelectorAll(selector[index]);
if (nodeList.length) {
result2.push(nodeList);
}
}
if (result2.length === selector.length) {
return result2;
}
} else {
let nodeList = parent.querySelectorAll(selector);
if (nodeList.length) {
return nodeList;
}
}
}
var observer = UtilsContext.mutationObserver(parent, {
config: {
subtree: true,
childList: true,
attributes: true
},
callback() {
let node = getNodeList();
if (node) {
try {
observer.disconnect();
} catch (error2) {
}
resolve(node);
return;
}
},
immediate: true
});
if (timeout > 0) {
setTimeout(() => {
if (typeof (observer == null ? void 0 : observer.disconnect) === "function") {
observer.disconnect();
}
resolve(null);
}, timeout);
}
});
}
waitAnyNodeList(...args2) {
args2 = args2.filter((arg) => arg !== void 0);
let UtilsContext = this;
let selectorList = args2[0];
let parent = UtilsContext.windowApi.document;
let timeout = 0;
if (!Array.isArray(args2[0])) {
throw new TypeError("Utils.waitAnyNodeList 第一个参数必须是string[]");
}
if (args2.length === 1) ;
else if (args2.length === 2) {
let secondParam = args2[1];
if (typeof secondParam === "number") {
timeout = secondParam;
} else if (typeof secondParam === "object" && secondParam instanceof Node) {
parent = secondParam;
} else {
throw new TypeError("Utils.waitAnyNodeList 第二个参数必须是number|Node");
}
} else if (args2.length === 3) {
let secondParam = args2[1];
let thirdParam = args2[2];
if (typeof secondParam === "object" && secondParam instanceof Node) {
parent = secondParam;
if (typeof thirdParam === "number") {
timeout = thirdParam;
} else {
throw new TypeError("Utils.waitAnyNodeList 第三个参数必须是number");
}
} else {
throw new TypeError("Utils.waitAnyNodeList 第二个参数必须是Node");
}
} else {
throw new TypeError("Utils.waitAnyNodeList 参数个数错误");
}
let promiseList = selectorList.map((selector) => {
return UtilsContext.waitNodeList(selector, parent, timeout);
});
return Promise.any(promiseList);
}
waitProperty(checkObj, checkPropertyName) {
return new Promise((resolve) => {
let obj = checkObj;
if (typeof checkObj === "function") {
obj = checkObj();
}
if (Reflect.has(obj, checkPropertyName)) {
resolve(obj[checkPropertyName]);
} else {
Object.defineProperty(obj, checkPropertyName, {
set: function(value) {
try {
resolve(value);
} catch (error2) {
console.error("Error setting property:", error2);
}
}
});
}
});
}
waitPropertyByInterval(checkObj, checkPropertyName, intervalTimer = 250, maxTime = -1) {
if (checkObj == null) {
throw new TypeError("checkObj 不能为空对象 ");
}
let isResolve = false;
return new Promise((resolve, reject) => {
let interval = setInterval(() => {
let obj = checkObj;
if (typeof checkObj === "function") {
obj = checkObj();
}
if (typeof obj !== "object") {
return;
}
if (obj == null) {
return;
}
if (typeof checkPropertyName === "function" && checkPropertyName(obj) || Reflect.has(obj, checkPropertyName)) {
isResolve = true;
clearInterval(interval);
resolve(obj[checkPropertyName]);
}
}, intervalTimer);
if (maxTime !== -1) {
setTimeout(() => {
if (!isResolve) {
clearInterval(interval);
reject();
}
}, maxTime);
}
});
}
async waitVueByInterval(element, propertyName, timer = 250, maxTime = -1, vueName = "__vue__") {
if (element == null) {
throw new Error("Utils.waitVueByInterval 参数element 不能为空");
}
let flag = false;
let UtilsContext = this;
try {
await UtilsContext.waitPropertyByInterval(element, function(targetElement) {
if (targetElement == null) {
return false;
}
if (!(vueName in targetElement)) {
return false;
}
if (propertyName == null) {
return true;
}
let vueObject = targetElement[vueName];
if (typeof propertyName === "string") {
if (propertyName in vueObject) {
flag = true;
return true;
}
} else {
if (propertyName(vueObject)) {
flag = true;
return true;
}
}
return false;
}, timer, maxTime);
} catch (error2) {
return flag;
}
return flag;
}
watchObject(target, propertyName, getCallBack, setCallBack) {
if (typeof getCallBack !== "function" && typeof setCallBack !== "function") {
return;
}
if (typeof getCallBack === "function") {
Object.defineProperty(target, propertyName, {
get() {
if (typeof getCallBack === "function") {
return getCallBack(target[propertyName]);
} else {
return target[propertyName];
}
}
});
} else if (typeof setCallBack === "function") {
Object.defineProperty(target, propertyName, {
set(value) {
if (typeof setCallBack === "function") {
setCallBack(value);
}
}
});
} else {
Object.defineProperty(target, propertyName, {
get() {
if (typeof getCallBack === "function") {
return getCallBack(target[propertyName]);
} else {
return target[propertyName];
}
},
set(value) {
if (typeof setCallBack === "function") {
setCallBack(value);
}
}
});
}
}
/**
* 深度获取对象属性
* @param target 待获取的对象
* @param handler 获取属性的回调
*/
queryProperty(target, handler) {
if (target == null) {
return;
}
let handleResult = handler(target);
if (handleResult && typeof handleResult.isFind === "boolean" && handleResult.isFind) {
return handleResult.data;
}
return this.queryProperty(handleResult.data, handler);
}
/**
* 创建一个新的Utils实例
* @param option
* @returns
*/
createUtils(option) {
return new Utils(option);
}
/**
* 将对象转换为FormData
* @param data 待转换的对象
* @param isEncode 是否对值为string进行编码转换(encodeURIComponent)，默认false
* @param valueAutoParseToStr 是否对值强制使用JSON.stringify()转换，默认false
* @example
* Utils.toFormData({
* test: "1",
* 666: 666,
* })
*/
toFormData(data, isEncode = false, valueAutoParseToStr = false) {
const formData = new FormData();
Object.keys(data).forEach((key) => {
let value = data[key];
if (valueAutoParseToStr) {
value = JSON.stringify(value);
}
if (typeof value === "number") {
value = value.toString();
}
if (isEncode && typeof value === "string") {
value = encodeURIComponent(value);
}
if (value instanceof File) {
formData.append(key, value, value.name);
} else {
formData.append(key, value);
}
});
return formData;
}
/**
* 将链接转为URL对象，自动补充URL的protocol或者origin
* @param text 需要转换的链接字符串
* @example
* Utils.toUrl("//www.baidu.com/s?word=666");
* Utils.toUrl("/s?word=666");
*/
toUrl(text) {
if (typeof text !== "string") {
throw new TypeError("toUrl: text must be string");
}
text = text.trim();
if (text === "") {
throw new TypeError("toUrl: text must not be empty");
}
if (text.startsWith("//")) {
text = this.windowApi.globalThis.location.protocol + text;
} else if (text.startsWith("/")) {
text = this.windowApi.globalThis.location.origin + text;
}
return new URL(text);
}
}
let utils$1 = new Utils();
const SymbolEvents = Symbol("events_" + ((1 + Math.random()) * 65536 | 0).toString(16).substring(1));
const PopsCoreDefaultEnv = {
document,
window,
globalThis,
self
};
const PopsCoreEnv = {
document,
window,
globalThis,
self
};
const PopsCore = {
init(option) {
if (!option) {
option = Object.assign({}, PopsCoreDefaultEnv);
}
Object.assign(PopsCoreEnv, option);
},
get document() {
return PopsCoreEnv.document;
},
get window() {
return PopsCoreEnv.window;
},
get globalThis() {
return PopsCoreEnv.globalThis;
},
get self() {
return PopsCoreEnv.self;
}
};
const OriginPrototype = {
Object: {
defineProperty: Object.defineProperty
}
};
let t$1 = class t2 {
constructor() {
this.__map = {};
}
beforeEach(t3) {
this.__interceptor = t3;
}
on(t3, i2) {
const s2 = Array.isArray(t3) ? t3 : [t3];
for (const t4 of s2) {
this.__map[t4] = this.__map[t4] || [];
const s3 = this.__map[t4];
s3 && s3.push(i2);
}
return this;
}
emit(t3, i2, s2) {
void 0 !== this.__interceptor ? this.__interceptor(t3, () => {
this.__emit(t3, i2), s2 && s2();
}) : (this.__emit(t3, i2), s2 && s2());
}
__emit(t3, i2) {
const s2 = this.__map[t3];
if (Array.isArray(s2) && (null == s2 ? void 0 : s2.length)) for (const _ of s2) _(i2, t3);
this.event = i2;
}
off(t3, i2) {
const s2 = this.__map[t3];
if (void 0 !== s2) if (void 0 === i2) delete this.__map[t3];
else {
const t4 = s2.findIndex((t5) => t5 === i2);
s2.splice(t4, 1);
}
}
destroy() {
this.__map = {};
}
};
const n$1 = "clientX", e$2 = "clientY", t = 16, c$3 = "start", o$1 = "move", s$1 = "cancel", u$3 = "end", a$2 = "left", i$3 = "right", r$4 = "up", d$1 = "down", m$2 = { 4: "start", 5: "move", 1: "end", 3: "cancel" };
function v$1(n2) {
return m$2[n2];
}
function b(n2, e2, t3) {
const c2 = { 1: { 0: { move: 4 }, 4: { move: 5, end: 1, cancel: 3 }, 5: { move: 5, end: 1, cancel: 3 } }, 0: { 4: { move: 2, end: 1, cancel: 3 }, 5: { start: 2, move: 2, end: 1, cancel: 3 } } }[Number(n2)][e2];
return void 0 !== c2 && c2[t3] || 0;
}
function g$1(n2) {
[1, 3, 2].includes(n2.state) && (n2.state = 0);
}
function h$3(n2) {
return [5, 1, 3].includes(n2);
}
function j(n2) {
if (n2.disabled) return n2.state = 0, true;
}
function O(n2, e2) {
return Object.assign(Object.assign(Object.assign({}, n2), e2), { state: 0, disabled: false });
}
function p$3(n2) {
return Math.round(100 * n2) / 100;
}
function r$3() {
let t3, o2, i2, r2, a2 = 0;
return function(u2) {
if (t3 = o2, void 0 !== u2) {
a2 = Number.MAX_SAFE_INTEGER > a2 ? ++a2 : 1;
const h2 = function(t4, o3) {
const { phase: i3, points: r3, changedPoints: a3, nativeEvent: u3 } = t4, h3 = r3.length, p3 = c$3 === i3, g3 = u$3 === i3 && 0 === h3 || s$1 === i3, l3 = Date.now(), { x: d2, y: m2 } = c$2(r3) || c$2(a3), { currentTarget: v2 } = u3;
return Object.assign(t4, { id: o3, x: d2, y: m2, timestamp: l3, isStart: p3, isEnd: g3, pointLength: h3, currentTarget: v2, getOffset(t5 = v2) {
const e2 = t5.getBoundingClientRect();
return { x: d2 - Math.round(e2.left), y: m2 - Math.round(e2.top) };
} });
}(u2, a2);
o2 = h2;
const { isStart: p2, pointLength: g2 } = h2;
return p2 && (i2 = h2, t3 = void 0, r2 = 1 < g2 ? h2 : void 0), Object.assign(Object.assign({}, h2), { prevInput: t3, startMultiInput: r2, startInput: i2 });
}
};
}
function c$2(t3) {
const { length: e2 } = t3;
if (0 < e2) {
if (1 === e2) {
const { clientX: e3, clientY: n3 } = t3[0];
return { x: Math.round(e3), y: Math.round(n3) };
}
const n2 = t3.reduce((t4, e3) => (t4.x += e3[n$1], t4.y += e3[e$2], t4), { x: 0, y: 0 });
return { x: Math.round(n2.x / e2), y: Math.round(n2.y / e2) };
}
}
function a$1(t3, e2, n2, s2) {
const o2 = {};
for (const t4 in n2) ["target", "currentTarget", "type"].includes(t4) || (o2[t4] = n2[t4]);
let i2;
return document.createEvent ? (i2 = document.createEvent("HTMLEvents"), i2.initEvent(t3, null == s2 ? void 0 : s2.bubbles, null == s2 ? void 0 : s2.cancelable)) : i2 = new Event(t3, s2), Object.assign(i2, o2, { match: () => n2.targets && 0 < n2.targets.length && n2.targets.every((t4) => i2.currentTarget.contains(t4)) }), e2.dispatchEvent(i2);
}
function u$2(t3, e2) {
const { preventDefault: n2 } = e2;
return s2 = n2, "[object Function]" === Object.prototype.toString.call(s2) ? n2(t3) : !!n2;
var s2;
}
const h$2 = ["touchstart", "touchmove", "touchend", "touchcancel", "mousedown"], p$2 = ["mousemove", "mouseup"];
const g = { domEvents: { bubbles: true, cancelable: true }, preventDefault: (t3) => {
if (t3.target && "tagName" in t3.target) {
const { tagName: e2 } = t3.target;
return !/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(e2);
}
return false;
} };
let l$1 = class l2 extends t$1 {
constructor(t3, e2) {
super(), this.v = "2.1.3", this.__computeFunctionList = [], this.__computeFunctionCreatorList = [], this.__pluginContexts = [], this.__isIgnoreMouse = false, this.el = t3, this.c = {}, this.__options = Object.assign(Object.assign({}, g), e2);
const n2 = function(t4) {
const e3 = r$3();
return function(n3) {
const s3 = [], o2 = [];
Array.from(n3.touches).forEach(({ clientX: e4, clientY: n4, target: i3 }) => {
(null == t4 ? void 0 : t4.contains(i3)) && (s3.push(i3), o2.push({ clientX: e4, clientY: n4, target: i3 }));
});
const i2 = Array.from(n3.changedTouches).map(({ clientX: t5, clientY: e4, target: n4 }) => ({ clientX: t5, clientY: e4, target: n4 }));
return e3({ phase: n3.type.replace("touch", ""), changedPoints: i2, points: o2, nativeEvent: n3, target: n3.target, targets: s3 });
};
}(this.el), s2 = function() {
let t4, e3 = false, n3 = null;
const s3 = r$3();
return function(o2) {
const { clientX: i2, clientY: r2, type: c2, button: a2, target: u2 } = o2;
let h2, p2 = [{ clientX: i2, clientY: r2, target: u2 }];
if ("mousedown" === c2 && 0 === a2) n3 = u2, e3 = true, h2 = "start";
else {
if (!e3) return;
"mousemove" === c2 ? h2 = "move" : "mouseup" === c2 && (p2 = [], h2 = "end", e3 = false);
}
const g2 = t4 || [{ clientX: i2, clientY: r2, target: u2 }];
if (t4 = [{ clientX: i2, clientY: r2, target: u2 }], void 0 !== h2) return s3({ phase: h2, changedPoints: g2, points: p2, target: n3, targets: [n3], nativeEvent: o2 });
};
}();
if (this.__inputCreatorMap = { touchstart: n2, touchmove: n2, touchend: n2, touchcancel: n2, mousedown: s2, mousemove: s2, mouseup: s2 }, this.on("at:after", (t4) => {
const { target: e3, __type: n3 } = t4, { domEvents: s3 } = this.__options;
s3 && void 0 !== this.el && e3 && (a$1(n3, e3, t4, s3), a$1("at:after", e3, t4, s3));
}), void 0 !== t3) {
t3.style.webkitTapHighlightColor = "rgba(0,0,0,0)";
let e3 = false;
try {
const t4 = {};
Object.defineProperty(t4, "passive", { get() {
e3 = true;
} }), window.addEventListener("_", () => {
}, t4);
} catch (t4) {
}
this.on("u", function(t4, e4, n3) {
return h$2.forEach((s3) => {
t4.addEventListener(s3, e4, n3);
}), p$2.forEach((t5) => {
window.addEventListener(t5, e4, n3);
}), () => {
h$2.forEach((n4) => {
t4.removeEventListener(n4, e4);
}), p$2.forEach((t5) => {
window.removeEventListener(t5, e4);
});
};
}(t3, this.catchEvent.bind(this), false === this.__options.preventDefault && e3 ? { passive: true } : { passive: false }));
}
}
use(t3, e2) {
this.__pluginContexts.push(t3(this, e2));
}
catchEvent(t3) {
const e2 = this.__inputCreatorMap[t3.type](t3);
if (void 0 !== e2) {
const n2 = () => t3.stopPropagation(), s2 = () => t3.stopImmediatePropagation(), o2 = () => t3.preventDefault();
if (u$2(t3, this.__options)) o2();
else if ("touchstart" === t3.type ? this.__isIgnoreMouse = true : "touchmove" === t3.type && (this.__isIgnoreMouse = false), this.__isIgnoreMouse && t3.type.startsWith("mouse")) return void ("mouseup" === t3.type && (this.__isIgnoreMouse = false));
this.emit("input", e2), this.emit2(`at:${e2.phase}`, e2, {});
const i2 = {};
this.__computeFunctionList.forEach((t4) => {
const n3 = t4(e2, i2);
if (void 0 !== n3) for (const t5 in n3) i2[t5] = n3[t5];
}), this.emit("computed", Object.assign(Object.assign(Object.assign({}, e2), i2), { stopPropagation: n2, stopImmediatePropagation: s2, preventDefault: o2 }));
}
}
compute(t3, e2) {
for (const e3 of t3) this.__computeFunctionCreatorList.includes(e3) || (this.__computeFunctionCreatorList.push(e3), this.__computeFunctionList.push(e3()));
this.on("computed", e2);
}
beforeEach(t3) {
super.beforeEach((e2, n2) => {
var s2;
(null === (s2 = this.c) || void 0 === s2 ? void 0 : s2.name) ? t3(e2, n2) : n2();
});
}
get(t3) {
return this.__pluginContexts.find((e2) => t3 === e2.name);
}
set(t3) {
this.__options = Object.assign(Object.assign({}, this.__options), t3);
}
emit2(t3, e2, n2) {
this.c = n2, this.emit(t3, Object.assign(Object.assign({}, e2), { type: t3 }), () => {
this.emit("at:after", Object.assign(Object.assign({}, e2), { name: t3, __type: t3 }));
});
}
destroy() {
this.emit("u"), super.destroy();
}
};
var x = (r2) => Math.sqrt(r2.x * r2.x + r2.y * r2.y), y = (r2, a2) => r2.x * a2.x + r2.y * a2.y, e$1 = (r2, a2) => {
var t3 = x(r2) * x(a2);
if (0 === t3) return 0;
var h2 = y(r2, a2) / t3;
return h2 > 1 && (h2 = 1), Math.acos(h2);
}, n = (r2, a2) => r2.x * a2.y - a2.x * r2.y, o = (r2) => r2 / Math.PI * 180, s = (r2, a2) => {
var t3 = e$1(r2, a2);
return n(r2, a2) > 0 && (t3 *= -1), o(t3);
}, u$1 = (x2, y2) => {
if (0 !== x2 || 0 !== y2) return Math.abs(x2) >= Math.abs(y2) ? 0 < x2 ? i$3 : a$2 : 0 < y2 ? d$1 : r$4;
};
function p$1() {
let n2 = 0, e2 = 0;
return function(o2, r2) {
const { prevVecotr: i2, startVecotr: a2, activeVecotr: c2 } = r2;
return c2 && (e2 = Math.round(s(c2, i2)), n2 = Math.round(s(c2, a2))), { angle: n2, deltaAngle: e2 };
};
}
function d() {
return function(t3) {
const { prevInput: e2 } = t3;
let o$12 = 0, r2 = 0, i2 = 0;
if (void 0 !== e2 && (o$12 = t3.x - e2.x, r2 = t3.y - e2.y, 0 !== o$12 || 0 !== r2)) {
const t4 = Math.sqrt(Math.pow(o$12, 2) + Math.pow(r2, 2));
i2 = Math.round(o(Math.acos(Math.abs(o$12) / t4)));
}
return { deltaX: o$12, deltaY: r2, deltaXYAngle: i2 };
};
}
function h$1() {
let t3, n2 = 0, u2 = 0, s2 = 0, p2 = 0, d2 = 0;
return function(h2) {
const { phase: l3, startInput: f2 } = h2;
return c$3 === l3 ? (n2 = 0, u2 = 0, s2 = 0, p2 = 0, d2 = 0) : o$1 === l3 && (n2 = Math.round(h2.points[0][n$1] - f2.points[0][n$1]), u2 = Math.round(h2.points[0][e$2] - f2.points[0][e$2]), s2 = Math.abs(n2), p2 = Math.abs(u2), d2 = Math.round(x({ x: s2, y: p2 })), t3 = u$1(n2, u2)), { displacementX: n2, displacementY: u2, distanceX: s2, distanceY: p2, distance: d2, overallDirection: t3 };
};
}
function l() {
let t3 = 1;
return function(n2, o2) {
let r2 = 1;
const { prevVecotr: i2, startVecotr: a2, activeVecotr: c2 } = o2;
return c2 && (r2 = p$3(x(c2) / x(i2)), t3 = p$3(x(c2) / x(a2))), { scale: t3, deltaScale: r2 };
};
}
function f() {
let t$12, n2, e2 = 0, r2 = 0, i2 = 0, a2 = 0;
return function(c2) {
if (void 0 !== c2) {
n2 = n2 || c2.startInput;
const u2 = c2.timestamp - n2.timestamp;
if (t < u2) {
const s2 = c2.x - n2.x, p2 = c2.y - n2.y;
i2 = Math.round(s2 / u2 * 100) / 100, a2 = Math.round(p2 / u2 * 100) / 100, e2 = Math.abs(i2), r2 = Math.abs(a2), t$12 = u$1(s2, p2), n2 = c2;
}
}
return { velocityX: e2, velocityY: r2, speedX: i2, speedY: a2, direction: t$12 };
};
}
function M() {
let t3 = 0;
return function(n2) {
const { phase: e2 } = n2;
return c$3 === e2 && (t3 = n2.pointLength), { maxPointLength: t3 };
};
}
function v(t3) {
return { x: t3.points[1][n$1] - t3.points[0][n$1], y: t3.points[1][e$2] - t3.points[0][e$2] };
}
function m$1() {
let t3, n2, e2;
return function(o2) {
const { prevInput: r2, startMultiInput: i2 } = o2;
return void 0 !== i2 && void 0 !== r2 && o2.id !== i2.id && 1 < r2.pointLength && 1 < o2.pointLength ? (t3 = v(i2), n2 = v(r2), e2 = v(o2)) : e2 = void 0, { startVecotr: t3, prevVecotr: n2, activeVecotr: e2 };
};
}
const m = { name: "tap", pointLength: 1, tapTimes: 1, waitNextTapTime: 300, maxDistance: 2, maxDistanceFromPrevTap: 9, maxPressTime: 250 };
function r$2(r2, s2) {
const c2 = O(m, s2);
let p2, u2, x$1, T = 0;
function f2() {
T = 0, p2 = void 0, u2 = void 0;
}
return r2.compute([h$1, M], (t3) => {
if (j(c2)) return;
const { phase: i2, x: o2, y: m2 } = t3;
u$3 === i2 && (c2.state = 0, !function() {
const { startInput: e2, pointLength: n2, timestamp: a2 } = t3, i3 = a2 - e2.timestamp, { distance: o3, maxPointLength: m3 } = t3;
return m3 === c2.pointLength && 0 === n2 && c2.maxDistance >= o3 && c2.maxPressTime > i3;
}() ? (f2(), c2.state = 2) : (clearTimeout(x$1), function(t4, e2) {
if (void 0 !== p2) {
const n2 = x({ x: t4.x - p2.x, y: t4.y - p2.y });
return p2 = t4, e2.maxDistanceFromPrevTap >= n2;
}
return p2 = t4, true;
}({ x: o2, y: m2 }, c2) && function(t4) {
const e2 = performance.now();
if (void 0 === u2) return u2 = e2, true;
{
const n2 = e2 - u2;
return u2 = e2, n2 < t4;
}
}(c2.waitNextTapTime) ? T++ : T = 1, 0 == T % c2.tapTimes ? (c2.state = 1, r2.emit2(c2.name, t3, c2), f2()) : x$1 = setTimeout(() => {
c2.state = 2, f2();
}, c2.waitNextTapTime)));
}), c2;
}
const p = { name: "pan", threshold: 10, pointLength: 1 };
function u(u2, d$12) {
const f$1 = O(p, d$12);
return u2.compute([f, h$1, d], (t3) => {
if (g$1(f$1), j(f$1)) return;
const c2 = function() {
const { pointLength: e2, distance: n2 } = t3;
return f$1.pointLength === e2 && f$1.threshold <= n2;
}();
if (f$1.state = b(c2, f$1.state, t3.phase), c2 || h$3(f$1.state)) {
const { name: e2 } = f$1;
u2.emit2(e2, t3, f$1), u2.emit2(e2 + v$1(f$1.state), t3, f$1), ![u$3, s$1].includes(t3.phase) && t3.direction && u2.emit2(e2 + t3.direction, t3, f$1);
}
}), f$1;
}
const c$1 = { name: "swipe", threshold: 10, velocity: 0.3, pointLength: 1 };
function a(a2, r2) {
const s2 = O(c$1, r2);
return a2.compute([h$1, f, M], (t3) => {
if (s2.state = 0, !s2.disabled && function() {
if (u$3 !== t3.phase) return false;
const { velocityX: o2, velocityY: n2, distance: i2, maxPointLength: c2 } = t3;
return c2 === s2.pointLength && 0 === t3.points.length && s2.threshold < i2 && s2.velocity < Math.max(o2, n2);
}()) {
const { name: e2 } = s2;
s2.state = 1, a2.emit2(e2, t3, s2), a2.emit2(e2 + t3.direction, t3, s2);
}
}), s2;
}
const r$1 = { name: "press", pointLength: 1, maxDistance: 9, minPressTime: 251 };
function c(c2, u2) {
const p2 = O(r$1, u2);
let f2 = 0;
return c2.compute([h$1], (t3) => {
if (j(p2)) return;
const { phase: o2, startInput: r2, pointLength: u3 } = t3;
if (c$3 === o2 && p2.pointLength === u3) g$1(p2), clearTimeout(f2), f2 = setTimeout(() => {
p2.state = 1, c2.emit2(p2.name, t3, p2);
}, p2.minPressTime);
else if (u$3 === o2 && 1 === p2.state) c2.emit2(`${p2.name}${r$4}`, t3, p2);
else if (1 !== p2.state) {
const e2 = t3.timestamp - r2.timestamp;
(!function() {
const { distance: e3 } = t3;
return e3 && p2.maxDistance > e3;
}() || p2.minPressTime > e2 && [u$3, s$1].includes(o2)) && (clearTimeout(f2), p2.state = 2);
}
}), p2;
}
const i$2 = { name: "pinch", threshold: 0, pointLength: 2 };
function r(r2, m2) {
const p2 = O(i$2, m2);
return r2.compute([m$1, l], (t3) => {
if (g$1(p2), j(p2)) return;
const c2 = function() {
const { pointLength: e2, scale: n2, deltaScale: o2, phase: a2 } = t3;
return p2.pointLength === e2 && p2.threshold < Math.abs(n2 - 1);
}();
p2.state = b(c2, p2.state, t3.phase);
const { name: h2 } = p2;
if (c2 || h$3(p2.state)) {
r2.emit2(h2, t3, p2);
const { deltaScale: e2 } = t3;
1 !== e2 && r2.emit2(h2 + (1 < e2 ? "in" : "out"), t3, p2);
}
const i2 = v$1(p2.state);
i2 && r2.emit2(h2 + i2, t3, p2);
}), p2;
}
const h = { name: "rotate", threshold: 0, pointLength: 2 };
function i$1(i2, m2) {
const u2 = O(h, m2);
return i2.compute([m$1, p$1], (t3) => {
if (j(u2)) return;
g$1(u2);
const r2 = function() {
const { pointLength: e2, angle: n2 } = t3;
return u2.pointLength === e2 && u2.threshold < Math.abs(n2);
}();
u2.state = b(r2, u2.state, t3.phase);
const { name: c2 } = u2;
(r2 || h$3(u2.state)) && i2.emit2(c2, t3, u2);
const h2 = v$1(u2.state);
h2 && i2.emit2(c2 + h2, t3, u2);
}), u2;
}
function e(e2) {
e2.use(r$2, { name: "doubletap", tapTimes: 2 });
const a2 = e2.get("doubletap");
let o2;
return e2.beforeEach((t3, e3) => {
"tap" === t3 ? (clearTimeout(o2), o2 = setTimeout(() => {
[0, 2].includes(a2.state) && e3();
}, 300)) : e3();
}), a2;
}
class i extends l$1 {
constructor(t3, u$12) {
super(t3, u$12), this.use(r$2), this.use(u), this.use(a), this.use(c), this.use(r), this.use(i$1);
}
}
i.STATE_POSSIBLE = 0, i.STATE_START = 4, i.STATE_MOVE = 5, i.STATE_END = 1, i.STATE_CANCELLED = 3, i.STATE_FAILED = 2, i.STATE_RECOGNIZED = 1, i.tap = r$2, i.pan = u, i.swipe = a, i.press = c, i.rotate = i$1, i.pinch = r, i.doubletap = e;
class PopsUtils {
constructor() {
__publicField(this, "AnyTouch", () => {
return i;
});
}
/**
* 判断是否是window，例如window、self、globalThis
* @param target
*/
isWin(target) {
var _a2;
if (typeof target !== "object") {
return false;
}
if (target instanceof Node) {
return false;
}
if (target === globalThis) {
return true;
}
if (target === window) {
return true;
}
if (target === self) {
return true;
}
if (target === PopsCore.globalThis) {
return true;
}
if (target === PopsCore.window) {
return true;
}
if (target === PopsCore.self) {
return true;
}
if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
return true;
}
if (((_a2 = target == null ? void 0 : target.Math) == null ? void 0 : _a2.toString()) !== "[object Math]") {
return false;
}
return true;
}
isDOM(target) {
return target instanceof Node;
}
/**
* 删除对象上的属性
* @param target
* @param propName
*/
delete(target, propName) {
if (typeof Reflect === "object" && Reflect.deleteProperty) {
Reflect.deleteProperty(target, propName);
} else {
delete target[propName];
}
}
assign(target = {}, source = {}, isAdd = false) {
let UtilsContext = this;
if (source == null) {
return target;
}
if (target == null) {
target = {};
}
if (Array.isArray(source)) {
let canTraverse = source.filter((item) => {
return typeof item === "object";
});
if (!canTraverse.length) {
return source;
}
}
if (isAdd) {
for (const sourceKeyName in source) {
const targetKeyName = sourceKeyName;
let targetValue = target[targetKeyName];
let sourceValue = source[sourceKeyName];
if (typeof sourceValue === "object" && sourceValue != null && sourceKeyName in target && !UtilsContext.isDOM(sourceValue)) {
target[sourceKeyName] = UtilsContext.assign(targetValue, sourceValue, isAdd);
continue;
}
target[sourceKeyName] = sourceValue;
}
} else {
for (const targetKeyName in target) {
if (targetKeyName in source) {
let targetValue = target[targetKeyName];
let sourceValue = source[targetKeyName];
if (typeof sourceValue === "object" && sourceValue != null && !UtilsContext.isDOM(sourceValue) && Object.keys(sourceValue).length) {
target[targetKeyName] = UtilsContext.assign(targetValue, sourceValue, isAdd);
continue;
}
target[targetKeyName] = sourceValue;
}
}
}
return target;
}
/**
* 生成uuid
*/
getRandomGUID() {
var _a2, _b;
if (typeof ((_b = (_a2 = PopsCore.globalThis) == null ? void 0 : _a2.crypto) == null ? void 0 : _b.randomUUID) === "function") {
return PopsCore.globalThis.crypto.randomUUID();
} else {
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(charStr) {
var randomValue = Math.random() * 16 | 0, randomCharValue = charStr === "x" ? randomValue : randomValue & 3 | 8;
return randomCharValue.toString(16);
});
}
}
/**
* 字符串转HTMLElement
* @param elementString
* @returns
*/
parseTextToDOM(elementString) {
elementString = elementString.replace(/^[\n|\s]*/g, "").replace(/[\n|\s]*$/g, "");
let targetElement = popsDOMUtils.createElement("div", {
innerHTML: elementString
});
return targetElement.firstChild;
}
contains(context2, target) {
if (arguments.length === 1) {
return this.contains(PopsCore.document.body || PopsCore.document.documentElement, arguments[0]);
} else {
if (target == null) {
return false;
}
if (typeof target[Symbol.iterator] === "function") {
let flag = true;
for (const targetNode of target) {
if (!context2.contains(targetNode)) {
flag = false;
break;
}
}
return flag;
} else {
return context2.contains(target);
}
}
}
formatTime(text = /* @__PURE__ */ new Date(), formatType = "yyyy-MM-dd HH:mm:ss") {
let time = text == null ? /* @__PURE__ */ new Date() : new Date(text);
function checkTime(timeNum) {
if (timeNum < 10)
return "0" + timeNum;
return timeNum;
}
function timeSystemChange(hourNum) {
return hourNum > 12 ? hourNum - 12 : hourNum;
}
let timeRegexp = {
yyyy: time.getFullYear(),
/* 年 */
MM: checkTime(time.getMonth() + 1),
/* 月 */
dd: checkTime(time.getDate()),
/* 日 */
HH: checkTime(time.getHours()),
/* 时 (24小时制) */
hh: checkTime(timeSystemChange(time.getHours())),
/* 时 (12小时制) */
mm: checkTime(time.getMinutes()),
/* 分 */
ss: checkTime(time.getSeconds())
/* 秒 */
};
Object.keys(timeRegexp).forEach(function(key) {
let replaecRegexp = new RegExp(key, "g");
formatType = formatType.replace(replaecRegexp, timeRegexp[key]);
});
return formatType;
}
formatByteToSize(byteSize, addType = true) {
byteSize = parseInt(byteSize.toString());
if (isNaN(byteSize)) {
throw new Error("Utils.formatByteToSize 参数 byteSize 格式不正确");
}
let result2 = 0;
let resultType = "KB";
let sizeData = {};
sizeData.B = 1;
sizeData.KB = 1024;
sizeData.MB = sizeData.KB * sizeData.KB;
sizeData.GB = sizeData.MB * sizeData.KB;
sizeData.TB = sizeData.GB * sizeData.KB;
sizeData.PB = sizeData.TB * sizeData.KB;
sizeData.EB = sizeData.PB * sizeData.KB;
sizeData.ZB = sizeData.EB * sizeData.KB;
sizeData.YB = sizeData.ZB * sizeData.KB;
sizeData.BB = sizeData.YB * sizeData.KB;
sizeData.NB = sizeData.BB * sizeData.KB;
sizeData.DB = sizeData.NB * sizeData.KB;
for (let key in sizeData) {
result2 = byteSize / sizeData[key];
resultType = key;
if (sizeData.KB >= result2) {
break;
}
}
result2 = result2.toFixed(2);
result2 = addType ? result2 + resultType.toString() : parseFloat(result2.toString());
return result2;
}
}
const popsUtils = new PopsUtils();
class PopsDOMUtilsEvent {
on(element, eventType, selector, callback2, option) {
function getOption(args3, startIndex, option2) {
if (typeof args3[startIndex] === "boolean") {
option2.capture = args3[startIndex];
if (typeof args3[startIndex + 1] === "boolean") {
option2.once = args3[startIndex + 1];
}
if (typeof args3[startIndex + 2] === "boolean") {
option2.passive = args3[startIndex + 2];
}
} else if (typeof args3[startIndex] === "object" && ("capture" in args3[startIndex] || "once" in args3[startIndex] || "passive" in args3[startIndex])) {
option2.capture = args3[startIndex].capture;
option2.once = args3[startIndex].once;
option2.passive = args3[startIndex].passive;
}
return option2;
}
let DOMUtilsContext = this;
let args2 = arguments;
if (typeof element === "string") {
element = PopsCore.document.querySelectorAll(element);
}
if (element == null) {
return;
}
let elementList = [];
if (element instanceof NodeList || Array.isArray(element)) {
element = element;
elementList = [...element];
} else {
elementList.push(element);
}
let eventTypeList = [];
if (Array.isArray(eventType)) {
eventTypeList = eventTypeList.concat(eventType);
} else if (typeof eventType === "string") {
eventTypeList = eventTypeList.concat(eventType.split(" "));
}
let _selector_ = selector;
let _callback_ = callback2;
let _option_ = {
capture: false,
once: false,
passive: false
};
if (typeof selector === "function") {
_selector_ = void 0;
_callback_ = selector;
_option_ = getOption(args2, 3, _option_);
} else {
_option_ = getOption(args2, 4, _option_);
}
function checkOptionOnceToRemoveEventListener() {
if (_option_.once) {
DOMUtilsContext.off(element, eventType, selector, callback2, option);
}
}
elementList.forEach((elementItem) => {
function ownCallBack(event) {
let target = event.target;
if (_selector_) {
let totalParent = popsUtils.isWin(elementItem) ? PopsCore.document.documentElement : elementItem;
if (target.matches(_selector_)) {
_callback_.call(target, event);
checkOptionOnceToRemoveEventListener();
} else if (target.closest(_selector_) && totalParent.contains(target.closest(_selector_))) {
let closestElement = target.closest(_selector_);
OriginPrototype.Object.defineProperty(event, "target", {
get() {
return closestElement;
}
});
_callback_.call(closestElement, event);
checkOptionOnceToRemoveEventListener();
}
} else {
_callback_.call(elementItem, event);
checkOptionOnceToRemoveEventListener();
}
}
eventTypeList.forEach((eventName) => {
elementItem.addEventListener(eventName, ownCallBack, _option_);
if (_callback_ && _callback_.delegate) {
elementItem.setAttribute("data-delegate", _selector_);
}
let elementEvents = elementItem[SymbolEvents] || {};
elementEvents[eventName] = elementEvents[eventName] || [];
elementEvents[eventName].push({
selector: _selector_,
option: _option_,
callback: ownCallBack,
originCallBack: _callback_
});
elementItem[SymbolEvents] = elementEvents;
});
});
}
off(element, eventType, selector, callback2, option, filter) {
function getOption(args1, startIndex, option2) {
if (typeof args1[startIndex] === "boolean") {
option2.capture = args1[startIndex];
} else if (typeof args1[startIndex] === "object" && "capture" in args1[startIndex]) {
option2.capture = args1[startIndex].capture;
}
return option2;
}
let args2 = arguments;
if (typeof element === "string") {
element = PopsCore.document.querySelectorAll(element);
}
if (element == null) {
return;
}
let elementList = [];
if (element instanceof NodeList || Array.isArray(element)) {
element = element;
elementList = [...element];
} else {
elementList.push(element);
}
let eventTypeList = [];
if (Array.isArray(eventType)) {
eventTypeList = eventTypeList.concat(eventType);
} else if (typeof eventType === "string") {
eventTypeList = eventTypeList.concat(eventType.split(" "));
}
let _selector_ = selector;
let _callback_ = callback2;
let _option_ = {
capture: false
};
if (typeof selector === "function") {
_selector_ = void 0;
_callback_ = selector;
_option_ = getOption(args2, 3, _option_);
} else {
_option_ = getOption(args2, 4, _option_);
}
elementList.forEach((elementItem) => {
let elementEvents = elementItem[SymbolEvents] || {};
eventTypeList.forEach((eventName) => {
let handlers = elementEvents[eventName] || [];
if (typeof filter === "function") {
handlers = handlers.filter(filter);
}
for (let index = 0; index < handlers.length; index++) {
let handler = handlers[index];
let flag = false;
if (!_selector_ || handler.selector === _selector_) {
flag = true;
}
if (!_callback_ || handler.callback === _callback_ || handler.originCallBack === _callback_) {
flag = true;
}
if (flag) {
elementItem.removeEventListener(eventName, handler.callback, _option_);
handlers.splice(index--, 1);
}
}
if (handlers.length === 0) {
popsUtils.delete(elementEvents, eventType);
}
});
elementItem[SymbolEvents] = elementEvents;
});
}
/**
* 取消绑定所有的事件
* @param element 需要取消绑定的元素|元素数组
* @param eventType （可选）需要取消监听的事件
*/
offAll(element, eventType) {
if (typeof element === "string") {
element = PopsCore.document.querySelectorAll(element);
}
if (element == null) {
return;
}
let elementList = [];
if (element instanceof NodeList || Array.isArray(element)) {
elementList = [...element];
} else {
elementList.push(element);
}
let eventTypeList = [];
if (Array.isArray(eventType)) {
eventTypeList = eventTypeList.concat(eventType);
} else if (typeof eventType === "string") {
eventTypeList = eventTypeList.concat(eventType.split(" "));
}
elementList.forEach((elementItem) => {
Object.getOwnPropertySymbols(elementItem).forEach((__symbolEvents) => {
if (!__symbolEvents.toString().startsWith("Symbol(events_")) {
return;
}
let elementEvents = elementItem[__symbolEvents] || {};
let iterEventNameList = eventTypeList.length ? eventTypeList : Object.keys(elementEvents);
iterEventNameList.forEach((eventName) => {
let handlers = elementEvents[eventName];
if (!handlers) {
return;
}
for (const handler of handlers) {
elementItem.removeEventListener(eventName, handler.callback, {
capture: handler["option"]["capture"]
});
}
popsUtils.delete(elementItem[__symbolEvents], eventName);
});
});
});
}
/**
* 等待文档加载完成后执行指定的函数
* @param callback 需要执行的函数
* @example
* DOMUtils.ready(function(){
* console.log("文档加载完毕")
* })
*/
ready(callback2) {
if (typeof callback2 !== "function") {
return;
}
function checkDOMReadyState() {
try {
if (document.readyState === "complete" || document.readyState !== "loading" && !document.documentElement.doScroll) {
return true;
} else {
return false;
}
} catch (error2) {
return false;
}
}
function completed() {
removeDomReadyListener();
callback2();
}
let targetList = [
{
target: PopsCore.document,
eventType: "DOMContentLoaded",
callback: completed
},
{
target: PopsCore.window,
eventType: "load",
callback: completed
}
];
function addDomReadyListener() {
for (let index = 0; index < targetList.length; index++) {
let item = targetList[index];
item.target.addEventListener(item.eventType, item.callback);
}
}
function removeDomReadyListener() {
for (let index = 0; index < targetList.length; index++) {
let item = targetList[index];
item.target.removeEventListener(item.eventType, item.callback);
}
}
if (checkDOMReadyState()) {
setTimeout(callback2);
} else {
addDomReadyListener();
}
}
/**
* 主动触发事件
* @param element 需要触发的元素|元素数组|window
* @param eventType 需要触发的事件
* @param details 赋予触发的Event的额外属性，如果是Event类型，那么将自动代替默认new的Event对象
* @param useDispatchToTriggerEvent 是否使用dispatchEvent来触发事件,默认true
* @example
* // 触发元素a.xx的click事件
* DOMUtils.trigger(document.querySelector("a.xx"),"click")
* DOMUtils.trigger("a.xx","click")
* // 触发元素a.xx的click、tap、hover事件
* DOMUtils.trigger(document.querySelector("a.xx"),"click tap hover")
* DOMUtils.trigger("a.xx",["click","tap","hover"])
*/
trigger(element, eventType, details, useDispatchToTriggerEvent = true) {
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
let elementList = [];
if (element instanceof NodeList || Array.isArray(element)) {
element = element;
elementList = [...element];
} else {
elementList = [element];
}
let eventTypeList = [];
if (Array.isArray(eventType)) {
eventTypeList = eventType;
} else if (typeof eventType === "string") {
eventTypeList = eventType.split(" ");
}
elementList.forEach((elementItem) => {
let events = elementItem[SymbolEvents] || {};
eventTypeList.forEach((_eventType_) => {
let event = null;
if (details && details instanceof Event) {
event = details;
} else {
event = new Event(_eventType_);
if (details) {
Object.keys(details).forEach((keyName) => {
event[keyName] = details[keyName];
});
}
}
if (useDispatchToTriggerEvent == false && _eventType_ in events) {
events[_eventType_].forEach((eventsItem) => {
eventsItem.callback(event);
});
} else {
elementItem.dispatchEvent(event);
}
});
});
}
/**
* 绑定或触发元素的click事件
* @param element 目标元素
* @param handler （可选）事件处理函数
* @param details （可选）赋予触发的Event的额外属性
* @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
* @example
* // 触发元素a.xx的click事件
* DOMUtils.click(document.querySelector("a.xx"))
* DOMUtils.click("a.xx")
* DOMUtils.click("a.xx"，function(){
* console.log("触发click事件成功")
* })
* */
click(element, handler, details, useDispatchToTriggerEvent) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
if (handler == null) {
DOMUtilsContext.trigger(element, "click", details, useDispatchToTriggerEvent);
} else {
DOMUtilsContext.on(element, "click", null, handler);
}
}
/**
* 绑定或触发元素的blur事件
* @param element 目标元素
* @param handler （可选）事件处理函数
* @param details （可选）赋予触发的Event的额外属性
* @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
* @example
* // 触发元素a.xx的blur事件
* DOMUtils.blur(document.querySelector("a.xx"))
* DOMUtils.blur("a.xx")
* DOMUtils.blur("a.xx"，function(){
* console.log("触发blur事件成功")
* })
* */
blur(element, handler, details, useDispatchToTriggerEvent) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
if (handler === null) {
DOMUtilsContext.trigger(element, "blur", details, useDispatchToTriggerEvent);
} else {
DOMUtilsContext.on(element, "blur", null, handler);
}
}
/**
* 绑定或触发元素的focus事件
* @param element 目标元素
* @param handler （可选）事件处理函数
* @param details （可选）赋予触发的Event的额外属性
* @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
* @example
* // 触发元素a.xx的focus事件
* DOMUtils.focus(document.querySelector("a.xx"))
* DOMUtils.focus("a.xx")
* DOMUtils.focus("a.xx"，function(){
* console.log("触发focus事件成功")
* })
* */
focus(element, handler, details, useDispatchToTriggerEvent) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
if (handler == null) {
DOMUtilsContext.trigger(element, "focus", details, useDispatchToTriggerEvent);
} else {
DOMUtilsContext.on(element, "focus", null, handler);
}
}
/**
* 当鼠标移入或移出元素时触发事件
* @param element 当前元素
* @param handler 事件处理函数
* @param option 配置
* @example
* // 监听a.xx元素的移入或移出
* DOMUtils.hover(document.querySelector("a.xx"),()=>{
* console.log("移入/移除");
* })
* DOMUtils.hover("a.xx",()=>{
* console.log("移入/移除");
* })
*/
hover(element, handler, option) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
DOMUtilsContext.on(element, "mouseenter", null, handler, option);
DOMUtilsContext.on(element, "mouseleave", null, handler, option);
}
/**
* 当按键松开时触发事件
* keydown - > keypress - > keyup
* @param target 当前元素
* @param handler 事件处理函数
* @param option 配置
* @example
* // 监听a.xx元素的按键松开
* DOMUtils.keyup(document.querySelector("a.xx"),()=>{
* console.log("按键松开");
* })
* DOMUtils.keyup("a.xx",()=>{
* console.log("按键松开");
* })
*/
keyup(target, handler, option) {
let DOMUtilsContext = this;
if (target == null) {
return;
}
if (typeof target === "string") {
target = PopsCore.document.querySelector(target);
}
DOMUtilsContext.on(target, "keyup", null, handler, option);
}
/**
* 当按键按下时触发事件
* keydown - > keypress - > keyup
* @param target 目标
* @param handler 事件处理函数
* @param option 配置
* @example
* // 监听a.xx元素的按键按下
* DOMUtils.keydown(document.querySelector("a.xx"),()=>{
* console.log("按键按下");
* })
* DOMUtils.keydown("a.xx",()=>{
* console.log("按键按下");
* })
*/
keydown(target, handler, option) {
let DOMUtilsContext = this;
if (target == null) {
return;
}
if (typeof target === "string") {
target = PopsCore.document.querySelector(target);
}
DOMUtilsContext.on(target, "keydown", null, handler, option);
}
/**
* 当按键按下时触发事件
* keydown - > keypress - > keyup
* @param target 目标
* @param handler 事件处理函数
* @param option 配置
* @example
* // 监听a.xx元素的按键按下
* DOMUtils.keypress(document.querySelector("a.xx"),()=>{
* console.log("按键按下");
* })
* DOMUtils.keypress("a.xx",()=>{
* console.log("按键按下");
* })
*/
keypress(target, handler, option) {
let DOMUtilsContext = this;
if (target == null) {
return;
}
if (typeof target === "string") {
target = PopsCore.document.querySelector(target);
}
DOMUtilsContext.on(target, "keypress", null, handler, option);
}
preventEvent(element, eventNameList = [], capture) {
function stopEvent(event) {
event == null ? void 0 : event.preventDefault();
event == null ? void 0 : event.stopPropagation();
event == null ? void 0 : event.stopImmediatePropagation();
return false;
}
if (arguments.length === 1) {
return stopEvent(arguments[0]);
} else {
if (typeof eventNameList === "string") {
eventNameList = [eventNameList];
}
eventNameList.forEach((eventName) => {
element.addEventListener(eventName, stopEvent, {
capture: Boolean(capture)
});
});
}
}
}
class PopsDOMUtils extends PopsDOMUtilsEvent {
/** 获取 animationend 在各个浏览器的兼容名 */
getAnimationEndNameList() {
return [
"webkitAnimationEnd",
"mozAnimationEnd",
"MSAnimationEnd",
"oanimationend",
"animationend"
];
}
/** 获取 transitionend 在各个浏览器的兼容名 */
getTransitionEndNameList() {
return [
"webkitTransitionEnd",
"mozTransitionEnd",
"MSTransitionEnd",
"otransitionend",
"transitionend"
];
}
/**
* 实现jQuery中的$().offset();
* @param element
* @param calcScroll 计算滚动距离
*/
offset(element, calcScroll = true) {
let rect = element.getBoundingClientRect();
let win = element.ownerDocument.defaultView;
let resultRect = new DOMRect(calcScroll ? parseFloat((rect.left + ((win == null ? void 0 : win.pageXOffset) || 0)).toString()) : rect.left, calcScroll ? parseFloat((rect.top + ((win == null ? void 0 : win.pageYOffset) || 0)).toString()) : rect.top, rect.width, rect.height);
return resultRect;
}
width(element, isShow = false, parent) {
let DOMUtilsContext = this;
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
if (popsUtils.isWin(element)) {
return PopsCore.window.document.documentElement.clientWidth;
}
if (element.nodeType === 9) {
element = element;
return Math.max(element.body.scrollWidth, element.documentElement.scrollWidth, element.body.offsetWidth, element.documentElement.offsetWidth, element.documentElement.clientWidth);
}
if (isShow || !isShow && popsDOMUtils.isShow(element)) {
element = element;
if (parseFloat(popsDOMUtils.getStyleValue(element, "width").toString()) > 0) {
return parseFloat(popsDOMUtils.getStyleValue(element, "width").toString());
}
if (element.offsetWidth > 0) {
let borderLeftWidth = popsDOMUtils.getStyleValue(element, "borderLeftWidth");
let borderRightWidth = popsDOMUtils.getStyleValue(element, "borderRightWidth");
let paddingLeft = popsDOMUtils.getStyleValue(element, "paddingLeft");
let paddingRight = popsDOMUtils.getStyleValue(element, "paddingRight");
let backHeight = parseFloat(element.offsetWidth.toString()) - parseFloat(borderLeftWidth.toString()) - parseFloat(borderRightWidth.toString()) - parseFloat(paddingLeft.toString()) - parseFloat(paddingRight.toString());
return parseFloat(backHeight.toString());
}
return 0;
} else {
element = element;
let { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
let width = DOMUtilsContext.width(cloneNode, true, parent);
recovery();
return width;
}
}
height(element, isShow = false, parent) {
let DOMUtilsContext = this;
if (popsUtils.isWin(element)) {
return PopsCore.window.document.documentElement.clientHeight;
}
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
if (element.nodeType === 9) {
element = element;
return Math.max(element.body.scrollHeight, element.documentElement.scrollHeight, element.body.offsetHeight, element.documentElement.offsetHeight, element.documentElement.clientHeight);
}
if (isShow || !isShow && popsDOMUtils.isShow(element)) {
element = element;
if (parseFloat(popsDOMUtils.getStyleValue(element, "height").toString()) > 0) {
return parseFloat(popsDOMUtils.getStyleValue(element, "height").toString());
}
if (element.offsetHeight > 0) {
let borderTopWidth = popsDOMUtils.getStyleValue(element, "borderTopWidth");
let borderBottomWidth = popsDOMUtils.getStyleValue(element, "borderBottomWidth");
let paddingTop = popsDOMUtils.getStyleValue(element, "paddingTop");
let paddingBottom = popsDOMUtils.getStyleValue(element, "paddingBottom");
let backHeight = parseFloat(element.offsetHeight.toString()) - parseFloat(borderTopWidth.toString()) - parseFloat(borderBottomWidth.toString()) - parseFloat(paddingTop.toString()) - parseFloat(paddingBottom.toString());
return parseFloat(backHeight.toString());
}
return 0;
} else {
element = element;
let { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
let height = DOMUtilsContext.height(cloneNode, true, parent);
recovery();
return height;
}
}
outerWidth(element, isShow = false, parent) {
let DOMUtilsContext = this;
if (popsUtils.isWin(element)) {
return PopsCore.window.innerWidth;
}
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
element = element;
if (isShow || !isShow && popsDOMUtils.isShow(element)) {
let style = getComputedStyle(element, null);
let marginLeft = popsDOMUtils.getStyleValue(style, "marginLeft");
let marginRight = popsDOMUtils.getStyleValue(style, "marginRight");
return element.offsetWidth + marginLeft + marginRight;
} else {
let { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
let outerWidth = DOMUtilsContext.outerWidth(cloneNode, true, parent);
recovery();
return outerWidth;
}
}
outerHeight(element, isShow = false, parent) {
let DOMUtilsContext = this;
if (popsUtils.isWin(element)) {
return PopsCore.window.innerHeight;
}
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
element = element;
if (isShow || !isShow && popsDOMUtils.isShow(element)) {
let style = getComputedStyle(element, null);
let marginTop = popsDOMUtils.getStyleValue(style, "marginTop");
let marginBottom = popsDOMUtils.getStyleValue(style, "marginBottom");
return element.offsetHeight + marginTop + marginBottom;
} else {
let { cloneNode, recovery } = popsDOMUtils.showElement(element, parent);
let outerHeight = DOMUtilsContext.outerHeight(cloneNode, true, parent);
recovery();
return outerHeight;
}
}
/**
* 添加className
* @param element 目标元素
* @param className className属性
*/
addClassName(element, className) {
if (typeof className !== "string") {
return;
}
if (className.trim() === "") {
return;
}
element.classList.add(className);
}
/**
* 删除className
* @param element 目标元素
* @param className className属性
*/
removeClassName(element, className) {
if (typeof className !== "string") {
return;
}
if (className.trim() === "") {
return;
}
element.classList.remove(className);
}
/**
* 判断元素是否包含某个className
* @param element 目标元素
* @param className className属性
*/
containsClassName(element, className) {
if (typeof className !== "string") {
return false;
}
if (className.trim() === "") {
return false;
}
return element.classList.contains(className);
}
css(element, property, value) {
function handlePixe(propertyName, propertyValue) {
let allowAddPixe = [
"width",
"height",
"top",
"left",
"right",
"bottom",
"font-size"
];
if (typeof propertyValue === "number") {
propertyValue = propertyValue.toString();
}
if (typeof propertyValue === "string" && allowAddPixe.includes(propertyName) && propertyValue.match(/[0-9]$/gi)) {
propertyValue = propertyValue + "px";
}
return propertyValue;
}
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
if (typeof property === "string") {
if (value == null) {
return getComputedStyle(element).getPropertyValue(property);
} else {
if (value === "string" && value.includes("!important")) {
element.style.setProperty(property, value, "important");
} else {
value = handlePixe(property, value);
element.style.setProperty(property, value);
}
}
} else if (typeof property === "object") {
for (let prop in property) {
if (typeof property[prop] === "string" && property[prop].includes("!important")) {
element.style.setProperty(prop, property[prop], "important");
} else {
property[prop] = handlePixe(prop, property[prop]);
element.style.setProperty(prop, property[prop]);
}
}
}
}
/**
* 创建元素
* @param tagName 标签名
* @param property 属性
* @param attributes 元素上的自定义属性
* @example
* // 创建一个DIV元素，且属性class为xxx
* DOMUtils.createElement("div",undefined,{ class:"xxx" });
* > <div class="xxx"></div>
* @example
* // 创建一个DIV元素
* DOMUtils.createElement("div");
* > <div></div>
* @example
* // 创建一个DIV元素
* DOMUtils.createElement("div","测试");
* > <div>测试</div>
*/
createElement(tagName, property, attributes) {
let tempElement = PopsCore.document.createElement(tagName);
if (typeof property === "string") {
tempElement.innerHTML = property;
return tempElement;
}
if (property == null) {
property = {};
}
if (attributes == null) {
attributes = {};
}
Object.keys(property).forEach((key) => {
let value = property[key];
tempElement[key] = value;
});
Object.keys(attributes).forEach((key) => {
let value = attributes[key];
if (typeof value === "object") {
value = JSON.stringify(value);
} else if (typeof value === "function") {
value = value.toString();
}
tempElement.setAttribute(key, value);
});
return tempElement;
}
/**
* 获取文字的位置信息
* @param input 输入框
* @param selectionStart 起始位置
* @param selectionEnd 结束位置
* @param debug 是否是调试模式
* + true 不删除临时节点元素
* + false 删除临时节点元素
*/
getTextBoundingRect(input, selectionStart, selectionEnd, debug) {
if (!input || !("value" in input))
return input;
if (typeof selectionStart == "string")
selectionStart = parseFloat(selectionStart);
if (typeof selectionStart != "number" || isNaN(selectionStart)) {
selectionStart = 0;
}
if (selectionStart < 0)
selectionStart = 0;
else
selectionStart = Math.min(input.value.length, selectionStart);
if (typeof selectionEnd == "string")
selectionEnd = parseFloat(selectionEnd);
if (typeof selectionEnd != "number" || isNaN(selectionEnd) || selectionEnd < selectionStart) {
selectionEnd = selectionStart;
}
if (selectionEnd < 0)
selectionEnd = 0;
else
selectionEnd = Math.min(input.value.length, selectionEnd);
if (typeof input.createTextRange == "function") {
var range = input.createTextRange();
range.collapse(true);
range.moveStart("character", selectionStart);
range.moveEnd("character", selectionEnd - selectionStart);
return range.getBoundingClientRect();
}
var offset = getInputOffset(), topPos = offset.top, leftPos = offset.left, width = getInputCSS("width", true), height = getInputCSS("height", true);
var cssDefaultStyles = "white-space:pre;padding:0;margin:0;", listOfModifiers = [
"direction",
"font-family",
"font-size",
"font-size-adjust",
"font-variant",
"font-weight",
"font-style",
"letter-spacing",
"line-height",
"text-align",
"text-indent",
"text-transform",
"word-wrap",
"word-spacing"
];
topPos += getInputCSS("padding-top", true);
topPos += getInputCSS("border-top-width", true);
leftPos += getInputCSS("padding-left", true);
leftPos += getInputCSS("border-left-width", true);
leftPos += 1;
for (var i2 = 0; i2 < listOfModifiers.length; i2++) {
var property = listOfModifiers[i2];
cssDefaultStyles += property + ":" + getInputCSS(property) + ";";
}
var text = input.value || "G", textLen = text.length, fakeClone = document.createElement("div");
if (selectionStart > 0)
appendPart(0, selectionStart);
var fakeRange = appendPart(selectionStart, selectionEnd);
if (textLen > selectionEnd)
appendPart(selectionEnd, textLen);
fakeClone.style.cssText = cssDefaultStyles;
fakeClone.style.position = "absolute";
fakeClone.style.top = topPos + "px";
fakeClone.style.left = leftPos + "px";
fakeClone.style.width = width + "px";
fakeClone.style.height = height + "px";
PopsCore.document.body.appendChild(fakeClone);
var returnValue = fakeRange.getBoundingClientRect();
if (!debug)
fakeClone.parentNode.removeChild(fakeClone);
return returnValue;
function appendPart(start, end) {
var span = document.createElement("span");
span.style.cssText = cssDefaultStyles;
span.textContent = text.substring(start, end);
fakeClone.appendChild(span);
return span;
}
function getInputOffset() {
var body = document.body, win = document.defaultView, docElem = document.documentElement, box = document.createElement("div");
box.style.paddingLeft = box.style.width = "1px";
body.appendChild(box);
var isBoxModel = box.offsetWidth == 2;
body.removeChild(box);
box = input.getBoundingClientRect();
var clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, scrollTop = (
// @ts-ignore
win.pageYOffset || isBoxModel && docElem.scrollTop || body.scrollTop
), scrollLeft = (
// @ts-ignore
win.pageXOffset || isBoxModel && docElem.scrollLeft || body.scrollLeft
);
return {
// @ts-ignore
top: box.top + scrollTop - clientTop,
// @ts-ignore
left: box.left + scrollLeft - clientLeft
};
}
function getInputCSS(prop, isnumber) {
var val = PopsCore.document.defaultView.getComputedStyle(input, null).getPropertyValue(prop);
return isnumber ? parseFloat(val) : val;
}
}
/**
* 使用className来隐藏元素
* @param ele
* @param isImportant 是否使用!important
*/
cssHide(ele, isImportant = false) {
if (ele == null) {
return;
}
if (isImportant) {
ele.classList.add("pops-hide-important");
} else {
ele.classList.add("pops-hide");
}
}
/**
* cssHide的反向使用
* @param ele
*/
cssShow(ele) {
if (ele == null) {
return;
}
ele.classList.remove("pops-hide-important");
ele.classList.remove("pops-hide");
}
parseHTML(html, useParser = false, isComplete = false) {
function parseHTMLByDOMParser() {
let parser = new DOMParser();
if (isComplete) {
return parser.parseFromString(html, "text/html");
} else {
return parser.parseFromString(html, "text/html").body.firstChild;
}
}
function parseHTMLByCreateDom() {
let tempDIV = PopsCore.document.createElement("div");
tempDIV.innerHTML = html;
if (isComplete) {
return tempDIV;
} else {
return tempDIV.firstChild;
}
}
if (useParser) {
return parseHTMLByDOMParser();
} else {
return parseHTMLByCreateDom();
}
}
/**
* 函数在元素内部末尾添加子元素或HTML字符串
* @param element 目标元素
* @param content 子元素或HTML字符串
* @example
* // 元素a.xx的内部末尾添加一个元素
* DOMUtils.append(document.querySelector("a.xx"),document.querySelector("b.xx"))
* DOMUtils.append("a.xx","'<b class="xx"></b>")
* */
append(element, content) {
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
function elementAppendChild(ele, text) {
if (typeof content === "string") {
ele.insertAdjacentHTML("beforeend", text);
} else {
ele.appendChild(text);
}
}
if (Array.isArray(content) || content instanceof NodeList) {
let fragment = PopsCore.document.createDocumentFragment();
content.forEach((ele) => {
if (typeof ele === "string") {
ele = this.parseHTML(ele, true, false);
}
fragment.appendChild(ele);
});
element.appendChild(fragment);
} else {
elementAppendChild(element, content);
}
}
/**
* 把元素标签添加到head内
*/
appendHead($ele) {
if (PopsCore.document.head) {
PopsCore.document.head.appendChild($ele);
} else {
PopsCore.document.documentElement.appendChild($ele);
}
}
/**
* 把元素添加进body内
* @param $ele
*/
appendBody($ele) {
if (PopsCore.document.body) {
PopsCore.document.body.appendChild($ele);
} else {
PopsCore.document.documentElement.appendChild($ele);
}
}
/**
* 判断元素是否已显示或已连接
* @param element
*/
isShow(element) {
return Boolean(element.getClientRects().length);
}
/**
* 用于显示元素并获取它的高度宽度等其它属性
* @param $ele
* @param parent 父元素
*/
showElement($ele, ownParent) {
let $cloneNode = $ele.cloneNode(true);
$cloneNode.setAttribute("style", "visibility: hidden !important;display:block !important;");
let $parent = PopsCore.document.documentElement;
let $root = $ele.getRootNode();
if (ownParent == null) {
if ($root == $ele) {
$parent = PopsCore.document.documentElement;
} else {
$parent = $root;
}
} else {
$parent = ownParent;
}
$parent.appendChild($cloneNode);
return {
/**
* 强制显示的克隆的元素
*/
cloneNode: $cloneNode,
/**
* 恢复修改的style
*/
recovery() {
$cloneNode.remove();
}
};
}
/**
* 获取元素上的Float格式的属性px
* @param element
* @param styleName style名
*/
getStyleValue(element, styleName) {
let view = null;
let styles = null;
if (element instanceof CSSStyleDeclaration) {
styles = element;
} else {
view = element.ownerDocument.defaultView;
if (!view || !view.opener) {
view = window;
}
styles = view.getComputedStyle(element);
}
let value = parseFloat(styles[styleName]);
if (isNaN(value)) {
return 0;
} else {
return value;
}
}
/**
* 在元素前面添加兄弟元素或HTML字符串
* @param element 目标元素
* @param content 兄弟元素或HTML字符串
* @example
* // 元素a.xx前面添加一个元素
* DOMUtils.before(document.querySelector("a.xx"),document.querySelector("b.xx"))
* DOMUtils.before("a.xx","'<b class="xx"></b>")
* */
before(element, content) {
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
if (typeof content === "string") {
element.insertAdjacentHTML("beforebegin", content);
} else {
element.parentElement.insertBefore(content, element);
}
}
/**
* 在元素后面添加兄弟元素或HTML字符串
* @param element 目标元素
* @param content 兄弟元素或HTML字符串
* @example
* // 元素a.xx后面添加一个元素
* DOMUtils.after(document.querySelector("a.xx"),document.querySelector("b.xx"))
* DOMUtils.after("a.xx","'<b class="xx"></b>")
* */
after(element, content) {
if (typeof element === "string") {
element = PopsCore.document.querySelector(element);
}
if (element == null) {
return;
}
if (typeof content === "string") {
element.insertAdjacentHTML("afterend", content);
} else {
element.parentElement.insertBefore(content, element.nextSibling);
}
}
}
const popsDOMUtils = new PopsDOMUtils();
const PopsInstanceUtils = {
/**
* 获取页面中最大的z-index的元素信息
* @param deviation 获取最大的z-index值的偏移，默认是+1
* @param node 进行判断的元素，默认是document
* @param ignoreCallBack 执行元素处理时调用的函数，返回false可忽略不想要处理的元素
* @example
* Utils.getMaxZIndexNodeInfo();
* > {
* node: ...,
* zIndex: 1001
* }
**/
getMaxZIndexNodeInfo(deviation = 1, target = PopsCore.document, ignoreCallBack) {
deviation = Number.isNaN(deviation) ? 1 : deviation;
const maxZIndexCompare = 2 * Math.pow(10, 9);
let zIndex = 0;
let maxZIndexNode = null;
function isVisibleNode($css) {
return $css.position !== "static" && $css.display !== "none";
}
function queryMaxZIndex($ele) {
if (typeof ignoreCallBack === "function") {
let ignoreResult = ignoreCallBack($ele);
if (typeof ignoreResult === "boolean" && !ignoreResult) {
return;
}
}
const nodeStyle = PopsCore.window.getComputedStyle($ele);
if (isVisibleNode(nodeStyle)) {
let nodeZIndex = parseInt(nodeStyle.zIndex);
if (!isNaN(nodeZIndex)) {
if (nodeZIndex > zIndex) {
zIndex = nodeZIndex;
maxZIndexNode = $ele;
}
}
if ($ele.shadowRoot != null && $ele instanceof ShadowRoot) {
$ele.shadowRoot.querySelectorAll("*").forEach(($shadowEle) => {
queryMaxZIndex($shadowEle);
});
}
}
}
target.querySelectorAll("*").forEach(($ele, index) => {
queryMaxZIndex($ele);
});
zIndex += deviation;
if (zIndex >= maxZIndexCompare) {
zIndex = maxZIndexCompare;
}
return {
node: maxZIndexNode,
zIndex
};
},
/**
* 获取pops所有弹窗中的最大的z-index
* @param deviation
*/
getPopsMaxZIndex(deviation = 1) {
deviation = Number.isNaN(deviation) ? 1 : deviation;
const maxZIndex = 2 * Math.pow(10, 9);
let zIndex = 0;
let maxZIndexNode = null;
function isVisibleNode($css) {
return $css.position !== "static" && $css.display !== "none";
}
Object.keys(pops.config.layer).forEach((layerName) => {
let layerList = pops.config.layer[layerName];
for (let index = 0; index < layerList.length; index++) {
const layer = layerList[index];
let nodeStyle = window.getComputedStyle(layer.animElement);
if (isVisibleNode(nodeStyle)) {
let nodeZIndex = parseInt(nodeStyle.zIndex);
if (!isNaN(nodeZIndex)) {
if (nodeZIndex > zIndex) {
zIndex = nodeZIndex;
maxZIndexNode = layer.animElement;
}
}
}
}
});
zIndex += deviation;
let isOverMaxZIndex = zIndex >= maxZIndex;
if (isOverMaxZIndex) {
zIndex = maxZIndex;
}
return { zIndex, animElement: maxZIndexNode, isOverMaxZIndex };
},
/**
* 获取页面中最大的z-index
* @param deviation 获取最大的z-index值的偏移，默认是+1
* @example
* getMaxZIndex();
* > 1001
**/
getMaxZIndex(deviation = 1) {
return this.getMaxZIndexNodeInfo(deviation).zIndex;
},
/**
* 获取CSS Rule
* @param sheet
* @returns
*/
getKeyFrames(sheet) {
let result2 = {};
Object.keys(sheet.cssRules).forEach((key) => {
if (sheet.cssRules[key].type === 7 && sheet.cssRules[key].name.startsWith("pops-anim-")) {
result2[sheet.cssRules[key].name] = sheet.cssRules[key];
}
});
return result2;
},
/**
* 删除配置中对应的对象
* @param moreLayerConfigList 配置实例列表
* @param guid 唯一标识
* @param isAll 是否全部删除
*/
removeInstance(moreLayerConfigList, guid, isAll = false) {
function removeItem(layerCommonConfig) {
var _a2, _b, _c, _d;
if (typeof layerCommonConfig.beforeRemoveCallBack === "function") {
layerCommonConfig.beforeRemoveCallBack(layerCommonConfig);
}
(_a2 = layerCommonConfig == null ? void 0 : layerCommonConfig.animElement) == null ? void 0 : _a2.remove();
(_b = layerCommonConfig == null ? void 0 : layerCommonConfig.popsElement) == null ? void 0 : _b.remove();
(_c = layerCommonConfig == null ? void 0 : layerCommonConfig.maskElement) == null ? void 0 : _c.remove();
(_d = layerCommonConfig == null ? void 0 : layerCommonConfig.$shadowContainer) == null ? void 0 : _d.remove();
}
moreLayerConfigList.forEach((layerConfigList) => {
layerConfigList.forEach((layerConfigItem, index) => {
if (isAll || layerConfigItem["guid"] === guid) {
if (pops.config.animation.hasOwnProperty(layerConfigItem.animElement.getAttribute("anim"))) {
layerConfigItem.animElement.style.width = "100%";
layerConfigItem.animElement.style.height = "100%";
layerConfigItem.animElement.style["animation-name"] = layerConfigItem.animElement.getAttribute("anim") + "-reverse";
if (pops.config.animation.hasOwnProperty(layerConfigItem.animElement.style["animation-name"])) {
popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), function() {
removeItem(layerConfigItem);
}, {
capture: true
});
} else {
removeItem(layerConfigItem);
}
} else {
removeItem(layerConfigItem);
}
layerConfigList.splice(index, 1);
}
});
});
return moreLayerConfigList;
},
/**
* 隐藏
* @param popsType
* @param layerConfigList
* @param guid
* @param config
* @param animElement
* @param maskElement
*/
hide(popsType, layerConfigList, guid, config, animElement, maskElement) {
let popsElement = animElement.querySelector(".pops[type-value]");
if (popsType === "drawer") {
let drawerConfig = config;
setTimeout(() => {
maskElement.style.setProperty("display", "none");
if (["top", "bottom"].includes(drawerConfig.direction)) {
popsElement.style.setProperty("height", "0");
} else if (["left", "right"].includes(drawerConfig.direction)) {
popsElement.style.setProperty("width", "0");
} else {
console.error("未知direction：", drawerConfig.direction);
}
}, drawerConfig.closeDelay);
} else {
layerConfigList.forEach((layerConfigItem) => {
if (layerConfigItem.guid === guid) {
layerConfigItem.animElement.style.width = "100%";
layerConfigItem.animElement.style.height = "100%";
layerConfigItem.animElement.style["animation-name"] = layerConfigItem.animElement.getAttribute("anim") + "-reverse";
if (pops.config.animation.hasOwnProperty(layerConfigItem.animElement.style["animation-name"])) {
let animationendCallBack2 = function() {
layerConfigItem.animElement.style.display = "none";
if (layerConfigItem.maskElement) {
layerConfigItem.maskElement.style.display = "none";
}
popsDOMUtils.off(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack2, {
capture: true
});
};
popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack2, {
capture: true
});
} else {
layerConfigItem.animElement.style.display = "none";
if (layerConfigItem.maskElement) {
layerConfigItem.maskElement.style.display = "none";
}
}
return;
}
});
}
},
/**
* 显示
* @param popsType
* @param layerConfigList
* @param guid
* @param config
* @param animElement
* @param maskElement
*/
show(popsType, layerConfigList, guid, config, animElement, maskElement) {
let popsElement = animElement.querySelector(".pops[type-value]");
if (popsType === "drawer") {
let drawerConfig = config;
setTimeout(() => {
maskElement.style.setProperty("display", "");
let direction = drawerConfig.direction;
let size = drawerConfig.size.toString();
if (["top", "bottom"].includes(direction)) {
popsElement.style.setProperty("height", size);
} else if (["left", "right"].includes(direction)) {
popsElement.style.setProperty("width", size);
} else {
console.error("未知direction：", direction);
}
}, drawerConfig.openDelay);
} else {
layerConfigList.forEach((layerConfigItem) => {
if (layerConfigItem.guid === guid) {
layerConfigItem.animElement.style.width = "";
layerConfigItem.animElement.style.height = "";
layerConfigItem.animElement.style["animation-name"] = layerConfigItem.animElement.getAttribute("anim").replace("-reverse", "");
if (pops.config.animation.hasOwnProperty(layerConfigItem.animElement.style["animation-name"])) {
let animationendCallBack2 = function() {
popsDOMUtils.off(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack2, {
capture: true
});
};
layerConfigItem.animElement.style.display = "";
if (layerConfigItem.maskElement) {
layerConfigItem.maskElement.style.display = "";
}
popsDOMUtils.on(layerConfigItem.animElement, popsDOMUtils.getAnimationEndNameList(), animationendCallBack2, {
capture: true
});
} else {
layerConfigItem.animElement.style.display = "";
if (layerConfigItem.maskElement) {
layerConfigItem.maskElement.style.display = "";
}
}
}
return;
});
}
},
/**
* 关闭
* @param popsType
* @param layerConfigList
* @param guid
* @param config
* @param animElement
*/
close(popsType, layerConfigList, guid, config, animElement) {
let popsElement = animElement.querySelector(".pops[type-value]");
let drawerConfig = config;
function transitionendEvent() {
function closeCallBack(event) {
if (event.propertyName !== "transform") {
return;
}
popsDOMUtils.off(popsElement, popsDOMUtils.getTransitionEndNameList(), void 0, closeCallBack);
PopsInstanceUtils.removeInstance([layerConfigList], guid);
}
popsDOMUtils.on(popsElement, popsDOMUtils.getTransitionEndNameList(), closeCallBack);
let popsTransForm = getComputedStyle(popsElement).transform;
if (popsTransForm !== "none") {
popsDOMUtils.trigger(popsElement, popsDOMUtils.getTransitionEndNameList(), void 0, true);
return;
}
if (["top"].includes(drawerConfig.direction)) {
popsElement.style.setProperty("transform", "translateY(-100%)");
} else if (["bottom"].includes(drawerConfig.direction)) {
popsElement.style.setProperty("transform", "translateY(100%)");
} else if (["left"].includes(drawerConfig.direction)) {
popsElement.style.setProperty("transform", "translateX(-100%)");
} else if (["right"].includes(drawerConfig.direction)) {
popsElement.style.setProperty("transform", "translateX(100%)");
} else {
console.error("未知direction：", drawerConfig.direction);
}
}
if (popsType === "drawer") {
setTimeout(() => {
transitionendEvent();
}, drawerConfig.closeDelay);
} else {
PopsInstanceUtils.removeInstance([layerConfigList], guid);
}
},
/**
* 拖拽元素
* 说明：
* + 元素的position为absolute或者fixed
* + 会为元素的
* @param moveElement 需要拖拽的元素
* @param options 配置
*/
drag(moveElement, options) {
options = Object.assign({
limit: true,
extraDistance: 3,
container: PopsCore.globalThis,
triggerClick: true
}, options);
let isMove = false;
let clickElementLeftOffset = 0;
let clickElementTopOffset = 0;
let AnyTouch = popsUtils.AnyTouch();
let anyTouchElement = new AnyTouch(options.dragElement, {
preventDefault(event) {
if (typeof options.preventEvent === "function") {
return options.preventEvent(event);
} else {
return true;
}
}
});
popsDOMUtils.css(options.dragElement, {
cursor: "move"
});
function getTransform(element) {
var _a2;
let transform_left = 0;
let transform_top = 0;
let elementTransform = PopsCore.globalThis.getComputedStyle(element).transform;
if (elementTransform !== "none" && elementTransform != null && elementTransform !== "") {
let elementTransformSplit = (_a2 = elementTransform.match(/\((.+)\)/)) == null ? void 0 : _a2[1].split(",");
transform_left = Math.abs(parseInt(elementTransformSplit[4]));
transform_top = Math.abs(parseInt(elementTransformSplit[5]));
}
return {
transformLeft: transform_left,
transformTop: transform_top
};
}
function changeMoveElementStyle(element) {
let old_transitionDuration = element.style.transitionDuration;
if (globalThis.getComputedStyle(element).transitionDuration !== "0s") {
element.style.transitionDuration = "0s";
}
return () => {
element.style.transitionDuration = old_transitionDuration;
};
}
function getContainerWidthOrHeight(container) {
container = container ?? globalThis;
return {
width: popsDOMUtils.width(container),
height: popsDOMUtils.height(container)
};
}
function getContainerTopOrLeft(container) {
container = container ?? globalThis;
if (popsUtils.isWin(container)) {
return {
left: 0,
top: 0
};
} else {
let rect = container.getBoundingClientRect();
return {
left: rect.left,
top: rect.top
};
}
}
let transformInfo = getTransform(moveElement);
let transformLeft = transformInfo.transformLeft;
let transformTop = transformInfo.transformTop;
let resumeMoveElementStyle = null;
anyTouchElement.on("pan", function(event) {
if (!isMove) {
isMove = true;
let rect = options.dragElement.getBoundingClientRect();
clickElementLeftOffset = event.x - rect.left;
clickElementTopOffset = event.y - rect.top;
transformInfo = getTransform(moveElement);
transformLeft = transformInfo.transformLeft;
transformTop = transformInfo.transformTop;
resumeMoveElementStyle = changeMoveElementStyle(moveElement);
}
let currentMoveLeftOffset = event.x - clickElementLeftOffset + transformLeft;
let currentMoveTopOffset = event.y - clickElementTopOffset + transformTop;
if (event.phase === "move") {
if (options.limit) {
let maxLeftOffset = getContainerWidthOrHeight(options.container).width - popsDOMUtils.width(moveElement) + transformLeft;
let { left: minLeftOffset, top: minTopOffset } = getContainerTopOrLeft(options.container);
let maxTopOffset = getContainerWidthOrHeight(options.container).height - popsDOMUtils.height(moveElement) + transformTop;
if (currentMoveLeftOffset > maxLeftOffset) {
currentMoveLeftOffset = maxLeftOffset;
}
if (currentMoveTopOffset > maxTopOffset) {
currentMoveTopOffset = maxTopOffset;
}
if (currentMoveLeftOffset - options.extraDistance * 2 < minLeftOffset + transformLeft) {
currentMoveLeftOffset = minLeftOffset + transformLeft;
currentMoveLeftOffset += options.extraDistance;
} else {
currentMoveLeftOffset -= options.extraDistance;
}
if (currentMoveTopOffset - options.extraDistance * 2 < minTopOffset + transformTop) {
currentMoveTopOffset = minTopOffset + transformTop;
currentMoveTopOffset += options.extraDistance;
} else {
currentMoveTopOffset -= options.extraDistance;
}
}
if (typeof options.moveCallBack === "function") {
options.moveCallBack(moveElement, currentMoveLeftOffset, currentMoveTopOffset);
}
popsDOMUtils.css(moveElement, {
left: currentMoveLeftOffset + "px",
top: currentMoveTopOffset + "px"
});
}
if (event.phase === "end") {
isMove = false;
if (typeof resumeMoveElementStyle === "function") {
resumeMoveElementStyle();
resumeMoveElementStyle = null;
}
if (typeof options.endCallBack === "function") {
options.endCallBack(moveElement, currentMoveLeftOffset, currentMoveTopOffset);
}
}
});
if (options.triggerClick) {
anyTouchElement.on(["tap"], function(event) {
event.changedPoints.forEach((item) => {
popsDOMUtils.trigger(item.target, "click", void 0, true);
});
});
}
},
/**
* 排序数组
* @param getBeforeValueFun
* @param getAfterValueFun
* @param sortByDesc 排序是否降序，默认降序
*/
sortElementListByProperty(getBeforeValueFun, getAfterValueFun, sortByDesc = true) {
if (typeof sortByDesc !== "boolean") {
throw "参数 sortByDesc 必须为boolean类型";
}
if (getBeforeValueFun == null || getAfterValueFun == null) {
throw "获取前面的值或后面的值的方法不能为空";
}
return function(after_obj, before_obj) {
var beforeValue = getBeforeValueFun(before_obj);
var afterValue = getAfterValueFun(after_obj);
if (sortByDesc) {
if (afterValue > beforeValue) {
return -1;
} else if (afterValue < beforeValue) {
return 1;
} else {
return 0;
}
} else {
if (afterValue < beforeValue) {
return -1;
} else if (afterValue > beforeValue) {
return 1;
} else {
return 0;
}
}
};
}
};
var indexCSS = '@charset "utf-8";\r\n.pops * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n /* 代替::-webkit-scrollbar */\r\n scrollbar-width: thin;\r\n}\r\n.pops {\r\n --pops-bg-opacity: 1;\r\n --pops-bd-opacity: 1;\r\n --pops-font-size: 16px;\r\n interpolate-size: allow-keywords;\r\n}\r\n.pops-mask {\r\n --pops-mask-bg-opacity: 0.4;\r\n}\r\n.pops {\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n border-radius: 4px;\r\n border: 1px solid rgb(235, 238, 245, var(--pops-bd-opacity));\r\n font-size: var(--pops-font-size);\r\n line-height: normal;\r\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n transition: all 0.35s;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.pops-anim {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.pops-anim[anim=""] {\r\n top: unset;\r\n right: unset;\r\n bottom: unset;\r\n left: unset;\r\n width: unset;\r\n height: unset;\r\n transition: none;\r\n}\r\n/* 底部图标动画和样式 */\r\n.pops i.pops-bottom-icon[is-loading="true"] {\r\n animation: rotating 2s linear infinite;\r\n}\r\n.pops i.pops-bottom-icon {\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: inherit;\r\n font-size: inherit;\r\n}\r\n\r\n/* 遮罩层样式 */\r\n.pops-mask {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n border-radius: 0;\r\n background-color: rgba(0, 0, 0, var(--pops-mask-bg-opacity));\r\n box-shadow: none;\r\n transition: none;\r\n}\r\n\r\n.pops-header-controls button.pops-header-control[type][data-header] {\r\n float: right;\r\n margin: 0 0;\r\n outline: 0;\r\n border: 0;\r\n border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n background-color: transparent;\r\n color: #888;\r\n cursor: pointer;\r\n}\r\n.pops-header-controls button.pops-header-control[type="max"],\r\n.pops-header-controls button.pops-header-control[type="mise"],\r\n.pops-header-controls button.pops-header-control[type="min"] {\r\n outline: 0 !important;\r\n border: 0;\r\n border-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n background-color: transparent;\r\n color: rgb(136, 136, 136);\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n}\r\nbutton.pops-header-control i {\r\n color: rgb(144, 147, 153);\r\n font-size: inherit;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n}\r\nbutton.pops-header-control svg {\r\n height: 1.25em;\r\n width: 1.25em;\r\n}\r\nbutton.pops-header-control {\r\n right: 15px;\r\n padding: 0;\r\n border: none;\r\n outline: 0;\r\n background: 0 0;\r\n cursor: pointer;\r\n position: unset;\r\n line-height: normal;\r\n}\r\nbutton.pops-header-control i:hover {\r\n color: rgb(64, 158, 255);\r\n}\r\n.pops-header-controls[data-margin] button.pops-header-control {\r\n margin: 0 6px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops[type-value] .pops-header-controls {\r\n display: flex;\r\n gap: 6px;\r\n}\r\n\r\n/* 标题禁止选中文字 */\r\n.pops [class^="pops"][class*="-title"] p[pops] {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n';
var ninePalaceGridPositionCSS = '.pops[position="top_left"] {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n}\r\n.pops[position="top"] {\r\n position: fixed;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n.pops[position="top_right"] {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n}\r\n.pops[position="center_left"] {\r\n position: fixed;\r\n top: 50%;\r\n left: 0;\r\n transform: translateY(-50%);\r\n}\r\n.pops[position="center"] {\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n.pops[position="center_right"] {\r\n position: fixed;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n}\r\n.pops[position="bottom_left"] {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.pops[position="bottom"] {\r\n position: fixed;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n}\r\n.pops[position="bottom_right"] {\r\n position: fixed;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n';
var scrollbarCSS = "/* firefox上暂不支持::-webkit-scrollbar */\r\n.pops ::-webkit-scrollbar {\r\n width: 6px;\r\n height: 0;\r\n}\r\n\r\n.pops ::-webkit-scrollbar-track {\r\n width: 0;\r\n}\r\n.pops ::-webkit-scrollbar-thumb:hover {\r\n background: rgb(178, 178, 178, var(--pops-bg-opacity));\r\n}\r\n.pops ::-webkit-scrollbar-thumb {\r\n min-height: 28px;\r\n border-radius: 2em;\r\n background: rgb(204, 204, 204, var(--pops-bg-opacity));\r\n background-clip: padding-box;\r\n}\r\n";
var buttonCSS = '.pops {\r\n --button-font-size: 14px;\r\n --button-height: 32px;\r\n --button-color: rgb(51, 51, 51);\r\n --button-bd-color: rgb(220, 223, 230, var(--pops-bd-opacity));\r\n --button-bg-color: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n --button-margin-top: 0px;\r\n --button-margin-bottom: 0px;\r\n --button-margin-left: 5px;\r\n --button-margin-right: 5px;\r\n --button-padding-top: 6px;\r\n --button-padding-bottom: 6px;\r\n --button-padding-left: 12px;\r\n --button-padding-right: 12px;\r\n --button-radius: 4px;\r\n\r\n --container-title-height: 55px;\r\n --container-bottom-btn-height: 55px;\r\n}\r\n.pops[data-bottom-btn="false"] {\r\n --container-bottom-btn-height: 0px;\r\n}\r\n.pops button {\r\n white-space: nowrap;\r\n float: right;\r\n display: inline-block;\r\n margin: var(--button-margin-top) var(--button-margin-right)\r\n var(--button-margin-bottom) var(--button-margin-left);\r\n padding: var(--button-padding-top) var(--button-padding-right)\r\n var(--button-padding-bottom) var(--button-padding-left);\r\n outline: 0;\r\n}\r\n.pops button[data-has-icon="false"] .pops-bottom-icon {\r\n display: none;\r\n}\r\n.pops button {\r\n border-radius: var(--button-radius);\r\n box-shadow: none;\r\n font-weight: 400;\r\n font-size: var(--button-font-size);\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n.pops button {\r\n display: flex;\r\n align-items: center;\r\n height: var(--button-height);\r\n line-height: normal;\r\n box-sizing: border-box;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n border: 1px solid var(--button-bd-color);\r\n}\r\n.pops button {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:active {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n outline: 0;\r\n}\r\n.pops button:hover {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:focus-visible {\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button:disabled {\r\n cursor: not-allowed;\r\n color: var(--button-color);\r\n border-color: var(--button-bd-color);\r\n background-color: var(--button-bg-color);\r\n}\r\n.pops button.pops-button-large {\r\n --button-height: 32px;\r\n --button-padding-top: 12px;\r\n --button-padding-bottom: 12px;\r\n --button-padding-left: 19px;\r\n --button-padding-right: 19px;\r\n --button-font-size: 14px;\r\n --button-border-radius: 4px;\r\n}\r\n\r\n.pops button.pops-button-small {\r\n --button-height: 24px;\r\n --button-padding-top: 5px;\r\n --button-padding-bottom: 5px;\r\n --button-padding-left: 11px;\r\n --button-padding-right: 11px;\r\n --button-font-size: 12px;\r\n --button-border-radius: 4px;\r\n}\r\n.pops-panel-button-no-icon .pops-panel-button_inner i {\r\n display: none;\r\n}\r\n.pops-panel-button-right-icon {\r\n}\r\n.pops-panel-button-right-icon .pops-panel-button_inner {\r\n flex-direction: row-reverse;\r\n}\r\n.pops-panel-button-right-icon .pops-panel-button_inner i {\r\n}\r\n.pops-panel-button .pops-panel-button_inner i:has(svg),\r\n.pops-panel-button-right-icon .pops-panel-button-text {\r\n margin-right: 6px;\r\n}\r\n\r\n.pops button[type="default"] {\r\n --button-color: #333333;\r\n --button-bd-color: #dcdfe6;\r\n --button-bg-color: #ffffff;\r\n}\r\n.pops button[type="default"]:active {\r\n --button-color: #409eff;\r\n --button-bd-color: #409eff;\r\n --button-bg-color: #ecf5ff;\r\n}\r\n.pops button[type="default"]:hover {\r\n --button-color: #409eff;\r\n --button-bd-color: #c6e2ff;\r\n --button-bg-color: #ecf5ff;\r\n}\r\n.pops button[type="default"]:focus-visible {\r\n outline: 2px solid #a0cfff;\r\n outline-offset: 1px;\r\n}\r\n.pops button[type="default"]:disabled {\r\n --button-color: #a8abb2;\r\n --button-bd-color: #fff;\r\n --button-bg-color: #e4e7ed;\r\n}\r\n\r\n.pops button[type="primary"] {\r\n --button-color: #ffffff;\r\n --button-bd-color: #409eff;\r\n --button-bg-color: #409eff;\r\n}\r\n.pops button[type="primary"]:active {\r\n --button-color: #ffffff;\r\n --button-bd-color: #337ecc;\r\n --button-bg-color: #337ecc;\r\n}\r\n.pops button[type="primary"]:hover {\r\n --button-color: #ffffff;\r\n --button-bd-color: #79bbff;\r\n --button-bg-color: #79bbff;\r\n}\r\n.pops button[type="primary"]:focus-visible {\r\n outline: 2px solid #a0cfff;\r\n outline-offset: 1px;\r\n}\r\n.pops button[type="primary"]:disabled {\r\n --button-color: #ffffff;\r\n --button-bd-color: #a0cfff;\r\n --button-bg-color: #a0cfff;\r\n}\r\n\r\n.pops button[type="success"] {\r\n --button-color: #ffffff;\r\n --button-bd-color: #4cae4c;\r\n --button-bg-color: #5cb85c;\r\n}\r\n.pops button[type="success"]:active {\r\n --button-color: #ffffff;\r\n --button-bd-color: #529b2e;\r\n --button-bg-color: #529b2e;\r\n}\r\n.pops button[type="success"]:hover {\r\n --button-color: #ffffff;\r\n --button-bd-color: #95d475;\r\n --button-bg-color: #95d475;\r\n}\r\n.pops button[type="success"]:focus-visible {\r\n outline: 2px solid #b3e19d;\r\n outline-offset: 1px;\r\n}\r\n.pops button[type="success"]:disabled {\r\n --button-color: #ffffff;\r\n --button-bd-color: #b3e19d;\r\n --button-bg-color: #b3e19d;\r\n}\r\n\r\n.pops button[type="info"] {\r\n --button-color: #ffffff;\r\n --button-bd-color: #909399;\r\n --button-bg-color: #909399;\r\n}\r\n.pops button[type="info"]:active {\r\n --button-color: #ffffff;\r\n --button-bd-color: #73767a;\r\n --button-bg-color: #73767a;\r\n}\r\n.pops button[type="info"]:hover {\r\n --button-color: #ffffff;\r\n --button-bd-color: #b1b3b8;\r\n --button-bg-color: #b1b3b8;\r\n}\r\n.pops button[type="info"]:focus-visible {\r\n outline: 2px solid #c8c9cc;\r\n outline-offset: 1px;\r\n}\r\n.pops button[type="info"]:disabled {\r\n --button-color: #ffffff;\r\n --button-bd-color: #c8c9cc;\r\n --button-bg-color: #c8c9cc;\r\n}\r\n\r\n.pops button[type="warning"] {\r\n --button-color: #ffffff;\r\n --button-bd-color: #e6a23c;\r\n --button-bg-color: #e6a23c;\r\n}\r\n.pops button[type="warning"]:active {\r\n --button-color: #ffffff;\r\n --button-bd-color: #b88230;\r\n --button-bg-color: #b88230;\r\n}\r\n.pops button[type="warning"]:hover {\r\n --button-color: #ffffff;\r\n --button-bd-color: #eebe77;\r\n --button-bg-color: #eebe77;\r\n}\r\n.pops button[type="warning"]:focus-visible {\r\n outline: 2px solid #f3d19e;\r\n outline-offset: 1px;\r\n}\r\n.pops button[type="warning"]:disabled {\r\n --button-color: #ffffff;\r\n --button-bd-color: #f3d19e;\r\n --button-bg-color: #f3d19e;\r\n}\r\n\r\n.pops button[type="danger"] {\r\n --button-color: #ffffff;\r\n --button-bd-color: #f56c6c;\r\n --button-bg-color: #f56c6c;\r\n}\r\n.pops button[type="danger"]:active {\r\n --button-color: #ffffff;\r\n --button-bd-color: #c45656;\r\n --button-bg-color: #c45656;\r\n}\r\n.pops button[type="danger"]:hover {\r\n --button-color: #ffffff;\r\n --button-bd-color: #f89898;\r\n --button-bg-color: #f89898;\r\n}\r\n.pops button[type="danger"]:focus-visible {\r\n outline: 2px solid #fab6b6;\r\n outline-offset: 1px;\r\n}\r\n.pops button[type="danger"]:disabled {\r\n --button-color: #ffffff;\r\n --button-bd-color: #fab6b6;\r\n --button-bg-color: #fab6b6;\r\n}\r\n\r\n.pops button[type="xiaomi-primary"] {\r\n --button-color: #ffffff;\r\n --button-bd-color: #ff5c00;\r\n --button-bg-color: #ff5c00;\r\n}\r\n.pops button[type="xiaomi-primary"]:active {\r\n --button-color: #ffffff;\r\n --button-bd-color: #da4f00;\r\n --button-bg-color: #da4f00;\r\n}\r\n.pops button[type="xiaomi-primary"]:hover {\r\n --button-color: #ffffff;\r\n --button-bd-color: #ff7e29;\r\n --button-bg-color: #ff7e29;\r\n}\r\n.pops button[type="xiaomi-primary"]:focus-visible {\r\n outline: 2px solid #fab6b6;\r\n outline-offset: 1px;\r\n}\r\n.pops button[type="xiaomi-primary"]:disabled {\r\n --button-color: #ffffff;\r\n --button-bd-color: #fad5b6;\r\n --button-bg-color: #fad5b6;\r\n}\r\n';
var commonCSS = ".pops-flex-items-center {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-flex-y-center {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.pops-flex-x-center {\r\n display: flex;\r\n align-content: center;\r\n}\r\n.pops-hide {\r\n display: none;\r\n}\r\n.pops-hide-important {\r\n display: none !important;\r\n}\r\n.pops-no-border {\r\n border: 0;\r\n}\r\n.pops-no-border-important {\r\n border: 0 !important;\r\n}\r\n.pops-user-select-none {\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n -moz-user-select: none;\r\n}\r\n.pops-line-height-center {\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops-width-fill {\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n}\r\n";
var animCSS = '@keyframes rotating {\r\n 0% {\r\n transform: rotate(0);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n@keyframes iframeLoadingChange_85 {\r\n 0% {\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n }\r\n 20% {\r\n background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\r\n }\r\n 40% {\r\n background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\r\n }\r\n 60% {\r\n background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\r\n }\r\n 80% {\r\n background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\r\n }\r\n 100% {\r\n background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\r\n }\r\n from {\r\n width: 75%;\r\n }\r\n to {\r\n width: 100%;\r\n }\r\n}\r\n@keyframes iframeLoadingChange {\r\n 0% {\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n }\r\n 20% {\r\n background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));\r\n }\r\n 40% {\r\n background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));\r\n }\r\n 60% {\r\n background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));\r\n }\r\n 80% {\r\n background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));\r\n }\r\n 100% {\r\n background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));\r\n }\r\n from {\r\n width: 0;\r\n }\r\n to {\r\n width: 75%;\r\n }\r\n}\r\n\r\n@keyframes searchSelectFalIn {\r\n from {\r\n opacity: 0;\r\n display:none;\r\n }\r\n to {\r\n display:block;\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes searchSelectFalOut {\r\n from {\r\n display:block;\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n display:none;\r\n }\r\n}\r\n\r\n@keyframes pops-anim-wait-rotate {\r\n form {\r\n transform: rotate(0);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n@keyframes pops-anim-spread {\r\n 0% {\r\n opacity: 0;\r\n transform: scaleX(0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes pops-anim-shake {\r\n 0%,\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n 10%,\r\n 30%,\r\n 50%,\r\n 70%,\r\n 90% {\r\n transform: translateX(-10px);\r\n }\r\n 20%,\r\n 40%,\r\n 60%,\r\n 80% {\r\n transform: translateX(10px);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-left {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-100%) rotate(-120deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-right {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(100%) rotate(120deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-top {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-bottom {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-left {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-slide-right {\r\n 0% {\r\n transform: translateX(200%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-fadein {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes pops-anim-fadein-zoom {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.5);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-alert {\r\n 0% {\r\n transform: scale(0.5);\r\n }\r\n 45% {\r\n transform: scale(1.05);\r\n }\r\n 80% {\r\n transform: scale(0.95);\r\n }\r\n 100% {\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes pops-anim-don {\r\n 0% {\r\n opacity: 0;\r\n transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 2.08333% {\r\n transform: matrix3d(\r\n 0.75266,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.76342,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 4.16667% {\r\n transform: matrix3d(\r\n 0.81071,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.84545,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 6.25% {\r\n transform: matrix3d(\r\n 0.86808,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.9286,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 8.33333% {\r\n transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 10.4167% {\r\n transform: matrix3d(\r\n 0.96482,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.05202,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 12.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 14.5833% {\r\n transform: matrix3d(\r\n 1.02563,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.09149,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 16.6667% {\r\n transform: matrix3d(\r\n 1.04227,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.08453,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 18.75% {\r\n transform: matrix3d(\r\n 1.05102,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.06666,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 20.8333% {\r\n transform: matrix3d(\r\n 1.05334,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.04355,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 22.9167% {\r\n transform: matrix3d(\r\n 1.05078,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.02012,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 25% {\r\n transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 27.0833% {\r\n transform: matrix3d(\r\n 1.03699,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.98534,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 29.1667% {\r\n transform: matrix3d(\r\n 1.02831,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.97688,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 31.25% {\r\n transform: matrix3d(\r\n 1.01973,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.97422,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 33.3333% {\r\n transform: matrix3d(\r\n 1.01191,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.97618,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 35.4167% {\r\n transform: matrix3d(\r\n 1.00526,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.98122,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 37.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 39.5833% {\r\n transform: matrix3d(\r\n 0.99617,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99433,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 41.6667% {\r\n transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 43.75% {\r\n transform: matrix3d(\r\n 0.99237,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00413,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 45.8333% {\r\n transform: matrix3d(\r\n 0.99202,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00651,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 47.9167% {\r\n transform: matrix3d(\r\n 0.99241,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00726,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: matrix3d(\r\n 0.99329,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00671,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 52.0833% {\r\n transform: matrix3d(\r\n 0.99447,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00529,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 54.1667% {\r\n transform: matrix3d(\r\n 0.99577,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00346,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 56.25% {\r\n transform: matrix3d(\r\n 0.99705,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.0016,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 58.3333% {\r\n transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 60.4167% {\r\n transform: matrix3d(\r\n 0.99921,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99884,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 62.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 64.5833% {\r\n transform: matrix3d(\r\n 1.00057,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99795,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 66.6667% {\r\n transform: matrix3d(\r\n 1.00095,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99811,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 68.75% {\r\n transform: matrix3d(\r\n 1.00114,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99851,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 70.8333% {\r\n transform: matrix3d(\r\n 1.00119,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99903,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 72.9167% {\r\n transform: matrix3d(\r\n 1.00114,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99955,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 75% {\r\n transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 77.0833% {\r\n transform: matrix3d(\r\n 1.00083,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00033,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 79.1667% {\r\n transform: matrix3d(\r\n 1.00063,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00052,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 81.25% {\r\n transform: matrix3d(\r\n 1.00044,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00058,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 83.3333% {\r\n transform: matrix3d(\r\n 1.00027,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00053,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 85.4167% {\r\n transform: matrix3d(\r\n 1.00012,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00042,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 87.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 89.5833% {\r\n transform: matrix3d(\r\n 0.99991,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00013,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 91.6667% {\r\n transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 93.75% {\r\n transform: matrix3d(\r\n 0.99983,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99991,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 95.8333% {\r\n transform: matrix3d(\r\n 0.99982,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99985,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 97.9167% {\r\n transform: matrix3d(\r\n 0.99983,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99984,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n}\r\n@keyframes pops-anim-roll {\r\n 0% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\r\n }\r\n 100% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n}\r\n@keyframes pops-anim-sandra {\r\n 0% {\r\n opacity: 0;\r\n transform: scale3d(1.1, 1.1, 1);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale3d(1, 1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-gather {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-spread-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scaleX(0);\r\n }\r\n}\r\n@keyframes pops-anim-shake-reverse {\r\n 0%,\r\n 100% {\r\n transform: translateX(10px);\r\n }\r\n 10%,\r\n 30%,\r\n 50%,\r\n 70%,\r\n 90% {\r\n transform: translateX(-10px);\r\n }\r\n 20%,\r\n 40%,\r\n 60%,\r\n 80% {\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-left-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(-100%) rotate(-120deg);\r\n }\r\n}\r\n@keyframes pops-anim-rolling-right-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0) rotate(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(100%) rotate(120deg);\r\n }\r\n}\r\n@keyframes pops-anim-slide-top-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(-200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-bottom-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-left-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(-200%);\r\n }\r\n}\r\n@keyframes pops-anim-slide-right-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(200%);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-reverse {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n@keyframes pops-anim-fadein-zoom-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(0.5);\r\n }\r\n}\r\n@keyframes pops-anim-fadein-alert-reverse {\r\n 0% {\r\n transform: scale(1);\r\n }\r\n 45% {\r\n transform: scale(0.95);\r\n }\r\n 80% {\r\n transform: scale(1.05);\r\n }\r\n 100% {\r\n transform: scale(0.5);\r\n }\r\n}\r\n@keyframes pops-anim-don-reverse {\r\n 100% {\r\n opacity: 0;\r\n transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 97.9167% {\r\n transform: matrix3d(\r\n 0.75266,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.76342,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 95.8333% {\r\n transform: matrix3d(\r\n 0.81071,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.84545,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 93.75% {\r\n transform: matrix3d(\r\n 0.86808,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.9286,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 91.6667% {\r\n transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 89.5833% {\r\n transform: matrix3d(\r\n 0.96482,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.05202,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 87.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 85.4167% {\r\n transform: matrix3d(\r\n 1.02563,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.09149,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 83.3333% {\r\n transform: matrix3d(\r\n 1.04227,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.08453,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 81.25% {\r\n transform: matrix3d(\r\n 1.05102,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.06666,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 79.1667% {\r\n transform: matrix3d(\r\n 1.05334,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.04355,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 77.0833% {\r\n transform: matrix3d(\r\n 1.05078,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.02012,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 75% {\r\n transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 72.9167% {\r\n transform: matrix3d(\r\n 1.03699,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.98534,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 70.8333% {\r\n transform: matrix3d(\r\n 1.02831,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.97688,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 68.75% {\r\n transform: matrix3d(\r\n 1.01973,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.97422,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 66.6667% {\r\n transform: matrix3d(\r\n 1.01191,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.97618,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 64.5833% {\r\n transform: matrix3d(\r\n 1.00526,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.98122,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 62.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 60.4167% {\r\n transform: matrix3d(\r\n 0.99617,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99433,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 58.3333% {\r\n transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 56.25% {\r\n transform: matrix3d(\r\n 0.99237,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00413,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 54.1667% {\r\n transform: matrix3d(\r\n 0.99202,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00651,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 52.0833% {\r\n transform: matrix3d(\r\n 0.99241,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00726,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: matrix3d(\r\n 0.99329,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00671,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 47.9167% {\r\n transform: matrix3d(\r\n 0.99447,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00529,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 45.8333% {\r\n transform: matrix3d(\r\n 0.99577,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00346,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 43.75% {\r\n transform: matrix3d(\r\n 0.99705,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.0016,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 41.6667% {\r\n transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 39.5833% {\r\n transform: matrix3d(\r\n 0.99921,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99884,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 37.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 35.4167% {\r\n transform: matrix3d(\r\n 1.00057,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99795,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 33.3333% {\r\n transform: matrix3d(\r\n 1.00095,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99811,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 31.25% {\r\n transform: matrix3d(\r\n 1.00114,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99851,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 29.1667% {\r\n transform: matrix3d(\r\n 1.00119,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99903,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 27.0833% {\r\n transform: matrix3d(\r\n 1.00114,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99955,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 25% {\r\n transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 22.9167% {\r\n transform: matrix3d(\r\n 1.00083,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00033,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 20.8333% {\r\n transform: matrix3d(\r\n 1.00063,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00052,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 18.75% {\r\n transform: matrix3d(\r\n 1.00044,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00058,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 16.6667% {\r\n transform: matrix3d(\r\n 1.00027,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00053,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 14.5833% {\r\n transform: matrix3d(\r\n 1.00012,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00042,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 12.5% {\r\n transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 10.4167% {\r\n transform: matrix3d(\r\n 0.99991,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1.00013,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 8.33333% {\r\n transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\r\n }\r\n 6.25% {\r\n transform: matrix3d(\r\n 0.99983,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99991,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 4.16667% {\r\n transform: matrix3d(\r\n 0.99982,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99985,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 2.08333% {\r\n transform: matrix3d(\r\n 0.99983,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 0.99984,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1\r\n );\r\n }\r\n 0% {\r\n opacity: 1;\r\n transform: matrix3d(\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0,\r\n 1,\r\n 0,\r\n 0,\r\n 0,\r\n 0type=close,\r\n 1\r\n );\r\n }\r\n}\r\n@keyframes pops-anim-roll-reverse {\r\n 0% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n 100% {\r\n transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);\r\n }\r\n}\r\n@keyframes pops-anim-sandra-reverse {\r\n 0% {\r\n opacity: 1;\r\n transform: scale3d(1, 1, 1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale3d(1.1, 1.1, 1);\r\n }\r\n}\r\n@keyframes pops-anim-gather-reverse {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(5, 0);\r\n }\r\n}\r\n\r\n@-webkit-keyframes pops-motion-fadeInTop {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(-30px);\r\n transform: translateY(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInTop {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n -ms-transform: translateY(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutTop {\r\n 0% {\r\n opacity: 10;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(-30px);\r\n transform: translateY(-30px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutTop {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n -ms-transform: translateY(-30px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInBottom {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInBottom {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n -ms-transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutBottom {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutBottom {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateY(20px);\r\n transform: translateY(20px);\r\n -ms-transform: translateY(20px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInLeft {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-20px);\r\n transform: translateX(-20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInLeft {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-30px);\r\n transform: translateX(-30px);\r\n -ms-transform: translateX(-30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutLeft {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-30px);\r\n transform: translateX(-30px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutLeft {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-20px);\r\n transform: translateX(-20px);\r\n -ms-transform: translateX(-20px);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeInRight {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n}\r\n@keyframes pops-motion-fadeInRight {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n -ms-transform: translateX(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n}\r\n@-webkit-keyframes pops-motion-fadeOutRight {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n }\r\n}\r\n@keyframes pops-motion-fadeOutRight {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n transform: translateX(0);\r\n -ms-transform: translateX(0);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: translateX(20px);\r\n transform: translateX(20px);\r\n -ms-transform: translateX(20px);\r\n }\r\n}\r\n\r\n/* 动画 */\r\n.pops-anim[anim="pops-anim-spread"] {\r\n animation: pops-anim-spread 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-shake"] {\r\n animation: pops-anim-shake 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-left"] {\r\n animation: pops-anim-rolling-left 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-right"] {\r\n animation: pops-anim-rolling-right 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-top"] {\r\n animation: pops-anim-slide-top 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-bottom"] {\r\n animation: pops-anim-slide-bottom 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-left"] {\r\n animation: pops-anim-slide-left 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-right"] {\r\n animation: pops-anim-slide-right 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein"] {\r\n animation: pops-anim-fadein 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-zoom"] {\r\n animation: pops-anim-fadein-zoom 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-alert"] {\r\n animation: pops-anim-fadein-alert 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-don"] {\r\n animation: pops-anim-don 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-roll"] {\r\n animation: pops-anim-roll 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-sandra"] {\r\n animation: pops-anim-sandra 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-gather"] {\r\n animation: pops-anim-gather 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-spread-reverse"] {\r\n animation: pops-anim-spread-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-shake-reverse"] {\r\n animation: pops-anim-shake-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-left-reverse"] {\r\n animation: pops-anim-rolling-left-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-rolling-right-reverse"] {\r\n animation: pops-anim-rolling-right-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-top-reverse"] {\r\n animation: pops-anim-slide-top-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-bottom-reverse"] {\r\n animation: pops-anim-slide-bottom-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-left-reverse"] {\r\n animation: pops-anim-slide-left-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-slide-right-reverse"] {\r\n animation: pops-anim-slide-right-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-reverse"] {\r\n animation: pops-anim-fadein-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-zoom-reverse"] {\r\n animation: pops-anim-fadein-zoom-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-fadein-alert-reverse"] {\r\n animation: pops-anim-fadein-alert-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-don-reverse"] {\r\n animation: pops-anim-don-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-roll-reverse"] {\r\n animation: pops-anim-roll-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-sandra-reverse"] {\r\n animation: pops-anim-sandra-reverse 0.3s;\r\n}\r\n.pops-anim[anim="pops-anim-gather-reverse"] {\r\n animation: pops-anim-gather-reverse 0.3s;\r\n}\r\n';
var alertCSS = '.pops[type-value] .pops-alert-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.pops[type-value="alert"] .pops-alert-title {\r\n width: 100%;\r\n height: var(--container-title-height);\r\n border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value="alert"] .pops-alert-title p[pops] {\r\n width: 100%;\r\n overflow: hidden;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-weight: 500;\r\n line-height: normal;\r\n}\r\n.pops[type-value="alert"] .pops-alert-content {\r\n width: 100%;\r\n /*height: calc(\r\n 100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n );*/\r\n flex: 1;\r\n overflow: auto;\r\n word-break: break-word;\r\n}\r\n.pops[type-value="alert"] .pops-alert-content p[pops] {\r\n padding: 5px 10px;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n}\r\n.pops[type-value="alert"] .pops-alert-btn {\r\n /*position: absolute;\r\n bottom: 0;*/\r\n display: flex;\r\n padding: 10px 10px 10px 10px;\r\n width: 100%;\r\n height: var(--container-bottom-btn-height);\r\n max-height: var(--container-bottom-btn-height);\r\n line-height: normal;\r\n border-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n text-align: right;\r\n align-items: center;\r\n}\r\n';
var confirmCSS = '.pops[type-value] .pops-confirm-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.pops[type-value="confirm"] .pops-confirm-title {\r\n width: 100%;\r\n height: var(--container-title-height);\r\n border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value="confirm"] .pops-confirm-title p[pops] {\r\n width: 100%;\r\n overflow: hidden;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-weight: 500;\r\n line-height: normal;\r\n}\r\n.pops[type-value="confirm"] .pops-confirm-content {\r\n width: 100%;\r\n /*height: calc(\r\n 100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n );*/\r\n flex: 1;\r\n overflow: auto;\r\n word-break: break-word;\r\n}\r\n.pops[type-value="confirm"] .pops-confirm-content p[pops] {\r\n padding: 5px 10px;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n}\r\n.pops[type-value="confirm"] .pops-confirm-btn {\r\n /*position: absolute;\r\n bottom: 0;*/\r\n display: flex;\r\n padding: 10px 10px 10px 10px;\r\n width: 100%;\r\n height: var(--container-bottom-btn-height);\r\n max-height: var(--container-bottom-btn-height);\r\n line-height: normal;\r\n border-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n text-align: right;\r\n align-items: center;\r\n}\r\n';
var promptCSS = '.pops[type-value] .pops-prompt-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.pops[type-value="prompt"] .pops-prompt-title {\r\n width: 100%;\r\n height: var(--container-title-height);\r\n border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value="prompt"] .pops-prompt-title p[pops] {\r\n width: 100%;\r\n overflow: hidden;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-weight: 500;\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops[type-value="prompt"] .pops-prompt-content {\r\n width: 100%;\r\n /*height: calc(\r\n 100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n );*/\r\n flex: 1;\r\n overflow: auto;\r\n word-break: break-word;\r\n}\r\n.pops[type-value="prompt"] .pops-prompt-content p[pops] {\r\n padding: 5px 10px;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n}\r\n.pops[type-value="prompt"] .pops-prompt-btn {\r\n display: flex;\r\n padding: 10px 10px 10px 10px;\r\n width: 100%;\r\n height: var(--container-bottom-btn-height);\r\n max-height: var(--container-bottom-btn-height);\r\n line-height: normal;\r\n align-content: center;\r\n border-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n text-align: right;\r\n align-items: center;\r\n}\r\n.pops[type-value="prompt"] input[pops] {\r\n padding: 5px 10px;\r\n}\r\n.pops[type-value="prompt"] textarea[pops] {\r\n padding: 5px 10px;\r\n resize: none;\r\n}\r\n.pops[type-value="prompt"] input[pops],\r\n.pops[type-value="prompt"] textarea[pops] {\r\n width: 100%;\r\n height: 100%;\r\n outline: 0;\r\n border: 0;\r\n color: rgb(51, 51, 51);\r\n}\r\n';
var loadingCSS = '.pops[type-value="loading"] {\r\n position: absolute;\r\n top: 272.5px;\r\n top: 50%;\r\n left: 26px;\r\n left: 50%;\r\n display: flex;\r\n overflow: hidden;\r\n padding: 10px 15px;\r\n max-width: 100%;\r\n max-height: 100%;\r\n min-width: 0;\r\n min-height: 0;\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n border-radius: 5px;\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n box-shadow: 0 0 5px rgb(0 0 0 / 50%);\r\n vertical-align: middle;\r\n transition: all 0.35s;\r\n transform: translate(-50%, -50%);\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n align-content: center;\r\n}\r\n.pops[type-value="loading"]:before {\r\n float: left;\r\n display: inline-block;\r\n width: 2em;\r\n height: 2em;\r\n border: 0.3em solid rgba(100, 149, 237, 0.1);\r\n border-top: 0.3em solid rgb(100, 149, 237, var(--pops-bd-opacity));\r\n border-radius: 50%;\r\n content: " ";\r\n vertical-align: middle;\r\n font-size: inherit;\r\n animation: pops-anim-wait-rotate 1.2s linear infinite;\r\n}\r\n.pops[type-value="loading"] .pops-loading-content {\r\n position: static;\r\n top: 0;\r\n bottom: 0;\r\n float: left;\r\n overflow: hidden;\r\n width: auto;\r\n font-size: inherit;\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops[type-value="loading"] .pops-loading-content p[pops] {\r\n display: inline-block;\r\n padding: 5px 0px;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n font-size: inherit;\r\n text-align: center;\r\n}\r\n';
var iframeCSS = '.pops[type-value="iframe"] {\r\n --container-title-height: 55px;\r\n transition: width 0.35s ease, height 0.35s ease;\r\n}\r\n.pops[type-value] .pops-iframe-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.pops[type-value="iframe"] .pops-iframe-title {\r\n width: calc(100% - 0px);\r\n height: var(--container-title-height);\r\n border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value="iframe"] .pops-iframe-title p[pops] {\r\n width: 100%;\r\n overflow: hidden;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-weight: 500;\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops[type-value="iframe"] .pops-iframe-content {\r\n width: 100%;\r\n /*height: calc(100% - var(--container-title-height));*/\r\n flex: 1;\r\n overflow: hidden;\r\n word-break: break-word;\r\n}\r\n.pops[type-value="iframe"] .pops-iframe-content p[pops] {\r\n padding: 5px 10px;\r\n color: #333;\r\n text-indent: 15px;\r\n}\r\n.pops-loading {\r\n position: absolute;\r\n top: 40px;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 5;\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-loading:before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 3;\r\n display: block;\r\n margin: -20px 0 0 -20px;\r\n padding: 20px;\r\n border: 4px solid rgb(221, 221, 221, var(--pops-bd-opacity));\r\n border-radius: 50%;\r\n content: "";\r\n border-top-color: transparent;\r\n animation: pops-anim-wait-rotate 1.2s linear infinite;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="min"] {\r\n bottom: 0;\r\n max-width: 200px;\r\n max-height: 53px;\r\n position: unset;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="min"]\r\n .pops-header-control[type="min"] {\r\n display: none;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-top {\r\n top: unset !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-left {\r\n left: unset !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-transform {\r\n transform: none !important;\r\n}\r\n.pops[type-value="iframe"].pops-iframe-unset-transition {\r\n transition: none !important;\r\n}\r\n.pops[type-value="iframe"].pops[type-module="max"] {\r\n width: 100% !important;\r\n height: 100% !important;\r\n}\r\n.pops[type-value="iframe"] iframe[pops] {\r\n width: calc(100% - 4px);\r\n height: calc(100% - 4px);\r\n border: 0;\r\n}\r\n.pops-iframe-content-global-loading {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 999999;\r\n width: 0;\r\n height: 4px;\r\n background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));\r\n animation: iframeLoadingChange 2s forwards;\r\n}\r\n\r\n.pops-anim:has(.pops[type-value="iframe"].pops[type-module="min"]) {\r\n position: unset;\r\n}\r\n';
var tooltipCSS = '.pops-tip {\r\n --tooltip-color: #4e4e4e;\r\n --tooltip-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --tooltip-bd-radius: 2px;\r\n --tooltip-font-size: 14px;\r\n --tooltip-padding-top: 13px;\r\n --tooltip-padding-right: 13px;\r\n --tooltip-padding-bottom: 13px;\r\n --tooltip-padding-left: 13px;\r\n\r\n --tooltip-arrow--after-color: rgb(78, 78, 78);\r\n --tooltip-arrow--after-bg-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n --tooltip-arrow--after-width: 12px;\r\n --tooltip-arrow--after-height: 12px;\r\n\r\n padding: var(--tooltip-padding-top) var(--tooltip-padding-right)\r\n var(--tooltip-padding-bottom) var(--tooltip-padding-left);\r\n max-width: 400px;\r\n max-height: 300px;\r\n border-radius: var(--tooltip-bd-radius);\r\n background-color: var(--tooltip-bg-color);\r\n box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);\r\n color: var(--tooltip-color);\r\n font-size: var(--tooltip-font-size);\r\n}\r\n.pops-tip[data-position="absolute"] {\r\n position: absolute;\r\n}\r\n.pops-tip[data-position="fixed"] {\r\n position: fixed;\r\n}\r\n/* github的样式 */\r\n.pops-tip.github-tooltip {\r\n --tooltip-bg-opacity: 1;\r\n --tooltip-color: rgb(255, 255, 255);\r\n --tooltip-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\r\n --tooltip-bd-radius: 6px;\r\n --tooltip-padding-top: 6px;\r\n --tooltip-padding-right: 8px;\r\n --tooltip-padding-bottom: 6px;\r\n --tooltip-padding-left: 8px;\r\n\r\n --tooltip-arrow--after-color: rgb(255, 255, 255);\r\n --tooltip-arrow--after-bg-color: rgb(36, 41, 47, var(--tooltip-bg-opacity));\r\n --tooltip-arrow--after-width: 8px;\r\n --tooltip-arrow--after-height: 8px;\r\n}\r\n.pops-tip .pops-tip-arrow {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 12.5px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow::after {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: var(--tooltip-arrow--after-width);\r\n height: var(--tooltip-arrow--after-height);\r\n background: var(--tooltip-arrow--after-bg-color);\r\n color: var(--tooltip-arrow--after-color);\r\n box-shadow: 0 1px 7px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.12);\r\n content: "";\r\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="bottom"] {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 12.5px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="bottom"]:after {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: var(--tooltip-arrow--after-width);\r\n height: var(--tooltip-arrow--after-height);\r\n background: var(--tooltip-arrow--after-bg-color);\r\n box-shadow: 0 1px 7px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.12);\r\n content: "";\r\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="left"] {\r\n top: 50%;\r\n left: -12.5px;\r\n width: 12.5px;\r\n height: 50px;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="left"]:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n content: "";\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="right"] {\r\n top: 50%;\r\n right: -12.5px;\r\n left: auto;\r\n width: 12.5px;\r\n height: 50px;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="right"]:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n content: "";\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="top"] {\r\n top: -12.5px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.pops-tip .pops-tip-arrow[data-position="top"]:after {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n content: "";\r\n}\r\n\r\n.pops-tip[data-motion] {\r\n -webkit-animation-duration: 0.25s;\r\n animation-duration: 0.25s;\r\n -webkit-animation-fill-mode: forwards;\r\n animation-fill-mode: forwards;\r\n}\r\n.pops-tip[data-motion="fadeOutRight"] {\r\n -webkit-animation-name: pops-motion-fadeOutRight;\r\n animation-name: pops-motion-fadeOutRight;\r\n}\r\n.pops-tip[data-motion="fadeInTop"] {\r\n -webkit-animation-name: pops-motion-fadeInTop;\r\n animation-name: pops-motion-fadeInTop;\r\n animation-timing-function: cubic-bezier(0.49, 0.49, 0.13, 1.3);\r\n}\r\n.pops-tip[data-motion="fadeOutTop"] {\r\n -webkit-animation-name: pops-motion-fadeOutTop;\r\n animation-name: pops-motion-fadeOutTop;\r\n animation-timing-function: cubic-bezier(0.32, 0.37, 0.06, 0.87);\r\n}\r\n.pops-tip[data-motion="fadeInBottom"] {\r\n -webkit-animation-name: pops-motion-fadeInBottom;\r\n animation-name: pops-motion-fadeInBottom;\r\n}\r\n.pops-tip[data-motion="fadeOutBottom"] {\r\n -webkit-animation-name: pops-motion-fadeOutBottom;\r\n animation-name: pops-motion-fadeOutBottom;\r\n}\r\n.pops-tip[data-motion="fadeInLeft"] {\r\n -webkit-animation-name: pops-motion-fadeInLeft;\r\n animation-name: pops-motion-fadeInLeft;\r\n}\r\n.pops-tip[data-motion="fadeOutLeft"] {\r\n -webkit-animation-name: pops-motion-fadeOutLeft;\r\n animation-name: pops-motion-fadeOutLeft;\r\n}\r\n.pops-tip[data-motion="fadeInRight"] {\r\n -webkit-animation-name: pops-motion-fadeInRight;\r\n animation-name: pops-motion-fadeInRight;\r\n}\r\n';
var drawerCSS = '.pops[type-value="drawer"] {\r\n position: fixed;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 16px 48px 16px rgba(0, 0, 0, 0.08),\r\n 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);\r\n overflow: hidden;\r\n transition: all 0.3s;\r\n}\r\n.pops[type-value] .pops-drawer-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.pops[type-value] .pops-drawer-title p[pops] {\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n\r\n.pops-drawer-content {\r\n flex: 1;\r\n overflow: auto;\r\n}\r\n.pops[type-value="drawer"] .pops-drawer-btn {\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n}\r\n.pops[type-value="drawer"][direction="top"] {\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n}\r\n.pops[type-value="drawer"][direction="bottom"] {\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n.pops[type-value="drawer"][direction="left"] {\r\n height: 100%;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.pops[type-value="drawer"][direction="right"] {\r\n height: 100%;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n}\r\n';
var folderCSS = '.pops[type-value] .pops-folder-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.pops[type-value="folder"] .pops-folder-title {\r\n width: 100%;\r\n height: var(--container-title-height);\r\n border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value="folder"] .pops-folder-title p[pops] {\r\n width: 100%;\r\n overflow: hidden;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-weight: 500;\r\n line-height: normal;\r\n}\r\n.pops[type-value="folder"] .pops-folder-content p[pops] {\r\n padding: 5px 10px;\r\n color: rgb(51, 51, 51);\r\n text-indent: 15px;\r\n}\r\n.pops[type-value="folder"] .pops-folder-content {\r\n width: 100%;\r\n /*height: calc(\r\n 100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n );*/\r\n flex: 1;\r\n overflow: auto;\r\n word-break: break-word;\r\n}\r\n.pops[type-value="folder"] .pops-folder-btn {\r\n /*position: absolute;\r\n bottom: 0;*/\r\n display: flex;\r\n padding: 10px 10px 10px 10px;\r\n width: 100%;\r\n height: var(--container-bottom-btn-height);\r\n max-height: var(--container-bottom-btn-height);\r\n line-height: normal;\r\n border-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n text-align: right;\r\n align-items: center;\r\n}\r\n.pops-folder-list .cursor-p {\r\n cursor: pointer;\r\n}\r\n.pops-folder-list a {\r\n background: 0 0;\r\n text-decoration: none;\r\n -webkit-tap-highlight-color: transparent;\r\n color: #05082c;\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n width: 100%;\r\n table-layout: fixed;\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n padding: 0 20px;\r\n}\r\ntable.pops-folder-list-table__body,\r\ntable.pops-folder-list-table__header {\r\n height: 100%;\r\n background: 0 0;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n -ms-flex-direction: column;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n}\r\ntable.pops-folder-list-table__body {\r\n height: 100%;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-folder-list table tr {\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops-folder-list-table__header-row {\r\n height: 50px;\r\n line-height: normal;\r\n align-content: center;\r\n color: rgb(129, 137, 153);\r\n text-align: left;\r\n font-size: 12px;\r\n}\r\n.pops-folder-list-table__header-row {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-folder-list-table__body-row {\r\n height: 50px;\r\n line-height: normal;\r\n align-content: center;\r\n color: #03081a;\r\n font-size: 12px;\r\n}\r\n.pops-folder-list-table__body-row:hover {\r\n background: rgb(245, 246, 247, var(--pops-bg-opacity));\r\n}\r\n.pops-folder-list table th {\r\n border: 0;\r\n border-bottom: 1px solid rgb(247, 248, 250, var(--pops-bg-opacity));\r\n}\r\n.pops-folder-list table td {\r\n border: 0;\r\n border-bottom: 1px solid rgb(247, 248, 250, var(--pops-bg-opacity));\r\n position: relative;\r\n}\r\n.pops-folder-list .list-name-text {\r\n display: inline-block;\r\n padding-left: 12px;\r\n line-height: normal;\r\n align-content: center;\r\n max-width: 176px;\r\n}\r\n.pops-folder-list-file-name > div {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.pops-mobile-folder-list-file-name {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-mobile-folder-list-file-name > div {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n padding: 6px 0px;\r\n flex-direction: column;\r\n}\r\n.pops-mobile-folder-list-file-name img.pops-folder-list-file-icon {\r\n width: 45px;\r\n height: 45px;\r\n}\r\n.pops-mobile-folder-list-file-name a.pops-folder-list-file-name-title-text {\r\n padding-left: unset;\r\n max-width: 250px;\r\n overflow-x: hidden;\r\n font-weight: 400;\r\n line-height: unset;\r\n margin-bottom: 4px;\r\n white-space: normal;\r\n text-overflow: unset;\r\n}\r\n\r\n/* 修改滚动 */\r\n.pops-folder-content {\r\n overflow: hidden !important;\r\n}\r\n.pops-folder-content .pops-folder-list {\r\n height: 100%;\r\n}\r\n.pops-folder-content .pops-folder-list-table__body-div {\r\n height: 100%;\r\n padding-bottom: 85px;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__body-div {\r\n height: 100%;\r\n padding-bottom: 40px;\r\n}\r\n.pops-folder-content table.pops-folder-list-table__body {\r\n overflow: auto;\r\n}\r\n.pops-mobile-folder-content .pops-folder-list-table__header-div {\r\n display: none;\r\n}\r\n\r\n.pops-folder-list-file-name-title-text:hover {\r\n text-decoration: none;\r\n color: rgb(6, 167, 255);\r\n}\r\n.pops-folder-list .text-ellip {\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n.pops-folder-list .content {\r\n color: rgb(129, 137, 153);\r\n position: relative;\r\n width: 100%;\r\n text-align: left;\r\n}\r\n.pops-folder-list .inline-block-v-middle {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .flex-a-i-center {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-folder-list .u-file-icon {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .u-file-icon--list {\r\n width: 32px;\r\n height: 32px;\r\n}\r\n.pops-folder-list .pops-folder-list-file-icon {\r\n line-height: normal;\r\n align-content: center;\r\n position: relative;\r\n vertical-align: middle;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-primary {\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -webkit-align-items: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -webkit-flex-direction: row;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n min-height: 17px;\r\n flex-wrap: wrap;\r\n}\r\n.pops-folder-list .pops-folder-list-table__sort {\r\n display: inline-flex;\r\n margin-left: 4px;\r\n flex-direction: column;\r\n}\r\n\r\n.pops-folder-list .pops-folder-icon-arrow {\r\n width: 10px;\r\n height: 10px;\r\n fill: rgb(212, 215, 222);\r\n}\r\n.pops-folder-list .pops-folder-icon-active {\r\n fill: rgb(6, 167, 255);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb {\r\n padding: 4px 20px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -webkit-align-items: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -webkit-flex-direction: row;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n -webkit-box-pack: start;\r\n -webkit-justify-content: start;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n min-height: 35px;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles {\r\n font-size: 12px;\r\n color: #333;\r\n line-height: normal;\r\n align-content: center;\r\n font-weight: 700;\r\n display: inline-block;\r\n max-width: 140px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n word-wrap: normal;\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:last-child a {\r\n color: rgb(153, 153, 153);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child a {\r\n font-size: 14px;\r\n color: rgb(18, 22, 26);\r\n}\r\n.pops-folder-list .pops-folder-file-list-breadcrumb .iconArrow {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n.pops-folder-list .iconArrow {\r\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAMAAABYd88+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTOLi4uLi4t7e3uPj49/f397e3t3d3f///97e3vDw8N3d3d7e3t3d3d3d3ejo6N/f397e3t7e3t3d3d/f393d3d3d3RK+NoEAAAAWdFJOUwAnM4YPU/iQA+UIeMDaHhY41i7zX7UebpjFAAAAUElEQVQI15XOORaAIAwE0LATXHCd+x9VfCiksXCq+UUWou8oZ1vXHrt7YVBiYkW4gdMKYFIC4CSATWCNHWPuM6HuHkr1x3N0ZrBu/9gl0b9c3+kF7C7hS1YAAAAASUVORK5CYII=)\r\n 55% 50%/6px 9px no-repeat;\r\n}\r\n';
var panelCSS = '.pops[type-value="panel"] {\r\n --el-disabled-text-color: #a8abb2;\r\n --el-disabled-bg-color: #f5f7fa;\r\n --el-disabled-border-color: #e4e7ed;\r\n --pops-bg-color: #f2f2f2;\r\n --pops-color: #333;\r\n --title-bg-color: #ffffff;\r\n --aside-bg-color: #ffffff;\r\n --aside-hover-color: rgb(64, 158, 255);\r\n --aside-hover-bg-color: rgba(64, 158, 255, 0.1);\r\n\r\n --pops-panel-forms-margin-top-bottom: 10px;\r\n --pops-panel-forms-margin-left-right: 20px;\r\n --pops-panel-forms-header-icon-size: 20px;\r\n --pops-panel-forms-header-padding-top-bottom: 15px;\r\n --pops-panel-forms-header-padding-left-right: 10px;\r\n --pops-panel-forms-container-item-bg-color: #ffffff;\r\n --pops-panel-forms-container-item-title-color: #333;\r\n --pops-panel-forms-container-item-border-radius: 6px;\r\n --pops-panel-forms-container-item-margin-top-bottom: 10px;\r\n --pops-panel-forms-container-item-margin-left-right: var(\r\n --pops-panel-forms-margin-left-right\r\n );\r\n --pops-panel-forms-container-li-padding-top-bottom: 12px;\r\n --pops-panel-forms-container-li-padding-left-right: 16px;\r\n}\r\n.pops[type-value="panel"] {\r\n color: var(--pops-color);\r\n background: var(--pops-bg-color);\r\n}\r\n.pops[type-value] .pops-panel-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--title-bg-color);\r\n}\r\n\r\n.pops[type-value="panel"] .pops-panel-title {\r\n width: 100%;\r\n height: var(--container-title-height);\r\n border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n}\r\n.pops[type-value="panel"] .pops-panel-title p[pops] {\r\n width: 100%;\r\n overflow: hidden;\r\n text-indent: 15px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-weight: 500;\r\n line-height: normal;\r\n align-content: center;\r\n}\r\n.pops[type-value="panel"] .pops-panel-content {\r\n width: 100%;\r\n /*height: calc(\r\n 100% - var(--container-title-height) - var(--container-bottom-btn-height)\r\n );*/\r\n flex: 1;\r\n overflow: auto;\r\n word-break: break-word;\r\n}\r\n.pops[type-value="panel"] .pops-panel-btn {\r\n display: flex;\r\n padding: 10px 10px 10px 10px;\r\n width: 100%;\r\n height: var(--container-bottom-btn-height);\r\n max-height: var(--container-bottom-btn-height);\r\n line-height: normal;\r\n border-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n text-align: right;\r\n align-content: center;\r\n align-items: center;\r\n}\r\n\r\n/* ↓panel的CSS↓ */\r\naside.pops-panel-aside {\r\n overflow: auto;\r\n box-sizing: border-box;\r\n flex-shrink: 0;\r\n max-width: 200px;\r\n min-width: 100px;\r\n height: 100%;\r\n background: var(--aside-bg-color);\r\n border-right: 1px solid var(--aside-bg-color);\r\n font-size: 0.9em;\r\n}\r\naside.pops-panel-aside {\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n}\r\n.pops-panel-content {\r\n display: flex;\r\n flex-direction: row;\r\n flex: 1;\r\n overflow: auto;\r\n flex-basis: auto;\r\n box-sizing: border-box;\r\n min-width: 0;\r\n bottom: 0 !important;\r\n}\r\nsection.pops-panel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\nsection.pops-panel-container .pops-panel-container-header-ul,\r\nsection.pops-panel-container .pops-panel-deepMenu-container-header-ul {\r\n border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n flex: 0 auto;\r\n}\r\nsection.pops-panel-container .pops-panel-container-header-ul li {\r\n text-align: left;\r\n display: flex;\r\n justify-content: flex-start !important;\r\n margin: 0px !important;\r\n padding: var(--pops-panel-forms-header-padding-top-bottom)\r\n calc(\r\n var(--pops-panel-forms-margin-left-right) +\r\n var(--pops-panel-forms-container-li-padding-left-right)\r\n );\r\n}\r\nsection.pops-panel-container > ul:last-child {\r\n overflow: auto;\r\n flex: 1;\r\n}\r\naside.pops-panel-aside ul li {\r\n margin: 6px 8px;\r\n border-radius: 4px;\r\n padding: 6px 10px;\r\n cursor: default;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\naside.pops-panel-aside .pops-is-visited,\r\naside.pops-panel-aside ul li:hover {\r\n color: var(--aside-hover-color);\r\n background: var(--aside-hover-bg-color);\r\n}\r\nsection.pops-panel-container > ul li:not(.pops-panel-forms-container-item) {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: var(--pops-panel-forms-margin-top-bottom)\r\n calc(\r\n var(--pops-panel-forms-margin-left-right) +\r\n var(--pops-panel-forms-margin-left-right)\r\n );\r\n gap: 10px;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item-header-text {\r\n margin: 10px;\r\n margin-left: calc(\r\n var(--pops-panel-forms-margin-left-right) +\r\n var(--pops-panel-forms-container-li-padding-left-right)\r\n );\r\n font-size: 0.9em;\r\n text-align: left;\r\n color: var(--pops-panel-forms-container-item-title-color);\r\n}\r\nsection.pops-panel-container li.pops-panel-forms-container-item {\r\n display: block;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul {\r\n border-radius: var(--pops-panel-forms-container-item-border-radius);\r\n background: var(--pops-panel-forms-container-item-bg-color);\r\n margin: var(--pops-panel-forms-container-item-margin-top-bottom)\r\n var(--pops-panel-forms-margin-left-right);\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px;\r\n margin: 0px var(--pops-panel-forms-container-li-padding-left-right);\r\n border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));\r\n text-align: left;\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-forms-container-item\r\n ul\r\n li.pops-panel-deepMenu-nav-item {\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom)\r\n var(--pops-panel-forms-container-li-padding-left-right);\r\n margin: 0px;\r\n border-bottom: 0;\r\n}\r\nsection.pops-panel-container .pops-panel-forms-container-item ul li:last-child {\r\n border: 0;\r\n}\r\n/* 主文字 */\r\n/*section.pops-panel-container\r\n .pops-panel-forms-container-item\r\n .pops-panel-item-left-text\r\n .pops-panel-item-left-main-text {\r\n line-height: 2;\r\n}*/\r\n/* 描述文字 */\r\nsection.pops-panel-container\r\n .pops-panel-forms-container-item\r\n .pops-panel-item-left-text\r\n .pops-panel-item-left-desc-text {\r\n line-height: normal;\r\n margin-top: 6px;\r\n font-size: 0.8em;\r\n color: rgb(108, 108, 108);\r\n}\r\n\r\n/* 折叠面板 */\r\n\r\nsection.pops-panel-container .pops-panel-forms-fold {\r\n border-radius: var(--pops-panel-forms-container-item-border-radius);\r\n background: var(--pops-panel-forms-container-item-bg-color);\r\n margin: var(--pops-panel-forms-margin-top-bottom)\r\n var(--pops-panel-forms-margin-left-right);\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-forms-fold\r\n .pops-panel-forms-fold-container {\r\n display: flex;\r\n align-items: center;\r\n fill: #6c6c6c;\r\n justify-content: space-between;\r\n margin: 0px var(--pops-panel-forms-container-li-padding-left-right) !important;\r\n padding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px !important;\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-forms-fold[data-fold-enable]\r\n .pops-panel-forms-fold-container-icon {\r\n transform: rotate(90deg);\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-forms-fold\r\n .pops-panel-forms-fold-container-icon {\r\n width: 15px;\r\n height: 15px;\r\n display: flex;\r\n align-items: center;\r\n transform: rotate(-90deg);\r\n transition: transform 0.3s;\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-forms-fold[data-fold-enable]\r\n .pops-panel-forms-container-item-formlist {\r\n height: 0;\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-forms-fold\r\n .pops-panel-forms-container-item-formlist {\r\n transition: height 0.3s;\r\n overflow: hidden;\r\n border-radius: unset;\r\n background: unset;\r\n margin: 0;\r\n height: auto;\r\n height: calc-size(auto, size);\r\n}\r\n/* 折叠面板 */\r\n\r\n/* 姑且认为小于600px的屏幕为移动端 */\r\n@media (max-width: 600px) {\r\n /* 兼容移动端CSS */\r\n .pops[type-value="panel"] {\r\n --pops-panel-forms-margin-left-right: 10px;\r\n }\r\n .pops[type-value="panel"] {\r\n width: 92%;\r\n width: 92vw;\r\n width: 92dvw;\r\n }\r\n .pops[type-value="panel"] .pops-panel-content aside.pops-panel-aside {\r\n max-width: 20%;\r\n min-width: auto;\r\n }\r\n .pops[type-value="panel"]\r\n section.pops-panel-container\r\n .pops-panel-forms-container-item\r\n > div {\r\n text-align: left;\r\n --pops-panel-forms-margin-left-right: 0px;\r\n }\r\n .pops[type-value="panel"]\r\n section.pops-panel-container\r\n .pops-panel-forms-container-item\r\n ul {\r\n margin: 0px !important;\r\n }\r\n .pops[type-value="panel"] section.pops-panel-container > ul > li {\r\n margin: 10px 10px;\r\n }\r\n .pops[type-value="panel"]\r\n section.pops-panel-container\r\n > ul\r\n > li\r\n div:nth-child(2) {\r\n max-width: 55%;\r\n }\r\n .pops[type-value="panel"]\r\n section.pops-panel-container\r\n .pops-panel-select\r\n select {\r\n min-width: 88px !important;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n }\r\n .pops[type-value="panel"]\r\n section.pops-panel-container\r\n .pops-panel-container-header-ul\r\n li {\r\n font-size: 16px;\r\n }\r\n .pops[type-value="panel"] .pops-panel-title p[pops],\r\n .pops[type-value="panel"] section.pops-panel-container > ul li,\r\n .pops[type-value="panel"] aside.pops-panel-aside ul li {\r\n font-size: 14px;\r\n }\r\n}\r\n/* switch的CSS */\r\n.pops-panel-switch {\r\n display: inline-flex;\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n position: relative;\r\n font-size: 14px;\r\n line-height: normal;\r\n align-content: center;\r\n height: 32px;\r\n vertical-align: middle;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n -moz-user-select: none;\r\n}\r\n.pops-panel-switch input.pops-panel-switch__input {\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n margin: 0;\r\n}\r\n.pops-panel-switch:has(input.pops-panel-switch__input:disabled),\r\n.pops-panel-switch[data-disabled],\r\n.pops-panel-switch[data-disabled] .pops-panel-switch__core,\r\n.pops-panel-switch\r\n input.pops-panel-switch__input:disabled\r\n + .pops-panel-switch__core {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n.pops-panel-switch span.pops-panel-switch__core {\r\n display: inline-flex;\r\n position: relative;\r\n align-items: center;\r\n min-width: 40px;\r\n height: 20px;\r\n border: 1px solid rgb(220, 223, 230, var(--pops-bd-opacity));\r\n outline: 0;\r\n border-radius: 10px;\r\n box-sizing: border-box;\r\n background: rgb(220, 223, 230, var(--pops-bg-opacity));\r\n cursor: pointer;\r\n transition: border-color 0.3s, background-color 0.3s;\r\n}\r\n.pops-panel-switch .pops-panel-switch__action {\r\n position: absolute;\r\n left: 1px;\r\n border-radius: 100%;\r\n transition: all 0.3s;\r\n width: 16px;\r\n height: 16px;\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: rgb(220, 223, 230);\r\n}\r\n.pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core {\r\n border-color: rgb(64, 158, 255, var(--pops-bd-opacity));\r\n background-color: rgb(64, 158, 255, var(--pops-bg-opacity));\r\n}\r\n.pops-panel-switch.pops-panel-switch-is-checked .pops-panel-switch__action {\r\n left: calc(100% - 17px);\r\n color: rgb(64, 158, 255);\r\n}\r\n/* switch的CSS */\r\n\r\n/* slider旧的CSS */\r\nsection.pops-panel-container .pops-panel-slider:has(> input[type="range"]) {\r\n overflow: hidden;\r\n height: 25px;\r\n line-height: normal;\r\n align-content: center;\r\n display: flex;\r\n align-items: center;\r\n}\r\nsection.pops-panel-container .pops-panel-slider input[type="range"] {\r\n height: 6px;\r\n background: rgb(228, 231, 237, var(--pops-bg-opacity));\r\n outline: 0;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 100%;\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-slider\r\n input[type="range"]::-webkit-slider-thumb {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-slider\r\n input[type="range"]::-moz-range-thumb {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 1px solid rgb(64, 159, 255, var(--pops-bd-opacity));\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\nsection.pops-panel-container\r\n .pops-panel-slider\r\n input[type="range"]::-moz-range-progress {\r\n height: 6px;\r\n border-image: linear-gradient(#409eff, #409eff) 0 fill/9 25 9 0/0 0 0 100vw;\r\n}\r\n/* slider旧的CSS */\r\n\r\n/* slider的CSS */\r\n.pops-slider {\r\n --pops-slider-color-white: #ffffff;\r\n --pops-slider-color-primary: #409eff;\r\n --pops-slider-color-info: #909399;\r\n --pops-slider-text-color-placeholder: #a8abb2;\r\n --pops-slider-border-color-light: #e4e7ed;\r\n --pops-slider-border-radius-circle: 100%;\r\n --pops-slider-transition-duration-fast: 0.2s;\r\n\r\n --pops-slider-main-bg-color: var(--pops-slider-color-primary);\r\n --pops-slider-runway-bg-color: var(--pops-slider-border-color-light);\r\n --pops-slider-stop-bg-color: var(--pops-slider-color-white);\r\n --pops-slider-disabled-color: var(--pops-slider-text-color-placeholder);\r\n --pops-slider-border-radius: 3px;\r\n --pops-slider-height: 6px;\r\n --pops-slider-button-size: 20px;\r\n --pops-slider-button-wrapper-size: 36px;\r\n --pops-slider-button-wrapper-offset: -15px;\r\n}\r\n\r\n.pops-slider {\r\n width: 100%;\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n -moz-user-select: none;\r\n}\r\n\r\n.pops-slider-width {\r\n flex: 0 0 52%;\r\n margin-left: 10px;\r\n}\r\n\r\n.pops-slider__runway {\r\n flex: 1;\r\n height: var(--pops-slider-height);\r\n background-color: var(--pops-slider-runway-bg-color);\r\n border-radius: var(--pops-slider-border-radius);\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.pops-slider__runway.show-input {\r\n margin-right: 30px;\r\n width: auto;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled {\r\n cursor: default;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__bar {\r\n background-color: var(--pops-slider-disabled-color);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button {\r\n border-color: var(--pops-slider-disabled-color);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n cursor: not-allowed;\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n transform: scale(1);\r\n}\r\n\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button:hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.hover,\r\n.pops-slider__runway.pops-slider-is-disabled .pops-slider__button.dragging {\r\n cursor: not-allowed;\r\n}\r\n\r\n.pops-slider__input {\r\n flex-shrink: 0;\r\n width: 130px;\r\n}\r\n\r\n.pops-slider__bar {\r\n height: var(--pops-slider-height);\r\n background-color: var(--pops-slider-main-bg-color);\r\n border-top-left-radius: var(--pops-slider-border-radius);\r\n border-bottom-left-radius: var(--pops-slider-border-radius);\r\n position: absolute;\r\n}\r\n\r\n.pops-slider__button-wrapper {\r\n height: var(--pops-slider-button-wrapper-size);\r\n width: var(--pops-slider-button-wrapper-size);\r\n position: absolute;\r\n z-index: 1;\r\n top: var(--pops-slider-button-wrapper-offset);\r\n transform: translate(-50%);\r\n background-color: transparent;\r\n text-align: center;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n line-height: normal;\r\n outline: none;\r\n}\r\n\r\n.pops-slider__button-wrapper:after {\r\n display: inline-block;\r\n content: "";\r\n height: 100%;\r\n vertical-align: middle;\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover {\r\n cursor: grab;\r\n}\r\n\r\n.pops-slider__button {\r\n display: inline-block;\r\n width: var(--pops-slider-button-size);\r\n height: var(--pops-slider-button-size);\r\n vertical-align: middle;\r\n border: solid 2px var(--pops-slider-main-bg-color);\r\n background-color: var(--pops-slider-color-white);\r\n border-radius: 50%;\r\n box-sizing: border-box;\r\n transition: var(--pops-slider-transition-duration-fast);\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover,\r\n.pops-slider__button.dragging {\r\n transform: scale(1.2);\r\n}\r\n\r\n.pops-slider__button:hover,\r\n.pops-slider__button.hover {\r\n cursor: grab;\r\n}\r\n\r\n.pops-slider__button.dragging {\r\n cursor: grabbing;\r\n}\r\n\r\n.pops-slider__stop {\r\n position: absolute;\r\n height: var(--pops-slider-height);\r\n width: var(--pops-slider-height);\r\n border-radius: var(--pops-slider-border-radius-circle);\r\n background-color: var(--pops-slider-stop-bg-color);\r\n transform: translate(-50%);\r\n}\r\n\r\n.pops-slider__marks {\r\n top: 0;\r\n left: 12px;\r\n width: 18px;\r\n height: 100%;\r\n}\r\n\r\n.pops-slider__marks-text {\r\n position: absolute;\r\n transform: translate(-50%);\r\n font-size: 14px;\r\n color: var(--pops-slider-color-info);\r\n margin-top: 15px;\r\n white-space: pre;\r\n}\r\n\r\n.pops-slider.is-vertical {\r\n position: relative;\r\n display: inline-flex;\r\n width: auto;\r\n height: 100%;\r\n flex: 0;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__runway {\r\n width: var(--pops-slider-height);\r\n height: 100%;\r\n margin: 0 16px;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__bar {\r\n width: var(--pops-slider-height);\r\n height: auto;\r\n border-radius: 0 0 3px 3px;\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__button-wrapper {\r\n top: auto;\r\n left: var(--pops-slider-button-wrapper-offset);\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__stop {\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider.is-vertical .pops-slider__marks-text {\r\n margin-top: 0;\r\n left: 15px;\r\n transform: translateY(50%);\r\n}\r\n\r\n.pops-slider--large {\r\n height: 40px;\r\n}\r\n\r\n.pops-slider--small {\r\n height: 24px;\r\n}\r\n/* slider的CSS */\r\n\r\n/* input的CSS */\r\n.pops-panel-input {\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #dcdfe6;\r\n border-radius: 4px;\r\n background-color: #ffffff;\r\n position: relative;\r\n}\r\n.pops-panel-input:hover {\r\n box-shadow: 0 0 0 1px #c0c4cc inset;\r\n}\r\n.pops-panel-input:has(input:focus) {\r\n outline: 0;\r\n border: 1px solid #409eff;\r\n border-radius: 4px;\r\n box-shadow: none;\r\n}\r\n.pops-panel-input input {\r\n display: inline-flex;\r\n justify-content: center;\r\n text-align: start;\r\n align-items: center;\r\n align-content: center;\r\n white-space: nowrap;\r\n cursor: text;\r\n box-sizing: border-box;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n vertical-align: middle;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n background-color: transparent;\r\n outline: 0;\r\n transition: 0.1s;\r\n border: 0;\r\n font-size: 14px;\r\n font-weight: 500;\r\n line-height: normal;\r\n height: 32px;\r\n width: 100%;\r\n flex: 1;\r\n margin-right: calc(1em + 8px);\r\n padding: 8px 8px;\r\n}\r\n.pops-panel-input span.pops-panel-input__suffix {\r\n display: inline-flex;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n flex-wrap: nowrap;\r\n height: 100%;\r\n text-align: center;\r\n color: #a8abb2;\r\n transition: all 0.3s;\r\n pointer-events: none;\r\n margin: 0 8px;\r\n position: absolute;\r\n right: 0px;\r\n}\r\n.pops-panel-input span.pops-panel-input__suffix-inner {\r\n pointer-events: all;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.pops-panel-input .pops-panel-icon {\r\n cursor: pointer;\r\n}\r\n.pops-panel-input .pops-panel-icon {\r\n height: inherit;\r\n line-height: normal;\r\n align-content: center;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: all 0.3s;\r\n}\r\n.pops-panel-input .pops-panel-icon svg {\r\n height: 1em;\r\n width: 1em;\r\n}\r\n\r\n.pops-input-disabled {\r\n background-color: var(--el-disabled-bg-color);\r\n box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;\r\n}\r\n.pops-panel-input.pops-input-disabled {\r\n border: none;\r\n}\r\n.pops-panel-input.pops-input-disabled:hover {\r\n box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;\r\n}\r\n.pops-panel-input input:disabled,\r\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n color: var(--el-disabled-text-color);\r\n -webkit-text-fill-color: var(--el-disabled-text-color);\r\n cursor: not-allowed;\r\n}\r\n.pops-panel-input input:disabled + .pops-panel-input__suffix {\r\n display: none;\r\n}\r\n/* input的CSS */\r\n\r\n/* textarea的CSS */\r\n.pops-panel-textarea textarea {\r\n width: 100%;\r\n /*vertical-align: bottom;*/\r\n position: relative;\r\n display: block;\r\n resize: none;\r\n padding: 5px 11px;\r\n /*line-height: 1;*/\r\n box-sizing: border-box;\r\n font-size: inherit;\r\n font-family: inherit;\r\n background-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n background-image: none;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n box-shadow: 0 0 0 1px #dcdfe6 inset;\r\n border-radius: 0;\r\n transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n border: none;\r\n}\r\n.pops-panel-textarea textarea:hover {\r\n box-shadow: 0 0 0 1px #c0c4cc inset;\r\n}\r\n.pops-panel-textarea-disable .pops-panel-textarea textarea:hover {\r\n box-shadow: none;\r\n}\r\n.pops-panel-textarea textarea:focus {\r\n outline: 0;\r\n box-shadow: 0 0 0 1px #409eff inset;\r\n}\r\n/* textarea的CSS */\r\n\r\n/* select的CSS */\r\n.pops-panel-select select {\r\n height: 32px;\r\n line-height: normal;\r\n align-content: center;\r\n min-width: 200px;\r\n border: 1px solid rgb(184, 184, 184, var(--pops-bd-opacity));\r\n border-radius: 5px;\r\n text-align: center;\r\n outline: 0;\r\n background: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n box-shadow: none;\r\n}\r\n.pops-panel-select select:hover {\r\n box-shadow: 0 0 0 1px #c0c4cc inset;\r\n}\r\n.pops-panel-select-disable .pops-panel-select select:hover {\r\n box-shadow: none;\r\n}\r\n.pops-panel-select select:focus {\r\n border: 1px solid rgb(64, 158, 255, var(--pops-bd-opacity));\r\n box-shadow: none;\r\n}\r\n/* select的CSS */\r\n\r\n/* select-multiple的CSS*/\r\n.pops-panel-select-multiple {\r\n --el-border-radius-base: 4px;\r\n --el-fill-color-blank: #ffffff;\r\n --el-transition-duration: 0.3s;\r\n --el-border-color: #dcdfe6;\r\n --el-text-color-placeholder: #a8abb2;\r\n --color: inherit;\r\n --el-select-input-color: #a8abb2;\r\n --el-select-input-font-size: 14px;\r\n --el-text-color-regular: #606266;\r\n --el-color-info: #909399;\r\n --el-color-info-light-9: #f4f4f5;\r\n --el-color-info-light-8: #e9e9eb;\r\n --el-color-primary-light-9: #ecf5ff;\r\n --el-color-primary-light-8: #d9ecff;\r\n --el-color-primary: #409eff;\r\n --el-color-white: #ffffff;\r\n width: 200px;\r\n /* 左侧内容*/\r\n /* 左侧内容*/\r\n /* 右侧箭头图标*/\r\n /* 右侧箭头图标*/\r\n /* tag*/\r\n}\r\n.pops-panel-select-multiple .el-select__wrapper {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n text-align: left;\r\n font-size: 14px;\r\n padding: 4px 12px;\r\n gap: 6px;\r\n min-height: 32px;\r\n line-height: normal;\r\n align-content: center;\r\n border-radius: var(--el-border-radius-base);\r\n background-color: var(--el-fill-color-blank);\r\n transition: var(--el-transition-duration);\r\n transform: translateZ(0);\r\n box-shadow: 0 0 0 1px var(--el-border-color) inset;\r\n}\r\n.pops-panel-select-multiple .el-select__wrapper.is-focused {\r\n box-shadow: 0 0 0 1px var(--el-color-primary) inset;\r\n}\r\n.pops-panel-select-multiple .el-select__selection {\r\n position: relative;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n flex: 1;\r\n min-width: 0;\r\n gap: 6px;\r\n}\r\n.pops-panel-select-multiple .el-select__selected-item {\r\n display: flex;\r\n flex-wrap: wrap;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n}\r\n.pops-panel-select-multiple\r\n .el-select__selected-item.el-select__choose_tag\r\n .el-tag {\r\n max-width: 200px;\r\n}\r\n.pops-panel-select-multiple .el-select__input-wrapper {\r\n max-width: 100%;\r\n}\r\n.pops-panel-select-multiple .el-select__selection.is-near {\r\n margin-left: -8px;\r\n}\r\n.pops-panel-select-multiple .el-select__placeholder {\r\n position: absolute;\r\n display: block;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 100%;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n color: var(--el-input-text-color, var(--el-text-color-regular));\r\n}\r\n.pops-panel-select-multiple .el-select__placeholder.is-transparent {\r\n -webkit-user-select: none;\r\n user-select: none;\r\n color: var(--el-text-color-placeholder);\r\n}\r\n.pops-panel-select-multiple .el-select__prefix,\r\n.pops-panel-select-multiple .el-select__suffix {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n gap: 6px;\r\n color: var(--el-input-icon-color, var(--el-text-color-placeholder));\r\n}\r\n.pops-panel-select-multiple .el-icon {\r\n --color: inherit;\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n align-content: center;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: var(--color);\r\n font-size: inherit;\r\n}\r\n.pops-panel-select-multiple .el-icon svg {\r\n height: 1em;\r\n width: 1em;\r\n}\r\n.pops-panel-select-multiple .el-select__caret {\r\n color: var(--el-select-input-color);\r\n font-size: var(--el-select-input-font-size);\r\n transition: var(--el-transition-duration);\r\n transform: rotate(0);\r\n cursor: pointer;\r\n}\r\n.pops-panel-select-multiple .el-tag {\r\n --el-tag-font-size: 12px;\r\n --el-tag-border-radius: 4px;\r\n --el-tag-border-radius-rounded: 9999px;\r\n}\r\n.pops-panel-select-multiple .el-tag {\r\n background-color: var(--el-tag-bg-color);\r\n border-color: var(--el-tag-border-color);\r\n color: var(--el-tag-text-color);\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n vertical-align: middle;\r\n height: 24px;\r\n padding: 0 9px;\r\n font-size: var(--el-tag-font-size);\r\n line-height: normal;\r\n align-content: center;\r\n border-width: 1px;\r\n border-style: solid;\r\n border-radius: var(--el-tag-border-radius);\r\n box-sizing: border-box;\r\n white-space: nowrap;\r\n --el-icon-size: 14px;\r\n --el-tag-bg-color: var(--el-color-primary-light-9);\r\n --el-tag-border-color: var(--el-color-primary-light-8);\r\n --el-tag-hover-color: var(--el-color-primary);\r\n}\r\n.pops-panel-select-multiple .el-select__selection .el-tag {\r\n cursor: pointer;\r\n border-color: transparent;\r\n}\r\n.pops-panel-select-multiple .el-tag.el-tag--info {\r\n --el-tag-bg-color: var(--el-color-info-light-9);\r\n --el-tag-border-color: var(--el-color-info-light-8);\r\n --el-tag-hover-color: var(--el-color-info);\r\n}\r\n.pops-panel-select-multiple .el-tag.el-tag--info {\r\n --el-tag-text-color: var(--el-color-info);\r\n}\r\n.pops-panel-select-multiple .el-tag.is-closable {\r\n padding-right: 5px;\r\n}\r\n.pops-panel-select-multiple .el-select__selection .el-tag .el-tag__content {\r\n min-width: 0;\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close {\r\n flex-shrink: 0;\r\n color: var(--el-tag-text-color);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close:hover {\r\n color: var(--el-color-white);\r\n background-color: var(--el-tag-hover-color);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-icon {\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: calc(var(--el-icon-size) - 2px);\r\n height: var(--el-icon-size);\r\n width: var(--el-icon-size);\r\n}\r\n.pops-panel-select-multiple .el-tag .el-tag__close {\r\n margin-left: 6px;\r\n}\r\n.pops-panel-select-multiple .el-select__tags-text {\r\n display: block;\r\n line-height: normal;\r\n align-content: center;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n/* select-multiple的CSS*/\r\n\r\n/* deepMenu的css */\r\n.pops-panel-deepMenu-nav-item {\r\n cursor: pointer;\r\n}\r\n.pops-panel-deepMenu-nav-item:active {\r\n background: #e9e9e9;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n}\r\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu {\r\n display: flex;\r\n align-items: center;\r\n color: #6c6c6c;\r\n fill: #6c6c6c;\r\n}\r\n.pops-panel-deepMenu-nav-item .pops-panel-deepMenu-arrowRight-icon {\r\n width: 15px;\r\n height: 15px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-header {\r\n display: flex;\r\n align-items: center;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n padding: var(--pops-panel-forms-header-padding-top-bottom)\r\n calc(\r\n var(--pops-panel-forms-margin-left-right) +\r\n var(--pops-panel-forms-container-li-padding-left-right) -\r\n var(--pops-panel-forms-header-icon-size)\r\n );\r\n}\r\n.pops-panel-deepMenu-container .pops-panel-deepMenu-container-left-arrow-icon {\r\n width: var(--pops-panel-forms-header-icon-size);\r\n height: var(--pops-panel-forms-header-icon-size);\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n/* 修复safari上图标大小未正常显示 */\r\n.pops-panel-deepMenu-container\r\n .pops-panel-deepMenu-container-left-arrow-icon\r\n > svg {\r\n width: inherit;\r\n height: inherit;\r\n}\r\n/* deepMenu的css */\r\n';
var rightClickMenuCSS = '.pops-rightClickMenu * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n scrollbar-width: thin;\r\n}\r\n.pops-rightClickMenu {\r\n position: fixed;\r\n z-index: 10000;\r\n text-align: center;\r\n border-radius: 3px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n background: #fff;\r\n box-shadow: 0px 1px 6px 1px #cacaca;\r\n}\r\n.pops-rightClickMenu-anim-grid {\r\n display: grid;\r\n transition: 0.3s;\r\n grid-template-rows: 0fr;\r\n}\r\n.pops-rightClickMenu-anim-show {\r\n grid-template-rows: 1fr;\r\n}\r\n.pops-rightClickMenu-is-visited {\r\n background: #dfdfdf;\r\n}\r\ni.pops-rightClickMenu-icon {\r\n height: 1em;\r\n width: 1em;\r\n line-height: normal;\r\n align-content: center;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n fill: currentColor;\r\n color: inherit;\r\n font-size: inherit;\r\n margin-right: 6px;\r\n}\r\ni.pops-rightClickMenu-icon[is-loading="true"] {\r\n animation: rotating 2s linear infinite;\r\n}\r\n.pops-rightClickMenu li:hover {\r\n background: #dfdfdf;\r\n cursor: pointer;\r\n}\r\n.pops-rightClickMenu ul {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n overflow: hidden;\r\n}\r\n.pops-rightClickMenu ul li {\r\n padding: 5px 10px;\r\n margin: 2.5px 5px;\r\n border-radius: 3px;\r\n display: flex;\r\n width: -webkit-fill-available;\r\n width: -moz-available;\r\n text-align: left;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n align-items: center;\r\n}\r\n.pops-rightClickMenu ul li:first-child {\r\n margin-top: 5px;\r\n}\r\n.pops-rightClickMenu ul li:last-child {\r\n margin-bottom: 5px;\r\n}\r\n';
var SVG_min = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"></path>\r\n</svg>\r\n';
var SVG_mise = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M885.333333 85.333333H330.410667a53.333333 53.333333 0 0 0-53.333334 53.333334v106.666666H138.666667A53.333333 53.333333 0 0 0 85.333333 298.666667v586.666666a53.333333 53.333333 0 0 0 53.333334 53.333334H725.333333a53.333333 53.333333 0 0 0 53.333334-53.333334V746.154667h106.666666c29.44 0 53.333333-23.893333 53.333334-53.333334V138.666667A53.333333 53.333333 0 0 0 885.333333 85.333333zM725.333333 692.821333v192.512H138.666667V298.666667H725.333333v394.154666z m157.866667 0H778.666667V298.666667a53.333333 53.333333 0 0 0-53.333334-53.333334H330.410667v-106.666666h554.922666l-2.133333 554.154666z"></path>\r\n</svg>\r\n';
var SVG_max = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"></path>\r\n</svg>\r\n';
var SVG_close = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"></path>\r\n</svg>\r\n';
var SVG_edit = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"></path>\r\n <path\r\n fill="currentColor"\r\n d="m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"></path>\r\n</svg>\r\n';
var SVG_share = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="m679.872 348.8-301.76 188.608a127.808 127.808 0 0 1 5.12 52.16l279.936 104.96a128 128 0 1 1-22.464 59.904l-279.872-104.96a128 128 0 1 1-16.64-166.272l301.696-188.608a128 128 0 1 1 33.92 54.272z"></path>\r\n</svg>\r\n';
var SVG_delete = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"></path>\r\n</svg>\r\n';
var SVG_search = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"></path>\r\n</svg>\r\n';
var SVG_upload = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"></path>\r\n</svg>\r\n';
var SVG_loading = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"></path>\r\n</svg>\r\n';
var SVG_next = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n';
var SVG_prev = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n';
var SVG_eleme = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M300.032 188.8c174.72-113.28 408-63.36 522.24 109.44 5.76 10.56 11.52 20.16 17.28 30.72v.96a22.4 22.4 0 0 1-7.68 26.88l-352.32 228.48c-9.6 6.72-22.08 3.84-28.8-5.76l-18.24-27.84a54.336 54.336 0 0 1 16.32-74.88l225.6-146.88c9.6-6.72 12.48-19.2 5.76-28.8-.96-1.92-1.92-3.84-3.84-4.8a267.84 267.84 0 0 0-315.84-17.28c-123.84 81.6-159.36 247.68-78.72 371.52a268.096 268.096 0 0 0 370.56 78.72 54.336 54.336 0 0 1 74.88 16.32l17.28 26.88c5.76 9.6 3.84 21.12-4.8 27.84-8.64 7.68-18.24 14.4-28.8 21.12a377.92 377.92 0 0 1-522.24-110.4c-113.28-174.72-63.36-408 111.36-522.24zm526.08 305.28a22.336 22.336 0 0 1 28.8 5.76l23.04 35.52a63.232 63.232 0 0 1-18.24 87.36l-35.52 23.04c-9.6 6.72-22.08 3.84-28.8-5.76l-46.08-71.04c-6.72-9.6-3.84-22.08 5.76-28.8l71.04-46.08z"></path>\r\n</svg>\r\n';
var SVG_elemePlus = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M839.7 734.7c0 33.3-17.9 41-17.9 41S519.7 949.8 499.2 960c-10.2 5.1-20.5 5.1-30.7 0 0 0-314.9-184.3-325.1-192-5.1-5.1-10.2-12.8-12.8-20.5V368.6c0-17.9 20.5-28.2 20.5-28.2L466 158.6c12.8-5.1 25.6-5.1 38.4 0 0 0 279 161.3 309.8 179.2 17.9 7.7 28.2 25.6 25.6 46.1-.1-5-.1 317.5-.1 350.8zM714.2 371.2c-64-35.8-217.6-125.4-217.6-125.4-7.7-5.1-20.5-5.1-30.7 0L217.6 389.1s-17.9 10.2-17.9 23v297c0 5.1 5.1 12.8 7.7 17.9 7.7 5.1 256 148.5 256 148.5 7.7 5.1 17.9 5.1 25.6 0 15.4-7.7 250.9-145.9 250.9-145.9s12.8-5.1 12.8-30.7v-74.2l-276.5 169v-64c0-17.9 7.7-30.7 20.5-46.1L745 535c5.1-7.7 10.2-20.5 10.2-30.7v-66.6l-279 169v-69.1c0-15.4 5.1-30.7 17.9-38.4l220.1-128zM919 135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7 5.1c-5.1 0-5.1 2.6-5.1 5.1V128h-56.3c-5.1 0-5.1 5.1-7.7 5.1v38.4h69.1v64c0 5.1 5.1 5.1 10.2 5.1l30.7-5.1c5.1 0 5.1-2.6 5.1-5.1v-56.3h64l-2.5-38.4z"\r\n fill="currentColor"></path>\r\n</svg>\r\n';
var SVG_chromeFilled = '<svg\r\n xmlns="http://www.w3.org/2000/svg"\r\n viewBox="0 0 1024 1024"\r\n xml:space="preserve">\r\n <path\r\n d="M938.67 512.01c0-44.59-6.82-87.6-19.54-128H682.67a212.372 212.372 0 0 1 42.67 128c.06 38.71-10.45 76.7-30.42 109.87l-182.91 316.8c235.65-.01 426.66-191.02 426.66-426.67z"\r\n fill="currentColor"></path>\r\n <path\r\n d="M576.79 401.63a127.92 127.92 0 0 0-63.56-17.6c-22.36-.22-44.39 5.43-63.89 16.38s-35.79 26.82-47.25 46.02a128.005 128.005 0 0 0-2.16 127.44l1.24 2.13a127.906 127.906 0 0 0 46.36 46.61 127.907 127.907 0 0 0 63.38 17.44c22.29.2 44.24-5.43 63.68-16.33a127.94 127.94 0 0 0 47.16-45.79v-.01l1.11-1.92a127.984 127.984 0 0 0 .29-127.46 127.957 127.957 0 0 0-46.36-46.91z"\r\n fill="currentColor"></path>\r\n <path\r\n d="M394.45 333.96A213.336 213.336 0 0 1 512 298.67h369.58A426.503 426.503 0 0 0 512 85.34a425.598 425.598 0 0 0-171.74 35.98 425.644 425.644 0 0 0-142.62 102.22l118.14 204.63a213.397 213.397 0 0 1 78.67-94.21zM512.01 938.68H512zM414.76 701.95a213.284 213.284 0 0 1-89.54-86.81L142.48 298.6c-36.35 62.81-57.13 135.68-57.13 213.42 0 203.81 142.93 374.22 333.95 416.55h.04l118.19-204.71a213.315 213.315 0 0 1-122.77-21.91z"\r\n fill="currentColor"></path>\r\n</svg>\r\n';
var SVG_cpu = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M320 256a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h384a64 64 0 0 0 64-64V320a64 64 0 0 0-64-64H320zm0-64h384a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H320a128 128 0 0 1-128-128V320a128 128 0 0 1 128-128z"></path>\r\n <path\r\n fill="currentColor"\r\n d="M512 64a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm160 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm-320 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32zm160 896a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zm160 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zm-320 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32zM64 512a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm0-160a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm0 320a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32zm896-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32zm0-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32zm0 320a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32z"></path>\r\n</svg>\r\n';
var SVG_videoPlay = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm-48-247.616L668.608 512 464 375.616v272.768zm10.624-342.656 249.472 166.336a48 48 0 0 1 0 79.872L474.624 718.272A48 48 0 0 1 400 678.336V345.6a48 48 0 0 1 74.624-39.936z"></path>\r\n</svg>\r\n';
var SVG_videoPause = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32zm192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32z"></path>\r\n</svg>\r\n';
var SVG_headset = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M896 529.152V512a384 384 0 1 0-768 0v17.152A128 128 0 0 1 320 640v128a128 128 0 1 1-256 0V512a448 448 0 1 1 896 0v256a128 128 0 1 1-256 0V640a128 128 0 0 1 192-110.848zM896 640a64 64 0 0 0-128 0v128a64 64 0 0 0 128 0V640zm-768 0v128a64 64 0 0 0 128 0V640a64 64 0 1 0-128 0z"></path>\r\n</svg>\r\n';
var SVG_monitor = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M544 768v128h192a32 32 0 1 1 0 64H288a32 32 0 1 1 0-64h192V768H192A128 128 0 0 1 64 640V256a128 128 0 0 1 128-128h640a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H544zM192 192a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H192z"></path>\r\n</svg>\r\n';
var SVG_documentCopy = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M128 320v576h576V320H128zm-32-64h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32zM960 96v704a32 32 0 0 1-32 32h-96v-64h64V128H384v64h-64V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32zM256 672h320v64H256v-64zm0-192h320v64H256v-64z"></path>\r\n</svg>\r\n';
var SVG_picture = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n fill="currentColor"\r\n d="M160 160v704h704V160H160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32z"></path>\r\n <path\r\n fill="currentColor"\r\n d="M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64zM185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952L185.408 876.992z"></path>\r\n</svg>\r\n';
var SVG_circleClose = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n <path\r\n fill="currentColor"\r\n d="m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"></path>\r\n <path\r\n fill="currentColor"\r\n d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"></path>\r\n</svg>\r\n';
var SVG_view = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n <path\r\n fill="currentColor"\r\n d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"></path>\r\n</svg>\r\n';
var SVG_hide = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n <path\r\n fill="currentColor"\r\n d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"></path>\r\n <path\r\n fill="currentColor"\r\n d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"></path>\r\n</svg>\r\n';
var SVG_keyboard = '<svg viewBox="0 0 1123 1024" xmlns="http://www.w3.org/2000/svg">\r\n <path\r\n d="M1014.122186 1024H109.753483A109.753483 109.753483 0 0 1 0 914.246517V392.917471a109.753483 109.753483 0 0 1 109.753483-109.753484h904.368703a109.753483 109.753483 0 0 1 109.753484 109.753484v521.329046a109.753483 109.753483 0 0 1-109.753484 109.753483zM109.753483 370.966774a21.950697 21.950697 0 0 0-21.950696 21.950697v521.329046a21.950697 21.950697 0 0 0 21.950696 21.950696h904.368703a21.950697 21.950697 0 0 0 21.950697-21.950696V392.917471a21.950697 21.950697 0 0 0-21.950697-21.950697z"></path>\r\n <path\r\n d="M687.056806 891.198285H307.309753a43.901393 43.901393 0 0 1 0-87.802787h379.747053a43.901393 43.901393 0 0 1 0 87.802787zM175.605573 803.395498a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM432.428725 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM690.349411 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM947.172562 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM175.605573 546.572347a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM304.017149 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM432.428725 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM690.349411 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 803.395498a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM175.605573 678.276527a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM304.017149 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM432.428725 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM948.270096 803.395498a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394z"></path>\r\n <path\r\n d="M881.320472 766.079314H689.251876a43.901393 43.901393 0 0 1 0-87.802787h192.068596a21.950697 21.950697 0 0 0 21.950696-21.950696v-65.85209a43.901393 43.901393 0 0 1 87.802787 0v65.85209a109.753483 109.753483 0 0 1-109.753483 109.753483zM305.114684 502.670954H175.605573a43.901393 43.901393 0 0 1 0-87.802787h129.509111a43.901393 43.901393 0 0 1 0 87.802787zM563.03537 365.4791a43.901393 43.901393 0 0 1-43.901394-43.901394v-105.363344A109.753483 109.753483 0 0 1 628.88746 106.460879h61.461951a21.950697 21.950697 0 0 0 21.950696-21.950697V43.901393a43.901393 43.901393 0 0 1 87.802787 0v40.608789a109.753483 109.753483 0 0 1-109.753483 109.753484h-61.461951a21.950697 21.950697 0 0 0-21.950697 21.950696v105.363344a43.901393 43.901393 0 0 1-43.901393 43.901394z"></path>\r\n</svg>\r\n';
var SVG_arrowRight = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n <path\r\n d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n';
var SVG_arrowLeft = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">\r\n <path\r\n d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>\r\n</svg>\r\n';
const GlobalConfig = {
config: {},
/**
* 为所有弹窗设置全局属性
*/
setGlobalConfig(config) {
Reflect.ownKeys(config).forEach((keyName) => {
Reflect.set(GlobalConfig.config, keyName, Reflect.get(config, keyName));
});
},
/**
* 获取全局配置
*/
getGlobalConfig() {
let result2 = {};
Object.keys(GlobalConfig.config).forEach((keyName) => {
let configValue = Reflect.get(GlobalConfig.config, keyName);
if (keyName === "style") {
let style = configValue == null ? "" : typeof configValue === "function" ? (
// @ts-ignore
configValue()
) : configValue;
if (typeof style === "string") {
result2.style = style;
}
} else if (keyName === "zIndex") {
let zIndex = configValue == null ? "" : typeof configValue === "function" ? configValue() : configValue;
if (typeof zIndex === "string") {
let newIndex = zIndex = parseInt(zIndex);
if (!isNaN(newIndex)) {
result2.zIndex = newIndex;
}
} else {
if (!isNaN(zIndex)) {
result2.zIndex = zIndex;
}
}
} else if (keyName === "mask") {
let mask = GlobalConfig.config.mask == null ? {} : GlobalConfig.config.mask;
if (typeof mask === "object" && mask != null) {
result2.mask = mask;
}
} else {
Reflect.set(result2, keyName, configValue);
}
});
return result2;
}
};
const PopsElementHandler = {
/**
* 获取遮罩层HTML
* @param guid
* @param zIndex z-index
* @param style
*/
getMaskHTML(guid, zIndex = 101, style = "") {
zIndex = zIndex - 100;
if (style.startsWith(";")) {
style = style.replace(";", "");
}
return `<div class="pops-mask" data-guid="${guid}" style="z-index:${zIndex};${style}"></div>`;
},
/**
* 获取动画层HTML
* @param guid
* @param type
* @param config
* @param html
* @param bottomBtnHTML
* @param zIndex
*/
getAnimHTML(guid, type, config, html = "", bottomBtnHTML = "", zIndex) {
let __config = config;
let popsAnimStyle = "";
let popsStyle = "";
let popsPosition = __config.position || "";
if (config.zIndex != null) {
popsAnimStyle += `z-index: ${zIndex};`;
popsStyle += `z-index: ${zIndex};`;
}
if (__config.width != null) {
popsStyle += `width: ${__config.width};`;
}
if (__config.height != null) {
popsStyle += `height: ${__config.height};`;
}
let hasBottomBtn = bottomBtnHTML.trim() === "" ? false : true;
return (
/*html*/
`
<div
class="pops-anim"
anim="${__config.animation || ""}"
style="${popsAnimStyle}"
data-guid="${guid}">
${config.style != null ? `<style tyle="text/css">${config.style}</style>` : ""}
<div
class="pops ${config.class || ""}"
data-bottom-btn="${hasBottomBtn}"
type-value="${type}"
style="${popsStyle}"
position="${popsPosition}"
data-guid="${guid}">
${html}
</div>
</div>`
);
},
/**
* 获取顶部按钮层HTML
* @param type
* @param config
*/
getHeaderBtnHTML(type, config) {
var _a2, _b, _c, _d, _e;
if (!config.btn) {
return "";
}
let __config_confirm = config;
if (type !== "iframe" && !((_b = (_a2 = __config_confirm.btn) == null ? void 0 : _a2.close) == null ? void 0 : _b.enable)) {
return "";
}
let resultHTML = "";
let closeHTML = "";
let __config_iframe = config;
if (type === "iframe" && ((_c = __config_iframe.topRightButton) == null ? void 0 : _c.trim()) !== "") {
let topRightButtonHTML = "";
__config_iframe.topRightButton.split("|").forEach((item) => {
item = item.toLowerCase();
topRightButtonHTML += `
<button class="pops-header-control" type="${item}">
<i class="pops-icon">${pops.config.iconSVG[item]}</i>
</button>`;
});
resultHTML = `
<div class="pops-header-controls" data-margin>
${topRightButtonHTML}
</div>`;
} else {
if ((_e = (_d = __config_confirm.btn) == null ? void 0 : _d.close) == null ? void 0 : _e.enable) {
closeHTML = `
<div class="pops-header-controls">
<button class="pops-header-control" type="close" data-header>
<i class="pops-icon">${pops.config.iconSVG["close"]}</i>
</button>
</div>`;
}
resultHTML = closeHTML;
}
return resultHTML;
},
/**
* 获取底部按钮层HTML
* @param type
* @param config
*/
getBottomBtnHTML(type, config) {
var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
if (!config.btn) {
return "";
}
let __config_confirm = config;
if (!(((_b = (_a2 = config.btn) == null ? void 0 : _a2.ok) == null ? void 0 : _b.enable) || ((_d = (_c = __config_confirm.btn) == null ? void 0 : _c.cancel) == null ? void 0 : _d.enable) || ((_f = (_e = __config_confirm.btn) == null ? void 0 : _e.other) == null ? void 0 : _f.enable))) {
return "";
}
let btnStyle = "";
let resultHTML = "";
let okHTML = "";
let cancelHTML = "";
let ohterHTML = "";
if (config.btn.position) {
btnStyle += `justify-content: ${config.btn.position};`;
}
if (__config_confirm.btn.reverse) {
btnStyle += "flex-direction: row-reverse;";
}
if ((_h = (_g = config.btn) == null ? void 0 : _g.ok) == null ? void 0 : _h.enable) {
let okButtonSizeClassName = "";
if (config.btn.ok.size === "large") {
okButtonSizeClassName = "pops-button-" + config.btn.ok.size;
} else if (config.btn.ok.size === "small") {
okButtonSizeClassName = "pops-button-" + config.btn.ok.size;
}
let okIconHTML = "";
let okIcon = __config_confirm.btn.ok.icon;
if (okIcon !== "") {
let iconHTML = "";
if (okIcon in pops.config.iconSVG) {
iconHTML = pops.config.iconSVG[okIcon];
} else {
iconHTML = okIcon;
}
iconHTML = iconHTML || "";
okIconHTML = `
<i class="pops-bottom-icon" is-loading="${config.btn.ok.iconIsLoading}">
${iconHTML}
</i>`;
}
okHTML = `
<button
class="pops-${type}-btn-ok ${okButtonSizeClassName}"
type="${(_i = __config_confirm.btn.ok) == null ? void 0 : _i.type}"
data-has-icon="${(__config_confirm.btn.ok.icon || "") !== ""}"
data-rightIcon="${(_j = __config_confirm.btn.ok) == null ? void 0 : _j.rightIcon}"
>
${okIconHTML}
<span>${config.btn.ok.text}</span>
</button>`;
}
if ((_l = (_k = __config_confirm.btn) == null ? void 0 : _k.cancel) == null ? void 0 : _l.enable) {
let cancelButtonSizeClassName = "";
if (__config_confirm.btn.cancel.size === "large") {
cancelButtonSizeClassName = "pops-button-" + __config_confirm.btn.cancel.size;
} else if (__config_confirm.btn.cancel.size === "small") {
cancelButtonSizeClassName = "pops-button-" + __config_confirm.btn.cancel.size;
}
let cancelIconHTML = "";
let cancelIcon = __config_confirm.btn.cancel.icon;
if (cancelIcon !== "") {
let iconHTML = "";
if (cancelIcon in pops.config.iconSVG) {
iconHTML = pops.config.iconSVG[cancelIcon];
} else {
iconHTML = cancelIcon;
}
iconHTML = iconHTML || "";
cancelIconHTML = `
<i class="pops-bottom-icon" is-loading="${__config_confirm.btn.cancel.iconIsLoading}">
${iconHTML}
</i>`;
}
cancelHTML = `
<button
class="pops-${type}-btn-cancel ${cancelButtonSizeClassName}"
type="${__config_confirm.btn.cancel.type}"
data-has-icon="${(__config_confirm.btn.cancel.icon || "") !== ""}"
data-rightIcon="${__config_confirm.btn.cancel.rightIcon}"
>
${cancelIconHTML}
<span>${__config_confirm.btn.cancel.text}</span>
</button>`;
}
if ((_n = (_m = __config_confirm.btn) == null ? void 0 : _m.other) == null ? void 0 : _n.enable) {
let otherButtonSizeClassName = "";
if (__config_confirm.btn.other.size === "large") {
otherButtonSizeClassName = "pops-button-" + __config_confirm.btn.other.size;
} else if (__config_confirm.btn.other.size === "small") {
otherButtonSizeClassName = "pops-button-" + __config_confirm.btn.other.size;
}
let otherIconHTML = "";
let otherIcon = __config_confirm.btn.other.icon;
if (otherIcon !== "") {
let iconHTML = "";
if (otherIcon in pops.config.iconSVG) {
iconHTML = pops.config.iconSVG[otherIcon];
}
iconHTML = iconHTML || "";
otherIconHTML = `
<i class="pops-bottom-icon" is-loading="${__config_confirm.btn.other.iconIsLoading}">
${iconHTML}
</i>`;
}
ohterHTML = `
<button
class="pops-${type}-btn-other ${otherButtonSizeClassName}"
type="${__config_confirm.btn.other.type}"
data-has-icon="${(__config_confirm.btn.other.icon || "") !== ""}"
data-rightIcon="${__config_confirm.btn.other.rightIcon}"
>
${otherIconHTML}
<span>${__config_confirm.btn.other.text}</span>
</button>`;
}
if (__config_confirm.btn.merge) {
let flexStyle = "display: flex;";
if (__config_confirm.btn.mergeReverse) {
flexStyle += "flex-direction: row-reverse;";
} else {
flexStyle += "flex-direction: row;";
}
resultHTML = `
<div class="pops-${type}-btn" style="${btnStyle}">
${ohterHTML}
<div
class="pops-${type}-btn-merge"
style="${flexStyle}">
${okHTML}
${cancelHTML}
</div>
</div>
`;
} else {
resultHTML = `
<div class="pops-${type}-btn" style="${btnStyle}">
${okHTML}
${cancelHTML}
${ohterHTML}
</div>
`;
}
return resultHTML;
},
/**
* 获取标题style
* @param type
* @param config
*/
getHeaderStyle(type, config) {
var _a2, _b, _c, _d;
return {
headerStyle: ((_a2 = config == null ? void 0 : config.title) == null ? void 0 : _a2.html) ? ((_b = config == null ? void 0 : config.title) == null ? void 0 : _b.style) || "" : "",
headerPStyle: ((_c = config == null ? void 0 : config.title) == null ? void 0 : _c.html) ? "" : ((_d = config == null ? void 0 : config.title) == null ? void 0 : _d.style) || ""
};
},
/**
* 获取内容style
* @param type
* @param config
*/
getContentStyle(type, config) {
var _a2, _b, _c, _d;
return {
contentStyle: ((_a2 = config == null ? void 0 : config.content) == null ? void 0 : _a2.html) ? ((_b = config == null ? void 0 : config.content) == null ? void 0 : _b.style) || "" : "",
contentPStyle: ((_c = config == null ? void 0 : config.content) == null ? void 0 : _c.html) ? "" : ((_d = config == null ? void 0 : config.content) == null ? void 0 : _d.style) || ""
};
},
/**
* 将html转换成元素
* @param html
*/
parseElement(html) {
return popsUtils.parseTextToDOM(html);
}
};
const PopsHandler = {
/**
* 创建shadow
*/
handlerShadow(config) {
let $shadowContainer = document.createElement("div");
$shadowContainer.className = "pops-shadow-container";
if (config.useShadowRoot) {
let $shadowRoot = $shadowContainer.attachShadow({ mode: "open" });
return {
$shadowContainer,
$shadowRoot
};
} else {
return {
$shadowContainer,
$shadowRoot: $shadowContainer
};
}
},
/**
* 处理初始化
* @param $shadowRoot 所在的shadowRoot
* @param cssText 添加进ShadowRoot的CSS
*/
handleInit($shadowRoot, cssText) {
pops.init();
if (!arguments.length) {
return;
}
if (Array.isArray(cssText)) {
for (let index = 0; index < cssText.length; index++) {
this.handleInit($shadowRoot, cssText[index]);
}
} else {
let $css = popsDOMUtils.createElement("style", {
innerHTML: cssText
}, {
"data-type": "PopsHandler.handleInit"
});
$shadowRoot.appendChild($css);
}
},
/**
* 处理遮罩层
*
* + 设置遮罩层的点击事件
* @param details 传递的配置
*/
handleMask(details = {}) {
let result2 = {
maskElement: popsUtils.parseTextToDOM(details.maskHTML)
};
let isMaskClick = false;
function clickEvent(event) {
popsDOMUtils.preventEvent(event);
let targetLayer = pops.config.layer[details.type];
function originalRun() {
if (details.config.mask.clickEvent.toClose) {
PopsInstanceUtils.close(details.type, targetLayer, details.guid, details.config, details.animElement);
} else if (details.config.mask.clickEvent.toHide) {
PopsInstanceUtils.hide(details.type, targetLayer, details.guid, details.config, details.animElement, result2.maskElement);
}
}
if (typeof details.config.mask.clickCallBack === "function") {
details.config.mask.clickCallBack(originalRun, details.config);
} else {
originalRun();
}
return false;
}
if (details.config.mask.clickEvent.toClose || details.config.mask.clickEvent.toHide) {
let isAnimElement2 = function(element) {
var _a2;
return Boolean(((_a2 = element == null ? void 0 : element.localName) == null ? void 0 : _a2.toLowerCase()) === "div" && element.className && element.className === "pops-anim" && element.hasAttribute("anim"));
};
popsDOMUtils.on(details.animElement, ["touchstart", "mousedown"], void 0, (event) => {
let $click = event.composedPath()[0];
isMaskClick = isAnimElement2($click);
});
popsDOMUtils.on(details.animElement, "click", void 0, (event) => {
let $click = event.composedPath()[0];
if (isAnimElement2($click) && isMaskClick) {
return clickEvent(event);
}
});
popsDOMUtils.on(result2.maskElement, "click", void 0, (event) => {
isMaskClick = true;
clickEvent(event);
});
}
return result2;
},
/**
* 处理获取元素
* @param animElement
* @param type
*/
handleQueryElement(animElement, type) {
return {
/**
* 主元素
*/
popsElement: animElement.querySelector(".pops[type-value"),
/**
* 确认按钮
*/
btnOkElement: animElement.querySelector(`.pops-${type}-btn-ok`),
/**
* 取消按钮
*/
btnCancelElement: animElement.querySelector(`.pops-${type}-btn-cancel`),
/**
* 其它按钮
*/
btnOtherElement: animElement.querySelector(`.pops-${type}-btn-other`),
/**
* 标题元素
*/
titleElement: animElement.querySelector(`.pops-${type}-title`),
/**
* 输入框元素
*/
inputElement: animElement.querySelector(`.pops-${type}-content textarea[pops]`) ? animElement.querySelector(`.pops-${type}-content textarea[pops]`) : animElement.querySelector(`.pops-${type}-content input[pops]`),
/**
* 顶部按钮控制层元素
*/
headerControlsElement: animElement.querySelector(".pops-header-controls"),
/**
* iframe元素
*/
iframeElement: animElement.querySelector("iframe[pops]"),
/**
* 加载中元素
*/
loadingElement: animElement.querySelector(".pops-loading"),
/**
* 内容元素
*/
contentElement: animElement.querySelector(`.pops-${type}-content`),
/**
* 内容侧边栏容器元素
*/
contentAsideElement: animElement.querySelector(`.pops-${type}-content aside.pops-${type}-aside`),
/**
* 内容主要区域容器元素
*/
contentSectionContainerElement: animElement.querySelector(`.pops-${type}-content section.pops-${type}-container`),
/**
* 内容加载中元素
*/
contentLoadingElement: animElement.querySelector(`.pops-${type}-content-global-loading`),
/**
* 顶部缩小按钮
*/
headerMinBtnElement: animElement.querySelector(".pops-header-control[type='min']"),
/**
* 顶部放大按钮
*/
headerMaxBtnElement: animElement.querySelector(".pops-header-control[type='max']"),
/**
* 顶部恢复原样按钮
*/
headerMiseBtnElement: animElement.querySelector(".pops-header-control[type='mise']"),
/**
* 顶部关闭按钮
*/
headerCloseBtnElement: animElement.querySelector(".pops-header-control[type='close']"),
/**
* 文件夹列表元素
*/
folderListElement: animElement.querySelector(".pops-folder-list"),
/**
* 文件夹列表顶部元素
*/
folderListHeaderElement: animElement.querySelector(".pops-folder-list .pops-folder-list-table__header-div"),
/**
* 文件夹列表行元素
*/
folderListHeaderRowElement: animElement.querySelector(".pops-folder-list .pops-folder-list-table__header-div .pops-folder-list-table__header-row"),
/**
* 文件夹列表tbody元素
*/
folderListBodyElement: animElement.querySelector(".pops-folder-list .pops-folder-list-table__body-div tbody"),
/**
* 文件夹列表primary元素
*/
folderFileListBreadcrumbPrimaryElement: animElement.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-primary"),
/**
* 文件夹排序按钮-文件名
*/
folderListSortFileNameElement: animElement.querySelector('.pops-folder-list-table__sort[data-sort="fileName"]'),
/**
* 文件夹排序按钮-修改时间
*/
folderListSortLatestTimeElement: animElement.querySelector('.pops-folder-list-table__sort[data-sort="latestTime"]'),
/**
* 文件夹排序按钮-文件大小
*/
folderListSortFileSizeElement: animElement.querySelector('.pops-folder-list-table__sort[data-sort="fileSize"]')
};
},
/**
* 获取事件配置
* @param guid
* @param $shadowContainer
* @param $shadowRoot
* @param mode 当前弹窗类型
* @param animElement 动画层
* @param popsElement 主元素
* @param maskElement 遮罩层
* @param config 当前配置
*/
handleEventDetails(guid, $shadowContainer, $shadowRoot, mode, animElement, popsElement, maskElement, config) {
return {
$shadowContainer,
$shadowRoot,
element: animElement,
animElement,
popsElement,
maskElement,
mode,
guid,
close() {
PopsInstanceUtils.close(mode, pops.config.layer[mode], guid, config, animElement);
},
hide() {
PopsInstanceUtils.hide(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
},
show() {
PopsInstanceUtils.show(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
}
};
},
/**
* 获取loading的事件配置
* @param guid
* @param mode 当前弹窗类型
* @param animElement 动画层
* @param popsElement 主元素
* @param maskElement 遮罩层
* @param config 当前配置
*/
handleLoadingEventDetails(guid, mode, animElement, popsElement, maskElement, config) {
return {
element: animElement,
animElement,
popsElement,
maskElement,
mode,
guid,
close() {
PopsInstanceUtils.close(mode, pops.config.layer[mode], guid, config, animElement);
},
hide() {
PopsInstanceUtils.hide(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
},
show() {
PopsInstanceUtils.show(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
}
};
},
/**
* 处理返回的配置，针对popsHandler.handleEventDetails
*/
handleResultDetails(details) {
let resultDetails = Object.assign({}, details);
popsUtils.delete(resultDetails, "type");
popsUtils.delete(resultDetails, "function");
return resultDetails;
},
/**
* 处理点击事件
* @param type 当前按钮类型
* @param $btn 按钮元素
* @param eventDetails 事件配置，由popsHandler.handleEventDetails创建的
* @param callback 点击回调
*/
handleClickEvent(type, $btn, eventDetails, callback2) {
popsDOMUtils.on($btn, "click", (event) => {
let extraParam = {
type
};
callback2(Object.assign(eventDetails, extraParam), event);
}, {
capture: true
});
},
/**
* 全局监听键盘事件
* @param keyName 键名|键值
* @param otherKeyList 组合按键，数组类型，包含ctrl、shift、alt和meta（win键或mac的cmd键）
* @param callback 回调函数
*/
handleKeyboardEvent(keyName, otherKeyList = [], callback2) {
let keyboardEvent = function(event) {
let _keyName = event.code || event.key;
let _keyValue = event.charCode || event.keyCode || event.which;
if (otherKeyList.includes("ctrl") && !event.ctrlKey) {
return;
}
if (otherKeyList.includes("alt") && !event.altKey) {
return;
}
if (otherKeyList.includes("meta") && !event.metaKey) {
return;
}
if (otherKeyList.includes("shift") && !event.shiftKey) {
return;
}
if (typeof keyName === "string" && keyName === _keyName) {
callback2 && callback2(event);
} else if (typeof keyName === "number" && keyName === _keyValue) {
callback2 && callback2(event);
}
};
popsDOMUtils.on(PopsCore.globalThis, "keydown", keyboardEvent, {
capture: true
});
return {
removeKeyboardEvent() {
popsDOMUtils.off(globalThis, "keydown", keyboardEvent, {
capture: true
});
}
};
},
/**
* 处理prompt的点击事件
* @param type 触发事件类型
* @param inputElement 输入框
* @param $btn 按钮元素
* @param eventDetails 事件配置，由popsHandler.handleEventDetails创建的
* @param callback 点击回调
*/
handlePromptClickEvent(type, inputElement, $btn, eventDetails, callback2) {
popsDOMUtils.on($btn, "click", (event) => {
let extraParam = {
type,
text: inputElement.value
};
callback2(Object.assign(eventDetails, extraParam), event);
}, {
capture: true
});
},
/**
* 把配置的z-index配置转为数字
* @param zIndex
*/
handleZIndex(zIndex) {
if (typeof zIndex === "function") {
return zIndex();
} else {
return zIndex;
}
},
/**
* 处理config.only
* @param type 当前弹窗类型
* @param config 配置
*/
handleOnly(type, config) {
if (config.only) {
if (type === "loading" || type === "tooltip" || type === "rightClickMenu") {
let layer = pops.config.layer[type];
if (layer) {
PopsInstanceUtils.removeInstance([layer], "", true);
}
} else {
PopsInstanceUtils.removeInstance([
pops.config.layer.alert,
pops.config.layer.confirm,
pops.config.layer.prompt,
pops.config.layer.iframe,
pops.config.layer.drawer,
pops.config.layer.folder,
pops.config.layer.panel
], "", true);
}
} else {
let originZIndex = config.zIndex;
config.zIndex = () => {
const { zIndex: maxZIndex } = PopsInstanceUtils.getPopsMaxZIndex(PopsHandler.handleZIndex(originZIndex) + 100);
return maxZIndex;
};
}
return config;
},
/**
* 处理把已创建的元素保存到内部环境中
* @param type 当前弹窗类型
* @param value
*/
handlePush(type, value) {
pops.config.layer[type].push(value);
}
};
const PopsAlertConfig = () => {
return {
title: {
text: "默认标题",
position: "left",
html: false,
style: ""
},
content: {
text: "默认内容",
html: false,
style: ""
},
btn: {
position: "flex-end",
ok: {
size: void 0,
enable: true,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "确定",
type: "primary",
callback: function(details) {
details.close();
}
},
close: {
enable: true,
callback: function(details) {
details.close();
}
}
},
useShadowRoot: true,
class: "",
only: false,
width: "350px",
height: "200px",
position: "center",
animation: "pops-anim-fadein-zoom",
zIndex: 1e4,
mask: {
enable: false,
clickEvent: {
toClose: false,
toHide: false
},
clickCallBack: null
},
drag: false,
dragLimit: true,
dragExtraDistance: 3,
dragMoveCallBack() {
},
dragEndCallBack() {
},
forbiddenScroll: false,
style: null,
beforeAppendToPageCallBack() {
}
};
};
class PopsAlert {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "alert";
let config = PopsAlertConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
config = PopsHandler.handleOnly(PopsType, config);
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.ninePalaceGridPosition,
pops.config.cssText.scrollbar,
pops.config.cssText.button,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.alertCSS
]);
let zIndex = PopsHandler.handleZIndex(config.zIndex);
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(PopsType, config);
let animHTML = PopsElementHandler.getAnimHTML(
guid,
PopsType,
config,
/*html*/
`
<div
class="pops-alert-title"
style="text-align: ${config.title.position};
${headerStyle}">
${config.title.html ? config.title.text : `<p pops style="${headerPStyle}">${config.title.text}</p>`}
${headerBtnHTML}
</div>
<div class="pops-alert-content" style="${contentStyle}">
${config.content.html ? config.content.text : `<p pops style="${contentPStyle}">${config.content.text}</p>`}
</div>
${bottomBtnHTML}`,
bottomBtnHTML,
zIndex
);
let $anim = PopsElementHandler.parseElement(animHTML);
let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, btnOkElement, titleElement: $title } = PopsHandler.handleQueryElement($anim, PopsType);
let $mask = null;
let elementList = [$anim];
if (config.mask.enable) {
let _handleMask_ = PopsHandler.handleMask({
type: PopsType,
guid,
config,
animElement: $anim,
maskHTML
});
$mask = _handleMask_.maskElement;
elementList.push($mask);
}
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
PopsHandler.handleClickEvent("close", $headerCloseBtn, eventDetails, config.btn.close.callback);
PopsHandler.handleClickEvent("ok", btnOkElement, eventDetails, config.btn.ok.callback);
popsDOMUtils.append($shadowRoot, elementList);
if (typeof config.beforeAppendToPageCallBack === "function") {
config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
}
popsDOMUtils.appendBody($shadowContainer);
if ($mask != null) {
$anim.after($mask);
}
PopsHandler.handlePush(PopsType, {
guid,
animElement: $anim,
popsElement: $pops,
maskElement: $mask,
$shadowContainer,
$shadowRoot
});
if (config.drag) {
PopsInstanceUtils.drag($pops, {
dragElement: $title,
limit: config.dragLimit,
extraDistance: config.dragExtraDistance,
moveCallBack: config.dragMoveCallBack,
endCallBack: config.dragEndCallBack
});
}
return PopsHandler.handleResultDetails(eventDetails);
}
}
const PopsConfirmConfig = () => {
return {
title: {
text: "默认标题",
position: "left",
html: false,
style: ""
},
content: {
text: "默认内容",
html: false,
style: ""
},
btn: {
merge: false,
mergeReverse: false,
reverse: false,
position: "flex-end",
ok: {
enable: true,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "确定",
type: "primary",
callback(detail) {
detail.close();
}
},
cancel: {
enable: true,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "关闭",
type: "default",
callback(detail) {
detail.close();
}
},
other: {
enable: false,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "其它按钮",
type: "default",
callback(detail) {
detail.close();
}
},
close: {
enable: true,
callback(detail) {
detail.close();
}
}
},
useShadowRoot: true,
class: "",
only: false,
width: "350px",
height: "200px",
position: "center",
animation: "pops-anim-fadein-zoom",
zIndex: 1e4,
mask: {
enable: false,
clickEvent: {
toClose: false,
toHide: false
},
clickCallBack: null
},
drag: false,
dragLimit: true,
dragExtraDistance: 3,
dragMoveCallBack() {
},
dragEndCallBack() {
},
forbiddenScroll: false,
style: null,
beforeAppendToPageCallBack() {
}
};
};
class PopsConfirm {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "confirm";
let config = PopsConfirmConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
config = PopsHandler.handleOnly(PopsType, config);
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.ninePalaceGridPosition,
pops.config.cssText.scrollbar,
pops.config.cssText.button,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.confirmCSS
]);
let zIndex = PopsHandler.handleZIndex(config.zIndex);
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(PopsType, config);
let animHTML = PopsElementHandler.getAnimHTML(
guid,
PopsType,
config,
/*html*/
`
<div class="pops-confirm-title" style="text-align: ${config.title.position};${headerStyle}">
${config.title.html ? config.title.text : `<p pops style="${headerPStyle}">${config.title.text}</p>`}
${headerBtnHTML}
</div>
<div class="pops-confirm-content" style="${contentStyle}">
${config.content.html ? config.content.text : `<p pops style="${contentPStyle}">${config.content.text}</p>`}
</div>
${bottomBtnHTML}
`,
bottomBtnHTML,
zIndex
);
let $anim = PopsElementHandler.parseElement(animHTML);
let { popsElement: $pops, titleElement: $title, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther } = PopsHandler.handleQueryElement($anim, PopsType);
let $mask = null;
let elementList = [$anim];
if (config.mask.enable) {
let _handleMask_ = PopsHandler.handleMask({
type: PopsType,
guid,
config,
animElement: $anim,
maskHTML
});
$mask = _handleMask_.maskElement;
elementList.push($mask);
}
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
PopsHandler.handleClickEvent("close", $btnClose, eventDetails, config.btn.close.callback);
PopsHandler.handleClickEvent("ok", $btnOk, eventDetails, config.btn.ok.callback);
PopsHandler.handleClickEvent("cancel", $btnCancel, eventDetails, config.btn.cancel.callback);
PopsHandler.handleClickEvent("other", $btnOther, eventDetails, config.btn.other.callback);
popsDOMUtils.append($shadowRoot, elementList);
if (typeof config.beforeAppendToPageCallBack === "function") {
config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
}
popsDOMUtils.appendBody($shadowContainer);
if ($mask != null) {
$anim.after($mask);
}
PopsHandler.handlePush(PopsType, {
guid,
animElement: $anim,
popsElement: $pops,
maskElement: $mask,
$shadowContainer,
$shadowRoot
});
if (config.drag) {
PopsInstanceUtils.drag($pops, {
dragElement: $title,
limit: config.dragLimit,
extraDistance: config.dragExtraDistance,
moveCallBack: config.dragMoveCallBack,
endCallBack: config.dragEndCallBack
});
}
return PopsHandler.handleResultDetails(eventDetails);
}
}
const PopsPromptConfig = () => {
return {
title: {
text: "默认标题",
position: "left",
html: false,
style: ""
},
content: {
text: "",
select: false,
password: false,
row: false,
focus: true,
placeholder: "默认提示",
style: ""
},
btn: {
merge: false,
mergeReverse: false,
reverse: false,
position: "flex-end",
ok: {
enable: true,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "确定",
type: "success",
callback(detail) {
detail.close();
}
},
cancel: {
enable: true,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "关闭",
type: "default",
callback(detail) {
detail.close();
}
},
other: {
enable: false,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "其它按钮",
type: "default",
callback(detail) {
detail.close();
}
},
close: {
enable: true,
callback(detail) {
detail.close();
}
}
},
useShadowRoot: true,
class: "",
only: false,
width: "350px",
height: "200px",
position: "center",
animation: "pops-anim-fadein-zoom",
zIndex: 1e4,
mask: {
enable: false,
clickEvent: {
toClose: false,
toHide: false
},
clickCallBack: null
},
drag: false,
dragLimit: true,
dragExtraDistance: 3,
dragMoveCallBack() {
},
dragEndCallBack() {
},
forbiddenScroll: false,
style: null,
beforeAppendToPageCallBack() {
}
};
};
class PopsPrompt {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "prompt";
let config = PopsPromptConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
config = PopsHandler.handleOnly(PopsType, config);
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.ninePalaceGridPosition,
pops.config.cssText.scrollbar,
pops.config.cssText.button,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.promptCSS
]);
let zIndex = PopsHandler.handleZIndex(config.zIndex);
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
let { contentPStyle } = PopsElementHandler.getContentStyle(PopsType, config);
let animHTML = PopsElementHandler.getAnimHTML(
guid,
PopsType,
config,
/*html*/
`
<div class="pops-prompt-title" style="text-align: ${config.title.position};${headerStyle}">
${config.title.html ? config.title.text : `<p pops style="${headerPStyle}">${config.title.text}</p>`}
${headerBtnHTML}
</div>
<div class="pops-prompt-content" style="${contentPStyle}">
${config.content.row ? '<textarea pops="" placeholder="' + config.content.placeholder + '"></textarea>' : '<input pops="" placeholder="' + config.content.placeholder + '" type="' + (config.content.password ? "password" : "text") + '">'}
</div>
${bottomBtnHTML}
`,
bottomBtnHTML,
zIndex
);
let $anim = PopsElementHandler.parseElement(animHTML);
let { popsElement: $pops, inputElement: $input, headerCloseBtnElement: $btnClose, btnOkElement: $btnOk, btnCancelElement: $btnCancel, btnOtherElement: $btnOther, titleElement: $title } = PopsHandler.handleQueryElement($anim, PopsType);
let $mask = null;
let elementList = [$anim];
if (config.mask.enable) {
let _handleMask_ = PopsHandler.handleMask({
type: PopsType,
guid,
config,
animElement: $anim,
maskHTML
});
$mask = _handleMask_.maskElement;
elementList.push($mask);
}
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
$input.value = config.content.text;
PopsHandler.handlePromptClickEvent("close", $input, $btnClose, eventDetails, config.btn.close.callback);
PopsHandler.handlePromptClickEvent("ok", $input, $btnOk, eventDetails, config.btn.ok.callback);
PopsHandler.handlePromptClickEvent("cancel", $input, $btnCancel, eventDetails, config.btn.cancel.callback);
PopsHandler.handlePromptClickEvent("other", $input, $btnOther, eventDetails, config.btn.other.callback);
popsDOMUtils.append($shadowRoot, elementList);
if (typeof config.beforeAppendToPageCallBack === "function") {
config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
}
popsDOMUtils.appendBody($shadowContainer);
if ($mask != null) {
$anim.after($mask);
}
PopsHandler.handlePush(PopsType, {
guid,
animElement: $anim,
popsElement: $pops,
maskElement: $mask,
$shadowContainer,
$shadowRoot
});
if (config.drag) {
PopsInstanceUtils.drag($pops, {
dragElement: $title,
limit: config.dragLimit,
extraDistance: config.dragExtraDistance,
moveCallBack: config.dragMoveCallBack,
endCallBack: config.dragEndCallBack
});
}
if (config.content.focus) {
$input.focus();
}
if (config.content.select) {
$input.select();
}
return PopsHandler.handleResultDetails(eventDetails);
}
}
const PopsLoadingConfig = () => {
return {
parent: document.body,
content: {
text: "加载中...",
icon: "loading",
style: ""
},
useShadowRoot: true,
class: "",
only: false,
zIndex: 1e4,
mask: {
enable: false,
clickEvent: {
toClose: false,
toHide: false
},
clickCallBack: null
},
animation: "pops-anim-fadein-zoom",
forbiddenScroll: false,
style: null,
addIndexCSS: true
};
};
class PopsLoading {
constructor(details) {
let config = PopsLoadingConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
let guid = popsUtils.getRandomGUID();
const PopsType = "loading";
config = PopsHandler.handleOnly(PopsType, config);
let zIndex = PopsHandler.handleZIndex(config.zIndex);
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
let { contentPStyle } = PopsElementHandler.getContentStyle("loading", config);
let animHTML = PopsElementHandler.getAnimHTML(
guid,
PopsType,
config,
/*html*/
`
<div class="pops-loading-content">
${config.addIndexCSS ? `
<style data-model-name="index">${pops.config.cssText.index}</style>
<style data-model-name="anim">${pops.config.cssText.anim}</style>
<style data-model-name="common">${pops.config.cssText.common}</style>
` : ""}
<style data-model-name="loadingCSS">
${pops.config.cssText.loadingCSS}
</style>
${config.style != null ? `<style>${config.style}</style>` : ""}
<p pops style="${contentPStyle}">${config.content.text}</p>
</div>
`,
"",
zIndex
);
let $anim = PopsElementHandler.parseElement(animHTML);
let { popsElement: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
let $mask = null;
let elementList = [$anim];
if (config.mask.enable) {
let _handleMask_ = PopsHandler.handleMask({
type: PopsType,
guid,
config,
animElement: $anim,
maskHTML
});
$mask = _handleMask_.maskElement;
elementList.push($mask);
}
let eventDetails = PopsHandler.handleLoadingEventDetails(guid, PopsType, $anim, $pops, $mask, config);
popsDOMUtils.append(config.parent, elementList);
if ($mask != null) {
$anim.after($mask);
}
PopsHandler.handlePush(PopsType, {
guid,
animElement: $anim,
popsElement: $pops,
maskElement: $mask
});
return PopsHandler.handleResultDetails(eventDetails);
}
}
const PopsIframeConfig = () => {
return {
title: {
position: "center",
text: "",
html: false,
style: ""
},
loading: {
enable: true,
icon: true,
text: ""
},
useShadowRoot: true,
class: "",
url: window.location.href,
only: false,
zIndex: 1e4,
mask: {
enable: false,
clickEvent: {
toClose: false,
toHide: false
},
clickCallBack: null
},
animation: "pops-anim-fadein-zoom",
position: "center",
drag: true,
dragLimit: true,
dragExtraDistance: 3,
dragMoveCallBack() {
},
dragEndCallBack() {
},
width: "300px",
height: "250px",
topRightButton: "min|max|mise|close",
sandbox: false,
forbiddenScroll: false,
loadEndCallBack() {
},
btn: {
min: {
callback() {
}
},
max: {
callback() {
}
},
mise: {
callback() {
}
},
close: {
callback() {
}
}
},
style: null,
beforeAppendToPageCallBack() {
}
};
};
class PopsIframe {
constructor(details) {
var _a2;
const guid = popsUtils.getRandomGUID();
const PopsType = "iframe";
let config = PopsIframeConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
if (config.url == null) {
throw "config.url不能为空";
}
config = PopsHandler.handleOnly(PopsType, config);
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.ninePalaceGridPosition,
pops.config.cssText.scrollbar,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.iframeCSS
]);
let maskExtraStyle = (
// @ts-ignore
config.animation != null && config.animation != "" ? "position:absolute;" : ""
);
let zIndex = PopsHandler.handleZIndex(config.zIndex);
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex, maskExtraStyle);
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
let iframeLoadingHTML = '<div class="pops-loading"></div>';
let titleText = config.title.text.trim() !== "" ? config.title.text : config.url;
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
let animHTML = PopsElementHandler.getAnimHTML(
guid,
PopsType,
config,
/*html*/
`
<div
class="pops-iframe-title"
style="text-align: ${config.title.position};${headerStyle}"
>
${config.title.html ? titleText : `<p pops style="${headerPStyle}">${titleText}</p>`}
${headerBtnHTML}
</div>
<div class="pops-iframe-content">
<div class="pops-iframe-content-global-loading"></div>
<iframe
src="${config.url}"
pops
${config.sandbox ? "sandbox='allow-forms allow-same-origin allow-scripts'" : ""}>
</iframe>
</div>
${config.loading.enable ? iframeLoadingHTML : ""}
`,
"",
zIndex
);
let $anim = PopsElementHandler.parseElement(animHTML);
let { popsElement: $pops, headerCloseBtnElement, headerControlsElement, titleElement: $title, iframeElement: $iframe, loadingElement, contentLoadingElement: $contentLoading, headerMinBtnElement, headerMaxBtnElement, headerMiseBtnElement } = PopsHandler.handleQueryElement($anim, PopsType);
let $iframeContainer = PopsCore.document.querySelector(".pops-iframe-container");
if (!$iframeContainer) {
$iframeContainer = PopsCore.document.createElement("div");
$iframeContainer.className = "pops-iframe-container";
$iframeContainer.style.cssText = "display: flex;position: fixed;bottom: 0px;flex-flow: wrap-reverse;user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;";
popsDOMUtils.appendBody($iframeContainer);
}
let $mask = null;
let elementList = [$anim];
if (config.mask.enable) {
let _handleMask_ = PopsHandler.handleMask({
type: PopsType,
guid,
config,
animElement: $anim,
maskHTML
});
$mask = _handleMask_.maskElement;
elementList.push($mask);
}
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
eventDetails["iframeElement"] = $iframe;
popsDOMUtils.on($anim, popsDOMUtils.getAnimationEndNameList(), function() {
$anim.style.width = "0%";
$anim.style.height = "0%";
});
popsDOMUtils.on($iframe, "load", () => {
loadingElement == null ? void 0 : loadingElement.remove();
$contentLoading.style.animation = "iframeLoadingChange_85 0.3s forwards";
popsDOMUtils.on($contentLoading, popsDOMUtils.getAnimationEndNameList(), () => {
$contentLoading.remove();
});
if (config.title.text.trim() === "" && $iframe.contentDocument) {
$title.querySelector("p").innerText = $iframe.contentDocument.title;
}
config.loadEndCallBack(eventDetails);
});
popsDOMUtils.append($shadowRoot, elementList);
if (typeof config.beforeAppendToPageCallBack === "function") {
config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
}
$iframeContainer.appendChild($shadowContainer);
if ($mask != null) {
$anim.after($mask);
}
if (config.drag) {
PopsInstanceUtils.drag($pops, {
dragElement: $title,
limit: config.dragLimit,
extraDistance: config.dragExtraDistance,
moveCallBack: config.dragMoveCallBack,
endCallBack: config.dragEndCallBack
});
}
const TYPE_MODULE = "type-module";
let origin_left = "";
let origin_top = "";
let origin_is_max = false;
popsDOMUtils.on(headerMinBtnElement, "click", (event) => {
var _a3, _b;
event.preventDefault();
event.stopPropagation();
origin_left = $pops.style.left;
origin_top = $pops.style.top;
$pops.classList.add("pops-iframe-unset-top");
$pops.classList.add("pops-iframe-unset-left");
$pops.classList.add("pops-iframe-unset-transform");
$pops.style.transitionDuration = "";
$pops.setAttribute(TYPE_MODULE, "min");
headerControlsElement.setAttribute("type", "min");
headerMaxBtnElement.style.setProperty("display", "none");
headerMiseBtnElement.style.setProperty("display", "");
if (typeof ((_b = (_a3 = config == null ? void 0 : config.btn) == null ? void 0 : _a3.min) == null ? void 0 : _b.callback) === "function") {
config.btn.min.callback(eventDetails, event);
}
}, {
capture: true
});
popsDOMUtils.on(headerMaxBtnElement, "click", (event) => {
var _a3, _b;
event.preventDefault();
event.stopPropagation();
if ($pops.getAttribute(TYPE_MODULE) !== "min") {
origin_left = $pops.style.left;
origin_top = $pops.style.top;
}
origin_is_max = true;
$pops.style.transitionDuration = "";
$pops.style.transform = "";
$pops.removeAttribute(TYPE_MODULE);
$pops.classList.add("pops-iframe-unset-transition");
$pops.classList.add("pops-iframe-unset-left");
$pops.classList.add("pops-iframe-unset-top");
$pops.classList.add("pops-iframe-unset-transform");
$pops.classList.remove("pops-iframe-unset-transition");
$pops.setAttribute(TYPE_MODULE, "max");
headerControlsElement.setAttribute("type", "max");
headerMaxBtnElement.style.setProperty("display", "none");
headerMiseBtnElement.style.setProperty("display", "");
if (typeof ((_b = (_a3 = config == null ? void 0 : config.btn) == null ? void 0 : _a3.max) == null ? void 0 : _b.callback) === "function") {
config.btn.max.callback(eventDetails, event);
}
}, {
capture: true
});
(_a2 = headerMiseBtnElement == null ? void 0 : headerMiseBtnElement.style) == null ? void 0 : _a2.setProperty("display", "none");
popsDOMUtils.on(headerMiseBtnElement, "click", (event) => {
var _a3, _b;
event.preventDefault();
event.stopPropagation();
if (origin_is_max && $pops.getAttribute(TYPE_MODULE) === "min") {
$pops.classList.add("pops-iframe-unset-transition");
$pops.classList.add("pops-iframe-unset-left");
$pops.classList.add("pops-iframe-unset-top");
$pops.classList.add("pops-iframe-unset-transform");
$pops.classList.remove("pops-iframe-unset-transition");
$pops.setAttribute(TYPE_MODULE, "max");
headerControlsElement.setAttribute("type", "max");
} else {
origin_is_max = false;
$pops.style.left = origin_left;
$pops.style.top = origin_top;
$pops.style.transitionDuration = "";
$pops.style.transform = "";
headerControlsElement.removeAttribute("type");
$pops.removeAttribute(TYPE_MODULE);
$pops.classList.remove("pops-iframe-unset-top");
$pops.classList.remove("pops-iframe-unset-left");
$pops.classList.remove("pops-iframe-unset-transform");
headerMaxBtnElement.style.setProperty("display", "");
headerMiseBtnElement.style.setProperty("display", "none");
}
if (typeof ((_b = (_a3 = config == null ? void 0 : config.btn) == null ? void 0 : _a3.mise) == null ? void 0 : _b.callback) === "function") {
config.btn.mise.callback(eventDetails, event);
}
}, {
capture: true
});
popsDOMUtils.on(headerCloseBtnElement, "click", (event) => {
var _a3, _b;
event.preventDefault();
event.stopPropagation();
PopsInstanceUtils.removeInstance([pops.config.layer.iframe], guid, false);
if (typeof ((_b = (_a3 = config == null ? void 0 : config.btn) == null ? void 0 : _a3.close) == null ? void 0 : _b.callback) === "function") {
config.btn.close.callback(eventDetails, event);
}
}, {
capture: true
});
PopsHandler.handlePush(PopsType, {
guid,
animElement: $anim,
popsElement: $pops,
maskElement: $mask,
$shadowContainer,
$shadowRoot
});
let result2 = PopsHandler.handleResultDetails(eventDetails);
return result2;
}
}
const PopsDrawerConfig = () => {
return {
title: {
enable: true,
position: "center",
text: "默认标题",
html: false,
style: ""
},
content: {
text: "默认内容",
html: false,
style: ""
},
btn: {
merge: false,
mergeReverse: false,
reverse: false,
position: "flex-end",
ok: {
enable: true,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "确定",
type: "primary",
callback(detail) {
detail.close();
}
},
cancel: {
enable: true,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "关闭",
type: "default",
callback(detail) {
detail.close();
}
},
other: {
enable: false,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "其它按钮",
type: "default",
callback(detail) {
detail.close();
}
},
close: {
enable: true,
callback(detail) {
detail.close();
}
}
},
mask: {
enable: true,
clickEvent: {
toClose: true,
toHide: false
},
clickCallBack: null
},
useShadowRoot: true,
class: "",
zIndex: 1e4,
only: false,
direction: "right",
size: "30%",
lockScroll: false,
closeOnPressEscape: true,
openDelay: 0,
closeDelay: 0,
borderRadius: 0,
style: null,
beforeAppendToPageCallBack() {
},
forbiddenScroll: false
};
};
class PopsDrawer {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "drawer";
let config = PopsDrawerConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
config = PopsHandler.handleOnly(PopsType, config);
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.ninePalaceGridPosition,
pops.config.cssText.scrollbar,
pops.config.cssText.button,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.drawerCSS
]);
let zIndex = PopsHandler.handleZIndex(config.zIndex);
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
let { contentStyle, contentPStyle } = PopsElementHandler.getContentStyle(PopsType, config);
let animHTML = PopsElementHandler.getAnimHTML(
guid,
PopsType,
config,
/*html*/
`
${config.title.enable ? `
<div class="pops-${PopsType}-title" style="${headerStyle}">
${config.title.html ? config.title.text : `<p
pops
style="
width: 100%;
text-align: ${config.title.position};
${headerPStyle}">${config.title.text}</p>`}
${headerBtnHTML}
</div>
` : ""}
<div class="pops-${PopsType}-content" style="${contentStyle}">
${config.content.html ? config.content.text : `<p pops style="${contentPStyle}">${config.content.text}</p>`}
</div>
${bottomBtnHTML}
`,
bottomBtnHTML,
zIndex
);
let $anim = PopsElementHandler.parseElement(animHTML);
let { popsElement, headerCloseBtnElement, btnCancelElement, btnOkElement, btnOtherElement } = PopsHandler.handleQueryElement($anim, PopsType);
let $pops = popsElement;
let $headerCloseBtn = headerCloseBtnElement;
let $btnCancel = btnCancelElement;
let $btnOk = btnOkElement;
let $btnOther = btnOtherElement;
let $mask = null;
let elementList = [$anim];
if (config.mask.enable) {
let _handleMask_ = PopsHandler.handleMask({
type: PopsType,
guid,
config,
animElement: $anim,
maskHTML
});
$mask = _handleMask_.maskElement;
elementList.push($mask);
}
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
$pops.setAttribute("direction", config.direction);
if (config.direction === "top") {
$pops.style.setProperty("height", "0");
$pops.style.setProperty("border-radius", `0px 0px ${config.borderRadius}px ${config.borderRadius}px`);
} else if (config.direction === "bottom") {
$pops.style.setProperty("height", "0");
$pops.style.setProperty("border-radius", `${config.borderRadius}px ${config.borderRadius}px 0px 0px`);
} else if (config.direction === "left") {
$pops.style.setProperty("width", "0");
$pops.style.setProperty("border-radius", `0px ${config.borderRadius}px 0px ${config.borderRadius}px`);
} else if (config.direction === "right") {
$pops.style.setProperty("width", "0");
$pops.style.setProperty("border-radius", `${config.borderRadius}px 0px ${config.borderRadius}px 0px`);
}
if (config.closeOnPressEscape) {
PopsHandler.handleKeyboardEvent("Escape", [], function() {
eventDetails.close();
});
}
let needHandleClickEventList = [
{
type: "close",
ele: $headerCloseBtn
},
{
type: "cancel",
ele: $btnCancel
},
{
type: "ok",
ele: $btnOk
},
{
type: "other",
ele: $btnOther
}
];
needHandleClickEventList.forEach((item) => {
PopsHandler.handleClickEvent(item.type, item.ele, eventDetails, (_eventDetails_) => {
if (typeof config.btn[item.type].callback === "function") {
config.btn[item.type].callback(_eventDetails_);
}
});
});
elementList.forEach((element) => {
element.style.setProperty("display", "none");
if (["top"].includes(config.direction)) {
$pops.style.setProperty("height", config.size.toString());
$pops.style.setProperty("transform", "translateY(-100%)");
} else if (["bottom"].includes(config.direction)) {
$pops.style.setProperty("height", config.size.toString());
$pops.style.setProperty("transform", "translateY(100%)");
} else if (["left"].includes(config.direction)) {
$pops.style.setProperty("width", config.size.toString());
$pops.style.setProperty("transform", "translateX(-100%)");
} else if (["right"].includes(config.direction)) {
$pops.style.setProperty("width", config.size.toString());
$pops.style.setProperty("transform", "translateX(100%)");
}
element.style.setProperty("display", "");
});
popsDOMUtils.append($shadowRoot, elementList);
if (typeof config.beforeAppendToPageCallBack === "function") {
config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
}
popsDOMUtils.appendBody($shadowContainer);
setTimeout(() => {
setTimeout(() => {
$pops.style.setProperty("transform", "");
}, config.openDelay);
}, 50);
if ($mask != null) {
$anim.after($mask);
}
PopsHandler.handlePush(PopsType, {
guid,
animElement: $anim,
popsElement: $pops,
maskElement: $mask,
$shadowContainer,
$shadowRoot
});
return PopsHandler.handleResultDetails(eventDetails);
}
}
const PopsFolderConfig = () => {
return {
title: {
text: "pops.Folder",
position: "center",
html: false,
style: ""
},
sort: {
name: "latestTime",
isDesc: false,
// @ts-ignore
callback() {
}
},
folder: [
{
fileName: "测试文件夹",
fileSize: 0,
fileType: "",
createTime: 0,
latestTime: 0,
isFolder: true,
index: 0,
// @ts-ignore
clickEvent() {
return [
{
fileName: "内部-测试文件.zip",
fileSize: 1025e3,
fileType: "zip",
createTime: 1702038410440,
latestTime: 1702039602126,
isFolder: false,
index: 1,
clickEvent() {
console.log("下载文件：", this.fileName);
return "https://update.greasyfork.org/scripts/456485/pops.js";
}
}
];
}
},
{
fileName: "测试文件.apk",
fileSize: 30125682,
fileType: "apk",
createTime: 1702036410440,
latestTime: 1702039410440,
isFolder: false,
index: 1,
// @ts-ignore
clickEvent() {
console.log("下载文件：", this.fileName);
return "https://update.greasyfork.org/scripts/456485/pops.js";
}
}
],
btn: {
merge: false,
mergeReverse: false,
reverse: false,
position: "flex-end",
ok: {
enable: true,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "确定",
type: "primary",
callback(detail) {
detail.close();
}
},
cancel: {
enable: true,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "关闭",
type: "default",
callback(detail) {
detail.close();
}
},
other: {
enable: false,
size: void 0,
icon: void 0,
rightIcon: false,
iconIsLoading: false,
text: "其它按钮",
type: "default",
callback(detail) {
detail.close();
}
},
close: {
enable: true,
callback(detail) {
detail.close();
}
}
},
useShadowRoot: true,
class: "",
only: false,
width: "500px",
height: "400px",
position: "center",
animation: "pops-anim-fadein-zoom",
zIndex: 1e4,
mask: {
enable: false,
clickEvent: {
toClose: false,
toHide: false
},
clickCallBack: null
},
drag: false,
dragLimit: true,
dragExtraDistance: 3,
dragMoveCallBack() {
},
dragEndCallBack() {
},
forbiddenScroll: false,
style: null,
beforeAppendToPageCallBack() {
}
};
};
const Folder_ICON = {
folder: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUxpcf++Hv/ZU//OPv/DL/+9Gv/BI/+4Bf+4Ef/XcP/LOP/TSf/RRP/WTv/JM/+3Ef+9Ff/bhf+5BP/DJf+yDv/imv/kqv/bXP/w0v/fd//calQXUgwAAAAKdFJOUwB///8d3L9enl8sr20gAAACN0lEQVRYw+2Y65abIBRGE1EzVbyNSW18/wctHA6XYw4q9Ee7Vt2AgOHbcVyTOMztdnFxcXFMWf7gKHN190VRKDpFC0iNqB5ZvqpXzJRxHoF7hrAa9/hK9j2oYIA2QA/UqXeyNg5QDBrshhHbUH8xxO+uT7sOJ/tU5a4wh0eK8KmKHTxd28Bfo16pqphep5l6I+R/p8xr668kVghVceH8M5EZYnGhnBKRceGqmaZXPPw2xbO+1xU+8axwe8NfzkIV7xVZdF0AVhi+rWdxIfgmwloE6CkrDCPwJbYUeFgK61icxFcNKyxIxE+WgnllQ0y4+HffzZ8WZtJlCDtz+CzqaaFaVGiWBNEOZZ15zihsT2CFnXk4QStsLohTU3FC+Af8I8JWV1fa1jy8u+hnOUy2vnd5SkeGrJBfHZwDbxe87pfxQvejmMZZYxxdYSoyVyixSvtXFLJ7hWq5xCRNSTozczzHCj8T54kI5d8QCtvZAodDIa7DgRkJaII2hBfaJC7EOE7D076XuIoVBu8oN3kpBLVt4YXBVaUSFSbS5Akb00znSoPn9KCJCN0am7SnGhganC4kKhR2MV0vvEn4M7bFhM3GIZqtgfiPr9BdSAYnrnCX3rQeB/2xsKcHouiBBhpO+phQL9CdjmKqsRkXpkMz57dmfTY1v3k8is26zvN2A6yIbKVqm/tMjFBMp5jpxrWKbsB1dJw/AsC3Lt/YEaK7x1t5r7aLj3ned/fRj1TK3H9wXFxc/F/8BgM0jBZ4nc19AAAAAElFTkSuQmCC",
zip: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFQUExURUxpcYHaOWDM+pryU4TbPXLU/XHT/X3Y/nrZpIffP/+gI4La/+9QTvhycXjQL4fbQvBUUoXaQHrSMf+cJPl2dfBXVf+KMDu99IveRv+ZJf+NLv+PLIncRPdvbV7L+VnJ+P/u5HDS/P+DD1PG93fV/U3D9kTB9WfP+2vR/GLN+nvSM86bL33UNf/69f/+/XzTNP+vVf/iyf/06sOCRsGhYP2Jh/t8e4TVPX3QNat7jnzCMfxfXXrUMP/UqJPoTX/cM/aDLOVjKP/jw/9yC/98HP+GLP/Ec2C63f+iQ4TjNvOiasmpZLuTpfaQgfjEu4HGOPKGeHDC4s2YXU+02/Ozn/B0J+1oYHvSNGnM9P/r291KSNGeZIHGObeOn5zzVM6PHkS978mNUt+EO/GadPOgbZzyVJvyVNG6g66AksCer4LGOc7Mp/eWh/SZVu6adP6VKOSF/TkAAAAKdFJOUwDf39+Af5/9MKAONWYwAAADB0lEQVRYw+3Y+U/TYBjAcUDYIahlA3bCimM3Y64MERWdeExFOhDoxkTnDuTm///R9+jx9MjbtcT4S78sIVnCh+c9mjDGxry8vLz+TwGffxp2/Ql0vYJbJuXzE76AvTc1rc9//gx0vqxg+XwON+XY8+8+BO22NayQKxQKSzZiwMj5D/TgQZtORjASe9U+QKHQfplAilEuhfIxQT/g6P4bwEZbGS1FS08wQR1GzpOCYfSFX7XGEtDSJPaEQCPH2cagwmEwpdfSmQwbXIEaOlAMhsNkRvQ9jEANy9CYoA7Dt6PdqIVBtUY6rdOy2SwbVLEcvR5G8DCjWkSzA3VPAbkcJlCHZbORCBPUY+h+pKzArKZF7MAcvLf4PDUwRsDfikU1O9DwFKDzPKzFYjGMkW8yGIExQbpO9SlAB0BANQxGDDFBdbS0ctdMYMQReHn5Te0n6aIPwf7WBWoLdsEEN57PoR6RFnGSVIdgfV6J47gZHPdqVBBzG6IobutCb+w5B+dkcE5Ys0iQZJBzPOENAsvG1oQ910u+EcplvroDqvLlsrDveEJlyXvox8Xbz6BbEf2KfdcTIlA4On4KOj4SNJBzAQpmUHAxobrkE4E3gyf7YECHE1qAPAWd7+EiAXleHMI/RYYiz5/c41AQaO4+YNXKq7oHpe2dqqmd7XnXhyJJg8Hd8CtoeDcYSDPuwflOp/NOF3qjwzm42Oc/SN/ler3eer8O6q+b6jHBszfRaDSZTD7BzaI2m6UEqPTyxWqrUiwWQ6HQY9zrt1+Y4B8ZTDLASoV4o4G/EJiMat7s5un9QDKhDBLSPGGl4mTJeA+T8pLphFeleCIeTyTwK04mJJvofg9PS3GQMqGjPdSfsjVYdA82jSA6lJa7CWdNEy6QCVedLPnMYg8XQHTJFecTwottAJ3dwwcWSzaBrRY8lHEmGJQvtjbhlQWomzDI/vAIn5TRlmzzkXnSvIcfQWZw0u4D86Rhyc3uB1CXgOCUbT206uA4PJRm9z2oKz/LFBwPjvAvAi8vL69/0l8fxm2XCv5p+gAAAABJRU5ErkJggg==",
mp4: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcZKU/5eZ/4SG/5CS/5eb/6Sm/4WG/5uc/6eq/4uM/4iJ/6Ci/5ye/6eo/6Ol/46P/5mb/5eY/5GS//39/5SV//X1/6Ol/+3u/+Li/3Z498/Q/7u8/zCK/WcAAAAKdFJOUwB7Pf+fHN2gn59fp7PNAAACSElEQVRYw+3Ya3OjIBQG4FqamnDzTkT9/79zOQdUzG0PJjP7YX2DeAR5EtKZTu3X15EjR46Q851dnuY7nTtd9Kv8nlK9X60/Kl60/qh4wjUFNjx8XSznIlHMClgICadC+2PWYShFvFwpSRAvBSl0MYDyVpB7xfOyLXmVrl2h99cQPw49VTzLV7lGNVF8DW5CExNAeSaCSsHdyi9SUPi2Ds2h/KY4K+epbZANpYoKmRHBGy6qbt7qnAzKaZzU86SDtje91Z8Ddd+2renHIh6sEsFKVS64stKmhRg7rRi2yrM0MEoAW2Osrh4kFaxnEPd9/SiI+94N1jW0qu5icN13Xfl7iCBqPlsQ9y3nObyJCNYr2G9Bt28VzRPBroYWQGNMiy+Dlel116WBP24BrOlcGgC9NaNWdjjV4T0/NHAJgnF6O/Fo/l2wt6Nm4i2w6OOMExtYmQ42Tdd00BxoV85O9TCI0k26hDckgc2acgXtKIeB8WabvaCFL89xZfMuKG1vgZsa2O2dRwbdUng1vBut48bK7dZ9ezgOrC/diQSWUdg0jrhb4a3bJIOCVYrDD6N8HCLol0PP2QC7fexxTgN5yctF4Mxz8wE953gDdHQwSiDQmK9Lr3IamJCcAObPl4u9oBAL4EohRESGC+FrGoiOX+E/lYD4y3kg0CRQJOSfggwbFksZZhg2GKOAGQscrFrE+RrachaC8hfsN7uLCJ24myE9BuQb52HmGcqO3fPtc2jXB3RiTuNy+hPpKcv/mmzHfzOOHDny/+YPi6+BG+WQsHsAAAAASUVORK5CYII=",
apk: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcXnGVmm8P2q8QHzIV4bNYXXDTWu8P3nFUYfNY26/RIPLXoDJWobNYXHASH3HVnXDTXnFUfT/7onPZej/2/v/+Ov+4cDypVmtLqvjjt38y57afsvyti89dh4AAAAKdFJOUwAQ3/8n3Xugn58KiJgCAAACeElEQVRYw+2Y2ZajIBBAuxuTtIhsKgTx/79zisUlaZ0pPPM048WwBa6FkpyYj4+Li4sLNNW9PqQq133W3e+4lSqr24GpPWms08S23ZhCmnvatsxYtZE4/a229BQZ78nxk27TXWKsWwwFRhA2ITXz3FBp1maxsc6OLF1Usb6cocBYNynAnKcs55tm22CNdYPl9vmXhUhj3bA8PpaMLdUNqc1qZIQggRRUi42lPIvmEzDMZazZBiHYOy9dd4TwezPXj1Pzqgxd7dpVlwnVNAzjS0SiM4N2a893mVC6MF2BsvO+64QQzTgMfadKhSIdQvFJD9p3duyNMf3khB0G44gSLCWcUKxwBhEZM2S0Af/E5TqgVKiI18MrRnKV3mRnhNy/+QbdbQIsF3oTFmr0vGJY8sjUGaGCBEcPht65UIDK2+C3UuUhaKFKSUmngen5tCE07Z+kh7bxMp9RKZRQLYg+CgmZQqk94SaUli8jyoTSx/lmsrHUvR1TqU4KuY3zddKtFVjzOSEd9S7G8UJhDEBKAp+4Hg7Itpg+C6WSKKEMgE8Se4CnaYAsEAbo8wDC5yGFQndAd1II13AfR08JOYlfg3BTTCzD3UktRwqFHJLk/DjCcBE5Wgi6BLH7xtHHuxKG4IRACJKTdhr3sISmM0r+QAgffIaS1u3uwlnIC4WckP1tuPhKhRDjHquvdMlrSdcmncvQgRLCDEpTtr6SNjX5klGkEM+/IyTxmF/bKlkLghbGrZE2SPLFFs1dZLuXMMJ71m1m0vkMdOmI71KC+QVbkQJQjyoPvA+zYnig/8L6vpDPUhUyxgfuSSr9ifH4I/cT/2ZcXFz8v/wC1sx9JR+88xQAAAAASUVORK5CYII=",
gif: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcf+ubP+eUP+iWP+xcP+nX/+lXf+SO/uPSv+dUP6kX/+XRP+VQP+SO/+jWf+oYf+hVf///f+mXf+tav+ubf+rZ/+eUP+wcP+pZP/s3P+aSf/z6P/48v/UsvqFOf+6hP/jzf/Hmv/cwS4F5mYAAAALdFJOUwDdez2foByg/p/2onNSOQAAAh5JREFUWMPtmNuSoyAQQGeMUaZUxBveRfP/H7lc1VRJptF92Kr1INqtcKqNSSrk6+vm5uYGzMPzrTzcdYFff+I7cPV91/VfNZr6ykNb6WwMypW6tOBk9EoALka/KMtCTCr05OKi0S9AwI02YXXW+KwqMVluMqw4SimjtUGNzwoK0HgobC4Yn42iat6DanfKnPZdhCAersK0KcfXWOtYbPtrTeNBhGnapCt1n2VZX6cWnjDhjjETjNeFudrhWQpfeS7PqJ5vI0DCXJLKPVmkcMH5MQ5CBaGvIRtehIhkGVp2VmgqwgixhSEkciYeDz4jxDkWyD1F0zQhKrJZ3zzG+jKPQMLNJiAd6ogImHw1+1UngQh/8DHqefMS9/ycFhJVIC+ROAvJnrodRn7ARBfIS+TJirOwEp88JsTGx0skF4Tyfd3nZCtQ+c8KG3OXW4FZ1lJHIeUQ1dVXQzY0vMDBbLJEKjsFCxX1oOmHPe02wlHYDsewk0LWW5jPCfPZJuyZm7BTbWmtzHoMTNgpcPuBUg+CCSkfSTv2wTdXskKoUFGMdhhyqlASTcjOlLgLu3iyk0QOwjDqePsFfgeiA4VqykefCUK40KZ457wwuiaMBZFokc7EQTUTiigGCWMH/m1hAhR624TETFSh7Em8Np5DfsE+EgdAy4BQD473M9+SNYPcMV/fImh9CLiWCkKYL4SvSAMv/BXvxL8ZNzc3/y9/ADVfok94AIhIAAAAAElFTkSuQmCC",
txt: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcTOL+DSL+DqO+Veb/mKl/kmX+zWL+U6a+2ao/0aW+0CS+kyZ/GCk/mWn/1yi/lef/VGc/Pr9/+jz/2+s+46//b3a/4O3/AJIojgAAAAKdFJOUwDf//8d3U+en52O09RGAAACF0lEQVRYw+2Y63ajIBCAW8ZqHC5KrZv3f9MFhpuJTQfrjz1n/SDIbT4npw2pfXu7uLi4YNOP39O367rRvOKja/V9GHOqcTTmVGNnzLlGl6A2WvvWxGsqJo9ajKMuGP0dDcbxSWTShKlGfOOoebCNRTidYxynDXrb1dUU0ziGEF3ZdHHoza14xocMXzJyhLdpmme/e6ag2XeobqYCnBRvs98fm32meId56nnCErk+czfVhlub0CyfOyzaHhTa9XOX9aDQqnU/w7uyjULrcC3i+ocI4iUOVkQ7+8IVeptXWgUgMXD3xjv1UYCyCa6QUAiC0E64fMUBYBTOrUJnROmBryCEMEAsCbYKrSIkCSXS0LYLla8U6K4KSYi+H5ZsWmcJY1ohmpos3OLWmoSF9JajX9m8ckyIRfjIrzM8KERfq5J/yridZwrDx0HF6suOMF24QoXJGijCR/gZboB/TZgDYyd9lqU8mqGPlGQMJR8OfiDjZNjDEQ5S0hlDZ4ushWkqwxSWJCgezOKYIMsw7Ri4wi0g3HfBKuF55bBQTNod1WcKw9kv6yShTQgUQA6A6IsjAEmFJ4RXOF24W+gBcIUxAaiapChi/zolw5rfC+GYUKTqG1G11Vxo2Bn6AJLk8NiPC6JBKOjXLv0ZEruwN2AJe8GCnKzHgEGw4STonm/fub535rNUx8xx4D+RdsPP9Af+m3FxcfH/8hcLt2QJ3T9wuwAAAABJRU5ErkJggg==",
exe: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB4UExURUxpcVq2/kOv/0uw/163/1Cz/0+x/zGp/zad+0Ku/165/Tms/zWq/zKp/1i1/1W1/1K0/0Wv/0Cu/06y//7//0qx/1q2/1y3/1+3/j6p/vf7/y+o/9zu/+r2/yqM9xCa/4LK/8De/3ay/p7P/n3B/rLW/12n+xyf/0XRgzgAAAALdFJOUwDdez2eoByg/Z+vFPUOhAAAAoZJREFUWMPtmOt2mzAMgNuEBDquhhgwgWwMQt//DSfJ3BJIJ3P6a+MLviDkDxE4OaVvbzs7OztsjgfrJUdz3flH/hXvZ1Pfe55/q9HK8iyDluOW4xz3cHcYzIxnMqSZNi3BuJHxALIsTXHLsB+nuOlzmRktbUl71RIKGhitNA3gMxEM3TgxM1rog2UB0vcoopAezIxWwIRrPM0XhX17jJgZT+ETwWwSPBzgGRfCL7C4wojSI91FEfVDJBo2hPNLcYqeCKmFs71pcuAJw0cbkCRREq1wMq4wQVnQNkAbJtuESYKWiAbUtXVVENU9p1iiT4NzrjChRQnNmqK4DBSNDuoj0NjCkbScdGgsUzlXmgplWl4eKcpkZjQVSnHv6yuqapjdhZycLKGUkI+bFK22VOW9ae79xRe5NkInWcIPSOxR5IC7292ArqYqi1qNCfKDIxyzRV7pp8W53RxstX56oMRNQqEaEpTdzVGAc+tKCjRqNLIuWYpBWOsCwScAMOoSaxIKdoWCkEI4dYm06JNkbClQO32KFAZCIWLnN9GBUOoSOwq0TjzkGAnxGhFHxU8B/RUYC2PlEGpcrobIxgpjpYmfI1OAJ4zjWOCaWN+UBTUdxyyeMB5wq8sqlTummAn9V0Jvs7BYpfS3CstqlQ1CRdnX9tcqraFQwcNB98T7/LnKp0cJ+PywhG7s9vjXVXxXp0DHE7qT0lXuK+gIR2g/ydSjV01zZSR8Xdoc26jCbxN6rut5HuZTR/s0eH03xVlCz4B/Q3hYWefDxxua7/s6CAPnL9ijv8DzX8F6DbB9Npwrhvdb5wq5V4bPYb5Lne3lrwKcYDG1+W+k54P9Vw4b/puxs7Pz//IHkvGjBU3hWj4AAAAASUVORK5CYII=",
qm: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcdbc4MzO1dTZ3dTZ3s/T2c/T083Q1tXb4NDX287R19HV2+zv8PX29/3+/uPn6b3CzcTI0ZN/xtQAAAAKdFJOUwD////dexCfoCcDaycKAAACJElEQVRYw+2Y4XaDIAyFF2gnEizy/i87SJCCa13i9m9eLAQlHxfsOdZ+fFy6dOmSWPPdvdM063GfDo500yLnG8CfEh3AnxLnQ5bVE+810XYAu4dqiK7m2wH8C4+OKbahcsSfVnQeHTSLjLLNsW0boCE6u5nYbNrNFwe1a6VEVzM3hrUjic5Qc/uUOnyqslsHhosyoutYe/Zek9rhT5oVQNzl4qv4Lgbi92QsIY5UJwRiPUoO5gpiFmDDtsbpHCIXCMsjawnAE2AzjEIgki2kFMRIOEJGLDjEOpPM4UQZvOIiaLxMBKxnGSoEjgqPTmF38QQQHoOgu2RlQDcC4wiMv3XowwgMfrg86YDl+5dvCR/lnjyWJUQ4DczfPxaRngpwDhiZ9UpwCrgcCFRATyUeAaNXOfQFGN7jwkI3O48SAb2n6cNChY7abJ1cW08SLrnIUvZGCT2yVLQKL3aYZcKhvMIhD03xiBeTHugPiNHqgWaFGN6UCKtRA31a6UkSC4BrDsrTZU3KPSzzm7QafjjFWtcJIK3J6IA8PBNJaatrf914xsiBI3KnZGiAkTrcllMcmJfiLREDeXbDKYbrSqDQdD3xXa5J1HLsa98/O164h93Kvke7Uzrguy3spASafwK8a4CSX7BzGZj6rLSL66c0oleVyfRJyYyInipacX6hvzVbae8ymX4G6bvUPA0rTa+WTv5kb1L8J8b0o+4n/s24dOnS/9UX8vFAaEzio+4AAAAASUVORK5CYII=",
php: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcTbUrDrbszvetTXYrDnasjXQqTPIojfTrDvftTTMpjPKpDnZsTPIozXOqDjXrzHGoTbRqjfUre7/++T++Pf//SfCmxm3j1fXt7Hx4UvNrNL78XHfw8T26o3o0eeFKfsAAAAKdFJOUwA9//8c3Xign5/8SMcgAAADDklEQVRYw+2Y65qjIAyGp9ppRxBERcTj/V/mJsHTtN3dMNt/66dAEsjbgE/7jPPxcerUqVNsXW7Zb3WJx12z9E/6vMbyPtP0rcQsTd9KvKbpe4k3SkneR8wWVrL0yb8SM2QkQYGZYEsITnckMUteKX2KsImvgS/EJT4B86XtXhwx2xD5kp3nCwVHaHTnbOJXsuWv2Utd+WOJ+RcLmJOSpREw30T01U7yCx9Y0H0g+W6YIZRsYRxvfODGK/KiQHtqGjsePwU/MmMCi+84GArfgEZ0izBHHecQvzAFQaGyMBTFDDzbV2iuYWhcYBEgB1Ww42Yw1fdoDHDR3I00JhaAs1ndOCCUUS2lzLa2HgNj3TT1OIKLxIruiAorFPQz1GU9muEIx+CHeRxYQFwaUih/dmCVeISTMx1EBl9t4gKD/FAjz6AJoHp2znV1U0/+Z0A/1XXdOaex1hrYvRBtT8H8J8AcUyflBO64A3sQZSmJaOdIYInXDAzbtxIdPVCxYJoWnjQ86hhgCXkgKsoYNEsPkHo0OGN6/KAZglg5E4gSdIRTT/CRqhXEhmJt1+uwKgYYTmvqwdahWr3zXDxQOyDCF2NKwEHK7IhnkdeqMhqIRD9Za6cKjhC/cnCE/cIzOgqo6SrFQhz1DP0gZElG4C1rmEAQVKiR2A1dLzos1AmtyQWepjUgFlBvAqLyvYONWjhC9HuvWiTrCOB9X66la9vWjMCzHurSBlwndTRQaIFVQJPGGUFHqJBD7r4BLbhbFmsGkiUeYbdsFPxwhTV3ToVrfQKToZlxGqbRoRlmwhTNsYFbCsg4P3rY6pNgngWUa4IMjZ6MO0TlNssDEoS6BaLgl1qtrkTRiEt4wJAm9pKUXIuSa30xFUqp5IPEY0CqEOIB1Yo8cNSjFRZxgUrReuzRRlfto5ShgVjALU+9lDyabCBXHOBtW20eLBOaMSaM4HL+gr1gmtlBmG82NjrrHFys14A7MgizGQepbQpuzo7xBfw74lnrNPdd6no3LN35b6TX2/2vuv3gvxmnTp36f/ULf0R1znQ7804AAAAASUVORK5CYII=",
pdf: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABUUExURUxpcf9zfP9ldv98gP92fP9+gf9we/9md/9yfP9/gv9/gf93fv90ff9od/9ref9ve/9ldv/x8f/q6v/8/PlYaP/g4f6lq/63vP2Ejv6Um/7Iy//S1LO+3cAAAAAKdFJOUwA93/8c3Xugn58XiwqYAAACVklEQVRYw+2Y23KjMAxAmzolxXc7tYHw//+5kmxI2tBWMDx0ZjkhMr6dkWoeSl5eDg4ODticmvZbTut151b+xNt5re9Nyl2NrZS7Gs9S7mts5M7GVu5sJKH4KhDbjS1shu2CKA36yj2ZaZ5vbGdNbT9zH+MaW8GFaeQLmcYF4XAbu37J2HKFiparyReu12ta+oOKEztDVXwKP+mKdKV3H8a7ZkWGqmxWihIEoVLT+FyA4tTc4g68VI39LHyGI3yva0WVKl1KzroOimkOvu8rhJNWmY6Eg17IcL0QcFRzkGovofZYc/C7ZahNBuHNbs+wpHKPrscH2yqt4YIBbGlOc4WPYK8rp/w4WhexhPoJem6SeJ7YKMRTDteQdxN2odDvIXRwpRBSjhD6rUJXL/xoPUBynRohjkL0Geh1nWILYblzk/cWQhx0DymGFDFCvqSDFSyhc64YCzKisBvDA1HqsoAvLBmil44khk/EXNesEhIiF1eMMaVaMWa8UahyimRLacy98xmdwM3ZTcKhbE+pG9xHIY+QaOf9JmFGW4hpIJU31npsMZgtJZMP60MJ2GDIGl/cbo3QAs5aUeqNqfe2DtVgax86bCFQE0wZ6lvSERzhpW6hE0np5r198sysEBqL5wm+D/sDlxUZep+73MMJ7CQs5/mLjys0pqSIj4uh8mdM7dTIE8KmCZLXW1MnHma5Qj4sofnrwmZhn3+I0Ph5gvMf7Am2ELjX0z21ZKozJUDDeg24eDaciuH99pXre2W+S52ZOV74b6Tn5vIrzYZfMw4ODv5f/gEm33Cvx+zPHgAAAABJRU5ErkJggg==",
Null: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcdbc4MzO1dTZ3dTZ3s/T2c/T083Q1tXb4NDX287R19HV2+zv8PX29/3+/uPn6b3CzcTI0ZN/xtQAAAAKdFJOUwD////dexCfoCcDaycKAAACJElEQVRYw+2Y4XaDIAyFF2gnEizy/i87SJCCa13i9m9eLAQlHxfsOdZ+fFy6dOmSWPPdvdM063GfDo500yLnG8CfEh3AnxLnQ5bVE+810XYAu4dqiK7m2wH8C4+OKbahcsSfVnQeHTSLjLLNsW0boCE6u5nYbNrNFwe1a6VEVzM3hrUjic5Qc/uUOnyqslsHhosyoutYe/Zek9rhT5oVQNzl4qv4Lgbi92QsIY5UJwRiPUoO5gpiFmDDtsbpHCIXCMsjawnAE2AzjEIgki2kFMRIOEJGLDjEOpPM4UQZvOIiaLxMBKxnGSoEjgqPTmF38QQQHoOgu2RlQDcC4wiMv3XowwgMfrg86YDl+5dvCR/lnjyWJUQ4DczfPxaRngpwDhiZ9UpwCrgcCFRATyUeAaNXOfQFGN7jwkI3O48SAb2n6cNChY7abJ1cW08SLrnIUvZGCT2yVLQKL3aYZcKhvMIhD03xiBeTHugPiNHqgWaFGN6UCKtRA31a6UkSC4BrDsrTZU3KPSzzm7QafjjFWtcJIK3J6IA8PBNJaatrf914xsiBI3KnZGiAkTrcllMcmJfiLREDeXbDKYbrSqDQdD3xXa5J1HLsa98/O164h93Kvke7Uzrguy3spASafwK8a4CSX7BzGZj6rLSL66c0oleVyfRJyYyInipacX6hvzVbae8ymX4G6bvUPA0rTa+WTv5kb1L8J8b0o+4n/s24dOnS/9UX8vFAaEzio+4AAAAASUVORK5CYII=",
ipa: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABUUExURUxpcUOv/zar/1K0/1Cz/0+x/1q2/jGp/0Ku/163/zGp/1a1/zus/1q2/02y/0ew/0Gu//f8/164/+/4/+f1/9fu/yek/73j/6TY/xad/43O/3nG/21bnhoAAAAKdFJOUwB7//+gJ92gn59E+c9oAAACbUlEQVRYw+2Y27aqIBRAd5iVsLiICKT//5+Hi5hmdcD2wxnjOIPF4jZdPXX5+Tk4ODjIpj41b6l3+Br5iUupsr5I+avGVB99GvcaayqpI4ioz2MWJnGl0HiiNCpfIuNeibFZ6OQ6ysdqgbGhWeQbvZDQGMjCQOYlUmZsCHFXSIoTNEWvjXu5xjNZQVOgC3Hkskv4ict+YfXa2GQJq4r4lkI1z+UoSUhj9w+p84QrSEqGvpeLaeC0QzhBTdca8bx63i+0bavGvULmG1sNUrXKIu7SxU6ZcLoV7jM2qN5ixKJwkrJMIVtRxWG0g9Z8teQpEKZbZLB2kAzf9WiNsXL9uOIKiVVd23bKDLZ3icss+UpovMWTxlYZUii8hZPcvRgfZs+MkYKFPR/YLUfI3VkP41RtfL3Ugk/brmcKw3F3YdwU2A0a0q7nnC0MmI1QUeBLbkVC4YTzKzZViS+EYLpnFOd7hOK9UO4QCi6CUsCgNkYreNp2TeQJEzCqFyWKJdlC7hvwPji6h1d1hkSVr7O0QoGNCjqlQvdDp/phT4WTcOyjxvuS+hshCKM2GATlQogd9FTign7UMD0NMoUw4S4gbZ+MvdUo7PltgDxhOu3QyARj7/Gj4RoWFFXoC0GaGacydhhsSEgoML2FYiEAvovRjuzuAPdBxe8YSiu8wpPRox0hWfvyhWgOgLHWGDnc6JLZFbJrltDfjneQv4fiEJdR3ExZlhB9BFazXxCif0aIF/ExxmQKOE94SofxQxrTqWMHig3lfIOt8Qb0dpr1U+WKs8l5xw7I9UHmb6n6+qv1xT8xrn/ltOffjIODg/+WP3HMcIG4JOLbAAAAAElFTkSuQmCC",
doc: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcTSL+DmO+VSd/k6Y/Vmg/kOT+jSL+UeW+1uh/1ig/k6a/T6R+l2i/0SU+0mX/Oz1//n8/y6G99fp/3ex/J7I/77b/4u9/gFOo+kAAAAKdFJOUwD///8n3Xugn58WcbRuAAACn0lEQVRYw+2Ya3ekIAyGCzozHQFRUPz//3RzQaSXbYPtOfthfccoCcljEM9pZ15eLl26dEms/v78q/oTvKf7SrdWZH9z7leJT+d+ldhTzQCfooH9oUw0Ee8D1qPyZXBsOxDdFuJzkKiBKAM2EIVAObEGdtlqv0SkRAB2XTfgQSMao5M/FKHpmxDYvdHO2G9S69YE/FD+5i5szxMdfq1eBDSYasiMYY8DJkcPuwuAr12uxNO2LgaHGWCM29Yhe3g7yZpfTa41xq/THJ3BNunUGZ8gMnAAs15FQBbUjHGe57W4IDfN87T44suAXUZ6WwFZCwDnZSx+S4cA1AeQnwEBp2X054DjAVxiXPclzyeAno4d6I2DwbT5/Rky0IuBnnjeH8AVrrC7PgPtniED+l0Z6D1txTwn7w8gp5wEJuLh+1KA/jRwWv2GFGwymR8CFQEH7DMmRG0ZOLYCucAyEFFx0REvWwGOcuAIgnw4qwgrRdCUVNhgMEFgQiBO4yEGkqyielB0IahEw5mBWSeBcQ1KB7fjfw5MXlmrw5rdRf8QGJegrbVqTNltBtrRVsC4agU+tLjECkhJIiA0A+koBqYBGsSI4kUD0I6cJAVSOjw12ljcEcJDi0PKQBKkSDvkfAJGeAU138PSy5iBvIYmIO1rTAu8MiUwJogYVVIkwMcBVAb+jFKDOQCL3lZ3BOyjCQhLROkKSBHVDNRQSqb28gyliOIImQioK0ExC2E5oqp5GZBrbVX3PmJ3p7nD7/TPgEpXD0oVU8XN00oGpEqsUQc5UxWb2k0EVG/F2Ix4LwnwXld+AtF1WPIfbK8aJPqq8pDzJCsG4YICV4S9NByUUFwt/C7VP7AgUBGcw0cmTQZhf/wjxuNb3c/8mnHp0qX/Vn8A5AVWOPvxckoAAAAASUVORK5CYII=",
xls: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcYXMX2m8Pmm8P3zJWYbNYXvGVGu9QHrGU4jOZITMX4fOY4HKW3fET3LBSm+/RnrGU37IV2u9QWm7P22+Q+r94PP/7dv2zfv/+GGyNlmsLsfrtaTZiLPhm5TQdN9r514AAAAKdFJOUwB/e98c3T2gn5+4KvYSAAACu0lEQVRYw+2Y63qjIBCGmzRtqhwV1Arq/V/mDgMeYtLtkM2/9ROBGWZe0aB96NvboUOHDpH1eSp+1Gc+7lKwv+njksv7YOylxIKxlxIvjL2WeGIvJhYlY1BYiRU0ZahZcqYjh1ggJCqmL8bcCVejE4tyL/awSybeA38QlXgL5PsuzyYWMYmvhfNECS3nWDCGRiw4T0lr2bjwLCOSnyjAL56hz2wg2yNuHadM4NA0vpyNCs6pa7ot8osIrGI6a76/Wx96FVZ8Asc3OmIAEVghDw7WQX47Qq8KNo+212ihjwSsFsmxjcQo1oHZdpNYIzKBVnokDmiVvgV1Q/88UPQCic0EhvZN5Cn9DDAmyb5Kt1lV8Is3TTc4k3iaDNRah/DQaOngwYWJMZgg8MYeblhrHIOWDFxl3QREmKMeuq4bVS8TLooIrDZE44bw7FpvpnGYeYvyZ6iF6cdAbCbn3J6XCxSR6JDYTb2RuzEaUKQMEbLgkH2a45A8cw0tDXgjAMve+kTc6wmgECOsPhGJ7BXA8D43ggdi05X/DsTvQ8Nc6fFN4c8AJRyhBOEXsPXKwAJHYnimOChzZihThmRxUVe9hAWORB8vJCOXBJSAk1E8vMiN186KhTjKTQAFeMVwgVn43HzpDFgKliMShwQTdOCsMgC6CXkr0as1IhMoPHxhht4kgnXKw1+9wa4R1yygMnoYJ9cvM6qdHMfB1PnAhDAufGHU5gpgoiP6FA2oIFBFGUi30UQIOmqFXaXIwK2supW1N5584C8iAu+mdW+kmga04caCQpqdLWXTwDwaeiSgzRAVWGNZzrVb12tTk4E1CKuUbdGyyZWGoijAc30nu1xhrzNl8/0o0dSPRdoGXGuTVMezNvVibioQ5Y5hf/u+JPygefiduJe6XA1JV/qO9HK+/qrzE//NOHTo0P+rP7x4jQVHYv00AAAAAElFTkSuQmCC",
ppt: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAByUExURUxpcf+ubP+iWP+SO/+nX/+lXfyPQv+SO/+dUP+xcP+ua/+VQP+jWf+XRP+cS/+eT/+UPf+ZSP+gVP+qZf+saP+SOv+mXv+wcP+ta/+ubf+oYv/79//x5f/m0vmEO//MpP/Sr/+9i//Zu/7Dl/ufY/2zfqeIp1YAAAALdFJOUwDdPXugHPygn596VuVMqAAAAl1JREFUWMPtmOtyqjAQgNuqUBQSEi9cDHJR3v8Vzy5JJHi03dAz0x+HD3LZTfIZ6tCZ+Pa2sLCwQOZjG73kw1+3ibKveN/4+t6z7J8a7f6Kp7bC27gp7mTFC7yM28nS/OfGKC9y0OSIafJi6A1FJ3IPY5SToBuj/JAfDkMxNSzHzpDN9e1jXB+IUI1/CfemjJGfcb0HDvbe23rvZGxMM673dCKqsJwsK+916SYQyn+KdemQVec7qmqy8oGtr7A5T6kfhGsP4QlLd/7aSBKeRuJueFSNUmi8nspxfJ6wuWn6Gv+gleM7neYI1fViucIeVTtLGOv5slMg5FITXGCLqo6dCTRhfIoRqLVQ2lA0Sqkujk0MGZLQrEZAqKwQ4ChspDOBIvyMR2QzEUr4plXNnQmfnkI+FbYQVf0coTRlFGZt22KgOm78UlKFckQL4VuulaHqA2dczhFWICwro6uuAfuJkDXVIJSNfvu69jLZIFnIXWHLZXKrkf52Cbi/kHOORmg4q2FbLePMvnwJw5HhA3GcU4UWK+QiQATjD/gKhRW+4idCePCZQjaihQK7nLnYyFeYjMKnPjZnh90TIfMSCsG0QrDk2lVdD5EQOoE9HDYTBE2IizRJ33RNkYgJzOkTdzgKg6zNggeh8BSGxqWF8HYEj5bkXtGEiUsa7IYWDM8IvYXf8GvCHZLglZgIG33ZLvZ2JOHOg98Vpvc2HQOHNKUJV6kHK8rh+8m64ysh6RgQpsdjaq7hhmK6OmeGIU95YjjfBkciAfEstQlpvpB+It2swm9Zzfg1Y2Fh4f/lD1FNqKcd3wCLAAAAAElFTkSuQmCC",
png: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcf+ubP+eUP+iWP+xcP+nX/+lXf+SO/uPSv+dUP6kX/+XRP+VQP+SO/+jWf+oYf+hVf///f+mXf+tav+ubf+rZ/+eUP+wcP+pZP/s3P+aSf/z6P/48v/UsvqFOf+6hP/jzf/Hmv/cwS4F5mYAAAALdFJOUwDdez2foByg/p/2onNSOQAAAh5JREFUWMPtmNuSoyAQQGeMUaZUxBveRfP/H7lc1VRJptF92Kr1INqtcKqNSSrk6+vm5uYGzMPzrTzcdYFff+I7cPV91/VfNZr6ykNb6WwMypW6tOBk9EoALka/KMtCTCr05OKi0S9AwI02YXXW+KwqMVluMqw4SimjtUGNzwoK0HgobC4Yn42iat6DanfKnPZdhCAersK0KcfXWOtYbPtrTeNBhGnapCt1n2VZX6cWnjDhjjETjNeFudrhWQpfeS7PqJ5vI0DCXJLKPVmkcMH5MQ5CBaGvIRtehIhkGVp2VmgqwgixhSEkciYeDz4jxDkWyD1F0zQhKrJZ3zzG+jKPQMLNJiAd6ogImHw1+1UngQh/8DHqefMS9/ycFhJVIC+ROAvJnrodRn7ARBfIS+TJirOwEp88JsTGx0skF4Tyfd3nZCtQ+c8KG3OXW4FZ1lJHIeUQ1dVXQzY0vMDBbLJEKjsFCxX1oOmHPe02wlHYDsewk0LWW5jPCfPZJuyZm7BTbWmtzHoMTNgpcPuBUg+CCSkfSTv2wTdXskKoUFGMdhhyqlASTcjOlLgLu3iyk0QOwjDqePsFfgeiA4VqykefCUK40KZ457wwuiaMBZFokc7EQTUTiigGCWMH/m1hAhR624TETFSh7Em8Np5DfsE+EgdAy4BQD473M9+SNYPcMV/fImh9CLiWCkKYL4SvSAMv/BXvxL8ZNzc3/y9/ADVfok94AIhIAAAAAElFTkSuQmCC",
html: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcTbUrDrbszvetTXYrDnasjXQqTPIojfTrDvftTTMpjPKpDnZsTPIozXOqDjXrzHGoTbRqjfUre7/++T++Pf//SfCmxm3j1fXt7Hx4UvNrNL78XHfw8T26o3o0eeFKfsAAAAKdFJOUwA9//8c3Xign5/8SMcgAAADDklEQVRYw+2Y65qjIAyGp9ppRxBERcTj/V/mJsHTtN3dMNt/66dAEsjbgE/7jPPxcerUqVNsXW7Zb3WJx12z9E/6vMbyPtP0rcQsTd9KvKbpe4k3SkneR8wWVrL0yb8SM2QkQYGZYEsITnckMUteKX2KsImvgS/EJT4B86XtXhwx2xD5kp3nCwVHaHTnbOJXsuWv2Utd+WOJ+RcLmJOSpREw30T01U7yCx9Y0H0g+W6YIZRsYRxvfODGK/KiQHtqGjsePwU/MmMCi+84GArfgEZ0izBHHecQvzAFQaGyMBTFDDzbV2iuYWhcYBEgB1Ww42Yw1fdoDHDR3I00JhaAs1ndOCCUUS2lzLa2HgNj3TT1OIKLxIruiAorFPQz1GU9muEIx+CHeRxYQFwaUih/dmCVeISTMx1EBl9t4gKD/FAjz6AJoHp2znV1U0/+Z0A/1XXdOaex1hrYvRBtT8H8J8AcUyflBO64A3sQZSmJaOdIYInXDAzbtxIdPVCxYJoWnjQ86hhgCXkgKsoYNEsPkHo0OGN6/KAZglg5E4gSdIRTT/CRqhXEhmJt1+uwKgYYTmvqwdahWr3zXDxQOyDCF2NKwEHK7IhnkdeqMhqIRD9Za6cKjhC/cnCE/cIzOgqo6SrFQhz1DP0gZElG4C1rmEAQVKiR2A1dLzos1AmtyQWepjUgFlBvAqLyvYONWjhC9HuvWiTrCOB9X66la9vWjMCzHurSBlwndTRQaIFVQJPGGUFHqJBD7r4BLbhbFmsGkiUeYbdsFPxwhTV3ToVrfQKToZlxGqbRoRlmwhTNsYFbCsg4P3rY6pNgngWUa4IMjZ6MO0TlNssDEoS6BaLgl1qtrkTRiEt4wJAm9pKUXIuSa30xFUqp5IPEY0CqEOIB1Yo8cNSjFRZxgUrReuzRRlfto5ShgVjALU+9lDyabCBXHOBtW20eLBOaMSaM4HL+gr1gmtlBmG82NjrrHFys14A7MgizGQepbQpuzo7xBfw74lnrNPdd6no3LN35b6TX2/2vuv3gvxmnTp36f/ULf0R1znQ7804AAAAASUVORK5CYII=",
js: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUxpcUOv/0uw/zar/0+x/0Gj/Fq2/jOp/0ew/123/zKp/1S0/zqs/1Gz/123/02y/1i2/kWv/0mx/0Ct/1y1/vb7/1i2//7//zel+zOe+e32/9zt/5nN/ieV9oDG/avZ/83m/77h/2S6/HhIljsAAAAKdFJOUwB7Pf8c+92gn59dd850AAAC8klEQVRYw+3Yi3KjIBQG4CbGpgaMNyQIiJf3f8g9B8Rqp9mCszO7M5u/Kgj6iRrb2Le3V1555ZXgnE/Z05zjuUt2/13eL7He+/0+457zlpk/i1jRjo/ZCQC2Hx6LH+MF92EOhIJt9LtviRJPFsMgY0vPr2aUmDmFlY5i68q2ZBFiVpYcf3jpwjnDFoZ15mZsChczRKxkC86Xlc+4erCY+T34TvENnPuxh4rZdiR8M0BeLlfCwcFiRqxGcOJYJxB3AEJ4STiuEuzhYWJGvqYkz5IdA58FDnQ+AOb5bOY8/948BYAfFoEJZ6gWWraK5S5kaffLkHP+yPepxsejHep9I1nKj3iwThWAOi3y7xIIbnYuPOiHCH0Fzm6jIBC2LZZ9IJUHi2JpsYsocJeqW8Fv8g+AtQcrEOuDYF3Xbl8oNmBtJiXlONxtb23nILDepfEgmdr2AdVWGduBxz0Cpp1qARTVAFwrJSwVX3vjwapZwEI+HnLSelKtNHFgZYNYBROCLYB3BLu+F2YYWGW7YItgsK58PJjjpTRCdL0QYu2NGOFXMJ3wGqrBFEI0fwIUbJT2Jkv96R0AGw/SjuhR2Q+OjgWbBqHakAZCEZRaNKLrajPgMOUM/bBFEw5CcngqNJQilwAaATTckG6GS9kOjU8QaLekGh2dixnPWDHBBk0o3GRzEBRGoQgBTw6dgAdPDXda2D8INBqE09Mo2siRdWKQ9smDRw/GSw+MsOv0KG3UxPoOnmV7i/GzqLsVvAaPkMJTxvQ0juOgU/AoHGBSSqpxgseFokgDwSsFjuIt7fsUvlqmPXo0gWduNsbMokcPN4FFGOgCJ927oOcPsa65xIA0ARIjbsnSkMDvBZHQo+AC7ISdFgwmid8xwfqmZjtcxdWDwGQNXebniQR/zl8Eb3Za8rV2s/MtEDwlN4hdLFkbkm2LXQn5Bnu+hQbIoNeAa7B4CzljeL9NQ7008F3qEjjGa/gb6eV0/TGnA//NeOWVV/7f/AJAsosfySCrjgAAAABJRU5ErkJggg==",
css: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUxpcXvGVGm8P3zGVXzJWYbNYXbDTWu8QHnFUofNZITMX3zHVXTCS22+Q3jEUIHKW4jOZGq9QHDAR////mi6PvP97pbRd/v++tXwx+b33afbjV2vMrznpsnquGjfsnAAAAAKdFJOUwA936wc3Xign58XA1ZcAAACuUlEQVRYw+2Y2XbjIAyGm540qc1qAl7j93/NkQTEdJsKtxdzzvg3iSVAH8JRFufp6dChQ4fYOl2aL3Wqx50b+ze9nGt5L9b+KrGx9leJZ4ppv2C11KqIlxTUUnib6akn2TXEBigY3RKtJdncgRb1VBCb9o0Ikq0Hvob4Dvil2EQukE18CzSfmlXEJoaaTDCtMYmFZ2Oo0SCP2BiTgrZWdNGjjUjTsIEP2TvIRrsv7KRTJbDtpwCaKEkb7b4EXhjA1zJgHG63YYiQfhrQG8vxVz5QECMAYRrv5Oj7OAEx9MUEJlCkJhA49cJLjJZe9BMChcnju4DjsihtBEgtC1wCAAph4sEDik0EVJpsYGqVgVk1QJOBMjkgHYFGxGbErgzl5uufZPgZUBJQ7wbqeYC6ewcc5t1AM0PdDfcMBI5coRCn2USPD9QUYMcAvGmW6FC8lj0uEcYWHc0F6igxwwW8DasjJ/ZJhynewpzmaDYQAbhh3LEuRHuGrHWaVJOh1PcplNmgMOsw3p2szRCB3vf4oq7ybYLD2HuvdwC18wvUIZRNAaSyWbyrBErasZaKCttFj9agwu6kTBeFCZQQgA2qJAJpAVQEYoeMs1hAuSkCNz8Ciwk7gMOofgi8FvHx83DrUONtV4auBIbZJldYKsPe1QJdIjpn4TtkCGHUDnvGEPCzwbo0DBOunC3jRJJ0ag30VrPo2onex6tym3jAjHPOt+sEWuMS0bY+DspaIEotvp/n2SDDeQFmr5a9GZL8QurQ7qLtdwEfQcqDusJWJY8LVBClElahMj06xRALqB5y6jtVAtU/Duw+I3TpGQ9oHOAF5r6TSo8PHYrzC/bUcQVI1m3AFSd7FpKzY7i/fQaaj0Sf0dsCNOLpeGbeS52vnY/K52R3yeji6cq/Iz1frt/qsuPfjEOHDv2/+gP0toi4gXoofgAAAABJRU5ErkJggg==",
epub: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcXXDTXvGVGm8P33HVnzJWYbNYWm7PYjOZXPBSmu8QG6/RXPBSoHKW4TMX37IV3nFUYbNYonOZOv+4fX/7/z/+1utMK3gkuL412O1OFOpJ7ripNf4xXK6TKHWhX88Tv4AAAAKdFJOUwB7Pd+gHN2gn59lNj8pAAACeklEQVRYw+3Y2XaqMBQG4GK10gxCgDII8v6P2T0kMhR7dujl4QcMCcm3Ni7tkr69HTly5Ig4pyR9mVM8d0mL3/JxifU+Xkhup5jyQudmkpuNuEjx4ii0fHlWUIt7lJiwsZVpOEZMnSQRYnpzsGH8WmyphxdcGJaL6U0WsSgFxeIStOtTGy2eeZGddmu9gq21tNMcmXi21i+adtsMQ8MdOm5M2lQMrtKUVVU2GxdO+8Cm/IJsickukL1N8SwEM9wzS2cZeVXlRT9uuZGBmfey7OmVfU9Nk3HoKhwiMFuEvaaum4XoEw8G736ve7rr8W8gfF64PqXqrsX3sv8TSF4Lns5zPWKF7ZjvAHPcYZt5jFft2Bm+RpsYpCBRVegpxqEz1p3BSzQHDhFI2JPg+3162LGjYy4CRKKt8AuM9c086BRDC+8kJwI0AxDVsPYMeNAZIsBPD/ZYYfsAIh/beX34l6c30aDOeyxrKHyB8/rKPtPxYP3AGksQDbxrw8J71FGggS033T2IpstHu/Du+OHBaZ+yClei6+7wVf7pQWSgMQYPTWJZloPt6g48N0CnJY9n5EYEhsn5JN40jJBXes+TQjBkEp33qD7ttXhwLi69kFhwJm568eAkbnpScL5IPcXJ09EVatq4CSJ5ylvabyKQpkKoEC/Cb5vg8bjhCTJQMxeCd62KQqG3jhA0k0ivCr973gvXTAz4I6qr6436ZOBVb4lqi9P6KgSV5vXzVz8YXvlEDoZlrE2KmholrVC9iN4Yk4AJLdW0XqvQeO454HXJL9iTiojoMeAq9yR3DM+371LvXfgsdRHWeJU/kV6S6z+T7PhvxpEjR/7ffAMGOojXQYbbiwAAAABJRU5ErkJggg==",
psd: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUxpcUOv/0uw/zer/123/0+x/1q2/jOp/zSm+Uew/zKp/zys/1O0/1e1/0Ku/0+z/1q2/0mx//7//164/vf8/9vw/+r2/yie86HX/sno/7Dd/5TR/W6//H/H/Eyv911ykpAAAAAKdFJOUwB7Pf+fHN2g/p8jQekrAAACx0lEQVRYw+2Y7WKrIAyG12JXJn4xEQG193+ZJwnYOdedE7r9O74qBQyPARNb+/Jy6NChQ2ydT8W3OufjLkX/N71ecnmvff+rxC/+dT8jXnB8162sLhK7T/As4glgHR1xT0Vs0iW6PGKxYXxo35FBJGC9B37p4BOLdXhd42e9QdaxXecRi5opLpEN5BITsKL9oao8YkGoqkpIrJAIRY2azuFR8IB31bvPXQuY5zzgA8hOJwbwbTWevY3yof+GV3Hm/NZG29ab9yhjrOsq6E57C2Ub9zcWMEoP7x8yvqPOalOicoANAu0AsuCqce0j5QJNmPt+cQMQ7fwzoI7AaURNdueizgRq3CJQKiXl6GH2Xn/QyIAN1BqsdQS6BmvSAXDQO6ERF6hX4BSrAYGNnp3HqJw1eYhlDlCRh1TtcA2DmixFJkTl3ct8IE65whC3S49YSzG0PAt8H1wIAaPGeFxI46cJmiY8DYS0M4YyZZawkGaGIJpDmJs8YANbAqZk9ouUOPFwgyAapWySEQvYRBHQrI+bUSoKb+unVkoVTXTDA9LFCWiG4JxbejnKppG0mHiTa4JpKHM9TKk3Iq+RcvKDoRvUJptngBJFU1RyvM3BU14/AxQEVI1aByNxHG/OYtb8ALiqcq5SAlYTgW0+UO2BkHjWzbqZTPRQsYEwS4Xzi0BFY2Gb4R5jFGEawlMNjOAcDxgFgWzspO6S0xC/tYwNcJsQp9Q1B7h4COgNEHLOD9YO3kUeigO8rgB5629SbYljvSzLfBtH8QxQYJBsgfhdEKP8zssCAlEKsQViD4V5arGBQgmBKEGVeNBwkZpCxS4hWECRoWyg+m3gb3lYRvPyXpapsjlRZnlYpm2tf7pEmcqSBzyVDyUe9nJ+wZ73gx+jolivAdeSLc6M4f1WcnmS+S51Yfp45b+RXk7Xf+r0xL8Zhw4d+n/1B13vfAhtdKi2AAAAAElFTkSuQmCC",
dwg: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUxpcXvGVIbNYXvHVHzJWYbNYXbDTWu9QHrGU4jOZHLBSW+/RYDJWmy+QoXMYHzHVYjOZHfET2m7P4LLXf3/+/T+7u3+5MXrsaXbiVyuMZjUeNb2xOP81bPjmuZ7vy0AAAAKdFJOUwA9z1wc33ign591Bg7OAAACdUlEQVRYw+2Yi3KjIBRAm51UI4gKxMei+f/f3PsQNU3SXtzOdGfWo0W4wBGFau3b28HBwYGYU1a85JSuOxfNZ/w6p/rem895TzQWTfOtxjP1qWCDtJoLK1WyMcM+VUUu1pJ3ls6nSDEW1UpTvSLBWFRf0iQZXwn93jFuhd7fK/2SJhgL9Hh0ecp5P4tn3xzwYmPhX0En2SL7nXkirEIPNA/xspAIL9Cw9CUmsV85dG3bBcjNgSUjeVJcykeG9nrtAmX9/MNJtk9Yk7B5cqbLvymsdwjr2LOmBIVtU3OMQ9xGJIQOQHSFGzBegR5zoV4Qj7DeQiumbVGIx26gEXICpAvr4bqlHe5r04WWhB1BQvsdwo5uX4/GvxCGgejBMv4mJpwZjoY0IY7C9nSZNB+jI1DY8tXfsJGVCi3Rt8tUjBoDelrn5mbBJxVi29qqG60XXDLtqFjYXudQd1N8VqEQUUNPTNA/jhCyE0cHRUNMEiq+cbiwV2E3cFTvGKHjqQ34bB0Jespy1NlkIQwR0aG7I2iOJwmVje1BG6atbwpQxbUqZYRq3ej9NIJ1GjGHwk21SKgiFndL7xQU0jvFLlWERJhHE3ehuQnTNI2WZmOxUQuhcDsK44xzJCx5vdyRJFzRYQShf6xQ+U8J9VOh3inU4NMAaTULccWUmopUrRQ3kAkfqQJgn1TsFBpaO+77hHp+xOwXmo9DhNVoOLipMlKh0dibd8waLq7HWDBGJDQJ/IgwM3zHIm5JlpQ33CV/wZ6wj1t7UT4KaLY5R4noMyB3EXN32BRiRHLF8H2rnRAt/JY65zJfLv8iPWf5l2Q7/ptxcHDw//IHYWiLelDcDu8AAAAASUVORK5CYII="
};
class PopsFolder {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "folder";
let config = PopsFolderConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
config = PopsHandler.handleOnly(PopsType, config);
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.ninePalaceGridPosition,
pops.config.cssText.scrollbar,
pops.config.cssText.button,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.folderCSS
]);
Folder_ICON.docx = Folder_ICON.doc;
Folder_ICON.rtf = Folder_ICON.doc;
Folder_ICON.xlsx = Folder_ICON.xls;
Folder_ICON.pptx = Folder_ICON.ppt;
Folder_ICON.dmg = Folder_ICON.ipa;
Folder_ICON.json = Folder_ICON.js;
let zipIconList = [
"rar",
"7z",
"arj",
"bz2",
"cab",
"iso",
"jar",
"lz",
"lzh",
"tar",
"uue",
"xz",
"z",
"zipx",
"zst",
"001"
];
let imageIconList = ["jpg", "jpeg", "ico", "webp"];
let codeLanguageIconList = [
"htm",
"py",
"vue",
"bat",
"sh",
"vbs",
"java",
"kt"
];
let androidIconList = ["apk", "apkm", "xapk"];
zipIconList.forEach((keyName) => {
Folder_ICON[keyName] = Folder_ICON.zip;
});
imageIconList.forEach((keyName) => {
Folder_ICON[keyName] = Folder_ICON.png;
});
codeLanguageIconList.forEach((keyName) => {
Folder_ICON[keyName] = Folder_ICON.html;
});
androidIconList.forEach((keyName) => {
Folder_ICON[keyName] = Folder_ICON.apk;
});
if (details == null ? void 0 : details.folder) {
config.folder = details.folder;
}
let zIndex = PopsHandler.handleZIndex(config.zIndex);
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
let bottomBtnHTML = PopsElementHandler.getBottomBtnHTML(PopsType, config);
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
let animHTML = PopsElementHandler.getAnimHTML(guid, PopsType, config, `
<div class="pops-folder-title" style="text-align: ${config.title.position};${headerStyle}">
${config.title.html ? config.title.text : `<p pops style="${headerPStyle}">${config.title.text}</p>`}
${headerBtnHTML}
</div>
<div class="pops-folder-content ${pops.isPhone() ? "pops-mobile-folder-content" : ""}">
<div class="pops-folder-list">
<div class="pops-folder-file-list-breadcrumb">
<div class="pops-folder-file-list-breadcrumb-primary">
<span class="pops-folder-file-list-breadcrumb-allFiles cursor-p" title="全部文件">
<a>全部文件</a>
</span>
</div>
</div>
<div class="pops-folder-list-table__header-div">
<table class="pops-folder-list-table__header">
<colgroup>
<!-- <col width="8%"> --!>
<col width="52%">
<col width="24%">
<col width="16%">
</colgroup>
<thead>
<tr class="pops-folder-list-table__header-row">
<th class="pops-folder-list-table__header-th cursor-p">
<div class="text-ellip content flex-a-i-center">
<span>文件名</span>
<div class="pops-folder-list-table__sort" data-sort="fileName">
<div class="pops-folder-icon-arrow" data-sort="按文件名排序">
<svg
viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path
d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
class="pops-folder-icon-arrow-up"></path>
<path
d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
class="pops-folder-icon-arrow-down"></path>
</svg>
</div>
</div>
</div>
</th>
<th class="pops-folder-list-table__header-th cursor-p">
<div class="text-ellip content flex-a-i-center">
<span>修改时间</span>
<div class="pops-folder-list-table__sort" data-sort="latestTime">
<div class="pops-folder-icon-arrow" title="按修改时间排序">
<svg
viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path
d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
class="pops-folder-icon-arrow-up"></path>
<path
d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
class="pops-folder-icon-arrow-down"></path>
</svg>
</div>
</div>
</div>
</th>
<th class="pops-folder-list-table__header-th cursor-p">
<div class="text-ellip content flex-a-i-center">
<span>大小</span>
<div class="pops-folder-list-table__sort" data-sort="fileSize">
<div class="pops-folder-icon-arrow" title="按大小排序">
<svg
viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path
d="M509.624392 5.882457 57.127707 458.379143 962.121078 458.379143Z"
class="pops-folder-icon-arrow-up"></path>
<path
d="M509.624392 1024 962.121078 571.503314 57.127707 571.503314Z"
class="pops-folder-icon-arrow-down"></path>
</svg>
</div>
</div>
</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="pops-folder-list-table__body-div">
<table class="pops-folder-list-table__body">
<colgroup>
<!-- <col width="8%"> --!>
${pops.isPhone() ? `<col width="100%">` : `
<col width="52%">
<col width="24%">
<col width="16%">`}
</colgroup>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
${bottomBtnHTML}
`, bottomBtnHTML, zIndex);
let $anim = PopsElementHandler.parseElement(animHTML);
let {
popsElement: $pops,
titleElement: $title,
contentElement: $content,
// folderListElement,
// folderListHeaderElement,
// folderListHeaderRowElement,
folderListBodyElement,
folderFileListBreadcrumbPrimaryElement,
headerCloseBtnElement: $btnCloseBtn,
btnOkElement,
btnCancelElement,
btnOtherElement,
folderListSortFileNameElement,
folderListSortLatestTimeElement,
folderListSortFileSizeElement
} = PopsHandler.handleQueryElement($anim, PopsType);
let $mask = null;
let elementList = [$anim];
if (config.mask.enable) {
let _handleMask_ = PopsHandler.handleMask({
type: PopsType,
guid,
config,
animElement: $anim,
maskHTML
});
$mask = _handleMask_.maskElement;
elementList.push($mask);
}
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
PopsHandler.handleClickEvent("close", $btnCloseBtn, eventDetails, config.btn.close.callback);
PopsHandler.handleClickEvent("ok", btnOkElement, eventDetails, config.btn.ok.callback);
PopsHandler.handleClickEvent("cancel", btnCancelElement, eventDetails, config.btn.cancel.callback);
PopsHandler.handleClickEvent("other", btnOtherElement, eventDetails, config.btn.other.callback);
popsDOMUtils.append($shadowRoot, elementList);
if (typeof config.beforeAppendToPageCallBack === "function") {
config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
}
popsDOMUtils.appendBody($shadowContainer);
if ($mask != null) {
$anim.after($mask);
}
config.folder.sort();
function createFolderRowElement(fileName, latestTime = "-", fileSize = "-", isFolder = false) {
let origin_fileName = fileName;
let origin_latestTime = latestTime;
let origin_fileSize = fileSize;
let folderELement = popsDOMUtils.createElement("tr");
let fileNameElement = popsDOMUtils.createElement("td");
let fileTimeElement = popsDOMUtils.createElement("td");
let fileFormatSize = popsDOMUtils.createElement("td");
let fileType = "";
let fileIcon = Folder_ICON.folder;
if (isFolder) {
latestTime = "";
fileSize = "";
} else {
fileIcon = "";
if (typeof latestTime === "number") {
latestTime = popsUtils.formatTime(latestTime);
}
if (typeof fileSize === "number") {
fileSize = popsUtils.formatByteToSize(fileSize);
}
for (let keyName in Folder_ICON) {
if (fileName.toLowerCase().endsWith("." + keyName)) {
fileType = keyName;
fileIcon = Folder_ICON[keyName];
break;
}
}
if (!Boolean(fileIcon)) {
fileType = "Null";
fileIcon = Folder_ICON.Null;
}
}
folderELement.className = "pops-folder-list-table__body-row";
fileNameElement.className = "pops-folder-list-table__body-td";
fileTimeElement.className = "pops-folder-list-table__body-td";
fileFormatSize.className = "pops-folder-list-table__body-td";
fileNameElement.innerHTML = `
<div class="pops-folder-list-file-name cursor-p">
<div>
<img src="${fileIcon}" alt="${fileType}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">
<a title="${fileName}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">
${fileName}
</a>
</div>
</div>
`;
fileTimeElement.innerHTML = `
<div class="pops-folder-list__time">
<span>${latestTime}</span>
</div>
`;
fileFormatSize.innerHTML = `
<div class="pops-folder-list-format-size">
<span>${fileSize}</span>
</div>
`;
let __value__ = {
fileName: origin_fileName,
latestTime: origin_latestTime,
fileSize: origin_fileSize,
isFolder
};
fileNameElement["__value__"] = __value__;
fileTimeElement["__value__"] = __value__;
fileFormatSize["__value__"] = __value__;
folderELement["__value__"] = __value__;
folderELement.appendChild(fileNameElement);
folderELement.appendChild(fileTimeElement);
folderELement.appendChild(fileFormatSize);
return {
folderELement,
fileNameElement,
fileTimeElement,
fileFormatSize
};
}
function createMobileFolderRowElement(fileName, latestTime = "-", fileSize = "-", isFolder = false) {
let origin_fileName = fileName;
let origin_latestTime = latestTime;
let origin_fileSize = fileSize;
let folderELement = popsDOMUtils.createElement("tr");
let fileNameElement = popsDOMUtils.createElement("td");
let fileType = "";
let fileIcon = Folder_ICON.folder;
if (isFolder) {
latestTime = "";
fileSize = "";
} else {
fileIcon = "";
if (typeof latestTime === "number") {
latestTime = popsUtils.formatTime(latestTime);
}
if (typeof fileSize === "number") {
fileSize = popsUtils.formatByteToSize(fileSize);
}
for (let keyName in Folder_ICON) {
if (fileName.toLowerCase().endsWith("." + keyName)) {
fileType = keyName;
fileIcon = Folder_ICON[keyName];
break;
}
}
if (!Boolean(fileIcon)) {
fileType = "Null";
fileIcon = Folder_ICON.Null;
}
}
folderELement.className = "pops-folder-list-table__body-row";
fileNameElement.className = "pops-folder-list-table__body-td";
fileNameElement.innerHTML = `
<div class="pops-folder-list-file-name pops-mobile-folder-list-file-name cursor-p">
<img src="${fileIcon}" alt="${fileType}" class="pops-folder-list-file-icon u-file-icon u-file-icon--list">
<div>
<a title="${fileName}" class="pops-folder-list-file-name-title-text inline-block-v-middle text-ellip list-name-text">
${fileName}
</a>
<span>${latestTime} ${fileSize}</span>
</div>
</div>
`;
let __value__ = {
fileName: origin_fileName,
latestTime: origin_latestTime,
fileSize: origin_fileSize,
isFolder
};
fileNameElement["__value__"] = __value__;
folderELement["__value__"] = __value__;
folderELement.appendChild(fileNameElement);
return {
folderELement,
fileNameElement
};
}
function clearFolerRow() {
folderListBodyElement.innerHTML = "";
}
function getArrowIconElement() {
let iconArrowElement = popsDOMUtils.createElement("div", {
className: "iconArrow"
});
return iconArrowElement;
}
function getBreadcrumbAllFilesElement(name, _config_) {
let spanElement = popsDOMUtils.createElement("span", {
className: "pops-folder-file-list-breadcrumb-allFiles cursor-p",
innerHTML: `<a>${name}</a>`,
_config_
}, {
title: "name"
});
return spanElement;
}
function breadcrumbAllFilesElementClickEvent(event, isTop, _config_) {
clearFolerRow();
let $click = event.target;
let currentBreadcrumb = $click.closest("span.pops-folder-file-list-breadcrumb-allFiles");
if (currentBreadcrumb) {
while (currentBreadcrumb.nextElementSibling) {
currentBreadcrumb.nextElementSibling.remove();
}
} else {
console.error("获取导航按钮失败");
}
let loadingMask = pops.loading({
parent: $content,
content: {
text: "获取文件列表中..."
},
mask: {
enable: true,
clickEvent: {
toClose: false,
toHide: false
}
},
addIndexCSS: false
});
addFolderElement(_config_);
loadingMask.close();
}
async function refreshFolderInfoClickEvent(event, _config_) {
clearFolerRow();
let loadingMask = pops.loading({
parent: $content,
content: {
text: "获取文件列表中..."
},
mask: {
enable: true
},
addIndexCSS: false
});
if (typeof _config_.clickEvent === "function") {
let childConfig = await _config_.clickEvent(event, _config_);
folderFileListBreadcrumbPrimaryElement.appendChild(getArrowIconElement());
let breadcrumbAllFilesElement = getBreadcrumbAllFilesElement(_config_["fileName"], childConfig);
folderFileListBreadcrumbPrimaryElement.appendChild(breadcrumbAllFilesElement);
popsDOMUtils.on(breadcrumbAllFilesElement, "click", function(event2) {
breadcrumbAllFilesElementClickEvent(event2, false, childConfig);
});
addFolderElement(childConfig);
}
loadingMask.close();
}
function setFileClickEvent(targetElement, _config_) {
popsDOMUtils.on(targetElement, "click", async function(event) {
event == null ? void 0 : event.preventDefault();
event == null ? void 0 : event.stopPropagation();
event == null ? void 0 : event.stopImmediatePropagation();
let linkElement = targetElement.querySelector("a");
if (typeof _config_.clickEvent === "function") {
let downloadInfo = await _config_.clickEvent(event, _config_);
if (downloadInfo != null && typeof downloadInfo === "object" && !Array.isArray(downloadInfo) && typeof downloadInfo.url === "string" && downloadInfo.url.trim() !== "") {
linkElement.setAttribute("href", downloadInfo.url);
linkElement.setAttribute("target", "_blank");
if (downloadInfo.autoDownload) {
if (downloadInfo.mode == null || downloadInfo.mode === "") {
downloadInfo.mode = "aBlank";
}
if (downloadInfo.mode === "a" || downloadInfo.mode === "aBlank") {
let downloadLinkElement = document.createElement("a");
if (downloadInfo.mode === "aBlank") {
downloadLinkElement.setAttribute("target", "_blank");
}
downloadLinkElement.href = downloadInfo.url;
downloadLinkElement.click();
} else if (downloadInfo.mode === "open" || downloadInfo.mode === "openBlank") {
if (downloadInfo.mode === "openBlank") {
globalThis.open(downloadInfo.url, "_blank");
} else {
globalThis.open(downloadInfo.url);
}
} else if (downloadInfo.mode === "iframe") {
let downloadIframeLinkElement = document.createElement("iframe");
downloadIframeLinkElement.src = downloadInfo.url;
downloadIframeLinkElement.onload = function() {
setTimeout(() => {
downloadIframeLinkElement.remove();
}, 1e3);
};
$shadowRoot.appendChild(downloadIframeLinkElement);
setTimeout(() => {
downloadIframeLinkElement.remove();
}, 3 * 60 * 1e3);
} else {
console.error("未知的下载模式", downloadInfo);
}
}
}
}
});
}
function sortFolderConfig(folderDataConfigList, sortName = "fileName", isDesc = false) {
if (sortName === "fileName") {
let onlyFolderDataConfigList = folderDataConfigList.filter((value) => {
return value.isFolder;
});
let onlyFileDataConfigList = folderDataConfigList.filter((value) => {
return !value.isFolder;
});
onlyFolderDataConfigList.sort((leftConfig, rightConfig) => {
let beforeVal = leftConfig[sortName].toString();
let afterVal = rightConfig[sortName].toString();
let compareVal = beforeVal.localeCompare(afterVal);
if (isDesc) {
if (compareVal > 0) {
compareVal = -1;
} else if (compareVal < 0) {
compareVal = 1;
}
}
return compareVal;
});
onlyFileDataConfigList.sort((leftConfig, rightConfig) => {
let beforeVal = leftConfig[sortName].toString();
let afterVal = rightConfig[sortName].toString();
let compareVal = beforeVal.localeCompare(afterVal);
if (isDesc) {
if (compareVal > 0) {
compareVal = -1;
} else if (compareVal < 0) {
compareVal = 1;
}
}
return compareVal;
});
if (isDesc) {
return [...onlyFileDataConfigList, ...onlyFolderDataConfigList];
} else {
return [...onlyFolderDataConfigList, ...onlyFileDataConfigList];
}
} else {
folderDataConfigList.sort((beforeConfig, afterConfig) => {
let beforeVal = beforeConfig[sortName];
let afterVal = afterConfig[sortName];
if (sortName === "fileSize") {
beforeVal = parseFloat(beforeVal.toString());
afterVal = parseFloat(afterVal.toString());
} else if (sortName === "latestTime") {
beforeVal = new Date(beforeVal).getTime();
afterVal = new Date(afterVal).getTime();
}
if (beforeVal > afterVal) {
if (isDesc) {
return -1;
} else {
return 1;
}
} else if (beforeVal < afterVal) {
if (isDesc) {
return 1;
} else {
return -1;
}
} else {
return 0;
}
});
return folderDataConfigList;
}
}
function addFolderElement(_config_) {
sortFolderConfig(_config_, config.sort.name, config.sort.isDesc);
_config_.forEach((item) => {
if (item["isFolder"]) {
let { folderELement, fileNameElement } = pops.isPhone() ? createMobileFolderRowElement(item["fileName"], "", "", true) : createFolderRowElement(item["fileName"], "", "", true);
popsDOMUtils.on(fileNameElement, "click", (event) => {
refreshFolderInfoClickEvent(event, item);
});
folderListBodyElement.appendChild(folderELement);
} else {
let { folderELement, fileNameElement } = pops.isPhone() ? createMobileFolderRowElement(item["fileName"], item.latestTime, item.fileSize, false) : createFolderRowElement(item["fileName"], item.latestTime, item.fileSize, false);
setFileClickEvent(fileNameElement, item);
folderListBodyElement.appendChild(folderELement);
}
});
}
addFolderElement(config.folder);
let allFilesElement = folderFileListBreadcrumbPrimaryElement.querySelector(".pops-folder-list .pops-folder-file-list-breadcrumb-allFiles:first-child");
allFilesElement._config_ = config.folder;
popsDOMUtils.on(allFilesElement, "click", (event) => {
breadcrumbAllFilesElementClickEvent(event, true, config.folder);
});
function removeAllArrowActive() {
[
...Array.from(folderListSortFileNameElement.querySelectorAll(".pops-folder-icon-active")),
...Array.from(folderListSortLatestTimeElement.querySelectorAll(".pops-folder-icon-active")),
...Array.from(folderListSortFileSizeElement.querySelectorAll(".pops-folder-icon-active"))
].forEach((ele) => ele.classList.remove("pops-folder-icon-active"));
}
function changeArrowActive(arrowUp, arrowDown, isDesc) {
removeAllArrowActive();
if (isDesc) {
arrowDown.classList.add("pops-folder-icon-active");
} else {
arrowUp.classList.add("pops-folder-icon-active");
}
}
function arrowSortClickEvent(target, event, sortName) {
if (!event["notChangeSortRule"]) {
config.sort.name = sortName;
config.sort.isDesc = !config.sort.isDesc;
}
let arrowUp = target.querySelector(".pops-folder-icon-arrow-up");
let arrowDown = target.querySelector(".pops-folder-icon-arrow-down");
changeArrowActive(arrowUp, arrowDown, config.sort.isDesc);
if (typeof config.sort.callback === "function" && config.sort.callback(target, event, config.sort.name, config.sort.isDesc)) {
return;
}
let childrenList = [];
Array.from(folderListBodyElement.children).forEach((trElement) => {
let __value__ = trElement["__value__"];
__value__["target"] = trElement;
childrenList.push(__value__);
});
let sortedConfigList = sortFolderConfig(childrenList, config.sort.name, config.sort.isDesc);
sortedConfigList.forEach((item) => {
folderListBodyElement.appendChild(item.target);
});
}
popsDOMUtils.on(folderListSortFileNameElement.closest("th"), "click", function(event) {
arrowSortClickEvent(folderListSortFileNameElement, event, "fileName");
}, {
capture: true
});
popsDOMUtils.on(folderListSortLatestTimeElement.closest("th"), "click", void 0, function(event) {
arrowSortClickEvent(folderListSortLatestTimeElement, event, "latestTime");
}, {
capture: true
});
popsDOMUtils.on(folderListSortFileSizeElement.closest("th"), "click", void 0, function(event) {
arrowSortClickEvent(folderListSortFileSizeElement, event, "fileSize");
}, {
capture: true
});
if (config.sort.name === "fileName") {
popsDOMUtils.trigger(folderListSortFileNameElement, "click", {
notChangeSortRule: true
});
} else if (config.sort.name === "latestTime") {
popsDOMUtils.trigger(folderListSortLatestTimeElement, "click", {
notChangeSortRule: true
});
} else if (config.sort.name === "fileSize") {
popsDOMUtils.trigger(folderListSortFileSizeElement, "click", {
notChangeSortRule: true
});
}
if (config.drag) {
PopsInstanceUtils.drag($pops, {
dragElement: $title,
limit: config.dragLimit,
extraDistance: config.dragExtraDistance,
moveCallBack: config.dragMoveCallBack,
endCallBack: config.dragEndCallBack
});
}
PopsHandler.handlePush(PopsType, {
guid,
animElement: $anim,
popsElement: $pops,
maskElement: $mask,
$shadowContainer,
$shadowRoot
});
return PopsHandler.handleResultDetails(eventDetails);
}
}
const PopsPanelConfig = () => {
return {
title: {
text: "默认标题",
position: "center",
html: false,
style: ""
},
content: [
{
id: "whitesev-panel-config-1",
title: "菜单配置1",
headerTitle: "菜单配置1",
isDefault: false,
attributes: [
{
"data-test": "test",
"data-test-2": "test2"
}
],
forms: [
{
className: "forms-1",
text: "区域设置",
type: "forms",
attributes: [],
forms: [
{
className: "panel-switch",
text: "switch",
type: "switch",
// @ts-ignore
props: {},
disabled: false,
attributes: [],
getValue() {
return true;
},
callback(event, value) {
console.log("按钮开启状态：", value);
}
},
{
className: "panel-slider",
text: "slider",
type: "slider",
// @ts-ignore
props: {},
attributes: [],
getValue() {
return 50;
},
callback(event, value) {
console.log("滑块当前数值：", value);
},
min: 1,
max: 100
},
{
className: "panel-button",
text: "button",
type: "button",
// @ts-ignore
props: {},
attributes: [],
buttonIcon: "eleme",
buttonIconIsLoading: true,
buttonType: "warning",
buttonText: "warning按钮",
callback(event) {
console.log("点击按钮", event);
}
},
{
className: "panel-button",
text: "button",
// @ts-ignore
props: {},
type: "button",
attributes: [],
buttonIcon: "chromeFilled",
buttonIconIsLoading: true,
buttonType: "danger",
buttonText: "danger按钮",
callback(event) {
console.log("点击按钮", event);
}
},
{
className: "panel-button",
text: "button",
type: "button",
attributes: [],
// @ts-ignore
props: {},
buttonIcon: "upload",
buttonIconIsLoading: false,
buttonType: "info",
buttonText: "info按钮",
callback(event) {
console.log("点击按钮", event);
}
}
]
}
]
},
{
id: "whitesev-panel-config-2",
title: "菜单配置2",
headerTitle: "菜单配置2",
isDefault: true,
attributes: [
{
"data-value": "value",
"data-value-2": "value2"
}
],
forms: [
{
className: "panel-input",
text: "input",
type: "input",
// @ts-ignore
props: {},
attributes: [],
getValue() {
return "50";
},
callback(event, value) {
console.log("输入框内容改变：", value);
},
placeholder: "请输入内容"
},
{
className: "panel-input-password",
text: "input-password",
type: "input",
// @ts-ignore
props: {},
attributes: [],
getValue() {
return "123456";
},
callback(event, value) {
console.log("密码输入框内容改变：", value);
},
isPassword: true,
placeholder: "请输入密码"
},
{
className: "panel-textarea",
text: "textarea",
type: "textarea",
// @ts-ignore
props: {},
attributes: [],
getValue() {
return "50";
},
callback(event, value) {
console.log("textarea输入框内容改变：", value);
},
placeholder: "请输入内容"
},
{
className: "panel-select",
text: "select",
type: "select",
// @ts-ignore
props: {},
attributes: [],
getValue() {
return 50;
},
callback(event, isSelectedValue, isSelectedText) {
console.log(`select当前选项：${isSelectedValue}，当前选项文本：${isSelectedText}`);
},
data: [
{
value: "all",
text: "所有",
disable() {
return false;
}
},
{
value: "text",
text: "文本",
disable() {
return false;
}
},
{
value: "html",
text: "超文本",
disable() {
return false;
}
}
]
},
{
className: "panel-select-multiple",
type: "select-multiple",
text: "select-multiple",
// @ts-ignore
props: {},
attributes: [],
placeholder: "请至少选择一个选项",
getValue() {
return ["select-1", "select-2"];
},
callback(selectInfo) {
console.log(`select值改变，多选信息`, selectInfo);
},
clickCallBack(event, isSelectedInfo) {
console.log("点击", event, isSelectedInfo);
},
closeIconClickCallBack(event, data) {
console.log("点击关闭图标的事件", data);
},
data: [
{
value: "select-1",
text: "单选1",
isHTML: false,
disable() {
return false;
}
},
{
value: "select-2",
text: "单选2",
isHTML: false,
disable() {
return false;
}
},
{
value: "select-3",
text: "单选3",
isHTML: false,
disable() {
return false;
}
},
{
value: "select-4",
text: "单选4",
isHTML: false,
disable() {
return false;
}
},
{
value: "select-5",
text: "单选5",
isHTML: false,
disable() {
return false;
}
}
]
},
{
type: "forms",
text: "deep菜单",
forms: [
{
type: "deepMenu",
className: "panel-deepMenu",
text: "deepMenu",
description: "二级菜单",
rightText: "自定义配置",
arrowRightIcon: true,
afterAddToUListCallBack(formConfig, container) {
console.log(formConfig, container);
},
clickCallBack(event, formConfig) {
console.log("进入子配置", event, formConfig);
},
forms: [
{
className: "forms-1",
text: "区域设置",
type: "forms",
attributes: [],
forms: [
{
className: "panel-switch",
text: "switch",
type: "switch",
// @ts-ignore
props: {},
attributes: [],
getValue() {
return true;
},
callback(event, value) {
console.log("按钮开启状态：", value);
}
},
{
className: "panel-slider",
text: "slider",
// @ts-ignore
props: {},
type: "slider",
attributes: [],
getValue() {
return 50;
},
callback(event, value) {
console.log("滑块当前数值：", value);
},
min: 1,
max: 100
},
{
className: "panel-button",
text: "button",
// @ts-ignore
props: {},
type: "button",
attributes: [],
buttonIcon: "eleme",
buttonIconIsLoading: true,
buttonType: "warning",
buttonText: "warning按钮",
callback(event) {
console.log("点击按钮", event);
}
},
{
className: "panel-button",
text: "button",
type: "button",
// @ts-ignore
props: {},
attributes: [],
buttonIcon: "chromeFilled",
buttonIconIsLoading: true,
buttonType: "danger",
buttonText: "danger按钮",
callback(event) {
console.log("点击按钮", event);
}
},
{
className: "panel-button",
text: "button",
// @ts-ignore
props: {},
type: "button",
attributes: [],
buttonIcon: "upload",
buttonIconIsLoading: false,
buttonType: "info",
buttonText: "info按钮",
callback(event) {
console.log("点击按钮", event);
}
}
]
}
]
}
]
},
{
type: "forms",
isFold: true,
text: "折叠菜单",
afterAddToUListCallBack(formConfig, container) {
console.log(formConfig, container);
},
forms: [
{
className: "panel-switch",
text: "switch",
// @ts-ignore
props: {},
type: "switch",
attributes: [],
getValue() {
return true;
},
callback(event, value) {
console.log("按钮开启状态：", value);
}
}
]
}
]
}
],
btn: {
close: {
enable: true,
callback(event) {
event.close();
}
}
},
mask: {
enable: false,
clickEvent: {
toClose: false,
toHide: false
},
clickCallBack: null
},
useShadowRoot: true,
class: "",
mobileClassName: "pops-panel-is-mobile",
isMobile: false,
only: false,
width: "700px",
height: "500px",
position: "center",
animation: "pops-anim-fadein-zoom",
zIndex: 1e4,
drag: false,
dragLimit: true,
dragExtraDistance: 3,
dragMoveCallBack() {
},
dragEndCallBack() {
},
forbiddenScroll: false,
style: null,
beforeAppendToPageCallBack() {
}
};
};
const PopsMathFloatUtils = {
/**
* 判断数字是否是浮点数
* @param num
*/
isFloat(num) {
return Number(num) === num && num % 1 !== 0;
},
/**
* 浮点数加法
* @param number1
* @param number2
*/
add(number1, number2) {
let number1length, number2length, powValue;
try {
number1length = number1.toString().split(".")[1].length;
} catch (error2) {
number1length = 0;
}
try {
number2length = number2.toString().split(".")[1].length;
} catch (error2) {
number2length = 0;
}
powValue = Math.pow(10, Math.max(number1length, number2length));
return Math.round(number1 * powValue + number2 * powValue) / powValue;
},
/**
* 减法
* @param number1
* @param number2
*/
sub(number1, number2) {
let number1length, number2length, powValue;
try {
number1length = number1.toString().split(".")[1].length;
} catch (error2) {
number1length = 0;
}
try {
number2length = number2.toString().split(".")[1].length;
} catch (error2) {
number2length = 0;
}
powValue = Math.pow(10, Math.max(number1length, number2length));
let fixedValue = number1length >= number2length ? number1length : number2length;
return (Math.round(number1 * powValue - number2 * powValue) / powValue).toFixed(fixedValue);
},
/**
* 除法
* @param number1
* @param number2
*/
division(number1, number2) {
let number1length, number2length, number1ReplaceValue, number2ReplaceValue;
try {
number1length = number1.toString().split(".")[1].length;
} catch (error2) {
number1length = 0;
}
try {
number2length = number2.toString().split(".")[1].length;
} catch (error2) {
number2length = 0;
}
number1ReplaceValue = Number(number1.toString().replace(".", ""));
number2ReplaceValue = Number(number2.toString().replace(".", ""));
return number1ReplaceValue / number2ReplaceValue * Math.pow(10, number2length - number1length);
}
};
const PanelHandleContentDetails = () => {
return {
/**
* 左侧的ul容器
*/
asideULElement: null,
/**
* 右侧主内容的顶部文字ul容器
*/
sectionContainerHeaderULElement: null,
/**
* 右侧主内容的ul容器
*/
sectionContainerULElement: null,
/**
* 元素
*/
$el: {
/** 内容 */
$content: null,
/** 左侧容器 */
$contentAside: null,
/** 右侧容器 */
$contentSectionContainer: null
},
/**
* 初始化
* @param details
*/
init(details) {
this.$el = null;
this.$el = {
...details.$el
};
this.asideULElement = this.$el.$contentAside.querySelector("ul");
this.sectionContainerHeaderULElement = this.$el.$contentSectionContainer.querySelectorAll("ul")[0];
this.sectionContainerULElement = this.$el.$contentSectionContainer.querySelectorAll("ul")[1];
let $asideDefaultItemElement = null;
let isScrollToDefaultView = false;
details.config.content.forEach((asideItemConfig) => {
let $asideLiElement = this.createAsideItem(asideItemConfig);
this.setAsideItemClickEvent($asideLiElement, asideItemConfig);
this.asideULElement.appendChild($asideLiElement);
if ($asideDefaultItemElement == null) {
let flag = false;
if (typeof asideItemConfig.isDefault === "function") {
flag = Boolean(asideItemConfig.isDefault());
} else {
flag = Boolean(asideItemConfig.isDefault);
}
if (flag) {
$asideDefaultItemElement = $asideLiElement;
isScrollToDefaultView = Boolean(asideItemConfig.scrollToDefaultView);
}
}
if (typeof asideItemConfig.afterRender === "function") {
asideItemConfig.afterRender({
asideConfig: asideItemConfig,
$asideLiElement
});
}
});
if ($asideDefaultItemElement == null && this.asideULElement.children.length) {
$asideDefaultItemElement = this.asideULElement.children[0];
}
if ($asideDefaultItemElement) {
$asideDefaultItemElement.click();
if (isScrollToDefaultView) {
$asideDefaultItemElement == null ? void 0 : $asideDefaultItemElement.scrollIntoView();
}
} else {
console.error("pops.panel：左侧容器没有项");
}
},
/**
* 清空container容器的元素
*/
clearContainer() {
var _a2;
this.sectionContainerHeaderULElement.innerHTML = "";
this.sectionContainerULElement.innerHTML = "";
(_a2 = this.$el.$content) == null ? void 0 : _a2.querySelectorAll("section.pops-panel-deepMenu-container").forEach((ele) => ele.remove());
},
/**
* 清空左侧容器已访问记录
*/
clearAsideItemIsVisited() {
this.$el.$contentAside.querySelectorAll(".pops-is-visited").forEach((element) => {
popsDOMUtils.removeClassName(element, "pops-is-visited");
});
},
/**
* 设置左侧容器已访问记录
* @param element
*/
setAsideItemIsVisited(element) {
popsDOMUtils.addClassName(element, "pops-is-visited");
},
/**
* 为元素添加自定义属性
* @param element
* @param attributes
*/
setElementAttributes(element, attributes) {
if (attributes == null) {
return;
}
if (Array.isArray(attributes)) {
attributes.forEach((attrObject) => {
this.setElementAttributes(element, attrObject);
});
} else {
Object.keys(attributes).forEach((attributeName) => {
element.setAttribute(attributeName, attributes[attributeName]);
});
}
},
/**
* 为元素设置(自定义)属性
* @param element
* @param props
*/
setElementProps(element, props) {
if (props == null) {
return;
}
Object.keys(props).forEach((propName) => {
Reflect.set(element, propName, props[propName]);
});
},
/**
* 为元素设置classname
* @param element
* @param className
*/
setElementClassName(element, className) {
if (className == null) {
return;
}
if (typeof className === "function") {
className = className();
}
if (typeof className === "string") {
let splitClassName = className.split(" ");
splitClassName.forEach((classNameStr) => {
element.classList.add(classNameStr);
});
} else if (Array.isArray(className)) {
className.forEach((classNameStr) => {
this.setElementClassName(element, classNameStr);
});
}
},
/**
* 创建左侧容器元素<li>
* @param asideConfig
*/
createAsideItem(asideConfig) {
let liElement = document.createElement("li");
liElement.id = asideConfig.id;
liElement["__forms__"] = asideConfig.forms;
liElement.innerHTML = asideConfig.title;
this.setElementClassName(liElement, asideConfig.className);
this.setElementAttributes(liElement, asideConfig.attributes);
this.setElementProps(liElement, asideConfig.props);
return liElement;
},
/**
* 创建中间容器的元素<li>
* type ==> switch
* @param formConfig
*/
createSectionContainerItem_switch(formConfig) {
let liElement = document.createElement("li");
liElement["__formConfig__"] = formConfig;
this.setElementClassName(liElement, formConfig.className);
this.setElementAttributes(liElement, formConfig.attributes);
this.setElementProps(liElement, formConfig.props);
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = /*html*/
`<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
liElement.innerHTML = /*html*/
`
<div class="pops-panel-item-left-text">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-panel-switch">
<input class="pops-panel-switch__input" type="checkbox">
<span class="pops-panel-switch__core">
<div class="pops-panel-switch__action">
</div>
</span>
</div>`;
const PopsPanelSwitch = {
[Symbol.toStringTag]: "PopsPanelSwitch",
$data: {
value: Boolean(formConfig.getValue())
},
$ele: {
switch: liElement.querySelector(".pops-panel-switch"),
input: liElement.querySelector(".pops-panel-switch__input"),
core: liElement.querySelector(".pops-panel-switch__core")
},
init() {
this.setStatus(this.$data.value);
if (formConfig.disabled) {
this.disable();
}
this.setClickEvent();
},
setClickEvent() {
let that = this;
popsDOMUtils.on(this.$ele.core, "click", void 0, function(event) {
if (that.$ele.input.disabled || that.$ele.switch.hasAttribute("data-disabled")) {
return;
}
that.$data.value = that.getStatus();
that.setStatus(that.$data.value);
if (typeof formConfig.callback === "function") {
formConfig.callback(event, that.$data.value);
}
});
},
/**
* 设置状态
*/
setStatus(isChecked = false) {
isChecked = Boolean(isChecked);
this.$ele.input.checked = isChecked;
if (isChecked) {
popsDOMUtils.addClassName(this.$ele.switch, "pops-panel-switch-is-checked");
} else {
popsDOMUtils.removeClassName(this.$ele.switch, "pops-panel-switch-is-checked");
}
},
/**
* 根据className来获取逆反值
*/
getStatus() {
let checkedValue = false;
if (!popsDOMUtils.containsClassName(this.$ele.switch, "pops-panel-switch-is-checked")) {
checkedValue = true;
}
return checkedValue;
},
/**
* 禁用复选框
*/
disable() {
this.$ele.input.disabled = true;
this.$ele.switch.setAttribute("data-disabled", "true");
},
/**
* 启用复选框
*/
notDisable() {
this.$ele.input.disabled = false;
this.$ele.switch.removeAttribute("data-disabled");
}
};
PopsPanelSwitch.init();
liElement["data-switch"] = PopsPanelSwitch;
return liElement;
},
/**
* 获取中间容器的元素<li>
* type ==> slider
* @param formConfig
*/
createSectionContainerItem_slider(formConfig) {
let liElement = document.createElement("li");
liElement["__formConfig__"] = formConfig;
this.setElementClassName(liElement, formConfig.className);
this.setElementAttributes(liElement, formConfig.attributes);
this.setElementProps(liElement, formConfig.props);
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
liElement.innerHTML = `
<div class="pops-panel-item-left-text">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-panel-slider">
<input type="range" min="${formConfig.min}" max="${formConfig.max}">
</div>`;
let rangeInputElement = liElement.querySelector(".pops-panel-slider input[type=range]");
if (formConfig.step) {
rangeInputElement.setAttribute("step", formConfig.step.toString());
}
rangeInputElement.value = formConfig.getValue().toString();
let getToolTipContent = function(value) {
if (typeof formConfig.getToolTipContent === "function") {
return formConfig.getToolTipContent(value);
} else {
return value;
}
};
let tooltip = pops.tooltip({
target: rangeInputElement.parentElement,
content: () => {
return getToolTipContent(rangeInputElement.value);
},
zIndex: () => {
return PopsInstanceUtils.getPopsMaxZIndex().zIndex;
},
className: "github-tooltip",
alwaysShow: false,
only: false,
position: "top",
arrowDistance: 10
});
popsDOMUtils.on(rangeInputElement, ["input", "propertychange"], void 0, function(event) {
tooltip.toolTip.changeContent(getToolTipContent(rangeInputElement.value));
if (typeof formConfig.callback === "function") {
formConfig.callback(event, event.target.value);
}
});
return liElement;
},
/**
* 获取中间容器的元素<li>
* type ==> slider
* @param formConfig
*/
createSectionContainerItem_slider_new(formConfig) {
let liElement = document.createElement("li");
liElement["__formConfig__"] = formConfig;
this.setElementClassName(liElement, formConfig.className);
this.setElementAttributes(liElement, formConfig.attributes);
this.setElementProps(liElement, formConfig.props);
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = /*html*/
`<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
liElement.innerHTML = /*html*/
`
<div class="pops-panel-item-left-text" style="flex: 1;">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-slider pops-slider-width">
<div class="pops-slider__runway">
<div class="pops-slider__bar" style="width: 0%; left: 0%"></div>
<div class="pops-slider__button-wrapper" style="left: 0%">
<div class="pops-slider__button"></div>
</div>
</div>
</div>`;
const PopsPanelSlider = {
[Symbol.toStringTag]: "PopsPanelSlider",
/**
* 值
*/
value: formConfig.getValue(),
/**
* 最小值
*/
min: formConfig.min,
/**
* 最大值
*/
max: formConfig.max,
/**
* 间隔
*/
step: formConfig.step || 1,
$data: {
/**
* 是否正在移动
*/
isMove: false,
/**
* 是否已初始化已拖拽的距离
*/
isInitDragPosition: false,
/**
* 是否正在检测是否停止拖拽
*/
isCheckingStopDragMove: false,
/**
* 总宽度（px）
*/
totalWidth: 0,
/**
* 每一块的间隔（px）
*/
stepPx: 0,
/**
* 已拖拽的距离（px）
*/
dragWidth: 0,
/**
* 已拖拽的百分比
*/
dragPercent: 0,
/**
* 每一次块的信息
* 例如：当最小值是2，最大值是10，step为2
* 那么生成[2,4,6,8,10] 共计5个
* 又获取到当前滑块总长度是200px
* 那么生成映射
* 2 => 0px~40px
* 4 => 40px~80px
* 6 => 80px~120px
* 8 => 120px~160px
* 10 => 160px~200px
*/
stepBlockMap: /* @__PURE__ */ new Map(),
tooltip: null
},
$ele: {
slider: liElement.querySelector(".pops-slider"),
runAway: liElement.querySelector(".pops-slider__runway"),
bar: liElement.querySelector(".pops-slider__bar"),
buttonWrapper: liElement.querySelector(".pops-slider__button-wrapper"),
button: liElement.querySelector(".pops-slider__button")
},
$interval: {
isCheck: false
},
$tooltip: null,
init() {
this.initEleData();
this.setToolTipEvent();
this.setPanEvent();
this.setRunAwayClickEvent();
this.intervalInit();
if (formConfig.disabled) {
this.disableDrag();
}
},
/**
* 10s内循环获取slider的宽度等信息
* 获取到了就可以初始化left的值
* @param {number} [checkStepTime=200] 每次检测的间隔时间
* @param {number} [maxTime=10000] 最大的检测时间
*/
intervalInit(checkStepTime = 200, maxTime = 1e4) {
if (this.$interval.isCheck) {
return;
}
this.$interval.isCheck = true;
let isSuccess = false;
let oldTotalWidth = this.$data.totalWidth;
let timer = void 0;
let interval = setInterval(() => {
if (isSuccess) {
this.$interval.isCheck = false;
clearTimeout(timer);
clearInterval(interval);
} else {
this.initTotalWidth();
if (this.$data.totalWidth !== 0) {
isSuccess = true;
if (this.$data.totalWidth !== oldTotalWidth) {
if (PopsMathFloatUtils.isFloat(this.step)) {
this.initFloatStepMap();
} else {
this.initStepMap();
}
this.initSliderPosition();
}
}
}
}, checkStepTime);
timer = setTimeout(() => {
clearInterval(interval);
}, maxTime);
},
/**
* 把数据添加到元素上
*/
initEleData() {
this.$ele.slider.setAttribute("data-min", this.min.toString());
this.$ele.slider.setAttribute("data-max", this.max.toString());
this.$ele.slider.setAttribute("data-value", this.value.toString());
this.$ele.slider.setAttribute("data-step", this.step.toString());
this.$ele.slider["data-min"] = this.min;
this.$ele.slider["data-max"] = this.max;
this.$ele.slider["data-value"] = this.value;
this.$ele.slider["data-step"] = this.step;
},
/**
* 初始化滑块的总长度的数据(px)
*/
initTotalWidth() {
this.$data.totalWidth = popsDOMUtils.width(this.$ele.runAway);
},
/**
* 初始化每一个块的具体数据信息
*/
initStepMap() {
let index = 0;
let blockNums = (this.max - this.min) / this.step;
this.$data.stepPx = this.$data.totalWidth / blockNums;
let widthPx = 0;
for (let stepValue = this.min; stepValue <= this.max; stepValue += this.step) {
let value = this.formatValue(stepValue);
let info = {};
if (value === this.min) {
info = {
value,
px: 0,
pxLeft: 0,
pxRight: this.$data.stepPx / 2,
percent: 0
};
} else {
info = {
value,
px: widthPx,
pxLeft: widthPx - this.$data.stepPx / 2,
pxRight: widthPx + this.$data.stepPx / 2,
percent: widthPx / this.$data.totalWidth
};
}
this.$data.stepBlockMap.set(index, info);
index++;
widthPx += this.$data.stepPx;
}
},
/**
* 初始化每一个块的具体数据信息（浮点）
*/
initFloatStepMap() {
let index = 0;
let blockNums = (this.max - this.min) / this.step;
this.$data.stepPx = this.$data.totalWidth / blockNums;
let widthPx = 0;
for (let stepValue = this.min; stepValue <= this.max; stepValue = PopsMathFloatUtils.add(stepValue, this.step)) {
let value = this.formatValue(stepValue);
let info = {};
if (value === this.min) {
info = {
value,
px: 0,
pxLeft: 0,
pxRight: this.$data.stepPx / 2,
percent: 0
};
} else {
info = {
value,
px: widthPx,
pxLeft: widthPx - this.$data.stepPx / 2,
pxRight: widthPx + this.$data.stepPx / 2,
percent: widthPx / this.$data.totalWidth
};
}
this.$data.stepBlockMap.set(index, info);
index++;
widthPx += this.$data.stepPx;
}
},
/**
* 初始化slider的默认起始left的百分比值
*/
initSliderPosition() {
let percent = 0;
for (const [, stepBlockInfo] of this.$data.stepBlockMap.entries()) {
if (stepBlockInfo.value == this.value) {
percent = stepBlockInfo.percent;
this.$data.dragWidth = stepBlockInfo.px;
break;
}
}
percent = this.formatValue(percent * 100);
this.setSliderPosition(percent);
},
/**
* 判断数字是否是浮点数
* @param num
* @returns
*/
isFloat(num) {
return Number(num) === num && num % 1 !== 0;
},
/**
* 值改变的回调
* @param event
* @param value
*/
valueChangeCallBack(event, value) {
if (typeof formConfig.callback === "function") {
formConfig.callback(event, value);
}
},
/**
* 根据拖拽距离获取滑块应该在的区间和值
*/
getDragInfo(dragX) {
let result2 = this.$data.stepBlockMap.get(0);
for (const [, stepBlockInfo] of this.$data.stepBlockMap.entries()) {
if (stepBlockInfo.pxLeft <= dragX && dragX < stepBlockInfo.pxRight) {
result2 = stepBlockInfo;
break;
}
}
return result2;
},
/**
* 获取滑块的当前脱拖拽占据的百分比
* @param {number} dragWidth
*/
getSliderPositonPercent(dragWidth) {
return dragWidth / this.$data.totalWidth;
},
/**
* 根据step格式化value
* @param num
*/
formatValue(num) {
if (PopsMathFloatUtils.isFloat(this.step)) {
num = parseFloat(num.toFixed(2));
} else {
num = parseInt(num.toString());
}
return num;
},
/**
* 设置滑块的位置偏移（left）
* @param percent 百分比
*/
setSliderPosition(percent) {
if (parseInt(percent.toString()) === 1) {
percent = 1;
}
if (percent > 1) {
percent = percent / 100;
}
this.$ele.buttonWrapper.style.left = `${percent * 100}%`;
this.$ele.bar.style.width = `${percent * 100}%`;
},
/**
* 禁止拖拽
*/
disableDrag() {
this.$ele.runAway.classList.add("pops-slider-is-disabled");
},
/**
* 允许拖拽
*/
allowDrag() {
this.$ele.runAway.classList.remove("pops-slider-is-disabled");
},
/**
* 判断当前滑块是否被禁用
*/
isDisabledDrag() {
return this.$ele.runAway.classList.contains("pops-slider-is-disabled");
},
/**
* 设置进度条点击定位的事件
*/
setRunAwayClickEvent() {
popsDOMUtils.on(this.$ele.runAway, "click", void 0, (event) => {
if (event.target !== this.$ele.runAway && event.target !== this.$ele.bar) {
return;
}
let clickX = parseFloat(event.offsetX);
this.dragStartCallBack();
this.dragMoveCallBack(event, clickX, this.value);
this.dragEndCallBack(clickX);
}, {
capture: false
});
},
/**
* 拖拽开始的回调，如果返回false，禁止拖拽
*/
dragStartCallBack() {
if (!this.$data.isMove) {
if (this.isDisabledDrag()) {
return false;
}
this.$data.isMove = true;
}
return true;
},
/**
* 拖拽中的回调
* @param event 事件
* @param dragX 当前拖拽的距离
* @param oldValue 旧的值
*/
dragMoveCallBack(event, dragX, oldValue) {
let dragPercent = 0;
if (dragX <= 0) {
dragPercent = 0;
this.value = this.min;
} else if (dragX >= this.$data.totalWidth) {
dragPercent = 1;
this.value = this.max;
} else {
const dragInfo = this.getDragInfo(dragX);
dragPercent = dragInfo.percent;
this.value = this.formatValue(dragInfo.value);
}
this.$data.dragPercent = dragPercent;
this.setSliderPosition(this.$data.dragPercent);
this.showToolTip();
if (oldValue !== this.value) {
this.valueChangeCallBack(event, this.value);
}
},
/**
* 拖拽结束的回调
*/
dragEndCallBack(dragX) {
this.$data.isMove = false;
if (dragX <= 0) {
this.$data.dragWidth = 0;
} else if (dragX >= this.$data.totalWidth) {
this.$data.dragWidth = this.$data.totalWidth;
} else {
this.$data.dragWidth = dragX;
}
this.closeToolTip();
},
/**
* 设置点击拖拽事件
*/
setPanEvent() {
const AnyTouch = popsUtils.AnyTouch();
this.$tooltip = new AnyTouch(this.$ele.button, {
preventDefault() {
return false;
}
});
let currentDragX = 0;
this.$tooltip.on("at:move", (event) => {
if (!this.dragStartCallBack()) {
return;
}
let oldValue = this.value;
const runAwayRect = this.$ele.runAway.getBoundingClientRect();
let displacementX = event.x - (runAwayRect.left + globalThis.screenX);
if (displacementX <= 0) {
displacementX = 0;
} else if (displacementX >= runAwayRect.width) {
displacementX = runAwayRect.width;
}
currentDragX = displacementX;
this.dragMoveCallBack(event, currentDragX, oldValue);
});
this.$tooltip.on("at:end", (event) => {
this.dragEndCallBack(currentDragX);
});
},
/**
* 显示悬浮的
*/
showToolTip() {
this.$data.tooltip.toolTip.show();
},
/**
* 关闭悬浮的
*/
closeToolTip() {
this.$data.tooltip.toolTip.close();
},
/**
* 检测在1000ms内，是否停止了拖拽
*/
checkStopDragMove() {
if (this.$data.isCheckingStopDragMove) {
return;
}
this.$data.isCheckingStopDragMove = true;
let interval = setInterval(() => {
if (!this.$data.isMove) {
this.$data.isCheckingStopDragMove = false;
this.closeToolTip();
clearInterval(interval);
}
}, 200);
setTimeout(() => {
this.$data.isCheckingStopDragMove = false;
clearInterval(interval);
}, 2e3);
},
/**
* 设置拖拽按钮的悬浮事件
*/
setToolTipEvent() {
function getToolTipContent() {
if (typeof formConfig.getToolTipContent === "function") {
return formConfig.getToolTipContent(PopsPanelSlider.value);
} else {
return PopsPanelSlider.value;
}
}
let tooltip = pops.tooltip({
target: this.$ele.button,
content: getToolTipContent,
zIndex: () => {
return PopsInstanceUtils.getPopsMaxZIndex().zIndex;
},
isFixed: true,
className: "github-tooltip",
only: false,
eventOption: {
capture: true,
passive: true
},
showBeforeCallBack: () => {
this.intervalInit();
},
showAfterCallBack: (toolTipNode) => {
tooltip.toolTip.changeContent(getToolTipContent());
},
closeBeforeCallBack: () => {
if (this.$data.isMove) {
this.checkStopDragMove();
return false;
}
},
alwaysShow: false,
position: "top",
arrowDistance: 10
});
this.$data.tooltip = tooltip;
}
};
PopsPanelSlider.init();
liElement["data-slider"] = PopsPanelSlider;
return liElement;
},
/**
* 获取中间容器的元素<li>
* type ==> input
* @param formConfig
*/
createSectionContainerItem_input(formConfig) {
let liElement = document.createElement("li");
liElement["__formConfig__"] = formConfig;
this.setElementClassName(liElement, formConfig.className);
this.setElementAttributes(liElement, formConfig.attributes);
this.setElementProps(liElement, formConfig.props);
let inputType = "text";
if (formConfig.isPassword) {
inputType = "password";
} else if (formConfig.isNumber) {
inputType = "number";
}
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
liElement.innerHTML = `
<div class="pops-panel-item-left-text">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-panel-input pops-user-select-none">
<input type="${inputType}" placeholder="${formConfig.placeholder}">
</div>
`;
const PopsPanelInput = {
[Symbol.toStringTag]: "PopsPanelInput",
$ele: {
panelInput: liElement.querySelector(".pops-panel-input"),
input: liElement.querySelector("input"),
inputSpanIcon: document.createElement("span"),
inputSpanIconInner: null,
icon: null
},
$data: {
value: formConfig.getValue(),
isView: false
},
init() {
this.initEle();
this.setInputValue(this.$data.value);
if (formConfig.isPassword) {
this.setCircleIcon(pops.config.iconSVG.view);
this.setCircleIconClickEvent();
} else {
if (this.$ele.input.value != "") {
this.setCircleIcon(pops.config.iconSVG.circleClose);
this.setCircleIconClickEvent();
}
}
this.setInputChangeEvent();
if (formConfig.disabled) {
this.disable();
}
if (typeof formConfig.handlerCallBack === "function") {
formConfig.handlerCallBack(liElement, this.$ele.input);
}
},
/**
* 初始化$ele的配置
*/
initEle() {
this.$ele.input.parentElement.insertBefore(this.$ele.inputSpanIcon, this.$ele.input.nextSibling);
this.$ele.inputSpanIcon.className = "pops-panel-input__suffix";
this.$ele.inputSpanIcon.innerHTML = `
<span class="pops-panel-input__suffix-inner">
<i class="pops-panel-icon"></i>
</span>
`;
this.$ele.inputSpanIconInner = this.$ele.inputSpanIcon.querySelector(".pops-panel-input__suffix-inner");
this.$ele.icon = this.$ele.inputSpanIcon.querySelector(".pops-panel-icon");
},
/**
* 禁用
*/
disable() {
this.$ele.input.disabled = true;
this.$ele.panelInput.classList.add("pops-input-disabled");
},
/**
* 取消禁用
*/
notDisable() {
this.$ele.input.disabled = false;
this.$ele.panelInput.classList.remove("pops-input-disabled");
},
/**
* 判断是否已被禁用
*/
isDisabled() {
return this.$ele.input.disabled;
},
/**
* 设置输入框内容
* @param {string} [value=""] 值
*/
setInputValue(value = "") {
this.$ele.input.value = value;
},
/**
* 设置input元素的type
* @param {string} [typeValue="text"] type值
*/
setInputType(typeValue = "text") {
this.$ele.input.setAttribute("type", typeValue);
},
/**
* 删除图标按钮
*/
removeCircleIcon() {
this.$ele.icon.innerHTML = "";
},
/**
* 添加清空图标按钮
* @param {string} [svgHTML=pops.config.iconSVG.circleClose] svg图标，默认为清空的图标
*/
setCircleIcon(svgHTML = pops.config.iconSVG.circleClose) {
this.$ele.icon.innerHTML = svgHTML;
},
/**
* 添加图标按钮的点击事件
*/
setCircleIconClickEvent() {
popsDOMUtils.on(this.$ele.icon, "click", void 0, () => {
if (this.isDisabled()) {
return;
}
this.removeCircleIcon();
if (formConfig.isPassword) {
if (this.$data.isView) {
this.$data.isView = false;
this.setInputType("text");
this.setCircleIcon(pops.config.iconSVG.hide);
} else {
this.$data.isView = true;
this.setInputType("password");
this.setCircleIcon(pops.config.iconSVG.view);
}
} else {
this.setInputValue("");
this.$ele.input.focus();
this.$ele.input.dispatchEvent(new Event("input"));
}
});
},
/**
* 监听输入框内容改变
*/
setInputChangeEvent() {
popsDOMUtils.on(this.$ele.input, ["input", "propertychange"], void 0, (event) => {
this.$data.value = this.$ele.input.value;
if (!formConfig.isPassword) {
if (this.$ele.input.value !== "" && this.$ele.icon.innerHTML === "") {
this.setCircleIcon(pops.config.iconSVG.circleClose);
this.setCircleIconClickEvent();
} else if (this.$ele.input.value === "") {
this.removeCircleIcon();
}
}
if (typeof formConfig.callback === "function") {
if (formConfig.isNumber) {
formConfig.callback(event, this.$ele.input.value, this.$ele.input.valueAsNumber);
} else {
formConfig.callback(event, this.$ele.input.value);
}
}
});
}
};
PopsPanelInput.init();
liElement["data-input"] = PopsPanelInput;
return liElement;
},
/**
* 获取中间容器的元素<li>
* type ==> textarea
* @param formConfig
*/
createSectionContainerItem_textarea(formConfig) {
let liElement = document.createElement("li");
liElement["__formConfig__"] = formConfig;
this.setElementClassName(liElement, formConfig.className);
this.setElementAttributes(liElement, formConfig.attributes);
this.setElementProps(liElement, formConfig.props);
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
liElement.innerHTML = `
<div class="pops-panel-item-left-text">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-panel-textarea">
<textarea placeholder="${formConfig.placeholder ?? ""}">
</textarea>
</div>
`;
const PopsPanelTextArea = {
[Symbol.toStringTag]: "PopsPanelTextArea",
$ele: {
panelTextarea: liElement.querySelector(".pops-panel-textarea"),
textarea: liElement.querySelector(".pops-panel-textarea textarea")
},
$data: {
value: formConfig.getValue()
},
init() {
this.setValue(this.$data.value);
this.setChangeEvent();
if (formConfig.disabled) {
this.disable();
}
},
disable() {
this.$ele.textarea.setAttribute("disabled", "true");
this.$ele.panelTextarea.classList.add("pops-panel-textarea-disable");
},
notDisable() {
this.$ele.textarea.removeAttribute("disabled");
this.$ele.panelTextarea.classList.remove("pops-panel-textarea-disable");
},
isDisabled() {
return this.$ele.textarea.hasAttribute("disabled") || this.$ele.panelTextarea.classList.contains("pops-panel-textarea-disable");
},
setValue(value) {
this.$ele.textarea.value = value;
},
/**
* 监听选择内容改变
*/
setChangeEvent() {
popsDOMUtils.on(this.$ele.textarea, ["input", "propertychange"], void 0, (event) => {
this.$data.value = event.target.value;
if (typeof formConfig.callback === "function") {
formConfig.callback(event, event.target.value);
}
});
}
};
PopsPanelTextArea.init();
liElement["data-textarea"] = PopsPanelTextArea;
return liElement;
},
/**
* 获取中间容器的元素<li>
* type ==> select
* @param formConfig
*/
createSectionContainerItem_select(formConfig) {
let liElement = document.createElement("li");
liElement["__formConfig__"] = formConfig;
this.setElementClassName(liElement, formConfig.className);
this.setElementAttributes(liElement, formConfig.attributes);
this.setElementProps(liElement, formConfig.props);
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = /*html*/
`<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
liElement.innerHTML = /*html*/
`
<div class="pops-panel-item-left-text">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-panel-select pops-user-select-none">
<select></select>
</div>
`;
const PopsPanelSelect = {
[Symbol.toStringTag]: "PopsPanelSelect",
$ele: {
panelSelect: liElement.querySelector(".pops-panel-select"),
select: liElement.querySelector(".pops-panel-select select")
},
$eleKey: {
disable: "__disable__",
value: "__value__"
},
$data: {
defaultValue: formConfig.getValue()
},
init() {
this.initOption();
this.setChangeEvent();
this.setClickEvent();
if (formConfig.disabled) {
this.disable();
}
},
/**
* 给option元素设置属性
* @param $ele
* @param key
* @param value
*/
setNodeValue($ele, key, value) {
Reflect.set($ele, key, value);
},
/**
* 获取option元素上设置的属性
* @param $ele
* @param value
* @param key
*/
getNodeValue($ele, key) {
return Reflect.get($ele, key);
},
disable() {
this.$ele.select.setAttribute("disabled", "true");
this.$ele.panelSelect.classList.add("pops-panel-select-disable");
},
notDisable() {
this.$ele.select.removeAttribute("disabled");
this.$ele.panelSelect.classList.remove("pops-panel-select-disable");
},
isDisabled() {
return this.$ele.select.hasAttribute("disabled") || this.$ele.panelSelect.classList.contains("pops-panel-select-disable");
},
initOption() {
formConfig.data.forEach((dataItem) => {
let optionElement = document.createElement("option");
this.setNodeValue(optionElement, this.$eleKey.value, dataItem.value);
this.setNodeValue(optionElement, this.$eleKey.disable, dataItem.disable);
if (dataItem.value === this.$data.defaultValue) {
optionElement.setAttribute("selected", "true");
}
optionElement.innerText = dataItem.text;
this.$ele.select.appendChild(optionElement);
});
},
/** 检测所有option并设置禁用状态 */
setSelectOptionsDisableStatus() {
if (this.$ele.select.options && this.$ele.select.options.length) {
Array.from(this.$ele.select.options).forEach((optionItem) => {
this.setOptionDisableStatus(optionItem);
});
}
},
/** 设置禁用状态 */
setOptionDisableStatus(optionElement) {
let disable = false;
let optionDisableAttr = this.getNodeValue(optionElement, this.$eleKey.disable);
if (optionDisableAttr === "function") {
let value = this.getNodeValue(optionElement, this.$eleKey.value);
disable = Boolean(optionDisableAttr(value));
}
if (disable) {
optionElement.setAttribute("disabled", "true");
} else {
optionElement.removeAttribute("disabled");
}
},
/** 获取option上的信息 */
getSelectOptionInfo($option) {
let optionValue = this.getNodeValue($option, this.$eleKey.value);
let optionText = $option.innerText || $option.textContent;
return {
value: optionValue,
text: optionText,
$option
};
},
/**
* 监听选择内容改变
*/
setChangeEvent() {
popsDOMUtils.on(this.$ele.select, "change", void 0, (event) => {
this.setSelectOptionsDisableStatus();
if (typeof formConfig.callback === "function") {
let $isSelectedElement = event.target[event.target.selectedIndex];
let selectInfo = this.getSelectOptionInfo($isSelectedElement);
formConfig.callback(event, selectInfo.value, selectInfo.text);
}
});
},
/**
* 监听点击事件
*/
setClickEvent() {
popsDOMUtils.on(this.$ele.select, "click", void 0, (event) => {
this.setSelectOptionsDisableStatus();
if (typeof formConfig.clickCallBack === "function") {
formConfig.clickCallBack(event, this.$ele.select);
}
});
}
};
PopsPanelSelect.init();
Reflect.set(liElement, "data-select", PopsPanelSelect);
return liElement;
},
/**
* 获取中间容器的元素<li>
* type ==> select-multiple
* @param formConfig
*/
createSectionContainerItem_select_multiple_new(formConfig) {
let liElement = document.createElement("li");
Reflect.set(liElement, "__formConfig__", formConfig);
this.setElementClassName(liElement, formConfig.className);
this.setElementAttributes(liElement, formConfig.attributes);
this.setElementProps(liElement, formConfig.props);
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = /*html*/
`<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
liElement.innerHTML = /*html*/
`
<div class="pops-panel-item-left-text">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-panel-select-multiple">
<div class="el-select__wrapper">
<div class="el-select__selection">
<!-- 这个是用于手动输入的，这里暂不适配 -->
<div class="el-select__selected-item el-select__input-wrapper">
</div>
<!-- 这个是placeholder -->
<div class="el-select__selected-item el-select__placeholder">
</div>
</div>
<!-- 下拉箭头 -->
<div class="el-select__suffix">
<i class="el-icon el-select__caret el-select__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
</svg>
</i>
</div>
</div>
</div>
`;
const PopsPanelSelectMultiple = {
[Symbol.toStringTag]: "PopsPanelSelectMultiple",
$el: {
/** 容器 */
$container: void 0,
/** 包括的容器 */
$wrapper: void 0,
/** 内容区域 */
$section: void 0,
/** 手动输入 */
$selectedInputWrapper: void 0,
/** 灰色提示语 */
$selectedPlaceHolderWrapper: void 0,
/** 下拉箭头区域 */
$suffix: void 0,
/** 下拉箭头图标 */
$suffixIcon: void 0
},
$data: {
/** 默认值 */
defaultValue: formConfig.getValue(),
selectInfo: []
},
/** 初始化 */
init() {
this.initDefault();
this.inintEl();
this.initPlaceHolder();
this.updateTagElement();
this.setSelectContainerClickEvent();
},
/** 初始化默认值 */
initDefault() {
formConfig.data.forEach((dataItem) => {
if (this.$data.defaultValue.includes(dataItem.value)) {
this.$data.selectInfo.push({
text: dataItem.text,
value: dataItem.value,
isHTML: Boolean(dataItem.isHTML),
disable: dataItem.disable
});
}
});
},
/** 初始化$el变量 */
inintEl() {
this.$el.$container = liElement.querySelector(".pops-panel-select-multiple");
this.$el.$wrapper = liElement.querySelector(".el-select__wrapper");
this.$el.$section = liElement.querySelector(".el-select__selection");
this.$el.$selectedInputWrapper = liElement.querySelector(".el-select__selected-item.el-select__input-wrapper");
this.$el.$selectedPlaceHolderWrapper = liElement.querySelector(".el-select__selected-item.el-select__placeholder");
this.$el.$suffix = liElement.querySelector(".el-select__suffix");
this.$el.$suffixIcon = liElement.querySelector(".el-select__suffix .el-icon");
this.hideInputWrapper();
},
/** 初始化提示文字 */
initPlaceHolder() {
let placeholder = "";
if (typeof formConfig.placeholder === "string") {
placeholder = formConfig.placeholder;
} else if (typeof formConfig.placeholder === "function") {
let placeholderResult = formConfig.placeholder();
if (typeof placeholderResult === "string") {
placeholder = placeholderResult;
}
}
let $placeholder = popsDOMUtils.createElement("span", {
innerText: placeholder
});
this.$el.$selectedPlaceHolderWrapper.appendChild($placeholder);
},
/** 初始化tag */
updateTagElement() {
formConfig.data.forEach((dataItem) => {
let findValue = this.$data.selectInfo.find((item) => item.value === dataItem.value);
if (findValue) {
let selectedInfo = this.createSelectedItem({
text: dataItem.text,
isHTML: dataItem.isHTML
});
this.addSelectedItem(selectedInfo.$tag);
this.setSelectedItemCloseIconClickEvent({
$tag: selectedInfo.$tag,
$closeIcon: selectedInfo.$closeIcon,
value: dataItem.value,
text: dataItem.text
});
}
});
this.checkTagEmpty();
},
/**
* 生成一个tag项
* @param data 配置
*/
createSelectedItem(data) {
const $selectedItem = popsDOMUtils.createElement("div", {
className: "el-select__selected-item el-select__choose_tag",
innerHTML: (
/*html*/
`
<span class="el-tag is-closable el-tag--info el-tag--default el-tag--light">
<span class="el-tag__content">
<span class="el-select__tags-text"></span>
</span>
<!-- 关闭tag的图标 -->
<i class="el-icon el-tag__close">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"></path>
</svg>
</i>
</span>
`
)
});
const $tagText = $selectedItem.querySelector(".el-select__tags-text");
const $closeIcon = $selectedItem.querySelector(".el-icon.el-tag__close");
if (data.isHTML) {
$tagText.innerHTML = data.text;
} else {
$tagText.innerText = data.text;
}
return {
$tag: $selectedItem,
$tagText,
$closeIcon
};
},
/**
* 添加选中项元素
*/
addSelectedItem($ele) {
this.setSectionIsNear();
if (this.$el.$section.contains(this.$el.$selectedInputWrapper)) {
let $prev = this.$el.$selectedInputWrapper.previousElementSibling;
if ($prev) {
popsDOMUtils.after($prev, $ele);
} else {
popsDOMUtils.before(this.$el.$selectedInputWrapper, $ele);
}
} else if (this.$el.$section.contains(this.$el.$selectedPlaceHolderWrapper)) {
let $prev = this.$el.$selectedPlaceHolderWrapper.previousElementSibling;
if ($prev) {
popsDOMUtils.after($prev, $ele);
} else {
popsDOMUtils.before(this.$el.$selectedPlaceHolderWrapper, $ele);
}
} else {
this.$el.$section.appendChild($ele);
}
this.hideInputWrapper();
this.hidePlaceHolderWrapper();
},
/** 更新tag信息 */
updateSelectTagItem() {
this.$el.$section.querySelectorAll(".el-select__choose_tag").forEach(($ele) => {
$ele.remove();
});
this.updateTagElement();
},
/**
* 选中的值改变的回调
* @param currentSelectInfo 当前的选中信息
*/
selectValueChangeCallBack(currentSelectInfo) {
if (typeof formConfig.callback === "function") {
formConfig.callback(currentSelectInfo || this.$data.selectInfo);
}
},
/** 设置下拉列表的点击事件 */
setSelectContainerClickEvent() {
const that = this;
popsDOMUtils.on(this.$el.$container, "click", (event) => {
let selectedInfo = [];
selectedInfo = selectedInfo.concat(that.$data.selectInfo);
function setItemSelected($ele) {
$ele.classList.add("select-item-is-selected");
}
function removeItemSelected($ele) {
$ele.classList.remove("select-item-is-selected");
}
function addSelectedInfo($ele) {
let info = getSelectedInfo($ele);
let findValue = selectedInfo.find((item) => item.value === info.value);
if (!findValue) {
selectedInfo.push({
value: info.value,
text: info.text,
isHTML: Boolean(info.isHTML),
disable: info.disable
});
}
that.selectValueChangeCallBack(selectedInfo);
}
function removeSelectedInfo($ele) {
let info = getSelectedInfo($ele);
let findIndex = selectedInfo.findIndex((item) => item.value === info.value);
if (findIndex !== -1) {
selectedInfo.splice(findIndex, 1);
}
that.selectValueChangeCallBack(selectedInfo);
}
function isSelected($ele) {
return $ele.classList.contains("select-item-is-selected");
}
function getSelectedInfo($ele) {
return Reflect.get($ele, "data-info");
}
function getAllSelectedInfo() {
return Array.from($selectContainer.querySelectorAll(".select-item")).map(($ele) => {
if (isSelected($ele)) {
return getSelectedInfo($ele);
}
}).filter((item) => {
return item != null;
});
}
function createSelectItemElement(dataInfo) {
let $item = popsDOMUtils.createElement("li", {
className: "select-item",
innerHTML: (
/*html*/
`
<span>${dataInfo.text}</span>
`
)
});
Reflect.set($item, "data-info", dataInfo);
return $item;
}
function setSelectElementClickEvent($ele) {
popsDOMUtils.on($ele, "click", (event2) => {
popsDOMUtils.preventEvent(event2);
if (typeof formConfig.clickCallBack === "function") {
let clickResult = formConfig.clickCallBack(event2, getAllSelectedInfo());
if (typeof clickResult === "boolean" && !clickResult) {
return;
}
}
if (isSelected($ele)) {
removeItemSelected($ele);
removeSelectedInfo($ele);
} else {
setItemSelected($ele);
addSelectedInfo($ele);
}
});
}
let { style, ...userConfirmDetails } = formConfig.selectConfirmDialogDetails || {};
let confirmDetails = popsUtils.assign({
title: {
text: "请勾选需要选择的选项",
position: "center"
},
content: {
text: (
/*html*/
`
<ul class="select-container"></ul>
`
),
html: true
},
btn: {
ok: {
enable: false
},
close: {
enable: true,
callback(details, event2) {
that.$data.selectInfo = [...selectedInfo];
that.updateSelectTagItem();
details.close();
}
}
},
mask: {
enable: true,
clickCallBack(originalRun, config) {
originalRun();
that.$data.selectInfo = [...selectedInfo];
that.updateSelectTagItem();
},
clickEvent: {
toClose: true
}
},
drag: true,
dragLimit: true,
width: "300px",
height: "300px",
style: (
/*css*/
`
.select-container{
--el-font-size-base: 14px;
--el-text-color-regular: #606266;
--el-color-primary: #409eff;
--el-fill-color-light: #f5f7fa;
}
.select-item{
cursor: pointer;
cursor: pointer;
font-size: var(--el-font-size-base);
padding: 0 32px 0 20px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--el-text-color-regular);
height: 34px;
line-height: 34px;
box-sizing: border-box;
}
.select-item:hover{
background-color: var(--el-fill-color-light);
}
.select-item.select-item-is-selected{
color: var(--el-color-primary);
font-weight: 700;
}
.select-item.select-item-is-selected::after{
content: "";
position: absolute;
top: 50%;
right: 20px;
border-top: none;
border-right: none;
background-repeat: no-repeat;
background-position: center;
background-color: var(--el-color-primary);
mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
mask-size: 100% 100%;
-webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
-webkit-mask-size: 100% 100%;
transform: translateY(-50%);
width: 12px;
height: 12px;
}
${style || ""}
`
)
}, userConfirmDetails);
let $dialog = pops.alert(confirmDetails);
let $selectContainer = $dialog.$shadowRoot.querySelector(".select-container");
formConfig.data.forEach((item) => {
let $select = createSelectItemElement(item);
$selectContainer.appendChild($select);
setSelectElementClickEvent($select);
let findValue = selectedInfo.find((value) => value.value === item.value);
if (findValue) {
setItemSelected($select);
}
});
});
},
/** 设置关闭图标的点击事件 */
setSelectedItemCloseIconClickEvent(data) {
popsDOMUtils.on(data.$closeIcon, "click", (event) => {
popsDOMUtils.preventEvent(event);
if (typeof formConfig.closeIconClickCallBack === "function") {
let result2 = formConfig.closeIconClickCallBack(event, {
$tag: data.$tag,
$closeIcon: data.$closeIcon,
value: data.value,
text: data.text
});
if (typeof result2 === "boolean" && !result2) {
return;
}
}
this.removeSelectedItem(data.$tag);
this.removeSelectedInfo({
value: data.value,
text: data.text
});
}, {
capture: true
});
},
/**
* 检测tag是否为空，为空显示placeholder
*/
checkTagEmpty() {
if (!this.$el.$section.querySelectorAll(".el-select__choose_tag").length) {
this.showPlaceHolderWrapper();
this.removeSectionIsNear();
}
},
/** 移除选中项元素 */
removeSelectedItem($ele) {
$ele.remove();
this.checkTagEmpty();
},
/** 移除选中的信息 */
removeSelectedInfo(data) {
for (let index = 0; index < this.$data.selectInfo.length; index++) {
const selectInfo = this.$data.selectInfo[index];
if (selectInfo.value === data.value) {
this.$data.selectInfo.splice(index, 1);
break;
}
}
this.selectValueChangeCallBack();
},
/** 显示输入框 */
showInputWrapper() {
popsDOMUtils.cssShow(this.$el.$selectedInputWrapper);
},
/** 隐藏输入框 */
hideInputWrapper() {
popsDOMUtils.cssHide(this.$el.$selectedInputWrapper, true);
},
/** 显示palceholder */
showPlaceHolderWrapper() {
popsDOMUtils.cssShow(this.$el.$selectedPlaceHolderWrapper);
},
/** 隐藏palceholder */
hidePlaceHolderWrapper() {
popsDOMUtils.cssHide(this.$el.$selectedPlaceHolderWrapper, true);
},
/** 设置隐藏section的前面的空白 */
setSectionIsNear() {
this.$el.$section.classList.add("is-near");
},
/** 取消设置隐藏section的前面的空白 */
removeSectionIsNear() {
this.$el.$section.classList.remove("is-near");
}
};
PopsPanelSelectMultiple.init();
Reflect.set(liElement, "data-select-multiple", PopsPanelSelectMultiple);
return liElement;
},
/**
* 获取中间容器的元素<li>
* type ==> button
* @param formConfig
*/
createSectionContainerItem_button(formConfig) {
let liElement = document.createElement("li");
liElement["__formConfig__"] = formConfig;
this.setElementClassName(liElement, formConfig.className);
this.setElementAttributes(liElement, formConfig.attributes);
this.setElementProps(liElement, formConfig.props);
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = /*html*/
`<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
liElement.innerHTML = /*html*/
`
<div class="pops-panel-item-left-text">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-panel-button">
<button class="pops-panel-button_inner">
<i class="pops-bottom-icon"></i>
<span class="pops-panel-button-text"></span>
</button>
</div>
`;
const PopsPanelButton = {
[Symbol.toStringTag]: "PopsPanelButton",
$ele: {
panelButton: liElement.querySelector(".pops-panel-button"),
button: liElement.querySelector(".pops-panel-button .pops-panel-button_inner"),
icon: liElement.querySelector(".pops-panel-button .pops-bottom-icon"),
spanText: liElement.querySelector(".pops-panel-button .pops-panel-button-text")
},
$data: {},
init() {
this.$ele.panelButton.appendChild(this.$ele.button);
this.initButton();
this.setClickEvent();
},
initButton() {
if (typeof formConfig.buttonIcon === "string" && formConfig.buttonIcon.trim() !== "") {
if (formConfig.buttonIcon in pops.config.iconSVG) {
this.setIconSVG(pops.config.iconSVG[formConfig.buttonIcon]);
} else {
this.setIconSVG(formConfig.buttonIcon);
}
this.showIcon();
} else {
this.hideIcon();
}
let buttonText = formConfig.buttonText;
if (typeof formConfig.buttonText === "function") {
buttonText = formConfig.buttonText();
}
this.setButtonType(formConfig.buttonType);
if (formConfig.buttonIsRightIcon) {
this.setIconRight();
} else {
this.setIconLeft();
}
if (formConfig.disable) {
this.disable();
}
this.setButtonText(buttonText);
this.setIconLoadingStatus(formConfig.buttonIconIsLoading);
},
disable() {
this.$ele.button.setAttribute("disabled", "true");
},
notDisable() {
this.$ele.button.removeAttribute("disabled");
},
/**
* 隐藏icon图标
*/
hideIcon() {
this.$ele.panelButton.classList.add("pops-panel-button-no-icon");
},
/**
* 显示icon图标
*/
showIcon() {
this.$ele.panelButton.classList.remove("pops-panel-button-no-icon");
},
/**
* 设置icon图标的svg
*/
setIconSVG(svgHTML) {
this.$ele.icon.innerHTML = svgHTML;
},
/**
* 设置icon图标是否旋转
* @param status
*/
setIconLoadingStatus(status) {
this.$ele.icon.setAttribute("is-loading", Boolean(status).toString());
},
/**
* 设置属性上是否存在icon图标
*/
setHasIcon(value) {
this.$ele.button.setAttribute("data-icon", Boolean(value).toString());
},
/**
* 设置按钮类型
* @param typeValue
*/
setButtonType(typeValue) {
this.$ele.button.setAttribute("type", typeValue);
},
/**
* 添加按钮的图标在右边
*/
setIconRight() {
this.$ele.button.classList.add("pops-panel-button-right-icon");
},
/**
* （默认）添加按钮的图标在左边
*/
setIconLeft() {
this.$ele.button.classList.remove("pops-panel-button-right-icon");
},
/**
* 设置按钮文本
* @param text
*/
setButtonText(text) {
this.$ele.spanText.innerHTML = text;
},
setClickEvent() {
popsDOMUtils.on(this.$ele.button, "click", void 0, (event) => {
if (typeof formConfig.callback === "function") {
formConfig.callback(event);
}
});
}
};
PopsPanelButton.init();
liElement["data-button"] = PopsPanelButton;
return liElement;
},
/**
* 获取深层容器的元素<li>
* @param formConfig
*/
createSectionContainerItem_deepMenu(formConfig) {
let that = this;
let $li = document.createElement("li");
$li.classList.add("pops-panel-deepMenu-nav-item");
$li["__formConfig__"] = formConfig;
this.setElementClassName($li, formConfig.className);
this.setElementAttributes($li, formConfig.attributes);
this.setElementProps($li, formConfig.props);
let leftDescriptionText = "";
if (Boolean(formConfig.description)) {
leftDescriptionText = `<p class="pops-panel-item-left-desc-text">${formConfig.description}</p>`;
}
let arrowRightIcon = typeof formConfig.arrowRightIcon === "boolean" ? formConfig.arrowRightIcon : true;
let arrowRightIconHTML = "";
if (arrowRightIcon) {
arrowRightIconHTML = `<i class="pops-panel-deepMenu-arrowRight-icon">${pops.config.iconSVG.arrowRight}</i>`;
}
let rightText = "";
if (formConfig.rightText) {
rightText = /*html*/
`<p class="pops-panel-item-right-text">${formConfig.rightText}</p>`;
}
$li.innerHTML = /*html*/
`
<div class="pops-panel-item-left-text">
<p class="pops-panel-item-left-main-text">${formConfig.text}</p>
${leftDescriptionText}
</div>
<div class="pops-panel-deepMenu">
${rightText}
${arrowRightIconHTML}
</div>
`;
const PopsPanelDeepMenu = {
[Symbol.toStringTag]: "PopsPanelDeepMenu",
$ele: {
get parentSection() {
return that.$el.$contentSectionContainer;
}
},
init() {
this.setLiClickEvent();
},
/**
* 生成配置每一项的元素
* @param $container
* @param formItemConfig
*/
initFormItem($container, formItemConfig) {
let formConfig_forms = formItemConfig;
if (formConfig_forms["type"] === "forms") {
let childForms = formConfig_forms["forms"];
let formContainerListElement = document.createElement("li");
let formContainerULElement = document.createElement("ul");
formContainerULElement.classList.add("pops-panel-forms-container-item-formlist");
formContainerListElement.classList.add("pops-panel-forms-container-item");
let formHeaderDivElement = popsDOMUtils.createElement("div", {
className: "pops-panel-forms-container-item-header-text"
});
formHeaderDivElement.innerHTML = formConfig_forms["text"];
if (formConfig_forms.isFold) {
formHeaderDivElement.innerHTML = /*html*/
`
<p>${formConfig_forms.text}</p>
<i class="pops-panel-forms-fold-container-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>
</svg>
</i>
`;
popsDOMUtils.on(formHeaderDivElement, "click", (event) => {
if (formContainerListElement.hasAttribute("data-fold-enable")) {
formContainerListElement.removeAttribute("data-fold-enable");
} else {
formContainerListElement.setAttribute("data-fold-enable", "");
}
});
formHeaderDivElement.classList.add("pops-panel-forms-fold-container");
formHeaderDivElement.classList.add("pops-user-select-none");
formContainerListElement.setAttribute("data-fold-enable", "");
formContainerListElement.classList.add("pops-panel-forms-fold");
formContainerListElement.appendChild(formHeaderDivElement);
} else {
formContainerListElement.appendChild(formHeaderDivElement);
}
that.setElementClassName(formContainerListElement, formItemConfig.className);
that.setElementAttributes(formContainerListElement, formItemConfig.attributes);
that.setElementProps(formContainerListElement, formItemConfig.props);
childForms.forEach((childFormConfig) => {
that.uListContainerAddItem(childFormConfig, {
ulElement: formContainerULElement,
sectionContainerULElement: that.sectionContainerULElement,
formContainerListElement,
formHeaderDivElement
});
});
formContainerListElement.appendChild(formContainerULElement);
$container.appendChild(formContainerListElement);
if (typeof formConfig_forms.afterAddToUListCallBack === "function") {
formConfig_forms.afterAddToUListCallBack(formConfig, {
target: formContainerListElement,
ulElement: formContainerULElement,
sectionContainerULElement: that.sectionContainerULElement,
formContainerListElement,
formHeaderDivElement
});
}
} else {
that.uListContainerAddItem(formConfig, {
ulElement: that.sectionContainerULElement
});
}
},
/**
* 前往子菜单
* @param event 点击事件
* @param liElement 当前的<li>元素
*/
gotoDeepMenu(event, liElement) {
var _a2, _b;
let currentSection = liElement.closest("section.pops-panel-container");
if (currentSection) {
popsDOMUtils.cssHide(currentSection, true);
}
let $deepMenuContainer = popsDOMUtils.createElement("section", {
className: "pops-panel-container pops-panel-deepMenu-container"
});
let $deepMenuHeaderUL = popsDOMUtils.createElement("ul", {
className: "pops-panel-deepMenu-container-header-ul"
});
let $deepMenuBodyUL = popsDOMUtils.createElement("ul");
let headerTitleText = formConfig.headerTitle ?? formConfig.text;
let $header = popsDOMUtils.createElement("div", {
className: "pops-panel-deepMenu-container-header",
innerHTML: `<p>${headerTitleText}</p>`
});
let $headerLeftArrow = popsDOMUtils.createElement("i", {
className: "pops-panel-deepMenu-container-left-arrow-icon",
innerHTML: pops.config.iconSVG.arrowLeft
});
popsDOMUtils.on($headerLeftArrow, "click", void 0, (event2) => {
event2 == null ? void 0 : event2.preventDefault();
event2 == null ? void 0 : event2.stopPropagation();
let $prev = $deepMenuContainer.previousElementSibling;
popsDOMUtils.cssShow($prev);
$deepMenuContainer.remove();
}, {
once: true
});
(_a2 = $header.firstElementChild) == null ? void 0 : _a2.insertAdjacentElement("beforebegin", $headerLeftArrow);
$deepMenuHeaderUL.appendChild($header);
$deepMenuContainer.appendChild($deepMenuHeaderUL);
$deepMenuContainer.appendChild($deepMenuBodyUL);
if (formConfig.forms && Array.isArray(formConfig.forms)) {
for (let index = 0; index < formConfig.forms.length; index++) {
let formItemConfig = formConfig.forms[index];
this.initFormItem($deepMenuBodyUL, formItemConfig);
}
}
(_b = that.$el.$content) == null ? void 0 : _b.appendChild($deepMenuContainer);
if (typeof formConfig.afterEnterDeepMenuCallBack === "function") {
formConfig.afterEnterDeepMenuCallBack(formConfig, {
sectionContainer: $deepMenuContainer,
sectionContainerHeaderContainer: $deepMenuHeaderUL,
sectionContainerHeader: $header,
sectionBodyContainer: $deepMenuBodyUL
});
}
},
/** 设置项的点击事件 */
setLiClickEvent() {
popsDOMUtils.on($li, "click", void 0, async (event) => {
if (typeof formConfig.clickCallBack === "function") {
let result2 = await formConfig.clickCallBack(event, formConfig);
if (result2) {
return;
}
}
this.gotoDeepMenu(event, $li);
});
}
};
PopsPanelDeepMenu.init();
$li["data-deepMenu"] = PopsPanelDeepMenu;
return $li;
},
/**
* 获取中间容器的元素<li>
* type ===> own
* @param formConfig
*/
createSectionContainerItem_own(formConfig) {
let liElement = document.createElement("li");
liElement["__formConfig__"] = formConfig;
if (formConfig.className) {
liElement.className = formConfig.className;
}
liElement = formConfig.getLiElementCallBack(liElement);
return liElement;
},
/**
* 获取中间容器的元素<li>
* @param formConfig
*/
createSectionContainerItem(formConfig) {
let formType = formConfig["type"];
if (formType === "switch") {
return this.createSectionContainerItem_switch(formConfig);
} else if (formType === "slider") {
return this.createSectionContainerItem_slider_new(formConfig);
} else if (formType === "input") {
return this.createSectionContainerItem_input(formConfig);
} else if (formType === "textarea") {
return this.createSectionContainerItem_textarea(formConfig);
} else if (formType === "select") {
return this.createSectionContainerItem_select(formConfig);
} else if (formType === "select-multiple") {
return this.createSectionContainerItem_select_multiple_new(formConfig);
} else if (formType === "button") {
return this.createSectionContainerItem_button(formConfig);
} else if (formType === "deepMenu") {
return this.createSectionContainerItem_deepMenu(formConfig);
} else if (formType === "own") {
return this.createSectionContainerItem_own(formConfig);
} else {
console.error("尚未实现的type类型", formConfig);
}
},
/**
* 生成配置项forms
* 生成配置每一项的元素
* @param formConfig
*/
createSectionContainerItem_forms(formConfig) {
let that = this;
let formConfig_forms = formConfig;
if (formConfig_forms["type"] === "forms") {
let childForms = formConfig["forms"];
let formContainerListElement = document.createElement("li");
let formContainerULElement = document.createElement("ul");
formContainerULElement.classList.add("pops-panel-forms-container-item-formlist");
formContainerListElement.classList.add("pops-panel-forms-container-item");
let formHeaderDivElement = popsDOMUtils.createElement("div", {
className: "pops-panel-forms-container-item-header-text"
});
formHeaderDivElement.innerHTML = formConfig_forms["text"];
if (formConfig_forms.isFold) {
formHeaderDivElement.innerHTML = /*html*/
`
<p>${formConfig_forms.text}</p>
<i class="pops-panel-forms-fold-container-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>
</svg>
</i>
`;
popsDOMUtils.on(formHeaderDivElement, "click", (event) => {
if (formContainerListElement.hasAttribute("data-fold-enable")) {
formContainerListElement.removeAttribute("data-fold-enable");
} else {
formContainerListElement.setAttribute("data-fold-enable", "");
}
});
formHeaderDivElement.classList.add("pops-panel-forms-fold-container");
formHeaderDivElement.classList.add("pops-user-select-none");
formContainerListElement.setAttribute("data-fold-enable", "");
formContainerListElement.classList.add("pops-panel-forms-fold");
formContainerListElement.appendChild(formHeaderDivElement);
} else {
formContainerListElement.appendChild(formHeaderDivElement);
}
that.setElementClassName(formContainerListElement, formConfig.className);
that.setElementAttributes(formContainerListElement, formConfig.attributes);
that.setElementProps(formContainerListElement, formConfig.props);
childForms.forEach((childFormConfig) => {
that.uListContainerAddItem(childFormConfig, {
ulElement: formContainerULElement,
sectionContainerULElement: that.sectionContainerULElement,
formContainerListElement,
formHeaderDivElement
});
});
formContainerListElement.appendChild(formContainerULElement);
that.sectionContainerULElement.appendChild(formContainerListElement);
if (typeof formConfig_forms.afterAddToUListCallBack === "function") {
formConfig_forms.afterAddToUListCallBack(formConfig_forms, {
target: formContainerListElement,
ulElement: formContainerULElement,
sectionContainerULElement: that.sectionContainerULElement,
formContainerListElement,
formHeaderDivElement
});
}
} else {
that.uListContainerAddItem(formConfig, {
ulElement: that.sectionContainerULElement
});
}
},
/**
*
* @param formConfig
* @param containerOptions
*/
uListContainerAddItem(formConfig, containerOptions) {
let itemLiElement = this.createSectionContainerItem(formConfig);
if (itemLiElement) {
containerOptions["ulElement"].appendChild(itemLiElement);
}
if (typeof formConfig.afterAddToUListCallBack === "function") {
formConfig.afterAddToUListCallBack(formConfig, {
...containerOptions,
target: itemLiElement
});
}
},
/**
* 为左侧容器元素添加点击事件
* @param asideLiElement 左侧的容器<li>元素
* @param asideConfig 配置
*/
setAsideItemClickEvent(asideLiElement, asideConfig) {
const that = this;
popsDOMUtils.on(asideLiElement, "click", void 0, (event) => {
this.clearContainer();
popsDOMUtils.cssShow(that.$el.$contentSectionContainer);
this.clearAsideItemIsVisited();
this.setAsideItemIsVisited(asideLiElement);
let headerTitleText = asideConfig.headerTitle ?? asideConfig.title;
if (typeof headerTitleText === "string" && headerTitleText.trim() !== "") {
let containerHeaderTitleLIElement = document.createElement("li");
containerHeaderTitleLIElement["__asideConfig__"] = asideConfig;
containerHeaderTitleLIElement.innerHTML = headerTitleText;
this.sectionContainerHeaderULElement.appendChild(containerHeaderTitleLIElement);
}
let __forms__ = asideLiElement["__forms__"];
__forms__.forEach((formConfig) => {
this.createSectionContainerItem_forms(formConfig);
});
if (typeof asideConfig.callback === "function") {
asideConfig.callback(event, this.sectionContainerHeaderULElement, this.sectionContainerULElement);
}
});
}
};
};
let PopsPanel$1 = class PopsPanel2 {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "panel";
let config = PopsPanelConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
if (details && Array.isArray(details.content)) {
config.content = details.content;
}
config = PopsHandler.handleOnly(PopsType, config);
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.ninePalaceGridPosition,
pops.config.cssText.scrollbar,
pops.config.cssText.button,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.panelCSS
]);
let zIndex = PopsHandler.handleZIndex(config.zIndex);
let maskHTML = PopsElementHandler.getMaskHTML(guid, zIndex);
let headerBtnHTML = PopsElementHandler.getHeaderBtnHTML(PopsType, config);
let { headerStyle, headerPStyle } = PopsElementHandler.getHeaderStyle(PopsType, config);
let animHTML = PopsElementHandler.getAnimHTML(
guid,
PopsType,
config,
/*html*/
`
<div
class="pops-${PopsType}-title"
style="text-align: ${config.title.position};
${headerStyle}">
${config.title.html ? config.title.text : `<p pops style="${headerPStyle}">${config.title.text}</p>`}
${headerBtnHTML}
</div>
<div class="pops-${PopsType}-content">
<aside class="pops-${PopsType}-aside">
<ul></ul>
</aside>
<section class="pops-${PopsType}-container">
<ul class="pops-panel-container-header-ul"></ul>
<ul></ul>
</section>
</div>`,
"",
zIndex
);
let $anim = PopsElementHandler.parseElement(animHTML);
let { popsElement: $pops, headerCloseBtnElement: $headerCloseBtn, titleElement: $title, contentElement: $content, contentAsideElement: $contentAside, contentSectionContainerElement: $contentSectionContainer } = PopsHandler.handleQueryElement($anim, PopsType);
if (config.isMobile || pops.isPhone()) {
popsDOMUtils.addClassName($pops, config.mobileClassName);
}
let $mask = null;
let isCreatedElementList = [$anim];
if (config.mask.enable) {
let { maskElement } = PopsHandler.handleMask({
type: PopsType,
guid,
config,
animElement: $anim,
maskHTML
});
$mask = maskElement;
isCreatedElementList.push($mask);
}
let eventDetails = PopsHandler.handleEventDetails(guid, $shadowContainer, $shadowRoot, PopsType, $anim, $pops, $mask, config);
PopsHandler.handleClickEvent("close", $headerCloseBtn, eventDetails, config.btn.close.callback);
popsDOMUtils.append($shadowRoot, isCreatedElementList);
if (typeof config.beforeAppendToPageCallBack === "function") {
config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
}
popsDOMUtils.appendBody($shadowContainer);
if ($mask != null) {
$anim.after($mask);
}
let panelHandleContentDetails = PanelHandleContentDetails();
panelHandleContentDetails.init({
config,
$el: {
$content,
$contentAside,
$contentSectionContainer
}
});
PopsHandler.handlePush(PopsType, {
guid,
animElement: $anim,
popsElement: $pops,
maskElement: $mask,
$shadowContainer,
$shadowRoot
});
if (config.drag) {
PopsInstanceUtils.drag($pops, {
dragElement: $title,
limit: config.dragLimit,
extraDistance: config.dragExtraDistance,
moveCallBack: config.dragMoveCallBack,
endCallBack: config.dragEndCallBack
});
}
return PopsHandler.handleResultDetails(eventDetails);
}
};
const rightClickMenuConfig = () => {
return {
target: document.documentElement,
targetSelector: null,
data: [
{
icon: pops.config.iconSVG.search,
iconIsLoading: false,
text: "搜索",
item: [],
callback(clickEvent, contextMenuEvent, liElement) {
console.log("点击：" + this.text, [
clickEvent,
contextMenuEvent,
liElement
]);
}
},
{
icon: pops.config.iconSVG.documentCopy,
iconIsLoading: false,
text: "复制",
item: [],
callback(clickEvent, contextMenuEvent, liElement) {
console.log("点击：" + this.text, [
clickEvent,
contextMenuEvent,
liElement
]);
}
},
{
icon: pops.config.iconSVG.delete,
text: "删除",
iconIsLoading: false,
item: [],
callback(clickEvent, contextMenuEvent, liElement) {
console.log("点击：" + this.text, [
clickEvent,
contextMenuEvent,
liElement
]);
}
},
{
icon: pops.config.iconSVG.loading,
iconIsLoading: true,
text: "加载",
item: [],
callback(clickEvent, contextMenuEvent, liElement) {
console.log("点击：" + this.text, [
clickEvent,
contextMenuEvent,
liElement
]);
return false;
}
},
{
icon: pops.config.iconSVG.elemePlus,
iconIsLoading: true,
text: "饿了么",
callback(clickEvent, contextMenuEvent, liElement) {
console.log("点击：" + this.text, [
clickEvent,
contextMenuEvent,
liElement
]);
return false;
},
item: [
{
icon: "",
iconIsLoading: false,
text: "处理文件",
item: [],
callback(clickEvent, contextMenuEvent, liElement) {
console.log("点击：" + this.text, [
clickEvent,
contextMenuEvent,
liElement
]);
}
},
{
icon: "",
iconIsLoading: false,
text: "其它处理",
callback(clickEvent, contextMenuEvent, liElement) {
console.log("点击：" + this.text, [
clickEvent,
contextMenuEvent,
liElement
]);
},
item: [
{
icon: pops.config.iconSVG.view,
iconIsLoading: false,
text: "查看",
item: [],
callback(clickEvent, contextMenuEvent, liElement) {
console.log("点击：" + this.text, [
clickEvent,
contextMenuEvent,
liElement
]);
}
}
]
}
]
}
],
useShadowRoot: true,
className: "",
isAnimation: true,
only: false,
zIndex: 1e4,
preventDefault: true,
style: null,
beforeAppendToPageCallBack() {
}
};
};
class PopsRightClickMenu {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "rightClickMenu";
let config = rightClickMenuConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
config = PopsHandler.handleOnly(PopsType, config);
if (config.target == null) {
throw "config.target 不能为空";
}
if (details.data) {
config.data = details.data;
}
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.rightClickMenu
]);
if (config.style != null) {
let cssNode = document.createElement("style");
cssNode.setAttribute("type", "text/css");
cssNode.innerHTML = config.style;
$shadowRoot.appendChild(cssNode);
}
const PopsContextMenu = {
/**
* 根元素
*/
rootElement: null,
/**
* 全局点击检测
* @param event
*/
windowCheckClickEvent(event) {
if (!PopsContextMenu.rootElement) {
return;
}
let $click = event.target;
if ($click.closest(`.pops-${PopsType}`)) {
return;
}
if ($click.className && $click.className === "pops-shadow-container" && $click.shadowRoot != null) {
return;
}
PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
},
/**
* target为shadowRoot或shadowRoot内的全局点击检测
* @param event
*/
shadowRootCheckClickEvent(event) {
if (!PopsContextMenu.rootElement) {
return;
}
let $click = event.target;
if ($click.closest(`.pops-${PopsType}`)) {
return;
}
PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
},
/**
* 添加全局点击检测事件
*/
addWindowCheckClickListener() {
popsDOMUtils.on(globalThis, "click touchstart", void 0, PopsContextMenu.windowCheckClickEvent, {
capture: true
});
if (config.target instanceof Node) {
const $shadowRoot2 = config.target.getRootNode();
if ($shadowRoot2 instanceof ShadowRoot) {
popsDOMUtils.on($shadowRoot2, "click touchstart", void 0, PopsContextMenu.shadowRootCheckClickEvent, {
capture: true
});
}
}
},
/**
* 移除全局点击检测事件
*/
removeWindowCheckClickListener() {
popsDOMUtils.off(globalThis, "click touchstart", void 0, PopsContextMenu.windowCheckClickEvent, {
capture: true
});
if (config.target instanceof Node) {
const $shadowRoot2 = config.target.getRootNode();
if ($shadowRoot2 instanceof ShadowRoot) {
popsDOMUtils.off($shadowRoot2, "click touchstart", void 0, PopsContextMenu.windowCheckClickEvent, {
capture: true
});
}
}
},
/**
* contextmenu事件
* @param event
*/
contextMenuEvent(event) {
if (config.preventDefault) {
popsDOMUtils.preventEvent(event);
}
PopsHandler.handleOnly(PopsType, config);
if (PopsContextMenu.rootElement) {
PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
}
let rootElement = PopsContextMenu.showMenu(event, config.data);
PopsContextMenu.rootElement = rootElement;
if (config.only) {
PopsHandler.handlePush(PopsType, {
$shadowRoot,
$shadowContainer,
guid,
animElement: rootElement,
popsElement: rootElement,
beforeRemoveCallBack(layerCommonConfig) {
PopsContextMenu.closeAllMenu(layerCommonConfig.popsElement);
}
});
}
},
/**
* 添加contextmenu事件
* @param target 目标
* @param selector 子元素选择器
*/
addContextMenuEvent(target, selector) {
popsDOMUtils.on(target, "contextmenu", selector, PopsContextMenu.contextMenuEvent);
},
/**
* 移除contextmenu事件
* @param target 目标
* @param selector 子元素选择器
*/
removeContextMenuEvent(target, selector) {
popsDOMUtils.off(target, "contextmenu", selector, PopsContextMenu.contextMenuEvent);
},
/**
* 自动判断是否存在动画，存在动画就执行关闭动画并删除
* @param element
*/
animationCloseMenu(element) {
function transitionEndEvent(event) {
popsDOMUtils.off(element, popsDOMUtils.getTransitionEndNameList(), void 0, transitionEndEvent, {
capture: true
});
element.remove();
}
if (element.classList.contains(`pops-${PopsType}-anim-show`)) {
popsDOMUtils.on(element, popsDOMUtils.getTransitionEndNameList(), void 0, transitionEndEvent, {
capture: true
});
element.classList.remove(`pops-${PopsType}-anim-show`);
} else {
element.remove();
}
},
/**
* 关闭所有菜单
* @param rootElement
*/
closeAllMenu(rootElement) {
var _a2, _b;
if (rootElement == null) {
return;
}
if ((_a2 = rootElement == null ? void 0 : rootElement["__menuData__"]) == null ? void 0 : _a2.root) {
rootElement = (_b = rootElement == null ? void 0 : rootElement["__menuData__"]) == null ? void 0 : _b.root;
}
let childMenuList = rootElement["__menuData__"].child;
childMenuList.forEach((childMenuElement) => {
this.animationCloseMenu(childMenuElement);
});
this.animationCloseMenu(rootElement);
PopsContextMenu.rootElement = null;
},
/**
* 获取菜单容器
* @param isChildren 是否是rightClickMenu的某一项的子菜单
*/
getMenuContainerElement(isChildren) {
let $menu = popsDOMUtils.createElement("div", {
className: `pops-${PopsType}`,
innerHTML: (
/*html*/
`
<ul></ul>
`
)
});
let zIndex = this.getMenuZIndex();
if (zIndex > 1e4) {
$menu.style.zIndex = zIndex.toString();
}
if (isChildren) {
$menu.setAttribute("is-children", "true");
}
if (config.isAnimation) {
popsDOMUtils.addClassName($menu, `pops-${PopsType}-anim-grid`);
}
return $menu;
},
/**
* 动态获取配的z-index
*/
getMenuZIndex() {
return PopsHandler.handleZIndex(config.zIndex);
},
/**
* 获取left、top偏移
* @param menuElement 菜单元素
* @param x
* @param y
*/
getOffset(menuElement, x2, y2) {
let menuElementWidth = popsDOMUtils.width(menuElement);
let menuElementHeight = popsDOMUtils.height(menuElement);
let maxLeftOffset = popsDOMUtils.width(globalThis) - menuElementWidth - 1;
let maxTopOffset = popsDOMUtils.height(globalThis) - menuElementHeight - 8;
let currentLeftOffset = x2;
let currentTopOffset = y2;
currentLeftOffset = currentLeftOffset < 0 ? 0 : currentLeftOffset;
currentLeftOffset = currentLeftOffset < maxLeftOffset ? currentLeftOffset : maxLeftOffset;
currentTopOffset = currentTopOffset < 0 ? 0 : currentTopOffset;
currentTopOffset = currentTopOffset < maxTopOffset ? currentTopOffset : maxTopOffset;
return {
left: currentLeftOffset,
top: currentTopOffset
};
},
/**
* 显示菜单
* @param menuEvent 触发的事件
* @param _config_
*/
showMenu(menuEvent, _config_) {
let menuElement = this.getMenuContainerElement(false);
Reflect.set(menuElement, "__menuData__", {
child: []
});
PopsContextMenu.addMenuLiELement(menuEvent, menuElement, menuElement, _config_);
popsDOMUtils.css(menuElement, {
display: "none"
});
popsDOMUtils.append($shadowRoot, menuElement);
if (!document.contains($shadowContainer)) {
if (typeof config.beforeAppendToPageCallBack === "function") {
config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
}
popsDOMUtils.appendBody($shadowContainer);
}
let { left: menuLeftOffset, top: menuTopOffset } = this.getOffset(menuElement, menuEvent.clientX, menuEvent.clientY);
popsDOMUtils.css(menuElement, {
left: menuLeftOffset,
top: menuTopOffset,
display: ""
});
if (config.isAnimation) {
popsDOMUtils.addClassName(menuElement, `pops-${PopsType}-anim-show`);
}
return menuElement;
},
/**
* 显示子菜单
* @param menuEvent 事件
* @param posInfo 位置信息
* @param _config_
* @param rootElement 根菜单元素
* @param targetLiElement 父li项元素
*/
showClildMenu(menuEvent, posInfo, _config_, rootElement, targetLiElement) {
let menuElement = this.getMenuContainerElement(true);
Reflect.set(menuElement, "__menuData__", {
parent: targetLiElement,
root: rootElement
});
let rootElementMenuData = Reflect.get(rootElement, "__menuData__");
rootElementMenuData.child.push(menuElement);
PopsContextMenu.addMenuLiELement(menuEvent, rootElement, menuElement, _config_);
popsDOMUtils.css(menuElement, {
display: "none"
});
popsDOMUtils.append($shadowRoot, menuElement);
let { left: menuLeftOffset, top: menuTopOffset } = this.getOffset(menuElement, posInfo.clientX, posInfo.clientY);
popsDOMUtils.css(menuElement, {
left: menuLeftOffset,
top: menuTopOffset,
display: ""
});
if (config.isAnimation) {
popsDOMUtils.addClassName(menuElement, `pops-${PopsType}-anim-show`);
}
return menuElement;
},
/**
* 获取菜单项的元素
* @param menuEvent 事件
* @param rootElement 根元素
* @param menuElement 菜单元素
* @param _config_ 配置
*/
addMenuLiELement(menuEvent, rootElement, menuElement, _config_) {
let menuEventTarget = menuEvent.target;
let menuULElement = menuElement.querySelector("ul");
_config_.forEach((item) => {
let menuLiElement = popsUtils.parseTextToDOM(`<li></li>`);
if (typeof item.icon === "string" && item.icon.trim() !== "") {
let iconSVGHTML = pops.config.iconSVG[item.icon] ?? item.icon;
let iconElement = popsUtils.parseTextToDOM(`<i class="pops-${PopsType}-icon" is-loading="${item.iconIsLoading}">${iconSVGHTML}</i>`);
menuLiElement.appendChild(iconElement);
}
menuLiElement.insertAdjacentHTML("beforeend", `<span>${item.text}</span>`);
if (item.item && Array.isArray(item.item)) {
popsDOMUtils.addClassName(menuLiElement, `pops-${PopsType}-item`);
}
function liElementHoverEvent() {
Array.from(menuULElement.children).forEach((liElement) => {
popsDOMUtils.removeClassName(liElement, `pops-${PopsType}-is-visited`);
if (!liElement.__menuData__) {
return;
}
function removeElement(element) {
element.querySelectorAll("ul li").forEach((ele) => {
var _a2;
if ((_a2 = ele == null ? void 0 : ele.__menuData__) == null ? void 0 : _a2.child) {
removeElement(ele.__menuData__.child);
}
});
element.remove();
}
removeElement(liElement.__menuData__.child);
});
for (let index = 0; index < rootElement.__menuData__.child.length; index++) {
let element = rootElement.__menuData__.child[index];
if (!$shadowRoot.contains(element)) {
rootElement.__menuData__.child.splice(index, 1);
index--;
}
}
popsDOMUtils.addClassName(menuLiElement, `pops-${PopsType}-is-visited`);
if (!item.item) {
return;
}
let rect = menuLiElement.getBoundingClientRect();
let childMenu = PopsContextMenu.showClildMenu(menuEvent, {
clientX: rect.left + popsDOMUtils.outerWidth(menuLiElement),
clientY: rect.top
}, item.item, rootElement, menuLiElement);
menuLiElement.__menuData__ = {
child: childMenu
};
}
async function liElementClickEvent(clickEvent) {
if (typeof item.callback === "function") {
OriginPrototype.Object.defineProperty(menuEvent, "target", {
get() {
return menuEventTarget;
}
});
let callbackResult = await item.callback(clickEvent, menuEvent, menuLiElement);
if (typeof callbackResult === "boolean" && callbackResult == false) {
return;
}
}
Array.from(menuULElement.children).forEach((liEle) => {
popsDOMUtils.off(liEle, "mouseenter touchstart");
});
PopsContextMenu.closeAllMenu(rootElement);
}
popsDOMUtils.on(menuLiElement, "mouseenter touchstart", void 0, liElementHoverEvent);
popsDOMUtils.on(menuLiElement, "click", void 0, liElementClickEvent);
menuULElement.appendChild(menuLiElement);
});
}
};
PopsContextMenu.addContextMenuEvent(config.target, config.targetSelector);
PopsContextMenu.addWindowCheckClickListener();
return {
guid,
config,
removeWindowCheckClickListener: PopsContextMenu.removeWindowCheckClickListener,
addWindowCheckClickListener: PopsContextMenu.addWindowCheckClickListener,
removeContextMenuEvent: PopsContextMenu.removeContextMenuEvent,
addContextMenuEvent: PopsContextMenu.addContextMenuEvent
};
}
}
const searchSuggestionConfig = () => {
return {
// @ts-ignore
target: null,
// @ts-ignore
inputTarget: null,
selfDocument: document,
data: [
{
value: "数据1",
text: "数据1-html"
},
{
value: "数据2",
text: "数据2-html"
}
],
deleteIcon: {
enable: true,
callback(event, liElement, data) {
console.log("删除当前项", [event, liElement, data]);
liElement.remove();
}
},
useShadowRoot: true,
className: "",
isAbsolute: true,
isAnimation: true,
width: "250px",
maxHeight: "300px",
followTargetWidth: true,
topDistance: 0,
position: "auto",
positionTopToReverse: true,
zIndex: 1e4,
searchingTip: "正在搜索中...",
toSearhNotResultHTML: '<li data-none="true">暂无其它数据</li>',
toHideWithNotResult: false,
followPosition: "target",
getItemHTML(item) {
return item.text ?? item;
},
async getData(value) {
console.log("当前输入框的值是：", value);
return [];
},
itemClickCallBack(event, liElement, data) {
console.log("item项的点击回调", [event, liElement, data]);
this.inputTarget.value = data.value;
},
selectCallBack(event, liElement, data) {
console.log("item项的选中回调", [event, liElement, data]);
},
style: ""
};
};
class PopsSearchSuggestion {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "searchSuggestion";
let config = searchSuggestionConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
if (config.target == null) {
throw new TypeError("config.target 不能为空");
}
if (config.inputTarget == null) {
config.inputTarget = config.target;
}
if (details.data) {
config.data = details.data;
}
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.anim,
pops.config.cssText.common
]);
if (config.style != null) {
let cssNode = document.createElement("style");
cssNode.setAttribute("type", "text/css");
cssNode.innerHTML = config.style;
$shadowRoot.appendChild(cssNode);
}
const SearchSuggestion = {
/**
* 当前的环境，可以是document，可以是shadowroot，默认是document
*/
selfDocument: config.selfDocument,
$el: {
/** 根元素 */
root: null,
/** ul元素 */
$hintULContainer: null,
/** 动态更新CSS */
$dynamicCSS: null
},
$data: {
/** 是否结果为空 */
isEmpty: true
},
/**
* 初始化
*/
init(parentElement = document.body || document.documentElement) {
this.initEl();
SearchSuggestion.update(typeof config.data === "function" ? config.data() : config.data);
SearchSuggestion.updateDynamicCSS();
SearchSuggestion.changeHintULElementWidth();
SearchSuggestion.changeHintULElementPosition();
SearchSuggestion.hide();
if (config.isAnimation) {
SearchSuggestion.$el.root.classList.add(`pops-${PopsType}-animation`);
}
$shadowRoot.appendChild(SearchSuggestion.$el.root);
parentElement.appendChild($shadowContainer);
},
/** 初始化元素变量 */
initEl() {
this.$el.root = SearchSuggestion.getSearchSelectElement();
this.$el.$dynamicCSS = this.$el.root.querySelector("style[data-dynamic]");
this.$el.$hintULContainer = SearchSuggestion.$el.root.querySelector("ul");
},
/**
* 获取显示出搜索建议框的html
*/
getSearchSelectElement() {
let element = popsDOMUtils.createElement("div", {
className: `pops pops-${PopsType}-search-suggestion`,
innerHTML: (
/*html*/
`
<style data-dynamic="true">
${this.getDynamicCSS()}
</style>
<ul class="pops-${PopsType}-search-suggestion-hint">
${config.toSearhNotResultHTML}
</ul>
`
)
}, {
"data-guid": guid,
"type-value": PopsType
});
if (config.className !== "" && config.className != null) {
popsDOMUtils.addClassName(element, config.className);
}
return element;
},
/** 动态获取CSS */
getDynamicCSS() {
return (
/*css*/
`
.pops-${PopsType}-animation{
-moz-animation: searchSelectFalIn 0.5s 1 linear;
-webkit-animation: searchSelectFalIn 0.5s 1 linear;
-o-animation: searchSelectFalIn 0.5s 1 linear;
-ms-animation: searchSelectFalIn 0.5s 1 linear;
}
.pops-${PopsType}-search-suggestion{
border: initial;
overflow: initial;
}
ul.pops-${PopsType}-search-suggestion-hint{
position: ${config.isAbsolute ? "absolute" : "fixed"};
z-index: ${PopsHandler.handleZIndex(config.zIndex)};
width: 0;
left: 0;
max-height: ${config.maxHeight};
overflow-x: hidden;
overflow-y: auto;
padding: 5px 0;
background-color: #fff;
box-sizing: border-box;
border-radius: 4px;
box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
}
/* 建议框在上面时 */
ul.pops-${PopsType}-search-suggestion-hint[data-top-reverse]{
display: flex;
flex-direction: column-reverse;
}
ul.pops-${PopsType}-search-suggestion-hint[data-top-reverse] li{
flex-shrink: 0;
}
ul.pops-${PopsType}-search-suggestion-hint li{
padding: 7px;
margin: 0;
clear: both;
color: #515a6e;
font-size: 14px;
list-style: none;
cursor: pointer;
transition: background .2s ease-in-out;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
ul.pops-${PopsType}-search-suggestion-hint li[data-none]{
text-align: center;
font-size: 12px;
color: #8e8e8e;
}
ul.pops-${PopsType}-search-suggestion-hint li:hover{
background-color: rgba(0, 0, 0, .1);
}
`
);
},
/**
* 获取显示出搜索建议框的每一项的html
* @param data 当前项的值
* @param index 当前项的下标
*/
getSearchItemLiElement(data, index) {
return popsDOMUtils.createElement("li", {
className: `pops-${PopsType}-search-suggestion-hint-item pops-flex-items-center pops-flex-y-center`,
"data-index": index,
"data-value": SearchSuggestion.getItemDataValue(data),
innerHTML: `
${config.getItemHTML(data)}
${config.deleteIcon.enable ? SearchSuggestion.getDeleteIconHTML() : ""}
`
});
},
/**
* 获取data-value值
* @param data
*/
getItemDataValue(data) {
return data;
},
/**
* 设置搜索建议框每一项的点击事件
* @param liElement
*/
setSearchItemClickEvent(liElement) {
popsDOMUtils.on(liElement, "click", void 0, (event) => {
popsDOMUtils.preventEvent(event);
let $click = event.target;
if ($click.closest(`.pops-${PopsType}-delete-icon`)) {
if (typeof config.deleteIcon.callback === "function") {
config.deleteIcon.callback(event, liElement, liElement["data-value"]);
}
if (!this.$el.$hintULContainer.children.length) {
this.clear();
}
} else {
config.itemClickCallBack(event, liElement, liElement["data-value"]);
}
}, {
capture: true
});
},
/**
* 设置搜索建议框每一项的选中事件
* @param liElement
*/
setSearchItemSelectEvent(liElement) {
},
/**
* 监听输入框内容改变
*/
setInputChangeEvent(option = {
capture: true
}) {
if (!(config.inputTarget instanceof HTMLInputElement || config.inputTarget instanceof HTMLTextAreaElement)) {
return;
}
config.inputTarget.setAttribute("autocomplete", "off");
popsDOMUtils.on(config.inputTarget, "input", void 0, async (event) => {
let getListResult = await config.getData(event.target.value);
SearchSuggestion.update(getListResult);
}, option);
},
/**
* 移除输入框内容改变的监听
*/
removeInputChangeEvent(option = {
capture: true
}) {
popsDOMUtils.off(config.inputTarget, "input", void 0, void 0, option);
},
/**
* 显示搜索建议框的事件
*/
showEvent() {
SearchSuggestion.updateDynamicCSS();
SearchSuggestion.changeHintULElementWidth();
SearchSuggestion.changeHintULElementPosition();
if (config.toHideWithNotResult) {
if (SearchSuggestion.$data.isEmpty) {
SearchSuggestion.hide();
} else {
SearchSuggestion.show();
}
} else {
SearchSuggestion.show();
}
},
/**
* 设置显示搜索建议框的事件
*/
setShowEvent(option = {
capture: true
}) {
if (config.followPosition === "target") {
popsDOMUtils.on([config.target], ["focus", "click"], void 0, SearchSuggestion.showEvent, option);
} else if (config.followPosition === "input") {
popsDOMUtils.on([config.inputTarget], ["focus", "click"], void 0, SearchSuggestion.showEvent, option);
} else if (config.followPosition === "inputCursor") {
popsDOMUtils.on([config.inputTarget], ["focus", "click", "input"], void 0, SearchSuggestion.showEvent, option);
} else {
throw new TypeError("未知followPosition：" + config.followPosition);
}
},
/**
* 移除显示搜索建议框的事件
*/
removeShowEvent(option = {
capture: true
}) {
popsDOMUtils.off([config.target, config.inputTarget], ["focus", "click"], void 0, SearchSuggestion.showEvent, option);
popsDOMUtils.off([config.inputTarget], ["input"], void 0, SearchSuggestion.showEvent, option);
},
/**
* 隐藏搜索建议框的事件
* @param event
*/
hideEvent(event) {
if (event.target instanceof Node) {
if ($shadowContainer.contains(event.target)) {
return;
}
if (config.target.contains(event.target)) {
return;
}
if (config.inputTarget.contains(event.target)) {
return;
}
SearchSuggestion.hide();
}
},
/**
* 设置隐藏搜索建议框的事件
*/
setHideEvent(option = {
capture: true
}) {
if (Array.isArray(SearchSuggestion.selfDocument)) {
SearchSuggestion.selfDocument.forEach(($checkParent) => {
popsDOMUtils.on($checkParent, ["click", "touchstart"], void 0, SearchSuggestion.hideEvent, option);
});
} else {
popsDOMUtils.on(SearchSuggestion.selfDocument, ["click", "touchstart"], void 0, SearchSuggestion.hideEvent, option);
}
},
/**
* 移除隐藏搜索建议框的事件
*/
removeHideEvent(option = {
capture: true
}) {
if (Array.isArray(SearchSuggestion.selfDocument)) {
SearchSuggestion.selfDocument.forEach(($checkParent) => {
popsDOMUtils.off($checkParent, ["click", "touchstart"], void 0, SearchSuggestion.hideEvent, option);
});
} else {
popsDOMUtils.off(SearchSuggestion.selfDocument, ["click", "touchstart"], void 0, SearchSuggestion.hideEvent, option);
}
},
/**
* 设置所有监听
*/
setAllEvent(option = {
capture: true
}) {
SearchSuggestion.setInputChangeEvent(option);
SearchSuggestion.setHideEvent(option);
SearchSuggestion.setShowEvent(option);
},
/**
* 移除所有监听
*/
removeAllEvent(option = {
capture: true
}) {
SearchSuggestion.removeInputChangeEvent(option);
SearchSuggestion.removeHideEvent(option);
SearchSuggestion.removeShowEvent(option);
},
/**
* 获取删除按钮的html
*/
getDeleteIconHTML(size = 16, fill = "#bababa") {
return (
/*html*/
`
<svg class="pops-${PopsType}-delete-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" fill="${fill}">
<path d="M512 883.2A371.2 371.2 0 1 0 140.8 512 371.2 371.2 0 0 0 512 883.2z m0 64a435.2 435.2 0 1 1 435.2-435.2 435.2 435.2 0 0 1-435.2 435.2z"></path>
<path d="M557.056 512l122.368 122.368a31.744 31.744 0 1 1-45.056 45.056L512 557.056l-122.368 122.368a31.744 31.744 0 1 1-45.056-45.056L466.944 512 344.576 389.632a31.744 31.744 0 1 1 45.056-45.056L512 466.944l122.368-122.368a31.744 31.744 0 1 1 45.056 45.056z"></path>
</svg>
`
);
},
/**
* 设置当前正在搜索中的提示
*/
setPromptsInSearch() {
let isSearchingElement = popsDOMUtils.createElement("li", {
className: `pops-${PopsType}-search-suggestion-hint-searching-item`,
innerHTML: config.searchingTip
});
SearchSuggestion.$el.$hintULContainer.appendChild(isSearchingElement);
},
/**
* 移除正在搜索中的提示
*/
removePromptsInSearch() {
var _a2;
(_a2 = SearchSuggestion.$el.$hintULContainer.querySelector(`li.pops-${PopsType}-search-suggestion-hint-searching-item`)) == null ? void 0 : _a2.remove();
},
/**
* 清空所有的搜索结果
*/
clearAllSearchItemLi() {
SearchSuggestion.$el.$hintULContainer.innerHTML = "";
},
/**
* 更新搜索建议框的位置(top、left)
* 因为目标元素可能是动态隐藏的
*/
changeHintULElementPosition(target = config.target ?? config.inputTarget) {
let targetRect = null;
if (config.followPosition === "inputCursor") {
targetRect = popsDOMUtils.getTextBoundingRect(config.inputTarget, config.inputTarget.selectionStart || 0, config.inputTarget.selectionEnd || 0, false);
} else {
targetRect = config.isAbsolute ? popsDOMUtils.offset(target) : target.getBoundingClientRect();
}
if (targetRect == null) {
return;
}
let documentHeight = document.documentElement.clientHeight;
if (config.isAbsolute) {
documentHeight = popsDOMUtils.height(document);
}
let documentWidth = popsDOMUtils.width(document);
let position = config.position;
if (config.position === "auto") {
let targetBottom = targetRect.bottom;
let searchSuggestionContainerHeight = popsDOMUtils.height(SearchSuggestion.$el.$hintULContainer);
if (targetBottom + searchSuggestionContainerHeight > documentHeight) {
position = "top";
} else {
position = "bottom";
SearchSuggestion.$el.$hintULContainer.removeAttribute("data-top");
}
}
if (position === "top") {
if (config.positionTopToReverse) {
SearchSuggestion.$el.$hintULContainer.setAttribute("data-top-reverse", "true");
}
SearchSuggestion.$el.$hintULContainer.style.top = "";
SearchSuggestion.$el.$hintULContainer.style.bottom = documentHeight - targetRect.top + config.topDistance + "px";
} else if (position === "bottom") {
SearchSuggestion.$el.$hintULContainer.removeAttribute("data-top-reverse");
SearchSuggestion.$el.$hintULContainer.style.bottom = "";
SearchSuggestion.$el.$hintULContainer.style.top = targetRect.height + targetRect.top + config.topDistance + "px";
}
let hintUIWidth = popsDOMUtils.width(SearchSuggestion.$el.$hintULContainer);
SearchSuggestion.$el.$hintULContainer.style.left = (targetRect.left + hintUIWidth > documentWidth ? documentWidth - hintUIWidth : targetRect.left) + "px";
},
/**
* 更新搜索建议框的width
* 因为目标元素可能是动态隐藏的
*/
changeHintULElementWidth(target = config.target ?? config.inputTarget) {
let targetRect = target.getBoundingClientRect();
if (config.followTargetWidth) {
SearchSuggestion.$el.$hintULContainer.style.width = targetRect.width + "px";
} else {
SearchSuggestion.$el.$hintULContainer.style.width = config.width;
}
},
/**
* 动态更新CSS
*/
updateDynamicCSS() {
this.$el.$dynamicCSS.innerHTML = this.getDynamicCSS();
},
/**
* 更新页面显示的搜索结果
* @param data
*/
update(data = []) {
if (!Array.isArray(data)) {
throw new TypeError("传入的数据不是数组");
}
config.data = data;
if (config.data.length) {
SearchSuggestion.$data.isEmpty = false;
if (config.toHideWithNotResult) {
SearchSuggestion.show();
}
SearchSuggestion.clearAllSearchItemLi();
config.data.forEach((item, index) => {
let itemElement = SearchSuggestion.getSearchItemLiElement(item, index);
SearchSuggestion.setSearchItemClickEvent(itemElement);
SearchSuggestion.setSearchItemSelectEvent(itemElement);
SearchSuggestion.$el.$hintULContainer.appendChild(itemElement);
});
} else {
SearchSuggestion.clear();
}
},
/**
* 清空当前的搜索结果并显示无结果
*/
clear() {
this.$data.isEmpty = true;
this.clearAllSearchItemLi();
this.$el.$hintULContainer.appendChild(popsUtils.parseTextToDOM(config.toSearhNotResultHTML));
if (config.toHideWithNotResult) {
this.hide();
}
},
/**
* 隐藏搜索建议框
*/
hide() {
this.$el.root.style.display = "none";
},
/**
* 显示搜索建议框
*/
show() {
this.$el.root.style.display = "";
}
};
return SearchSuggestion;
}
}
const PopsTooltipConfig = () => {
return {
useShadowRoot: true,
target: null,
content: "默认文字",
position: "top",
className: "",
isFixed: false,
alwaysShow: false,
triggerShowEventName: "mouseenter touchstart",
triggerCloseEventName: "mouseleave touchend",
zIndex: 1e4,
only: false,
eventOption: {
passive: false,
capture: true,
once: false
},
showBeforeCallBack() {
},
showAfterCallBack() {
},
closeBeforeCallBack() {
},
closeAfterCallBack() {
},
delayCloseTime: 100,
showArrow: true,
arrowDistance: 12.5,
otherDistance: 0,
style: "",
beforeAppendToPageCallBack() {
}
};
};
class ToolTip {
constructor(config, guid, ShadowInfo) {
__publicField(this, "$el", {
$shadowContainer: null,
$shadowRoot: null,
$toolTip: null,
$content: null,
$arrow: null
});
__publicField(this, "$data", {
config: null,
guid: null,
timeId_close_TouchEvent: [],
timeId_close_MouseEvent: []
});
this.$data.config = config;
this.$data.guid = guid;
this.$el.$shadowContainer = ShadowInfo.$shadowContainer;
this.$el.$shadowRoot = ShadowInfo.$shadowRoot;
this.show = this.show.bind(this);
this.close = this.close.bind(this);
this.toolTipAnimationFinishEvent = this.toolTipAnimationFinishEvent.bind(this);
this.toolTipMouseEnterEvent = this.toolTipMouseEnterEvent.bind(this);
this.toolTipMouseLeaveEvent = this.toolTipMouseLeaveEvent.bind(this);
this.init();
}
init() {
let toolTipInfo = this.createToolTip();
this.$el.$toolTip = toolTipInfo.$toolTipContainer;
this.$el.$content = toolTipInfo.$toolTipContent;
this.$el.$arrow = toolTipInfo.$toolTipArrow;
this.changeContent();
this.changeZIndex();
this.changePosition();
if (!this.$data.config.alwaysShow) {
this.offEvent();
this.onEvent();
}
}
/**
* 创建提示元素
*/
createToolTip() {
let $toolTipContainer = popsDOMUtils.createElement("div", {
className: "pops-tip",
innerHTML: (
/*html*/
`
<div class="pops-tip-content" style="text-align: center;"></div>
<div class="pops-tip-arrow"></div>
`
)
}, {
"data-position": this.$data.config.isFixed ? "fixed" : "absolute",
"data-guid": this.$data.guid
});
let $toolTipContent = $toolTipContainer.querySelector(".pops-tip-content");
let $toolTipArrow = $toolTipContainer.querySelector(".pops-tip-arrow");
if (typeof this.$data.config.className === "string" && this.$data.config.className.trim() !== "") {
popsDOMUtils.addClassName($toolTipContainer, this.$data.config.className);
}
$toolTipContainer.style.zIndex = PopsHandler.handleZIndex(this.$data.config.zIndex).toString();
if (this.$data.config.style != null) {
let cssNode = popsDOMUtils.createElement("style", {
type: "text/css",
innerHTML: this.$data.config.style
});
$toolTipContainer.appendChild(cssNode);
}
if (!this.$data.config.showArrow) {
$toolTipArrow.remove();
}
return {
$toolTipContainer,
$toolTipArrow,
$toolTipContent
};
}
/**
* 获取提示的内容
*/
getContent() {
return typeof this.$data.config.content === "function" ? this.$data.config.content() : this.$data.config.content;
}
/**
* 修改提示的内容
* @param text
*/
changeContent(text) {
if (text == null) {
text = this.getContent();
}
this.$el.$content.innerHTML = text;
}
/**
* 获取z-index
*/
getZIndex() {
const zIndex = PopsHandler.handleZIndex(this.$data.config.zIndex);
return zIndex;
}
/**
* 动态修改z-index
*/
changeZIndex() {
const zIndex = this.getZIndex();
this.$el.$toolTip.style.setProperty("z-index", zIndex.toString());
}
/**
* 计算 提示框的位置
* @param targetElement 目标元素
* @param arrowDistance 箭头和目标元素的距离
* @param otherDistance 其它位置的偏移
*/
calcToolTipPosition(targetElement, arrowDistance, otherDistance) {
let offsetInfo = popsDOMUtils.offset(targetElement, !this.$data.config.isFixed);
let targetElement_width = offsetInfo.width;
let targetElement_height = offsetInfo.height;
let targetElement_top = offsetInfo.top;
let targetElement_left = offsetInfo.left;
let toolTipElement_width = popsDOMUtils.outerWidth(this.$el.$toolTip);
let toolTipElement_height = popsDOMUtils.outerHeight(this.$el.$toolTip);
let targetElement_X_center_pos = targetElement_left + targetElement_width / 2 - toolTipElement_width / 2;
let targetElement_Y_center_pos = targetElement_top + targetElement_height / 2 - toolTipElement_height / 2;
return {
TOP: {
left: targetElement_X_center_pos - otherDistance,
top: targetElement_top - toolTipElement_height - arrowDistance,
arrow: "bottom",
motion: "fadeInTop"
},
RIGHT: {
left: targetElement_left + targetElement_width + arrowDistance,
top: targetElement_Y_center_pos + otherDistance,
arrow: "left",
motion: "fadeInRight"
},
BOTTOM: {
left: targetElement_X_center_pos - otherDistance,
top: targetElement_top + targetElement_height + arrowDistance,
arrow: "top",
motion: "fadeInBottom"
},
LEFT: {
left: targetElement_left - toolTipElement_width - arrowDistance,
top: targetElement_Y_center_pos + otherDistance,
arrow: "right",
motion: "fadeInLeft"
}
};
}
/**
* 动态修改tooltip的位置
*/
changePosition() {
let positionInfo = this.calcToolTipPosition(this.$data.config.target, this.$data.config.arrowDistance, this.$data.config.otherDistance);
let positionKey = this.$data.config.position.toUpperCase();
let positionDetail = positionInfo[positionKey];
if (positionDetail) {
this.$el.$toolTip.style.left = positionDetail.left + "px";
this.$el.$toolTip.style.top = positionDetail.top + "px";
this.$el.$toolTip.setAttribute("data-motion", positionDetail.motion);
this.$el.$arrow.setAttribute("data-position", positionDetail.arrow);
} else {
console.error("不存在该位置", this.$data.config.position);
}
}
/**
* 事件绑定
*/
onEvent() {
this.onToolTipAnimationFinishEvent();
this.onShowEvent();
this.onCloseEvent();
this.onToolTipMouseEnterEvent();
this.onToolTipMouseLeaveEvent();
}
/**
* 取消事件绑定
*/
offEvent() {
this.offToolTipAnimationFinishEvent();
this.offShowEvent();
this.offCloseEvent();
this.offToolTipMouseEnterEvent();
this.offToolTipMouseLeaveEvent();
}
/**
* 添加关闭的timeId
* @param type
* @param timeId
*/
addCloseTimeoutId(type, timeId) {
if (type === "MouseEvent") {
this.$data.timeId_close_MouseEvent.push(timeId);
} else {
this.$data.timeId_close_TouchEvent.push(timeId);
}
}
/**
* 清除延迟的timeId
* @param type 事件类型
*/
clearCloseTimeoutId(type, timeId) {
let timeIdList = type === "MouseEvent" ? this.$data.timeId_close_MouseEvent : this.$data.timeId_close_TouchEvent;
for (let index = 0; index < timeIdList.length; index++) {
const currentTimeId = timeIdList[index];
if (typeof timeId === "number") {
if (timeId == currentTimeId) {
clearTimeout(timeId);
timeIdList.splice(index, 1);
break;
}
} else {
clearTimeout(currentTimeId);
timeIdList.splice(index, 1);
index--;
}
}
}
/**
* 显示提示框
*/
show(...args2) {
let event = args2[0];
let eventType = event instanceof MouseEvent ? "MouseEvent" : "TouchEvent";
this.clearCloseTimeoutId(eventType);
if (typeof this.$data.config.showBeforeCallBack === "function") {
let result2 = this.$data.config.showBeforeCallBack(this.$el.$toolTip);
if (typeof result2 === "boolean" && !result2) {
return;
}
}
if (!popsUtils.contains(this.$el.$shadowRoot, this.$el.$toolTip)) {
this.init();
popsDOMUtils.append(this.$el.$shadowRoot, this.$el.$toolTip);
}
if (!popsUtils.contains(this.$el.$shadowContainer)) {
if (typeof this.$data.config.beforeAppendToPageCallBack === "function") {
this.$data.config.beforeAppendToPageCallBack(this.$el.$shadowRoot, this.$el.$shadowContainer);
}
popsDOMUtils.append(document.body, this.$el.$shadowContainer);
}
this.changeContent();
this.changePosition();
if (typeof this.$data.config.showAfterCallBack === "function") {
this.$data.config.showAfterCallBack(this.$el.$toolTip);
}
}
/**
* 绑定 显示事件
*/
onShowEvent() {
popsDOMUtils.on(this.$data.config.target, this.$data.config.triggerShowEventName, this.show, this.$data.config.eventOption);
}
/**
* 取消绑定 显示事件
*/
offShowEvent() {
popsDOMUtils.off(this.$data.config.target, this.$data.config.triggerShowEventName, this.show, {
capture: true
});
}
/**
* 关闭提示框
*/
close(...args2) {
let event = args2[0];
let eventType = event instanceof MouseEvent ? "MouseEvent" : "TouchEvent";
if (event && event instanceof MouseEvent) {
let $target = event.composedPath()[0];
if ($target != this.$data.config.target && $target != this.$el.$toolTip) {
return;
}
}
if (typeof this.$data.config.closeBeforeCallBack === "function") {
let result2 = this.$data.config.closeBeforeCallBack(this.$el.$toolTip);
if (typeof result2 === "boolean" && !result2) {
return;
}
}
if (this.$data.config.delayCloseTime == null || typeof this.$data.config.delayCloseTime === "number" && this.$data.config.delayCloseTime <= 0) {
this.$data.config.delayCloseTime = 100;
}
let timeId = setTimeout(() => {
this.clearCloseTimeoutId(eventType, timeId);
if (this.$el.$toolTip == null) {
return;
}
this.$el.$toolTip.setAttribute("data-motion", this.$el.$toolTip.getAttribute("data-motion").replace("fadeIn", "fadeOut"));
}, this.$data.config.delayCloseTime);
this.addCloseTimeoutId(eventType, timeId);
if (typeof this.$data.config.closeAfterCallBack === "function") {
this.$data.config.closeAfterCallBack(this.$el.$toolTip);
}
}
/**
* 绑定 关闭事件
*/
onCloseEvent() {
popsDOMUtils.on(this.$data.config.target, this.$data.config.triggerCloseEventName, this.close, this.$data.config.eventOption);
}
/**
* 取消绑定 关闭事件
*/
offCloseEvent() {
popsDOMUtils.off(this.$data.config.target, this.$data.config.triggerCloseEventName, this.close, {
capture: true
});
}
/**
* 销毁元素
*/
destory() {
if (this.$el.$toolTip) {
this.$el.$shadowRoot.removeChild(this.$el.$toolTip);
}
this.$el.$toolTip = null;
this.$el.$arrow = null;
this.$el.$content = null;
}
/**
* 动画结束事件
*/
toolTipAnimationFinishEvent() {
if (!this.$el.$toolTip) {
return;
}
if (this.$el.$toolTip.getAttribute("data-motion").includes("In")) {
return;
}
this.destory();
}
/**
* 监听tooltip的动画结束
*/
onToolTipAnimationFinishEvent() {
popsDOMUtils.on(this.$el.$toolTip, popsDOMUtils.getAnimationEndNameList(), this.toolTipAnimationFinishEvent);
}
/**
* 取消tooltip监听动画结束
*/
offToolTipAnimationFinishEvent() {
popsDOMUtils.off(this.$el.$toolTip, popsDOMUtils.getAnimationEndNameList(), this.toolTipAnimationFinishEvent);
}
/**
* 鼠标|触摸进入事件
*/
toolTipMouseEnterEvent() {
this.clearCloseTimeoutId("MouseEvent");
this.clearCloseTimeoutId("TouchEvent");
}
/**
* 监听鼠标|触摸事件
*/
onToolTipMouseEnterEvent() {
this.clearCloseTimeoutId("MouseEvent");
this.clearCloseTimeoutId("TouchEvent");
popsDOMUtils.on(this.$el.$toolTip, "mouseenter touchstart", this.toolTipMouseEnterEvent, this.$data.config.eventOption);
}
/**
* 取消监听鼠标|触摸事件
*/
offToolTipMouseEnterEvent() {
popsDOMUtils.off(this.$el.$toolTip, "mouseenter touchstart", this.toolTipMouseEnterEvent, this.$data.config.eventOption);
}
/**
* 鼠标|触摸离开事件
*/
toolTipMouseLeaveEvent(event) {
this.close(event);
}
/**
* 监听鼠标|触摸离开事件
*/
onToolTipMouseLeaveEvent() {
popsDOMUtils.on(this.$el.$toolTip, "mouseleave touchend", this.toolTipMouseLeaveEvent, this.$data.config.eventOption);
}
/**
* 取消监听鼠标|触摸离开事件
*/
offToolTipMouseLeaveEvent() {
popsDOMUtils.off(this.$el.$toolTip, "mouseleave touchend", this.toolTipMouseLeaveEvent, this.$data.config.eventOption);
}
}
class PopsTooltip {
constructor(details) {
const guid = popsUtils.getRandomGUID();
const PopsType = "tooltip";
let config = PopsTooltipConfig();
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
config = popsUtils.assign(config, details);
if (!(config.target instanceof HTMLElement)) {
throw "config.target 必须是HTMLElement类型";
}
config = PopsHandler.handleOnly(PopsType, config);
const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
PopsHandler.handleInit($shadowRoot, [
pops.config.cssText.index,
pops.config.cssText.anim,
pops.config.cssText.common,
pops.config.cssText.tooltipCSS
]);
let toolTip = new ToolTip(config, guid, {
$shadowContainer,
$shadowRoot
});
if (config.alwaysShow) {
toolTip.show();
}
return {
guid,
config,
$shadowContainer,
$shadowRoot,
toolTip
};
}
}
class Pops {
constructor() {
/** 配置 */
__publicField(this, "config", {
/** 版本号 */
version: "2024.12.8",
cssText: {
/** 主CSS */
index: indexCSS,
/** 九宫格位置CSS */
ninePalaceGridPosition: ninePalaceGridPositionCSS,
/** 滚动条CSS */
scrollbar: scrollbarCSS,
/** 按钮CSS */
button: buttonCSS,
/** 通用的CSS */
common: commonCSS,
/** 动画 */
anim: animCSS,
/** pops.alert */
alertCSS,
/** pops.cponfirm */
confirmCSS,
/** pops.prompt */
promptCSS,
/** pops.loading */
loadingCSS,
/** pops.iframe */
iframeCSS,
/** pops.tooltip */
tooltipCSS,
/** pops.drawer */
drawerCSS,
/** pops.folder */
folderCSS,
/** pops.folder */
panelCSS,
/** pops.rightClickMenu */
rightClickMenu: rightClickMenuCSS
},
/** icon图标的svg代码 */
iconSVG: {
min: SVG_min,
mise: SVG_mise,
max: SVG_max,
close: SVG_close,
edit: SVG_edit,
share: SVG_share,
delete: SVG_delete,
search: SVG_search,
upload: SVG_upload,
loading: SVG_loading,
next: SVG_next,
prev: SVG_prev,
eleme: SVG_eleme,
elemePlus: SVG_elemePlus,
chromeFilled: SVG_chromeFilled,
cpu: SVG_cpu,
videoPlay: SVG_videoPlay,
videoPause: SVG_videoPause,
headset: SVG_headset,
monitor: SVG_monitor,
documentCopy: SVG_documentCopy,
picture: SVG_picture,
circleClose: SVG_circleClose,
view: SVG_view,
hide: SVG_hide,
keyboard: SVG_keyboard,
arrowRight: SVG_arrowRight,
arrowLeft: SVG_arrowLeft
},
/** 当前已配置的动画@keyframes名字映射(初始化时生成) */
animation: {},
/** 是否初始化 */
isInit: false,
/** 存储已创建的元素 */
layer: {
alert: [],
confirm: [],
prompt: [],
loading: [],
iframe: [],
tooltip: [],
drawer: [],
folder: [],
panel: [],
rightClickMenu: []
},
/** 禁止滚动 */
forbiddenScroll: {
event(event) {
return popsDOMUtils.preventEvent(event);
}
},
/** pops使用的工具类 */
Utils: popsUtils,
/** pops使用的DOM工具类 */
DOMUtils: popsDOMUtils,
/** pops创建的实例使用的工具类 */
InstanceUtils: PopsInstanceUtils,
/** pops处理float类型使用的工具类 */
MathFloatUtils: PopsMathFloatUtils,
/** pops.panel中用于处理各个类型的工具 */
panelHandleContentUtils: PanelHandleContentDetails
});
/**
* 为所有弹窗设置全局属性
*/
__publicField(this, "GlobalConfig", GlobalConfig);
/**
* 普通信息框
* @param details 配置
*/
__publicField(this, "alert", (details) => {
return new PopsAlert(details);
});
/**
* 询问框
* @param details 配置
*/
__publicField(this, "confirm", (details) => {
return new PopsConfirm(details);
});
/**
* 输入框
* @param details 配置
*/
__publicField(this, "prompt", (details) => {
return new PopsPrompt(details);
});
/**
* 加载层
* @param details 配置
*/
__publicField(this, "loading", (details) => {
return new PopsLoading(details);
});
/**
* iframe层
* @param details 配置
*/
__publicField(this, "iframe", (details) => {
return new PopsIframe(details);
});
/**
* 提示框
* @param details 配置
*/
__publicField(this, "tooltip", (details) => {
let popsTooltip = new PopsTooltip(details);
return popsTooltip;
});
/**
* 抽屉
* @param details 配置
*/
__publicField(this, "drawer", (details) => {
return new PopsDrawer(details);
});
/**
* 文件夹
* @param details 配置
*/
__publicField(this, "folder", (details) => {
return new PopsFolder(details);
});
/**
* 配置面板
* @param details 配置
*/
__publicField(this, "panel", (details) => {
return new PopsPanel$1(details);
});
/**
* 右键菜单
* @param details 配置
*/
__publicField(this, "rightClickMenu", (details) => {
return new PopsRightClickMenu(details);
});
/**
* 搜索建议
* @param details 配置
*/
__publicField(this, "searchSuggestion", (details) => {
return new PopsSearchSuggestion(details);
});
}
init() {
if (!this.config.isInit) {
this.config.isInit = true;
let animationStyle = document.createElement("style");
animationStyle.innerHTML = this.config.cssText.anim;
popsDOMUtils.appendHead(animationStyle);
this.config.animation = null;
this.config.animation = PopsInstanceUtils.getKeyFrames(animationStyle.sheet);
setTimeout(() => {
animationStyle.remove();
}, 50);
}
}
/**
* 释放原有的pops控制权
* @example
* let pops = window.pops.noConflict()
*/
noConflict() {
if (typeof PopsCore.globalThis.pops === "object") {
popsUtils.delete(PopsCore.globalThis, "pops");
}
if (typeof unsafeWindow === "object" && unsafeWindow != null && typeof unsafeWindow.pops === "object") {
popsUtils.delete(unsafeWindow, "pops");
}
return new Pops();
}
/**
* 通过navigator.userAgent判断是否是手机访问
* @param userAgent
*/
isPhone(userAgent = PopsCore.globalThis.navigator.userAgent) {
return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(userAgent));
}
}
const pops = new Pops();
const PanelKeyConfig = {
asideLastVisit: "aside-last-visit"
};
const Tag = {
success: "√ ",
error: "× ",
warn: "!!! ",
info: ""
};
const TagUtil = {
/**
* 设置tag（自动清除旧tag）
*/
setTag($el, tag, text) {
TagUtil.clearTag($el);
domUtils.addClass($el, tag);
if (typeof text === "string") {
domUtils.html($el, text);
}
},
/**
* 除旧tag
*/
clearTag($el) {
Object.keys(Tag).forEach((tagName) => {
domUtils.removeClass($el, tagName);
});
}
};
const UIInfo = (config) => {
let result2 = {
type: "own",
getLiElementCallBack(liElement) {
let detail = config();
let $item = domUtils.createElement("div", {
className: "pops-panel-item-left-text",
innerHTML: (
/*html*/
`
<p class="pops-panel-item-left-main-text">${detail.tag == null ? detail.text : Tag[detail.tag] + detail.text}</p>
<p class="pops-panel-item-left-desc-text" style="${detail.description == null || detail.description === "" ? "display: none;" : ""}">${detail.description || ""}</p>
`
)
});
let $leftText = $item.querySelector(
".pops-panel-item-left-main-text"
);
let classNameList = ["support-info"];
if (detail.tag != null) {
classNameList.push(detail.tag);
}
domUtils.addClass($leftText, classNameList);
liElement.appendChild($item);
return liElement;
},
afterAddToUListCallBack(formConfig, container) {
let detail = config();
if (typeof detail.afterRender === "function") {
let $target = container.target;
let $leftContainer = $target.querySelector(
".pops-panel-item-left-text"
);
let $text = $target.querySelector(
".pops-panel-item-left-main-text"
);
let $desc = $target.querySelector(
".pops-panel-item-left-desc-text"
);
try {
detail.afterRender({
...container,
$leftContainer,
$leftText: $text,
$leftDesc: $desc
});
} catch (error2) {
console.log(error2);
TagUtil.setTag($text, "error", "afterRender 函数执行错误" + error2);
}
}
}
};
return result2;
};
const CommonUtil = {
/**
* 添加屏蔽CSS
* @param args
* @example
* addBlockCSS("")
* addBlockCSS("","")
* addBlockCSS(["",""])
*/
addBlockCSS(...args2) {
let selectorList = [];
if (args2.length === 0) {
return;
}
if (args2.length === 1 && typeof args2[0] === "string" && args2[0].trim() === "") {
return;
}
args2.forEach((selector) => {
if (Array.isArray(selector)) {
selectorList = selectorList.concat(selector);
} else {
selectorList.push(selector);
}
});
return addStyle(`${selectorList.join(",\n")}{display: none !important;}`);
},
/**
* 设置GM_getResourceText的style内容
* @param resourceMapData 资源数据
*/
setGMResourceCSS(resourceMapData) {
let cssText = typeof _GM_getResourceText === "function" ? _GM_getResourceText(resourceMapData.keyName) : "";
if (typeof cssText === "string" && cssText) {
addStyle(cssText);
} else {
CommonUtil.addLinkNode(resourceMapData.url);
}
},
/**
* 添加<link>标签
* @param url
*/
async addLinkNode(url) {
let $link = document.createElement("link");
$link.rel = "stylesheet";
$link.type = "text/css";
$link.href = url;
domUtils.ready(() => {
document.head.appendChild($link);
});
return $link;
},
/**
* 将url修复，例如只有search的链接/sss/xxx?sss=xxxx
* @param url 需要修复的链接
*/
fixUrl(url) {
url = url.trim();
if (url.match(/^http(s|):\/\//i)) {
return url;
} else {
if (!url.startsWith("/")) {
url += "/";
}
url = window.location.origin + url;
return url;
}
},
/**
* html转义
* @param unsafe
*/
escapeHtml(unsafe) {
return unsafe.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/©/g, "©").replace(/®/g, "®").replace(/™/g, "™").replace(/→/g, "→").replace(/←/g, "←").replace(/↑/g, "↑").replace(/↓/g, "↓").replace(/—/g, "—").replace(/–/g, "–").replace(/…/g, "…").replace(/ /g, " ").replace(/\r\n/g, "<br>").replace(/\r/g, "<br>").replace(/\n/g, "<br>").replace(/\t/g, " ");
}
};
const GlobalUtil = {
getWindow() {
return GMTotal.unsafeWindow.isSupport() ? _unsafeWindow : window;
}
};
class TestUIBase {
}
class ApiTestBase extends TestUIBase {
/**
* 是否支持GM函数
*/
isSupportGM() {
return typeof _GM === "object" && _GM != null;
}
}
class ApiAsyncTestBase extends ApiTestBase {
}
class ApiTest_addElement extends ApiAsyncTestBase {
getApiName() {
return "GM_addElement";
}
getAsyncApiOption() {
return {
name: "GM.addElement",
isSupport: this.isSupportGM() && typeof _GM.addElement === "function"
};
}
isSupport() {
return typeof _GM_addElement === "function";
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
let $test = null;
let $page_test = null;
try {
let win = GlobalUtil.getWindow();
let element_id = "GM_addElement_test_script_exec";
$test = _GM_addElement("script", {
id: element_id,
textContent: 'window.GM_addElement_test_str = "bar";'
});
$page_test = document.querySelector("#" + element_id);
if ($test == null) {
return {
text: "GM_addElement is not retrun element",
tag: "error"
};
}
if (typeof win["GM_addElement_test_str"] !== "string") {
return {
text: "GM_addElement script element is not work",
tag: "error"
};
}
Reflect.deleteProperty(win, "GM_addElement_test_str");
return {
text: CommonUtil.escapeHtml("支持添加<script>元素且执行js"),
tag: "success"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
$page_test == null ? void 0 : $page_test.remove();
}
}),
UIInfo(() => {
let $test = null;
let $page_test = null;
try {
let element_id = "GM_addElement_test2";
$test = _GM_addElement(document.body, "div", {
// @ts-ignore
"data-src": "https://example.com/image.png",
id: element_id
});
$page_test = document.querySelector("#" + element_id);
if (!$page_test) {
return {
text: "不支持3个参数",
tag: "error"
};
}
const shadowRoot = $page_test.attachShadow({ mode: "closed" });
_GM_addElement(shadowRoot, "style", {
textContent: "div { color: black; };"
});
if (!shadowRoot.querySelector("style")) {
return {
text: "不支持3个参数的shadowRoot",
tag: "error"
};
}
if ($test == null) {
return {
text: "传入3个参数但是返回为空",
tag: "error"
};
}
if (!$page_test.hasAttribute("data-src")) {
return {
text: "不支持设置自定义属性data-src",
tag: "error"
};
}
return {
text: "支持3个参数并返回元素对象",
tag: "success"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
$page_test == null ? void 0 : $page_test.remove();
}
})
);
}
return result2;
}
}
class ApiTest_addStyle extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_addStyle === "function";
}
getApiName() {
return "GM_addStyle";
}
getAsyncApiOption() {
return {
name: "GM.addStyle",
isSupport: this.isSupportGM() && typeof _GM.addStyle === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-GM_addStyle" + apiName,
title: apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
let $test = null;
let $testCSS = null;
try {
$test = domUtils.createElement("div", {
id: apiName,
innerText: apiName + " test"
});
document.body.appendChild($test);
$testCSS = _GM_addStyle(
/*css*/
`
#${apiName} {
background-color: rgb(255, 0, 0);
}
`
);
if ($testCSS == null) {
return {
text: apiName + " returns is null",
tag: "error"
};
}
const computedStyle = window.getComputedStyle($test);
if (computedStyle.backgroundColor !== "rgb(255, 0, 0)") {
return {
text: apiName + " test element background is not rgb(255, 0, 0)",
tag: "error"
};
}
return {
text: CommonUtil.escapeHtml("支持添加CSS字符串并返回元素对象"),
tag: "success"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
$test == null ? void 0 : $test.remove();
$testCSS == null ? void 0 : $testCSS.remove();
}
})
);
}
return result2;
}
}
class ApiTest_addValueChangeListener extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_addValueChangeListener === "function";
}
getApiName() {
return "GM_addValueChangeListener";
}
getAsyncApiOption() {
return {
name: "GM.addValueChangeListener",
isSupport: this.isSupportGM() && typeof _GM.addValueChangeListener === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_cookie extends ApiAsyncTestBase {
isSupport() {
return (typeof _GM_cookie === "object" || typeof _GM_cookie === "function") && _GM_cookie != null;
}
getApiOption() {
let isSupport = this.isSupport();
return {
isSupportList: isSupport && typeof _GM_cookie.list === "function",
isSupportSet: isSupport && typeof _GM_cookie.set === "function",
isSupportDelete: isSupport && typeof _GM_cookie.delete === "function"
};
}
getApiName() {
return "GM_cookie";
}
getAsyncApiOption() {
let isSupportAsync = this.isSupportGM() && typeof _GM.cookie === "object" && _GM.cookie != null;
return {
name: "GM.cookie",
isSupport: isSupportAsync,
isSupportList: isSupportAsync && typeof _GM.cookie.list === "function",
isSupportSet: isSupportAsync && typeof _GM.cookie.set === "function",
isSupportDelete: isSupportAsync && typeof _GM.cookie.delete === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiInfo = this.getApiOption();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
let firstFormList = result2["forms"][0].forms;
if (this.isSupport()) {
firstFormList.push(
UIInfo(() => {
return apiInfo.isSupportList ? {
text: `支持 ${apiName}.list`,
tag: "success"
} : {
text: `不支持 ${apiName}.list`,
tag: "error"
};
}),
UIInfo(() => {
return apiInfo.isSupportSet ? {
text: `支持 ${apiName}.set`,
tag: "success"
} : {
text: `不支持 ${apiName}.set`,
tag: "error"
};
}),
UIInfo(() => {
return apiInfo.isSupportDelete ? {
text: `支持 ${apiName}.delete`,
tag: "success"
} : {
text: `不支持 ${apiName}.delete`,
tag: "error"
};
})
);
}
if (apiAsyncInfo.isSupport) {
firstFormList.push(
UIInfo(() => {
return apiAsyncInfo.isSupportList ? {
text: `支持 ${apiAsyncInfo.name}.list`,
tag: "success"
} : {
text: `不支持 ${apiAsyncInfo.name}.list`,
tag: "error"
};
}),
UIInfo(() => {
return apiAsyncInfo.isSupportSet ? {
text: `支持 ${apiAsyncInfo.name}.set`,
tag: "success"
} : {
text: `不支持 ${apiAsyncInfo.name}.set`,
tag: "error"
};
}),
UIInfo(() => {
return apiAsyncInfo.isSupportDelete ? {
text: `支持 ${apiAsyncInfo.name}.delete`,
tag: "success"
} : {
text: `不支持 ${apiAsyncInfo.name}.delete`,
tag: "error"
};
})
);
} else {
firstFormList.push(
UIInfo(() => {
return { text: "不支持 " + apiAsyncInfo.name, tag: "error" };
})
);
}
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_deleteValue extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_deleteValue === "function";
}
getApiName() {
return "GM_deleteValue";
}
getAsyncApiOption() {
return {
name: "GM.deleteValue",
isSupport: this.isSupportGM() && typeof _GM.deleteValue === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.name ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
(() => {
let localStorageDataKey = "Test GM_deleteValue null";
let localStorageDataValue = null;
return UIInfo(() => {
return {
text: "测试存储null值并删除",
description: `"${localStorageDataKey}": ${localStorageDataValue}`,
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
_GM_setValue(localStorageDataKey, localStorageDataValue);
_GM_deleteValue(localStorageDataKey);
let value = _GM_getValue(localStorageDataKey);
if (typeof value === "object" && value === null) {
qmsg.error("该值未删除，读取的值：" + value);
} else {
qmsg.success("成功删除该值");
}
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
});
})()
);
}
return result2;
}
}
class ApiTest_deleteValues extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_deleteValues === "function";
}
getApiName() {
return "GM_deleteValues";
}
getAsyncApiOption() {
return {
name: "GM.deleteValues",
isSupport: this.isSupportGM() && typeof _GM.deleteValues === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_download extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_download === "function";
}
getApiName() {
return "GM_download";
}
getAsyncApiOption() {
return {
name: "GM.download",
isSupport: this.isSupportGM() && typeof _GM.download === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info",
afterRender(container) {
var _a2;
(_a2 = container.target) == null ? void 0 : _a2.querySelector(".support-info");
}
};
})
);
}
return result2;
}
}
class ApiTest_getResourceText extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_getResourceText === "function";
}
getApiName() {
return "GM_getResourceText";
}
getAsyncApiOption() {
return {
name: "GM.getResourceText",
isSupport: this.isSupportGM() && typeof _GM.getResourceText === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
let resourceText = _GM_getResourceText("ViewerCSS");
if (typeof resourceText === "string") {
return {
text: CommonUtil.escapeHtml("支持通过@resource引用资源字符串"),
tag: "success"
};
} else {
return {
text: CommonUtil.escapeHtml(
"GM_getResourceText return is not string"
),
tag: "error"
};
}
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_getResourceUrl extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_getResourceURL === "function";
}
getApiName() {
return "GM_getResourceURL";
}
getAsyncApiOption() {
return {
name: "GM.getResourceUrl",
isSupport: this.isSupportGM() && typeof _GM.getResourceUrl === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
let resourceUrl = _GM_getResourceURL("ViewerCSS");
if (typeof resourceUrl === "string") {
if (resourceUrl.trim().startsWith("data:text/css;base64")) {
return {
text: CommonUtil.escapeHtml(
"支持通过@resource引用资源并进行base64编码"
),
tag: "success"
};
}
return {
text: CommonUtil.escapeHtml(
"支持通过@resource引用资源，但是未对资源进行base64编码"
),
tag: "warn"
};
} else {
return {
text: CommonUtil.escapeHtml(
"GM_getResourceURL return is not string"
),
tag: "error"
};
}
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_getTab extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_getTab === "function";
}
getApiName() {
return "GM_getTab";
}
getAsyncApiOption() {
return {
name: "GM.getTab",
isSupport: this.isSupportGM() && typeof _GM.getTab === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_getTabs extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_getTabs === "function";
}
getApiName() {
return "GM_getTabs";
}
getAsyncApiOption() {
return {
name: "GM.getTabs",
isSupport: this.isSupportGM() && typeof _GM.getTabs === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_getValue extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_getValue === "function";
}
getApiName() {
return "GM_getValue";
}
getAsyncApiOption() {
return {
name: "GM.getValue",
isSupport: this.isSupportGM() && typeof _GM.getValue === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
...[
{
key: "Test GM_getValue boolean",
value: true,
text: function() {
return `存储boolean类型并读取`;
},
desc: function() {
return `"${this.key}": ${this.value}`;
}
},
{
key: "Test GM_getValue number",
value: 1,
text: function() {
return `存储number类型并读取`;
},
desc: function() {
return `"${this.key}": ${this.value}`;
}
},
{
key: "Test GM_getValue string",
value: "测试字符串",
text: function() {
return `存储string类型并读取`;
},
desc: function() {
return `"${this.key}": "${this.value}"`;
}
},
{
key: "Test GM_getValue undefined",
value: void 0,
text: function() {
return `存储undefined类型并读取`;
},
desc: function() {
return `"${this.key}": ${this.value}`;
}
},
{
key: "Test GM_getValue null",
value: null,
text: function() {
return `存储object类型的null并读取`;
},
desc: function() {
return `"${this.key}": ${this.value}`;
}
},
{
key: "Test GM_getValue object",
value: { "object key": "object value" },
text: function() {
return `存储object类型并读取`;
},
desc: function() {
return `"${this.key}": ${JSON.stringify(this.value)}`;
}
}
].map((it) => {
return (() => {
let localStorageDataKey = it.key;
let localStorageDataValue = it.value;
return UIInfo(() => {
return {
text: it.text(),
description: it.desc(),
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
_GM_setValue(localStorageDataKey, localStorageDataValue);
let value = _GM_getValue(localStorageDataKey);
if (typeof value === typeof localStorageDataValue) {
if (localStorageDataValue === null && localStorageDataValue != value) {
qmsg.error(
"读取成功，但存储类型和读取类型不同，存储类型为null，但读取类型不为null"
);
return;
}
qmsg.success("读取成功，存储类型和读取类型一致");
} else {
qmsg.error("读取成功，但存储类型和读取类型不同");
}
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
});
})();
}),
(() => {
let localStorageDataKey = "Test GM_getValue null with defaultValue";
let localStorageDefaultValue = 123;
return UIInfo(() => {
return {
text: "存储object类型的null，读取时指定默认值为" + localStorageDefaultValue,
description: `GM_getValue("${localStorageDataKey}", ${localStorageDefaultValue})`,
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
_GM_setValue(localStorageDataKey, null);
let value = _GM_getValue(
localStorageDataKey,
localStorageDefaultValue
);
if (typeof value === "object" && value == null) {
qmsg.success("读取的值是存储的值：" + value);
} else {
qmsg.error("读取的值不是存储的值：" + value);
}
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
});
})(),
(() => {
let localStorageDataKey = "Test GM_getValue defaultValue";
let localStorageDefaultValue = 123;
return UIInfo(() => {
return {
text: "不存储，测试调用默认值",
description: `GM_getValue("${localStorageDataKey}", ${localStorageDefaultValue})`,
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
let value = _GM_getValue(
localStorageDataKey,
localStorageDefaultValue
);
if (typeof value === typeof localStorageDefaultValue) {
qmsg.success("读取的值是默认值：" + value);
} else {
qmsg.error("读取的值不是默认值：" + value);
}
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
});
})()
);
}
return result2;
}
}
class ApiTest_getValues extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_getValues === "function";
}
getApiName() {
return "GM_getValues";
}
getAsyncApiOption() {
return {
name: "GM.getValues",
isSupport: this.isSupportGM() && typeof _GM.getValues === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_info extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_info === "object" && _GM_info != null;
}
getApiName() {
return "GM_info";
}
getAsyncApiOption() {
return {
name: "GM.info",
isSupport: this.isSupportGM() && typeof _GM.info === "object"
};
}
getUIOption() {
var _a2, _b;
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
...[
{
value: _GM_info == null ? void 0 : _GM_info.scriptHandler,
type: "string",
text: "GM_info.scriptHandler"
},
{
value: _GM_info == null ? void 0 : _GM_info.scriptMetaStr,
type: "string",
text: "GM_info.scriptMetaStr"
},
{
value: _GM_info == null ? void 0 : _GM_info.version,
type: "string",
text: "GM_info.version"
},
{
value: _GM_info == null ? void 0 : _GM_info.script,
type: "object",
text: "GM_info.script"
},
{
value: (_a2 = _GM_info == null ? void 0 : _GM_info.script) == null ? void 0 : _a2.name,
type: "string",
text: "GM_info.script.name"
},
{
value: (_b = _GM_info == null ? void 0 : _GM_info.script) == null ? void 0 : _b.version,
type: "string",
text: "GM_info.script.version"
}
].map(
(it) => UIInfo(() => {
try {
if (it.value != null && typeof it.value === it.type) {
return {
text: "支持 " + it.text + " 类型：" + it.type,
tag: "success"
};
} else {
return {
text: "不支持 " + it.text + " 类型：" + it.type,
tag: "error"
};
}
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
)
);
}
return result2;
}
}
class ApiTest_listValues extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_listValues === "function";
}
getApiName() {
return "GM_listValues";
}
getAsyncApiOption() {
return {
name: "GM.listValues",
isSupport: this.isSupportGM() && typeof _GM.listValues === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
return {
text: "查看存储的所有键名",
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
let data = _GM_listValues();
if (Array.isArray(data)) {
let isNotTotalStr = data.find(
(it) => typeof it !== "string"
);
if (isNotTotalStr) {
qmsg.error("返回值数组中存在非string类型");
} else {
alert(JSON.stringify(data, null, 4));
}
} else {
qmsg.error("返回值不是数组");
}
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
})
);
}
return result2;
}
}
class ApiTest_log extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_log === "function";
}
getApiName() {
return "GM_log";
}
getAsyncApiOption() {
return {
name: "GM.log",
isSupport: this.isSupportGM() && typeof _GM.log === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
let logText = "test GM_log";
return {
text: CommonUtil.escapeHtml("请在控制台查看输出"),
tag: "info",
description: "test GM_log",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击执行</span>
</button>
</div>
`,
false,
false
);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
_GM_log(logText);
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
domUtils.after(container.$leftContainer, $button);
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_notification extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_notification === "function";
}
getApiName() {
return "GM_notification";
}
getAsyncApiOption() {
return {
name: "GM.notification",
isSupport: this.isSupportGM() && typeof _GM.notification === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
let $target = void 0;
let $info = void 0;
let isClick = false;
let isPrevent = false;
let isDone = false;
return {
text: "点击通知的内容用于测试函数是否生效",
description: "",
tag: "info",
afterRender(container) {
$target = container.target;
$info = container.$leftContainer;
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
let timeId = void 0;
let intervalId = void 0;
let updateText = utils.debounce(() => {
try {
clearTimeout(timeId);
clearInterval(intervalId);
let clickText = "";
let clickTag = "success";
let doneText = "";
let doneTag = "success";
if (isClick) {
clickText += "支持 onclick 函数";
if (isPrevent) {
clickText = clickText.trim();
clickText += "且支持提供 event 参数";
} else {
clickText += "但是不支持提供 event 参数";
clickTag = "warn";
}
} else {
clickText += "不支持 onclick 函数";
clickTag = "error";
}
if (isDone) {
doneText += "支持 ondone 函数";
} else {
doneText += "不支持 ondone 函数";
doneTag = "error";
}
domUtils.html(
container.$leftText,
/*html*/
`
<p class="${clickTag}">${clickText}</p>
<p class="${doneTag}">${doneText}</p>
`
);
isClick = false;
isDone = false;
isPrevent = false;
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
}, 800);
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
clearTimeout(timeId);
clearInterval(intervalId);
let timeCount = 10;
let calcTimeCount = timeCount;
let tipInfoText = () => {
let result22 = `正在等待触发回调，请在规定时间内点击弹窗的【关闭】按钮或者内容：${calcTimeCount}s`;
calcTimeCount--;
return result22;
};
domUtils.text(container.$leftText, tipInfoText());
domUtils.text(container.$leftDesc, this.text);
domUtils.show(container.$leftDesc, false);
timeId = setTimeoutLog(() => {
clearInterval(intervalId);
TagUtil.setTag(
container.$leftText,
"error",
"测试超时，未触发回调"
);
}, timeCount * 1e3);
intervalId = setInterval(() => {
domUtils.text(container.$leftText, tipInfoText());
}, 1e3);
_GM_notification({
title: "测试 GM_notification 标题",
text: "测试 GM_notification 内容",
url: "https:/example.com/",
onclick: (event2) => {
isClick = true;
if (event2) {
isPrevent = true;
event2.preventDefault();
}
updateText();
},
ondone() {
isDone = true;
updateText();
}
});
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
domUtils.after($info, $button);
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
}),
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("点击通知的内容跳转链接"),
tag: "info",
afterRender(container) {
let $target = container.target;
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
_GM_notification({
title: "测试 GM_notification 标题",
text: "测试 GM_notification 内容",
url: "https:/example.com/"
});
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
domUtils.after(container.$leftContainer, $button);
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
}
})
);
}
return result2;
}
}
class ApiTest_openInTab extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_openInTab === "function";
}
getApiName() {
return "GM_openInTab";
}
getAsyncApiOption() {
return {
name: "GM.openInTab",
isSupport: this.isSupportGM() && typeof _GM.openInTab === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: "后台打开：https://www.example.com/",
tag: "info",
afterRender(container) {
let $target = container.target;
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
domUtils.text(container.$leftDesc, this.text);
domUtils.show(container.$leftDesc, false);
let result22 = _GM_openInTab("https://www.example.com/");
if (typeof result22 === "object") {
if (result22 == null) {
TagUtil.setTag(
container.$leftText,
"error",
"返回值为null"
);
} else {
let support_close = "close" in result22 && typeof result22.close === "function";
let support_closed = "closed" in result22 && typeof result22.closed === "boolean";
let support_onclose = "onclose" in result22;
domUtils.html(
container.$leftText,
/*html*/
`
<p class="${support_close ? "success" : "error"}">${support_close ? "支持 .close()" : "不支持 .close()"}</p>
<p class="${support_closed ? "success" : "error"}">${support_close ? "支持 .closed" : "不支持 .closed"}</p>
<p class="${support_onclose ? "success" : "error"}">${support_close ? "支持设置属性 .onclose" : "不支持设置属性 .onclose"}</p>
`
);
}
} else {
TagUtil.setTag(
container.$leftText,
"error",
"返回值不是对象：" + typeof result22
);
}
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
domUtils.after(container.$leftContainer, $button);
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
}
}),
UIInfo(() => {
try {
return {
text: "配置 active: true",
description: "",
tag: "info",
afterRender(container) {
let $target = container.target;
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
let timeId;
let blurEvent = () => {
clearTimeout(timeId);
TagUtil.setTag(
container.$leftText,
"success",
"测试新标签页打开成功"
);
};
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
domUtils.off(_unsafeWindow, "blur", blurEvent, {
capture: true
});
clearTimeout(timeId);
TagUtil.setTag(
container.$leftText,
"info",
"等待页面失去焦点..."
);
domUtils.text(container.$leftDesc, this.text);
domUtils.show(container.$leftDesc, false);
domUtils.on(_unsafeWindow, "blur", blurEvent, {
capture: true,
once: true
});
_GM_openInTab("https://www.example.com/", {
active: true
});
timeId = setTimeoutLog(() => {
domUtils.off(_unsafeWindow, "blur", blurEvent, {
capture: true
});
TagUtil.setTag(
container.$leftText,
"error",
"测试超时，未打开新标签页并获取焦点"
);
}, 3e3);
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
domUtils.after(container.$leftContainer, $button);
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
}
}),
UIInfo(() => {
try {
return {
text: "测试调用返回值 .close()",
tag: "info",
afterRender(container) {
let $target = container.target;
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
let timeId;
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
clearTimeout(timeId);
TagUtil.setTag(
container.$leftText,
"info",
"等待调用 .close()"
);
domUtils.text(container.$leftDesc, this.text);
domUtils.show(container.$leftDesc, false);
let result22 = _GM_openInTab("https://www.example.com/");
if (result22 && typeof (result22 == null ? void 0 : result22.close) === "function") {
timeId = setTimeoutLog(() => {
try {
result22.close();
TagUtil.setTag(
container.$leftText,
"success",
"成功调用 .close()"
);
} catch (error2) {
TagUtil.setTag(
container.$leftText,
"error",
"调用 .close() 方法失败 " + error2
);
}
}, 1e3);
} else {
TagUtil.setTag(
container.$leftText,
"error",
"返回对象中不支持 .close() 方法"
);
}
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
domUtils.after(container.$leftContainer, $button);
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
}
}),
UIInfo(() => {
try {
return {
text: "测试监听关闭是否生效 .onclose",
tag: "info",
afterRender(container) {
let $target = container.target;
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
let timeId;
let timeId2;
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
clearTimeout(timeId2);
clearTimeout(timeId);
TagUtil.setTag(
container.$leftText,
"info",
"等待触发监听 .onclose"
);
domUtils.text(container.$leftDesc, this.text);
domUtils.show(container.$leftDesc, false);
let result22 = _GM_openInTab("https://www.example.com/");
if (typeof result22 === "object" && result22 != null) {
result22.onclose = () => {
clearTimeout(timeId);
clearTimeout(timeId2);
TagUtil.setTag(
container.$leftText,
"success",
"成功触发 .onclose"
);
};
}
if (result22 && typeof (result22 == null ? void 0 : result22.close) === "function") {
timeId = setTimeoutLog(() => {
try {
result22.close();
timeId2 = setTimeoutLog(() => {
TagUtil.setTag(
container.$leftText,
"error",
"测试超时，未触发回调 .onclose"
);
}, 2e3);
} catch (error2) {
TagUtil.setTag(
container.$leftText,
"error",
"调用 .close() 方法失败 " + error2
);
}
}, 1e3);
} else {
TagUtil.setTag(
container.$leftText,
"error",
"返回对象中不支持 .close() 方法"
);
}
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
domUtils.after(container.$leftContainer, $button);
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
}
})
);
}
return result2;
}
}
class ApiTest_registerMenuCommand extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_registerMenuCommand === "function";
}
getApiName() {
return "GM_registerMenuCommand";
}
getAsyncApiOption() {
return {
name: "GM.registerMenuCommand",
isSupport: this.isSupportGM() && typeof _GM.registerMenuCommand === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: "注册菜单 ==> Test Menu",
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
let timeId;
let intervalId;
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
clearTimeout(timeId);
clearInterval(intervalId);
domUtils.text(container.$leftDesc, this.text);
domUtils.show(container.$leftDesc, false);
let intervalCheckCount = 10;
let setCheckText = () => {
let result22 = `已执行注册菜单，请在${intervalCheckCount}s内点击菜单项`;
intervalCheckCount--;
return result22;
};
TagUtil.setTag(container.$leftText, "info", setCheckText());
intervalId = setInterval(() => {
TagUtil.setTag(
container.$leftText,
"info",
setCheckText()
);
}, 1e3);
timeId = setTimeoutLog(() => {
clearInterval(intervalId);
TagUtil.setTag(
container.$leftText,
"error",
"测试超时，未触发回调"
);
}, 10 * 1e3);
const menuCommandId = _GM_registerMenuCommand(
"Test Menu",
(event2) => {
try {
clearInterval(intervalId);
clearTimeout(timeId);
TagUtil.clearTag(container.$leftText);
let checkResultText = [];
checkResultText.push({
tag: "success",
text: "支持注册菜单"
});
if (event2) {
checkResultText.push({
tag: "success",
text: "支持点击回调且有event参数"
});
} else {
checkResultText.push({
tag: "warn",
text: "支持点击回调但是没有event参数"
});
}
if (typeof menuCommandId === "number" || typeof menuCommandId === "string") {
checkResultText.push({
tag: "success",
text: "函数返回值是string|number"
});
} else {
checkResultText.push({
tag: "error",
text: "函数返回值不是string|number：" + typeof menuCommandId
});
}
domUtils.html(
container.$leftText,
checkResultText.map(
(it) => `<p class="${it.tag}">${it.text}</p>`
).join("\n")
);
} catch (error2) {
qmsg.error(error2.toString(), {
consoleLogContent: true
});
}
}
);
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
}),
UIInfo(() => {
try {
return {
text: "注册并更新菜单 ==> Test Update Menu",
description: "请自行验证是否成功更新菜单文字为：Test Update Menu Success!!!",
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
let timeId;
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
clearTimeout(timeId);
const menuCommandId = _GM_registerMenuCommand(
"Test Update Menu",
(event2) => {
}
);
qmsg.info("已注册菜单，3s后自动更新", {
timeout: 3e3
});
clearTimeout(timeId);
timeId = setTimeoutLog(() => {
_GM_registerMenuCommand(
"Test Update Menu Success!!!",
() => {
},
{
id: menuCommandId
}
);
qmsg.success("已执行更新菜单命令，请自行验证");
}, 3e3);
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_removeValueChangeListener extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_removeValueChangeListener === "function";
}
getApiName() {
return "GM_removeValueChangeListener";
}
getAsyncApiOption() {
return {
name: "GM.removeValueChangeListener",
isSupport: this.isSupportGM() && typeof _GM.removeValueChangeListener === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_saveTab extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_saveTab === "function";
}
getApiName() {
return "GM_saveTab";
}
getAsyncApiOption() {
return {
name: "GM.saveTab",
isSupport: this.isSupportGM() && typeof _GM.saveTab === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_setClipboard extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_setClipboard === "function";
}
getApiName() {
return "GM_setClipboard";
}
getAsyncApiOption() {
return {
name: "GM.setClipboard",
isSupport: this.isSupportGM() && typeof _GM.setClipboard === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
return {
text: "复制内容到剪贴板：Test GM_setClipboard",
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
let timeId;
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
clearTimeout(timeId);
qmsg.info("等待3s内触发成功复制的回调");
timeId = setTimeoutLog(() => {
TagUtil.setTag(
container.$leftText,
"error",
"不支持触发回调函数"
);
}, 3e3);
_GM_setClipboard("Test GM_setClipboard", "text", () => {
clearTimeout(timeId);
TagUtil.setTag(
container.$leftText,
"success",
"支持触发回调函数"
);
});
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
})
);
}
return result2;
}
}
class ApiTest_setValue extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_setValue === "function";
}
getApiName() {
return "GM_setValue";
}
getAsyncApiOption() {
return {
name: "GM.setValue",
isSupport: this.isSupportGM() && typeof _GM.setValue === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
...[
{
key: "Test GM_setValue boolean",
value: true,
text: function() {
return `存储boolean类型`;
},
desc: function() {
return `"${this.key}": ${this.value}`;
}
},
{
key: "Test GM_setValue number",
value: 1,
text: function() {
return `存储number类型`;
},
desc: function() {
return `"${this.key}": ${this.value}`;
}
},
{
key: "Test GM_setValue string",
value: "测试字符串",
text: function() {
return `存储string类型`;
},
desc: function() {
return `"${this.key}": "${this.value}"`;
}
},
{
key: "Test GM_setValue undefined",
value: void 0,
text: function() {
return `存储undefined类型`;
},
desc: function() {
return `"${this.key}": ${this.value}`;
}
},
{
key: "Test GM_setValue null",
value: null,
text: function() {
return `存储object类型的null`;
},
desc: function() {
return `"${this.key}": ${this.value}`;
}
},
{
key: "Test GM_setValue object",
value: { "object key": "object value" },
text: function() {
return `存储object类型`;
},
desc: function() {
return `"${this.key}": ${JSON.stringify(this.value)}`;
}
}
].map((it) => {
return (() => {
let localStorageDataKey = it.key;
let localStorageDataValue = it.value;
return UIInfo(() => {
return {
text: it.text(),
description: it.desc(),
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
_GM_setValue(localStorageDataKey, localStorageDataValue);
qmsg.info("执行写入完毕，请自行查看是否成功写入");
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
});
})();
})
);
}
return result2;
}
}
class ApiTest_setValues extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_setValues === "function";
}
getApiName() {
return "GM_setValues";
}
getAsyncApiOption() {
return {
name: "GM.setValues",
isSupport: this.isSupportGM() && typeof _GM.setValues === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
(() => {
let localStorageDataValue = { foo: 1, bar: 2 };
return UIInfo(() => {
return {
text: "测试存储对象",
description: JSON.stringify(localStorageDataValue),
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
domUtils.on($button, "click", (event) => {
utils.preventEvent(event);
try {
_GM_setValues(localStorageDataValue);
qmsg.info("执行写入完毕，请自行查看是否成功写入");
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
});
})()
);
}
return result2;
}
}
class ApiTest_unregisterMenuCommand extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_unregisterMenuCommand === "function";
}
getApiName() {
return "GM_unregisterMenuCommand";
}
getAsyncApiOption() {
return {
name: "GM.unregisterMenuCommand",
isSupport: this.isSupportGM() && typeof _GM.unregisterMenuCommand === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: "注册并卸载菜单 ==> Test UnRegister Menu",
description: "请自行验证是否成功卸载菜单",
tag: "info",
afterRender(container) {
let $button = domUtils.parseHTML(
/*html*/
`
<div class="pops-panel-button pops-panel-button-no-icon">
<button class="pops-panel-button_inner" type="default">
<i class="pops-bottom-icon" is-loading="false"></i>
<span class="pops-panel-button-text">点击测试</span>
</button>
</div>
`,
false,
false
);
domUtils.after(container.$leftContainer, $button);
let timeId;
domUtils.on($button, "click", (event) => {
try {
utils.preventEvent(event);
clearTimeout(timeId);
const menuCommandId = _GM_registerMenuCommand(
"Test UnRegister Menu",
(event2) => {
}
);
qmsg.info("已注册菜单，10s后自动执行卸载", {
timeout: 5 * 1e3
});
clearTimeout(timeId);
timeId = setTimeoutLog(() => {
_GM_unregisterMenuCommand(menuCommandId);
qmsg.success("已执行卸载菜单命令，请自行验证");
}, 10 * 1e3);
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
});
}
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_unsafeWindow extends ApiAsyncTestBase {
getApiName() {
return "unsafeWindow";
}
getAsyncApiOption() {
return void 0;
}
isSupport() {
return typeof _unsafeWindow === "object" && _unsafeWindow != null;
}
getUIOption() {
let apiName = this.getApiName();
let result2 = {
id: "aside-" + apiName,
title: apiName,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
let key = "test-gm-window";
let flag = _monkeyWindow == _unsafeWindow;
_monkeyWindow[key] = key;
flag = typeof _unsafeWindow[key] !== "string";
Reflect.deleteProperty(_monkeyWindow, key);
if (flag) {
return {
text: "window已被Proxy代理",
tag: "success"
};
} else {
return {
text: "window未被Proxy代理，定义全局变量时会影响到页面变量",
tag: "warn"
};
}
})
);
}
return result2;
}
}
class ApiTest_webRequest extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_webRequest === "function";
}
getApiName() {
return "GM_webRequest";
}
getAsyncApiOption() {
return {
name: "GM.webRequest",
isSupport: this.isSupportGM() && typeof _GM.webRequest === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_xmlHttpRequest extends ApiAsyncTestBase {
isSupport() {
return typeof _GM_xmlhttpRequest === "function";
}
getApiName() {
return "GM_xmlHttpRequest";
}
getAsyncApiOption() {
return {
name: "GM.xmlHttpRequest",
isSupport: this.isSupportGM() && typeof _GM.xmlHttpRequest === "function"
};
}
getUIOption() {
let apiName = this.getApiName();
let apiAsyncInfo = this.getAsyncApiOption();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName} & ${apiAsyncInfo.name}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "函数测试",
forms: [
UIInfo(
() => this.isSupport() ? {
text: "支持 " + apiName,
tag: "success"
} : {
text: "不支持 " + apiName,
tag: "error"
}
),
UIInfo(
() => apiAsyncInfo.isSupport ? {
text: "支持 " + apiAsyncInfo.name,
tag: "success"
} : {
text: "不支持 " + apiAsyncInfo.name,
tag: "error"
}
)
]
},
{
type: "forms",
text: "功能测试",
forms: []
}
]
};
if (this.isSupport()) {
result2["forms"][1].forms.push(
UIInfo(() => {
try {
return {
text: CommonUtil.escapeHtml("TODO"),
tag: "info"
};
} catch (error2) {
console.error(error2);
return {
text: "执行错误 " + error2,
tag: "error"
};
} finally {
}
})
);
}
return result2;
}
}
class ApiTest_GM extends ApiAsyncTestBase {
getApiName() {
return "GM";
}
getAsyncApiOption() {
return void 0;
}
isSupport() {
return typeof _GM === "object" && _GM != null;
}
getUIOption() {
return void 0;
}
}
const GMTotal = {
unsafeWindow: new ApiTest_unsafeWindow(),
GM: new ApiTest_GM(),
addElement: new ApiTest_addElement(),
addStyle: new ApiTest_addStyle(),
download: new ApiTest_download(),
getResourceText: new ApiTest_getResourceText(),
getResourceUrl: new ApiTest_getResourceUrl(),
info: new ApiTest_info(),
log: new ApiTest_log(),
notification: new ApiTest_notification(),
openInTab: new ApiTest_openInTab(),
registerMenuCommand: new ApiTest_registerMenuCommand(),
unregisterMenuCommand: new ApiTest_unregisterMenuCommand(),
setClipboard: new ApiTest_setClipboard(),
getTab: new ApiTest_getTab(),
saveTab: new ApiTest_saveTab(),
getTabs: new ApiTest_getTabs(),
setValue: new ApiTest_setValue(),
getValue: new ApiTest_getValue(),
deleteValue: new ApiTest_deleteValue(),
listValues: new ApiTest_listValues(),
setValues: new ApiTest_setValues(),
getValues: new ApiTest_getValues(),
deleteValues: new ApiTest_deleteValues(),
addValueChangeListener: new ApiTest_addValueChangeListener(),
removeValueChangeListener: new ApiTest_removeValueChangeListener(),
xmlHttpRequest: new ApiTest_xmlHttpRequest(),
webRequest: new ApiTest_webRequest(),
cookie: new ApiTest_cookie()
};
const LocalStorageApi = {
$storageKey: "gm-api-test-storage-config",
set(key, value) {
let config = window.localStorage.getItem(LocalStorageApi.$storageKey) ?? "{}";
let configJSON = utils.toJSON(config);
configJSON[key] = value;
window.localStorage.setItem(
LocalStorageApi.$storageKey,
JSON.stringify(configJSON, (key2, value2) => {
return typeof value2 === "function" ? value2.tString() : value2;
})
);
},
get(key, defaultValue) {
let config = window.localStorage.getItem(LocalStorageApi.$storageKey) ?? "{}";
let configJSON = utils.toJSON(config);
return configJSON[key] ?? defaultValue;
},
delete(key) {
let config = window.localStorage.getItem(LocalStorageApi.$storageKey) ?? "{}";
let configJSON = utils.toJSON(config);
Reflect.deleteProperty(configJSON, key);
window.localStorage.setItem(
LocalStorageApi.$storageKey,
JSON.stringify(configJSON, (key2, value) => {
return typeof value === "function" ? value.tString() : value;
})
);
}
};
const StorageApi = {
/**
* 存储值
* @param key 键
* @param value 值
*/
set(key, value) {
if (GMTotal.setValue.isSupport() && GMTotal.getValue.isSupport() && GMTotal.deleteValue.isSupport()) {
_GM_setValue(key, value);
} else {
LocalStorageApi.set(key, value);
}
},
/**
* 获取值
* @param key 键
* @param defaultValue 默认值
*/
get(key, defaultValue) {
if (GMTotal.setValue.isSupport() && GMTotal.getValue.isSupport() && GMTotal.deleteValue.isSupport()) {
return _GM_getValue(key, defaultValue);
} else {
return LocalStorageApi.get(key, defaultValue);
}
},
/**
* 删除值
* @param key 键
*/
delete(key) {
if (GMTotal.setValue.isSupport() && GMTotal.getValue.isSupport() && GMTotal.deleteValue.isSupport()) {
_GM_deleteValue(key);
} else {
LocalStorageApi.delete(key);
}
}
};
const _SCRIPT_NAME_ = "Monkey Api Test";
const utils = utils$1.noConflict();
const domUtils = domUtils$1.noConflict();
const __pops = pops;
const log = new utils.Log(_GM_info, window.console);
const SCRIPT_NAME = ((_a = _GM_info == null ? void 0 : _GM_info.script) == null ? void 0 : _a.name) || _SCRIPT_NAME_;
const DEBUG = false;
log.config({
debug: DEBUG,
logMaxCount: 1e3,
autoClearConsole: true,
tag: true
});
qmsg.config(
Object.defineProperties(
{
html: true,
autoClose: true,
showClose: false
},
{
position: {
get() {
return PopsPanel.getValue("qmsg-config-position", "bottom");
}
},
maxNums: {
get() {
return PopsPanel.getValue("qmsg-config-maxnums", 5);
}
},
showReverse: {
get() {
return PopsPanel.getValue("qmsg-config-showreverse", true);
}
},
zIndex: {
get() {
let maxZIndex = utils$1.getMaxZIndex();
let popsMaxZIndex = pops.config.InstanceUtils.getPopsMaxZIndex(maxZIndex).zIndex;
return utils$1.getMaxValue(maxZIndex, popsMaxZIndex) + 100;
}
}
}
)
);
const GM_Menu = new utils.GM_Menu({
GM_getValue: GMTotal.getValue.isSupport() ? _GM_getValue : StorageApi.get,
GM_setValue: GMTotal.setValue.isSupport() ? _GM_setValue : StorageApi.set,
GM_registerMenuCommand: GMTotal.registerMenuCommand.isSupport() ? _GM_registerMenuCommand : () => {
},
GM_unregisterMenuCommand: GMTotal.unregisterMenuCommand.isSupport() ? _GM_unregisterMenuCommand : () => {
}
});
const addStyle = utils.addStyle.bind(utils);
document.querySelector.bind(document);
document.querySelectorAll.bind(document);
let injectDocumentTime = "";
if (document.documentElement) {
if (document.head) {
if (document.body) {
injectDocumentTime = `<html>
<head>
...${document.head.childNodes.length} nodes
</head>
<body>
...${document.body.childNodes.length} nodes
</body>
</html>
似乎注入到页面有点慢
`;
} else {
if (document.head.childNodes.length) {
injectDocumentTime = `<html>
<head>
...${document.head.childNodes.length} nodes
</head>
</html>
注入到页面很快`;
} else {
injectDocumentTime = `<html>
<head></head>
</html>
注入到页面非常快`;
}
}
} else {
injectDocumentTime = `<html>
</html>
注入到页面超级快`;
}
} else {
injectDocumentTime = `document.documentElement is null
注入到页面超级无敌快`;
}
const setTimeoutLog = (handler, timeout, ...args2) => {
return setTimeout(() => {
try {
handler(...args2);
} catch (error2) {
qmsg.error(error2.toString(), { consoleLogContent: true });
}
}, timeout);
};
const KEY = "GM_Panel";
const ATTRIBUTE_INIT = "data-init";
const ATTRIBUTE_KEY = "data-key";
const ATTRIBUTE_DEFAULT_VALUE = "data-default-value";
const ATTRIBUTE_INIT_MORE_VALUE = "data-init-more-value";
const Component_Common = () => {
let supportApiNameList = [];
let notSupportApiNameList = [];
Object.keys(GMTotal).forEach((keyName) => {
let value = GMTotal[keyName];
let apiName = value.getApiName();
let isSupport = value.isSupport();
let apiAsyncInfo = value.getAsyncApiOption();
if (isSupport) {
supportApiNameList.push({
name: apiName,
isSupport
});
} else {
notSupportApiNameList.push({
name: apiName,
isSupport
});
}
if (apiAsyncInfo) {
if (apiAsyncInfo.isSupport) {
supportApiNameList.push({
name: apiAsyncInfo.name,
isSupport: apiAsyncInfo.isSupport,
leftTargetSelector: "#aside-" + apiName
});
} else {
notSupportApiNameList.push({
name: apiAsyncInfo.name,
isSupport: apiAsyncInfo.isSupport,
leftTargetSelector: "#aside-" + apiName
});
}
}
});
let createFeatureItem = (config) => {
let $item = domUtils.createElement("div", {
className: "gm-api-features-item",
innerHTML: (
/*html*/
`
<div class="gm-api-features-item__label">${config.name}</div>
<div class="gm-api-features-item__value">
<span style="font-size: 16px; font-weight: 700;">
${config.isSupport ? (
/*html*/
`
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" fill="currentColor">
<path d="M448 71.9c-17.3-13.4-41.5-9.3-54.1 9.1L214 344.2l-99.1-107.3c-14.6-16.6-39.1-17.4-54.7-1.8-15.6 15.5-16.4 41.6-1.7 58.1 0 0 120.4 133.6 137.7 147 17.3 13.4 41.5 9.3 54.1-9.1l206.3-301.7c12.6-18.5 8.7-44.2-8.6-57.5z" fill="#3b9f04"></path>
</svg>
`
) : (
/*html*/
`
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" fill="currentColor">
<path fill="#FF473E" d="m330.443 256l136.765-136.765c14.058-14.058 14.058-36.85 0-50.908l-23.535-23.535c-14.058-14.058-36.85-14.058-50.908 0L256 181.557L119.235 44.792c-14.058-14.058-36.85-14.058-50.908 0L44.792 68.327c-14.058 14.058-14.058 36.85 0 50.908L181.557 256L44.792 392.765c-14.058 14.058-14.058 36.85 0 50.908l23.535 23.535c14.058 14.058 36.85 14.058 50.908 0L256 330.443l136.765 136.765c14.058 14.058 36.85 14.058 50.908 0l23.535-23.535c14.058-14.058 14.058-36.85 0-50.908L330.443 256z"></path>
</svg>
`
)}
</span>
</div>
`
)
});
domUtils.on($item, "click", (event) => {
utils.preventEvent(event);
let shadowRoot = $item.getRootNode();
let selector = utils.isNotNull(config.leftTargetSelector) ? config.leftTargetSelector : "#aside-" + config.name;
let $left = shadowRoot.querySelector(selector);
if ($left) {
$left.click();
$left.scrollIntoView({ behavior: "smooth" });
}
});
return $item;
};
return {
id: "component-common",
title: "通用",
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === "component-common";
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, "component-common");
},
forms: [
{
type: "forms",
text: "@run-at document-start",
forms: [
UIInfo(() => {
return {
text: CommonUtil.escapeHtml(injectDocumentTime),
tag: "info"
};
})
]
},
{
type: "forms",
text: "特性",
afterAddToUListCallBack(formConfig, container) {
container.formHeaderDivElement.style.fontSize = "1.2em";
container.formHeaderDivElement.style.fontWeight = "700";
},
forms: []
},
{
type: "forms",
text: "不支持列表",
afterAddToUListCallBack(formConfig, container) {
var _a2;
container.formHeaderDivElement.style.color = "rgb(216, 30, 6)";
container.formHeaderDivElement.style.fontWeight = "600";
if (notSupportApiNameList.length === 0) {
(_a2 = container.formContainerListElement) == null ? void 0 : _a2.remove();
}
},
forms: [
{
type: "own",
getLiElementCallBack(liElement) {
let $container = domUtils.createElement("div", {
className: "gm-api-features-not-support"
});
let $fragment = document.createDocumentFragment();
notSupportApiNameList.forEach((config) => {
$fragment.append(createFeatureItem(config));
});
$container.appendChild($fragment);
liElement.appendChild($container);
return liElement;
}
}
]
},
{
type: "forms",
text: "支持列表",
afterAddToUListCallBack(formConfig, container) {
var _a2;
container.formHeaderDivElement.style.fontWeight = "600";
if (supportApiNameList.length === 0) {
(_a2 = container.formContainerListElement) == null ? void 0 : _a2.remove();
}
},
forms: [
{
type: "own",
getLiElementCallBack(liElement) {
let $container = domUtils.createElement("div", {
className: "gm-api-features-support"
});
let $fragment = document.createDocumentFragment();
supportApiNameList.forEach((config) => {
$fragment.append(createFeatureItem(config));
});
$container.appendChild($fragment);
liElement.appendChild($container);
return liElement;
}
}
]
}
]
};
};
const PanelUISize = {
/**
* 一般设置界面的尺寸
*/
setting: {
get width() {
return window.innerWidth < 550 ? "88vw" : "550px";
},
get height() {
return window.innerHeight < 450 ? "70vh" : "450px";
}
},
/**
* 功能丰富，aside铺满了的设置界面，要稍微大一点
*/
settingBig: {
get width() {
return window.innerWidth < 800 ? "92vw" : "800px";
},
get height() {
return window.innerHeight < 600 ? "80vh" : "600px";
}
},
/**
* 信息界面，一般用于提示信息之类
*/
info: {
get width() {
return window.innerWidth < 350 ? "350px" : "350px";
},
get height() {
return window.innerHeight < 250 ? "250px" : "250px";
}
}
};
class GrantTest_onurlchange extends ApiTestBase {
getApiName() {
return "window.onurlchange ";
}
getAsyncApiOption() {
return void 0;
}
isSupport() {
return true;
}
getUIOption() {
let apiName = this.getApiName();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "功能测试",
forms: [
UIInfo(() => {
return {
text: "TODO",
tag: "info",
afterRender(container) {
}
};
})
]
}
]
};
return result2;
}
}
class GrantTest_close extends ApiTestBase {
getApiName() {
return "window.close ";
}
getAsyncApiOption() {
return void 0;
}
isSupport() {
return true;
}
getUIOption() {
let apiName = this.getApiName();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "功能测试",
forms: [
UIInfo(() => {
return {
text: "TODO",
tag: "info",
afterRender(container) {
}
};
})
]
}
]
};
return result2;
}
}
class GrantTest_focus extends ApiTestBase {
getApiName() {
return "window.focus ";
}
getAsyncApiOption() {
return void 0;
}
isSupport() {
return true;
}
getUIOption() {
let apiName = this.getApiName();
let result2 = {
id: "aside-" + apiName,
title: "" + apiName,
headerTitle: `${apiName}`,
scrollToDefaultView: true,
isDefault() {
return StorageApi.get(PanelKeyConfig.asideLastVisit) === apiName;
},
callback(data) {
StorageApi.set(PanelKeyConfig.asideLastVisit, apiName);
},
forms: [
{
type: "forms",
text: "功能测试",
forms: [
UIInfo(() => {
return {
text: "TODO",
tag: "info",
afterRender(container) {
}
};
})
]
}
]
};
return result2;
}
}
const PopsPanel = {
/** 数据 */
$data: {
__data: null,
__oneSuccessExecMenu: null,
__onceExec: null,
__listenData: null,
/**
* 菜单项的默认值
*/
get data() {
if (PopsPanel.$data.__data == null) {
PopsPanel.$data.__data = new utils.Dictionary();
}
return PopsPanel.$data.__data;
},
/**
* 成功只执行了一次的项
*/
get oneSuccessExecMenu() {
if (PopsPanel.$data.__oneSuccessExecMenu == null) {
PopsPanel.$data.__oneSuccessExecMenu = new utils.Dictionary();
}
return PopsPanel.$data.__oneSuccessExecMenu;
},
/**
* 成功只执行了一次的项
*/
get onceExec() {
if (PopsPanel.$data.__onceExec == null) {
PopsPanel.$data.__onceExec = new utils.Dictionary();
}
return PopsPanel.$data.__onceExec;
},
/** 脚本名，一般用在设置的标题上 */
get scriptName() {
return SCRIPT_NAME;
},
/** 菜单项的总值在本地数据配置的键名 */
key: KEY,
/** 菜单项在attributes上配置的菜单键 */
attributeKeyName: ATTRIBUTE_KEY,
/** 菜单项在attributes上配置的菜单默认值 */
attributeDefaultValueName: ATTRIBUTE_DEFAULT_VALUE
},
/** 监听器 */
$listener: {
/**
* 值改变的监听器
*/
get listenData() {
if (PopsPanel.$data.__listenData == null) {
PopsPanel.$data.__listenData = new utils.Dictionary();
}
return PopsPanel.$data.__listenData;
}
},
init() {
try {
this.initPanelDefaultValue();
this.initExtensionsMenu();
} catch (error2) {
console.error(error2);
}
},
/** 判断是否是顶层窗口 */
isTopWindow() {
if (GMTotal.unsafeWindow.isSupport()) {
return _unsafeWindow.top === _unsafeWindow.self;
} else {
return window.top === window.self;
}
},
/** 初始化进行注册油猴菜单 */
initExtensionsMenu() {
if (!this.isTopWindow()) {
return;
}
GM_Menu.add([
{
key: "show_pops_panel_setting",
text: "⚙ 设置",
autoReload: false,
isStoreValue: false,
showText(text) {
return text;
},
callback: () => {
this.showPanel();
}
}
]);
},
/** 初始化菜单项的默认值保存到本地数据中 */
initPanelDefaultValue() {
let that = this;
function initDefaultValue(config) {
if (!config.attributes) {
return;
}
let needInitConfig = {};
let key = config.attributes[ATTRIBUTE_KEY];
if (key != null) {
needInitConfig[key] = config.attributes[ATTRIBUTE_DEFAULT_VALUE];
}
let __attr_init__ = config.attributes[ATTRIBUTE_INIT];
if (typeof __attr_init__ === "function") {
let __attr_result__ = __attr_init__();
if (typeof __attr_result__ === "boolean" && !__attr_result__) {
return;
}
}
let initMoreValue = config.attributes[ATTRIBUTE_INIT_MORE_VALUE];
if (initMoreValue && typeof initMoreValue === "object") {
Object.assign(needInitConfig, initMoreValue);
}
let needInitConfigList = Object.keys(needInitConfig);
if (!needInitConfigList.length) {
log.warn(["请先配置键", config]);
return;
}
needInitConfigList.forEach((__key) => {
let __defaultValue = needInitConfig[__key];
if (that.$data.data.has(__key)) {
log.warn("请检查该key(已存在): " + __key);
}
that.$data.data.set(__key, __defaultValue);
});
}
function loopInitDefaultValue(configList) {
for (let index = 0; index < configList.length; index++) {
let configItem = configList[index];
initDefaultValue(configItem);
let childForms = configItem.forms;
if (childForms && Array.isArray(childForms)) {
loopInitDefaultValue(childForms);
}
}
}
let contentConfigList = this.getPanelContentConfig();
for (let index = 0; index < contentConfigList.length; index++) {
let leftContentConfigItem = contentConfigList[index];
if (!leftContentConfigItem.forms) {
continue;
}
let rightContentConfigList = leftContentConfigItem.forms;
if (rightContentConfigList && Array.isArray(rightContentConfigList)) {
loopInitDefaultValue(rightContentConfigList);
}
}
},
/**
* 设置值
* @param key 键
* @param value 值
*/
setValue(key, value) {
let locaData = StorageApi.get(KEY, {});
let oldValue = locaData[key];
locaData[key] = value;
StorageApi.set(KEY, locaData);
if (this.$listener.listenData.has(key)) {
this.$listener.listenData.get(key).callback(key, oldValue, value);
}
},
/**
* 获取值
* @param key 键
* @param defaultValue 默认值
*/
getValue(key, defaultValue) {
let locaData = StorageApi.get(KEY, {});
let localValue = locaData[key];
if (localValue == null) {
if (this.$data.data.has(key)) {
return this.$data.data.get(key);
}
return defaultValue;
}
return localValue;
},
/**
* 删除值
* @param key 键
*/
deleteValue(key) {
let locaData = StorageApi.get(KEY, {});
let oldValue = locaData[key];
Reflect.deleteProperty(locaData, key);
StorageApi.set(KEY, locaData);
if (this.$listener.listenData.has(key)) {
this.$listener.listenData.get(key).callback(key, oldValue, void 0);
}
},
/**
* 监听调用setValue、deleteValue
* @param key 需要监听的键
* @param callback
*/
addValueChangeListener(key, callback2, option) {
let listenerId = Math.random();
this.$listener.listenData.set(key, {
id: listenerId,
key,
callback: callback2
});
if (option) {
if (option.immediate) {
callback2(key, this.getValue(key), this.getValue(key));
}
}
return listenerId;
},
/**
* 移除监听
* @param listenerId 监听的id
*/
removeValueChangeListener(listenerId) {
let deleteKey = null;
for (const [key, value] of this.$listener.listenData.entries()) {
if (value.id === listenerId) {
deleteKey = key;
break;
}
}
if (typeof deleteKey === "string") {
this.$listener.listenData.delete(deleteKey);
} else {
console.warn("没有找到对应的监听器");
}
},
/**
* 主动触发菜单值改变的回调
* @param key 菜单键
* @param newValue 想要触发的新值，默认使用当前值
* @param oldValue 想要触发的旧值，默认使用当前值
*/
triggerMenuValueChange(key, newValue, oldValue) {
if (this.$listener.listenData.has(key)) {
let listenData = this.$listener.listenData.get(key);
if (typeof listenData.callback === "function") {
let value = this.getValue(key);
let __newValue = value;
let __oldValue = value;
if (typeof newValue !== "undefined" && arguments.length > 1) {
__newValue = newValue;
}
if (typeof oldValue !== "undefined" && arguments.length > 2) {
__oldValue = oldValue;
}
listenData.callback(key, __oldValue, __newValue);
}
}
},
/**
* 判断该键是否存在
* @param key 键
*/
hasKey(key) {
let locaData = StorageApi.get(KEY, {});
return key in locaData;
},
/**
* 自动判断菜单是否启用，然后执行回调
* @param key
* @param callback 回调
* @param isReverse 逆反判断菜单启用
* @param checkEnableCallBack 自定义检测菜单的值，可自行决定是否强制启用菜单，true是启用菜单，false是不启用菜单
*/
execMenu(key, callback2, isReverse = false, checkEnableCallBack) {
if (!(typeof key === "string" || typeof key === "object" && Array.isArray(key))) {
throw new TypeError("key 必须是字符串或者字符串数组");
}
let runKeyList = [];
if (typeof key === "object" && Array.isArray(key)) {
runKeyList = [...key];
} else {
runKeyList.push(key);
}
let value = void 0;
for (let index = 0; index < runKeyList.length; index++) {
const runKey = runKeyList[index];
if (!this.$data.data.has(runKey)) {
log.warn(`${key} 键不存在`);
return;
}
let runValue = PopsPanel.getValue(runKey);
if (isReverse) {
runValue = !runValue;
}
if (typeof checkEnableCallBack === "function") {
let checkResult = checkEnableCallBack(runKey, runValue);
if (typeof checkResult === "boolean") {
runValue = checkResult;
}
}
if (!runValue) {
break;
}
value = runValue;
}
if (value) {
callback2(value);
}
},
/**
* 自动判断菜单是否启用，然后执行回调，只会执行一次
* @param key
* @param callback 回调
* @param getValueFn 自定义处理获取当前值，值true是启用并执行回调，值false是不执行回调
* @param handleValueChangeFn 自定义处理值改变时的回调，值true是启用并执行回调，值false是不执行回调
* @param checkEnableCallBack 自定义检测菜单的值，可自行决定是否强制启用菜单，true是启用菜单，false是不启用菜单
*/
execMenuOnce(key, callback2, getValueFn, handleValueChangeFn, checkEnableCallBack) {
if (typeof key !== "string") {
throw new TypeError("key 必须是字符串");
}
if (!this.$data.data.has(key)) {
log.warn(`${key} 键不存在`);
return;
}
if (this.$data.oneSuccessExecMenu.has(key)) {
return;
}
this.$data.oneSuccessExecMenu.set(key, 1);
let __getValue = () => {
let localValue = PopsPanel.getValue(key);
return typeof getValueFn === "function" ? getValueFn(key, localValue) : localValue;
};
let resultStyleList = [];
let dynamicPushStyleNode = ($style) => {
let __value = __getValue();
let dynamicResultList = [];
if ($style instanceof HTMLStyleElement) {
dynamicResultList = [$style];
} else if (Array.isArray($style)) {
dynamicResultList = [
...$style.filter(
(item) => item != null && item instanceof HTMLStyleElement
)
];
}
if (__value) {
resultStyleList = resultStyleList.concat(dynamicResultList);
} else {
for (let index = 0; index < dynamicResultList.length; index++) {
let $css = dynamicResultList[index];
$css.remove();
dynamicResultList.splice(index, 1);
index--;
}
}
};
let checkMenuEnableCallBack = (currentValue) => {
return typeof checkEnableCallBack === "function" ? checkEnableCallBack(key, currentValue) : currentValue;
};
let changeCallBack = (currentValue) => {
let resultList = [];
if (checkMenuEnableCallBack(currentValue)) {
let result2 = callback2(currentValue, dynamicPushStyleNode);
if (result2 instanceof HTMLStyleElement) {
resultList = [result2];
} else if (Array.isArray(result2)) {
resultList = [
...result2.filter(
(item) => item != null && item instanceof HTMLStyleElement
)
];
}
}
for (let index = 0; index < resultStyleList.length; index++) {
let $css = resultStyleList[index];
$css.remove();
resultStyleList.splice(index, 1);
index--;
}
resultStyleList = [...resultList];
};
this.addValueChangeListener(
key,
(__key, oldValue, newValue) => {
let __newValue = newValue;
if (typeof handleValueChangeFn === "function") {
__newValue = handleValueChangeFn(__key, newValue, oldValue);
}
changeCallBack(__newValue);
}
);
let value = __getValue();
if (value) {
changeCallBack(value);
}
},
/**
* 父子菜单联动，自动判断菜单是否启用，然后执行回调，只会执行一次
* @param key 菜单键
* @param childKey 子菜单键
* @param callback 回调
* @param replaceValueFn 用于修改mainValue，返回undefined则不做处理
*/
execInheritMenuOnce(key, childKey, callback2, replaceValueFn) {
let that = this;
const handleInheritValue = (key2, childKey2) => {
let mainValue = that.getValue(key2);
let childValue = that.getValue(childKey2);
if (typeof replaceValueFn === "function") {
let changedMainValue = replaceValueFn(mainValue, childValue);
if (changedMainValue != null) {
return changedMainValue;
}
}
return mainValue;
};
this.execMenuOnce(
key,
callback2,
() => {
return handleInheritValue(key, childKey);
},
() => {
return handleInheritValue(key, childKey);
}
);
this.execMenuOnce(
childKey,
() => {
},
() => false,
() => {
this.triggerMenuValueChange(key);
return false;
}
);
},
/**
* 根据自定义key只执行一次
* @param key 自定义key
*/
onceExec(key, callback2) {
if (typeof key !== "string") {
throw new TypeError("key 必须是字符串");
}
if (this.$data.onceExec.has(key)) {
return;
}
callback2();
this.$data.onceExec.set(key, 1);
},
/**
* 显示设置面板
*/
showPanel() {
__pops.panel({
title: {
text: `${SCRIPT_NAME}-设置`,
position: "center",
html: false,
style: ""
},
content: this.getPanelContentConfig(),
mask: {
enable: true,
clickEvent: {
toClose: true,
toHide: false
}
},
width: PanelUISize.settingBig.width,
height: PanelUISize.settingBig.height,
drag: true,
only: true,
style: (
/*css*/
`
.success{
color: green;
}
.error{
color: red;
}
.warn,.warning{
color: orange;
}
.info{
color: #909090;
}
.support-info{
font-weight: bold;
}
.gm-api-features-not-support,
.gm-api-features-support{
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.gm-api-features-item{
display: flex;
align-items: center;
width: 200px;
max-width: 200px !important;
justify-content: space-between;
cursor: pointer;
transition: all ease-out .1s;
padding: 8px 16px;
border-radius: 4px;
font-size: 14px;
}
.gm-api-features-item:hover{
box-shadow: 0 2px 5px 3px #0000001a;
}
.gm-api-features-item__label{
}
.gm-api-features-item__value span{
display: flex;
align-items: center;
}
`
)
});
},
/**
* 获取配置内容
*/
getPanelContentConfig() {
let configList = [Component_Common()];
Object.keys(GMTotal).forEach((keyName) => {
let value = GMTotal[keyName];
let option = value.getUIOption();
if (option) {
configList.push(option);
}
});
configList.push(new GrantTest_onurlchange().getUIOption());
configList.push(new GrantTest_close().getUIOption());
configList.push(new GrantTest_focus().getUIOption());
return configList;
}
};
PopsPanel.init();
PopsPanel.showPanel();
})();
