Migrate `UI`.

noname/game-status/card-tag.d.ts

@@ -1,3 +1,4 @@
-interface CardTag extends Record<string, `${number}`[]> { }
+interface CardTag extends Record<string, `${number}`[]> {
+}
 
 export const cardTag: CardTag;

noname/game.js

@@ -3978,7 +3978,7 @@ export class Game {
 			}
 		}
 		if (!callback) {
-			callback = function () { };
+			callback = () => void 0;
 		}
 		var promptContainer = ui.create.div(".popup-container", ui.window, function () {
 			if (this.clicked) {

noname/gnc.js

@@ -1,4 +1,5 @@
-const GeneratorFunction = (function* () { }).constructor;
+const GeneratorFunction = (function* () {
+}).constructor;
 
 export class GNC {
 	constructor() {

noname/library/animate/card.d.ts

@@ -1,3 +1,4 @@
-interface Card extends Record<string, Function> { }
+interface Card extends Record<string, Function> {
+}
 
 export const card: Card;

noname/library/animate/skill.d.ts

@@ -1,3 +1,4 @@
-interface Skill extends Record<string, Function> { }
+interface Skill extends Record<string, Function> {
+}
 
 export const skill: Skill;

noname/library/card-pack.d.ts

@@ -1,3 +1,4 @@
-interface CardPack extends Record<string, string[]> { }
+interface CardPack extends Record<string, string[]> {
+}
 
 export const cardPack: CardPack;

noname/library/card-type.d.ts

@@ -1,3 +1,4 @@
-interface CardType extends Record<string, number> { }
+interface CardType extends Record<string, number> {
+}
 
 export const cardType: CardType;

noname/library/character-filter.d.ts

@@ -1,3 +1,4 @@
-interface CharacterFilter extends Record<string, (mode: string) => boolean> { }
+interface CharacterFilter extends Record<string, (mode: string) => boolean> {
+}
 
 export const characterFilter: CharacterFilter;

noname/library/character-intro.d.ts

@@ -1,3 +1,4 @@
-interface CharacterIntro extends Record<string, string> { }
+interface CharacterIntro extends Record<string, string> {
+}
 
 export const characterIntro: CharacterIntro;

noname/library/character-pack.d.ts

@@ -1,5 +1,6 @@
 import { CharacterInformation } from "./character-information.js";
 
-interface CharacterPack extends Record<string, Record<string, CharacterInformation>> { }
+interface CharacterPack extends Record<string, Record<string, CharacterInformation>> {
+}
 
 export const characterPack: CharacterPack;

noname/library/character-replace.d.ts

@@ -1,3 +1,4 @@
-interface CharacterReplace extends Record<string, string[]> { }
+interface CharacterReplace extends Record<string, string[]> {
+}
 
 export const characterReplace: CharacterReplace;

noname/library/character-sort.d.ts

@@ -1,3 +1,4 @@
-interface CharacterSort extends Record<string, Record<string, string[]>> { }
+interface CharacterSort extends Record<string, Record<string, string[]>> {
+}
 
 export const characterSort: CharacterSort;

noname/library/character-title.d.ts

@@ -1,3 +1,4 @@
-interface CharacterTitle extends Record<string, string> { }
+interface CharacterTitle extends Record<string, string> {
+}
 
 export const characterTitle: CharacterTitle;

noname/library/dynamic-translate.d.ts

@@ -1,5 +1,6 @@
 import { Player } from "./element/player.js";
 
-interface DynamicTranslate extends Record<string, (player: Player) => string> { }
+interface DynamicTranslate extends Record<string, (player: Player) => string> {
+}
 
 export const dynamicTranslate: DynamicTranslate;

noname/library/element.js

@@ -637,7 +637,7 @@ export const element = {
 				var dialog = ui.create.dialog("forcebutton", "hidden");
 				event.dialog = dialog;
 				event.dialog.textPrompt = event.dialog.add(`<div class="text center">${beatmap.prompt || "在音符滑条和底部判定区重合时点击屏幕！"}</div>`);
-				event.switchToAuto = function () { };
+				event.switchToAuto = () => void 0;
 				event.dialog.classList.add("fixed");
 				event.dialog.classList.add("scroll1");
 				event.dialog.classList.add("scroll2");
@@ -1171,7 +1171,7 @@ export const element = {
 				player.chooseButtonOL([
 					[player, [event.title + "：请选择一种策略", [[["", "", "db_def2"], ["", "", "db_def1"]], "vcard"]], true],
 					[target, [event.title + "：请选择一种策略", [[["", "", "db_atk1"], ["", "", "db_atk2"]], "vcard"]], true]
-				], function () { }, event.ai).set("switchToAuto", function () {
+				], () => void 0, event.ai).set("switchToAuto", function () {
 					_status.event.result = "ai";
 				}).set("processAI", function () {
 					var buttons = _status.event.dialog.buttons;
@@ -1250,7 +1250,7 @@ export const element = {
 				player.chooseButtonOL([
 					[player, ["猜拳：请选择一种手势", [[["", "", "pss_stone"], ["", "", "pss_scissor"], ["", "", "pss_paper"]], "vcard"]], true],
 					[target, ["猜拳：请选择一种手势", [[["", "", "pss_stone"], ["", "", "pss_scissor"], ["", "", "pss_paper"]], "vcard"]], true]
-				], function () { }, function () { return 1 + Math.random() }).set("switchToAuto", function () {
+				], () => void 0, function () { return 1 + Math.random() }).set("switchToAuto", function () {
 					_status.event.result = "ai";
 				}).set("processAI", function () {
 					var buttons = _status.event.dialog.buttons;
@@ -5487,7 +5487,7 @@ export const element = {
 				return;
 			}
 			var cards = player.getCards("h");
-			player.showCards(cards).setContent(function () { });
+			player.showCards(cards).setContent(() => void 0);
 			var str = get.translation(player.name) + "的手牌";
 			if (typeof event.prompt == "string") {
 				str = event.prompt;

noname/library/element/player.js

@@ -886,8 +886,10 @@ export class Player {
 		return this.countEnabledSlot(num) > this.getEquips(num).length;
 	}
 	//以下函数将被废弃
-	$disableEquip() { }
-	$enableEquip() { }
+	$disableEquip() {
+	}
+	$enableEquip() {
+	}
 	//装备区End
 	chooseToDebate() {
 		var next = game.createEvent("chooseToDebate");

noname/library/emotion-list.d.ts

@@ -1,3 +1,4 @@
-interface EmotionList extends Record<string, number> { }
+interface EmotionList extends Record<string, number> {
+}
 
 export const emotionList: EmotionList;

noname/library/hook-map.d.ts

@@ -1,3 +1,4 @@
-interface HookMap extends Record<string, true> { }
+interface HookMap extends Record<string, true> {
+}
 
 export const hookMap: HookMap;

noname/library/initialization.js

@@ -1470,8 +1470,8 @@ export class Initialization {
 						entry.getFile(dir, {}, function (fileEntry) {
 							fileEntry.remove();
 							if (callback) callback();
-						}, callback || function () { });
-					}, callback || function () { });
+						}, callback || (() => void 0));
+					}, callback || (() => void 0));
 				};
 				game.getFileList = (dir, success, failure) => {
 					var files = [], folders = [];
@@ -1644,7 +1644,7 @@ export class Initialization {
 				});
 			};
 			game.removeFile = function (filename, callback) {
-				lib.node.fs.unlink(__dirname + "/" + filename, callback || function () { });
+				lib.node.fs.unlink(__dirname + "/" + filename, callback || (() => void 0));
 			};
 			game.getFileList = (dir, success, failure) => {
 				var files = [], folders = [];
@@ -1655,7 +1655,7 @@ export class Initialization {
 					};
 				}
 				else if (failure == null) {
-					failure = () => { };
+					failure = () => void 0;
 				}
 				try {
 					lib.node.fs.readdir(dir, (err, filelist) => {

noname/library/message.js

@@ -498,7 +498,7 @@ export const message = {
 					} else {
 						window.focus();
 						if (navigator.clipboard && lib.node) {
-							navigator.clipboard.readText().then(read).catch(_ => { });
+							navigator.clipboard.readText().then(read).catch(() => void 0);
 						} else {
 							var input = ui.create.node("textarea", ui.window, { opacity: "0" });
 							input.select();

noname/library/skin.d.ts

@@ -1,3 +1,4 @@
-interface Skin extends Record<string, number> { }
+interface Skin extends Record<string, number> {
+}
 
 export const skin: Skin;

noname/library/update-urls.d.ts

@@ -1,3 +1,4 @@
-interface UpdateURLs extends Record<string, string> { }
+interface UpdateURLs extends Record<string, string> {
+}
 
 export const updateURLs: UpdateURLs;

noname/ui.js

@@ -1,13 +1,24 @@
 import { Click } from "./ui/click.js";
+import { Create } from "./ui/create.js";
 import { selected } from "./ui/selected.js";
 
-class HTMLWindowElement extends HTMLDivElement { }
+class HTMLWindowElement extends HTMLDivElement {
+}
 
 customElements.define("window", HTMLWindowElement, {
 	extends: "div"
 });
 
 export class UI {
+	static updates = [];
+	static thrown = [];
+	static touchlines = [];
+	static todiscard = {};
+	/**
+	 * @type {HTMLStyleElement[]}
+	 */
+	static playerPositions = [];
+	static create = Create;
 	static click = Click;
 	static selected = selected;
 	/**
@@ -18,4 +29,558 @@ export class UI {
 	constructor() {
 		throw new TypeError(`${new.target.name} is not a constructor`);
 	}
+
+	static refresh(node) {
+		void window.getComputedStyle(node, null).getPropertyValue("opacity");
+	}
+	static updatec() {
+		if (_status.noupdatec) return;
+		var length = 0, minoffset = -Infinity;
+		var controls = [];
+		var widths = [];
+		var leftwidths = [];
+		var add = function (node, first) {
+			var thiswidth = parseInt(node.style.width);
+			if (thiswidth) {
+				thiswidth += 8;
+				length += thiswidth;
+				if (first) {
+					leftwidths.push(thiswidth);
+				}
+				else {
+					widths.push(thiswidth);
+				}
+			}
+			else {
+				length += node.offsetWidth;
+				if (first) {
+					leftwidths.push(node.offsetWidth);
+				}
+				else {
+					widths.push(node.offsetWidth);
+				}
+			}
+			if (first) {
+				controls.unshift(node);
+			}
+			else {
+				controls.push(node);
+			}
+		}
+		widths = leftwidths.concat(widths);
+		var staylefts = [];
+		for (var i = 0; i < ui.control.childNodes.length; i++) {
+			if (ui.control.childNodes[i].classList.contains("removing")) continue;
+			if (lib.config.wuxie_right && ui.control.childNodes[i].stayleft) {
+				staylefts.push(ui.control.childNodes[i]);
+			}
+			else {
+				add(ui.control.childNodes[i]);
+			}
+		}
+		if (staylefts.length) {
+			var fullwidth = 0;
+			var fullright = (game.layout == "long" || game.layout == "long2" || game.chess || (game.layout != "nova" && parseInt(ui.arena.dataset.number) <= 5));
+			for (var i = 0; i < widths.length; i++) {
+				fullwidth += widths[i] + 6;
+				if (get.is.phoneLayout()) fullwidth += 6;
+			}
+			fullwidth /= 2;
+			var currentLeft = 0;
+			for (var stayleft of staylefts) {
+				stayleft.currentLeft = currentLeft;
+				fullwidth += stayleft.offsetWidth;
+				currentLeft += stayleft.offsetWidth;
+				if (get.is.phoneLayout()) {
+					fullwidth += 18;
+					currentLeft += 18;
+				}
+				else {
+					fullwidth += 12;
+					currentLeft += 12;
+				}
+			}
+			if (fullright) {
+				fullwidth += 124;
+				if ((game.layout == "long2" || game.layout == "nova") && ui.arena.dataset.number == "8" && get.mode() != "boss") {
+					fullwidth += game.me.getLeft();
+				}
+			}
+			else {
+				fullwidth += 154;
+			}
+			for (var stayleft of staylefts) {
+				if (game.layout != "default") {
+					var current_offset = stayleft._offset;
+					if (fullright) {
+						stayleft._offset = Math.ceil(-ui.arena.offsetWidth / 2) + 135;
+						if ((game.layout == "long2" || game.layout == "nova") && ui.arena.dataset.number == "8" && get.mode() != "boss") {
+							stayleft._offset += game.me.getLeft();
+						}
+					}
+					else {
+						stayleft._offset = Math.ceil(-ui.arena.offsetWidth / 2) + 165;
+					}
+					stayleft._offset += stayleft.currentLeft;
+
+					if (current_offset != stayleft._offset) {
+						stayleft.animate("controlpressdownx", 500);
+						stayleft.style.transform = "translateX(" + stayleft._offset + "px)";
+					}
+				}
+				else {
+					add(stayleft, true);
+				}
+			}
+			if (staylefts.length && controls.length) {
+				var last = staylefts[staylefts.length - 1];
+				minoffset = last._offset + last.offsetWidth + (get.is.phoneLayout() ? 18 : 12);
+			}
+		}
+		if (!controls.length) return;
+		var offset = -length / 2;
+		if (minoffset > offset) offset = minoffset;
+		var control = controls.shift();
+		if (control._offset != offset) {
+			control.animate("controlpressdownx", 500);
+			control.style.transform = "translateX(" + offset + "px)";
+			control._offset = offset;
+		}
+		while (controls.length) {
+			var control = controls.shift();
+			var width = widths.shift();
+			offset += width + 6;
+			if (get.is.phoneLayout()) {
+				offset += 6;
+			}
+			if (control._offset != offset) {
+				control.animate("controlpressdownx", 500);
+				control.style.transform = "translateX(" + offset + "px)";
+				control._offset = offset;
+			}
+		}
+	}
+	static updatex() {
+		ui.update.apply(this, arguments);
+		ui.updatehl();
+		for (var i = 0; i < lib.onresize.length; i++) {
+			lib.onresize[i]();
+		}
+		var cfg = game.documentZoom / game.deviceZoom;
+		ui.updated();
+		game.documentZoom = cfg * game.deviceZoom;
+		ui.updatez();
+		delete ui._updatexr;
+	}
+	static updatexr() {
+		if (ui._updatexr) {
+			clearTimeout(ui._updatexr);
+		}
+		ui._updatexr = setTimeout(ui.updatex, 500);
+	}
+	static updatejm(player, nodes, start, inv) {
+		if (typeof start != "number") {
+			start = 0;
+		}
+		var str;
+		if (get.is.mobileMe(player) || game.layout == "default" || player.classList.contains("linked")) {
+			str = "translateX(";
+			if (inv) {
+				str += "-";
+			}
+		}
+		else {
+			str = "translateY(";
+		}
+		var num = 0;
+		for (var i = 0; i < nodes.childElementCount; i++) {
+			var node = nodes.childNodes[i];
+			if (i < start) {
+				node.style.transform = "";
+			}
+			else if (node.classList.contains("removing")) {
+				start++;
+			}
+			else {
+				ui.refresh(node);
+				node.classList.remove("drawinghidden");
+				node._transform = str + ((i - start) * 28) + "px)";
+				node.style.transform = node._transform;
+			}
+		}
+	}
+	static updatem(player) {
+		if (player) {
+			var start = 0;
+			if (!player.classList.contains("linked2") || !ui.arena.classList.contains("nolink")) {
+				start = 1;
+			}
+			ui.updatejm(player, player.node.marks, start, get.is.mobileMe(player));
+		}
+		else {
+			for (var i = 0; i < game.players.length; i++) {
+				ui.updatem(game.players[i]);
+			}
+		}
+	}
+	static updatej(player) {
+		if (player) {
+			ui.updatejm(player, player.node.judges);
+		}
+		else {
+			for (var i = 0; i < game.players.length; i++) {
+				ui.updatej(game.players[i]);
+			}
+		}
+	}
+	static updatehl() {
+		if (!game.me) return;
+		if (!ui.handcards1Container || !ui.handcards2Container) return;
+		if (!ui.handcards1Container.childNodes.length) return;
+		var hs1 = [], hs2 = [];
+		for (var i = 0; i < ui.handcards1Container.firstChild.childElementCount; i++) {
+			if (!ui.handcards1Container.firstChild.childNodes[i].classList.contains("removing")) {
+				hs1.push(ui.handcards1Container.firstChild.childNodes[i]);
+			}
+		}
+		for (var i = 0; i < ui.handcards2Container.firstChild.childElementCount; i++) {
+			if (!ui.handcards2Container.firstChild.childNodes[i].classList.contains("removing")) {
+				hs2.push(ui.handcards2Container.firstChild.childNodes[i]);
+			}
+		}
+		var offset1, offset12 = 0;
+		if (!lib.config.fold_card) {
+			offset1 = 112;
+			ui.handcards1Container.classList.add("scrollh");
+		}
+		else {
+			offset1 = Math.min(112, (ui.handcards1Container.offsetWidth - 128) / (hs1.length - 1));
+			if (hs1.length > 1 && offset1 < 32) {
+				offset1 = 32;
+				ui.handcards1Container.classList.add("scrollh");
+			}
+			else {
+				ui.handcards1Container.classList.remove("scrollh");
+			}
+		}
+		if (offset1 < 100) {
+			offset12 = 100 - offset1;
+		}
+		for (var i = 0; i < hs1.length; i++) {
+			hs1[i].style.transform = "translateX(" + (i * offset1) + "px)";
+			hs1[i]._transform = "translateX(" + (i * offset1) + "px)";
+			ui.refresh(hs1[i]);
+			hs1[i].classList.remove("drawinghidden");
+			if (offset12 > 40) {
+				offset12 = 90 - hs1[i].node.info.offsetWidth;
+				hs1[i].node.info.querySelector("span").style.display = "none";
+				if (hs1[i].node.name.classList.contains("long")) {
+					hs1[i].node.name.style.transform = "translateY(16px)  scale(0.85)";
+					hs1[i].node.name.style.transformOrigin = "top left";
+				}
+				else {
+					hs1[i].node.name.style.transform = "translateY(16px)";
+				}
+				hs1[i].node.info.style.transform = "translateX(-" + offset12 + "px) translateY(-3px)";
+			}
+			else {
+				hs1[i].node.info.querySelector("span").style.display = "";
+				hs1[i].node.name.style.transform = "";
+				hs1[i].node.name.style.transformOrigin = "";
+				hs1[i].node.info.style.transform = "translateX(-" + offset12 + "px)";
+			}
+		}
+		ui.handcards1Container.firstChild.style.width = (offset1 * (hs1.length - 1) + 118) + "px";
+
+		var offset2, offset22 = 0;
+		if (!lib.config.fold_card) {
+			offset2 = 112;
+			ui.handcards2Container.classList.add("scrollh");
+		}
+		else {
+			offset2 = Math.min(112, (ui.handcards2Container.offsetWidth - 128) / (hs2.length - 1));
+			if (hs2.length > 1 && offset2 < 32) {
+				offset2 = 32;
+				ui.handcards2Container.classList.add("scrollh");
+			}
+			else {
+				ui.handcards2Container.classList.remove("scrollh");
+			}
+		}
+		if (offset2 < 100) {
+			offset22 = 100 - offset2;
+		}
+		for (var i = 0; i < hs2.length; i++) {
+			hs2[i].style.transform = "translateX(" + (i * offset2) + "px)";
+			hs2[i]._transform = "translateX(" + (i * offset2) + "px)";
+			ui.refresh(hs2[i]);
+			hs2[i].classList.remove("drawinghidden");
+			if (offset22 > 40) {
+				offset22 = 90 - hs2[i].node.info.offsetWidth;
+				hs2[i].node.info.querySelector("span").style.display = "none";
+				if (hs2[i].node.name.classList.contains("long")) {
+					hs2[i].node.name.style.transform = "translateY(16px)  scale(0.85)";
+					hs2[i].node.name.style.transformOrigin = "top left";
+				}
+				else {
+					hs2[i].node.name.style.transform = "translateY(16px)";
+				}
+				hs2[i].node.info.style.transform = "translateX(-" + offset22 + "px) translateY(-3px)";
+			}
+			else {
+				hs2[i].node.info.querySelector("span").style.display = "";
+				hs2[i].node.name.style.transform = "";
+				hs2[i].node.name.style.transformOrigin = "";
+				hs2[i].node.info.style.transform = "translateX(-" + offset22 + "px)";
+			}
+		}
+		ui.handcards2Container.firstChild.style.width = (offset2 * (hs2.length - 1) + 118) + "px";
+	}
+	static updateh(compute) {
+		if (!game.me) return;
+		if (!ui.handcards1Container) return;
+		if (lib.config.low_performance) {
+			if (compute) {
+				ui.updatehl();
+				setTimeout(ui.updatehl, 1000);
+			}
+			return;
+		}
+		if (compute) {
+			ui.handcards1Container._handcardsWidth = ui.handcards1Container.offsetWidth;
+			ui.handcards2Container._handcardsWidth = ui.handcards2Container.offsetWidth;
+		}
+		ui.updatehx(game.me.node.handcards1);
+		ui.updatehx(game.me.node.handcards2);
+	}
+	static updatehx(node) {
+		var width = node.parentNode._handcardsWidth;
+		var num = node.childElementCount - node.getElementsByClassName("removing").length;
+		node.classList.remove("fold0");
+		node.classList.remove("fold1");
+		node.classList.remove("fold2");
+		node.classList.remove("fold3");
+		if (num * 78 + 40 >= width) {
+			// node.dataset.fold=3;
+			node.classList.add("fold3");
+		}
+		else if (num * 93 + 25 >= width) {
+			// node.dataset.fold=2;
+			node.classList.add("fold2");
+		}
+		else if (num * 112 + 6 >= width) {
+			// node.dataset.fold=1;
+			node.classList.add("fold1");
+		}
+		else {
+			// node.dataset.fold=0;
+			node.classList.add("fold0");
+		}
+	}
+	static updated() {
+		if (document.documentElement.offsetWidth < 900 || document.documentElement.offsetHeight < 500) {
+			game.deviceZoom = Math.min(
+				Math.round(document.documentElement.offsetWidth / 98) / 10,
+				Math.round(document.documentElement.offsetHeight / 50) / 10
+			);
+		}
+		else {
+			game.deviceZoom = 1;
+		}
+	}
+	static updatez() {
+		var width = document.documentElement.offsetWidth;
+		var height = document.documentElement.offsetHeight;
+		var zoom = game.documentZoom;
+		if (zoom != 1) {
+			document.body.style.width = Math.round(width / zoom) + "px";
+			document.body.style.height = Math.round(height / zoom) + "px";
+			document.body.style.transform = "scale(" + (Math.floor(zoom * 100) / 100) + ")";
+		}
+		else {
+			document.body.style.width = width + "px";
+			document.body.style.height = height + "px";
+			document.body.style.transform = "";
+		}
+	}
+	static update() {
+		for (var i = 0; i < ui.updates.length; i++) {
+			ui.updates[i]();
+		}
+		if (ui.dialog && !ui.dialog.classList.contains("noupdate")) {
+			if (game.chess) {
+				if (ui.dialog.content.scrollHeight < 240 && (!ui.dialog.buttons || !ui.dialog.buttons.length) && !ui.dialog.forcebutton) {
+					ui.dialog.style.height = ui.dialog.content.offsetHeight + "px";
+					ui.dialog.classList.add("slim");
+				}
+				else {
+					ui.dialog.style.height = "";
+					ui.dialog.classList.remove("slim");
+				}
+			}
+			else {
+				if ((!ui.dialog.buttons || !ui.dialog.buttons.length) && !ui.dialog.forcebutton && ui.dialog.classList.contains("fullheight") == false && get.mode() != "stone") {
+					ui.dialog.classList.add("nobutton");
+					if (ui.dialog.content.offsetHeight < 240) {
+						if (!ui.dialog._heightset) {
+							ui.dialog._heightset = ui.dialog.style.height || true;
+						}
+						ui.dialog.style.height = ui.dialog.content.offsetHeight + "px";
+						if (lib.config.show_log != "off") {
+							ui.dialog.classList.add("scroll1");
+							ui.dialog.classList.add("scroll2");
+							return;
+						}
+					}
+					else {
+						if (typeof ui.dialog._heightset == "string") {
+							ui.dialog.style.height = ui.dialog._heightset;
+						}
+						else if (ui.dialog._heightset) {
+							ui.dialog.style.height = "";
+						}
+						delete ui.dialog._heightset;
+					}
+				}
+				else {
+					if (typeof ui.dialog._heightset == "string") {
+						ui.dialog.style.height = ui.dialog._heightset;
+					}
+					else if (ui.dialog._heightset) {
+						ui.dialog.style.height = "";
+					}
+					delete ui.dialog._heightset;
+					ui.dialog.classList.remove("nobutton");
+				}
+			}
+			var height1 = ui.dialog.content.offsetHeight;
+			var height2 = ui.dialog.contentContainer.offsetHeight;
+			if (game.chess) {
+				if (height1 < 240) {
+					ui.dialog.style.height = height1 + "px";
+				}
+			}
+			else {
+				if (!ui.dialog.forcebutton && !ui.dialog._scrollset && (height1 <= 190 || (height2 >= height1 && height2 >= 210))) {
+					ui.dialog.classList.remove("scroll1");
+					ui.dialog.classList.remove("scroll2");
+				}
+				else {
+					ui.dialog.classList.add("scroll1");
+					ui.dialog.classList.add("scroll2");
+					if (game.layout != "default") {
+						ui.dialog.style.height = Math.min(height1, ((game.layout == "long2" || game.layout == "nova") && ui.arena.classList.contains("choose-character")) ? 380 : 350) + "px";
+						ui.dialog._scrollset = true;
+					}
+				}
+				if (game.layout == "long2" || game.layout == "nova") {
+					if (height1 + 240 >= ui.arena.offsetHeight) {
+						ui.dialog.classList.add("scroll3");
+					}
+					else {
+						ui.dialog.classList.remove("scroll3");
+					}
+				}
+			}
+		}
+	}
+	static recycle(node, key) {
+		if (!ui._recycle) ui._recycle = {};
+		if (typeof node == "string") {
+			return ui._recycle[node]
+		}
+		ui._recycle[key] = node;
+	}
+	/**
+	 * @author curpond
+	 * @author Tipx-L
+	 * @param {number} [numberOfPlayers]
+	 */
+	static updateConnectPlayerPositions(numberOfPlayers) {
+		if (typeof numberOfPlayers != "number") {
+			const configOL = lib.configOL;
+			numberOfPlayers = parseInt(configOL.player_number) || configOL.number;
+		}
+		if (!numberOfPlayers) return;
+		const playerPositions = ui.playerPositions;
+		playerPositions.forEach((position) => {
+			game.dynamicStyle.remove(position);
+		});
+		playerPositions.length = 0;
+		const temporaryPlayer = ui.create.div(".player.connect", ui.window).hide();
+		const computedStyle = getComputedStyle(temporaryPlayer);
+		const halfWidth = parseFloat(computedStyle.width) / 2;
+		const halfHeight = parseFloat(computedStyle.height) / 2;
+		temporaryPlayer.remove();
+		const halfNumberOfPlayers = Math.round(numberOfPlayers / 2);
+		const upperPercentage = 100 / (halfNumberOfPlayers + 1);
+		const scale = 10 / numberOfPlayers;
+		for (let ordinal = 0; ordinal < halfNumberOfPlayers; ordinal++) {
+			const selector = `#window>.player.connect[data-position="${ordinal}"]`;
+			const css = {
+				left: `calc(${upperPercentage * (ordinal + 1)}% - ${halfWidth}px)`,
+				top: `calc(${100 / 3}% - ${halfHeight}px)`
+			};
+			if (scale < 1)
+				css["transform"] = `scale(${scale})`;
+
+			game.dynamicStyle.add(selector, css);
+			playerPositions.push(selector);
+		}
+		const lowerPercentage = 100 / (numberOfPlayers - halfNumberOfPlayers + 1);
+		for (let ordinal = halfNumberOfPlayers; ordinal < numberOfPlayers; ordinal++) {
+			const selector = `#window>.player.connect[data-position="${ordinal}"]`;
+			const css = {
+				left: `calc(${lowerPercentage * (ordinal - halfNumberOfPlayers + 1)}% - ${halfWidth}px)`,
+				top: `calc(${100 * 2 / 3}% - ${halfHeight}px)`
+			};
+			if (scale < 1)
+				css["transform"] = `scale(${scale})`;
+
+			game.dynamicStyle.add(selector, css);
+			playerPositions.push(selector);
+		}
+	}
+	/**
+	 * @author curpond
+	 * @author Tipx-L
+	 * @param {number} [numberOfPlayers]
+	 */
+	static updatePlayerPositions(numberOfPlayers) {
+		if (typeof numberOfPlayers != "number") numberOfPlayers = ui.arena.dataset.number;
+		//当人数不超过8人时，还是用以前的布局
+		if (!numberOfPlayers || numberOfPlayers <= 8) return;
+		const playerPositions = ui.playerPositions;
+		playerPositions.forEach((position) => {
+			game.dynamicStyle.remove(position);
+		});
+		playerPositions.length = 0;
+		//单个人物的宽度，这里要设置玩家的实际的宽度
+		const temporaryPlayer = ui.create.div(".player", ui.arena).hide();
+		const computedStyle = getComputedStyle(temporaryPlayer);
+		const scale = 6 / numberOfPlayers;
+		//玩家顶部距离父容器上边缘的距离偏移的单位距离
+		const quarterHeight = parseFloat(computedStyle.height) / 4 * scale;
+		const halfWidth = parseFloat(computedStyle.width) / 2;
+		temporaryPlayer.remove();
+		//列数，即假如8人场，除去自己后，上面7个人占7列
+		const columnCount = numberOfPlayers - 1;
+		const percentage = 90 / (columnCount - 1);
+		//仅当游戏人数大于8人，且玩家的座位号大于0时，设置玩家的位置；因为0号位是game.me在最下方，无需设置
+		for (let ordinal = 1; ordinal < numberOfPlayers; ordinal++) {
+			const reversedOrdinal = columnCount - ordinal;
+			//动态计算玩家的top属性，实现拱桥的效果；只让两边的各两个人向下偏移一些
+			const top = Math.max(0, Math.round(numberOfPlayers / 5) - Math.min(Math.abs(ordinal - 1), Math.abs(reversedOrdinal))) * quarterHeight;
+			const selector = `#arena[data-number="${numberOfPlayers}"]>.player[data-position="${ordinal}"]`;
+			game.dynamicStyle.add(selector, {
+				left: `calc(${percentage * reversedOrdinal + 5}% - ${halfWidth}px)`,
+				top: `${top}px`,
+				transform: `scale(${scale})`
+			});
+			playerPositions.push(selector);
+		}
+	}
+	static updateRoundNumber(roundNumber, cardPileNumber) {
+		if (ui.cardPileNumber) ui.cardPileNumber.innerHTML = `${roundNumber}轮 剩余牌: ${cardPileNumber}`;
+	}
 }

noname/ui/css.d.ts

@@ -1,3 +1,4 @@
-interface CSS extends Record<string, HTMLStyleElement> { }
+interface CSS extends Record<string, HTMLStyleElement> {
+}
 
 export const css: CSS;