☰

哔哩哔哩自定义视频信息条

完全自定义你的视频标题下方信息栏，排序，增加，删除！

安装此脚本?
作者推荐脚本

您可能也喜欢[Bilibili] 关注管理器。

安装此脚本 
  1. // ==UserScript==
  2. // @name         哔哩哔哩自定义视频信息条
  3. // @namespace    ckylin-bilibili-display-video-id
  4. // @version      1.19.3
  5. // @description  完全自定义你的视频标题下方信息栏，排序，增加，删除！
  6. // @author       CKylinMC
  7. // @match        https://www.bilibili.com/video*
  8. // @match        https://www.bilibili.com/medialist/play/*
  9. // @resource     cktools https://gf.qytechs.cn/scripts/429720-cktools/code/CKTools.js?version=1034581
  10. // @resource     popjs https://cdn.jsdelivr.net/gh/CKylinMC/PopNotify.js@master/PopNotify.js
  11. // @resource     popcss https://cdn.jsdelivr.net/gh/CKylinMC/PopNotify.js@master/PopNotify.css
  12. // @resource     timeago https://unpkg.com/timeago.js@4.0.2/dist/timeago.min.js
  13. // @grant        unsafeWindow
  14. // @grant        GM_setValue
  15. // @grant        GM_getValue
  16. // @grant        GM_getResourceText
  17. // @grant        GM_registerMenuCommand
  18. // @grant        GM_unregisterMenuCommand
  19. // @license      GPL-3.0-only
  20. // ==/UserScript==
  21.  
  22. (function () {
  23.     //======[Apply all resources]
  24.     const resourceList = [
  25.         { name: 'cktools', type: 'js' },
  26.         { name: 'timeago', type: 'js' },
  27.         { name: 'popjs', type: 'js' },
  28.         { name: 'popcss', type: 'css' },
  29.         { name: 'popcsspatch', type: 'rawcss', content: "div.popNotifyUnitFrame{z-index:110000!important;}.CKTOOLS-modal-content{color: #616161!important;max-height: 80vh;overflow: auto;}" },
  30.     ]
  31.     function applyResource() {
  32.         resloop: for (let res of resourceList) {
  33.             if (!document.querySelector("#" + res.name)) {
  34.                 let el;
  35.                 switch (res.type) {
  36.                     case 'js':
  37.                     case 'rawjs':
  38.                         el = document.createElement("script");
  39.                         break;
  40.                     case 'css':
  41.                     case 'rawcss':
  42.                         el = document.createElement("style");
  43.                         break;
  44.                     default:
  45.                         console.log('Err:unknown type', res);
  46.                         continue resloop;
  47.                 }
  48.                 el.id = res.name;
  49.                 el.innerHTML = res.type.startsWith('raw') ? res.content : GM_getResourceText(res.name);
  50.                 document.head.appendChild(el);
  51.             }
  52.         }
  53.     }
  54.     applyResource();
  55.     //======
  56.     const wait = (t) => new Promise(r => setTimeout(r, t));
  57.     const waitForPageVisible = async () => {
  58.         return document.hidden && new Promise(r => document.addEventListener("visibilitychange", r))
  59.     }
  60.     const log = (...m) => console.log('[ShowAV]', ...m);
  61.     const getAPI = (bvid) => fetch('https://api.bilibili.com/x/web-interface/view?bvid=' + bvid).then(raw => raw.json());
  62.     const getAidAPI = (aid) => fetch('https://api.bilibili.com/x/web-interface/view?aid=' + aid).then(raw => raw.json());
  63.     const config = {
  64.         defaultAv: true,
  65.         hideTime: true,
  66.         firstTimeLoad: true,
  67.         defaultTextTime: true,
  68.         foldedWarningTip: true,
  69.         forceRemoveAllItem: true,
  70.         showInNewLine: false,
  71.         forceGap: false,
  72.         nobreakline: false,
  73.         jssafetyWarning: true,
  74.         pnmaxlength: 18,
  75.         orders: ['openGUI', 'showArgue', 'showPic', 'showAv', 'showPn'],
  76.         all: ['showAv', 'showSAv', 'showSBv', 'showPn', 'showCid', 'showCate', 'openGUI', 'showPic', 'showSize', 'showMore', 'showCTime', 'showViews', 'showDmk', 'showTop', 'showArgue'],
  77.         copyitems: ['currTime', 'short', 'shareTime', 'vid'],
  78.         copyitemsAll: ['curr', 'currTime', 'short', 'share', 'shareTime', 'md', 'bb', 'html', 'vid'],
  79.         customcopyitems: {},
  80.         customComponents: {},
  81.         vduration: 0,
  82.         running: {}
  83.     };
  84.     const ignoredConfigKeys = ["all", "vduration", "firstTimeLoad", "running"];
  85.     const menuId = {
  86.         defaultAv: -1,
  87.         foldedWarningTip: -1,
  88.         showInNewLine: -1,
  89.     };
  90.     const txtCn = {
  91.         showAv: "可切换视频编号和高级复制",
  92.         showSAv: "视频AV号和高级复制",
  93.         showSBv: "视频BV号和高级复制",
  94.         showPn: "视频分P名",
  95.         showCid: "视频CID编号",
  96.         showCate: "视频所在分区",
  97.         showPic: "视频封面",
  98.         showSize: "视频分辨率",
  99.         showMore: "更多信息",
  100.         showCTime: "视频投稿时间",
  101.         showViews: "替换视频播放量",
  102.         showDmk: "替换视频弹幕量",
  103.         showTop: "替换全站排名提示",
  104.         showArgue: "显示危险提示",
  105.         curr: "当前视频地址",
  106.         currTime: "当前视频地址(含视频进度)",
  107.         short: "短地址",
  108.         share: "快速分享",
  109.         shareTime: "快速分享(含视频进度)",
  110.         md: "Markdown 格式",
  111.         bb: "BBCode 格式",
  112.         html: "HTML 格式",
  113.         vid: "视频编号",
  114.         openGUI: "设置选项"
  115.     };
  116.     const descCn = {
  117.         showAv: "展示视频号(AV号/BV号右键单击可切换)，左键单击快速复制(包含当前播放时间)，左键长按打开更多格式复制窗口",
  118.         showSAv: "展示视频AV号,左键单击快速复制(包含当前播放时间)，左键长按打开更多格式复制窗口",
  119.         showSBv: "展示视频BV号，左键单击快速复制(包含当前播放时间)，左键长按打开更多格式复制窗口",
  120.         showPn: "展示视频分P信息以及缓存名(分P名)。可能较长，建议放在最下面，并调整最大长度。",
  121.         showCid: "展示视频资源CID编号，通常不需要展示。",
  122.         showCate: "展示视频所在的子分区。",
  123.         showPic: "提供按钮一键查看封面，长按可以在新标签页打开大图。",
  124.         showSize: "展示视频当前分辨率(宽高信息)。",
  125.         showMore: "查看视频更多信息。",
  126.         showCTime: "用文字方式描述投稿时间，如：一周前",
  127.         showViews: "替换展示视频播放量(由于内容相同，将自动隐藏原版播放量信息)",
  128.         showDmk: "替换展示视频弹幕量(由于内容相同，将自动隐藏原版弹幕量信息)",
  129.         showTop: "替换原版全站排名信息",
  130.         showArgue: "如果视频有危险提示，则显示危险提示",
  131.         curr: "提供当前视频纯净地址",
  132.         currTime: "提供当前视频地址，并在播放时提供含跳转时间的地址(可以直接跳转到当前进度)。",
  133.         short: "提供当前视频的b23.tv短地址",
  134.         share: "提供当前视频的标题和地址组合文本。",
  135.         shareTime: "提供当前视频的标题和地址组合文本，在播放时提供含跳转时间的地址(可以直接跳转到当前进度)。",
  136.         md: "提供Markdown特殊语法的快速复制。",
  137.         bb: "提供BBCode特殊语法的快速复制。",
  138.         html: "提供HTML格式的快速复制。",
  139.         vid: "提供当前视频av号/BV号/CID号。请注意此项目不支持快速复制。",
  140.         openGUI: "提供按钮快速进入设置选项。"
  141.     };
  142.     const idTn = {
  143.         showAv: 2,
  144.         showSAv: 2,
  145.         showSBv: 2,
  146.         showPn: 5,
  147.         showCid: 2,
  148.         showCate: 3,
  149.         showPic: 1,
  150.         showSize: 2,
  151.         showMore: 1,
  152.         showCTime: -4,
  153.         showViews: -2,
  154.         showDmk: -2,
  155.         showTop: 0,
  156.         showArgue: 1,
  157.         openGUI: 1
  158.     };
  159.     let globalinfos = {};
  160.     // https://stackoverflow.com/questions/10726638
  161.     String.prototype.mapReplace = function (map) {
  162.         var regex = [];
  163.         for (var key in map)
  164.             regex.push(key.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"));
  165.         return this.replace(new RegExp(regex.join('|'), "g"), function (word) {
  166.             return map[word];
  167.         });
  168.     };
  169.  
  170.     // CSDN https://blog.csdn.net/namechenfl/article/details/91968396
  171.     function numberFormat(value) {
  172.         let param = {};
  173.         let k = 10000,
  174.             sizes = ['', '万', '亿', '万亿'],
  175.             i;
  176.         if (value < k) {
  177.             param.value = value
  178.             param.unit = ''
  179.         } else {
  180.             i = Math.floor(Math.log(value) / Math.log(k));
  181.             param.value = ((value / Math.pow(k, i))).toFixed(2);
  182.             param.unit = sizes[i];
  183.         }
  184.         return param;
  185.     }
  186.  
  187.     function exec(code,binding=this){
  188.         return (async function(){
  189.             eval(code);
  190.         }).bind(binding);
  191.     }
  192.  
  193.     async function saveAllConfig() {
  194.         for (let configKey of Object.keys(config)) {
  195.             if (ignoredConfigKeys.includes(configKey)) continue;
  196.             await GM_setValue(configKey, config[configKey]);
  197.         }
  198.         popNotify.success("配置保存成功");
  199.     }
  200.  
  201.     async function initScript(flag = false) {
  202.         for (let menuitem of Object.keys(menuId)) {
  203.             if (menuId[menuitem] != -1) GM_unregisterMenuCommand(menuId[menuitem]);
  204.         }
  205.         for (let configKey of Object.keys(config)) {
  206.             if (ignoredConfigKeys.includes(configKey)) continue;
  207.             if (typeof (await GM_getValue(configKey)) === 'undefined') {
  208.                 await GM_setValue(configKey, config[configKey]);
  209.             } else {
  210.                 config[configKey] = await GM_getValue(configKey);
  211.             }
  212.         }
  213.         GM_registerMenuCommand("打开设置", async () => {
  214.             await GUISettings();
  215.         });
  216.         CKTools.addStyle(`
  217.             #bilibiliShowPN{
  218.                 max-width: ${config.pnmaxlength}em!important;
  219.             }
  220.         `, "showav_pnlen", "update", document.head);
  221.         tryInject(flag);
  222.     }
  223.  
  224.     async function playerReady() {
  225.         let i = 150;
  226.         while (--i > 0) {
  227.             await wait(100);
  228.             console.log('ShowAV waiting for player ready - loop')
  229.             if (unsafeWindow.player?.isInitialized()??false) break;
  230.         }
  231.         console.log('ShowAV waiting for player ready - loop end')
  232.         if (i < 0) return false;
  233.         console.log('ShowAV waiting for player ready - wait visible')
  234.         await waitForPageVisible();
  235.         while (1) {
  236.             await wait(200);
  237.             console.log('ShowAV waiting for player controlls')
  238.             if (document.querySelector(".bilibili-player-video-control-wrap, .bpx-player-control-wrap")) return true;
  239.         }
  240.     }
  241.  
  242.     async function waitForDom(q) {
  243.         let i = 50;
  244.         let dom;
  245.         while (--i >= 0) {
  246.             if (dom = document.querySelector(q)) break;
  247.             await wait(100);
  248.         }
  249.         return dom;
  250.     }
  251.  
  252.     function getUrlParam(key) {
  253.         return (new URL(location.href)).searchParams.get(key);
  254.     }
  255.  
  256.     function getOrNew(id, parent,) {
  257.         let target = document.querySelector("#" + id);
  258.         if (!target) {
  259.             target = document.createElement("span");
  260.             target.id = id;
  261.             parent.appendChild(target);
  262.         }
  263.         return target;
  264.     }
  265.  
  266.     async function getPlayerSeeks() {
  267.         const video = await waitForDom(".bilibili-player-video video");
  268.         let seconds = 0;
  269.         if (video) {
  270.             seconds = Math.floor(video.currentTime);
  271.         }
  272.         if (seconds == 0) {
  273.             let fromParam = getUrlParam("t") || 0;
  274.             return fromParam;
  275.         } else return seconds;
  276.     }
  277.  
  278.     function getHEVC(){
  279.         return document.querySelector(".bilibili-player-video bwp-video")
  280.     }
  281.  
  282.     async function registerVideoChangeHandler() {
  283.         const video = await waitForDom(".bilibili-player-video video");
  284.         const HEVCplayer = getHEVC();// must behind video loaded(no more waitfordom)
  285.         let target = HEVCplayer || video;
  286.         if(!target) return;
  287.         const observer = new MutationObserver(async e => {
  288.             if (e[0].target.src) {
  289.                 tryInject(true);
  290.             }
  291.         });
  292.         observer.observe(target, { attribute: true, attributes: true, childList: false });
  293.     }
  294.  
  295.     function getPageFromCid(cid, infos) {
  296.         if (!cid || !infos || !infos.pages) return 1;
  297.         let pages = infos.pages;
  298.         if (pages.length == 1) return 1;
  299.         let page;
  300.         for (page of pages) {
  301.             if (!page) continue;
  302.             if (page.cid == cid) return page.page;
  303.         }
  304.         return 1;
  305.     }
  306.  
  307.     async function feat_showCate() {
  308.         const { av_root, infos } = this;
  309.         const cate_span = getOrNew("bilibiliShowCate", av_root);
  310.         //if (config.showCate) {
  311.         cate_span.style.textOverflow = "ellipsis";
  312.         cate_span.style.whiteSpace = "nowarp";
  313.         cate_span.style.overflow = "hidden";
  314.         cate_span.title = "分区: " + infos.tname;
  315.         cate_span.innerText = "分区: " + infos.tname;
  316.         //} else cate_span.remove();
  317.     }
  318.  
  319.     async function feat_showStaticAv() {
  320.         const func = feat_showAv.bind(this);
  321.         func(true);
  322.     }
  323.  
  324.     async function feat_showStaticBv() {
  325.         const func = feat_showAv.bind(this);
  326.         func(true, 'bv');
  327.     }
  328.  
  329.     async function prepareData(infos,el=null){
  330.         const defaultVid = el?el.innerText:'av'+infos.aid;
  331.         const currpage = new URL(location.href);
  332.         let part = infos.p==currpage.searchParams.get("p")
  333.             ? infos.p
  334.             : (currpage.searchParams.get("p") ? currpage.searchParams.get("p") : infos.p);
  335.         let url = new URL(location.protocol + "//" + location.hostname + "/video/" + defaultVid);
  336.         part == 1 || url.searchParams.append("p", part);
  337.         let vidurl = new URL(url);
  338.         let shorturl = new URL(location.protocol + "//b23.tv/" + defaultVid);
  339.         let t = await getPlayerSeeks();
  340.         if (t && t != "0" && t != ("" + config.vduration)) url.searchParams.append("t", t);  
  341.         try {
  342.             partinfo = infos.pages[infos.p - 1];
  343.         } catch (e) {
  344.             partinfo = infos.pages[0];
  345.         }
  346.         return {currpage,partinfo,url,vidurl,shorturl,part,t,infos}
  347.     }
  348.     
  349.     async function getCopyItem(copyitem,infos,av_span=null){
  350.         const {partinfo,url,vidurl,shorturl,part,t} = await prepareData(infos,av_span);
  351.         switch (copyitem) {
  352.             case "curr":
  353.                 return {
  354.                     title: "当前地址",
  355.                     content: vidurl,
  356.                     type: "copiable"
  357.                 };
  358.             case "currTime":
  359.                 return {
  360.                     title: "含视频进度地址(仅在播放时提供)",
  361.                     content: url,
  362.                     type: "copiable"
  363.                 };
  364.             case "short":
  365.                 return {
  366.                     title: "短地址格式",
  367.                     content: shorturl,
  368.                     type: "copiable"
  369.                 };
  370.             case "share":
  371.                 return {
  372.                     title: "快速分享",
  373.                     content: `${infos.title}_地址:${shorturl}`,
  374.                     type: "copiable"
  375.                 };
  376.             case "shareTime":
  377.                 return {
  378.                     title: "快速分享(含视频进度)",
  379.                     content: `${infos.title}_地址:${url}`,
  380.                     type: "copiable"
  381.                 };
  382.             case "md":
  383.                 return {
  384.                     title: "MarkDown格式",
  385.                     content: `[${infos.title}](${vidurl})`,
  386.                     type: "copiable"
  387.                 };
  388.             case "bb":
  389.                 return {
  390.                     title: "BBCode格式",
  391.                     content: `[url=${vidurl}]${infos.title}[/url]`,
  392.                     type: "copiable"
  393.                 };
  394.             case "html":
  395.                 return {
  396.                     title: "HTML格式",
  397.                     content: `<a href="${vidurl}">${infos.title}</a>`,
  398.                     type: "copiable"
  399.                 };
  400.             case "vid":
  401.                 return {
  402.                     title: "视频编号",
  403.                     content: `<div class="shoav_expandinfo">
  404.                     <div>
  405.                     AV号
  406.                     <input class="shortinput" readonly value="av${infos.aid}" onclick="showav_fastcopy(this);" />
  407.                     </div>
  408.                     <div>
  409.                     BV号
  410.                     <input class="shortinput" readonly value="${infos.bvid}" onclick="showav_fastcopy(this);" />
  411.                     </div>
  412.                     <div>
  413.                     资源CID
  414.                     <input class="shortinput" readonly value="${infos.cid}" onclick="showav_fastcopy(this);" />
  415.                     </div>
  416.                 </div>
  417.                 `,
  418.                     type: "component",
  419.                     copyaction: function(){
  420.                         copy(this.av_span.innerText);
  421.                         popNotify.success("已复制到剪贴板",this.av_span.innerText);
  422.                     }
  423.                 };
  424.             default:
  425.                 if (Object.keys(config.customcopyitems).includes(copyitem)) {
  426.                     let ccopyitem = config.customcopyitems[copyitem];
  427.                     let pat = ccopyitem.content ? ccopyitem.content : "无效内容";
  428.                     pat = apiBasedVariablesReplacement(pat.mapReplace({
  429.                         "%timeurl%": url,
  430.                         "%vidurl%": vidurl,
  431.                         "%shorturl%": shorturl,
  432.                         "%seek%": t,
  433.                         "%title%": infos.title,
  434.                         "%av%": infos.aid,
  435.                         "%bv%": infos.bvid,
  436.                         "%cid%": infos.cid,
  437.                         "%p%": part,
  438.                         "%pname%": partinfo.part,
  439.                         "'": "\'"
  440.                     }));
  441.                     return {
  442.                         title: `(自定义) ${ccopyitem.title}`,
  443.                         content: pat,
  444.                         type: "copiable"
  445.                     }
  446.                 }else return null;
  447.         }
  448.     };
  449.  
  450.     function apiBasedVariablesReplacement(txt='',infos=globalinfos){
  451.         log("apiBasedVariablesReplacement",infos);
  452.         const vars = [...txt.matchAll(/\%[a-zA-Z.]+\%/g)].map(k=>k[0]);
  453.         if(vars.length==0) return txt;
  454.         const map = {};
  455.         for(let replaceVar of vars){
  456.             const varName = replaceVar.substring(1,replaceVar.length-1);
  457.             const apiResult = recursiveApiResolver(varName,infos);
  458.             if(!apiResult) continue;
  459.             map[replaceVar] = apiResult;
  460.         }
  461.         return txt.mapReplace(map);
  462.     }
  463.  
  464.     function recursiveApiResolver(name,infos=globalinfos){
  465.         const pargs = name.split(".").filter(arr=>arr.length);
  466.         if([pargs[0],pargs[pargs.length-1]].includes("")) return null;
  467.         let target = infos;
  468.         for(let parg of pargs){
  469.             if(target.hasOwnProperty(parg)){
  470.                 target = target[parg];
  471.             }else return null;
  472.         }
  473.         return target.toString();
  474.     }
  475.  
  476.     async function feat_showAv(force = false, mode = 'av'/* 'bv' */) {
  477.         const { av_root, infos } = this;
  478.         const av_span = getOrNew("bilibiliShowAV" + (force ? mode : ''), av_root);
  479.         //if (config.showAv) {
  480.         if (force) {
  481.             if (mode == 'bv') {
  482.                 av_span.innerText = infos.bvid;
  483.             } else {
  484.                 av_span.innerText = 'av' + infos.aid;
  485.             }
  486.         } else if (config.defaultAv)
  487.             av_span.innerText = 'av' + infos.aid;
  488.         else
  489.             av_span.innerText = infos.bvid;
  490.         av_span.style.overflow = "hidden";
  491.         const video = await waitForDom("video");
  492.         if (video) {
  493.             config.vduration = Math.floor(video.duration);
  494.         }
  495.         let title = `左键单击复制，${force?'右键单击切换显示，':''}长按打开窗口`;
  496.         if(config.copyitems.length){
  497.             const firstCopyItem = config.copyitems[0];
  498.             const firstInfo = await getCopyItem(firstCopyItem,globalinfos,av_span);
  499.             if(firstInfo!==null){
  500.                 if(firstInfo.type=="copiable"||firstInfo.type=="component"){
  501.                     av_span.setAttribute('title',title + '\n默认复制: '+firstInfo.title);
  502.                 }
  503.             }else av_span.setAttribute('title',title + '\n没有默认复制行为');
  504.         }else{
  505.             av_span.setAttribute('title',title + '\n没有默认复制行为');
  506.         }
  507.         if (av_span.getAttribute("setup") != globalinfos.cid) {
  508.             if (!force)
  509.                 av_span.oncontextmenu = e => {
  510.                     if (e.target.innerText.startsWith('av')) e.target.innerText = infos.bvid;
  511.                     else av_span.innerText = 'av' + infos.aid;
  512.                     e.preventDefault();
  513.                 };
  514.             let runningCfg = config.running['avspanHC'+(force ? mode : '')];
  515.             if(runningCfg) runningCfg.uninstall();
  516.             runningCfg = new CKTools.HoldClick(av_span);
  517.             runningCfg.onclick(async e => {
  518.                 for (let copyitem of config.copyitems) {
  519.                     const copyiteminfo = await getCopyItem(copyitem,globalinfos,av_span);
  520.                     if(copyiteminfo===null) {
  521.                         log(`[ADVCOPY] warning: unknown custom copy item id "${copyitem}", maybe should clean settings up.`);
  522.                         continue;
  523.                     }
  524.                     if(copyiteminfo.type=="copiable"){
  525.                         copy(copyiteminfo.content);
  526.                         popNotify.success(copyiteminfo.title+"复制成功", copyiteminfo.content);
  527.                         return;
  528.                     }
  529.                     else if(copyiteminfo.type=="component"){
  530.                         if(typeof(copyiteminfo.copyaction)==="function"){
  531.                             try{
  532.                                 const func = copyiteminfo.copyaction.bind({av_span});
  533.                                 func();
  534.                             }catch(e){log(copyiteminfo,e);}
  535.                         }else{
  536.                             copy(copyiteminfo.copyaction.toString());
  537.                             popNotify.success("已复制到剪贴板",copyiteminfo.copyaction.toString())
  538.                         }
  539.                         return;
  540.                     }
  541.                     else continue;
  542.                 }
  543.                 popNotify.error("快速复制失败","没有任何已启用的可用快速复制设定");
  544.             });
  545.             runningCfg.onhold(async e => {
  546.                 let modalcontent = `
  547.                 <style scoped>
  548.                 input:not(.shortinput){
  549.                     width:100%;
  550.                     display:block;
  551.                 }
  552.                 .shoav_expandinfo>div {
  553.                     text-align: center;
  554.                     flex: 1;
  555.                 }
  556.                 input.shortinput {
  557.                     width: 7.8em;
  558.                     text-align: center;
  559.                 }
  560.                 .CKTOOLS-modal-content>div>div{
  561.                     width: 440px!important;
  562.                 }
  563.                 .shoav_expandinfo{
  564.                     display: flex;
  565.                     flex-direction: row;
  566.                     flex-wrap: nowrap;
  567.                     align-content: center;
  568.                     justify-content: space-around;
  569.                     align-items: stretch;
  570.                 }
  571.                 </style>
  572.                 <b>点击输入框可以快速复制</b><br>`;
  573.                 for (let copyitem of config.copyitems) {
  574.                     const copyiteminfo = await getCopyItem(copyitem,globalinfos,av_span);
  575.                     if(copyiteminfo.type=="copiable"){
  576.                         modalcontent+=`<span class="copyitem-title">${copyiteminfo.title}</span><input readonly value="${copyiteminfo.content}" onclick="showav_fastcopy(this);" />`
  577.                     }
  578.                     else{
  579.                         modalcontent+=copyiteminfo.content;
  580.                     }
  581.                 }
  582.                 modalcontent += `<br><hr><a href="javascript:void(0)" onclick="showav_guisettings_advcopy()">⚙ 复制设置</a><br>
  583.                 <a href="https://github.com/CKylinMC/UserJS/issues/new?assignees=CKylinMC&labels=&template=feature-request.yaml&title=%5BIDEA%5D+ShowAV%E8%84%9A%E6%9C%AC%E9%A2%84%E8%AE%BE%E9%93%BE%E6%8E%A5%E6%A0%BC%E5%BC%8F%E8%AF%B7%E6%B1%82&target=[%E8%84%9A%E6%9C%AC%EF%BC%9A%E8%A7%86%E9%A2%91%E9%A1%B5%E9%9D%A2%E5%B8%B8%E9%A9%BB%E6%98%BE%E7%A4%BAAV/BV%E5%8F%B7]&desp=%E6%88%91%E5%B8%8C%E6%9C%9B%E6%B7%BB%E5%8A%A0%E6%96%B0%E7%9A%84%E9%A2%84%E8%AE%BE%E9%93%BE%E6%8E%A5%E6%A0%BC%E5%BC%8F%EF%BC%8C%E5%A6%82%E4%B8%8B...">缺少你需要的格式？反馈来添加...</a>
  584.                 `;
  585.                 modalcontent+= closeButton().outerHTML;
  586.                 CKTools.modal.alertModal("高级复制", modalcontent, "关闭");
  587.             });
  588.             av_span.setAttribute("setup", globalinfos.cid);
  589.             config.running['avspanHC'+(force ? mode : '')] = runningCfg;
  590.         }
  591.         //} else av_span.remove();
  592.     }
  593.  
  594.     async function feat_showMore() {
  595.         const { av_root } = this;
  596.         const more_span = getOrNew("bilibiliShowMore", av_root);
  597.         more_span.innerHTML = '⋯';
  598.         more_span.title = "展示更多信息";
  599.         more_span.style.cursor = "pointer";
  600.         if (more_span.getAttribute("setup") != globalinfos.cid) {
  601.             more_span.addEventListener('click', async e => {
  602.                 let part, videoData = globalinfos;
  603.                 try {
  604.                     part = videoData.pages[globalinfos.p - 1];
  605.                 } catch (e) {
  606.                     part = videoData.pages[0];
  607.                 }
  608.                 let currentPageName = part.part.length ? part.part : '';
  609.                 let currentPageNum;
  610.                 if (videoData.videos != 1) {
  611.                     currentPageNum = `P ${globalinfos.p}/${videoData.videos}`;
  612.                 } else {
  613.                     currentPageNum = "P 1/1";
  614.                 }
  615.                 CKTools.modal.alertModal("视频信息", `
  616.             <style scoped>
  617.                 li{
  618.                     line-height: 2em;
  619.                 }
  620.             </style>
  621.             <li>
  622.                 <b>AV号: </b>av${globalinfos.aid}
  623.             </li>
  624.             <li>
  625.                 <b>BV号: </b>${globalinfos.bvid}
  626.             </li>
  627.             <li>
  628.                 <b>CID: </b>${globalinfos.cid}
  629.             </li>
  630.             <li>
  631.                 <b>分P: </b>${currentPageNum}
  632.             </li>
  633.             <li>
  634.                 <b>P名: </b>${currentPageName}
  635.             </li>
  636.             <li>
  637.                 <b>长度: </b>${globalinfos.duration}s
  638.             </li>
  639.             <li>
  640.                 <b>投稿: </b>${timeago.format(globalinfos.ctime * 1000, 'zh_CN')}
  641.             </li>
  642.             <li>
  643.                 <b>分区: </b>${globalinfos.tname}
  644.             </li>
  645.             <li>
  646.                 <b>大小: </b>${globalinfos.dimension.width}x${globalinfos.dimension.height}
  647.             </li>
  648.             <li>
  649.                 <b>封面: </b><a href="${globalinfos.pic}" target="_blank">点击查看</a>
  650.             </li>
  651.             `, "确定");
  652.             })
  653.             more_span.setAttribute("setup", globalinfos.cid);
  654.         }
  655.     }
  656.  
  657.     async function feat_showCTime() {
  658.         const { av_root, infos } = this;
  659.         const ct_span = getOrNew("bilibiliShowCTime", av_root);
  660.         ct_span.style.textOverflow = "ellipsis";
  661.         ct_span.style.whiteSpace = "nowarp";
  662.         ct_span.style.overflow = "hidden";
  663.         const d = new Date(infos.pubdate * 1000);
  664.         let txttime = timeago.format(infos.pubdate * 1000, 'zh_CN');
  665.         let rawtime = `${d.getFullYear()}-${(d.getMonth() + 1) < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1}-${d.getDate() < 10 ? '0' + d.getDate() : d.getDate()} ${d.getHours() < 10 ? '0' + d.getHours() : d.getHours()}:${d.getMinutes() < 10 ? '0' + d.getMinutes() : d.getMinutes()}:${d.getSeconds() < 10 ? '0' + d.getSeconds() : d.getSeconds()}`;
  666.  
  667.         ct_span.title = "投稿时间 " + (config.defaultTextTime ? rawtime : txttime);
  668.         ct_span.innerHTML = config.defaultTextTime ? txttime : rawtime
  669.         if (config.hideTime) ct_span.innerHTML += `
  670.         <style>
  671.         .video-info-detail span:nth-child(3),.video-info-detail span.pupdate{
  672.             display:none!important;
  673.         }
  674.         </style>`;
  675.     }
  676.  
  677.     async function feat_showViews() {
  678.         const { av_root, infos } = this;
  679.         const v_span = getOrNew("bilibiliShowViews", av_root);
  680.         v_span.style.textOverflow = "ellipsis";
  681.         v_span.style.whiteSpace = "nowarp";
  682.         v_span.style.overflow = "hidden";
  683.         v_span.title = `播放量 ${infos.stat.view}`;
  684.         v_span.innerHTML = (() => {
  685.             const res = numberFormat(infos.stat.view);
  686.             return `${res.value}${res.unit}播放`;
  687.         })();
  688.         v_span.innerHTML += `
  689.         <style>
  690.         .video-info-detail span.view{
  691.             display:none!important;
  692.         }
  693.         </style>`;
  694.     }
  695.  
  696.     async function feat_showDmk() {
  697.         const { av_root, infos } = this;
  698.         const dmk_span = getOrNew("bilibiliShowDmk", av_root);
  699.         dmk_span.style.textOverflow = "ellipsis";
  700.         dmk_span.style.whiteSpace = "nowarp";
  701.         dmk_span.style.overflow = "hidden";
  702.         dmk_span.title = `${infos.stat.danmaku}条弹幕`;
  703.         dmk_span.innerHTML = (() => {
  704.             const res = numberFormat(infos.stat.danmaku);
  705.             return `${res.value}${res.unit}条弹幕`;
  706.         })();
  707.         dmk_span.innerHTML += `
  708.         <style>
  709.         .video-info-detail span.dm{
  710.             display:none!important;
  711.         }
  712.         </style>`;
  713.     }
  714.  
  715.     async function feat_showTop() {
  716.         const { av_root, infos } = this;
  717.         const top_span = getOrNew("bilibiliShowTop", av_root);
  718.         top_span.style.textOverflow = "ellipsis";
  719.         top_span.style.whiteSpace = "nowarp";
  720.         top_span.style.overflow = "hidden";
  721.         top_span.title = `全站最高排行第${infos.stat.his_rank}名`;
  722.         top_span.innerHTML = ''
  723.         top_span.innerHTML += `
  724.         <style>
  725.         .video-info-detail span.rank,.video-info-detail a.honor{
  726.             display:none!important;
  727.         }
  728.         </style>`;
  729.         if (infos.stat.his_rank === 0) {
  730.             top_span.style.display = "none";
  731.             setTimeout(() => {
  732.                 if (top_span.nextElementSibling) {
  733.                     top_span.nextElementSibling.style.marginLeft = 0;
  734.                 }
  735.             }, 100);
  736.         } else {
  737.             top_span.innerHTML += '📊 ' + infos.stat.his_rank;
  738.         }
  739.     }
  740.  
  741.     async function feat_showPic() {
  742.         const { av_root, infos } = this;
  743.         const pic_span = getOrNew("bilibiliShowPic", av_root);
  744.         pic_span.style.textOverflow = "ellipsis";
  745.         pic_span.style.whiteSpace = "nowarp";
  746.         pic_span.style.overflow = "hidden";
  747.         pic_span.title = "查看封面";
  748.         pic_span.innerHTML = "🖼️";
  749.         pic_span.style.cursor = "pointer";
  750.         if (pic_span.getAttribute("setup") != globalinfos.cid) {
  751.             config.running.picHC && config.running.picHC.uninstall();
  752.             config.running.picHC = new CKTools.HoldClick(pic_span);
  753.             config.running.picHC.onclick(() => {
  754.                 CKTools.modal.alertModal("封面", `
  755.             <img src="${globalinfos.pic}" style="width:100%" onload="this.parentElement.style.width='100%'" />
  756.             `, "关闭");
  757.             });
  758.             config.running.picHC.onhold(() => {
  759.                 open(globalinfos.pic);
  760.             });
  761.             pic_span.setAttribute("setup", globalinfos.cid);
  762.         }
  763.     }
  764.  
  765.     async function feat_showCid() {
  766.         const { av_root, infos } = this;
  767.         const cid_span = getOrNew("bilibiliShowCID", av_root);
  768.         //if (config.showCid) {
  769.         cid_span.style.textOverflow = "ellipsis";
  770.         cid_span.style.whiteSpace = "nowarp";
  771.         cid_span.style.overflow = "hidden";
  772.         cid_span.title = "CID:" + infos.cid;
  773.         cid_span.innerText = "CID:" + infos.cid;
  774.         if (cid_span.getAttribute("setup") != globalinfos.cid) {
  775.             config.running.cidspanHC && config.running.cidspanHC.uninstall();
  776.             config.running.cidspanHC = new CKTools.HoldClick(cid_span);
  777.             config.running.cidspanHC.onclick(() => {
  778.                 copy(currentPageName);
  779.                 popNotify.success("CID复制成功", globalinfos.cid);
  780.             });
  781.             config.running.cidspanHC.onhold(() => {
  782.                 CKTools.modal.alertModal("CID信息", `
  783.                 <input readonly style="width:440px" value="${globalinfos.cid}" />
  784.                 `, "关闭");
  785.             });
  786.             cid_span.setAttribute("setup", globalinfos.cid);
  787.         }
  788.         //} else cid_span.remove();
  789.     }
  790.  
  791.     async function feat_showSize() {
  792.         const { av_root, infos } = this;
  793.         const size_span = getOrNew("bilibiliShowSize", av_root);
  794.         //if (config.showCid) {
  795.         size_span.style.textOverflow = "ellipsis";
  796.         size_span.style.whiteSpace = "nowarp";
  797.         size_span.style.overflow = "hidden";
  798.         size_span.title = `${infos.dimension.width}x${infos.dimension.height}`;
  799.         size_span.innerText = `${infos.dimension.width}x${infos.dimension.height}`;
  800.         //} else cid_span.remove();
  801.     }
  802.  
  803.     async function feat_openGUI() {
  804.         const { av_root, infos } = this;
  805.         const gui_span = getOrNew("bilibiliShowGUISettings", av_root);
  806.         gui_span.innerHTML = "⚙";
  807.         gui_span.title = "ShowAV 设置";
  808.         gui_span.style.overflow = "hidden";
  809.         gui_span.style.cursor = "pointer";
  810.         gui_span.onclick = e => GUISettings();
  811.     }
  812.  
  813.     async function feat_showArgue() {
  814.         const { av_root, infos } = this;
  815.         const argue_span = getOrNew("bilibiliShowArgue", av_root);
  816.         const original = document.querySelector(".argue.item");
  817.         if(!original) argue_span.style.display = "none";
  818.         else argue_span.style.display = "block";
  819.         argue_span.style.color = "rgb(255, 170, 44)";
  820.         argue_span.innerHTML = "<i class='van-icon-info_warning'></i>";
  821.         argue_span.title = (original&&original.title)||"警告";
  822.         argue_span.style.overflow = "hidden";
  823.     }
  824.  
  825.     async function feat_showPn() {
  826.         const { av_root, infos } = this;
  827.         const pn_span = getOrNew("bilibiliShowPN", av_root);
  828.         //if (config.showPn) {
  829.         const videoData = infos;
  830.         if (!videoData) return;
  831.         let part = {
  832.             part: 'P' + infos.p
  833.         }
  834.         try {
  835.             part = videoData.pages[infos.p - 1];
  836.         } catch (e) {
  837.             part = videoData.pages[0];
  838.         }
  839.         let currentPageName = part.part.length ? part.part : '';
  840.         let currentPageNum;
  841.         let delimiters;
  842.         if (videoData.videos != 1) {
  843.             currentPageNum = `P ${infos.p}/${videoData.videos}`;
  844.             delimiters = ["\n", " "];
  845.         } else {
  846.             currentPageNum = "";
  847.             delimiters = ["", ""];
  848.         }
  849.         pn_span.style.textOverflow = "ellipsis";
  850.         pn_span.style.whiteSpace = "nowarp";
  851.         pn_span.style.overflow = "hidden";
  852.         pn_span.title = currentPageNum + delimiters[0] + currentPageName
  853.         pn_span.innerText = currentPageNum + delimiters[1] + currentPageName;
  854.  
  855.         if (pn_span.getAttribute("setup") != globalinfos.cid) {
  856.             config.running.pnspanHC && config.running.pnspanHC.uninstall();
  857.             config.running.pnspanHC = new CKTools.HoldClick(pn_span);
  858.             config.running.pnspanHC.onclick(() => {
  859.                 copy(currentPageName);
  860.                 popNotify.success("分P标题复制成功", currentPageName);
  861.             });
  862.             config.running.pnspanHC.onhold(() => {
  863.                 CKTools.modal.alertModal("分P标题", `
  864.                 <input readonly style="width:440px" value="${currentPageName}" />
  865.                 `, "关闭");
  866.             });
  867.             pn_span.setAttribute("setup", globalinfos.cid);
  868.         }
  869.         //} else pn_span.remove();
  870.     }
  871.  
  872.     async function feat_custom(itemid){
  873.         const { av_root, infos } = this;
  874.         const that = this;
  875.         that.window = unsafeWindow;
  876.         const custom_span = getOrNew("bilibili_"+itemid, av_root);
  877.         const {partinfo,url,vidurl,shorturl,part,t} = await prepareData(infos);
  878.         const parseTxt = txt=>apiBasedVariablesReplacement(txt.mapReplace({
  879.             "%timeurl%": url,
  880.             "%vidurl%": vidurl,
  881.             "%shorturl%": shorturl,
  882.             "%seek%": t,
  883.             "%title%": infos.title,
  884.             "%av%": infos.aid,
  885.             "%bv%": infos.bvid,
  886.             "%cid%": infos.cid,
  887.             "%p%": part,
  888.             "%pname%": partinfo.part,
  889.             "'": "\'"
  890.         }));
  891.         if(Object.keys(config.customComponents).includes(itemid)){
  892.             const item = config.customComponents[itemid];
  893.             let content = item.content;
  894.             if(item.content.startsWith("js:")){
  895.                 content = item.content.replace("js:","");
  896.             }
  897.             else content = parseTxt(item.content);
  898.             custom_span.style.overflow = "hidden";
  899.             try{
  900.                 if(item.title.startsWith("js:")){
  901.                     let itemtitle = item.title.substr(3);
  902.                     custom_span.innerHTML = eval(parseTxt(itemtitle));
  903.                 }else 
  904.                 custom_span.innerHTML = parseTxt(item.title);
  905.             }catch(e){
  906.                 custom_span.innerHTML = parseTxt(item.title);
  907.             }
  908.             custom_span.title = `自定义组件: ${item.title}\n长按管理自定义组件`;
  909.             if(custom_span.getAttribute("setup")!=globalinfos.cid){
  910.                 custom_span.setAttribute("setup",globalinfos.cid);
  911.                 config.running[itemid] && config.running[itemid].uninstall();
  912.                 config.running[itemid] = new CKTools.HoldClick(custom_span);
  913.                 config.running[itemid].onclick(e => {
  914.                     console.log(item.content)
  915.                     if(item.content.startsWith("js:")){
  916.                         log("executing:",content);
  917.                         exec(content,that)();
  918.                     }else{
  919.                         copy(content);
  920.                         popNotify.success("已复制"+item.title,content);
  921.                     }
  922.                 });
  923.                 config.running[itemid].onhold(e=>{
  924.                     GUISettings_customcomponents();
  925.                 })
  926.             }
  927.         }else{
  928.             log("Errored while handling custom components:",k,"not found");
  929.             custom_span.remove();
  930.         }
  931.     } 
  932.  
  933.     function getSideloadModules(){
  934.         if(!unsafeWindow.ShowAVModules) return {};
  935.         const mods = {};
  936.         for(const modName of Object.keys(unsafeWindow.ShowAVModules)){
  937.             const mod = unsafeWindow.ShowAVModules[modName];
  938.             if(mod&&(typeof(mod.name)==='string')&&(typeof(mod.onload)==='function')&&(typeof(mod.onclick)==='function')&&(typeof(mod.onhold)==='function')){
  939.                 mods[modName] = mod;
  940.             }
  941.         }
  942.         return mods;
  943.     }
  944.  
  945.     function mappedSideloadModules(){
  946.         const sideloads = getSideloadModules();
  947.         const mods = {};
  948.         for(const modName of Object.keys(sideloads)){
  949.             mods['sideload_'+modName] = sideloads[modName];
  950.         }
  951.         return mods;
  952.     }
  953.  
  954.     async function runSideloadModule(module,moduleInternalID = (Math.floor(Math.random()*10000))){
  955.         let slm_span = null;
  956.         try{
  957.             const { av_root }=this;
  958.             const onloadFn = module.onload.bind(this);
  959.             const onclickFn = module.onclick.bind(this);
  960.             const onholdFn = module.onhold.bind(this);
  961.             const name = "showav_slm_" + moduleInternalID;
  962.             slm_span = getOrNew(name, av_root);
  963.             slm_span.innerHTML = '';
  964.             slm_span.style.textOverflow = "ellipsis";
  965.             slm_span.style.whiteSpace = "nowarp";
  966.             slm_span.style.overflow = "hidden";
  967.             slm_span.title = "模块:" + module.name;
  968.             if(module.tip){
  969.                 if(typeof(module.tip)=='function') slm_span.title+='\n'+module.tip.bind(this)();
  970.                 else slm_span.title+='\n'+module.tip;
  971.             }else if(module.description){
  972.                 slm_span.title+='\n'+module.description;
  973.             }
  974.             slm_span.appendChild(await onloadFn(slm_span));
  975.             if (slm_span.getAttribute("setup") != globalinfos.cid) {
  976.                 config.running[name] && config.running[name].uninstall();
  977.                 config.running[name] = new CKTools.HoldClick(slm_span);
  978.                 config.running[name].onclick(onclickFn);
  979.                 config.running[name].onhold(onholdFn);
  980.                 slm_span.setAttribute("setup", globalinfos.cid);
  981.             }
  982.         }catch(e){
  983.             log('[ERR]',module.name,e);
  984.             (slm_span&&(slm_span instanceof HTMLElement)&&slm_span.remove());
  985.         }
  986.     }
  987.  
  988.     async function tryInject(flag) {
  989.         console.log('ShowAV waiting for player ready')
  990.         if (flag && config.orders.length === 0) return log('Terminated because no option is enabled.');
  991.         if (!(await playerReady())) return log('Can not load player in time.');
  992.  
  993.         if (config.firstTimeLoad) {
  994.             registerVideoChangeHandler();
  995.             config.firstTimeLoad = false;
  996.         }
  997.         console.log('ShowAV start inject')
  998.         
  999.         CKTools.addStyle(`.video-container-v1 .copyright.item{display:none!important;}.video-container-v1 .video-info-detail{flex-wrap: wrap!important;}`,"showav_patchNewPlayer","update",document.head);
  1000.  
  1001.         if (config.forceGap) {
  1002.             CKTools.addStyle(`#bilibiliShowInfos{margin-left: 12px!important;}`,"showav_forceGapCss","update",document.head);
  1003.         }else{
  1004.             CKTools.addStyle(``,"showav_forceGapCss","update",document.head);
  1005.         }
  1006.         
  1007.         if(config.forceRemoveAllItem){
  1008.             CKTools.addStyle(`.video-container-v1 .video-info-detail>.item{display:none!important}.video-info-detail>span:not(#bilibiliShowInfos){display:none!important}`,"showav_hideall", "update", document.head);
  1009.         }else{
  1010.             CKTools.addStyle(``,"showav_hideall", "update", document.head);
  1011.         }
  1012.         
  1013.         if(config.nobreakline){
  1014.             CKTools.addStyle(`#bilibiliShowInfos{max-width: 100%;flex-wrap: nowrap!important;}`,"showav_nobreak", "update", document.head);
  1015.         }else{
  1016.             CKTools.addStyle(``,"showav_nobreak", "update", document.head);
  1017.         }
  1018.  
  1019.         if (location.pathname.startsWith("/medialist")) {
  1020.             let aid = unsafeWindow.aid;
  1021.             if (!aid) {
  1022.                 log("Variable 'aid' is not available from unsafeWindow.");
  1023.                 let activeVideo = await waitForDom(".player-auxiliary-playlist-item-active");
  1024.                 aid = activeVideo.getAttribute("data-aid");
  1025.             }
  1026.             let apidata = await getAidAPI(aid);
  1027.             globalinfos = apidata.data;
  1028.         } else {
  1029.             if (flag)
  1030.             globalinfos = (await getAPI(unsafeWindow.vd?.bvid)).data;
  1031.             else globalinfos = unsafeWindow.vd;
  1032.         }
  1033.         globalinfos.p = getUrlParam("p") || getPageFromCid(unsafeWindow.cid, globalinfos);
  1034.  
  1035.         //const av_infobar = await waitForDom(".video-data");
  1036.         const av_infobar = await waitForDom(".video-info-detail");
  1037.         if (!av_infobar) return log('Can not load info-bar in time.');
  1038.         let av_root;
  1039.         if (config.showInNewLine) {
  1040.             av_root = getOrNew("bilibiliShowInfos", av_infobar.parentElement);
  1041.         } else {
  1042.             let rootel = document.querySelector("#bilibiliShowInfos");
  1043.             if (!rootel) {
  1044.                 rootel = document.createElement("span");
  1045.                 rootel.id = "bilibiliShowInfos";
  1046.                 av_infobar.appendChild(rootel);
  1047.             }
  1048.             av_root = rootel;
  1049.         }
  1050.         //const av_root = getOrNew("bilibiliShowInfos",av_infobar);
  1051.         //const av_root = av_infobar;
  1052.  
  1053.         av_root.style.textOverflow = "ellipsis";
  1054.         av_root.style.whiteSpace = "nowrap!important";
  1055.         // av_root.style.overflow = "hidden";
  1056.         
  1057.         const that = {
  1058.             av_root, config, av_infobar, infos : globalinfos, CKTools, popNotify, tools:{
  1059.                 copy, wait, waitForPageVisible, log, getPlayerSeeks, getHEVC, waitForDom, getOrNew, playerReady, variablesReplace:apiBasedVariablesReplacement
  1060.             },
  1061.         };
  1062.  
  1063.         const functions = {
  1064.             showAv: feat_showAv.bind(that),
  1065.             showSAv: feat_showStaticAv.bind(that),
  1066.             showSBv: feat_showStaticBv.bind(that),
  1067.             showCate: feat_showCate.bind(that),
  1068.             showCid: feat_showCid.bind(that),
  1069.             showPn: feat_showPn.bind(that),
  1070.             showPic: feat_showPic.bind(that),
  1071.             showSize: feat_showSize.bind(that),
  1072.             showMore: feat_showMore.bind(that),
  1073.             showCTime: feat_showCTime.bind(that),
  1074.             showDmk: feat_showDmk.bind(that),
  1075.             showViews: feat_showViews.bind(that),
  1076.             showTop: feat_showTop.bind(that),
  1077.             showArgue: feat_showArgue.bind(that),
  1078.             openGUI: feat_openGUI.bind(that),
  1079.             customDriver: feat_custom.bind(that)
  1080.         }
  1081.  
  1082.         const sideloads = mappedSideloadModules();
  1083.  
  1084.         config.orders.forEach(async k => {
  1085.             if(Object.keys(functions).includes(k)) await functions[k]();
  1086.             else if(Object.keys(sideloads).includes(k)) await runSideloadModule.bind(that)(sideloads[k], k);
  1087.             else{
  1088.                 try{
  1089.                     await functions.customDriver(k);
  1090.                 }catch(e){
  1091.                     log(`Custom component "${k}" throwed an error:`,e)
  1092.                 };
  1093.             }
  1094.         });
  1095.         
  1096.         const titleobj = document.querySelector("span.tit");
  1097.         if(titleobj&&!titleobj.getAttribute("data-copy-action-registered")){
  1098.             titleobj.onclick = e => {
  1099.                 let content = e.target.innerText;
  1100.                 let tip = "已复制视频标题";
  1101.                 if(unsafeWindow.getSelection().toString().length){
  1102.                     content = unsafeWindow.getSelection().toString();
  1103.                     tip = "已复制视频标题选中部分";
  1104.                 }
  1105.                 copy(content);
  1106.                 popNotify.success(tip,content);
  1107.             }
  1108.             titleobj.setAttribute("data-copy-action-registered",true);
  1109.         }
  1110.  
  1111.         setupWarningAutoFolding();
  1112.     }
  1113.  
  1114.     function setupWarningAutoFolding(){
  1115.         //if(config.foldedWarningTip)
  1116.             /*CKTools.addStyle(
  1117.                 "span.argue{margin-right: 10px !important;margin-left: 0 !important;overflow: hidden !important;width: 15px !important;text-overflow: clip !important;padding: 3px 4px !important}span.argue>i{margin-right: 5px!important}",
  1118.                 "showav_foldWarningTip","update");*/
  1119.             CKTools.addStyle(
  1120.                 "span.argue{display:none!important}",
  1121.                 "showav_foldWarningTip","update");
  1122.         /*else
  1123.         CKTools.addStyle(
  1124.             "span.argue{margin-right: 10px !important;margin-left: 0 !important;}",
  1125.             "showav_foldWarningTip","update");*/
  1126.     }
  1127.  
  1128.     function closeButton(){
  1129.         const closebtn = document.createElement("div");
  1130.         closebtn.innerHTML = " × ";
  1131.         closebtn.style.position = "absolute";
  1132.         closebtn.style.top = "10px";
  1133.         closebtn.style.right = "10px";
  1134.         closebtn.style.cursor = "pointer";
  1135.         closebtn.style.fontWeight = 900;
  1136.         closebtn.style.fontSize = "larger";
  1137.         closebtn.setAttribute("onclick","CKTools.modal.hideModal()");
  1138.         return closebtn;
  1139.     }
  1140.  
  1141.     async function GUISettings() {
  1142.         if (CKTools.modal.isModalShowing()) {
  1143.             CKTools.modal.hideModal();
  1144.             await wait(300);
  1145.         }
  1146.         CKTools.modal.openModal("ShowAV / 设置", await CKTools.domHelper("div", async container => {
  1147.             container.style.alignItems = "stretch";
  1148.             container.style.minWidth = "300px";
  1149.             [
  1150.                 closeButton(),
  1151.                 await CKTools.domHelper("div", async tip => {
  1152.                     tip.style.lineHeight = "2em";
  1153.                     tip.style.fontSize = "small";
  1154.                     tip.style.fontStyle = "italic";
  1155.                     tip.style.width = "100%";
  1156.                     tip.innerText = "修改设置后记得点击保存哦";
  1157.                 }),
  1158.                 await CKTools.domHelper("li", async list => {
  1159.                     list.classList.add("showav_menuitem");
  1160.                     list.onclick = e => GUISettings_options();
  1161.                     [
  1162.                         await CKTools.domHelper("label", label => {
  1163.                             label.innerHTML = "功能选项";
  1164.                         }),
  1165.                         await CKTools.domHelper("span", label => {
  1166.                             label.innerHTML = "调整每个功能模块的单独选项";
  1167.                             label.style.marginLeft = "6px";
  1168.                         }),
  1169.                     ].forEach(e => list.appendChild(e));
  1170.                 }),
  1171.                 await CKTools.domHelper("li", async list => {
  1172.                     list.classList.add("showav_menuitem");
  1173.                     list.onclick = e => GUISettings_components();
  1174.                     [
  1175.                         await CKTools.domHelper("label", label => {
  1176.                             label.innerHTML = "组件设置";
  1177.                         }),
  1178.                         await CKTools.domHelper("span", label => {
  1179.                             label.innerHTML = "启用/排序/自定义功能组件";
  1180.                             label.style.marginLeft = "6px";
  1181.                         }),
  1182.                     ].forEach(e => list.appendChild(e));
  1183.                 }),
  1184.                 await CKTools.domHelper("li", async list => {
  1185.                     list.classList.add("showav_menuitem");
  1186.                     list.onclick = e => GUISettings_customcomponents(()=>GUISettings());
  1187.                     [
  1188.                         await CKTools.domHelper("label", label => {
  1189.                             label.innerHTML = "自定义组件设置";
  1190.                         }),
  1191.                         await CKTools.domHelper("span", label => {
  1192.                             label.innerHTML = "添加或删除自定义的信息栏组件";
  1193.                             label.style.marginLeft = "6px";
  1194.                         }),
  1195.                     ].forEach(e => list.appendChild(e));
  1196.                 }),
  1197.                 await CKTools.domHelper("li", async list => {
  1198.                     list.classList.add("showav_menuitem");
  1199.                     list.onclick = e => GUISettings_advcopy(()=>GUISettings());
  1200.                     [
  1201.                         await CKTools.domHelper("label", label => {
  1202.                             label.innerHTML = "高级复制设置";
  1203.                         }),
  1204.                         await CKTools.domHelper("span", label => {
  1205.                             label.innerHTML = "自定义复制弹窗和默认动作";
  1206.                             label.style.marginLeft = "6px";
  1207.                         }),
  1208.                     ].forEach(e => list.appendChild(e));
  1209.                 }),
  1210.             ].forEach(e => container.appendChild(e));
  1211.         }));
  1212.     }
  1213.  
  1214.     async function GUISettings_options() {
  1215.         if (CKTools.modal.isModalShowing()) {
  1216.             CKTools.modal.hideModal();
  1217.             await wait(300);
  1218.         }
  1219.         CKTools.modal.openModal("ShowAV / 设置 / 功能选项", await CKTools.domHelper("div", async container => {
  1220.             container.style.alignItems = "stretch";
  1221.             [
  1222.                 closeButton(),
  1223.                 await CKTools.domHelper("li", sectiontitle=>{
  1224.                     sectiontitle.innerText = "信息栏";
  1225.                     sectiontitle.className = "showav_settings_sectiontitle";
  1226.                 }),
  1227.                 await CKTools.domHelper("li", async list => {
  1228.                     list.style.lineHeight = "2em";
  1229.                     [
  1230.                         await CKTools.domHelper("input", input => {
  1231.                             input.type = "checkbox";
  1232.                             input.id = "showav_forcegap";
  1233.                             input.name = "showav_forcegap";
  1234.                             input.style.display = "none";
  1235.                             input.checked = config.forceGap;
  1236.                             input.addEventListener("change",e=>{
  1237.                                 const label = document.querySelector("#showav_forcegaptip");
  1238.                                 if(!label) return;
  1239.                                 if(input.checked){
  1240.                                     label.innerHTML = "在第一个组件前<b>强制添加</b>间隔(点击切换)"
  1241.                                 }else{
  1242.                                     label.innerHTML = "在第一个组件前<b>保持默认</b>间隔(点击切换)"
  1243.                                 }
  1244.                             })
  1245.                         }),
  1246.                         await CKTools.domHelper("label", label => {
  1247.                             label.id = "showav_forcegaptip";
  1248.                             label.setAttribute('for', "showav_forcegap");
  1249.                             if(config.forceGap){
  1250.                                 label.innerHTML = "在第一个组件前<b>强制添加</b>间隔(点击切换)"
  1251.                             }else{
  1252.                                 label.innerHTML = "在第一个组件前<b>保持默认</b>间隔(点击切换)"
  1253.                             }
  1254.                         }),
  1255.                         await CKTools.domHelper("div", div => {
  1256.                             div.style.paddingLeft = "20px";
  1257.                             div.style.color = "#919191";
  1258.                             div.innerHTML = `可选扩展信息栏和原版信息栏之间强制添加一个间隔，或保持默认`;
  1259.                         })
  1260.                     ].forEach(e => list.appendChild(e));
  1261.                 }),
  1262.                 await CKTools.domHelper("li", async list => {
  1263.                     list.style.lineHeight = "2em";
  1264.                     [
  1265.                         await CKTools.domHelper("input", input => {
  1266.                             input.type = "checkbox";
  1267.                             input.id = "showav_newline";
  1268.                             input.style.display = "none";
  1269.                             input.name = "showav_newline";
  1270.                             input.checked = config.showInNewLine;
  1271.                             input.addEventListener("change",e=>{
  1272.                                 const label = document.querySelector("#showav_showinnewlinetip");
  1273.                                 if(!label) return;
  1274.                                 if(input.checked){
  1275.                                     label.innerHTML = "在<b>新的一行中</b>显示扩展信息栏(点击切换)"
  1276.                                 }else{
  1277.                                     label.innerHTML = "在<b>当前位置后</b>显示扩展信息栏(点击切换)"
  1278.                                 }
  1279.                             })
  1280.                         }),
  1281.                         await CKTools.domHelper("label", label => {
  1282.                             label.id = "showav_showinnewlinetip";
  1283.                             label.setAttribute('for', "showav_newline");
  1284.                             if(config.showInNewLine){
  1285.                                 label.innerHTML = "在<b>新的一行中</b>显示扩展信息栏(点击切换)"
  1286.                             }else{
  1287.                                 label.innerHTML = "在<b>当前位置后</b>显示扩展信息栏(点击切换)"
  1288.                             }
  1289.                         }),
  1290.                         await CKTools.domHelper("div", div => {
  1291.                             div.style.paddingLeft = "20px";
  1292.                             div.style.color = "#919191";
  1293.                             div.innerHTML = `可选将扩展信息栏显示在下一行，尽量减少对原信息栏的修改`;
  1294.                         })
  1295.                     ].forEach(e => list.appendChild(e));
  1296.                 }),
  1297.                 await CKTools.domHelper("li", async list => {
  1298.                     list.style.lineHeight = "2em";
  1299.                     [
  1300.                         await CKTools.domHelper("label", label => {
  1301.                             label.style.paddingLeft = "3px";
  1302.                             label.id = "showav_nobreakline_tip";
  1303.                             label.setAttribute('for', "showav_nobreakline");
  1304.                             if (config.nobreakline)
  1305.                                 label.innerHTML = "默认 <b>禁止</b> 信息栏换行(点击切换)";
  1306.                             else
  1307.                                 label.innerHTML = "默认 <b>允许</b> 信息栏换行";
  1308.                         }),
  1309.                         await CKTools.domHelper("input", input => {
  1310.                             input.type = "checkbox";
  1311.                             input.id = "showav_nobreakline";
  1312.                             input.name = "showav_nobreakline";
  1313.                             input.style.display = "none";
  1314.                             input.checked = config.nobreakline;
  1315.                             input.addEventListener('change', e => {
  1316.                                 const label = document.querySelector("#showav_nobreakline_tip");
  1317.                                 if (!label) return;
  1318.                                 if (input.checked)
  1319.                                     label.innerHTML = "默认 <b>禁止</b> 信息栏换行(点击切换)";
  1320.                                 else
  1321.                                     label.innerHTML = "默认 <b>允许</b> 信息栏换行(点击切换)";
  1322.                             })
  1323.                         }),
  1324.                         await CKTools.domHelper("div", div => {
  1325.                             div.style.paddingLeft = "20px";
  1326.                             div.style.color = "#919191";
  1327.                             div.innerHTML = `是否要求信息栏尽量不换行，可能其中的文本会被截断。`;
  1328.                         })
  1329.                     ].forEach(e => list.appendChild(e));
  1330.                 }),
  1331.                 await CKTools.domHelper("li", async list => {
  1332.                     list.style.lineHeight = "2em";
  1333.                     [
  1334.                         await CKTools.domHelper("label", label => {
  1335.                             label.style.paddingLeft = "3px";
  1336.                             label.id = "showav_foldvidwarn_tip";
  1337.                             label.setAttribute('for', "showav_foldvidwarn");
  1338.                             //if (config.foldedWarningTip)
  1339.                                 //label.innerHTML = "默认 <b>隐藏</b> 视频警告文字(点击切换)";
  1340.                             //else
  1341.                                 label.innerHTML = "默认 <b>隐藏</b> 视频警告文字";
  1342.                         }),
  1343.                         /*await CKTools.domHelper("input", input => {
  1344.                             input.type = "checkbox";
  1345.                             input.id = "showav_foldvidwarn";
  1346.                             input.name = "showav_foldvidwarn";
  1347.                             input.style.display = "none";
  1348.                             input.checked = config.foldedWarningTip;
  1349.                             input.addEventListener('change', e => {
  1350.                                 const label = document.querySelector("#showav_foldvidwarn_tip");
  1351.                                 if (!label) return;
  1352.                                 if (input.checked)
  1353.                                     label.innerHTML = "默认 <b>折叠</b> 视频警告文字(点击切换)";
  1354.                                 else
  1355.                                     label.innerHTML = "默认 <b>展示</b> 视频警告文字(点击切换)";
  1356.                             })
  1357.                         }),*/
  1358.                         await CKTools.domHelper("div", div => {
  1359.                             div.style.paddingLeft = "20px";
  1360.                             div.style.color = "#919191";
  1361.                             div.innerHTML = `将视频警告(如 含有危险行为)折叠为图标，防止占用过多信息栏空间。<br>由于新版本播放器适配问题，默认隐藏原版提示。<br>请前往组件管理开启或关闭组件中的警告提示。`;
  1362.                         })
  1363.                     ].forEach(e => list.appendChild(e));
  1364.                 }),
  1365.                 await CKTools.domHelper("li", async list => {
  1366.                     list.style.lineHeight = "2em";
  1367.                     [
  1368.                         await CKTools.domHelper("label", label => {
  1369.                             label.style.paddingLeft = "3px";
  1370.                             label.id = "showav_forceRemoveAllItem_tip";
  1371.                             label.setAttribute('for', "showav_forceRemoveAllItem");
  1372.                             if (config.forceRemoveAllItem)
  1373.                                 label.innerHTML = "默认 <b>隐藏</b> 原版所有组件(点击切换)";
  1374.                             else
  1375.                                 label.innerHTML = "默认 <b>不隐藏</b> 原版所有组件";
  1376.                         }),
  1377.                         await CKTools.domHelper("input", input => {
  1378.                             input.type = "checkbox";
  1379.                             input.id = "showav_forceRemoveAllItem";
  1380.                             input.name = "showav_forceRemoveAllItem";
  1381.                             input.style.display = "none";
  1382.                             input.checked = config.forceRemoveAllItem;
  1383.                             input.addEventListener('change', e => {
  1384.                                 const label = document.querySelector("#showav_forceRemoveAllItem_tip");
  1385.                                 if (!label) return;
  1386.                                 if (input.checked)
  1387.                                     label.innerHTML = "默认 <b>隐藏</b> 原版所有组件(点击切换)";
  1388.                                 else
  1389.                                     label.innerHTML = "默认 <b>不隐藏</b> 原版所有组件(点击切换)";
  1390.                             })
  1391.                         }),
  1392.                         // await CKTools.domHelper("div", div => {
  1393.                         //     div.style.paddingLeft = "20px";
  1394.                         //     div.style.color = "#919191";
  1395.                         //     div.innerHTML = `是否尽量隐藏B站原本信息条中的组件。仅对新版本播放器生效。`;
  1396.                         // })
  1397.                     ].forEach(e => list.appendChild(e));
  1398.                 }),
  1399.                 await CKTools.domHelper("li", sectiontitle=>{
  1400.                     sectiontitle.innerText = "组件: 显示视频分P信息";
  1401.                     sectiontitle.className = "showav_settings_sectiontitle";
  1402.                 }),
  1403.                 await CKTools.domHelper("li", async list => {
  1404.                     list.style.lineHeight = "2em";
  1405.                     [
  1406.                         await CKTools.domHelper("label", label => {
  1407.                             label.style.paddingLeft = "3px";
  1408.                             label.setAttribute('for', "showav_pnwid");
  1409.                             label.innerHTML = "字数限制";
  1410.                         }),
  1411.                         await CKTools.domHelper("input", input => {
  1412.                             input.type = "number";
  1413.                             input.id = "showav_pnwid";
  1414.                             input.name = "showav_pnwid";
  1415.                             input.setAttribute('min', 5);
  1416.                             input.setAttribute('max', 100);
  1417.                             input.style.width = "3em";
  1418.                             input.style.textAlign = "center";
  1419.                             input.style.marginLeft = "1em";
  1420.                             input.style.lineHeight = "1em";
  1421.                             input.value = config.pnmaxlength;
  1422.                             const updatePreview = () =>
  1423.                                 wait(2).then(() => CKTools.addStyle(`
  1424.                                 #showav_lengthpreview{
  1425.                                     max-width: ${input.value}em !important;
  1426.                                 }
  1427.                                 `, "showav_lengthpreviewcss", "update"));
  1428.                             input.addEventListener("input", updatePreview);
  1429.                             wait(300).then(updatePreview);
  1430.                         }),
  1431.                         await CKTools.domHelper("span", span => {
  1432.                             span.id = "showav_lengthpreview";
  1433.                             span.innerText = "这里是一条长度预览，你可以在这里查看长度限制的效果。好吧，我承认，后面这几个字只是为了凑个字数而已的。等等，你还要更长？？？相信我，你不会想要这么长的。";
  1434.                             span.style.maxWidth = "0em";
  1435.                             span.style.marginLeft = "30px";
  1436.                             span.style.textOverflow = "ellipsis";
  1437.                             span.style.whiteSpace = "nowarp";
  1438.                             span.style.overflow = "hidden";
  1439.                             span.style.whiteSpace = "nowrap";
  1440.                             span.style.display = "block";
  1441.                             span.style.fontSize = "12px";
  1442.                             span.style.transition = "all .5s";
  1443.                         }),
  1444.                         await CKTools.domHelper("div", div => {
  1445.                             div.style.paddingLeft = "20px";
  1446.                             div.style.color = "#919191";
  1447.                             div.innerHTML = `限制分P信息显示时的最大长度`;
  1448.                         })
  1449.                     ].forEach(e => list.appendChild(e));
  1450.                 }),
  1451.                 await CKTools.domHelper("li", sectiontitle=>{
  1452.                     sectiontitle.innerText = "组件: 显示视频编号和高级复制";
  1453.                     sectiontitle.className = "showav_settings_sectiontitle";
  1454.                 }),
  1455.                 await CKTools.domHelper("li", async list => {
  1456.                     list.style.lineHeight = "2em";
  1457.                     [
  1458.                         await CKTools.domHelper("label", label => {
  1459.                             label.style.paddingLeft = "3px";
  1460.                             label.id = "showav_defaultav_tip";
  1461.                             label.setAttribute('for', "showav_defaultav");
  1462.                             if (config.defaultAv)
  1463.                                 label.innerHTML = "默认展示 <b>视频AV号</b> (点击切换)";
  1464.                             else
  1465.                                 label.innerHTML = "默认展示 <b>视频BV号</b> (点击切换)";
  1466.                         }),
  1467.                         await CKTools.domHelper("input", input => {
  1468.                             input.type = "checkbox";
  1469.                             input.id = "showav_defaultav";
  1470.                             input.name = "showav_defaultav";
  1471.                             input.style.display = "none";
  1472.                             input.checked = config.defaultAv;
  1473.                             input.addEventListener('change', e => {
  1474.                                 const label = document.querySelector("#showav_defaultav_tip");
  1475.                                 if (!label) return;
  1476.                                 if (input.checked)
  1477.                                     label.innerHTML = "默认展示 <b>视频AV号</b> (点击切换)";
  1478.                                 else
  1479.                                     label.innerHTML = "默认展示 <b>视频BV号</b> (点击切换)";
  1480.  
  1481.                             })
  1482.                         }),
  1483.                         await CKTools.domHelper("div", div => {
  1484.                             div.style.paddingLeft = "20px";
  1485.                             div.style.color = "#919191";
  1486.                             div.innerHTML = `仅对<b>可切换视频编号和高级复制</b>功能起效。<br>
  1487.                             可切换视频编号和高级复制组件可以使用右键临时切换显示内容。<br>
  1488.                             高级复制和快速复制默认读取对应组件显示内容，因此此处设置也会影响可切换视频编号组件的默认复制内容。`;
  1489.                         })
  1490.                     ].forEach(e => list.appendChild(e));
  1491.                 }),
  1492.                 await CKTools.domHelper("li", sectiontitle=>{
  1493.                     sectiontitle.innerText = "组件: 显示视频投稿时间";
  1494.                     sectiontitle.className = "showav_settings_sectiontitle";
  1495.                 }),
  1496.                 await CKTools.domHelper("li", async list => {
  1497.                     list.style.lineHeight = "2em";
  1498.                     [
  1499.                         await CKTools.domHelper("label", label => {
  1500.                             label.style.paddingLeft = "3px";
  1501.                             label.id = "showav_hidetime_tip";
  1502.                             label.setAttribute('for', "showav_hidetime");
  1503.                             if (config.hideTime)
  1504.                                 label.innerHTML = "<b>隐藏</b>原版发布时间 (点击切换)";
  1505.                             else
  1506.                                 label.innerHTML = "<b>显示</b>原版发布时间 (点击切换)";
  1507.                         }),
  1508.                         await CKTools.domHelper("input", input => {
  1509.                             input.type = "checkbox";
  1510.                             input.id = "showav_hidetime";
  1511.                             input.name = "showav_hidetime";
  1512.                             input.style.display = "none";
  1513.                             input.checked = config.hideTime;
  1514.                             input.addEventListener('change', e => {
  1515.                                 const label = document.querySelector("#showav_hidetime_tip");
  1516.                                 if (!label) return;
  1517.                                 if (input.checked)
  1518.                                     label.innerHTML = "<b>隐藏</b>原版发布时间 (点击切换)";
  1519.                                 else
  1520.                                     label.innerHTML = "<b>显示</b>原版发布时间 (点击切换)";
  1521.                             })
  1522.                         }),
  1523.                         await CKTools.domHelper("div", div => {
  1524.                             div.style.paddingLeft = "20px";
  1525.                             div.style.color = "#919191";
  1526.                             div.innerHTML = `仅在开启<b>视频投稿时间</b>功能时起效。<br>
  1527.                             插件添加的视频投稿时间可以选择显示两种时间格式，并且可排序。`;
  1528.                         })
  1529.                     ].forEach(e => list.appendChild(e));
  1530.                 }),
  1531.                 await CKTools.domHelper("li", async list => {
  1532.                     list.style.lineHeight = "2em";
  1533.                     [
  1534.                         await CKTools.domHelper("label", label => {
  1535.                             label.style.paddingLeft = "3px";
  1536.                             label.id = "showav_deftxttime_tip";
  1537.                             label.setAttribute('for', "showav_deftxttime");
  1538.                             if (config.defaultTextTime)
  1539.                                 label.innerHTML = "显示<b>相对时间</b> (点击切换)";
  1540.                             else
  1541.                                 label.innerHTML = "显示<b>完整时间戳</b> (点击切换)";
  1542.                         }),
  1543.                         await CKTools.domHelper("input", input => {
  1544.                             input.type = "checkbox";
  1545.                             input.id = "showav_deftxttime";
  1546.                             input.name = "showav_deftxttime";
  1547.                             input.style.display = "none";
  1548.                             input.checked = config.defaultTextTime;
  1549.                             input.addEventListener('change', e => {
  1550.                                 const label = document.querySelector("#showav_deftxttime_tip");
  1551.                                 if (!label) return;
  1552.                                 if (input.checked)
  1553.                                     label.innerHTML = "显示<b>相对时间</b> (点击切换)";
  1554.                                 else
  1555.                                     label.innerHTML = "显示<b>完整时间戳</b> (点击切换)";
  1556.                             })
  1557.                         }),
  1558.                         await CKTools.domHelper("div", div => {
  1559.                             div.style.paddingLeft = "20px";
  1560.                             div.style.color = "#919191";
  1561.                             div.innerHTML = `<b>相对时间格式:</b> 如  1周前<br><b>完整时间戳格式:</b> 如  2021-09-10 11:21:03<br>仅对<b>视频投稿时间</b>功能起效。`;
  1562.                         })
  1563.                     ].forEach(e => list.appendChild(e));
  1564.                 }),
  1565.                 await CKTools.domHelper("div", async btns => {
  1566.                     btns.style.display = "flex";
  1567.                     btns.style.alignItems = "flex-end";
  1568.                     btns.appendChild(await CKTools.domHelper("button", btn => {
  1569.                         btn.className = "CKTOOLS-toolbar-btns";
  1570.                         btn.innerHTML = "保存并返回";
  1571.                         btn.onclick = e => {
  1572.                             config.defaultAv = document.querySelector("#showav_defaultav").checked;
  1573.                             config.forceGap = document.querySelector("#showav_forcegap").checked;
  1574.                             config.hideTime = document.querySelector("#showav_hidetime").checked;
  1575.                             config.defaultTextTime = document.querySelector("#showav_deftxttime").checked;
  1576.                             config.forceRemoveAllItem = document.querySelector("#showav_forceRemoveAllItem").checked;
  1577.                             config.nobreakline = document.querySelector("#showav_nobreakline").checked;
  1578.                             config.pnmaxlength = parseInt(document.querySelector("#showav_pnwid").value);
  1579.                             config.showInNewLine = document.querySelector("#showav_newline").checked;
  1580.                             saveAllConfig();
  1581.                             CKTools.addStyle(``, "showav_lengthpreviewcss", "update");
  1582.                             CKTools.modal.hideModal();
  1583.                             let old = document.querySelector("#bilibiliShowInfos")
  1584.                             if (old) old.remove();
  1585.                             initScript(true);
  1586.                             wait(300).then(()=>GUISettings());
  1587.                         }
  1588.                     }))
  1589.                     btns.appendChild(await CKTools.domHelper("button", btn => {
  1590.                         btn.className = "CKTOOLS-toolbar-btns";
  1591.                         btn.innerHTML = "返回";
  1592.                         btn.style.background = "#ececec";
  1593.                         btn.style.color = "black";
  1594.                         btn.onclick = e => {
  1595.                             CKTools.addStyle(``, "showav_lengthpreviewcss", "update");
  1596.                             CKTools.modal.hideModal();
  1597.                             wait(300).then(()=>GUISettings());
  1598.                         }
  1599.                     }))
  1600.                 })
  1601.             ].forEach(e => container.appendChild(e));
  1602.         }));
  1603.     }
  1604.  
  1605.     async function GUISettings_components() {
  1606.         if (CKTools.modal.isModalShowing()) {
  1607.             CKTools.modal.hideModal();
  1608.             await wait(300);
  1609.         }
  1610.         CKTools.modal.openModal("ShowAV / 设置 / 组件", await CKTools.domHelper("div", async container => {
  1611.             container.style.alignItems = "stretch";
  1612.             [
  1613.                 closeButton(),
  1614.                 // dragable code from ytb v=jfYWwQrtzzY
  1615.                 await CKTools.domHelper("li", async list => {
  1616.                     const makeDragable = async id => {
  1617.                         return await CKTools.domHelper("div", draggable => {
  1618.                             draggable.className = "showav_dragableitem";
  1619.                             draggable.setAttribute("draggable", true);
  1620.                             draggable.setAttribute("data-id", id);
  1621.                             if (id.split("_")[0] === "custom") {
  1622.                                 draggable.innerHTML = config.customComponents[id].title;
  1623.                                 const node = document.createElement("div");
  1624.                                 node.appendChild(document.createTextNode(config.customComponents[id].content));
  1625.                                 draggable.appendChild(node);
  1626.                             }else if (id.split("_")[0] == "sideload") {
  1627.                                 let ids = id.split("_");
  1628.                                 ids.shift();
  1629.                                 const modname = ids.join('_');
  1630.                                 draggable.innerHTML = getSideloadModules()[modname].name;
  1631.                                 const node = document.createElement("div");
  1632.                                 node.appendChild(document.createTextNode(getSideloadModules()[modname].description??'外挂组件'));
  1633.                                 draggable.appendChild(node);
  1634.                             } else {
  1635.                                 draggable.innerHTML = txtCn[id];
  1636.                                 draggable.innerHTML += `<div>${descCn[id]}</div>`;
  1637.                             }
  1638.                             let expanded = false;
  1639.                             draggable.addEventListener('dragstart', e => {
  1640.                                 if (expanded) draggable.classList.remove('showav_expand');
  1641.                                 draggable.classList.add('showav_dragging');
  1642.                                 [...document.querySelectorAll('.showav_dragablediv')].forEach(e => e.classList.add('showav_child_dragging'))
  1643.                             })
  1644.                             draggable.addEventListener('dragend', e => {
  1645.                                 if (expanded) draggable.classList.add('showav_expand');
  1646.                                 draggable.classList.remove('showav_dragging');
  1647.                                 [...document.querySelectorAll('.showav_child_dragging')].forEach(e => e.classList.remove('showav_child_dragging'))
  1648.                             })
  1649.                             draggable.addEventListener('click', e => {
  1650.                                 expanded = draggable.classList.toggle('showav_expand');
  1651.                             })
  1652.                         })
  1653.                     };
  1654.                     function getClosestItem(container, y) {
  1655.                         const draggables = [...container.querySelectorAll(".showav_dragableitem:not(.showav_dragging)")];
  1656.                         return draggables.reduce((closest, child) => {
  1657.                             const box = child.getBoundingClientRect();
  1658.                             const offset = y - box.top - box.height / 2;
  1659.                             if (offset < 0 && offset > closest.offset) return { offset, element: child };
  1660.                             else return closest;
  1661.                         }, { offset: Number.NEGATIVE_INFINITY }).element;
  1662.                     }
  1663.                     function registerDragEvent(draggablediv) {
  1664.                         draggablediv.addEventListener('dragover', e => {
  1665.                             e.preventDefault();
  1666.                             const closestElement = getClosestItem(draggablediv, e.clientY);
  1667.                             const dragging = document.querySelector(".showav_dragging");
  1668.                             if (closestElement === null) {
  1669.                                 draggablediv.appendChild(dragging);
  1670.                             } else {
  1671.                                 draggablediv.insertBefore(dragging, closestElement);
  1672.                             }
  1673.                         })
  1674.                     }
  1675.                     [
  1676.                         await CKTools.domHelper("div", div => {
  1677.                             div.innerHTML = `<b>拖动下面的功能模块进行排序</b>`;
  1678.                         }),
  1679.                         await CKTools.domHelper("div", async enableddiv => {
  1680.                             enableddiv.innerHTML = `<b>启用</b>`;
  1681.                             enableddiv.className = "showav_dragablediv showav_enableddiv";
  1682.                             config.orders.forEach(async k => {
  1683.                                 enableddiv.appendChild(await makeDragable(k));
  1684.                             });
  1685.                             registerDragEvent(enableddiv);
  1686.                         }),
  1687.                         await CKTools.domHelper("div", async disableddiv => {
  1688.                             disableddiv.innerHTML = `<b>禁用</b>`;
  1689.                             disableddiv.className = "showav_dragablediv showav_disableddiv";
  1690.                             const sideloads = getSideloadModules();
  1691.                             const sideloaditems = Object.keys(sideloads).map(k => 'sideload_'+k);
  1692.                             [...config.all,...sideloaditems].forEach(async k => {
  1693.                                 if (config.orders.includes(k)) return;
  1694.                                 disableddiv.appendChild(await makeDragable(k));
  1695.                             });
  1696.                             registerDragEvent(disableddiv);
  1697.                         }),
  1698.                         await CKTools.domHelper("div", async div => {
  1699.                             div.style.lineHeight = "2em";
  1700.                             div.style.cursor = "pointer";
  1701.                             div.style.color = "#1976d2";
  1702.                             div.style.fontWeight = "bold";
  1703.                             div.innerHTML = `功能设置`;
  1704.                             div.onclick = e => GUISettings_options();
  1705.                         }),
  1706.                         await CKTools.domHelper("div", async div => {
  1707.                             div.style.lineHeight = "2em";
  1708.                             div.style.cursor = "pointer";
  1709.                             div.style.color = "#1976d2";
  1710.                             div.style.fontWeight = "bold";
  1711.                             div.innerHTML = `管理自定义组件`;
  1712.                             div.onclick = e => GUISettings_customcomponents();
  1713.                         }),
  1714.                         await CKTools.domHelper("div", async div => {
  1715.                             div.style.lineHeight = "2em";
  1716.                             div.innerHTML = `<a href="https://github.com/CKylinMC/UserJS/issues/new?assignees=CKylinMC&labels=&template=feature-request.yaml&title=%5BIDEA%5D+ShowAV%E8%84%9A%E6%9C%AC%E6%98%BE%E7%A4%BA%E5%8A%9F%E8%83%BD%E8%AF%B7%E6%B1%82&target=[%E8%84%9A%E6%9C%AC%EF%BC%9A%E8%A7%86%E9%A2%91%E9%A1%B5%E9%9D%A2%E5%B8%B8%E9%A9%BB%E6%98%BE%E7%A4%BAAV/BV%E5%8F%B7]&desp=%E6%88%91%E5%B8%8C%E6%9C%9B%E6%B7%BB%E5%8A%A0%E6%96%B0%E7%9A%84%E5%BF%AB%E6%8D%B7%E5%B1%95%E7%A4%BA%E5%8A%9F%E8%83%BD%EF%BC%8C%E5%8A%9F%E8%83%BD%E7%9A%84%E4%BD%9C%E7%94%A8%E5%92%8C%E6%95%88%E6%9E%9C%E5%A6%82%E4%B8%8B...">需要添加其他的显示或快捷功能？反馈来添加...</a>`
  1717.                         }),
  1718.                         await CKTools.domHelper("div", async div => {
  1719.                             div.appendChild(await CKTools.domHelper("div", async btns => {
  1720.                                 btns.style.display = "flex";
  1721.                                 btns.appendChild(await CKTools.domHelper("button", btn => {
  1722.                                     btn.className = "CKTOOLS-toolbar-btns";
  1723.                                     btn.innerHTML = "保存并返回";
  1724.                                     btn.onclick = e => {
  1725.                                         const enableddiv = document.querySelector(".showav_enableddiv");
  1726.                                         const elements = enableddiv.querySelectorAll(".showav_dragableitem");
  1727.                                         let enabledArray = [];
  1728.                                         for (let element of [...elements]) {
  1729.                                             enabledArray.push(element.getAttribute('data-id'));
  1730.                                         }
  1731.                                         config.orders = enabledArray;
  1732.                                         saveAllConfig();
  1733.                                         CKTools.modal.hideModal();
  1734.                                         let old = document.querySelector("#bilibiliShowInfos")
  1735.                                         if (old) old.remove();
  1736.                                         initScript(true);
  1737.                                         wait(310).then(()=>GUISettings());
  1738.                                     }
  1739.                                 }))
  1740.                                 btns.appendChild(await CKTools.domHelper("button", btn => {
  1741.                                     btn.className = "CKTOOLS-toolbar-btns";
  1742.                                     btn.innerHTML = "返回";
  1743.                                     btn.style.background = "#ececec";
  1744.                                     btn.style.color = "black";
  1745.                                     btn.onclick = e => {
  1746.                                         CKTools.modal.hideModal();
  1747.                                         wait(310).then(()=>GUISettings());
  1748.                                     }
  1749.                                 }))
  1750.                             }))
  1751.                         }),
  1752.                     ].forEach(e => list.appendChild(e));
  1753.                 })
  1754.             ].forEach(e => container.appendChild(e));
  1755.         }));
  1756.     }
  1757.  
  1758.     async function GUISettings_advcopy(back=null) {
  1759.         if (CKTools.modal.isModalShowing()) {
  1760.             CKTools.modal.hideModal();
  1761.             await wait(300);
  1762.         }
  1763.         CKTools.modal.openModal("ShowAV / 设置 / 快速复制设置", await CKTools.domHelper("div", async container => {
  1764.             container.style.alignItems = "stretch";
  1765.             [
  1766.                 closeButton(),
  1767.                 // dragable code from ytb v=jfYWwQrtzzY
  1768.                 await CKTools.domHelper("li", async list => {
  1769.                     const makeDragable = async id => {
  1770.                         return await CKTools.domHelper("div", draggable => {
  1771.                             draggable.className = "showav_dragableitem copyitem";
  1772.                             draggable.setAttribute("draggable", true);
  1773.                             draggable.setAttribute("data-id", id);
  1774.                             if (id.split("_")[0] === "custom") {
  1775.                                 draggable.innerHTML = config.customcopyitems[id].title;
  1776.                                 const node = document.createElement("div");
  1777.                                 node.appendChild(document.createTextNode(config.customcopyitems[id].content));
  1778.                                 draggable.appendChild(node);
  1779.                             } else {
  1780.                                 draggable.innerHTML = txtCn[id];
  1781.                                 draggable.innerHTML += `<div>${descCn[id]}</div>`;
  1782.                             }
  1783.                             draggable.removeItem = draggable.remove;
  1784.                             let expanded = false;
  1785.                             draggable.addEventListener('dragstart', e => {
  1786.                                 if (expanded) draggable.classList.remove('showav_expand');
  1787.                                 draggable.classList.add('showav_dragging');
  1788.                                 [...document.querySelectorAll('.showav_dragablediv')].forEach(e => e.classList.add('showav_child_dragging'))
  1789.                             })
  1790.                             draggable.addEventListener('dragend', e => {
  1791.                                 if (expanded) draggable.classList.add('showav_expand');
  1792.                                 draggable.classList.remove('showav_dragging');
  1793.                                 [...document.querySelectorAll('.showav_child_dragging')].forEach(e => e.classList.remove('showav_child_dragging'))
  1794.                             })
  1795.                             draggable.addEventListener('click', e => {
  1796.                                 expanded = draggable.classList.toggle('showav_expand');
  1797.                             })
  1798.                         })
  1799.                     };
  1800.                     function getClosestItem(container, y) {
  1801.                         const draggables = [...container.querySelectorAll(".showav_dragableitem:not(.showav_dragging)")];
  1802.                         return draggables.reduce((closest, child) => {
  1803.                             const box = child.getBoundingClientRect();
  1804.                             const offset = y - box.top - box.height / 2;
  1805.                             if (offset < 0 && offset > closest.offset) return { offset, element: child };
  1806.                             else return closest;
  1807.                         }, { offset: Number.NEGATIVE_INFINITY }).element;
  1808.                     }
  1809.                     function registerDragEvent(draggablediv) {
  1810.                         draggablediv.addEventListener('dragover', e => {
  1811.                             e.preventDefault();
  1812.                             const closestElement = getClosestItem(draggablediv, e.clientY);
  1813.                             const dragging = document.querySelector(".showav_dragging");
  1814.                             if (closestElement === null) {
  1815.                                 draggablediv.appendChild(dragging);
  1816.                             } else {
  1817.                                 draggablediv.insertBefore(dragging, closestElement);
  1818.                             }
  1819.                         })
  1820.                     }
  1821.                     [
  1822.                         await CKTools.domHelper("div", div => {
  1823.                             div.innerHTML = `<b>拖动下面的功能模块进行排序</b>，第一个单项将成为默认快速复制项目。`;
  1824.                         }),
  1825.                         await CKTools.domHelper("div", async enableddiv => {
  1826.                             enableddiv.innerHTML = `<b>启用</b>`;
  1827.                             enableddiv.className = "showav_dragablediv showav_enableddiv";
  1828.                             config.copyitems.forEach(async k => {
  1829.                                 enableddiv.appendChild(await makeDragable(k));
  1830.                             });
  1831.                             registerDragEvent(enableddiv);
  1832.                         }),
  1833.                         await CKTools.domHelper("div", async disableddiv => {
  1834.                             disableddiv.innerHTML = `<b>禁用</b>`;
  1835.                             disableddiv.className = "showav_dragablediv showav_disableddiv";
  1836.                             config.copyitemsAll.forEach(async k => {
  1837.                                 if (config.copyitems.includes(k)) return;
  1838.                                 disableddiv.appendChild(await makeDragable(k));
  1839.                             });
  1840.                             registerDragEvent(disableddiv);
  1841.                         }),
  1842.                         await CKTools.domHelper("li", async list => {
  1843.                             const makeItem = (copyitemid,focus=false) => {
  1844.                                 const item = config.customcopyitems[copyitemid];
  1845.                                 const node = document.createElement("li");
  1846.                                 node.className = "copyitem";
  1847.                                 if(focus){
  1848.                                     node.classList.add("actionpending");
  1849.                                     setTimeout(() => {
  1850.                                         node.classList.remove("actionpending");
  1851.                                         node.scrollIntoView();
  1852.                                     },20);
  1853.                                 }
  1854.                                 node.setAttribute("data-id", copyitemid);
  1855.                                 node.innerHTML = `${item.title}<br>`;
  1856.                                 node.style.borderRadius = "3px";
  1857.                                 node.style.border = "solid 2px grey";
  1858.                                 node.style.padding = "3px";
  1859.                                 node.style.margin = "1px";
  1860.                                 const smallp = document.createElement("p");
  1861.                                 smallp.style.fontSize = "small";
  1862.                                 smallp.style.color = "grey";
  1863.                                 smallp.style.overflow = "hidden";
  1864.                                 smallp.style.wordWrap = "nowarp";
  1865.                                 smallp.appendChild(document.createTextNode(item.content));
  1866.                                 node.appendChild(smallp);
  1867.                                 node.removeItem = ()=>{
  1868.                                     node.classList.add("actionpending");
  1869.                                     setTimeout(()=>node.remove(),350);
  1870.                                 };
  1871.                                 node.onclick = async e => {
  1872.                                     if(node.classList.contains("preremove")){
  1873.                                         if (config.copyitems.includes(copyitemid)) {
  1874.                                             config.copyitems.splice(config.copyitems.indexOf(copyitemid), 1);
  1875.                                         }
  1876.                                         if (config.copyitemsAll.includes(copyitemid)) {
  1877.                                             config.copyitemsAll.splice(config.copyitemsAll.indexOf(copyitemid), 1);
  1878.                                         }
  1879.                                         delete config.customcopyitems[copyitemid];
  1880.                                         saveAllConfig();
  1881.                                         [...document.querySelectorAll(`.copyitem[data-id="${copyitemid}"]`)].forEach(e => e.removeItem());
  1882.                                     }else{
  1883.                                         [...document.querySelectorAll("li.copyitem.preremove")].forEach(e=>{
  1884.                                             e.classList.remove("preremove");
  1885.                                             try{if(e.clearTimer){
  1886.                                                 clearTimeout(e.clearTimer);
  1887.                                             }}catch(e){};
  1888.                                         });
  1889.                                         node.classList.add("preremove");
  1890.                                         node.clearTimer = setTimeout(() => {
  1891.                                             node.classList.remove("preremove");
  1892.                                             node.clearTimer = null;
  1893.                                         },5000);
  1894.                                     }
  1895.                                 }
  1896.                                 return node;
  1897.                             };
  1898.                             [
  1899.                                 await CKTools.domHelper("label", label => {
  1900.                                     label.style.paddingLeft = "3px";
  1901.                                     label.style.fontWeight = "bold";
  1902.                                     label.innerHTML = "添加自定义复制项目";
  1903.                                 }),
  1904.                                 await CKTools.domHelper("div", async div => {
  1905.                                     div.style.paddingLeft = "20px";
  1906.                                     [
  1907.                                         await CKTools.domHelper("input", async input => {
  1908.                                             input.id = "showav_customcopytitle";
  1909.                                             input.setAttribute("type", "text");
  1910.                                             input.style.width = "60%";
  1911.                                             input.style.margin = "6px 0 0 0";
  1912.                                             input.style.padding = "6px";
  1913.                                             input.style.borderRadius = "6px";
  1914.                                             input.style.border = "solid 2px grey";
  1915.                                             input.setAttribute("placeholder", "自定义标题");
  1916.                                         }),
  1917.                                         await CKTools.domHelper("input", async input => {
  1918.                                             input.id = "showav_customcopycontent";
  1919.                                             input.setAttribute("type", "text");
  1920.                                             input.style.width = "60%";
  1921.                                             input.style.margin = "6px 0 0 0";
  1922.                                             input.style.padding = "6px";
  1923.                                             input.style.borderRadius = "6px";
  1924.                                             input.style.border = "solid 2px grey";
  1925.                                             input.setAttribute("placeholder", "自定义内容");
  1926.                                         }),
  1927.                                         await CKTools.domHelper("div", div => {
  1928.                                             div.style.paddingLeft = "20px";
  1929.                                             div.style.color = "#919191";
  1930.                                             div.innerHTML = `变量提示<br><ul>
  1931.                                             <li>%timeurl% => 包含时间的完整地址</li>
  1932.                                             <li>%vidurl% => 视频纯净地址</li>
  1933.                                             <li>%shorturl% => 短地址</li>
  1934.                                             <li>%seek% => 当前视频播放秒数</li>
  1935.                                             <li>%title% => 视频标题</li>
  1936.                                             <li>%av% => av号</li>
  1937.                                             <li>%bv% => BV号</li>
  1938.                                             <li>%cid% => CID号</li>
  1939.                                             <li>%p% => 分P</li>
  1940.                                             <li>%pname% => 分P名</li>
  1941.                                             <li>%tname% => 分区名</li>
  1942.                                             </ul>`;
  1943.                                             div.style.maxHeight = '2rem';
  1944.                                             div.style.overflow = 'hidden';
  1945.                                             div.style.transition = 'all .3s';
  1946.                                             let expanded = false;
  1947.                                             div.onclick = e => {
  1948.                                                 expanded = !expanded;
  1949.                                                 if (expanded) {
  1950.                                                     div.style.maxHeight = "30rem";
  1951.                                                 } else {
  1952.                                                     div.style.maxHeight = '2rem';
  1953.                                                 }
  1954.                                             }
  1955.                                         }),
  1956.                                         await CKTools.domHelper("button", btn => {
  1957.                                             btn.className = "CKTOOLS-toolbar-btns";
  1958.                                             btn.innerHTML = "添加";
  1959.                                             btn.style.background = "#ececec";
  1960.                                             btn.style.color = "black";
  1961.                                             btn.onclick = async e => {
  1962.                                                 const ccid = "custom_" + Math.random().toString(36).replace('.', '');
  1963.                                                 const title = document.querySelector("#showav_customcopytitle").value;
  1964.                                                 const content = document.querySelector("#showav_customcopycontent").value;
  1965.                                                 if (title.trim().length < 1 || content.trim().length < 1) {
  1966.                                                     popNotify.warn("无法添加自定义项目", "标题或内容为空");
  1967.                                                     return;
  1968.                                                 }
  1969.                                                 config.customcopyitems[ccid] = { title, content };
  1970.                                                 if (!config.copyitemsAll.includes(ccid)) config.copyitemsAll.push(ccid);
  1971.                                                 saveAllConfig();
  1972.                                                 const disablediv = document.querySelector(".showav_disableddiv");
  1973.                                                 disablediv && disablediv.appendChild(await makeDragable(ccid));
  1974.                                                 const customlist = document.querySelector("#showav_customitems");
  1975.                                                 customlist && customlist.appendChild(makeItem(ccid,true));
  1976.                                                 document.querySelector("#showav_customcopytitle").value = "";
  1977.                                                 document.querySelector("#showav_customcopycontent").value = "";
  1978.                                             }
  1979.                                         })
  1980.                                     ].forEach(e => div.appendChild(e));
  1981.                                 }),
  1982.                                 await CKTools.domHelper("label", label => {
  1983.                                     label.style.paddingLeft = "3px";
  1984.                                     label.style.fontWeight = "bold";
  1985.                                     label.innerHTML = "已有自定义复制项目 <small>(点击移除)</small>";
  1986.                                 }),
  1987.                                 await CKTools.domHelper("ul", ul => {
  1988.                                     ul.style.paddingLeft = "3px";
  1989.                                     ul.id = "showav_customitems";
  1990.                                     for (let copyitemid of Object.keys(config.customcopyitems)) {
  1991.                                         ul.appendChild(makeItem(copyitemid));
  1992.                                     }
  1993.                                 }),
  1994.                             ].forEach(e => list.appendChild(e));
  1995.                         }),
  1996.                         await CKTools.domHelper("div", async div => {
  1997.                             div.appendChild(await CKTools.domHelper("div", async btns => {
  1998.                                 btns.style.display = "flex";
  1999.                                 btns.appendChild(await CKTools.domHelper("button", btn => {
  2000.                                     btn.className = "CKTOOLS-toolbar-btns";
  2001.                                     btn.innerHTML = "保存并关闭";
  2002.                                     if(back!=null)
  2003.                                         btn.innerHTML = "保存并返回";
  2004.                                     btn.onclick = e => {
  2005.                                         const enableddiv = document.querySelector(".showav_enableddiv");
  2006.                                         const elements = enableddiv.querySelectorAll(".showav_dragableitem");
  2007.                                         let enabledArray = [];
  2008.                                         for (let element of [...elements]) {
  2009.                                             enabledArray.push(element.getAttribute('data-id'));
  2010.                                         }
  2011.                                         config.copyitems = enabledArray;
  2012.                                         saveAllConfig();
  2013.                                         initScript(true);
  2014.                                         if(back!=null) back();
  2015.                                         else CKTools.modal.hideModal();
  2016.                                     }
  2017.                                 }))
  2018.                                 btns.appendChild(await CKTools.domHelper("button", btn => {
  2019.                                     btn.className = "CKTOOLS-toolbar-btns";
  2020.                                     btn.innerHTML = "关闭";
  2021.                                     if(back!=null)
  2022.                                         btn.innerHTML = "返回";
  2023.                                     btn.onclick = e => {
  2024.                                         if(back!=null) back();
  2025.                                         else CKTools.modal.hideModal();
  2026.                                     }
  2027.                                 }))
  2028.                             }))
  2029.                         }),
  2030.                     ].forEach(e => list.appendChild(e));
  2031.                 })
  2032.             ].forEach(e => container.appendChild(e));
  2033.         }));
  2034.     }
  2035.  
  2036.     async function GUISettings_customcomponents(back=GUISettings_components) {
  2037.         if (CKTools.modal.isModalShowing()) {
  2038.             CKTools.modal.hideModal();
  2039.             await wait(300);
  2040.         }
  2041.         CKTools.modal.openModal("ShowAV / 设置 / 组件 / 自定义组件", await CKTools.domHelper("div", async container => {
  2042.             container.style.alignItems = "stretch";
  2043.             [
  2044.                 closeButton(),
  2045.                 // dragable code from ytb v=jfYWwQrtzzY
  2046.                 await CKTools.domHelper("li", async list => {
  2047.                     [
  2048.                         await CKTools.domHelper("li", async list => {
  2049.                             const makeItem = (customitemid,focus=false) => {
  2050.                                 const item = config.customComponents[customitemid];
  2051.                                 const node = document.createElement("li");
  2052.                                 node.className = "copyitem";
  2053.                                 if(focus){
  2054.                                     node.classList.add("actionpending");
  2055.                                     setTimeout(() => {
  2056.                                         node.classList.remove("actionpending");
  2057.                                         node.scrollIntoView();
  2058.                                     },20);
  2059.                                 }
  2060.                                 node.setAttribute("data-id", customitemid);
  2061.                                 node.innerHTML = `${item.title}<br>`;
  2062.                                 node.style.borderRadius = "3px";
  2063.                                 node.style.border = "solid 2px grey";
  2064.                                 node.style.padding = "3px";
  2065.                                 node.style.margin = "1px";
  2066.                                 const smallp = document.createElement("p");
  2067.                                 smallp.style.fontSize = "small";
  2068.                                 smallp.style.color = "grey";
  2069.                                 smallp.style.overflow = "hidden";
  2070.                                 smallp.style.wordWrap = "nowarp";
  2071.                                 smallp.appendChild(document.createTextNode(item.content));
  2072.                                 node.appendChild(smallp);
  2073.                                 node.removeItem = ()=>{
  2074.                                     node.classList.add("actionpending");
  2075.                                     setTimeout(()=>node.remove(),350);
  2076.                                 };
  2077.                                 node.onclick = async e => {
  2078.                                     if(node.classList.contains("preremove")){
  2079.                                         if (config.orders.includes(customitemid)) {
  2080.                                             config.orders.splice(config.orders.indexOf(customitemid), 1);
  2081.                                         }
  2082.                                         if (config.all.includes(customitemid)) {
  2083.                                             config.all.splice(config.all.indexOf(customitemid), 1);
  2084.                                         }
  2085.                                         delete config.customComponents[customitemid];
  2086.                                         saveAllConfig();
  2087.                                         [...document.querySelectorAll(`.copyitem[data-id="${customitemid}"]`)].forEach(e => e.removeItem());
  2088.                                     }else{
  2089.                                         [...document.querySelectorAll("li.copyitem.preremove")].forEach(e=>{
  2090.                                             e.classList.remove("preremove");
  2091.                                             try{if(e.clearTimer){
  2092.                                                 clearTimeout(e.clearTimer);
  2093.                                             }}catch(e){};
  2094.                                         });
  2095.                                         node.classList.add("preremove");
  2096.                                         node.clearTimer = setTimeout(() => {
  2097.                                             node.classList.remove("preremove");
  2098.                                             node.clearTimer = null;
  2099.                                         },5000);
  2100.                                     }
  2101.                                 }
  2102.                                 return node;
  2103.                             };
  2104.                             [
  2105.                                 await CKTools.domHelper("label", label => {
  2106.                                     label.style.paddingLeft = "3px";
  2107.                                     label.style.fontWeight = "bold";
  2108.                                     label.innerHTML = "添加组件";
  2109.                                 }),
  2110.                                 await CKTools.domHelper("div", async div => {
  2111.                                     div.style.paddingLeft = "20px";
  2112.                                     [
  2113.                                         await CKTools.domHelper("input", async input => {
  2114.                                             input.id = "showav_customcopntitle";
  2115.                                             input.setAttribute("type", "text");
  2116.                                             input.style.width = "60%";
  2117.                                             input.style.margin = "6px 0 0 0";
  2118.                                             input.style.padding = "6px";
  2119.                                             input.style.borderRadius = "6px";
  2120.                                             input.style.border = "solid 2px grey";
  2121.                                             input.setAttribute("placeholder", "自定义显示文本");
  2122.                                             input.addEventListener("keydown",e=>{
  2123.                                                 const contentel = document.querySelector("#showav_customcopncontent");
  2124.                                                 if(!contentel) return;
  2125.                                                 if(contentel.getAttribute("data-sync")!=="1") return;
  2126.                                                 setTimeout(()=>contentel.value = input.value,10);
  2127.                                             })
  2128.                                         }),
  2129.                                         await CKTools.domHelper("input", async input => {
  2130.                                             input.id = "showav_customcopncontent";
  2131.                                             input.setAttribute("type", "text");
  2132.                                             input.style.width = "60%";
  2133.                                             input.style.margin = "6px 0 0 0";
  2134.                                             input.style.padding = "6px";
  2135.                                             input.style.borderRadius = "6px";
  2136.                                             input.style.border = "solid 2px grey";
  2137.                                             input.title = `默认与自定义显示文本同步\n使用"js:"开头时将在点击时执行脚本`;
  2138.                                             input.setAttribute("data-sync","1");
  2139.                                             input.setAttribute("placeholder", "自定义复制内容或脚本");
  2140.                                             input.addEventListener("keydown",e=>input.setAttribute("data-sync","0"));
  2141.                                             input.addEventListener("keydown",async e=>{
  2142.                                                 await wait(1);
  2143.                                                 if(input.value.startsWith("js:")){
  2144.                                                     if(config.jssafetyWarning){
  2145.                                                         config.jssafetyWarning = !confirm(`安全性警告：\n\n"js:"开头的内容将作为JS脚本执行。\n\nJS脚本拥有您在当前页面的所有权限，请勿复制和执行未知来源的脚本！\n请仅在了解你输入的内容情况下使用此功能！\n\n如果不点击确定，则每次输入"js:"时都会弹出此消息。\n\n继续输入吗？`);
  2146.                                                         if(config.jssafetyWarning){
  2147.                                                             saveAllConfig();
  2148.                                                         }else{
  2149.                                                             input.value = input.value.replace("js:","");
  2150.                                                         }
  2151.                                                     }else{
  2152.                                                         document.querySelector("#showav_custom_txttip").style.display = "none";
  2153.                                                         document.querySelector("#showav_custom_jstip").style.display = "block";
  2154.                                                     }
  2155.                                                 }else{
  2156.                                                     document.querySelector("#showav_custom_jstip").style.display = "none";
  2157.                                                     document.querySelector("#showav_custom_txttip").style.display = "block";
  2158.                                                 }
  2159.                                             })
  2160.                                         }),
  2161.                                         await CKTools.domHelper("div", div => {
  2162.                                             div.style.paddingLeft = "20px";
  2163.                                             div.id = "showav_custom_txttip";
  2164.                                             div.style.color = "#919191";
  2165.                                             div.innerHTML = `变量提示<br><ul>
  2166.                                             <li>%timeurl% => 包含时间的完整地址</li>
  2167.                                             <li>%vidurl% => 视频纯净地址</li>
  2168.                                             <li>%shorturl% => 短地址</li>
  2169.                                             <li>%seek% => 当前视频播放秒数</li>
  2170.                                             <li>%title% => 视频标题</li>
  2171.                                             <li>%av% => av号</li>
  2172.                                             <li>%bv% => BV号</li>
  2173.                                             <li>%cid% => CID号</li>
  2174.                                             <li>%p% => 分P</li>
  2175.                                             <li>%pname% => 分P名</li>
  2176.                                             <li>%tname% => 分区名</li>
  2177.                                             </ul>`;
  2178.                                             div.style.maxHeight = '2rem';
  2179.                                             div.style.overflow = 'hidden';
  2180.                                             div.style.transition = 'all .3s';
  2181.                                             let expanded = false;
  2182.                                             div.onclick = e => {
  2183.                                                 expanded = !expanded;
  2184.                                                 if (expanded) {
  2185.                                                     div.style.maxHeight = "30rem";
  2186.                                                 } else {
  2187.                                                     div.style.maxHeight = '2rem';
  2188.                                                 }
  2189.                                             }
  2190.                                         }),
  2191.                                         await CKTools.domHelper("div", div => {
  2192.                                             div.style.paddingLeft = "20px";
  2193.                                             div.id = "showav_custom_jstip";
  2194.                                             div.style.display = "none";
  2195.                                             div.style.color = "#919191";
  2196.                                             div.innerHTML = `脚本提示<br><ul>
  2197.                                             <li>变量 infos => 视频信息</li>
  2198.                                             <li>方法 parseTxt("string") => 解析文本</li>
  2199.                                             <li>方法 copy("string") => 复制文字</li>
  2200.                                             </ul>`;
  2201.                                             div.style.maxHeight = '2rem';
  2202.                                             div.style.overflow = 'hidden';
  2203.                                             div.style.transition = 'all .3s';
  2204.                                             let expanded = false;
  2205.                                             div.onclick = e => {
  2206.                                                 expanded = !expanded;
  2207.                                                 if (expanded) {
  2208.                                                     div.style.maxHeight = "30rem";
  2209.                                                 } else {
  2210.                                                     div.style.maxHeight = '2rem';
  2211.                                                 }
  2212.                                             }
  2213.                                         }),
  2214.                                         await CKTools.domHelper("button", btn => {
  2215.                                             btn.className = "CKTOOLS-toolbar-btns";
  2216.                                             btn.innerHTML = "添加";
  2217.                                             btn.style.background = "#ececec";
  2218.                                             btn.style.color = "black";
  2219.                                             btn.onclick = async e => {
  2220.                                                 const ccid = "custom_" + Math.random().toString(36).replace('.', '');
  2221.                                                 const title = document.querySelector("#showav_customcopntitle").value;
  2222.                                                 const content = document.querySelector("#showav_customcopncontent").value;
  2223.                                                 if (title.trim().length < 1 || content.trim().length < 1) {
  2224.                                                     popNotify.warn("无法添加自定义组件", "标题或内容为空");
  2225.                                                     return;
  2226.                                                 }
  2227.                                                 config.customComponents[ccid] = { title, content };
  2228.                                                 if (!config.all.includes(ccid)) config.all.push(ccid);
  2229.                                                 saveAllConfig();
  2230.                                                 const customlist = document.querySelector("#showav_customitems");
  2231.                                                 customlist && customlist.appendChild(makeItem(ccid,true));
  2232.                                                 document.querySelector("#showav_customcopntitle").value = "";
  2233.                                                 document.querySelector("#showav_customcopncontent").value = "";
  2234.                                             }
  2235.                                         })
  2236.                                     ].forEach(e => div.appendChild(e));
  2237.                                 }),
  2238.                                 await CKTools.domHelper("label", label => {
  2239.                                     label.style.paddingLeft = "3px";
  2240.                                     label.style.fontWeight = "bold";
  2241.                                     label.innerHTML = "已有自定义组件 <small>(点击移除)</small>";
  2242.                                 }),
  2243.                                 await CKTools.domHelper("ul", ul => {
  2244.                                     ul.style.paddingLeft = "3px";
  2245.                                     ul.id = "showav_customitems";
  2246.                                     for (let itemid of Object.keys(config.customComponents)) {
  2247.                                         ul.appendChild(makeItem(itemid));
  2248.                                     }
  2249.                                 }),
  2250.                             ].forEach(e => list.appendChild(e));
  2251.                         }),
  2252.                         await CKTools.domHelper("label", label => {
  2253.                             label.style.width = "100%";
  2254.                             label.style.display = "block";
  2255.                             label.style.textAlign = "center";
  2256.                             label.innerHTML = "此页面内容自动保存";
  2257.                         }),
  2258.                         await CKTools.domHelper("div", async div => {
  2259.                             div.appendChild(await CKTools.domHelper("div", async btns => {
  2260.                                 btns.style.display = "flex";
  2261.                                 btns.appendChild(await CKTools.domHelper("button", btn => {
  2262.                                     btn.className = "CKTOOLS-toolbar-btns";
  2263.                                     btn.innerHTML = "返回";
  2264.                                     btn.onclick = e => {
  2265.                                         saveAllConfig();
  2266.                                         back();
  2267.                                     }
  2268.                                 }))
  2269.                                 btns.appendChild(await CKTools.domHelper("button", btn => {
  2270.                                     btn.className = "CKTOOLS-toolbar-btns";
  2271.                                     btn.innerHTML = "关闭";
  2272.                                     btn.onclick = e => {
  2273.                                         saveAllConfig();
  2274.                                         CKTools.modal.hideModal();
  2275.                                     }
  2276.                                 }))
  2277.                             }))
  2278.                         }),
  2279.                     ].forEach(e => list.appendChild(e));
  2280.                 })
  2281.             ].forEach(e => container.appendChild(e));
  2282.         }));
  2283.     }
  2284.  
  2285.     const copy = function copy(text) {
  2286.         if (!navigator.clipboard) {
  2287.             prompt('请手动复制', text);
  2288.             return;
  2289.         }
  2290.         navigator.clipboard.writeText(text).then(function () {
  2291.             log('Copy OK');
  2292.         }, function (err) {
  2293.             log('Auto Copy Failed:', err);
  2294.             prompt('请手动复制', text);
  2295.         });
  2296.     }
  2297.  
  2298.     unsafeWindow.showav_fastcopy = (el) => {
  2299.         copy(el.value);
  2300.         popNotify.success("复制成功", el.value);
  2301.     }
  2302.  
  2303.     unsafeWindow.showav_guisettings = GUISettings;
  2304.     unsafeWindow.showav_guisettings_advcopy = GUISettings_advcopy;
  2305.     unsafeWindow.showav_guisettings_customcomponents = GUISettings_customcomponents;
  2306.  
  2307.     CKTools.modal.initModal();
  2308.     CKTools.modal.hideModal();
  2309.     const blockwin = CKTools.get("#CKTOOLS-blockWindow");
  2310.     blockwin&&(blockwin.onclick = CKTools.modal.hideModal);
  2311.     CKTools.addStyle(`
  2312.     #CKTOOLS-modal{
  2313.         width: fit-content!important;
  2314.         max-width: 80%!important;
  2315.     }
  2316.     .CKTOOLS-modal-content li label b {
  2317.         color: #1976d2!important;
  2318.     }
  2319.     .showav_menuitem{
  2320.         line-height: 2em;
  2321.         width: 100%;
  2322.         transition: all .3s;
  2323.         cursor: pointer;
  2324.     }
  2325.     .showav_menuitem:hover{
  2326.         transform: translateX(6px);
  2327.     }
  2328.     .showav_menuitem>label{
  2329.         color: #1976d2;
  2330.         font-weight: bold;
  2331.         font-size: large;
  2332.         display: block;
  2333.     }
  2334.     .showav_dragablediv {
  2335.         width: 400px;
  2336.         max-width: 80%;
  2337.         max-width: 400px;
  2338.         min-height: 60px;
  2339.         border: dotted;
  2340.         border-radius: 8px;
  2341.         padding: 12px;
  2342.         margin: 5px;
  2343.         position: relative;
  2344.         margin: 3px auto;
  2345.     }
  2346.     .showav_dragableitem {
  2347.         background: white;
  2348.         margin: 3px;
  2349.         padding: 3px;
  2350.         border-radius: 4px;
  2351.         border: solid #bdbdbd 2px;
  2352.         color: black;
  2353.         transition: all .3s;
  2354.         max-height: 2rem;
  2355.     }
  2356.     .showav_dragableitem.showav_expand {
  2357.         max-height: 8rem;
  2358.     }
  2359.     .showav_dragableitem>div {
  2360.         color: #adadad;
  2361.         margin: 0 6px;
  2362.         opacity: 0;
  2363.         transition: all .3s ease-in-out;
  2364.         transform: translateX(-10px);
  2365.         font-size: small;
  2366.         overflow: hidden;
  2367.         max-height: 0;
  2368.     }
  2369.     .showav_dragableitem.showav_expand>div{
  2370.         transform: translateX(0px);
  2371.         max-height: 8rem;
  2372.         opacity: 1;
  2373.     }
  2374.     .showav_dragableitem::before {
  2375.         content: "⋮⋮";
  2376.         float: right;
  2377.         font-size: xx-small;
  2378.         padding: 3px;
  2379.         color: #bbbbbb !important;
  2380.     }
  2381.     .showav_dragging {
  2382.         background: grey;
  2383.         color: white;
  2384.         border: solid #515050 2px;
  2385.         transform: scale(1.1);
  2386.         transition: all .3s;
  2387.     }
  2388.     .showav_dragablediv:not(.showav_child_dragging) .showav_dragableitem:hover:not(.showav_dragging) {
  2389.         background: grey;
  2390.         color: white;
  2391.         border: solid #515050 2px;
  2392.         transform: scale(1.03);
  2393.         transition: all .3s;
  2394.     }
  2395.     .showav_dragablediv>b {
  2396.         position: absolute;
  2397.         left: -4rem;
  2398.     }
  2399.     .showav_disableddiv .showav_dragableitem {
  2400.         color: #a9a8a8;
  2401.     }
  2402.     .showav_enableddiv{
  2403.         background: #dcedc8;
  2404.     }
  2405.     .showav_disableddiv{
  2406.         background: #ffcdd2;
  2407.     }
  2408.     .showav_settings_sectiontitle{
  2409.         display: block;
  2410.         width: 100%;
  2411.         font-weight: bold;
  2412.         color: #1976d2;
  2413.         border-bottom: 2px solid #1976d2;
  2414.         margin: 18px 0 3px 0;
  2415.     }
  2416.     .showav_settings_sectiontitle:first-of-type{
  2417.         margin-top: 0!important;
  2418.     }
  2419.     #showav_newlinetip{
  2420.         font-size: small;
  2421.         display: inline-block;
  2422.         padding: 0 2px;
  2423.         line-height: 1.5em;
  2424.         border-radius: 3px;
  2425.         background: #ff5722;
  2426.         color: white;
  2427.         overflow: hidden;
  2428.         transition: all .3s;
  2429.         opacity: 0;
  2430.     }
  2431.     #showav_newlinetip.showav_newlinetip_ok{
  2432.         background: #0288d1!important;
  2433.     }
  2434.     #showav_newlinetip.showav_newlinetip{
  2435.         opacity: 1;
  2436.     }
  2437.     ul#showav_customitems{
  2438.         min-height: 60px;
  2439.     }
  2440.     ul#showav_customitems::after{
  2441.         content:"目前没有自定义项目。当添加了自定义项目时，可以在这里删除。";
  2442.         padding: 6px;
  2443.         display: block;
  2444.         opacity: 0;
  2445.         transition: all.3s;
  2446.         overflow: hidden;
  2447.         height: 0px;
  2448.     }
  2449.     ul#showav_customitems:empty::after{
  2450.         opacity: 1;
  2451.         height: 4rem!important;
  2452.     }
  2453.     li.copyitem{
  2454.         transition: all 0.3s;
  2455.         opacity: 1;
  2456.         max-height: 8em;
  2457.     }
  2458.     li.copyitem.preremove{
  2459.         color: red!important;
  2460.         border-color: red!important;
  2461.     }
  2462.     li.copyitem::after{
  2463.         transition: all 0.3s;
  2464.         line-height: 0px!important;
  2465.         content:"再次点击以移除";
  2466.         display: block;
  2467.         overflow: hidden;
  2468.         color: red!important;
  2469.         opacity: 0;
  2470.         max-height: 8em;
  2471.     }
  2472.     li.copyitem.actionpending{
  2473.         transition: all 0.5s;
  2474.         padding: 0px!important;
  2475.         border-width: 0px;
  2476.         margin-top: 0px!important;
  2477.         margin-bottom: 0px!important;
  2478.         max-height: 0em!important;
  2479.         opacity: 0;
  2480.     }
  2481.     li.copyitem.preremove::after{
  2482.         line-height: 2rem!important;
  2483.         opacity: 1;
  2484.     }
  2485.     #bilibiliShowInfos {
  2486.         display: flex;
  2487.         column-gap: 12px;
  2488.         flex-wrap: wrap;
  2489.     }
  2490.     `, 'showav_dragablecss', "unique", document.head);
  2491.  
  2492.     CKTools.addStyle(`
  2493.     .video-info-detail-list{
  2494.         display: none!important;
  2495.     }
  2496.     #bilibiliShowInfos{
  2497.         white-space: nowrap !important;
  2498.     }
  2499.     #CKTOOLS-modal li, #CKTOOLS-modal ul{
  2500.         list-style: none !important;
  2501.     }
  2502.     `,'showav_css_patch', 'unique', document.head);
  2503.  
  2504.     console.log('ShowAV loaded')
  2505.  
  2506.     initScript(false);
  2507. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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