content.js

"use strict";
decadeModule.import(function(lib, game, ui, get, ai, _status) {
	decadeUI.content = {
		chooseGuanXing(player, cards1, movable1, cards2, movable2, infohide) {
			// 修改参数检查逻辑
			if (!player || get.itemtype(player) != 'player') {
				console.error('Invalid player parameter');
				return;
			}
			// 修改卡牌检查逻辑
			if (!cards1 && !cards2) {
				console.error('No cards provided');
				return;
			}
			var guanXing = decadeUI.dialog.create('confirm-box guan-xing');
			// 添加点击音效函数
			var playButtonAudio = function() {
				game.playAudio('../extension/十周年UI/audio/gxbtn');
			};
			// 修改 hideBtn 的创建逻辑，移除对 game.me 的判断
			var hideBtn = ui.create.div('.closeDialog', document.body, function() {
				playButtonAudio(); // 添加音效
				if (guanXing.classList.contains("active")) {
					guanXing.classList.remove("active");
					guanXing.style.transform = 'scale(1)';
					hideBtn.style.backgroundImage = 'url("' + lib.assetURL +
						'extension/十周年UI/assets/image/yincangck.png")';
				} else {
					guanXing.classList.add("active");
					guanXing.style.transform = 'scale(0)';
					hideBtn.style.backgroundImage = 'url("' + lib.assetURL +
						'extension/十周年UI/assets/image/xianshick.png")';
				}
			});
			hideBtn.style.cssText = `
			    background-image: url("${lib.assetURL}extension/十周年UI/assets/image/yincangck.png");
			    background-size: 100% 100%;
			    height: 4%;
			    width: 7%;
			    z-index: 114514;
			    left: 17.7%;
			    right: auto;
			    top: 62%;
			`;
			var properties = {
				caption: undefined,
				tip: undefined,
				header1: undefined,
				header2: undefined,
				cards: [
					[],
					[]
				],
				movables: [movable1 ? movable1 : 0, movable2 ? movable2 : 0],
				selected: undefined,
				callback: undefined,
				infohide: undefined,
				confirmed: undefined,
				doubleSwitch: undefined,
				orderCardsList: [
					[],
					[]
				],
				finishing: undefined,
				finished: undefined,
				finishTime(time) {
					if (this.finishing || this.finished) return;
					if (typeof time != 'number') throw time;
					this.finishing = true;
					setTimeout(function(dialog) {
						dialog.finishing = false;
						dialog.finish();
					}, time, this)
				},
				finish() {
					if (this.finishing || this.finished) return;
					this.finishing = true;
					if (this.callback) this.confirmed = this.callback.call(this);
					// 移除隐藏按钮
					var hideBtn = document.querySelector('.closeDialog');
					if (hideBtn && hideBtn.parentNode) {
						document.body.removeChild(hideBtn);
					}
					cards = guanXing.cards[0];
					if (cards.length) {
						for (var i = cards.length - 1; i >= 0; i--) {
							cards[i].removeEventListener('click', guanXing._click);
							cards[i].classList.remove('infohidden');
							cards[i].classList.remove('infoflip');
							cards[i].style.cssText = cards[i].rawCssText;
							delete cards[i].rawCssText;

							if (!this.callback) ui.cardPile.insertBefore(cards[i], ui.cardPile
								.firstChild);
						}
					}
					cards = guanXing.cards[1];
					for (var i = 0; i < cards.length; i++) {
						cards[i].removeEventListener('click', guanXing._click);
						cards[i].classList.remove('infohidden');
						cards[i].classList.remove('infoflip');
						cards[i].style.cssText = cards[i].rawCssText;
						delete cards[i].rawCssText;

						if (!this.callback) ui.cardPile.appendChild(cards[i]);
					}
					_status.event.cards1 = this.cards[0];
					_status.event.cards2 = this.cards[1];
					_status.event.num1 = this.cards[0].length;
					_status.event.num2 = this.cards[1].length;
					if (_status.event.result) _status.event.result.bool = this.confirmed ===
						true;
					else _status.event.result = {
						bool: this.confirmed === true
					}
					game.broadcastAll(function() {
						if (!window.decadeUI && decadeUI.eventDialog) return;
						decadeUI.eventDialog.close();
						decadeUI.eventDialog.finished = true;
						decadeUI.eventDialog.finishing = false;
						decadeUI.eventDialog = undefined;
					});
					decadeUI.game.resume();
				},
				update() {
					var x, y;
					for (var i = 0; i < this.cards.length; i++) {
						cards = this.cards[i];
						if (this.orderCardsList[i].length) {
							cards.sort(function(a, b) {
								var aIndex = guanXing.orderCardsList[i].indexOf(a);
								var bIndex = guanXing.orderCardsList[i].indexOf(b);

								aIndex = aIndex >= 0 ? aIndex : guanXing.orderCardsList[
										i]
									.length;
								bIndex = bIndex >= 0 ? bIndex : guanXing.orderCardsList[
										i]
									.length;
								return aIndex - bIndex;
							});
						}
						y = 'calc(' + (i * 100) + '% + ' + (i * 10) + 'px)';
						for (var j = 0; j < cards.length; j++) {
							x = 'calc(' + (j * 100) + '% + ' + (j * 10) + 'px)';
							cards[j].style.cssText += ';transform:translate(' + x + ', ' + y +
								'); z-index:' + (i * 10 + j + 1) + ';';
						}
					}
				},
				swap(source, target) {
					game.broadcast(function(source, target) {
						if (!window.decadeUI && decadeUI.eventDialog) return;
						decadeUI.eventDialog.swap(source, target);
					}, source, target);
					var sourceIndex = this.cardToIndex(source, 0);
					var targetIndex = this.cardToIndex(target, 1)
					if (sourceIndex >= 0 && targetIndex >= 0) {
						this.cards[0][sourceIndex] = target;
						this.cards[1][targetIndex] = source;
						this.update();
						this.onMoved();
						return;
					}
					sourceIndex = this.cardToIndex(source, 1);
					targetIndex = this.cardToIndex(target, 0);
					if (sourceIndex >= 0 && targetIndex >= 0) {
						this.cards[1][sourceIndex] = target;
						this.cards[0][targetIndex] = source;
						this.update();
						this.onMoved();
						return;
					}
					if (sourceIndex >= 0) {
						targetIndex = this.cardToIndex(target, 1);
						if (targetIndex < 0) console.error('card not found');

						this.cards[1][sourceIndex] = target;
						this.cards[1][targetIndex] = source;
					} else {
						sourceIndex = this.cardToIndex(source, 0);

						if (targetIndex < 0 || sourceIndex < 0) return console.error(
							'card not found');
						this.cards[0][sourceIndex] = target;
						this.cards[0][targetIndex] = source;
					}
					this.update();
					this.onMoved();
				},
				switch(card) {
					game.broadcast(function(card) {
						if (!window.decadeUI && decadeUI.eventDialog) return;

						decadeUI.eventDialog.switch(card);
					}, card);
					var index = this.cardToIndex(card, 0);
					if (index >= 0) {
						if (this.cards[1].length >= this.movables[1]) return;

						card = this.cards[0][index];
						this.cards[0].remove(card);
						this.cards[1].push(card);
					} else {
						if (this.cards[0].length >= this.movables[0]) return;

						index = this.cardToIndex(card, 1);
						if (index < 0) return console.error('card not found');
						card = this.cards[1][index];
						this.cards[1].remove(card);
						this.cards[0].push(card);
					}
					this.update();
					this.onMoved();
				},
				move(card, indexTo, moveDown) {
					var dim = moveDown ? 1 : 0;
					var dim2 = dim;
					var index = this.cardToIndex(card, dim);
					indexTo = Math.max(indexTo, 0);
					if (index < 0) {
						var dim2 = dim == 1 ? 0 : 1;
						index = this.cardToIndex(card, dim2);
						if (index < 0) return console.error('card not found');

						if (this.cards[dim].length >= this.movables[dim]) return;
					}
					this.cards[dim2].splice(index, 1);
					this.cards[dim].splice(indexTo, 0, card);
					this.onMoved();
					this.update();
				},
				cardToIndex(card, cardArrayIndex) {
					if (!(card && card.cardid)) return -1;
					var id = card.cardid;
					var cards = this.cards[cardArrayIndex == null ? 0 : cardArrayIndex];
					for (var i = 0; i < cards.length; i++) {
						if (cards[i].cardid == id) return i;
					}
					return -1;
				},
				lockCardsOrder(isBottom) {
					var orders;
					var cards;
					if (isBottom) {
						cards = this.cards[1];
						this.orderCardsList[1] = [];
						orders = this.orderCardsList[1];
					} else {
						cards = this.cards[0];
						this.orderCardsList[0] = [];
						orders = this.orderCardsList[0];
					}
					if (cards.length) {
						for (var i = 0; i < cards.length; i++) {
							orders.push(cards[i]);
						}
					}
				},
				unlockCardsOrder(isBottom) {
					if (isBottom) {
						this.orderCardsList[1] = [];
					} else {
						this.orderCardsList[0] = [];
					}
				},
				getCardArrayIndex(card) {
					var cards = this.cards;
					if (cards[0].indexOf(card) >= 0) {
						return 0;
					} else if (cards[1].indexOf(card) >= 0) {
						return 1;
					} else {
						return -1;
					}

				},
				onMoved() {
					if (typeof this.callback == 'function') {
						var ok = this.callback.call(this);
						if (!ok) {
							this.classList.add('ok-disable');
							return;
						}
					}
					this.classList.remove('ok-disable');
				},
				_click(e) {
					if (this.finishing || this.finished) return;
					switch (this.objectType) {
						case 'content':
							guanXing.selected = null;
							break;
						case 'card':
							// 直接切换卡牌位置，无需选中
							guanXing.switch(this);
							guanXing.selected = null;
							break;
						case 'button ok':
							if (guanXing.classList.contains('ok-disable')) return;
							guanXing.confirmed = true;
							guanXing.finish();
							break;
						default:
							guanXing.classList.remove('selecting');
							guanXing.selected = null;
							break;
					}
					e.stopPropagation();
				},
				_selected: undefined,
				_caption: decadeUI.dialog.create('caption', guanXing),
				_content: decadeUI.dialog.create('content buttons', guanXing),
				_tip: decadeUI.dialog.create('tip', guanXing),
				_header1: undefined,
				_header2: undefined,
				_infohide: undefined,
				_callback: undefined,

			}
			for (var key in properties) {
				guanXing[key] = properties[key];
			}
			Object.defineProperties(guanXing, {
				selected: {
					configurable: true,
					get() {
						return this._selected;
					},
					set(value) {
						var current = this._selected;
						if (current == value) return;
						if (current != undefined) current.classList.remove('selected');

						this._selected = current = value;
						if (current != undefined) {
							current.classList.add('selected');
							this.classList.add('selecting');
						} else {
							this.classList.remove('selecting');
						}
					},
				},
				caption: {
					configurable: true,
					get() {
						return this._caption.innerHTML;
					},
					set(value) {
						if (this._caption.innerHTML == value) return;
						this._caption.innerHTML = value;
					},
				},
				tip: {
					configurable: true,
					get() {
						return this._tip.innerHTML;
					},
					set(value) {
						if (this._tip.innerHTML == value) return;
						this._tip.innerHTML = value;
					},
				},
				header1: {
					configurable: true,
					get() {
						if (this._header1) return this._header1.innerHTML;
						return '';
					},
					set(value) {
						if (!this._header1 || this._header1.innerHTML == value) return;
						this._header1.innerHTML = value;
					},
				},
				header2: {
					configurable: true,
					get() {
						if (this._header2) return this._header2.innerHTML;
						return '';
					},
					set(value) {
						if (!this._header2 || this._header2.innerHTML == value) return;
						this._header2.innerHTML = value;
					},
				},
				infohide: {
					configurable: true,
					get() {
						return this._infohide;
					},
					set(value) {
						if (this._infohide == value) return;
						this._infohide = value;

						for (var i = 0; i < this.cards.length; i++) {
							var cards = this.cards[i];
							for (var j = 0; j < cards.length; j++) {
								if (value) {
									cards[j].classList.add('infohidden');
									cards[j].classList.add('infoflip');
									cards[j].style.backgroundImage = '';
								} else {
									cards[j].classList.remove('infohidden');
									cards[j].classList.remove('infoflip');
									cards[j].style.cssText = cards[j].rawCssText;
								}
							}
						}
					},
				},
				callback: {
					configurable: true,
					get() {
						return this._callback;
					},
					set(value) {
						if (this._callback == value) return;
						this._callback = value;
						this.onMoved();
					},
				}
			});
			var content = guanXing._content;
			guanXing.addEventListener('click', guanXing._click, false);
			if (game.me == player) {
				content.objectType = 'content';
				content.addEventListener('click', guanXing._click, false);
				var button = decadeUI.dialog.create('button ok', guanXing);
				button.innerHTML = '确认';
				button.objectType = 'button ok';
				button.addEventListener('click', guanXing._click, false);
			} else {
				guanXing.addEventListener('remove', function() {
					if (hideBtn && hideBtn.parentNode) {
						document.body.removeChild(hideBtn);
					}
				});
			}
			var size = decadeUI.getHandCardSize();
			var height = 0;

			if (cards1) {
				guanXing.cards[0] = cards1;
				guanXing.movables[0] = Math.max(cards1.length, guanXing.movables[0]);
			}

			if (cards2) {
				guanXing.cards[1] = cards2;
				guanXing.movables[1] = Math.max(cards2.length, guanXing.movables[1]);
			}

			if (guanXing.movables[0] > 0) {
				height = size.height;
				guanXing._header1 = decadeUI.dialog.create('header', guanXing._content);
				guanXing._header1.style.top = '0';
				guanXing._header1.innerHTML = '牌堆顶'
			}

			if (guanXing.movables[1] > 0) {
				height += height + (height > 0 ? 10 : 0);
				guanXing._header2 = decadeUI.dialog.create('header', guanXing._content);
				guanXing._header2.style.bottom = '0';
				guanXing._header2.innerHTML = '牌堆底'
			}
			content.style.height = height + 'px';
			var cards;
			for (var i = 0; i < guanXing.cards.length; i++) {
				cards = guanXing.cards[i];
				for (var j = 0; j < cards.length; j++) {
					if (game.me == player) {
						cards[j].objectType = 'card';
						cards[j].removeEventListener('click', ui.click.intro);
						cards[j].addEventListener('click', guanXing._click, false);
					}

					cards[j].rawCssText = cards[j].style.cssText;
					cards[j].fix();
					content.appendChild(cards[j]);
				}
			}
			decadeUI.game.wait();
			guanXing.infohide = infohide == null ? (game.me == player ? false : true) : infohide;
			guanXing.caption = get.translation(player) + '正在发动【观星】';
			guanXing.tip = '单击卡牌可直接在牌堆顶和牌堆底之间切换位置';
			guanXing.update();
			ui.arena.appendChild(guanXing);
			decadeUI.eventDialog = guanXing;
			return guanXing;
		},
	};
});