☰

NGA Filter

troll must die

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

  1. // ==UserScript==
  2. // @name        NGA Filter
  3. // @namespace   https://greasyfork.org/users/263018
  4. // @version     1.2.2
  5. // @author      snyssss
  6. // @description troll must die
  7.  
  8. // @match       *://bbs.nga.cn/thread.php?fid=*
  9. // @match       *://bbs.nga.cn/read.php?tid=*
  10. // @match       *://bbs.nga.cn/nuke.php?*
  11. // @match       *://ngabbs.com/thread.php?fid=*
  12. // @match       *://ngabbs.com/read.php?tid=*
  13. // @match       *://ngabbs.com/nuke.php?*
  14.  
  15. // @grant       GM_addStyle
  16. // @grant       GM_setValue
  17. // @grant       GM_getValue
  18.  
  19. // @noframes
  20. // ==/UserScript==
  21.  
  22. ((n, self) => {
  23.   if (n === undefined) return;
  24.  
  25.   const key = "NGAFilter";
  26.  
  27.   // 过滤方式
  28.   const FILTER_MODE = ["继承", "标记", "遮罩", "隐藏", "显示"];
  29.  
  30.   // 切换过滤方式
  31.   const switchFilterMode = (value) => {
  32.     const next = FILTER_MODE.indexOf(value) + 1;
  33.  
  34.     if (next >= FILTER_MODE.length) {
  35.       return FILTER_MODE[0];
  36.     }
  37.  
  38.     return FILTER_MODE[next];
  39.   };
  40.  
  41.   // 数据
  42.   const data = (() => {
  43.     const d = {
  44.       tags: {},
  45.       users: {},
  46.       options: {
  47.         filterMode: "隐藏",
  48.         keyword: "",
  49.       },
  50.     };
  51.  
  52.     const v = GM_getValue(key);
  53.  
  54.     if (typeof v !== "object") {
  55.       return d;
  56.     }
  57.  
  58.     return Object.assign(d, v);
  59.   })();
  60.  
  61.   // 保存数据
  62.   const saveData = () => {
  63.     GM_setValue(key, data);
  64.   };
  65.  
  66.   // 增加标记
  67.   const addTag = (name) => {
  68.     const tag = Object.values(data.tags).find((item) => item.name === name);
  69.  
  70.     if (tag) return tag.id;
  71.  
  72.     const id =
  73.       Math.max(...Object.values(data.tags).map((item) => item.id), 0) + 1;
  74.  
  75.     const hash = (() => {
  76.       let h = 5381;
  77.       for (var i = 0; i < name.length; i++) {
  78.         h = ((h << 5) + h + name.charCodeAt(i)) & 0xffffffff;
  79.       }
  80.       return h;
  81.     })();
  82.  
  83.     const hex = Math.abs(hash).toString(16) + "000000";
  84.  
  85.     const hsv = [
  86.       `0x${hex.substr(2, 2)}` / 255,
  87.       `0x${hex.substr(2, 2)}` / 255 / 2 + 0.25,
  88.       `0x${hex.substr(4, 2)}` / 255 / 2 + 0.25,
  89.     ];
  90.  
  91.     const rgb = n.hsvToRgb(hsv[0], hsv[1], hsv[2]);
  92.  
  93.     const color = ["#", ...rgb].reduce((a, b) => {
  94.       return a + ("0" + b.toString(16)).slice(-2);
  95.     });
  96.  
  97.     data.tags[id] = {
  98.       id,
  99.       name,
  100.       color,
  101.       filterMode: FILTER_MODE[0],
  102.     };
  103.  
  104.     saveData();
  105.  
  106.     return id;
  107.   };
  108.  
  109.   // 增加用户
  110.   const addUser = (id, name = null, tags = [], filterMode = FILTER_MODE[0]) => {
  111.     if (data.users[id]) return data.users[id];
  112.  
  113.     data.users[id] = {
  114.       id,
  115.       name,
  116.       tags,
  117.       filterMode,
  118.     };
  119.  
  120.     saveData();
  121.  
  122.     return data.users[id];
  123.   };
  124.  
  125.   // 旧版本数据迁移
  126.   {
  127.     const dataKey = "troll_data";
  128.     const modeKey = "troll_mode";
  129.     const keywordKey = "troll_keyword";
  130.  
  131.     if (localStorage.getItem(dataKey)) {
  132.       let trollMap = (function () {
  133.         try {
  134.           return JSON.parse(localStorage.getItem(dataKey)) || {};
  135.         } catch (e) {}
  136.  
  137.         return {};
  138.       })();
  139.  
  140.       let filterMode = ~~localStorage.getItem(modeKey);
  141.  
  142.       let filterKeyword = localStorage.getItem(keywordKey) || "";
  143.  
  144.       // 整理标签
  145.       [...new Set(Object.values(trollMap).flat())].forEach((item) =>
  146.         addTag(item)
  147.       );
  148.  
  149.       // 整理用户
  150.       Object.keys(trollMap).forEach((item) => {
  151.         addUser(
  152.           item,
  153.           null,
  154.           (typeof trollMap[item] === "object"
  155.             ? trollMap[item]
  156.             : []
  157.           ).map((tag) => addTag(tag))
  158.         );
  159.       });
  160.  
  161.       data.options.filterMode = filterMode ? "隐藏" : "标记";
  162.       data.options.keyword = filterKeyword;
  163.  
  164.       localStorage.removeItem(dataKey);
  165.       localStorage.removeItem(modeKey);
  166.       localStorage.removeItem(keywordKey);
  167.  
  168.       saveData();
  169.     }
  170.  
  171.     // v1.1.0 -> v1.1.1
  172.     {
  173.       Object.values(data.users).forEach(({ id, name, tags, enabled }) => {
  174.         if (enabled !== undefined) {
  175.           data.users[id] = {
  176.             id,
  177.             name,
  178.             tags,
  179.             filterMode: enabled ? "继承" : "显示",
  180.           };
  181.         }
  182.       });
  183.  
  184.       Object.values(data.tags).forEach(({ id, name, color, enabled }) => {
  185.         if (enabled !== undefined) {
  186.           data.tags[id] = {
  187.             id,
  188.             name,
  189.             color,
  190.             filterMode: enabled ? "继承" : "显示",
  191.           };
  192.         }
  193.       });
  194.  
  195.       if (data.options.filterMode === 0) {
  196.         data.options.filterMode = "隐藏";
  197.       } else if (data.options.filterMode === 1) {
  198.         data.options.filterMode = "标记";
  199.       }
  200.  
  201.       saveData();
  202.     }
  203.   }
  204.  
  205.   // 编辑用户标记
  206.   const editUser = (() => {
  207.     let window;
  208.     return (uid, name, callback) => {
  209.       if (window === undefined) {
  210.         window = n.createCommmonWindow();
  211.       }
  212.  
  213.       const user = data.users[uid];
  214.  
  215.       const content = document.createElement("div");
  216.  
  217.       const size = Math.floor((screen.width * 0.8) / 200);
  218.  
  219.       const items = Object.values(data.tags).map(
  220.         (tag, index) => `
  221.           <td class="c1">
  222.             <label for="s-tag-${index}" style="display: block; cursor: pointer;">
  223.               <b class="block_txt nobr" style="background:${
  224.                 tag.color
  225.               }; color:#fff; margin: 0.1em 0.2em;">${tag.name}</b>
  226.             </label>
  227.           </td>
  228.           <td class="c2" width="1">
  229.               <input id="s-tag-${index}" type="checkbox" value="${tag.id}" ${
  230.           user && user.tags.find((item) => item === tag.id) && "checked"
  231.         }/>
  232.           </td>
  233.         `
  234.       );
  235.  
  236.       const rows = [...new Array(Math.ceil(items.length / size))].map(
  237.         (item, index) =>
  238.           `
  239.           <tr class="row${(index % 2) + 1}">
  240.             ${items.slice(size * index, size * (index + 1)).join("")}
  241.           </tr>
  242.           `
  243.       );
  244.  
  245.       content.className = "w100";
  246.       content.innerHTML = `
  247.         <div class="filter-table-wrapper" style="width: 80vw;">
  248.           <table class="filter-table forumbox">
  249.             <tbody>
  250.               ${rows.join("")}
  251.             </tbody>
  252.           </table>
  253.         </div>
  254.         <div style="margin: 10px 0;">
  255.             <input placeholder="一次性添加多个标记用&quot;|&quot;隔开，不会添加重名标记" style="width: -webkit-fill-available;" />
  256.         </div>
  257.         <div style="margin: 10px 0;">
  258.             <span>过滤方式：</span>
  259.             <button>${(user && user.filterMode) || FILTER_MODE[0]}</button>
  260.             <div class="right_">
  261.                 <button>删除</button>
  262.                 <button>保存</button>
  263.             </div>
  264.         </div>
  265.         <div class="silver" style="margin-top: 5px;">过滤优先级：用户 > 标记 > 全局</div>
  266.     `;
  267.  
  268.       const actions = content.getElementsByTagName("button");
  269.  
  270.       actions[0].onclick = () => {
  271.         actions[0].innerText = switchFilterMode(
  272.           actions[0].innerText || FILTER_MODE[0]
  273.         );
  274.       };
  275.  
  276.       actions[1].onclick = () => {
  277.         if (confirm("是否确认?")) {
  278.           delete data.users[uid];
  279.  
  280.           saveData();
  281.  
  282.           callback && callback();
  283.  
  284.           window._.hide();
  285.         }
  286.       };
  287.  
  288.       actions[2].onclick = () => {
  289.         if (confirm("是否确认?")) {
  290.           const values = [...content.getElementsByTagName("input")];
  291.           const newTags = values[values.length - 1].value
  292.             .split("|")
  293.             .filter((item) => item.length)
  294.             .map((item) => addTag(item));
  295.           const tags = [
  296.             ...new Set(
  297.               values
  298.                 .filter((item) => item.type === "checkbox" && item.checked)
  299.                 .map((item) => ~~item.value)
  300.                 .concat(newTags)
  301.             ),
  302.           ].sort();
  303.  
  304.           if (user) {
  305.             user.tags = tags;
  306.             user.filterMode = actions[0].innerText;
  307.           } else {
  308.             addUser(uid, name, tags, actions[0].innerText);
  309.           }
  310.  
  311.           saveData();
  312.  
  313.           callback && callback();
  314.  
  315.           window._.hide();
  316.         }
  317.       };
  318.  
  319.       if (user === undefined) {
  320.         actions[1].style = "display: none;";
  321.       }
  322.  
  323.       window._.addContent(null);
  324.       window._.addTitle(`编辑标记 - ${name ? name : "#" + uid}`);
  325.       window._.addContent(content);
  326.       window._.show();
  327.     };
  328.   })();
  329.  
  330.   // 过滤
  331.   const reFilter = () => {
  332.     const tPage = location.pathname === "/thread.php";
  333.     const pPage = location.pathname === "/read.php";
  334.     const uPage = location.pathname === "/nuke.php";
  335.  
  336.     if (tPage) {
  337.       const tData = n.topicArg.data;
  338.  
  339.       Object.values(tData).forEach((item) => {
  340.         if (item.containerC) return;
  341.  
  342.         const uid =
  343.           item[2].search.match(/uid=(\S+)/) &&
  344.           item[2].search.match(/uid=(\S+)/)[1];
  345.  
  346.         const user = data.users[uid];
  347.  
  348.         const tags = user ? user.tags.map((tag) => data.tags[tag]) : [];
  349.  
  350.         // 过滤方式，优先程度 用户 > 标记 > 全局
  351.         const filterMode = (() => {
  352.           if (user) {
  353.             if (user.filterMode !== FILTER_MODE[0]) {
  354.               return user.filterMode;
  355.             }
  356.  
  357.             const tagsFilterMode = tags
  358.               .map((tag) => FILTER_MODE.indexOf(tag.filterMode) || 0)
  359.               .sort((a, b) => b - a)[0];
  360.  
  361.             if (tagsFilterMode > 0) {
  362.               return FILTER_MODE[tagsFilterMode];
  363.             }
  364.  
  365.             return data.options.filterMode;
  366.           }
  367.  
  368.           if (
  369.             data.options.keyword.length &&
  370.             item[1].innerText.search(data.options.keyword) >= 0
  371.           ) {
  372.             return data.options.filterMode;
  373.           }
  374.         })();
  375.  
  376.         item.contentC = item[1];
  377.  
  378.         item.contentB = item.contentB || item.contentC.innerHTML;
  379.  
  380.         item.containerC =
  381.           item.containerC || item.contentC.parentNode.parentNode;
  382.  
  383.         item.containerC.style = "";
  384.         item.contentC.style = "";
  385.         item[1].className = item[1].className.replace(" filter-mask", "");
  386.         item[2].className = item[2].className.replace(" filter-mask", "");
  387.  
  388.         if (filterMode === "标记") {
  389.           item.contentC.style = "text-decoration: line-through;";
  390.         } else if (filterMode === "遮罩") {
  391.           item[1].className += " filter-mask";
  392.           item[2].className += " filter-mask";
  393.         } else if (filterMode === "隐藏") {
  394.           item.containerC.style = "display: none;";
  395.         }
  396.       });
  397.     } else if (pPage) {
  398.       const pData = n.postArg.data;
  399.  
  400.       Object.values(pData).forEach((item) => {
  401.         if (~~item.pAid === self) return;
  402.         if (item.containerC) return;
  403.  
  404.         if (typeof item.i === "number") {
  405.           item.actionC =
  406.             item.actionC ||
  407.             (() => {
  408.               const ele = item.uInfoC.querySelector('[name="uid"]');
  409.  
  410.               ele.onclick = null;
  411.  
  412.               return ele;
  413.             })();
  414.  
  415.           item.tagC =
  416.             item.tagC ||
  417.             (() => {
  418.               const tc = document.createElement("div");
  419.  
  420.               tc.className = "filter-tags";
  421.  
  422.               item.uInfoC.appendChild(tc);
  423.  
  424.               return tc;
  425.             })();
  426.         }
  427.  
  428.         item.pName =
  429.           item.pName ||
  430.           item.uInfoC.getElementsByClassName("author")[0].innerText;
  431.  
  432.         item.reFilter =
  433.           item.reFilter ||
  434.           (() => {
  435.             const user = data.users[item.pAid];
  436.  
  437.             const tags = user ? user.tags.map((tag) => data.tags[tag]) : [];
  438.  
  439.             // 过滤方式，优先程度 用户 > 标记 > 全局
  440.             const filterMode = (() => {
  441.               if (user) {
  442.                 if (user.filterMode !== FILTER_MODE[0]) {
  443.                   return user.filterMode;
  444.                 }
  445.  
  446.                 const tagsFilterMode = tags
  447.                   .map((tag) => FILTER_MODE.indexOf(tag.filterMode) || 0)
  448.                   .sort((a, b) => b - a)[0];
  449.  
  450.                 if (tagsFilterMode > 0) {
  451.                   return FILTER_MODE[tagsFilterMode];
  452.                 }
  453.  
  454.                 return data.options.filterMode;
  455.               }
  456.             })();
  457.  
  458.             item.avatarC =
  459.               item.avatarC ||
  460.               (() => {
  461.                 const tc = document.createElement("div");
  462.  
  463.                 const avatar = document.getElementById(`posteravatar${item.i}`);
  464.  
  465.                 if (avatar) {
  466.                   avatar.parentNode.insertBefore(tc, avatar.nextSibling);
  467.  
  468.                   tc.appendChild(avatar);
  469.                 }
  470.  
  471.                 return tc;
  472.               })();
  473.  
  474.             item.contentB = item.contentB || item.contentC.innerHTML;
  475.  
  476.  
  477.             item.containerC =
  478.               item.containerC ||
  479.               (() => {
  480.                 let temp = item.contentC;
  481.  
  482.                 if (item.i >= 0) {
  483.                   while (temp.nodeName !== "TBODY") {
  484.                     temp = temp.parentNode;
  485.                   }
  486.                 } else {
  487.                   while (temp.nodeName !== "DIV") {
  488.                     temp = temp.parentNode;
  489.                   }
  490.                 }
  491.  
  492.                 return temp;
  493.               })();
  494.  
  495.             item.avatarC.style.display = "";
  496.             item.containerC.style.display = "";
  497.             item.contentC.innerHTML = item.contentB;
  498.           
  499.             if (item.actionC) {
  500.               item.actionC.style = "background: #aaa;";
  501.             }
  502.  
  503.             if (filterMode === "标记") {
  504.               item.avatarC.style.display = "none";
  505.               item.contentC.innerHTML = `
  506.                 <div class="lessernuke" style="background: #81C7D4; border-color: #66BAB7; ">
  507.                     <span class="crimson">Troll must die.</span>
  508.                     <a href="javascript:void(0)" onclick="[...document.getElementsByName('troll_${user.id}')].forEach(item => item.style.display = '')">点击查看</a>
  509.                     <div style="display: none;" name="troll_${user.id}">
  510.                         ${item.contentB}
  511.                     </div>
  512.                 </div>`;
  513.  
  514.               if (item.actionC) {
  515.                 item.actionC.style = "background: #cb4042;";
  516.               }
  517.             } else if (filterMode === "遮罩") {
  518.               const caption = document.createElement("CAPTION");
  519.               
  520.               if (item.i >= 0) {
  521.                 caption.className = "filter-mask filter-mask-block";
  522.               } else {
  523.                 caption.className = "filter-mask filter-mask-block left";
  524.                 caption.style = "width: 47%;";
  525.               }
  526.               
  527.               caption.innerHTML = `<span class="crimson">Troll must die.</span>`;
  528.               caption.onclick = () => {
  529.                 item.containerC.parentNode.removeChild(caption);
  530.                 item.containerC.style.display = "";
  531.               };
  532.  
  533.               item.containerC.parentNode.insertBefore(caption, item.containerC);
  534.               item.containerC.style.display = "none";
  535.               
  536.               if (item.actionC) {
  537.                 item.actionC.style = "background: #cb4042;";
  538.               }
  539.             } else if (filterMode === "隐藏") {
  540.               item.containerC.style.display = "none";
  541.             }
  542.  
  543.             if (item.tagC) {
  544.               item.tagC.style.display = tags.length ? "" : "none";
  545.               item.tagC.innerHTML = tags
  546.                 .map(
  547.                   (tag) =>
  548.                     `<b class="block_txt nobr" style="background:${tag.color}; color:#fff; margin: 0.1em 0.2em;">${tag.name}</b>`
  549.                 )
  550.                 .join("");
  551.             }
  552.           });
  553.  
  554.         if (item.actionC) {
  555.           item.actionC.onclick =
  556.             item.actionC.onclick ||
  557.             ((e) => {
  558.               if (item.pAid < 0) return;
  559.  
  560.               const user = data.users[item.pAid];
  561.  
  562.               if (e.ctrlKey === false) {
  563.                 editUser(item.pAid, item.pName, item.reFilter);
  564.               } else {
  565.                 if (user) {
  566.                   delete data.users[user.id];
  567.                 } else {
  568.                   addUser(item.pAid, item.pName);
  569.                 }
  570.  
  571.                 saveData();
  572.                 item.reFilter();
  573.               }
  574.             });
  575.         }
  576.  
  577.         item.reFilter();
  578.       });
  579.     } else if (uPage) {
  580.       const container = document.getElementById("ucp_block");
  581.  
  582.       if (container.firstChild) {
  583.         const uid = container.innerText.match(/用户ID\s*:\s*(\S+)/)[1];
  584.  
  585.         const name = container.innerText.match(/用户名\s*:\s*(\S+)/)[1];
  586.  
  587.         container.tagC =
  588.           container.tagC ||
  589.           (() => {
  590.             const c = document.createElement("span");
  591.  
  592.             c.innerHTML = `
  593.                     <h2 class="catetitle">:: ${name} 的标记 ::</h2>
  594.                     <div class="cateblock" style="text-align: left; line-height: 1.8em;">
  595.                         <div class="contentBlock" style="padding: 5px 10px;">
  596.                             <span>
  597.                                 <ul class="actions" style="padding: 0px; margin: 0px;">
  598.                                     <li style="padding-right: 5px;">
  599.                                         <span>
  600.                                             <a href="javascript: void(0);">[编辑 ${name} 的标记]</a>
  601.                                         </span>
  602.                                     </li>
  603.                                     <div class="clear"></div>
  604.                                 </ul>
  605.                             </span>
  606.                             <div class="filter-tags"></div>
  607.                             <div class="clear"></div>
  608.                         </div>
  609.                     </div>
  610.                 `;
  611.  
  612.             c.getElementsByTagName("a")[0].onclick = () => {
  613.               editUser(uid, name, container.refresh);
  614.             };
  615.  
  616.             container.firstChild.insertBefore(
  617.               c,
  618.               container.firstChild.childNodes[1]
  619.             );
  620.  
  621.             return c.getElementsByClassName("filter-tags")[0];
  622.           })();
  623.  
  624.         container.refresh = () => {
  625.           container.tagC.innerHTML = data.users[uid].tags
  626.             .map(
  627.               (tag) =>
  628.                 `<b class="block_txt nobr" style="background:${data.tags[tag].color}; color:#fff; margin: 0.1em 0.2em;">${data.tags[tag].name}</b>`
  629.             )
  630.             .join("");
  631.         };
  632.  
  633.         container.refresh();
  634.       }
  635.     }
  636.   };
  637.  
  638.   // STYLE
  639.   GM_addStyle(`
  640.     .filter-table-wrapper {
  641.         max-height: 80vh;
  642.         overflow-y: auto;
  643.     }
  644.     .filter-table {
  645.         margin: 0;
  646.     }
  647.     .filter-table th,
  648.     .filter-table td {
  649.         position: relative;
  650.         white-space: nowrap;
  651.     }
  652.     .filter-table th {
  653.         position: sticky;
  654.         top: 2px;
  655.         z-index: 1;
  656.     }
  657.     .filter-table input:not([type]), .filter-table input[type="text"] {
  658.         margin: 0;
  659.         box-sizing: border-box;
  660.         height: 100%;
  661.         width: 100%;
  662.     }
  663.     .filter-input-wrapper {
  664.         position: absolute;
  665.         top: 6px;
  666.         right: 6px;
  667.         bottom: 6px;
  668.         left: 6px;
  669.     }
  670.     .filter-text-ellipsis {
  671.         display: flex;
  672.     }
  673.     .filter-text-ellipsis > * {
  674.         flex: 1;
  675.         width: 1px;
  676.         overflow: hidden;
  677.         text-overflow: ellipsis;
  678.     }
  679.     .filter-button-group {
  680.         margin: -.1em -.2em;
  681.     }
  682.     .filter-tags {
  683.         margin: 2px -0.2em 0;
  684.         text-align: left;
  685.     }
  686.     .filter-mask {
  687.         margin: 1px; 
  688.         color: #81C7D4;
  689.         background: #81C7D4;
  690.     }
  691.     .filter-mask-block {
  692.         display: block;
  693.         border: 1px solid #66BAB7;
  694.         text-align: center !important;
  695.     }
  696.   `);
  697.  
  698.   // UI
  699.   const u = (() => {
  700.     const modules = {};
  701.  
  702.     const tabContainer = (() => {
  703.       const c = document.createElement("div");
  704.  
  705.       c.className = "w100";
  706.       c.innerHTML = `
  707.           <div class="right_" style="margin-bottom: 5px;">
  708.               <table class="stdbtn" cellspacing="0">
  709.                   <tbody>
  710.                       <tr></tr>
  711.                   </tbody>
  712.               </table>
  713.           </div>
  714.           <div class="clear"></div>
  715.           `;
  716.  
  717.       return c;
  718.     })();
  719.  
  720.     const tabPanelContainer = (() => {
  721.       const c = document.createElement("div");
  722.  
  723.       c.style = "width: 80vw;";
  724.  
  725.       return c;
  726.     })();
  727.  
  728.     const content = (() => {
  729.       const c = document.createElement("div");
  730.  
  731.       c.append(tabContainer);
  732.       c.append(tabPanelContainer);
  733.  
  734.       return c;
  735.     })();
  736.  
  737.     const addModule = (() => {
  738.       const tc = tabContainer.getElementsByTagName("tr")[0];
  739.       const cc = tabPanelContainer;
  740.  
  741.       return (module) => {
  742.         const tabBox = document.createElement("td");
  743.  
  744.         tabBox.innerHTML = `<a href="javascript:void(0)" class="nobr silver">${module.name}</a>`;
  745.  
  746.         const tab = tabBox.childNodes[0];
  747.  
  748.         const toggle = () => {
  749.           Object.values(modules).forEach((item) => {
  750.             if (item.tab === tab) {
  751.               item.tab.className = "nobr";
  752.               item.content.style = "display: block";
  753.               item.refresh();
  754.             } else {
  755.               item.tab.className = "nobr silver";
  756.               item.content.style = "display: none";
  757.             }
  758.           });
  759.         };
  760.  
  761.         tc.append(tabBox);
  762.         cc.append(module.content);
  763.  
  764.         tab.onclick = toggle;
  765.  
  766.         modules[module.name] = {
  767.           ...module,
  768.           tab,
  769.           toggle,
  770.         };
  771.  
  772.         return modules[module.name];
  773.       };
  774.     })();
  775.  
  776.     return {
  777.       content,
  778.       modules,
  779.       addModule,
  780.     };
  781.   })();
  782.  
  783.   // 屏蔽列表
  784.   const blockModule = (() => {
  785.     const content = (() => {
  786.       const c = document.createElement("div");
  787.  
  788.       c.style = "display: none";
  789.       c.innerHTML = `
  790.         <div class="filter-table-wrapper">
  791.           <table class="filter-table forumbox">
  792.             <thead>
  793.               <tr class="block_txt_c0">
  794.                 <th class="c1" width="1">昵称</th>
  795.                 <th class="c2">标记</th>
  796.                 <th class="c3" width="1">过滤方式</th>
  797.                 <th class="c4" width="1">操作</th>
  798.               </tr>
  799.             </thead>
  800.             <tbody></tbody>
  801.           </table>
  802.         </div>
  803.       `;
  804.  
  805.       return c;
  806.     })();
  807.  
  808.     const refresh = (() => {
  809.       const container = content.getElementsByTagName("tbody")[0];
  810.  
  811.       const func = () => {
  812.         container.innerHTML = "";
  813.  
  814.         Object.values(data.users).forEach((item) => {
  815.           const tc = document.createElement("tr");
  816.  
  817.           tc.className = `row${
  818.             (container.querySelectorAll("TR").length % 2) + 1
  819.           }`;
  820.  
  821.           tc.refresh = () => {
  822.             if (data.users[item.id]) {
  823.               tc.innerHTML = `
  824.                 <td class="c1">
  825.                     <a href="/nuke.php?func=ucp&uid=${
  826.                       item.id
  827.                     }" class="b nobr">[${
  828.                 item.name ? "@" + item.name : "#" + item.id
  829.               }]</a>
  830.                 </td>
  831.                 <td class="c2">
  832.                     ${item.tags
  833.                       .map((tag) => {
  834.                         if (data.tags[tag]) {
  835.                           return `<b class="block_txt nobr" style="background:${data.tags[tag].color}; color:#fff; margin: 0.1em 0.2em;">${data.tags[tag].name}</b>`;
  836.                         }
  837.                       })
  838.                       .join("")}
  839.                 </td>
  840.                 <td class="c3">
  841.                     <div class="filter-table-button-group">
  842.                       <button>${item.filterMode || FILTER_MODE[0]}</button>
  843.                     </div>
  844.                 </td>
  845.                 <td class="c4">
  846.                     <div class="filter-table-button-group">
  847.                       <button>编辑</button>
  848.                       <button>删除</button>
  849.                     </div>
  850.                 </td>
  851.               `;
  852.  
  853.               const actions = tc.getElementsByTagName("button");
  854.  
  855.               actions[0].onclick = () => {
  856.                 data.users[item.id].filterMode = switchFilterMode(
  857.                   data.users[item.id].filterMode || FILTER_MODE[0]
  858.                 );
  859.  
  860.                 actions[0].innerHTML = data.users[item.id].filterMode;
  861.  
  862.                 saveData();
  863.                 reFilter();
  864.               };
  865.  
  866.               actions[1].onclick = () => {
  867.                 editUser(item.id, item.name, tc.refresh);
  868.               };
  869.  
  870.               actions[2].onclick = () => {
  871.                 if (confirm("是否确认?")) {
  872.                   delete data.users[item.id];
  873.                   container.removeChild(tc);
  874.  
  875.                   saveData();
  876.                   reFilter();
  877.                 }
  878.               };
  879.             } else {
  880.               tc.remove();
  881.             }
  882.           };
  883.  
  884.           tc.refresh();
  885.  
  886.           container.appendChild(tc);
  887.         });
  888.       };
  889.  
  890.       return func;
  891.     })();
  892.  
  893.     return {
  894.       name: "屏蔽列表",
  895.       content,
  896.       refresh,
  897.     };
  898.   })();
  899.  
  900.   // 标记设置
  901.   const tagModule = (() => {
  902.     const content = (() => {
  903.       const c = document.createElement("div");
  904.  
  905.       c.style = "display: none";
  906.       c.innerHTML = `
  907.         <div class="filter-table-wrapper">
  908.           <table class="filter-table forumbox">
  909.             <thead>
  910.               <tr class="block_txt_c0">
  911.                 <th class="c1" width="1">标记</th>
  912.                 <th class="c2">列表</th>
  913.                 <th class="c3" width="1">过滤方式</th>
  914.                 <th class="c4" width="1">操作</th>
  915.               </tr>
  916.             </thead>
  917.             <tbody></tbody>
  918.           </table>
  919.         </div>
  920.       `;
  921.  
  922.       return c;
  923.     })();
  924.  
  925.     const refresh = (() => {
  926.       const container = content.getElementsByTagName("tbody")[0];
  927.  
  928.       const func = () => {
  929.         container.innerHTML = "";
  930.  
  931.         Object.values(data.tags).forEach((item) => {
  932.           const tc = document.createElement("tr");
  933.  
  934.           tc.className = `row${
  935.             (container.querySelectorAll("TR").length % 2) + 1
  936.           }`;
  937.  
  938.           tc.innerHTML = `
  939.             <td class="c1">
  940.                 <b class="block_txt nobr" style="background:${
  941.                   item.color
  942.                 }; color:#fff; margin: 0.1em 0.2em;">${item.name}</b>
  943.             </td>
  944.             <td class="c2">
  945.                 <button>${
  946.                   Object.values(data.users).filter((user) =>
  947.                     user.tags.find((tag) => tag === item.id)
  948.                   ).length
  949.                 }
  950.                 </button>
  951.                 <div style="white-space: normal; display: none;">
  952.                     ${Object.values(data.users)
  953.                       .filter((user) =>
  954.                         user.tags.find((tag) => tag === item.id)
  955.                       )
  956.                       .map(
  957.                         (user) =>
  958.                           `<a href="/nuke.php?func=ucp&uid=${
  959.                             user.id
  960.                           }" class="b nobr">[${
  961.                             user.name ? "@" + user.name : "#" + user.id
  962.                           }]</a>`
  963.                       )
  964.                       .join("")}
  965.                 </div>
  966.             </td>
  967.             <td class="c3">
  968.                 <div class="filter-table-button-group">
  969.                   <button>${item.filterMode || FILTER_MODE[0]}</button>
  970.                 </div>
  971.             </td>
  972.             <td class="c3">
  973.                 <div class="filter-table-button-group">
  974.                   <button>删除</button>
  975.                 </div>
  976.             </td>
  977.           `;
  978.  
  979.           const actions = tc.getElementsByTagName("button");
  980.  
  981.           actions[0].onclick = (() => {
  982.             let hide = true;
  983.             return () => {
  984.               hide = !hide;
  985.               actions[0].nextElementSibling.style.display = hide
  986.                 ? "none"
  987.                 : "block";
  988.             };
  989.           })();
  990.  
  991.           actions[1].onclick = () => {
  992.             data.tags[item.id].filterMode = switchFilterMode(
  993.               data.tags[item.id].filterMode || FILTER_MODE[0]
  994.             );
  995.  
  996.             actions[1].innerHTML = data.tags[item.id].filterMode;
  997.  
  998.             saveData();
  999.             reFilter();
  1000.           };
  1001.  
  1002.           actions[2].onclick = () => {
  1003.             if (confirm("是否确认?")) {
  1004.               delete data.tags[item.id];
  1005.  
  1006.               Object.values(data.users).forEach((user) => {
  1007.                 const index = user.tags.findIndex((tag) => tag === item.id);
  1008.                 if (index >= 0) {
  1009.                   user.tags.splice(index, 1);
  1010.                 }
  1011.               });
  1012.  
  1013.               container.removeChild(tc);
  1014.  
  1015.               saveData();
  1016.               reFilter();
  1017.             }
  1018.           };
  1019.  
  1020.           container.appendChild(tc);
  1021.         });
  1022.       };
  1023.  
  1024.       return func;
  1025.     })();
  1026.  
  1027.     return {
  1028.       name: "标记设置",
  1029.       content,
  1030.       refresh,
  1031.     };
  1032.   })();
  1033.  
  1034.   // 通用设置
  1035.   const commonModule = (() => {
  1036.     const content = (() => {
  1037.       const c = document.createElement("div");
  1038.  
  1039.       c.style = "display: none";
  1040.  
  1041.       return c;
  1042.     })();
  1043.  
  1044.     const refresh = (() => {
  1045.       const container = content;
  1046.  
  1047.       const func = () => {
  1048.         container.innerHTML = "";
  1049.  
  1050.         // 屏蔽关键词
  1051.         {
  1052.           const tc = document.createElement("div");
  1053.  
  1054.           tc.innerHTML += `
  1055.             <div>过滤关键词，用"|"隔开</div>
  1056.             <div>
  1057.                 <textarea rows="3" style="box-sizing: border-box; width: 100%;">${data.options.keyword}</textarea>
  1058.                 <button>确认</button>
  1059.             </div>
  1060.           `;
  1061.  
  1062.           const actions = tc.getElementsByTagName("button");
  1063.  
  1064.           actions[0].onclick = () => {
  1065.             const v = actions[0].previousElementSibling.value;
  1066.  
  1067.             data.options.keyword = v;
  1068.  
  1069.             saveData();
  1070.             reFilter();
  1071.           };
  1072.  
  1073.           container.appendChild(tc);
  1074.         }
  1075.  
  1076.         // 全局过滤方式
  1077.         {
  1078.           const tc = document.createElement("div");
  1079.  
  1080.           tc.innerHTML += `
  1081.             <br/>
  1082.             <div>全局过滤方式</div>
  1083.             <div></div>
  1084.             <div class="silver" style="margin-top: 5px;">过滤优先级：用户 &gt; 标记 &gt; 全局</div>
  1085.           `;
  1086.  
  1087.           ["标记", "遮罩", "隐藏"].forEach((item, index) => {
  1088.             const ele = document.createElement("SPAN");
  1089.  
  1090.             ele.innerHTML += `
  1091.             <input id="s-fm-${index}" type="radio" name="filterType" ${
  1092.               data.options.filterMode === item && "checked"
  1093.             }>
  1094.             <label for="s-fm-${index}" style="cursor: pointer;">${item}</label>
  1095.             `;
  1096.  
  1097.             const inp = ele.querySelector("input");
  1098.  
  1099.             inp.onchange = () => {
  1100.               if (inp.checked) {
  1101.                 data.options.filterMode = item;
  1102.                 saveData();
  1103.                 reFilter();
  1104.               }
  1105.             };
  1106.  
  1107.             tc.querySelectorAll("div")[1].append(ele);
  1108.           });
  1109.  
  1110.           container.appendChild(tc);
  1111.         }
  1112.  
  1113.         // 删除没有标记的用户
  1114.         {
  1115.           const tc = document.createElement("div");
  1116.  
  1117.           tc.innerHTML += `
  1118.             <br/>
  1119.             <div>
  1120.                 <button>删除没有标记的用户</button>
  1121.             </div>
  1122.           `;
  1123.  
  1124.           const actions = tc.getElementsByTagName("button");
  1125.  
  1126.           actions[0].onclick = () => {
  1127.             if (confirm("是否确认?")) {
  1128.               Object.values(data.users).forEach((item) => {
  1129.                 if (item.tags.length === 0) {
  1130.                   delete data.users[item.id];
  1131.                 }
  1132.               });
  1133.  
  1134.               saveData();
  1135.               reFilter();
  1136.             }
  1137.           };
  1138.  
  1139.           container.appendChild(tc);
  1140.         }
  1141.  
  1142.         // 删除没有用户的标记
  1143.         {
  1144.           const tc = document.createElement("div");
  1145.  
  1146.           tc.innerHTML += `
  1147.             <br/>
  1148.             <div>
  1149.                 <button>删除没有用户的标记</button>
  1150.             </div>
  1151.           `;
  1152.  
  1153.           const actions = tc.getElementsByTagName("button");
  1154.  
  1155.           actions[0].onclick = () => {
  1156.             if (confirm("是否确认?")) {
  1157.               Object.values(data.tags).forEach((item) => {
  1158.                 if (
  1159.                   Object.values(data.users).filter((user) =>
  1160.                     user.tags.find((tag) => tag === item.id)
  1161.                   ).length === 0
  1162.                 ) {
  1163.                   delete data.tags[item.id];
  1164.                 }
  1165.               });
  1166.  
  1167.               saveData();
  1168.               reFilter();
  1169.             }
  1170.           };
  1171.  
  1172.           container.appendChild(tc);
  1173.         }
  1174.       };
  1175.  
  1176.       return func;
  1177.     })();
  1178.  
  1179.     return {
  1180.       name: "通用设置",
  1181.       content,
  1182.       refresh,
  1183.     };
  1184.   })();
  1185.  
  1186.   u.addModule(blockModule).toggle();
  1187.   u.addModule(tagModule);
  1188.   u.addModule(commonModule);
  1189.  
  1190.   // 增加菜单项
  1191.   (() => {
  1192.     const title = "屏蔽/标记";
  1193.     let window;
  1194.  
  1195.     n.mainMenu.addItemOnTheFly(title, null, () => {
  1196.       if (window === undefined) {
  1197.         window = n.createCommmonWindow();
  1198.       }
  1199.  
  1200.       window._.addContent(null);
  1201.       window._.addTitle(title);
  1202.       window._.addContent(u.content);
  1203.       window._.show();
  1204.     });
  1205.   })();
  1206.  
  1207.   // 执行过滤
  1208.   (() => {
  1209.     const hookFunction = (object, functionName, callback) => {
  1210.       ((originalFunction) => {
  1211.         object[functionName] = function () {
  1212.           const returnValue = originalFunction.apply(this, arguments);
  1213.  
  1214.           callback.apply(this, [returnValue, originalFunction, arguments]);
  1215.  
  1216.           return returnValue;
  1217.         };
  1218.       })(object[functionName]);
  1219.     };
  1220.  
  1221.     const initialized = {
  1222.       topicArg: false,
  1223.       postArg: false,
  1224.     };
  1225.  
  1226.     hookFunction(n, "eval", () => {
  1227.       if (Object.values(initialized).findIndex((item) => item === false) < 0) {
  1228.         return;
  1229.       }
  1230.  
  1231.       if (n.topicArg && initialized.topicArg === false) {
  1232.         hookFunction(
  1233.           n.topicArg,
  1234.           "add",
  1235.           (returnValue, originalFunction, arguments) => reFilter()
  1236.         );
  1237.  
  1238.         initialized.topicArg = true;
  1239.       }
  1240.  
  1241.       if (n.postArg && initialized.postArg === false) {
  1242.         hookFunction(
  1243.           n.postArg,
  1244.           "proc",
  1245.           (returnValue, originalFunction, arguments) => reFilter()
  1246.         );
  1247.  
  1248.         initialized.postArg = true;
  1249.       }
  1250.     });
  1251.  
  1252.     if (n.ucp) {
  1253.       hookFunction(n.ucp, "_echo", (returnValue, originalFunction, arguments) =>
  1254.         reFilter()
  1255.       );
  1256.     }
  1257.  
  1258.     reFilter();
  1259.   })();
  1260. })(commonui, __CURRENT_UID);