☰

CookieManager

简单而强大的Cookie编辑器，允许您快速创建、编辑和删除Cookie

  1. // ==UserScript==
  2. // @name         CookieManager
  3. // @namespace    https://github.com/WhiteSevs/TamperMonkeyScript
  4. // @version      2025.3.26
  5. // @author       WhiteSevs
  6. // @description  简单而强大的Cookie编辑器，允许您快速创建、编辑和删除Cookie
  7. // @license      GPL-3.0-only
  8. // @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA/NJREFUeF7tWm1u4jAQjVHusfR3jMQNlp5ky0l2e5K2Jym9ARLO79JzEMgyKF5FqeN5YzuwQPoHqRl/zPObN5NxVHbnf+rO/c9GAEYG3DkCYwjcOQFGETxbCGitF1mWLeq6/qGUmtZ1PW1+t0qpN2PMn0uwcTAA5vP5tKqqp8bhJ8C5R2PMCrBLajIIAFprOs3fkp0eGfFaluVSMiaFbVIAQhy3Tlw1AA3dXyjGQ0/lagFoxO091PGrZkAq5wmEq2NASuevDgCB889HXVjleb6tqmraaASbHeq6ptpgm+f5cr1eb2PDyzdenAUawfsENuXM60VRvBydQ+oCWmJljHkE1go2EQOgtSbB86q9L54FAJIubMuyfAj2DhgoAmA2m1FlR+nO+6eUWm42m9c+IwREO9YYI9ojt7fuc9HkRVF8Uv0OLPLsq+0F82T/DQDCKs8bu1rrGgDxZELh5LKdTCYfPpah88MMkGy6WdwpghL6A054mQaMx/oBaOy3F2xS2ZtNg/SsqqqocrnrUAqRhBggTF0I8MlsYjUCAiCA/skc5CYaHACO/rZq42oDzpHQ55RyXWNRgWQZ0Ef/xvFlu4sjzBShPkPjXPtzDQwGIM/zB1edzjEG2n06I7aUZgFwpS3u1dVX6LSyg83zv8DiKgSWeABczkSUut82ZJun0h4iggaSJhEGuKq20FLXWRylaKm5ABkMAN/Efb0CbjNDCSiXJlkGeOL5GwuYk/TG4xDiyYFOrGEB8NXuVtCoe0M3Pb445jbDVZs0/rRhpegX7T4nEUFJB8erTX3iyTVJulkHFU4uW6EMEN/y9KFgGdPuFQAC2HuK3JtlKgCIbtF9f8ebom12euncV3DRfFxzlkvXEAM4eiL5OMbGp+Lc3rgMAAHQIM02QmOcZMb23hr7AEDoLwEgeRgIAOstuny1A0J/GACOagJnxKYu4UTiH6E/DAAZpipUQvsHRGlqhDb1Bm3Jd8ME9wrZQsgeGbFgt9u9h765nbN/gJ6+iAGxLDhX/wCNfXuwMANoAFC0OGOcU2TJRQkjImzp2x0vAsCCIA0F7lS4ig5RTu5do28OMQAtJiA3xHbd0P4B4ru1CfrKLAgAqR6E9A8knmdZFuS8WAS7mxI2MaT9AxSDYOejAZBqgqR/wHmPtr25eYJDoD1xbI3AbbL7PFTwXOskAaAljPQBxWBt7r6yWApg2z4ZAO2Kkb4RTtnmHsLxoEJIgjSFxX6/XxwOh5+Cj6L+LdF6Z/gY8kvy5AxwgdQG46S8nc/lm/9RY5U+j/uixid6uSk5lEE1IHYjlxp/FgZcyjlk3REABKVbthkZcMuni/g2MgBB6ZZt/gJwetZfo7objAAAAABJRU5ErkJggg==
  9. // @supportURL   https://github.com/WhiteSevs/TamperMonkeyScript/issues
  10. // @match        *://*/*
  11. // @require      https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/CoverUMD/index.js
  12. // @require      https://fastly.jsdelivr.net/npm/@whitesev/utils@2.6.4/dist/index.umd.js
  13. // @require      https://fastly.jsdelivr.net/npm/@whitesev/domutils@1.5.1/dist/index.umd.js
  14. // @require      https://fastly.jsdelivr.net/npm/@whitesev/pops@2.0.2/dist/index.umd.js
  15. // @require      https://fastly.jsdelivr.net/npm/qmsg@1.3.0/dist/index.umd.js
  16. // @connect      *
  17. // @grant        GM_cookie
  18. // @grant        GM_deleteValue
  19. // @grant        GM_getValue
  20. // @grant        GM_info
  21. // @grant        GM_registerMenuCommand
  22. // @grant        GM_setValue
  23. // @grant        GM_unregisterMenuCommand
  24. // @grant        GM_xmlhttpRequest
  25. // @grant        unsafeWindow
  26. // @run-at       document-start
  27. // ==/UserScript==
  28.  
  29. (function (Qmsg, DOMUtils, Utils, pops) {
  30.   'use strict';
  31.  
  32.   var __defProp = Object.defineProperty;
  33.   var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
  34.   var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
  35.   var _a;
  36.   var _GM_cookie = /* @__PURE__ */ (() => typeof GM_cookie != "undefined" ? GM_cookie : void 0)();
  37.   var _GM_deleteValue = /* @__PURE__ */ (() => typeof GM_deleteValue != "undefined" ? GM_deleteValue : void 0)();
  38.   var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)();
  39.   var _GM_info = /* @__PURE__ */ (() => typeof GM_info != "undefined" ? GM_info : void 0)();
  40.   var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)();
  41.   var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)();
  42.   var _GM_unregisterMenuCommand = /* @__PURE__ */ (() => typeof GM_unregisterMenuCommand != "undefined" ? GM_unregisterMenuCommand : void 0)();
  43.   var _GM_xmlhttpRequest = /* @__PURE__ */ (() => typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0)();
  44.   var _unsafeWindow = /* @__PURE__ */ (() => typeof unsafeWindow != "undefined" ? unsafeWindow : void 0)();
  45.   var _monkeyWindow = /* @__PURE__ */ (() => window)();
  46.   const PanelSettingConfig = {
  47.     /** Toast位置 */
  48.     qmsg_config_position: {
  49.       key: "qmsg-config-position",
  50.       defaultValue: "bottom"
  51.     },
  52.     /** 最多显示的数量 */
  53.     qmsg_config_maxnums: {
  54.       key: "qmsg-config-maxnums",
  55.       defaultValue: 3
  56.     },
  57.     /** 逆序弹出 */
  58.     qmsg_config_showreverse: {
  59.       key: "qmsg-config-showreverse",
  60.       defaultValue: false
  61.     }
  62.   };
  63.   const _SCRIPT_NAME_ = "CookieManager";
  64.   const utils = Utils.noConflict();
  65.   const domUtils = DOMUtils.noConflict();
  66.   const __pops = pops;
  67.   const log = new utils.Log(
  68.     _GM_info,
  69.     _unsafeWindow.console || _monkeyWindow.console
  70.   );
  71.   const SCRIPT_NAME = ((_a = _GM_info == null ? void 0 : _GM_info.script) == null ? void 0 : _a.name) || _SCRIPT_NAME_;
  72.   const DEBUG = false;
  73.   log.config({
  74.     debug: DEBUG,
  75.     logMaxCount: 1e3,
  76.     autoClearConsole: true,
  77.     tag: true
  78.   });
  79.   Qmsg.config(
  80.     Object.defineProperties(
  81.       {
  82.         html: true,
  83.         autoClose: true,
  84.         showClose: false
  85.       },
  86.       {
  87.         position: {
  88.           get() {
  89.             return PopsPanel.getValue(
  90.               PanelSettingConfig.qmsg_config_position.key,
  91.               PanelSettingConfig.qmsg_config_position.defaultValue
  92.             );
  93.           }
  94.         },
  95.         maxNums: {
  96.           get() {
  97.             return PopsPanel.getValue(
  98.               PanelSettingConfig.qmsg_config_maxnums.key,
  99.               PanelSettingConfig.qmsg_config_maxnums.defaultValue
  100.             );
  101.           }
  102.         },
  103.         showReverse: {
  104.           get() {
  105.             return PopsPanel.getValue(
  106.               PanelSettingConfig.qmsg_config_showreverse.key,
  107.               PanelSettingConfig.qmsg_config_showreverse.defaultValue
  108.             );
  109.           }
  110.         },
  111.         zIndex: {
  112.           get() {
  113.             let maxZIndex = Utils.getMaxZIndex();
  114.             let popsMaxZIndex = pops.config.InstanceUtils.getPopsMaxZIndex().zIndex;
  115.             return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100;
  116.           }
  117.         }
  118.       }
  119.     )
  120.   );
  121.   __pops.GlobalConfig.setGlobalConfig({
  122.     zIndex: () => {
  123.       let maxZIndex = Utils.getMaxZIndex(void 0, void 0, ($ele) => {
  124.         var _a2;
  125.         if ((_a2 = $ele == null ? void 0 : $ele.classList) == null ? void 0 : _a2.contains("qmsg-shadow-container")) {
  126.           return false;
  127.         }
  128.         if (($ele == null ? void 0 : $ele.closest("qmsg")) && $ele.getRootNode() instanceof ShadowRoot) {
  129.           return false;
  130.         }
  131.       });
  132.       let popsMaxZIndex = pops.config.InstanceUtils.getPopsMaxZIndex().zIndex;
  133.       return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100;
  134.     },
  135.     mask: {
  136.       // 开启遮罩层
  137.       enable: true,
  138.       // 取消点击遮罩层的事件
  139.       clickEvent: {
  140.         toClose: false,
  141.         toHide: false
  142.       }
  143.     }
  144.   });
  145.   const GM_Menu = new utils.GM_Menu({
  146.     GM_getValue: _GM_getValue,
  147.     GM_setValue: _GM_setValue,
  148.     GM_registerMenuCommand: _GM_registerMenuCommand,
  149.     GM_unregisterMenuCommand: _GM_unregisterMenuCommand
  150.   });
  151.   const httpx = new utils.Httpx(_GM_xmlhttpRequest);
  152.   httpx.interceptors.request.use((data) => {
  153.     return data;
  154.   });
  155.   httpx.interceptors.response.use(void 0, (data) => {
  156.     log.error("拦截器-请求错误", data);
  157.     if (data.type === "onabort") {
  158.       Qmsg.warning("请求取消");
  159.     } else if (data.type === "onerror") {
  160.       Qmsg.error("请求异常");
  161.     } else if (data.type === "ontimeout") {
  162.       Qmsg.error("请求超时");
  163.     } else {
  164.       Qmsg.error("其它错误");
  165.     }
  166.     return data;
  167.   });
  168.   httpx.config({
  169.     logDetails: DEBUG
  170.   });
  171.   ({
  172.     Object: {
  173.       defineProperty: _unsafeWindow.Object.defineProperty
  174.     },
  175.     Function: {
  176.       apply: _unsafeWindow.Function.prototype.apply,
  177.       call: _unsafeWindow.Function.prototype.call
  178.     },
  179.     Element: {
  180.       appendChild: _unsafeWindow.Element.prototype.appendChild
  181.     },
  182.     setTimeout: _unsafeWindow.setTimeout
  183.   });
  184.   utils.addStyle.bind(utils);
  185.   document.querySelector.bind(document);
  186.   document.querySelectorAll.bind(document);
  187.   const utilsCookieManager = new Utils.GM_Cookie();
  188.   const KEY = "GM_Panel";
  189.   const ATTRIBUTE_INIT = "data-init";
  190.   const ATTRIBUTE_KEY = "data-key";
  191.   const ATTRIBUTE_DEFAULT_VALUE = "data-default-value";
  192.   const ATTRIBUTE_INIT_MORE_VALUE = "data-init-more-value";
  193.   const PROPS_STORAGE_API = "data-storage-api";
  194.   const UISwitch = function(text, key, defaultValue, clickCallBack, description, afterAddToUListCallBack) {
  195.     let result = {
  196.       text,
  197.       type: "switch",
  198.       description,
  199.       attributes: {},
  200.       props: {},
  201.       getValue() {
  202.         return Boolean(
  203.           this.props[PROPS_STORAGE_API].get(key, defaultValue)
  204.         );
  205.       },
  206.       callback(event, __value) {
  207.         let value = Boolean(__value);
  208.         log.success(`${value ? "开启" : "关闭"} ${text}`);
  209.         if (typeof clickCallBack === "function") {
  210.           if (clickCallBack(event, value)) {
  211.             return;
  212.           }
  213.         }
  214.         this.props[PROPS_STORAGE_API].set(key, value);
  215.       },
  216.       afterAddToUListCallBack
  217.     };
  218.     Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
  219.     Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
  220.     Reflect.set(result.props, PROPS_STORAGE_API, {
  221.       get(key2, defaultValue2) {
  222.         return PopsPanel.getValue(key2, defaultValue2);
  223.       },
  224.       set(key2, value) {
  225.         PopsPanel.setValue(key2, value);
  226.       }
  227.     });
  228.     return result;
  229.   };
  230.   const UISelect = function(text, key, defaultValue, data, callback, description) {
  231.     let selectData = [];
  232.     if (typeof data === "function") {
  233.       selectData = data();
  234.     } else {
  235.       selectData = data;
  236.     }
  237.     let result = {
  238.       text,
  239.       type: "select",
  240.       description,
  241.       attributes: {},
  242.       props: {},
  243.       getValue() {
  244.         return this.props[PROPS_STORAGE_API].get(key, defaultValue);
  245.       },
  246.       callback(event, isSelectedValue, isSelectedText) {
  247.         let value = isSelectedValue;
  248.         log.info(`选择：${isSelectedText}`);
  249.         this.props[PROPS_STORAGE_API].set(key, value);
  250.         if (typeof callback === "function") {
  251.           callback(event, value, isSelectedText);
  252.         }
  253.       },
  254.       data: selectData
  255.     };
  256.     Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
  257.     Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
  258.     Reflect.set(result.props, PROPS_STORAGE_API, {
  259.       get(key2, defaultValue2) {
  260.         return PopsPanel.getValue(key2, defaultValue2);
  261.       },
  262.       set(key2, value) {
  263.         PopsPanel.setValue(key2, value);
  264.       }
  265.     });
  266.     return result;
  267.   };
  268.   const Component_Common = {
  269.     id: "view-general",
  270.     title: "通用",
  271.     forms: [
  272.       {
  273.         text: "Toast配置",
  274.         type: "forms",
  275.         forms: [
  276.           UISelect(
  277.             "Toast位置",
  278.             PanelSettingConfig.qmsg_config_position.key,
  279.             PanelSettingConfig.qmsg_config_position.defaultValue,
  280.             [
  281.               {
  282.                 value: "topleft",
  283.                 text: "左上角"
  284.               },
  285.               {
  286.                 value: "top",
  287.                 text: "顶部"
  288.               },
  289.               {
  290.                 value: "topright",
  291.                 text: "右上角"
  292.               },
  293.               {
  294.                 value: "left",
  295.                 text: "左边"
  296.               },
  297.               {
  298.                 value: "center",
  299.                 text: "中间"
  300.               },
  301.               {
  302.                 value: "right",
  303.                 text: "右边"
  304.               },
  305.               {
  306.                 value: "bottomleft",
  307.                 text: "左下角"
  308.               },
  309.               {
  310.                 value: "bottom",
  311.                 text: "底部"
  312.               },
  313.               {
  314.                 value: "bottomright",
  315.                 text: "右下角"
  316.               }
  317.             ],
  318.             (event, isSelectValue, isSelectText) => {
  319.               log.info("设置当前Qmsg弹出位置" + isSelectText);
  320.             },
  321.             "Toast显示在页面九宫格的位置"
  322.           ),
  323.           UISelect(
  324.             "最多显示的数量",
  325.             PanelSettingConfig.qmsg_config_maxnums.key,
  326.             PanelSettingConfig.qmsg_config_maxnums.defaultValue,
  327.             [
  328.               {
  329.                 value: 1,
  330.                 text: "1"
  331.               },
  332.               {
  333.                 value: 2,
  334.                 text: "2"
  335.               },
  336.               {
  337.                 value: 3,
  338.                 text: "3"
  339.               },
  340.               {
  341.                 value: 4,
  342.                 text: "4"
  343.               },
  344.               {
  345.                 value: 5,
  346.                 text: "5"
  347.               }
  348.             ],
  349.             void 0,
  350.             "限制Toast显示的数量"
  351.           ),
  352.           UISwitch(
  353.             "逆序弹出",
  354.             PanelSettingConfig.qmsg_config_showreverse.key,
  355.             PanelSettingConfig.qmsg_config_showreverse.defaultValue,
  356.             void 0,
  357.             "修改Toast弹出的顺序"
  358.           )
  359.         ]
  360.       }
  361.     ]
  362.   };
  363.   const PanelUISize = {
  364.     /**
  365.      * 一般设置界面的尺寸
  366.      */
  367.     setting: {
  368.       get width() {
  369.         return window.innerWidth < 550 ? "88vw" : "550px";
  370.       },
  371.       get height() {
  372.         return window.innerHeight < 450 ? "70vh" : "450px";
  373.       }
  374.     },
  375.     /**
  376.      * 信息界面，一般用于提示信息之类
  377.      */
  378.     info: {
  379.       get width() {
  380.         return window.innerWidth < 350 ? "350px" : "350px";
  381.       },
  382.       get height() {
  383.         return window.innerHeight < 250 ? "250px" : "250px";
  384.       }
  385.     }
  386.   };
  387.   const UIButton = function(text, description, buttonText, buttonIcon, buttonIsRightIcon, buttonIconIsLoading, buttonType, clickCallBack, afterAddToUListCallBack, disable) {
  388.     let result = {
  389.       text,
  390.       type: "button",
  391.       attributes: {},
  392.       description,
  393.       buttonIcon,
  394.       buttonIsRightIcon,
  395.       buttonIconIsLoading,
  396.       buttonType,
  397.       buttonText,
  398.       callback(event) {
  399.         if (typeof clickCallBack === "function") {
  400.           clickCallBack(event);
  401.         }
  402.       },
  403.       afterAddToUListCallBack
  404.     };
  405.     Reflect.set(result.attributes, ATTRIBUTE_INIT, () => {
  406.       result.disable = Boolean(
  407.         disable
  408.       );
  409.     });
  410.     return result;
  411.   };
  412.   const UIInput = function(text, key, defaultValue, description, changeCallBack, placeholder = "", isNumber, isPassword) {
  413.     let result = {
  414.       text,
  415.       type: "input",
  416.       isNumber: Boolean(isNumber),
  417.       isPassword: Boolean(isPassword),
  418.       props: {},
  419.       attributes: {},
  420.       description,
  421.       getValue() {
  422.         return this.props[PROPS_STORAGE_API].get(key, defaultValue);
  423.       },
  424.       callback(event, value) {
  425.         this.props[PROPS_STORAGE_API].set(key, value);
  426.       },
  427.       placeholder
  428.     };
  429.     Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
  430.     Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
  431.     Reflect.set(result.props, PROPS_STORAGE_API, {
  432.       get(key2, defaultValue2) {
  433.         return PopsPanel.getValue(key2, defaultValue2);
  434.       },
  435.       set(key2, value) {
  436.         PopsPanel.setValue(key2, value);
  437.       }
  438.     });
  439.     return result;
  440.   };
  441.   const UITextArea = function(text, key, defaultValue, description, changeCallBack, placeholder = "", disabled) {
  442.     let result = {
  443.       text,
  444.       type: "textarea",
  445.       attributes: {},
  446.       props: {},
  447.       description,
  448.       placeholder,
  449.       disabled,
  450.       getValue() {
  451.         let value = this.props[PROPS_STORAGE_API].get(key, defaultValue);
  452.         if (Array.isArray(value)) {
  453.           return value.join("\n");
  454.         }
  455.         return value;
  456.       },
  457.       callback(event, value) {
  458.         this.props[PROPS_STORAGE_API].set(key, value);
  459.       }
  460.     };
  461.     Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
  462.     Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
  463.     Reflect.set(result.props, PROPS_STORAGE_API, {
  464.       get(key2, defaultValue2) {
  465.         return PopsPanel.getValue(key2, defaultValue2);
  466.       },
  467.       set(key2, value) {
  468.         PopsPanel.setValue(key2, value);
  469.       }
  470.     });
  471.     return result;
  472.   };
  473.   class RuleEditView {
  474.     constructor(option) {
  475.       __publicField(this, "option");
  476.       this.option = option;
  477.     }
  478.     /**
  479.      * 显示视图
  480.      */
  481.     async showView() {
  482.       var _a2;
  483.       let $dialog = __pops.confirm({
  484.         title: {
  485.           text: this.option.title,
  486.           position: "center"
  487.         },
  488.         content: {
  489.           text: (
  490.             /*html*/
  491.             `
  492.                     <form class="rule-form-container" onsubmit="return false">
  493.                         <ul class="rule-form-ulist">
  494.                             
  495.                         </ul>
  496.                         <input type="submit" style="display: none;" />
  497.                     </form>
  498.                     `
  499.           ),
  500.           html: true
  501.         },
  502.         btn: utils.assign(
  503.           {
  504.             ok: {
  505.               callback: async () => {
  506.                 await submitSaveOption();
  507.               }
  508.             }
  509.           },
  510.           this.option.btn || {},
  511.           true
  512.         ),
  513.         mask: {
  514.           enable: true
  515.         },
  516.         drag: true,
  517.         style: (
  518.           /*css*/
  519.           `
  520.                 ${__pops.config.cssText.panelCSS}
  521.                 
  522.                 .rule-form-container {
  523.                     
  524.                 }
  525.                 .rule-form-container li{
  526.                     display: flex;
  527.                     align-items: center;
  528.                     justify-content: space-between;
  529.                     padding: 5px 20px;
  530.                     gap: 10px;
  531.                 }
  532.                 .pops-panel-item-left-main-text{
  533.                     max-width: 150px;
  534.                 }
  535.                 .pops-panel-item-right-text{
  536.                     padding-left: 30px;
  537.                 }
  538.                 .pops-panel-item-right-text,
  539.                 .pops-panel-item-right-main-text{
  540.                     text-overflow: ellipsis;
  541.                     overflow: hidden;
  542.                     white-space: nowrap;
  543.                 }
  544.  
  545.                 ${((_a2 = this.option) == null ? void 0 : _a2.style) ?? ""}
  546.             `
  547.         ),
  548.         width: typeof this.option.width === "function" ? this.option.width() : window.innerWidth > 500 ? "500px" : "88vw",
  549.         height: typeof this.option.height === "function" ? this.option.height() : window.innerHeight > 500 ? "500px" : "80vh"
  550.       });
  551.       let $form = $dialog.$shadowRoot.querySelector(
  552.         ".rule-form-container"
  553.       );
  554.       $dialog.$shadowRoot.querySelector(
  555.         "input[type=submit]"
  556.       );
  557.       let $ulist = $dialog.$shadowRoot.querySelector(".rule-form-ulist");
  558.       let view = await this.option.getView(await this.option.data());
  559.       $ulist.appendChild(view);
  560.       const submitSaveOption = async () => {
  561.         let result = await this.option.onsubmit($form, await this.option.data());
  562.         if (!result.success) {
  563.           return;
  564.         }
  565.         $dialog.close();
  566.         await this.option.dialogCloseCallBack(true);
  567.       };
  568.     }
  569.   }
  570.   class RuleFilterView {
  571.     constructor(option) {
  572.       __publicField(this, "option");
  573.       this.option = option;
  574.     }
  575.     showView() {
  576.       let $alert = __pops.alert({
  577.         title: {
  578.           text: this.option.title,
  579.           position: "center"
  580.         },
  581.         content: {
  582.           text: (
  583.             /*html*/
  584.             `
  585.                 <div class="filter-container"></div>
  586.                 `
  587.           )
  588.         },
  589.         btn: {
  590.           ok: {
  591.             text: "关闭",
  592.             type: "default"
  593.           }
  594.         },
  595.         mask: {
  596.           enable: true
  597.         },
  598.         width: window.innerWidth > 500 ? "350px" : "80vw",
  599.         height: window.innerHeight > 500 ? "300px" : "70vh",
  600.         style: (
  601.           /*css*/
  602.           `
  603.             .filter-container{
  604.                 height: 100%;
  605.                 display: flex;
  606.                 flex-direction: column;
  607.                 gap: 20px;
  608.             }
  609.             .filter-container button{
  610.                 text-wrap: wrap;
  611.                 padding: 8px;
  612.                 height: auto;
  613.                 text-align: left;
  614.             }
  615.             `
  616.         )
  617.       });
  618.       let $filterContainer = $alert.$shadowRoot.querySelector(".filter-container");
  619.       let $fragment = document.createDocumentFragment();
  620.       this.option.filterOption.forEach((filterOption) => {
  621.         let $button = document.createElement("button");
  622.         $button.innerText = filterOption.name;
  623.         let execFilterAndCloseDialog = async () => {
  624.           let allRuleInfo = await this.option.getAllRuleInfo();
  625.           allRuleInfo.forEach(async (ruleInfo) => {
  626.             let filterResult = await filterOption.filterCallBack(ruleInfo.data);
  627.             if (!filterResult) {
  628.               domUtils.hide(ruleInfo.$el, false);
  629.             } else {
  630.               domUtils.show(ruleInfo.$el, false);
  631.             }
  632.           });
  633.           if (typeof this.option.execFilterCallBack === "function") {
  634.             await this.option.execFilterCallBack();
  635.           }
  636.           $alert.close();
  637.         };
  638.         domUtils.on($button, "click", async (event) => {
  639.           utils.preventEvent(event);
  640.           if (typeof filterOption.callback === "function") {
  641.             let result = await filterOption.callback(
  642.               event,
  643.               execFilterAndCloseDialog
  644.             );
  645.             if (!result) {
  646.               return;
  647.             }
  648.           }
  649.           await execFilterAndCloseDialog();
  650.         });
  651.         $fragment.appendChild($button);
  652.       });
  653.       $filterContainer.appendChild($fragment);
  654.     }
  655.   }
  656.   class RuleView {
  657.     constructor(option) {
  658.       __publicField(this, "option");
  659.       this.option = option;
  660.     }
  661.     /**
  662.      * 显示视图
  663.      * @param filterCallBack 返回值为false隐藏，true则不隐藏（不处理）
  664.      */
  665.     async showView(filterCallBack) {
  666.       var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
  667.       let $popsConfirm = __pops.confirm({
  668.         title: {
  669.           text: this.option.title,
  670.           position: "center"
  671.         },
  672.         content: {
  673.           text: (
  674.             /*html*/
  675.             `
  676.                     <div class="rule-view-container">
  677.                     </div>
  678.                     `
  679.           ),
  680.           html: true
  681.         },
  682.         btn: {
  683.           merge: true,
  684.           reverse: false,
  685.           position: "space-between",
  686.           ok: {
  687.             enable: ((_c = (_b = (_a2 = this.option) == null ? void 0 : _a2.bottomControls) == null ? void 0 : _b.add) == null ? void 0 : _c.enable) || true,
  688.             type: "primary",
  689.             text: "添加",
  690.             callback: async (event) => {
  691.               this.showEditView(
  692.                 false,
  693.                 await this.option.getAddData(),
  694.                 $popsConfirm.$shadowRoot
  695.               );
  696.             }
  697.           },
  698.           close: {
  699.             enable: true,
  700.             callback(event) {
  701.               $popsConfirm.close();
  702.             }
  703.           },
  704.           cancel: {
  705.             enable: ((_f = (_e = (_d = this.option) == null ? void 0 : _d.bottomControls) == null ? void 0 : _e.filter) == null ? void 0 : _f.enable) || false,
  706.             type: "default",
  707.             text: "过滤",
  708.             callback: (details, event) => {
  709.               var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
  710.               if (typeof ((_c2 = (_b2 = (_a3 = this.option) == null ? void 0 : _a3.bottomControls) == null ? void 0 : _b2.filter) == null ? void 0 : _c2.callback) === "function") {
  711.                 this.option.bottomControls.filter.callback();
  712.               }
  713.               let getAllRuleElement = () => {
  714.                 return Array.from(
  715.                   $popsConfirm.$shadowRoot.querySelectorAll(
  716.                     ".rule-view-container .rule-item"
  717.                   )
  718.                 );
  719.               };
  720.               let $button = event.target.closest(".pops-confirm-btn").querySelector(".pops-confirm-btn-cancel span");
  721.               if (domUtils.text($button).includes("取消")) {
  722.                 getAllRuleElement().forEach(($el) => {
  723.                   domUtils.show($el, false);
  724.                 });
  725.                 domUtils.text($button, "过滤");
  726.               } else {
  727.                 let ruleFilterView = new RuleFilterView({
  728.                   title: ((_e2 = (_d2 = this.option.bottomControls) == null ? void 0 : _d2.filter) == null ? void 0 : _e2.title) ?? "过滤规则",
  729.                   filterOption: ((_g2 = (_f2 = this.option.bottomControls) == null ? void 0 : _f2.filter) == null ? void 0 : _g2.option) || [],
  730.                   execFilterCallBack() {
  731.                     domUtils.text($button, "取消过滤");
  732.                   },
  733.                   getAllRuleInfo: () => {
  734.                     return getAllRuleElement().map(($el) => {
  735.                       return {
  736.                         data: this.parseRuleItemElement($el).data,
  737.                         $el
  738.                       };
  739.                     });
  740.                   }
  741.                 });
  742.                 ruleFilterView.showView();
  743.               }
  744.             }
  745.           },
  746.           other: {
  747.             enable: ((_i = (_h = (_g = this.option) == null ? void 0 : _g.bottomControls) == null ? void 0 : _h.clear) == null ? void 0 : _i.enable) || true,
  748.             type: "xiaomi-primary",
  749.             text: `清空所有(${(await this.option.data()).length})`,
  750.             callback: (event) => {
  751.               let $askDialog = __pops.confirm({
  752.                 title: {
  753.                   text: "提示",
  754.                   position: "center"
  755.                 },
  756.                 content: {
  757.                   text: "确定清空所有的数据？",
  758.                   html: false
  759.                 },
  760.                 btn: {
  761.                   ok: {
  762.                     enable: true,
  763.                     callback: async (popsEvent) => {
  764.                       var _a3, _b2, _c2;
  765.                       log.success("清空所有");
  766.                       if (typeof ((_c2 = (_b2 = (_a3 = this.option) == null ? void 0 : _a3.bottomControls) == null ? void 0 : _b2.clear) == null ? void 0 : _c2.callback) === "function") {
  767.                         this.option.bottomControls.clear.callback();
  768.                       }
  769.                       let data = await this.option.data();
  770.                       if (data.length) {
  771.                         Qmsg.error("清理失败");
  772.                         return;
  773.                       } else {
  774.                         Qmsg.success("清理成功");
  775.                       }
  776.                       await this.updateDeleteAllBtnText($popsConfirm.$shadowRoot);
  777.                       this.clearContent($popsConfirm.$shadowRoot);
  778.                       $askDialog.close();
  779.                     }
  780.                   },
  781.                   cancel: {
  782.                     text: "取消",
  783.                     enable: true
  784.                   }
  785.                 },
  786.                 mask: { enable: true },
  787.                 width: "300px",
  788.                 height: "200px"
  789.               });
  790.             }
  791.           }
  792.         },
  793.         mask: {
  794.           enable: true
  795.         },
  796.         drag: true,
  797.         width: window.innerWidth > 500 ? "500px" : "88vw",
  798.         height: window.innerHeight > 500 ? "500px" : "80vh",
  799.         style: (
  800.           /*css*/
  801.           `
  802.             ${__pops.config.cssText.panelCSS}
  803.             
  804.             .rule-item{
  805.                 display: flex;
  806.                 align-items: center;
  807.                 line-height: normal;
  808.                 font-size: 16px;
  809.                 padding: 4px 8px;
  810.                 gap: 8px;
  811.             }
  812.             .rule-name{
  813.                 flex: 1;
  814.                 white-space: nowrap;
  815.                 text-overflow: ellipsis;
  816.                 overflow: hidden;
  817.             }
  818.             .rule-controls{
  819.                 display: flex;
  820.                 align-items: center;
  821.                 text-overflow: ellipsis;
  822.                 overflow: hidden;
  823.                 white-space: nowrap;
  824.                 gap: 8px;
  825.                 padding: 0px;
  826.             }
  827.             .rule-controls-enable{
  828.                 
  829.             }
  830.             .rule-controls-edit{
  831.                 
  832.             }
  833.             .rule-controls-delete{
  834.                 
  835.             }
  836.             .rule-controls-edit,
  837.             .rule-controls-delete{
  838.                 width: 16px;
  839.                 height: 16px;
  840.                 cursor: pointer;
  841.             }
  842.             `
  843.         )
  844.       });
  845.       let allData = await this.option.data();
  846.       let changeButtonText = false;
  847.       for (let index = 0; index < allData.length; index++) {
  848.         let item = allData[index];
  849.         let $ruleItemList = await this.appendRuleItemElement(
  850.           $popsConfirm.$shadowRoot,
  851.           item
  852.         );
  853.         let flag = typeof filterCallBack === "function" ? filterCallBack(item) : true;
  854.         if (!flag) {
  855.           changeButtonText = true;
  856.           $ruleItemList.forEach(($el) => {
  857.             domUtils.hide($el, false);
  858.           });
  859.         }
  860.       }
  861.       if (changeButtonText) {
  862.         let $button = $popsConfirm.$shadowRoot.querySelector(
  863.           ".pops-confirm-btn-cancel span"
  864.         );
  865.         domUtils.text($button, "取消过滤");
  866.       }
  867.     }
  868.     /**
  869.      * 显示编辑视图
  870.      * @param isEdit 是否是编辑状态
  871.      * @param editData 编辑的数据
  872.      * @param $parentShadowRoot （可选）关闭弹窗后对ShadowRoot进行操作
  873.      * @param $editRuleItemElement （可选）关闭弹窗后对规则行进行更新数据
  874.      * @param updateDataCallBack （可选）关闭添加/编辑弹窗的回调（不更新数据）
  875.      * @param submitCallBack （可选）添加/修改提交的回调
  876.      */
  877.     showEditView(isEdit, editData, $parentShadowRoot, $editRuleItemElement, updateDataCallBack, submitCallBack) {
  878.       let dialogCloseCallBack = async (isSubmit) => {
  879.         if (isSubmit) {
  880.           if (typeof submitCallBack === "function") {
  881.             let newData = await this.option.getData(editData);
  882.             submitCallBack(newData);
  883.           }
  884.         } else {
  885.           if (!isEdit) {
  886.             await this.option.deleteData(editData);
  887.           }
  888.           if (typeof updateDataCallBack === "function") {
  889.             let newData = await this.option.getData(editData);
  890.             updateDataCallBack(newData);
  891.           }
  892.         }
  893.       };
  894.       let editView = new RuleEditView({
  895.         title: isEdit ? "编辑" : "添加",
  896.         data: () => {
  897.           return editData;
  898.         },
  899.         dialogCloseCallBack,
  900.         getView: async (data) => {
  901.           return await this.option.itemControls.edit.getView(data, isEdit);
  902.         },
  903.         btn: {
  904.           ok: {
  905.             enable: true,
  906.             text: isEdit ? "修改" : "添加"
  907.           },
  908.           cancel: {
  909.             callback: async (detail, event) => {
  910.               detail.close();
  911.               await dialogCloseCallBack(false);
  912.             }
  913.           },
  914.           close: {
  915.             callback: async (detail, event) => {
  916.               detail.close();
  917.               await dialogCloseCallBack(false);
  918.             }
  919.           }
  920.         },
  921.         onsubmit: async ($form, data) => {
  922.           let result = await this.option.itemControls.edit.onsubmit(
  923.             $form,
  924.             isEdit,
  925.             data
  926.           );
  927.           if (result.success) {
  928.             if (isEdit) {
  929.               Qmsg.success("修改成功");
  930.               $parentShadowRoot && await this.updateRuleItemElement(
  931.                 result.data,
  932.                 $editRuleItemElement,
  933.                 $parentShadowRoot
  934.               );
  935.             } else {
  936.               $parentShadowRoot && await this.appendRuleItemElement(
  937.                 $parentShadowRoot,
  938.                 result.data
  939.               );
  940.             }
  941.           } else {
  942.             if (isEdit) {
  943.               Qmsg.error("修改失败");
  944.             }
  945.           }
  946.           return result;
  947.         },
  948.         style: this.option.itemControls.edit.style,
  949.         width: this.option.itemControls.edit.width,
  950.         height: this.option.itemControls.edit.height
  951.       });
  952.       editView.showView();
  953.     }
  954.     /**
  955.      * 解析弹窗内的各个元素
  956.      */
  957.     parseViewElement($shadowRoot) {
  958.       let $container = $shadowRoot.querySelector(
  959.         ".rule-view-container"
  960.       );
  961.       let $deleteBtn = $shadowRoot.querySelector(
  962.         ".pops-confirm-btn button.pops-confirm-btn-other"
  963.       );
  964.       return {
  965.         /** 容器 */
  966.         $container,
  967.         /** 左下角的清空按钮 */
  968.         $deleteBtn
  969.       };
  970.     }
  971.     /**
  972.      * 解析每一项的元素
  973.      */
  974.     parseRuleItemElement($ruleElement) {
  975.       let $enable = $ruleElement.querySelector(
  976.         ".rule-controls-enable"
  977.       );
  978.       let $enableSwitch = $enable.querySelector(".pops-panel-switch");
  979.       let $enableSwitchInput = $enable.querySelector(
  980.         ".pops-panel-switch__input"
  981.       );
  982.       let $enableSwitchCore = $enable.querySelector(
  983.         ".pops-panel-switch__core"
  984.       );
  985.       let $edit = $ruleElement.querySelector(".rule-controls-edit");
  986.       let $delete = $ruleElement.querySelector(
  987.         ".rule-controls-delete"
  988.       );
  989.       return {
  990.         /** 启用开关 */
  991.         $enable,
  992.         /** 启用开关的container */
  993.         $enableSwitch,
  994.         /** 启用开关的input */
  995.         $enableSwitchInput,
  996.         /** 启用开关的core */
  997.         $enableSwitchCore,
  998.         /** 编辑按钮 */
  999.         $edit,
  1000.         /** 删除按钮 */
  1001.         $delete,
  1002.         /** 存储在元素上的数据 */
  1003.         data: Reflect.get($ruleElement, "data-rule")
  1004.       };
  1005.     }
  1006.     /**
  1007.      * 创建一条规则元素
  1008.      */
  1009.     async createRuleItemElement(data, $shadowRoot) {
  1010.       let name = await this.option.getDataItemName(data);
  1011.       let $ruleItem = domUtils.createElement("div", {
  1012.         className: "rule-item",
  1013.         innerHTML: (
  1014.           /*html*/
  1015.           `
  1016. 			<div class="rule-name">${name}</div>
  1017. 			<div class="rule-controls">
  1018. 				<div class="rule-controls-enable">
  1019. 					<div class="pops-panel-switch">
  1020. 						<input class="pops-panel-switch__input" type="checkbox">
  1021. 						<span class="pops-panel-switch__core">
  1022. 							<div class="pops-panel-switch__action">
  1023. 							</div>
  1024. 						</span>
  1025. 					</div>
  1026. 				</div>
  1027. 				<div class="rule-controls-edit">
  1028. 					${__pops.config.iconSVG.edit}
  1029. 				</div>
  1030. 				<div class="rule-controls-delete">
  1031. 					${__pops.config.iconSVG.delete}
  1032. 				</div>
  1033. 			</div>
  1034. 			`
  1035.         )
  1036.       });
  1037.       Reflect.set($ruleItem, "data-rule", data);
  1038.       let switchCheckedClassName = "pops-panel-switch-is-checked";
  1039.       const {
  1040.         $enable,
  1041.         $enableSwitch,
  1042.         $enableSwitchCore,
  1043.         $enableSwitchInput,
  1044.         $delete,
  1045.         $edit
  1046.       } = this.parseRuleItemElement($ruleItem);
  1047.       if (this.option.itemControls.enable.enable) {
  1048.         domUtils.on($enableSwitchCore, "click", async (event) => {
  1049.           let isChecked = false;
  1050.           if ($enableSwitch.classList.contains(switchCheckedClassName)) {
  1051.             $enableSwitch.classList.remove(switchCheckedClassName);
  1052.             isChecked = false;
  1053.           } else {
  1054.             $enableSwitch.classList.add(switchCheckedClassName);
  1055.             isChecked = true;
  1056.           }
  1057.           $enableSwitchInput.checked = isChecked;
  1058.           await this.option.itemControls.enable.callback(data, isChecked);
  1059.         });
  1060.         if (await this.option.itemControls.enable.getEnable(data)) {
  1061.           $enableSwitch.classList.add(switchCheckedClassName);
  1062.         }
  1063.       } else {
  1064.         $enable.remove();
  1065.       }
  1066.       if (this.option.itemControls.edit.enable) {
  1067.         domUtils.on($edit, "click", (event) => {
  1068.           utils.preventEvent(event);
  1069.           this.showEditView(true, data, $shadowRoot, $ruleItem, (newData) => {
  1070.             data = null;
  1071.             data = newData;
  1072.           });
  1073.         });
  1074.       } else {
  1075.         $edit.remove();
  1076.       }
  1077.       if (this.option.itemControls.delete.enable) {
  1078.         domUtils.on($delete, "click", (event) => {
  1079.           utils.preventEvent(event);
  1080.           let $askDialog = __pops.confirm({
  1081.             title: {
  1082.               text: "提示",
  1083.               position: "center"
  1084.             },
  1085.             content: {
  1086.               text: "确定删除该条数据？",
  1087.               html: false
  1088.             },
  1089.             btn: {
  1090.               ok: {
  1091.                 enable: true,
  1092.                 callback: async (popsEvent) => {
  1093.                   log.success("删除数据");
  1094.                   let flag = await this.option.itemControls.delete.deleteCallBack(
  1095.                     data
  1096.                   );
  1097.                   if (flag) {
  1098.                     Qmsg.success("成功删除该数据");
  1099.                     $ruleItem.remove();
  1100.                     await this.updateDeleteAllBtnText($shadowRoot);
  1101.                     $askDialog.close();
  1102.                   } else {
  1103.                     Qmsg.error("删除该数据失败");
  1104.                   }
  1105.                 }
  1106.               },
  1107.               cancel: {
  1108.                 text: "取消",
  1109.                 enable: true
  1110.               }
  1111.             },
  1112.             mask: {
  1113.               enable: true
  1114.             },
  1115.             width: "300px",
  1116.             height: "200px"
  1117.           });
  1118.         });
  1119.       } else {
  1120.         $delete.remove();
  1121.       }
  1122.       return $ruleItem;
  1123.     }
  1124.     /**
  1125.      * 添加一个规则元素
  1126.      */
  1127.     async appendRuleItemElement($shadowRoot, data) {
  1128.       let { $container } = this.parseViewElement($shadowRoot);
  1129.       let $ruleItem = [];
  1130.       let iteratorData = Array.isArray(data) ? data : [data];
  1131.       for (let index = 0; index < iteratorData.length; index++) {
  1132.         let item = iteratorData[index];
  1133.         let $item = await this.createRuleItemElement(item, $shadowRoot);
  1134.         $container.appendChild($item);
  1135.         $ruleItem.push($item);
  1136.       }
  1137.       await this.updateDeleteAllBtnText($shadowRoot);
  1138.       return $ruleItem;
  1139.     }
  1140.     /**
  1141.      * 更新弹窗内容的元素
  1142.      */
  1143.     async updateRuleContaienrElement($shadowRoot) {
  1144.       this.clearContent($shadowRoot);
  1145.       const { $container } = this.parseViewElement($shadowRoot);
  1146.       let data = await this.option.data();
  1147.       await this.appendRuleItemElement($shadowRoot, data);
  1148.       await this.updateDeleteAllBtnText($shadowRoot);
  1149.     }
  1150.     /**
  1151.      * 更新规则元素
  1152.      */
  1153.     async updateRuleItemElement(data, $oldRuleItem, $shadowRoot) {
  1154.       let $newRuleItem = await this.createRuleItemElement(data, $shadowRoot);
  1155.       $oldRuleItem.after($newRuleItem);
  1156.       $oldRuleItem.remove();
  1157.     }
  1158.     /**
  1159.      * 清空内容
  1160.      */
  1161.     clearContent($shadowRoot) {
  1162.       const { $container } = this.parseViewElement($shadowRoot);
  1163.       domUtils.html($container, "");
  1164.     }
  1165.     /**
  1166.      * 设置删除按钮的文字
  1167.      */
  1168.     setDeleteBtnText($shadowRoot, text, isHTML = false) {
  1169.       const { $deleteBtn } = this.parseViewElement($shadowRoot);
  1170.       if (isHTML) {
  1171.         domUtils.html($deleteBtn, text);
  1172.       } else {
  1173.         domUtils.text($deleteBtn, text);
  1174.       }
  1175.     }
  1176.     /**
  1177.      * 更新【清空所有】的按钮的文字
  1178.      * @param $shadowRoot
  1179.      */
  1180.     async updateDeleteAllBtnText($shadowRoot) {
  1181.       let data = await this.option.data();
  1182.       this.setDeleteBtnText($shadowRoot, `清空所有(${data.length})`);
  1183.     }
  1184.   }
  1185.   const CookieRule = {
  1186.     $key: {
  1187.       STORAGE_KEY: "cookie-rule"
  1188.     },
  1189.     $data: {
  1190.       /** 规则数据 */
  1191.       ruleData: []
  1192.     },
  1193.     /** 初始化数据 */
  1194.     init() {
  1195.       this.$data.ruleData = [];
  1196.       let allData = this.getData();
  1197.       allData.forEach((data) => {
  1198.         if (!data.enable) {
  1199.           return;
  1200.         }
  1201.         let url = window.location.href;
  1202.         let ruleUrl = data.data.url;
  1203.         let enableRegExpToMatchUrl = data.data.enableRegExpToMatchUrl;
  1204.         if (enableRegExpToMatchUrl) {
  1205.           let regExpUrl = new RegExp(ruleUrl, "i");
  1206.           if (!regExpUrl.test(url)) {
  1207.             return;
  1208.           }
  1209.         } else {
  1210.           if (!url.includes(ruleUrl)) {
  1211.             return;
  1212.           }
  1213.         }
  1214.         this.$data.ruleData.push(data);
  1215.       });
  1216.     },
  1217.     /**
  1218.      * 显示视图
  1219.      */
  1220.     showView() {
  1221.       let popsPanelContentUtils = __pops.config.panelHandleContentUtils();
  1222.       function generateStorageApi(data, handler) {
  1223.         return {
  1224.           get(key, defaultValue) {
  1225.             return Reflect.get(data, key) ?? defaultValue;
  1226.           },
  1227.           set(key, value) {
  1228.             Reflect.set(data, key, value);
  1229.           }
  1230.         };
  1231.       }
  1232.       let ruleView = new RuleView({
  1233.         title: "Cookie规则",
  1234.         data: () => {
  1235.           return this.getData();
  1236.         },
  1237.         getAddData: () => {
  1238.           return this.getTemplateData();
  1239.         },
  1240.         getDataItemName: (data) => {
  1241.           return data["name"];
  1242.         },
  1243.         updateData: (data) => {
  1244.           return this.updateData(data);
  1245.         },
  1246.         deleteData: (data) => {
  1247.           return this.deleteData(data);
  1248.         },
  1249.         getData: (data) => {
  1250.           let allData = this.getData();
  1251.           let findValue = allData.find((item) => item.uuid === data.uuid);
  1252.           return findValue ?? data;
  1253.         },
  1254.         itemControls: {
  1255.           enable: {
  1256.             enable: true,
  1257.             getEnable(data) {
  1258.               return data.enable;
  1259.             },
  1260.             callback: (data, enable) => {
  1261.               data.enable = enable;
  1262.               this.updateData(data);
  1263.             }
  1264.           },
  1265.           edit: {
  1266.             enable: true,
  1267.             getView: (data, isEdit) => {
  1268.               let $fragment = document.createDocumentFragment();
  1269.               let templateData = this.getTemplateData();
  1270.               if (!isEdit) {
  1271.                 data = templateData;
  1272.               }
  1273.               let enable_template = UISwitch(
  1274.                 "启用",
  1275.                 "enable",
  1276.                 templateData.enable
  1277.               );
  1278.               Reflect.set(
  1279.                 enable_template.props,
  1280.                 PROPS_STORAGE_API,
  1281.                 generateStorageApi(data)
  1282.               );
  1283.               let $enable = popsPanelContentUtils.createSectionContainerItem_switch(
  1284.                 enable_template
  1285.               );
  1286.               let name_template = UIInput(
  1287.                 "规则名称",
  1288.                 "name",
  1289.                 "",
  1290.                 templateData.name,
  1291.                 void 0,
  1292.                 "必填"
  1293.               );
  1294.               Reflect.set(
  1295.                 name_template.props,
  1296.                 PROPS_STORAGE_API,
  1297.                 generateStorageApi(data)
  1298.               );
  1299.               let $name = popsPanelContentUtils.createSectionContainerItem_input(
  1300.                 name_template
  1301.               );
  1302.               let url_template = UIInput(
  1303.                 "网址",
  1304.                 "url",
  1305.                 templateData.data.url,
  1306.                 "用于执行该规则的网址",
  1307.                 void 0,
  1308.                 "必填"
  1309.               );
  1310.               Reflect.set(
  1311.                 url_template.props,
  1312.                 PROPS_STORAGE_API,
  1313.                 generateStorageApi(data.data)
  1314.               );
  1315.               let $url = popsPanelContentUtils.createSectionContainerItem_input(
  1316.                 url_template
  1317.               );
  1318.               let enableRegExpToMatchUrl_template = UISwitch(
  1319.                 "启用正则匹配网址",
  1320.                 "enableRegExpToMatchUrl",
  1321.                 templateData.data.enableRegExpToMatchUrl
  1322.               );
  1323.               Reflect.set(
  1324.                 enableRegExpToMatchUrl_template.props,
  1325.                 PROPS_STORAGE_API,
  1326.                 generateStorageApi(data.data)
  1327.               );
  1328.               let $enableRegExpToMatchUrl = popsPanelContentUtils.createSectionContainerItem_switch(
  1329.                 enableRegExpToMatchUrl_template
  1330.               );
  1331.               let cookieName_template = UIInput(
  1332.                 "Cookie名称",
  1333.                 "cookieName",
  1334.                 templateData.data.cookieName,
  1335.                 "用于匹配执行操作的Cookie名",
  1336.                 void 0,
  1337.                 "必填"
  1338.               );
  1339.               Reflect.set(
  1340.                 cookieName_template.props,
  1341.                 PROPS_STORAGE_API,
  1342.                 generateStorageApi(data.data)
  1343.               );
  1344.               let $cookieName = popsPanelContentUtils.createSectionContainerItem_input(
  1345.                 cookieName_template
  1346.               );
  1347.               let enableRegExpToMatchCookieName_template = UISwitch(
  1348.                 "启用正则匹配Cookie名称",
  1349.                 "enableRegExpToMatchCookieName",
  1350.                 templateData.data.enableRegExpToMatchCookieName
  1351.               );
  1352.               Reflect.set(
  1353.                 enableRegExpToMatchCookieName_template.props,
  1354.                 PROPS_STORAGE_API,
  1355.                 generateStorageApi(data.data)
  1356.               );
  1357.               let $enableRegExpToMatchCookieName = popsPanelContentUtils.createSectionContainerItem_switch(
  1358.                 enableRegExpToMatchCookieName_template
  1359.               );
  1360.               let operationMode_template = UISelect(
  1361.                 "操作模式",
  1362.                 "operationMode",
  1363.                 templateData.data.operationMode,
  1364.                 [
  1365.                   {
  1366.                     value: "delete",
  1367.                     text: "删除Cookie"
  1368.                   },
  1369.                   {
  1370.                     value: "extended",
  1371.                     text: "自动延长Cookie有效期30天"
  1372.                   },
  1373.                   {
  1374.                     value: "extended-90",
  1375.                     text: "自动延长Cookie有效期90天"
  1376.                   },
  1377.                   {
  1378.                     value: "extended-180",
  1379.                     text: "自动延长Cookie有效期180天"
  1380.                   },
  1381.                   {
  1382.                     value: "extended-360",
  1383.                     text: "自动延长Cookie有效期360天"
  1384.                   }
  1385.                 ]
  1386.               );
  1387.               Reflect.set(
  1388.                 operationMode_template.props,
  1389.                 PROPS_STORAGE_API,
  1390.                 generateStorageApi(data.data)
  1391.               );
  1392.               let $operationMode = popsPanelContentUtils.createSectionContainerItem_select(
  1393.                 operationMode_template
  1394.               );
  1395.               let remark_template = UITextArea(
  1396.                 "备注",
  1397.                 "remark",
  1398.                 templateData.data.remark
  1399.               );
  1400.               Reflect.set(
  1401.                 remark_template.props,
  1402.                 PROPS_STORAGE_API,
  1403.                 generateStorageApi(data.data)
  1404.               );
  1405.               let $remark = popsPanelContentUtils.createSectionContainerItem_textarea(
  1406.                 remark_template
  1407.               );
  1408.               $fragment.append(
  1409.                 $enable,
  1410.                 $name,
  1411.                 $url,
  1412.                 $enableRegExpToMatchUrl,
  1413.                 $cookieName,
  1414.                 $enableRegExpToMatchCookieName,
  1415.                 $operationMode,
  1416.                 $remark
  1417.               );
  1418.               return $fragment;
  1419.             },
  1420.             onsubmit: ($form, isEdit, editData) => {
  1421.               let $ulist_li = $form.querySelectorAll(
  1422.                 ".rule-form-ulist > li"
  1423.               );
  1424.               let data = this.getTemplateData();
  1425.               if (isEdit) {
  1426.                 data.uuid = editData.uuid;
  1427.               }
  1428.               try {
  1429.                 $ulist_li.forEach(($li) => {
  1430.                   let formConfig = Reflect.get($li, "__formConfig__");
  1431.                   let attrs = Reflect.get(formConfig, "attributes");
  1432.                   let storageApi = Reflect.get($li, PROPS_STORAGE_API);
  1433.                   let key = Reflect.get(attrs, ATTRIBUTE_KEY);
  1434.                   let defaultValue = Reflect.get(attrs, ATTRIBUTE_DEFAULT_VALUE);
  1435.                   let value = storageApi.get(key, defaultValue);
  1436.                   if (Reflect.has(data, key)) {
  1437.                     Reflect.set(data, key, value);
  1438.                   } else if (Reflect.has(data.data, key)) {
  1439.                     Reflect.set(data.data, key, value);
  1440.                   } else {
  1441.                     log.error(`${key}不在数据中`);
  1442.                   }
  1443.                 });
  1444.                 if (data.name.trim() === "") {
  1445.                   Qmsg.error("规则名称不能为空");
  1446.                   return {
  1447.                     success: false,
  1448.                     data
  1449.                   };
  1450.                 }
  1451.                 if (data.data.url.trim() === "") {
  1452.                   Qmsg.error("网址不能为空");
  1453.                   return {
  1454.                     success: false,
  1455.                     data
  1456.                   };
  1457.                 }
  1458.                 if (data.data.cookieName.trim() === "") {
  1459.                   Qmsg.error("Cookie名称不能为空");
  1460.                   return {
  1461.                     success: false,
  1462.                     data
  1463.                   };
  1464.                 }
  1465.                 if (isEdit) {
  1466.                   return {
  1467.                     success: this.updateData(data),
  1468.                     data
  1469.                   };
  1470.                 } else {
  1471.                   return {
  1472.                     success: this.addData(data),
  1473.                     data
  1474.                   };
  1475.                 }
  1476.               } catch (error) {
  1477.                 log.error(error);
  1478.                 return {
  1479.                   success: false,
  1480.                   data
  1481.                 };
  1482.               } finally {
  1483.                 this.init();
  1484.               }
  1485.             },
  1486.             style: (
  1487.               /*css*/
  1488.               `
  1489.                     .pops-panel-textarea textarea{
  1490.                         height: 150px;
  1491.                     }
  1492. 					.pops-panel-item-left-desc-text{
  1493. 						line-height: normal;
  1494. 						margin-top: 6px;
  1495. 						font-size: 0.8em;
  1496. 						color: rgb(108, 108, 108);
  1497. 						max-width: 100px;
  1498. 					}
  1499.                     `
  1500.             )
  1501.           },
  1502.           delete: {
  1503.             enable: true,
  1504.             deleteCallBack: (data) => {
  1505.               return this.deleteData(data);
  1506.             }
  1507.           }
  1508.         }
  1509.       });
  1510.       ruleView.showView();
  1511.     },
  1512.     /**
  1513.      * 获取模板数据
  1514.      */
  1515.     getTemplateData() {
  1516.       return {
  1517.         uuid: utils.generateUUID(),
  1518.         enable: true,
  1519.         name: "",
  1520.         data: {
  1521.           url: "",
  1522.           enableRegExpToMatchUrl: false,
  1523.           cookieName: "",
  1524.           enableRegExpToMatchCookieName: false,
  1525.           operationMode: "delete",
  1526.           remark: ""
  1527.         }
  1528.       };
  1529.     },
  1530.     /**
  1531.      * 获取数据
  1532.      */
  1533.     getData() {
  1534.       return _GM_getValue(this.$key.STORAGE_KEY, []);
  1535.     },
  1536.     /**
  1537.      * 设置数据
  1538.      * @param data
  1539.      */
  1540.     setData(data) {
  1541.       _GM_setValue(this.$key.STORAGE_KEY, data);
  1542.     },
  1543.     /**
  1544.      * 添加数据
  1545.      * @param data
  1546.      */
  1547.     addData(data) {
  1548.       let localData = this.getData();
  1549.       let findIndex = localData.findIndex((item) => item.uuid == data.uuid);
  1550.       if (findIndex === -1) {
  1551.         localData.push(data);
  1552.         _GM_setValue(this.$key.STORAGE_KEY, localData);
  1553.         return true;
  1554.       } else {
  1555.         return false;
  1556.       }
  1557.     },
  1558.     /**
  1559.      * 更新数据
  1560.      * @param data
  1561.      */
  1562.     updateData(data) {
  1563.       let localData = this.getData();
  1564.       let index = localData.findIndex((item) => item.uuid == data.uuid);
  1565.       let updateFlag = false;
  1566.       if (index !== -1) {
  1567.         updateFlag = true;
  1568.         localData[index] = data;
  1569.       }
  1570.       this.setData(localData);
  1571.       return updateFlag;
  1572.     },
  1573.     /**
  1574.      * 删除数据
  1575.      * @param data
  1576.      */
  1577.     deleteData(data) {
  1578.       let localData = this.getData();
  1579.       let index = localData.findIndex((item) => item.uuid == data.uuid);
  1580.       let deleteFlag = false;
  1581.       if (index !== -1) {
  1582.         deleteFlag = true;
  1583.         localData.splice(index, 1);
  1584.       }
  1585.       this.setData(localData);
  1586.       return deleteFlag;
  1587.     },
  1588.     /**
  1589.      * 清空数据
  1590.      */
  1591.     clearData() {
  1592.       _GM_deleteValue(this.$key.STORAGE_KEY);
  1593.     },
  1594.     /**
  1595.      * 导出规则
  1596.      */
  1597.     exportRule(fileName = "rule.json") {
  1598.       let allRule = this.getData();
  1599.       let blob = new Blob([JSON.stringify(allRule, null, 4)]);
  1600.       let blobUrl = window.URL.createObjectURL(blob);
  1601.       let $a = domUtils.createElement("a");
  1602.       $a.href = blobUrl;
  1603.       $a.download = fileName;
  1604.       $a.click();
  1605.       setTimeout(() => {
  1606.         window.URL.revokeObjectURL(blobUrl);
  1607.       }, 1500);
  1608.     },
  1609.     /**
  1610.      * 导入规则
  1611.      */
  1612.     importRule() {
  1613.       let $alert = __pops.alert({
  1614.         title: {
  1615.           text: "请选择导入方式",
  1616.           position: "center"
  1617.         },
  1618.         content: {
  1619.           text: (
  1620.             /*html*/
  1621.             `
  1622.                     <div class="import-mode" data-mode="local">本地导入</div>
  1623.                     <div class="import-mode" data-mode="network">网络导入</div>
  1624.                 `
  1625.           ),
  1626.           html: true
  1627.         },
  1628.         width: PanelUISize.info.width,
  1629.         height: PanelUISize.info.height,
  1630.         style: (
  1631.           /*css*/
  1632.           `
  1633.                 .import-mode{
  1634.                     display: inline-block;
  1635.                     margin: 10px;
  1636.                     padding: 10px;
  1637.                     border: 1px solid #ccc;
  1638.                     border-radius: 5px;
  1639.                     cursor: pointer;
  1640.                 }
  1641.             `
  1642.         )
  1643.       });
  1644.       let $local = $alert.$shadowRoot.querySelector(
  1645.         ".import-mode[data-mode='local']"
  1646.       );
  1647.       let $network = $alert.$shadowRoot.querySelector(
  1648.         ".import-mode[data-mode='network']"
  1649.       );
  1650.       domUtils.on($local, "click", (event) => {
  1651.         utils.preventEvent(event);
  1652.         $alert.close();
  1653.         let $input = domUtils.createElement("input", {
  1654.           type: "file",
  1655.           accept: ".json"
  1656.         });
  1657.         domUtils.on($input, ["propertychange", "input"], (event2) => {
  1658.           var _a2;
  1659.           if (!((_a2 = $input.files) == null ? void 0 : _a2.length)) {
  1660.             return;
  1661.           }
  1662.           let uploadFile = $input.files[0];
  1663.           let fileReader = new FileReader();
  1664.           fileReader.onload = () => {
  1665.             let data = utils.toJSON(fileReader.result);
  1666.             if (!Array.isArray(data)) {
  1667.               log.error("不是正确的规则文件", data);
  1668.               Qmsg.error("不是正确的规则文件");
  1669.               return;
  1670.             }
  1671.             this.setData(data);
  1672.             Qmsg.success(`成功导入 ${data.length}条规则`);
  1673.           };
  1674.           fileReader.readAsText(uploadFile, "UTF-8");
  1675.         });
  1676.         $input.click();
  1677.       });
  1678.       domUtils.on($network, "click", (event) => {
  1679.         utils.preventEvent(event);
  1680.         $alert.close();
  1681.         __pops.prompt({
  1682.           title: {
  1683.             text: "网络导入",
  1684.             position: "center"
  1685.           },
  1686.           content: {
  1687.             text: "",
  1688.             placeholder: "url",
  1689.             focus: true
  1690.           },
  1691.           btn: {
  1692.             ok: {
  1693.               callback: async (eventDetails, event2) => {
  1694.                 let url = eventDetails.text;
  1695.                 if (utils.isNull(url)) {
  1696.                   Qmsg.error("请填入完整的url");
  1697.                   return;
  1698.                 }
  1699.                 let response = await httpx.get(url);
  1700.                 if (!response.status) {
  1701.                   return;
  1702.                 }
  1703.                 let data = utils.toJSON(response.data.responseText);
  1704.                 if (!Array.isArray(data)) {
  1705.                   log.error("不是正确的规则文件", response, data);
  1706.                   Qmsg.error("不是正确的规则文件");
  1707.                   return;
  1708.                 }
  1709.                 this.setData(data);
  1710.                 eventDetails.close();
  1711.                 Qmsg.success(`成功导入 ${data.length}条规则`);
  1712.               }
  1713.             }
  1714.           },
  1715.           width: PanelUISize.info.width,
  1716.           height: "auto"
  1717.         });
  1718.       });
  1719.     }
  1720.   };
  1721.   const Component_Rule = {
  1722.     id: "view-rule",
  1723.     title: "规则",
  1724.     headerTitle: "Cookie操作规则",
  1725.     forms: [
  1726.       {
  1727.         type: "forms",
  1728.         text: "",
  1729.         forms: [
  1730.           UIButton(
  1731.             "自定义规则",
  1732.             "操作Cookie的规则",
  1733.             "管理",
  1734.             void 0,
  1735.             false,
  1736.             false,
  1737.             "default",
  1738.             () => {
  1739.               CookieRule.showView();
  1740.             }
  1741.           )
  1742.         ]
  1743.       },
  1744.       {
  1745.         type: "forms",
  1746.         text: "",
  1747.         forms: [
  1748.           UIButton(
  1749.             "数据导入",
  1750.             "导入自定义规则数据",
  1751.             "导入",
  1752.             void 0,
  1753.             false,
  1754.             false,
  1755.             "primary",
  1756.             () => {
  1757.               CookieRule.importRule();
  1758.             }
  1759.           ),
  1760.           UIButton(
  1761.             "数据导出",
  1762.             "导出自定义规则数据",
  1763.             "导出",
  1764.             void 0,
  1765.             false,
  1766.             false,
  1767.             "primary",
  1768.             () => {
  1769.               CookieRule.exportRule("CookieManagerRule.json");
  1770.             }
  1771.           )
  1772.         ]
  1773.       }
  1774.     ]
  1775.   };
  1776.   const PopsPanel = {
  1777.     /** 数据 */
  1778.     $data: {
  1779.       __data: null,
  1780.       __oneSuccessExecMenu: null,
  1781.       __onceExec: null,
  1782.       __listenData: null,
  1783.       /**
  1784.        * 菜单项的默认值
  1785.        */
  1786.       get data() {
  1787.         if (PopsPanel.$data.__data == null) {
  1788.           PopsPanel.$data.__data = new utils.Dictionary();
  1789.         }
  1790.         return PopsPanel.$data.__data;
  1791.       },
  1792.       /**
  1793.        * 成功只执行了一次的项
  1794.        */
  1795.       get oneSuccessExecMenu() {
  1796.         if (PopsPanel.$data.__oneSuccessExecMenu == null) {
  1797.           PopsPanel.$data.__oneSuccessExecMenu = new utils.Dictionary();
  1798.         }
  1799.         return PopsPanel.$data.__oneSuccessExecMenu;
  1800.       },
  1801.       /**
  1802.        * 成功只执行了一次的项
  1803.        */
  1804.       get onceExec() {
  1805.         if (PopsPanel.$data.__onceExec == null) {
  1806.           PopsPanel.$data.__onceExec = new utils.Dictionary();
  1807.         }
  1808.         return PopsPanel.$data.__onceExec;
  1809.       },
  1810.       /** 脚本名，一般用在设置的标题上 */
  1811.       get scriptName() {
  1812.         return SCRIPT_NAME;
  1813.       },
  1814.       /** 菜单项的总值在本地数据配置的键名 */
  1815.       key: KEY,
  1816.       /** 菜单项在attributes上配置的菜单键 */
  1817.       attributeKeyName: ATTRIBUTE_KEY,
  1818.       /** 菜单项在attributes上配置的菜单默认值 */
  1819.       attributeDefaultValueName: ATTRIBUTE_DEFAULT_VALUE
  1820.     },
  1821.     /** 监听器 */
  1822.     $listener: {
  1823.       /**
  1824.        * 值改变的监听器
  1825.        */
  1826.       get listenData() {
  1827.         if (PopsPanel.$data.__listenData == null) {
  1828.           PopsPanel.$data.__listenData = new utils.Dictionary();
  1829.         }
  1830.         return PopsPanel.$data.__listenData;
  1831.       }
  1832.     },
  1833.     init() {
  1834.       let contentConfigList = this.getPanelContentConfig();
  1835.       this.initPanelConfigDefaultValue([...contentConfigList]);
  1836.       this.registerMenu();
  1837.     },
  1838.     /** 判断是否是顶层窗口 */
  1839.     isTopWindow() {
  1840.       return _unsafeWindow.top === _unsafeWindow.self;
  1841.     },
  1842.     /** 初始化进行注册(不可用)油猴菜单 */
  1843.     registerMenu() {
  1844.       if (!this.isTopWindow()) {
  1845.         return;
  1846.       }
  1847.       GM_Menu.add([
  1848.         {
  1849.           key: "show_pops_panel_setting",
  1850.           text: "⚙ 设置",
  1851.           autoReload: false,
  1852.           isStoreValue: false,
  1853.           showText(text) {
  1854.             return text;
  1855.           },
  1856.           callback: () => {
  1857.             this.showPanel();
  1858.           }
  1859.         }
  1860.       ]);
  1861.     },
  1862.     /** 初始化菜单项的默认值保存到本地数据中 */
  1863.     initPanelConfigDefaultValue(contentConfigList) {
  1864.       let that = this;
  1865.       function initDefaultValue(config) {
  1866.         if (!config.attributes) {
  1867.           return;
  1868.         }
  1869.         let needInitConfig = {};
  1870.         let key = config.attributes[ATTRIBUTE_KEY];
  1871.         if (key != null) {
  1872.           needInitConfig[key] = config.attributes[ATTRIBUTE_DEFAULT_VALUE];
  1873.         }
  1874.         let __attr_init__ = config.attributes[ATTRIBUTE_INIT];
  1875.         if (typeof __attr_init__ === "function") {
  1876.           let __attr_result__ = __attr_init__();
  1877.           if (typeof __attr_result__ === "boolean" && !__attr_result__) {
  1878.             return;
  1879.           }
  1880.         }
  1881.         let initMoreValue = config.attributes[ATTRIBUTE_INIT_MORE_VALUE];
  1882.         if (initMoreValue && typeof initMoreValue === "object") {
  1883.           Object.assign(needInitConfig, initMoreValue);
  1884.         }
  1885.         let needInitConfigList = Object.keys(needInitConfig);
  1886.         if (!needInitConfigList.length) {
  1887.           if (config.type !== "button") {
  1888.             log.warn("请先配置键", config);
  1889.           }
  1890.           return;
  1891.         }
  1892.         needInitConfigList.forEach((__key) => {
  1893.           let __defaultValue = needInitConfig[__key];
  1894.           if (that.$data.data.has(__key)) {
  1895.             log.warn("请检查该key(已存在): " + __key);
  1896.           }
  1897.           that.$data.data.set(__key, __defaultValue);
  1898.         });
  1899.       }
  1900.       function loopInitDefaultValue(configList) {
  1901.         for (let index = 0; index < configList.length; index++) {
  1902.           let configItem = configList[index];
  1903.           initDefaultValue(configItem);
  1904.           let childForms = configItem.forms;
  1905.           if (childForms && Array.isArray(childForms)) {
  1906.             loopInitDefaultValue(childForms);
  1907.           }
  1908.         }
  1909.       }
  1910.       for (let index = 0; index < contentConfigList.length; index++) {
  1911.         let leftContentConfigItem = contentConfigList[index];
  1912.         if (!leftContentConfigItem.forms) {
  1913.           continue;
  1914.         }
  1915.         let rightContentConfigList = leftContentConfigItem.forms;
  1916.         if (rightContentConfigList && Array.isArray(rightContentConfigList)) {
  1917.           loopInitDefaultValue(rightContentConfigList);
  1918.         }
  1919.       }
  1920.     },
  1921.     /**
  1922.      * 设置值
  1923.      * @param key 键
  1924.      * @param value 值
  1925.      */
  1926.     setValue(key, value) {
  1927.       let locaData = _GM_getValue(KEY, {});
  1928.       let oldValue = locaData[key];
  1929.       locaData[key] = value;
  1930.       _GM_setValue(KEY, locaData);
  1931.       if (this.$listener.listenData.has(key)) {
  1932.         this.$listener.listenData.get(key).callback(key, oldValue, value);
  1933.       }
  1934.     },
  1935.     /**
  1936.      * 获取值
  1937.      * @param key 键
  1938.      * @param defaultValue 默认值
  1939.      */
  1940.     getValue(key, defaultValue) {
  1941.       let locaData = _GM_getValue(KEY, {});
  1942.       let localValue = locaData[key];
  1943.       if (localValue == null) {
  1944.         if (this.$data.data.has(key)) {
  1945.           return this.$data.data.get(key);
  1946.         }
  1947.         return defaultValue;
  1948.       }
  1949.       return localValue;
  1950.     },
  1951.     /**
  1952.      * 删除值
  1953.      * @param key 键
  1954.      */
  1955.     deleteValue(key) {
  1956.       let locaData = _GM_getValue(KEY, {});
  1957.       let oldValue = locaData[key];
  1958.       Reflect.deleteProperty(locaData, key);
  1959.       _GM_setValue(KEY, locaData);
  1960.       if (this.$listener.listenData.has(key)) {
  1961.         this.$listener.listenData.get(key).callback(key, oldValue, void 0);
  1962.       }
  1963.     },
  1964.     /**
  1965.      * 监听调用setValue、deleteValue
  1966.      * @param key 需要监听的键
  1967.      * @param callback
  1968.      */
  1969.     addValueChangeListener(key, callback, option) {
  1970.       let listenerId = Math.random();
  1971.       this.$listener.listenData.set(key, {
  1972.         id: listenerId,
  1973.         key,
  1974.         callback
  1975.       });
  1976.       if (option) {
  1977.         if (option.immediate) {
  1978.           callback(key, this.getValue(key), this.getValue(key));
  1979.         }
  1980.       }
  1981.       return listenerId;
  1982.     },
  1983.     /**
  1984.      * 移除监听
  1985.      * @param listenerId 监听的id
  1986.      */
  1987.     removeValueChangeListener(listenerId) {
  1988.       let deleteKey = null;
  1989.       for (const [key, value] of this.$listener.listenData.entries()) {
  1990.         if (value.id === listenerId) {
  1991.           deleteKey = key;
  1992.           break;
  1993.         }
  1994.       }
  1995.       if (typeof deleteKey === "string") {
  1996.         this.$listener.listenData.delete(deleteKey);
  1997.       } else {
  1998.         console.warn("没有找到对应的监听器");
  1999.       }
  2000.     },
  2001.     /**
  2002.      * 主动触发菜单值改变的回调
  2003.      * @param key 菜单键
  2004.      * @param newValue 想要触发的新值，默认使用当前值
  2005.      * @param oldValue 想要触发的旧值，默认使用当前值
  2006.      */
  2007.     triggerMenuValueChange(key, newValue, oldValue) {
  2008.       if (this.$listener.listenData.has(key)) {
  2009.         let listenData = this.$listener.listenData.get(key);
  2010.         if (typeof listenData.callback === "function") {
  2011.           let value = this.getValue(key);
  2012.           let __newValue = value;
  2013.           let __oldValue = value;
  2014.           if (typeof newValue !== "undefined" && arguments.length > 1) {
  2015.             __newValue = newValue;
  2016.           }
  2017.           if (typeof oldValue !== "undefined" && arguments.length > 2) {
  2018.             __oldValue = oldValue;
  2019.           }
  2020.           listenData.callback(key, __oldValue, __newValue);
  2021.         }
  2022.       }
  2023.     },
  2024.     /**
  2025.      * 判断该键是否存在
  2026.      * @param key 键
  2027.      */
  2028.     hasKey(key) {
  2029.       let locaData = _GM_getValue(KEY, {});
  2030.       return key in locaData;
  2031.     },
  2032.     /**
  2033.      * 自动判断菜单是否启用，然后执行回调
  2034.      * @param key
  2035.      * @param callback 回调
  2036.      * @param isReverse 逆反判断菜单启用
  2037.      * @param checkEnableCallBack 自定义检测菜单的值，可自行决定是否强制启用菜单，true是启用菜单，false是不启用菜单
  2038.      */
  2039.     execMenu(key, callback, isReverse = false, checkEnableCallBack) {
  2040.       if (!(typeof key === "string" || typeof key === "object" && Array.isArray(key))) {
  2041.         throw new TypeError("key 必须是字符串或者字符串数组");
  2042.       }
  2043.       let runKeyList = [];
  2044.       if (typeof key === "object" && Array.isArray(key)) {
  2045.         runKeyList = [...key];
  2046.       } else {
  2047.         runKeyList.push(key);
  2048.       }
  2049.       let value = void 0;
  2050.       for (let index = 0; index < runKeyList.length; index++) {
  2051.         const runKey = runKeyList[index];
  2052.         if (!this.$data.data.has(runKey)) {
  2053.           log.warn(`${key} 键不存在`);
  2054.           return;
  2055.         }
  2056.         let runValue = PopsPanel.getValue(runKey);
  2057.         if (isReverse) {
  2058.           runValue = !runValue;
  2059.         }
  2060.         if (typeof checkEnableCallBack === "function") {
  2061.           let checkResult = checkEnableCallBack(runKey, runValue);
  2062.           if (typeof checkResult === "boolean") {
  2063.             runValue = checkResult;
  2064.           }
  2065.         }
  2066.         if (!runValue) {
  2067.           break;
  2068.         }
  2069.         value = runValue;
  2070.       }
  2071.       if (value) {
  2072.         callback(value);
  2073.       }
  2074.     },
  2075.     /**
  2076.      * 自动判断菜单是否启用，然后执行回调，只会执行一次
  2077.      * @param key
  2078.      * @param callback 回调
  2079.      * @param getValueFn 自定义处理获取当前值，值true是启用并执行回调，值false是不执行回调
  2080.      * @param handleValueChangeFn 自定义处理值改变时的回调，值true是启用并执行回调，值false是不执行回调
  2081.      * @param checkEnableCallBack 自定义检测菜单的值，可自行决定是否强制启用菜单，true是启用菜单，false是不启用菜单
  2082.      */
  2083.     execMenuOnce(key, callback, getValueFn, handleValueChangeFn, checkEnableCallBack) {
  2084.       if (typeof key !== "string") {
  2085.         throw new TypeError("key 必须是字符串");
  2086.       }
  2087.       if (!this.$data.data.has(key)) {
  2088.         log.warn(`${key} 键不存在`);
  2089.         return;
  2090.       }
  2091.       if (this.$data.oneSuccessExecMenu.has(key)) {
  2092.         return;
  2093.       }
  2094.       this.$data.oneSuccessExecMenu.set(key, 1);
  2095.       let __getValue = () => {
  2096.         let localValue = PopsPanel.getValue(key);
  2097.         return typeof getValueFn === "function" ? getValueFn(key, localValue) : localValue;
  2098.       };
  2099.       let resultStyleList = [];
  2100.       let dynamicPushStyleNode = ($style) => {
  2101.         let __value = __getValue();
  2102.         let dynamicResultList = [];
  2103.         if ($style instanceof HTMLStyleElement) {
  2104.           dynamicResultList = [$style];
  2105.         } else if (Array.isArray($style)) {
  2106.           dynamicResultList = [
  2107.             ...$style.filter(
  2108.               (item) => item != null && item instanceof HTMLStyleElement
  2109.             )
  2110.           ];
  2111.         }
  2112.         if (__value) {
  2113.           resultStyleList = resultStyleList.concat(dynamicResultList);
  2114.         } else {
  2115.           for (let index = 0; index < dynamicResultList.length; index++) {
  2116.             let $css = dynamicResultList[index];
  2117.             $css.remove();
  2118.             dynamicResultList.splice(index, 1);
  2119.             index--;
  2120.           }
  2121.         }
  2122.       };
  2123.       let checkMenuEnableCallBack = (currentValue) => {
  2124.         return typeof checkEnableCallBack === "function" ? checkEnableCallBack(key, currentValue) : currentValue;
  2125.       };
  2126.       let changeCallBack = (currentValue) => {
  2127.         let resultList = [];
  2128.         if (checkMenuEnableCallBack(currentValue)) {
  2129.           let result = callback(currentValue, dynamicPushStyleNode);
  2130.           if (result instanceof HTMLStyleElement) {
  2131.             resultList = [result];
  2132.           } else if (Array.isArray(result)) {
  2133.             resultList = [
  2134.               ...result.filter(
  2135.                 (item) => item != null && item instanceof HTMLStyleElement
  2136.               )
  2137.             ];
  2138.           }
  2139.         }
  2140.         for (let index = 0; index < resultStyleList.length; index++) {
  2141.           let $css = resultStyleList[index];
  2142.           $css.remove();
  2143.           resultStyleList.splice(index, 1);
  2144.           index--;
  2145.         }
  2146.         resultStyleList = [...resultList];
  2147.       };
  2148.       this.addValueChangeListener(
  2149.         key,
  2150.         (__key, oldValue, newValue) => {
  2151.           let __newValue = newValue;
  2152.           if (typeof handleValueChangeFn === "function") {
  2153.             __newValue = handleValueChangeFn(__key, newValue, oldValue);
  2154.           }
  2155.           changeCallBack(__newValue);
  2156.         }
  2157.       );
  2158.       let value = __getValue();
  2159.       if (value) {
  2160.         changeCallBack(value);
  2161.       }
  2162.     },
  2163.     /**
  2164.      * 父子菜单联动，自动判断菜单是否启用，然后执行回调，只会执行一次
  2165.      * @param key 菜单键
  2166.      * @param childKey 子菜单键
  2167.      * @param callback 回调
  2168.      * @param replaceValueFn 用于修改mainValue，返回undefined则不做处理
  2169.      */
  2170.     execInheritMenuOnce(key, childKey, callback, replaceValueFn) {
  2171.       let that = this;
  2172.       const handleInheritValue = (key2, childKey2) => {
  2173.         let mainValue = that.getValue(key2);
  2174.         let childValue = that.getValue(childKey2);
  2175.         if (typeof replaceValueFn === "function") {
  2176.           let changedMainValue = replaceValueFn(mainValue, childValue);
  2177.           if (changedMainValue != null) {
  2178.             return changedMainValue;
  2179.           }
  2180.         }
  2181.         return mainValue;
  2182.       };
  2183.       this.execMenuOnce(
  2184.         key,
  2185.         callback,
  2186.         () => {
  2187.           return handleInheritValue(key, childKey);
  2188.         },
  2189.         () => {
  2190.           return handleInheritValue(key, childKey);
  2191.         }
  2192.       );
  2193.       this.execMenuOnce(
  2194.         childKey,
  2195.         () => {
  2196.         },
  2197.         () => false,
  2198.         () => {
  2199.           this.triggerMenuValueChange(key);
  2200.           return false;
  2201.         }
  2202.       );
  2203.     },
  2204.     /**
  2205.      * 根据自定义key只执行一次
  2206.      * @param key 自定义key
  2207.      */
  2208.     onceExec(key, callback) {
  2209.       if (typeof key !== "string") {
  2210.         throw new TypeError("key 必须是字符串");
  2211.       }
  2212.       if (this.$data.onceExec.has(key)) {
  2213.         return;
  2214.       }
  2215.       callback();
  2216.       this.$data.onceExec.set(key, 1);
  2217.     },
  2218.     /**
  2219.      * 显示设置面板
  2220.      */
  2221.     showPanel() {
  2222.       __pops.panel({
  2223.         title: {
  2224.           text: `${SCRIPT_NAME}-设置`,
  2225.           position: "center",
  2226.           html: false,
  2227.           style: ""
  2228.         },
  2229.         content: this.getPanelContentConfig(),
  2230.         mask: {
  2231.           enable: true,
  2232.           clickEvent: {
  2233.             toClose: true,
  2234.             toHide: false
  2235.           }
  2236.         },
  2237.         zIndex() {
  2238.           let maxZIndex = Utils.getMaxZIndex();
  2239.           let popsMaxZIndex = __pops.config.InstanceUtils.getPopsMaxZIndex().zIndex;
  2240.           return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100;
  2241.         },
  2242.         width: PanelUISize.setting.width,
  2243.         height: PanelUISize.setting.height,
  2244.         drag: true,
  2245.         only: true
  2246.       });
  2247.     },
  2248.     /**
  2249.      * 获取配置内容
  2250.      */
  2251.     getPanelContentConfig() {
  2252.       let configList = [
  2253.         Component_Common,
  2254.         Component_Rule
  2255.       ];
  2256.       return configList;
  2257.     }
  2258.   };
  2259.   const CookieManager = {
  2260.     get cookieManagerApiName() {
  2261.       let managerApi = PopsPanel.getValue(
  2262.         "cookie-manager-api",
  2263.         "document.cookie"
  2264.       );
  2265.       return managerApi;
  2266.     },
  2267.     get cookieManager() {
  2268.       if (this.cookieManagerApiName === "GM_cookie") {
  2269.         return _GM_cookie;
  2270.       } else if (this.cookieManagerApiName === "cookieStore") {
  2271.         let cookieStore = _unsafeWindow.cookieStore;
  2272.         return {
  2273.           list(options, callback) {
  2274.             cookieStore.getAll().then((result) => {
  2275.               callback(result);
  2276.             }).catch((reason) => {
  2277.               log.error(reason);
  2278.               Qmsg.error(reason.toString());
  2279.             });
  2280.           },
  2281.           set(cookieInfo, callback) {
  2282.             cookieStore.set(cookieInfo).then(() => {
  2283.               callback();
  2284.             }).catch((reason) => {
  2285.               callback(reason);
  2286.             });
  2287.           },
  2288.           delete(cookieInfo, callback) {
  2289.             cookieStore.delete(cookieInfo).then((result) => {
  2290.               callback();
  2291.             }).catch((reason) => {
  2292.               callback(reason);
  2293.             });
  2294.           }
  2295.         };
  2296.       } else {
  2297.         return utilsCookieManager;
  2298.       }
  2299.     },
  2300.     /**
  2301.      * 查询所有Cookie
  2302.      */
  2303.     queryAllCookie() {
  2304.       return new Promise(
  2305.         (resolve, reject) => {
  2306.           try {
  2307.             this.cookieManager.list({}, (cookieListResult) => {
  2308.               let __cookieListResult__ = cookieListResult || [];
  2309.               __cookieListResult__ = __cookieListResult__.sort(
  2310.                 (a, b) => a.name.localeCompare(b.name)
  2311.               );
  2312.               resolve(__cookieListResult__);
  2313.             });
  2314.           } catch (error) {
  2315.             log.error(error);
  2316.             Qmsg.error(error.toString());
  2317.             reject(error);
  2318.           }
  2319.         }
  2320.       );
  2321.     },
  2322.     /**
  2323.      * 清除所有Cookie
  2324.      */
  2325.     deleteAllCookie() {
  2326.       return new Promise((resolve, reject) => {
  2327.         try {
  2328.           this.cookieManager.list({}, async (cookieListResult) => {
  2329.             const __cookieListResult__ = cookieListResult || [];
  2330.             const result = {
  2331.               success: 0,
  2332.               error: 0
  2333.             };
  2334.             for (let index = 0; index < __cookieListResult__.length; index++) {
  2335.               const cookieListItem = __cookieListResult__[index];
  2336.               let deleteError = await new Promise((deleteResolve) => {
  2337.                 this.deleteCookie(cookieListItem).then((deleteResult) => {
  2338.                   deleteResolve(deleteResult);
  2339.                 });
  2340.               });
  2341.               if (deleteError) {
  2342.                 result.error++;
  2343.               } else {
  2344.                 result.success++;
  2345.               }
  2346.             }
  2347.             resolve(result);
  2348.           });
  2349.         } catch (error) {
  2350.           log.error(error);
  2351.           Qmsg.error(error.toString());
  2352.           reject(error);
  2353.         }
  2354.       });
  2355.     },
  2356.     /**
  2357.      * 添加Cookie
  2358.      */
  2359.     addCookie(cookieInfo) {
  2360.       return new Promise((resolve, reject) => {
  2361.         try {
  2362.           delete cookieInfo.hostOnly;
  2363.           CookieManager.cookieManager.set(cookieInfo, (error) => {
  2364.             log.info(["添加Cookie：" + cookieInfo.name, cookieInfo]);
  2365.             resolve(error);
  2366.           });
  2367.         } catch (error) {
  2368.           log.error(error);
  2369.           Qmsg.error(error.toString());
  2370.           reject(error);
  2371.         }
  2372.       });
  2373.     },
  2374.     /**
  2375.      * 删除Cookie
  2376.      */
  2377.     deleteCookie(cookieInfo) {
  2378.       return new Promise((resolve, reject) => {
  2379.         try {
  2380.           CookieManager.cookieManager.delete(cookieInfo, (error) => {
  2381.             log.info(["删除Cookie：" + cookieInfo.name, cookieInfo]);
  2382.             resolve(error);
  2383.           });
  2384.         } catch (error) {
  2385.           log.error(error);
  2386.           Qmsg.error(error.toString());
  2387.           reject(error);
  2388.         }
  2389.       });
  2390.     },
  2391.     /**
  2392.      * 更新Cookie
  2393.      */
  2394.     updateCookie(cookieInfo) {
  2395.       return new Promise(
  2396.         async (resolve, reject) => {
  2397.           let result;
  2398.           try {
  2399.             let deleteError = await CookieManager.deleteCookie(cookieInfo);
  2400.             if (deleteError) {
  2401.               throw new TypeError(deleteError.toString());
  2402.             }
  2403.             let addError = await CookieManager.addCookie(cookieInfo);
  2404.             if (addError) {
  2405.               throw new TypeError(addError.toString());
  2406.             }
  2407.           } catch (error) {
  2408.             result = error;
  2409.           } finally {
  2410.             log.info(["更新Cookie：" + cookieInfo.name, cookieInfo]);
  2411.             resolve(result);
  2412.           }
  2413.         }
  2414.       );
  2415.     }
  2416.   };
  2417.   let edit_ui_input = (text, getValue, setValue, disabled) => {
  2418.     let config = {
  2419.       text,
  2420.       type: "input",
  2421.       isNumber: false,
  2422.       isPassword: false,
  2423.       props: {},
  2424.       attributes: {},
  2425.       description: "",
  2426.       getValue() {
  2427.         return getValue();
  2428.       },
  2429.       callback(event, value) {
  2430.         setValue(value);
  2431.       },
  2432.       placeholder: "",
  2433.       disabled: Boolean(disabled)
  2434.     };
  2435.     return config;
  2436.   };
  2437.   let edit_ui_select = (text, data, getValue, setValue, disabled) => {
  2438.     let config = {
  2439.       text,
  2440.       type: "select",
  2441.       description: "",
  2442.       attributes: {},
  2443.       props: {},
  2444.       getValue() {
  2445.         return getValue();
  2446.       },
  2447.       callback(event, isSelectedValue, isSelectedText) {
  2448.         let value = isSelectedValue;
  2449.         setValue(value);
  2450.       },
  2451.       // @ts-ignore
  2452.       data,
  2453.       disabled: Boolean(disabled)
  2454.     };
  2455.     return config;
  2456.   };
  2457.   const CookieManagerEditView = {
  2458.     init() {
  2459.     },
  2460.     /**
  2461.      * 显示视图
  2462.      * @param cookieInfo 需要编辑的cookie
  2463.      * @param dialogCloseCallBack 弹窗关闭的回调
  2464.      */
  2465.     showView(__cookieInfo__, dialogCloseCallBack) {
  2466.       let isEdit = !!__cookieInfo__;
  2467.       let cookieInfo = utils.assign(
  2468.         {
  2469.           name: "",
  2470.           value: "",
  2471.           domain: window.location.hostname,
  2472.           path: "/",
  2473.           secure: false,
  2474.           hostOnly: false,
  2475.           httpOnly: false,
  2476.           sameSite: "lax",
  2477.           expirationDate: Date.now() + 60 * 60 * 24 * 30 * 1e3
  2478.         },
  2479.         __cookieInfo__,
  2480.         true
  2481.       );
  2482.       if (CookieManager.cookieManagerApiName === "cookieStore") {
  2483.         if (cookieInfo.expires) {
  2484.           cookieInfo.expirationDate = cookieInfo.expires;
  2485.         }
  2486.       }
  2487.       let $dialog = __pops.confirm({
  2488.         title: {
  2489.           text: isEdit ? "编辑Cookie" : "添加Cookie",
  2490.           position: "center"
  2491.         },
  2492.         content: {
  2493.           text: "",
  2494.           html: true
  2495.         },
  2496.         drag: true,
  2497.         btn: {
  2498.           position: "center",
  2499.           ok: {
  2500.             text: isEdit ? "编辑" : "添加",
  2501.             async callback(eventDetails, event) {
  2502.               let valid = CookieManagerEditView.validCookieInfo(cookieInfo);
  2503.               if (!valid) {
  2504.                 return;
  2505.               }
  2506.               cookieInfo.value = encodeURIComponent(cookieInfo.value);
  2507.               if (CookieManager.cookieManagerApiName === "document.cookie") {
  2508.                 cookieInfo.domain = "";
  2509.               } else if (CookieManager.cookieManagerApiName === "GM_cookie") {
  2510.                 cookieInfo.expirationDate = Math.floor(
  2511.                   cookieInfo.expirationDate / 1e3
  2512.                 );
  2513.               }
  2514.               if (isEdit) {
  2515.                 let result = await CookieManager.updateCookie(cookieInfo);
  2516.                 if (result) {
  2517.                   Qmsg.error(result.toString());
  2518.                 } else {
  2519.                   Qmsg.success("修改成功");
  2520.                   eventDetails.close();
  2521.                 }
  2522.               } else {
  2523.                 let result = await CookieManager.addCookie(cookieInfo);
  2524.                 if (result) {
  2525.                   Qmsg.error(result.toString());
  2526.                 } else {
  2527.                   Qmsg.success("添加成功");
  2528.                   eventDetails.close();
  2529.                 }
  2530.               }
  2531.               if (typeof dialogCloseCallBack === "function") {
  2532.                 dialogCloseCallBack(cookieInfo);
  2533.               }
  2534.             }
  2535.           },
  2536.           cancel: {
  2537.             text: "取消"
  2538.           }
  2539.         },
  2540.         mask: {
  2541.           enable: true
  2542.         },
  2543.         width: window.innerWidth > 350 ? "350px" : "80vw",
  2544.         height: PanelUISize.setting.height,
  2545.         style: (
  2546.           /*css*/
  2547.           `
  2548.                 ${__pops.config.cssText.panelCSS}
  2549.  
  2550.                 .pops-panel-input input:disabled{
  2551.                     color: #b4b4b4;
  2552.                 }
  2553.                 .pops-confirm-content{
  2554.                     padding: 10px;
  2555.                 }
  2556.                 .pops-confirm-content li{
  2557.                     display: flex;
  2558.                     flex-direction: column;
  2559.                 }
  2560.                 .pops-panel-item-left-text{
  2561.                     margin-bottom: 5px;
  2562.                 }
  2563.                 .pops-panel-input.pops-input-disabled{
  2564.                     border: 1px solid #dcdfe6;
  2565.                 }
  2566. 				#cookie-item-property-expires{
  2567. 					border: 1px solid rgb(184, 184, 184, var(--pops-bd-opacity));
  2568. 					border-radius: 4px;
  2569. 					background-color: #ffffff;
  2570. 					width: 100%;
  2571. 					height: 32px;
  2572. 					padding: 0px 8px;
  2573. 				}
  2574. 				#cookie-item-property-expires:hover{
  2575. 					box-shadow: 0 0 0 1px #c0c4cc inset;
  2576. 				}
  2577. 				#cookie-item-property-expires:focus,
  2578. 				#cookie-item-property-expires:focus-within{
  2579. 					outline: 0;
  2580. 					border: 1px solid #409eff;
  2581. 					border-radius: 4px;
  2582. 					box-shadow: none;
  2583. 				}
  2584.             `
  2585.         )
  2586.       });
  2587.       let $editContent = $dialog.$shadowRoot.querySelector(
  2588.         ".pops-confirm-content"
  2589.       );
  2590.       let panelHandleContentUtils = __pops.config.panelHandleContentUtils();
  2591.       let $name = panelHandleContentUtils.createSectionContainerItem_input(
  2592.         edit_ui_input(
  2593.           "name",
  2594.           () => cookieInfo.name,
  2595.           (value) => cookieInfo.name = value,
  2596.           isEdit
  2597.         )
  2598.       );
  2599.       let $value = panelHandleContentUtils.createSectionContainerItem_input(
  2600.         edit_ui_input(
  2601.           "value",
  2602.           () => cookieInfo.value,
  2603.           (value) => cookieInfo.value = value
  2604.         )
  2605.       );
  2606.       let $domain = panelHandleContentUtils.createSectionContainerItem_input(
  2607.         edit_ui_input(
  2608.           "domain",
  2609.           () => cookieInfo.domain,
  2610.           (value) => cookieInfo.domain = value
  2611.         )
  2612.       );
  2613.       let $path = panelHandleContentUtils.createSectionContainerItem_input(
  2614.         edit_ui_input(
  2615.           "path",
  2616.           () => cookieInfo.path,
  2617.           (value) => cookieInfo.path = value
  2618.         )
  2619.       );
  2620.       let $expires;
  2621.       if (cookieInfo.session) {
  2622.         $expires = panelHandleContentUtils.createSectionContainerItem_input(
  2623.           edit_ui_input(
  2624.             "expires",
  2625.             () => "会话",
  2626.             (value) => {
  2627.             },
  2628.             true
  2629.           )
  2630.         );
  2631.       } else {
  2632.         $expires = panelHandleContentUtils.createSectionContainerItem_own({
  2633.           type: "own",
  2634.           getLiElementCallBack: function(liElement) {
  2635.             let $li = domUtils.createElement("li", {
  2636.               innerHTML: (
  2637.                 /*html*/
  2638.                 `
  2639. 							<div class="pops-panel-item-left-text">
  2640. 								<p class="pops-panel-item-left-main-text">expires</p>
  2641. 							</div>
  2642. 							<div class="pops-panel-item-right-wrapper">
  2643. 								<input type="datetime-local" id="cookie-item-property-expires">
  2644. 							</div>
  2645. 						`
  2646.               )
  2647.             });
  2648.             let $dateTime = $li.querySelector(
  2649.               "#cookie-item-property-expires"
  2650.             );
  2651.             $dateTime.valueAsNumber = cookieInfo.expirationDate;
  2652.             domUtils.on(
  2653.               $dateTime,
  2654.               ["change", "input", "propertychange"],
  2655.               (event) => {
  2656.                 utils.preventEvent(event);
  2657.                 cookieInfo.expirationDate = $dateTime.valueAsNumber;
  2658.               }
  2659.             );
  2660.             return $li;
  2661.           }
  2662.         });
  2663.       }
  2664.       let $httpOnly = panelHandleContentUtils.createSectionContainerItem_select(
  2665.         edit_ui_select(
  2666.           "httpOnly",
  2667.           [
  2668.             {
  2669.               text: "true",
  2670.               value: true
  2671.             },
  2672.             {
  2673.               text: "false",
  2674.               value: false
  2675.             }
  2676.           ],
  2677.           () => cookieInfo.httpOnly,
  2678.           (value) => cookieInfo.httpOnly = value
  2679.         )
  2680.       );
  2681.       let $secure = panelHandleContentUtils.createSectionContainerItem_select(
  2682.         edit_ui_select(
  2683.           "secure",
  2684.           [
  2685.             {
  2686.               text: "true",
  2687.               value: true
  2688.             },
  2689.             {
  2690.               text: "false",
  2691.               value: false
  2692.             }
  2693.           ],
  2694.           () => cookieInfo.secure,
  2695.           (value) => cookieInfo.secure = value
  2696.         )
  2697.       );
  2698.       let sameSiteData = [
  2699.         {
  2700.           text: "no_restriction",
  2701.           value: "no_restriction"
  2702.         },
  2703.         {
  2704.           text: "lax",
  2705.           value: "lax"
  2706.         },
  2707.         {
  2708.           text: "strict",
  2709.           value: "strict"
  2710.         },
  2711.         {
  2712.           text: "unspecified",
  2713.           value: "unspecified"
  2714.         }
  2715.       ];
  2716.       if (CookieManager.cookieManagerApiName === "cookieStore") {
  2717.         sameSiteData = [
  2718.           {
  2719.             text: "lax",
  2720.             value: "lax"
  2721.           },
  2722.           {
  2723.             text: "strict",
  2724.             value: "strict"
  2725.           },
  2726.           {
  2727.             text: "none",
  2728.             value: "none"
  2729.           }
  2730.         ];
  2731.       }
  2732.       let $sameSite = panelHandleContentUtils.createSectionContainerItem_select(
  2733.         edit_ui_select(
  2734.           "sameSite",
  2735.           sameSiteData,
  2736.           () => cookieInfo.sameSite,
  2737.           (value) => cookieInfo.sameSite = value
  2738.         )
  2739.       );
  2740.       domUtils.append($editContent, [$name, $value]);
  2741.       if (CookieManager.cookieManagerApiName === "GM_cookie") {
  2742.         domUtils.append($editContent, [
  2743.           $domain,
  2744.           $path,
  2745.           $expires,
  2746.           $httpOnly,
  2747.           $secure,
  2748.           $sameSite
  2749.         ]);
  2750.       } else if (CookieManager.cookieManagerApiName === "cookieStore") {
  2751.         domUtils.append($editContent, [$domain, $path, $expires, $sameSite]);
  2752.       }
  2753.     },
  2754.     /**
  2755.      * Cookie信息校验
  2756.      */
  2757.     validCookieInfo(cookieInfo) {
  2758.       if (cookieInfo.name == null || cookieInfo.name == "") {
  2759.         Qmsg.error("name不能为空");
  2760.         return false;
  2761.       }
  2762.       if (cookieInfo.domain == null || cookieInfo.domain == "") {
  2763.         Qmsg.error("domain不能为空");
  2764.         return false;
  2765.       }
  2766.       if (cookieInfo.path == null || cookieInfo.path == "") {
  2767.         Qmsg.error("path不能为空");
  2768.         return false;
  2769.       }
  2770.       return true;
  2771.     }
  2772.   };
  2773.   const CookieManagerView = {
  2774.     init() {
  2775.       this.registerMenu();
  2776.     },
  2777.     /**
  2778.      * 显示视图
  2779.      */
  2780.     async showView() {
  2781.       const $alert = __pops.alert({
  2782.         title: {
  2783.           text: "Cookie编辑器",
  2784.           html: false,
  2785.           position: "center"
  2786.         },
  2787.         content: {
  2788.           text: (
  2789.             /*html*/
  2790.             `
  2791.                     <div class="cookie-wrapper">
  2792.                         <div class="cookie-search-wrapper">
  2793.                             <div class="cookie-search-inner">
  2794.                                 <input type="text" placeholder="搜索Cookie名称">
  2795.                             </div>
  2796.                             <div class="cookie-search-setting">
  2797.                                 <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4368" width="28" height="28">
  2798.                                     <path fill="#2c2c2c" d="M439.264 208a16 16 0 0 0-16 16v67.968a239.744 239.744 0 0 0-46.496 26.896l-58.912-34a16 16 0 0 0-21.856 5.856l-80 138.56a16 16 0 0 0 5.856 21.856l58.896 34a242.624 242.624 0 0 0 0 53.728l-58.88 34a16 16 0 0 0-6.72 20.176l0.848 1.68 80 138.56a16 16 0 0 0 21.856 5.856l58.912-34a239.744 239.744 0 0 0 46.496 26.88V800a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-67.968a239.744 239.744 0 0 0 46.512-26.896l58.912 34a16 16 0 0 0 21.856-5.856l80-138.56a16 16 0 0 0-4.288-20.832l-1.568-1.024-58.896-34a242.624 242.624 0 0 0 0-53.728l58.88-34a16 16 0 0 0 6.72-20.176l-0.848-1.68-80-138.56a16 16 0 0 0-21.856-5.856l-58.912 34a239.744 239.744 0 0 0-46.496-26.88V224a16 16 0 0 0-16-16h-160z m32 48h96v67.376l28.8 12.576c13.152 5.76 25.632 12.976 37.184 21.52l25.28 18.688 58.448-33.728 48 83.136-58.368 33.68 3.472 31.2a194.624 194.624 0 0 1 0 43.104l-3.472 31.2 58.368 33.68-48 83.136-58.432-33.728-25.296 18.688c-11.552 8.544-24.032 15.76-37.184 21.52l-28.8 12.576V768h-96v-67.376l-28.784-12.576c-13.152-5.76-25.632-12.976-37.184-21.52l-25.28-18.688-58.448 33.728-48-83.136 58.368-33.68-3.472-31.2a194.624 194.624 0 0 1 0-43.104l3.472-31.2-58.368-33.68 48-83.136 58.432 33.728 25.296-18.688a191.744 191.744 0 0 1 37.184-21.52l28.8-12.576V256z m47.28 144a112 112 0 1 0 0 224 112 112 0 0 0 0-224z m0 48a64 64 0 1 1 0 128 64 64 0 0 1 0-128z"></path>
  2799.                                 </svg>
  2800.                             </div>
  2801.                         </div>
  2802.                         <div class="cookie-control-wrapper">
  2803.                             <button class="cookie-control-refresh" type="default">刷新</button>
  2804.                             <button class="cookie-control-add" type="default">添加</button>
  2805.                             <button class="cookie-control-copy-all" type="default">复制全部</button>
  2806.                             <button class="cookie-control-clear-all" type="default">清除全部</button>
  2807.                             <button class="cookie-control-rule-manager" type="default">规则管理</button>
  2808.                             <div class="cookie-setting"> 
  2809.                                 <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4368" width="28" height="28">
  2810.                                     <path fill="#2c2c2c" d="M439.264 208a16 16 0 0 0-16 16v67.968a239.744 239.744 0 0 0-46.496 26.896l-58.912-34a16 16 0 0 0-21.856 5.856l-80 138.56a16 16 0 0 0 5.856 21.856l58.896 34a242.624 242.624 0 0 0 0 53.728l-58.88 34a16 16 0 0 0-6.72 20.176l0.848 1.68 80 138.56a16 16 0 0 0 21.856 5.856l58.912-34a239.744 239.744 0 0 0 46.496 26.88V800a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-67.968a239.744 239.744 0 0 0 46.512-26.896l58.912 34a16 16 0 0 0 21.856-5.856l80-138.56a16 16 0 0 0-4.288-20.832l-1.568-1.024-58.896-34a242.624 242.624 0 0 0 0-53.728l58.88-34a16 16 0 0 0 6.72-20.176l-0.848-1.68-80-138.56a16 16 0 0 0-21.856-5.856l-58.912 34a239.744 239.744 0 0 0-46.496-26.88V224a16 16 0 0 0-16-16h-160z m32 48h96v67.376l28.8 12.576c13.152 5.76 25.632 12.976 37.184 21.52l25.28 18.688 58.448-33.728 48 83.136-58.368 33.68 3.472 31.2a194.624 194.624 0 0 1 0 43.104l-3.472 31.2 58.368 33.68-48 83.136-58.432-33.728-25.296 18.688c-11.552 8.544-24.032 15.76-37.184 21.52l-28.8 12.576V768h-96v-67.376l-28.784-12.576c-13.152-5.76-25.632-12.976-37.184-21.52l-25.28-18.688-58.448 33.728-48-83.136 58.368-33.68-3.472-31.2a194.624 194.624 0 0 1 0-43.104l3.472-31.2-58.368-33.68 48-83.136 58.432 33.728 25.296-18.688a191.744 191.744 0 0 1 37.184-21.52l28.8-12.576V256z m47.28 144a112 112 0 1 0 0 224 112 112 0 0 0 0-224z m0 48a64 64 0 1 1 0 128 64 64 0 0 1 0-128z"></path>
  2811.                                 </svg>
  2812.                             </div>
  2813.                         </div>
  2814.                         <div class="cookie-list-wrapper">
  2815.                         </div>
  2816.                     </div>
  2817.                 `
  2818.           ),
  2819.           html: true
  2820.         },
  2821.         btn: {
  2822.           ok: {
  2823.             enable: false
  2824.           }
  2825.         },
  2826.         mask: {
  2827.           enable: true
  2828.         },
  2829.         drag: true,
  2830.         width: PanelUISize.setting.width,
  2831.         height: PanelUISize.setting.height,
  2832.         style: (
  2833.           /*css*/
  2834.           `
  2835.                 ${__pops.config.cssText.panelCSS}
  2836.                 .cookie-wrapper{
  2837.                     display: flex;
  2838.                     flex-direction: column;
  2839.                     padding: 10px;
  2840.                     gap: 10px;
  2841.                 }
  2842.                 .cookie-control-wrapper{
  2843.                     display: flex;
  2844. 					flex-wrap: wrap;
  2845.                     padding: 0px 10px;
  2846.                     gap: 5px;
  2847.                     --button-margin-left: 0px;
  2848.                 }
  2849.                 .cookie-search-wrapper{
  2850.                     display: flex;
  2851.                     align-items: center;
  2852.                 }
  2853.                 .cookie-search-inner{
  2854.                     width: 100%;
  2855.                     padding: 0px 10px;
  2856.                 }
  2857.                 .cookie-search-inner input{
  2858.                     height: 30px;
  2859.                     padding: 5px;
  2860.                     width: 100%;
  2861.                 }
  2862.                 .cookie-search-inner input:focus-visible{
  2863.                     outline: none;
  2864.                 }
  2865.                 .cookie-setting,
  2866.                 .cookie-search-setting{
  2867.                     display: flex;
  2868.                     align-items: center;
  2869.                 }
  2870.                 .cookie-setting svg,
  2871.                 .cookie-search-setting svg{
  2872.                     cursor: pointer;
  2873.                 }
  2874.                 .cookie-list-wrapper{
  2875.                     display: flex;
  2876.                     flex-wrap: wrap;
  2877.                     gap: 10px;
  2878.                 }
  2879.                 .cookie-item{
  2880.                     display: flex;
  2881.                     flex-direction: column;
  2882.                     padding: 10px 10px;
  2883.                     margin: 0px 10px;
  2884.                     background: #f1efef;
  2885.                     border-radius: 10px;
  2886.                     gap: 5px;
  2887.                     box-sizing: border-box;
  2888.                     width: 100%;
  2889.                 }
  2890.                 .cookie-item-group{
  2891.                     display: flex;
  2892.                     align-items: center;
  2893.                 }
  2894.                 .cookie-item-group-left{
  2895.                     width: 100px;
  2896.                     min-width: 100px;
  2897.                     max-width: 100px;
  2898.                     text-transform: capitalize
  2899.                 }
  2900.                 .cookie-item-group-control .cookie-item-group-right{
  2901.                     display: flex;
  2902.                     align-items: center;
  2903.                     gap: 10px;
  2904.                 }
  2905.                 .cookie-item-group-control .cookie-item-group-control-copy,
  2906.                 .cookie-item-group-control .cookie-item-group-control-edit,
  2907.                 .cookie-item-group-control .cookie-item-group-control-delete{
  2908.                     display: flex;
  2909.                     align-items: center;
  2910.                 }
  2911.                 .cookie-item-group-control .cookie-item-group-control-delete svg{
  2912.                     width: 16px;
  2913.                     height: 16px;
  2914.                 }
  2915.                 .cookie-item-group-control svg{
  2916.                     cursor: pointer;
  2917.                 }
  2918.             `
  2919.         )
  2920.       });
  2921.       const $search = $alert.$shadowRoot.querySelector(
  2922.         ".cookie-search-inner input"
  2923.       );
  2924.       const $searchSetting = $alert.$shadowRoot.querySelector(
  2925.         ".cookie-search-setting"
  2926.       );
  2927.       const $refresh = $alert.$shadowRoot.querySelector(
  2928.         ".cookie-control-refresh"
  2929.       );
  2930.       const $add = $alert.$shadowRoot.querySelector(
  2931.         ".cookie-control-add"
  2932.       );
  2933.       const $copyAll = $alert.$shadowRoot.querySelector(
  2934.         ".cookie-control-copy-all"
  2935.       );
  2936.       const $clearAll = $alert.$shadowRoot.querySelector(
  2937.         ".cookie-control-clear-all"
  2938.       );
  2939.       const $ruleManager = $alert.$shadowRoot.querySelector(
  2940.         ".cookie-control-rule-manager"
  2941.       );
  2942.       const $setting = $alert.$shadowRoot.querySelector(".cookie-setting");
  2943.       const $cookieListWrapper = $alert.$shadowRoot.querySelector(
  2944.         ".cookie-list-wrapper"
  2945.       );
  2946.       let createCookieItemElement = (cookieInfo) => {
  2947.         const $cookieItem = domUtils.createElement("div", {
  2948.           className: "cookie-item",
  2949.           innerHTML: (
  2950.             /*html*/
  2951.             `
  2952.                 `
  2953.           )
  2954.         });
  2955.         const cookieProperty = [
  2956.           {
  2957.             leftText: "name",
  2958.             rightText: cookieInfo.name
  2959.           },
  2960.           {
  2961.             leftText: "value",
  2962.             rightText: PopsPanel.getValue("decode-cookie-value") ? decodeURIComponent(cookieInfo.value) : encodeURIComponent(cookieInfo.value)
  2963.           }
  2964.         ];
  2965.         if (CookieManager.cookieManagerApiName === "GM_cookie") {
  2966.           cookieInfo = cookieInfo;
  2967.           cookieProperty.push(
  2968.             {
  2969.               leftText: "domain",
  2970.               rightText: cookieInfo.domain
  2971.             },
  2972.             {
  2973.               leftText: "path",
  2974.               rightText: cookieInfo.path
  2975.             },
  2976.             {
  2977.               leftText: "session",
  2978.               rightText: JSON.stringify(cookieInfo.session)
  2979.             },
  2980.             {
  2981.               leftText: "expires",
  2982.               rightText: cookieInfo.session ? "会话" : cookieInfo.expirationDate ? new Date(cookieInfo.expirationDate * 1e3).toISOString() : "未知"
  2983.             },
  2984.             {
  2985.               leftText: "httpOnly",
  2986.               rightText: JSON.stringify(cookieInfo.httpOnly)
  2987.             },
  2988.             {
  2989.               leftText: "hostOnly",
  2990.               rightText: JSON.stringify(cookieInfo.hostOnly)
  2991.             },
  2992.             {
  2993.               leftText: "secure",
  2994.               rightText: JSON.stringify(cookieInfo.secure)
  2995.             },
  2996.             {
  2997.               leftText: "sameSite",
  2998.               rightText: cookieInfo.sameSite
  2999.             }
  3000.           );
  3001.         } else if (CookieManager.cookieManagerApiName === "cookieStore") {
  3002.           cookieInfo = cookieInfo;
  3003.           cookieProperty.push(
  3004.             {
  3005.               leftText: "domain",
  3006.               rightText: cookieInfo.domain
  3007.             },
  3008.             {
  3009.               leftText: "path",
  3010.               rightText: cookieInfo.path
  3011.             },
  3012.             {
  3013.               leftText: "expires",
  3014.               rightText: cookieInfo.expires ? new Date(cookieInfo.expires).toISOString() : "未知"
  3015.             },
  3016.             {
  3017.               leftText: "secure",
  3018.               rightText: JSON.stringify(cookieInfo.secure)
  3019.             },
  3020.             {
  3021.               leftText: "sameSite",
  3022.               rightText: cookieInfo.sameSite
  3023.             }
  3024.           );
  3025.         }
  3026.         cookieProperty.forEach((it) => {
  3027.           const $cookieItemGroup = domUtils.createElement("div", {
  3028.             className: "cookie-item-group",
  3029.             innerHTML: (
  3030.               /*html*/
  3031.               `
  3032.                         <div class="cookie-item-group-left">
  3033.                             <p>${it.leftText}</p>
  3034.                         </div>
  3035.                         <div class="cookie-item-group-right">
  3036.                             <p>${it.rightText}</p>
  3037.                         </div>
  3038.                     `
  3039.             )
  3040.           });
  3041.           domUtils.append($cookieItem, $cookieItemGroup);
  3042.         });
  3043.         let $cookieItemGroupControl = domUtils.createElement("div", {
  3044.           className: "cookie-item-group cookie-item-group-control",
  3045.           innerHTML: (
  3046.             /*html*/
  3047.             `
  3048.                     <div class="cookie-item-group-left">操作</div>
  3049.                     <div class="cookie-item-group-right">
  3050.                         <div class="cookie-item-group-control-copy">
  3051.                             <svg t="1742795616339" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
  3052.                                 <path d="M880 247.008l-162.016-166.016Q700.992 64 677.984 64h-316.992q-26.016 0-46.016 18.016-16.992 15.008-23.008 36.992H231.968q-43.008 0-73.504 31.008t-30.496 76v627.008q0 44 30.496 75.488T231.968 960h508q43.008 0 73.504-31.488t30.496-75.488v-63.008q23.008-6.016 37.504-25.504t14.496-44.512V287.008q0-24-16-40z m-168-160.992l-3.008-3.008z m98.016 177.984L744 196z m-126.016-116.992l108 110.016h-108V147.008zM676.992 128zM204.992 948q4 0.992 4.992 2.016-2.016-0.992-4.992-2.016z m27.008 4q-6.016 0-12-0.992 4.992 0.992 12 0.992z m543.008-99.008q0 15.008-10.016 25.504t-24.992 10.496H232q-14.016 0-24.512-10.496t-10.496-25.504V225.984q0-15.008 10.496-25.504t24.512-10.496h58.016v531.008q0 30.016 20.992 51.008t50.016 20.992H775.04v60z m52-132.992q0 2.016-2.016 2.016h-464q-2.016 0-2.016-2.016V136.992q0-2.016 2.016-2.016h251.008v156.992q0 15.008 10.016 24.992t24 10.016h180.992v392.992z m9.984 64q4-0.992 8.992-2.016-4.992 0.992-8.992 2.016z m-244-168.992h-107.008q-15.008 0-24.992 10.496t-10.016 24.992 10.016 24.992 24.992 10.496h107.008q14.016 0 24.512-10.496t10.496-24.992-10.496-24.992-24.512-10.496z m107.008-111.008h-214.016q-14.016 0-24.512 10.496t-10.496 24.992 10.496 24.992 24.512 10.496h214.016q14.016 0 24-10.496t10.016-24.992-10.016-24.992-24-10.496z m-240.992 36q0 4 0.992 8-0.992-4-0.992-8zM700 512z m12 52l4-2.016z m-260.992-135.488q0 14.496 10.496 24.992t24.512 10.496h214.016q14.016 0 24-10.496t10.016-24.992-10.016-24.992-24-10.496h-214.016q-14.016 0-24.512 10.496t-10.496 24.992z m8 1.504z"></path>
  3053.                             </svg>
  3054.                         </div>
  3055.                         <div class="cookie-item-group-control-edit">
  3056.                             <svg t="1742795710451" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
  3057.                                 <path d="M800 960 224 960c-52.928 0-96-43.072-96-96L128 224c0-52.928 43.072-96 96-96l448 0c17.696 0 32 14.336 32 32s-14.304 32-32 32L224 192C206.368 192 192 206.368 192 224l0 640c0 17.664 14.368 32 32 32l576 0c17.664 0 32-14.336 32-32L832 352c0-17.664 14.304-32 32-32s32 14.336 32 32l0 512C896 916.928 852.928 960 800 960zM612 448c-8.192 0-16.384-3.136-22.624-9.376-12.512-12.512-12.512-32.736 0-45.248l318.016-318.016c12.512-12.512 32.736-12.512 45.248 0s12.512 32.736 0 45.248l-318.016 318.016C628.384 444.896 620.192 448 612 448zM480 448 288 448c-17.664 0-32-14.336-32-32s14.336-32 32-32l192 0c17.664 0 32 14.336 32 32S497.664 448 480 448zM672 640 288 640c-17.664 0-32-14.304-32-32s14.336-32 32-32l384 0c17.696 0 32 14.304 32 32S689.696 640 672 640z"></path>
  3058.                             </svg>
  3059.                         </div>
  3060.                         <div class="cookie-item-group-control-delete">
  3061.                             ${__pops.config.iconSVG.delete}
  3062.                         </div>
  3063.                     </div>
  3064.                 `
  3065.           )
  3066.         });
  3067.         let $cookieItemCopy = $cookieItemGroupControl.querySelector(
  3068.           ".cookie-item-group-control-copy"
  3069.         );
  3070.         let $cookieItemEdit = $cookieItemGroupControl.querySelector(
  3071.           ".cookie-item-group-control-edit"
  3072.         );
  3073.         let $cookieItemDelete = $cookieItemGroupControl.querySelector(
  3074.           ".cookie-item-group-control-delete"
  3075.         );
  3076.         domUtils.on($cookieItemCopy, "click", (event) => {
  3077.           utils.preventEvent(event);
  3078.           let cookieText = cookieInfo.value;
  3079.           utils.setClip(cookieText).then((status) => {
  3080.             if (status) {
  3081.               Qmsg.success("复制成功");
  3082.             } else {
  3083.               Qmsg.error("复制失败");
  3084.             }
  3085.           });
  3086.         });
  3087.         domUtils.on($cookieItemEdit, "click", (event) => {
  3088.           utils.preventEvent(event);
  3089.           CookieManagerEditView.showView(cookieInfo, (__cookieInfo__) => {
  3090.             var _a2;
  3091.             let $newCookieItem = createCookieItemElement(__cookieInfo__);
  3092.             domUtils.after($cookieItem, $newCookieItem);
  3093.             (_a2 = $cookieItem.parentElement) == null ? void 0 : _a2.removeChild($cookieItem);
  3094.           });
  3095.         });
  3096.         domUtils.on($cookieItemDelete, "click", (event) => {
  3097.           utils.preventEvent(event);
  3098.           let result = confirm("确定删除该Cookie？");
  3099.           if (!result) {
  3100.             return;
  3101.           }
  3102.           CookieManager.deleteCookie(cookieInfo).then((status) => {
  3103.             var _a2;
  3104.             if (!status) {
  3105.               Qmsg.success("删除成功");
  3106.               (_a2 = $cookieItem.parentElement) == null ? void 0 : _a2.removeChild($cookieItem);
  3107.             } else {
  3108.               log.error(status);
  3109.               Qmsg.error("删除失败");
  3110.             }
  3111.           });
  3112.         });
  3113.         domUtils.append($cookieItem, [$cookieItemGroupControl]);
  3114.         return $cookieItem;
  3115.       };
  3116.       let updateCookieListGroup = async (filterCallBack) => {
  3117.         let cookieList = await CookieManager.queryAllCookie();
  3118.         if (typeof filterCallBack === "function") {
  3119.           cookieList = cookieList.filter(filterCallBack);
  3120.         }
  3121.         domUtils.empty($cookieListWrapper);
  3122.         let $fragment = document.createDocumentFragment();
  3123.         cookieList.forEach((cookieItem) => {
  3124.           if (
  3125.             // @ts-ignore
  3126.             cookieItem.session && PopsPanel.getValue("exclude-session-cookie")
  3127.           ) {
  3128.             return;
  3129.           }
  3130.           const $cookieItem = createCookieItemElement(cookieItem);
  3131.           domUtils.append($fragment, $cookieItem);
  3132.         });
  3133.         domUtils.append($cookieListWrapper, $fragment);
  3134.       };
  3135.       updateCookieListGroup();
  3136.       domUtils.on(
  3137.         $search,
  3138.         ["input", "propertychange"],
  3139.         utils.debounce((event) => {
  3140.           updateCookieListGroup((cookieItem) => {
  3141.             let searchText = domUtils.val($search);
  3142.             let enableRegExp = PopsPanel.getValue(
  3143.               "search-config-use-regexp"
  3144.             );
  3145.             return enableRegExp ? Boolean(cookieItem.name.match(new RegExp(searchText))) : cookieItem.name.includes(searchText);
  3146.           });
  3147.         })
  3148.       );
  3149.       domUtils.listenKeyboard(
  3150.         $search,
  3151.         "keypress",
  3152.         (keyName, keyValue, otherCodeList) => {
  3153.           if (keyName === "Enter" && otherCodeList.length === 0) {
  3154.             utils.dispatchEvent($search, "input");
  3155.           }
  3156.         }
  3157.       );
  3158.       domUtils.on($searchSetting, "click", (event) => {
  3159.         utils.preventEvent(event);
  3160.         let $settingAlert = __pops.alert({
  3161.           title: {
  3162.             text: "搜索配置",
  3163.             position: "center"
  3164.           },
  3165.           content: {
  3166.             text: "",
  3167.             html: true
  3168.           },
  3169.           btn: {
  3170.             ok: {
  3171.               enable: false
  3172.             }
  3173.           },
  3174.           drag: true,
  3175.           mask: {
  3176.             clickEvent: {
  3177.               toClose: true
  3178.             }
  3179.           },
  3180.           width: PanelUISize.info.width,
  3181.           height: PanelUISize.info.height,
  3182.           style: (
  3183.             /*css*/
  3184.             `
  3185.                     ${__pops.config.cssText.panelCSS}
  3186.  
  3187.                     .pops-alert-content li{
  3188.                         display: flex;
  3189.                         justify-content: space-between;
  3190.                         align-items: center;
  3191.                         padding: 10px;
  3192.                     }
  3193.                     .pops-panel-item-left-desc-text{
  3194.                         line-height: normal;
  3195.                         margin-top: 6px;
  3196.                         font-size: 0.8em;
  3197.                         color: rgb(108, 108, 108);
  3198.                     }
  3199.                 `
  3200.           )
  3201.         });
  3202.         let $content = $settingAlert.$shadowRoot.querySelector(
  3203.           ".pops-alert-content"
  3204.         );
  3205.         let panelHandleContentUtils = __pops.config.panelHandleContentUtils();
  3206.         let $useRegExp = panelHandleContentUtils.createSectionContainerItem_switch(
  3207.           UISwitch(
  3208.             "启用正则表达式",
  3209.             "search-config-use-regexp",
  3210.             false,
  3211.             void 0,
  3212.             "使用正则表达式搜索Cookie名称"
  3213.           )
  3214.         );
  3215.         domUtils.append($content, $useRegExp);
  3216.       });
  3217.       domUtils.on($refresh, "click", (event) => {
  3218.         utils.preventEvent(event);
  3219.         let searchText = domUtils.val($search);
  3220.         if (searchText == "") {
  3221.           updateCookieListGroup();
  3222.         } else {
  3223.           utils.dispatchEvent($search, "input");
  3224.         }
  3225.       });
  3226.       domUtils.on($add, "click", (event) => {
  3227.         utils.preventEvent(event);
  3228.         CookieManagerEditView.showView(void 0, (__cookieInfo__) => {
  3229.           updateCookieListGroup();
  3230.         });
  3231.       });
  3232.       domUtils.on($copyAll, "click", (event) => {
  3233.         utils.preventEvent(event);
  3234.         CookieManager.queryAllCookie().then((cookieList) => {
  3235.           cookieList = cookieList.filter((it) => {
  3236.             return !(it.session && PopsPanel.getValue("exclude-session-cookie"));
  3237.           });
  3238.           if (cookieList.length === 0) {
  3239.             Qmsg.warning("没有Cookie可以复制");
  3240.             return;
  3241.           }
  3242.           let cookieText = cookieList.map((it) => {
  3243.             let cookieItemValueText = it.value;
  3244.             return `${it.name}=${cookieItemValueText}; `;
  3245.           }).join("");
  3246.           utils.setClip(cookieText).then((status) => {
  3247.             if (status) {
  3248.               Qmsg.success("复制成功");
  3249.             } else {
  3250.               Qmsg.error("复制失败");
  3251.             }
  3252.           });
  3253.         });
  3254.       });
  3255.       domUtils.on($clearAll, "click", (event) => {
  3256.         utils.preventEvent(event);
  3257.         let result = window.confirm("确定清除全部Cookie？");
  3258.         if (!result) {
  3259.           return;
  3260.         }
  3261.         CookieManager.deleteAllCookie().then((deleteInfo) => {
  3262.           if (deleteInfo.error) {
  3263.             Qmsg.warning(
  3264.               `清除成功：${deleteInfo.success} 失败：${deleteInfo.error}`
  3265.             );
  3266.           } else {
  3267.             Qmsg.success("清除成功");
  3268.           }
  3269.           updateCookieListGroup();
  3270.         });
  3271.       });
  3272.       domUtils.on($ruleManager, "click", (event) => {
  3273.         utils.preventEvent(event);
  3274.         CookieRule.showView();
  3275.       });
  3276.       domUtils.on($setting, "click", (event) => {
  3277.         utils.preventEvent(event);
  3278.         let $settingAlert = __pops.alert({
  3279.           title: {
  3280.             text: "设置",
  3281.             position: "center"
  3282.           },
  3283.           content: {
  3284.             text: "",
  3285.             html: true
  3286.           },
  3287.           btn: {
  3288.             ok: {
  3289.               enable: false
  3290.             }
  3291.           },
  3292.           drag: true,
  3293.           mask: {
  3294.             clickEvent: {
  3295.               toClose: true
  3296.             }
  3297.           },
  3298.           width: PanelUISize.info.width,
  3299.           height: PanelUISize.info.height,
  3300.           style: (
  3301.             /*css*/
  3302.             `
  3303.                     ${__pops.config.cssText.panelCSS}
  3304.  
  3305.                     .pops-alert-content li{
  3306.                         display: flex;
  3307.                         justify-content: space-between;
  3308.                         align-items: center;
  3309.                         padding: 10px;
  3310.                     }
  3311.                     .pops-panel-item-left-desc-text{
  3312.                         line-height: normal;
  3313.                         margin-top: 6px;
  3314.                         font-size: 0.8em;
  3315.                         color: rgb(108, 108, 108);
  3316.                     }
  3317.                 `
  3318.           )
  3319.         });
  3320.         let $content = $settingAlert.$shadowRoot.querySelector(
  3321.           ".pops-alert-content"
  3322.         );
  3323.         let panelHandleContentUtils = __pops.config.panelHandleContentUtils();
  3324.         let $useGM_cookie = panelHandleContentUtils.createSectionContainerItem_select(
  3325.           UISelect(
  3326.             "CookieManager Api",
  3327.             "cookie-manager-api",
  3328.             "document.cookie",
  3329.             [
  3330.               {
  3331.                 text: "document.cookie",
  3332.                 value: "document.cookie"
  3333.               },
  3334.               {
  3335.                 text: "cookieStore",
  3336.                 value: "cookieStore"
  3337.               },
  3338.               {
  3339.                 text: "GM_cookie",
  3340.                 value: "GM_cookie"
  3341.               }
  3342.             ],
  3343.             () => {
  3344.               updateCookieListGroup();
  3345.             },
  3346.             "操作Cookie的Api函数"
  3347.           )
  3348.         );
  3349.         let $decodeValue = panelHandleContentUtils.createSectionContainerItem_switch(
  3350.           UISwitch(
  3351.             "解码Cookie值",
  3352.             "decode-cookie-value",
  3353.             false,
  3354.             () => {
  3355.               updateCookieListGroup();
  3356.             },
  3357.             "对Cookie值进行解码"
  3358.           )
  3359.         );
  3360.         let $excludeSessionCookie = panelHandleContentUtils.createSectionContainerItem_switch(
  3361.           UISwitch(
  3362.             "排除Session Cookie",
  3363.             "exclude-session-cookie",
  3364.             false,
  3365.             () => {
  3366.               updateCookieListGroup();
  3367.             },
  3368.             "过滤掉浏览器会话Cookie"
  3369.           )
  3370.         );
  3371.         domUtils.append($content, [
  3372.           $useGM_cookie,
  3373.           $decodeValue,
  3374.           $excludeSessionCookie
  3375.         ]);
  3376.       });
  3377.     },
  3378.     /**
  3379.      * 注册(不可用)脚本菜单
  3380.      */
  3381.     registerMenu() {
  3382.       const that = this;
  3383.       GM_Menu.add({
  3384.         key: "cookie_manager_view",
  3385.         text: "⚙ Cookie管理",
  3386.         autoReload: false,
  3387.         isStoreValue: false,
  3388.         showText(text, enable) {
  3389.           return text;
  3390.         },
  3391.         callback(data) {
  3392.           that.showView();
  3393.         }
  3394.       });
  3395.     }
  3396.   };
  3397.   const CookieRuleController = {
  3398.     init() {
  3399.       this.execController();
  3400.       domUtils.ready(() => {
  3401.         this.execController();
  3402.       });
  3403.     },
  3404.     /**
  3405.      * 执行操作
  3406.      */
  3407.     execController() {
  3408.       for (let index = 0; index < CookieRule.$data.ruleData.length; index++) {
  3409.         const rule = CookieRule.$data.ruleData[index];
  3410.         CookieManager.queryAllCookie().then(async (cookieListResult) => {
  3411.           for (let cookieInfoIndex = 0; cookieInfoIndex < cookieListResult.length; cookieInfoIndex++) {
  3412.             let cookieInfo = cookieListResult[cookieInfoIndex];
  3413.             const cookieName = cookieInfo.name;
  3414.             const ruleCookieName = rule.data.cookieName;
  3415.             let flag = false;
  3416.             if (rule.data.enableRegExpToMatchCookieName) {
  3417.               let regExpCookieName = new RegExp(ruleCookieName, "i");
  3418.               if (regExpCookieName.test(cookieName)) {
  3419.                 flag = true;
  3420.               }
  3421.             } else {
  3422.               if (cookieName.includes(ruleCookieName)) {
  3423.                 flag = true;
  3424.               }
  3425.             }
  3426.             if (flag) {
  3427.               let operationMode = rule.data.operationMode;
  3428.               if (operationMode === "delete") {
  3429.                 CookieManager.deleteCookie(cookieInfo);
  3430.               } else if (operationMode === "extended" || operationMode === "extended-90" || operationMode === "extended-180" || operationMode === "extended-360") {
  3431.                 let currentTime = Date.now();
  3432.                 let oneMonth = 30 * 24 * 60 * 60 * 1e3;
  3433.                 let threeMonth = oneMonth * 3;
  3434.                 let halfAYear = oneMonth * 6;
  3435.                 let oneYear = oneMonth * 12;
  3436.                 let checkTime = oneMonth;
  3437.                 if (operationMode === "extended-90") {
  3438.                   checkTime = threeMonth;
  3439.                 } else if (operationMode === "extended-180") {
  3440.                   checkTime = halfAYear;
  3441.                 } else if (operationMode === "extended-360") {
  3442.                   checkTime = oneYear;
  3443.                 }
  3444.                 let updateFlag = false;
  3445.                 if (CookieManager.cookieManagerApiName === "document.cookie") {
  3446.                   cookieInfo.expirationDate = currentTime + checkTime;
  3447.                   updateFlag = true;
  3448.                 } else if (CookieManager.cookieManagerApiName === "cookieStore") {
  3449.                   let expireTime = cookieInfo.expires;
  3450.                   if (typeof expireTime === "number" && expireTime - currentTime < checkTime) {
  3451.                     cookieInfo.expires = expireTime + checkTime;
  3452.                     updateFlag = true;
  3453.                   }
  3454.                 } else if (CookieManager.cookieManagerApiName === "GM_cookie") {
  3455.                   let expireTime = cookieInfo.expirationDate;
  3456.                   if (typeof expireTime === "number" && expireTime * 1e3 - currentTime < checkTime) {
  3457.                     cookieInfo.expirationDate = expireTime + checkTime / 1e3;
  3458.                     updateFlag = true;
  3459.                   }
  3460.                 } else {
  3461.                   log.error(
  3462.                     "未知的cookieManagerApiName",
  3463.                     CookieManager.cookieManagerApiName
  3464.                   );
  3465.                 }
  3466.                 if (updateFlag) {
  3467.                   await CookieManager.updateCookie(cookieInfo);
  3468.                 }
  3469.               }
  3470.             }
  3471.           }
  3472.         });
  3473.       }
  3474.     }
  3475.   };
  3476.   PopsPanel.init();
  3477.   CookieRule.init();
  3478.   CookieRuleController.init();
  3479.   CookieManagerView.init();
  3480.  
  3481. })(Qmsg, DOMUtils, Utils, pops);

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

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