diff --git a/noname/game-status/card-tag.d.ts b/noname/game-status/card-tag.d.ts index 59b4fdce0..2b7a904dd 100644 --- a/noname/game-status/card-tag.d.ts +++ b/noname/game-status/card-tag.d.ts @@ -1,3 +1,4 @@ -interface CardTag extends Record { } +interface CardTag extends Record { +} export const cardTag: CardTag; diff --git a/noname/game.js b/noname/game.js index 3344e1feb..42dc0c8b0 100644 --- a/noname/game.js +++ b/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) { diff --git a/noname/gnc.js b/noname/gnc.js index 69eeba414..6e55587ea 100644 --- a/noname/gnc.js +++ b/noname/gnc.js @@ -1,4 +1,5 @@ -const GeneratorFunction = (function* () { }).constructor; +const GeneratorFunction = (function* () { +}).constructor; export class GNC { constructor() { diff --git a/noname/library/animate/card.d.ts b/noname/library/animate/card.d.ts index 35193ec9b..9ecf38bc7 100644 --- a/noname/library/animate/card.d.ts +++ b/noname/library/animate/card.d.ts @@ -1,3 +1,4 @@ -interface Card extends Record { } +interface Card extends Record { +} export const card: Card; diff --git a/noname/library/animate/skill.d.ts b/noname/library/animate/skill.d.ts index 4d324ed95..32ba7e50b 100644 --- a/noname/library/animate/skill.d.ts +++ b/noname/library/animate/skill.d.ts @@ -1,3 +1,4 @@ -interface Skill extends Record { } +interface Skill extends Record { +} export const skill: Skill; diff --git a/noname/library/card-pack.d.ts b/noname/library/card-pack.d.ts index 069481296..509a0f895 100644 --- a/noname/library/card-pack.d.ts +++ b/noname/library/card-pack.d.ts @@ -1,3 +1,4 @@ -interface CardPack extends Record { } +interface CardPack extends Record { +} export const cardPack: CardPack; diff --git a/noname/library/card-type.d.ts b/noname/library/card-type.d.ts index 9c383d7a6..3de15d929 100644 --- a/noname/library/card-type.d.ts +++ b/noname/library/card-type.d.ts @@ -1,3 +1,4 @@ -interface CardType extends Record { } +interface CardType extends Record { +} export const cardType: CardType; diff --git a/noname/library/character-filter.d.ts b/noname/library/character-filter.d.ts index 63f38953a..8385e0654 100644 --- a/noname/library/character-filter.d.ts +++ b/noname/library/character-filter.d.ts @@ -1,3 +1,4 @@ -interface CharacterFilter extends Record boolean> { } +interface CharacterFilter extends Record boolean> { +} export const characterFilter: CharacterFilter; diff --git a/noname/library/character-intro.d.ts b/noname/library/character-intro.d.ts index 1bb84d5b6..1240bf057 100644 --- a/noname/library/character-intro.d.ts +++ b/noname/library/character-intro.d.ts @@ -1,3 +1,4 @@ -interface CharacterIntro extends Record { } +interface CharacterIntro extends Record { +} export const characterIntro: CharacterIntro; diff --git a/noname/library/character-pack.d.ts b/noname/library/character-pack.d.ts index ad279f7a9..42ef4b35f 100644 --- a/noname/library/character-pack.d.ts +++ b/noname/library/character-pack.d.ts @@ -1,5 +1,6 @@ import { CharacterInformation } from "./character-information.js"; -interface CharacterPack extends Record> { } +interface CharacterPack extends Record> { +} export const characterPack: CharacterPack; diff --git a/noname/library/character-replace.d.ts b/noname/library/character-replace.d.ts index 56f2742f6..9877858a6 100644 --- a/noname/library/character-replace.d.ts +++ b/noname/library/character-replace.d.ts @@ -1,3 +1,4 @@ -interface CharacterReplace extends Record { } +interface CharacterReplace extends Record { +} export const characterReplace: CharacterReplace; diff --git a/noname/library/character-sort.d.ts b/noname/library/character-sort.d.ts index c2771a0cc..efe385632 100644 --- a/noname/library/character-sort.d.ts +++ b/noname/library/character-sort.d.ts @@ -1,3 +1,4 @@ -interface CharacterSort extends Record> { } +interface CharacterSort extends Record> { +} export const characterSort: CharacterSort; diff --git a/noname/library/character-title.d.ts b/noname/library/character-title.d.ts index 54e55a647..3942841b9 100644 --- a/noname/library/character-title.d.ts +++ b/noname/library/character-title.d.ts @@ -1,3 +1,4 @@ -interface CharacterTitle extends Record { } +interface CharacterTitle extends Record { +} export const characterTitle: CharacterTitle; diff --git a/noname/library/dynamic-translate.d.ts b/noname/library/dynamic-translate.d.ts index 8f1700f75..ca315d8e6 100644 --- a/noname/library/dynamic-translate.d.ts +++ b/noname/library/dynamic-translate.d.ts @@ -1,5 +1,6 @@ import { Player } from "./element/player.js"; -interface DynamicTranslate extends Record string> { } +interface DynamicTranslate extends Record string> { +} export const dynamicTranslate: DynamicTranslate; diff --git a/noname/library/element.js b/noname/library/element.js index fbee217db..c9e360f4f 100644 --- a/noname/library/element.js +++ b/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(`
${beatmap.prompt || "在音符滑条和底部判定区重合时点击屏幕！"}
`); - 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; diff --git a/noname/library/element/player.js b/noname/library/element/player.js index c6092efd0..b2f1ce367 100644 --- a/noname/library/element/player.js +++ b/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"); diff --git a/noname/library/emotion-list.d.ts b/noname/library/emotion-list.d.ts index 1bfe44410..e0c360a10 100644 --- a/noname/library/emotion-list.d.ts +++ b/noname/library/emotion-list.d.ts @@ -1,3 +1,4 @@ -interface EmotionList extends Record { } +interface EmotionList extends Record { +} export const emotionList: EmotionList; diff --git a/noname/library/hook-map.d.ts b/noname/library/hook-map.d.ts index b1f9045ae..b0346797b 100644 --- a/noname/library/hook-map.d.ts +++ b/noname/library/hook-map.d.ts @@ -1,3 +1,4 @@ -interface HookMap extends Record { } +interface HookMap extends Record { +} export const hookMap: HookMap; diff --git a/noname/library/initialization.js b/noname/library/initialization.js index 05fa9c824..9ebfb094d 100644 --- a/noname/library/initialization.js +++ b/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) => { diff --git a/noname/library/message.js b/noname/library/message.js index a99dea150..3df039f39 100644 --- a/noname/library/message.js +++ b/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(); diff --git a/noname/library/skin.d.ts b/noname/library/skin.d.ts index 58e09182c..80e4a2c6d 100644 --- a/noname/library/skin.d.ts +++ b/noname/library/skin.d.ts @@ -1,3 +1,4 @@ -interface Skin extends Record { } +interface Skin extends Record { +} export const skin: Skin; diff --git a/noname/library/update-urls.d.ts b/noname/library/update-urls.d.ts index 57c2799ae..5c68821f2 100644 --- a/noname/library/update-urls.d.ts +++ b/noname/library/update-urls.d.ts @@ -1,3 +1,4 @@ -interface UpdateURLs extends Record { } +interface UpdateURLs extends Record { +} export const updateURLs: UpdateURLs; diff --git a/noname/ui.js b/noname/ui.js index fe554e0a0..284d00363 100644 --- a/noname/ui.js +++ b/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}`; + } } diff --git a/noname/ui/click.js b/noname/ui/click.js index 46ee65410..900a61cff 100644 --- a/noname/ui/click.js +++ b/noname/ui/click.js @@ -2,4 +2,3992 @@ export class Click { constructor() { throw new TypeError(`${new.target.name} is not a constructor`); } + + static identitycircle() { + var list = []; + this.classList.toggle("transparent"); + for (var i = 0; i < this.parentNode.childNodes.length; i++) { + if (!this.parentNode.childNodes[i].classList.contains("transparent")) { + list.add(this.parentNode.childNodes[i].link[2]); + } + } + var info = this.link; + if (list.length == 1) { + for (var i = 0; i < this.parentNode.childNodes.length; i++) { + if (!this.parentNode.childNodes[i].classList.contains("transparent")) { + var info2 = this.parentNode.childNodes[i].link; + info[0].firstChild.innerHTML = info2[1]; + info[0].dataset.color = info2[2]; + } + } + } + else { + info[0].firstChild.innerHTML = ""; + info[0].dataset.color = ""; + ui.create.identitycircle(list, info[0].firstChild); + } + this._source._guozhanguess = list; + } + static connectEvents() { + if (this.info) { + var button = this; + var layer = ui.create.div(".poplayer", ui.window); + var uiintro = ui.create.dialog("hidden", "notouchscroll"); + this.classList.add("active"); + if (lib.config.touchscreen) { + lib.setScroll(uiintro.contentContainer); + } + layer.listen(function () { + if (this.clicked) { + this.clicked = false; + return; + } + button.classList.remove("active"); + uiintro.delete(); + this.delete(); + }); + uiintro.listen(function () { + _status.clicked = true; + }); + uiintro.style.zIndex = 21; + uiintro.classList.add("popped"); + uiintro.classList.add("static"); + uiintro.classList.add("onlineclient"); + uiintro.style.width = "180px"; + uiintro.style.height = "300px"; + uiintro.style.left = "auto"; + uiintro.style.right = "20px"; + uiintro.style.top = "auto"; + uiintro.style.bottom = "75px"; + + uiintro.refresh = function () { + if (button.focused) return; + uiintro.content.innerHTML = ""; + uiintro.addText("创建约战"); + button.textnode = uiintro.content.lastChild.lastChild; + uiintro.add(``); + uiintro.content.lastChild.style.paddingTop = 0; + button.input = uiintro.content.lastChild.lastChild; + button.input.onfocus = function () { + button.focused = true; + } + button.input.onblur = function () { + delete button.focused; + } + if (button.interval) { + button.input.disabled = true; + button.input.style.opacity = 0.6; + if (button.intervaltext) { + button.textnode.innerHTML = button.intervaltext; + } + } + var datenode = ui.create.div(uiintro.content); + datenode.style.marginTop = 0; + datenode.style.whiteSpace = "nowrap"; + var date = new Date(); + var days = []; + var currentDay = date.getDay(); + if (currentDay == 0) currentDay = 7; + for (var i = 1; i <= 7; i++) { + if (i < currentDay) { + days.push([i.toString(), "下周" + get.cnNumber(i, true)]); + } + else if (i == 7) { + days.push([i.toString(), "周日"]); + } + else if (i == currentDay) { + days.push([i.toString(), "今天"]); + } + else { + days.push([i.toString(), "周" + get.cnNumber(i, true)]); + } + } + days = days.concat(days.splice(0, currentDay - 1)); + var initday = currentDay + 1; + if (initday > 7) { + initday -= 7; + } + var daysselect = ui.create.selectlist(days, initday.toString(), datenode); + daysselect.style.width = "55px"; + var hours = []; + for (var i = 0; i < 24; i++) { + hours.push([i.toString(), i.toString() + "点"]); + } + var hoursselect = ui.create.selectlist(hours, date.getHours().toString(), datenode); + hoursselect.style.marginLeft = "5px"; + hoursselect.style.width = "55px"; + var timeconfirm = ui.create.node("button", "确定", datenode); + timeconfirm.style.marginLeft = "5px"; + timeconfirm.onclick = function () { + if (!button.input.value) { + alert("请填写约战标题"); + return; + } + var date2 = new Date(); + date2.setHours(parseInt(hoursselect.value)); + date2.setMinutes(0); + date2.setSeconds(0); + var deltaday = parseInt(daysselect.value) - currentDay; + if (deltaday < 0) { + deltaday += 7; + } + var utc = date2.getTime() + deltaday * 24 * 3600000; + if (utc < date.getTime()) { + alert("创建失败，时间已过"); + return; + } + if (get.is.banWords(button.input.value)) { + var eventnode = ui.create.div(".menubutton.videotext.onlineevent.pointerdiv", function () { + var that = this; + setTimeout(function () { + if (that.classList.contains("active")) { + if (confirm("确定要离开" + that.info.content + "？")) { + that.classList.remove("active"); + } + } + else { + if (confirm("确定要加入" + that.info.content + "？")) { + that.classList.add("active"); + } + } + }); + }, uiintro.content, 4); + var fakeinfo = { + utc: utc, + day: parseInt(daysselect.value), + hour: parseInt(hoursselect.value), + nickname: get.connectNickname(), + avatar: lib.config.connect_avatar, + content: button.input.value, + create: game.onlineKey, + members: [game.onlineKey], + }; + eventnode.info = fakeinfo; + ui.create.div(".title", fakeinfo.content, eventnode); + var str; + if (fakeinfo.day < currentDay) { + str = "下周"; + } + else { + str = "周"; + } + if (fakeinfo.day == 7) { + str += "日" + } + else { + str += get.cnNumber(fakeinfo.day, true); + } + str += " "; + var hour = fakeinfo.hour; + if (hour <= 12) { + if (hour <= 5) { + str += "凌晨"; + } + else if (hour < 12) { + str += "上午"; + } + else { + str += "中午"; + } + str += fakeinfo.hour + "点"; + } + else { + if (hour <= 17) { + str += "下午"; + } + else { + str += "晚上"; + } + str += (fakeinfo.hour - 12) + "点"; + } + ui.create.div("", "已有" + (fakeinfo.members.length) + "人加入", eventnode); + ui.create.div("", "时间：" + str, eventnode); + if (fakeinfo.members.contains(game.onlineKey)) { + eventnode.classList.add("active"); + } + button.input.value = ""; + return; + } + game.send("server", "events", { + utc: utc, + day: parseInt(daysselect.value), + hour: parseInt(hoursselect.value), + nickname: get.connectNickname(), + avatar: lib.config.connect_avatar, + content: button.input.value + }, game.onlineKey); + }; + + var num = 0; + for (var i = 0; i < button.info.length; i++) { + if (typeof button.info[i].creator == "string" && button.info[i].creator != game.onlineKey && get.is.banWords(button.info[i].content)) continue; + if (button.info[i].creator == game.onlineKey) { + num++; + } + var eventnode = ui.create.div(".menubutton.videotext.onlineevent.pointerdiv", function () { + var that = this; + if (typeof that.info.creator != "string") return; + setTimeout(function () { + if (that.classList.contains("active")) { + if (confirm("确定要离开" + that.info.content + "？")) { + game.send("server", "events", that.info.id, game.onlineKey, "leave"); + } + } + else { + if (confirm("确定要加入" + that.info.content + "？")) { + game.send("server", "events", that.info.id, game.onlineKey, "join"); + } + } + }); + }, uiintro.content); + eventnode.info = button.info[i]; + if (typeof button.info[i].creator == "string") { + ui.create.div(".title", button.info[i].content, eventnode); + var str; + if (button.info[i].day < currentDay) { + str = "下周"; + } + else { + str = "周"; + } + if (button.info[i].day == 7) { + str += "日" + } + else { + str += get.cnNumber(button.info[i].day, true); + } + str += " "; + var hour = button.info[i].hour; + if (hour <= 12) { + if (hour <= 5) { + str += "凌晨"; + } + else if (hour < 12) { + str += "上午"; + } + else { + str += "中午"; + } + str += button.info[i].hour + "点"; + } + else { + if (hour <= 17) { + str += "下午"; + } + else { + str += "晚上"; + } + str += (button.info[i].hour - 12) + "点"; + } + ui.create.div("", "创建者：" + (button.info[i].nickname), eventnode); + //ui.create.div("","创建者："+(button.info[i].nickname)+"
ID："+button.info[i].creator,eventnode); + ui.create.div("", "已有" + (button.info[i].members.length) + "人加入", eventnode); + ui.create.div("", "时间：" + str, eventnode); + if (button.info[i].members.contains(game.onlineKey)) { + eventnode.classList.add("active"); + } + } + else { + ui.create.div(".title", button.info[i].title, eventnode); + ui.create.div("", button.info[i].content, eventnode); + ui.create.div("", "创建者：" + (button.info[i].nickname), eventnode); + } + } + if (num >= 3) { + button.input.disabled = true; + button.input.style.opacity = 0.6; + hoursselect.disabled = true; + daysselect.disabled = true; + timeconfirm.disabled = true; + } + } + uiintro.refresh(); + ui.window.appendChild(uiintro); + _status.connectEventsCallback = function () { + if (uiintro.parentNode == ui.window) { + uiintro.refresh(); + } + }; + } + } + static connectClients() { + if (this.info) { + var button = this; + var layer = ui.create.div(".poplayer", ui.window); + var uiintro = ui.create.dialog("hidden", "notouchscroll"); + this.classList.add("active"); + if (lib.config.touchscreen) { + lib.setScroll(uiintro.contentContainer); + } + layer.listen(function () { + if (this.clicked) { + this.clicked = false; + return; + } + button.classList.remove("active"); + uiintro.delete(); + this.delete(); + }); + uiintro.listen(function () { + _status.clicked = true; + }); + uiintro.style.zIndex = 21; + uiintro.classList.add("popped"); + uiintro.classList.add("static"); + uiintro.classList.add("onlineclient"); + uiintro.style.width = "180px"; + uiintro.style.height = "300px"; + uiintro.style.left = "auto"; + uiintro.style.right = "20px"; + uiintro.style.top = "auto"; + uiintro.style.bottom = "75px"; + + uiintro.refresh = function () { + if (button.focused) return; + uiintro.content.innerHTML = ""; + uiintro.addText("发状态"); + button.textnode = uiintro.content.lastChild.lastChild; + uiintro.add(``); + uiintro.content.lastChild.style.paddingTop = 0; + button.input = uiintro.content.lastChild.lastChild; + button.input.onfocus = function () { + button.focused = true; + } + button.input.onblur = function () { + delete button.focused; + } + if (button.interval) { + button.input.disabled = true; + button.input.style.opacity = 0.6; + if (button.intervaltext) { + button.textnode.innerHTML = button.intervaltext; + } + } + button.input.onkeydown = function (e) { + if (e.keyCode == 13 && !this.disabled) { + game.send("server", "status", this.value); + this.blur(); + this.disabled = true; + this.style.opacity = 0.6; + button.textnode.innerHTML = "发状态(10)"; + button.intervaltext = button.textnode.innerHTML; + var num = 10; + var that = this; + button.input.disabled = true; + button.input.style.opacity = 0.6; + this.value = ""; + button.interval = setInterval(function () { + num--; + if (num > 0) { + button.textnode.innerHTML = "发状态(" + num + ")"; + button.intervaltext = button.textnode.innerHTML; + } + else { + button.textnode.innerHTML = "发状态"; + button.input.disabled = false; + button.input.style.opacity = ""; + clearInterval(button.interval); + delete button.interval; + delete button.intervaltext; + } + }, 1000); + } + } + + for (var i = 0; i < button.info.length; i++) { + var node = ui.create.div(".menubutton.videonode.pointerdiv", uiintro.content); + ui.create.div(".menubutton.videoavatar", node).setBackground(button.info[i][1] || "caocao", "character"); + if (button.info[i][4] == game.wsid) { + ui.create.div(".name", `${button.info[i][0] || "无名玩家"}`, node); node.isme = true; + } + else if (button.info[i][2]) { + ui.create.div(".name", (button.info[i][0] || "无名玩家"), node); + } + else { + ui.create.div(".name", `${button.info[i][0] || "无名玩家"}`, node); + } + //show ID + //ui.create.div(".videostatus",node,button.info[i][5]); + //node.classList.add("videonodestatus"); + if (button.info[i][3]) { + ui.create.div(".videostatus", node, button.info[i][3].slice(0, 80)); + node.classList.add("videonodestatus") + } + } + }; + + uiintro.refresh(); + ui.window.appendChild(uiintro); + _status.connectClientsCallback = function () { + if (uiintro.parentNode == ui.window) { + uiintro.refresh(); + } + }; + } + } + static autoskin() { + if (!lib.config.change_skin) return; + var players = game.filterPlayer(); + var change = function (player, num, callback) { + if (num == "1") { + ui.click.skin(player.node.avatar, player.name, callback); + } + else { + ui.click.skin(player.node.avatar2, player.name2, callback); + } + }; + var finish = function () { + if (lib.config.change_skin_auto != "off") { + _status.skintimeout = setTimeout(ui.click.autoskin, parseInt(lib.config.change_skin_auto)); + } + }; + var autoskin = function () { + if (players.length) { + var player = players.randomRemove(); + var list = []; + if (player.name && !player.isUnseen(0)) { + list.push("1"); + } + if (player.name2 && !player.isUnseen(1)) { + list.push("2"); + } + if (list.length) { + change(player, list.randomRemove(), function (bool) { + if (bool) { + finish(); + } + else if (list.length) { + change(player, list[0], function (bool) { + if (bool) { + finish(); + } + else { + autoskin(); + } + }); + } + else { + autoskin(); + } + }); + } + else { + autoskin(); + } + } + } + autoskin(); + } + static skin(avatar, name, callback) { + var num = 1; + if (name.startsWith("gz_")) { + name = name.slice(3); + } + if (lib.config.skin[name]) { + num = lib.config.skin[name] + 1; + } + var fakeavatar = avatar.cloneNode(true); + var finish = function (bool) { + var player = avatar.parentNode; + if (bool) { + fakeavatar.style.boxShadow = "none"; + player.insertBefore(fakeavatar, avatar.nextSibling); + setTimeout(function () { + fakeavatar.delete(); + }, 100); + } + if (bool && lib.config.animation && !lib.config.low_performance) { + player.$rare(); + } + if (callback) { + callback(bool); + } + } + var img = new Image(); + img.onload = function () { + lib.config.skin[name] = num; + game.saveConfig("skin", lib.config.skin); + avatar.style.backgroundImage = `url("${img.src}")`; + finish(true); + } + img.onerror = function () { + if (lib.config.skin[name]) { + finish(true); + } + else { + finish(false); + } + delete lib.config.skin[name]; + game.saveConfig("skin", lib.config.skin); + avatar.setBackground(name, "character"); + } + img.src = lib.assetURL + "image/skin/" + name + "/" + num + ".jpg"; + } + static touchpop(forced) { + if (lib.config.touchscreen || forced) { + _status.touchpopping = true; + clearTimeout(_status.touchpoppingtimeout); + _status.touchpoppingtimeout = setTimeout(function () { + _status.touchpopping = false; + }, 600); + } + } + static exit() { + if (game.servermode && lib.config.reconnect_info && _status.over) { + if (!_status.roomtimeout) { + lib.config.reconnect_info[2] = game.roomId; + game.saveConfig("reconnect_info", lib.config.reconnect_info); + } + game.reload(); + return; + } + else { + if (typeof game.roomId != "string") { + game.saveConfig("reconnect_info"); + } + } + if (!ui.exit || !ui.exit.stay) { + if (lib.config.reconnect_info) { + lib.config.reconnect_info.length = 1; + game.saveConfig("reconnect_info", lib.config.reconnect_info); + } + game.saveConfig("tmp_user_roomId", undefined, false, function () { + game.reload(); + }); + } + else { + game.reload(); + } + } + static shortcut(show) { + if (show === false) { + ui.shortcut.classList.add("hidden"); + } + else { + ui.shortcut.classList.toggle("hidden"); + } + if (ui.shortcut.classList.contains("hidden")) { + ui.favmode.style.display = "none"; + if (window.StatusBar && lib.config.show_statusbar_ios == "auto") { + document.body.classList.remove("statusbar"); + window.StatusBar.hide(); + } + ui.window.classList.remove("shortcutpaused"); + } + else { + if (lib.config.show_favmode) { + ui.favmode.style.display = ""; + } + if (window.StatusBar && lib.config.show_statusbar_ios == "auto") { + document.body.classList.add("statusbar"); + window.StatusBar.overlaysWebView(true); + window.StatusBar.backgroundColorByName("black"); + window.StatusBar.show(); + } + if (_status.auto) { + ui.shortcut.autobutton.classList.add("active"); + } + else { + ui.shortcut.autobutton.classList.remove("active"); + } + ui.window.classList.add("shortcutpaused"); + } + } + static favouriteCharacter(e) { + if (typeof this.link == "string") { + if (this.innerHTML == "添加收藏") { + this.innerHTML = "移除收藏"; + lib.config.favouriteCharacter.add(this.link); + } + else { + this.innerHTML = "添加收藏"; + lib.config.favouriteCharacter.remove(this.link); + } + if (ui.favouriteCharacter) { + if (lib.config.favouriteCharacter.contains(this.link)) { + for (var i = 0; i < ui.favouriteCharacter.childElementCount; i++) { + if (ui.favouriteCharacter.childNodes[i].link == this.link) { + break; + } + } + if (i == ui.favouriteCharacter.childElementCount) { + ui.create.button(this.link, "character", ui.favouriteCharacter).listen(function (e) { + this._banning = "offline"; + ui.click.touchpop(); + ui.click.intro.call(this, e); + _status.clicked = false; + delete this._banning; + }).classList.add("noclick"); + } + } + else { + for (var i = 0; i < ui.favouriteCharacter.childElementCount; i++) { + if (ui.favouriteCharacter.childNodes[i].link == this.link) { + ui.favouriteCharacter.childNodes[i].remove(); + break; + } + } + } + var shownode = false; + for (var i = 0; i < lib.config.favouriteCharacter.length; i++) { + var favname = lib.config.favouriteCharacter[i]; + if (lib.character[favname]) { + shownode = true; break; + } + } + if (shownode) { + ui.favouriteCharacter.node.style.display = ""; + } + else { + ui.favouriteCharacter.node.style.display = "none"; + } + } + game.saveConfig("favouriteCharacter", lib.config.favouriteCharacter); + } + e.stopPropagation(); + } + static buttonnameenter() { + if (this.buttonscrollinterval) { + clearInterval(this.buttonscrollinterval); + } + var node = this.node.name; + if (node.offsetHeight < node.scrollHeight) { + var that = this; + var num = 40; + that.buttonscrollinterval = setInterval(function () { + if (node.scrollTop + node.offsetHeight >= node.scrollHeight) { + clearInterval(that.buttonscrollinterval); + delete that.buttonscrollinterval; + } + else { + if (num > 0) { + num--; + } + else { + node.scrollTop += 2; + } + } + }, 16); + } + } + static buttonnameleave() { + if (this.buttonscrollinterval) { + clearInterval(this.buttonscrollinterval); + } + var node = this.node.name; + if (node.offsetHeight < node.scrollHeight) { + var that = this; + that.buttonscrollinterval = setInterval(function () { + if (node.scrollTop == 0) { + clearInterval(that.buttonscrollinterval); + delete that.buttonscrollinterval; + } + else { + node.scrollTop -= 2; + } + }, 16); + } + } + static dragtouchdialog(e) { + if (e.touches.length > 1 && + !this.classList.contains("popped") && + !this.classList.contains("fixed")) { + _status.draggingtouchdialog = this; + this._dragorigin = { + clientX: e.touches[0].clientX, + clientY: e.touches[0].clientY, + }; + if (!this._dragtransform) { + this._dragtransform = [0, 0]; + } + this._dragorigintransform = this._dragtransform.slice(0); + e.preventDefault(); + e.stopPropagation(); + } + } + static identity(e) { + if (_status.dragged) return; + _status.clicked = true; + if (!game.getIdentityList) return; + if (_status.video) return; + if (this.parentNode.forceShown) return; + if (!_status.connectMode && this.parentNode.ai.stratagem_camouflage && get.config("nei_auto_mark_camouflage") && game.me.identity == "nei") return; + if (_status.clickingidentity) { + for (var i = 0; i < _status.clickingidentity[1].length; i++) { + _status.clickingidentity[1][i].delete(); + _status.clickingidentity[1][i].style.transform = ""; + } + if (_status.clickingidentity[0] == this.parentNode) { + delete _status.clickingidentity; + return; + } + } + var list = game.getIdentityList(this.parentNode); + if (!list) return; + if (lib.config.mark_identity_style == "click") { + var list2 = []; + for (var i in list) { + list2.push(i); + } + list2.push(list2[0]); + for (var i = 0; i < list2.length; i++) { + if (this.firstChild.innerHTML == list[list2[i]]) { + this.firstChild.innerHTML = list[list2[i + 1]]; + this.dataset.color = list2[i + 1]; + break; + } + } + } + else { + if (get.mode() == "guozhan") { + list = { wei: "魏", shu: "蜀", wu: "吴", qun: "群", jin: "晋" }; + if (_status.forceKey) list.key = "键"; + } + var list2 = get.copy(list); + if (game.getIdentityList2) { + game.getIdentityList2(list2); + } + var rect = this.parentNode.getBoundingClientRect(); + this._customintro = function (uiintro) { + if (get.mode() == "guozhan") { + uiintro.clickintro = true; + } + else { + uiintro.touchclose = true; + } + // if(lib.config.theme!="woodden"){ + uiintro.classList.add("woodbg"); + // } + if (get.is.phoneLayout()) { + uiintro.style.width = "100px"; + } + else { + uiintro.style.width = "85px"; + } + var source = this.parentNode; + for (var i in list) { + var node = ui.create.div(); + node.classList.add("guessidentity"); + node.classList.add("pointerdiv"); + ui.create.div(".menubutton.large", list2[i], node); + if (!get.is.phoneLayout()) { + node.firstChild.style.fontSize = "24px"; + node.firstChild.style.lineHeight = "24px"; + } + if (get.mode() == "guozhan") { + if (source._guozhanguess) { + if (!source._guozhanguess.contains(i)) { + node.classList.add("transparent"); + } + } + node._source = source; + node.listen(ui.click.identitycircle); + } + else { + node.listen(function () { + var info = this.link; + info[0].firstChild.innerHTML = info[1]; + info[0].dataset.color = info[2]; + _status.clicked = false; + }); + } + + node.link = [this, list[i], i]; + uiintro.add(node); + } + }; + ui.click.touchpop(); + ui.click.intro.call(this, { + clientX: (rect.left + rect.width), + clientY: (rect.top) + }); + } + } + static identity2() { + if (_status.clickingidentity) { + _status.clicked = true; + var player = _status.clickingidentity[0]; + var nodes = _status.clickingidentity[1]; + player.node.identity.dataset.color = this.dataset.color; + player.node.identity.firstChild.innerHTML = this.firstChild.innerHTML; + for (var i = 0; i < nodes.length; i++) { + nodes[i].delete(); + nodes[i].style.transform = ""; + } + delete _status.clickingidentity; + } + } + static roundmenu() { + game.closeConnectMenu(); + switch (lib.config.round_menu_func) { + case "system": + game.closePopped(); + ui.system1.classList.add("shown"); + ui.system2.classList.add("shown"); + game.closeMenu(); + ui.click.shortcut(); + break; + case "menu": + if (ui.click.configMenu) { + game.closePopped(); + game.pause2(); + ui.click.configMenu(); + ui.system1.classList.remove("shown"); + ui.system2.classList.remove("shown"); + } + break; + case "pause": + ui.click.pause(); + break; + case "auto": + ui.click.auto(); + break; + } + _status.clicked = true; + } + static pausehistory() { + if (!lib.config.auto_popped_history) return; + if (!ui.sidebar.childNodes.length) return; + var uiintro = ui.create.dialog("hidden"); + uiintro.style.maxHeight = "400px"; + uiintro.add(ui.sidebar); + return uiintro; + } + static pauseconfig() { + if (!lib.config.auto_popped_config) return; + if (get.is.phoneLayout()) return; + var uiintro = ui.create.dialog("hidden"); + uiintro.listen(function (e) { + e.stopPropagation(); + }); + + var rows = Math.floor(lib.config.all.mode.length / 3); + uiintro.type = "config"; + var modes = lib.config.modeorder || lib.config.all.mode.slice(0); + for (var i = 0; i < modes.length; i++) { + if (!lib.config.all.mode.contains(modes[i])) { + modes.splice(i--, 1); + } + } + for (var k = 0; k < rows; k++) { + var node = ui.create.div(".newgame.pointernode"); + for (var i = 0; i < 3 && i + k * 3 < modes.length; i++) { + var thismode = modes[i + k * 3]; + var div = ui.create.div(thismode == (_status.sourcemode || lib.config.mode) ? ".underlinenode.on" : ".underlinenode", node); + div.innerHTML = lib.translate[thismode]; + div.link = thismode; + div.addEventListener(lib.config.touchscreen ? "touchend" : "click", function () { + game.saveConfig("mode", this.link); + localStorage.setItem(lib.configprefix + "directstart", true); + game.reload(); + }); + } + uiintro.add(node); + } + + return uiintro; + } + static cardPileButton() { + var uiintro = ui.create.dialog("hidden"); + uiintro.listen(function (e) { + e.stopPropagation(); + }); + var num; + if (game.online) { + num = _status.cardPileNum || 0; + } + else { + num = ui.cardPile.childNodes.length; + } + uiintro.add(`剩余 ${num}`); + + if (_status.connectMode) return uiintro; + uiintro.add(`
轮数 ${game.roundNumber}    洗牌 ${game.shuffleNumber}
`); + uiintro.add(`
弃牌堆
`); + if (ui.discardPile.childNodes.length) { + var list = []; + for (var i = 0; i < ui.discardPile.childNodes.length; i++) { + list.unshift(ui.discardPile.childNodes[i]); + } + uiintro.addSmall([list, "card"]); + } + else { + uiintro.add(`
无
`); + } + return uiintro; + } + static chat() { + ui.system1.classList.add("shown"); + ui.system2.classList.add("shown"); + + var uiintro = ui.create.dialog("hidden"); + uiintro.listen(function (e) { + e.stopPropagation(); + }); + + var list = ui.create.div(".caption"); + if (get.is.phoneLayout()) { + list.style.maxHeight = "110px"; + } + else { + list.style.maxHeight = "220px"; + } + list.style.overflow = "scroll"; + lib.setScroll(list); + uiintro.contentContainer.style.overflow = "hidden"; + + var input; + var addEntry = function (info, clear) { + if (list._chatempty) { + list.innerHTML = ""; + delete list._chatempty; + } + var node = ui.create.div(".text.chat"); + node.innerHTML = info[0] + ": " + info[1]; + list.appendChild(node); + list.scrollTop = list.scrollHeight; + uiintro.style.height = uiintro.content.scrollHeight + "px"; + } + _status.addChatEntry = addEntry; + _status.addChatEntry._origin = uiintro; + if (lib.chatHistory.length) { + for (var i = 0; i < lib.chatHistory.length; i++) { + addEntry(lib.chatHistory[i]); + } + } + else { + list._chatempty = true; + list.appendChild(ui.create.div(".text.center", "无聊天记录")) + } + uiintro.add(list); + uiintro.style.height = uiintro.content.offsetHeight + "px"; + list.scrollTop = list.scrollHeight; + + if (!_status.chatValue) _status.chatValue = ""; + var node = uiintro.add(``); + node.style.paddingTop = 0; + node.style.marginBottom = "16px"; + input = node.firstChild; + input.style.width = "calc(100% - 20px)"; + input.onchange = function () { + _status.chatValue = input.value; + } + input.onkeydown = function (e) { + if (e.keyCode == 13 && input.value) { + var player = game.me; + var str = input.value; + if (!player) { + if (game.connectPlayers) { + if (game.online) { + for (var i = 0; i < game.connectPlayers.length; i++) { + if (game.connectPlayers[i].playerid == game.onlineID) { + player = game.connectPlayers[i]; break; + } + } + } + else { + player = game.connectPlayers[0]; + } + } + } + if (!player) return; + if (get.is.banWords(input.value)) { + player.say(input.value); + input.value = ""; + _status.chatValue = ""; + } + else { + if (game.online) { + game.send("chat", game.onlineID, str); + } + else { + player.chat(str); + } + input.value = ""; + _status.chatValue = ""; + } + } + e.stopPropagation(); + } + uiintro._onopen = function () { + input.focus(); + list.scrollTop = list.scrollHeight; + }; + uiintro._heightfixed = true; + var emotionTitle = ui.create.div(".text.center", "聊天表情", function () { + if (emotionTitle.innerHTML == "快捷语音") { + emotionTitle.innerHTML = "聊天表情"; + list2.remove(); + list3.remove(); + uiintro.add(list1); + while (list2.childNodes.length) { + list2.firstChild.remove(); + } + } + else { + emotionTitle.innerHTML = "快捷语音"; + list1.remove(); + list2.remove(); + uiintro.add(list3); + } + }); + uiintro.add(emotionTitle); + var list1 = ui.create.div(""); + if (get.is.phoneLayout()) { + list1.style.height = "110px"; + } + else { + list1.style.height = "150px"; + } + list1.style.overflow = "scroll"; + lib.setScroll(list1); + uiintro.add(list1); + uiintro.style.height = uiintro.content.scrollHeight + "px"; + var list2 = ui.create.div(""); + if (get.is.phoneLayout()) { + list2.style.height = "110px"; + } + else { + list2.style.height = "150px"; + } + list2.style.overflow = "scroll"; + lib.setScroll(list2); + //uiintro.add(list2); + for (var i in lib.emotionList) { + var emotionPack = ui.create.div(".card.fullskin", ``, function () { + emotionTitle.innerHTML = get.translation(this.pack); + for (var j = 1; j <= lib.emotionList[this.pack]; j++) { + var emotionButton = ui.create.div(".card.fullskin", ``, function () { + var player = game.me; + if (!player) { + if (game.connectPlayers) { + if (game.online) { + for (var i = 0; i < game.connectPlayers.length; i++) { + if (game.connectPlayers[i].playerid == game.onlineID) { + player = game.connectPlayers[i]; break; + } + } + } + else { + player = game.connectPlayers[0]; + } + } + } + if (!player) return; + if (game.online) { + game.send("emotion", game.onlineID, this.pack, this.emotionID); + } + else { + player.emotion(this.pack, this.emotionID); + } + }); + emotionButton.emotionID = j; + emotionButton.pack = this.pack; + emotionButton.style.height = "50px"; + emotionButton.style.width = "50px"; + list2.appendChild(emotionButton); + } + list1.remove(); + uiintro.add(list2); + }); + emotionPack.pack = i; + emotionPack.style.height = "50px"; + emotionPack.style.width = "50px"; + list1.appendChild(emotionPack); + } + list1.scrollTop = list1.scrollHeight; + uiintro.style.height = uiintro.content.scrollHeight + "px"; + var list3 = ui.create.div(".caption"); + if (get.is.phoneLayout()) { + list3.style.height = "110px"; + } + else { + list3.style.height = "150px"; + } + list3.style.overflow = "scroll"; + lib.setScroll(list3); + for (var i = 0; i < lib.quickVoice.length; i++) { + var node = ui.create.div(".text.chat", function () { + var player = game.me; + var str = this.innerHTML; + if (!player) { + if (game.connectPlayers) { + if (game.online) { + for (var i = 0; i < game.connectPlayers.length; i++) { + if (game.connectPlayers[i].playerid == game.onlineID) { + player = game.connectPlayers[i]; break; + } + } + } + else { + player = game.connectPlayers[0]; + } + } + } + if (!player) return; + if (game.online) { + game.send("chat", game.onlineID, str); + } + else { + player.chat(str); + } + }); + node.innerHTML = lib.quickVoice[i]; + list3.appendChild(node); + } + list3.scrollTop = list1.scrollHeight; + return uiintro; + } + static volumn() { + var uiintro = ui.create.dialog("hidden"); + uiintro.listen(function (e) { + e.stopPropagation(); + }); + uiintro.add("背景音乐"); + var vol1 = ui.create.div(".volumn"); + uiintro.add(vol1); + for (var i = 0; i < 8; i++) { + var span = document.createElement("span"); + span.link = i + 1; + span.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.volumn_background); + if (i < lib.config.volumn_background) { + span.innerHTML = "●"; + } + else { + span.innerHTML = "○"; + } + vol1.appendChild(span); + } + uiintro.add("游戏音效"); + + var vol2 = ui.create.div(".volumn"); + uiintro.add(vol2); + for (var i = 0; i < 8; i++) { + var span = document.createElement("span"); + span.link = i + 1; + span.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.volumn_audio); + if (i < lib.config.volumn_audio) { + span.innerHTML = "●"; + } + else { + span.innerHTML = "○"; + } + vol2.appendChild(span); + } + uiintro.add(ui.create.div(".placeholder")); + return uiintro; + } + static volumn_background(e) { + if (_status.dragged) return; + var volume = this.link; + if (volume === 1 && lib.config.volumn_background === 1) { + volume = 0; + } + game.saveConfig("volumn_background", volume); + ui.backgroundMusic.volume = volume / 8; + for (var i = 0; i < 8; i++) { + if (i < lib.config.volumn_background) { + this.parentNode.childNodes[i].innerHTML = "●"; + } + else { + this.parentNode.childNodes[i].innerHTML = "○"; + } + } + e.stopPropagation(); + } + static volumn_audio(e) { + if (_status.dragged) return; + var volume = this.link; + if (volume === 1 && lib.config.volumn_audio === 1) { + volume = 0; + } + game.saveConfig("volumn_audio", volume); + for (var i = 0; i < 8; i++) { + if (i < lib.config.volumn_audio) { + this.parentNode.childNodes[i].innerHTML = "●"; + } + else { + this.parentNode.childNodes[i].innerHTML = "○"; + } + } + e.stopPropagation(); + } + static hoverpopped() { + if (this._uiintro) { + return; + } + if (!this._poppedfunc) { + return; + } + ui.click.touchpop(this.forceclick); + var uiintro = this._poppedfunc(); + if (!uiintro) return; + if (ui.currentpopped && ui.currentpopped._uiintro) { + ui.currentpopped._uiintro.delete(); + delete ui.currentpopped._uiintro; + } + ui.currentpopped = this; + uiintro.classList.add("popped"); + uiintro.classList.add("hoverdialog"); + uiintro.classList.add("static"); + this._uiintro = uiintro; + + ui.window.appendChild(uiintro); + var width = this._poppedwidth || 330; + uiintro.style.width = width + "px"; + if (get.is.phoneLayout()) { + width *= 1.3; + } + + if (uiintro._heightfixed) { + uiintro.style.height = uiintro.content.scrollHeight + "px"; + } + else { + var height = this._poppedheight || uiintro.content.scrollHeight; + var height2 = ui.window.offsetHeight - 260; + if (get.is.phoneLayout()) { + height2 = (ui.window.offsetHeight - 80) / 1.3; + } + uiintro.style.height = Math.min(height2, height) + "px"; + } + if (get.is.phoneLayout()) { + uiintro.style.top = "70px"; + } + else { + uiintro.style.top = "50px"; + } + var left = this.parentNode.offsetLeft + this.offsetLeft + this.offsetWidth / 2 - width / 2; + if (left < 10) { + left = 10; + } + else if (left + width > ui.window.offsetWidth - 10) { + left = ui.window.offsetWidth - width - 10; + } + uiintro.style.left = left + "px"; + uiintro._poppedorigin = this; + if (!lib.config.touchscreen) { + uiintro.addEventListener("mouseleave", ui.click.leavehoverpopped); + } + ui.click.shortcut(false); + if (uiintro._onopen) { + uiintro._onopen(); + } + if (this._paused2 && !lib.config.touchscreen) { + game.pause2(); + uiintro.classList.add("static"); + var layer = ui.create.div(".poplayer", ui.window); + var clicklayer = function (e) { + uiintro.delete(); + layer.remove(); + game.resume2(); + e.stopPropagation(); + return false; + } + uiintro.style.zIndex = 21; + layer.onclick = clicklayer; + layer.oncontextmenu = clicklayer; + uiintro.addEventListener("mouseleave", clicklayer); + uiintro.addEventListener("click", clicklayer); + } + } + static hoverpopped_leave() { + this._poppedalready = false; + } + static leavehoverpopped() { + if (_status.dragged) return; + if (this.classList.contains("noleave")) return; + this.delete(); + var button = this._poppedorigin; + + var uiintro = this; + setTimeout(function () { + if (button._uiintro == uiintro) { + delete button._uiintro; + } + }, 500); + + } + static dierevive() { + if (game.me.isDead()) { + game.me.revive(Math.max(1, game.me.maxHp)); + game.me.draw(2); + } + else { + if (ui.revive) { + ui.revive.close(); + delete ui.revive; + } + } + } + static dieswap() { + if (game.me.isDead()) { + _status.clicked = true; + var i, translation, intro, str; + if (ui.intro) { + ui.intro.close(); + if (ui.intro.source == "dieswap") { + delete ui.intro; + ui.control.show(); + game.resume2(); + return; + } + } + game.pause2(); + ui.control.hide(); + ui.intro = ui.create.dialog(); + ui.intro.source = "dieswap"; + + var players = []; + for (var i = 0; i < game.players.length; i++) { + if (game.players[i].isAlive()) { + players.push(game.players[i]); + } + } + ui.intro.add(players, true); + var buttons = ui.intro.querySelectorAll(".button"); + for (var i = 0; i < buttons.length; i++) { + buttons[i].addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.dieswap2); + } + } + else { + if (ui.swap) { + ui.swap.close(); + delete ui.swap; + } + } + } + static dieswap2() { + if (_status.dragged) return; + game.swapPlayer(this.link); + } + static touchconfirm() { + _status.touchconfirmed = true; + document.removeEventListener("touchstart", ui.click.touchconfirm); + } + static windowtouchstart(e) { + if (window.inSplash) return; + if (e.touches[0] && lib.config.swipe && e.touches.length < 2) { + _status._swipeorigin = { + clientX: e.touches[0].clientX, + clientY: e.touches[0].clientY, + time: get.utc() + } + } + // if(window.ForceTouch&&!_status.paused2&&!_status.forcetouchinterval&&lib.config.enable_pressure){ + // _status.forcetouchinterval=setInterval(ui.click.forcetouch,30); + // } + } + static windowtouchmove(e) { + e.preventDefault(); + if (window.inSplash) return; + if (_status.draggingroundmenu) { + delete _status._swipeorigin; + if (ui.roundmenu._dragorigin && ui.roundmenu._dragtransform && e.touches.length) { + var translate = ui.roundmenu._dragtransform.slice(0); + var dx = e.touches[0].clientX / game.documentZoom - ui.roundmenu._dragorigin.clientX / game.documentZoom; + var dy = e.touches[0].clientY / game.documentZoom - ui.roundmenu._dragorigin.clientY / game.documentZoom; + translate[0] += dx; + translate[1] += dy; + if (dx * dx + dy * dy > 100) { + if (ui.roundmenu._resetTimeout) { + clearTimeout(ui.roundmenu._resetTimeout); + delete ui.roundmenu._resetTimeout; + } + } + ui.roundmenu._dragtouches = e.touches[0]; + ui.click.checkroundtranslate(translate); + } + _status.clicked = true; + } + else if (_status.draggingtouchdialog) { + delete _status._swipeorigin; + if (_status.draggingtouchdialog._dragorigin && _status.draggingtouchdialog._dragtransform && e.touches.length) { + var translate = _status.draggingtouchdialog._dragtransform.slice(0); + var dx = e.touches[0].clientX / game.documentZoom - _status.draggingtouchdialog._dragorigin.clientX / game.documentZoom; + var dy = e.touches[0].clientY / game.documentZoom - _status.draggingtouchdialog._dragorigin.clientY / game.documentZoom; + translate[0] += dx; + translate[1] += dy; + _status.draggingtouchdialog._dragtouches = e.touches[0]; + ui.click.checkdialogtranslate(translate, _status.draggingtouchdialog); + } + _status.clicked = true; + } + else if (_status._swipeorigin && e.touches[0]) { + _status._swipeorigin.touches = e.touches[0]; + } + + if (_status.mousedragging && e.touches.length) { + e.preventDefault(); + var item = document.elementFromPoint(e.touches[0].clientX, e.touches[0].clientY); + if (game.chess && ui.selected.cards.length) { + var itemtype = get.itemtype(item); + if (itemtype != "card" && itemtype != "button") { + var ex = e.touches[0].clientX / game.documentZoom - ui.arena.offsetLeft; + var ey = e.touches[0].clientY / game.documentZoom - ui.arena.offsetTop; + for (var i = 0; i < game.players.length; i++) { + var left = -ui.chessContainer.chessLeft + ui.chess.offsetLeft + game.players[i].getLeft(); + var top = -ui.chessContainer.chessTop + ui.chess.offsetTop + game.players[i].getTop(); + var width = game.players[i].offsetWidth; + var height = game.players[i].offsetHeight; + if (ex > left && ex < left + width && ey > top && ey < top + height) { + item = game.players[i]; + break; + } + } + } + } + while (item) { + if (lib.config.enable_touchdragline && _status.mouseleft && !game.chess) { + ui.canvas.width = ui.arena.offsetWidth; + ui.canvas.height = ui.arena.offsetHeight; + var ctx = ui.ctx; + ctx.shadowBlur = 5; + ctx.shadowColor = "rgba(0,0,0,0.3)"; + ctx.strokeStyle = "white"; + ctx.lineWidth = 3; + ctx.setLineDash([8, 2]); + + ctx.beginPath(); + + ctx.moveTo(_status.mousedragging.clientX / game.documentZoom - ui.arena.offsetLeft, _status.mousedragging.clientY / game.documentZoom - ui.arena.offsetTop); + + if (_status.multitarget) { + for (var i = 0; i < _status.lastdragchange.length; i++) { + var exy = _status.lastdragchange[i]._lastdragchange; + ctx.lineTo(exy[0], exy[1]); + } + } + if (!_status.selectionfull) { + ctx.lineTo(e.touches[0].clientX / game.documentZoom - ui.arena.offsetLeft, e.touches[0].clientY / game.documentZoom - ui.arena.offsetTop); + } + ctx.stroke(); + if (!_status.multitarget) { + for (var i = 0; i < _status.lastdragchange.length; i++) { + ctx.moveTo(_status.mousedragging.clientX / game.documentZoom - ui.arena.offsetLeft, _status.mousedragging.clientY / game.documentZoom - ui.arena.offsetTop); + var exy = _status.lastdragchange[i]._lastdragchange; + ctx.lineTo(exy[0], exy[1]); + ctx.stroke(); + } + } + } + + if (item == _status.mousedragorigin) { + if (_status.mouseleft) { + _status.mousedragging = null; + _status.mousedragorigin = null; + _status.clicked = false; + game.uncheck(); + game.check(); + _status.clicked = true; + } + return; + } + var itemtype = get.itemtype(item); + if (itemtype == "card" || itemtype == "button" || itemtype == "player") { + _status.mouseleft = true; + if (ui.selected.cards.length) { + ui.selected.cards[0].updateTransform(true, 100); + } + var ex = e.touches[0].clientX / game.documentZoom - ui.arena.offsetLeft; + var ey = e.touches[0].clientY / game.documentZoom - ui.arena.offsetTop; + var exx = ex, eyy = ey; + if (game.chess) { + ex -= -ui.chessContainer.chessLeft + ui.chess.offsetLeft; + ey -= -ui.chessContainer.chessTop + ui.chess.offsetTop; + } + if (itemtype != "player" || game.chess || (ex > item.offsetLeft && ex < item.offsetLeft + item.offsetWidth && + ey > item.offsetTop && ey < item.offsetTop + item.offsetHeight)) { + var targetfixed = false; + if (itemtype == "player") { + if (get.select(_status.event.selectTarget)[1] <= -1) { + targetfixed = true; + } + } + if (!targetfixed && item.classList.contains("selectable") && _status.dragstatuschanged != item) { + _status.mouseleft = true; + _status.dragstatuschanged = item; + _status.clicked = false; + _status.dragged = false; + var notbefore = itemtype == "player" && !item.classList.contains("selected"); + ui.click[itemtype].call(item); + if (item.classList.contains("selected")) { + if (notbefore) { + _status.lastdragchange.push(item); + item._lastdragchange = [exx, eyy]; + if (lib.falseitem) { + var from = [_status.mousedragging.clientX / game.documentZoom - ui.arena.offsetLeft, _status.mousedragging.clientY / game.documentZoom - ui.arena.offsetTop]; + var to = [exx, eyy]; + var node = ui.create.div(".linexy.hidden"); + node.style.left = from[0] + "px"; + node.style.top = from[1] + "px"; + node.style.transitionDuration = "0.3s"; + node.style.backgroundColor = "white"; + var dy = to[1] - from[1]; + var dx = to[0] - from[0]; + var deg = Math.atan(Math.abs(dy) / Math.abs(dx)) / Math.PI * 180; + if (dx >= 0) { + if (dy <= 0) { + deg += 90; + } + else { + deg = 90 - deg; + } + } + else { + if (dy <= 0) { + deg = 270 - deg; + } + else { + deg += 270; + } + } + node.style.transform = "rotate(" + (-deg) + "deg) scaleY(0)"; + node.style.height = get.xyDistance(from, to) + "px"; + if (game.chess) { + ui.chess.appendChild(node); + } + else { + ui.arena.appendChild(node); + } + ui.refresh(node); + node.show(); + node.style.transform = "rotate(" + (-deg) + "deg) scaleY(1)"; + ui.touchlines.push(node); + node._origin = item; + } + } + } + else { + _status.lastdragchange.remove(item); + for (var i = 0; i < ui.touchlines.length; i++) { + if (ui.touchlines[i]._origin == item) { + ui.touchlines[i].delete(); + ui.touchlines.splice(i--, 1); + } + } + } + _status.selectionfull = true; + if (_status.event.filterButton && ui.selected.buttons.length < get.select(_status.event.selectButton)[1]) { + _status.selectionfull = false; + } + else if (_status.event.filterCard && ui.selected.cards.length < get.select(_status.event.selectCard)[1]) { + _status.selectionfull = false; + } + else if (_status.event.filterTarget && ui.selected.targets.length < get.select(_status.event.selectTarget)[1]) { + _status.selectionfull = false; + } + } + } + return; + } + item = item.parentNode; + } + _status.mouseleft = true; + _status.dragstatuschanged = null; + } + } + static windowtouchend(e) { + delete _status.force; + // if(_status.forcetouchinterval){ + // clearInterval(_status.forcetouchinterval); + // delete _status.forcetouchinterval; + // } + if (window.inSplash) return; + if (e.touches.length == 1 && !_status.dragged && !_status.draggingtouchdialog) { + ui.click.pause(); + } + if (_status.draggingroundmenu) { + delete _status._swipeorigin; + if (ui.roundmenu._resetTimeout) { + clearTimeout(ui.roundmenu._resetTimeout); + delete ui.roundmenu._resetTimeout; + } + var translate; + if (ui.roundmenu._dragorigin && ui.roundmenu._dragtransform && ui.roundmenu._dragtouches) { + var dx = ui.roundmenu._dragtouches.clientX / game.documentZoom - ui.roundmenu._dragorigin.clientX / game.documentZoom; + var dy = ui.roundmenu._dragtouches.clientY / game.documentZoom - ui.roundmenu._dragorigin.clientY / game.documentZoom; + if (dx * dx + dy * dy < 1000) { + ui.click.roundmenu(); + ui.roundmenu._dragtransform = ui.roundmenu._dragorigintransform; + translate = ui.roundmenu._dragtransform; + ui.roundmenu.style.transform = "translate(" + translate[0] + "px," + translate[1] + "px)"; + } + else { + translate = ui.roundmenu._dragtransform; + translate[0] += dx; + translate[1] += dy; + ui.click.checkroundtranslate(); + } + delete ui.roundmenu._dragorigin; + } + else { + ui.click.roundmenu(); + } + _status.clicked = false; + game.saveConfig("roundmenu_transform", translate); + delete _status.draggingroundmenu; + } + else if (_status.draggingtouchdialog) { + delete _status._swipeorigin; + var translate; + if (_status.draggingtouchdialog._dragorigin && _status.draggingtouchdialog._dragtransform && _status.draggingtouchdialog._dragtouches) { + var dx = _status.draggingtouchdialog._dragtouches.clientX / game.documentZoom - _status.draggingtouchdialog._dragorigin.clientX / game.documentZoom; + var dy = _status.draggingtouchdialog._dragtouches.clientY / game.documentZoom - _status.draggingtouchdialog._dragorigin.clientY / game.documentZoom; + translate = _status.draggingtouchdialog._dragtransform; + translate[0] += dx; + translate[1] += dy; + ui.click.checkdialogtranslate(null, _status.draggingtouchdialog); + + delete _status.draggingtouchdialog._dragorigin; + } + _status.clicked = false; + game.saveConfig("dialog_transform", translate); + delete _status.draggingtouchdialog; + _status.justdragged = true; + setTimeout(function () { + _status.justdragged = false; + }, 500); + } + else if (_status._swipeorigin && !_status.paused2 && !_status.mousedragging && _status._swipeorigin.touches && !_status.filterCharacter) { + if (get.utc() - _status._swipeorigin.time < 500) { + var dx = _status._swipeorigin.touches.clientX / game.documentZoom - _status._swipeorigin.clientX / game.documentZoom; + var dy = _status._swipeorigin.touches.clientY / game.documentZoom - _status._swipeorigin.clientY / game.documentZoom; + var goswipe = function (action) { + game.closeConnectMenu(); + switch (action) { + case "system": + game.closePopped(); + ui.system1.classList.add("shown"); + ui.system2.classList.add("shown"); + game.closeMenu(); + ui.click.shortcut(); + break; + case "menu": + if (ui.click.configMenu) { + game.closePopped(); + game.pause2(); + ui.click.configMenu(); + ui.system1.classList.remove("shown"); + ui.system2.classList.remove("shown"); + } + break; + case "pause": + ui.click.pause(); + break; + case "auto": + ui.click.auto(); + break; + case "chat": + game.closeMenu(); + if (ui.chatButton) { + ui.click.hoverpopped.call(ui.chatButton); + } + break; + } + } + if (Math.abs(dx) < 100) { + if (dy < -200) { + goswipe(lib.config.swipe_up); + } + else if (dy > 200) { + goswipe(lib.config.swipe_down); + } + } + else if (Math.abs(dy) < 100) { + if (dx < -200) { + goswipe(lib.config.swipe_left); + } + else if (dx > 200) { + goswipe(lib.config.swipe_right); + } + } + } + } + var tmpflag = false; + _status.mousedown = false; + _status.clicked = false; + if (_status.mousedragging && _status.mouseleft) { + if (game.check()) { + if (ui.confirm) { + ui.confirm.close(); + } + var event = _status.event; + if (!event.filterOk || event.filterOk()) ui.click.ok(); + ui.canvas.width = ui.arena.offsetWidth; + ui.canvas.height = ui.arena.offsetHeight; + } + else { + game.uncheck(); + game.check(); + } + } + else if (_status.mousedragging && _status.mousedragorigin) { + tmpflag = _status.mousedragorigin; + } + _status.lastdragchange.length = 0; + _status.mousedragging = null; + _status.mouseleft = false; + _status.mousedragorigin = null; + _status.dragstatuschanged = false; + while (ui.touchlines.length) { + ui.touchlines.shift().delete(); + } + if (tmpflag) { + game.check(); + } + _status.dragged = false; + _status.clicked = false; + } + static checkroundtranslate(translate) { + var translate = translate || ui.roundmenu._dragtransform; + if (translate[1] + ui.roundmenu._position[1] + 50 + ui.arena.offsetTop > ui.window.offsetHeight) { + translate[1] = ui.window.offsetHeight - (ui.roundmenu._position[1] + 50) - ui.arena.offsetTop; + } + else if (translate[1] + ui.roundmenu._position[1] + ui.arena.offsetTop < 0) { + translate[1] = -ui.roundmenu._position[1] - ui.arena.offsetTop; + } + if (translate[0] + ui.roundmenu._position[0] + 50 + ui.arena.offsetLeft > ui.window.offsetWidth) { + translate[0] = ui.window.offsetWidth - (ui.roundmenu._position[0] + 50) - ui.arena.offsetLeft; + } + else if (translate[0] + ui.roundmenu._position[0] + ui.arena.offsetLeft < 0) { + translate[0] = -ui.roundmenu._position[0] - ui.arena.offsetLeft; + } + ui.roundmenu.style.transform = "translate(" + translate[0] + "px," + translate[1] + "px)"; + } + static checkdialogtranslate(translate, dialog) { + var translate = translate || dialog._dragtransform; + if (Math.sqrt(translate[0] * translate[0] + translate[1] * translate[1]) < 10) { + translate[0] = 0; + translate[1] = 0; + } + dialog.style.transform = "translate(" + translate[0] + "px," + translate[1] + "px)"; + } + static windowmousewheel(e) { + _status.tempunpopup = e; + } + static windowmousemove(e) { + if (window.inSplash) return; + if (_status.tempunpopup) { + if (get.evtDistance(_status.tempunpopup, e) > 5) { + delete _status.tempunpopup; + } + } + if (e.button == 2) return; + var dialogs = document.querySelectorAll("#window>.dialog.popped:not(.static)"); + for (var i = 0; i < dialogs.length; i++) { + dialogs[i].delete(); + } + var node = _status.currentmouseenter; + var sourceitem = document.elementFromPoint(e.clientX, e.clientY); + if (game.chess && ui.selected.cards.length) { + var itemtype = get.itemtype(sourceitem); + if (itemtype != "card" && itemtype != "button") { + for (var i = 0; i < game.players.length; i++) { + var ex = e.clientX / game.documentZoom - ui.arena.offsetLeft; + var ey = e.clientY / game.documentZoom - ui.arena.offsetTop; + var left = -ui.chessContainer.chessLeft + ui.chess.offsetLeft + game.players[i].getLeft(); + var top = -ui.chessContainer.chessTop + ui.chess.offsetTop + game.players[i].getTop(); + var width = game.players[i].offsetWidth; + var height = game.players[i].offsetHeight; + if (ex > left && ex < left + width && ey > top && ey < top + height) { + sourceitem = game.players[i]; + break; + } + } + } + } + var item = sourceitem; + if (_status.mousedragging) { + e.preventDefault(); + if (lib.config.enable_dragline) { + // var i=0; + // var startPoint0=[_status.mousedragging.clientX/game.documentZoom-ui.arena.offsetLeft,_status.mousedragging.clientY/game.documentZoom-ui.arena.offsetTop]; + // var startPoint=startPoint0; + // var endPoint; + // if(_status.multitarget){ + // for(;i<_status.lastdragchange.length;i++){ + // var exy=_status.lastdragchange[i]._lastdragchange; + // endPoint=[exy[0],exy[1]]; + // _status.dragline[i]=game.linexy(startPoint.concat(endPoint),"drag",_status.dragline[i]); + // startPoint=endPoint; + // } + // } + // if(!_status.selectionfull){ + // endPoint=[e.clientX/game.documentZoom-ui.arena.offsetLeft,e.clientY/game.documentZoom-ui.arena.offsetTop]; + // _status.dragline[i]=game.linexy(startPoint.concat(endPoint),"drag",_status.dragline[i]); + // startPoint=endPoint; + // i++; + // } + // if(!_status.multitarget){ + // for(var j=0;j<_status.lastdragchange.length;j++){ + // i+=j; + // var exy=_status.lastdragchange[j]._lastdragchange; + // _status.dragline[i]=game.linexy(startPoint0.concat([exy[0],exy[1]]),"drag",_status.dragline[i]); + // } + // } + // var remained=_status.dragline.splice(i+1); + // for(var j=0;j item.offsetLeft && ex < item.offsetLeft + item.offsetWidth && + ey > item.offsetTop && ey < item.offsetTop + item.offsetHeight)) { + var targetfixed = false; + if (itemtype == "player") { + if (get.select(_status.event.selectTarget)[1] <= -1) { + targetfixed = true; + } + } + if (!targetfixed && item.classList.contains("selectable") && _status.dragstatuschanged != item) { + _status.mouseleft = true; + _status.dragstatuschanged = item; + _status.clicked = false; + var notbefore = itemtype == "player" && !item.classList.contains("selected"); + ui.click[itemtype].call(item); + if (item.classList.contains("selected")) { + if (notbefore) { + _status.lastdragchange.push(item); + item._lastdragchange = [exx, eyy]; + } + } + else { + _status.lastdragchange.remove(item); + } + _status.selectionfull = true; + if (_status.event.filterButton && ui.selected.buttons.length < get.select(_status.event.selectButton)[1]) { + _status.selectionfull = false; + } + else if (_status.event.filterCard && ui.selected.cards.length < get.select(_status.event.selectCard)[1]) { + _status.selectionfull = false; + } + else if (_status.event.filterTarget && ui.selected.targets.length < get.select(_status.event.selectTarget)[1]) { + _status.selectionfull = false; + } + } + } + return; + } + item = item.parentNode; + } + if (!_status.mouseleft) { + _status.mouseleft = true; + game.check(); + for (var i = 0; i < ui.selected.cards.length; i++) { + ui.selected.cards[i].updateTransform(true); + } + } + _status.dragstatuschanged = null; + } + else { + while (item) { + if (item == node && !node._mouseentercreated) { + ui.click.mouseentercancel(); + var hoveration; + if (typeof node._hoveration == "number") { + hoveration = node._hoveration; + } + else { + hoveration = parseInt(lib.config.hoveration); + if (node.classList.contains("button") || + (node.parentNode && node.parentNode.parentNode) == ui.me) { + hoveration += 500; + } + } + _status._mouseentertimeout = setTimeout(function () { + if (_status.currentmouseenter != node || node._mouseentercreated || _status.tempunpopup || + _status.mousedragging || _status.mousedown || !node.offsetWidth || !node.offsetHeight) { + return; + } + if (node._hoverfunc && !node._nopup) { + var dialog = node._hoverfunc.call(node, e); + if (dialog) { + dialog.classList.add("popped"); + ui.window.appendChild(dialog); + lib.placePoppedDialog(dialog, e); + if (node._hoverwidth) { + dialog.style.width = node._hoverwidth + "px"; + dialog._hovercustomed = true; + } + node._mouseenterdialog = dialog; + node._mouseentercreated = true; + } + } + }, hoveration); + break; + } + item = item.parentNode; + } + if (_status.draggingdialog) { + var ddialog = _status.draggingdialog; + if (ddialog._dragorigin && ddialog._dragtransform) { + var translate = ddialog._dragtransform.slice(0); + translate[0] += e.clientX / game.documentZoom - ddialog._dragorigin.clientX / game.documentZoom; + translate[1] += e.clientY / game.documentZoom - ddialog._dragorigin.clientY / game.documentZoom; + ui.click.checkdialogtranslate(translate, ddialog); + } + _status.clicked = true; + } + if (_status.draggingroundmenu) { + if (ui.roundmenu._dragorigin && ui.roundmenu._dragtransform) { + var translate = ui.roundmenu._dragtransform.slice(0); + translate[0] += e.clientX / game.documentZoom - ui.roundmenu._dragorigin.clientX / game.documentZoom; + translate[1] += e.clientY / game.documentZoom - ui.roundmenu._dragorigin.clientY / game.documentZoom; + ui.click.checkroundtranslate(translate); + } + _status.clicked = true; + } + } + } + static windowmousedown(e) { + if (window.inSplash) return; + if (!ui.window) return; + if (e.button == 2) return; + _status.mousedown = true; + var dialogs = ui.window.querySelectorAll("#window>.dialog.popped:not(.static)"); + for (var i = 0; i < dialogs.length; i++) { + dialogs[i].delete(); + } + var sourceitem = document.elementFromPoint(e.clientX, e.clientY); + var item = sourceitem; + while (item) { + var itemtype = get.itemtype(item); + if (itemtype == "button") break; + if (itemtype == "dialog" && + !item.classList.contains("popped") && + !item.classList.contains("fixed")) { + var ddialog = item; + _status.draggingdialog = ddialog; + ddialog._dragorigin = e; + if (!ddialog._dragtransform) { + ddialog._dragtransform = [0, 0]; + } + return; + } + if (item == ui.roundmenu) { + _status.draggingroundmenu = true; + ui.roundmenu._dragorigin = e; + if (!ui.roundmenu._dragtransform) { + ui.roundmenu._dragtransform = [0, 0]; + } + return; + } + item = item.parentNode; + } + + var evt = _status.event; + if (!lib.config.enable_drag) return; + if (!ui.arena.classList.contains("selecting")) return; + if (!evt.isMine()) return; + + item = sourceitem; + while (item) { + var itemtype = get.itemtype(item); + if (itemtype == "card" || itemtype == "button" || itemtype == "player") { + if (item.classList.contains("selectable") && + !item.classList.contains("selected") && + !item.classList.contains("noclick")) { + _status.clicked = false; + ui.click[itemtype].call(item); + if (item.classList.contains("selected")) { + _status.mousedragging = e; + _status.mousedragorigin = item; + _status.mouseleft = false; + _status.selectionfull = false; + _status.multitarget = false; + _status.lastmouseutc = get.utc(); + ui.arena.classList.add("dragging"); + } + } + return; + } + item = item.parentNode; + } + } + static cardtouchstart(e) { + if (e.touches.length != 1) return; + if (!lib.config.enable_drag) return; + if (!this.parentNode) return; + if (!this.parentNode.parentNode) return; + if (this.parentNode.parentNode.parentNode != ui.me) return; + if (this.parentNode.parentNode.classList.contains("scrollh")) return; + if (this.classList.contains("selectable") && + !this.classList.contains("selected") && + !this.classList.contains("noclick")) { + this._waitingfordrag = { + clientX: e.touches[0].clientX, + clientY: e.touches[0].clientY + }; + } + } + static cardtouchmove(e) { + ui.click.longpresscancel.call(this); + if (this._waitingfordrag) { + var drag = this._waitingfordrag; + _status.clicked = false; + _status.touchnocheck = true; + ui.click.card.call(this); + _status.touchnocheck = false; + if (this.classList.contains("selected")) { + _status.mousedragging = drag; + _status.mousedragorigin = this; + _status.mouseleft = false; + _status.selectionfull = false; + _status.multitarget = false; + } + delete this._waitingfordrag; + } + } + static windowmouseup(e) { + delete _status.force; + if (window.inSplash) return; + if (_status.draggingdialog) { + var ddialog = _status.draggingdialog; + var translate; + if (ddialog._dragorigin && ddialog._dragtransform) { + translate = ddialog._dragtransform; + translate[0] += e.clientX / game.documentZoom - ddialog._dragorigin.clientX / game.documentZoom; + translate[1] += e.clientY / game.documentZoom - ddialog._dragorigin.clientY / game.documentZoom; + ui.click.checkdialogtranslate(null, ddialog); + delete ddialog._dragorigin; + } + game.saveConfig("dialog_transform", translate); + delete _status.draggingdialog; + } + if (_status.draggingroundmenu) { + var translate; + if (ui.roundmenu._dragorigin && ui.roundmenu._dragtransform) { + var dx = e.clientX / game.documentZoom - ui.roundmenu._dragorigin.clientX / game.documentZoom; + var dy = e.clientY / game.documentZoom - ui.roundmenu._dragorigin.clientY / game.documentZoom; + if (dx * dx + dy * dy < 25) { + ui.click.roundmenu(); + } + translate = ui.roundmenu._dragtransform; + translate[0] += dx; + translate[1] += dy; + ui.click.checkroundtranslate(); + delete ui.roundmenu._dragorigin; + } + game.saveConfig("roundmenu_transform", translate); + delete _status.draggingroundmenu; + } + if (e.button == 2) { + if (_status.mousedragging) { + _status.mousedragging = null; + _status.mouseleft = false; + _status.mousedragorigin = null; + _status.dragstatuschanged = false; + game.uncheck(); + game.check(); + _status.noright = true; + } + } + else { + var tmpflag = false; + _status.mousedown = false; + for (var i = 0; i < ui.selected.cards.length; i++) { + ui.selected.cards[i].updateTransform(true); + } + if (_status.mousedragging && _status.mouseleft) { + if (game.check()) { + if (ui.confirm) { + ui.confirm.close(); + } + var event = _status.event; + if (!event.filterOk || event.filterOk()) ui.click.ok(); + } + else { + game.uncheck(); + game.check(); + } + } + else if (_status.mousedragging && _status.mousedragorigin) { + tmpflag = _status.mousedragorigin; + } + _status.lastdragchange.length = 0; + _status.mousedragging = null; + _status.mouseleft = false; + _status.mousedragorigin = null; + _status.dragstatuschanged = false; + if (ui.arena) { + ui.canvas.width = ui.arena.offsetWidth; + ui.canvas.height = ui.arena.offsetHeight; + } + if (tmpflag) { + ui.click[get.itemtype(tmpflag)].call(tmpflag); + game.check(); + } + // ui.updatehl(); + } + if (ui.arena) { + ui.arena.classList.remove("dragging"); + } + } + static mousemove() { + if (!lib.config.hover_handcard && this.parentNode && this.parentNode.parentNode == ui.me) { + return; + } + if (!_status.currentmouseenter) { + _status.currentmouseenter = this; + } + } + static mouseenter() { + if (!lib.config.hover_handcard && this.parentNode && this.parentNode.parentNode == ui.me) { + return; + } + _status.currentmouseenter = this; + } + static mouseleave() { + ui.click.mouseentercancel(); + if (_status.currentmouseenter == this) { + _status.currentmouseenter = null; + } + this._mouseentercreated = false; + } + static mousedown() { + ui.click.mouseentercancel(); + if (_status.currentmouseenter == this) { + _status.currentmouseenter = null; + } + this._mouseentercreated = true; + } + static mouseentercancel() { + if (_status._mouseentertimeout) { + clearTimeout(_status._mouseentertimeout); + delete _status._mouseentertimeout + } + } + static hoverplayer(e) { + var node = get.nodeintro(this, true); + if (node) node.style.zIndex = 21; + return node; + } + static longpressdown(e) { + if (_status.longpressed) return; + if (this._longpresstimeout) { + clearTimeout(this._longpresstimeout); + } + if (lib.config.longpress_info) { + this._longpresstimeout = setTimeout(ui.click.longpresscallback, 500); + } + this._longpressevent = e; + if (_status.longpressing && _status.longpressing != this) { + ui.click.longpresscancel.call(_status.longpressing); + } + // if(window.ForceTouch&&!_status.forcetouchinterval&&lib.config.enable_pressure){ + // _status.forcetouchinterval=setInterval(ui.click.forcetouch,30); + // } + _status.longpressing = this; + } + static longpresscallback() { + if (!_status.longpressing) return; + var node = _status.longpressing; + var func = node._longpresscallback; + var e = node._longpressevent; + if (!func || !e) return; + clearTimeout(node._longpresstimeout); + _status.force = true; + delete _status.longpressing; + delete node._longpresstimeout; + delete node._longpressevent; + if (_status.mousedragging && _status.mouseleft) return; + if (!_status.longpressed) { + _status.longpressed = true; + setTimeout(function () { + _status.longpressed = false; + }, 500); + func.call(node, e); + if (lib.config.touchscreen && lib.config.enable_drag && !node._waitingfordrag) { + _status.mousedragging = null; + _status.mousedragorigin = null; + _status.clicked = false; + game.uncheck(); + game.check(); + _status.clicked = true; + } + delete node._waitingfordrag; + ui.click.touchpop(); + } + } + static longpresscancel() { + if (this._longpresstimeout) { + clearTimeout(this._longpresstimeout); + delete this._longpresstimeout; + } + delete this._longpressevent; + if (_status.longpressing == this) { + delete _status.longpressing; + } + } + static window() { + var clicked = _status.clicked; + var dialogtouched = false; + if (_status.dialogtouched) { + _status.dialogtouched = false; + dialogtouched = true; + } + if (_status.dragged) return; + if (_status.touchpopping) return; + if (_status.reloading) return; + if (_status.clicked || _status.clicked2) { + _status.clicked = false; + _status.clicked2 = false; + } + else { + if (_status.clickingidentity) { + for (var i = 0; i < _status.clickingidentity[1].length; i++) { + _status.clickingidentity[1][i].delete(); + _status.clickingidentity[1][i].style.transform = ""; + } + delete _status.clickingidentity; + } + if (!_status.event.isMine) return; + if (ui.controls.length) { + ui.updatec(); + } + if (_status.editing) { + if (_status.editing.innerHTML.length) { + _status.editing.link = _status.editing.innerHTML; + } + _status.editing.innerHTML = get.translation(_status.editing.link); + delete _status.editing; + } + else if (_status.choosing) { + if (!_status.choosing.expand) { + _status.choosing.parentNode.style.height = ""; + _status.choosing.nextSibling.delete(); + _status.choosing.previousSibling.show(); + delete _status.choosing; + } + } + else if (ui.intro) { + ui.intro.close(); + delete ui.intro; + ui.control.show(); + game.resume2(); + } + else if ((_status.event.isMine() || _status.event.forceMine) && !dialogtouched) { + if (_status.event.custom && _status.event.custom.replace.window) { + _status.event.custom.replace.window(); + } + else { + if (_status.event.skill && _status.event.name == "chooseToUse") { + ui.click.cancel(); + } + else if (_status.event._checked) { + game.uncheck(); + game.check(); + } + } + } + if (!ui.shortcut.classList.contains("hidden")) { + ui.click.shortcut(false); + } + if (get.is.phoneLayout() && ui.menuContainer && ui.menuContainer.classList.contains("hidden")) { + if (ui.system2.classList.contains("shown")) { + _status.removinground = true; + setTimeout(function () { + _status.removinground = false; + }, 200); + } + ui.arena.classList.remove("phonetop"); + ui.system1.classList.remove("shown"); + ui.system2.classList.remove("shown"); + // if(ui.chessinfo){ + // ui.chessinfo.classList.remove("zoomed"); + // } + } + } + if (_status.tempunpop) { + _status.tempunpop = false; + } + else { + game.closePopped(); + } + if (_status.event.custom && _status.event.custom.add.window) { + _status.event.custom.add.window(clicked); + } + } + static toggle() { + if (_status.dragged) return; + if (this.parentNode.classList.contains("disabled")) return; + _status.tempunpop = true; + if (this.link) { + this.link = false; + this.classList.remove("on"); + if (this.additionalCommand) this.additionalCommand(false, this.parentNode); + } + else { + this.link = true; + this.classList.add("on"); + if (this.additionalCommand) this.additionalCommand(true, this.parentNode); + } + } + static editor() { + if (_status.dragged) return; + if (_status.editing) return; + _status.clicked = true; + this.innerHTML = ""; + _status.editing = this; + if (this.additionalCommand) this.additionalCommand(this); + } + static switcher() { + if (_status.dragged) return; + if (this.parentNode.classList.contains("disabled")) return; + if (_status.choosing) return; + _status.clicked = true; + _status.tempunpop = true; + this.previousSibling.hide(); + var node = ui.create.div(".switcher", this.parentNode).animate("start"); + for (var i = 0; i < this.choice.length; i++) { + var choice = ui.create.div(".pointerdiv", node); + choice.innerHTML = get.translation(this.choice[i]); + choice.link = this.choice[i]; + choice.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.choice); + } + // this.parentNode.style.height=(node.offsetHeight)+"px"; + _status.choosing = this; + if (!_status.choosing.expand) { + _status.choosing.expand = true; + setTimeout(function () { + _status.choosing.expand = false; + }, 500); + } + } + static choice() { + if (_status.dragged) return; + if (!_status.choosing) return; + _status.choosing.link = this.link; + _status.choosing.innerHTML = get.translation(this.link); + this.parentNode.parentNode.style.height = ""; + this.parentNode.delete(); + _status.choosing.previousSibling.show(); + delete _status.choosing; + if (this.parentNode.parentNode.querySelector(".toggle").additionalCommand) { + this.parentNode.parentNode.querySelector(".toggle").additionalCommand(this.link, this.parentNode.parentNode); + } + } + static button() { + if (_status.dragged) return; + if (_status.clicked) return; + if (_status.tempNoButton) return; + if (_status.draggingtouchdialog) return; + if (this.classList.contains("noclick")) return; + if (_status.justdragged) return; + _status.clicked = true; + var custom = _status.event.custom; + if (custom && custom.replace.button) { + custom.replace.button(this); + return; + } + if (!_status.event.isMine()) return; + if (this.classList.contains("selectable") == false) return; + if (this.classList.contains("selected")) { + ui.selected.buttons.remove(this); + this.classList.remove("selected"); + if (_status.multitarget || _status.event.complexSelect) { + game.uncheck(); + game.check(); + } + } + else { + this.classList.add("selected"); + ui.selected.buttons.add(this); + } + if (custom && custom.add && custom.add.button) { + custom.add.button(); + } + game.check(); + } + static touchintro() { + var rect = this.getBoundingClientRect(); + ui.click.touchpop(); + ui.click.intro.call(this, { + clientX: rect.left + 18, + clientY: rect.top + 12 + }); + _status.clicked = false; + } + static card() { + delete this._waitingfordrag; + if (_status.dragged) return; + if (_status.clicked) return; + if (ui.intro) return; + _status.clicked = true; + if (this.parentNode && (this.parentNode.classList.contains("judges") || this.parentNode.classList.contains("marks"))) { + var rect = this.getBoundingClientRect(); + ui.click.touchpop(); + ui.click.intro.call(this, { + clientX: rect.left + 18, + clientY: rect.top + 12 + }); + _status.clicked = false; + return; + } + var custom = _status.event.custom; + if (custom && custom.replace.card) { + custom.replace.card(this); + return; + } + if (this.classList.contains("selectable") == false) return; + if (this.classList.contains("selected")) { + ui.selected.cards.remove(this); + if (_status.multitarget || _status.event.complexSelect) { + game.uncheck(); + game.check(); + } + else { + this.classList.remove("selected"); + this.updateTransform(); + } + } + else { + ui.selected.cards.add(this); + this.classList.add("selected"); + this.updateTransform(true); + } + if (game.chess && get.config("show_range") && !_status.event.skill && this.classList.contains("selected") && + _status.event.isMine() && _status.event.name == "chooseToUse") { + var player = _status.event.player; + var range = get.info(this).range; + if (range) { + if (typeof range.attack === "number") { + player.createRangeShadow(Math.min(8, player.getAttackRange(true) + range.attack - 1)); + } + else if (typeof range.global === "number") { + player.createRangeShadow(Math.min(8, player.getGlobalFrom() + range.global)); + } + } + } + if (custom.add.card) { + custom.add.card(); + } + game.check(); + + if (lib.config.popequip && get.is.phoneLayout() && + arguments[0] != "popequip" && ui.arena && ui.arena.classList.contains("selecting") && + this.parentNode && this.parentNode.classList.contains("popequip")) { + var rect = this.getBoundingClientRect(); + ui.click.touchpop(); + ui.click.intro.call(this.parentNode, { + clientX: rect.left + 18, + clientY: rect.top + 12 + }); + } + } + static avatar() { + if (!lib.config.doubleclick_intro) return; + if (this.parentNode.isUnseen(0)) return; + if (!lib.character[this.parentNode.name]) return; + if (!ui.menuContainer) return; + var avatar = this; + var player = this.parentNode; + if (!game.players.contains(player) && !game.dead.contains(player)) return; + if (!this._doubleClicking) { + this._doubleClicking = true; + setTimeout(function () { + avatar._doubleClicking = false; + }, 500); + return; + } + // ui.click.skin(this,player.name); + game.pause2(); + ui.click.charactercard(player.name1 || player.name, null, null, true, this); + } + static avatar2() { + if (!lib.config.doubleclick_intro) return; + if (this.parentNode.classList.contains("unseen2")) return; + if (!lib.character[this.parentNode.name2]) return; + if (!ui.menuContainer) return; + var avatar = this; + var player = this.parentNode; + if (!game.players.contains(player) && !game.dead.contains(player)) return; + if (!this._doubleClicking) { + this._doubleClicking = true; + setTimeout(function () { + avatar._doubleClicking = false; + }, 500); + return; + } + // ui.click.skin(this,player.name2); + game.pause2(); + ui.click.charactercard(player.name2, null, null, true, this); + } + static connectroom(e) { + if (_status.dragged) return; + if (_status.clicked) return; + if (ui.intro) return; + if (this.roomfull) { + alert("房间已满"); + } + else if (this.roomgaming && !game.onlineID) { + if (this.config && this.config.observe) { + alert("房间暂时不可旁观"); + } + else { + alert("房间不允许旁观"); + } + } + else if (!this.roomempty && this.version != lib.versionOL) { + if (this.version > lib.versionOL) { + alert("加入失败：你的游戏版本过低"); + } + else { + alert("加入失败：房主的游戏版本过低"); + } + } + else { + if (!_status.enteringroom) { + _status.enteringroom = true; + _status.enteringroomserver = this.serving; + game.send("server", "enter", this.key, get.connectNickname(), lib.config.connect_avatar); + } + } + } + static player() { + return ui.click.target.apply(this, arguments); + } + static target(e) { + if (_status.dragged) return; + if (_status.clicked) return; + if (ui.intro) return; + if (this.classList.contains("connect")) { + if (game.online) { + if (game.onlinezhu) { + if (!this.playerid && game.connectPlayers) { + if (lib.configOL.mode == "versus" || lib.configOL.mode == "doudizhu") return; + if (lib.configOL.mode == "identity" && lib.configOL.identity_mode == "zhong") return; + if (!this.classList.contains("unselectable2") && lib.configOL.number <= 2) return; + this.classList.toggle("unselectable2") + if (this.classList.contains("unselectable2")) { + lib.configOL.number--; + } + else { + lib.configOL.number++; + } + game.send("changeNumConfig", lib.configOL.number, + game.connectPlayers.indexOf(this), this.classList.contains("unselectable2")); + } + } + return; + } + if (this.playerid) { + if (this.ws) { + if (confirm("是否踢出" + this.nickname + "？")) { + var id = get.id(); + this.ws.send(function (id) { + if (game.ws) { + game.ws.close(); + game.saveConfig("reconnect_info"); + game.saveConfig("banned_info", id); + } + }, id); + lib.node.banned.push(id); + } + } + } + else { + if (lib.configOL.mode == "versus" || lib.configOL.mode == "doudizhu" || lib.configOL.mode == "single") return; + if (lib.configOL.mode == "identity" && (lib.configOL.identity_mode == "zhong" || lib.configOL.identity_mode == "purple")) return; + if (!this.classList.contains("unselectable2") && lib.configOL.number <= 2) return; + this.classList.toggle("unselectable2") + if (this.classList.contains("unselectable2")) { + lib.configOL.number--; + } + else { + lib.configOL.number++; + } + game.send("server", "config", lib.configOL); + game.updateWaiting(); + } + return; + } + _status.clicked = true; + var custom = _status.event.custom; + if (custom && custom.replace.target) { + custom.replace.target(this, e); + return; + } + if (this.classList.contains("selectable") == false) return; + this.unprompt(); + if (this.classList.contains("selected")) { + ui.selected.targets.remove(this); + if (_status.multitarget || _status.event.complexSelect) { + game.uncheck(); + game.check(); + } + else { + this.classList.remove("selected"); + } + } + else { + ui.selected.targets.add(this); + if (_status.event.name == "chooseTarget" || _status.event.name == "chooseToUse" || _status.event.name == "chooseCardTarget") { + var targetprompt = null; + if (_status.event.targetprompt) { + targetprompt = _status.event.targetprompt; + } + else if (_status.event.skill && !get.info(_status.event.skill).viewAs) { + targetprompt = get.info(_status.event.skill).targetprompt; + } + else if (_status.event.name == "chooseToUse") { + var currentcard = get.card(); + if (currentcard) { + targetprompt = get.info(currentcard).targetprompt; + } + } + if (targetprompt) { + if (Array.isArray(targetprompt)) { + targetprompt = targetprompt[Math.min(targetprompt.length - 1, ui.selected.targets.indexOf(this))]; + } + else if (typeof targetprompt == "function") { + targetprompt = targetprompt(this); + } + if (targetprompt && typeof targetprompt == "string") { + this.prompt(targetprompt); + } + } + } + this.classList.add("selected"); + } + if (custom.add.target) { + custom.add.target(); + } + game.check(); + } + static control2() { + if (this.childNodes.length == 1 && !this._doubleclick) { + ui.click.control.call(this.firstChild); + } + } + static control() { + if (_status.dragged) return; + if (ui.control.classList.contains("hidden")) return; + var node = this.parentNode; + if (node) { + if (node._doubleclick) { + return; + } + else { + node._doubleclick = true; + setTimeout(function () { + node._doubleclick = false; + }, 500); + } + if (node.classList.contains("hidden")) return; + if (node.classList.contains("removing")) return; + if (node.classList.contains("disabled")) return; + } + if (ui.intro) { + ui.intro.close(); + delete ui.intro; + } + _status.clicked = true; + if (this.parentNode.custom) { + this.parentNode.custom(this.link, this); + return; + } + if (this.link == "ok") { + ui.click.ok(this); + } + else if (this.link == "cancel") { + ui.click.cancel(this); + } + else { + _status.event.result = { + buttons: ui.selected.buttons.slice(0), + cards: ui.selected.cards.slice(0), + targets: ui.selected.targets.slice(0), + control: this.link, + links: get.links(ui.selected.buttons) + }; + if (this.parentNode.close != false) { + game.uncheck(); + this.parentNode.close(); + } + game.resume(); + } + } + static dialogcontrol() { + _status.event.result = { + buttons: ui.selected.buttons.slice(0), + cards: ui.selected.cards.slice(0), + targets: ui.selected.targets.slice(0), + control: this.link, + links: get.links(ui.selected.buttons) + }; + game.resume(); + } + static skill(skill) { + var info = get.info(skill); + var event = _status.event; + event.backup(skill); + if (info.filterCard && info.discard != false && info.lose != false && !info.viewAs) { + var cards = event.player.getCards(event.position); + for (var i = 0; i < cards.length; i++) { + if (!lib.filter.cardDiscardable(cards[i], event.player)) { + cards[i].uncheck("useSkill"); + } + } + } + if (typeof event.skillDialog == "object") { + event.skillDialog.close(); + } + if (event.isMine()) { + event.skillDialog = true; + } + game.uncheck(); + game.check(); + if (event.skillDialog === true) { + var str = get.translation(skill); + if (info.prompt) { + var str2; + if (typeof info.prompt == "function") { + str2 = info.prompt(event); + } + else { + str2 = info.prompt; + } + event.skillDialog = ui.create.dialog(str, `
${str2}
`); + if (info.longprompt) { + event.skillDialog.forcebutton = true; + ui.update(); + } + } + else if (info.promptfunc) { + event.skillDialog = ui.create.dialog(str, `
${info.promptfunc(event, event.player)}
`); + } + else if (lib.dynamicTranslate[skill]) { + event.skillDialog = ui.create.dialog(str, `
${lib.dynamicTranslate[skill](event.player, skill)}
`); + } + else if (lib.translate[skill + "_info"]) { + event.skillDialog = ui.create.dialog(str, `
${lib.translate[`${skill}_info`]}
`); + } + } + } + static ok(node) { + const gameEvent = get.event(), custom = gameEvent.custom, replaceConfirm = custom.replace.confirm; + if (replaceConfirm) { + replaceConfirm(true); + return; + } + const result = gameEvent.result = { + buttons: ui.selected.buttons.slice(), + cards: ui.selected.cards.slice(), + targets: ui.selected.targets.slice(), + confirm: "ok", + bool: true, + links: get.links(ui.selected.buttons) + }; + if (node) node.parentNode.close(); + const skill = gameEvent.skill; + if (skill) { + result.skill = skill; + const info = get.info(skill); + if (info && info.direct && !info.clearTime) { + result._noHidingTimer = true; + } + const skillInformation = get.info(gameEvent.skill), viewAs = skillInformation.viewAs; + if (typeof viewAs == "function") { + const viewedAs = viewAs(result.cards, gameEvent.player); + if (viewedAs) result.card = get.autoViewAs(viewedAs); + } + else if (viewAs) result.card = get.autoViewAs(viewAs); + const resultCard = result.card; + if (resultCard) { + const cards = result.cards; + if (cards.length == 1) { + const firstCard = cards[0]; + if (!resultCard.suit) resultCard.suit = get.suit(firstCard); + if (!resultCard.number) resultCard.number = get.number(firstCard); + } + } + const skillDialog = gameEvent.skillDialog; + if (skillDialog && get.objtype(skillDialog) == "div") skillDialog.close(); + gameEvent.player.getCards("hej").forEach(card => card.recheck("useSkill")); + gameEvent.restore(); + } + else if (["chooseToUse", "chooseToRespond"].includes(gameEvent.name)) result.card = get.autoViewAs(result.cards[0]); + if (ui.skills) ui.skills.close(); + if (ui.skills2) ui.skills2.close(); + if (ui.skills3) ui.skills3.close(); + game.uncheck(); + const addConfirm = custom.add.confirm; + if (addConfirm) addConfirm(true); + game.resume(); + } + static cancel(node) { + var event = _status.event; + if (event.custom.replace.confirm) { + event.custom.replace.confirm(false); return; + } + if (event.skill && !event.norestore) { + if (event.skillDialog && get.objtype(event.skillDialog) == "div") { + event.skillDialog.close(); + } + if (typeof event.dialog == "string" && event.isMine()) { + event.dialog = ui.create.dialog(event.dialog); + } + if (_status.event.type == "phase" && ui.confirm) { + ui.confirm.classList.add("removing"); + } + // ui.control.animate("nozoom",100); + event.restore(); + var cards = event.player.getCards("hej"); + for (var i = 0; i < cards.length; i++) { + cards[i].recheck("useSkill"); + } + game.uncheck(); + game.check(); + return; + } + event.result = { + confirm: "cancel", + bool: false + }; + if (node) { + node.parentNode.close(); + } + if (ui.skills) ui.skills.close(); + if (ui.skills2) ui.skills2.close(); + if (ui.skills3) ui.skills3.close(); + game.uncheck(); + if (event.custom.add.confirm) { + event.custom.add.confirm(true); + } + game.resume(); + } + static logv(e) { + if (_status.currentlogv) { + if (_status.currentlogv == this) return; + if (_status.logvtimeout) { + clearTimeout(_status.logvtimeout); + } + var that = this; + _status.logvtimeout = setTimeout(function () { + if (!_status.currentlogv) { + _status.currentlogv = that; + ui.click.intro.call(that, e); + } + }, 200); + this.logvtimeout = _status.logvtimeout; + } + else { + _status.currentlogv = this; + ui.click.intro.call(this, e); + } + } + static logvleave() { + if (_status.currentlogv == this) { + setTimeout(function () { + delete _status.currentlogv; + }, 150); + } + if (this.logvtimeout) { + clearTimeout(this.logvtimeout); + if (_status.logvtimeout == this.logvtimeout) { + delete _status.logvtimeout; + } + delete this.logvtimeout; + } + } + static charactercard(name, sourcenode, noedit, resume, avatar) { + if (_status.dragged) return; + if (lib.config.theme != "simple") { + ui.window.classList.add("shortcutpaused"); + ui.menuContainer.classList.add("forceopaque"); + } + else { + ui.window.classList.add("systempaused"); + ui.menuContainer.classList.add("transparent2"); + } + if (lib.config.blur_ui) { + ui.arena.classList.add("blur"); + ui.system.classList.add("blur"); + ui.menuContainer.classList.add("blur"); + } + var layer = ui.create.div(".popup-container"); + var clicklayer = function (e) { + if (_status.touchpopping) return; + if (_status.dragged) return; + ui.window.classList.remove("shortcutpaused"); + ui.window.classList.remove("systempaused"); + ui.menuContainer.classList.remove("forceopaque"); + ui.menuContainer.classList.remove("transparent2"); + ui.arena.classList.remove("blur"); + ui.system.classList.remove("blur"); + ui.menuContainer.classList.remove("blur"); + this.delete(); + e.stopPropagation(); + if (resume) game.resume2(); + return false; + } + var uiintro = ui.create.div(".menubg.charactercard", layer); + var playerbg = ui.create.div(".menubutton.large.ava", uiintro); + var bg = ui.create.div(".avatar", playerbg, function () { + if (changeskinfunc) { + changeskinfunc(); + } + }).setBackground(name, "character"); + var changeskinfunc = null; + var nameskin = name; + var nameskin2 = name; + var gzbool = false; + if (nameskin.startsWith("gz_shibing")) { + nameskin = nameskin.slice(3, 11); + } + else if (nameskin.startsWith("gz_")) { + nameskin = nameskin.slice(3); + gzbool = true; + } + var changeskin = function () { + var node = ui.create.div(".changeskin", "可换肤", playerbg); + var avatars = ui.create.div(".avatars", playerbg); + changeskinfunc = function () { + playerbg.classList.add("scroll"); + if (node._created) { + return; + } + node._created = true; + var createButtons = function (num) { + if (!num) return; + if (num >= 4) { + avatars.classList.add("scroll"); + if (lib.config.touchscreen) { + lib.setScroll(avatars); + } + } + for (var i = 0; i <= num; i++) { + var button = ui.create.div(avatars, function () { + playerbg.classList.remove("scroll"); + if (this._link) { + lib.config.skin[nameskin] = this._link; + bg.style.backgroundImage = this.style.backgroundImage; + if (sourcenode) sourcenode.style.backgroundImage = this.style.backgroundImage; + if (avatar) avatar.style.backgroundImage = this.style.backgroundImage; + game.saveConfig("skin", lib.config.skin); + } + else { + delete lib.config.skin[nameskin]; + if (gzbool && lib.character[nameskin2][4].contains("gzskin") && lib.config.mode_config.guozhan.guozhanSkin) { + bg.setBackground(nameskin2, "character"); + if (sourcenode) sourcenode.setBackground(nameskin2, "character"); + if (avatar) avatar.setBackground(nameskin2, "character"); + } + else { + bg.setBackground(nameskin, "character"); + if (sourcenode) sourcenode.setBackground(nameskin, "character"); + if (avatar) avatar.setBackground(nameskin, "character"); + } + game.saveConfig("skin", lib.config.skin); + } + }); + button._link = i; + if (i) { + button.setBackgroundImage("image/skin/" + nameskin + "/" + i + ".jpg"); + } + else { + if (gzbool && lib.character[nameskin2][4].contains("gzskin") && lib.config.mode_config.guozhan.guozhanSkin) button.setBackground(nameskin2, "character", "noskin"); + else button.setBackground(nameskin, "character", "noskin"); + } + } + }; + var num = 1; + var loadImage = function () { + var img = new Image(); + img.onload = function () { + num++; + loadImage(); + } + img.onerror = function () { + num--; + createButtons(num); + } + img.src = lib.assetURL + "image/skin/" + nameskin + "/" + num + ".jpg"; + } + if (lib.config.change_skin) { + loadImage(); + } + else { + createButtons(lib.skin[nameskin]); + } + }; + }; + if (lib.config.change_skin) { + var img = new Image(); + img.onload = changeskin; + img.src = lib.assetURL + "image/skin/" + nameskin + "/1.jpg"; + } + else if (lib.config.debug && lib.skin[nameskin]) { + changeskin(); + } + var ban = ui.create.div(".menubutton.large.ban.character", uiintro, "禁用", function (e) { + if (this.classList.contains("unselectable")) return; + if (typeof noedit == "string") { + this.classList.toggle("active"); + var bannedname = noedit + "_banned"; + if (!lib.config[bannedname]) { + lib.config[bannedname] = []; + } + if (this.classList.contains("active")) { + lib.config[bannedname].add(name); + } + else { + lib.config[bannedname].remove(name); + } + game.saveConfig(bannedname, lib.config[bannedname]); + ban.updateBanned(); + } + else { + ui.click.touchpop(); + ui.click.intro.call(this, e); + _status.clicked = true; + } + }); + ban.link = name; + ban._banning = "offline"; + ban.updateBanned = function () { + if (noedit === true) return; + if (lib.config[get.mode() + "_banned"] && lib.config[get.mode() + "_banned"].contains(name)) { + ban.classList.add("active"); + } + else { + ban.classList.remove("active"); + } + if (sourcenode && sourcenode.updateBanned) { + sourcenode.updateBanned(); + } + }; + ban.updateBanned(); + var fav = ui.create.div(".menubutton.large.fav", uiintro, "收藏", function () { + if (this.classList.contains("unselectable")) return; + this.classList.toggle("active"); + if (this.classList.contains("active")) { + lib.config.favouriteCharacter.add(name); + } + else { + lib.config.favouriteCharacter.remove(name); + } + game.saveConfig("favouriteCharacter", lib.config.favouriteCharacter); + }); + if (noedit === true) { + fav.classList.add("unselectable"); + ban.classList.add("unselectable"); + } + else if (lib.config.favouriteCharacter.contains(name)) { + fav.classList.add("active"); + } + + // 样式二 + if (lib.config.show_characternamepinyin == "showPinyin2" || lib.config.show_skillnamepinyin == "showPinyin2" || lib.config.show_characternamepinyin == "showCodeIdentifier2" || lib.config.show_skillnamepinyin == "showCodeIdentifier2") { + var intro = ui.create.div(".characterintro", get.characterIntro(name), uiintro); + if (lib.config.show_characternamepinyin == "showPinyin2" || lib.config.show_characternamepinyin == "showCodeIdentifier2") { + var charactername = get.rawName2(name); + var characterpinyin = lib.config.show_characternamepinyin == "showCodeIdentifier2" ? name : get.pinyin(charactername); + var nameinfo = get.character(name); + var charactersex = get.translation(nameinfo[0]); + const charactergroups = get.is.double(name, true); + let charactergroup; + if (charactergroups) charactergroup = charactergroups.map(i => get.translation(i)).join("/") + else charactergroup = get.translation(nameinfo[1]); + var characterhp = nameinfo[2]; + var characterintroinfo = get.characterIntro(name); + var spacemark = " | "; + if (charactername.length > 3) spacemark = ` | `; + intro.innerHTML = `${charactername}[${characterpinyin}]${spacemark}${charactersex}${spacemark}${charactergroup}${spacemark}${characterhp}
${characterintroinfo}`; + } + var intro2 = ui.create.div(".characterintro.intro2", uiintro); + var list = get.character(name, 3) || []; + var skills = ui.create.div(".characterskill", uiintro); + if (lib.config.touchscreen) { + lib.setScroll(intro); + lib.setScroll(intro2); + lib.setScroll(skills); + } + + if (lib.config.mousewheel) { + skills.onmousewheel = ui.click.mousewheel; + } + var clickSkill = function (e) { + while (intro2.firstChild) { + intro2.removeChild(intro2.lastChild); + } + var current = this.parentNode.querySelector(".active"); + if (current) { + current.classList.remove("active"); + } + this.classList.add("active"); + var skillname = get.translation(this.link); + var skilltranslationinfo = get.skillInfoTranslation(this.link); + if ((lib.config.show_skillnamepinyin == "showPinyin2" || lib.config.show_skillnamepinyin == "showCodeIdentifier2") && skillname != "阵亡") { + var skillpinyin = lib.config.show_skillnamepinyin == "showCodeIdentifier2" ? this.link : get.pinyin(skillname); + intro2.innerHTML = `${skillname}[${skillpinyin}] ${skilltranslationinfo}`; + } else { + intro2.innerHTML = `${skillname}${skilltranslationinfo}`; + } + var info = get.info(this.link); + var skill = this.link; + var playername = this.linkname; + var skillnode = this; + if (info.derivation) { + var derivation = info.derivation; + if (typeof derivation == "string") { + derivation = [derivation]; + } + for (var i = 0; i < derivation.length; i++) { + var derivationname = get.translation(derivation[i]); + var derivationtranslationinfo = get.skillInfoTranslation(derivation[i]); + if ((lib.config.show_skillnamepinyin == "showPinyin2" || lib.config.show_skillnamepinyin == "showCodeIdentifier2") && derivationname.length <= 5 && derivation[i].indexOf("_faq") == -1) { + var derivationpinyin = lib.config.show_skillnamepinyin == "showCodeIdentifier2" ? derivation[i] : get.pinyin(derivationname); + intro2.innerHTML += `

${derivationname}[${derivationpinyin}] ${derivationtranslationinfo}`; + } else { + intro2.innerHTML += `

${derivationname}${derivationtranslationinfo}`; + } + } + } + if (info.alter) { + intro2.innerHTML += `

`; + var skillversionnode = intro2.querySelector(".hrefnode.skillversion"); + if (lib.config.vintageSkills.contains(skill)) { + skillversionnode.innerHTML = "切换至新版"; + } + else { + skillversionnode.innerHTML = "切换至旧版"; + } + skillversionnode.listen(function () { + if (lib.config.vintageSkills.contains(skill)) { + lib.config.vintageSkills.remove(skill); + lib.translate[skill + "_info"] = lib.translate[skill + "_info_alter"]; + } + else { + lib.config.vintageSkills.push(skill); + lib.translate[skill + "_info"] = lib.translate[skill + "_info_origin"]; + } + game.saveConfig("vintageSkills", lib.config.vintageSkills); + clickSkill.call(skillnode, "init"); + }); + } + // if(e!=="init") game.trySkillAudio(this.link,playername); + // 有bug，先用旧版 + if (lib.config.background_speak && e !== "init") { + var audioname = this.link; + if (info.audioname2 && info.audioname2[playername]) { + audioname = info.audioname2[playername]; + info = lib.skill[audioname]; + } + var audioinfo = info.audio; + var that = this; + var getIndex = function (i) { + if (typeof that.audioindex != "number") { + that.audioindex = i; + } + that.audioindex++; + if (that.audioindex > i) { + that.audioindex = 1; + } + return that.audioindex; + }; + if (typeof audioinfo == "string") { + if (audioinfo.indexOf("ext:") == 0) { + audioinfo = audioinfo.split(":"); + if (audioinfo.length == 3) { + if (audioinfo[2] == "true") { + game.playAudio("..", "extension", audioinfo[1], audioname); + } + else { + audioinfo[2] = parseInt(audioinfo[2]); + if (audioinfo[2]) { + game.playAudio("..", "extension", audioinfo[1], audioname + getIndex(audioinfo[2])); + } + } + } + return; + } + else { + audioname = audioinfo; + if (lib.skill[audioinfo]) { + audioinfo = lib.skill[audioinfo].audio; + } + } + } + else if (Array.isArray(audioinfo)) { + audioname = audioinfo[0]; + audioinfo = audioinfo[1]; + } + if (typeof audioinfo == "number") { + if (Array.isArray(info.audioname) && info.audioname.contains(playername)) audioname = audioname + "_" + playername; + game.playAudio("skill", audioname + getIndex(audioinfo)); + } + else if (typeof audioinfo == "object" && "type" in audioinfo && audioinfo.type == "direct" && "files" in audioinfo) { + let audioFiles = audioinfo.files; + if (typeof audioFiles == "object") { + if (!Array.isArray(audioFiles) && playername && playername in audioFiles) audioFiles = audioFiles[playername]; + if (Array.isArray(audioFiles)) { + const length = audioFiles.length; + game.playAudio(audioFiles[getIndex(length) - 1]); + } + } + } + else if (audioinfo) { + if (Array.isArray(info.audioname) && info.audioname.contains(playername)) audioname = audioname + "_" + playername; + game.playAudio("skill", audioname); + } + else if (true && info.audio !== false) { + if (Array.isArray(info.audioname) && info.audioname.contains(playername)) audioname = audioname + "_" + playername; + game.playSkillAudio(audioname, getIndex(2)); + } + } + } + } else { + // 样式一 + const introduction = ui.create.div(".characterintro", uiintro), showCharacterNamePinyin = lib.config.show_characternamepinyin; + if (showCharacterNamePinyin != "doNotShow") { + const characterIntroTable = ui.create.div(".character-intro-table", introduction), span = document.createElement("span"); + span.style.fontWeight = "bold"; + const nameInfo = get.character(name), exInfo = nameInfo[4], characterName = exInfo && exInfo.includes("ruby") ? lib.translate[name] : get.rawName2(name); + span.innerHTML = characterName; + const ruby = document.createElement("ruby"); + ruby.appendChild(span); + const leftParenthesisRP = document.createElement("rp"); + leftParenthesisRP.textContent = "（"; + ruby.appendChild(leftParenthesisRP); + const rt = document.createElement("rt"); + rt.innerHTML = showCharacterNamePinyin == "showCodeIdentifier" ? name : lib.translate[`${name}_rt`] || get.pinyin(characterName).join(" "); + ruby.appendChild(rt); + const rightParenthesisRP = document.createElement("rp"); + rightParenthesisRP.textContent = "）"; + ruby.appendChild(rightParenthesisRP); + characterIntroTable.appendChild(ruby); + const characterSexDiv = ui.create.div(".character-sex", characterIntroTable), exInfoSex = exInfo && exInfo.find(value => value.startsWith("sex:")), characterSex = exInfoSex ? exInfoSex.split(":").pop() : nameInfo[0]; + new Promise((resolve, reject) => { + const imageName = `sex_${characterSex}`, information = lib.card[imageName]; + if (!information) { + resolve(`${lib.assetURL}image/card/${imageName}.png`) + return; + } + const image = information.image; + if (!image) resolve(`${lib.assetURL}image/card/${imageName}.png`); + else if (image.startsWith("db:")) game.getDB("image", image.slice(3)).then(resolve, reject); + else if (image.startsWith("ext:")) resolve(`${lib.assetURL}${image.replace(/^ext:/, "extension/")}`); + else resolve(`${lib.assetURL}${image}`); + }).then(source => new Promise((resolve, reject) => { + const image = new Image(); + image.onload = () => resolve(image); + image.onerror = reject; + image.src = source; + })).then(image => characterSexDiv.appendChild(image)).catch(() => characterSexDiv.innerHTML = get.translation(characterSex)); + const characterGroupDiv = ui.create.div(".character-group", characterIntroTable), characterGroups = get.is.double(name, true); + if (characterGroups) Promise.all(characterGroups.map(characterGroup => new Promise((resolve, reject) => { + const imageName = `group_${characterGroup}`, information = lib.card[imageName]; + if (!information) resolve(`${lib.assetURL}image/card/${imageName}.png`); + const image = information.image; + if (!image) resolve(`${lib.assetURL}image/card/${imageName}.png`); + else if (image.startsWith("db:")) game.getDB("image", image.slice(3)).then(resolve, reject); + else if (image.startsWith("ext:")) resolve(`${lib.assetURL}${image.replace(/^ext:/, "extension/")}`); + else resolve(`${lib.assetURL}${image}`); + }).then(source => new Promise((resolve, reject) => { + const image = new Image(); + image.onload = () => resolve(image); + image.onerror = reject; + image.src = source; + })))).then(images => { + let documentFragment = document.createDocumentFragment(); + images.forEach(documentFragment.appendChild, documentFragment); + characterGroupDiv.appendChild(documentFragment); + }).catch(() => characterGroupDiv.innerHTML = characterGroups.map(characterGroup => get.translation(characterGroup)).join("/")); + else { + const characterGroup = nameInfo[1]; + new Promise((resolve, reject) => { + const imageName = `group_${characterGroup}`, information = lib.card[imageName]; + if (!information) resolve(`${lib.assetURL}image/card/${imageName}.png`); + const image = information.image; + if (!image) resolve(`${lib.assetURL}image/card/${imageName}.png`); + else if (image.startsWith("db:")) game.getDB("image", image.slice(3)).then(resolve, reject); + else if (image.startsWith("ext:")) resolve(`${lib.assetURL}${image.replace(/^ext:/, "extension/")}`); + else resolve(`${lib.assetURL}${image}`); + }).then(source => new Promise((resolve, reject) => { + const image = new Image(); + image.onload = () => resolve(image); + image.onerror = reject; + image.src = source; + })).then(image => characterGroupDiv.appendChild(image)).catch(() => characterGroupDiv.innerHTML = get.translation(characterGroup)); + } + const hpDiv = ui.create.div(".hp", characterIntroTable), nameInfoHP = nameInfo[2], infoHP = get.infoHp(nameInfoHP); + hpDiv.dataset.condition = infoHP < 4 ? "mid" : "high"; + ui.create.div(hpDiv); + const hpTextDiv = ui.create.div(".text", hpDiv), infoMaxHP = get.infoMaxHp(nameInfoHP); + hpTextDiv.innerHTML = infoHP == infoMaxHP ? `×${infoHP}` : `×${infoHP}/${infoMaxHP}`; + const infoShield = get.infoHujia(nameInfoHP); + if (infoShield) { + ui.create.div(".shield", hpDiv); + const shieldTextDiv = ui.create.div(".text", hpDiv); + shieldTextDiv.innerHTML = `×${infoShield}`; + } + introduction.appendChild(document.createElement("hr")); + } + const htmlParser = document.createElement("body"); + htmlParser.innerHTML = get.characterIntro(name); + Array.from(htmlParser.childNodes).forEach(value => introduction.appendChild(value)); + const introduction2 = ui.create.div(".characterintro.intro2", uiintro); + var list = get.character(name, 3) || []; + var skills = ui.create.div(".characterskill", uiintro); + if (lib.config.touchscreen) { + lib.setScroll(introduction); + lib.setScroll(introduction2); + lib.setScroll(skills); + } + + if (lib.config.mousewheel) { + skills.onmousewheel = ui.click.mousewheel; + } + var clickSkill = function (e) { + while (introduction2.firstChild) { + introduction2.removeChild(introduction2.lastChild); + } + var current = this.parentNode.querySelector(".active"); + if (current) { + current.classList.remove("active"); + } + this.classList.add("active"); + const skillNameSpan = document.createElement("span"), skillNameSpanStyle = skillNameSpan.style; + skillNameSpanStyle.fontWeight = "bold"; + const link = this.link, skillName = get.translation(link); + skillNameSpan.innerHTML = skillName; + const showSkillNamePinyin = lib.config.show_skillnamepinyin; + if (showSkillNamePinyin != "doNotShow" && skillName != "阵亡") { + const ruby = document.createElement("ruby"); + ruby.appendChild(skillNameSpan); + const leftParenthesisRP = document.createElement("rp"); + leftParenthesisRP.textContent = "（"; + ruby.appendChild(leftParenthesisRP); + const rt = document.createElement("rt"); + rt.innerHTML = showSkillNamePinyin == "showCodeIdentifier" ? link : lib.translate[`${link}_rt`] || get.pinyin(skillName).join(" "); + ruby.appendChild(rt); + const rightParenthesisRP = document.createElement("rp"); + rightParenthesisRP.textContent = "）"; + ruby.appendChild(rightParenthesisRP); + const div = ui.create.div(introduction2); + div.style.marginRight = "5px"; + div.appendChild(ruby); + } + else { + skillNameSpanStyle.marginRight = "5px"; + introduction2.appendChild(skillNameSpan); + } + htmlParser.innerHTML = get.skillInfoTranslation(this.link); + Array.from(htmlParser.childNodes).forEach(childNode => introduction2.appendChild(childNode)); + var info = get.info(this.link); + var skill = this.link; + var playername = this.linkname; + var skillnode = this; + let derivations = info.derivation; + if (derivations) { + if (typeof derivations == "string") derivations = [derivations]; + derivations.forEach(derivation => { + introduction2.appendChild(document.createElement("br")); + introduction2.appendChild(document.createElement("br")); + const derivationNameSpan = document.createElement("span"), derivationNameSpanStyle = derivationNameSpan.style; + derivationNameSpanStyle.fontWeight = "bold"; + const derivationName = get.translation(derivation); + derivationNameSpan.innerHTML = derivationName; + if (showSkillNamePinyin != "doNotShow" && derivationName.length <= 5 && derivation.indexOf("_faq") == -1) { + const ruby = document.createElement("ruby"); + ruby.appendChild(derivationNameSpan); + const leftParenthesisRP = document.createElement("rp"); + leftParenthesisRP.textContent = "（"; + ruby.appendChild(leftParenthesisRP); + const rt = document.createElement("rt"); + rt.innerHTML = showSkillNamePinyin == "showCodeIdentifier" ? derivation : lib.translate[`${derivation}_rt`] || get.pinyin(derivationName).join(" "); + ruby.appendChild(rt); + const rightParenthesisRP = document.createElement("rp"); + rightParenthesisRP.textContent = "）"; + ruby.appendChild(rightParenthesisRP); + const div = ui.create.div(introduction2); + div.style.marginRight = "5px"; + div.appendChild(ruby); + } + else { + derivationNameSpanStyle.marginRight = "5px"; + introduction2.appendChild(derivationNameSpan); + } + htmlParser.innerHTML = get.skillInfoTranslation(derivation); + Array.from(htmlParser.childNodes).forEach(childNode => introduction2.appendChild(childNode)); + }); + } + if (info.alter) { + introduction2.appendChild(document.createElement("br")); + introduction2.appendChild(document.createElement("br")); + ui.create.div(".hrefnode.skillversion", introduction2); + var skillversionnode = introduction2.querySelector(".hrefnode.skillversion"); + if (lib.config.vintageSkills.contains(skill)) { + skillversionnode.innerHTML = "切换至新版"; + } + else { + skillversionnode.innerHTML = "切换至旧版"; + } + skillversionnode.listen(function () { + if (lib.config.vintageSkills.contains(skill)) { + lib.config.vintageSkills.remove(skill); + lib.translate[skill + "_info"] = lib.translate[skill + "_info_alter"]; + } + else { + lib.config.vintageSkills.push(skill); + lib.translate[skill + "_info"] = lib.translate[skill + "_info_origin"]; + } + game.saveConfig("vintageSkills", lib.config.vintageSkills); + clickSkill.call(skillnode, "init"); + }); + } + // if(e!=="init") game.trySkillAudio(this.link,playername); + // 有bug，先用旧版 + if (lib.config.background_speak && e !== "init") { + var audioname = this.link; + if (info.audioname2 && info.audioname2[playername]) { + audioname = info.audioname2[playername]; + info = lib.skill[audioname]; + } + var audioinfo = info.audio; + var that = this; + var getIndex = function (i) { + if (typeof that.audioindex != "number") { + that.audioindex = i; + } + that.audioindex++; + if (that.audioindex > i) { + that.audioindex = 1; + } + return that.audioindex; + }; + if (typeof audioinfo == "string") { + if (audioinfo.indexOf("ext:") == 0) { + audioinfo = audioinfo.split(":"); + if (audioinfo.length == 3) { + if (audioinfo[2] == "true") { + game.playAudio("..", "extension", audioinfo[1], audioname); + } + else { + audioinfo[2] = parseInt(audioinfo[2]); + if (audioinfo[2]) { + game.playAudio("..", "extension", audioinfo[1], audioname + getIndex(audioinfo[2])); + } + } + } + return; + } + else { + audioname = audioinfo; + if (lib.skill[audioinfo]) { + audioinfo = lib.skill[audioinfo].audio; + } + } + } + else if (Array.isArray(audioinfo)) { + audioname = audioinfo[0]; + audioinfo = audioinfo[1]; + } + if (typeof audioinfo == "number") { + if (Array.isArray(info.audioname) && info.audioname.contains(playername)) audioname = audioname + "_" + playername; + game.playAudio("skill", audioname + getIndex(audioinfo)); + } + else if (typeof audioinfo == "object" && "type" in audioinfo && audioinfo.type == "direct" && "files" in audioinfo) { + let audioFiles = audioinfo.files; + if (typeof audioFiles == "object") { + if (!Array.isArray(audioFiles) && playername && playername in audioFiles) audioFiles = audioFiles[playername]; + if (Array.isArray(audioFiles)) { + const length = audioFiles.length; + game.playAudio(audioFiles[getIndex(length) - 1]); + } + } + } + else if (audioinfo) { + if (Array.isArray(info.audioname) && info.audioname.contains(playername)) audioname = audioname + "_" + playername; + game.playAudio("skill", audioname); + } + else if (true && info.audio !== false) { + if (Array.isArray(info.audioname) && info.audioname.contains(playername)) audioname = audioname + "_" + playername; + game.playSkillAudio(audioname, getIndex(2)); + } + } + } + } + + var initskill = false; + for (var i = 0; i < list.length; i++) { + if (!get.info(list[i]) || get.info(list[i]).nopop) continue; + if (!lib.translate[list[i]] || !lib.translate[list[i] + "_info"]) continue; + var skilltrans = get.translation(list[i]); + if (skilltrans.startsWith(" ")) { + skilltrans = skilltrans.slice(6); + } + var current = ui.create.div(".menubutton.large", skills, clickSkill, skilltrans); + current.link = list[i]; + current.linkname = name; + if (!initskill) { + initskill = true; + clickSkill.call(current, "init"); + } + } + + uiintro.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.touchpop); + layer.addEventListener(lib.config.touchscreen ? "touchend" : "click", clicklayer); + ui.window.appendChild(layer); + } + static intro(e) { + if (_status.dragged) return; + _status.clicked = true; + if (this.classList.contains("player") && !this.name) { + return; + } + if (this.parentNode == ui.historybar) { + if (ui.historybar.style.zIndex == "22") { + if (_status.removePop) { + if (_status.removePop(this) == false) return; + } + else { + return; + } + } + ui.historybar.style.zIndex = 22; + } + var uiintro; + if (this.classList.contains("card") && this.parentNode && + this.parentNode.classList.contains("equips") && get.is.phoneLayout() && + !get.is.mobileMe(this.parentNode.parentNode)) { + uiintro = get.nodeintro(this.parentNode.parentNode, false, e); + } + uiintro = uiintro || get.nodeintro(this, false, e); + if (!uiintro) return; + uiintro.classList.add("popped"); + uiintro.classList.add("static"); + ui.window.appendChild(uiintro); + var layer = ui.create.div(".poplayer", ui.window); + var clicklayer = function (e) { + if (_status.touchpopping) return; + delete ui.throwEmotion; + delete _status.removePop; + uiintro.delete(); + this.remove(); + ui.historybar.style.zIndex = ""; + delete _status.currentlogv; + if (!ui.arena.classList.contains("menupaused") && !uiintro.noresume) game.resume2(); + if (e && e.stopPropagation) e.stopPropagation(); + if (uiintro._onclose) { + uiintro._onclose(); + } + return false; + } + layer.addEventListener(lib.config.touchscreen ? "touchend" : "click", clicklayer); + if (!lib.config.touchscreen) layer.oncontextmenu = clicklayer; + if (this.parentNode == ui.historybar && lib.config.touchscreen) { + var rect = this.getBoundingClientRect(); + e = { clientX: 0, clientY: rect.top + 30 }; + } + lib.placePoppedDialog(uiintro, e); + if (this.parentNode == ui.historybar) { + if (lib.config.show_history == "right") { + uiintro.style.left = (ui.historybar.offsetLeft - 230) + "px"; + } + else { + uiintro.style.left = (ui.historybar.offsetLeft + 60) + "px"; + } + } + uiintro.style.zIndex = 21; + var clickintro = function () { + if (_status.touchpopping) return; + delete _status.removePop; + layer.remove(); + this.delete(); + ui.historybar.style.zIndex = ""; + delete _status.currentlogv; + if (!ui.arena.classList.contains("menupaused") && !uiintro.noresume) game.resume2(); + if (uiintro._onclose) { + uiintro._onclose(); + } + }; + var currentpop = this; + _status.removePop = function (node) { + if (node == currentpop) return false; + layer.remove(); + uiintro.delete(); + delete _status.removePop; + return true; + }; + if (uiintro.clickintro) { + uiintro.listen(function () { + _status.clicked = true; + }); + uiintro._clickintro = clicklayer; + } + else if (!lib.config.touchscreen) { + uiintro.addEventListener("mouseleave", clickintro); + uiintro.addEventListener("click", clickintro); + } + else if (uiintro.touchclose) { + uiintro.listen(clickintro); + } + uiintro._close = clicklayer; + + game.pause2(); + return uiintro; + } + static intro2() { + if (ui.intro) { + ui.intro.close(); + if (ui.intro.source == this) { + delete ui.intro; + ui.control.show(); + game.resume2(); + return; + } + } + } + static auto() { + if (!ui || !ui.auto || ui.auto.classList.contains("hidden") && arguments[0] !== "forced") return; + if (_status.paused2) return; + ui.click.shortcut(false); + if (!_status.auto) { + _status.auto = true; + ui.auto.classList.add("glow"); + ui.arena.classList.add("auto"); + + if (_status.imchoosing && _status.paused) { + if (ui.confirm) ui.confirm.close(); + ui.control.hide(); + if (_status.event.switchToAuto) { + _status.event.switchToAuto(); + } + else { + if (_status.paused && _status.imchoosing) { + game.uncheck(); + _status.event.redo(); + } + } + game.resume(); + } + else if (_status.event.switchToAuto) { + _status.event.switchToAuto(); + } + if (game.online) { + game.send("auto"); + } + else if (_status.connectMode) { + game.broadcastAll(function (player) { + player.setNickname(player.nickname + " - 托管"); + }, game.me); + } + } + else { + if (game.notMe) return; + ui.control.show(); + _status.auto = false; + ui.auto.classList.remove("glow"); + ui.arena.classList.remove("auto"); + + if (game.online) { + game.send("unauto"); + } + else if (_status.connectMode) { + game.broadcastAll(function (player) { + player.setNickname(player.nickname); + }, game.me); + } + } + } + static wuxie() { + if (this.classList.contains("hidden")) return; + this.classList.toggle("glow"); + if (this.classList.contains("glow") && _status.event.type == "wuxie" && + _status.event.isMine() && ui.confirm && _status.imchoosing) { + ui.click.cancel(ui.confirm.lastChild); + } + } + static tempnowuxie() { + if (this.classList.contains("hidden")) return; + this.classList.toggle("glow"); + if (this.classList.contains("glow") && _status.event.type == "wuxie" && + _status.event.isMine() && ui.confirm && _status.imchoosing) { + var triggerevent = _status.event.getTrigger(); + if (triggerevent && this._origin == triggerevent.parent.id) { + if (triggerevent.targets && triggerevent.num == triggerevent.targets.length - 1) { + this.close(); + } + } + ui.click.cancel(ui.confirm.lastChild); + } + } + static pause() { + if (_status.paused2 || _status.pausing || _status.nopause || !ui.pause) return; + if (!_status.video) { + if (ui.pause.classList.contains("hidden")) return; + if (!_status.gameStarted) return; + } + ui.system.hide(); + game.pause2(); + var node = ui.create.pause(); + if (!node) return; + node.animate("start"); + ui.sidebar3.innerHTML = ""; + if (lib.config.show_discardpile) { + for (var i = 0; i < ui.discardPile.childNodes.length; i++) { + var div = ui.create.div(ui.sidebar3); + div.innerHTML = get.translation(ui.discardPile.childNodes[i]); + ui.sidebar3.insertBefore(div, ui.sidebar3.firstChild); + } + } + node.appendChild(ui.sidebar); + node.appendChild(ui.sidebar3); + ui.historybar.classList.add("paused"); + ui.arena.classList.add("paused"); + ui.window.classList.add("touchinfohidden"); + ui.time.hide(); + if (game.onpause) { + game.onpause(); + } + } + static resume(e) { + if (_status.pausing) return; + if (_status.dragged) return; + if (_status.clicked) return; + this.delete(); + ui.system.show(); + ui.time.show(); + ui.historybar.classList.remove("paused"); + ui.arena.classList.remove("paused"); + ui.window.classList.remove("touchinfohidden"); + game.resume2(); + e.stopPropagation(); + if (game.onresume) { + game.onresume(); + } + return false; + } + static config() { + if (!ui.click.configMenu) return; + if (_status.paused2) _status.config2 = false; + else _status.config2 = true; + + _status.clicked = true; + game.pause2(); + ui.click.configMenu(); + ui.system1.classList.remove("shown"); + ui.system2.classList.remove("shown"); + } + static swap() { + if (_status.dragged) return; + if (this.classList.contains("dead")) return; + if (_status.over) return; + if (ui.auto) ui.auto.show(); + if (ui.wuxie) ui.wuxie.show(); + game.swapPlayer(this); + } + static mousewheel(evt) { + if (this.firstChild && this.firstChild.classList.contains("handcards") && + !this.classList.contains("scrollh")) return; + var node = this; + var num = this._scrollnum || 6; + var speed = this._scrollspeed || 16; + clearInterval(node.interval); + if (evt.detail > 0 || evt.wheelDelta < 0) { + node.interval = setInterval(function () { + if (num-- && Math.abs(node.scrollLeft + node.clientWidth - node.scrollWidth) > 0) { + node.scrollLeft += speed; + } + else { + clearInterval(node.interval); + } + }, 16); + } + else { + node.interval = setInterval(function () { + if (num-- && node.scrollLeft > 0) { + node.scrollLeft -= speed; + } + else { + clearInterval(node.interval); + } + }, 16); + } + } + static touchStart(e) { + this.startX = e.touches[0].clientX / game.documentZoom; + this.startY = e.touches[0].clientY / game.documentZoom; + _status.dragged = false; + } + static dialogtouchStart(e) { + ui.click.touchStart.call(this, e); + _status.dialogtouched = true; + } + static touchScroll(e) { + if (_status.mousedragging) return; + if (_status.draggingtouchdialog) return; + if (!_status.dragged) { + if (Math.abs(e.touches[0].clientX / game.documentZoom - this.startX) > 10 || + Math.abs(e.touches[0].clientY / game.documentZoom - this.startY) > 10) { + _status.dragged = true; + } + } + if ((this == ui.handcards1Container || this == ui.handcards2Container) && !this.classList.contains("scrollh")) { + e.preventDefault(); + } + else if (lib.device == "ios" && this.scrollHeight <= this.offsetHeight + 5 && this.scrollWidth <= this.offsetWidth + 5) { + e.preventDefault(); + } + else { + delete _status._swipeorigin; + e.stopPropagation(); + } + } + static autoskill(bool, node) { + var list = lib.config.autoskilllist; + if (bool) { + list.remove(node.link); + } + else { + list.add(node.link); + } + game.saveConfig("autoskilllist", list); + } + static skillbutton() { + this.func(this.link); + } + static autoskill2(e) { + this.classList.toggle("on"); + var list = []; + if (lib.skill[this.link].frequent) { + list.push(this.link); + } + if (lib.skill[this.link].subfrequent) { + for (var i = 0; i < lib.skill[this.link].subfrequent.length; i++) { + list.push(this.link + "_" + lib.skill[this.link].subfrequent[i]); + } + } + for (var i = 0; i < list.length; i++) { + if (this.classList.contains("on")) { + lib.config.autoskilllist.remove(list[i]); + } + else { + lib.config.autoskilllist.add(list[i]); + } + } + game.saveConfig("autoskilllist", lib.config.autoskilllist); + ui.click.touchpop(); + e.stopPropagation(); + } + static hiddenskill(e) { + this.classList.toggle("on"); + var hidden = lib.skill[this.link].preHidden; + if (Array.isArray(hidden)) { + if (this.classList.contains("on")) { + _status.prehidden_skills.removeArray(hidden); + } + else { + _status.prehidden_skills.addArray(hidden); + } + } + if (this.classList.contains("on")) { + _status.prehidden_skills.remove(this.link); + } + else { + _status.prehidden_skills.add(this.link); + } + ui.click.touchpop(); + e.stopPropagation(); + } + static rightplayer(e) { + if (this._nopup) return false; + if (_status.clickedplayer) { + return false; + } + + if (this._mouseenterdialog && this._mouseenterdialog.parentNode) { + this._mouseenterdialog.delete(); + } + else { + ui.click.intro.call(this, e); + } + _status.clickedplayer = true; + _status.clicked = false; + ui.click.longpresscancel.call(this); + return false; + } + static right(e) { + if (window.inSplash) return false; + if (lib.config.touchscreen) return; + if (_status.noright) { + _status.noright = false; + return false; + } + if (_status.clickedplayer) { + _status.clickedplayer = false; + return; + } + game.closePopped(); + switch (lib.config.right_click) { + case "shortcut": ui.click.shortcut(); break; + case "pause": ui.click.pause(); break; + case "auto": ui.click.auto(); break; + case "config": ui.click.config(); break; + } + e.preventDefault(); + return false; + } } diff --git a/noname/ui/create.js b/noname/ui/create.js index adc8eb691..cb3e0c93b 100644 --- a/noname/ui/create.js +++ b/noname/ui/create.js @@ -1 +1,10066 @@ -export class Create { } +export class Create { + static buttonPresets = { + tdnodes: (item, type, position, noclick, node) => { + node = ui.create.div(".shadowed.reduce_radius.pointerdiv.tdnode.tdnodes", position); + if (Array.isArray(item)) { + node.innerHTML = "" + (item[1]) + ""; + node.link = item[0]; + } + else { + node.innerHTML = "" + (item) + ""; + node.link = item; + } + return node; + }, + blank: (item, type, position, noclick, node) => { + node = ui.create.div(".button.card", position); + node.link = item; + return node; + }, + card: (item, type, position, noclick, node) => { + if (typeof item.copy == "function") { + node = item.copy(false); + } + else { + node = item.cloneNode(true); + } + node.classList.add("button"); + if (position) position.appendChild(node); + node.link = item; + if (item.style.backgroundImage) { + node.style.backgroundImage = item.style.backgroundImage; + node.style.backgroundSize = "cover"; + } + if (item.style.color) { + node.style.color = item.style.color; + } + if (item.nature) { + let natures = get.natureList(item.nature); + natures.forEach(n => node.classList.add(n)); + } + if (!noclick) { + lib.setIntro(node); + } + if (get.position(item) == "j" && item.viewAs && item.viewAs != item.name && lib.config.cardtempname != "off") { + ui.create.cardTempName(item, node); + } + return node; + }, + vcard: (item, type, position, noclick, node) => { + if (typeof item == "string") { + item = [get.type(item), "", item]; + } + node = ui.create.card(position, "noclick", noclick); + node.classList.add("button"); + node.init(item); + node.link = item; + return node; + }, + character: (item, type, position, noclick, node) => { + if (node) { + node.classList.add("button"); + node.classList.add("character"); + node.style.display = ""; + } + else { + node = ui.create.div(".button.character", position); + } + node._link = item; + if (_status.noReplaceCharacter && type == "characterx") type = "character"; + if (type == "characterx") { + if (lib.characterReplace[item] && lib.characterReplace[item].length) item = lib.characterReplace[item].randomGet(); + } + node.link = item; + + var double = get.is.double(node._link, true); + if (double) node._changeGroup = true; + if (type == "characterx" && lib.characterReplace[node._link] && lib.characterReplace[node._link].length > 1) node._replaceButton = true; + var func = function (node, item) { + node.setBackground(item, "character"); + if (node.node) { + node.node.name.remove(); + node.node.hp.remove(); + node.node.group.remove(); + node.node.intro.remove(); + if (node.node.replaceButton) node.node.replaceButton.remove(); + } + node.node = { + name: ui.create.div(".name", node), + hp: ui.create.div(".hp", node), + group: ui.create.div(".identity", node), + intro: ui.create.div(".intro", node), + }; + var infoitem = lib.character[item]; + if (!infoitem) { + for (var itemx in lib.characterPack) { + if (lib.characterPack[itemx][item]) { + infoitem = lib.characterPack[itemx][item]; break; + } + } + } + node.node.name.innerHTML = get.slimName(item); + if (lib.config.buttoncharacter_style == "default" || lib.config.buttoncharacter_style == "simple") { + if (lib.config.buttoncharacter_style == "simple") { + node.node.group.style.display = "none"; + } + node.classList.add("newstyle"); + node.node.name.dataset.nature = get.groupnature(get.bordergroup(infoitem)); + node.node.group.dataset.nature = get.groupnature(get.bordergroup(infoitem), "raw"); + ui.create.div(node.node.hp); + var hp = get.infoHp(infoitem[2]), maxHp = get.infoMaxHp(infoitem[2]), hujia = get.infoHujia(infoitem[2]); + var str = get.numStr(hp); + if (hp != maxHp) { + str += "/"; + str += get.numStr(maxHp); + } + var textnode = ui.create.div(".text", str, node.node.hp); + if (infoitem[2] == 0) { + node.node.hp.hide(); + } + else if (get.infoHp(infoitem[2]) <= 3) { + node.node.hp.dataset.condition = "mid"; + } + else { + node.node.hp.dataset.condition = "high"; + } + if (hujia > 0) { + ui.create.div(node.node.hp, ".shield"); + ui.create.div(".text", get.numStr(hujia), node.node.hp); + } + } + else { + var hp = get.infoHp(infoitem[2]); + var maxHp = get.infoMaxHp(infoitem[2]); + var shield = get.infoHujia(infoitem[2]); + if (maxHp > 14) { + if (typeof infoitem[2] == "string") node.node.hp.innerHTML = infoitem[2]; + else node.node.hp.innerHTML = get.numStr(infoitem[2]); + node.node.hp.classList.add("text"); + } + else { + for (var i = 0; i < maxHp; i++) { + var next = ui.create.div("", node.node.hp); + if (i >= hp) next.classList.add("exclude"); + } + for (var i = 0; i < shield; i++) { + ui.create.div(node.node.hp, ".shield"); + } + } + } + if (node.node.hp.childNodes.length == 0) { + node.node.name.style.top = "8px"; + } + if (node.node.name.querySelectorAll("br").length >= 4) { + node.node.name.classList.add("long"); + if (lib.config.buttoncharacter_style == "old") { + node.addEventListener("mouseenter", ui.click.buttonnameenter); + node.addEventListener("mouseleave", ui.click.buttonnameleave); + } + } + node.node.intro.innerHTML = lib.config.intro; + if (!noclick) { + lib.setIntro(node); + } + if (infoitem[1]) { + if (double) { + node.node.group.innerHTML = double.reduce((previousValue, currentValue) => `${previousValue}
${get.translation(currentValue)}
`, ""); + if (double.length > 4) if (new Set([5, 6, 9]).has(double.length)) node.node.group.style.height = "48px"; + else node.node.group.style.height = "64px"; + } + else node.node.group.innerHTML = `
${get.translation(infoitem[1])}
`; + node.node.group.style.backgroundColor = get.translation(`${get.bordergroup(infoitem)}Color`); + } + else { + node.node.group.style.display = "none"; + } + if (node._replaceButton) { + var intro = ui.create.div(".button.replaceButton", node); + node.node.replaceButton = intro; + intro.innerHTML = "切换"; + intro._node = node; + intro.addEventListener(lib.config.touchscreen ? "touchend" : "click", function () { + _status.tempNoButton = true; + var node = this._node; + var list = lib.characterReplace[node._link]; + var link = node.link; + var index = list.indexOf(link); + if (index == list.length - 1) index = 0; + else index++; + link = list[index]; + node.link = link; + node.refresh(node, link); + setTimeout(function () { + delete _status.tempNoButton; + }, 200); + }); + } + }; + node.refresh = func; + node.refresh(node, item); + + return node; + }, + characterx: (item, type, position, noclick, node) => { + return ui.create.buttonPresets.character(item, type, position, noclick, node); + }, + player: (item, type, position, noclick, node) => { + if (node) { + node.classList.add("button"); + node.classList.add("character"); + node.style.display = ""; + } + else { + node = ui.create.div(".button.character", position); + } + node._link = item; + node.link = item; + node.node = { + name: ui.create.div(".name", node), + intro: ui.create.div(".intro", node) + } + if (item.name && item.name.startsWith("unknown")) { + if (item.node && item.node.name_seat) { + node.classList.add("cardbg"); + ui.create.div(".avatar_name", node, get.translation(item.name)); + } + else { + node.setBackground(item.name1, "character"); + } + } + else { + node.setBackground(item.name, "character"); + } + return node; + } + } + + constructor() { + throw new TypeError(`${new.target.name} is not a constructor`); + } + + /** + * 创建身份牌实例 + */ + static identityCard(identity, position, noclick) { + const card = ui.create.card(position, "noclick", noclick); + card.removeEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.card); + card.classList.add("button"); + card._customintro = uiintro => uiintro.add(`${get.translation(`${identity}${2}`)}的身份牌`); + const fileName = `image/card/identity_${identity}.jpg`; + new Promise((resolve, reject) => { + const image = new Image(); + image.onload = resolve; + image.onerror = reject; + image.src = `${lib.assetURL}${fileName}`; + }).then(() => { + card.classList.add("fullskin"); + card.node.image.setBackgroundImage(fileName); + }, () => card.node.background.innerHTML = get.translation(identity)[0]); + return card; + } + /** + * 让卡牌旋转 + */ + static cardSpinning(card) { + if (lib.config.cardback_style != "default") { + card.style.transitionProperty = "none"; + ui.refresh(card); + card.classList.add("infohidden"); + ui.refresh(card); + card.style.transitionProperty = ""; + } + else { + card.classList.add("infohidden"); + } + card.style.transition = "all 0s"; + card.style.transform = "perspective(600px) rotateY(180deg) translateX(0)"; + const onEnd01 = function () { + setTimeout(function () { + card.style.transition = "all ease-in 0.3s"; + card.style.transform = "perspective(600px) rotateY(270deg) translateX(52px)"; + var onEnd = function () { + card.classList.remove("infohidden"); + card.style.transition = "all 0s"; + ui.refresh(card); + card.style.transform = "perspective(600px) rotateY(-90deg) translateX(52px)"; + ui.refresh(card); + card.style.transition = ""; + ui.refresh(card); + card.style.transform = ""; + } + card.listenTransition(onEnd); + }, 300); + }; + onEnd01(); + } + /** + * 旋转的身份牌！ + */ + static spinningIdentityCard(identity, dialog) { + const card = ui.create.identityCard(identity); + const buttons = ui.create.div(".buttons", dialog.content); + setTimeout(() => { + buttons.appendChild(card); + dialog.open(); + ui.create.cardSpinning(card); + }, 50); + } + /** + * 创建codemirror编辑器 + * @param {HTMLDivElement} container + * @param {Function} saveInput + */ + static editor(container, saveInput) { + const createList = []; + const containerDelete = container.delete; + const editorpage = ui.create.div(container); + //删除container的时候，删除创建的ul列表 + container.delete = function () { + for (let i = createList.length - 1; i >= 0; i--) { + createList[i].parentNode && createList[i].parentNode.removeChild(createList[i]); + } + Array.from(editorpage.children).forEach(v => { v.style.background = "" }); + containerDelete.apply(this, arguments); + } + //创建ul列表 + const createMenu = function (pos, self, List, click) { + if (!self || self == window) return; + const parent = self.parentNode; + if (parent) { + for (let i = 0; i < parent.childElementCount; i++) { + const node = parent.childNodes[i]; + if (node != self && node.ul) closeMenu.call(node); + } + } + if (self.ul) { + self.style.background = "#08f"; + createList.add(self.ul); + ui.window.appendChild(self.ul); + return self.ul; + } + const editor = container.editor; + if (!editor) return false; + self.style.background = "#08f"; + const ul = document.createElement("ul"); + container.css.call(ul, { + position: "absolute", + top: pos.bottom / game.documentZoom + "px", + left: pos.left / game.documentZoom + "px", + height: "20em", + width: pos.width * 4 / game.documentZoom + "px", + //"font-family":"shousha", + "font-size": (lib.config.codeMirror_fontSize ? lib.config.codeMirror_fontSize.slice(0, -2) : 16) / game.documentZoom + "px", + + }); + const theme = editor.options.theme; + lib.setScroll(ul); + lib.setMousewheel(ul); + ul.className = "CodeMirror-hints " + theme; + const getActive = () => { + let i = 0; + while (i < ul.childElementCount) { + if (ul.childNodes[i].classList.contains("CodeMirror-hint-active")) break; + else i++; + } + return i; + }; + const setActive = i => { + ul.childNodes[getActive()].classList.remove("CodeMirror-hint-active"); + ul.childNodes[i].classList.add("CodeMirror-hint-active"); + return i; + }; + if (List && List.length && click) { + for (let i = 0; i < List.length; ++i) { + const elt = ul.appendChild(document.createElement("li")); + elt.style.color = "black"; + elt.style.boxShadow = "none"; + const cur = List[i]; + if (cur instanceof HTMLElement) { + elt.appendChild(cur); + } else { + elt.innerHTML = cur; + } + let className = "CodeMirror-hint" + (i != 0 ? "" : " " + "CodeMirror-hint-active"); + if (cur.className != null) className = cur.className + " " + className; + elt.className = className; + elt.hintId = i; + ui.window.listen.call(elt, function () { + setActive(this.hintId); + this.focus(); + click.call(this); + }); + elt.onmousemove = elt.ontouchstart = () => { + setActive(i); + }; + } + } + createList.add(ul); + ui.window.appendChild(ul); + return ul; + }; + //关闭ul列表 + const closeMenu = function () { + const ul = this.ul; + if (!ul) return false; + if (ul.parentNode) ul.parentNode.removeChild(ul); + this.style.background = ""; + //创建后不用删除了，除非以后要动态加载。 + //delete this.ul; + createList.remove(ul); + return ul; + }; + const discardConfig = ui.create.div(".editbutton", "取消", editorpage, function () { + ui.window.classList.remove("shortcutpaused"); + ui.window.classList.remove("systempaused"); + container.delete(null); + delete window.saveNonameInput; + }); + const saveConfig = ui.create.div(".editbutton", "保存", editorpage, saveInput); + const theme = ui.create.div(".editbutton", "主题", editorpage, function () { + if (!this || this == window) return; + if (this.ul && this.ul.parentNode) { + return closeMenu.call(this); + } + //this + const self = this; + if (!this.ul) { + //主题列表 + const list = ["mdn-like", "mbo"]; + //正在使用的主题 + const active = container.editor.options.theme; + //排个序 + list.remove(active).splice(0, 0, active); + //元素位置 + const pos = self.getBoundingClientRect(); + //点击事件 + const click = function (e) { + const theme = this.innerHTML; + container.editor.setOption("theme", theme); + setTimeout(() => container.editor.refresh(), 0); + game.saveConfig("codeMirror_theme", theme); + closeMenu.call(self); + }; + const ul = createMenu(pos, self, list, click); + self.ul = ul; + } else { + createMenu(null, self); + } + }); + const edit = ui.create.div(".editbutton", "编辑", editorpage, function () { + if (!this || this == window) return; + if (this.ul && this.ul.parentNode) { + return closeMenu.call(this); + } + const self = this; + if (!this.ul) { + const pos = this.getBoundingClientRect(); + const list = ["撤销 Ctrl+Z", "恢复撤销 Ctrl+Y"]; + const click = function (e) { + const num = this.innerHTML.indexOf("Ctrl"); + const inner = this.innerHTML.slice(num).replace("+", "-"); + container.editor.execCommand(container.editor.options.extraKeys[inner]); + setTimeout(() => container.editor.refresh(), 0); + closeMenu.call(self); + }; + const ul = createMenu(pos, self, list, click); + this.ul = ul; + } else { + createMenu(null, self); + } + }); + const fontSize = ui.create.div(".editbutton", "字号", editorpage, function () { + if (!this || this == window) return; + if (this.ul && this.ul.parentNode) { + return closeMenu.call(this); + } + const self = this; + if (!this.ul) { + const pos = this.getBoundingClientRect(); + const list = ["16px", "18px", "20px", "22px", "24px", "26px"]; + const click = function (e) { + const size = this.innerHTML; + container.style.fontSize = size.slice(0, -2) / game.documentZoom + "px"; + Array.from(self.parentElement.children).map(v => v.ul).filter(Boolean).forEach(v => { v.style.fontSize = size.slice(0, -2) / game.documentZoom + "px" }); + setTimeout(() => container.editor.refresh(), 0); + game.saveConfig("codeMirror_fontSize", size); + closeMenu.call(self); + }; + const ul = createMenu(pos, self, list, click); + this.ul = ul; + } else { + createMenu(null, self); + } + }); + const editor = ui.create.div(editorpage); + return editor; + } + static cardTempName(card, applyNode) { + let getApplyNode = applyNode || card; + let cardName = get.name(card); + let cardNature = get.nature(card); + let tempname = get.translation(cardName); + let cardTempNameConfig = lib.config.cardtempname; + let node = getApplyNode._tempName || ui.create.div(".tempname", getApplyNode); + let datasetNature = ""; + getApplyNode._tempName = node; + if (cardTempNameConfig != "image") { + //清空，避免和下面的image部分有冲突 + node.innerHTML = ""; + datasetNature = "fire"; + if (get.position(card) == "j" && card.viewAs && card.viewAs != card.name) { + datasetNature = "wood"; + tempname = get.translation(card.viewAs); + } else { + if (cardName == "sha") { + if (cardNature) tempname = get.translation(cardNature) + tempname; + if (cardNature == "thunder") datasetNature = "thunder"; + if (cardNature == "kami") datasetNature = "kami"; + if (cardNature == "ice") datasetNature = "ice"; + } + } + if (cardTempNameConfig == "default") getApplyNode._tempName.classList.add("vertical"); + if (datasetNature.length > 0) { + node.dataset.nature = datasetNature; + } else { + delete node.dataset.nature; + node.classList.add(datasetNature); + } + } else { + if (get.position(card) == "j" && card.viewAs && card.viewAs != card.name) { + cardName = card.viewAs; + tempname = get.translation(card.viewAs); + } + if (cardName == "sha") { + if (cardNature) tempname = get.translation(cardNature) + tempname; + if (cardNature == "fire") datasetNature = "fire"; + if (cardNature == "thunder") datasetNature = "thunder"; + if (cardNature == "kami") datasetNature = "kami"; + if (cardNature == "ice") datasetNature = "ice"; + } + let bg = node.querySelector("div"); + if (bg) { + Array.from(node.childNodes).filter(v => v != bg).forEach(v => node.removeChild(v)); + } + else bg = ui.create.div(node); + node.classList.add("tempimage"); + let img = lib.card[cardName].image; + if (img) { + if (img.startsWith("db:")) { + img = img.slice(3); + } + else if (!img.startsWith("ext:")) { + img = null; + } + } + if (lib.card[cardName].fullskin) { + if (img) { + if (img.startsWith("ext:")) { + bg.setBackgroundImage(img.replace(/^ext:/, "extension/")); + } + else { + bg.setBackgroundDB(img); + } + } + else { + if (lib.card[cardName].modeimage) { + bg.setBackgroundImage("image/mode/" + lib.card[cardName].modeimage + "/card/" + cardName + ".png"); + } + else { + if (cardName == "sha" && cardNature == "stab") bg.setBackgroundImage("image/card/cisha.png"); + else bg.setBackgroundImage("image/card/" + cardName + ".png"); + } + } + } + else if (lib.card[cardName].image == "background") { + if (cardNature) bg.setBackground(cardName + "_" + cardNature, "card"); + else bg.setBackground(cardName, "card"); + } + else if (lib.card[cardName].fullimage) { + if (img) { + if (img.startsWith("ext:")) { + bg.setBackgroundImage(img.replace(/^ext:/, "extension/")); + bg.style.backgroundSize = "cover"; + } + else { + bg.setBackgroundDB(img); + } + } + else if (lib.card[cardName].image) { + if (lib.card[cardName].image.startsWith("character:")) { + bg.setBackground(lib.card[cardName].image.slice(10), "character"); + } + else { + bg.setBackground(lib.card[cardName].image); + } + } + else { + let cardPack = lib.cardPack["mode_" + get.mode()]; + if (Array.isArray(cardPack) && cardPack.contains(cardName)) { + bg.setBackground("mode/" + get.mode() + "/card/" + cardName); + } + else { + bg.setBackground("card/" + cardName); + } + } + } + else if (lib.card[cardName].image == "card") { + if (cardNature) bg.setBackground(cardName + "_" + cardNature, "card"); + else bg.setBackground(cardName, "card"); + } + else if (typeof lib.card[cardName].image == "string" && !lib.card[cardName].fullskin) { + if (img) { + if (img.startsWith("ext:")) { + bg.setBackgroundImage(img.replace(/^ext:/, "extension/")); + bg.style.backgroundSize = "cover"; + } + else { + bg.setBackgroundDB(img); + } + } + else { + bg.setBackground(lib.card[cardName].image); + } + } + else { + console.warn("卡牌图片解析失败"); + } + if (datasetNature.length > 0) { + node.classList.add(datasetNature); + } + delete node.dataset.nature; + } + node.innerHTML += `${cardTempNameConfig == "default" ? get.verticalStr(tempname) : tempname}`; + node.tempname = tempname; + return node; + } + static connectRooms(list) { + ui.rooms = []; + ui.roombase = ui.create.dialog(); + ui.roombase.classList.add("fullwidth"); + ui.roombase.classList.add("fullheight"); + ui.roombase.classList.add("fixed"); + ui.roombase.classList.add("scroll1"); + ui.roombase.classList.add("scroll2"); + ui.roombase.classList.add("noupdate"); + for (var i = 0; i < list.length; i++) { + var player = ui.roombase.add(`
空房间
`); + player.roomindex = i; + player.initRoom = lib.element.Player.prototype.initRoom; + player.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.connectroom); + player.initRoom(list[i]); + ui.rooms.push(player); + } + } + static rarity(button) { + var rarity = game.getRarity(button.link); + if (rarity != "common" && lib.config.show_rarity) { + var intro = button.node.intro; + intro.classList.add("showintro"); + intro.style.fontFamily = "yuanli"; + intro.style.fontSize = "16px"; + intro.style.bottom = "6px"; + intro.style.left = "6px"; + switch (rarity) { + case "rare": intro.dataset.nature = "thunderm"; break; + case "epic": intro.dataset.nature = "metalm"; break; + case "legend": intro.dataset.nature = "orangem"; break; + case "junk": intro.dataset.nature = "woodm"; break; + } + intro.innerHTML = get.translation(rarity); + } + } + static div() { + var str, innerHTML, position, position2, style, divposition, listen; + for (var i = 0; i < arguments.length; i++) { + if (typeof arguments[i] == "string") { + if (typeof str == "string") { + innerHTML = arguments[i]; + } + else { + str = arguments[i]; + } + } + else if (get.objtype(arguments[i]) == "div" || + get.objtype(arguments[i]) == "table" || + get.objtype(arguments[i]) == "tr" || + get.objtype(arguments[i]) == "td" || + get.objtype(arguments[i]) == "body") position = arguments[i]; + else if (typeof arguments[i] == "number") position2 = arguments[i]; + else if (get.itemtype(arguments[i]) == "divposition") divposition = arguments[i]; + else if (typeof arguments[i] == "object") style = arguments[i]; + else if (typeof arguments[i] == "function") listen = arguments[i]; + } + if (str == undefined) str = ""; + var node = document.createElement("div"); + for (var i = 0; i < str.length; i++) { + if (str[i] == ".") { + if (node.className.length != 0) { + node.className += " "; + } + while (str[i + 1] != "." && str[i + 1] != "#" && i + 1 < str.length) { + node.className += str[i + 1]; + i++; + } + } + else if (str[i] == "#") { + while (str[i + 1] != "." && str[i + 1] != "#" && i + 1 < str.length) { + node.id += str[i + 1]; + i++; + } + } + } + if (position) { + if (typeof position2 == "number" && position.childNodes.length > position2) { + position.insertBefore(node, position.childNodes[position2]); + } + else { + position.appendChild(node); + } + } + if (style) node.css(style); + if (divposition) node.setPosition(divposition); + if (innerHTML) node.innerHTML = innerHTML; + if (listen) node.listen(listen); + return node; + } + static filediv() { + var args = Array.from(arguments); + var func = null; + for (var i = 0; i < args.length; i++) { + if (typeof args[i] == "function") { + func = args[i]; + args.splice(i, 1); + break; + } + } + var div = ui.create.div.apply(this, args); + var input = ui.create.node("input.fileinput"); + input.type = "file"; + input.onchange = function (e) { + func.call(this, this.files[0], e); + }; + div.appendChild(input); + div.inputNode = input; + return div; + } + static node() { + var tagName, str, innerHTML, position, position2, style, divposition, listen; + for (var i = 0; i < arguments.length; i++) { + if (typeof arguments[i] == "string") { + if (typeof tagName == "string") { + innerHTML = arguments[i]; + } + else { + tagName = arguments[i]; + } + } + else if (get.objtype(arguments[i]) == "div" || + get.objtype(arguments[i]) == "table" || + get.objtype(arguments[i]) == "tr" || + get.objtype(arguments[i]) == "td" || + get.objtype(arguments[i]) == "body") position = arguments[i]; + else if (typeof arguments[i] == "number") position2 = arguments[i]; + else if (get.itemtype(arguments[i]) == "divposition") divposition = arguments[i]; + else if (typeof arguments[i] == "object") style = arguments[i]; + else if (typeof arguments[i] == "function") listen = arguments[i]; + } + if (tagName == undefined) { + tagName = "div"; + } + else { + var i1 = tagName.indexOf("."); + var i2 = tagName.indexOf("#"); + if (i1 != -1 || i2 != -1) { + if (i2 != -1 && i2 < i1) { + i1 = i2; + } + str = tagName.slice(i1); + tagName = tagName.slice(0, i1); + } + } + var node = document.createElement(tagName); + if (str) { + for (var i = 0; i < str.length; i++) { + if (str[i] == ".") { + if (node.className.length != 0) { + node.className += " "; + } + while (str[i + 1] != "." && str[i + 1] != "#" && i + 1 < str.length) { + node.className += str[i + 1]; + i++; + } + } + else if (str[i] == "#") { + while (str[i + 1] != "." && str[i + 1] != "#" && i + 1 < str.length) { + node.id += str[i + 1]; + i++; + } + } + } + } + if (position) { + if (typeof position2 == "number" && position.childNodes.length > position2) { + position.insertBefore(node, position.childNodes[position2]); + } + else { + position.appendChild(node); + } + } + if (style) HTMLDivElement.prototype.css.call(node, style); + if (divposition) HTMLDivElement.prototype.setPosition.call(node, divposition); + if (innerHTML) node.innerHTML = innerHTML; + if (listen) node.onclick = listen; + return node; + } + static iframe(src) { + var layer = document.createElement("div"); + layer.classList.add("poplayer"); + layer.style.zIndex = "100"; + layer.listen(function () { + this.remove(); + }); + layer.style.background = "white"; + + var webview = document.createElement("iframe"); + webview.src = src; + webview.style.width = "100%"; + webview.style.height = "100%"; + webview.style.left = "0px"; + webview.style.top = "0px"; + webview.style.position = "absolute"; + webview.style.border = "none"; + layer.appendChild(webview); + + var backbutton = ui.create.div(".menubutton.round", "返", layer, function () { + layer.remove(); + }); + backbutton.style.bottom = "10px"; + backbutton.style.right = "10px"; + backbutton.style.background = "rgba(0,0,0,0.4)"; + backbutton.style.color = "white"; + backbutton.style.textShadow = "rgba(0,0,0,0.5) 0px 0px 2px"; + backbutton.style.boxShadow = "rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 3px 10px"; + backbutton.style.position = "fixed"; + + ui.window.appendChild(layer); + } + static identitycircle(list, target) { + var container = ui.create.div(".identitycircle.menubg", target); + var circle = ui.create.div(container); + container.dataset.num = list.length; + for (var i = 0; i < list.length; i++) { + var sec1 = ui.create.div(circle); + sec1.dataset.color = list[i]; + var sec2 = ui.create.div(circle); + sec2.dataset.color = list[i]; + var deg1 = 360 / list.length * i; + var deg2 = 0; + if (list.length == 2) { + deg2 = 90; + } + else if (list.length == 3) { + deg2 = 30; + } + sec1.style.transform = "rotate(" + deg1 + "deg)"; + sec2.style.transform = "rotate(" + (deg1 + deg2) + "deg)"; + } + } + static chat() { + var chat = ui.create.system("聊天", null, true); + ui.chatButton = chat; + lib.setPopped(chat, ui.click.chat, 220); + } + static exit() { + if (!ui.exit) { + ui.exit = ui.create.control("退出房间", ui.click.exit); + } + } + static connecting(bool) { + if (bool) { + ui.window.classList.remove("connecting"); + if (ui.connecting) { + ui.connecting.delete(); + delete ui.connecting; + } + } + else { + ui.window.classList.add("connecting"); + ui.connecting = ui.create.div(".fullsize.connectlayer"); + document.body.appendChild(ui.connecting); + ui.create.div("", "正在重连...", ui.connecting); + ui.connecting.splashtimeout = setTimeout(function () { + if (ui.connecting) { + delete ui.connecting.splashtimeout; + } + }, 300); + // setTimeout(function(){ + // if(ui.connecting){ + // ui.connecting.firstChild.show(); + // } + // },1000); + } + } + static roomInfo() { + var chat = ui.create.system(game.online ? "房间信息" : "房间设置", function () { + if (!game.online || game.onlinezhu) { + ui.click.connectMenu(); + } + }, true); + ui.roomInfo = chat; + lib.setPopped(chat, function () { + if (game.getRoomInfo) { + var uiintro = ui.create.dialog("hidden"); + game.getRoomInfo(uiintro); + return uiintro; + } + }, 180); + } + static templayer(time) { + if (typeof time != "number" || isNaN(time) || time == Infinity) { + time = 500; + } + var templayer = ui.create.div(".popup-container", ui.window); + setTimeout(function () { + templayer.remove(); + }, time); + } + static selectlist(list, init, position, onchange) { + var select = document.createElement("select"); + for (var i = 0; i < list.length; i++) { + var option = document.createElement("option"); + if (Array.isArray(list[i])) { + option.value = list[i][0]; + option.innerHTML = list[i][1]; + } + else { + option.value = list[i]; + option.innerHTML = list[i]; + } + if (init == option.value) { + option.selected = "selected"; + } + select.appendChild(option); + } + if (position) { + position.appendChild(select); + } + if (onchange) { + select.onchange = onchange; + } + return select; + } + static menu(connectMenu) { + var menuTimeout = null; + if (!connectMenu && !game.syncMenu) { + menuTimeout = setTimeout(lib.init.reset, 1000); + } + var menu, menuContainer; + var startButton; + var popupContainer; + var closeMenu = function () { + if (popupContainer.noclose) { + popupContainer.noclose = false; + return; + } + popupContainer.classList.add("hidden"); + if (popupContainer.onclose) { + popupContainer.onclose(); + } + }; + popupContainer = ui.create.div(".popup-container.hidden", ui.window, closeMenu); + + var openMenu = function (node, e, onclose) { + popupContainer.innerHTML = ""; + var left = Math.round(e.clientX / game.documentZoom); + var zoom = get.is.phoneLayout ? 1.3 : 1; + popupContainer.appendChild(node); + // var rect=node.getBoundingClientRect(); + if (node.classList.contains("visual")) { + // var num=node.querySelectorAll(".menu.visual>div").length; + // node.style.top=(e.y-node.offsetHeight/2+30)+"px"; + for (var i = 0; i < node.childElementCount; i++) { + if (node.childNodes[i].update) { + node.childNodes[i].update(); + } + } + // if(node.offsetTop<10){ + // node.style.top="10px"; + // } + } + // else if(get.is.phoneLayout()&&rect.top*1.3+rect.height*1.3+20>ui.window.offsetHeight){ + // node.style.top=(ui.winheightdow.offsetHeight-20-rect.height*1.3)/1.3+"px"; + // } + // if(e){ + var height = node.offsetHeight; + var idealtop = e.clientY / game.documentZoom; + if (idealtop < 10) { + idealtop = 10; + } + else if ((idealtop + height) * zoom + 10 > ui.window.offsetHeight) { + idealtop = (ui.window.offsetHeight - 10) / zoom - height; + } + node.style.top = idealtop + "px"; + node.style.left = left + "px"; + // } + + popupContainer.classList.remove("hidden"); + popupContainer.onclose = onclose; + }; + var clickToggle = function () { + if (this.classList.contains("disabled")) return; + this.classList.toggle("on"); + var config = this._link.config; + if (config.onclick) { + if (config.onclick.call(this, this.classList.contains("on")) === false) { + this.classList.toggle("on"); + } + } + if (config.update) { + config.update(); + } + }; + var clickSwitcher = function () { + if (this.classList.contains("disabled")) return; + var node = this; + this.classList.add("on"); + if (this._link.menu) { + var pos1 = this.lastChild.getBoundingClientRect(); + var pos2 = ui.window.getBoundingClientRect(); + if (this._link.menu.classList.contains("visual")) { + openMenu(this._link.menu, { + clientX: pos1.left + pos1.width + 5 - pos2.left, + clientY: pos1.top - pos2.top + }, function () { + node.classList.remove("on"); + }); + } + else if (this._link.menu.childElementCount > 10) { + openMenu(this._link.menu, { + clientX: pos1.left + pos1.width + 5 - pos2.left, + clientY: Math.min((ui.window.offsetHeight - 400) / 2, pos1.top - pos2.top) + }, function () { + node.classList.remove("on"); + }); + lib.setScroll(this._link.menu); + } + else { + openMenu(this._link.menu, { + clientX: pos1.left + pos1.width + 5 - pos2.left, + clientY: pos1.top - pos2.top + }, function () { + node.classList.remove("on"); + }); + } + } + }; + var clickContainer = function () { + menuContainer.classList.add("hidden"); + if (connectMenu) { + if (_status.enteringroom) { + _status.enteringroom = false; + } + if (_status.creatingroom) { + _status.creatingroom = false; + } + ui.window.classList.remove("shortcutpaused"); + } + else { + game.resume2(); + if (game.onresume2) { + game.onresume2(); + } + ui.arena.classList.remove("menupaused"); + ui.historybar.classList.remove("menupaused"); + ui.window.classList.remove("touchinfohidden"); + ui.config2.classList.remove("pressdown2"); + } + }; + var clickMenuItem = function () { + var node = this.parentNode._link; + var config = node._link.config; + node._link.current = this.link; + var tmpName = node.lastChild.innerHTML; + node.lastChild.innerHTML = config.item[this._link]; + if (config.onclick) { + if (config.onclick.call(node, this._link, this) === false) { + node.lastChild.innerHTML = tmpName; + } + } + if (config.update) { + config.update(); + } + }; + var createMenu = function (tabs, config) { + var createPage = function (position) { + var node = ui.create.div(position); + lib.setScroll(ui.create.div(".left.pane", node)); + lib.setScroll(ui.create.div(".right.pane", node)); + return node; + }; + var menu = ui.create.div(".main.menu.dialog.popped.static", config.position, function (e) { + e.stopPropagation(); + }); + if (connectMenu) { + menu.classList.add("center"); + menuContainer.classList.add("centermenu"); + } + var menuTab = ui.create.div(".menu-tab", menu); + var menuTabBar = ui.create.div(".menu-tab-bar", menu); + menuTabBar.style.left = (config.bar || 0) + "px"; + if (Math.round(2 * game.documentZoom) < 2) { + menuTabBar.style.height = "3px"; + } + var menuContent = ui.create.div(".menu-content", menu); + var clickTab = function () { + if (this.classList.contains("disabled")) return; + var active = this.parentNode.querySelector(".active"); + if (active) { + active.classList.remove("active"); + active._link.remove(); + } + this.classList.add("active"); + menuTabBar.style.transform = "translateX(" + (this.getBoundingClientRect().left - this.parentNode.firstChild.getBoundingClientRect().left) / game.documentZoom + "px)"; + menuContent.appendChild(this._link); + }; + ui.click.menuTab = function (tab) { + for (var i = 0; i < menuTab.childNodes.length; i++) { + if (menuTab.childNodes[i].innerHTML == tab) { + clickTab.call(menuTab.childNodes[i]); + return; + } + } + }; + var pages = []; + for (var i = 0; i < tabs.length; i++) { + var active = (i === (config.init || 0)); + pages[i] = createPage(active ? menuContent : null); + ui.create.div(active ? ".active" : "", tabs[i], menuTab, clickTab)._link = pages[i]; + } + return { + menu: menu, + pages: pages + }; + }; + var createConfig = function (config, position) { + var node = ui.create.div(".config", config.name); + node._link = { config: config }; + if (!config.clear) { + if (config.name != "开启") { + if (config.name == "屏蔽弱将") { + config.intro = "强度过低的武将（孙策除外）不会出现在选将框，也不会被AI选择" + } + else if (config.name == "屏蔽强将") { + config.intro = "强度过高的武将不会出现在选将框，也不会被AI选择" + } + else if (!config.intro) { + config.intro = "设置" + config.name; + } + lib.setIntro(node, function (uiintro) { + if (lib.config.touchscreen) _status.dragged = true; + uiintro.style.width = "170px"; + var str = config.intro; + if (typeof str == "function") { + str = str(); + } + uiintro._place_text = uiintro.add(`
${str}
`); + }); + } + } + else { + node.innerHTML = "" + config.name + ""; + if (!config.nopointer) { + node.classList.add("pointerspan"); + } + } + if (config.item) { + if (typeof config.item == "function") { + config.item = config.item(); + } + if (Array.isArray(config.init)) { + void 0; + } + else { + node.classList.add("switcher"); + node.listen(clickSwitcher); + node._link.choosing = ui.create.div("", config.item[config.init], node); + node._link.menu = ui.create.div(".menu"); + if (config.visualMenu) { + node._link.menu.classList.add("visual"); + var updateVisual = function () { + config.visualMenu(this, this._link, config.item[this._link], config); + }; + var createNode = function (i, before) { + var visualMenu = ui.create.div(); + if (config.visualBar) { + if (before) { + node._link.menu.insertBefore(visualMenu, before); + } + else { + node._link.menu.insertBefore(visualMenu, node._link.menu.lastChild); + } + } + else { + node._link.menu.appendChild(visualMenu); + } + ui.create.div(".name", get.verticalStr(config.item[i]), visualMenu); + visualMenu._link = i; + if (config.visualMenu(visualMenu, i, config.item[i], config) !== false) { + visualMenu.listen(clickMenuItem); + } + visualMenu.update = updateVisual; + }; + if (config.visualBar) { + var visualBar = ui.create.div(node._link.menu, function () { + this.parentNode.parentNode.noclose = true; + }); + node._link.menu.classList.add("withbar"); + config.visualBar(visualBar, config.item, createNode, node); + visualBar.update = function () { + config.visualBar(visualBar, config.item, createNode, node); + } + } + for (var i in config.item) { + createNode(i); + } + lib.setScroll(node._link.menu); + node._link.menu.updateBr = function () { + var br = Array.from(this.querySelectorAll(".menu.visual>br")); + while (br.length) { + br.shift().remove(); + } + var split = []; + for (var i = 1; i < this.childElementCount; i++) { + if (i % 3 == 0) { + split.push(this.childNodes[i]); + } + } + for (var i = 0; i < split.length; i++) { + this.insertBefore(ui.create.node("br"), split[i]); + } + } + node._link.menu.updateBr(); + } + else { + for (var i in config.item) { + var textMenu = ui.create.div("", config.item[i], node._link.menu, clickMenuItem); + textMenu._link = i; + if (config.textMenu) { + config.textMenu(textMenu, i, config.item[i], config) + } + lib.setScroll(node._link.menu); + } + } + node._link.menu._link = node; + node._link.current = config.init; + } + } + else if (config.range) { + void 0; + } + else if (config.clear) { + if (node.innerHTML.length >= 15) node.style.height = "auto"; + node.listen(clickToggle); + } + else if (config.input) { + node.classList.add("switcher"); + var input = ui.create.div(node); + if (!config.fixed) { + input.contentEditable = true; + input.style.webkitUserSelect = "text"; + } + input.style.minWidth = "10px"; + input.style.maxWidth = "60%"; + input.style.overflow = "hidden"; + input.style.whiteSpace = "nowrap"; + input.onkeydown = function (e) { + if (e.keyCode == 13) { + e.preventDefault(); + e.stopPropagation(); + input.blur(); + } + }; + if (config.name == "联机昵称") { + input.innerHTML = config.init || "无名玩家"; + input.onblur = function () { + input.innerHTML = input.innerHTML.replace(/
/g, ""); + if (!input.innerHTML || get.is.banWords(input.innerHTML)) { + input.innerHTML = "无名玩家"; + } + input.innerHTML = input.innerHTML.slice(0, 12); + game.saveConfig("connect_nickname", input.innerHTML); + game.saveConfig("connect_nickname", input.innerHTML, "connect"); + } + } + else if (config.name == "联机大厅") { + input.innerHTML = config.init || lib.hallURL; + input.onblur = function () { + if (!input.innerHTML) { + input.innerHTML = lib.hallURL; + } + input.innerHTML = input.innerHTML.replace(/
/g, ""); + game.saveConfig("hall_ip", input.innerHTML, "connect"); + } + } + else { + input.innerHTML = config.init; + input.onblur = config.onblur; + } + } + else { + node.classList.add("toggle"); + node.listen(clickToggle); + ui.create.div(ui.create.div(node)); + if (config.init == true) { + node.classList.add("on"); + } + } + if (position) { + position.appendChild(node); + } + return node; + }; + var updateActive, updateActiveCard; + var menuUpdates = []; + menuContainer = ui.create.div(".menu-container.hidden", ui.window, clickContainer); + var menux; + if (!connectMenu) { + ui.menuContainer = menuContainer; + ui.click.configMenu = function () { + ui.click.shortcut(false) + if (menuContainer.classList.contains("hidden")) { + ui.config2.classList.add("pressdown2"); + ui.arena.classList.add("menupaused"); + ui.historybar.classList.add("menupaused"); + ui.window.classList.add("touchinfohidden"); + menuContainer.classList.remove("hidden"); + for (var i = 0; i < menuUpdates.length; i++) { + menuUpdates[i](); + } + } + else { + clickContainer.call(menuContainer); + } + } + menux = createMenu(["开始", "选项", "武将", "卡牌", "扩展", "其它"], { + position: menuContainer, bar: 40 + }); + } + else { + ui.connectMenuContainer = menuContainer; + ui.click.connectMenu = function () { + if (menuContainer.classList.contains("hidden")) { + if (_status.waitingForPlayer) { + startButton.innerHTML = "设"; + var start = menux.pages[0].firstChild; + for (var i = 0; i < start.childNodes.length; i++) { + if (start.childNodes[i].mode != lib.configOL.mode) { + start.childNodes[i].classList.add("unselectable"); + start.childNodes[i].classList.remove("active"); + if (start.childNodes[i].link) start.childNodes[i].link.remove(); + } + else { + start.childNodes[i].classList.add("active"); + if (start.childNodes[i].link) start.nextSibling.appendChild(start.childNodes[i].link); + else console.log(start.nextSibling, start.childNodes[i]); + } + } + } + ui.window.classList.add("shortcutpaused"); + menuContainer.classList.remove("hidden"); + for (var i = 0; i < menuUpdates.length; i++) { + menuUpdates[i](); + } + } + else { + clickContainer.call(menuContainer); + } + } + + menux = createMenu(["模式", "武将", "卡牌"], { + position: menuContainer, bar: 123 + }); + menu = menux.menu; + } + var menuxpages = menux.pages.slice(0); + + var copyObj = get.copy; + + (function () { + var start = menuxpages.shift(); + var rightPane = start.lastChild; + + startButton = ui.create.div(".menubutton.round.highlight", "启", start, function () { + if (this.animating || this.classList.contains("dim")) { + return; + } + var active = this.parentNode.querySelector(".active"); + if (active) { + if (connectMenu) { + if (_status.waitingForPlayer) { + var config = {}; + for (var i in lib.mode[lib.configOL.mode].connect) { + if (i == "update") continue; + config[i.slice(8)] = get.config(i, lib.configOL.mode); + } + config.zhinang_tricks = lib.config.connect_zhinang_tricks; + if (game.online) { + if (game.onlinezhu) { + game.send("changeRoomConfig", config); + } + } + else { + game.broadcastAll(function (config) { + for (var i in config) { + lib.configOL[i] = config[i]; + } + }, config); + if (lib.configOL.mode == "identity" && lib.configOL.identity_mode == "zhong" && game.connectPlayers) { + for (var i = 0; i < game.connectPlayers.length; i++) { + game.connectPlayers[i].classList.remove("unselectable2"); + } + lib.configOL.number = 8; + game.updateWaiting(); + } + if (game.onlineroom) { + game.send("server", "config", lib.configOL); + } + game.connectPlayers[0].chat("房间设置已更改"); + } + } + else if (_status.enteringroom || _status.creatingroom) { + lib.configOL.mode = active.mode; + if (_status.enteringroomserver) { + game.saveConfig("connect_mode", lib.configOL.mode); + + var config = {}; + for (var i in lib.mode[lib.configOL.mode].connect) { + if (i == "update") continue; + config[i.slice(8)] = get.config(i, lib.configOL.mode); + } + config.zhinang_tricks = lib.config.connect_zhinang_tricks; + + config.characterPack = lib.connectCharacterPack.slice(0); + config.cardPack = lib.connectCardPack.slice(0); + for (var i = 0; i < lib.config.connect_characters.length; i++) { + config.characterPack.remove(lib.config.connect_characters[i]); + } + for (var i = 0; i < lib.config.connect_cards.length; i++) { + config.cardPack.remove(lib.config.connect_cards[i]); + } + config.banned = lib.config["connect_" + active.mode + "_banned"]; + config.bannedcards = lib.config["connect_" + active.mode + "_bannedcards"]; + game.send("server", "create", game.onlineKey, get.connectNickname(), lib.config.connect_avatar, config, active.mode); + } + else { + game.send("server", "create", game.onlineKey, get.connectNickname(), lib.config.connect_avatar); + } + } + else { + localStorage.setItem(lib.configprefix + "directstart", true); + game.saveConfig("directstartmode", active.mode); + game.saveConfig("mode", "connect"); + ui.exitroom = ui.create.system("退出房间", function () { + game.saveConfig("directstartmode"); + game.reload(); + }, true); + game.switchMode(active.mode); + } + clickContainer.call(menuContainer); + } + else { + game.saveConfig("mode", active.mode); + localStorage.setItem(lib.configprefix + "directstart", true); + game.reload(); + } + } + }); + + var clickMode = function () { + if (this.classList.contains("unselectable")) return; + var active = this.parentNode.querySelector(".active"); + if (active === this) { + return; + } + active.classList.remove("active"); + active.link.remove(); + active = this; + this.classList.add("active"); + if (this.link) rightPane.appendChild(this.link); + else { + this._initLink(); + rightPane.appendChild(this.link); + } + if (connectMenu) { + if (updateActive) updateActive(); + if (updateActiveCard) updateActiveCard(); + } + }; + + var createModeConfig = function (mode, position) { + var info = lib.mode[mode]; + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", info.name, position, clickMode); + node.mode = mode; + var connectDisplayMap = { + connect_player_number: null, + connect_versus_mode: null, + } + var updateConnectDisplayMap = function () { + if (_status.waitingForPlayer) { + if (connectDisplayMap.connect_player_number) { + connectDisplayMap.connect_player_number.style.display = "none"; + } + if (connectDisplayMap.connect_versus_mode) { + connectDisplayMap.connect_versus_mode.style.display = "none"; + } + } + }; + if (connectMenu) { + menuUpdates.push(updateConnectDisplayMap); + if (mode == lib.config.connect_mode) { + node.classList.add("active"); + } + } + else { + if (mode == lib.config.mode) { + node.classList.add("active"); + } + } + node._initLink = function () { + node.link = page; + //“更多”下的内容 + var map = {}; + var infoconfig = connectMenu ? info.connect : info.config; + if (infoconfig) { + var hiddenNodes = []; + var config = lib.config.mode_config[mode] || {}; + if (connectMenu) { + infoconfig.connect_choose_timeout = { + name: "出牌时限", + init: "30", + item: { + "10": "10秒", + "15": "15秒", + "30": "30秒", + "60": "60秒", + "90": "90秒", + }, + connect: true, + frequent: true + }; + infoconfig.connect_observe = { + name: "允许旁观", + init: true, + connect: true + }; + infoconfig.connect_observe_handcard = { + name: "允许观看手牌", + init: false, + connect: true + }; + infoconfig.connect_mount_combine = { + name: "合并坐骑栏", + init: false, + connect: true + }; + } + for (var j in infoconfig) { + if (j === "update") { + continue; + } + var cfg = copyObj(infoconfig[j]); + cfg._name = j; + cfg.mode = mode; + if (!Object.prototype.hasOwnProperty.call(config, j)) { + game.saveConfig(j, cfg.init, mode); + } + else { + cfg.init = config[j]; + } + if (!cfg.onclick) { + cfg.onclick = function (result) { + var cfg = this._link.config; + game.saveConfig(cfg._name, result, mode); + if (cfg.onsave) { + cfg.onsave.call(this, result); + } + if (!_status.connectMode || game.online) { + if (typeof cfg.restart == "function") { + if (cfg.restart()) { + startButton.classList.add("glowing"); + } + } + else if (cfg.restart) { + startButton.classList.add("glowing"); + } + } + }; + } + if (infoconfig.update) { + cfg.update = function () { + infoconfig.update(config, map); + }; + } + var cfgnode = createConfig(cfg); + map[j] = cfgnode; + if (cfg.frequent) { + page.appendChild(cfgnode); + } + else { + cfgnode.classList.add("auto-hide"); + hiddenNodes.push(cfgnode); + } + } + if (!connectMenu) { + var move = ui.create.div(".auto-hide.config", `
上移↑
下移↓
`); + move.firstChild.listen(function () { + if (node.previousSibling) { + node.parentNode.insertBefore(node, node.previousSibling); + var order = []; + for (var i = 0; i < node.parentNode.childNodes.length; i++) { + order.push(node.parentNode.childNodes[i].mode); + } + game.saveConfig("modeorder", order); + } + }); + move.lastChild.listen(function () { + if (node.nextSibling) { + if (node.nextSibling.nextSibling) { + node.parentNode.insertBefore(node, node.nextSibling.nextSibling); + } + else { + node.parentNode.insertBefore(node.nextSibling, node); + } + var order = []; + for (var i = 0; i < node.parentNode.childNodes.length; i++) { + order.push(node.parentNode.childNodes[i].mode); + } + game.saveConfig("modeorder", order); + } + }); + hiddenNodes.push(move); + } + var expanded = false; + var hasexpand = true; + if (hiddenNodes.length) { + if (lib.config.fold_mode) { + var clickmore = function (type) { + if (type === "expand" && expanded) return; + if (type === "unexpand" && !expanded) return; + if (expanded) { + this.classList.remove("on"); + this.parentNode.classList.remove("expanded"); + } + else { + this.classList.add("on"); + this.parentNode.classList.add("expanded"); + } + expanded = !expanded; + }; + var morenodes = ui.create.div(".config.more", "更多
>
", page); + morenodes.listen(clickmore); + morenodes._onclick = clickmore; + page.morenodes = morenodes; + } + else { + page.classList.add("expanded"); + if (!connectMenu) { + page.classList.add("expanded2"); + } + } + for (var k = 0; k < hiddenNodes.length; k++) { + page.appendChild(hiddenNodes[k]); + } + } + else { + hasexpand = false; + } + if (!connectMenu) { + var hidemode = ui.create.div(".config.pointerspan", "隐藏此模式", page, function () { + if (this.firstChild.innerHTML == "隐藏此模式") { + this.firstChild.innerHTML = "此模式将在重启后隐藏"; + lib.config.hiddenModePack.add(mode); + if (!lib.config.prompt_hidepack) { + alert("隐藏的扩展包可通过选项-其它-重置隐藏内容恢复"); + game.saveConfig("prompt_hidepack", true); + } + } + else { + this.firstChild.innerHTML = "隐藏此模式"; + lib.config.hiddenModePack.remove(mode); + } + game.saveConfig("hiddenModePack", lib.config.hiddenModePack); + }); + if (hasexpand) { + hidemode.classList.add("auto-hide"); + } + } + if (infoconfig.update) { + infoconfig.update(config, map); + node.update = function () { + infoconfig.update(config, map); + } + } + } + if (connectMenu) { + connectDisplayMap.connect_player_number = map.connect_player_number; + connectDisplayMap.connect_versus_mode = map.connect_versus_mode; + updateConnectDisplayMap(); + } + }; + if (!get.config("menu_loadondemand")) node._initLink(); + return node; + }; + var modeorder = lib.config.modeorder || []; + for (var i in lib.mode) { + modeorder.add(i); + } + for (var i = 0; i < modeorder.length; i++) { + if (connectMenu) { + if (!lib.mode[modeorder[i]].connect) continue; + if (!lib.config["connect_" + modeorder[i] + "_banned"]) { + lib.config["connect_" + modeorder[i] + "_banned"] = []; + } + if (!lib.config["connect_" + modeorder[i] + "_bannedcards"]) { + lib.config["connect_" + modeorder[i] + "_bannedcards"] = []; + } + } + if (lib.config.all.mode.contains(modeorder[i])) { + createModeConfig(modeorder[i], start.firstChild); + } + } + var active = start.firstChild.querySelector(".active"); + if (!active) { + active = start.firstChild.firstChild; + active.classList.add("active"); + } + if (!active.link) active._initLink(); + rightPane.appendChild(active.link); + if (lib.config.fold_mode) { + rightPane.addEventListener("mousewheel", function (e) { + var morenodes = this.firstChild.morenodes; + if (morenodes) { + if (e.wheelDelta < 0) { + morenodes._onclick.call(morenodes, "expand"); + } + else if (this.scrollTop == 0) { + morenodes._onclick.call(morenodes, "unexpand"); + } + } + }, { passive: true }); + } + }()); + + (function () { + if (connectMenu) return; + var start = menuxpages.shift(); + var rightPane = start.lastChild; + + var clickMode = function () { + var active = this.parentNode.querySelector(".active"); + if (active === this) { + return; + } + active.classList.remove("active"); + active.link.remove(); + active = this; + active.classList.add("active"); + if (this.link) rightPane.appendChild(this.link); + else { + this._initLink(); + rightPane.appendChild(this.link); + } + }; + + var clickAutoSkill = function (bool) { + var name = this._link.config._name; + var list = lib.config.autoskilllist; + if (bool) { + list.remove(name); + } + else { + list.add(name); + } + game.saveConfig("autoskilllist", list); + }; + var skilllistexpanded = game.expandSkills(lib.skilllist); + for (var i in lib.skill) { + if (!skilllistexpanded.contains(i)) continue; + if (lib.skill[i].frequent && lib.translate[i]) { + lib.configMenu.skill.config[i] = { + name: lib.translate[i + "_noconf"] || lib.translate[i], + init: true, + type: "autoskill", + onclick: clickAutoSkill, + intro: lib.translate[i + "_info"] + } + } + } + var clickBanSkill = function (bool) { + var name = this._link.config._name; + var list = lib.config.forbidlist; + if (bool) { + list.remove(name); + } + else { + list.add(name); + } + game.saveConfig("forbidlist", list); + }; + var forbid = lib.config.forbid; + if (!lib.config.forbidlist) { + game.saveConfig("forbidlist", []); + } + for (var i = 0; i < forbid.length; i++) { + var skip = false; + var str = ""; + var str2 = ""; + var str3 = ""; + for (var j = 0; j < forbid[i].length; j++) { + if (!lib.skilllist.contains(forbid[i][j])) { + skip = true; + break; + } + str += get.translation(forbid[i][j]) + "+"; + str2 += forbid[i][j] + "+"; + str3 += get.translation(forbid[i][j]) + "：" + lib.translate[forbid[i][j] + "_info"]; + if (j < forbid[i].length - 1) { + str3 += `
`; + } + } + if (skip) continue; + str = str.slice(0, str.length - 1); + str2 = str2.slice(0, str2.length - 1); + + lib.configMenu.skill.config[str2] = { + name: str, + init: true, + type: "banskill", + onclick: clickBanSkill, + intro: str3 + } + } + + var updateView = null; + var updateAppearence = null; + var createModeConfig = function (mode, position) { + var info = lib.configMenu[mode]; + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", info.name, position, clickMode); + node.mode = mode; + // node._initLink=function(){ + node.link = page; + var map = {}; + if (info.config) { + var hiddenNodes = []; + var autoskillNodes = []; + var banskillNodes = []; + var custombanskillNodes = []; + var banskill; + + if (mode == "skill") { + var autoskillexpanded = false; + var banskillexpanded = false; + ui.create.div(".config.more", "自动发动
>
", page, function () { + if (autoskillexpanded) { + this.classList.remove("on"); + for (var k = 0; k < autoskillNodes.length; k++) { + autoskillNodes[k].style.display = "none"; + } + } + else { + this.classList.add("on"); + for (var k = 0; k < autoskillNodes.length; k++) { + autoskillNodes[k].style.display = ""; + } + } + autoskillexpanded = !autoskillexpanded; + }); + banskill = ui.create.div(".config.more", "双将禁配
>
", page, function () { + if (banskillexpanded) { + this.classList.remove("on"); + for (var k = 0; k < banskillNodes.length; k++) { + banskillNodes[k].style.display = "none"; + } + } + else { + this.classList.add("on"); + for (var k = 0; k < banskillNodes.length; k++) { + banskillNodes[k].style.display = ""; + } + } + banskillexpanded = !banskillexpanded; + }); + + var banskilladd = ui.create.div(".config.indent", `添加...`, page, function () { + this.nextSibling.classList.toggle("hidden"); + }); + banskilladd.style.display = "none"; + banskillNodes.push(banskilladd); + + var banskilladdNode = ui.create.div(".config.indent.hidden.banskilladd", page); + banskilladdNode.style.display = "none"; + banskillNodes.push(banskilladdNode); + + var matchBanSkill = function (skills1, skills2) { + if (skills1.length != skills2.length) return false; + for (var i = 0; i < skills1.length; i++) { + if (!skills2.contains(skills1[i])) return false; + } + return true; + } + var deleteCustomBanSkill = function () { + for (var i = 0; i < lib.config.customforbid.length; i++) { + if (matchBanSkill(lib.config.customforbid[i], this.parentNode.link)) { + lib.config.customforbid.splice(i--, 1); + break; + } + } + game.saveConfig("customforbid", lib.config.customforbid); + this.parentNode.remove(); + } + var createCustomBanSkill = function (skills) { + var node = ui.create.div(".config.indent.toggle"); + node.style.display = "none"; + node.link = skills; + banskillNodes.push(node); + custombanskillNodes.push(node); + var str = get.translation(skills[0]); + for (var i = 1; i < skills.length; i++) { + str += "+" + get.translation(skills[i]); + } + node.innerHTML = str; + var span = document.createElement("span"); + span.classList.add("cardpiledelete"); + span.innerHTML = "删除"; + span.onclick = deleteCustomBanSkill; + node.appendChild(span); + page.insertBefore(node, banskilladdNode.nextSibling); + return node; + }; + for (var i = 0; i < lib.config.customforbid.length; i++) { + createCustomBanSkill(lib.config.customforbid[i]); + } + (function () { + var list = []; + for (var i in lib.character) { + if (lib.character[i][3].length) + list.push([i, lib.translate[i]]); + } + + list.sort(function (a, b) { + a = a[0]; b = b[0]; + var aa = a, bb = b; + if (aa.includes("_")) { + aa = aa.slice(aa.indexOf("_") + 1); + } + if (bb.includes("_")) { + bb = bb.slice(bb.indexOf("_") + 1); + } + if (aa != bb) { + return aa > bb ? 1 : -1; + } + return a > b ? 1 : -1; + }); + + var list2 = []; + var skills = lib.character[list[0][0]][3]; + for (var i = 0; i < skills.length; i++) { + list2.push([skills[i], lib.translate[skills[i]]]); + } + + var selectname = ui.create.selectlist(list, list[0], banskilladdNode); + selectname.onchange = function () { + var skills = lib.character[this.value][3]; + skillopt.innerHTML = ""; + for (var i = 0; i < skills.length; i++) { + var option = document.createElement("option"); + option.value = skills[i]; + option.innerHTML = lib.translate[skills[i]]; + skillopt.appendChild(option); + } + }; + selectname.style.maxWidth = "85px"; + var skillopt = ui.create.selectlist(list2, list2[0], banskilladdNode); + + var span = document.createElement("span"); + span.innerHTML = "＋"; + banskilladdNode.appendChild(span); + var br = document.createElement("br"); + banskilladdNode.appendChild(br); + + var selectname2 = ui.create.selectlist(list, list[0], banskilladdNode); + selectname2.onchange = function () { + var skills = lib.character[this.value][3]; + skillopt2.innerHTML = ""; + for (var i = 0; i < skills.length; i++) { + var option = document.createElement("option"); + option.value = skills[i]; + option.innerHTML = lib.translate[skills[i]]; + skillopt2.appendChild(option); + } + }; + selectname2.style.maxWidth = "85px"; + var skillopt2 = ui.create.selectlist(list2, list2[0], banskilladdNode); + var confirmbutton = document.createElement("button"); + confirmbutton.innerHTML = "确定"; + banskilladdNode.appendChild(confirmbutton); + + confirmbutton.onclick = function () { + var skills = [skillopt.value, skillopt2.value]; + if (skills[0] == skills[1]) { + skills.shift(); + } + if (!lib.config.customforbid) return; + for (var i = 0; i < lib.config.customforbid.length; i++) { + if (matchBanSkill(lib.config.customforbid[i], skills)) return; + } + lib.config.customforbid.push(skills); + game.saveConfig("customforbid", lib.config.customforbid); + createCustomBanSkill(skills).style.display = ""; + } + }()); + page.style.paddingBottom = "10px"; + } + var config = lib.config; + if (mode == "appearence") { + updateAppearence = function () { + info.config.update(config, map); + }; + } + else if (mode == "view") { + updateView = function () { + info.config.update(config, map); + }; + } + for (var j in info.config) { + if (j === "update") { + continue; + } + var cfg = copyObj(info.config[j]); + cfg._name = j; + if (!Object.prototype.hasOwnProperty.call(config, j)) { + if (cfg.type != "autoskill" && cfg.type != "banskill") { + game.saveConfig(j, cfg.init); + } + } + else { + cfg.init = config[j]; + } + if (!cfg.onclick) { + cfg.onclick = function (result) { + var cfg = this._link.config; + game.saveConfig(cfg._name, result); + if (cfg.onsave) { + cfg.onsave.call(this, result); + } + }; + } + if (info.config.update) { + if (mode == "appearence" || mode == "view") { + cfg.update = function () { + if (updateAppearence) { + updateAppearence(); + } + if (updateView) { + updateView(); + } + }; + } + else { + cfg.update = function () { + info.config.update(config, map); + }; + } + } + var cfgnode = createConfig(cfg); + if (cfg.type == "autoskill") { + autoskillNodes.push(cfgnode); + // cfgnode.style.transition="all 0s"; + cfgnode.classList.add("indent"); + // cfgnode.hide(); + cfgnode.style.display = "none"; + } + else if (cfg.type == "banskill") { + banskillNodes.push(cfgnode); + // cfgnode.style.transition="all 0s"; + cfgnode.classList.add("indent"); + // cfgnode.hide(); + cfgnode.style.display = "none"; + } + if (j == "import_data_button") { + ui.import_data_button = cfgnode; + cfgnode.hide(); + cfgnode.querySelector("button").onclick = function () { + var fileToLoad = this.previousSibling.files[0]; + if (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + if (!data) return; + try { + data = JSON.parse(lib.init.decode(data)); + if (!data || typeof data != "object") { + throw ("err"); + } + if (lib.db && (!data.config || !data.data)) { + throw ("err"); + } + } + catch (e) { + console.log(e); + alert("导入失败"); + return; + } + alert("导入成功"); + if (!lib.db) { + var noname_inited = localStorage.getItem("noname_inited"); + var onlineKey = localStorage.getItem(lib.configprefix + "key"); + localStorage.clear(); + if (noname_inited) { + localStorage.setItem("noname_inited", noname_inited); + } + if (onlineKey) { + localStorage.setItem(lib.configprefix + "key", onlineKey); + } + for (var i in data) { + localStorage.setItem(i, data[i]); + } + } + else { + for (var i in data.config) { + game.putDB("config", i, data.config[i]); + lib.config[i] = data.config[i]; + } + for (var i in data.data) { + game.putDB("data", i, data.data[i]); + } + } + lib.init.background(); + game.reload(); + }; + fileReader.readAsText(fileToLoad, "UTF-8"); + } + } + } + else if (j == "import_music") { + cfgnode.querySelector("button").onclick = function () { + if (_status.music_importing) return; + _status.music_importing = true; + var fileToLoad = this.previousSibling.files[0]; + if (fileToLoad) { + if (!lib.config.customBackgroundMusic) lib.config.customBackgroundMusic = {}; + var name = fileToLoad.name; + if (name.includes(".")) { + name = name.slice(0, name.indexOf(".")); + } + var link = (game.writeFile ? "cdv_" : "custom_") + name; + if (lib.config.customBackgroundMusic[link]) { + if (!confirm("已经存在文件名称相同的背景音乐，是否仍然要继续导入？")) { _status.music_importing = false; return } + for (var i = 1; i < 1000; i++) { + if (!lib.config.customBackgroundMusic[link + "_" + i]) { + link = link + "_" + i; break; + } + } + } + var callback = function () { + var nodexx = ui.background_music_setting; + var nodeyy = nodexx._link.menu; + var nodezz = nodexx._link.config; + var musicname = link.slice(link.indexOf("_") + 1); + game.prompt("###请输入音乐的名称###" + musicname, true, function (str) { + if (str) musicname = str; + lib.config.customBackgroundMusic[link] = musicname; + lib.config.background_music = link; + lib.config.all.background_music.add(link); + game.saveConfig("background_music", link); + game.saveConfig("customBackgroundMusic", lib.config.customBackgroundMusic); + nodezz.item[link] = lib.config.customBackgroundMusic[link]; + var textMenu = ui.create.div("", lib.config.customBackgroundMusic[link], nodeyy, clickMenuItem, nodeyy.childElementCount - 2); + textMenu._link = link; + nodezz.updatex.call(nodexx, []); + _status.music_importing = false; + if (!_status._aozhan) game.playBackgroundMusic(); + }); + }; + if (game.writeFile) { + game.writeFile(fileToLoad, "audio/background", link + ".mp3", callback); + } + else { + game.putDB("audio", link, fileToLoad, callback); + } + } + } + } + else if (j == "extension_source") { + ui.extension_source = cfgnode; + cfgnode.updateInner = function () { + this._link.choosing.innerHTML = lib.config.extension_source; + } + } + map[j] = cfgnode; + if (!cfg.unfrequent) { + if (cfg.type == "autoskill") { + page.insertBefore(cfgnode, banskill); + } + else { + page.appendChild(cfgnode); + } + } + else { + // cfgnode.classList.add("auto-hide"); + hiddenNodes.push(cfgnode); + } + } + var expanded = false; + if (hiddenNodes.length) { + // ui.create.div(".config.more","更多
>
",page,function(){ + // if(expanded){ + // this.classList.remove("on"); + // this.parentNode.classList.remove("expanded"); + // } + // else{ + // this.classList.add("on"); + // this.parentNode.classList.add("expanded"); + // } + // expanded=!expanded; + // }); + page.classList.add("morenodes"); + for (var k = 0; k < hiddenNodes.length; k++) { + page.appendChild(hiddenNodes[k]); + } + } + if (info.config.update) { + info.config.update(config, map); + } + } + // }; + // if(!get.config("menu_loadondemand")) node._initLink(); + return node; + }; + + for (var i in lib.configMenu) { + if (i != "others") createModeConfig(i, start.firstChild); + } + (function () { + if (!game.download && !lib.device) return; + var page = ui.create.div("#create-extension"); + var node = ui.create.div(".menubutton.large", "文件", start.firstChild, clickMode); + node.mode = "create"; + node._initLink = function () { + node.link = page; + var pageboard = ui.create.div(page); + + var importextensionexpanded = false; + var importExtension; + var extensionnode = ui.create.div(".config.more", "导入素材包
>
", pageboard, function () { + if (importextensionexpanded) { + this.classList.remove("on"); + importExtension.style.display = "none"; + } + else { + this.classList.add("on"); + importExtension.style.display = ""; + } + importextensionexpanded = !importextensionexpanded; + }); + extensionnode.style.padding = "13px 33px 4px"; + extensionnode.style.left = "0px"; + importExtension = ui.create.div(".new_character.export.import", pageboard); + importExtension.style.padding = "0px 33px 10px"; + importExtension.style.display = "none"; + importExtension.style.width = "100%"; + importExtension.style.textAlign = "left"; + ui.create.div("", ``, importExtension); + var promptnode = ui.create.div("", `
`, importExtension); + promptnode.style.display = "none"; + importExtension.firstChild.lastChild.onclick = function () { + if (promptnode.style.display != "none") return; + var fileToLoad = this.previousSibling.files[0]; + if (fileToLoad) { + promptnode.style.display = ""; + promptnode.firstChild.innerHTML = "正在解压..."; + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + var loadData = function () { + var zip = new JSZip(); + zip.load(data); + var images = [], audios = [], fonts = [], directories = {}, directoryList = []; + Object.keys(zip.files).forEach(file => { + const parsedPath = lib.path.parse(file), directory = parsedPath.dir, fileExtension = parsedPath.ext.toLowerCase(); + if (directory.startsWith("audio") && (fileExtension == ".mp3" || fileExtension == ".ogg")) audios.push(file); + else if (directory.startsWith("font") && fileExtension == ".woff2") fonts.push(file); + else if (directory.startsWith("image") && (fileExtension == ".jpg" || fileExtension == ".png")) images.push(file); + else return; + if (!directories[directory]) { + directories[directory] = []; + directoryList.push(directory); + } + directories[directory].push(parsedPath.base); + }); + if (audios.length || fonts.length || images.length) { + var str = ""; + if (audios.length) { + str += audios.length + "个音频文件"; + } + if (fonts.length) { + if (str.length) str += "、" + str += fonts.length + "个字体文件"; + } + if (images.length) { + if (str.length) str += "、" + str += images.length + "个图片文件"; + } + var filelist = audios.concat(fonts).concat(images); + if (filelist.length > 200) { + str += "，导入时间可能较长"; + } + var assetLoaded = function () { + promptnode.firstChild.innerHTML = `导入成功。重新启动×`; + promptnode.firstChild.querySelectorAll("span")[0].onclick = game.reload; + promptnode.firstChild.querySelectorAll("span")[1].onclick = function () { + promptnode.style.display = "none"; + } + }; + if (confirm("本次将导入" + str + "，是否继续？")) { + promptnode.firstChild.innerHTML = `正在导入... 详细信息`; + promptnode.firstChild.querySelector("span.hrefnode").onclick = ui.click.consoleMenu; + if (lib.node && lib.node.fs) { + var writeFile = function () { + if (filelist.length) { + var str = filelist.shift(); + game.print(str.slice(str.lastIndexOf("/") + 1)); + lib.node.fs.writeFile(__dirname + "/" + str, zip.files[str].asNodeBuffer(), null, writeFile); + } + else { + assetLoaded(); + } + }; + game.ensureDirectory(directoryList, writeFile); + + } + else { + var getDirectory = function () { + if (directoryList.length) { + var dir = directoryList.shift(); + var filelist = directories[dir]; + window.resolveLocalFileSystemURL(lib.assetURL + dir, function (entry) { + var writeFile = function () { + if (filelist.length) { + var filename = filelist.shift(); + game.print(filename); + entry.getFile(filename, { create: true }, function (fileEntry) { + fileEntry.createWriter(function (fileWriter) { + fileWriter.onwriteend = writeFile; + fileWriter.onerror = function (e) { + game.print("Write failed: " + e.toString()); + }; + fileWriter.write(zip.files[dir + "/" + filename].asArrayBuffer()); + }); + }); + } + else { + getDirectory(); + } + }; + writeFile(); + }); + } + else { + assetLoaded(); + } + }; + game.ensureDirectory(directoryList, getDirectory); + } + } + else { + promptnode.style.display = "none"; + } + } + else { + alert("没有检测到素材"); + } + } + if (!window.JSZip) { + lib.init.js(lib.assetURL + "game", "jszip", loadData); + } + else { + loadData(); + } + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + } + } + + var dashboard = ui.create.div(pageboard); + var clickDash = function () { + ui.create.templayer(); + pageboard.hide(); + this.link.show(); + if (this.link.init) { + this.link.init(); + } + }; + var createDash = function (str1, str2, node) { + var dash = ui.create.div(".menubutton.large.dashboard"); + dashboard.appendChild(dash); + page.appendChild(node); + dash.link = node; + node.link = dash; + dash.listen(clickDash); + lib.setScroll(node); + ui.create.div("", str1, dash); + ui.create.div("", str2, dash); + }; + var createDash2 = function (str1, str2, path, page) { + var dash = ui.create.div(".menubutton.large.dashboard.dashboard2"); + page.appendChild(dash); + dash.listen(function () { + page.path = path; + enterDirectory(page, path); + }); + ui.create.div("", str1, dash); + ui.create.div("", str2, dash); + }; + var removeFile = function (selected, page) { + if (lib.node && lib.node.fs) { + var unlink = function () { + if (selected.length) { + lib.node.fs.unlink(__dirname + "/" + selected.shift().path, unlink); + } + else { + enterDirectory(page, page.currentpath); + } + } + unlink(); + } + else { + window.resolveLocalFileSystemURL(lib.assetURL + page.currentpath, function (entry) { + var unlink = function () { + if (selected.length) { + entry.getFile(selected.shift().filename, { create: false }, function (fileEntry) { + fileEntry.remove(unlink); + }); + } + else { + enterDirectory(page, page.currentpath); + } + } + unlink(); + }); + } + }; + var clickDirectory = function () { + if (_status.dragged) return; + var page = this.parentNode.parentNode.parentNode; + if (page.deletebutton.classList.contains("active")) { + if (confirm("确认删除" + this.innerHTML + "文件夹？（此操作不可撤销）")) { + if (lib.node && lib.node.fs) { + try { + var removeDirectory = function (path, callback) { + lib.node.fs.readdir(__dirname + "/" + path, function (err, list) { + if (err) { + console.log(err); + return; + } + var removeFile = function () { + if (list.length) { + var filename = list.shift(); + var url = __dirname + "/" + path + "/" + filename; + if (lib.node.fs.statSync(url).isDirectory()) { + removeDirectory(path + "/" + filename, removeFile); + } + else { + lib.node.fs.unlink(url, removeFile); + } + } + else { + lib.node.fs.rmdir(__dirname + "/" + path, callback); + } + } + removeFile(); + }); + }; + removeDirectory(this.path, function () { + enterDirectory(page, page.currentpath); + }); + } + catch (e) { + console.log(e); + } + } + else { + window.resolveLocalFileSystemURL(lib.assetURL + this.path, function (entry) { + entry.removeRecursively(function () { + enterDirectory(page, page.currentpath); + }); + }); + } + } + return; + } + enterDirectory(page, this.path); + }; + var clickFile = function () { + if (_status.dragged) return; + var page = this.parentNode.parentNode.parentNode; + if (page.deletebutton.classList.contains("active")) { + if (confirm("确认删除" + this.innerHTML + "？（此操作不可撤销）")) { + removeFile([this], page); + } + return; + } + this.classList.toggle("thundertext"); + page.clicked = true; + if (this.ext == "jpg" || this.ext == "png") { + if (this.classList.contains("thundertext")) { + if (!this.previewnode) { + this.previewnode = document.createElement("img"); + this.previewnode.src = lib.assetURL + this.path; + this.previewnode.width = "60"; + this.previewnode.style.maxHeight = "120px"; + this.parentNode.appendChild(this.previewnode); + } + } + else { + if (this.previewnode) { + this.previewnode.remove(); + delete this.previewnode; + } + } + } + else if (this.ext == "mp3" || this.ext == "ogg") { + if (this.classList.contains("thundertext")) { + if (!this.previewnode) { + this.previewnode = game.playAudio(this.path.slice(6)); + } + } + else { + if (this.previewnode) { + this.previewnode.remove(); + delete this.previewnode; + } + } + } + }; + var clickFileList = function () { + if (!this.parentNode) return; + if (this.parentNode.clicked) { + this.parentNode.clicked = false; + } + else { + var selected = Array.from(this.querySelectorAll("span.thundertext")); + for (var i = 0; i < selected.length; i++) { + selected[i].classList.remove("thundertext"); + if (selected[i].previewnode) { + selected[i].previewnode.remove(); + delete selected[i].previewnode; + } + } + } + }; + var enterDirectory = function (page, path) { + page.innerHTML = ""; + page.currentpath = path; + var backbutton = ui.create.div(".menubutton.round", "返", page, function () { + page.clicked = false; + clickFileList.call(filelist); + if (page.path == path) { + page.reset(); + } + else { + if (path.indexOf("/") == -1) { + enterDirectory(page, ""); + } + else { + enterDirectory(page, path.slice(0, path.lastIndexOf("/"))); + } + } + }); + backbutton.style.zIndex = 1; + backbutton.style.right = "10px"; + backbutton.style.bottom = "15px"; + + + var refresh = function () { + enterDirectory(page, path); + }; + var addbutton = ui.create.div(".menubutton.round", "添", page, function () { + var pos1 = this.getBoundingClientRect(); + var pos2 = ui.window.getBoundingClientRect(); + openMenu(this.menu, { + clientX: pos1.left + pos1.width + 5 - pos2.left, + clientY: pos1.top - pos2.top + }); + }); + addbutton.menu = ui.create.div(".menu"); + ui.create.div("", "添加文件", addbutton.menu, function () { + popupContainer.noclose = true; + }); + var createDir = function (str) { + if (lib.node && lib.node.fs) { + lib.node.fs.mkdir(__dirname + "/" + path + "/" + str, refresh); + } + else { + window.resolveLocalFileSystemURL(lib.assetURL + path, function (entry) { + entry.getDirectory(str, { create: true }, refresh); + }); + } + }; + ui.create.div("", "添加目录", addbutton.menu, function () { + ui.create.templayer(); + game.prompt("输入目录名称", function (str) { + if (str) { + createDir(str); + } + }); + }); + var input = document.createElement("input"); + input.className = "fileinput"; + input.type = "file"; + input.onchange = function () { + var fileToLoad = input.files[0]; + game.print(fileToLoad.name); + if (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (e) { + game.writeFile(e.target.result, path, fileToLoad.name, refresh); + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + } + }; + addbutton.menu.firstChild.appendChild(input); + addbutton.style.zIndex = 1; + addbutton.style.right = "10px"; + addbutton.style.bottom = "80px"; + + var deletebutton = ui.create.div(".menubutton.round", "删", page, function () { + if (!this.parentNode) return; + if (!this.classList.contains("active")) { + var selected = Array.from(filelist.querySelectorAll("span.thundertext")); + if (selected.length) { + if (confirm("一共要删除" + selected.length + "个文件，此操作不可撤销，是否确定？")) { + removeFile(selected, page); + } + } + else { + this.classList.add("active"); + } + } + else { + this.classList.remove("active"); + } + }); + deletebutton.style.zIndex = 1; + deletebutton.style.right = "10px"; + deletebutton.style.bottom = "145px"; + + page.backbutton = backbutton; + page.addbutton = addbutton; + page.deletebutton = deletebutton; + var filelist = ui.create.div(page); + filelist.classList.add("file-container"); + filelist.listen(clickFileList); + lib.setScroll(filelist); + game.getFileList(path, function (folders, files) { + var sort = function (a, b) { + if (a > b) return 1; + if (a < b) return -1; + return 0; + } + folders.sort(sort); + files.sort(sort); + var parent = path; + if (parent) { + parent += "/"; + } + for (var i = 0; i < folders.length; i++) { + if (!page.path && folders[i] == "app") continue; + var entry = ui.create.div("", "" + folders[i], filelist); + entry.firstChild.addEventListener(lib.config.touchscreen ? "touchend" : "click", clickDirectory); + entry.firstChild.path = parent + folders[i] + } + for (var i = 0; i < files.length; i++) { + if (!page.path) { + if (files[i] == "app.html") continue; + if (files[i] == "main.js") continue; + if (files[i] == "package.json") continue; + } + var entry = ui.create.div("", "" + files[i], filelist); + entry.firstChild.addEventListener(lib.config.touchscreen ? "touchend" : "click", clickFile); + entry.firstChild.ext = files[i].slice(files[i].lastIndexOf(".") + 1); + entry.firstChild.path = parent + files[i]; + entry.firstChild.filename = files[i]; + } + }); + }; + var dash1 = (function () { + var page = ui.create.div(".hidden.menu-buttons"); + page.reset = function () { + page.innerHTML = ""; + var backbutton = ui.create.div(".menubutton.round", "返", page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + backbutton.style.zIndex = 1; + backbutton.style.right = "10px"; + backbutton.style.bottom = "15px"; + var placeholder = ui.create.div(".placeholder", page); + placeholder.style.position = "relative"; + placeholder.style.display = "block"; + placeholder.style.width = "100%"; + placeholder.style.height = "14px"; + createDash2("将", "武将图片", "image/character", page); + createDash2("肤", "皮肤图片", "image/skin", page); + createDash2("卡", "卡牌图片", "image/card", page); + createDash2("模", "模式图片", "image/mode", page); + createDash2("始", "开始图片", "image/splash", page); + createDash2("景", "背景图片", "image/background", page); + }; + page.reset(); + return page; + }()); + var dash2 = (function () { + var page = ui.create.div(".hidden.menu-buttons"); + page.reset = function () { + page.innerHTML = ""; + var backbutton = ui.create.div(".menubutton.round", "返", page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + backbutton.style.zIndex = 1; + backbutton.style.right = "10px"; + backbutton.style.bottom = "15px"; + var placeholder = ui.create.div(".placeholder", page); + placeholder.style.position = "relative"; + placeholder.style.display = "block"; + placeholder.style.width = "100%"; + placeholder.style.height = "14px"; + createDash2("技", "技能配音", "audio/skill", page); + createDash2("卡", "男性卡牌", "audio/card/male", page); + createDash2("牌", "女性卡牌", "audio/card/female", page); + createDash2("亡", "阵亡配音", "audio/die", page); + createDash2("效", "游戏音效", "audio/effect", page); + createDash2("景", "背景音乐", "audio/background", page); + }; + page.reset(); + return page; + }()); + var dash3 = (function () { + var page = ui.create.div(".hidden.menu-buttons"); + page.path = "font"; + page.reset = function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }; + page.init = function () { + enterDirectory(page, "font"); + }; + return page; + }()); + var dash4 = (function () { + var page = ui.create.div(".hidden.menu-buttons"); + page.path = ""; + page.reset = function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }; + page.init = function () { + enterDirectory(page, ""); + }; + return page; + }()); + createDash("图", "图片文件", dash1); + createDash("音", "音频文件", dash2); + createDash("字", "字体文件", dash3); + createDash("全", "全部文件", dash4); + }; + if (!get.config("menu_loadondemand")) node._initLink(); + }()); + createModeConfig("others", start.firstChild); + + var active = start.firstChild.querySelector(".active"); + if (!active) { + active = start.firstChild.firstChild; + active.classList.add("active"); + } + if (!active.link) active._initLink(); + rightPane.appendChild(active.link); + }()); + + (function () { + var start = menuxpages.shift(); + var rightPane = start.lastChild; + + var clickMode = function () { + var active = this.parentNode.querySelector(".active"); + if (active) { + if (active === this) { + return; + } + active.classList.remove("active"); + active.link.remove(); + } + this.classList.add("active"); + updateActive(this); + if (this.link) rightPane.appendChild(this.link); + else { + this._initLink(); + rightPane.appendChild(this.link); + } + }; + updateActive = function (node) { + if (!node) { + node = start.firstChild.querySelector(".active"); + if (!node) { + return; + } + } + if (!node.link) { + node._initLink(); + } + for (var i = 0; i < node.link.childElementCount; i++) { + if (node.link.childNodes[i].updateBanned) { + node.link.childNodes[i].updateBanned(); + } + } + }; + var updateNodes = function () { + for (var i = 0; i < start.firstChild.childNodes.length; i++) { + var node = start.firstChild.childNodes[i]; + if (node.mode) { + if (node.mode.startsWith("mode_")) continue; + if (node.mode == "custom") continue; + if (connectMenu) { + if (!lib.config.connect_characters.contains(node.mode)) { + node.classList.remove("off"); + if (node.link) node.link.firstChild.classList.add("on"); + } + else { + node.classList.add("off"); + if (node.link) node.link.firstChild.classList.remove("on"); + } + } + else { + if (lib.config.characters.contains(node.mode)) { + node.classList.remove("off"); + if (node.link) node.link.firstChild.classList.add("on"); + } + else { + node.classList.add("off"); + if (node.link) node.link.firstChild.classList.remove("on"); + } + } + } + } + } + var togglePack = function (bool) { + var name = this._link.config._name; + if (connectMenu) { + if (!bool) { + lib.config.connect_characters.add(name); + } + else { + lib.config.connect_characters.remove(name); + } + game.saveConfig("connect_characters", lib.config.connect_characters); + } + else { + if (bool) { + lib.config.characters.add(name); + } + else { + lib.config.characters.remove(name); + } + game.saveConfig("characters", lib.config.characters); + } + updateNodes(); + }; + + var createModeConfig = function (mode, position, position2) { + var _info = lib.characterPack[mode]; + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", lib.translate[mode + "_character_config"], position, clickMode); + if (node.innerHTML.length >= 5) { + node.classList.add("smallfont"); + } + if (position2) { + position.insertBefore(node, position2); + } + node.mode = mode; + node._initLink = function () { + node.link = page; + page.node = node; + var list = []; + var boolAI = true; + var alterableSkills = []; + var alterableCharacters = []; + var charactersToAlter = []; + for (var i in _info) { + if (_info[i][4] && _info[i][4].contains("unseen")) continue; + if (connectMenu && lib.connectBanned.contains(i)) continue; + list.push(i); + if (boolAI && !lib.config.forbidai_user.contains(i)) boolAI = false; + for (var j = 0; j < _info[i][3].length; j++) { + if (!lib.skill[_info[i][3][j]]) { + continue; + } + if (lib.skill[_info[i][3][j]].alter) { + alterableSkills.add(_info[i][3][j]); + alterableCharacters.add(i); + if (lib.config.vintageSkills.contains(_info[i][3][j])) { + charactersToAlter.add(i); + } + } + } + } + alterableCharacters.sort(); + list.sort(lib.sort.character); + var list2 = list.slice(0); + var cfgnode = createConfig({ + name: "开启", + _name: mode, + init: connectMenu ? (!lib.config.connect_characters.contains(mode)) : (lib.config.characters.contains(mode)), + onclick: togglePack + }); + var cfgnodeAI = createConfig({ + name: "仅点将可用", + _name: mode, + init: boolAI, + intro: "将该武将包内的武将全部设置为仅点将可用", + onclick: function (bool) { + if (bool) { + for (var i = 0; i < list.length; i++) { + lib.config.forbidai_user.add(list[i]); + } + } + else { + for (var i = 0; i < list.length; i++) { + lib.config.forbidai_user.remove(list[i]); + } + } + game.saveConfig("forbidai_user", lib.config.forbidai_user); + }, + }); + if (!mode.startsWith("mode_")) { + cfgnodeAI.style.marginTop = "0px"; + page.appendChild(cfgnode); + page.appendChild(cfgnodeAI); + if (alterableCharacters.length) { + var cfgnode2 = createConfig({ + name: "新版替换", + _name: mode, + init: charactersToAlter.length == 0, + intro: "以下武将将被修改：" + get.translation(alterableCharacters), + onclick: function (bool) { + if (bool) { + for (var i = 0; i < alterableSkills.length; i++) { + lib.config.vintageSkills.remove(alterableSkills[i]); + lib.translate[alterableSkills[i] + "_info"] = lib.translate[alterableSkills[i] + "_info_alter"]; + } + } + else { + for (var i = 0; i < alterableSkills.length; i++) { + lib.config.vintageSkills.add(alterableSkills[i]); + lib.translate[alterableSkills[i] + "_info"] = lib.translate[alterableSkills[i] + "_info_origin"]; + } + } + game.saveConfig("vintageSkills", lib.config.vintageSkills); + } + }); + cfgnode2.style.marginTop = "0px"; + page.appendChild(cfgnode2); + } + } + else if (mode.startsWith("mode_extension")) { + page.appendChild(cfgnodeAI); + } + else { + page.style.paddingTop = "8px"; + } + var banCharacter = function (e) { + if (_status.clicked) { + _status.clicked = false; + return; + } + if (mode.startsWith("mode_") && !mode.startsWith("mode_extension_") && + mode != "mode_favourite" && mode != "mode_banned") { + if (!connectMenu && lib.config.show_charactercard) { + ui.click.charactercard(this.link, this, mode == "mode_guozhan" ? "guozhan" : true); + } + return; + } + ui.click.touchpop(); + this._banning = connectMenu ? "online" : "offline"; + if (!connectMenu && lib.config.show_charactercard) { + ui.click.charactercard(this.link, this); + } + else { + ui.click.intro.call(this, e); + } + _status.clicked = false; + delete this._banning; + }; + var updateBanned = function () { + var _list; + if (connectMenu) { + var mode = menux.pages[0].firstChild.querySelector(".active"); + if (mode && mode.mode) { + _list = lib.config["connect_" + mode.mode + "_banned"]; + } + } + else { + _list = lib.config[get.mode() + "_banned"]; + } + if (_list && _list.contains(this.link)) { + this.classList.add("banned"); + } + else { + this.classList.remove("banned"); + } + }; + if (lib.characterSort[mode]) { + var listb = []; + if (!connectMenu) { + listb = lib.config[get.mode() + "_banned"] || []; + } + else { + var modex = menux.pages[0].firstChild.querySelector(".active"); + if (modex && modex.mode) { + listb = lib.config["connect_" + modex.mode + "_banned"]; + } + } + for (var pak in lib.characterSort[mode]) { + var info = lib.characterSort[mode][pak]; + var listx = []; + var boolx = false; + for (var ii = 0; ii < list2.length; ii++) { + if (info.contains(list2[ii])) { + listx.add(list2[ii]); + if (!listb.contains(list2[ii])) boolx = true; + list2.splice(ii--, 1); + } + } + if (listx.length) { + var cfgnodeY = { + name: lib.translate[pak], + _name: pak, + init: boolx, + onclick: function (bool) { + var banned = []; + if (connectMenu) { + var modex = menux.pages[0].firstChild.querySelector(".active"); + if (modex && modex.mode) { + banned = lib.config["connect_" + modex.mode + "_banned"]; + } + } + else if (_status.connectMode) return; + else banned = lib.config[get.mode() + "_banned"] || []; + var listx = lib.characterSort[mode][this._link.config._name]; + if (bool) { + for (var i = 0; i < listx.length; i++) { + banned.remove(listx[i]); + } + } + else { + for (var i = 0; i < listx.length; i++) { + banned.add(listx[i]); + } + } + game.saveConfig(connectMenu ? ("connect_" + modex.mode + "_banned") : (get.mode() + "_banned"), banned); + updateActive(); + }, + }; + if (mode.startsWith("mode_") && !mode.startsWith("mode_extension_") && !mode.startsWith("mode_guozhan")) { + cfgnodeY.clear = true; + delete cfgnodeY.onclick; + } + var cfgnodeX = createConfig(cfgnodeY); + page.appendChild(cfgnodeX); + var buttons = ui.create.buttons(listx, "character", page); + for (var i = 0; i < buttons.length; i++) { + buttons[i].classList.add("noclick"); + buttons[i].listen(banCharacter); + ui.create.rarity(buttons[i]); + buttons[i].node.hp.style.transition = "all 0s"; + buttons[i].node.hp._innerHTML = buttons[i].node.hp.innerHTML; + if (mode != "mode_banned") { + buttons[i].updateBanned = updateBanned; + } + } + } + } + if (list2.length) { + var cfgnodeX = createConfig({ + name: "其他", + _name: "others", + clear: true, + }); + page.appendChild(cfgnodeX); + var buttons = ui.create.buttons(list2, "character", page); + for (var i = 0; i < buttons.length; i++) { + buttons[i].classList.add("noclick"); + buttons[i].listen(banCharacter); + ui.create.rarity(buttons[i]); + buttons[i].node.hp.style.transition = "all 0s"; + buttons[i].node.hp._innerHTML = buttons[i].node.hp.innerHTML; + if (mode != "mode_banned") { + buttons[i].updateBanned = updateBanned; + } + } + } + } + else { + var buttons = ui.create.buttons(list, "character", page); + for (var i = 0; i < buttons.length; i++) { + buttons[i].classList.add("noclick"); + ui.create.rarity(buttons[i]); + buttons[i].listen(banCharacter); + buttons[i].node.hp.style.transition = "all 0s"; + buttons[i].node.hp._innerHTML = buttons[i].node.hp.innerHTML; + if (mode != "mode_banned") { + buttons[i].updateBanned = updateBanned; + } + } + } + page.classList.add("menu-buttons"); + page.classList.add("leftbutton"); + if (!connectMenu) { + if (lib.config.all.sgscharacters.contains(mode)) { + ui.create.div(".config.pointerspan", `该武将包不可被隐藏`, page); + } + else if (!mode.startsWith("mode_")) { + ui.create.div(".config.pointerspan", "隐藏武将包", page, function () { + if (this.firstChild.innerHTML == "隐藏武将包") { + if (confirm("真的要隐藏“" + get.translation(mode + "_character_config") + "”武将包吗？\n建议使用“关闭”而不是“隐藏”功能，否则将会影响其他相关武将包的正常运行！")) { + this.firstChild.innerHTML = "武将包将在重启后隐藏"; + lib.config.hiddenCharacterPack.add(mode); + if (!lib.config.prompt_hidepack) { + alert("隐藏的扩展包可通过选项-其它-重置隐藏内容恢复"); + game.saveConfig("prompt_hidepack", true); + } + } + } + else { + this.firstChild.innerHTML = "隐藏武将包"; + lib.config.hiddenCharacterPack.remove(mode); + } + game.saveConfig("hiddenCharacterPack", lib.config.hiddenCharacterPack); + }); + } + } + }; + if (!get.config("menu_loadondemand")) node._initLink(); + return node; + }; + if (lib.config.show_favourite_menu && !connectMenu && Array.isArray(lib.config.favouriteCharacter)) { + lib.characterPack.mode_favourite = {}; + for (var i = 0; i < lib.config.favouriteCharacter.length; i++) { + var favname = lib.config.favouriteCharacter[i]; + if (lib.character[favname]) { + lib.characterPack.mode_favourite[favname] = lib.character[favname]; + } + } + var favouriteCharacterNode = createModeConfig("mode_favourite", start.firstChild); + if (!favouriteCharacterNode.link) favouriteCharacterNode._initLink(); + ui.favouriteCharacter = favouriteCharacterNode.link; + if (get.is.empty(lib.characterPack.mode_favourite)) { + ui.favouriteCharacter.node.style.display = "none"; + } + delete lib.characterPack.mode_favourite; + } + if (!connectMenu && lib.config.show_ban_menu) { + lib.characterPack.mode_banned = {}; + for (var i = 0; i < lib.config.all.mode.length; i++) { + var banned = lib.config[lib.config.all.mode[i] + "_banned"]; + if (banned) { + for (var j = 0; j < banned.length; j++) { + if (lib.character[banned[j]]) { + lib.characterPack.mode_banned[banned[j]] = lib.character[banned[j]]; + } + } + } + } + var bannednode = createModeConfig("mode_banned", start.firstChild); + if (get.is.empty(lib.characterPack.mode_banned)) { + bannednode.style.display = "none"; + } + delete lib.characterPack.mode_banned; + } + var characterlist = connectMenu ? lib.connectCharacterPack : lib.config.all.characters; + for (var i = 0; i < characterlist.length; i++) { + createModeConfig(characterlist[i], start.firstChild); + } + if (!connectMenu) Object.keys(lib.characterPack).forEach(key => { + if (key.startsWith("mode_")) createModeConfig(key, start.firstChild); + }); + var active = start.firstChild.querySelector(".active"); + if (!active) { + active = start.firstChild.firstChild; + if (active.style.display == "none") { + active = active.nextSibling; + if (active.style.display == "none") { + active = active.nextSibling; + } + } + active.classList.add("active"); + updateActive(active); + } + if (!active.link) active._initLink(); + rightPane.appendChild(active.link); + + if (!connectMenu) { + var node1 = ui.create.div(".lefttext", "全部开启", start.firstChild, function () { + game.saveConfig("characters", lib.config.all.characters); + updateNodes(); + }); + var node2 = ui.create.div(".lefttext", "恢复默认", start.firstChild, function () { + game.saveConfig("characters", lib.config.defaultcharacters); + updateNodes(); + }); + node1.style.marginTop = "12px"; + node2.style.marginTop = "7px"; + } + + updateNodes(); + }()); + + (function () { + var start = menuxpages.shift(); + var rightPane = start.lastChild; + var pileCreated = false; + var recreatePile = function () { + lib.config.customcardpile["当前牌堆"] = [lib.config.bannedpile, lib.config.addedpile]; + game.saveConfig("customcardpile", lib.config.customcardpile); + game.saveConfig("cardpilename", "当前牌堆", true); + pileCreated = false; + }; + + var clickMode = function () { + var active = this.parentNode.querySelector(".active"); + if (active === this) { + return; + } + active.classList.remove("active"); + active.link.remove(); + active = this; + this.classList.add("active"); + updateActiveCard(this); + if (this.mode == "cardpile") { + this.create(); + } + if (this.link) rightPane.appendChild(this.link); + else { + this._initLink(); + rightPane.appendChild(this.link); + } + }; + updateActiveCard = function (node) { + if (!node) { + node = start.firstChild.querySelector(".active"); + if (!node) { + return; + } + } + if (!node.link) node._initLink(); + for (var i = 0; i < node.link.childElementCount; i++) { + if (node.link.childNodes[i].updateBanned) { + node.link.childNodes[i].updateBanned(); + } + } + }; + var updateNodes = function () { + for (var i = 0; i < start.firstChild.childNodes.length; i++) { + var node = start.firstChild.childNodes[i]; + if (node.mode) { + if (node.mode.startsWith("mode_")) continue; + if (node.mode == "custom") continue; + if (node.mode == "cardpile") continue; + if (connectMenu) { + if (!lib.config.connect_cards.contains(node.mode)) { + node.classList.remove("off"); + if (node.link) node.link.firstChild.classList.add("on"); + } + else { + node.classList.add("off"); + if (node.link) node.link.firstChild.classList.remove("on"); + } + } + else { + if (lib.config.cards.contains(node.mode)) { + node.classList.remove("off"); + if (node.link) node.link.firstChild.classList.add("on"); + } + else { + node.classList.add("off"); + if (node.link) node.link.firstChild.classList.remove("on"); + } + } + } + } + } + var togglePack = function (bool) { + var name = this._link.config._name; + if (connectMenu) { + if (!bool) { + lib.config.connect_cards.add(name); + } + else { + lib.config.connect_cards.remove(name); + } + game.saveConfig("connect_cards", lib.config.connect_cards); + } + else { + if (bool) { + lib.config.cards.add(name); + } + else { + lib.config.cards.remove(name); + } + game.saveConfig("cards", lib.config.cards); + } + updateNodes(); + }; + var toggleCardPile = function (bool) { + var name = this._link.config._name; + var number = this._link.config._number; + if (!lib.config.bannedpile[name]) { + lib.config.bannedpile[name] = []; + } + if (bool) { + lib.config.bannedpile[name].remove(number); + } + else { + lib.config.bannedpile[name].add(number); + } + recreatePile(); + } + + var createModeConfig = function (mode, position) { + var info = lib.cardPack[mode]; + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", lib.translate[mode + "_card_config"], position, clickMode); + if (node.innerHTML.length >= 5) { + node.classList.add("smallfont"); + } + node.mode = mode; + node._initLink = function () { + node.link = page; + var list = []; + for (var i = 0; i < info.length; i++) { + if (!lib.card[info[i]] || (lib.card[info[i]].derivation && mode != "mode_derivation")) continue; + list.push([get.translation(get.type(info[i], "trick")), "", info[i]]); + } + var sortCard = function (card) { + var type = lib.card[card[2]].type; + var subtype = lib.card[card[2]].subtype; + if (lib.cardType[subtype]) { + return lib.cardType[subtype]; + } + if (lib.cardType[type]) { + return lib.cardType[type]; + } + switch (type) { + case "basic": return 0; + case "chess": return 1.5; + case "trick": return 2; + case "delay": return 3; + case "equip": { + switch (lib.card[card[2]].subtype) { + case "equip1": return 4.1; + case "equip2": return 4.2; + case "equip3": return 4.3; + case "equip4": return 4.4; + case "equip5": return 4.5; + default: return 4; + } + } + case "zhenfa": return 5; + default: return 6; + } + } + list.sort(function (a, b) { + var sort1 = sortCard(a); + var sort2 = sortCard(b); + if (sort1 == sort2) { + return (b[2] < a[2]) ? 1 : -1; + } + else if (sort1 > sort2) { + return 1; + } + else { + return -1; + } + }); + var cfgnode = createConfig({ + name: "开启", + _name: mode, + init: lib.config.cards.contains(mode), + onclick: togglePack + }); + if (!mode.startsWith("mode_")) { + page.appendChild(cfgnode); + } + else { + page.style.paddingTop = "8px"; + } + var banCard = function (e) { + if (_status.clicked) { + _status.clicked = false; + return; + } + if (mode.startsWith("mode_") && !mode.startsWith("mode_extension_") && mode != "mode_banned") { + return; + } + ui.click.touchpop(); + this._banning = connectMenu ? "online" : "offline"; + ui.click.intro.call(this, e); + _status.clicked = false; + delete this._banning; + }; + var updateBanned = function () { + var list; + if (connectMenu) { + var mode = menux.pages[0].firstChild.querySelector(".active"); + if (mode && mode.mode) { + list = lib.config["connect_" + mode.mode + "_bannedcards"]; + } + } + else { + list = lib.config[get.mode() + "_bannedcards"]; + } + if (list && list.contains(this.link[2])) { + this.classList.add("banned"); + } + else { + this.classList.remove("banned"); + } + }; + var buttons = ui.create.buttons(list, "vcard", page); + for (var i = 0; i < buttons.length; i++) { + buttons[i].classList.add("noclick"); + buttons[i].listen(banCard); + if (mode != "mode_banned") { + buttons[i].updateBanned = updateBanned; + } + } + page.classList.add("menu-buttons"); + page.classList.add("leftbutton"); + if (!connectMenu && !lib.config.all.sgscards.contains(mode) && !mode.startsWith("mode_")) { + ui.create.div(".config.pointerspan", "隐藏卡牌包", page, function () { + if (this.firstChild.innerHTML == "隐藏卡牌包") { + this.firstChild.innerHTML = "卡牌包将在重启后隐藏"; + lib.config.hiddenCardPack.add(mode); + if (!lib.config.prompt_hidepack) { + alert("隐藏的扩展包可通过选项-其它-重置隐藏内容恢复"); + game.saveConfig("prompt_hidepack", true); + } + } + else { + this.firstChild.innerHTML = "隐藏卡牌包"; + lib.config.hiddenCardPack.remove(mode); + } + game.saveConfig("hiddenCardPack", lib.config.hiddenCardPack); + }); + } + if (!mode.startsWith("mode_") && lib.cardPile[mode]) { + var cardpileNodes = []; + var cardpileexpanded = false; + if (!lib.config.bannedpile[mode]) { + lib.config.bannedpile[mode] = []; + } + if (!lib.config.addedpile[mode]) { + lib.config.addedpile[mode] = []; + } + ui.create.div(".config.more.pile", "编辑牌堆
>
", page, function () { + if (cardpileexpanded) { + this.classList.remove("on"); + for (var k = 0; k < cardpileNodes.length; k++) { + cardpileNodes[k].style.display = "none"; + } + } + else { + this.classList.add("on"); + for (var k = 0; k < cardpileNodes.length; k++) { + cardpileNodes[k].style.display = ""; + } + } + cardpileexpanded = !cardpileexpanded; + }); + var cfgnode = ui.create.div(page, ".config.pointerspan.cardpilecfg.toggle"); + var cfgaddcard = ui.create.node("button", "", "添加卡牌", cfgnode, function () { + this.parentNode.nextSibling.classList.toggle("hidden"); + }); + var cfgbancard = ui.create.node("button", "", "全部关闭", cfgnode, function () { + for (var i = 0; i < cardpileNodes.length; i++) { + if (cardpileNodes[i].type == "defaultcards" && cardpileNodes[i].classList.contains("on")) { + clickToggle.call(cardpileNodes[i]); + } + } + }); + var cfgenablecard = ui.create.node("button", "", "全部开启", cfgnode, function () { + for (var i = 0; i < cardpileNodes.length; i++) { + if (cardpileNodes[i].type == "defaultcards" && !cardpileNodes[i].classList.contains("on")) { + clickToggle.call(cardpileNodes[i]); + } + } + }); + cfgbancard.style.marginLeft = "5px"; + cfgenablecard.style.marginLeft = "5px"; + cardpileNodes.push(cfgnode); + cfgnode.style.display = "none"; + cfgnode.classList.add("cardpilecfg"); + cfgnode.classList.add("toggle"); + cfgnode.style.marginTop = "5px"; + page.appendChild(cfgnode); + + var cardpileadd = ui.create.div(".config.toggle.hidden.cardpilecfg.cardpilecfgadd", page); + var pileaddlist = []; + for (var i = 0; i < lib.config.cards.length; i++) { + if (!lib.cardPack[lib.config.cards[i]]) continue; + for (var j = 0; j < lib.cardPack[lib.config.cards[i]].length; j++) { + var cname = lib.cardPack[lib.config.cards[i]][j]; + pileaddlist.push([cname, get.translation(cname)]); + if (cname == "sha") { + pileaddlist.push(["huosha", "火杀"]); + pileaddlist.push(["leisha", "雷杀"]); + pileaddlist.push(["icesha", "冰杀"]); + pileaddlist.push(["cisha", "刺杀"]); + } + } + } + var cardpileaddname = ui.create.selectlist(pileaddlist, null, cardpileadd); + cardpileaddname.style.width = "75px"; + cardpileaddname.style.marginRight = "2px"; + cardpileaddname.style.marginLeft = "-1px"; + var cardpileaddsuit = ui.create.selectlist([ + ["heart", "红桃"], + ["diamond", "方片"], + ["club", "梅花"], + ["spade", "黑桃"], + ], null, cardpileadd); + cardpileaddsuit.style.width = "53px"; + cardpileaddsuit.style.marginRight = "2px"; + var cardpileaddnumber = ui.create.selectlist([ + 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13 + ], null, cardpileadd); + cardpileaddnumber.style.width = "43px"; + cardpileaddnumber.style.marginRight = "2px"; + var button = document.createElement("button"); + button.innerHTML = "确定"; + button.style.width = "40px"; + var deletecard = function () { + this.parentNode.remove(); + var info = this.parentNode._info; + var list = lib.config.addedpile[mode]; + for (var i = 0; i < list.length; i++) { + if (list[i][0] == info[0] && list[i][1] == info[1] && list[i][2] == info[2]) { + list.splice(i, 1); break; + } + } + recreatePile(); + }; + button.onclick = function () { + var card = [ + cardpileaddsuit.value, + cardpileaddnumber.value, + cardpileaddname.value, + ]; + lib.config.addedpile[mode].push(card); + recreatePile(); + var cfgnode = ui.create.div(".config.toggle.cardpilecfg"); + cfgnode._info = card; + cfgnode.innerHTML = get.translation(card[2]) + " " + get.translation(card[0]) + get.strNumber(card[1]); + var cfgnodedelete = document.createElement("span"); + cfgnodedelete.classList.add("cardpiledelete"); + cfgnodedelete.innerHTML = "删除"; + cfgnodedelete.onclick = deletecard; + cfgnode.appendChild(cfgnodedelete); + page.insertBefore(cfgnode, cardpileadd.nextSibling); + }; + cardpileadd.appendChild(button); + cardpileadd.style.whiteSpace = "nowrap"; + cardpileNodes.push(cardpileadd); + + for (var i = 0; i < lib.config.addedpile[mode].length; i++) { + var card = lib.config.addedpile[mode][i]; + var cfgnode = ui.create.div(".config.toggle.cardpilecfg"); + cfgnode._info = card; + cfgnode.innerHTML = get.translation(card[2]) + " " + get.translation(card[0]) + card[1]; + var cfgnodedelete = document.createElement("span"); + cfgnodedelete.classList.add("cardpiledelete"); + cfgnodedelete.innerHTML = "删除"; + cfgnodedelete.onclick = deletecard; + cfgnode.appendChild(cfgnodedelete); + cfgnode.style.display = "none"; + cardpileNodes.push(cfgnode); + page.appendChild(cfgnode); + } + + for (var i = 0; i < lib.cardPile[mode].length; i++) { + var card = lib.cardPile[mode][i]; + var cfgnode = createConfig({ + name: ((card[2] == "sha" && card[3]) ? (get.translation(card[3])) : "") + get.translation(card[2]) + " " + get.translation(card[0]) + get.strNumber(card[1]), + _number: i, + _name: mode, + init: !lib.config.bannedpile[mode].contains(i), + onclick: toggleCardPile + }); + cfgnode.type = "defaultcards"; + cardpileNodes.push(cfgnode); + cfgnode.style.display = "none"; + cfgnode.classList.add("cardpilecfg"); + page.appendChild(cfgnode); + } + ui.create.div(".menuplaceholder", page); + } + }; + if (!get.config("menu_loadondemand")) node._initLink(); + return node; + }; + if (!connectMenu && lib.config.show_ban_menu) { + lib.cardPack.mode_banned = []; + for (var i = 0; i < lib.config.all.mode.length; i++) { + var banned = lib.config[lib.config.all.mode[i] + "_bannedcards"]; + if (banned) { + for (var j = 0; j < banned.length; j++) { + lib.cardPack.mode_banned.add(banned[j]); + } + } + } + var bannednode = createModeConfig("mode_banned", start.firstChild); + if (lib.cardPack.mode_banned.length == 0) { + bannednode.style.display = "none"; + } + delete lib.cardPack.mode_banned; + } + for (var i = 0; i < lib.config.all.cards.length; i++) { + if (connectMenu && !lib.connectCardPack.contains(lib.config.all.cards[i])) continue; + createModeConfig(lib.config.all.cards[i], start.firstChild); + } + if (!connectMenu) Object.keys(lib.cardPack).forEach(key => { + if (key.startsWith("mode_")) createModeConfig(key, start.firstChild); + }); + var active = start.firstChild.querySelector(".active"); + if (!active) { + active = start.firstChild.firstChild; + if (active.style.display == "none") { + active = active.nextSibling; + } + active.classList.add("active"); + updateActiveCard(active); + } + if (!active.link) active._initLink(); + rightPane.appendChild(active.link); + + (function () { + if (connectMenu) return; + var page = ui.create.div(".menu-buttons"); + var node = ui.create.div(".menubutton.large", "牌堆", clickMode); + start.firstChild.insertBefore(node, start.firstChild.querySelector(".lefttext")); + node.link = page; + node.mode = "cardpile"; + node.create = function () { + if (pileCreated) return; + pileCreated = true; + page.innerHTML = ""; + + var pileList = null; + var createList = function () { + if (pileList) { + pileList.remove(); + } + var list = ["默认牌堆"]; + if (lib.config.customcardpile["当前牌堆"]) { + list.push("当前牌堆"); + } + for (var i in lib.config.customcardpile) { + list.add(i); + } + var currentpile = get.config("cardpilename"); + if (!currentpile) { + if (list.contains("当前牌堆")) { + currentpile = "当前牌堆"; + } + else { + currentpile = "默认牌堆"; + } + } + pileList = ui.create.selectlist(list, currentpile, pileChoose, function (e) { + game.saveConfig("cardpilename", this.value, true); + restart.style.display = ""; + }); + pileList.style.float = "right"; + } + var pileChoose = ui.create.div(".config.toggle.cardpilecfg.nomarginleft", "选择牌堆", page); + createList(); + + var pileDel = function () { + delete lib.config.customcardpile[this.parentNode.link]; + this.parentNode.remove(); + game.saveConfig("customcardpile", lib.config.customcardpile); + for (var i in lib.config.mode_config) { + if (i == "global") continue; + if (lib.config.mode_config[i].cardpilename == this.parentNode.link) { + game.saveConfig("cardpilename", null, i); + } + } + createList(); + }; + + var restart = ui.create.div(".config.more", "重新启动", game.reload, page); + restart.style.display = "none"; + var createPileNode = function (name) { + var node = ui.create.div(".config.toggle.cardpilecfg.nomarginleft", name); + node.link = name; + var del = document.createElement("span"); + del.innerHTML = "删除"; + del.classList.add("cardpiledelete"); + del.onclick = pileDel; + node.appendChild(del); + if (name == "当前牌堆") { + page.insertBefore(node, pileChoose.nextSibling); + } + else { + page.insertBefore(node, restart); + } + }; + for (var i in lib.config.customcardpile) { + createPileNode(i); + } + var exportCardPile; + ui.create.div(".config.more", "保存当前牌堆
>
", page, function () { + this.classList.toggle("on"); + if (this.classList.contains("on")) { + exportCardPile.classList.remove("hidden"); + } + else { + exportCardPile.classList.add("hidden"); + } + }); + exportCardPile = ui.create.div(".config.cardpileadd.indent", page); + exportCardPile.classList.add("hidden"); + ui.create.div("", `名称：`, exportCardPile); + var input = exportCardPile.firstChild.lastChild.previousSibling; + input.value = "自定义牌堆"; + input.style.marginRight = "3px"; + input.style.width = "120px"; + exportCardPile.firstChild.lastChild.onclick = function () { + var name = input.value; + var ok = true; + if (lib.config.customcardpile[name] || name == "默认牌堆" || name == "当前牌堆") { + for (var i = 1; i <= 1000; i++) { + if (!lib.config.customcardpile[name + "(" + i + ")"]) { + name = name + "(" + i + ")"; + break; + } + } + } + lib.config.customcardpile[name] = [lib.config.bannedpile, lib.config.addedpile]; + delete lib.config.customcardpile["当前牌堆"]; + for (var i in lib.mode) { + if (lib.config.mode_config[i] && + (lib.config.mode_config[i].cardpilename == "当前牌堆" || !lib.config.mode_config[i].cardpilename)) { + game.saveConfig("cardpilename", name, i); + } + } + for (var i = 0; i < page.childElementCount; i++) { + if (page.childNodes[i].link == "当前牌堆") { + page.childNodes[i].remove(); + break; + } + } + game.saveConfig("customcardpile", lib.config.customcardpile); + createPileNode(name); + createList(); + }; + } + }()); + + if (!connectMenu) { + var node1 = ui.create.div(".lefttext", "全部开启", start.firstChild, function () { + game.saveConfig("cards", lib.config.all.cards); + updateNodes(); + }); + var node2 = ui.create.div(".lefttext", "恢复默认", start.firstChild, function () { + game.saveConfig("cards", lib.config.defaultcards); + updateNodes(); + }); + node1.style.marginTop = "12px"; + node2.style.marginTop = "7px"; + } + + updateNodes(); + }()); + + (function () { + if (connectMenu) return; + var start = menuxpages.shift(); + var rightPane = start.lastChild; + + var clickMode = function () { + if (this.mode == "get") { + this.update(); + } + var active = this.parentNode.querySelector(".active"); + if (active === this) { + return; + } + active.classList.remove("active"); + active.link.remove(); + active = this; + this.classList.add("active"); + if (this.link) rightPane.appendChild(this.link); + else { + this._initLink(); + rightPane.appendChild(this.link); + } + updateNodes(); + }; + ui.click.extensionTab = function (name) { + ui.click.menuTab("扩展"); + for (var i = 0; i < start.firstChild.childElementCount; i++) { + if (start.firstChild.childNodes[i].innerHTML == name) { + clickMode.call(start.firstChild.childNodes[i]); + break; + } + } + } + var updateNodes = function () { + for (var i = 0; i < start.firstChild.childNodes.length; i++) { + var node = start.firstChild.childNodes[i]; + if (node.mode == "get") continue; + if (node.mode == "create") continue; + if (node.mode && node.mode.startsWith("extension_")) { + if (lib.config[node.mode + "_enable"]) { + node.classList.remove("off"); + if (node.link) node.link.firstChild.classList.add("on"); + } + else { + node.classList.add("off"); + if (node.link) node.link.firstChild.classList.remove("on"); + } + } + else { + if (lib.config.plays.contains(node.mode)) { + node.classList.remove("off"); + if (node.link) node.link.firstChild.classList.add("on"); + } + else { + node.classList.add("off"); + if (node.link) node.link.firstChild.classList.remove("on"); + } + } + } + } + var togglePack = function (bool) { + var name = this._link.config._name; + if (name.startsWith("extension_")) { + if (bool) { + game.saveConfig(name, true); + } + else { + game.saveConfig(name, false); + } + } + else { + name = name.slice(0, name.indexOf("_enable_playpackconfig")); + if (bool) { + lib.config.plays.add(name); + } + else { + lib.config.plays.remove(name); + } + game.saveConfig("plays", lib.config.plays); + } + if (this.onswitch) { + this.onswitch(bool); + } + updateNodes(); + }; + + var createModeConfig = function (mode, position) { + var page = ui.create.div(""); + page.style.paddingBottom = "10px"; + var node; + if (mode.startsWith("extension_")) { + node = ui.create.div(".menubutton.large", mode.slice(10), position, clickMode); + } + else { + node = ui.create.div(".menubutton.large", lib.translate[mode + "_play_config"], position, clickMode); + } + if (node.innerHTML.length >= 5) { + node.classList.add("smallfont"); + } + node.mode = mode; + // node._initLink=function(){ + node.link = page; + for (var i in lib.extensionMenu[mode]) { + if (i == "game") continue; + var cfg = copyObj(lib.extensionMenu[mode][i]); + var j; + if (mode.startsWith("extension_")) { + j = mode + "_" + i; + } + else { + j = mode + "_" + i + "_playpackconfig"; + } + cfg._name = j; + if (!Object.prototype.hasOwnProperty.call(lib.config, j)) { + game.saveConfig(j, cfg.init); + } + else { + cfg.init = lib.config[j]; + } + + if (i == "enable") { + cfg.onclick = togglePack; + } + else if (!lib.extensionMenu[mode][i].onclick) { + cfg.onclick = function (result) { + var cfg = this._link.config; + game.saveConfig(cfg._name, result); + }; + } + var cfgnode = createConfig(cfg); + if (cfg.onswitch) { + cfgnode.onswitch = cfg.onswitch; + } + page.appendChild(cfgnode); + } + // }; + // if(!get.config("menu_loadondemand")) node._initLink(); + return node; + }; + for (var i in lib.extensionMenu) { + if (lib.config.all.stockextension.contains(i) && !lib.config.all.plays.contains(i)) continue; + if (lib.config.hiddenPlayPack.contains(i)) continue; + createModeConfig(i, start.firstChild); + } + (function () { + if (!lib.device && !lib.db) return; + if (lib.config.show_extensionmaker == false) return; + var page = ui.create.div("#create-extension"); + var node = ui.create.div(".menubutton.large", "制作扩展", start.firstChild, clickMode); + node.mode = "create"; + game.editExtension = function (name) { + node._initLink(); + game.editExtension(name); + }; + node._initLink = function () { + node.link = page; + var pageboard = ui.create.div(page); + var inputExtLine = ui.create.div(pageboard); + inputExtLine.style.transition = "all 0s"; + inputExtLine.style.padding = "10px"; + inputExtLine.style.height = "22px"; + inputExtLine.style.lineHeight = "22px"; + inputExtLine.style.whiteSpace = "nowrap"; + inputExtLine.style.overflow = "visible"; + var inputExtSpan = document.createElement("span"); + inputExtSpan.innerHTML = "扩展名："; + inputExtLine.appendChild(inputExtSpan); + var inputExtName = document.createElement("input"); + inputExtName.type = "text"; + inputExtName.value = "无名扩展"; + inputExtName.style.width = "80px"; + inputExtName.style.textAlign = "center"; + inputExtLine.appendChild(inputExtName); + + var buttonConfirmOnclick = function () { + buttonConfirm.style.display = "none"; + inputExtSpan.style.display = "none"; + inputExtName.style.display = "none"; + authorExtLine.style.display = "none"; + introExtLine.style.display = "none"; + forumExtLine.style.display = "none"; + diskExtLine.style.display = "none"; + versionExtLine.style.display = "none"; + okExtLine.style.display = "none"; + inputExtLine.style.padding = "10px"; + buttonRename.style.display = ""; + buttonSave.style.display = ""; + buttonReset.style.display = ""; + buttonExport.style.display = ""; + inputExtSpan.innerHTML = "扩展名称："; + inputExtName.style.width = "100px"; + inputExtName.style.textAlign = ""; + + dashboard.style.display = ""; + }; + var createExtLine = function (str, str2) { + var infoExtLine = ui.create.div(pageboard); + infoExtLine.style.display = "none"; + infoExtLine.style.padding = "0 10px 10px 10px"; + infoExtLine.style.height = "22px"; + infoExtLine.style.lineHeight = "22px"; + infoExtLine.style.whiteSpace = "nowrap"; + infoExtLine.style.overflow = "visible"; + if (typeof str == "boolean") { + var inputConfirm = document.createElement("button"); + inputConfirm.innerHTML = "确定"; + inputConfirm.onclick = buttonConfirmOnclick; + infoExtLine.appendChild(inputConfirm); + return infoExtLine; + } + var infoExtSpan = document.createElement("span"); + infoExtSpan.innerHTML = str + "："; + infoExtLine.appendChild(infoExtSpan); + var infoExtName = document.createElement("input"); + infoExtName.type = "text"; + infoExtName.style.width = "100px"; + infoExtName.value = str2 || ""; + infoExtLine.appendChild(infoExtName); + return infoExtLine; + }; + var authorExtLine = createExtLine("扩展作者", get.connectNickname()); + var introExtLine = createExtLine("扩展描述"); + var versionExtLine = createExtLine("扩展版本", "1.0"); + var diskExtLine = createExtLine("网盘地址"); + var forumExtLine = createExtLine("讨论地址"); + var okExtLine = createExtLine(true); + + game.editExtension = function (name) { + page.currentExtension = name || "无名扩展"; + inputExtName.value = page.currentExtension; + if (name && lib.extensionPack[name]) { + authorExtLine.querySelector("input").value = lib.extensionPack[name].author || ""; + introExtLine.querySelector("input").value = lib.extensionPack[name].intro || ""; + diskExtLine.querySelector("input").value = lib.extensionPack[name].diskURL || ""; + forumExtLine.querySelector("input").value = lib.extensionPack[name].forumURL || ""; + versionExtLine.querySelector("input").value = lib.extensionPack[name].version || ""; + } + else { + authorExtLine.querySelector("input").value = get.connectNickname() || ""; + introExtLine.querySelector("input").value = ""; + diskExtLine.querySelector("input").value = ""; + forumExtLine.querySelector("input").value = ""; + versionExtLine.querySelector("input").value = "1.0"; + } + if (name) { + inputExtName.disabled = true; + buttonConfirm.style.display = "none"; + inputExtSpan.style.display = "none"; + inputExtName.style.display = "none"; + buttonRename.style.display = ""; + buttonSave.style.display = ""; + buttonReset.style.display = ""; + buttonExport.style.display = ""; + } + else { + inputExtName.disabled = false; + buttonConfirm.style.display = ""; + inputExtSpan.innerHTML = "扩展名："; + inputExtName.style.width = "80px"; + inputExtName.style.textAlign = "center"; + inputExtSpan.style.display = ""; + inputExtName.style.display = ""; + buttonRename.style.display = "none"; + buttonSave.style.display = "none"; + buttonReset.style.display = "none"; + buttonExport.style.display = "none"; + } + + dashboard.style.display = ""; + + exportExtLine.style.display = "none"; + shareExtLine.style.display = "none"; + authorExtLine.style.display = "none"; + introExtLine.style.display = "none"; + forumExtLine.style.display = "none"; + diskExtLine.style.display = "none"; + versionExtLine.style.display = "none"; + okExtLine.style.display = "none"; + inputExtLine.style.padding = "10px"; + dash1.reset(name); + dash2.reset(name); + dash3.reset(name); + dash4.reset(name); + dash1.link.classList.remove("active"); + dash2.link.classList.remove("active"); + dash3.link.classList.remove("active"); + dash4.link.classList.remove("active"); + var active = node.parentNode.querySelector(".active"); + if (active === node) { + return; + } + active.classList.remove("active"); + active.link.remove(); + node.classList.add("active"); + rightPane.appendChild(node.link); + } + var processExtension = function (exportext) { + if (page.currentExtension) { + if (page.currentExtension != inputExtName.value && !exportext) { + game.removeExtension(page.currentExtension); + } + } + inputExtName.disabled = true; + setTimeout(function () { + var ext = {}; + var config = null, help = null; + for (var i in dash4.content) { + try { + if (i == "content" || i == "precontent") { + eval("ext[i]=" + dash4.content[i]); + if (typeof ext[i] != "function") { + throw ("err"); + } + else { + ext[i] = ext[i].toString(); + } + } + else { + eval(dash4.content[i]); + eval("ext[i]=" + i); + if (ext[i] == null || typeof ext[i] != "object") { + throw ("err"); + } + else { + ext[i] = JSON.stringify(ext[i]); + } + } + } + catch (e) { + console.log(e); + delete ext[i]; + } + } + page.currentExtension = inputExtName.value || "无名扩展"; + var str = `{name:"${page.currentExtension}"`; + for (var i in ext) { + str += "," + i + ":" + ext[i]; + } + dash2.content.pack.list = []; + for (var i = 0; i < dash2.pile.childNodes.length; i++) { + dash2.content.pack.list.push(dash2.pile.childNodes[i].link); + } + str += ",package:" + get.stringify({ + //替换die audio，加上扩展名 + character: (pack => { + var character = pack.character; + for (var key in character) { + var info = character[key]; + if (Array.isArray(info[4])) { + var tag = info[4].find(tag => /^die:.+$/.test(tag)); + if (tag) { + info[4].remove(tag); + if (typeof game.readFile == "function") { + info[4].push("die:ext:" + page.currentExtension + "/audio/die/" + tag.slice(tag.lastIndexOf("/") + 1)); + } else { + info[4].push("die:db:extension-" + page.currentExtension + ":audio/die/" + tag.slice(tag.lastIndexOf("/") + 1)); + } + } + } + } + return pack; + })(dash1.content.pack), + card: dash2.content.pack, + skill: dash3.content.pack, + intro: introExtLine.querySelector("input").value || "", + author: authorExtLine.querySelector("input").value || "", + diskURL: diskExtLine.querySelector("input").value || "", + forumURL: forumExtLine.querySelector("input").value || "", + version: versionExtLine.querySelector("input").value || "", + }); + var files = { character: [], card: [], skill: [], audio: [] }; + for (var i in dash1.content.image) { + files.character.push(i); + } + for (var i in dash1.content.audio) { + files.audio.push("audio/die/" + i); + } + for (var i in dash2.content.image) { + files.card.push(i); + } + for (var i in dash3.content.audio) { + files.skill.push(i); + } + str += ",files:" + JSON.stringify(files); + str += "}"; + var extension = { "extension.js": `game.import("extension",function(lib,game,ui,get,ai,_status){return ${str}})` }; + for (var i in dash1.content.image) { + extension[i] = dash1.content.image[i]; + } + for (var i in dash1.content.audio) { + extension["audio/die/" + i] = dash1.content.audio[i]; + } + for (var i in dash2.content.image) { + extension[i] = dash2.content.image[i]; + } + var callback = () => { + if (exportext) { + var proexport = function () { + game.importExtension(extension, null, page.currentExtension, { + intro: introExtLine.querySelector("input").value || "", + author: authorExtLine.querySelector("input").value || "", + netdisk: diskExtLine.querySelector("input").value || "", + forum: forumExtLine.querySelector("input").value || "", + version: versionExtLine.querySelector("input").value || "", + }); + }; + if (game.getFileList) { + game.getFileList("extension/" + page.currentExtension, function (folders, files) { + extension._filelist = files; + proexport(); + }); + } + else { + proexport(); + } + } + else { + game.importExtension(extension, function () { + exportExtLine.style.display = ""; + }); + } + }; + //兼容网页版情况 + if (typeof game.readFile == "function") { + game.readFile("LICENSE", function (data) { + extension["LICENSE"] = data; + game.writeFile(data, "extension/" + page.currentExtension, "LICENSE", function () { }) + callback(); + }, function () { + alert("许可证文件丢失，无法导出扩展"); + }); + } else { + callback(); + } + }, 500); + }; + var buttonConfirm = document.createElement("button"); + buttonConfirm.innerHTML = "确定"; + buttonConfirm.style.marginLeft = "5px"; + buttonConfirm.onclick = buttonConfirmOnclick; + inputExtLine.appendChild(buttonConfirm); + var buttonRename = document.createElement("button"); + buttonRename.innerHTML = "选项"; + buttonRename.style.marginLeft = "2px"; + buttonRename.style.marginRight = "2px"; + buttonRename.style.display = "none"; + buttonRename.onclick = function () { + inputExtSpan.style.display = ""; + inputExtName.style.display = ""; + authorExtLine.style.display = ""; + introExtLine.style.display = ""; + forumExtLine.style.display = ""; + diskExtLine.style.display = ""; + versionExtLine.style.display = ""; + okExtLine.style.display = "block"; + inputExtLine.style.padding = "20px 10px 10px 10px"; + inputExtName.disabled = false; + buttonRename.style.display = "none"; + buttonSave.style.display = "none"; + buttonReset.style.display = "none"; + buttonExport.style.display = "none"; + inputExtSpan.innerHTML = "扩展名称："; + inputExtName.style.width = "100px"; + inputExtName.style.textAlign = ""; + + dashboard.style.display = "none"; + }; + inputExtLine.appendChild(buttonRename); + var buttonReset = document.createElement("button"); + buttonReset.innerHTML = "重置"; + buttonReset.style.marginLeft = "2px"; + buttonReset.style.marginRight = "2px"; + buttonReset.style.display = "none"; + buttonReset.onclick = function () { + if (confirm("当前扩展将被清除，是否确定？")) { + game.editExtension(); + } + }; + inputExtLine.appendChild(buttonReset); + var buttonSave = document.createElement("button"); + buttonSave.innerHTML = "保存"; + buttonSave.style.marginLeft = "2px"; + buttonSave.style.marginRight = "2px"; + buttonSave.style.display = "none"; + buttonSave.onclick = function () { + dash1.link.classList.remove("active"); + dash2.link.classList.remove("active"); + dash3.link.classList.remove("active"); + dash4.link.classList.remove("active"); + processExtension(); + }; + inputExtLine.appendChild(buttonSave); + var buttonExport = document.createElement("button"); + buttonExport.innerHTML = "导出"; + buttonExport.style.marginLeft = "2px"; + buttonExport.style.marginRight = "2px"; + buttonExport.style.display = "none"; + buttonExport.onclick = function () { + function oldExport() { + processExtension(true); + if (lib.config.show_extensionshare) { + shareExtLine.style.display = ""; + } + } + if (typeof game.readFile == "function" && + window.noname_shijianInterfaces && + typeof window.noname_shijianInterfaces.shareExtensionWithPassWordAsync == "function" && + confirm("是否使用诗笺版自带的导出功能来导出扩展？")) { + const extName = inputExtName.value; + if (!extName) { + alert("未检测到扩展名，将使用无名杀自带的导出功能"); + oldExport(); + return; + } + game.readFile(`extension/${extName}/extension.js`, () => { + const pwd = prompt("请输入压缩包密码，不设密码直接点确定"); + let result; + if (pwd === "" || pwd === null) { + window.noname_shijianInterfaces.shareExtensionAsync(extName); + } else { + window.noname_shijianInterfaces.shareExtensionWithPassWordAsync(extName, pwd); + } + }, () => { + alert("未检测到扩展文件，将使用无名杀自带的导出功能"); + oldExport(); + }); + } else { + oldExport(); + } + }; + inputExtLine.appendChild(buttonExport); + var exportExtLine = ui.create.div(pageboard); + exportExtLine.style.display = "none"; + exportExtLine.style.width = "calc(100% - 40px)"; + exportExtLine.style.textAlign = "left"; + exportExtLine.style.marginBottom = "5px"; + if (lib.device == "ios") { + exportExtLine.innerHTML = `已保存。退出游戏并重新打开后生效×`; + exportExtLine.querySelectorAll("span")[0].onclick = function () { + exportExtLine.style.display = "none"; + }; + } + else { + exportExtLine.innerHTML = `重启后生效。立即重启×`; + exportExtLine.querySelectorAll("span")[0].onclick = game.reload; + exportExtLine.querySelectorAll("span")[1].onclick = function () { + exportExtLine.style.display = "none"; + }; + } + + + var shareExtLine = ui.create.div(pageboard); + shareExtLine.style.display = "none"; + shareExtLine.style.width = "calc(100% - 40px)"; + shareExtLine.style.textAlign = "left"; + shareExtLine.style.marginBottom = "5px"; + shareExtLine.innerHTML = `已导出扩展。分享扩展×`; + shareExtLine.querySelectorAll("span")[0].onclick = function () { + //这个链接404了 + //game.open("https://tieba.baidu.com/p/5439380222"); + //无名杀贴吧首页 + game.open("https://tieba.baidu.com/f?ie=utf-8&kw=%E6%97%A0%E5%90%8D%E6%9D%80"); + }; + shareExtLine.querySelectorAll("span")[1].onclick = function () { + shareExtLine.style.display = "none"; + }; + + var dashboard = ui.create.div(pageboard); + var clickDash = function () { + ui.create.templayer(); + pageboard.hide(); + this.link.show(); + if (this.link.init) { + this.link.init(); + } + }; + var createDash = function (str1, str2, node) { + var dash = ui.create.div(".menubutton.large.dashboard"); + dashboard.appendChild(dash); + page.appendChild(node); + dash.link = node; + node.link = dash; + dash.listen(clickDash); + lib.setScroll(node); + ui.create.div("", str1, dash); + ui.create.div("", str2, dash); + }; + var dash1 = (function () { + var page = ui.create.div(".hidden.menu-buttons"); + var currentButton = null; + page.init = function () { + if (!page.querySelector(".button.character")) { + toggle.classList.add("on"); + newCharacter.style.display = ""; + } + }; + var updateButton = function () { + var name = page.querySelector("input.new_name").value; + if (!name) { + editnode.classList.add("disabled"); + return; + } + name = name.split("|"); + name = name[0]; + if (currentButton) { + if (currentButton.link != name) { + if (lib.character[name] || page.content.pack.character[name]) { + editnode.classList.add("disabled"); + return; + } + } + } + else { + if (lib.character[name] || page.content.pack.character[name]) { + editnode.classList.add("disabled"); + return; + } + } + if (!fakeme.image) { + if (!page.content.image[name + ".jpg"]) { + editnode.classList.add("disabled"); + return; + } + } + editnode.classList.remove("disabled"); + }; + var clickButton = lib.gnc.of(function* () { + if (currentButton == this) { + resetEditor(); + return; + } + resetEditor(); + currentButton = this; + toggle.classList.add("on"); + newCharacter.style.display = ""; + fakeme.classList.add("inited"); + fakeme.style.backgroundImage = this.style.backgroundImage; + if (page.content.pack.translate[this.link] != this.link) { + newCharacter.querySelector(".new_name").value = this.link + "|" + page.content.pack.translate[this.link]; + } + else { + newCharacter.querySelector(".new_name").value = this.link; + } + var info = page.content.pack.character[this.link]; + newCharacter.querySelector(".new_hp").value = info[2]; + sexes.value = info[0]; + groups.value = info[1]; + if (info[4]) { + for (var i = 0; i < options.childNodes.length - 1; i++) { + if (options.childNodes[i].lastChild && info[4].contains(options.childNodes[i].lastChild.name)) { + options.childNodes[i].lastChild.checked = true; + } + else if (options.childNodes[i].lastChild) { + options.childNodes[i].lastChild.checked = false; + } + } + for (var i = 0; i < info[4].length; i++) { + if (info[4][i].startsWith("des:")) { + newCharacter.querySelector(".new_des").value = info[4][i].slice(4); + } + if (info[4][i].startsWith("die:")) { + var dieaudionode = newCharacter.querySelector(".die_audio"); + dieaudionode.file = { + name: info[4][i].slice(info[4][i].lastIndexOf("/") + 1) + }; + yield new Promise(resolve => { + if (typeof game.readFile == "function") { + game.readFile(info[4][i].slice(4).replace("ext:", "extension/"), arraybuffer => { + dieaudionode.arrayBuffer = arraybuffer; + resolve(); + }, () => { + console.warn(`未找到${info[4][i].slice(4).replace("ext:", "extension/")}阵亡配音`); + resolve(); + }); + } else { + game.getDB("image", info[4][i].slice(7)).then(octetStream => { + dieaudionode.arrayBuffer = octetStream; + resolve(); + }, () => { + console.warn(`未找到${info[4][i].slice(4)}阵亡配音`); + resolve(); + }); + } + }); + } + } + } + + var skills = info[3]; + for (var i = 0; i < skills.length; i++) { + var node = document.createElement("button"); + node.skill = skills[i]; + node.onclick = deletenode; + node.innerHTML = lib.translate[skills[i]]; + skillList.firstChild.appendChild(node); + } + + toggle.innerHTML = "编辑武将
>
"; + editnode.innerHTML = "编辑武将"; + editnode.classList.remove("disabled"); + delnode.innerHTML = "删除"; + delnode.button = this; + }); + var createButton = function (name, image) { + var button = ui.create.div(".button.character"); + button.link = name; + button.image = image; + button.style.backgroundImage = "url(" + image + ")"; + button.style.backgroundSize = "cover"; + button.listen(clickButton); + button.classList.add("noclick"); + button.nodename = ui.create.div(button, ".name", get.verticalStr(page.content.pack.translate[name])); + button.nodename.style.top = "8px"; + page.insertBefore(button, page.childNodes[1]); + } + page.reset = function (name) { + resetEditor(); + var buttons = page.querySelectorAll(".button.character"); + var list = []; + for (var i = 0; i < buttons.length; i++) { + list.push(buttons[i]); + } + for (var i = 0; i < list.length; i++) { + list[i].remove(); + } + if (lib.extensionPack[name]) { + page.content.pack = lib.extensionPack[name].character || { + character: {}, + translate: {} + }; + page.content.image = {}; + for (var i in page.content.pack.character) { + var file = i + ".jpg"; + var loadImage = function (file, data) { + var img = new Image(); + img.crossOrigin = "Anonymous"; + img.onload = function () { + var canvas = document.createElement("CANVAS"); + var ctx = canvas.getContext("2d"); + var dataURL; + canvas.height = this.height; + canvas.width = this.width; + ctx.drawImage(this, 0, 0); + canvas.toBlob(function (blob) { + var fileReader = new FileReader(); + fileReader.onload = function (e) { + page.content.image[file] = e.target.result; + }; + fileReader.readAsArrayBuffer(blob, "UTF-8"); + }); + }; + img.src = data; + } + if (game.download) { + var url = lib.assetURL + "extension/" + name + "/" + file; + createButton(i, url); + if (lib.device == "ios" || lib.device == "android") { + window.resolveLocalFileSystemURL(lib.assetURL + "extension/" + name, function (entry) { + entry.getFile(file, {}, function (fileEntry) { + fileEntry.file(function (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (e) { + page.content.image[file] = e.target.result; + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }); + }); + }); + } + else { + loadImage(file, url); + } + } + else game.getDB("image", `extension-${name}:${file}`).then(value => { + createButton(i, value); + loadImage(file, value); + }); + } + } + else { + page.content = { + pack: { + character: {}, + translate: {} + }, + image: {}, + audio: {} + }; + toggle.classList.add("on"); + newCharacter.style.display = ""; + } + }; + ui.create.div(".config.more", `
←
返回`, page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + page.content = { + pack: { + character: {}, + translate: {} + }, + image: {}, + audio: {} + }; + var newCharacter; + var toggle = ui.create.div(".config.more.on", "创建武将
>
", page, function () { + this.classList.toggle("on"); + if (this.classList.contains("on")) { + newCharacter.style.display = ""; + } + else { + newCharacter.style.display = "none"; + } + }); + var resetEditor = function () { + currentButton = null; + toggle.classList.remove("on"); + newCharacter.style.display = "none"; + fakeme.classList.remove("inited"); + delete fakeme.image; + delete fakeme.image64; + fakeme.style.backgroundImage = ""; + var inputs = newCharacter.querySelectorAll("input"); + for (var i = 0; i < inputs.length; i++) { + inputs[i].value = ""; + } + inputs = newCharacter.querySelectorAll("textarea"); + for (var i = 0; i < inputs.length; i++) { + inputs[i].value = ""; + } + skillList.firstChild.innerHTML = ""; + toggle.innerHTML = "创建武将
>
"; + editnode.innerHTML = "创建武将"; + editnode.classList.add("disabled"); + delnode.innerHTML = "取消"; + delete delnode.button; + } + + newCharacter = ui.create.div(".new_character", page); + var fakeme = ui.create.div(".avatar", newCharacter); + + var input = document.createElement("input"); + input.type = "file"; + input.accept = "image/*"; + input.className = "fileinput"; + input.onchange = function () { + var fileToLoad = input.files[0]; + if (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + fakeme.style.backgroundImage = "url(" + data + ")"; + fakeme.image64 = data; + fakeme.classList.add("inited"); + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + fakeme.image = fileLoadedEvent.target.result; + updateButton(); + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }; + fileReader.readAsDataURL(fileToLoad, "UTF-8"); + } + } + fakeme.appendChild(input); + + ui.create.div(".select_avatar", "选择头像", fakeme); + + ui.create.div(".indent", `姓名：`, newCharacter).style.paddingTop = "8px"; + ui.create.div(".indent", `介绍：`, newCharacter).style.paddingTop = "8px"; + ui.create.div(".indent", `体力：`, newCharacter).style.paddingTop = "8px"; + newCharacter.querySelector("input.new_name").onblur = updateButton; + var sexes = ui.create.selectlist([ + ["male", "男"], + ["female", "女"], + ["double", "双性"], + ["none", "无"] + ], null, ui.create.div(".indent", "性别：", newCharacter)); + var grouplist = lib.group.map((group, i) => [lib.group[i], get.translation(lib.group[i])]); + var groups = ui.create.selectlist(grouplist, null, ui.create.div(".indent", "势力：", newCharacter)); + var dieaudio = ui.create.div(".die_audio", newCharacter, { textAlign: "left" }); + var dieaudiolabel = ui.create.node("label", "阵亡配音:", dieaudio); + var dieaudioUpload = dieaudio.appendChild(document.createElement("input")); + dieaudioUpload.type = "file"; + dieaudioUpload.accept = "audio/*"; + dieaudioUpload.style.width = "calc(100% - 100px)"; + dieaudioUpload.onchange = function () { + var fileToLoad = dieaudioUpload.files[0]; + if (fileToLoad) { + console.log(fileToLoad); + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + var blob = new Blob([data]); + dieaudio.file = fileToLoad; + dieaudio.arrayBuffer = data; + dieaudio.blob = blob; + var new_name = newCharacter.querySelector("input.new_name"); + dieaudioUpload.style.display = "none"; + dieaudiopreview.style.display = + dieaudiocancel.style.display = ""; + dieaudiotag.src = window.URL.createObjectURL(blob); + }; + fileReader.readAsArrayBuffer(fileToLoad); + } + }; + var dieaudiotag = ui.create.node("audio", dieaudio); + var dieaudiopreview = ui.create.node("button", dieaudio, () => { + if (dieaudiotag.error) { + alert("您使用的客户端不支持预览此音频！") + } else dieaudiotag.play(); + }); + dieaudiopreview.innerHTML = "播放"; + dieaudiopreview.style.display = "none"; + var dieaudiocancel = ui.create.node("button", dieaudio, () => { + dieaudiopreview.style.display = "none"; + dieaudiocancel.style.display = "none"; + if (dieaudio.blob) { + window.URL.revokeObjectURL(dieaudio.blob); + dieaudiotag.src = null; + delete dieaudio.file; + delete dieaudio.arrayBuffer; + delete dieaudio.blob; + } + dieaudioUpload.value = ""; + dieaudioUpload.style.display = ""; + }); + dieaudiocancel.innerHTML = "取消"; + dieaudiocancel.style.display = "none"; + var options = ui.create.div(".add_skill.options", `主公BOSS仅点将可用
隐匿技
`, newCharacter); + var addSkill = ui.create.div(".add_skill", "添加技能
", newCharacter); + var list = []; + for (var i in lib.character) { + if (lib.character[i][3].length) { + list.push([i, lib.translate[i]]); + } + } + list.sort(function (a, b) { + a = a[0]; b = b[0]; + var aa = a, bb = b; + if (aa.includes("_")) { + aa = aa.slice(aa.indexOf("_") + 1); + } + if (bb.includes("_")) { + bb = bb.slice(bb.indexOf("_") + 1); + } + if (aa != bb) { + return aa > bb ? 1 : -1; + } + return a > b ? 1 : -1; + }); + var list2 = []; + var skills = lib.character[list[0][0]][3]; + for (var i = 0; i < skills.length; i++) { + list2.push([skills[i], lib.translate[skills[i]]]); + } + list.unshift(["current_extension", "此扩展"]); + + var selectname = ui.create.selectlist(list, list[1], addSkill); + page.selectname = selectname; + selectname.onchange = function () { + skillopt.innerHTML = ""; + if (this.value == "current_extension") { + for (var i in dash3.content.pack.skill) { + var option = document.createElement("option"); + option.value = i; + option.innerHTML = dash3.content.pack.translate[i]; + skillopt.appendChild(option); + } + } + else { + var skills = lib.character[this.value][3]; + for (var i = 0; i < skills.length; i++) { + var option = document.createElement("option"); + option.value = skills[i]; + option.innerHTML = lib.translate[skills[i]]; + skillopt.appendChild(option); + } + } + }; + selectname.style.maxWidth = "85px"; + var skillopt = ui.create.selectlist(list2, list2[0], addSkill); + skillopt.style.maxWidth = "60px"; + page.skillopt = skillopt; + var addSkillButton = document.createElement("button"); + addSkillButton.innerHTML = "添加"; + addSkill.appendChild(addSkillButton); + page.addSkillButton = addSkillButton; + var deletenode = function () { + this.remove(); + } + addSkillButton.onclick = function () { + for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { + if (skillList.firstChild.childNodes[i].skill == skillopt.value) return alert(selectname.value == "current_extension" ? "此扩展还未添加技能" : "此武将没有技能可添加"); + } + //无技能时 + if (!skillopt.value || skillopt.childElementCount == 0) return; + var node = document.createElement("button"); + node.skill = skillopt.value; + node.onclick = deletenode; + for (var i = 0; i < skillopt.childElementCount; i++) { + if (skillopt.childNodes[i].value == skillopt.value) { + node.innerHTML = skillopt.childNodes[i].innerHTML; break; + } + } + skillList.firstChild.appendChild(node); + }; + var createSkillButton = document.createElement("button"); + createSkillButton.innerHTML = "创建"; + createSkillButton.style.marginLeft = "3px"; + addSkill.appendChild(createSkillButton); + createSkillButton.onclick = function () { + ui.create.templayer(); + page.hide(); + dash3.show(); + dash3.fromchar = "add"; + dash3.toggle.classList.add("on"); + dash3.newSkill.style.display = ""; + }; + page.updateSkill = function () { + for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { + var node = skillList.firstChild.childNodes[i]; + var skill = skillList.firstChild.childNodes[i].skill; + if (dash3.content.pack.skill[skill]) { + node.innerHTML = dash3.content.pack.translate[skill]; + } + else if (lib.skill[skill]) { + node.innerHTML = lib.translate[skill]; + } + else { + node.remove(); i--; + } + } + }; + var skillList = ui.create.div(".skill_list", newCharacter); + ui.create.div(skillList); + var editnode = ui.create.div(".menubutton.large.disabled", "创建武将", ui.create.div(skillList), function () { + var name = page.querySelector("input.new_name").value; + if (!name) { + alert("请填写武将名\n提示：武将名格式为id+|+中文名，其中id必须惟一"); + return; + } + name = name.split("|"); + var translate = name[1] || name[0]; + name = name[0]; + if (currentButton) { + if (currentButton.link != name) { + if (lib.character[name] || page.content.pack.character[name]) { + alert("武将名与现有武将重复，请更改\n提示：武将名格式为id+|+中文名，其中id必须惟一"); + return; + } + page.content.image[name + ".jpg"] = page.content.image[currentButton.link + ".jpg"]; + delete page.content.image[currentButton.link + ".jpg"]; + delete page.content.pack.character[currentButton.link]; + delete page.content.pack.translate[currentButton.link]; + currentButton.link = name; + } + } + else { + if (lib.character[name] || page.content.pack.character[name]) { + alert("武将名与现有武将重复，请更改\n提示：武将名格式为id+|+中文名，其中id必须惟一"); + return; + } + } + if (fakeme.image) { + page.content.image[name + ".jpg"] = fakeme.image; + } + else { + if (!page.content.image[name + ".jpg"]) { + alert("请选择武将头像"); + return; + } + } + var hp = page.querySelector("input.new_hp").value; + //体力支持‘Infinity,∞,无限’表示无限 + if (["Infinity", "∞", "无限"].includes(hp)) hp = Infinity; + else if (hp.indexOf("/") == -1) hp = parseInt(hp) || 1; + var skills = []; + for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { + skills.add(skillList.firstChild.childNodes[i].skill); + } + var tags = []; + for (var i = 0; i < options.childNodes.length - 1; i++) { + if (options.childNodes[i].lastChild && options.childNodes[i].lastChild.checked) { + tags.push(options.childNodes[i].lastChild.name); + } + } + if (tags.contains("boss")) { + tags.add("bossallowed"); + } + var des = page.querySelector("input.new_des").value; + if (des) { + tags.add("des:" + des); + } + //阵亡配音 + if (dieaudio.file && dieaudio.arrayBuffer) { + var audioname = name + dieaudio.file.name.slice(dieaudio.file.name.indexOf(".")); + tags.add(`die:${typeof game.readFile == "function" ? "ext" : "db"}:audio/die/${audioname}`); + page.content.audio[audioname] = dieaudio.arrayBuffer; + } + + page.content.pack.translate[name] = translate; + page.content.pack.character[name] = [sexes.value, groups.value, hp, skills, tags]; + if (this.innerHTML == "创建武将") { + createButton(name, fakeme.image64); + } + else if (currentButton) { + if (fakeme.image64) { + currentButton.image = fakeme.image64; + currentButton.style.backgroundImage = "url(" + fakeme.image64 + ")"; + } + currentButton.nodename.innerHTML = get.verticalStr(translate); + } + resetEditor(); + dash1.link.classList.add("active"); + }); + var delnode = ui.create.div(".menubutton.large", "取消", editnode.parentNode, function () { + if (this.innerHTML == "删除") { + this.button.remove(); + var name = this.button.link; + delete dash1.content.pack.character[name]; + delete dash1.content.pack.translate[name]; + delete dash1.content.image[name]; + delete dash1.content.audio[name]; + dash1.link.classList.add("active"); + } + resetEditor(); + }); + delnode.style.marginLeft = "13px"; + + return page; + }()); + var dash2 = (function () { + var page = ui.create.div(".hidden.menu-buttons"); + var currentButton = null; + page.init = function () { + if (!page.querySelector(".button.card")) { + toggle.classList.add("on"); + newCard.style.display = ""; + } + }; + var updateButton = function () { + var name = page.querySelector("input.new_name").value; + if (!name) { + editnode.classList.add("disabled"); + return; + } + name = name.split("|"); + name = name[0]; + if (currentButton) { + if (currentButton.link != name) { + if (lib.card[name] || page.content.pack.card[name]) { + editnode.classList.add("disabled"); + return; + } + } + } + else { + if (lib.card[name] || page.content.pack.card[name]) { + editnode.classList.add("disabled"); + return; + } + } + if (!fakeme.image && !fakeme.classList.contains("inited")) { + editnode.classList.add("disabled"); + return; + } + editnode.classList.remove("disabled"); + }; + var clickButton = function () { + if (currentButton == this) { + resetEditor(); + return; + } + resetEditor(); + currentButton = this; + toggle.classList.add("on"); + newCard.style.display = ""; + fakeme.classList.add("inited"); + delete fakeme.image; + delete fakeme.image64; + if (this.classList.contains("fullskin")) { + fakeme.imagenode.style.backgroundImage = this.imagenode.style.backgroundImage; + fakeme.classList.add("fullskin"); + } + else { + fakeme.style.backgroundImage = this.style.backgroundImage; + fakeme.classList.remove("fullskin"); + } + if (page.content.pack.translate[this.link] != this.link) { + newCard.querySelector(".new_name").value = this.link + "|" + page.content.pack.translate[this.link]; + } + else { + newCard.querySelector(".new_name").value = this.link; + } + newCard.querySelector(".new_description").value = page.content.pack.translate[this.link + "_info"]; + var info = page.content.pack.card[this.link]; + container.code = "card=" + get.stringify(info); + + toggle.innerHTML = "编辑卡牌
>
"; + editnode.innerHTML = "编辑卡牌"; + editnode.classList.remove("disabled"); + delnode.innerHTML = "删除"; + delnode.button = this; + } + var createButton = function (name, image, fullskin) { + var button = ui.create.div(".button.card"); + button.link = name; + button.image = image; + button.imagenode = ui.create.div(".image", button); + if (image) { + if (fullskin) { + button.imagenode.style.backgroundImage = "url(" + image + ")"; + button.style.backgroundImage = ""; + button.style.backgroundSize = ""; + button.classList.add("fullskin"); + } + else { + button.style.color = "white"; + button.style.textShadow = "black 0 0 2px"; + button.imagenode.style.backgroundImage = ""; + button.style.backgroundImage = "url(" + image + ")"; + button.style.backgroundSize = "cover"; + } + } + button.listen(clickButton); + button.classList.add("noclick"); + button.nodename = ui.create.div(button, ".name", get.verticalStr(page.content.pack.translate[name])); + page.insertBefore(button, page.childNodes[1]); + } + page.reset = function (name) { + resetEditor(); + var buttons = page.querySelectorAll(".button.card"); + var list = []; + for (var i = 0; i < buttons.length; i++) { + list.push(buttons[i]); + } + for (var i = 0; i < list.length; i++) { + list[i].remove(); + } + if (lib.extensionPack[name]) { + page.content.pack = lib.extensionPack[name].card || { + card: {}, + translate: {} + }; + page.content.image = {}; + if (Array.isArray(page.content.pack.list)) { + for (var i = 0; i < page.content.pack.list.length; i++) { + var card = page.content.pack.list[i]; + var node = document.createElement("button"); + node.innerHTML = page.content.pack.translate[card[2]] + " " + lib.translate[card[0]] + card[1]; + node.name = card[2]; + node.link = card; + pile.appendChild(node); + node.onclick = function () { + this.remove(); + } + } + } + for (var i in page.content.pack.card) { + var file; + var fullskin = page.content.pack.card[i].fullskin ? true : false; + if (fullskin) { + file = i + ".png"; + } + else { + file = i + ".jpg"; + } + var loadImage = function (file, data) { + var img = new Image(); + img.crossOrigin = "Anonymous"; + img.onload = function () { + var canvas = document.createElement("CANVAS"); + var ctx = canvas.getContext("2d"); + var dataURL; + canvas.height = this.height; + canvas.width = this.width; + ctx.drawImage(this, 0, 0); + canvas.toBlob(function (blob) { + var fileReader = new FileReader(); + fileReader.onload = function (e) { + page.content.image[file] = e.target.result; + }; + fileReader.readAsArrayBuffer(blob, "UTF-8"); + }); + }; + img.src = data; + } + if (game.download) { + var url = lib.assetURL + "extension/" + name + "/" + file; + createButton(i, url, fullskin); + if (lib.device == "ios" || lib.device == "android") { + window.resolveLocalFileSystemURL(lib.assetURL + "extension/" + name, function (entry) { + entry.getFile(file, {}, function (fileEntry) { + fileEntry.file(function (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (e) { + page.content.image[file] = e.target.result; + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }); + }); + }); + } + else { + loadImage(file, url); + } + } + else game.getDB("image", `extension-${name}:${file}`).then(value => { + createButton(i, value, fullskin); + loadImage(file, value); + }); + } + } + else { + page.content = { + pack: { + card: {}, + translate: {} + }, + image: {} + }; + toggle.classList.add("on"); + newCard.style.display = ""; + } + updatePile(); + }; + ui.create.div(".config.more.margin-bottom", `
←
返回`, page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + page.content = { + pack: { + card: {}, + translate: {}, + list: [] + }, + image: {} + }; + var newCard; + var toggle = ui.create.div(".config.more.on", "创建卡牌
>
", page, function () { + this.classList.toggle("on"); + if (this.classList.contains("on")) { + newCard.style.display = ""; + } + else { + newCard.style.display = "none"; + } + }); + var resetEditor = function () { + currentButton = null; + toggle.classList.remove("on"); + newCard.style.display = "none"; + fakeme.classList.remove("inited"); + fakeme.classList.add("fullskin"); + delete fakeme.image; + delete fakeme.image64; + fakeme.style.backgroundImage = ""; + fakeme.imagenode.style.backgroundImage = ""; + var inputs = newCard.querySelectorAll("input"); + for (var i = 0; i < inputs.length; i++) { + inputs[i].value = ""; + } + toggle.innerHTML = "创建卡牌
>
"; + editnode.innerHTML = "创建卡牌"; + editnode.classList.add("disabled"); + delnode.innerHTML = "取消"; + delete delnode.button; + container.code = `card={\n \n}\n\n/*\n示例：\ncard={\n type:"basic",\n enable:true,\n filterTarget:true,\n content:function(){\n target.draw()\n },\n ai:{\n order:1,\n result:{\n target:1\n }\n }\n}\n此例的效果为目标摸一张牌\n导出时本段代码中的换行、缩进以及注释将被清除\n*/`; + } + + newCard = ui.create.div(".new_character", page); + newCard.style.height = "173px"; + var fakeme = ui.create.div(".card.fullskin", newCard); + + var input = document.createElement("input"); + input.type = "file"; + input.accept = "image/*"; + input.className = "fileinput"; + input.onchange = function () { + var fileToLoad = input.files[0]; + if (fileToLoad) { + var fileReader = new FileReader(); + var fullimage = (fileToLoad.name.includes(".jpg")); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + if (fullimage) { + fakeme.imagenode.style.backgroundImage = ""; + fakeme.style.backgroundImage = "url(" + data + ")"; + fakeme.classList.remove("fullskin"); + } + else { + fakeme.style.backgroundImage = ""; + fakeme.imagenode.style.backgroundImage = "url(" + data + ")"; + fakeme.classList.add("fullskin"); + } + fakeme.image64 = data; + fakeme.classList.add("inited"); + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + fakeme.image = fileLoadedEvent.target.result; + updateButton(); + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }; + fileReader.readAsDataURL(fileToLoad, "UTF-8"); + } + } + fakeme.appendChild(input); + + fakeme.imagenode = ui.create.div(".image", fakeme); + ui.create.div(".name", "选择背景", fakeme); + + ui.create.div(".indent", `名称：`, newCard).style.paddingTop = "8px"; + ui.create.div(".indent", `描述：`, newCard).style.paddingTop = "6px"; + newCard.querySelector("input.new_name").onblur = updateButton; + var codeButton = document.createElement("button"); + newCard.appendChild(codeButton); + codeButton.innerHTML = "编辑代码"; + codeButton.style.left = "123px"; + codeButton.style.top = "66px"; + codeButton.style.position = "absolute"; + + var citeButton = document.createElement("button"); + newCard.appendChild(citeButton); + citeButton.innerHTML = "引用代码"; + citeButton.style.left = "123px"; + citeButton.style.top = "90px"; + citeButton.style.position = "absolute"; + citeButton.onclick = function () { + codeButton.style.display = "none"; + citeButton.style.display = "none"; + selectname.style.display = ""; + confirmcontainer.style.display = ""; + } + + var list = []; + for (var i in lib.card) { + if (lib.translate[i]) { + list.push([i, lib.translate[i]]); + } + } + list.sort(function (a, b) { + a = a[0]; b = b[0]; + var aa = a, bb = b; + if (aa.includes("_")) { + aa = aa.slice(aa.indexOf("_") + 1); + } + if (bb.includes("_")) { + bb = bb.slice(bb.indexOf("_") + 1); + } + if (aa != bb) { + return aa > bb ? 1 : -1; + } + return a > b ? 1 : -1; + }); + var selectname = ui.create.selectlist(list, list[0], newCard); + selectname.style.left = "123px"; + selectname.style.top = "66px"; + selectname.style.position = "absolute"; + selectname.style.display = "none"; + + var confirmcontainer = ui.create.div(newCard); + confirmcontainer.style.left = "123px"; + confirmcontainer.style.top = "90px"; + confirmcontainer.style.position = "absolute"; + confirmcontainer.style.display = "none"; + + var citeconfirm = document.createElement("button"); + citeconfirm.innerHTML = "引用"; + confirmcontainer.appendChild(citeconfirm); + citeconfirm.onclick = function () { + codeButton.style.display = ""; + citeButton.style.display = ""; + selectname.style.display = "none"; + confirmcontainer.style.display = "none"; + container.code = "card=" + get.stringify(lib.card[selectname.value]); + codeButton.onclick.call(codeButton); + if (lib.translate[selectname.value + "_info"]) { + newCard.querySelector("input.new_description").value = lib.translate[selectname.value + "_info"]; + } + } + + var citecancel = document.createElement("button"); + citecancel.innerHTML = "取消"; + citecancel.style.marginLeft = "3px"; + confirmcontainer.appendChild(citecancel); + citecancel.onclick = function () { + codeButton.style.display = ""; + citeButton.style.display = ""; + selectname.style.display = "none"; + confirmcontainer.style.display = "none"; + } + + codeButton.onclick = function () { + var node = container; + ui.window.classList.add("shortcutpaused"); + ui.window.classList.add("systempaused"); + window.saveNonameInput = saveInput; + if (node.aced) { + ui.window.appendChild(node); + node.editor.setValue(node.code, 1); + } + else if (lib.device == "ios") { + ui.window.appendChild(node); + if (!node.textarea) { + var textarea = document.createElement("textarea"); + editor.appendChild(textarea); + node.textarea = textarea; + lib.setScroll(textarea); + } + node.textarea.value = node.code; + } + else { + if (!window.CodeMirror) { + lib.init.js(lib.assetURL + "game", "codemirror", () => lib.codeMirrorReady(node, editor)); + lib.init.css(lib.assetURL + "layout/default", "codemirror"); + } + else { + lib.codeMirrorReady(node, editor); + } + } + } + + var container = ui.create.div(".popup-container.editor"); + var saveInput = function () { + var code; + if (container.editor) { + code = container.editor.getValue(); + } + else if (container.textarea) { + code = container.textarea.value; + } + try { + var card = null; + eval(code); + if (card == null || typeof card != "object") { + throw ("err"); + } + } + catch (e) { + if (e == "err") { + alert("代码格式有错误，请对比示例代码仔细检查"); + } + else { + var tip = lib.getErrorTip(e) || ""; + alert("代码语法有错误，请仔细检查（" + e + "）" + tip); + } + window.focus(); + if (container.editor) { + container.editor.focus(); + } + else if (container.textarea) { + container.textarea.focus(); + } + return; + } + dash2.link.classList.add("active"); + ui.window.classList.remove("shortcutpaused"); + ui.window.classList.remove("systempaused"); + container.delete(); + container.code = code; + delete window.saveNonameInput; + }; + var editor = ui.create.editor(container, saveInput); + container.code = `card={\n \n}\n\n/*\n示例：\ncard={\n type:"basic",\n enable:true,\n filterTarget:true,\n content:function(){\n target.draw()\n },\n ai:{\n order:1,\n result:{\n target:1\n }\n }\n}\n此例的效果为目标摸一张牌\n导出时本段代码中的换行、缩进以及注释将被清除\n*/`; + + var editnode = ui.create.div(".menubutton.large.new_card.disabled", "创建卡牌", newCard, function () { + var name = page.querySelector("input.new_name").value; + if (!name) { + alert("请填写卡牌名\n提示：卡牌名格式为id+|+中文名，其中id必须惟一"); + return; + } + name = name.split("|"); + var translate = name[1] || name[0]; + var info = page.querySelector("input.new_description").value; + name = name[0]; + if (currentButton) { + if (currentButton.link != name) { + if (lib.card[name] || page.content.pack.card[name]) { + alert("卡牌名与现有卡牌重复，请更改\n提示：卡牌名格式为id+|+中文名，其中id必须惟一"); + return; + } + var extname; + if (currentButton.classList.contains("fullskin")) { + extname = ".png"; + } + else { + extname = ".jpg"; + } + page.content.image[name + extname] = page.content.image[currentButton.link + extname]; + delete page.content.image[currentButton.link + extname]; + delete page.content.pack.card[currentButton.link]; + delete page.content.pack.translate[currentButton.link]; + delete page.content.pack.translate[currentButton.link + "_info"]; + currentButton.link = name; + } + } + else { + if (lib.card[name] || page.content.pack.card[name]) { + alert("卡牌名与现有卡牌重复，请更改\n提示：卡牌名格式为id+|+中文名，其中id必须惟一"); + return; + } + } + if (fakeme.image) { + if (fakeme.classList.contains("fullskin")) { + page.content.image[name + ".png"] = fakeme.image; + delete page.content.image[name + ".jpg"]; + } + else { + page.content.image[name + ".jpg"] = fakeme.image; + delete page.content.image[name + ".png"]; + } + } + else if (!fakeme.classList.contains("inited")) { + alert("请选择一个卡牌背景"); + return; + } + page.content.pack.translate[name] = translate; + page.content.pack.translate[name + "_info"] = info; + try { + var card = null; + eval(container.code); + if (card == null || typeof card != "object") { + throw ("err"); + } + page.content.pack.card[name] = card; + } + catch (e) { + page.content.pack.card[name] = {}; + } + if (fakeme.classList.contains("inited")) { + if (fakeme.classList.contains("fullskin")) { + page.content.pack.card[name].fullskin = true; + delete page.content.pack.card[name].fullimage; + } + else { + page.content.pack.card[name].fullimage = true; + delete page.content.pack.card[name].fullskin; + } + } + if (this.innerHTML == "创建卡牌") { + createButton(name, fakeme.image64, fakeme.classList.contains("fullskin")); + } + else if (currentButton) { + if (fakeme.image64) { + if (fakeme.classList.contains("fullskin")) { + currentButton.style.color = ""; + currentButton.style.textShadow = ""; + currentButton.imagenode.style.backgroundImage = "url(" + fakeme.image64 + ")"; + currentButton.style.backgroundImage = ""; + currentButton.style.backgroundSize = ""; + currentButton.classList.add("fullskin"); + } + else { + currentButton.style.color = "white"; + currentButton.style.textShadow = "black 0 0 2px"; + currentButton.imagenode.style.backgroundImage = ""; + currentButton.style.backgroundImage = "url(" + fakeme.image64 + ")"; + currentButton.style.backgroundSize = "cover"; + currentButton.classList.remove("fullskin"); + } + } + currentButton.nodename.innerHTML = get.verticalStr(translate); + } + resetEditor(); + updatePile(); + dash2.link.classList.add("active"); + }); + var delnode = ui.create.div(".menubutton.large.new_card_delete", "取消", editnode.parentNode, function () { + if (this.innerHTML == "删除") { + this.button.remove(); + var name = this.button.link; + delete dash2.content.pack.card[name]; + delete dash2.content.pack.translate[name]; + delete dash2.content.pack.translate[name + "_info"]; + delete dash2.content.image[name]; + updatePile(); + dash2.link.classList.add("active"); + } + resetEditor(); + }); + + var editPile; + var toggle2 = ui.create.div(".config.more", "编辑牌堆
>
", page, function () { + this.classList.toggle("on"); + if (this.classList.contains("on")) { + editPile.style.display = ""; + } + else { + editPile.style.display = "none"; + } + }); + + editPile = ui.create.div(".edit_pile", page); + editPile.style.display = "none"; + + + var cardpileadd = ui.create.div(".config.toggle.cardpilecfg.cardpilecfgadd", editPile); + var pile = ui.create.div(editPile); + page.pile = pile; + var cardpileaddname = document.createElement("select"); + var updatePile = function () { + cardpileaddname.innerHTML = ""; + var list = []; + var list2 = []; + for (var i in page.content.pack.card) { + list.push([i, page.content.pack.translate[i]]); + list2.push(i); + } + if (list.length) { + toggle2.style.display = ""; + if (toggle2.classList.contains("on")) { + editPile.style.display = ""; + } + else { + editPile.style.display = "none"; + } + for (var i = 0; i < list.length; i++) { + var option = document.createElement("option"); + option.value = list[i][0]; + option.innerHTML = list[i][1]; + cardpileaddname.appendChild(option); + } + for (var i = 0; i < pile.childNodes.length; i++) { + if (!list2.contains(pile.childNodes[i].name)) { + pile.childNodes[i].remove(); i--; + } + } + } + else { + toggle2.style.display = "none"; + editPile.style.display = "none"; + pile.innerHTML = ""; + } + }; + updatePile(); + cardpileadd.appendChild(cardpileaddname); + cardpileaddname.style.width = "75px"; + cardpileaddname.style.marginRight = "2px"; + cardpileaddname.style.marginLeft = "-1px"; + var cardpileaddsuit = ui.create.selectlist([ + ["heart", "红桃"], + ["diamond", "方片"], + ["club", "梅花"], + ["spade", "黑桃"], + ], null, cardpileadd); + cardpileaddsuit.style.width = "53px"; + cardpileaddsuit.style.marginRight = "2px"; + var cardpileaddnumber = ui.create.selectlist([ + 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13 + ], null, cardpileadd); + cardpileaddnumber.style.width = "43px"; + cardpileaddnumber.style.marginRight = "2px"; + var button = document.createElement("button"); + button.innerHTML = "确定"; + button.style.width = "40px"; + button.onclick = function () { + var card = [ + cardpileaddsuit.value, + cardpileaddnumber.value, + cardpileaddname.value, + ]; + var node = document.createElement("button"); + node.innerHTML = page.content.pack.translate[card[2]] + " " + lib.translate[card[0]] + card[1]; + node.name = card[2]; + node.link = card; + pile.appendChild(node); + node.onclick = function () { + this.remove(); + } + }; + cardpileadd.appendChild(button); + cardpileadd.style.whiteSpace = "nowrap"; + cardpileadd.style.position = "relative"; + cardpileadd.style.right = "-4px"; + + return page; + }()); + var dash3 = (function () { + var page = ui.create.div(".hidden.menu-buttons.new_skill"); + var updateButton = function () { + var name = page.querySelector("input.new_name").value; + if (!name) { + editnode.classList.add("disabled"); + return; + } + name = name.split("|"); + name = name[0]; + if (currentButton) { + if (currentButton.link != name) { + if (lib.skill[name] || page.content.pack.skill[name]) { + editnode.classList.add("disabled"); + return; + } + } + } + else { + if (lib.skill[name] || page.content.pack.skill[name]) { + editnode.classList.add("disabled"); + return; + } + } + editnode.classList.remove("disabled"); + }; + page.init = function () { + if (!page.querySelector(".menubutton:not(.large)")) { + toggle.classList.add("on"); + newSkill.style.display = ""; + } + }; + page.reset = function (name) { + resetEditor(); + var buttons = page.querySelectorAll(".menubutton:not(.large)"); + var list = []; + for (var i = 0; i < buttons.length; i++) { + list.push(buttons[i]); + } + for (var i = 0; i < list.length; i++) { + list[i].remove(); + } + if (lib.extensionPack[name]) { + page.content.pack = lib.extensionPack[name].skill || { + skill: {}, + translate: {} + }; + page.content.audio = {}; + for (var i in page.content.pack.skill) { + createButton(i); + } + dash1.updateSkill(); + } + else { + page.content = { + pack: { + skill: {}, + translate: {} + }, + audio: {} + }; + toggle.classList.add("on"); + newSkill.style.display = ""; + } + }; + ui.create.div(".config.more.margin-bottom", `
←
返回`, page, function () { + ui.create.templayer(); + page.hide(); + if (page.fromchar) { + dash1.show(); + delete page.fromchar; + } + else { + pageboard.show(); + } + }); + var currentButton = null; + var clickButton = function () { + if (currentButton == this) { + resetEditor(); + return; + } + resetEditor(); + currentButton = this; + toggle.classList.add("on"); + newSkill.style.display = ""; + if (page.content.pack.translate[this.link] != this.link) { + newSkill.querySelector(".new_name").value = this.link + "|" + page.content.pack.translate[this.link]; + } + else { + newSkill.querySelector(".new_name").value = this.link; + } + newSkill.querySelector(".new_description").value = page.content.pack.translate[this.link + "_info"]; + var info = page.content.pack.skill[this.link]; + container.code = "skill=" + get.stringify(info); + + toggle.innerHTML = "编辑技能
>
"; + editnode.innerHTML = "编辑技能"; + editnode.classList.remove("disabled"); + delnode.button = this; + delnode.innerHTML = "删除"; + } + var createButton = function (name) { + var button = ui.create.div(".menubutton"); + button.link = name; + button.innerHTML = page.content.pack.translate[name]; + button.listen(clickButton); + page.insertBefore(button, page.childNodes[1]); + } + var newSkill; + var toggle = ui.create.div(".config.more.on", "创建技能
>
", page, function () { + this.classList.toggle("on"); + if (this.classList.contains("on")) { + newSkill.style.display = ""; + } + else { + newSkill.style.display = "none"; + } + }); + page.toggle = toggle; + var resetEditor = function () { + currentButton = null; + toggle.classList.remove("on"); + newSkill.style.display = "none"; + var inputs = newSkill.querySelectorAll("input"); + for (var i = 0; i < inputs.length; i++) { + inputs[i].value = ""; + } + var inputs = newSkill.querySelectorAll("textarea"); + for (var i = 0; i < inputs.length; i++) { + inputs[i].value = ""; + } + toggle.innerHTML = "创建技能
>
"; + editnode.innerHTML = "创建技能"; + editnode.classList.add("disabled"); + delnode.innerHTML = "取消"; + delete delnode.button; + container.code = `skill={\n \n}\n\n/*\n示例：\nskill={\n trigger:{player:"phaseJieshuBegin"},\n frequent:true,\n content:function(){\n player.draw()\n }\n}\n此例为闭月代码\n导出时本段代码中的换行、缩进以及注释将被清除\n*/`; + if (page.fromchar == "add") { + page.fromchar = true; + } + } + + newSkill = ui.create.div(".new_character.new_skill", page); + page.newSkill = newSkill; + var namenode = ui.create.div(".config", `名称：`, newSkill); + var descnode = ui.create.div(".config", `描述：`, newSkill); + namenode.querySelector("input.new_name").onblur = updateButton; + var commandline = ui.create.div(".config", newSkill); + var editbutton = document.createElement("button"); + editbutton.innerHTML = "编辑代码"; + commandline.appendChild(editbutton); + editbutton.onclick = function () { + var node = container; + ui.window.classList.add("shortcutpaused"); + ui.window.classList.add("systempaused"); + window.saveNonameInput = saveInput; + if (node.aced) { + ui.window.appendChild(node); + node.editor.setValue(node.code, 1); + } + else if (lib.device == "ios") { + ui.window.appendChild(node); + if (!node.textarea) { + var textarea = document.createElement("textarea"); + editor.appendChild(textarea); + node.textarea = textarea; + lib.setScroll(textarea); + } + node.textarea.value = node.code; + } + else { + if (!window.CodeMirror) { + lib.init.js(lib.assetURL + "game", "codemirror", () => lib.codeMirrorReady(node, editor)); + lib.init.css(lib.assetURL + "layout/default", "codemirror"); + } + else { + lib.codeMirrorReady(node, editor); + } + } + } + + var container = ui.create.div(".popup-container.editor"); + var saveInput = function () { + var code; + if (container.editor) { + code = container.editor.getValue(); + } + else if (container.textarea) { + code = container.textarea.value; + } + try { + var skill = null; + eval(code); + if (skill == null || typeof skill != "object") { + throw ("err"); + } + } + catch (e) { + if (e == "err") { + alert("代码格式有错误，请对比示例代码仔细检查"); + } + else { + var tip = lib.getErrorTip(e) || ""; + alert("代码语法有错误，请仔细检查（" + e + "）" + tip); + } + window.focus(); + if (container.editor) { + container.editor.focus(); + } + else if (container.textarea) { + container.textarea.focus(); + } + return; + } + dash3.link.classList.add("active"); + ui.window.classList.remove("shortcutpaused"); + ui.window.classList.remove("systempaused"); + container.delete(); + container.code = code; + delete window.saveNonameInput; + }; + var editor = ui.create.editor(container, saveInput); + container.code = `skill={\n \n}\n\n/*\n示例：\nskill={\n trigger:{player:"phaseJieshuBegin"},\n frequent:true,\n content:function(){\n player.draw()\n }\n}\n此例为闭月代码\n导出时本段代码中的换行、缩进以及注释将被清除\n*/`; + + var citebutton = document.createElement("button"); + citebutton.innerHTML = "引用代码"; + commandline.appendChild(citebutton); + citebutton.onclick = function () { + editbutton.style.display = "none"; + citebutton.style.display = "none"; + selectname.style.display = ""; + skillopt.style.display = ""; + addSkillButton.style.display = ""; + cancelSkillButton.style.display = ""; + } + + var list = []; + for (var i in lib.character) { + if (lib.character[i][3].length) { + list.push([i, lib.translate[i]]); + } + } + list.sort(function (a, b) { + a = a[0]; b = b[0]; + var aa = a, bb = b; + if (aa.includes("_")) { + aa = aa.slice(aa.indexOf("_") + 1); + } + if (bb.includes("_")) { + bb = bb.slice(bb.indexOf("_") + 1); + } + if (aa != bb) { + return aa > bb ? 1 : -1; + } + return a > b ? 1 : -1; + }); + list.push(["others", "其它"]); + var list2 = []; + var skills = lib.character[list[0][0]][3]; + for (var i = 0; i < skills.length; i++) { + list2.push([skills[i], lib.translate[skills[i]]]); + } + var selectname = ui.create.selectlist(list, list[0], commandline); + var list3 = []; + for (var i in lib.skill) { + if (i != "global" && !get.is.empty(lib.skill[i]) && !lib.skilllist.contains(i)) { + list3.push(i); + } + } + list3.sort(function (a, b) { + return a > b ? 1 : -1; + }); + selectname.onchange = function () { + var skills; + skillopt.innerHTML = ""; + if (this.value == "others") { + skills = list3; + for (var i = 0; i < skills.length; i++) { + var option = document.createElement("option"); + option.value = skills[i]; + option.innerHTML = skills[i]; + skillopt.appendChild(option); + } + } + else { + skills = lib.character[this.value][3]; + for (var i = 0; i < skills.length; i++) { + var option = document.createElement("option"); + option.value = skills[i]; + option.innerHTML = lib.translate[skills[i]]; + skillopt.appendChild(option); + } + } + }; + selectname.style.display = "none"; + selectname.style.maxWidth = "80px"; + var skillopt = ui.create.selectlist(list2, list2[0], commandline); + skillopt.style.display = "none"; + skillopt.style.maxWidth = "60px"; + var addSkillButton = document.createElement("button"); + addSkillButton.style.display = "none"; + addSkillButton.innerHTML = "引用"; + commandline.appendChild(addSkillButton); + addSkillButton.onclick = function () { + editbutton.style.display = ""; + citebutton.style.display = ""; + selectname.style.display = "none"; + skillopt.style.display = "none"; + addSkillButton.style.display = "none"; + cancelSkillButton.style.display = "none"; + container.code = "skill=" + get.stringify(lib.skill[skillopt.value]); + editbutton.onclick.call(editbutton); + if (lib.translate[skillopt.value + "_info"]) { + newSkill.querySelector("input.new_description").value = lib.translate[skillopt.value + "_info"]; + } + } + var cancelSkillButton = document.createElement("button"); + cancelSkillButton.style.display = "none"; + cancelSkillButton.innerHTML = "取消"; + commandline.appendChild(cancelSkillButton); + cancelSkillButton.onclick = function () { + editbutton.style.display = ""; + citebutton.style.display = ""; + selectname.style.display = "none"; + skillopt.style.display = "none"; + addSkillButton.style.display = "none"; + cancelSkillButton.style.display = "none"; + } + + var editnode = ui.create.div(".menubutton.large.new_skill.disabled", "创建技能", function () { + var name = page.querySelector("input.new_name").value; + if (!name) { + alert("请填写技能名\n提示：技能名格式为id+|+中文名，其中id必须惟一"); + return; + } + name = name.split("|"); + var translate = name[1] || name[0]; + var info = page.querySelector("input.new_description").value; + name = name[0]; + if (currentButton) { + if (currentButton.link != name) { + if (lib.skill[name] || page.content.pack.skill[name]) { + alert("技能名与现有技能重复，请更改\n提示：技能名格式为id+|+中文名，其中id必须惟一"); + return; + } + delete page.content.pack.skill[currentButton.link]; + delete page.content.pack.translate[currentButton.link]; + delete page.content.pack.translate[currentButton.link + "_info"]; + currentButton.link = name; + } + } + else { + if (lib.skill[name] || page.content.pack.skill[name]) { + alert("技能名与现有技能重复，请更改\n提示：技能名格式为id+|+中文名，其中id必须惟一"); + return; + } + } + page.content.pack.translate[name] = translate; + page.content.pack.translate[name + "_info"] = info; + try { + var skill = null; + eval(container.code); + if (skill == null || typeof skill != "object") { + throw ("err"); + } + page.content.pack.skill[name] = skill; + } + catch (e) { + page.content.pack.skill[name] = {}; + } + dash1.selectname.value = "current_extension"; + dash1.selectname.onchange.call(dash1.selectname); + if (this.innerHTML == "创建技能") { + createButton(name); + if (page.fromchar == "add") { + ui.create.templayer(); + page.hide(); + dash1.show(); + dash1.skillopt.value = name; + dash1.addSkillButton.onclick(); + delete page.fromchar; + } + } + else if (currentButton) { + currentButton.innerHTML = translate; + } + resetEditor(); + dash3.link.classList.add("active"); + dash1.updateSkill(); + }, newSkill); + var delnode = ui.create.div(".menubutton.large.new_card_delete", "取消", editnode.parentNode, function () { + if (this.innerHTML == "删除") { + this.button.remove(); + var name = this.button.link; + delete dash3.content.pack.skill[name]; + delete dash3.content.pack.translate[name]; + delete dash3.content.pack.translate[name + "_info"]; + dash3.link.classList.add("active"); + if (get.is.empty(dash3.content.pack.skill)) { + dash1.selectname.value = dash1.selectname.childNodes[1].value; + } + dash1.selectname.onchange.call(dash1.selectname); + dash1.updateSkill(); + resetEditor(); + } + else if (page.fromchar == "add") { + ui.create.templayer(); + page.hide(); + dash1.show(); + delete page.fromchar; + setTimeout(resetEditor, 600); + } + else { + resetEditor(); + } + }); + + page.content = { + pack: { + skill: {}, + translate: {} + }, + audio: {} + }; + return page; + }()); + var dash4 = (function () { + var page = ui.create.div(".hidden.menu-buttons"); + ui.create.div(".config.more.margin-bottom", `
←
返回`, page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + page.reset = function (name) { + page.content = {}; + if (lib.extensionPack[name]) { + for (var i in dashes) { + dashes[i].node.code = ""; + } + for (var i in lib.extensionPack[name].code) { + switch (typeof lib.extensionPack[name].code[i]) { + case "function": page.content[i] = lib.extensionPack[name].code[i].toString(); break; + case "object": page.content[i] = i + "=" + get.stringify(lib.extensionPack[name].code[i]); break; + } + } + for (var i in page.content) { + dashes[i].node.code = page.content[i] || ""; + } + } + else { + dashes.content.node.code = "function(config,pack){\n \n}\n\n/*\n函数执行时机为游戏数据加载之后、界面加载之前\n参数1扩展选项（见选项代码）；参数2为扩展定义的武将、卡牌和技能等（可在此函数中修改）\n导出时本段代码中的换行、缩进以及注释将被清除\n*/"; + dashes.precontent.node.code = "function(){\n \n}\n\n/*\n函数执行时机为游戏数据加载之前，且不受禁用扩展的限制\n除添加模式外请慎用\n导出时本段代码中的换行、缩进以及注释将被清除\n*/"; + dashes.config.node.code = `config={\n \n}\n\n/*\n示例：\nconfig={\n switcher_example:{\n name:"示例列表选项",\n init:"3",\n item:{"1":"一","2":"二","3":"三"}\n },\n toggle_example:{\n name:"示例开关选项",\n init:true\n }\n}\n此例中传入的主代码函数的默认参数为{switcher_example:"3",toggle_example:true}\n导出时本段代码中的换行、缩进以及注释将被清除\n*/`; + dashes.help.node.code = `help={\n \n}\n\ns/*\n示例：\nhelp={\n "帮助条目":"
  • 列表1-条目1
  • 列表1-条目2
  1. 列表2-条目1
  2. 列表2-条目2"\n}\n帮助内容将显示在菜单－选项－帮助中\n导出时本段代码中的换行、缩进以及注释将被清除\n*/`; + } + }; + var dashes = {}; + var createCode = function (str1, str2, sub, func, link, str) { + var dash = ui.create.div(".menubutton.large.dashboard"); + dashes[link] = dash; + sub.appendChild(dash); + dash.listen(func); + dash.link = link; + ui.create.div("", str1, dash); + ui.create.div("", str2, dash); + var container = ui.create.div(".popup-container.editor"); + var saveInput = function () { + var code; + if (container.editor) { + code = container.editor.getValue(); + } + else if (container.textarea) { + code = container.textarea.value; + } + try { + if (link == "content" || link == "precontent") { + var func = null; + eval("func=" + code); + if (typeof func != "function") { + throw ("err"); + } + } + else if (link == "config") { + var config = null; + eval(code); + if (config == null || typeof config != "object") { + throw ("err"); + } + } + else if (link == "help") { + var help = null; + eval(code); + if (help == null || typeof help != "object") { + throw ("err"); + } + } + } + catch (e) { + if (e == "err") { + alert("代码格式有错误，请对比示例代码仔细检查"); + } + else { + var tip = lib.getErrorTip(e) || ""; + alert("代码语法有错误，请仔细检查（" + e + "）" + tip); + } + window.focus(); + if (container.editor) { + container.editor.focus(); + } + else if (container.textarea) { + container.textarea.focus(); + } + return; + } + dash4.link.classList.add("active"); + ui.window.classList.remove("shortcutpaused"); + ui.window.classList.remove("systempaused"); + container.delete(); + container.code = code; + page.content[link] = code; + delete window.saveNonameInput; + }; + var editor = ui.create.editor(container, saveInput); + container.code = str; + dash.editor = editor; + dash.node = container; + dash.saveInput = saveInput; + page.content[link] = str; + }; + var clickCode = function () { + var node = this.node; + ui.window.classList.add("shortcutpaused"); + ui.window.classList.add("systempaused"); + window.saveNonameInput = this.saveInput; + if (node.aced) { + ui.window.appendChild(node); + node.editor.setValue(node.code, 1); + } + else if (lib.device == "ios") { + ui.window.appendChild(node); + if (!node.textarea) { + var textarea = document.createElement("textarea"); + this.editor.appendChild(textarea); + node.textarea = textarea; + lib.setScroll(textarea); + } + node.textarea.value = node.code; + } + else { + if (!window.CodeMirror) { + lib.init.js(lib.assetURL + "game", "codemirror", () => lib.codeMirrorReady(node, this.editor)); + lib.init.css(lib.assetURL + "layout/default", "codemirror"); + } + else { + lib.codeMirrorReady(node, this.editor); + } + } + }; + page.content = {} + createCode("主", "主代码", page, clickCode, "content", "function(config,pack){\n \n}\n\n/*\n函数执行时机为游戏数据加载之后、界面加载之前\n参数1扩展选项（见选项代码）；参数2为扩展定义的武将、卡牌和技能等（可在此函数中修改）\n导出时本段代码中的换行、缩进以及注释将被清除\n*/"); + createCode("启", "启动代码", page, clickCode, "precontent", "function(){\n \n}\n\n/*\n函数执行时机为游戏数据加载之前，且不受禁用扩展的限制\n除添加模式外请慎用\n导出时本段代码中的换行、缩进以及注释将被清除\n*/"); + createCode("选", "选项代码", page, clickCode, "config", `config={\n \n}\n\n/*\n示例：\nconfig={\n switcher_example:{\n name:"示例列表选项",\n init:"3",\n item:{"1":"一","2":"二","3":"三"}\n },\n toggle_example:{\n name:"示例开关选项",\n init:true\n }\n}\n此例中传入的主代码函数的默认参数为{switcher_example:"3",toggle_example:true}\n导出时本段代码中的换行、缩进以及注释将被清除\n*/`); + createCode("帮", "帮助代码", page, clickCode, "help", `help={\n \n}\n\n/*\n示例：\nhelp={\n "帮助条目":"
    • 列表1-条目1
    • 列表1-条目2
    1. 列表2-条目1
    2. 列表2-条目2"\n}\n帮助内容将显示在菜单－选项－帮助中\n导出时本段代码中的换行、缩进以及注释将被清除\n*/`); + + return page; + }()); + createDash("将", "编辑武将", dash1); + createDash("卡", "编辑卡牌", dash2); + createDash("技", "编辑技能", dash3); + createDash("码", "编辑代码", dash4); + }; + if (!get.config("menu_loadondemand")) node._initLink(); + }()); + (function () { + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", "获取扩展", start.firstChild, clickMode); + node.mode = "get"; + var _thisUpdate = false; + node.update = function () { + _thisUpdate = true; + }; + node._initLink = function () { + node.link = page; + page.listen(function () { + if (!page.currenttimeout) { + var active = page.querySelector(".videonode.current"); + if (active) { + active.classList.remove("current"); + } + } + }); + var importextensionexpanded = false; + page.style.paddingBottom = "10px"; + var importExtension; + var extensionNode = ui.create.div(".config.more", "导入扩展
      >
      ", page, function () { + if (importextensionexpanded) { + this.classList.remove("on"); + importExtension.style.display = "none"; + } + else { + this.classList.add("on"); + importExtension.style.display = ""; + } + importextensionexpanded = !importextensionexpanded; + }); + importExtension = ui.create.div(".new_character.export.import", page); + importExtension.style.marginLeft = "5px"; + importExtension.style.marginTop = "5px"; + importExtension.style.marginBottom = "5px"; + importExtension.style.display = "none"; + importExtension.style.width = "100%"; + importExtension.style.textAlign = "left"; + ui.create.div("", ``, importExtension); + ui.create.div(".config", "修改下载地址", page, function () { + alert("您可以在“设置→通用→获取扩展地址”中，修改下载扩展时所采用的地址。") + }) + + var extensionURL; + var source = lib.config.extension_sources, index = lib.config.extension_source; + if (source && source[index]) extensionURL = source[index]; + else extensionURL = lib.updateURL.replace(/noname/g, "noname-extension") + "/master/"; + + var reloadnode = ui.create.div(".config.toggle.pointerdiv", "重新启动", page, game.reload); + reloadnode.style.display = "none"; + var placeholder = ui.create.div(".config.toggle", page); + placeholder.style.height = 0; + placeholder.style.marginTop = "5px"; + + importExtension.firstChild.lastChild.onclick = function () { + const fileToLoad = this.previousSibling.files[0]; + if (!fileToLoad) return; + new Promise((resolve, reject) => { + const fileReader = new FileReader(); + fileReader.onerror = reject; + fileReader.onload = resolve; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }).then(progressEvent => { + if (game.importExtension(progressEvent.target.result, () => { + extensionNode.innerHTML = "导入成功，3秒后将重启"; + new Promise(resolve => setTimeout(resolve, 1000)).then(() => { + extensionNode.innerHTML = "导入成功，2秒后将重启"; + return new Promise(resolve => setTimeout(resolve, 1000)); + }).then(() => { + extensionNode.innerHTML = "导入成功，1秒后将重启"; + return new Promise(resolve => setTimeout(resolve, 1000)); + }).then(game.reload); + }) !== false) importExtension.style.display = "none"; + }); + } + + var clickExtension = function () { + var active = this.parentNode.querySelector(".videonode.current"); + if (active && active != this) { + active.classList.remove("current"); + } + this.classList.add("current"); + clearTimeout(page.currenttimeout); + page.currenttimeout = setTimeout(function () { + delete page.currenttimeout; + }, 200); + }; + var downloadExtension = function (e) { + if ((this.innerHTML != "下载扩展" && this.innerHTML != "更新扩展") || !window.JSZip) return; + this.classList.remove("update"); + if (e) { + e.stopPropagation(); + } + node.updated = true; + var that = this; + var list = []; + var size = parseFloat(this.info.size) || 0; + if (size) { + if (this.info.size.includes("MB")) { + size *= 1024 * 1024; + } + else if (this.info.size.includes("KB")) { + size *= 1024; + } + } + + this.innerHTML = "正在下载
      正在下载
      "; + this.classList.add("nopointer"); + this.classList.add("button-downloading"); + var progress = ui.create.div(".button-progress", this); + ui.create.div(progress); + var url = extensionURL + this.info.name + ".zip"; + var onprogress = function (byte, total) { + if (total) { + size = total; + } + if (byte == -1) { + byte = size; + } + progress.firstChild.style.width = Math.round(100 * byte / size) + "%"; + }; + var files = this.info.files || []; + for (var i = 0; i < files.length; i++) { + files[i] = "extension/" + that.info.name + "/" + files[i]; + } + game.checkFileList(files, function () { + files.unshift("extension/" + that.info.name + "/extension.js"); + for (var i = 0; i < files.length; i++) { + files[i] = extensionURL + that.info.name + "/" + files[i].slice(10 + that.info.name.length + 1); + } + var n1 = 0, n2 = files.length; + game.multiDownload(files, function () { + n1++; + onprogress(n1, n2); + }, function (e) { + game.print("下载失败：" + e.source); + }, function () { + onprogress(-1); + _status.importingExtension = true; + window.game = game; + lib.init.js(lib.assetURL + "extension/" + that.info.name, "extension", function () { + if (!lib.config.dev) delete window.game; + if (game.importedPack) { + var extname = game.importedPack.name; + if (lib.config.extensions.contains(extname)) { + game.removeExtension(extname, true); + } + lib.config.extensions.add(extname); + game.saveConfig("extensions", lib.config.extensions); + game.saveConfig("extension_" + extname + "_enable", true); + game.saveConfig("extension_" + extname + "_version", that.info.version); + for (var i in game.importedPack.config) { + if (game.importedPack.config[i] && Object.prototype.hasOwnProperty.call(game.importedPack.config[i], "init")) { + game.saveConfig("extension_" + extname + "_" + i, game.importedPack.config[i].init); + } + } + reloadnode.style.display = ""; + that.childNodes[0].innerHTML = "安装成功"; + that.childNodes[1].innerHTML = "安装成功"; + that.classList.remove("active"); + that.classList.remove("highlight"); + delete game.importedPack; + } + else { + that.innerHTML = "安装失败"; + that.classList.add("nopointer"); + } + _status.importingExtension = false; + }, function () { + that.innerHTML = "下载失败"; + that.classList.add("nopointer"); + _status.importingExtension = false; + }); + }, function (current) { + return "extension/" + current.slice(extensionURL.length); + }); + }); + }; + + node.update = function () { + if (this.updated) return; + if (!window.JSZip) { + lib.init.js(lib.assetURL + "game", "jszip"); + } + var toremove = []; + for (var i = 0; i < page.childElementCount; i++) { + if (page.childNodes[i].classList.contains("menubutton") || page.childNodes[i].classList.contains("loading")) { + toremove.push(page.childNodes[i]); + } + } + for (var i = 0; i < toremove.length; i++) { + toremove[i].remove(); + } + + var loading = ui.create.div(".loading.config.toggle", "载入中...", page); + var loaded = function () { + var list = []; + var extension = window.extension; + for (var i in extension) { + extension[i].name = i; + list.push(extension[i]); + } + list.randomSort(); + delete window.extension; + loading.style.display = "none"; + for (var i = 0; i < list.length; i++) { + var node = ui.create.div(".videonode.menubutton.extension.large", page, clickExtension); + ui.create.div(".caption", list[i].name, node); + ui.create.div(".text.author", "作者：" + list[i].author + "(" + list[i].size + ")", node); + ui.create.div(".text", "更新日期：" + list[i].date, node); + ui.create.div(".text", list[i].intro, node); + var download = ui.create.div(".menubutton.text.active", "下载扩展", node.firstChild, { "zIndex": "5" }); + if (game.download) { + if (list[i].netdisk) { + var linknode = ui.create.div(".text", node); + ui.create.node("span.hrefnode", "网盘链接", function () { + game.open(this.link); + }, linknode).link = list[i].netdisk; + if (list[i].forum) { + ui.create.node("span", linknode).style.marginRight = "10px"; + ui.create.node("span.hrefnode", "参与讨论", function () { + game.open(this.link); + }, linknode).link = list[i].forum; + } + } + else if (list[i].forum) { + var linknode = ui.create.div(".text", node); + ui.create.node("span.hrefnode", "参与讨论", function () { + game.open(this.link); + }, linknode).link = list[i].forum; + } + download.listen(downloadExtension); + if (lib.config.extensions.includes(list[i].name)) { + download.classList.remove("active"); + if (lib.extensionPack[list[i].name] && lib.extensionPack[list[i].name].version == list[i].version) { + download.classList.add("transparent2"); + download.classList.remove("active"); + download.innerHTML = "已安装"; + } + else if (lib.config["extension_" + list[i].name + "_version"] != list[i].version) { + download.innerHTML = "更新扩展"; + download.classList.add("highlight"); + download.classList.add("update"); + } + else { + download.classList.add("transparent2"); + download.classList.remove("active"); + download.innerHTML = "已安装"; + } + } + download.info = list[i]; + } + else { + if (list[i].forum) { + var linknode = ui.create.div(".text", node); + ui.create.node("span", linknode); + ui.create.node("span.hrefnode", "参与讨论", function () { + game.open(this.link); + }, linknode).link = list[i].forum; + } + download.listen(function () { + game.open(this.link); + }); + download.link = list[i].netdisk; + } + } + }; + window.extension = {}; + fetch(`${extensionURL}catalog.js`, { + referrerPolicy: "no-referrer" + }).then(response => response.text()).then(eval).then(loaded).catch(reason => { + console.log(reason); + delete window.extension; + loading.innerHTML = "连接失败:" + (reason instanceof Error ? reason.message : String(reason)); + }); + }; + if (_thisUpdate) node.update(); + }; + if (!get.config("menu_loadondemand")) node._initLink(); + }()); + var active = start.firstChild.querySelector(".active"); + if (!active) { + active = start.firstChild.firstChild; + active.classList.add("active"); + } + if (!active.link) active._initLink(); + rightPane.appendChild(active.link); + updateNodes(); + }()); + + (function () { + if (connectMenu) return; + var start = menuxpages.shift(); + var rightPane = start.lastChild; + var cheatButton = ui.create.div(".menubutton.round.highlight", "作", start); + cheatButton.style.display = "none"; + var runButton = ui.create.div(".menubutton.round.highlight", "执", start); + runButton.style.display = "none"; + var clearButton = ui.create.div(".menubutton.round.highlight", "清", start); + clearButton.style.display = "none"; + clearButton.style.left = "275px"; + var playButton = ui.create.div(".menubutton.round.highlight.hidden", "播", start); + playButton.style.display = "none"; + playButton.style.left = "215px"; + playButton.style.transition = "opacity 0.3s"; + var deleteButton = ui.create.div(".menubutton.round.highlight.hidden", "删", start); + deleteButton.style.display = "none"; + deleteButton.style.left = "275px"; + deleteButton.style.transition = "opacity 0.3s"; + var saveButton = ui.create.div(".menubutton.round.highlight.hidden", "存", start); + saveButton.style.display = "none"; + saveButton.style.transition = "opacity 0.3s"; + + + var clickMode = function () { + if (this.classList.contains("off")) return; + var active = this.parentNode.querySelector(".active"); + if (active === this) { + return; + } + if (active) { + active.classList.remove("active"); + active.link.remove(); + } + active = this; + this.classList.add("active"); + if (this.link) rightPane.appendChild(this.link); + else { + this._initLink(); + rightPane.appendChild(this.link); + } + if (this.type == "cheat") { + cheatButton.style.display = ""; + } + else { + cheatButton.style.display = "none"; + } + if (this.type == "cmd") { + runButton.style.display = ""; + clearButton.style.display = ""; + } + else { + runButton.style.display = "none"; + clearButton.style.display = "none"; + } + if (this.type == "video") { + playButton.style.display = ""; + saveButton.style.display = ""; + deleteButton.style.display = ""; + } + else { + playButton.style.display = "none"; + saveButton.style.display = "none"; + deleteButton.style.display = "none"; + } + }; + + ui.click.consoleMenu = function () { + ui.click.menuTab("其它"); + clickMode.call(ui.commandnode); + }; + //更新菜单有本体函数赋值，就不要懒加载了 + (function () { + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", "更新", start.firstChild, clickMode); + node.link = page; + page.classList.add("menu-help"); + var ul = document.createElement("ul"); + var li1 = document.createElement("li"); + var li2 = document.createElement("li"); + var li3 = document.createElement("li"); + const trimURL = url => { + const updateURLS = lib.updateURLS; + for (const key in updateURLS) { + const updateURL = updateURLS[key]; + if (url == updateURL) return lib.configMenu.general.config.update_link.item[key]; + } + let index = url.indexOf("://"); + if (index != -1) url = url.slice(index + 3); + index = url.indexOf("/"); + if (index != -1) url = url.slice(0, index); + if (url.length > 15) { + const list = url.split("."); + if (list.length > 1) list.shift(); + url = list.join("."); + } + if (url.length > 15) { + const list = url.split("."); + if (list.length > 1) list.pop(); + url = list.join("."); + } + return url; + } + li1.innerHTML = `游戏版本：${lib.version}

      `; + li2.innerHTML = `素材版本：${lib.config.asset_version || "无"}

      `; + li3.innerHTML = `更新地址：${trimURL(lib.config.updateURL || lib.updateURL)}

      `; + li3.style.whiteSpace = "nowrap"; + li3.style.display = "none";// coding + + var button1, button2, button3, button4, button5; + + game.checkForUpdate = function (forcecheck, dev) { + if (!dev && button1.disabled) { + return; + } + else if (dev && button3.disabled) { + return; + } + else if (!game.download) { + alert("此版本不支持游戏内更新，请手动更新"); + return; + } + else { + if (dev) { + button3.innerHTML = "正在检查更新"; + } + else { + button1.innerHTML = "正在检查更新"; + } + button3.disabled = true; + button1.disabled = true; + + var goupdate = function (files, update) { + lib.version = update.version; + if (update.dev && !lib.config.debug) { + dev = "nodev"; + } + lib.init.req("game/source.js", function () { + try { + eval(this.responseText); + if (!window.noname_source_list) { + throw ("err"); + } + } + catch (e) { + alert("更新地址有误"); + console.log(e); + return; + } + + var updates = window.noname_source_list; + delete window.noname_source_list; + if (Array.isArray(files)) { + files.add("game/update.js"); + var files2 = []; + for (var i = 0; i < files.length; i++) { + var str = files[i].indexOf("*"); + if (str != -1) { + str = files[i].slice(0, str); + files.splice(i--, 1); + for (var j = 0; j < updates.length; j++) { + if (updates[j].startsWith(str)) { + files2.push(updates[j]); + } + } + } + } + updates = files.concat(files2); + } + for (var i = 0; i < updates.length; i++) { + if (updates[i].startsWith("theme/") && !updates[i].includes(".css")) { + updates.splice(i--, 1); + } + else if (updates[i].startsWith("node_modules/") && !update.node) { + updates.splice(i--, 1); + } + } + + if (!ui.arena.classList.contains("menupaused")) { + ui.click.configMenu(); + ui.click.menuTab("其它"); + } + var p = button1.parentNode; + button1.remove(); + button3.remove(); + var span = document.createElement("span"); + var n1 = 0; + var n2 = updates.length; + span.innerHTML = "正在下载文件（" + n1 + "/" + n2 + "）"; + p.appendChild(span); + var finish = function () { + span.innerHTML = "游戏更新完毕（" + n1 + "/" + n2 + "）"; + p.appendChild(document.createElement("br")); + var button = document.createElement("button"); + button.innerHTML = "重新启动"; + button.onclick = game.reload; + button.style.marginTop = "8px"; + p.appendChild(button); + } + game.multiDownload(updates, function () { + n1++; + span.innerHTML = "正在下载文件（" + n1 + "/" + n2 + "）"; + }, function (e) { + game.print("下载失败：" + e.source); + }, function () { + setTimeout(finish, 500); + }, null, dev); + }, function () { + alert("更新地址有误"); + }, true); + }; + + lib.init.req("game/update.js", function () { + try { + eval(this.responseText); + if (!window.noname_update) { + throw ("err"); + } + } + catch (e) { + alert("更新地址有误"); + console.log(e); + return; + } + + var update = window.noname_update; + delete window.noname_update; + if (forcecheck === false) { + if (update.version == lib.config.check_version) { + return; + } + } + game.saveConfig("check_version", update.version); + var goon = true; + if (!dev) { + if (update.version.includes("beta") || update.version == lib.version) { + goon = false; + } + } + if (goon) { + var files = null; + var version = lib.version; + if (Array.isArray(update.dev) && dev) { + files = update.dev; + } + else if (Array.isArray(update.files) && update.update && !dev) { + var version1 = version.split("."); + var version2 = update.update.split("."); + for (var i = 0; i < version1.length && i < version2.length; i++) { + if (version2[i] > version1[i]) { + files = false; break; + } + else if (version1[i] > version2[i]) { + files = update.files.slice(0); break; + } + } + if (files === null) { + if (version1.length >= version2.length) { + files = update.files.slice(0); + } + } + } + var str; + if (dev) { + str = "开发版仅供测试使用，可能存在风险，是否确定更新？" + } + else { + str = "有新版本" + update.version + "可用，是否下载？"; + } + if (navigator.notification && navigator.notification.confirm) { + var str2; + if (dev) { + str2 = str; + str = "更新到开发版"; + } + else { + str2 = update.changeLog[0]; + for (var i = 1; i < update.changeLog.length; i++) { + if (update.changeLog[i].indexOf("://") == -1) { + str2 += "；" + update.changeLog[i]; + } + } + } + navigator.notification.confirm( + str2, + function (index) { + if (index == 1) { + goupdate(files, update); + } + else { + button1.disabled = false; + button1.innerHTML = "检查游戏更新"; + button3.disabled = false; + button3.innerHTML = "更新到开发版"; + } + }, + str, + ["确定", "取消"] + ); + } + else { + if (confirm(str)) { + goupdate(files, update); + } + else { + button1.disabled = false; + button1.innerHTML = "检查游戏更新"; + button3.disabled = false; + button3.innerHTML = "更新到开发版"; + } + } + } + else { + alert("当前版本已是最新"); + button1.disabled = false; + button1.innerHTML = "检查游戏更新"; + button3.disabled = false; + button3.innerHTML = "更新到开发版"; + } + }, function () { + if (forcecheck === false) { + return; + } + alert("连接失败"); + button1.disabled = false; + button1.innerHTML = "检查游戏更新"; + button3.disabled = false; + button3.innerHTML = "更新到开发版"; + }, true); + } + }; + game.checkForAssetUpdate = function (type) { + if (button2.disabled) { + return; + } + else if (game.download) { + button2.innerHTML = "正在检查更新"; + button2.disabled = true; + lib.init.req("game/asset.js", function () { + try { + eval(this.responseText); + if (!window.noname_asset_list || !window.noname_skin_list) { + throw ("err"); + } + } + catch (e) { + alert("更新地址有误"); + console.log(e); + return; + } + + var updates = window.noname_asset_list; + delete window.noname_asset_list; + var skins = window.noname_skin_list; + delete window.noname_skin_list; + var asset_version = updates.shift(); + + var skipcharacter = [], skipcard = ["tiesuo_mark", "shield"]; + if (!lib.config.asset_full) { + for (var i = 0; i < lib.config.all.sgscharacters.length; i++) { + var pack = lib.characterPack[lib.config.all.sgscharacters[i]]; + for (var j in pack) { + skipcharacter.add(j); + } + } + for (var i = 0; i < lib.config.all.sgscards.length; i++) { + var pack = lib.cardPack[lib.config.all.sgscards[i]]; + if (pack) { + skipcard = skipcard.concat(pack); + } + } + } + for (var i = 0; i < updates.length; i++) { + switch (updates[i].slice(0, 5)) { + case "image": { + if (!lib.config.asset_full) { + if (!lib.config.asset_image) { + updates.splice(i--, 1); + } + else { + if (updates[i].startsWith("image/character")) { + if (updates[i].indexOf("jun_") != 16 && updates[i].indexOf("gz_") != 16 && !skipcharacter.contains(updates[i].slice(16, updates[i].lastIndexOf(".")))) { + updates.splice(i--, 1); + } + } + else if (updates[i].startsWith("image/card")) { + let cardname = updates[i].slice(11, updates[i].lastIndexOf(".")); + if (lib.card[cardname] && !skipcard.contains(cardname)) { + updates.splice(i--, 1); + } + } + else if (updates[i].startsWith("image/mode/stone")) { + updates.splice(i--, 1); + } + } + } + break; + } + case "audio": { + if (!lib.config.asset_audio) { + updates.splice(i--, 1); + } + break; + } + case "font/": { + if (!lib.config.asset_font) { + updates.splice(i--, 1); + } + } + } + } + if (lib.config.asset_skin) { + for (var i in skins) { + for (var j = 1; j <= skins[i]; j++) { + updates.push("image/skin/" + i + "/" + j + ".jpg"); + } + } + } + if (!ui.arena.classList.contains("menupaused")) { + ui.click.configMenu(); + ui.click.menuTab("其它"); + } + + var proceed = function () { + if (updates.length == 0) { + game.print(updates); + game.saveConfig("asset_version", asset_version); + alert("素材已是最新"); + button2.disabled = false; + button2.innerHTML = "检查素材更新"; + return; + } + var p = button2.parentNode; + button2.remove(); + var span = document.createElement("span"); + span.style.whiteSpace = "nowrap"; + var n1 = 0; + var n2 = updates.length; + span.innerHTML = "正在下载素材（" + n1 + "/" + n2 + "）"; + span1.remove(); + span2.remove(); + span2_check.remove(); + span3.remove(); + span3_check.remove(); + span4.remove(); + span4_check.remove(); + span5.remove(); + span5_check.remove(); + span6.remove(); + span6_check.remove(); + span2_br.remove(); + span3_br.remove(); + span4_br.remove(); + span5_br.remove(); + span6_br.remove(); + p.appendChild(span); + + var br6 = ui.create.node("br"); + var span7 = ui.create.div(".hrefnode", "详细信息"); + span7.style.marginTop = "6px"; + span7.listen(ui.click.consoleMenu); + p.appendChild(br6); + p.appendChild(span7); + + var finish = function () { + if (n1 == n2) { + game.saveConfig("asset_version", asset_version); + } + span.innerHTML = "素材更新完毕（" + n1 + "/" + n2 + "）"; + p.appendChild(document.createElement("br")); + var button = document.createElement("button"); + button.innerHTML = "重新启动"; + button.onclick = game.reload; + button.style.marginTop = "8px"; + p.appendChild(button); + } + game.multiDownload(updates, function () { + n1++; + span.innerHTML = "正在下载素材（" + n1 + "/" + n2 + "）"; + }, function (e) { + game.print("下载失败：" + e.source); + }, function () { + setTimeout(finish, 500); + }); + }; + game.checkFileList(updates, proceed); + }, function () { + alert("连接失败"); + button2.disabled = false; + button2.innerHTML = "检查素材更新"; + }, true); + } + else { + alert("此版本不支持游戏内更新素材，请手动更新"); + } + }; + + button1 = document.createElement("button"); + button1.innerHTML = "检查游戏更新"; + button1.onclick = game.checkForUpdate; + li1.lastChild.appendChild(button1); + + button3 = document.createElement("button"); + button3.innerHTML = "更新到开发版"; + button3.style.marginLeft = "5px"; + button3.onclick = function () { + game.checkForUpdate(null, true); + }; + // if(lib.config.dev){ + // li1.lastChild.appendChild(button3); + // } + + (function () { + var updatep1 = li1.querySelector("p"); + var updatep2 = li2; + var updatep3 = li3; + var updatep4 = node; + var updatepx = ui.create.node("p"); + li1.appendChild(updatepx); + updatepx.style.display = "none"; + updatepx.style.whiteSpace = "nowrap"; + updatepx.style.marginTop = "8px"; + var buttonx = ui.create.node("button", "访问项目主页", function () { + window.open("https://github.com/libccy/noname"); + }); + updatepx.appendChild(buttonx); + ui.updateUpdate = function () { + if (!game.download) { + updatep1.style.display = "none"; + updatep2.style.display = "none"; + updatep3.style.display = "none"; + updatepx.style.display = ""; + updatep4.innerHTML = "关于"; + } + else { + updatep1.style.display = ""; + updatep2.style.display = ""; + updatep3.style.display = "none"; // coding + updatepx.style.display = "none"; + updatep4.innerHTML = "更新"; + } + } + ui.updateUpdate(); + }()); + + button4 = document.createElement("button"); + button4.innerHTML = "设置更新地址"; + button4.onclick = function () { + game.prompt("设置更新地址", function (str) { + if (str) { + game.saveConfig("updateURL", str); + li3.querySelector("span").innerHTML = trimURL(str); + button5.style.display = ""; + button6.style.display = "none"; + } + }); + }; + // li3.lastChild.appendChild(button4); + + var button6 = document.createElement("button"); + button6.innerHTML = "设为备用镜像"; + button6.style.display = "none";// coding + // button6.style.marginLeft="5px"; + button6.onclick = function () { + game.saveConfig("updateURL", lib.mirrorURL); + button5.style.display = ""; + button6.style.display = "none"; + li3.querySelector("span").innerHTML = trimURL(lib.mirrorURL); + }; + li3.lastChild.appendChild(button6); + + button5 = document.createElement("button"); + button5.innerHTML = "设为默认镜像"; + // button5.style.marginLeft="5px"; + button5.onclick = function () { + game.saveConfig("updateURL"); + button5.style.display = "none"; + button6.style.display = ""; + li3.querySelector("span").innerHTML = trimURL(lib.updateURL); + }; + li3.lastChild.appendChild(button5); + if (!lib.config.updateURL) { + button5.style.display = "none"; + } + else { + button6.style.display = "none"; + } + + button2 = document.createElement("button"); + button2.innerHTML = "检查素材更新"; + button2.onclick = game.checkForAssetUpdate; + li2.lastChild.appendChild(button2); + + var span1 = ui.create.div(".config.more", "选项
      >
      "); + span1.style.fontSize = "small"; + span1.style.display = "inline"; + span1.toggle = function () { + if (!this.classList.toggle("on")) { + game.saveConfig("asset_toggle_off", true); + span2.style.display = "none"; + span2_br.style.display = "none"; + span2_check.style.display = "none"; + span3.style.display = "none"; + span3_br.style.display = "none"; + span3_check.style.display = "none"; + span4.style.display = "none"; + span4_br.style.display = "none"; + span4_check.style.display = "none"; + span5.style.display = "none"; + span5_br.style.display = "none"; + span5_check.style.display = "none"; + span6.style.display = "none"; + span6_br.style.display = "none"; + span6_check.style.display = "none"; + } + else { + game.saveConfig("asset_toggle_off"); + span2.style.display = ""; + span2_br.style.display = ""; + span2_check.style.display = ""; + span3.style.display = ""; + span3_br.style.display = ""; + span3_check.style.display = ""; + span4.style.display = ""; + span4_br.style.display = ""; + span4_check.style.display = ""; + span5.style.display = ""; + span5_br.style.display = ""; + span5_check.style.display = ""; + span6.style.display = ""; + span6_br.style.display = ""; + span6_check.style.display = ""; + } + }; + span1.listen(span1.toggle); + li2.lastChild.appendChild(span1); + + var span6_br = ui.create.node("br"); + li2.lastChild.appendChild(span6_br); + + var span5 = ui.create.div("", "图片素材（精简，126MB）"); + span5.style.fontSize = "small"; + span5.style.lineHeight = "16px"; + var span5_check = document.createElement("input"); + span5_check.type = "checkbox"; + span5_check.style.marginLeft = "5px"; + if (lib.config.asset_image) { + span5_check.checked = true; + } + span5_check.onchange = function () { + game.saveConfig("asset_image", this.checked); + } + var span2_br = ui.create.node("br"); + + var span4 = ui.create.div("", "字体素材（48MB）"); + span4.style.fontSize = "small"; + span4.style.lineHeight = "16px"; + li2.lastChild.appendChild(span4); + var span4_check = document.createElement("input"); + span4_check.type = "checkbox"; + span4_check.style.marginLeft = "5px"; + if (lib.config.asset_font) { + span4_check.checked = true; + } + span4_check.onchange = function () { + game.saveConfig("asset_font", this.checked); + } + li2.lastChild.appendChild(span4_check); + var span3_br = ui.create.node("br"); + li2.lastChild.appendChild(span3_br); + + var span3 = ui.create.div("", "音效素材（125MB）"); + span3.style.fontSize = "small"; + span3.style.lineHeight = "16px"; + li2.lastChild.appendChild(span3); + var span3_check = document.createElement("input"); + span3_check.type = "checkbox"; + span3_check.style.marginLeft = "5px"; + if (lib.config.asset_audio) { + span3_check.checked = true; + } + span3_check.onchange = function () { + game.saveConfig("asset_audio", this.checked); + } + li2.lastChild.appendChild(span3_check); + var span4_br = ui.create.node("br"); + li2.lastChild.appendChild(span4_br); + + var span2 = ui.create.div("", "皮肤素材（351MB）"); + span2.style.fontSize = "small"; + span2.style.lineHeight = "16px"; + li2.lastChild.appendChild(span2); + var span2_check = document.createElement("input"); + span2_check.type = "checkbox"; + span2_check.style.marginLeft = "5px"; + if (lib.config.asset_skin) { + span2_check.checked = true; + } + span2_check.onchange = function () { + game.saveConfig("asset_skin", this.checked); + } + li2.lastChild.appendChild(span2_check); + var span5_br = ui.create.node("br"); + li2.lastChild.appendChild(span5_br); + + + li2.lastChild.appendChild(span5); + li2.lastChild.appendChild(span5_check); + li2.lastChild.appendChild(span2_br); + + var span6 = ui.create.div("", "图片素材（完整，203MB）"); + span6.style.fontSize = "small"; + span6.style.lineHeight = "16px"; + li2.lastChild.appendChild(span6); + var span6_check = document.createElement("input"); + span6_check.type = "checkbox"; + span6_check.style.marginLeft = "5px"; + if (lib.config.asset_full) { + span6_check.checked = true; + } + span6_check.onchange = function () { + game.saveConfig("asset_full", this.checked); + } + li2.lastChild.appendChild(span6_check); + + span2.style.display = "none"; + span2_br.style.display = "none"; + span2_check.style.display = "none"; + span3.style.display = "none"; + span3_br.style.display = "none"; + span3_check.style.display = "none"; + span4.style.display = "none"; + span4_br.style.display = "none"; + span4_check.style.display = "none"; + span5.style.display = "none"; + span5_br.style.display = "none"; + span5_check.style.display = "none"; + span6.style.display = "none"; + span6_br.style.display = "none"; + span6_check.style.display = "none"; + + ul.appendChild(li1); + ul.appendChild(li2); + ul.appendChild(li3); + page.appendChild(ul); + + + if (!lib.config.asset_toggle_off) { + span1.toggle(); + } + }()); + (function () { + var norow2 = function () { + var node = currentrow1; + if (!node) return false; + return node.innerHTML == "横置" || node.innerHTML == "翻面" || node.innerHTML == "换人" || node.innerHTML == "复活"; + }; + var checkCheat = function () { + if (norow2()) { + for (var i = 0; i < row2.childElementCount; i++) { + row2.childNodes[i].classList.remove("selectedx"); + row2.childNodes[i].classList.add("unselectable"); + } + } + else { + for (var i = 0; i < row2.childElementCount; i++) { + row2.childNodes[i].classList.remove("unselectable"); + } + } + if (currentrow1 && currentrow1.innerHTML == "复活") { + for (var i = 0; i < row3.childNodes.length; i++) { + if (row3.childNodes[i].dead) { + row3.childNodes[i].style.display = ""; + } + else { + row3.childNodes[i].style.display = "none"; + row3.childNodes[i].classList.remove("glow"); + } + row3.childNodes[i].classList.remove("unselectable"); + } + } + else { + for (var i = 0; i < row3.childElementCount; i++) { + if (currentrow1 && currentrow1.innerHTML == "换人" && row3.childNodes[i].link == game.me) { + row3.childNodes[i].classList.add("unselectable"); + } + else { + row3.childNodes[i].classList.remove("unselectable"); + } + if (!row3.childNodes[i].dead) { + row3.childNodes[i].style.display = ""; + } + else { + row3.childNodes[i].style.display = "none"; + row3.childNodes[i].classList.remove("glow"); + } + } + } + if (currentrow1 && (currentrow2 || norow2()) && row3.querySelector(".glow")) { + cheatButton.classList.add("glowing"); + return true; + } + else { + cheatButton.classList.remove("glowing"); + return false; + } + } + cheatButton.listen(function () { + if (checkCheat()) { + var num; + if (currentrow2) { + switch (currentrow2.innerHTML) { + case "一": num = 1; break; + case "二": num = 2; break; + case "三": num = 3; break; + case "四": num = 4; break; + case "五": num = 5; break; + } + } + var targets = []; + var buttons = row3.querySelectorAll(".glow"); + for (var i = 0; i < buttons.length; i++) { + targets.push(buttons[i].link); + } + while (targets.length) { + var target = targets.shift(); + switch (currentrow1.innerHTML) { + case "伤害": target.damage(num, "nosource"); break; + case "回复": target.recover(num, "nosource"); break; + case "摸牌": target.draw(num); break; + case "弃牌": target.discard(target.getCards("he").randomGets(num)); break; + case "横置": target.link(); break; + case "翻面": target.turnOver(); break; + case "复活": target.revive(target.maxHp); break; + case "换人": { + if (_status.event.isMine()) { + if (!ui.auto.classList.contains("hidden")) { + setTimeout(function () { + ui.click.auto(); + setTimeout(function () { + ui.click.auto(); + game.swapPlayer(target); + }, 500); + }); + } + } + else { + game.swapPlayer(target); + } + break; + } + } + } + if (ui.coin) { + game.changeCoin(-20); + } + clickContainer.call(menuContainer); + } + }); + + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", "控制", start.firstChild, clickMode); + node.link = page; + node.type = "cheat"; + page.classList.add("menu-sym"); + + var currentrow1 = null; + var row1 = ui.create.div(".menu-cheat", page); + var clickrow1 = function () { + if (this.classList.contains("unselectable")) return; + if (currentrow1 == this) { + this.classList.remove("selectedx"); + currentrow1 = null; + } + else { + this.classList.add("selectedx"); + if (currentrow1) { + currentrow1.classList.remove("selectedx"); + } + currentrow1 = this; + if (this.innerHTML == "换人") { + for (var i = 0; i < row3.childNodes.length; i++) { + row3.childNodes[i].classList.remove("glow"); + } + } + } + checkCheat(); + }; + var nodedamage = ui.create.div(".menubutton", "伤害", row1, clickrow1); + var noderecover = ui.create.div(".menubutton", "回复", row1, clickrow1); + var nodedraw = ui.create.div(".menubutton", "摸牌", row1, clickrow1); + var nodediscard = ui.create.div(".menubutton", "弃牌", row1, clickrow1); + var nodelink = ui.create.div(".menubutton", "横置", row1, clickrow1); + var nodeturnover = ui.create.div(".menubutton", "翻面", row1, clickrow1); + var noderevive = ui.create.div(".menubutton", "复活", row1, clickrow1); + var nodereplace = ui.create.div(".menubutton", "换人", row1, clickrow1); + if (!game.canReplaceViewpoint || !game.canReplaceViewpoint()) { + nodereplace.classList.add("unselectable"); + } + + var currentrow2 = null; + var row2 = ui.create.div(".menu-cheat", page); + var clickrow2 = function () { + if (this.classList.contains("unselectable")) return; + if (currentrow2 == this) { + this.classList.remove("selectedx"); + currentrow2 = null; + } + else { + this.classList.add("selectedx"); + if (currentrow2) { + currentrow2.classList.remove("selectedx"); + } + currentrow2 = this; + } + checkCheat(); + }; + var nodex1 = ui.create.div(".menubutton", "一", row2, clickrow2); + var nodex2 = ui.create.div(".menubutton", "二", row2, clickrow2); + var nodex3 = ui.create.div(".menubutton", "三", row2, clickrow2); + var nodex4 = ui.create.div(".menubutton", "四", row2, clickrow2); + var nodex5 = ui.create.div(".menubutton", "五", row2, clickrow2); + + var row3 = ui.create.div(".menu-buttons.leftbutton.commandbutton", page); + row3.style.marginTop = "3px"; + var clickrow3 = function () { + if (this.classList.contains("unselectable")) return; + this.classList.toggle("glow"); + if (currentrow1 && currentrow1.innerHTML == "换人" && this.classList.contains("glow")) { + if (this.link == game.me) { + this.classList.remove("glow"); + } + for (var i = 0; i < row3.childElementCount; i++) { + if (row3.childNodes[i] != this) { + row3.childNodes[i].classList.remove("glow"); + } + } + } + checkCheat(); + }; + menuUpdates.push(function () { + if (_status.video || _status.connectMode) { + node.classList.add("off"); + if (node.classList.contains("active")) { + node.classList.remove("active"); + node.link.remove(); + active = start.firstChild.firstChild; + active.classList.add("active"); + rightPane.appendChild(active.link); + } + + page.remove(); + cheatButton.remove(); + if (_status.video) node.remove(); + return; + } + var list = []; + for (var i = 0; i < game.players.length; i++) { + if (lib.character[game.players[i].name] || game.players[i].name1) { + list.push(game.players[i]); + } + } + for (var i = 0; i < game.dead.length; i++) { + if (lib.character[game.dead[i].name] || game.dead[i].name1) { + list.push(game.dead[i]); + } + } + if (list.length) { + row1.show(); + row2.show(); + row3.innerHTML = ""; + var buttons = ui.create.buttons(list, "player", row3, true); + for (var i = 0; i < buttons.length; i++) { + buttons[i].listen(clickrow3); + if (game.dead.contains(buttons[i].link)) { + buttons[i].dead = true; + } + } + checkCheat(); + } + else { + row1.hide(); + row2.hide(); + } + if (lib.config.mode == "identity" || lib.config.mode == "guozhan" || lib.config.mode == "doudizhu") { + if (game.notMe || (game.me && (game.me._trueMe || game.hasPlayer(function (current) { + return current._trueMe == game.me; + }))) || !game.phaseNumber || _status.qianlidanji) { + nodereplace.classList.add("unselectable"); + } + else if (_status.event.isMine() && ui.auto.classList.contains("hidden")) { + nodereplace.classList.add("unselectable"); + } + else { + nodereplace.classList.remove("unselectable"); + } + } + if (game.dead.length == 0) { + noderevive.classList.add("unselectable"); + } + else { + noderevive.classList.remove("unselectable"); + } + checkCheat(); + }); + }()); + (function () { + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", "命令", start.firstChild, clickMode); + ui.commandnode = node; + node.type = "cmd"; + menuUpdates.push(function () { + if (_status.connectMode) { + node.classList.add("off"); + if (node.classList.contains("active")) { + node.classList.remove("active"); + if (node.link) node.link.remove(); + active = start.firstChild.firstChild; + active.classList.add("active"); + rightPane.appendChild(active.link); + } + } + }); + node._initLink = function () { + node.link = page; + page.classList.add("menu-sym"); + + const text = document.createElement("div"); + text.css({ + "width": "194px", + "height": "124px", + "padding": "3px", + "borderRadius": "2px", + "boxShadow": "rgba(0, 0, 0, 0.2) 0 0 0 1px", + "textAlign": "left", + "webkitUserSelect": "initial", + "overflow": "scroll", + "position": "absolute", + "left": "30px", + "top": "50px", + "wordBreak": "break-all" + }); + + const pre = ui.create.node("pre.fullsize", text); + text.css.call(pre, { + "margin": "0", + "padding": "0", + "position": "relative", + "webkitUserSelect": "text", + "userSelect": "text" + }); + lib.setScroll(pre); + page.appendChild(text); + + const text2 = document.createElement("input"); + text.css.call(text2, { + "width": "200px", + "height": "20px", + "padding": "0", + "position": "absolute", + "top": "15px", + "left": "30px", + "resize": "none", + "border": "none", + "borderRadius": "2px", + "boxShadow": "rgba(0, 0, 0, 0.2) 0 0 0 1px" + }); + + const g = {}; + const logs = []; + let logindex = -1; + let proxyWindow = Object.assign({}, window, { + _status: _status, + lib: lib, + game: game, + ui: ui, + get: get, + ai: ai, + cheat: lib.cheat + }); + Object.defineProperties(proxyWindow, { + "_status": { + configurable: false, + enumerable: true, + writable: false + }, + "lib": { + configurable: false, + enumerable: true, + writable: false + }, + "game": { + configurable: false, + enumerable: true, + writable: false + }, + "ui": { + configurable: false, + enumerable: true, + writable: false + }, + "get": { + configurable: false, + enumerable: true, + writable: false + }, + "ai": { + configurable: false, + enumerable: true, + writable: false + }, + "cheat": { + configurable: false, + enumerable: true, + writable: false + } + }); + if (typeof window.Proxy == "function") { + proxyWindow = new Proxy(proxyWindow, { + set(target, prop, newValue) { + if (!["_status", "lib", "game", "ui", "get", "ai", "cheat"].includes(prop)) { + Reflect.set(window, prop, newValue); + } + return Reflect.set(target, prop, newValue); + } + }); + } + //使用new Function隔绝作用域，避免在控制台可以直接访问到runCommand等变量 + /** + * @type { (value:string)=>any } + */ + const fun = (new Function("window", ` + const _status=window._status; + const lib=window.lib; + const game=window.game; + const ui=window.ui; + const get=window.get; + const ai=window.ai; + const cheat=window.lib.cheat; + //使用正则匹配绝大多数的普通obj对象，避免解析成代码块。 + const reg=${/^\{([^{}]+:\s*([^\s,]*|"[^"]*"|"[^"]*"|\{[^}]*\}|\[[^\]]*\]|null|undefined|([a-zA-Z$_][a-zA-Z0-9$_]*\s*:\s*)?[a-zA-Z$_][a-zA-Z0-9$_]*\(\)))(?:,\s*([^{}]+:\s*(?:[^\s,]*|"[^"]*"|"[^"]*"|\{[^}]*\}|\[[^\]]*\]|null|undefined|([a-zA-Z$_][a-zA-Z0-9$_]*\s*:\s*)?[a-zA-Z$_][a-zA-Z0-9$_]*\(\))))*\}$/}; + return function(value){ + "use strict"; + return eval(reg.test(value)?("("+value+")"):value); + } + `))(proxyWindow); + const runCommand = () => { + if (text2.value && !["up", "down"].contains(text2.value)) { + logindex = -1; + logs.unshift(text2.value); + } + if (text2.value == "cls") { + pre.innerHTML = ""; + text2.value = ""; + } + else if (text2.value == "up") { + if (logindex + 1 < logs.length) { + text2.value = logs[++logindex]; + } + else { + text2.value = ""; + } + } + else if (text2.value == "down") { + if (logindex >= 0) { + logindex--; + if (logindex < 0) { + text2.value = ""; + } + else { + text2.value = logs[logindex]; + } + } + else { + text2.value = ""; + } + } + else if (text2.value.includes("无天使") && (text2.value.includes("无神佛") || text2.value.includes("无神") && text2.value.includes("无佛"))) { + game.print("密码正确！欢迎来到死后世界战线！"); + _status.keyVerified = true; + text2.value = ""; + } + else { + if (!game.observe && !game.online) { + try { + let value = text2.value.trim(); + if (value.endsWith(";")) value = value.slice(0, -1).trim(); + game.print(fun(value)); + } + catch (e) { + game.print(e); + } + } + text2.value = ""; + } + } + text2.addEventListener("keydown", e => { + if (e.keyCode == 13) { + runCommand(); + } + else if (e.keyCode == 38) { + if (logindex + 1 < logs.length) { + text2.value = logs[++logindex]; + } + } + else if (e.keyCode == 40) { + if (logindex >= 0) { + logindex--; + if (logindex < 0) { + text2.value = ""; + } + else { + text2.value = logs[logindex]; + } + } + } + }); + page.appendChild(text2); + game.print = function () { + const args = [...arguments]; + const printResult = args.map(arg => { + if (typeof arg != "string") { + const parse = (obj) => { + if (Array.isArray(obj)) { + return `[${obj.map(v => parse(v))}]`; + } else if (typeof obj == "function") { + return `Function`; + } else if (typeof obj != "string") { + return String(obj); + } else { + return `"${String(obj)}"`; + } + }; + if (typeof arg == "function") { + let argi; + try { + argi = get.stringify(arg); + if (argi === "") argi = arg.toString(); + } catch (_) { + argi = arg.toString(); + } + return argi.replace(/&/g, "&") + .replace(//g, ">") + .replace(/"/g, """) + .replace(/"/g, "'"); + } + else if (typeof arg == "object") { + let msg = ""; + for (const name of Object.getOwnPropertyNames(arg)) { + msg += `${name}: ${parse(arg[name])}
      `; + } + return `
      ${parse(arg)}${msg}
      `; + } else { + return parse(arg); + } + } else { + const str = String(arg); + if (!/<[a-zA-Z]+[^>]*?\/?>.*?(?=<\/[a-zA-Z]+[^>]*?>|$)/.exec(str)) return str + .replace(/&/g, "&") + .replace(//g, ">") + .replace(/"/g, """) + .replace(/"/g, "'"); + else return str; + } + }).join(" "); + pre.innerHTML += printResult + "
      "; + text.scrollTop = text.scrollHeight; + } + if (_status.toprint) { + game.print(...status.toprint); + delete _status.toprint; + } + runButton.listen(runCommand); + clearButton.listen(() => { + pre.innerHTML = ""; + }); + }; + if (!get.config("menu_loadondemand")) node._initLink(); + }()); + (function () { + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", "战绩", start.firstChild, clickMode); + node.type = "rec"; + node._initLink = function () { + node.link = page; + page.style.paddingBottom = "10px"; + var reset = function () { + if (this.innerHTML == "重置") { + this.innerHTML = "确定"; + var that = this; + setTimeout(function () { + that.innerHTML = "重置"; + }, 1000); + } + else { + this.parentNode.previousSibling.remove(); + this.parentNode.remove(); + lib.config.gameRecord[this.parentNode.link] = { data: {} }; + game.saveConfig("gameRecord", lib.config.gameRecord); + } + } + for (var i = 0; i < lib.config.all.mode.length; i++) { + if (!lib.config.gameRecord[lib.config.all.mode[i]]) continue; + if (lib.config.gameRecord[lib.config.all.mode[i]].str) { + ui.create.div(".config.indent", lib.translate[lib.config.all.mode[i]], page).style.marginBottom = "-5px"; + var item = ui.create.div(".config.indent", lib.config.gameRecord[lib.config.all.mode[i]].str + "重置", page); + item.style.height = "auto"; + item.lastChild.addEventListener("click", reset); + item.lastChild.classList.add("pointerdiv"); + item.link = lib.config.all.mode[i]; + } + } + }; + if (!get.config("menu_loadondemand")) node._initLink(); + }()); + (function () { + if (!window.indexedDB || window.nodb) return; + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", "录像", start.firstChild, clickMode); + node.type = "video"; + lib.videos = []; + ui.create.videoNode = (video, before) => { + lib.videos.remove(video); + lib.videos[before === true ? "unshift" : "push"](video); + }; + node._initLink = function () { + node.link = page; + var store = lib.db.transaction(["video"], "readwrite").objectStore("video"); + store.openCursor().onsuccess = function (e) { + var cursor = e.target.result; + if (cursor) { + lib.videos.push(cursor.value); + cursor.continue(); + } + else { + lib.videos.sort(function (a, b) { + return parseInt(b.time) - parseInt(a.time); + }); + var clickcapt = function () { + var current = this.parentNode.querySelector(".videonode.active"); + if (current && current != this) { + current.classList.remove("active"); + } + if (this.classList.toggle("active")) { + playButton.show(); + deleteButton.show(); + saveButton.show(); + } + else { + playButton.hide(); + deleteButton.hide(); + saveButton.hide(); + } + }; + var staritem = function () { + this.parentNode.classList.toggle("starred"); + var store = lib.db.transaction(["video"], "readwrite").objectStore("video"); + if (this.parentNode.classList.contains("starred")) { + this.parentNode.link.starred = true; + } + else { + this.parentNode.link.starred = false; + } + store.put(this.parentNode.link); + } + var createNode = function (video, before) { + var node = ui.create.div(".videonode.menubutton.large", clickcapt); + node.link = video; + var nodename1 = ui.create.div(".menubutton.videoavatar", node); + nodename1.setBackground(video.name1, "character"); + if (video.name2) { + var nodename2 = ui.create.div(".menubutton.videoavatar2", node); + nodename2.setBackground(video.name2, "character"); + } + var date = new Date(video.time); + var str = date.getFullYear() + "." + (date.getMonth() + 1) + "." + (date.getDate()) + " " + + date.getHours() + ":"; + var minutes = date.getMinutes(); + if (minutes < 10) { + str += "0"; + } + str += minutes; + ui.create.div(".caption", video.name[0], node); + ui.create.div(".text", str + "
      " + video.name[1], node); + if (video.win) { + ui.create.div(".victory", "胜", node); + } + + if (before) { + page.insertBefore(node, page.firstChild); + } + else { + page.appendChild(node); + } + ui.create.div(".video_star", "★", node, staritem); + if (video.starred) { + node.classList.add("starred"); + } + } + for (var i = 0; i < lib.videos.length; i++) { + createNode(lib.videos[i]); + } + ui.create.videoNode = createNode; + var importVideoNode = ui.create.div(".config.switcher.pointerspan", + '导入录像...', function () { + this.nextSibling.classList.toggle("hidden"); + }, page); + importVideoNode.style.marginLeft = "12px"; + importVideoNode.style.marginTop = "3px"; + var importVideo = ui.create.div(".config.hidden", page); + importVideo.style.whiteSpace = "nowrap"; + importVideo.style.marginBottom = "80px"; + importVideo.style.marginLeft = "13px"; + importVideo.style.width = "calc(100% - 30px)"; + importVideo.innerHTML = ``; + importVideo.lastChild.onclick = function () { + var fileToLoad = importVideo.firstChild.files[0]; + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + if (!data) return; + try { + data = JSON.parse(lib.init.decode(data)); + } + catch (e) { + console.log(e); + alert("导入失败"); + return; + } + var store = lib.db.transaction(["video"], "readwrite").objectStore("video"); + var videos = lib.videos.slice(0); + for (var i = 0; i < videos.length; i++) { + if (videos[i].starred) { + videos.splice(i--, 1); + } + } + for (var deletei = 0; deletei < 5; deletei++) { + if (videos.length >= parseInt(lib.config.video) && videos.length) { + var toremove = videos.pop(); + lib.videos.remove(toremove); + store.delete(toremove.time); + for (var i = 0; i < page.childNodes.length; i++) { + if (page.childNodes[i].link == toremove) { + page.childNodes[i].remove(); + break; + } + } + } + else { + break; + } + } + for (var i = 0; i < lib.videos.length; i++) { + if (lib.videos[i].time == data.time) { + alert("录像已存在"); + return; + } + } + lib.videos.unshift(data); + store.put(data); + createNode(data, true); + }; + fileReader.readAsText(fileToLoad, "UTF-8"); + } + + playButton.listen(function () { + var current = this.parentNode.querySelector(".videonode.active"); + if (current) { + game.playVideo(current.link.time, current.link.mode); + } + }); + deleteButton.listen(function () { + var current = this.parentNode.querySelector(".videonode.active"); + if (current) { + lib.videos.remove(current.link); + var store = lib.db.transaction(["video"], "readwrite").objectStore("video"); + store.delete(current.link.time); + current.remove(); + } + }); + saveButton.listen(function () { + var current = this.parentNode.querySelector(".videonode.active"); + if (current) { + game.export(lib.init.encode(JSON.stringify(current.link)), + "无名杀 - 录像 - " + current.link.name[0] + " - " + current.link.name[1]); + } + }); + + ui.updateVideoMenu = function () { + var active = start.firstChild.querySelector(".active"); + if (active) { + active.classList.remove("active"); + active.link.remove(); + } + node.classList.add("active"); + rightPane.appendChild(page); + playButton.style.display = ""; + deleteButton.style.display = ""; + saveButton.style.display = ""; + } + } + }; + }; + if (!get.config("menu_loadondemand")) node._initLink(); + }()); + + + for (var i in lib.help) { + var page = ui.create.div(""); + var node = ui.create.div(".menubutton.large", i, start.firstChild, clickMode); + node.type = "help"; + node.link = page; + node.style.display = "none"; + page.classList.add("menu-help"); + page.innerHTML = lib.help[i]; + } + + if (!connectMenu) { + var node = ui.create.div(".menubutton.large", "帮助", start.firstChild, function () { + var activex = start.firstChild.querySelector(".active"); + if (this.innerHTML == "帮助") { + cheatButton.style.display = "none"; + runButton.style.display = "none"; + clearButton.style.display = "none"; + playButton.style.display = "none"; + saveButton.style.display = "none"; + deleteButton.style.display = "none"; + + this.innerHTML = "返回"; + for (var i = 0; i < start.firstChild.childElementCount; i++) { + var nodex = start.firstChild.childNodes[i]; + if (nodex == node) continue; + if (nodex.type == "help") { + nodex.style.display = ""; + if (activex && activex.type != "help") { + activex.classList.remove("active"); + activex.link.remove(); + activex = null; + nodex.classList.add("active"); + rightPane.appendChild(nodex.link); + } + } + else { + nodex.style.display = "none"; + } + } + } + else { + this.innerHTML = "帮助"; + for (var i = 0; i < start.firstChild.childElementCount; i++) { + var nodex = start.firstChild.childNodes[i]; + if (nodex == node) continue; + if (nodex.type != "help") { + nodex.style.display = ""; + if (activex && activex.type == "help") { + activex.classList.remove("active"); + activex.link.remove(); + activex = null; + clickMode.call(nodex); + } + } + else { + nodex.style.display = "none"; + } + } + } + }); + } + + var active = start.firstChild.querySelector(".active"); + if (!active) { + active = start.firstChild.firstChild; + active.classList.add("active"); + } + if (!active.link) active._initLink(); + rightPane.appendChild(active.link); + }()); + + if (menuTimeout) { + clearTimeout(menuTimeout); + delete window.resetExtension; + localStorage.removeItem(lib.configprefix + "disable_extension", true); + } + } + static table() { + var str, row, col, position, position2, fixed, style, divposition; + for (var i = 0; i < arguments.length; i++) { + if (typeof arguments[i] == "string") str = arguments[i]; + else if (typeof arguments[i] == "number") { + if (typeof row == "number") { + if (typeof col == "number") position2 = arguments[i]; + else col = arguments[i]; + } + else row = arguments[i]; + } + else if (get.objtype(arguments[i]) == "div" || + get.objtype(arguments[i]) == "table" || + get.objtype(arguments[i]) == "tr" || + get.objtype(arguments[i]) == "td" || + get.objtype(arguments[i]) == "body") position = arguments[i]; + else if (typeof arguments[i] == "boolean") fixed = arguments[i]; + else if (get.itemtype(arguments[i]) == "divposition") divposition = arguments[i]; + else if (typeof arguments[i] == "object") style = arguments[i]; + } + if (str == undefined) str = ""; + var node = document.createElement("table"); + for (var i = 0; i < str.length; i++) { + if (str[i] == ".") { + if (node.className.length != 0) { + node.className += " "; + } + while (str[i + 1] != "." && str[i + 1] != "#" && i + 1 < str.length) { + node.className += str[i + 1]; + i++; + } + } + else if (str[i] == "#") { + while (str[i + 1] != "." && str[i + 1] != "#" && i + 1 < str.length) { + node.id += str[i + 1]; + i++; + } + } + } + var tr, td; + for (var i = 0; i < row; i++) { + tr = document.createElement("tr"); + if (fixed) tr.style.height = (100 / row) + "%"; + node.appendChild(tr); + for (var j = 0; j < col; j++) { + td = document.createElement("td"); + tr.appendChild(td); + } + } + if (position) { + if (typeof position2 == "number" && position.childNodes.length > position2) { + position.insertBefore(node, position.childNodes[position2]); + } + else { + position.appendChild(node); + } + } + return node; + } + static giveup() { + if (ui.giveup) return; + if (!lib.config.show_giveup) return; + ui.giveup = ui.create.system("投降", function () { + var player = game.me; + this.remove(); + if (game.online) { + game.send("giveup", player); + } + else { + _status.event.next.length = 0; + game.createEvent("giveup", false).set("includeOut", true).setContent(function () { + game.log(player, "投降"); + player.popup("投降"); + player.die("nosource").includeOut = true; + }).player = player; + } + if (_status.paused && _status.imchoosing && !_status.auto) { + ui.click.auto(); + } + }, true, true); + } + static groupControl(dialog) { + return ui.create.control("wei", "shu", "wu", "qun", "jin", "western", "key", function (link, node) { + if (link == "全部") { + dialog.currentcapt = ""; + dialog.currentgroup = ""; + for (var i = 0; i < dialog.buttons.length; i++) { + dialog.buttons[i].style.display = ""; + } + } + else { + if (node.classList.contains("thundertext")) { + dialog.currentgroup = null; + dialog.currentgroupnode = null; + node.classList.remove("thundertext"); + for (var i = 0; i < dialog.buttons.length; i++) { + if (dialog.currentcapt && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + else { + if (dialog.currentgroupnode) { + dialog.currentgroupnode.classList.remove("thundertext"); + } + dialog.currentgroup = link; + dialog.currentgroupnode = node; + node.classList.add("thundertext"); + for (var i = 0; i < dialog.buttons.length; i++) { + if (dialog.buttons[i].group != link || + (dialog.currentcapt && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt))) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + } + }); + } + static cardDialog() { + var args = ["thisiscard"]; + for (var i = 0; i < arguments.length; i++) { + args.push(arguments[i]); + } + return ui.create.characterDialog.apply(this, args); + } + static characterDialog2(filter) { + var list = []; + for (var i in lib.character) { + if (lib.character[i][4].contains("minskin")) continue; + if (lib.character[i][4].contains("boss") || lib.character[i][4].contains("hiddenboss")) { + if (lib.config.mode == "boss") continue; + if (!lib.character[i][4].contains("bossallowed")) continue; + } + + if (lib.character[i][4].contains("stonehidden")) continue; + if (lib.config.banned.contains(i)) continue; + if (filter && filter(i)) continue; + list.push(i); + } + var dialog = ui.create.dialog("hidden"); + dialog.classList.add("noupdate"); + dialog.classList.add("scroll1"); + dialog.classList.add("scroll2"); + dialog.classList.add("scroll3"); + list.sort(lib.sort.character); + dialog.classList.add("character"); + dialog.classList.add("choose-character"); + var getPack = function (name) { + for (var i in lib.characterPack) { + if (lib.characterPack[i][name]) return i; + } + return null; + } + var packs = {}; + var packnode = ui.create.div(".packnode", dialog); + lib.setScroll(packnode); + var clickCapt = function () { + var active = this.parentNode.querySelector(".active"); + if (active) { + active.classList.remove("active"); + } + this.classList.add("active"); + for (var i = 0; i < dialog.buttons.length; i++) { + if (this.pack && !this.pack.contains(dialog.buttons[i].link)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + var createNode = function (packname) { + var translate; + var pack = null; + if (packname == "最近") { + pack = get.config("recentCharacter") || []; + } + else if (packname == "收藏") { + pack = lib.config.favouriteCharacter; + } + var node = ui.create.div(".dialogbutton.menubutton.large", packname, packnode, clickCapt); + node.pack = pack; + return node; + } + dialog.add([list, "character"]); + var bool = true; + var node; + var recent = get.config("recentCharacter"); + if (recent && recent.length) { + node = createNode("最近"); + if (lib.config.character_dialog_tool == "最近") { + clickCapt.call(node); + bool = false; + } + } + if (lib.config.favouriteCharacter.length) { + node = createNode("收藏"); + if (lib.config.character_dialog_tool == "收藏") { + clickCapt.call(node); + bool = false; + } + } + var node = createNode("全部"); + if (lib.config.character_dialog_tool == "all") { + clickCapt.call(node); + bool = false; + } + if (bool) { + clickCapt.call(packnode.firstChild); + } + + var node = ui.create.div(".dialogbutton.menubutton.large", "筛选", packnode); + return dialog; + } + static characterDialog() { + // if(lib.config.character_dialog_style=="newstyle"){ + // for(var i=0;i b ? 1 : -1; + }); + groups.sort(lib.sort.group); + if (!thisiscard) { + namecapt.remove("自定义"); + namecapt.push("newline"); + for (var i in lib.characterDialogGroup) { + namecapt.push(i); + } + } + var newlined = false; + var newlined2; + var packsource; + var clickCapt = function (e) { + if (_status.dragged) return; + if (dialog.currentcapt2 == "最近" && dialog.currentcaptnode2 != this && !dialog.currentcaptnode2.inited) { + dialog.currentcapt2 = null; + dialog.currentcaptnode2.classList.remove("thundertext"); + dialog.currentcaptnode2.inited = true; + dialog.currentcaptnode2 = null; + } + if (this.alphabet) { + if (this.classList.contains("thundertext")) { + dialog.currentcapt = null; + dialog.currentcaptnode = null; + this.classList.remove("thundertext"); + if (this.touchlink) { + this.touchlink.classList.remove("active"); + } + for (var i = 0; i < dialog.buttons.length; i++) { + if (dialog.currentgroup && dialog.buttons[i].group != dialog.currentgroup) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentcapt2 && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt, true)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + else { + if (dialog.currentcaptnode) { + dialog.currentcaptnode.classList.remove("thundertext"); + if (dialog.currentcaptnode.touchlink) { + dialog.currentcaptnode.touchlink.classList.remove("active"); + } + } + dialog.currentcapt = this.link; + dialog.currentcaptnode = this; + this.classList.add("thundertext"); + if (this.touchlink) { + this.touchlink.classList.add("active"); + } + for (var i = 0; i < dialog.buttons.length; i++) { + if (dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentcapt2 && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt, true)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentgroup && dialog.buttons[i].group != dialog.currentgroup) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + } + else { + if (newlined2) { + newlined2.style.display = "none"; + if (!packsource.onlypack) { + packsource.classList.remove("thundertext"); + if (!get.is.phoneLayout() || !lib.config.filternode_button) { + packsource.innerHTML = "武将包"; + } + } + } + if (this.classList.contains("thundertext")) { + dialog.currentcapt2 = null; + dialog.currentcaptnode2 = null; + this.classList.remove("thundertext"); + if (this.touchlink) { + this.touchlink.classList.remove("active"); + } + for (var i = 0; i < dialog.buttons.length; i++) { + if (dialog.currentgroup && dialog.buttons[i].group != dialog.currentgroup) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentcapt && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + else { + if (dialog.currentcaptnode2) { + dialog.currentcaptnode2.classList.remove("thundertext"); + if (dialog.currentcaptnode2.touchlink) { + dialog.currentcaptnode2.touchlink.classList.remove("active"); + } + } + dialog.currentcapt2 = this.link; + dialog.currentcaptnode2 = this; + this.classList.add("thundertext"); + if (this.touchlink) { + this.touchlink.classList.add("active"); + } + else if (this.parentNode == newlined2) { + packsource.innerHTML = this.innerHTML; + packsource.classList.add("thundertext"); + } + for (var i = 0; i < dialog.buttons.length; i++) { + if (dialog.currentcapt && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt, true)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentgroup && dialog.buttons[i].group != dialog.currentgroup) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + if (dialog.buttons[i].activate) { + dialog.buttons[i].activate(); + } + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + } + if (dialog.seperate) { + for (var i = 0; i < dialog.seperate.length; i++) { + if (!dialog.seperate[i].nextSibling.querySelector(".button:not(.nodisplay)")) { + dialog.seperate[i].style.display = "none"; + dialog.seperate[i].nextSibling.style.display = "none"; + } + else { + dialog.seperate[i].style.display = ""; + dialog.seperate[i].nextSibling.style.display = ""; + } + } + } + if (filternode) { + if (filternode.querySelector(".active")) { + packsource.classList.add("thundertext"); + } + else { + packsource.classList.remove("thundertext"); + } + } + if (e) e.stopPropagation(); + }; + for (i = 0; i < namecapt.length; i++) { + if (namecapt[i] == "newline") { + newlined = document.createElement("div"); + newlined.style.marginTop = "5px"; + newlined.style.display = "block"; + // newlined.style.fontFamily="xinwei"; + if (get.is.phoneLayout()) { + newlined.style.fontSize = "32px"; + } + else { + newlined.style.fontSize = "22px"; + } + newlined.style.textAlign = "center"; + node.appendChild(newlined); + } + else if (newlined) { + var span = ui.create.div(".tdnode.pointerdiv.shadowed.reduce_radius"); + span.style.margin = "3px"; + span.style.width = "auto"; + span.innerHTML = " " + namecapt[i].toUpperCase() + " "; + span.link = namecapt[i]; + span.addEventListener(lib.config.touchscreen ? "touchend" : "click", clickCapt); + newlined.appendChild(span); + node[namecapt[i]] = span; + if (namecapt[i] == "收藏") { + span._nature = "fire"; + } + else { + span._nature = "wood"; + } + } + else { + var span = document.createElement("span"); + span.innerHTML = " " + namecapt[i].toUpperCase() + " "; + span.link = namecapt[i]; + span.alphabet = true; + span.addEventListener(lib.config.touchscreen ? "touchend" : "click", clickCapt); + node.appendChild(span); + } + } + if (!thisiscard) { + var natures = ["water", "soil", "wood", "metal"]; + var span = document.createElement("span"); + newlined.appendChild(span); + span.style.margin = "8px"; + var clickGroup = function () { + if (_status.dragged) return; + if (dialog.currentcapt2 == "最近" && dialog.currentcaptnode2 != this && !dialog.currentcaptnode2.inited) { + dialog.currentcapt2 = null; + dialog.currentcaptnode2.classList.remove("thundertext"); + dialog.currentcaptnode2.inited = true; + dialog.currentcaptnode2 = null; + } + var node = this, link = this.link; + if (node.classList.contains("thundertext")) { + dialog.currentgroup = null; + dialog.currentgroupnode = null; + node.classList.remove("thundertext"); + for (var i = 0; i < dialog.buttons.length; i++) { + if (dialog.currentcapt && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentcapt2 && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt, true)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + else { + if (dialog.currentgroupnode) { + dialog.currentgroupnode.classList.remove("thundertext"); + } + dialog.currentgroup = link; + dialog.currentgroupnode = node; + node.classList.add("thundertext"); + for (var i = 0; i < dialog.buttons.length; i++) { + if (dialog.currentcapt && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentcapt2 && dialog.buttons[i].capt != dialog.getCurrentCapt(dialog.buttons[i].link, dialog.buttons[i].capt, true)) { + dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentgroup == "double") { + if (dialog.buttons[i]._changeGroup) dialog.buttons[i].classList.remove("nodisplay"); + else dialog.buttons[i].classList.add("nodisplay"); + } + else if (dialog.currentgroup == "ye") { + if (dialog.buttons[i].group == "ye") dialog.buttons[i].classList.remove("nodisplay"); + else dialog.buttons[i].classList.add("nodisplay"); + } + else { + if (dialog.buttons[i]._changeGroup || dialog.buttons[i].group != dialog.currentgroup) { + dialog.buttons[i].classList.add("nodisplay"); + } + else { + dialog.buttons[i].classList.remove("nodisplay"); + } + } + } + } + }; + for (var i = 0; i < groups.length; i++) { + var span = ui.create.div(".tdnode.pointerdiv.shadowed.reduce_radius.reduce_margin"); + span.style.margin = "3px"; + newlined.appendChild(span); + span.innerHTML = get.translation(groups[i]); + span.link = groups[i]; + span._nature = natures[i]; + span.addEventListener(lib.config.touchscreen ? "touchend" : "click", clickGroup); + } + + var span = document.createElement("span"); + newlined.appendChild(span); + span.style.margin = "8px"; + + packsource = ui.create.div(".tdnode.pointerdiv.shadowed.reduce_radius.reduce_margin"); + packsource.style.margin = "3px"; + newlined.appendChild(packsource); + var filternode = null; + var clickCaptNode = function (e) { + delete _status.filterCharacter; + ui.window.classList.remove("shortcutpaused"); + filternode.delete(); + filternode.classList.remove("shown"); + clickCapt.call(this.link, e); + }; + if (get.is.phoneLayout() && lib.config.filternode_button) { + newlined.style.marginTop = ""; + packsource.innerHTML = "筛选"; + filternode = ui.create.div(".popup-container.filter-character.modenopause"); + ui.create.div(filternode); + filternode.listen(function (e) { + if (this.classList.contains("removing")) return; + delete _status.filterCharacter; + ui.window.classList.remove("shortcutpaused"); + this.delete(); + this.classList.remove("shown"); + e.stopPropagation(); + }); + for (var i = 0; i < node.childElementCount; i++) { + if (node.childNodes[i].tagName.toLowerCase() == "span") { + node.childNodes[i].style.display = "none"; + node.childNodes[i].touchlink = ui.create.div(filternode.firstChild, clickCaptNode, ".menubutton.large.capt", node.childNodes[i].innerHTML); + node.childNodes[i].touchlink.link = node.childNodes[i]; + } + } + ui.create.node("br", filternode.firstChild); + } + else { + if (onlypack) { + packsource.onlypack = true; + packsource.innerHTML = get.translation(onlypack + "_character_config"); + packsource.style.display = "none"; + packsource.previousSibling.style.display = "none"; + } + else { + packsource.innerHTML = "武将包"; + } + } + + newlined2 = document.createElement("div"); + newlined2.style.marginTop = "5px"; + newlined2.style.display = "none"; + newlined2.style.fontFamily = "xinwei"; + newlined2.classList.add("pointernode"); + if (get.is.phoneLayout()) { + newlined2.style.fontSize = "32px"; + } + else { + newlined2.style.fontSize = "22px"; + } + newlined2.style.textAlign = "center"; + node.appendChild(newlined2); + + packsource.addEventListener(lib.config.touchscreen ? "touchend" : "click", function () { + if (packsource.onlypack) return; + if (_status.dragged) return; + if (get.is.phoneLayout() && lib.config.filternode_button && filternode) { + _status.filterCharacter = true; + ui.window.classList.add("shortcutpaused"); + ui.window.appendChild(filternode); + ui.refresh(filternode); + filternode.classList.add("shown"); + var dh = filternode.offsetHeight - filternode.firstChild.offsetHeight; + if (dh > 0) { + filternode.firstChild.style.top = (dh / 2) + "px"; + } + else { + filternode.firstChild.style.top = ""; + } + } + else { + if (newlined2.style.display == "none") { + newlined2.style.display = "block"; + } + else { + newlined2.style.display = "none"; + } + } + }); + var packlist = []; + for (var i = 0; i < lib.config.all.characters.length; i++) { + if (!lib.config.characters.contains(lib.config.all.characters[i])) continue; + packlist.push(lib.config.all.characters[i]); + } + for (var i in lib.characterPack) { + if (!lib.config.all.characters.contains(i)) { + packlist.push(i); + } + } + for (var i = 0; i < packlist.length; i++) { + var span = document.createElement("div"); + span.style.display = "inline-block"; + span.style.width = "auto"; + span.style.margin = "5px"; + if (get.is.phoneLayout()) { + span.style.fontSize = "32px"; + } + else { + span.style.fontSize = "22px"; + } + span.innerHTML = lib.translate[packlist[i] + "_character_config"]; + span.link = packlist[i]; + span.addEventListener(lib.config.touchscreen ? "touchend" : "click", clickCapt); + newlined2.appendChild(span); + if (filternode && !onlypack) { + span.touchlink = ui.create.div(filternode.firstChild, clickCaptNode, ".menubutton.large", span.innerHTML); + span.touchlink.link = span; + } + } + } + + var groupSort; + if (thisiscard) { + groupSort = function (name) { + var type = lib.card[name[2]].type; + if (lib.cardType[type]) { + return lib.cardType[type]; + } + switch (type) { + case "basic": return 0; + case "chess": return 1.5; + case "trick": return 2; + case "delay": return 3; + case "equip": return 4; + case "zhenfa": return 5; + default: return 6; + } + } + list.sort(function (a, b) { + var del = groupSort(a) - groupSort(b); + if (del != 0) return del; + var aa = a, bb = b; + if (a.includes("_")) { + a = a.slice(a.lastIndexOf("_") + 1); + } + if (b.includes("_")) { + b = b.slice(b.lastIndexOf("_") + 1); + } + if (a != b) { + return a > b ? 1 : -1; + } + return aa > bb ? 1 : -1; + }); + } + else { + list.sort(lib.sort.character); + } + dialog = ui.create.dialog("hidden"); + dialog.classList.add("noupdate"); + dialog.classList.add("scroll1"); + dialog.classList.add("scroll2"); + dialog.classList.add("scroll3"); + dialog.addEventListener(lib.config.touchscreen ? "touchend" : "mouseup", function () { + _status.clicked2 = true; + }); + if (heightset) { + dialog.style.height = ((game.layout == "long2" || game.layout == "nova") ? 380 : 350) + "px"; + dialog._scrollset = true; + } + dialog.getCurrentCapt = function (link, capt, noalph) { + var currentcapt = noalph ? this.currentcapt2 : this.currentcapt; + if (this.seperatelist && noalph) { + if (this.seperatelist[currentcapt].contains(link)) return capt; + return null; + } + if (lib.characterDialogGroup[currentcapt]) { + return lib.characterDialogGroup[currentcapt](link, capt); + } + if (lib.characterPack[currentcapt]) { + if (lib.characterPack[currentcapt][link]) { + return capt; + } + return null; + } + return this.currentcapt; + } + if (str) { + dialog.add(str); + } + dialog.add(node); + if (thisiscard) { + if (seperate) { + seperate = seperate(list); + dialog.seperate = []; + dialog.seperatelist = seperate.list; + if (dialog.seperatelist) { + newlined = document.createElement("div"); + newlined.style.marginTop = "5px"; + newlined.style.display = "block"; + newlined.style.fontFamily = "xinwei"; + if (get.is.phoneLayout()) { + newlined.style.fontSize = "32px"; + } + else { + newlined.style.fontSize = "22px"; + } + newlined.style.textAlign = "center"; + node.appendChild(newlined); + for (var i in dialog.seperatelist) { + var span = document.createElement("span"); + span.style.margin = "3px"; + span.innerHTML = i; + span.link = i; + span.seperate = true; + span.addEventListener(lib.config.touchscreen ? "touchend" : "click", clickCapt); + newlined.appendChild(span); + } + } + for (var i in seperate) { + if (i == "list") continue; + var link = ""; + var linkcontent = seperate[i]; + if (i.includes("_link:")) { + link = i.slice(i.indexOf("_link:") + 6); + i = i.slice(0, i.indexOf("_link:")); + } + var nodesep = dialog.add(i); + nodesep.link = link; + dialog.seperate.push(nodesep); + dialog.add([linkcontent, "vcard"], noclick); + } + } + else { + dialog.add([list, "vcard"], noclick); + } + } + else { + if (precharacter) { + dialog.add([list, "precharacter"], noclick); + } + else if (characterx) { + dialog.add([list, "characterx"], noclick); + } + else { + dialog.add([list, "character"], noclick); + } + } + dialog.add(ui.create.div(".placeholder")); + for (i = 0; i < dialog.buttons.length; i++) { + if (thisiscard) { + dialog.buttons[i].capt = getCapt(dialog.buttons[i].link[2]); + } + else { + dialog.buttons[i].group = lib.character[dialog.buttons[i].link][1]; + dialog.buttons[i].capt = getCapt(dialog.buttons[i].link); + } + } + if (!expandall) { + if (!thisiscard && (lib.characterDialogGroup[lib.config.character_dialog_tool] || + lib.config.character_dialog_tool == "自创")) { + clickCapt.call(node[lib.config.character_dialog_tool]); + } + } + return dialog; + } + static dialog() { + return new lib.element.Dialog(...arguments); + } + static line2() { + var node = ui.create.line.apply(this, arguments); + node.classList.add("line2"); + return node; + } + static line() { + var two = false, func; + var node = ui.create.div(".config"); + for (var i = 0; i < arguments.length; i++) { + if (typeof arguments[i] == "string" || typeof arguments[i] == "number") { + if (two) ui.create.div(".toggle", node).innerHTML = arguments[i]; + else { + ui.create.div(node).innerHTML = arguments[i]; + two = true; + } + } + else if (typeof arguments[i] == "function") func = arguments[i]; + } + if (func) { + for (var i = 0; i < node.childNodes.length; i++) node.childNodes[i].listen(func); + } + return node; + } + static switcher(name, current, current2) { + var func; + var node = ui.create.div(".config"); + ui.create.div(node).innerHTML = get.translation(name + "_config"); + var switcher = ui.create.div(".toggle.pointerdiv", node); + switcher.name = name; + for (var i = 0; i < arguments.length; i++) { + if (typeof arguments[i] == "function") { + func = arguments[i]; break; + } + } + if (typeof current == "string") { + switcher.link = current; + switcher.innerHTML = get.translation(current); + switcher.contentEditable = true; + switcher.style.webkitUserSelect = "text"; + switcher.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.editor); + } + else if (typeof current == "object") { + switcher.link = current2 || current[0]; + switcher.innerHTML = get.translation(switcher.link); + switcher.choice = current; + switcher.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.switcher); + } + else { + if (current) { + switcher.classList.add("on"); + } + switcher.classList.add("onoff"); + ui.create.div(ui.create.div(switcher)); + switcher.link = current ? true : false; + switcher.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.toggle); + } + if (func) switcher.additionalCommand = func; + return node; + } + static caption(str, position) { + var caption = ui.create.div(".caption", position); + caption.innerHTML = str; + return caption; + } + static control() { + return new lib.element.Control(...arguments); + } + static confirm(str, func) { + if (ui.confirm && ui.confirm.str == str) { + return; + } + if (str == "o") { + if (ui.confirm) { + ui.confirm.replace("ok"); + } + else { + ui.confirm = ui.create.control("ok"); + } + } + else if (str == "oc" || str == "co") { + if (ui.confirm) { + ui.confirm.replace("ok", "cancel"); + } + else { + ui.confirm = ui.create.control("ok", "cancel"); + } + } + else if (str == "c") { + if (ui.confirm) { + ui.confirm.replace("cancel"); + } + else { + ui.confirm = ui.create.control("cancel"); + } + } + else if (ui.confirm) { + ui.confirm.close(); + delete ui.confirm; + } + if (ui.confirm) { + ui.confirm.str = str; + if (func) ui.confirm.custom = func; + else delete ui.confirm.custom; + } + } + static skills(skills) { + var i, same; + if (ui.skills) { + if (ui.skills.skills.length == skills.length && ui.skills.style.display != "none") { + same = true; + for (i = 0; i < skills.length; i++) { + if (ui.skills.skills.contains(skills[i]) == false) { + same = false; + break; + } + } + } + if (same) return; + ui.skills.close(); + delete ui.skills; + } + if (skills == undefined || skills.length == 0) return; + if (!_status.event.isMine()) { + _status.noupdatec = true; + } + ui.skills = ui.create.control(skills.concat([ui.click.skill])); + for (var i = 0; i < ui.skills.childNodes.length; i++) { + ui.skills.childNodes[i].innerHTML = get.skillTranslation(ui.skills.childNodes[i].link, _status.event.player); + } + if (!_status.event.isMine()) { + ui.skills.style.display = "none"; + } + else { + ui.updatec(); + } + _status.noupdatec = false; + ui.skills.skills = skills; + return ui.skills; + } + static skills2(skills) { + var i, same; + if (ui.skills2) { + if (ui.skills2.skills.length == skills.length && ui.skills2.style.display != "none") { + same = true; + for (i = 0; i < skills.length; i++) { + if (ui.skills2.skills.contains(skills[i]) == false) { + same = false; + break; + } + } + } + if (same) return; + ui.skills2.close(); + delete ui.skills2; + } + if (skills == undefined || skills.length == 0) return; + if (!_status.event.isMine()) { + _status.noupdatec = true; + } + ui.skills2 = ui.create.control(skills.concat([ui.click.skill])); + for (var i = 0; i < ui.skills2.childNodes.length; i++) { + ui.skills2.childNodes[i].innerHTML = get.skillTranslation(ui.skills2.childNodes[i].link, _status.event.player); + } + if (!_status.event.isMine()) { + ui.skills2.style.display = "none"; + } + else { + ui.updatec(); + } + _status.noupdatec = false; + ui.skills2.skills = skills; + return ui.skills2; + } + static skills3(skills) { + var i, same; + if (ui.skills3) { + if (ui.skills3.skills.length == skills.length && ui.skills3.style.display != "none") { + same = true; + for (i = 0; i < skills.length; i++) { + if (ui.skills3.skills.contains(skills[i]) == false) { + same = false; + break; + } + } + } + if (same) return; + ui.skills3.close(); + delete ui.skills3; + } + if (skills == undefined || skills.length == 0) return; + if (!_status.event.isMine()) { + _status.noupdatec = true; + } + ui.skills3 = ui.create.control(skills.concat([ui.click.skill])); + for (var i = 0; i < ui.skills3.childNodes.length; i++) { + ui.skills3.childNodes[i].innerHTML = get.skillTranslation(ui.skills3.childNodes[i].link, _status.event.player); + } + if (!_status.event.isMine()) { + ui.skills3.style.display = "none"; + } + else { + ui.updatec(); + } + _status.noupdatec = false; + ui.skills3.skills = skills; + return ui.skills3; + } + static arena() { + var i, j; + ui.window = ui.create.div("#window.hidden", document.body); + ui.create.div("#statusbg", document.body); + ui.refresh(ui.window); + if (!localStorage.getItem(lib.configprefix + "playback")) { + ui.window.show(); + } + else { + setTimeout(function () { + ui.window.show(); + }, 1000); + } + // lib.setPressure(ui.window,ui.click.pressurepause); + if (window.isNonameServer) { + ui.window.classList.add("server"); + var serverinfo = ui.create.div(".serverinfo", ui.window); + ui.create.div("", "服务器正在运行", serverinfo); + var serverinfotable = ui.create.table(2, 2, ui.create.div(serverinfo)); + serverinfotable.style.display = "inline-block"; + serverinfotable.firstChild.firstChild.innerHTML = "房间人数："; + serverinfotable.firstChild.lastChild.id = "server_count"; + serverinfotable.firstChild.lastChild.innerHTML = "0"; + serverinfotable.lastChild.firstChild.innerHTML = "房间状态："; + serverinfotable.lastChild.lastChild.id = "server_status"; + serverinfotable.lastChild.lastChild.innerHTML = "空闲"; + ui.create.div(".menubutton.large", "关闭服务器", function () { + if (_status.gameStarted && !confirm("关闭服务器当前进行的游戏将终止且不可恢复，是否确定关闭？")) { + return; + } + localStorage.removeItem(lib.configprefix + "asserver"); + game.reload(); + }, ui.create.div("", serverinfo)); + } + + ui.window.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.window); + ui.system = ui.create.div("#system.", ui.window); + ui.arena = ui.create.div("#arena.nome", ui.window); + if (lib.device == "ios" && !get.is.phoneLayout()) { + ui.arena.classList.add("ipad"); + } + ui.arena.setNumber = function (num) { + this.dataset.number = num; + ui.updatePlayerPositions(); + } + + if (lib.config.low_performance) { + ui.window.classList.add("low_performance"); + } + if (game.layout == "mobile" || game.layout == "long") { + ui.arena.classList.add("mobile"); + } + if (game.layout == "long" || game.layout == "long2") { + ui.arena.classList.add("long"); + } + if (game.layout == "default") { + ui.arena.classList.add("oldlayout"); + } + if (lib.config.player_border != "wide" || game.layout == "long" || game.layout == "long2") { + ui.arena.classList.add("slim_player"); + } + if (lib.config.player_border == "slim") { + ui.arena.classList.add("uslim_player"); + } + if (lib.config.player_border == "narrow") { + ui.arena.classList.add("mslim_player"); + } + if (lib.config.player_border == "normal" && lib.config.mode != "brawl" && (game.layout == "long" || game.layout == "long2")) { + ui.arena.classList.add("lslim_player"); + } + ui.window.dataset.player_border = lib.config.player_border; + if (lib.config.compatiblemode) { + ui.window.classList.add("compatiblemode"); + } + ui.window.dataset.radius_size = lib.config.radius_size || "default"; + if (game.layout == "long" || game.layout == "mobile") { + //if(lib.config.textequip=="text") ui.arena.classList.add("textequip"); + ui.arena.classList.add("textequip"); + } + if (game.layout == "long" || game.layout == "long2" || game.layout == "mobile" || game.layout == "nova") { + if (lib.config.cardshape == "oblong") { + ui.window.classList.add("oblongcard"); + ui.arena.classList.add("oblongcard"); + } + } + if (lib.config.blur_ui) { + ui.window.classList.add("blur_ui"); + } + if (lib.config.glass_ui) { + ui.window.classList.add("glass_ui"); + } + if (lib.config.custom_button) { + lib.configMenu.appearence.config.custom_button.onclick("skip"); + } + + if (lib.config.show_statusbar_ios == "overlay") { + document.body.classList.add("statusbar"); + } + if (lib.config.keep_awake) { + if (window.plugins && window.plugins.insomnia) window.plugins.insomnia.keepAwake(); + else { + lib.init.js(lib.assetURL + "game", "NoSleep", function () { + var noSleep = new NoSleep(); + document.addEventListener(lib.config.touchscreen ? "touchend" : "click", function enableNoSleep() { + document.removeEventListener(lib.config.touchscreen ? "touchend" : "click", enableNoSleep, false); + noSleep.enable(); + window.noSleep = noSleep; + }, false); + }); + } + } + lib.init.js(lib.assetURL + "game", "pinyinjs", function () { }) + lib.init.js(lib.assetURL + "game", "keyWords", function () { }); + + lib.updateURL = lib.updateURLS[lib.config.update_link] || lib.updateURLS.coding; + + lib.init.cssstyles(); + + ui.arena.dataset.player_height = lib.config.player_height || "default"; + ui.arena.dataset.player_height_nova = lib.config.player_height_nova || "default"; + // if(lib.config.player_height_nova=="long") ui.arena.classList.add("player_autolong"); + ui.arena.dataset.target_shake = lib.config.target_shake || "off"; + ui.backgroundMusic = document.createElement("audio"); + ui.backgroundMusic.volume = lib.config.volumn_background / 8; + game.playBackgroundMusic(); + ui.backgroundMusic.autoplay = true; + ui.backgroundMusic.addEventListener("ended", game.playBackgroundMusic); + ui.window.appendChild(ui.backgroundMusic); + ui.window.addEventListener(lib.config.touchscreen ? "touchend" : "click", function playMusic() { + ui.window.removeEventListener(lib.config.touchscreen ? "touchend" : "click", playMusic, false); + if (!ui.backgroundMusic.played.length && lib.config.background_music != "music_off") ui.backgroundMusic.play(); + }, false); + if (lib.config.cursor_style == "pointer") { + ui.window.classList.add("nopointer"); + } + if (lib.config.turned_style == false) { + ui.arena.classList.add("hide_turned"); + } + if (lib.config.link_style2 != "chain") { + ui.arena.classList.add("nolink"); + } + if (lib.config.show_name == false) { + ui.arena.classList.add("hide_name"); + } + if (lib.config.change_skin_auto != "off") { + _status.skintimeout = setTimeout(ui.click.autoskin, parseInt(lib.config.change_skin_auto)); + } + if (lib.config.border_style && lib.config.border_style.startsWith("dragon_")) { + ui.arena.dataset.framedecoration = lib.config.border_style.slice(7); + } + + ui.gameinfo = ui.create.div("#time", ui.window); + + ui.arenalog = ui.create.div("#arenalog", ui.arena); + if (lib.config.show_log == "off") { + ui.arenalog.style.display = "none"; + } + else { + ui.arenalog.dataset.position = lib.config.show_log; + } + ui.historybar = ui.create.div("#historybar.shadowed", ui.window); + lib.setScroll(ui.historybar); + + ui.roundmenu = ui.create.div("#roundmenu.roundarenabutton.menubutton.round", ui.arena); + ui.roundmenu._position = [180, 210]; + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + + ui.create.div(ui.roundmenu); + ui.create.div(ui.roundmenu); + + ui.create.div(ui.roundmenu); + + if (lib.config.show_time2) { + ui.roundmenu.classList.add("clock"); + } + ui.roundmenu.dataset.watchface = lib.config.watchface || "none"; + if (get.is.phoneLayout()) { + if (lib.config.show_time3) { + ui.time3 = ui.create.div(".touchinfo.left", ui.window); + } + ui.cardPileNumber = ui.create.div(".touchinfo.right", ui.window); + } + else { + if (lib.config.show_time3) { + ui.time3 = ui.create.div(ui.gameinfo); + } + ui.cardPileNumber = ui.create.div(ui.gameinfo); + } + if (!lib.config.show_cardpile_number) { + ui.cardPileNumber.style.display = "none"; + } + if (ui.time3) { + ui.time3.starttime = get.utc(); + ui.time3.interval = setInterval(function () { + var num = Math.round((get.utc() - ui.time3.starttime) / 1000); + if (num >= 3600) { + var num1 = Math.floor(num / 3600); + var num2 = Math.floor((num - num1 * 3600) / 60); + if (num2 < 10) { + num2 = "0" + num2.toString(); + } + var num3 = num - num1 * 3600 - parseInt(num2) * 60; + if (num3 < 10) { + num3 = "0" + num3.toString(); + } + ui.time3.innerHTML = num1 + ":" + num2 + ":" + num3; + } + else { + var num1 = Math.floor(num / 60); + var num2 = num - num1 * 60; + if (num2 < 10) { + num2 = "0" + num2.toString(); + } + ui.time3.innerHTML = num1 + ":" + num2; + } + }, 1000); + } + if (get.is.nomenu()) { + if (!["menu", "system"].contains(lib.config.round_menu_func)) { + lib.config.round_menu_func = "system"; + } + } + else if (!lib.config.show_round_menu) { + ui.roundmenu.style.display = "none"; + } + + var resetround = function (e) { + _status.draggingroundmenu = false; + ui.roundmenu.style.transform = ""; + ui.roundmenu._dragtransform = [0, 0]; + ui.roundmenu.style.transition = "all 0.3s"; + delete ui.roundmenu._dragtouches; + delete ui.roundmenu._dragorigin; + delete ui.roundmenu._dragorigintransform; + setTimeout(function () { + ui.roundmenu.style.transition = ""; + }, 500); + game.saveConfig("roundmenu_transform", [0, 0]); + if (e) e.stopPropagation(); + return false; + }; + ui.click.resetround = resetround; + if (lib.config.touchscreen) { + ui.roundmenu.addEventListener("touchstart", function (e) { + _status.draggingroundmenu = true; + ui.roundmenu._dragorigin = { + clientX: e.touches[0].clientX, + clientY: e.touches[0].clientY, + }; + if (!ui.roundmenu._dragtransform) { + ui.roundmenu._dragtransform = [0, 0]; + } + ui.roundmenu._dragorigintransform = ui.roundmenu._dragtransform.slice(0); + ui.roundmenu._resetTimeout = setTimeout(function () { + resetround(); + delete ui.roundmenu._resetTimeout; + }, 1000); + }); + } + else { + ui.roundmenu.oncontextmenu = resetround; + } + if (!lib.config.remember_round_button) { + game.saveConfig("roundmenu_transform"); + } + if (lib.config.roundmenu_transform) { + var translate = lib.config.roundmenu_transform; + ui.roundmenu._dragtransform = translate; + ui.roundmenu.style.transform = "translate(" + translate[0] + "px," + translate[1] + "px)"; + ui.click.checkroundtranslate(); + } + if (get.is.phoneLayout()) { + ui.arena.classList.add("phone"); + } + + ui.sidebar = ui.create.div("#sidebar"); + ui.sidebar3 = ui.create.div("#sidebar3"); + ui.canvas = document.createElement("canvas"); + + ui.arena.appendChild(ui.canvas); + ui.canvas.id = "canvas"; + ui.ctx = ui.canvas.getContext("2d"); + + ui.sidebar.ontouchstart = ui.click.touchStart; + ui.sidebar.ontouchmove = ui.click.touchScroll; + ui.sidebar.style.webkitOverflowScrolling = "touch"; + + var zoom; + switch (lib.config.ui_zoom) { + case "esmall": zoom = 0.8; break; + case "vsmall": zoom = 0.9; break; + case "small": zoom = 0.93; break; + case "big": zoom = 1.05; break; + case "vbig": zoom = 1.1; break; + case "ebig": zoom = 1.2; break; + case "eebig": zoom = 1.5; break; + case "eeebig": zoom = 1.8; break; + case "eeeebig": zoom = 2; break; + default: zoom = 1; + } + game.documentZoom = game.deviceZoom * zoom; + if (zoom != 1) { + ui.updatez(); + } + + ui.system1 = ui.create.div("#system1", ui.system); + ui.system2 = ui.create.div("#system2", ui.system); + + ui.replay = ui.create.system("重来", game.reload, true); + ui.replay.id = "restartbutton"; + ui.config2 = ui.create.system("选项", ui.click.config); + ui.pause = ui.create.system("暂停", ui.click.pause); + ui.pause.id = "pausebutton"; + if (!_status.video) { + ui.pause.hide(); + } + if (!lib.config.touchscreen) { + lib.setPopped(ui.pause, ui.click.pausehistory, 220, 400, null, true); + } + if (!lib.config.show_pause) { + ui.pause.style.display = "none"; + } + ui.cardPileButton = ui.create.system("牌堆", null, true); + ui.cardPileButton.style.display = "none"; + lib.setPopped(ui.cardPileButton, ui.click.cardPileButton, 220); + ui.wuxie = ui.create.system("不询问无懈", ui.click.wuxie, true); + if (!lib.config.touchscreen) { + lib.setPopped(ui.config2, ui.click.pauseconfig, 170); + } + ui.auto = ui.create.system("托管", ui.click.auto); + if (!game.syncMenu) { + ui.config2.classList.add("hidden"); + ui.config2.style.transition = "all 0.5s"; + ui.roundmenu.classList.add("transparent2"); + + ui.auto.style.opacity = 0.5; + ui.auto.style.transition = "all 0.5s"; + lib.onfree.push(function () { + ui.auto.style.opacity = ""; + setTimeout(function () { + ui.auto.style.transition = ""; + }, 500); + }); + } + ui.auto.id = "autobutton"; + ui.autonode = ui.create.div("#autonode", "
      托管中...
      ", ui.arena); + ui.autonode.listen(ui.click.auto); + if (lib.config.mode == "connect") { + ui.auto.hide(); + ui.pause.hide(); + } + + if (lib.forcehide) { + if (lib.forcehide.contains("replay")) ui.replay.classList.add("forcehide"); + if (lib.forcehide.contains("auto")) ui.auto.classList.add("forcehide"); + if (lib.forcehide.contains("pause")) ui.pause.classList.add("forcehide"); + if (lib.forcehide.contains("wuxie")) ui.wuxie.classList.add("forcehide"); + if (lib.forcehide.contains("cardPileButton")) ui.cardPileButton.classList.add("forcehide"); + } + ui.volumn = ui.create.system("♫"); + lib.setPopped(ui.volumn, ui.click.volumn, 200); + // if(lib.config.show_pause) ui.auto.style.marginLeft="10px"; + if (!lib.config.show_volumn) { + ui.volumn.style.display = "none"; + } + if (!lib.config.show_auto) { + ui.auto.style.display = "none"; + } + if (!lib.config.show_wuxie) { + ui.wuxie.style.display = "none"; + } + // if(!lib.config.show_cardpile||_status.connectMode){ + // ui.cardPileButton.style.display="none"; + // } + + ui.sortCard = ui.create.system("整理手牌", function () { + if (!game.me) return; + var hs = game.me.getCards("h"); + if (!hs.length) return; + game.addVideo("lose", game.me, [get.cardsInfo(hs), [], [], []]); + for (var i = 0; i < hs.length; i++) { + hs[i].goto(ui.special); + } + if (game.me.hasSkillTag("sortCardByNum")) { + var getn = function (card) { + var num = get.number(card, game.me); + if (num < 3) return 13 + num; + return num; + } + hs.sort((a, b) => (getn(b) - getn(a))); + } + else hs.sort(function (b, a) { + if (a.name != b.name) return lib.sort.card(a.name, b.name); + else if (a.suit != b.suit) return lib.suit.indexOf(a) - lib.suit.indexOf(b); + else return a.number - b.number; + }); + game.me.directgain(hs, false); + }); + if (!lib.config.show_sortcard) { + ui.sortCard.style.display = "none"; + } + ui.playerids = ui.create.system("显示身份", function () { + if (game.showIdentity) { + game.showIdentity(); + _status.identityShown = true; + } + }, true); + if (!lib.config.show_playerids || !game.showIdentity) { + ui.playerids.style.display = "none"; + } + if (!lib.config.show_replay) { + ui.replay.style.display = "none"; + } + ui.control = ui.create.div("#control", ui.arena).animate("nozoom"); + ui.cardPile = ui.create.div("#cardPile"); + ui.discardPile = ui.create.div("#discardPile"); + ui.special = ui.create.div("#special"); + ui.ordering = ui.create.div("#ordering"); + ui.dialogs = []; + ui.controls = []; + ui.style = {}; + + ui.time = ui.create.div(ui.gameinfo); + var timeInterval = function () { + var date = new Date(); + var hours = date.getHours(); + var minutes = date.getMinutes(); + if (lib.config.watchface == "simple") { + ui.roundmenu.childNodes[13].style.transform = "rotate(" + get.round((hours + 9) * 30, 2) + "deg)"; + } + else { + ui.roundmenu.childNodes[13].style.transform = "rotate(" + get.round((hours + minutes / 60 + 9) * 30, 2) + "deg)"; + } + ui.roundmenu.childNodes[12].style.transform = "rotate(" + (minutes + 45) * 6 + "deg)"; + if (minutes < 10) { + minutes = "0" + minutes.toString(); + } + ui.time.innerHTML = hours + ":" + minutes; + }; + _status.timeInterval = setInterval(timeInterval, 30000); + timeInterval(); + if (!lib.config.show_time) { + ui.time.style.display = "none"; + } + + ui.timer = ui.create.div(".skillbar.shadowed.playerbg.hidden"); + ui.timer.id = "timer"; + ui.create.div(".skillbarshadow", ui.timer); + ui.create.div(".skillbarfill", ui.timer); + ui.timer.fillnode = ui.create.div(ui.timer.lastChild); + ui.timer.popnode = ui.create.div(".skillbartext", ui.timer); + ui.timer.popnode.style.opacity = 1; + ui.timer.position = 4; + ui.timer.style.zIndex = 5; + ui.timer.set = function (text, percentage) { + if (typeof text == "string" || typeof text == "number") { + ui.timer.popnode.innerHTML = text; + } + ui.timer.fillnode.style.top = ((1 - percentage) * 100) + "%"; + } + var setTimerPosition = function (e) { + this.position++; + if (this.position > 4) { + this.position = 1; + } + var left1 = "180px"; + var left2 = "calc(100% - 245px)"; + var top1 = "210px"; + var top2 = "calc(100% - 245px)"; + if (game.layout == "default") { + left1 = "265px"; + top1 = "160px"; + left2 = "calc(100% - 330px)"; + top2 = "calc(100% - 235px)"; + } + if (this.position == 1 || this.position == 2) { + this.style.top = top2; + } + else { + this.style.top = top1; + } + if (this.position == 1 || this.position == 4) { + this.style.left = left2; + } + else { + this.style.left = left1; + } + } + ui.timer.listen(setTimerPosition); + + ui.shortcut = ui.create.div("#shortcut.hidden", ui.window); + ui.shortcut.listen(ui.click.shortcut); + ui.create.div(ui.shortcut, function (e) { e.stopPropagation() }); + ui.create.div(".menubutton.round", "重来", ui.shortcut, game.reload).dataset.position = 1; + ui.create.div(".menubutton.round", "退出", ui.shortcut, game.exit).dataset.position = 3; + ui.create.div(".menubutton.round", "记录", ui.shortcut, ui.click.pause).dataset.position = 4; + ui.shortcut.autobutton = ui.create.div(".menubutton.round", "托管", ui.shortcut, ui.click.auto); + ui.shortcut.autobutton.dataset.position = 2; + ui.favmodelist = ui.create.div(".favmodelist", ui.shortcut); + ui.favmodelist.update = function () { + const favouriteMode = lib.config.favouriteMode; + let removed = false; + for (let index = 0; index < favouriteMode.length; index++) { + if (typeof favouriteMode[index] == "string") continue; + favouriteMode.splice(index--, 1); + if (!removed) removed = true; + } + if (removed) game.saveConfigValue("favouriteMode"); + this.innerHTML = ""; + favouriteMode.slice(0, 6).forEach((value, index) => this.add(value, index)); + let mode = lib.config.mode; + const config = get.config(`${mode}_mode`); + if (typeof config == "string") mode += `|${config}`; + if (favouriteMode.contains(mode)) ui.favmode.classList.add("glow"); + else ui.favmode.classList.remove("glow"); + }; + ui.favmodelist.add = function (name, index) { + const info = name.split("|"), mode = info[0], submode = info[1], node = ui.create.div(".menubutton.large", this), dataset = node.dataset; + dataset.type = Math.min(6, lib.config.favouriteMode.length) % 2 == 0 ? "even" : "odd"; + dataset.position = index; + let str = lib.translate[name] || lib.translate[mode] || ""; + if (str.length == 2) str += "模式"; + node.innerHTML = str; + node.listen(() => { + game.saveConfig("mode", mode); + if (submode) game.saveConfig(`${mode}_mode`, submode, mode); + game.reload(); + }); + }; + ui.favmode = ui.create.system("收藏", function () { + const mode = typeof _status.mode == "string" ? `${lib.config.mode}|${_status.mode}` : lib.config.mode; + if (this.classList.contains("glow")) { + this.classList.remove("glow"); + lib.config.favouriteMode.remove(mode); + } + else { + this.classList.add("glow"); + lib.config.favouriteMode.add(mode); + } + game.saveConfig("favouriteMode", lib.config.favouriteMode); + ui.favmodelist.update(); + _status.clicked = true; + }); + ui.favmode.style.display = "none"; + ui.favmodelist.update(); + // ui.create.div(".menubutton.round","菜单",ui.shortcut,ui.click.config).dataset.position=5; + + + if (_status.connectMode) { + ui.playerids.remove(); + ui.pause.innerHTML = "记录"; + } + setTimerPosition.call(ui.timer); + ui.arena.appendChild(ui.timer); + + if (!game.syncMenu) { + lib.onfree.push(function () { + ui.create.menu(); + ui.config2.classList.remove("hidden"); + ui.roundmenu.classList.remove("transparent2"); + setTimeout(function () { + ui.config2.style.transition = ""; + }, 500); + }); + } + else { + ui.create.menu(); + } + + lib.status.date = new Date(); + lib.status.dateDelayed = 0; + + while (lib.arenaReady.length) { + (lib.arenaReady.shift())(); + } + delete lib.arenaReady; + if (lib.config.auto_check_update) { + setTimeout(function () { + game.checkForUpdate(false); + }, 3000); + } + if (!lib.config.asset_version) { + lib.onfree.push(function () { + setTimeout(function () { + if (!game.download) { + game.saveConfig("asset_version", "无"); + } + else { + var func = function () { + if (confirm("是否下载图片和字体素材？（约175MB）")) { + if (!ui.arena.classList.contains("menupaused")) { + ui.click.configMenu(); + ui.click.menuTab("其它"); + } + setTimeout(game.checkForAssetUpdate, 500); + } + else { + game.saveConfig("asset_version", "无"); + } + } + if (_status.new_tutorial) { + _status.new_tutorial = func; + } + else { + func(); + } + } + }, 3000); + }); + } + if (localStorage.getItem(lib.configprefix + "playback")) { + setTimeout(lib.init.onfree); + } + + if (lib.config.test_game) { + ui.window.classList.add("testing"); + lib.config.game_speed = "vfast"; + lib.config.low_performance = true; + lib.config.animation = false; + _status.auto = true; + ui.auto.classList.add("glow"); + setTimeout(function () { + var node = ui.create.pause().animate("start"); + node.appendChild(ui.sidebar); + node.firstChild.innerHTML = "正在测试"; + node.removeEventListener("click", ui.click.resume); + }, 500); + } + } + static system(str, func, right, before) { + var parent = right ? ui.system2 : ui.system1; + var node = ui.create.div(); + if (before) { + parent.insertBefore(node, parent.firstChild); + } + else { + parent.appendChild(node); + } + node.innerHTML = str; + if (func) { + node.listen(func); + } + if (lib.config.button_press) { + node.addEventListener(lib.config.touchscreen ? "touchstart" : "mousedown", function (e) { + if (!node.classList.contains("hidden")) node.classList.add("pressdown"); + }); + node.addEventListener(lib.config.touchscreen ? "touchend" : "mouseup", function (e) { + node.classList.remove("pressdown"); + }); + node.addEventListener(lib.config.touchscreen ? "touchmove" : "mousemove", function (e) { + node.classList.remove("pressdown"); + }); + } + return node; + } + static pause() { + if (_status.pausing) return; + ui.click.shortcut(false); + var node = ui.create.div(".pausedbg", ui.window); + _status.pausing = true; + setTimeout(function () { + _status.pausing = false; + }, 500); + if (lib.config.touchscreen) { + setTimeout(function () { + node.addEventListener("touchend", ui.click.resume); + }, 500); + } + else { + node.addEventListener("click", ui.click.resume); + } + if (!lib.config.touchscreen) { + node.oncontextmenu = ui.click.resume; + } + + var node2 = ui.create.div(node); + if (_status.connectMode) { + node2.innerHTML = ""; + } + else { + node2.innerHTML = "已暂停"; + } + + return node; + } + static prebutton(item, type, position, noclick) { + var node = ui.create.div(position); + node.style.display = "none"; + node.link = item; + node.activate = function () { + ui.create.button(item, type, position, noclick, node); + delete node.activate; + } + _status.prebutton.push(node); + return node; + } + static button(item, type, position, noClick, button) { + return new lib.element.Button(item, type, position, noClick, button); + } + static buttons(list, type, position, noclick, zoom) { + var buttons = []; + var pre = (typeof type == "string" && type.slice(0, 3) == "pre"); + if (pre) { + if (!_status.prebutton) { + _status.prebutton = []; + lib.onfree.push(function () { + for (var i = 0; i < _status.prebutton.length; i++) { + if (_status.prebutton[i].activate) { + _status.prebutton[i].activate(); + } + } + delete _status.prebutton; + }); + } + } + for (var i = 0; i < list.length; i++) { + if (pre) { + buttons.push(ui.create.prebutton(list[i], type.slice(3), position, noclick)); + } + else { + buttons.push(ui.create.button(list[i], type, position, noclick)); + } + } + return buttons; + } + static textbuttons(list, dialog, noclick) { + for (var item of list) { + var str, link; + if (Array.isArray(item)) { + str = item[1]; + link = item[0]; + } + else { + str = item; + link = item; + } + if (!str.startsWith("${str}
`; + var next = dialog.add(str); + if (!noclick) next.firstChild.addEventListener(lib.config.touchscreen ? "touchend" : "click", ui.click.button); + next.firstChild.link = link; + Object.setPrototypeOf(next, lib.element.Button.prototype); + dialog.buttons.add(next.firstChild); + } + } + static player(position, noclick) { + return new lib.element.Player(position, noclick); + } + static connectPlayers(ip) { + ui.updateConnectPlayerPositions(); + game.connectPlayers = []; + const configOL = lib.configOL; + const numberOfPlayers = parseInt(configOL.player_number) || configOL.number; + for (let position = 0; position < numberOfPlayers; position++) { + const player = ui.create.player(ui.window); + player.dataset.position = position; + player.classList.add("connect"); + game.connectPlayers.push(player); + } + + var bar = ui.create.div(ui.window); + bar.style.height = "20px"; + bar.style.width = "80%"; + bar.style.left = "10%"; + bar.style.top = "calc(200% / 7 - 120px + 5px)"; + bar.style.textAlign = "center"; + var ipbar = ui.create.div(".shadowed", ip, bar); + ipbar.style.padding = "4px"; + ipbar.style.borderRadius = "2px"; + ipbar.style.position = "relative"; + + var button = ui.create.div(".menubutton.large.highlight.connectbutton.connectbutton1.pointerdiv", game.online ? "退出联机" : "开始游戏", ui.window, function () { + if (button.clicked) return; + if (game.online) { + if (game.onlinezhu) { + game.send("startGame"); + } + else { + game.saveConfig("tmp_owner_roomId"); + game.saveConfig("tmp_user_roomId"); + game.saveConfig("reconnect_info"); + game.reload(); + } + } + else { + var num = 0; + for (var i of game.connectPlayers) { + if (!i.nickname && !i.classList.contains("unselectable2")) num++; + } + if (num >= lib.configOL.number - 1) { + alert("至少要有两名玩家才能开始游戏！"); + return; + } + game.resume(); + } + button.delete(); + bar.delete(); + shareButton.delete(); + delete ui.connectStartButton; + delete ui.connectStartBar; + delete ui.connectShareButton; + button.clicked = true; + }); + + var shareButton = ui.create.div(".menubutton.large.highlight.connectbutton.connectbutton2.pointerdiv", "分享房间", ui.window, function () { + var text = `无名杀-联机-${lib.translate[get.mode()]}-${game.connectPlayers.filter(p => p.avatar).length}/${game.connectPlayers.filter(p => !p.classList.contains("unselectable2")).length}\n${get.connectNickname()}邀请你加入${game.roomId}房间\n联机地址:${game.ip}\n请先通过游戏内菜单-开始-联机中启用“读取邀请链接”选项`; + window.focus(); + if (navigator.clipboard && lib.node) { + navigator.clipboard.writeText(text).then(() => { + game.alert(`分享内容复制成功`); + }).catch(e => { + game.alert(`分享内容复制失败${e || ""}`); + }); + } else { + var input = ui.create.node("textarea", ui.window, { opacity: "0" }); + input.value = text; + input.focus(); + input.select(); + var result = document.execCommand("copy"); + input.blur(); + ui.window.removeChild(input); + game.alert(`分享内容复制${result ? "成功" : "失败"}`); + } + }); + + ui.connectStartButton = button; + ui.connectStartBar = bar; + ui.connectShareButton = shareButton; + } + static players(numberOfPlayers) { + if (numberOfPlayers === 0) { + return; + } + if (numberOfPlayers == undefined) numberOfPlayers = lib.configOL.number; + if (numberOfPlayers == undefined) numberOfPlayers = get.playerNumber(); + if (typeof numberOfPlayers == "string") { + numberOfPlayers = parseInt(numberOfPlayers); + } + if (!numberOfPlayers) numberOfPlayers = 5; + for (let ordinal = 0; ordinal < numberOfPlayers; ordinal++) { + const player = ui.create.player().animate("start"); + game.players.push(player); + player.dataset.position = ordinal; + } + const players = game.players; + for (let ordinal = 0; ordinal < players.length; ordinal++) { + if (ordinal > 0) { + players[ordinal].previous = players[ordinal - 1]; + players[ordinal].previousSeat = players[ordinal - 1]; + } + if (ordinal < players.length - 1) { + players[ordinal].next = players[ordinal + 1]; + players[ordinal].nextSeat = players[ordinal + 1]; + } + } + players[0].previous = players[players.length - 1]; + players[0].previousSeat = players[players.length - 1]; + players[players.length - 1].next = players[0]; + players[players.length - 1].nextSeat = players[0]; + ui.arena.setNumber(numberOfPlayers); + players.forEach(player => ui.arena.appendChild(player)); + return players; + } + static me(hasme) { + ui.mebg = ui.create.div("#mebg", ui.arena); + ui.me = ui.create.div("#me", ui.arena).animate("start"); + ui.handcards1Container = ui.create.div("#handcards1", ui.me); + ui.handcards2Container = ui.create.div("#handcards2", ui.me); + ui.arena.classList.remove("nome"); + if (lib.config.mousewheel && !lib.config.touchscreen) { + ui.handcards1Container.onmousewheel = ui.click.mousewheel; + ui.handcards2Container.onmousewheel = ui.click.mousewheel; + } + ui.handcards1Container.ontouchstart = ui.click.touchStart; + ui.handcards2Container.ontouchstart = ui.click.touchStart; + ui.handcards1Container.ontouchmove = ui.click.touchScroll; + ui.handcards2Container.ontouchmove = ui.click.touchScroll; + ui.handcards1Container.style.webkitOverflowScrolling = "touch"; + ui.handcards2Container.style.webkitOverflowScrolling = "touch"; + + if (hasme && game.me) { + ui.handcards1 = game.me.node.handcards1; + ui.handcards2 = game.me.node.handcards2; + ui.handcards1Container.appendChild(ui.handcards1); + ui.handcards2Container.appendChild(ui.handcards2); + // ui.updatehl(); + } + else if (game.players.length) { + game.me = game.players[0]; + ui.handcards1 = game.me.node.handcards1; + ui.handcards2 = game.me.node.handcards2; + ui.handcards1Container.appendChild(ui.handcards1); + ui.handcards2Container.appendChild(ui.handcards2); + // ui.updatehl(); + } + } + static card(position, info, noclick) { + return new lib.element.Card(position, info, noclick); + } + static cardsAsync() { + if (lib.onfree) { + _status.waitingForCards = Array.from(arguments); + lib.onfree.push(function () { + if (_status.waitingForCards) { + ui.create.cards.apply(ui.create, _status.waitingForCards); + delete _status.waitingForCards; + } + }); + } + else { + ui.create.cards.apply(ui.create, arguments); + } + } + static cards(ordered) { + if (_status.brawl) { + if (_status.brawl.cardPile) { + lib.card.list = _status.brawl.cardPile(lib.card.list); + } + if (_status.brawl.orderedPile) { + ordered = true; + } + } + if (!ordered) { + lib.card.list.randomSort(); + } + for (var i = 0; i < lib.card.list.length; i++) { + if (lib.card[lib.card.list[i][2]]) { + if (!lib.card.list[i]._replaced) { + if (!_status.connectMode) { + if (lib.config.bannedcards.contains(lib.card.list[i][2])) continue; + } + else { + if (lib.configOL.bannedcards.contains(lib.card.list[i][2])) continue; + } + if (game.bannedcards && game.bannedcards.contains(lib.card.list[i][2])) continue; + } + lib.inpile.add(lib.card.list[i][2]); + if (lib.card.list[i][2] == "sha" && lib.card.list[i][3]) lib.inpile_nature.add(lib.card.list[i][3]); + ui.create.card(ui.cardPile).init(lib.card.list[i]); + } + } + lib.inpile.sort(lib.sort.card); + const natures = Array.from(lib.nature.keys()); + lib.inpile_nature.sort(function (a, b) { + return natures.indexOf(a) - natures.indexOf(b); + }) + for (var i in _status.cardtag) { + if (!_status.cardtag[i].length) delete _status.cardtag[i]; + } + game.broadcastAll(function (num, pile, top, cardtag, inpile2) { + if (ui.cardPileNumber) ui.cardPileNumber.innerHTML = "0轮 剩余牌: " + num; + lib.inpile = pile; + _status.pileTop = top; + _status.cardtag = cardtag; + lib.inpile_nature = inpile2; + }, ui.cardPile.childNodes.length, lib.inpile, ui.cardPile.firstChild, _status.cardtag, lib.inpile_nature); + } +} diff --git a/noname/ui/css.d.ts b/noname/ui/css.d.ts index 9dd2f98b5..47b9d8f9c 100644 --- a/noname/ui/css.d.ts +++ b/noname/ui/css.d.ts @@ -1,3 +1,4 @@ -interface CSS extends Record { } +interface CSS extends Record { +} export const css: CSS;