☰

BiliBili动态隐藏

根据Up主名称，在动态页进行筛选，隐藏屏蔽的Up主动态。

目前为 2023-07-23 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name		BiliBili动态隐藏
  3. // @author		Yiero
  4. // @description		根据Up主名称，在动态页进行筛选，隐藏屏蔽的Up主动态。
  5. // @version		1.4.5
  6. // @namespace		https://github.com/AliubYiero/TamperMonkeyScripts
  7. // @match		https://t.bilibili.com/*
  8. // @icon		https://t.bilibili.com/favicon.ico
  9. // @resource		layuiCss https://cdn.staticfile.org/layui/2.8.11/css/layui.min.css
  10. // @license		GPL
  11. // @grant		GM_registerMenuCommand
  12. // @grant		GM_unregisterMenuCommand
  13. // @grant		GM_addStyle
  14. // @grant		GM_getResourceText
  15. // @run-at		document-start
  16. // @updateUrl		https://raw.githubusercontent.com/AliubYiero/TamperMonkeyScripts/master/dist/HideDynamic.js
  17. // @downloadUrl		https://raw.githubusercontent.com/AliubYiero/TamperMonkeyScripts/master/dist/HideDynamic.js
  18. // ==/UserScript==
  19. GM_addStyle( GM_getResourceText( 'layuiCss' ) )
  20.  
  21. var __defProp = Object.defineProperty;
  22. var __defNormalProp = ( obj, key, value ) => key in obj ? __defProp( obj, key, {
  23. 	enumerable: true,
  24. 	configurable: true,
  25. 	writable: true,
  26. 	value
  27. } ) : obj[key] = value;
  28. var __publicField = ( obj, key, value ) => {
  29. 	__defNormalProp( obj, typeof key !== "symbol" ? key + "" : key, value );
  30. 	return value;
  31. };
  32.  
  33. function getElement( parent, selector, timeout = 0 ) {
  34. 	return new Promise( ( resolve ) => {
  35. 		let result = parent.querySelector( selector );
  36. 		if ( result ) {
  37. 			return resolve( result );
  38. 		}
  39. 		let timer;
  40. 		const mutationObserver = window.MutationObserver || window.WebkitMutationObserver || window.MozMutationObserver;
  41. 		if ( mutationObserver ) {
  42. 			const observer = new mutationObserver( ( mutations ) => {
  43. 				for ( let mutation of mutations ) {
  44. 					for ( let addedNode of mutation.addedNodes ) {
  45. 						if ( addedNode instanceof Element ) {
  46. 							result = addedNode.matches( selector ) ? addedNode : addedNode.querySelector( selector );
  47. 							if ( result ) {
  48. 								observer.disconnect();
  49. 								timer && clearTimeout( timer );
  50. 								return resolve( result );
  51. 							}
  52. 						}
  53. 					}
  54. 				}
  55. 			} );
  56. 			observer.observe( parent, {
  57. 				childList: true,
  58. 				subtree: true
  59. 			} );
  60. 			if ( timeout > 0 ) {
  61. 				timer = setTimeout( () => {
  62. 					observer.disconnect();
  63. 					return resolve( null );
  64. 				}, timeout );
  65. 			}
  66. 		}
  67. 		else {
  68. 			const listener = ( e ) => {
  69. 				if ( e.target instanceof Element ) {
  70. 					result = e.target.matches( selector ) ? e.target : e.target.querySelector( selector );
  71. 					if ( result ) {
  72. 						parent.removeEventListener( "DOMNodeInserted", listener, true );
  73. 						timer && clearTimeout( timer );
  74. 						return resolve( result );
  75. 					}
  76. 				}
  77. 			};
  78. 			parent.addEventListener( "DOMNodeInserted", listener, true );
  79. 			if ( timeout > 0 ) {
  80. 				timer = setTimeout( () => {
  81. 					parent.removeEventListener( "DOMNodeInserted", listener, true );
  82. 					return resolve( null );
  83. 				}, timeout );
  84. 			}
  85. 		}
  86. 	} );
  87. }
  88.  
  89. const registerMenu = ( title, callback ) => {
  90. 	GM_registerMenuCommand( title, function () {
  91. 		callback();
  92. 	} );
  93. };
  94. const createElement = ( elementConfig ) => {
  95. 	const { tagName, className, id, innerHTML, innerText } = elementConfig;
  96. 	const element = document.createElement( tagName );
  97. 	if ( className && typeof className === "string" ) {
  98. 		element.classList.add( className );
  99. 	}
  100. 	else if ( className && Array.isArray( className ) ) {
  101. 		element.classList.add( ...className );
  102. 	}
  103. 	if ( id ) {
  104. 		element.id = id;
  105. 	}
  106. 	if ( innerHTML ) {
  107. 		element.innerHTML = innerHTML;
  108. 	}
  109. 	if ( innerText ) {
  110. 		element.innerText = innerText;
  111. 	}
  112. 	for ( let elementConfigKey in elementConfig ) {
  113. 		if ( [ "tagName", "className", "id", "innerHTML", "innerText" ].indexOf( elementConfigKey ) !== -1 ) {
  114. 			continue;
  115. 		}
  116. 		element.setAttribute( elementConfigKey, elementConfig[elementConfigKey] );
  117. 	}
  118. 	return element;
  119. };
  120. const addElementToDocument = ( element, cssString, fatherElement = document.body ) => {
  121. 	fatherElement.append( element );
  122. 	GM_addStyle( cssString );
  123. };
  124. const addStyle = ( cssString ) => {
  125. 	GM_addStyle( cssString );
  126. };
  127.  
  128. class Info {
  129. 	constructor( projectName ) {
  130. 		// @ts-ignore
  131. 		__publicField( this, "projectName" );
  132. 		__publicField( this, "header" );
  133. 		this.projectName = projectName;
  134. 		this.header = `[${ projectName }]`;
  135. 	}
  136. 	
  137. 	log( ...msg ) {
  138. 		/* @__PURE__ */
  139. 		( () => {
  140. 		} )( ...this.contentInfo( ...msg ) );
  141. 	}
  142. 	
  143. 	info( ...msg ) {
  144. 		console.info( ...this.contentInfo( ...msg ) );
  145. 	}
  146. 	
  147. 	warn( ...msg ) {
  148. 		console.warn( ...this.contentInfo( ...msg ) );
  149. 	}
  150. 	
  151. 	error( ...msg ) {
  152. 		console.error( ...this.contentInfo( ...msg ) );
  153. 	}
  154. 	
  155. 	contentInfo( ...msg ) {
  156. 		return [ this.header, ...msg ];
  157. 	}
  158. }
  159.  
  160. function importLayui() {
  161. 	let script = document.createElement( "script" );
  162. 	script.type = "text/javascript";
  163. 	script.src = "https://cdn.staticfile.org/layui/2.8.11/layui.min.js";
  164. 	document.head.appendChild( script );
  165. }
  166.  
  167. class Sleep {
  168. 	/** 延时睡眠等待 */
  169. 	static time( delay = 1 ) {
  170. 		return new Promise( ( resolve ) => {
  171. 			setTimeout( resolve, delay * 1e3 );
  172. 		} );
  173. 	}
  174. 	
  175. 	/** 页面加载等待 */
  176. 	static windowLoad( delay = 0 ) {
  177. 		return new Promise( ( resolve ) => {
  178. 			window.addEventListener( "load", () => {
  179. 				setTimeout( resolve, delay * 1e3 );
  180. 			} );
  181. 		} );
  182. 	}
  183. }
  184.  
  185. class Data {
  186. 	/** @param {array} newData */
  187. 	constructor( newData ) {
  188. 		/** @type {Map<string, {id: string, isBandLive: boolean, isBandDynamic: boolean, isBandVideo: boolean}>} */
  189. 		__publicField( this, "data" );
  190. 		__publicField( this, "originData" );
  191. 		if ( newData ) {
  192. 			this.setToLocalStorage( this.arrayToMap( newData ) );
  193. 		}
  194. 		this.getFromLocalStorage();
  195. 	}
  196. 	
  197. 	/** 防止多余数据提交到data中，进行重新赋值 */
  198. 	limitValue( obj ) {
  199. 		const { id, isBandLive, isBandDynamic, isBandVideo } = obj;
  200. 		return {
  201. 			id,
  202. 			isBandLive: isBandLive || false,
  203. 			isBandDynamic: isBandDynamic || false,
  204. 			isBandVideo: isBandVideo || false
  205. 		};
  206. 	}
  207. 	
  208. 	/** 添加一个对象 */
  209. 	set( newObj ) {
  210. 		if ( this.data.has( newObj.id ) ) {
  211. 			return;
  212. 		}
  213. 		const limitData = this.limitValue( newObj );
  214. 		this.data.set( newObj.id, limitData );
  215. 		this.setToLocalStorage();
  216. 		return limitData;
  217. 	}
  218. 	
  219. 	/** 更新其中一个对象 */
  220. 	update( newObj ) {
  221. 		const limitData = this.limitValue( newObj );
  222. 		this.data.set( newObj.id, limitData );
  223. 		this.setToLocalStorage();
  224. 	}
  225. 	
  226. 	/** 删除其中一个对象 */
  227. 	delete( newObjOrId ) {
  228. 		if ( typeof newObjOrId === "string" ) {
  229. 			this.data.delete( newObjOrId );
  230. 		}
  231. 		else {
  232. 			this.data.delete( newObjOrId.id );
  233. 		}
  234. 		this.setToLocalStorage();
  235. 	}
  236. 	
  237. 	/** 改变其中一个对象的键（删除原对象，建立新对象） */
  238. 	change( newObj, oldObjOrId ) {
  239. 		this.delete( oldObjOrId );
  240. 		this.set( this.limitValue( newObj ) );
  241. 		this.setToLocalStorage();
  242. 	}
  243. 	
  244. 	/** 从localStorage中获取data */
  245. 	getFromLocalStorage() {
  246. 		this.originData = JSON.parse( localStorage.getItem( "bandList" ) || "[]" );
  247. 		this.data = this.arrayToMap( this.originData );
  248. 	}
  249. 	
  250. 	/** 将data设置到localStorage中 */
  251. 	setToLocalStorage( value = this.data ) {
  252. 		localStorage.setItem( "bandList", JSON.stringify( this.mapToArray( value ) ) );
  253. 	}
  254. 	
  255. 	/**
  256. 	 * 数组转Map
  257. 	 * @param {{id: string, [propName: string]: any}[]} array
  258. 	 * @return {Map}
  259. 	 * */
  260. 	arrayToMap( array ) {
  261. 		const map = /* @__PURE__ */ new Map();
  262. 		array.forEach( ( value ) => {
  263. 			value.id = value.id.trim();
  264. 			map.set( value.id, value );
  265. 		} );
  266. 		return map;
  267. 	}
  268. 	
  269. 	/**
  270. 	 * Map转数组
  271. 	 * @param {Map} map
  272. 	 * @return {any[]}
  273. 	 * */
  274. 	mapToArray( map ) {
  275. 		const array = [];
  276. 		for ( let value of map.values() ) {
  277. 			array.push( value );
  278. 		}
  279. 		return array;
  280. 	}
  281. }
  282.  
  283. class UiEvent {
  284. 	constructor( data ) {
  285. 		__publicField( this, "data" );
  286. 		__publicField( this, "treeTable" );
  287. 		__publicField( this, "domList" );
  288. 		this.data = data;
  289. 		this.treeTable = layui.treeTable;
  290. 		this.domList = {
  291. 			main: void 0
  292. 		};
  293. 		this.getMainDom();
  294. 	}
  295. 	
  296. 	/** 添加数据 */
  297. 	add( res ) {
  298. 		const addData = ( res2 ) => {
  299. 			res2 = res2.trim();
  300. 			if ( !res2 ) {
  301. 				return;
  302. 			}
  303. 			const newData = this.data.set( { id: res2 } );
  304. 			if ( !newData ) {
  305. 				return;
  306. 			}
  307. 			this.treeTable.addNodes( "table-bili-band-config", {
  308. 				index: 0,
  309. 				data: newData
  310. 			} );
  311. 			this.treeTable.reloadData( "table-bili-band-config" );
  312. 		};
  313. 		if ( res ) {
  314. 			addData( res );
  315. 			return;
  316. 		}
  317. 		layer.prompt( { title: "输入要屏蔽Up主名" }, ( res2, index ) => {
  318. 			layer.close( index );
  319. 			addData( res2 );
  320. 		} );
  321. 	}
  322. 	
  323. 	/**
  324. 	 * 删除当前行数据
  325. 	 * @param {Object} e layui数据对象
  326. 	 * */
  327. 	delete( e ) {
  328. 		this.data.delete( e.data );
  329. 		e.del();
  330. 		this.treeTable.reloadData( "table-bili-band-config" );
  331. 	}
  332. 	
  333. 	/** 更新当前行的数据
  334. 	 * @param {Object} originData
  335. 	 * @param {'dynamic' | 'video' | 'live'} type
  336. 	 * @param {number} index
  337. 	 * */
  338. 	update( originData, type, index ) {
  339. 		let newData = { ...originData };
  340. 		switch ( type ) {
  341. 			case "dynamic":
  342. 				newData.isBandDynamic = !originData.isBandDynamic;
  343. 				break;
  344. 			case "video":
  345. 				newData.isBandVideo = !originData.isBandVideo;
  346. 				break;
  347. 			case "live":
  348. 				newData.isBandLive = !originData.isBandLive;
  349. 				break;
  350. 		}
  351. 		this.treeTable.updateNode( "table-bili-band-config", index, newData );
  352. 		this.data.update( newData );
  353. 	}
  354. 	
  355. 	/** 改变Up主名称（因为需要改变键值，所以不能直接更新） */
  356. 	change( e ) {
  357. 		this.data.change( e.data, e.oldValue );
  358. 		this.treeTable.reloadData( "table-bili-band-config" );
  359. 	}
  360. 	
  361. 	/** 展示UI界面 */
  362. 	show() {
  363. 		if ( !this.domList.main ) {
  364. 			this.getMainDom();
  365. 		}
  366. 		const mainContainer = this.domList.main;
  367. 		if ( mainContainer.style.display === "none" ) {
  368. 			mainContainer.style.display = "block";
  369. 		}
  370. 		mainContainer.classList.remove( "layui-anim-fadeout", "hide" );
  371. 		mainContainer.classList.add( "layui-anim-fadein" );
  372. 	}
  373. 	
  374. 	/** 隐藏UI界面 */
  375. 	hide() {
  376. 		if ( !this.domList.main ) {
  377. 			this.getMainDom();
  378. 		}
  379. 		const mainContainer = this.domList.main;
  380. 		mainContainer.classList.remove( "layui-anim-fadein" );
  381. 		mainContainer.classList.add( "layui-anim-fadeout", "hide" );
  382. 	}
  383. 	
  384. 	getMainDom() {
  385. 		this.domList.main = document.querySelector( ".bili-band-config-container" );
  386. 	}
  387. 	
  388. 	submitSearch( input ) {
  389. 		const { value } = input;
  390. 		if ( !value.trim() ) {
  391. 			return false;
  392. 		}
  393. 		input.value = "";
  394. 		const newData = [];
  395. 		let isMatchValue = false;
  396. 		this.data.mapToArray( this.data.data ).forEach( ( bandData ) => {
  397. 			if ( bandData.id.match( value ) ) {
  398. 				isMatchValue = true;
  399. 				newData.unshift( bandData );
  400. 			}
  401. 			else {
  402. 				newData.push( bandData );
  403. 			}
  404. 		} );
  405. 		if ( !isMatchValue ) {
  406. 			layer.confirm( `没有搜索到UP主 [${ value }] ，是否新建UP主
  407. (2s后自动关闭窗口)`, {
  408. 				time: 2e3,
  409. 				btn: [ "确认", "取消" ]
  410. 			}, ( index ) => {
  411. 				layer.close( index );
  412. 				this.add( value );
  413. 			} );
  414. 			return false;
  415. 		}
  416. 		this.treeTable.reloadData( "table-bili-band-config", {
  417. 			data: newData,
  418. 			page: {
  419. 				// 将当前页面设置到第一页，避免看不到搜索结果
  420. 				curr: 1
  421. 			}
  422. 		} );
  423. 	}
  424. }
  425.  
  426. class ConfigUI {
  427. 	constructor() {
  428. 		// @ts-ignore
  429. 		__publicField( this, "data" );
  430. 		// @ts-ignore
  431. 		__publicField( this, "uiEvent" );
  432. 		importLayui();
  433. 		Sleep.windowLoad().then(
  434. 			() => {
  435. 				this.data = new Data();
  436. 				this.uiEvent = new UiEvent( this.data );
  437. 				this.createContainer();
  438. 				this.createElementEvent();
  439. 				this.show = () => {
  440. 					this.uiEvent.show();
  441. 				};
  442. 				this.hide = () => {
  443. 					this.uiEvent.hide();
  444. 				};
  445. 			}
  446. 		);
  447. 	}
  448. 	
  449. 	/** 创建UI界面框架 */
  450. 	createContainer() {
  451. 		const container = createElement( {
  452. 			tagName: "main",
  453. 			className: [ "bili-band-config-container", "layui-anim", "hide" ],
  454. 			innerHTML: `<table class="layui-anim-fadeout" id="ID-table-bili-band-config" lay-filter="show"></table>`
  455. 		} );
  456. 		addElementToDocument( container, `.bili-band-config-container {position: fixed; top: 0; left:calc(50% - 355px);background: #ffffff; z-index: 10003; width: 710px;}`, document.body );
  457. 	}
  458. 	
  459. 	/**
  460. 	 * 创建UI内容，创建UI事件
  461. 	 * */
  462. 	createElementEvent() {
  463. 		layui.use( "table", () => {
  464. 			const { treeTable, form } = layui;
  465. 			treeTable.render( {
  466. 				elem: "#ID-table-bili-band-config",
  467. 				id: "table-bili-band-config",
  468. 				cols: [ [
  469. 					{
  470. 						field: "index",
  471. 						title: "编号",
  472. 						type: "numbers",
  473. 						width: 60
  474. 					},
  475. 					{
  476. 						field: "id",
  477. 						title: "UP主",
  478. 						width: 200,
  479. 						sort: true,
  480. 						align: "center",
  481. 						edit: true
  482. 					},
  483. 					{
  484. 						field: "dynamic",
  485. 						title: "动态卡片",
  486. 						width: 110,
  487. 						sort: true,
  488. 						align: "center",
  489. 						templet: ( d ) => `<input type="checkbox" lay-skin="switch" lay-filter="toggleDynamicStatus" ${ d.isBandDynamic ? "checked" : "" }/>`
  490. 					},
  491. 					{
  492. 						field: "video",
  493. 						title: "视频卡片",
  494. 						width: 110,
  495. 						sort: true,
  496. 						align: "center",
  497. 						templet: ( d ) => `<input type="checkbox" lay-skin="switch" lay-filter="toggleVideoStatus" ${ d.isBandVideo ? "checked" : "" }/>`
  498. 					},
  499. 					{
  500. 						field: "live",
  501. 						title: "直播卡片",
  502. 						width: 110,
  503. 						sort: true,
  504. 						align: "center",
  505. 						templet: ( d ) => `<input type="checkbox" lay-skin="switch" lay-filter="toggleLiveStatus" ${ d.isBandLive ? "checked" : "" }/>`
  506. 					},
  507. 					{
  508. 						field: "delete",
  509. 						title: "操作",
  510. 						width: 110,
  511. 						sort: false,
  512. 						align: "center",
  513. 						fixed: "right",
  514. 						templet: () => `<button type="button" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius" lay-event="delete">Delete</button>`
  515. 					}
  516. 				] ],
  517. 				data: this.data.originData,
  518. 				size: "lg",
  519. 				skin: "line",
  520. 				page: {
  521. 					layout: [ "prev", "page", "next", "count", "skip" ]
  522. 				},
  523. 				// 底部工具栏
  524. 				pagebar: `
  525. 					<div>
  526. 						<button type="button" class="layui-btn layui-btn-sm" lay-event="add"> Add </button>
  527. 						<button type="button" class="layui-btn layui-btn-sm" lay-event="addFromClipboard"> ReadClipboard </button>
  528. 						<button type="button" class="layui-btn layui-btn-sm layui-btn-warm" lay-event="close"> Close </button>
  529. 					</div>
  530. 				`,
  531. 				// 顶部工具栏
  532. 				toolbar: `
  533. 					<div>
  534. 						<form class="form-search" style="display: flex;">
  535. 							<input type="text" class="layui-input" style="width: 200px;" placeholder="输入需要搜索的UP主"/>
  536. 							<button type="button" lay-submit lay-filter="table-search" class="layui-btn" style="margin-left: 20px;">Search</button>
  537. 							<button type="button" lay-submit lay-filter="table-clear" class="layui-btn" style="margin-left: 20px;">Clear</button>
  538. 						</form>
  539. 					</div>
  540. 				`,
  541. 				width: 710,
  542. 				// 不开启顶部右侧默认工具栏
  543. 				defaultToolbar: ""
  544. 			} );
  545. 			treeTable.on( "tool(show)", ( e ) => {
  546. 				this.uiEvent.delete( e );
  547. 			} );
  548. 			treeTable.on( "edit(show)", ( e ) => {
  549. 				this.uiEvent.change( e );
  550. 			} );
  551. 			
  552. 			class Checkbox {
  553. 				constructor( input ) {
  554. 					__publicField( this, "input" );
  555. 					__publicField( this, "domList" );
  556. 					this.input = input;
  557. 					this.domList = {
  558. 						input: this.input,
  559. 						tr: this.getTrDom()
  560. 					};
  561. 				}
  562. 				
  563. 				getTrDom() {
  564. 					var _a, _b, _c;
  565. 					return ( _c = ( _b = ( _a = this.input ) == null ? void 0 : _a.parentElement ) == null ? void 0 : _b.parentElement ) == null ? void 0 : _c.parentElement;
  566. 				}
  567. 				
  568. 				getTableDataIndex() {
  569. 					return parseInt( this.domList.tr.dataset.index );
  570. 				}
  571. 				
  572. 				getTableData( index ) {
  573. 					index || ( index = this.getTableDataIndex() );
  574. 					return treeTable.getNodeDataByIndex( "table-bili-band-config", index );
  575. 				}
  576. 			}
  577. 			
  578. 			form.on( "switch(toggleDynamicStatus)", ( e ) => {
  579. 				const input = new Checkbox( e.elem );
  580. 				const index = input.getTableDataIndex();
  581. 				const data = input.getTableData( index );
  582. 				this.uiEvent.update( data, "dynamic", index );
  583. 			} );
  584. 			form.on( "switch(toggleVideoStatus)", ( e ) => {
  585. 				const input = new Checkbox( e.elem );
  586. 				const index = input.getTableDataIndex();
  587. 				const data = input.getTableData( index );
  588. 				this.uiEvent.update( data, "video", index );
  589. 			} );
  590. 			form.on( "switch(toggleLiveStatus)", ( e ) => {
  591. 				const input = new Checkbox( e.elem );
  592. 				const index = input.getTableDataIndex();
  593. 				const data = input.getTableData( index );
  594. 				this.uiEvent.update( data, "live", index );
  595. 			} );
  596. 			treeTable.on( "pagebar(show)", ( e ) => {
  597. 				const { event } = e;
  598. 				if ( ![ "add", "close", "addFromClipboard" ].includes( event ) ) {
  599. 					return;
  600. 				}
  601. 				if ( event === "add" ) {
  602. 					this.uiEvent.add();
  603. 					return;
  604. 				}
  605. 				if ( event === "addFromClipboard" ) {
  606. 					navigator.clipboard.readText().then(
  607. 						( res ) => {
  608. 							this.uiEvent.add( res );
  609. 						},
  610. 						( err ) => {
  611. 							layer.msg( err );
  612. 						}
  613. 					);
  614. 					return;
  615. 				}
  616. 				if ( event === "close" ) {
  617. 					this.uiEvent.hide();
  618. 					return;
  619. 				}
  620. 			} );
  621. 			form.on( "submit(table-search)", ( res ) => {
  622. 				const input = res.form.querySelector( "input" );
  623. 				this.uiEvent.submitSearch( input );
  624. 				return false;
  625. 			} );
  626. 			form.on( "submit(table-clear)", ( res ) => {
  627. 				res.form.querySelector( "input" ).value = "";
  628. 				return false;
  629. 			} );
  630. 			const domList = {
  631. 				form: document.querySelector( ".form-search" ),
  632. 				input: document.querySelector( ".form-search > input" )
  633. 			};
  634. 			domList.form.addEventListener( "submit", ( e ) => {
  635. 				e.preventDefault();
  636. 				this.uiEvent.submitSearch( domList.input );
  637. 			} );
  638. 		} );
  639. 	}
  640. 	
  641. 	// 向外暴露出show事件
  642. 	// 初始化声明show函数，具体内容会在构造函数定义
  643. 	show() {
  644. 	}
  645. 	
  646. 	// 向外暴露出hide事件
  647. 	// 初始化声明hide函数，具体内容会在构造函数定义
  648. 	hide() {
  649. 	}
  650. }
  651.  
  652. ( async () => {
  653. 	const print = new Info( "BiliBiliHideDynamic" );
  654. 	addStyle( `.hide {display: none !important}` );
  655. 	print.info( "引入UI" );
  656. 	const configUI = new ConfigUI();
  657. 	await Sleep.windowLoad();
  658. 	
  659. 	class Observer {
  660. 		constructor() {
  661. 		}
  662. 		
  663. 		async observe( observerSelectorList, callback ) {
  664. 			await getElement( document.body, observerSelectorList.waitLoadElementSelector );
  665. 			const observer2 = new MutationObserver( ( e ) => {
  666. 				e.forEach( ( record ) => {
  667. 					var _a;
  668. 					const item = record.addedNodes[0];
  669. 					if ( !item || !( ( _a = item == null ? void 0 : item.classList ) == null ? void 0 : _a.contains( observerSelectorList.filterToken || "" ) ) ) {
  670. 						return;
  671. 					}
  672. 					callback( item );
  673. 				} );
  674. 			} );
  675. 			/* @__PURE__ */
  676. 			( () => {
  677. 			} )( observerSelectorList.observeElementSelector );
  678. 			observer2.observe( document.querySelector( observerSelectorList.observeElementSelector ), {
  679. 				childList: true
  680. 			} );
  681. 		}
  682. 	}
  683. 	
  684. 	class BandEvent {
  685. 		constructor( bandList ) {
  686. 			__publicField( this, "bandList" );
  687. 			__publicField( this, "bandTypeList", [ "dynamic", "video" ] );
  688. 			this.bandList = bandList;
  689. 		}
  690. 		
  691. 		/** 判断当前动态的Up主是否在屏蔽列表中，如果是则隐藏 */
  692. 		band( item, upNameSelector, bandType ) {
  693. 			var _a;
  694. 			const upName = ( _a = item.querySelector( upNameSelector ) ) == null ? void 0 : _a.innerText.trim();
  695. 			let bandTypeKey;
  696. 			bandTypeKey = {
  697. 				dynamic: "isBandDynamic",
  698. 				video: "isBandVideo",
  699. 				live: "isBandLive"
  700. 			};
  701. 			if ( this.bandList.has( upName ) && this.bandList.get( upName )[bandTypeKey[bandType]] ) {
  702. 				item.classList.add( "hide" );
  703. 			}
  704. 			else {
  705. 				item.classList.remove( "hide" );
  706. 			}
  707. 		}
  708. 		
  709. 		/**
  710. 		 * 获取当前所处的动态卡片编号，并根据动态卡片编号，返回不同的BandType
  711. 		 * */
  712. 		judgeBandType( tabsItemListSelector ) {
  713. 			let tabsItemIndex = 0;
  714. 			const tabsItemList = document.querySelectorAll( tabsItemListSelector );
  715. 			for ( let i = 0; i < tabsItemList.length; i++ ) {
  716. 				const tabsItem = tabsItemList[i];
  717. 				if ( tabsItem.classList.contains( "active" ) ) {
  718. 					tabsItemIndex = i;
  719. 					break;
  720. 				}
  721. 			}
  722. 			return this.bandTypeList[tabsItemIndex];
  723. 		}
  724. 		
  725. 		/** 刷新页面数据 */
  726. 		fresh( observerSelectorList, bandType ) {
  727. 			const { aimElementSelector, upNameSelector } = observerSelectorList;
  728. 			const upNameNodeList = document.querySelectorAll( aimElementSelector );
  729. 			upNameNodeList.forEach( ( aimElement ) => {
  730. 				this.band( aimElement, upNameSelector, bandType );
  731. 			} );
  732. 		}
  733. 		
  734. 		// 刷新动态卡片 / 视频卡片数据
  735. 		freshDynamic( dynamicSelectorList ) {
  736. 			const bandType = this.judgeBandType( dynamicSelectorList.tabsItemListSelector );
  737. 			bandEvent.fresh( dynamicSelectorList, bandType );
  738. 		}
  739. 		
  740. 		// 刷新直播数据
  741. 		freshLive( liveSelectorList ) {
  742. 			bandEvent.fresh( liveSelectorList, "live" );
  743. 		}
  744. 	}
  745. 	
  746. 	let domSelector = {
  747. 		dynamic: {
  748. 			waitLoadElementSelector: ".bili-dyn-list",
  749. 			observeElementSelector: ".bili-dyn-list__items",
  750. 			upNameSelector: ".bili-dyn-title__text",
  751. 			tabsItemListSelector: ".bili-dyn-list-tabs__item",
  752. 			filterToken: "bili-dyn-list__item",
  753. 			aimElementSelector: ".bili-dyn-list__item"
  754. 		},
  755. 		// Bilibili-Evolved直播侧边栏
  756. 		live: {
  757. 			waitLoadElementSelector: ".be-live-list-content",
  758. 			observeElementSelector: ".be-live-list-content",
  759. 			upNameSelector: ".be-live-list-item-user",
  760. 			filterToken: "be-live-list-item",
  761. 			aimElementSelector: ".be-live-list-item"
  762. 		},
  763. 		// 旧版直播侧边栏
  764. 		oldLive: {
  765. 			waitLoadElementSelector: ".bili-dyn-live-users__body",
  766. 			observeElementSelector: ".bili-dyn-live-users__body",
  767. 			upNameSelector: ".bili-dyn-live-users__item__uname",
  768. 			filterToken: "bili-dyn-live-users__item",
  769. 			aimElementSelector: ".bili-dyn-live-users__item"
  770. 		},
  771. 		// 新版直播侧边栏
  772. 		newLive: {
  773. 			waitLoadElementSelector: ".bili-dyn-live-users__body",
  774. 			observeElementSelector: ".bili-dyn-live-users__body",
  775. 			upNameSelector: ".bili-dyn-live-users__item__uname",
  776. 			filterToken: "bili-dyn-live-users__container",
  777. 			aimElementSelector: ".bili-dyn-live-users__container"
  778. 		}
  779. 	};
  780. 	( function judgeBiliUiVersion() {
  781. 		if ( document.querySelector( "#bili-header-container" ) && document.querySelector( ".bili-header.fixed-header" ) ) {
  782. 			domSelector.live = domSelector.newLive;
  783. 		}
  784. 		else if ( document.querySelector( "#bili-header-container" ) ) {
  785. 			;
  786. 		}
  787. 		else {
  788. 			domSelector.live = domSelector.oldLive;
  789. 		}
  790. 	} )();
  791. 	const observer = new Observer();
  792. 	const bandEvent = new BandEvent( configUI.data.data );
  793. 	await observer.observe( domSelector.dynamic, ( item ) => {
  794. 		const bandType = bandEvent.judgeBandType( domSelector.dynamic.tabsItemListSelector );
  795. 		bandEvent.band( item, domSelector.dynamic.upNameSelector, bandType );
  796. 	} );
  797. 	bandEvent.freshDynamic( domSelector.dynamic );
  798. 	await observer.observe( domSelector.live, ( item ) => {
  799. 		bandEvent.band( item, domSelector.live.upNameSelector, "live" );
  800. 	} );
  801. 	bandEvent.freshLive( domSelector.live );
  802. 	registerMenu( "添加屏蔽", () => {
  803. 		configUI.show();
  804. 	} );
  805. 	
  806. 	class DragEvent {
  807. 		constructor() {
  808. 			// Dom集合
  809. 			__publicField( this, "domList" );
  810. 			// 坐标集合
  811. 			__publicField( this, "position" );
  812. 			this.domList = {
  813. 				main: document.querySelector( ".bili-band-config-container" )
  814. 			};
  815. 			this.domList.tool = this.domList.main.querySelector( ".layui-table-tool" );
  816. 			this.position = {
  817. 				start: { x: 0, y: 0 },
  818. 				end: { x: 0, y: 0 },
  819. 				relative: { x: 0, y: 0 }
  820. 			};
  821. 			this.bindDragEvent( this.domList.tool );
  822. 		}
  823. 		
  824. 		/** 绑定拖拽事件 */
  825. 		bindDragEvent( willDraggableElement ) {
  826. 			willDraggableElement.draggable = true;
  827. 			willDraggableElement.addEventListener( "dragstart", ( e ) => {
  828. 				this.getStartPosition( e );
  829. 			} );
  830. 			willDraggableElement.addEventListener( "dragend", ( e ) => {
  831. 				e.preventDefault();
  832. 				this.getEndPosition( e );
  833. 				this.getRelativePosition();
  834. 				this.changeDomPosition();
  835. 			} );
  836. 		}
  837. 		
  838. 		/** 获取开始坐标 */
  839. 		getStartPosition( e ) {
  840. 			const { pageX, pageY } = e;
  841. 			this.position.start = {
  842. 				x: pageX,
  843. 				y: pageY
  844. 			};
  845. 		}
  846. 		
  847. 		/** 获取结束坐标 */
  848. 		getEndPosition( e ) {
  849. 			const { pageX, pageY } = e;
  850. 			this.position.end = {
  851. 				x: pageX,
  852. 				y: pageY
  853. 			};
  854. 		}
  855. 		
  856. 		/** 获取相对坐标 */
  857. 		getRelativePosition() {
  858. 			this.position.relative = {
  859. 				x: this.position.relative.x + this.position.end.x - this.position.start.x,
  860. 				y: this.position.relative.y + this.position.end.y - this.position.start.y
  861. 			};
  862. 		}
  863. 		
  864. 		/** 改变main容器的坐标位置 */
  865. 		changeDomPosition() {
  866. 			this.domList.main.style.transform = `translate(${ this.position.relative.x }px, ${ this.position.relative.y }px)`;
  867. 		}
  868. 	}
  869. 	
  870. 	( () => {
  871. 		const domList = {
  872. 			closeBtn: document.querySelector( "[lay-event=close]" )
  873. 		};
  874. 		domList.closeBtn.addEventListener( "click", () => {
  875. 			bandEvent.freshDynamic( domSelector.dynamic );
  876. 			bandEvent.freshLive( domSelector.live );
  877. 		} );
  878. 		new DragEvent();
  879. 	} )();
  880. } )();