diff --git a/noname/game/index.js b/noname/game/index.js index 35ec9d233..557879579 100644 --- a/noname/game/index.js +++ b/noname/game/index.js @@ -4379,7 +4379,16 @@ export class Game extends Uninstantable { } } if (lib[i][j] == undefined) { - lib[i][j] = pack[i][j]; + // 判断扩展武将包是否开启 + if (i == 'character') { + // if (!game.hasExtension(extname) || !game.hasExtensionLoaded(extname)) continue; + if (lib.config[`extension_${extname}_characters_enable`] === undefined) { + game.saveExtensionConfig(extname, 'characters_enable', true); + } + if (lib.config[`extension_${extname}_characters_enable`] === true) { + lib[i][j] = pack[i][j]; + } + } else lib[i][j] = pack[i][j]; } } } @@ -4482,7 +4491,18 @@ export class Game extends Uninstantable { pack[i][j].audio = 'ext:' + extname + ':' + pack[i][j].audio; } } - if (lib[i][j] == undefined) lib[i][j] = pack[i][j]; + if (lib[i][j] == undefined) { + // 判断扩展卡牌包是否开启 + if (i == 'card') { + // if (!game.hasExtension(extname) || !game.hasExtensionLoaded(extname)) continue; + if (lib.config[`extension_${extname}_cards_enable`] === undefined) { + game.saveExtensionConfig(extname, 'cards_enable', true); + } + if (lib.config[`extension_${extname}_cards_enable`] === true) { + lib[i][j] = pack[i][j]; + } + } else lib[i][j] = pack[i][j]; + } } } } diff --git a/noname/library/index.js b/noname/library/index.js index 3dee1b24d..b43043109 100644 --- a/noname/library/index.js +++ b/noname/library/index.js @@ -47,14 +47,37 @@ export class Library extends Uninstantable { static connectBanned = []; static characterIntro = {}; static characterTitle = {}; - static characterPack = {}; + static characterPack = new Proxy({}, { + set(target, prop, newValue) { + if (typeof prop == 'string') { + // 新增武将包，且不是“收藏”和“禁用” + if (!['mode_favourite', 'mode_banned'].includes(prop) && !Reflect.has(target, prop)) { + Promise.resolve().then(() => { + ui.updateCharacterPackMenu.forEach(fun => fun(prop)); + }); + } + } + return Reflect.set(target, prop, newValue); + } + }); static characterFilter = {}; static characterSort = {}; static characterReplace = {}; static characterInitFilter = {}; static characterGuozhanFilter = ["mode_guozhan"]; static dynamicTranslate = {}; - static cardPack = {}; + static cardPack = new Proxy({}, { + set(target, prop, newValue) { + if (typeof prop == 'string') { + if (!Reflect.has(target, prop)) { + Promise.resolve().then(() => { + ui.updateCardPackMenu.forEach(fun => fun(prop)); + }); + } + } + return Reflect.set(target, prop, newValue); + } + }); /** * @type { SMap } */ diff --git a/noname/ui/click/index.js b/noname/ui/click/index.js new file mode 100644 index 000000000..f215f3dd7 --- /dev/null +++ b/noname/ui/click/index.js @@ -0,0 +1,3913 @@ +import { ui, game, get, lib, _status } from "../../../noname.js"; +import { Uninstantable } from "../../util/index.js"; + +export class Click extends Uninstantable { + 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.includes(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.includes(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.includes(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.includes(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) + }); + // var nodes=[]; + // _status.clickingidentity=[this.parentNode,nodes]; + // var num=1; + // var dy=30; + // if(get.is.phoneLayout()){ + // dy=45; + // } + // for(var i in list){ + // if(this.firstChild.innerHTML!=list[i]){ + // var node=ui.create.div('.identity.hidden.pointerdiv',this.parentNode,ui.click.identity2); + // ui.create.div(node).innerHTML=list[i]; + // node.dataset.color=i; + // ui.refresh(node); + // node.show(); + // var transstr='translateY('+((num++)*dy)+'px)'; + // if(get.is.phoneLayout()){ + // transstr+=' scale(1.3)'; + // } + // if(get.is.newLayout()&&this.parentNode.classList.contains('linked')){ + // transstr+=' rotate(90deg)'; + // } + // node.style.transform=transstr; + // nodes.push(node); + // } + // } + } + } + 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.includes(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(_status.forcetouchinterval){ + // clearInterval(_status.forcetouchinterval); + // delete _status.forcetouchinterval; + // } + 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).addTempClass('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.includes(player) && !game.dead.includes(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.includes(player) && !game.dead.includes(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.addTempClass('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].includes('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].includes('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'].includes(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.includes(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.includes(skill)) { + skillversionnode.innerHTML = '切换至新版'; + } + else { + skillversionnode.innerHTML = '切换至旧版'; + } + skillversionnode.listen(function () { + if (lib.config.vintageSkills.includes(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') { + let audio, skillnode = this; + const playedAudios = []; + (function play() { + if (!skillnode.audioList || !skillnode.audioList.length) { + skillnode.audioList = game.parseSkillAudio(skillnode.link, playername); + if (!skillnode.audioList.length||skillnode.audioList.length==playedAudios.length) return; + } + audio = skillnode.audioList.shift(); + playedAudios.push(audio); + game.playAudio(audio, play); + })(); + } + }; + } + 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.includes(skill)) { + skillversionnode.innerHTML = '切换至新版'; + } + else { + skillversionnode.innerHTML = '切换至旧版'; + } + skillversionnode.listen(function () { + if (lib.config.vintageSkills.includes(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') { + let audio, skillnode = this; + const playedAudios = []; + (function play() { + if (!skillnode.audioList || !skillnode.audioList.length) { + skillnode.audioList = game.parseSkillAudio(skillnode.link, playername); + if (!skillnode.audioList.length||skillnode.audioList.length==playedAudios.length) return; + } + audio = skillnode.audioList.shift(); + playedAudios.push(audio); + game.playAudio(audio, play); + })(); + } + }; + } + + 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.addTempClass('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; + } + +} \ No newline at end of file diff --git a/noname/ui/create/index.js b/noname/ui/create/index.js new file mode 100644 index 000000000..ef31b6cd9 --- /dev/null +++ b/noname/ui/create/index.js @@ -0,0 +1,3092 @@ +import { ui, game, get, lib, _status } from "../../../noname.js"; +import { Uninstantable } from "../../util/index.js"; +import { menu } from "./menu/index.js"; +import { cardPackMenu } from "./menu/pages/cardPackMenu.js"; +import { characterPackMenu } from "./menu/pages/characterPackMenu.js"; +import { extensionMenu } from "./menu/pages/exetensionMenu.js"; +import { optionsMenu } from "./menu/pages/optionsMenu.js"; +import { otherMenu } from "./menu/pages/otherMenu.js"; +import { startMenu } from "./menu/pages/startMenu.js"; + +export class Create extends Uninstantable { + /** + * 创建身份牌实例 + */ + 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.includes(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); + } + /*if((button.link=='xushu'||button.link=='xin_xushu'||button.link=='jsrg_guanyu')&&button.node&&button.node.name&&button.node.group){ + if(button.classList.contains('newstyle')){ + button.node.name.dataset.nature='watermm'; + button.node.group.dataset.nature='water'; + } + else button.node.group.style.backgroundColor=get.translation('weiColor'); + }*/ + } + 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 (['div', 'table', 'tr', 'td', 'body', 'fragment'].includes(get.objtype(arguments[i]))) 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 (['div', 'table', 'tr', 'td', 'body', 'fragment'].includes(get.objtype(arguments[i]))) 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 = menu; + /** 创建“开始”菜单 */ + static startMenu = startMenu; + /** 创建“选项”菜单 */ + static optionsMenu = optionsMenu; + /** 创建“武将”菜单 */ + static characterPackMenu = characterPackMenu; + /** 创建“卡牌”菜单 */ + static cardPackMenu = cardPackMenu; + /** 创建“扩展”菜单 */ + static extensionMenu = extensionMenu; + /** 创建“其他”菜单 */ + static otherMenu = otherMenu; + static statictable() { + 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 (['div', 'table', 'tr', 'td', 'body', 'fragment'].includes(get.objtype(arguments[i]))) 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].includes('minskin')) continue; + if (lib.character[i][4].includes('boss') || lib.character[i][4].includes('hiddenboss')) { + if (lib.config.mode == 'boss') continue; + if (!lib.character[i][4].includes('bossallowed')) continue; + } + + if (lib.character[i][4].includes('stonehidden')) continue; + if (lib.config.banned.includes(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.includes(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.includes(lib.config.all.characters[i])) continue; + packlist.push(lib.config.all.characters[i]); + } + for (var i in lib.characterPack) { + if (!lib.config.all.characters.includes(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].includes(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]); + } + } + + //仅仅下面是新加的，by Curpond + + let container = dialog.querySelector('.content-container>.content') + let Searcher = ui.create.div('.searcher.caption') + let input = document.createElement('input') + input.style.textAlign = 'center' + input.style.border = 'solid 2px #294510' + input.style.borderRadius = '6px' + input.style.fontWeight = 'bold' + input.style.fontSize = '21px' + let find = ui.create.button(['find', '搜索'], 'tdnodes') + find.style.display = 'inline' + let clickfind = function (e) { + e.stopPropagation() + let value = input.value + if (value == '') { + game.alert('搜索不能为空') + input.focus() + return + } + let list = [] + for (let btn of dialog.buttons) { + + if ((new RegExp(value, 'g').test(get.translation(btn.link)))) { + btn.classList.remove('nodisplay') + } else { + btn.classList.add('nodisplay') + } + } + + } + input.addEventListener('keyup', (e) => { + + if (e.key == 'Enter') clickfind(e) + }) + find.listen(clickfind) + Searcher.appendChild(input) + Searcher.appendChild(find) + container.prepend(Searcher) + + + return dialog; + } + static dialog() { + let dialog = new lib.element.Dialog(...arguments); + if (!Array.from(arguments).includes('hidden')) { + dialog.open(); + } + return dialog; + } + 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.includes(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.includes(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.includes(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(game.layout=='nova'&&parseInt(num)<7){ + // ui.arena.classList.add('player_autolong'); + // } + // else if(lib.config.player_height_nova!='long'){ + // ui.arena.classList.remove('player_autolong'); + // } + // if(game.layout=='long'&&parseInt(num) { + if (!ui.backgroundMusic.played.length && lib.config.background_music != 'music_off' && !isNaN(ui.backgroundMusic.duration)) ui.backgroundMusic.play(); + }, { once: true }); + 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'].includes(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.includes('replay')) ui.replay.classList.add('forcehide'); + if (lib.forcehide.includes('auto')) ui.auto.classList.add('forcehide'); + if (lib.forcehide.includes('pause')) ui.pause.classList.add('forcehide'); + if (lib.forcehide.includes('wuxie')) ui.wuxie.classList.add('forcehide'); + if (lib.forcehide.includes('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).addTempClass('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.includes(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().addTempClass('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 = '已暂停'; + } + + // node2.listen(function(){ + // _status.clicked=true; + // if(ui.sidebar.classList.contains('hidden')){ + // ui.sidebar.show(); + // ui.sidebar3.show(); + // } + // else{ + // ui.sidebar.hide(); + // ui.sidebar3.hide(); + // } + // }); + 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 buttonPresets = { + /** + * @returns { import("../library/index.js").Button } + */ + 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; + }, + /** + * @returns { import("../library/index.js").Button } + */ + blank: (item, type, position, noclick, node) => { + node = ui.create.div('.button.card', position); + node.link = item; + if (get.position(item) == 'j' && item.viewAs && lib.config.cardtempname != 'off') { + node.classList.add('infoflip'); + node.classList.add('infohidden') + ui.create.cardTempName(item, node).style.setProperty('display', 'block', 'important') + + } + return node; + }, + /** + * @returns { import("../library/index.js").Button } + */ + 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; + }, + /** + * @returns { import("../library/index.js").Button } + */ + 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; + }, + /** + * @returns { import("../library/index.js").Button } + */ + 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); + intro[lib.experimental.symbol.itemType] = 'button'; + 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; + }, + /** + * @returns { import("../library/index.js").Button } + */ + characterx: (item, type, position, noclick, node) => { + return ui.create.buttonPresets.character(item, type, position, noclick, node); + }, + /** + * @returns { import("../library/index.js").Button } + */ + 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; + } + }; + 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; + }); + } + } + var fragment = document.createDocumentFragment(); + for (var i = 0; i < list.length; i++) { + if (pre) { + buttons.push(ui.create.prebutton(list[i], type.slice(3), fragment, noclick)); + } + else { + buttons.push(ui.create.button(list[i], type, fragment, noclick)); + } + } + if (position) position.appendChild(fragment); + 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(''; + 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).build(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().addTempClass('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).addTempClass('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).build(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.includes(lib.card.list[i][2])) continue; + } + else { + if (lib.configOL.bannedcards.includes(lib.card.list[i][2])) continue; + } + if (game.bannedcards && game.bannedcards.includes(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); + } + +} \ No newline at end of file diff --git a/noname/ui/create/menu/index.js b/noname/ui/create/menu/index.js new file mode 100644 index 000000000..9180b7832 --- /dev/null +++ b/noname/ui/create/menu/index.js @@ -0,0 +1,528 @@ +import { ui, game, get, lib, _status } from "../../../../noname.js"; + +export function openMenu(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; +}; +export function clickToggle() { + 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(); + } +}; +export function clickSwitcher() { + 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'); + }); + } + } +}; +/** + * @this { HTMLDivElement } menuContainer + */ +export function clickContainer(connectMenu) { + this.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'); + } +}; +export function clickMenuItem() { + 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(); + } +}; +export function createMenu(connectMenu, 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 + }; +}; +export function createConfig(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; +}; + +/** + * @type { HTMLDivElement } + * + * 也是一个全屏div，但它的子元素是菜单栏 + */ +export let menuContainer; + +/** + * @type { HTMLDivElement } + * + * 一个全屏div + */ +export let popupContainer; + +/** + * @type { Function } + */ +export let updateActive; + +/** + * @param { Function } fun + */ +export function setUpdateActive(fun) { + updateActive = fun; +} + +/** + * @type { Function } + */ +export let updateActiveCard; + +/** + * @param { Function } fun + */ +export function setUpdateActiveCard(fun) { + updateActiveCard = fun; +} + +/** + * @type { { menu: HTMLDivElement; pages: HTMLDivElement[]; } } + */ +export let menux; + +/** + * @type { HTMLDivElement[] } + */ +export let menuxpages; + +/** + * @type { Function[] } + */ +export const menuUpdates = []; + +/** + * @param { boolean } [connectMenu] + */ +export function menu(connectMenu) { + /** 提示重启的计时器 */ + let menuTimeout = null; + if (!connectMenu && !game.syncMenu) { + menuTimeout = setTimeout(lib.init.reset, 1000); + } + /** menu是menux.menu，目前只有赋值没有使用，所以先注释掉 */ + // let menu; + + /** + * 由于联机模式会创建第二个菜单，所以需要缓存一下可变的变量 + */ + const cacheMenuContainer = menuContainer = ui.create.div('.menu-container.hidden', ui.window, () => { + clickContainer.call(cacheMenuContainer, connectMenu); + }) + const cachePopupContainer = popupContainer = ui.create.div('.popup-container.hidden', ui.window, function closeMenu() { + // @ts-ignore + if (cachePopupContainer.noclose) { + // @ts-ignore + cachePopupContainer.noclose = false; + return; + } + cachePopupContainer.classList.add('hidden'); + if (typeof cachePopupContainer.onclose == 'function') { + // @ts-ignore + cachePopupContainer.onclose(); + } + }); + + if (!connectMenu) { + ui.menuContainer = cacheMenuContainer; + ui.click.configMenu = function () { + ui.click.shortcut(false); + if (cacheMenuContainer.classList.contains('hidden')) { + ui.config2.classList.add('pressdown2'); + ui.arena.classList.add('menupaused'); + ui.historybar.classList.add('menupaused'); + ui.window.classList.add('touchinfohidden'); + cacheMenuContainer.classList.remove('hidden'); + for (var i = 0; i < menuUpdates.length; i++) { + menuUpdates[i](); + } + } + else { + clickContainer.call(cacheMenuContainer, connectMenu); + } + }; + menux = createMenu(connectMenu, ['开始', '选项', '武将', '卡牌', '扩展', '其它'], { + position: cacheMenuContainer, bar: 40 + }); + } + else { + ui.connectMenuContainer = cacheMenuContainer; + ui.click.connectMenu = function () { + if (cacheMenuContainer.classList.contains('hidden')) { + if (_status.waitingForPlayer) { + startButton.innerHTML = '设'; + var start = cacheMenux.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'); + cacheMenuContainer.classList.remove('hidden'); + for (var i = 0; i < menuUpdates.length; i++) { + menuUpdates[i](); + } + } + else { + clickContainer.call(cacheMenuContainer, connectMenu); + } + }; + + menux = createMenu(connectMenu, ['模式', '武将', '卡牌'], { + position: cacheMenuContainer, bar: 123 + }); + // menu = menux.menu; + let cacheMenux = menux; + } + menuxpages = menux.pages.slice(0); + + // 开始 + let startButton = ui.create.startMenu(connectMenu); + + // 选项 + ui.create.optionsMenu(connectMenu); + + // 武将 + let updateCharacterPackMenu = ui.create.characterPackMenu(connectMenu); + ui.updateCharacterPackMenu.push(updateCharacterPackMenu); + + // 卡牌 + let updatecardPackMenu = ui.create.cardPackMenu(connectMenu); + ui.updateCardPackMenu.push(updatecardPackMenu); + + // 扩展 + ui.create.extensionMenu(connectMenu); + + // 其他 + ui.create.otherMenu(connectMenu); + + if (menuTimeout) { + clearTimeout(menuTimeout); + delete window.resetExtension; + localStorage.removeItem(lib.configprefix + 'disable_extension', true); + } +} \ No newline at end of file diff --git a/noname/ui/create/menu/pages/cardPackMenu.js b/noname/ui/create/menu/pages/cardPackMenu.js new file mode 100644 index 000000000..f90751fc0 --- /dev/null +++ b/noname/ui/create/menu/pages/cardPackMenu.js @@ -0,0 +1,648 @@ +import { + menuContainer, + popupContainer, + updateActive, + setUpdateActive, + updateActiveCard, + setUpdateActiveCard, + menux, + menuxpages, + menuUpdates, + openMenu, + clickToggle, + clickSwitcher, + clickContainer, + clickMenuItem, + createMenu, + createConfig +} from "../index.js"; +import { ui, game, get, lib, _status } from "../../../../../noname.js"; + +export const cardPackMenu = function (connectMenu) { + /** + * 由于联机模式会创建第二个菜单，所以需要缓存一下可变的变量 + */ + // const cacheMenuContainer = menuContainer; + // const cachePopupContainer = popupContainer; + const cacheMenux = menux; + const cacheMenuxpages = menuxpages; + /** @type { HTMLDivElement } */ + // @ts-ignore + var start = cacheMenuxpages.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); + } + }; + setUpdateActiveCard(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_')) { + // 扩展卡牌包开启逻辑 + if (node.mode.startsWith('mode_extension')) { + const extName = node.mode.slice(15); + if (!game.hasExtension(extName) || !game.hasExtensionLoaded(extName)) continue; + if (lib.config[`extension_${extName}_cards_enable`] == true) { + 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'); + } + } + continue; + } + if (node.mode == 'custom') continue; + if (node.mode == 'cardpile') continue; + if (connectMenu) { + if (!lib.config.connect_cards.includes(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.includes(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('mode_extension')) { + const extName = name.slice(15); + if (!game.hasExtension(extName) || !game.hasExtensionLoaded(extName)) return false; + game.saveExtensionConfig(extName, 'cards_enable', bool); + } + // 原逻辑 + else { + 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: (() => { + // 扩展卡牌包开启逻辑 + if (mode.startsWith('mode_extension')) { + const extName = mode.slice(15); + if (!game.hasExtension(extName) || !game.hasExtensionLoaded(extName)) return false; + // 这块或许应该在加载扩展时候写 + if (lib.config[`extension_${extName}_cards_enable`] === undefined) { + game.saveExtensionConfig(extName, 'cards_enable', true); + } + return lib.config[`extension_${extName}_cards_enable`] === true; + } + // 原逻辑 + else return lib.config.cards.includes(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 = cacheMenux.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.includes(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.includes(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].includes(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.includes(lib.config.all.cards[i])) continue; + createModeConfig(lib.config.all.cards[i], start.firstChild); + } + if (!connectMenu) Object.keys(lib.cardPack).forEach(key => { + if (!lib.config.all.cards.includes(key)) createModeConfig(key, start.firstChild); + if (connectMenu) lib.connectCardPack.add(key); + }); + 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.includes('当前牌堆')) { + 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的特性，请不要在这里直接改为let + 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(); + + /** + * 在菜单栏初始化完成后，如果又加载了武将包，进行刷新 + * + * @param { string } packName + */ + return function (packName) { + // 判断菜单栏有没有加载过这个卡牌包 + if ([...start.firstChild.children].map(node => node.mode).includes(packName)) return; + // 单机模式下显示不在lib.config.all.cards里的卡牌包 + if (!lib.config.all.cards.includes(packName)) createModeConfig(packName, start.firstChild); + if (connectMenu) lib.connectCardPack.add(packName); + } +}; \ No newline at end of file diff --git a/noname/ui/create/menu/pages/characterPackMenu.js b/noname/ui/create/menu/pages/characterPackMenu.js new file mode 100644 index 000000000..c24bdd51d --- /dev/null +++ b/noname/ui/create/menu/pages/characterPackMenu.js @@ -0,0 +1,528 @@ +import { + menuContainer, + popupContainer, + updateActive, + setUpdateActive, + updateActiveCard, + setUpdateActiveCard, + menux, + menuxpages, + menuUpdates, + openMenu, + clickToggle, + clickSwitcher, + clickContainer, + clickMenuItem, + createMenu, + createConfig +} from "../index.js"; +import { ui, game, get, lib, _status } from "../../../../../noname.js"; + +export const characterPackMenu = function (connectMenu) { + /** + * 由于联机模式会创建第二个菜单，所以需要缓存一下可变的变量 + */ + // const cacheMenuContainer = menuContainer; + // const cachePopupContainer = popupContainer; + const cacheMenux = menux; + const cacheMenuxpages = menuxpages; + /** @type { HTMLDivElement } */ + // @ts-ignore + var start = cacheMenuxpages.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); + } + }; + setUpdateActive(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_')) { + // 扩展武将包开启逻辑 + if (node.mode.startsWith('mode_extension')) { + const extName = node.mode.slice(15); + if (!game.hasExtension(extName) || !game.hasExtensionLoaded(extName)) continue; + if (lib.config[`extension_${extName}_characters_enable`] == true) { + 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'); + } + } + continue; + } + if (node.mode == 'custom') continue; + if (connectMenu) { + if (!lib.config.connect_characters.includes(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.includes(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('mode_extension')) { + const extName = name.slice(15); + if (!game.hasExtension(extName) || !game.hasExtensionLoaded(extName)) return false; + game.saveExtensionConfig(extName, 'characters_enable', bool); + } + // 原逻辑 + else { + 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].includes('unseen')) continue; + if (connectMenu && lib.connectBanned.includes(i)) continue; + list.push(i); + if (boolAI && !lib.config.forbidai_user.includes(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.includes(_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: (() => { + // 扩展武将包开启逻辑 + if (mode.startsWith('mode_extension')) { + const extName = mode.slice(15); + if (!game.hasExtension(extName) || !game.hasExtensionLoaded(extName)) return false; + // 这块或许应该在加载扩展时候写 + if (lib.config[`extension_${extName}_characters_enable`] === undefined) { + game.saveExtensionConfig(extName, 'characters_enable', true); + } + return lib.config[`extension_${extName}_characters_enable`] === true; + } + // 原逻辑 + else { + return connectMenu ? (!lib.config.connect_characters.includes(mode)) : (lib.config.characters.includes(mode)); + } + + })(), + onclick: togglePack + }); + var cfgnodeAI = createConfig({ + name: '仅点将可用', + _name: mode, + init: boolAI, + intro: '将该武将包内的武将全部设置为仅点将可用', + onclick(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(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')) { + // 排除4个基本扩展 + // 再排除那个boss扩展的间隔包 + // 给扩展的武将包加一个开启关闭的功能 + if (!lib.config.all.stockextension.includes(mode.slice(15)) && mode != 'mode_extension_jiange') { + page.appendChild(cfgnode); + } + 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 = cacheMenux.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.includes(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 = cacheMenux.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.includes(list2[ii])) { + listx.add(list2[ii]); + if (!listb.includes(list2[ii])) boolx = true; + list2.splice(ii--, 1); + } + } + if (listx.length) { + var cfgnodeY = { + name: lib.translate[pak], + _name: pak, + init: boolx, + onclick(bool) { + var banned = []; + if (connectMenu) { + var modex = cacheMenux.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.includes(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 => { + // 单机模式下显示不在lib.config.all.characters里的武将包 + if (!characterlist.includes(key)) createModeConfig(key, start.firstChild); + if (connectMenu) lib.connectCharacterPack.add(key); + }); + 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的特性，请不要在这里直接改为let + 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(); + + /** + * 在菜单栏初始化完成后，如果又加载了武将包，进行刷新 + * + * @param { string } packName + */ + return function (packName) { + // 判断菜单栏有没有加载过这个武将包 + if ([...start.firstChild.children].map(node => node.mode).includes(packName)) return; + // 单机模式下显示不在lib.config.all.characters里的武将包 + if (!characterlist.includes(packName)) createModeConfig(packName, start.firstChild, node1); + if (connectMenu) lib.connectCharacterPack.add(packName); + } +}; \ No newline at end of file diff --git a/noname/ui/create/menu/pages/exetensionMenu.js b/noname/ui/create/menu/pages/exetensionMenu.js new file mode 100644 index 000000000..f906371fb --- /dev/null +++ b/noname/ui/create/menu/pages/exetensionMenu.js @@ -0,0 +1,2686 @@ +import { + menuContainer, + popupContainer, + updateActive, + setUpdateActive, + updateActiveCard, + setUpdateActiveCard, + menux, + menuxpages, + menuUpdates, + openMenu, + clickToggle, + clickSwitcher, + clickContainer, + clickMenuItem, + createMenu, + createConfig +} from "../index.js"; +import { ui, game, get, lib, _status } from "../../../../../noname.js"; +import { nonameInitialized } from "../../../../util/index.js"; + +export const extensionMenu = function (connectMenu) { + if (connectMenu) return; + /** + * 由于联机模式会创建第二个菜单，所以需要缓存一下可变的变量 + */ + // const cacheMenuContainer = menuContainer; + // const cachePopupContainer = popupContainer; + // const cacheMenux = menux; + const cacheMenuxpages = menuxpages; + /** @type { HTMLDivElement } */ + // @ts-ignore + var start = cacheMenuxpages.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.includes(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 = get.copy(lib.extensionMenu[mode][i]); + var j; + if (mode.startsWith('extension_')) { + j = mode + '_' + i; + } + else { + j = mode + '_' + i + '_playpackconfig'; + } + cfg._name = j; + if (j in lib.config) { + cfg.init = lib.config[j]; + } + else { + game.saveConfig(j, cfg.init); + } + + 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; + }; + let extensionsInMenu = Object.keys(lib.extensionMenu); + if (lib.config.extensionSort && Array.isArray(lib.config.extensionSort)) { + extensionsInMenu.sort((a, b) => { + return lib.config.extensionSort.indexOf(a) - lib.config.extensionSort.indexOf(b); + }); + } + for (let i of extensionsInMenu) { + if (lib.config.all.stockextension.includes(i) && !lib.config.all.plays.includes(i)) continue; + if (lib.config.hiddenPlayPack.includes(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 = async 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].includes(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) + }; + await 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(nonameInitialized + '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.includes('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(nonameInitialized + '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) { + import('../../game/codemirror.js').then(() => { + 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.includes(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(Object.defineProperty({ ...info }, '_priority', { enumerable: false, writable: true, configurable: true })); + 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) { + import('../../game/codemirror.js').then(() => { + 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.includes(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(Object.defineProperty({ ...lib.skill[skillopt.value] }, '_priority', { enumerable: false, writable: true, configurable: true })); + 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) { + import('../../game/codemirror.js').then(() => { + 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.includes(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] && 'init' in game.importedPack.config[i]) { + 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(); +}; \ No newline at end of file diff --git a/noname/ui/create/menu/pages/optionsMenu.js b/noname/ui/create/menu/pages/optionsMenu.js new file mode 100644 index 000000000..1b9114d03 --- /dev/null +++ b/noname/ui/create/menu/pages/optionsMenu.js @@ -0,0 +1,1069 @@ +import { + menuContainer, + popupContainer, + updateActive, + setUpdateActive, + updateActiveCard, + setUpdateActiveCard, + menux, + menuxpages, + menuUpdates, + openMenu, + clickToggle, + clickSwitcher, + clickContainer, + clickMenuItem, + createMenu, + createConfig +} from "../index.js"; +import { ui, game, get, lib, _status } from "../../../../../noname.js"; +import { nonameInitialized } from "../../../../util/index.js"; + +export const optionsMenu = function (connectMenu) { + if (connectMenu) return; + /** + * 由于联机模式会创建第二个菜单，所以需要缓存一下可变的变量 + */ + // const cacheMenuContainer = menuContainer; + const cachePopupContainer = popupContainer; + // const cacheMenux = menux; + const cacheMenuxpages = menuxpages; + /** @type { HTMLDivElement } */ + // @ts-ignore + var start = cacheMenuxpages.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.includes(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.includes(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.includes(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 = get.copy(info.config[j]); + cfg._name = j; + if (j in config) { + cfg.init = config[j]; + } + else if (cfg.type != 'autoskill' && cfg.type != 'banskill') { + game.saveConfig(j, cfg.init); + } + 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(nonameInitialized + 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(nonameInitialized + 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(nonameInitialized + 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 () { + cachePopupContainer.noclose = true; + }); + var createDir = function (str) { + if (lib.node && lib.node.fs) { + lib.node.fs.mkdir(__dirname + '/' + path + '/' + str, refresh); + } + else { + window.resolveLocalFileSystemURL(nonameInitialized + 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); +}; \ No newline at end of file diff --git a/noname/ui/create/menu/pages/otherMenu.js b/noname/ui/create/menu/pages/otherMenu.js new file mode 100644 index 000000000..216ac3f43 --- /dev/null +++ b/noname/ui/create/menu/pages/otherMenu.js @@ -0,0 +1,1610 @@ +import { + menuContainer, + popupContainer, + updateActive, + setUpdateActive, + updateActiveCard, + setUpdateActiveCard, + menux, + menuxpages, + menuUpdates, + openMenu, + clickToggle, + clickSwitcher, + clickContainer, + clickMenuItem, + createMenu, + createConfig +} from "../index.js"; +import { ui, game, get, lib, _status } from "../../../../../noname.js"; + +export const otherMenu = function (connectMenu) { + if (connectMenu) return; + /** + * 由于联机模式会创建第二个菜单，所以需要缓存一下可变的变量 + */ + const cacheMenuContainer = menuContainer; + // const cachePopupContainer = popupContainer; + // const cacheMenux = menux; + const cacheMenuxpages = menuxpages; + /** @type { HTMLDivElement } */ + // @ts-ignore + var start = cacheMenuxpages.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.includes(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.includes(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(cacheMenuContainer, connectMenu); + } + }); + + 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.includes(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 + } + }); + 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'].includes(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 ${obj.name}]`; + } else if (typeof obj != 'string') { + if (obj instanceof Error) { + return `${String(obj)}`; + } + 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); +}; \ No newline at end of file diff --git a/noname/ui/create/menu/pages/startMenu.js b/noname/ui/create/menu/pages/startMenu.js new file mode 100644 index 000000000..1a826f99e --- /dev/null +++ b/noname/ui/create/menu/pages/startMenu.js @@ -0,0 +1,397 @@ +import { + menuContainer, + popupContainer, + updateActive, + setUpdateActive, + updateActiveCard, + setUpdateActiveCard, + menux, + menuxpages, + menuUpdates, + openMenu, + clickToggle, + clickSwitcher, + clickContainer, + clickMenuItem, + createMenu, + createConfig +} from "../index.js"; +import { ui, game, get, lib, _status } from "../../../../../noname.js"; + +export const startMenu = function (connectMenu) { + /** + * 由于联机模式会创建第二个菜单，所以需要缓存一下可变的变量 + */ + const cacheMenuContainer = menuContainer; + // const cachePopupContainer = popupContainer; + // const cacheMenux = menux; + const cacheMenuxpages = menuxpages; + /** @type { HTMLDivElement } */ + // @ts-ignore + var start = cacheMenuxpages.shift(); + var rightPane = start.lastChild; + + /** 启动按钮 */ + let 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(cacheMenuContainer, connectMenu); + } + 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 = get.copy(infoconfig[j]); + cfg._name = j; + cfg.mode = mode; + if (j in config) { + cfg.init = config[j]; + } + else { + game.saveConfig(j, cfg.init, mode); + } + 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.includes(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 }); + } + + return startButton; +}; \ No newline at end of file diff --git a/noname/ui/index.js b/noname/ui/index.js index c0ddc7ae2..3b92a3518 100644 --- a/noname/ui/index.js +++ b/noname/ui/index.js @@ -5,14078 +5,8 @@ import { Get as get } from "../get/index.js"; import { _status } from "../status/index.js"; import { GNC as gnc } from '../gnc/index.js'; import { AI as ai } from "../ai/index.js"; - -class Create extends Uninstantable { - /** - * 创建身份牌实例 - */ - 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.includes(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); - } - /*if((button.link=='xushu'||button.link=='xin_xushu'||button.link=='jsrg_guanyu')&&button.node&&button.node.name&&button.node.group){ - if(button.classList.contains('newstyle')){ - button.node.name.dataset.nature='watermm'; - button.node.group.dataset.nature='water'; - } - else button.node.group.style.backgroundColor=get.translation('weiColor'); - }*/ - } - 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 (['div', 'table', 'tr', 'td', 'body', 'fragment'].includes(get.objtype(arguments[i]))) 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 (['div', 'table', 'tr', 'td', 'body', 'fragment'].includes(get.objtype(arguments[i]))) 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 (j in config) { - cfg.init = config[j]; - } - else { - game.saveConfig(j, cfg.init, mode); - } - 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.includes(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.includes(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.includes(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.includes(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 (j in config) { - cfg.init = config[j]; - } - else if (cfg.type != 'autoskill' && cfg.type != 'banskill') { - game.saveConfig(j, cfg.init); - } - 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(nonameInitialized + 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(nonameInitialized + 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(nonameInitialized + 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(nonameInitialized + 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.includes(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.includes(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].includes('unseen')) continue; - if (connectMenu && lib.connectBanned.includes(i)) continue; - list.push(i); - if (boolAI && !lib.config.forbidai_user.includes(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.includes(_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.includes(mode)) : (lib.config.characters.includes(mode)), - onclick: togglePack - }); - var cfgnodeAI = createConfig({ - name: '仅点将可用', - _name: mode, - init: boolAI, - intro: '将该武将包内的武将全部设置为仅点将可用', - onclick(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(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.includes(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.includes(list2[ii])) { - listx.add(list2[ii]); - if (!listb.includes(list2[ii])) boolx = true; - list2.splice(ii--, 1); - } - } - if (listx.length) { - var cfgnodeY = { - name: lib.translate[pak], - _name: pak, - init: boolx, - onclick(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.includes(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.includes(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.includes(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.includes(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.includes(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.includes(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].includes(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.includes(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.includes('当前牌堆')) { - 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.includes(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 (j in lib.config) { - cfg.init = lib.config[j]; - } - else { - game.saveConfig(j, cfg.init); - } - - 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; - }; - let extensionsInMenu = Object.keys(lib.extensionMenu); - if(lib.config.extensionSort && Array.isArray(lib.config.extensionSort)){ - extensionsInMenu.sort((a,b)=>{ - return lib.config.extensionSort.indexOf(a) - lib.config.extensionSort.indexOf(b); - }); - } - for (let i of extensionsInMenu) { - if (lib.config.all.stockextension.includes(i) && !lib.config.all.plays.includes(i)) continue; - if (lib.config.hiddenPlayPack.includes(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 = async 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].includes(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) - }; - await 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(nonameInitialized + '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.includes('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(nonameInitialized + '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) { - import('../../game/codemirror.js').then(() => { - 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.includes(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(Object.defineProperty({ ...info }, '_priority', { enumerable: false, writable: true, configurable: true })); - 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) { - import('../../game/codemirror.js').then(() => { - 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.includes(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(Object.defineProperty({ ...lib.skill[skillopt.value] }, '_priority', { enumerable: false, writable: true, configurable: true })); - 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) { - import('../../game/codemirror.js').then(() => { - 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.includes(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] && 'init' in game.importedPack.config[i]) { - 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.includes(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.includes(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.includes(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 - } - }); - 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'].includes(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 ${obj.name}]`; - } else if (typeof obj != 'string') { - if (obj instanceof Error) { - return `${String(obj)}`; - } - 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 statictable() { - 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 (['div', 'table', 'tr', 'td', 'body', 'fragment'].includes(get.objtype(arguments[i]))) 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].includes('minskin')) continue; - if (lib.character[i][4].includes('boss') || lib.character[i][4].includes('hiddenboss')) { - if (lib.config.mode == 'boss') continue; - if (!lib.character[i][4].includes('bossallowed')) continue; - } - - if (lib.character[i][4].includes('stonehidden')) continue; - if (lib.config.banned.includes(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.includes(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.includes(lib.config.all.characters[i])) continue; - packlist.push(lib.config.all.characters[i]); - } - for (var i in lib.characterPack) { - if (!lib.config.all.characters.includes(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].includes(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]); - } - } - - //仅仅下面是新加的，by Curpond - - let container = dialog.querySelector('.content-container>.content') - let Searcher = ui.create.div('.searcher.caption') - let input = document.createElement('input') - input.style.textAlign = 'center' - input.style.border = 'solid 2px #294510' - input.style.borderRadius = '6px' - input.style.fontWeight = 'bold' - input.style.fontSize = '21px' - let find = ui.create.button(['find', '搜索'], 'tdnodes') - find.style.display = 'inline' - let clickfind = function (e) { - e.stopPropagation() - let value = input.value - if (value == '') { - game.alert('搜索不能为空') - input.focus() - return - } - let list = [] - for (let btn of dialog.buttons) { - - if ((new RegExp(value, 'g').test(get.translation(btn.link)))) { - btn.classList.remove('nodisplay') - } else { - btn.classList.add('nodisplay') - } - } - - } - input.addEventListener('keyup', (e) => { - - if (e.key == 'Enter') clickfind(e) - }) - find.listen(clickfind) - Searcher.appendChild(input) - Searcher.appendChild(find) - container.prepend(Searcher) - - - return dialog; - } - static dialog() { - let dialog = new lib.element.Dialog(...arguments); - if (!Array.from(arguments).includes('hidden')) { - dialog.open(); - } - return dialog; - } - 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.includes(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.includes(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.includes(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(game.layout=='nova'&&parseInt(num)<7){ - // ui.arena.classList.add('player_autolong'); - // } - // else if(lib.config.player_height_nova!='long'){ - // ui.arena.classList.remove('player_autolong'); - // } - // if(game.layout=='long'&&parseInt(num) { - if (!ui.backgroundMusic.played.length && lib.config.background_music != 'music_off' && !isNaN(ui.backgroundMusic.duration)) ui.backgroundMusic.play(); - }, {once:true}); - 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'].includes(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.includes('replay')) ui.replay.classList.add('forcehide'); - if (lib.forcehide.includes('auto')) ui.auto.classList.add('forcehide'); - if (lib.forcehide.includes('pause')) ui.pause.classList.add('forcehide'); - if (lib.forcehide.includes('wuxie')) ui.wuxie.classList.add('forcehide'); - if (lib.forcehide.includes('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).addTempClass('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.includes(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().addTempClass('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 = '已暂停'; - } - - // node2.listen(function(){ - // _status.clicked=true; - // if(ui.sidebar.classList.contains('hidden')){ - // ui.sidebar.show(); - // ui.sidebar3.show(); - // } - // else{ - // ui.sidebar.hide(); - // ui.sidebar3.hide(); - // } - // }); - 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 buttonPresets = { - /** - * @returns { import("../library/index.js").Button } - */ - 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; - }, - /** - * @returns { import("../library/index.js").Button } - */ - blank: (item, type, position, noclick, node) => { - node = ui.create.div('.button.card', position); - node.link = item; - if (get.position(item) == 'j' && item.viewAs && lib.config.cardtempname != 'off') { - node.classList.add('infoflip'); - node.classList.add('infohidden') - ui.create.cardTempName(item, node).style.setProperty('display', 'block', 'important') - - } - return node; - }, - /** - * @returns { import("../library/index.js").Button } - */ - 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; - }, - /** - * @returns { import("../library/index.js").Button } - */ - 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; - }, - /** - * @returns { import("../library/index.js").Button } - */ - 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); - intro[lib.experimental.symbol.itemType] = 'button'; - 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; - }, - /** - * @returns { import("../library/index.js").Button } - */ - characterx: (item, type, position, noclick, node) => { - return ui.create.buttonPresets.character(item, type, position, noclick, node); - }, - /** - * @returns { import("../library/index.js").Button } - */ - 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; - } - }; - 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; - }); - } - } - var fragment = document.createDocumentFragment(); - for (var i = 0; i < list.length; i++) { - if (pre) { - buttons.push(ui.create.prebutton(list[i], type.slice(3), fragment, noclick)); - } - else { - buttons.push(ui.create.button(list[i], type, fragment, noclick)); - } - } - if (position) position.appendChild(fragment); - 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(''; - 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).build(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().addTempClass('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).addTempClass('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).build(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.includes(lib.card.list[i][2])) continue; - } - else { - if (lib.configOL.bannedcards.includes(lib.card.list[i][2])) continue; - } - if (game.bannedcards && game.bannedcards.includes(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); - } - -} - -class Click extends Uninstantable { - 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.includes(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.includes(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.includes(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.includes(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) - }); - // var nodes=[]; - // _status.clickingidentity=[this.parentNode,nodes]; - // var num=1; - // var dy=30; - // if(get.is.phoneLayout()){ - // dy=45; - // } - // for(var i in list){ - // if(this.firstChild.innerHTML!=list[i]){ - // var node=ui.create.div('.identity.hidden.pointerdiv',this.parentNode,ui.click.identity2); - // ui.create.div(node).innerHTML=list[i]; - // node.dataset.color=i; - // ui.refresh(node); - // node.show(); - // var transstr='translateY('+((num++)*dy)+'px)'; - // if(get.is.phoneLayout()){ - // transstr+=' scale(1.3)'; - // } - // if(get.is.newLayout()&&this.parentNode.classList.contains('linked')){ - // transstr+=' rotate(90deg)'; - // } - // node.style.transform=transstr; - // nodes.push(node); - // } - // } - } - } - 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.includes(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(_status.forcetouchinterval){ - // clearInterval(_status.forcetouchinterval); - // delete _status.forcetouchinterval; - // } - 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).addTempClass('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.includes(player) && !game.dead.includes(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.includes(player) && !game.dead.includes(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.addTempClass('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].includes('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].includes('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'].includes(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.includes(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.includes(skill)) { - skillversionnode.innerHTML = '切换至新版'; - } - else { - skillversionnode.innerHTML = '切换至旧版'; - } - skillversionnode.listen(function () { - if (lib.config.vintageSkills.includes(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') { - let audio, skillnode = this; - const playedAudios = []; - (function play() { - if (!skillnode.audioList || !skillnode.audioList.length) { - skillnode.audioList = game.parseSkillAudio(skillnode.link, playername); - if (!skillnode.audioList.length||skillnode.audioList.length==playedAudios.length) return; - } - audio = skillnode.audioList.shift(); - playedAudios.push(audio); - game.playAudio(audio, play); - })(); - } - }; - } - 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.includes(skill)) { - skillversionnode.innerHTML = '切换至新版'; - } - else { - skillversionnode.innerHTML = '切换至旧版'; - } - skillversionnode.listen(function () { - if (lib.config.vintageSkills.includes(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') { - let audio, skillnode = this; - const playedAudios = []; - (function play() { - if (!skillnode.audioList || !skillnode.audioList.length) { - skillnode.audioList = game.parseSkillAudio(skillnode.link, playername); - if (!skillnode.audioList.length||skillnode.audioList.length==playedAudios.length) return; - } - audio = skillnode.audioList.shift(); - playedAudios.push(audio); - game.playAudio(audio, play); - })(); - } - }; - } - - 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.addTempClass('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; - } - -} +import { Click } from "./click/index.js"; +import { Create } from "./create/index.js"; export class UI extends Uninstantable { static updates = []; @@ -14167,6 +97,16 @@ export class UI extends Uninstantable { * @type { HTMLDivElement } */ static chess; + /** + * 手动在菜单栏中添加一个武将包的ui + * @type { ((packName: string) => void)[] } + */ + static updateCharacterPackMenu = []; + /** + * 手动在菜单栏中添加一个卡牌包的ui + * @type { ((packName: string) => void)[] } + */ + static updateCardPackMenu = []; static refresh(node) { void window.getComputedStyle(node, null).getPropertyValue("opacity"); }