☰

NGA Filter

troll must die

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

  1. // ==UserScript==
  2. // @name        NGA Filter
  3. // @namespace   https://greasyfork.org/users/263018
  4. // @version     1.5.2
  5. // @author      snyssss
  6. // @description troll must die
  7. // @license     MIT
  8.  
  9. // @match       *://bbs.nga.cn/*
  10. // @match       *://ngabbs.com/*
  11. // @match       *://nga.178.com/*
  12.  
  13. // @grant       GM_addStyle
  14. // @grant       GM_setValue
  15. // @grant       GM_getValue
  16.  
  17. // @noframes
  18. // ==/UserScript==
  19.  
  20. ((n, self) => {
  21.   if (n === undefined) return;
  22.  
  23.   const key = "NGAFilter";
  24.  
  25.   // 过滤提示
  26.   const FILTER_TIPS =
  27.     "过滤顺序：用户 &gt; 标记 &gt; 关键字<br/>过滤级别：隐藏 &gt; 遮罩 &gt; 标记 &gt; 继承 &gt; 显示<br/>多个标记或者关键字按最高级别过滤";
  28.  
  29.   // 过滤方式
  30.   const FILTER_MODE = ["继承", "标记", "遮罩", "隐藏", "显示"];
  31.  
  32.   // 切换过滤方式
  33.   const switchFilterMode = (value) => {
  34.     const next = FILTER_MODE.indexOf(value) + 1;
  35.  
  36.     if (next >= FILTER_MODE.length) {
  37.       return FILTER_MODE[0];
  38.     }
  39.  
  40.     return FILTER_MODE[next];
  41.   };
  42.  
  43.   // 数据
  44.   const data = (() => {
  45.     const d = {
  46.       tags: {},
  47.       users: {},
  48.       keywords: {},
  49.       options: {
  50.         filterRegdateLimit: 0,
  51.         filterPostnumLimit: 0,
  52.         filterMode: "隐藏",
  53.       },
  54.     };
  55.  
  56.     const v = GM_getValue(key);
  57.  
  58.     if (typeof v !== "object") {
  59.       return d;
  60.     }
  61.  
  62.     return Object.assign(d, v);
  63.   })();
  64.  
  65.   // 保存数据
  66.   const saveData = () => {
  67.     GM_setValue(key, data);
  68.   };
  69.  
  70.   // 增加标记
  71.   const addTag = (name) => {
  72.     const tag = Object.values(data.tags).find((item) => item.name === name);
  73.  
  74.     if (tag) return tag.id;
  75.  
  76.     const id =
  77.       Math.max(...Object.values(data.tags).map((item) => item.id), 0) + 1;
  78.  
  79.     const hash = (() => {
  80.       let h = 5381;
  81.       for (var i = 0; i < name.length; i++) {
  82.         h = ((h << 5) + h + name.charCodeAt(i)) & 0xffffffff;
  83.       }
  84.       return h;
  85.     })();
  86.  
  87.     const hex = Math.abs(hash).toString(16) + "000000";
  88.  
  89.     const hsv = [
  90.       `0x${hex.substring(2, 4)}` / 255,
  91.       `0x${hex.substring(2, 4)}` / 255 / 2 + 0.25,
  92.       `0x${hex.substring(4, 6)}` / 255 / 2 + 0.25,
  93.     ];
  94.  
  95.     const rgb = n.hsvToRgb(hsv[0], hsv[1], hsv[2]);
  96.  
  97.     const color = ["#", ...rgb].reduce((a, b) => {
  98.       return a + ("0" + b.toString(16)).slice(-2);
  99.     });
  100.  
  101.     data.tags[id] = {
  102.       id,
  103.       name,
  104.       color,
  105.       filterMode: FILTER_MODE[0],
  106.     };
  107.  
  108.     saveData();
  109.  
  110.     return id;
  111.   };
  112.  
  113.   // 增加用户
  114.   const addUser = (id, name = null, tags = [], filterMode = FILTER_MODE[0]) => {
  115.     if (data.users[id]) return data.users[id];
  116.  
  117.     data.users[id] = {
  118.       id,
  119.       name,
  120.       tags,
  121.       filterMode,
  122.     };
  123.  
  124.     saveData();
  125.  
  126.     return data.users[id];
  127.   };
  128.  
  129.   // 增加关键字
  130.   const addKeyword = (
  131.     keyword,
  132.     filterMode = FILTER_MODE[0],
  133.     filterLevel = 0
  134.   ) => {
  135.     const id =
  136.       Math.max(...Object.values(data.keywords).map((item) => item.id), 0) + 1;
  137.  
  138.     data.keywords[id] = {
  139.       id,
  140.       keyword,
  141.       filterMode,
  142.       filterLevel,
  143.     };
  144.  
  145.     saveData();
  146.  
  147.     return id;
  148.   };
  149.  
  150.   // 旧版本数据迁移
  151.   {
  152.     const dataKey = "troll_data";
  153.     const modeKey = "troll_mode";
  154.     const keywordKey = "troll_keyword";
  155.  
  156.     if (localStorage.getItem(dataKey)) {
  157.       let trollMap = (function () {
  158.         try {
  159.           return JSON.parse(localStorage.getItem(dataKey)) || {};
  160.         } catch (e) {}
  161.  
  162.         return {};
  163.       })();
  164.  
  165.       let filterMode = ~~localStorage.getItem(modeKey);
  166.  
  167.       let filterKeyword = localStorage.getItem(keywordKey) || "";
  168.  
  169.       // 整理标签
  170.       [...new Set(Object.values(trollMap).flat())].forEach((item) =>
  171.         addTag(item)
  172.       );
  173.  
  174.       // 整理用户
  175.       Object.keys(trollMap).forEach((item) => {
  176.         addUser(
  177.           item,
  178.           null,
  179.           (typeof trollMap[item] === "object" ? trollMap[item] : []).map(
  180.             (tag) => addTag(tag)
  181.           )
  182.         );
  183.       });
  184.  
  185.       data.options.filterMode = filterMode ? "隐藏" : "标记";
  186.       data.options.keyword = filterKeyword;
  187.  
  188.       localStorage.removeItem(dataKey);
  189.       localStorage.removeItem(modeKey);
  190.       localStorage.removeItem(keywordKey);
  191.  
  192.       saveData();
  193.     }
  194.  
  195.     // v1.1.0 -> v1.1.1
  196.     {
  197.       Object.values(data.users).forEach(({ id, name, tags, enabled }) => {
  198.         if (enabled !== undefined) {
  199.           data.users[id] = {
  200.             id,
  201.             name,
  202.             tags,
  203.             filterMode: enabled ? "继承" : "显示",
  204.           };
  205.         }
  206.       });
  207.  
  208.       Object.values(data.tags).forEach(({ id, name, color, enabled }) => {
  209.         if (enabled !== undefined) {
  210.           data.tags[id] = {
  211.             id,
  212.             name,
  213.             color,
  214.             filterMode: enabled ? "继承" : "显示",
  215.           };
  216.         }
  217.       });
  218.  
  219.       if (data.options.filterMode === 0) {
  220.         data.options.filterMode = "隐藏";
  221.       } else if (data.options.filterMode === 1) {
  222.         data.options.filterMode = "标记";
  223.       }
  224.  
  225.       saveData();
  226.     }
  227.  
  228.     // v1.2.x -> v1.3.0
  229.     {
  230.       if (data.options.keyword) {
  231.         addKeyword(data.options.keyword);
  232.  
  233.         delete data.options.keyword;
  234.  
  235.         saveData();
  236.       }
  237.     }
  238.   }
  239.  
  240.   // 编辑用户标记
  241.   const editUser = (() => {
  242.     let window;
  243.     return (uid, name, callback) => {
  244.       if (window === undefined) {
  245.         window = n.createCommmonWindow();
  246.       }
  247.  
  248.       const user = data.users[uid];
  249.  
  250.       const content = document.createElement("div");
  251.  
  252.       const size = Math.floor((screen.width * 0.8) / 200);
  253.  
  254.       const items = Object.values(data.tags).map(
  255.         (tag, index) => `
  256.           <td class="c1">
  257.             <label for="s-tag-${index}" style="display: block; cursor: pointer;">
  258.               <b class="block_txt nobr" style="background:${
  259.                 tag.color
  260.               }; color:#fff; margin: 0.1em 0.2em;">${tag.name}</b>
  261.             </label>
  262.           </td>
  263.           <td class="c2" width="1">
  264.               <input id="s-tag-${index}" type="checkbox" value="${tag.id}" ${
  265.           user && user.tags.find((item) => item === tag.id) && "checked"
  266.         }/>
  267.           </td>
  268.         `
  269.       );
  270.  
  271.       const rows = [...new Array(Math.ceil(items.length / size))].map(
  272.         (item, index) =>
  273.           `
  274.           <tr class="row${(index % 2) + 1}">
  275.             ${items.slice(size * index, size * (index + 1)).join("")}
  276.           </tr>
  277.           `
  278.       );
  279.  
  280.       content.className = "w100";
  281.       content.innerHTML = `
  282.         <div class="filter-table-wrapper" style="width: 80vw;">
  283.           <table class="filter-table forumbox">
  284.             <tbody>
  285.               ${rows.join("")}
  286.             </tbody>
  287.           </table>
  288.         </div>
  289.         <div style="margin: 10px 0;">
  290.             <input placeholder="一次性添加多个标记用&quot;|&quot;隔开，不会添加重名标记" style="width: -webkit-fill-available;" />
  291.         </div>
  292.         <div style="margin: 10px 0;">
  293.             <span>过滤方式：</span>
  294.             <button>${(user && user.filterMode) || FILTER_MODE[0]}</button>
  295.             <div class="right_">
  296.                 <button>删除</button>
  297.                 <button>保存</button>
  298.             </div>
  299.         </div>
  300.         <div class="silver" style="margin-top: 5px;">${FILTER_TIPS}</div>
  301.     `;
  302.  
  303.       const actions = content.getElementsByTagName("button");
  304.  
  305.       actions[0].onclick = () => {
  306.         actions[0].innerText = switchFilterMode(
  307.           actions[0].innerText || FILTER_MODE[0]
  308.         );
  309.       };
  310.  
  311.       actions[1].onclick = () => {
  312.         if (confirm("是否确认?")) {
  313.           delete data.users[uid];
  314.  
  315.           saveData();
  316.  
  317.           callback && callback();
  318.  
  319.           window._.hide();
  320.         }
  321.       };
  322.  
  323.       actions[2].onclick = () => {
  324.         if (confirm("是否确认?")) {
  325.           const values = [...content.getElementsByTagName("input")];
  326.           const newTags = values[values.length - 1].value
  327.             .split("|")
  328.             .filter((item) => item.length)
  329.             .map((item) => addTag(item));
  330.           const tags = [
  331.             ...new Set(
  332.               values
  333.                 .filter((item) => item.type === "checkbox" && item.checked)
  334.                 .map((item) => ~~item.value)
  335.                 .concat(newTags)
  336.             ),
  337.           ].sort();
  338.  
  339.           if (user) {
  340.             user.tags = tags;
  341.             user.filterMode = actions[0].innerText;
  342.           } else {
  343.             addUser(uid, name, tags, actions[0].innerText);
  344.           }
  345.  
  346.           saveData();
  347.  
  348.           callback && callback();
  349.  
  350.           window._.hide();
  351.         }
  352.       };
  353.  
  354.       if (user === undefined) {
  355.         actions[1].style = "display: none;";
  356.       }
  357.  
  358.       window._.addContent(null);
  359.       window._.addTitle(`编辑标记 - ${name ? name : "#" + uid}`);
  360.       window._.addContent(content);
  361.       window._.show();
  362.     };
  363.   })();
  364.  
  365.   // 判断过滤方式
  366.   const getFilterMode = async (uid, subject, content) => {
  367.     let result = -1;
  368.  
  369.     const filterRegdateLimit = data.options.filterRegdateLimit || 0;
  370.  
  371.     const filterPostnumLimit = data.options.filterPostnumLimit || 0;
  372.  
  373.     const user = data.users[uid];
  374.  
  375.     const tags = user ? user.tags.map((tag) => data.tags[tag]) : [];
  376.  
  377.     const keywords = Object.values(data.keywords);
  378.  
  379.     if (filterRegdateLimit > 0 || filterPostnumLimit > 0) {
  380.       if (uid && uid > 0) {
  381.         const userInfo = n.userInfo.users[uid];
  382.         
  383.         if (userInfo) {
  384.           if (
  385.             (userInfo.regdate * 1000 > new Date() - filterRegdateLimit) ||
  386.             (userInfo.postnum && userInfo.postnum < filterPostnumLimit) ||
  387.             (userInfo.posts && userInfo.posts < filterPostnumLimit)
  388.           ) {
  389.             return FILTER_MODE.indexOf("隐藏");
  390.           }
  391.         }
  392.       }
  393.     }
  394.  
  395.     if (user) {
  396.       const filterMode = FILTER_MODE.indexOf(user.filterMode);
  397.  
  398.       if (filterMode > 0) {
  399.         return filterMode;
  400.       }
  401.  
  402.       result = filterMode;
  403.     }
  404.  
  405.     if (tags.length) {
  406.       const filterMode = (() => {
  407.         if (tags.some((tag) => tag.filterMode !== "显示")) {
  408.           return tags
  409.             .filter((tag) => tag.filterMode !== "显示")
  410.             .map((tag) => FILTER_MODE.indexOf(tag.filterMode) || 0)
  411.             .sort((a, b) => b - a)[0];
  412.         }
  413.  
  414.         return FILTER_MODE.indexOf("显示");
  415.       })();
  416.  
  417.       if (filterMode > 0) {
  418.         return filterMode;
  419.       }
  420.  
  421.       result = filterMode;
  422.     }
  423.  
  424.     if (keywords.length) {
  425.       const filterMode = (() => {
  426.         const sR = (() => {
  427.           if (subject) {
  428.             const r = keywords
  429.               .filter((item) => item.keyword && item.filterMode !== "显示")
  430.               .filter((item) => (item.filterLevel || 0) >= 0)
  431.               .sort(
  432.                 (a, b) =>
  433.                   FILTER_MODE.indexOf(b.filterMode) -
  434.                   FILTER_MODE.indexOf(a.filterMode)
  435.               )
  436.               .find((item) => subject.search(item.keyword) >= 0);
  437.  
  438.             if (r) {
  439.               return FILTER_MODE.indexOf(r.filterMode);
  440.             }
  441.           }
  442.             
  443.           return -1;
  444.         })();
  445.         
  446.         const cR = (() => {
  447.           if (content) {
  448.             const r = keywords
  449.               .filter((item) => item.keyword && item.filterMode !== "显示")
  450.               .filter((item) => (item.filterLevel || 0) >= 1)
  451.               .sort(
  452.                 (a, b) =>
  453.                   FILTER_MODE.indexOf(b.filterMode) -
  454.                   FILTER_MODE.indexOf(a.filterMode)
  455.               )
  456.               .find((item) => content.search(item.keyword) >= 0);
  457.  
  458.             if (r) {
  459.               return FILTER_MODE.indexOf(r.filterMode);
  460.             }
  461.           }
  462.             
  463.           return -1;
  464.         })();
  465.  
  466.         return Math.max(sR, cR, result);
  467.       })();
  468.  
  469.       if (filterMode > 0) {
  470.         return filterMode;
  471.       }
  472.  
  473.       result = filterMode;
  474.     }
  475.  
  476.     return result;
  477.   };
  478.   
  479.   // 根据 TID 获取过滤方式
  480.   const getFilterModeByTopic = async (uid, tid, temp) => {
  481.     const tInfo = await new Promise((resolve) => {
  482.       const api = uid ?
  483.         `/read.php?tid=${tid}&authorid=${uid}&lite=js` :
  484.         `/read.php?tid=${tid}&lite=js`;
  485.       
  486.       fetch(api)
  487.         .then((res) => res.blob())
  488.         .then((blob) => {
  489.           const reader = new FileReader();
  490.  
  491.           reader.onload = () => {
  492.             const text = reader.result;
  493.             
  494.             // 修复接口数据问题
  495.             try {
  496.               const result = eval(`
  497.                 (${text.replace("window.script_muti_get_var_store=", "")})
  498.               `);
  499.  
  500.               resolve(result.data);
  501.             } catch (e) {
  502.               resolve({});
  503.             }
  504.           };
  505.         
  506.           reader.readAsText(blob, "GBK");
  507.         })
  508.         .catch(() => {
  509.           resolve({});
  510.         });
  511.     });
  512.     
  513.     if (tInfo["__U"]) {
  514.       Object.values(tInfo["__U"]).map((item) => {
  515.         const uid = item["uid"];
  516.  
  517.         if (n.userInfo.users[uid] === undefined) {
  518.           n.userInfo.users[uid] = item;
  519.         }
  520.       });
  521.     }
  522.  
  523.     if (tInfo["__T"]) {
  524.       const uid = tInfo["__T"]["authorid"];
  525.  
  526.       const subject = tInfo["__R"]["0"]["subject"];
  527.  
  528.       const content = tInfo["__R"]["0"]["content"] + "";
  529.       
  530.       return getFilterMode(uid, subject, content);
  531.     }
  532.     
  533.     if (uid) {
  534.       return getFilterMode(uid, temp, '');
  535.     }
  536.     
  537.     return FILTER_MODE.indexOf("隐藏");
  538.   };
  539.  
  540.   // 处理引用
  541.   const handleQuote = async (content) => {
  542.     const quotes = content.querySelectorAll(".quote");
  543.  
  544.     await Promise.all(
  545.       [...quotes].map(async (quote) => {
  546.         const uid = (() => {
  547.           const ele = quote.querySelector("a[href^='/nuke.php']");
  548.  
  549.           if (ele) {
  550.             const res = ele.getAttribute("href").match(/uid=(\S+)/);
  551.  
  552.             if (res) {
  553.               return res[1];
  554.             }
  555.           }
  556.  
  557.           return 0;
  558.         })();
  559.         
  560.  
  561.         const filterMode = await new Promise(async (resolve) => {
  562.           const mode = await getFilterMode(uid, "", quote.innerText);
  563.  
  564.           if (mode === 0) {
  565.             resolve(data.options.filterMode);
  566.           }
  567.  
  568.           if (mode > 0) {
  569.             resolve(FILTER_MODE[mode]);
  570.           }
  571.  
  572.           resolve("");
  573.         });
  574.  
  575.         if (filterMode === "标记") {
  576.           quote.innerHTML = `
  577.           <div class="lessernuke" style="background: #81C7D4; border-color: #66BAB7; ">
  578.               <span class="crimson">Troll must die.</span>
  579.               <a href="javascript:void(0)" onclick="[...document.getElementsByName('troll_${uid}')].forEach(item => item.style.display = '')">点击查看</a>
  580.               <div style="display: none;" name="troll_${uid}">
  581.                   ${quote.innerHTML}
  582.               </div>
  583.           </div>`;
  584.         } else if (filterMode === "遮罩") {
  585.           const source = document.createElement("DIV");
  586.  
  587.           source.innerHTML = quote.innerHTML;
  588.           source.style.display = "none";
  589.  
  590.           const caption = document.createElement("CAPTION");
  591.  
  592.           caption.className = "filter-mask filter-mask-block";
  593.  
  594.           caption.innerHTML = `<span class="crimson">Troll must die.</span>`;
  595.           caption.onclick = () => {
  596.             quote.removeChild(caption);
  597.  
  598.             source.style.display = "";
  599.           };
  600.  
  601.           quote.innerHTML = "";
  602.           quote.appendChild(source);
  603.           quote.appendChild(caption);
  604.         } else if (filterMode === "隐藏") {
  605.           quote.innerHTML = "";
  606.         }
  607.       })
  608.     );
  609.   };
  610.  
  611.   // 过滤
  612.   const reFilter = (() => {
  613.     let hasNext = false;
  614.     let isRunning = false;
  615.  
  616.     const func = async () => {
  617.       const tPage = location.pathname === "/thread.php";
  618.       const pPage = location.pathname === "/read.php";
  619.       const uPage = location.pathname === "/nuke.php";
  620.  
  621.       if (tPage && new RegExp(`authorid=${self}`).test(location.search)) {
  622.         return;
  623.       }
  624.  
  625.       if (tPage) {
  626.         const tData = n.topicArg.data;
  627.  
  628.         await Promise.all(
  629.           Object.values(tData).map(async (item) => {
  630.             if (item.containerC) return;
  631.             
  632.             const uid =
  633.               item[2].search.match(/uid=(\S+)/) &&
  634.               item[2].search.match(/uid=(\S+)/)[1];
  635.             
  636.             const tid = item[8];
  637.             
  638.             const subject = item[1].innerText;
  639.  
  640.             const filterMode = await new Promise(async (resolve) => {
  641.               const mode = await getFilterModeByTopic(uid, tid, subject);
  642.  
  643.               if (mode === 0) {
  644.                 resolve(data.options.filterMode);
  645.               }
  646.  
  647.               if (mode > 0) {
  648.                 resolve(FILTER_MODE[mode]);
  649.               }
  650.  
  651.               resolve("");
  652.             });
  653.  
  654.             item.contentC = item[1];
  655.  
  656.             item.contentB = item.contentB || item.contentC.innerHTML;
  657.  
  658.             item.containerC =
  659.               item.containerC || item.contentC.parentNode.parentNode;
  660.  
  661.             item.containerC.style = "";
  662.             item.contentC.style = "";
  663.             item[1].className = item[1].className.replace(" filter-mask", "");
  664.             item[2].className = item[2].className.replace(" filter-mask", "");
  665.  
  666.             if (filterMode === "标记") {
  667.               item.contentC.style = "text-decoration: line-through;";
  668.             } else if (filterMode === "遮罩") {
  669.               item[1].className += " filter-mask";
  670.               item[2].className += " filter-mask";
  671.             } else if (filterMode === "隐藏") {
  672.               item.containerC.style = "display: none;";
  673.             }
  674.           })
  675.         );
  676.       } else if (pPage) {
  677.         const pData = n.postArg.data;
  678.  
  679.         await Promise.all(
  680.           Object.values(pData).map(async (item) => {
  681.             if (~~item.pAid === self) return;
  682.             if (item.containerC) return;
  683.  
  684.             if (typeof item.i === "number") {
  685.               item.actionC =
  686.                 item.actionC ||
  687.                 (() => {
  688.                   const ele = item.uInfoC.querySelector('[name="uid"]');
  689.  
  690.                   ele.onclick = null;
  691.  
  692.                   return ele;
  693.                 })();
  694.  
  695.               item.tagC =
  696.                 item.tagC ||
  697.                 (() => {
  698.                   const tc = document.createElement("div");
  699.  
  700.                   tc.className = "filter-tags";
  701.  
  702.                   item.uInfoC.appendChild(tc);
  703.  
  704.                   return tc;
  705.                 })();
  706.             }
  707.  
  708.             item.pName =
  709.               item.pName ||
  710.               item.uInfoC.getElementsByClassName("author")[0].innerText;
  711.  
  712.             item.reFilter =
  713.               item.reFilter ||
  714.               (async () => {
  715.                 const uid = item.pAid;
  716.  
  717.                 const filterMode = await new Promise(async (resolve) => {
  718.                   const mode = await getFilterMode(
  719.                     uid,
  720.                     item.subjectC.innerText,
  721.                     item.contentC.innerText,
  722.                   );
  723.  
  724.                   if (mode === 0) {
  725.                     resolve(data.options.filterMode);
  726.                   }
  727.  
  728.                   if (mode > 0) {
  729.                     resolve(FILTER_MODE[mode]);
  730.                   }
  731.  
  732.                   resolve("");
  733.                 });
  734.  
  735.                 item.avatarC =
  736.                   item.avatarC ||
  737.                   (() => {
  738.                     const tc = document.createElement("div");
  739.  
  740.                     const avatar = document.getElementById(
  741.                       `posteravatar${item.i}`
  742.                     );
  743.  
  744.                     if (avatar) {
  745.                       avatar.parentNode.insertBefore(tc, avatar.nextSibling);
  746.  
  747.                       tc.appendChild(avatar);
  748.                     }
  749.  
  750.                     return tc;
  751.                   })();
  752.  
  753.                 item.contentB = item.contentB || item.contentC.innerHTML;
  754.  
  755.                 item.containerC =
  756.                   item.containerC ||
  757.                   (() => {
  758.                     let temp = item.contentC;
  759.  
  760.                     if (item.i >= 0) {
  761.                       while (temp.nodeName !== "TBODY") {
  762.                         temp = temp.parentNode;
  763.                       }
  764.                     } else {
  765.                       while (temp.nodeName !== "DIV") {
  766.                         temp = temp.parentNode;
  767.                       }
  768.                     }
  769.  
  770.                     return temp;
  771.                   })();
  772.  
  773.                 item.avatarC.style.display = "";
  774.                 item.containerC.style.display = "";
  775.                 item.contentC.innerHTML = item.contentB;
  776.  
  777.                 if (item.actionC) {
  778.                   item.actionC.style = "background: #aaa;";
  779.                 }
  780.  
  781.                 if (filterMode === "标记") {
  782.                   item.avatarC.style.display = "none";
  783.                   item.contentC.innerHTML = `
  784.                 <div class="lessernuke" style="background: #81C7D4; border-color: #66BAB7; ">
  785.                     <span class="crimson">Troll must die.</span>
  786.                     <a href="javascript:void(0)" onclick="[...document.getElementsByName('troll_${uid}')].forEach(item => item.style.display = '')">点击查看</a>
  787.                     <div style="display: none;" name="troll_${uid}">
  788.                         ${item.contentB}
  789.                     </div>
  790.                 </div>`;
  791.  
  792.                   if (item.actionC && data.users[uid]) {
  793.                     item.actionC.style = "background: #cb4042;";
  794.                   }
  795.                 } else if (filterMode === "遮罩") {
  796.                   const caption = document.createElement("CAPTION");
  797.  
  798.                   if (item.i >= 0) {
  799.                     caption.className = "filter-mask filter-mask-block";
  800.                   } else {
  801.                     caption.className = "filter-mask filter-mask-block left";
  802.                     caption.style = "width: 47%;";
  803.                   }
  804.  
  805.                   caption.innerHTML = `<span class="crimson">Troll must die.</span>`;
  806.                   caption.onclick = () => {
  807.                     item.containerC.parentNode.removeChild(caption);
  808.                     item.containerC.style.display = "";
  809.                   };
  810.  
  811.                   item.containerC.parentNode.insertBefore(
  812.                     caption,
  813.                     item.containerC
  814.                   );
  815.                   item.containerC.style.display = "none";
  816.  
  817.                   if (item.actionC && data.users[uid]) {
  818.                     item.actionC.style = "background: #cb4042;";
  819.                   }
  820.                 } else if (filterMode === "隐藏") {
  821.                   item.containerC.style.display = "none";
  822.                 } else {
  823.                   await handleQuote(item.contentC);
  824.                 }
  825.  
  826.                 if (item.tagC) {
  827.                   const tags = data.users[uid]
  828.                     ? data.users[uid].tags.map((tag) => data.tags[tag]) || []
  829.                     : [];
  830.  
  831.                   item.tagC.style.display = tags.length ? "" : "none";
  832.                   item.tagC.innerHTML = tags
  833.                     .map(
  834.                       (tag) =>
  835.                         `<b class="block_txt nobr" style="background:${tag.color}; color:#fff; margin: 0.1em 0.2em;">${tag.name}</b>`
  836.                     )
  837.                     .join("");
  838.                 }
  839.               });
  840.  
  841.             if (item.actionC) {
  842.               item.actionC.onclick =
  843.                 item.actionC.onclick ||
  844.                 ((e) => {
  845.                   if (item.pAid < 0) return;
  846.  
  847.                   const user = data.users[item.pAid];
  848.  
  849.                   if (e.ctrlKey === false) {
  850.                     editUser(item.pAid, item.pName, item.reFilter);
  851.                   } else {
  852.                     if (user) {
  853.                       delete data.users[user.id];
  854.                     } else {
  855.                       addUser(item.pAid, item.pName);
  856.                     }
  857.  
  858.                     saveData();
  859.                     item.reFilter();
  860.                   }
  861.                 });
  862.             }
  863.  
  864.             await item.reFilter();
  865.           })
  866.         );
  867.       } else if (uPage) {
  868.         const container = document.getElementById("ucp_block");
  869.  
  870.         if (container.firstChild) {
  871.           const uid = container.innerText.match(/用户ID\s*:\s*(\S+)/)[1];
  872.  
  873.           const name = container.innerText.match(/用户名\s*:\s*(\S+)/)[1];
  874.  
  875.           container.tagC =
  876.             container.tagC ||
  877.             (() => {
  878.               const c = document.createElement("span");
  879.  
  880.               c.innerHTML = `
  881.                     <h2 class="catetitle">:: ${name} 的标记 ::</h2>
  882.                     <div class="cateblock" style="text-align: left; line-height: 1.8em;">
  883.                         <div class="contentBlock" style="padding: 5px 10px;">
  884.                             <span>
  885.                                 <ul class="actions" style="padding: 0px; margin: 0px;">
  886.                                     <li style="padding-right: 5px;">
  887.                                         <span>
  888.                                             <a href="javascript: void(0);">[编辑 ${name} 的标记]</a>
  889.                                         </span>
  890.                                     </li>
  891.                                     <div class="clear"></div>
  892.                                 </ul>
  893.                             </span>
  894.                             <div class="filter-tags"></div>
  895.                             <div class="clear"></div>
  896.                         </div>
  897.                     </div>
  898.                 `;
  899.  
  900.               c.getElementsByTagName("a")[0].onclick = () => {
  901.                 editUser(uid, name, container.refresh);
  902.               };
  903.  
  904.               container.firstChild.insertBefore(
  905.                 c,
  906.                 container.firstChild.childNodes[1]
  907.               );
  908.  
  909.               return c.getElementsByClassName("filter-tags")[0];
  910.             })();
  911.  
  912.           container.refresh = () => {
  913.             container.tagC.innerHTML = data.users[uid].tags
  914.               .map(
  915.                 (tag) =>
  916.                   `<b class="block_txt nobr" style="background:${data.tags[tag].color}; color:#fff; margin: 0.1em 0.2em;">${data.tags[tag].name}</b>`
  917.               )
  918.               .join("");
  919.           };
  920.  
  921.           container.refresh();
  922.         }
  923.       }
  924.     };
  925.  
  926.     const execute = () =>
  927.       func().finally(() => {
  928.         if (hasNext) {
  929.           hasNext = false;
  930.  
  931.           execute();
  932.         } else {
  933.           isRunning = false;
  934.         }
  935.       });
  936.  
  937.     return async () => {
  938.       if (isRunning) {
  939.         hasNext = true;
  940.       } else {
  941.         isRunning = true;
  942.  
  943.         await execute();
  944.       }
  945.     };
  946.   })();
  947.  
  948.   // STYLE
  949.   GM_addStyle(`
  950.     .filter-table-wrapper {
  951.         max-height: 80vh;
  952.         overflow-y: auto;
  953.     }
  954.     .filter-table {
  955.         margin: 0;
  956.     }
  957.     .filter-table th,
  958.     .filter-table td {
  959.         position: relative;
  960.         white-space: nowrap;
  961.     }
  962.     .filter-table th {
  963.         position: sticky;
  964.         top: 2px;
  965.         z-index: 1;
  966.     }
  967.     .filter-table input:not([type]), .filter-table input[type="text"] {
  968.         margin: 0;
  969.         box-sizing: border-box;
  970.         height: 100%;
  971.         width: 100%;
  972.     }
  973.     .filter-input-wrapper {
  974.         position: absolute;
  975.         top: 6px;
  976.         right: 6px;
  977.         bottom: 6px;
  978.         left: 6px;
  979.     }
  980.     .filter-text-ellipsis {
  981.         display: flex;
  982.     }
  983.     .filter-text-ellipsis > * {
  984.         flex: 1;
  985.         width: 1px;
  986.         overflow: hidden;
  987.         text-overflow: ellipsis;
  988.     }
  989.     .filter-button-group {
  990.         margin: -.1em -.2em;
  991.     }
  992.     .filter-tags {
  993.         margin: 2px -0.2em 0;
  994.         text-align: left;
  995.     }
  996.     .filter-mask {
  997.         margin: 1px; 
  998.         color: #81C7D4;
  999.         background: #81C7D4;
  1000.     }
  1001.     .filter-mask-block {
  1002.         display: block;
  1003.         border: 1px solid #66BAB7;
  1004.         text-align: center !important;
  1005.     }
  1006.     .filter-input-wrapper {
  1007.       position: absolute;
  1008.       top: 6px;
  1009.       right: 6px;
  1010.       bottom: 6px;
  1011.       left: 6px;
  1012.     }
  1013.   `);
  1014.  
  1015.   // UI
  1016.   const u = (() => {
  1017.     const modules = {};
  1018.  
  1019.     const tabContainer = (() => {
  1020.       const c = document.createElement("div");
  1021.  
  1022.       c.className = "w100";
  1023.       c.innerHTML = `
  1024.           <div class="right_" style="margin-bottom: 5px;">
  1025.               <table class="stdbtn" cellspacing="0">
  1026.                   <tbody>
  1027.                       <tr></tr>
  1028.                   </tbody>
  1029.               </table>
  1030.           </div>
  1031.           <div class="clear"></div>
  1032.           `;
  1033.  
  1034.       return c;
  1035.     })();
  1036.  
  1037.     const tabPanelContainer = (() => {
  1038.       const c = document.createElement("div");
  1039.  
  1040.       c.style = "width: 80vw;";
  1041.  
  1042.       return c;
  1043.     })();
  1044.  
  1045.     const content = (() => {
  1046.       const c = document.createElement("div");
  1047.  
  1048.       c.append(tabContainer);
  1049.       c.append(tabPanelContainer);
  1050.  
  1051.       return c;
  1052.     })();
  1053.  
  1054.     const addModule = (() => {
  1055.       const tc = tabContainer.getElementsByTagName("tr")[0];
  1056.       const cc = tabPanelContainer;
  1057.  
  1058.       return (module) => {
  1059.         const tabBox = document.createElement("td");
  1060.  
  1061.         tabBox.innerHTML = `<a href="javascript:void(0)" class="nobr silver">${module.name}</a>`;
  1062.  
  1063.         const tab = tabBox.childNodes[0];
  1064.  
  1065.         const toggle = () => {
  1066.           Object.values(modules).forEach((item) => {
  1067.             if (item.tab === tab) {
  1068.               item.tab.className = "nobr";
  1069.               item.content.style = "display: block";
  1070.               item.refresh();
  1071.             } else {
  1072.               item.tab.className = "nobr silver";
  1073.               item.content.style = "display: none";
  1074.             }
  1075.           });
  1076.         };
  1077.  
  1078.         tc.append(tabBox);
  1079.         cc.append(module.content);
  1080.  
  1081.         tab.onclick = toggle;
  1082.  
  1083.         modules[module.name] = {
  1084.           ...module,
  1085.           tab,
  1086.           toggle,
  1087.         };
  1088.  
  1089.         return modules[module.name];
  1090.       };
  1091.     })();
  1092.  
  1093.     return {
  1094.       content,
  1095.       modules,
  1096.       addModule,
  1097.     };
  1098.   })();
  1099.  
  1100.   // 用户
  1101.   const userModule = (() => {
  1102.     const content = (() => {
  1103.       const c = document.createElement("div");
  1104.  
  1105.       c.style = "display: none";
  1106.       c.innerHTML = `
  1107.         <div class="filter-table-wrapper">
  1108.           <table class="filter-table forumbox">
  1109.             <thead>
  1110.               <tr class="block_txt_c0">
  1111.                 <th class="c1" width="1">昵称</th>
  1112.                 <th class="c2">标记</th>
  1113.                 <th class="c3" width="1">过滤方式</th>
  1114.                 <th class="c4" width="1">操作</th>
  1115.               </tr>
  1116.             </thead>
  1117.             <tbody></tbody>
  1118.           </table>
  1119.         </div>
  1120.       `;
  1121.  
  1122.       return c;
  1123.     })();
  1124.  
  1125.     const refresh = (() => {
  1126.       const container = content.getElementsByTagName("tbody")[0];
  1127.  
  1128.       const func = () => {
  1129.         container.innerHTML = "";
  1130.  
  1131.         Object.values(data.users).forEach((item) => {
  1132.           const tc = document.createElement("tr");
  1133.  
  1134.           tc.className = `row${
  1135.             (container.querySelectorAll("TR").length % 2) + 1
  1136.           }`;
  1137.  
  1138.           tc.refresh = () => {
  1139.             if (data.users[item.id]) {
  1140.               tc.innerHTML = `
  1141.                 <td class="c1">
  1142.                     <a href="/nuke.php?func=ucp&uid=${
  1143.                       item.id
  1144.                     }" class="b nobr">[${
  1145.                 item.name ? "@" + item.name : "#" + item.id
  1146.               }]</a>
  1147.                 </td>
  1148.                 <td class="c2">
  1149.                     ${item.tags
  1150.                       .map((tag) => {
  1151.                         if (data.tags[tag]) {
  1152.                           return `<b class="block_txt nobr" style="background:${data.tags[tag].color}; color:#fff; margin: 0.1em 0.2em;">${data.tags[tag].name}</b>`;
  1153.                         }
  1154.                       })
  1155.                       .join("")}
  1156.                 </td>
  1157.                 <td class="c3">
  1158.                     <div class="filter-table-button-group">
  1159.                       <button>${item.filterMode || FILTER_MODE[0]}</button>
  1160.                     </div>
  1161.                 </td>
  1162.                 <td class="c4">
  1163.                     <div class="filter-table-button-group">
  1164.                       <button>编辑</button>
  1165.                       <button>删除</button>
  1166.                     </div>
  1167.                 </td>
  1168.               `;
  1169.  
  1170.               const actions = tc.getElementsByTagName("button");
  1171.  
  1172.               actions[0].onclick = () => {
  1173.                 data.users[item.id].filterMode = switchFilterMode(
  1174.                   data.users[item.id].filterMode || FILTER_MODE[0]
  1175.                 );
  1176.  
  1177.                 actions[0].innerHTML = data.users[item.id].filterMode;
  1178.  
  1179.                 saveData();
  1180.                 reFilter();
  1181.               };
  1182.  
  1183.               actions[1].onclick = () => {
  1184.                 editUser(item.id, item.name, tc.refresh);
  1185.               };
  1186.  
  1187.               actions[2].onclick = () => {
  1188.                 if (confirm("是否确认?")) {
  1189.                   delete data.users[item.id];
  1190.                   container.removeChild(tc);
  1191.  
  1192.                   saveData();
  1193.                   reFilter();
  1194.                 }
  1195.               };
  1196.             } else {
  1197.               tc.remove();
  1198.             }
  1199.           };
  1200.  
  1201.           tc.refresh();
  1202.  
  1203.           container.appendChild(tc);
  1204.         });
  1205.       };
  1206.  
  1207.       return func;
  1208.     })();
  1209.  
  1210.     return {
  1211.       name: "用户",
  1212.       content,
  1213.       refresh,
  1214.     };
  1215.   })();
  1216.  
  1217.   // 标记
  1218.   const tagModule = (() => {
  1219.     const content = (() => {
  1220.       const c = document.createElement("div");
  1221.  
  1222.       c.style = "display: none";
  1223.       c.innerHTML = `
  1224.         <div class="filter-table-wrapper">
  1225.           <table class="filter-table forumbox">
  1226.             <thead>
  1227.               <tr class="block_txt_c0">
  1228.                 <th class="c1" width="1">标记</th>
  1229.                 <th class="c2">列表</th>
  1230.                 <th class="c3" width="1">过滤方式</th>
  1231.                 <th class="c4" width="1">操作</th>
  1232.               </tr>
  1233.             </thead>
  1234.             <tbody></tbody>
  1235.           </table>
  1236.         </div>
  1237.       `;
  1238.  
  1239.       return c;
  1240.     })();
  1241.  
  1242.     const refresh = (() => {
  1243.       const container = content.getElementsByTagName("tbody")[0];
  1244.  
  1245.       const func = () => {
  1246.         container.innerHTML = "";
  1247.  
  1248.         Object.values(data.tags).forEach((item) => {
  1249.           const tc = document.createElement("tr");
  1250.  
  1251.           tc.className = `row${
  1252.             (container.querySelectorAll("TR").length % 2) + 1
  1253.           }`;
  1254.  
  1255.           tc.innerHTML = `
  1256.             <td class="c1">
  1257.                 <b class="block_txt nobr" style="background:${
  1258.                   item.color
  1259.                 }; color:#fff; margin: 0.1em 0.2em;">${item.name}</b>
  1260.             </td>
  1261.             <td class="c2">
  1262.                 <button>${
  1263.                   Object.values(data.users).filter((user) =>
  1264.                     user.tags.find((tag) => tag === item.id)
  1265.                   ).length
  1266.                 }
  1267.                 </button>
  1268.                 <div style="white-space: normal; display: none;">
  1269.                     ${Object.values(data.users)
  1270.                       .filter((user) =>
  1271.                         user.tags.find((tag) => tag === item.id)
  1272.                       )
  1273.                       .map(
  1274.                         (user) =>
  1275.                           `<a href="/nuke.php?func=ucp&uid=${
  1276.                             user.id
  1277.                           }" class="b nobr">[${
  1278.                             user.name ? "@" + user.name : "#" + user.id
  1279.                           }]</a>`
  1280.                       )
  1281.                       .join("")}
  1282.                 </div>
  1283.             </td>
  1284.             <td class="c3">
  1285.                 <div class="filter-table-button-group">
  1286.                   <button>${item.filterMode || FILTER_MODE[0]}</button>
  1287.                 </div>
  1288.             </td>
  1289.             <td class="c4">
  1290.                 <div class="filter-table-button-group">
  1291.                   <button>删除</button>
  1292.                 </div>
  1293.             </td>
  1294.           `;
  1295.  
  1296.           const actions = tc.getElementsByTagName("button");
  1297.  
  1298.           actions[0].onclick = (() => {
  1299.             let hide = true;
  1300.             return () => {
  1301.               hide = !hide;
  1302.               actions[0].nextElementSibling.style.display = hide
  1303.                 ? "none"
  1304.                 : "block";
  1305.             };
  1306.           })();
  1307.  
  1308.           actions[1].onclick = () => {
  1309.             data.tags[item.id].filterMode = switchFilterMode(
  1310.               data.tags[item.id].filterMode || FILTER_MODE[0]
  1311.             );
  1312.  
  1313.             actions[1].innerHTML = data.tags[item.id].filterMode;
  1314.  
  1315.             saveData();
  1316.             reFilter();
  1317.           };
  1318.  
  1319.           actions[2].onclick = () => {
  1320.             if (confirm("是否确认?")) {
  1321.               delete data.tags[item.id];
  1322.  
  1323.               Object.values(data.users).forEach((user) => {
  1324.                 const index = user.tags.findIndex((tag) => tag === item.id);
  1325.                 if (index >= 0) {
  1326.                   user.tags.splice(index, 1);
  1327.                 }
  1328.               });
  1329.  
  1330.               container.removeChild(tc);
  1331.  
  1332.               saveData();
  1333.               reFilter();
  1334.             }
  1335.           };
  1336.  
  1337.           container.appendChild(tc);
  1338.         });
  1339.       };
  1340.  
  1341.       return func;
  1342.     })();
  1343.  
  1344.     return {
  1345.       name: "标记",
  1346.       content,
  1347.       refresh,
  1348.     };
  1349.   })();
  1350.  
  1351.   // 关键字
  1352.   const keywordModule = (() => {
  1353.     const content = (() => {
  1354.       const c = document.createElement("div");
  1355.  
  1356.       c.style = "display: none";
  1357.       c.innerHTML = `
  1358.         <div class="filter-table-wrapper">
  1359.           <table class="filter-table forumbox">
  1360.             <thead>
  1361.               <tr class="block_txt_c0">
  1362.                 <th class="c1">列表</th>
  1363.                 <th class="c2" width="1">过滤方式</th>
  1364.                 <th class="c3" width="1">包括内容</th>
  1365.                 <th class="c4" width="1">操作</th>
  1366.               </tr>
  1367.             </thead>
  1368.             <tbody></tbody>
  1369.           </table>
  1370.         </div>
  1371.         <div class="silver" style="margin-top: 10px;">支持正则表达式。比如同类型的可以写在一条规则内用&quot;|&quot;隔开，&quot;ABC|DEF&quot;即为屏蔽带有ABC或者DEF的内容。</div>
  1372.       `;
  1373.  
  1374.       return c;
  1375.     })();
  1376.  
  1377.     const refresh = (() => {
  1378.       const container = content.getElementsByTagName("tbody")[0];
  1379.  
  1380.       const func = () => {
  1381.         container.innerHTML = "";
  1382.  
  1383.         Object.values(data.keywords).forEach((item) => {
  1384.           const tc = document.createElement("tr");
  1385.  
  1386.           tc.className = `row${
  1387.             (container.querySelectorAll("TR").length % 2) + 1
  1388.           }`;
  1389.  
  1390.           tc.innerHTML = `
  1391.             <td class="c1">
  1392.                 <div class="filter-input-wrapper">
  1393.                   <input value="${item.keyword || ""}" />
  1394.                 </div>
  1395.             </td>
  1396.             <td class="c2">
  1397.                 <div class="filter-table-button-group">
  1398.                   <button>${item.filterMode || FILTER_MODE[0]}</button>
  1399.                 </div>
  1400.             </td>
  1401.             <td class="c3">
  1402.               <div style="text-align: center;">
  1403.                 <input type="checkbox" ${
  1404.                   item.filterLevel ? `checked="checked"` : ""
  1405.                 } />
  1406.               </div>
  1407.             </td>
  1408.             <td class="c4">
  1409.                 <div class="filter-table-button-group">
  1410.                     <button>保存</button>
  1411.                     <button>删除</button>
  1412.                 </div>
  1413.             </td>
  1414.           `;
  1415.  
  1416.           const inputElement = tc.querySelector("INPUT");
  1417.           const levelElement = tc.querySelector(`INPUT[type="checkbox"]`);
  1418.           const actions = tc.getElementsByTagName("button");
  1419.  
  1420.           actions[0].onclick = () => {
  1421.             actions[0].innerHTML = switchFilterMode(actions[0].innerHTML);
  1422.           };
  1423.  
  1424.           actions[1].onclick = () => {
  1425.             if (inputElement.value) {
  1426.               data.keywords[item.id] = {
  1427.                 id: item.id,
  1428.                 keyword: inputElement.value,
  1429.                 filterMode: actions[0].innerHTML,
  1430.                 filterLevel: levelElement.checked ? 1 : 0,
  1431.               };
  1432.  
  1433.               saveData();
  1434.               refresh();
  1435.             }
  1436.           };
  1437.  
  1438.           actions[2].onclick = () => {
  1439.             if (confirm("是否确认?")) {
  1440.               delete data.keywords[item.id];
  1441.  
  1442.               saveData();
  1443.               refresh();
  1444.             }
  1445.           };
  1446.  
  1447.           container.appendChild(tc);
  1448.         });
  1449.  
  1450.         {
  1451.           const tc = document.createElement("tr");
  1452.  
  1453.           tc.className = `row${
  1454.             (container.querySelectorAll("TR").length % 2) + 1
  1455.           }`;
  1456.  
  1457.           tc.innerHTML = `
  1458.             <td class="c1">
  1459.                 <div class="filter-input-wrapper">
  1460.                   <input value="" />
  1461.                 </div>
  1462.             </td>
  1463.             <td class="c2">
  1464.                 <div class="filter-table-button-group">
  1465.                   <button>${FILTER_MODE[0]}</button>
  1466.                 </div>
  1467.             </td>
  1468.             <td class="c3">
  1469.               <div style="text-align: center;">
  1470.                 <input type="checkbox" />
  1471.               </div>
  1472.             </td>
  1473.             <td class="c4">
  1474.                 <div class="filter-table-button-group">
  1475.                   <button>添加</button>
  1476.                 </div>
  1477.             </td>
  1478.           `;
  1479.  
  1480.           const inputElement = tc.querySelector("INPUT");
  1481.           const levelElement = tc.querySelector(`INPUT[type="checkbox"]`);
  1482.           const actions = tc.getElementsByTagName("button");
  1483.  
  1484.           actions[0].onclick = () => {
  1485.             actions[0].innerHTML = switchFilterMode(actions[0].innerHTML);
  1486.           };
  1487.  
  1488.           actions[1].onclick = () => {
  1489.             if (inputElement.value) {
  1490.               addKeyword(
  1491.                 inputElement.value,
  1492.                 actions[0].innerHTML,
  1493.                 levelElement.checked ? 1 : 0
  1494.               );
  1495.  
  1496.               saveData();
  1497.               refresh();
  1498.             }
  1499.           };
  1500.  
  1501.           container.appendChild(tc);
  1502.         }
  1503.       };
  1504.  
  1505.       return func;
  1506.     })();
  1507.  
  1508.     return {
  1509.       name: "关键字",
  1510.       content,
  1511.       refresh,
  1512.     };
  1513.   })();
  1514.  
  1515.   // 通用设置
  1516.   const commonModule = (() => {
  1517.     const content = (() => {
  1518.       const c = document.createElement("div");
  1519.  
  1520.       c.style = "display: none";
  1521.  
  1522.       return c;
  1523.     })();
  1524.  
  1525.     const refresh = (() => {
  1526.       const container = content;
  1527.  
  1528.       const func = () => {
  1529.         container.innerHTML = "";
  1530.  
  1531.         // 默认过滤方式
  1532.         {
  1533.           const tc = document.createElement("div");
  1534.  
  1535.           tc.innerHTML += `
  1536.             <div>默认过滤方式</div>
  1537.             <div></div>
  1538.             <div class="silver" style="margin-top: 10px;">${FILTER_TIPS}</div>
  1539.           `;
  1540.  
  1541.           ["标记", "遮罩", "隐藏"].forEach((item, index) => {
  1542.             const ele = document.createElement("SPAN");
  1543.  
  1544.             ele.innerHTML += `
  1545.             <input id="s-fm-${index}" type="radio" name="filterType" ${
  1546.               data.options.filterMode === item && "checked"
  1547.             }>
  1548.             <label for="s-fm-${index}" style="cursor: pointer;">${item}</label>
  1549.             `;
  1550.  
  1551.             const inp = ele.querySelector("input");
  1552.  
  1553.             inp.onchange = () => {
  1554.               if (inp.checked) {
  1555.                 data.options.filterMode = item;
  1556.                 saveData();
  1557.                 reFilter();
  1558.               }
  1559.             };
  1560.  
  1561.             tc.querySelectorAll("div")[1].append(ele);
  1562.           });
  1563.  
  1564.           container.appendChild(tc);
  1565.         }
  1566.  
  1567.         // 小号过滤(时间)
  1568.         {
  1569.           const tc = document.createElement("div");
  1570.  
  1571.           tc.innerHTML += `
  1572.               <br/>
  1573.               <div>
  1574.                 隐藏注册时间小于<input value="${
  1575.                   (data.options.filterRegdateLimit || 0) / 86400000
  1576.                 }" maxLength="4" style="width: 48px;" />天的用户
  1577.                 <button>确认</button>
  1578.               </div>
  1579.             `;
  1580.  
  1581.           const actions = tc.getElementsByTagName("button");
  1582.  
  1583.           actions[0].onclick = () => {
  1584.             const v = actions[0].previousElementSibling.value;
  1585.  
  1586.             const n = Number(v) || 0;
  1587.  
  1588.             data.options.filterRegdateLimit = n < 0 ? 0 : n * 86400000;
  1589.  
  1590.             saveData();
  1591.             reFilter();
  1592.           };
  1593.  
  1594.           container.appendChild(tc);
  1595.         }
  1596.  
  1597.         // 小号过滤(发帖数)
  1598.         {
  1599.           const tc = document.createElement("div");
  1600.  
  1601.           tc.innerHTML += `
  1602.               <br/>
  1603.               <div>
  1604.                 隐藏发帖数量小于<input value="${
  1605.                   data.options.filterPostnumLimit || 0
  1606.                 }" maxLength="5" style="width: 48px;" />贴的用户
  1607.                 <button>确认</button>
  1608.               </div>
  1609.             `;
  1610.  
  1611.           const actions = tc.getElementsByTagName("button");
  1612.  
  1613.           actions[0].onclick = () => {
  1614.             const v = actions[0].previousElementSibling.value;
  1615.  
  1616.             const n = Number(v) || 0;
  1617.  
  1618.             data.options.filterPostnumLimit = n < 0 ? 0 : n;
  1619.  
  1620.             saveData();
  1621.             reFilter();
  1622.           };
  1623.  
  1624.           container.appendChild(tc);
  1625.         }
  1626.  
  1627.         // 删除没有标记的用户
  1628.         {
  1629.           const tc = document.createElement("div");
  1630.  
  1631.           tc.innerHTML += `
  1632.             <br/>
  1633.             <div>
  1634.                 <button>删除没有标记的用户</button>
  1635.             </div>
  1636.           `;
  1637.  
  1638.           const actions = tc.getElementsByTagName("button");
  1639.  
  1640.           actions[0].onclick = () => {
  1641.             if (confirm("是否确认?")) {
  1642.               Object.values(data.users).forEach((item) => {
  1643.                 if (item.tags.length === 0) {
  1644.                   delete data.users[item.id];
  1645.                 }
  1646.               });
  1647.  
  1648.               saveData();
  1649.               reFilter();
  1650.             }
  1651.           };
  1652.  
  1653.           container.appendChild(tc);
  1654.         }
  1655.  
  1656.         // 删除没有用户的标记
  1657.         {
  1658.           const tc = document.createElement("div");
  1659.  
  1660.           tc.innerHTML += `
  1661.             <br/>
  1662.             <div>
  1663.                 <button>删除没有用户的标记</button>
  1664.             </div>
  1665.           `;
  1666.  
  1667.           const actions = tc.getElementsByTagName("button");
  1668.  
  1669.           actions[0].onclick = () => {
  1670.             if (confirm("是否确认?")) {
  1671.               Object.values(data.tags).forEach((item) => {
  1672.                 if (
  1673.                   Object.values(data.users).filter((user) =>
  1674.                     user.tags.find((tag) => tag === item.id)
  1675.                   ).length === 0
  1676.                 ) {
  1677.                   delete data.tags[item.id];
  1678.                 }
  1679.               });
  1680.  
  1681.               saveData();
  1682.               reFilter();
  1683.             }
  1684.           };
  1685.  
  1686.           container.appendChild(tc);
  1687.         }
  1688.       };
  1689.  
  1690.       return func;
  1691.     })();
  1692.  
  1693.     return {
  1694.       name: "通用设置",
  1695.       content,
  1696.       refresh,
  1697.     };
  1698.   })();
  1699.  
  1700.   u.addModule(userModule).toggle();
  1701.   u.addModule(tagModule);
  1702.   u.addModule(keywordModule);
  1703.   u.addModule(commonModule);
  1704.  
  1705.   // 增加菜单项
  1706.   (() => {
  1707.     const title = "过滤设置";
  1708.  
  1709.     let window;
  1710.  
  1711.     n.mainMenu.addItemOnTheFly(title, null, () => {
  1712.       if (window === undefined) {
  1713.         window = n.createCommmonWindow();
  1714.       }
  1715.  
  1716.       window._.addContent(null);
  1717.       window._.addTitle(title);
  1718.       window._.addContent(u.content);
  1719.       window._.show();
  1720.     });
  1721.   })();
  1722.  
  1723.   // 执行过滤
  1724.   (() => {
  1725.     const hookFunction = (object, functionName, callback) => {
  1726.       ((originalFunction) => {
  1727.         object[functionName] = function () {
  1728.           const returnValue = originalFunction.apply(this, arguments);
  1729.  
  1730.           callback.apply(this, [returnValue, originalFunction, arguments]);
  1731.  
  1732.           return returnValue;
  1733.         };
  1734.       })(object[functionName]);
  1735.     };
  1736.  
  1737.     const initialized = {
  1738.       topicArg: false,
  1739.       postArg: false,
  1740.     };
  1741.  
  1742.     hookFunction(n, "eval", () => {
  1743.       if (Object.values(initialized).findIndex((item) => item === false) < 0) {
  1744.         return;
  1745.       }
  1746.  
  1747.       if (n.topicArg && initialized.topicArg === false) {
  1748.         hookFunction(n.topicArg, "add", reFilter);
  1749.  
  1750.         initialized.topicArg = true;
  1751.       }
  1752.  
  1753.       if (n.postArg && initialized.postArg === false) {
  1754.         hookFunction(n.postArg, "proc", reFilter);
  1755.  
  1756.         initialized.postArg = true;
  1757.       }
  1758.     });
  1759.  
  1760.     if (n.ucp) {
  1761.       hookFunction(n.ucp, "_echo", reFilter);
  1762.     }
  1763.  
  1764.     reFilter();
  1765.   })();
  1766. })(commonui, __CURRENT_UID);