☰

CookieManager

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

当前为 2025-05-18 提交的版本，查看 最新版本。

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