>
', 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;
- };
- for (var i in lib.extensionMenu) {
- 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 () => {
- 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(lib.assetURL + 'extension/' + name, function (entry) {
- entry.getFile(file, {}, function (fileEntry) {
- fileEntry.file(function (fileToLoad) {
- var fileReader = new FileReader();
- fileReader.onload = function (e) {
- page.content.image[file] = e.target.result;
- };
- fileReader.readAsArrayBuffer(fileToLoad, "UTF-8");
- });
- });
- });
- }
- else {
- loadImage(file, url);
- }
- }
- else game.getDB('image', `extension-${name}:${file}`).then(value => {
- createButton(i, value);
- loadImage(file, value);
- });
- }
- }
- else {
- page.content = {
- pack: {
- character: {},
- translate: {}
- },
- image: {},
- audio: {}
- };
- toggle.classList.add('on');
- newCharacter.style.display = '';
- }
- };
- ui.create.div('.config.more', '←
返回', page, function () {
- ui.create.templayer();
- page.hide();
- pageboard.show();
- });
- page.content = {
- pack: {
- character: {},
- translate: {}
- },
- image: {},
- audio: {}
- };
- var newCharacter;
- var toggle = ui.create.div('.config.more.on', '创建武将 >
', page, function () {
- this.classList.toggle('on');
- if (this.classList.contains('on')) {
- newCharacter.style.display = '';
- }
- else {
- newCharacter.style.display = 'none';
- }
- });
- var resetEditor = function () {
- currentButton = null;
- toggle.classList.remove('on');
- newCharacter.style.display = 'none';
- fakeme.classList.remove('inited');
- delete fakeme.image;
- delete fakeme.image64;
- fakeme.style.backgroundImage = '';
- var inputs = newCharacter.querySelectorAll('input');
- for (var i = 0; i < inputs.length; i++) {
- inputs[i].value = '';
- }
- inputs = newCharacter.querySelectorAll('textarea');
- for (var i = 0; i < inputs.length; i++) {
- inputs[i].value = '';
- }
- skillList.firstChild.innerHTML = '';
- toggle.innerHTML = '创建武将 >
';
- editnode.innerHTML = '创建武将';
- editnode.classList.add('disabled');
- delnode.innerHTML = '取消';
- delete delnode.button;
- }
-
- newCharacter = ui.create.div('.new_character', page);
- var fakeme = ui.create.div('.avatar', newCharacter);
-
- var input = document.createElement('input');
- input.type = 'file';
- input.accept = 'image/*';
- input.className = 'fileinput';
- input.onchange = function () {
- var fileToLoad = input.files[0];
- if (fileToLoad) {
- var fileReader = new FileReader();
- fileReader.onload = function (fileLoadedEvent) {
- var data = fileLoadedEvent.target.result;
- fakeme.style.backgroundImage = 'url(' + data + ')';
- fakeme.image64 = data;
- fakeme.classList.add('inited');
- var fileReader = new FileReader();
- fileReader.onload = function (fileLoadedEvent) {
- fakeme.image = fileLoadedEvent.target.result;
- updateButton();
- };
- fileReader.readAsArrayBuffer(fileToLoad, "UTF-8");
- };
- fileReader.readAsDataURL(fileToLoad, "UTF-8");
- }
- }
- fakeme.appendChild(input);
-
- ui.create.div('.select_avatar', '选择头像', fakeme);
-
- ui.create.div('.indent', '姓名：', newCharacter).style.paddingTop = '8px';
- ui.create.div('.indent', '介绍：', newCharacter).style.paddingTop = '8px';
- ui.create.div('.indent', '体力：', newCharacter).style.paddingTop = '8px';
- newCharacter.querySelector('input.new_name').onblur = updateButton;
- var sexes = ui.create.selectlist([
- ['male', '男'],
- ['female', '女'],
- ['double', '双性'],
- ['none', '无']
- ], null, ui.create.div('.indent', '性别：', newCharacter));
- var grouplist = lib.group.map((group, i) => [lib.group[i], get.translation(lib.group[i])]);
- var groups = ui.create.selectlist(grouplist, null, ui.create.div('.indent', '势力：', newCharacter));
- var dieaudio = ui.create.div('.die_audio', newCharacter, { textAlign: 'left' });
- var dieaudiolabel = ui.create.node('label', '阵亡配音:', dieaudio);
- var dieaudioUpload = dieaudio.appendChild(document.createElement('input'));
- dieaudioUpload.type = 'file';
- dieaudioUpload.accept = 'audio/*';
- dieaudioUpload.style.width = 'calc(100% - 100px)';
- dieaudioUpload.onchange = function () {
- var fileToLoad = dieaudioUpload.files[0];
- if (fileToLoad) {
- console.log(fileToLoad);
- var fileReader = new FileReader();
- fileReader.onload = function (fileLoadedEvent) {
- var data = fileLoadedEvent.target.result;
- var blob = new Blob([data]);
- dieaudio.file = fileToLoad;
- dieaudio.arrayBuffer = data;
- dieaudio.blob = blob;
- var new_name = newCharacter.querySelector('input.new_name');
- dieaudioUpload.style.display = 'none';
- dieaudiopreview.style.display =
- dieaudiocancel.style.display = '';
- dieaudiotag.src = window.URL.createObjectURL(blob);
- };
- fileReader.readAsArrayBuffer(fileToLoad);
- }
- };
- var dieaudiotag = ui.create.node('audio', dieaudio);
- var dieaudiopreview = ui.create.node('button', dieaudio, () => {
- if (dieaudiotag.error) {
- alert('您使用的客户端不支持预览此音频！')
- } else dieaudiotag.play();
- });
- dieaudiopreview.innerHTML = '播放';
- dieaudiopreview.style.display = 'none';
- var dieaudiocancel = ui.create.node('button', dieaudio, () => {
- dieaudiopreview.style.display = 'none';
- dieaudiocancel.style.display = 'none';
- if (dieaudio.blob) {
- window.URL.revokeObjectURL(dieaudio.blob);
- dieaudiotag.src = null;
- delete dieaudio.file;
- delete dieaudio.arrayBuffer;
- delete dieaudio.blob;
- }
- dieaudioUpload.value = '';
- dieaudioUpload.style.display = '';
- });
- dieaudiocancel.innerHTML = '取消';
- dieaudiocancel.style.display = 'none';
- var options = ui.create.div('.add_skill.options', '主公BOSS仅点将可用隐匿技
', newCharacter); - var addSkill = ui.create.div('.add_skill', '添加技能
', newCharacter); - var list = []; - for (var i in lib.character) { - if (lib.character[i][3].length) { - list.push([i, lib.translate[i]]); - } - } - list.sort(function (a, b) { - a = a[0]; b = b[0]; - var aa = a, bb = b; - if (aa.includes('_')) { - aa = aa.slice(aa.indexOf('_') + 1); - } - if (bb.includes('_')) { - bb = bb.slice(bb.indexOf('_') + 1); - } - if (aa != bb) { - return aa > bb ? 1 : -1; - } - return a > b ? 1 : -1; - }); - var list2 = []; - var skills = lib.character[list[0][0]][3]; - for (var i = 0; i < skills.length; i++) { - list2.push([skills[i], lib.translate[skills[i]]]); - } - list.unshift(['current_extension', '此扩展']); - - var selectname = ui.create.selectlist(list, list[1], addSkill); - page.selectname = selectname; - selectname.onchange = function () { - skillopt.innerHTML = ''; - if (this.value == 'current_extension') { - for (var i in dash3.content.pack.skill) { - var option = document.createElement('option'); - option.value = i; - option.innerHTML = dash3.content.pack.translate[i]; - skillopt.appendChild(option); - } - } - else { - var skills = lib.character[this.value][3]; - for (var i = 0; i < skills.length; i++) { - var option = document.createElement('option'); - option.value = skills[i]; - option.innerHTML = lib.translate[skills[i]]; - skillopt.appendChild(option); - } - } - }; - selectname.style.maxWidth = '85px'; - var skillopt = ui.create.selectlist(list2, list2[0], addSkill); - skillopt.style.maxWidth = '60px'; - page.skillopt = skillopt; - var addSkillButton = document.createElement('button'); - addSkillButton.innerHTML = '添加'; - addSkill.appendChild(addSkillButton); - page.addSkillButton = addSkillButton; - var deletenode = function () { - this.remove(); - } - addSkillButton.onclick = function () { - for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { - if (skillList.firstChild.childNodes[i].skill == skillopt.value) return alert(selectname.value == 'current_extension' ? '此扩展还未添加技能' : '此武将没有技能可添加'); - } - //无技能时 - if (!skillopt.value || skillopt.childElementCount == 0) return; - var node = document.createElement('button'); - node.skill = skillopt.value; - node.onclick = deletenode; - for (var i = 0; i < skillopt.childElementCount; i++) { - if (skillopt.childNodes[i].value == skillopt.value) { - node.innerHTML = skillopt.childNodes[i].innerHTML; break; - } - } - skillList.firstChild.appendChild(node); - }; - var createSkillButton = document.createElement('button'); - createSkillButton.innerHTML = '创建'; - createSkillButton.style.marginLeft = '3px'; - addSkill.appendChild(createSkillButton); - createSkillButton.onclick = function () { - ui.create.templayer(); - page.hide(); - dash3.show(); - dash3.fromchar = 'add'; - dash3.toggle.classList.add('on'); - dash3.newSkill.style.display = ''; - }; - page.updateSkill = function () { - for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { - var node = skillList.firstChild.childNodes[i]; - var skill = skillList.firstChild.childNodes[i].skill; - if (dash3.content.pack.skill[skill]) { - node.innerHTML = dash3.content.pack.translate[skill]; - } - else if (lib.skill[skill]) { - node.innerHTML = lib.translate[skill]; - } - else { - node.remove(); i--; - } - } - }; - var skillList = ui.create.div('.skill_list', newCharacter); - ui.create.div(skillList); - var editnode = ui.create.div('.menubutton.large.disabled', '创建武将', ui.create.div(skillList), function () { - var name = page.querySelector('input.new_name').value; - if (!name) { - alert('请填写武将名\n提示：武将名格式为id+|+中文名，其中id必须惟一'); - return; - } - name = name.split('|'); - var translate = name[1] || name[0]; - name = name[0]; - if (currentButton) { - if (currentButton.link != name) { - if (lib.character[name] || page.content.pack.character[name]) { - alert('武将名与现有武将重复，请更改\n提示：武将名格式为id+|+中文名，其中id必须惟一'); - return; - } - page.content.image[name + '.jpg'] = page.content.image[currentButton.link + '.jpg']; - delete page.content.image[currentButton.link + '.jpg']; - delete page.content.pack.character[currentButton.link]; - delete page.content.pack.translate[currentButton.link]; - currentButton.link = name; - } - } - else { - if (lib.character[name] || page.content.pack.character[name]) { - alert('武将名与现有武将重复，请更改\n提示：武将名格式为id+|+中文名，其中id必须惟一'); - return; - } - } - if (fakeme.image) { - page.content.image[name + '.jpg'] = fakeme.image; - } - else { - if (!page.content.image[name + '.jpg']) { - alert('请选择武将头像'); - return; - } - } - var hp = page.querySelector('input.new_hp').value; - //体力支持‘Infinity,∞,无限’表示无限 - if (['Infinity', '∞', '无限'].includes(hp)) hp = Infinity; - else if (hp.indexOf('/') == -1) hp = parseInt(hp) || 1; - var skills = []; - for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { - skills.add(skillList.firstChild.childNodes[i].skill); - } - var tags = []; - for (var i = 0; i < options.childNodes.length - 1; i++) { - if (options.childNodes[i].lastChild && options.childNodes[i].lastChild.checked) { - tags.push(options.childNodes[i].lastChild.name); - } - } - if (tags.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(lib.assetURL + 'extension/' + name, function (entry) {
- entry.getFile(file, {}, function (fileEntry) {
- fileEntry.file(function (fileToLoad) {
- var fileReader = new FileReader();
- fileReader.onload = function (e) {
- page.content.image[file] = e.target.result;
- };
- fileReader.readAsArrayBuffer(fileToLoad, "UTF-8");
- });
- });
- });
- }
- else {
- loadImage(file, url);
- }
- }
- else game.getDB('image', `extension-${name}:${file}`).then(value => {
- createButton(i, value, fullskin);
- loadImage(file, value);
- });
- }
- }
- else {
- page.content = {
- pack: {
- card: {},
- translate: {}
- },
- image: {}
- };
- toggle.classList.add('on');
- newCard.style.display = '';
- }
- updatePile();
- };
- ui.create.div('.config.more.margin-bottom', '←
返回', page, function () {
- ui.create.templayer();
- page.hide();
- pageboard.show();
- });
- page.content = {
- pack: {
- card: {},
- translate: {},
- list: []
- },
- image: {}
- };
- var newCard;
- var toggle = ui.create.div('.config.more.on', '创建卡牌 >
', page, function () {
- this.classList.toggle('on');
- if (this.classList.contains('on')) {
- newCard.style.display = '';
- }
- else {
- newCard.style.display = 'none';
- }
- });
- var resetEditor = function () {
- currentButton = null;
- toggle.classList.remove('on');
- newCard.style.display = 'none';
- fakeme.classList.remove('inited');
- fakeme.classList.add('fullskin');
- delete fakeme.image;
- delete fakeme.image64;
- fakeme.style.backgroundImage = '';
- fakeme.imagenode.style.backgroundImage = '';
- var inputs = newCard.querySelectorAll('input');
- for (var i = 0; i < inputs.length; i++) {
- inputs[i].value = '';
- }
- toggle.innerHTML = '创建卡牌 >
';
- editnode.innerHTML = '创建卡牌';
- editnode.classList.add('disabled');
- delnode.innerHTML = '取消';
- delete delnode.button;
- container.code = 'card={\n \n}\n\n/*\n示例：\ncard={\n type:"basic",\n enable:true,\n filterTarget:true,\n content:function(){\n target.draw()\n },\n ai:{\n order:1,\n result:{\n target:1\n }\n }\n}\n此例的效果为目标摸一张牌\n导出时本段代码中的换行、缩进以及注释将被清除\n*/';
- }
-
- newCard = ui.create.div('.new_character', page);
- newCard.style.height = '173px';
- var fakeme = ui.create.div('.card.fullskin', newCard);
-
- var input = document.createElement('input');
- input.type = 'file';
- input.accept = 'image/*';
- input.className = 'fileinput';
- input.onchange = function () {
- var fileToLoad = input.files[0];
- if (fileToLoad) {
- var fileReader = new FileReader();
- var fullimage = (fileToLoad.name.includes('.jpg'));
- fileReader.onload = function (fileLoadedEvent) {
- var data = fileLoadedEvent.target.result;
- if (fullimage) {
- fakeme.imagenode.style.backgroundImage = '';
- fakeme.style.backgroundImage = 'url(' + data + ')';
- fakeme.classList.remove('fullskin');
- }
- else {
- fakeme.style.backgroundImage = '';
- fakeme.imagenode.style.backgroundImage = 'url(' + data + ')';
- fakeme.classList.add('fullskin');
- }
- fakeme.image64 = data;
- fakeme.classList.add('inited');
- var fileReader = new FileReader();
- fileReader.onload = function (fileLoadedEvent) {
- fakeme.image = fileLoadedEvent.target.result;
- updateButton();
- };
- fileReader.readAsArrayBuffer(fileToLoad, "UTF-8");
- };
- fileReader.readAsDataURL(fileToLoad, "UTF-8");
- }
- }
- fakeme.appendChild(input);
-
- fakeme.imagenode = ui.create.div('.image', fakeme);
- ui.create.div('.name', '选择背景', fakeme);
-
- ui.create.div('.indent', '名称：', newCard).style.paddingTop = '8px';
- ui.create.div('.indent', '描述：', newCard).style.paddingTop = '6px';
- newCard.querySelector('input.new_name').onblur = updateButton;
- var codeButton = document.createElement('button');
- newCard.appendChild(codeButton);
- codeButton.innerHTML = '编辑代码';
- codeButton.style.left = '123px';
- codeButton.style.top = '66px';
- codeButton.style.position = 'absolute';
-
- var citeButton = document.createElement('button');
- newCard.appendChild(citeButton);
- citeButton.innerHTML = '引用代码';
- citeButton.style.left = '123px';
- citeButton.style.top = '90px';
- citeButton.style.position = 'absolute';
- citeButton.onclick = function () {
- codeButton.style.display = 'none';
- citeButton.style.display = 'none';
- selectname.style.display = '';
- confirmcontainer.style.display = '';
- }
-
- var list = [];
- for (var i in lib.card) {
- if (lib.translate[i]) {
- list.push([i, lib.translate[i]]);
- }
- }
- list.sort(function (a, b) {
- a = a[0]; b = b[0];
- var aa = a, bb = b;
- if (aa.includes('_')) {
- aa = aa.slice(aa.indexOf('_') + 1);
- }
- if (bb.includes('_')) {
- bb = bb.slice(bb.indexOf('_') + 1);
- }
- if (aa != bb) {
- return aa > bb ? 1 : -1;
- }
- return a > b ? 1 : -1;
- });
- var selectname = ui.create.selectlist(list, list[0], newCard);
- selectname.style.left = '123px';
- selectname.style.top = '66px';
- selectname.style.position = 'absolute';
- selectname.style.display = 'none';
-
- var confirmcontainer = ui.create.div(newCard);
- confirmcontainer.style.left = '123px';
- confirmcontainer.style.top = '90px';
- confirmcontainer.style.position = 'absolute';
- confirmcontainer.style.display = 'none';
-
- var citeconfirm = document.createElement('button');
- citeconfirm.innerHTML = '引用';
- confirmcontainer.appendChild(citeconfirm);
- citeconfirm.onclick = function () {
- codeButton.style.display = '';
- citeButton.style.display = '';
- selectname.style.display = 'none';
- confirmcontainer.style.display = 'none';
- container.code = 'card=' + get.stringify(lib.card[selectname.value]);
- codeButton.onclick.call(codeButton);
- if (lib.translate[selectname.value + '_info']) {
- newCard.querySelector('input.new_description').value = lib.translate[selectname.value + '_info'];
- }
- }
-
- var citecancel = document.createElement('button');
- citecancel.innerHTML = '取消';
- citecancel.style.marginLeft = '3px';
- confirmcontainer.appendChild(citecancel);
- citecancel.onclick = function () {
- codeButton.style.display = '';
- citeButton.style.display = '';
- selectname.style.display = 'none';
- confirmcontainer.style.display = 'none';
- }
-
- codeButton.onclick = function () {
- var node = container;
- ui.window.classList.add('shortcutpaused');
- ui.window.classList.add('systempaused');
- window.saveNonameInput = saveInput;
- if (node.aced) {
- ui.window.appendChild(node);
- node.editor.setValue(node.code, 1);
- }
- else if (lib.device == 'ios') {
- ui.window.appendChild(node);
- if (!node.textarea) {
- var textarea = document.createElement('textarea');
- editor.appendChild(textarea);
- node.textarea = textarea;
- lib.setScroll(textarea);
- }
- node.textarea.value = node.code;
- }
- else {
- if (!window.CodeMirror) {
- 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
- 列表2-条目1
- 列表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, 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
- 列表2-条目1
- 列表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 ``; - } 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 + '${parse(arg)}
${msg}
'; - 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托管中...', 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; - 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); - 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('
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'); - if (info.longprompt) { - event.skillDialog.forcebutton = true; - ui.update(); - } - } - else if (info.promptfunc) { - event.skillDialog = ui.create.dialog(str, '' + str2 + ''); - } - else if (lib.dynamicTranslate[skill]) { - event.skillDialog = ui.create.dialog(str, '' + info.promptfunc(event, event.player) + ''); - } - else if (lib.translate[skill + '_info']) { - event.skillDialog = ui.create.dialog(str, '' + lib.dynamicTranslate[skill](event.player, skill) + ''); - } - } - } - 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 + '' + '' + lib.translate[skill + '_info'] + '
' + 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; - (function play() { - if (!skillnode.audioList || !skillnode.audioList.length) { - skillnode.audioList = game.parseSkillAudio(skillnode.link, playername); - if (!skillnode.audioList.length) return; - } - audio = skillnode.audioList.shift(); - 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; - (function play() { - if (!skillnode.audioList || !skillnode.audioList.length) { - skillnode.audioList = game.parseSkillAudio(skillnode.link, playername); - if (!skillnode.audioList.length) return; - } - audio = skillnode.audioList.shift(); - 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; - } - -} - -export class UI extends Uninstantable { - static updates = []; - static thrown = []; - static touchlines = []; - static todiscard = {}; - /** - * @type {HTMLStyleElement[]} - */ - static playerPositions = []; - static create = Create; - static click = Click; - static selected = { - /** - * @type { import('../library/index.js').Button[]} - */ - buttons: [], - /** - * @type { import('../library/index.js').Card[]} - */ - cards: [], - /** - * @type { import('../library/index.js').Player[]} - */ - targets: [] - } - static refresh(node) { - void window.getComputedStyle(node, null).getPropertyValue("opacity"); - } - static clear() { - game.addVideo('uiClear'); - var thrown = document.getElementsByClassName('thrown'); - var nodes = []; - var i; - for (i = 0; i < thrown.length; i++) { - nodes.push(thrown[i]); - } - for (i = 0; i < nodes.length; i++) { - if (!nodes[i].fixed) nodes[i].delete(); - } - } - static updatec() { - if (_status.noupdatec) return; - var length = 0, minoffset = -Infinity; - var controls = []; - var widths = []; - var leftwidths = []; - var add = function (node, first) { - var thiswidth = parseInt(node.style.width); - if (thiswidth) { - thiswidth += 8; - length += thiswidth; - if (first) { - leftwidths.push(thiswidth); - } - else { - widths.push(thiswidth); - } - } - else { - length += node.offsetWidth; - if (first) { - leftwidths.push(node.offsetWidth); - } - else { - widths.push(node.offsetWidth); - } - } - if (first) { - controls.unshift(node); - } - else { - controls.push(node); - } - } - widths = leftwidths.concat(widths); - var staylefts = []; - for (var i = 0; i < ui.control.childNodes.length; i++) { - if (ui.control.childNodes[i].classList.contains('removing')) continue; - if (lib.config.wuxie_right && ui.control.childNodes[i].stayleft) { - staylefts.push(ui.control.childNodes[i]); - } - else { - add(ui.control.childNodes[i]); - } - } - if (staylefts.length) { - var fullwidth = 0; - var fullright = (game.layout == 'long' || game.layout == 'long2' || game.chess || (game.layout != 'nova' && parseInt(ui.arena.dataset.number) <= 5)); - for (var i = 0; i < widths.length; i++) { - fullwidth += widths[i] + 6; - if (get.is.phoneLayout()) fullwidth += 6; - } - fullwidth /= 2; - var currentLeft = 0; - for (var stayleft of staylefts) { - stayleft.currentLeft = currentLeft; - fullwidth += stayleft.offsetWidth; - currentLeft += stayleft.offsetWidth; - if (get.is.phoneLayout()) { - fullwidth += 18; - currentLeft += 18; - } - else { - fullwidth += 12; - currentLeft += 12; - } - } - if (fullright) { - fullwidth += 124; - if ((game.layout == 'long2' || game.layout == 'nova') && ui.arena.dataset.number == '8' && get.mode() != 'boss') { - fullwidth += game.me.getLeft(); - } - } - else { - fullwidth += 154; - } - for (var stayleft of staylefts) { - if (game.layout != 'default') { - var current_offset = stayleft._offset; - if (fullright) { - stayleft._offset = Math.ceil(-ui.arena.offsetWidth / 2) + 135; - if ((game.layout == 'long2' || game.layout == 'nova') && ui.arena.dataset.number == '8' && get.mode() != 'boss') { - stayleft._offset += game.me.getLeft(); - } - } - else { - stayleft._offset = Math.ceil(-ui.arena.offsetWidth / 2) + 165; - } - stayleft._offset += stayleft.currentLeft; - - if (current_offset != stayleft._offset) { - stayleft.addTempClass('controlpressdownx', 500); - stayleft.style.transform = 'translateX(' + stayleft._offset + 'px)'; - } - } - else { - add(stayleft, true); - } - } - if (staylefts.length && controls.length) { - var last = staylefts[staylefts.length - 1]; - minoffset = last._offset + last.offsetWidth + (get.is.phoneLayout() ? 18 : 12); - } - } - if (!controls.length) return; - var offset = -length / 2; - if (minoffset > offset) offset = minoffset; - var control = controls.shift(); - if (control._offset != offset) { - control.addTempClass('controlpressdownx', 500); - control.style.transform = 'translateX(' + offset + 'px)'; - control._offset = offset; - } - while (controls.length) { - var control = controls.shift(); - var width = widths.shift(); - offset += width + 6; - if (get.is.phoneLayout()) { - offset += 6; - } - if (control._offset != offset) { - control.addTempClass('controlpressdownx', 500); - control.style.transform = 'translateX(' + offset + 'px)'; - control._offset = offset; - } - } - } - static updatex() { - ui.update.apply(this, arguments); - ui.updatehl(); - for (var i = 0; i < lib.onresize.length; i++) { - lib.onresize[i](); - } - var cfg = game.documentZoom / game.deviceZoom; - ui.updated(); - game.documentZoom = cfg * game.deviceZoom; - ui.updatez(); - delete ui._updatexr; - } - static updatexr() { - if (ui._updatexr) { - clearTimeout(ui._updatexr); - } - ui._updatexr = setTimeout(ui.updatex, 500); - } - static updatejm(player, nodes, start, inv) { - if (typeof start != 'number') { - start = 0; - } - var str; - if (get.is.mobileMe(player) || game.layout == 'default' || player.classList.contains('linked')) { - str = 'translateX('; - if (inv) { - str += '-'; - } - } - else { - str = 'translateY('; - } - var num = 0; - for (var i = 0; i < nodes.childElementCount; i++) { - var node = nodes.childNodes[i]; - if (i < start) { - node.style.transform = ''; - } - else if (node.classList.contains('removing')) { - start++; - } - else { - ui.refresh(node); - node.classList.remove('drawinghidden'); - node._transform = str + ((i - start) * 28) + 'px)'; - node.style.transform = node._transform; - } - } - } - static updatem(player) { - if (player) { - var start = 0; - if (!player.classList.contains('linked2') || !ui.arena.classList.contains('nolink')) { - start = 1; - } - ui.updatejm(player, player.node.marks, start, get.is.mobileMe(player)); - } - else { - for (var i = 0; i < game.players.length; i++) { - ui.updatem(game.players[i]); - } - } - } - static updatej(player) { - if (player) { - ui.updatejm(player, player.node.judges); - } - else { - for (var i = 0; i < game.players.length; i++) { - ui.updatej(game.players[i]); - } - } - } - static updatehl() { - if (!game.me) return; - if (!ui.handcards1Container || !ui.handcards2Container) return; - if (!ui.handcards1Container.childNodes.length) return; - var hs1 = [], hs2 = []; - for (var i = 0; i < ui.handcards1Container.firstChild.childElementCount; i++) { - if (!ui.handcards1Container.firstChild.childNodes[i].classList.contains('removing')) { - hs1.push(ui.handcards1Container.firstChild.childNodes[i]); - } - } - for (var i = 0; i < ui.handcards2Container.firstChild.childElementCount; i++) { - if (!ui.handcards2Container.firstChild.childNodes[i].classList.contains('removing')) { - hs2.push(ui.handcards2Container.firstChild.childNodes[i]); - } - } - var offset1, offset12 = 0; - if (!lib.config.fold_card) { - offset1 = 112; - ui.handcards1Container.classList.add('scrollh'); - } - else { - offset1 = Math.min(112, (ui.handcards1Container.offsetWidth - 128) / (hs1.length - 1)); - if (hs1.length > 1 && offset1 < 32) { - offset1 = 32; - ui.handcards1Container.classList.add('scrollh'); - } - else { - ui.handcards1Container.classList.remove('scrollh'); - } - } - if (offset1 < 100) { - offset12 = 100 - offset1; - } - for (var i = 0; i < hs1.length; i++) { - hs1[i].style.transform = 'translateX(' + (i * offset1) + 'px)'; - hs1[i]._transform = 'translateX(' + (i * offset1) + 'px)'; - ui.refresh(hs1[i]); - hs1[i].classList.remove('drawinghidden'); - if (offset12 > 40) { - offset12 = 90 - hs1[i].node.info.offsetWidth; - hs1[i].node.info.querySelector('span').style.display = 'none'; - if (hs1[i].node.name.classList.contains('long')) { - hs1[i].node.name.style.transform = 'translateY(16px) scale(0.85)'; - hs1[i].node.name.style.transformOrigin = 'top left'; - } - else { - hs1[i].node.name.style.transform = 'translateY(16px)'; - } - hs1[i].node.info.style.transform = 'translateX(-' + offset12 + 'px) translateY(-3px)'; - } - else { - hs1[i].node.info.querySelector('span').style.display = ''; - hs1[i].node.name.style.transform = ''; - hs1[i].node.name.style.transformOrigin = ''; - hs1[i].node.info.style.transform = 'translateX(-' + offset12 + 'px)'; - } - } - ui.handcards1Container.firstChild.style.width = (offset1 * (hs1.length - 1) + 118) + 'px'; - - var offset2, offset22 = 0; - if (!lib.config.fold_card) { - offset2 = 112; - ui.handcards2Container.classList.add('scrollh'); - } - else { - offset2 = Math.min(112, (ui.handcards2Container.offsetWidth - 128) / (hs2.length - 1)); - if (hs2.length > 1 && offset2 < 32) { - offset2 = 32; - ui.handcards2Container.classList.add('scrollh'); - } - else { - ui.handcards2Container.classList.remove('scrollh'); - } - } - if (offset2 < 100) { - offset22 = 100 - offset2; - } - for (var i = 0; i < hs2.length; i++) { - hs2[i].style.transform = 'translateX(' + (i * offset2) + 'px)'; - hs2[i]._transform = 'translateX(' + (i * offset2) + 'px)'; - ui.refresh(hs2[i]); - hs2[i].classList.remove('drawinghidden'); - if (offset22 > 40) { - offset22 = 90 - hs2[i].node.info.offsetWidth; - hs2[i].node.info.querySelector('span').style.display = 'none'; - if (hs2[i].node.name.classList.contains('long')) { - hs2[i].node.name.style.transform = 'translateY(16px) scale(0.85)'; - hs2[i].node.name.style.transformOrigin = 'top left'; - } - else { - hs2[i].node.name.style.transform = 'translateY(16px)'; - } - hs2[i].node.info.style.transform = 'translateX(-' + offset22 + 'px) translateY(-3px)'; - } - else { - hs2[i].node.info.querySelector('span').style.display = ''; - hs2[i].node.name.style.transform = ''; - hs2[i].node.name.style.transformOrigin = ''; - hs2[i].node.info.style.transform = 'translateX(-' + offset22 + 'px)'; - } - } - ui.handcards2Container.firstChild.style.width = (offset2 * (hs2.length - 1) + 118) + 'px'; - } - static updateh(compute) { - if (!game.me) return; - if (!ui.handcards1Container) return; - if (lib.config.low_performance) { - if (compute) { - ui.updatehl(); - setTimeout(ui.updatehl, 1000); - } - return; - } - if (compute) { - ui.handcards1Container._handcardsWidth = ui.handcards1Container.offsetWidth; - ui.handcards2Container._handcardsWidth = ui.handcards2Container.offsetWidth; - } - ui.updatehx(game.me.node.handcards1); - ui.updatehx(game.me.node.handcards2); - } - static updatehx(node) { - var width = node.parentNode._handcardsWidth; - var num = node.childElementCount - node.getElementsByClassName('removing').length; - node.classList.remove('fold0'); - node.classList.remove('fold1'); - node.classList.remove('fold2'); - node.classList.remove('fold3'); - if (num * 78 + 40 >= width) { - // node.dataset.fold=3; - node.classList.add('fold3'); - } - else if (num * 93 + 25 >= width) { - // node.dataset.fold=2; - node.classList.add('fold2'); - } - else if (num * 112 + 6 >= width) { - // node.dataset.fold=1; - node.classList.add('fold1'); - } - else { - // node.dataset.fold=0; - node.classList.add('fold0'); - } - } - static updated() { - if (document.documentElement.offsetWidth < 900 || document.documentElement.offsetHeight < 500) { - game.deviceZoom = Math.min( - Math.round(document.documentElement.offsetWidth / 98) / 10, - Math.round(document.documentElement.offsetHeight / 50) / 10 - ); - } - else { - game.deviceZoom = 1; - } - } - static updatez() { - var width = document.documentElement.offsetWidth; - var height = document.documentElement.offsetHeight; - var zoom = game.documentZoom; - if (zoom != 1) { - document.body.style.width = Math.round(width / zoom) + 'px'; - document.body.style.height = Math.round(height / zoom) + 'px'; - document.body.style.transform = 'scale(' + (Math.floor(zoom * 100) / 100) + ')'; - } - else { - document.body.style.width = width + 'px'; - document.body.style.height = height + 'px'; - document.body.style.transform = ''; - } - } - static update() { - for (var i = 0; i < ui.updates.length; i++) { - ui.updates[i](); - } - if (ui.dialog && !ui.dialog.classList.contains('noupdate')) { - if (game.chess) { - if (ui.dialog.content.scrollHeight < 240 && (!ui.dialog.buttons || !ui.dialog.buttons.length) && !ui.dialog.forcebutton) { - ui.dialog.style.height = ui.dialog.content.offsetHeight + 'px'; - ui.dialog.classList.add('slim'); - } - else { - ui.dialog.style.height = ''; - ui.dialog.classList.remove('slim'); - } - } - else { - if ((!ui.dialog.buttons || !ui.dialog.buttons.length) && !ui.dialog.forcebutton && ui.dialog.classList.contains('fullheight') == false && get.mode() != 'stone') { - ui.dialog.classList.add('nobutton'); - if (ui.dialog.content.offsetHeight < 240) { - if (!ui.dialog._heightset) { - ui.dialog._heightset = ui.dialog.style.height || true; - } - ui.dialog.style.height = ui.dialog.content.offsetHeight + 'px'; - if (lib.config.show_log != 'off') { - ui.dialog.classList.add('scroll1'); - ui.dialog.classList.add('scroll2'); - return; - } - } - else { - if (typeof ui.dialog._heightset == 'string') { - ui.dialog.style.height = ui.dialog._heightset; - } - else if (ui.dialog._heightset) { - ui.dialog.style.height = ''; - } - delete ui.dialog._heightset; - } - } - else { - if (typeof ui.dialog._heightset == 'string') { - ui.dialog.style.height = ui.dialog._heightset; - } - else if (ui.dialog._heightset) { - ui.dialog.style.height = ''; - } - delete ui.dialog._heightset; - ui.dialog.classList.remove('nobutton'); - } - } - var height1 = ui.dialog.content.offsetHeight; - var height2 = ui.dialog.contentContainer.offsetHeight; - if (game.chess) { - if (height1 < 240) { - ui.dialog.style.height = height1 + 'px'; - } - } - else { - if (!ui.dialog.forcebutton && !ui.dialog._scrollset && (height1 <= 190 || (height2 >= height1 && height2 >= 210))) { - ui.dialog.classList.remove('scroll1'); - ui.dialog.classList.remove('scroll2'); - } - else { - ui.dialog.classList.add('scroll1'); - ui.dialog.classList.add('scroll2'); - if (game.layout != 'default') { - ui.dialog.style.height = Math.min(height1, ((game.layout == 'long2' || game.layout == 'nova') && ui.arena.classList.contains('choose-character')) ? 380 : 350) + 'px'; - ui.dialog._scrollset = true; - } - } - if (game.layout == 'long2' || game.layout == 'nova') { - if (height1 + 240 >= ui.arena.offsetHeight) { - ui.dialog.classList.add('scroll3'); - } - else { - ui.dialog.classList.remove('scroll3'); - } - } - } - } - } - static recycle(node, key) { - if (!ui._recycle) ui._recycle = {}; - if (typeof node == 'string') { - return ui._recycle[node] - } - ui._recycle[key] = node; - } - /** - * @author curpond - * @author Tipx-L - * @param {number} [numberOfPlayers] - */ - static updateConnectPlayerPositions(numberOfPlayers) { - if (typeof numberOfPlayers != 'number') { - const configOL = lib.configOL; - numberOfPlayers = parseInt(configOL.player_number) || configOL.number; - } - if (!numberOfPlayers) return; - const playerPositions = ui.playerPositions; - playerPositions.forEach((position) => { - game.dynamicStyle.remove(position); - }); - playerPositions.length = 0; - const temporaryPlayer = ui.create.div('.player.connect', ui.window).hide(); - const computedStyle = getComputedStyle(temporaryPlayer); - const halfWidth = parseFloat(computedStyle.width) / 2; - const halfHeight = parseFloat(computedStyle.height) / 2; - temporaryPlayer.remove(); - const halfNumberOfPlayers = Math.round(numberOfPlayers / 2); - const upperPercentage = 100 / (halfNumberOfPlayers + 1); - const scale = 10 / numberOfPlayers; - for (let ordinal = 0; ordinal < halfNumberOfPlayers; ordinal++) { - const selector = `#window>.player.connect[data-position='${ordinal}']`; - const css = { - left: `calc(${upperPercentage * (ordinal + 1)}% - ${halfWidth}px)`, - top: `calc(${100 / 3}% - ${halfHeight}px)` - }; - if (scale < 1) - css["transform"] = `scale(${scale})`; - - game.dynamicStyle.add(selector, css); - playerPositions.push(selector); - } - const lowerPercentage = 100 / (numberOfPlayers - halfNumberOfPlayers + 1); - for (let ordinal = halfNumberOfPlayers; ordinal < numberOfPlayers; ordinal++) { - const selector = `#window>.player.connect[data-position='${ordinal}']`; - const css = { - left: `calc(${lowerPercentage * (ordinal - halfNumberOfPlayers + 1)}% - ${halfWidth}px)`, - top: `calc(${100 * 2 / 3}% - ${halfHeight}px)` - }; - if (scale < 1) - css["transform"] = `scale(${scale})`; - - game.dynamicStyle.add(selector, css); - playerPositions.push(selector); - } - } - /** - * @author curpond - * @author Tipx-L - * @param {number} [numberOfPlayers] - */ - static updatePlayerPositions(numberOfPlayers) { - if (typeof numberOfPlayers != 'number') numberOfPlayers = ui.arena.dataset.number; - //当人数不超过8人时，还是用以前的布局 - if (!numberOfPlayers || numberOfPlayers <= 8) return; - const playerPositions = ui.playerPositions; - playerPositions.forEach((position) => { - game.dynamicStyle.remove(position); - }); - playerPositions.length = 0; - //单个人物的宽度，这里要设置玩家的实际的宽度 - const temporaryPlayer = ui.create.div('.player', ui.arena).hide(); - const computedStyle = getComputedStyle(temporaryPlayer); - const scale = 6 / numberOfPlayers; - //玩家顶部距离父容器上边缘的距离偏移的单位距离 - const quarterHeight = parseFloat(computedStyle.height) / 4 * scale; - const halfWidth = parseFloat(computedStyle.width) / 2; - temporaryPlayer.remove(); - //列数，即假如8人场，除去自己后，上面7个人占7列 - const columnCount = numberOfPlayers - 1; - const percentage = 90 / (columnCount - 1); - //仅当游戏人数大于8人，且玩家的座位号大于0时，设置玩家的位置；因为0号位是game.me在最下方，无需设置 - for (let ordinal = 1; ordinal < numberOfPlayers; ordinal++) { - const reversedOrdinal = columnCount - ordinal; - //动态计算玩家的top属性，实现拱桥的效果；只让两边的各两个人向下偏移一些 - const top = Math.max(0, Math.round(numberOfPlayers / 5) - Math.min(Math.abs(ordinal - 1), Math.abs(reversedOrdinal))) * quarterHeight; - const selector = `#arena[data-number='${numberOfPlayers}']>.player[data-position='${ordinal}']`; - game.dynamicStyle.add(selector, { - left: `calc(${percentage * reversedOrdinal + 5}% - ${halfWidth}px)`, - top: `${top}px`, - transform: `scale(${scale})` - }); - playerPositions.push(selector); - } - } - static updateRoundNumber(roundNumber, cardPileNumber) { - if (ui.cardPileNumber) ui.cardPileNumber.innerHTML = `${roundNumber}轮 剩余牌: ${cardPileNumber}`; - } -}; - -export const ui = UI; +import { Uninstantable } from "../util/index.js"; +import { Library as lib } from '../library/index.js'; +import { Game as game } from "../game/index.js"; +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(lib.assetURL + dir, function (entry) { + var writeFile = function () { + if (filelist.length) { + var filename = filelist.shift(); + game.print(filename); + entry.getFile(filename, { create: true }, function (fileEntry) { + fileEntry.createWriter(function (fileWriter) { + fileWriter.onwriteend = writeFile; + fileWriter.onerror = function (e) { + game.print('Write failed: ' + e.toString()); + }; + fileWriter.write(zip.files[dir + '/' + filename].asArrayBuffer()); + }); + }); + } + else { + getDirectory(); + } + }; + writeFile(); + }); + } + else { + assetLoaded(); + } + }; + game.ensureDirectory(directoryList, getDirectory); + } + } + else { + promptnode.style.display = 'none'; + } + } + else { + alert('没有检测到素材'); + } + } + if (!window.JSZip) { + lib.init.js(lib.assetURL + 'game', 'jszip', loadData); + } + else { + loadData(); + } + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + } + } + + var dashboard = ui.create.div(pageboard); + var clickDash = function () { + ui.create.templayer(); + pageboard.hide(); + this.link.show(); + if (this.link.init) { + this.link.init(); + } + }; + var createDash = function (str1, str2, node) { + var dash = ui.create.div('.menubutton.large.dashboard'); + dashboard.appendChild(dash); + page.appendChild(node); + dash.link = node; + node.link = dash; + dash.listen(clickDash); + lib.setScroll(node); + ui.create.div('', str1, dash); + ui.create.div('', str2, dash); + }; + var createDash2 = function (str1, str2, path, page) { + var dash = ui.create.div('.menubutton.large.dashboard.dashboard2'); + page.appendChild(dash); + dash.listen(function () { + page.path = path; + enterDirectory(page, path); + }); + ui.create.div('', str1, dash); + ui.create.div('', str2, dash); + }; + var removeFile = function (selected, page) { + if (lib.node && lib.node.fs) { + var unlink = function () { + if (selected.length) { + lib.node.fs.unlink(__dirname + '/' + selected.shift().path, unlink); + } + else { + enterDirectory(page, page.currentpath); + } + } + unlink(); + } + else { + window.resolveLocalFileSystemURL(lib.assetURL + page.currentpath, function (entry) { + var unlink = function () { + if (selected.length) { + entry.getFile(selected.shift().filename, { create: false }, function (fileEntry) { + fileEntry.remove(unlink); + }); + } + else { + enterDirectory(page, page.currentpath); + } + } + unlink(); + }); + } + }; + var clickDirectory = function () { + if (_status.dragged) return; + var page = this.parentNode.parentNode.parentNode; + if (page.deletebutton.classList.contains('active')) { + if (confirm('确认删除' + this.innerHTML + '文件夹？（此操作不可撤销）')) { + if (lib.node && lib.node.fs) { + try { + var removeDirectory = function (path, callback) { + lib.node.fs.readdir(__dirname + '/' + path, function (err, list) { + if (err) { + console.log(err); + return; + } + var removeFile = function () { + if (list.length) { + var filename = list.shift(); + var url = __dirname + '/' + path + '/' + filename; + if (lib.node.fs.statSync(url).isDirectory()) { + removeDirectory(path + '/' + filename, removeFile); + } + else { + lib.node.fs.unlink(url, removeFile); + } + } + else { + lib.node.fs.rmdir(__dirname + '/' + path, callback); + } + } + removeFile(); + }); + }; + removeDirectory(this.path, function () { + enterDirectory(page, page.currentpath); + }); + } + catch (e) { + console.log(e); + } + } + else { + window.resolveLocalFileSystemURL(lib.assetURL + this.path, function (entry) { + entry.removeRecursively(function () { + enterDirectory(page, page.currentpath); + }); + }); + } + } + return; + } + enterDirectory(page, this.path); + }; + var clickFile = function () { + if (_status.dragged) return; + var page = this.parentNode.parentNode.parentNode; + if (page.deletebutton.classList.contains('active')) { + if (confirm('确认删除' + this.innerHTML + '？（此操作不可撤销）')) { + removeFile([this], page); + } + return; + } + this.classList.toggle('thundertext'); + page.clicked = true; + if (this.ext == 'jpg' || this.ext == 'png') { + if (this.classList.contains('thundertext')) { + if (!this.previewnode) { + this.previewnode = document.createElement('img'); + this.previewnode.src = lib.assetURL + this.path; + this.previewnode.width = '60'; + this.previewnode.style.maxHeight = '120px'; + this.parentNode.appendChild(this.previewnode); + } + } + else { + if (this.previewnode) { + this.previewnode.remove(); + delete this.previewnode; + } + } + } + else if (this.ext == 'mp3' || this.ext == 'ogg') { + if (this.classList.contains('thundertext')) { + if (!this.previewnode) { + this.previewnode = game.playAudio(this.path.slice(6)); + } + } + else { + if (this.previewnode) { + this.previewnode.remove(); + delete this.previewnode; + } + } + } + }; + var clickFileList = function () { + if (!this.parentNode) return; + if (this.parentNode.clicked) { + this.parentNode.clicked = false; + } + else { + var selected = Array.from(this.querySelectorAll('span.thundertext')); + for (var i = 0; i < selected.length; i++) { + selected[i].classList.remove('thundertext'); + if (selected[i].previewnode) { + selected[i].previewnode.remove(); + delete selected[i].previewnode; + } + } + } + }; + var enterDirectory = function (page, path) { + page.innerHTML = ''; + page.currentpath = path; + var backbutton = ui.create.div('.menubutton.round', '返', page, function () { + page.clicked = false; + clickFileList.call(filelist); + if (page.path == path) { + page.reset(); + } + else { + if (path.indexOf('/') == -1) { + enterDirectory(page, ''); + } + else { + enterDirectory(page, path.slice(0, path.lastIndexOf('/'))); + } + } + }); + backbutton.style.zIndex = 1; + backbutton.style.right = '10px'; + backbutton.style.bottom = '15px'; + + + var refresh = function () { + enterDirectory(page, path); + }; + var addbutton = ui.create.div('.menubutton.round', '添', page, function () { + var pos1 = this.getBoundingClientRect(); + var pos2 = ui.window.getBoundingClientRect(); + openMenu(this.menu, { + clientX: pos1.left + pos1.width + 5 - pos2.left, + clientY: pos1.top - pos2.top + }); + }); + addbutton.menu = ui.create.div('.menu'); + ui.create.div('', '添加文件', addbutton.menu, function () { + popupContainer.noclose = true; + }); + var createDir = function (str) { + if (lib.node && lib.node.fs) { + lib.node.fs.mkdir(__dirname + '/' + path + '/' + str, refresh); + } + else { + window.resolveLocalFileSystemURL(lib.assetURL + path, function (entry) { + entry.getDirectory(str, { create: true }, refresh); + }); + } + }; + ui.create.div('', '添加目录', addbutton.menu, function () { + ui.create.templayer(); + game.prompt('输入目录名称', function (str) { + if (str) { + createDir(str); + } + }); + }); + var input = document.createElement('input'); + input.className = 'fileinput'; + input.type = 'file'; + input.onchange = function () { + var fileToLoad = input.files[0]; + game.print(fileToLoad.name); + if (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (e) { + game.writeFile(e.target.result, path, fileToLoad.name, refresh); + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + } + }; + addbutton.menu.firstChild.appendChild(input); + addbutton.style.zIndex = 1; + addbutton.style.right = '10px'; + addbutton.style.bottom = '80px'; + + var deletebutton = ui.create.div('.menubutton.round', '删', page, function () { + if (!this.parentNode) return; + if (!this.classList.contains('active')) { + var selected = Array.from(filelist.querySelectorAll('span.thundertext')); + if (selected.length) { + if (confirm('一共要删除' + selected.length + '个文件，此操作不可撤销，是否确定？')) { + removeFile(selected, page); + } + } + else { + this.classList.add('active'); + } + } + else { + this.classList.remove('active'); + } + }); + deletebutton.style.zIndex = 1; + deletebutton.style.right = '10px'; + deletebutton.style.bottom = '145px'; + + page.backbutton = backbutton; + page.addbutton = addbutton; + page.deletebutton = deletebutton; + var filelist = ui.create.div(page); + filelist.classList.add('file-container'); + filelist.listen(clickFileList); + lib.setScroll(filelist); + game.getFileList(path, function (folders, files) { + var sort = function (a, b) { + if (a > b) return 1; + if (a < b) return -1; + return 0; + } + folders.sort(sort); + files.sort(sort); + var parent = path; + if (parent) { + parent += '/'; + } + for (var i = 0; i < folders.length; i++) { + if (!page.path && folders[i] == 'app') continue; + var entry = ui.create.div('', '' + folders[i], filelist); + entry.firstChild.addEventListener(lib.config.touchscreen ? 'touchend' : 'click', clickDirectory); + entry.firstChild.path = parent + folders[i] + } + for (var i = 0; i < files.length; i++) { + if (!page.path) { + if (files[i] == 'app.html') continue; + if (files[i] == 'main.js') continue; + if (files[i] == 'package.json') continue; + } + var entry = ui.create.div('', '' + files[i], filelist); + entry.firstChild.addEventListener(lib.config.touchscreen ? 'touchend' : 'click', clickFile); + entry.firstChild.ext = files[i].slice(files[i].lastIndexOf('.') + 1); + entry.firstChild.path = parent + files[i]; + entry.firstChild.filename = files[i]; + } + }); + }; + var dash1 = (function () { + var page = ui.create.div('.hidden.menu-buttons'); + page.reset = function () { + page.innerHTML = ''; + var backbutton = ui.create.div('.menubutton.round', '返', page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + backbutton.style.zIndex = 1; + backbutton.style.right = '10px'; + backbutton.style.bottom = '15px'; + var placeholder = ui.create.div('.placeholder', page); + placeholder.style.position = 'relative'; + placeholder.style.display = 'block'; + placeholder.style.width = '100%'; + placeholder.style.height = '14px'; + createDash2('将', '武将图片', 'image/character', page); + createDash2('肤', '皮肤图片', 'image/skin', page); + createDash2('卡', '卡牌图片', 'image/card', page); + createDash2('模', '模式图片', 'image/mode', page); + createDash2('始', '开始图片', 'image/splash', page); + createDash2('景', '背景图片', 'image/background', page); + }; + page.reset(); + return page; + }()); + var dash2 = (function () { + var page = ui.create.div('.hidden.menu-buttons'); + page.reset = function () { + page.innerHTML = ''; + var backbutton = ui.create.div('.menubutton.round', '返', page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + backbutton.style.zIndex = 1; + backbutton.style.right = '10px'; + backbutton.style.bottom = '15px'; + var placeholder = ui.create.div('.placeholder', page); + placeholder.style.position = 'relative'; + placeholder.style.display = 'block'; + placeholder.style.width = '100%'; + placeholder.style.height = '14px'; + createDash2('技', '技能配音', 'audio/skill', page); + createDash2('卡', '男性卡牌', 'audio/card/male', page); + createDash2('牌', '女性卡牌', 'audio/card/female', page); + createDash2('亡', '阵亡配音', 'audio/die', page); + createDash2('效', '游戏音效', 'audio/effect', page); + createDash2('景', '背景音乐', 'audio/background', page); + }; + page.reset(); + return page; + }()); + var dash3 = (function () { + var page = ui.create.div('.hidden.menu-buttons'); + page.path = 'font'; + page.reset = function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }; + page.init = function () { + enterDirectory(page, 'font'); + }; + return page; + }()); + var dash4 = (function () { + var page = ui.create.div('.hidden.menu-buttons'); + page.path = ''; + page.reset = function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }; + page.init = function () { + enterDirectory(page, ''); + }; + return page; + }()); + createDash('图', '图片文件', dash1); + createDash('音', '音频文件', dash2); + createDash('字', '字体文件', dash3); + createDash('全', '全部文件', dash4); + }; + if (!get.config('menu_loadondemand')) node._initLink(); + }()); + createModeConfig('others', start.firstChild); + + var active = start.firstChild.querySelector('.active'); + if (!active) { + active = start.firstChild.firstChild; + active.classList.add('active'); + } + if (!active.link) active._initLink(); + rightPane.appendChild(active.link); + }()); + + (function () { + var start = menuxpages.shift(); + var rightPane = start.lastChild; + + var clickMode = function () { + var active = this.parentNode.querySelector('.active'); + if (active) { + if (active === this) { + return; + } + active.classList.remove('active'); + active.link.remove(); + } + this.classList.add('active'); + updateActive(this); + if (this.link) rightPane.appendChild(this.link); + else { + this._initLink(); + rightPane.appendChild(this.link); + } + }; + updateActive = function (node) { + if (!node) { + node = start.firstChild.querySelector('.active'); + if (!node) { + return; + } + } + if (!node.link) { + node._initLink(); + } + for (var i = 0; i < node.link.childElementCount; i++) { + if (node.link.childNodes[i].updateBanned) { + node.link.childNodes[i].updateBanned(); + } + } + }; + var updateNodes = function () { + for (var i = 0; i < start.firstChild.childNodes.length; i++) { + var node = start.firstChild.childNodes[i]; + if (node.mode) { + if (node.mode.startsWith('mode_')) continue; + if (node.mode == 'custom') continue; + if (connectMenu) { + if (!lib.config.connect_characters.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; + }; + for (var i in lib.extensionMenu) { + 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 () => { + 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(lib.assetURL + 'extension/' + name, function (entry) { + entry.getFile(file, {}, function (fileEntry) { + fileEntry.file(function (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (e) { + page.content.image[file] = e.target.result; + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }); + }); + }); + } + else { + loadImage(file, url); + } + } + else game.getDB('image', `extension-${name}:${file}`).then(value => { + createButton(i, value); + loadImage(file, value); + }); + } + } + else { + page.content = { + pack: { + character: {}, + translate: {} + }, + image: {}, + audio: {} + }; + toggle.classList.add('on'); + newCharacter.style.display = ''; + } + }; + ui.create.div('.config.more', '←返回', page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + page.content = { + pack: { + character: {}, + translate: {} + }, + image: {}, + audio: {} + }; + var newCharacter; + var toggle = ui.create.div('.config.more.on', '创建武将>', page, function () { + this.classList.toggle('on'); + if (this.classList.contains('on')) { + newCharacter.style.display = ''; + } + else { + newCharacter.style.display = 'none'; + } + }); + var resetEditor = function () { + currentButton = null; + toggle.classList.remove('on'); + newCharacter.style.display = 'none'; + fakeme.classList.remove('inited'); + delete fakeme.image; + delete fakeme.image64; + fakeme.style.backgroundImage = ''; + var inputs = newCharacter.querySelectorAll('input'); + for (var i = 0; i < inputs.length; i++) { + inputs[i].value = ''; + } + inputs = newCharacter.querySelectorAll('textarea'); + for (var i = 0; i < inputs.length; i++) { + inputs[i].value = ''; + } + skillList.firstChild.innerHTML = ''; + toggle.innerHTML = '创建武将>'; + editnode.innerHTML = '创建武将'; + editnode.classList.add('disabled'); + delnode.innerHTML = '取消'; + delete delnode.button; + } + + newCharacter = ui.create.div('.new_character', page); + var fakeme = ui.create.div('.avatar', newCharacter); + + var input = document.createElement('input'); + input.type = 'file'; + input.accept = 'image/*'; + input.className = 'fileinput'; + input.onchange = function () { + var fileToLoad = input.files[0]; + if (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + fakeme.style.backgroundImage = 'url(' + data + ')'; + fakeme.image64 = data; + fakeme.classList.add('inited'); + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + fakeme.image = fileLoadedEvent.target.result; + updateButton(); + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }; + fileReader.readAsDataURL(fileToLoad, "UTF-8"); + } + } + fakeme.appendChild(input); + + ui.create.div('.select_avatar', '选择头像', fakeme); + + ui.create.div('.indent', '姓名：', newCharacter).style.paddingTop = '8px'; + ui.create.div('.indent', '介绍：', newCharacter).style.paddingTop = '8px'; + ui.create.div('.indent', '体力：', newCharacter).style.paddingTop = '8px'; + newCharacter.querySelector('input.new_name').onblur = updateButton; + var sexes = ui.create.selectlist([ + ['male', '男'], + ['female', '女'], + ['double', '双性'], + ['none', '无'] + ], null, ui.create.div('.indent', '性别：', newCharacter)); + var grouplist = lib.group.map((group, i) => [lib.group[i], get.translation(lib.group[i])]); + var groups = ui.create.selectlist(grouplist, null, ui.create.div('.indent', '势力：', newCharacter)); + var dieaudio = ui.create.div('.die_audio', newCharacter, { textAlign: 'left' }); + var dieaudiolabel = ui.create.node('label', '阵亡配音:', dieaudio); + var dieaudioUpload = dieaudio.appendChild(document.createElement('input')); + dieaudioUpload.type = 'file'; + dieaudioUpload.accept = 'audio/*'; + dieaudioUpload.style.width = 'calc(100% - 100px)'; + dieaudioUpload.onchange = function () { + var fileToLoad = dieaudioUpload.files[0]; + if (fileToLoad) { + console.log(fileToLoad); + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + var blob = new Blob([data]); + dieaudio.file = fileToLoad; + dieaudio.arrayBuffer = data; + dieaudio.blob = blob; + var new_name = newCharacter.querySelector('input.new_name'); + dieaudioUpload.style.display = 'none'; + dieaudiopreview.style.display = + dieaudiocancel.style.display = ''; + dieaudiotag.src = window.URL.createObjectURL(blob); + }; + fileReader.readAsArrayBuffer(fileToLoad); + } + }; + var dieaudiotag = ui.create.node('audio', dieaudio); + var dieaudiopreview = ui.create.node('button', dieaudio, () => { + if (dieaudiotag.error) { + alert('您使用的客户端不支持预览此音频！') + } else dieaudiotag.play(); + }); + dieaudiopreview.innerHTML = '播放'; + dieaudiopreview.style.display = 'none'; + var dieaudiocancel = ui.create.node('button', dieaudio, () => { + dieaudiopreview.style.display = 'none'; + dieaudiocancel.style.display = 'none'; + if (dieaudio.blob) { + window.URL.revokeObjectURL(dieaudio.blob); + dieaudiotag.src = null; + delete dieaudio.file; + delete dieaudio.arrayBuffer; + delete dieaudio.blob; + } + dieaudioUpload.value = ''; + dieaudioUpload.style.display = ''; + }); + dieaudiocancel.innerHTML = '取消'; + dieaudiocancel.style.display = 'none'; + var options = ui.create.div('.add_skill.options', '主公BOSS仅点将可用
隐匿技
', newCharacter); + var addSkill = ui.create.div('.add_skill', '添加技能
', newCharacter); + var list = []; + for (var i in lib.character) { + if (lib.character[i][3].length) { + list.push([i, lib.translate[i]]); + } + } + list.sort(function (a, b) { + a = a[0]; b = b[0]; + var aa = a, bb = b; + if (aa.includes('_')) { + aa = aa.slice(aa.indexOf('_') + 1); + } + if (bb.includes('_')) { + bb = bb.slice(bb.indexOf('_') + 1); + } + if (aa != bb) { + return aa > bb ? 1 : -1; + } + return a > b ? 1 : -1; + }); + var list2 = []; + var skills = lib.character[list[0][0]][3]; + for (var i = 0; i < skills.length; i++) { + list2.push([skills[i], lib.translate[skills[i]]]); + } + list.unshift(['current_extension', '此扩展']); + + var selectname = ui.create.selectlist(list, list[1], addSkill); + page.selectname = selectname; + selectname.onchange = function () { + skillopt.innerHTML = ''; + if (this.value == 'current_extension') { + for (var i in dash3.content.pack.skill) { + var option = document.createElement('option'); + option.value = i; + option.innerHTML = dash3.content.pack.translate[i]; + skillopt.appendChild(option); + } + } + else { + var skills = lib.character[this.value][3]; + for (var i = 0; i < skills.length; i++) { + var option = document.createElement('option'); + option.value = skills[i]; + option.innerHTML = lib.translate[skills[i]]; + skillopt.appendChild(option); + } + } + }; + selectname.style.maxWidth = '85px'; + var skillopt = ui.create.selectlist(list2, list2[0], addSkill); + skillopt.style.maxWidth = '60px'; + page.skillopt = skillopt; + var addSkillButton = document.createElement('button'); + addSkillButton.innerHTML = '添加'; + addSkill.appendChild(addSkillButton); + page.addSkillButton = addSkillButton; + var deletenode = function () { + this.remove(); + } + addSkillButton.onclick = function () { + for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { + if (skillList.firstChild.childNodes[i].skill == skillopt.value) return alert(selectname.value == 'current_extension' ? '此扩展还未添加技能' : '此武将没有技能可添加'); + } + //无技能时 + if (!skillopt.value || skillopt.childElementCount == 0) return; + var node = document.createElement('button'); + node.skill = skillopt.value; + node.onclick = deletenode; + for (var i = 0; i < skillopt.childElementCount; i++) { + if (skillopt.childNodes[i].value == skillopt.value) { + node.innerHTML = skillopt.childNodes[i].innerHTML; break; + } + } + skillList.firstChild.appendChild(node); + }; + var createSkillButton = document.createElement('button'); + createSkillButton.innerHTML = '创建'; + createSkillButton.style.marginLeft = '3px'; + addSkill.appendChild(createSkillButton); + createSkillButton.onclick = function () { + ui.create.templayer(); + page.hide(); + dash3.show(); + dash3.fromchar = 'add'; + dash3.toggle.classList.add('on'); + dash3.newSkill.style.display = ''; + }; + page.updateSkill = function () { + for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { + var node = skillList.firstChild.childNodes[i]; + var skill = skillList.firstChild.childNodes[i].skill; + if (dash3.content.pack.skill[skill]) { + node.innerHTML = dash3.content.pack.translate[skill]; + } + else if (lib.skill[skill]) { + node.innerHTML = lib.translate[skill]; + } + else { + node.remove(); i--; + } + } + }; + var skillList = ui.create.div('.skill_list', newCharacter); + ui.create.div(skillList); + var editnode = ui.create.div('.menubutton.large.disabled', '创建武将', ui.create.div(skillList), function () { + var name = page.querySelector('input.new_name').value; + if (!name) { + alert('请填写武将名\n提示：武将名格式为id+|+中文名，其中id必须惟一'); + return; + } + name = name.split('|'); + var translate = name[1] || name[0]; + name = name[0]; + if (currentButton) { + if (currentButton.link != name) { + if (lib.character[name] || page.content.pack.character[name]) { + alert('武将名与现有武将重复，请更改\n提示：武将名格式为id+|+中文名，其中id必须惟一'); + return; + } + page.content.image[name + '.jpg'] = page.content.image[currentButton.link + '.jpg']; + delete page.content.image[currentButton.link + '.jpg']; + delete page.content.pack.character[currentButton.link]; + delete page.content.pack.translate[currentButton.link]; + currentButton.link = name; + } + } + else { + if (lib.character[name] || page.content.pack.character[name]) { + alert('武将名与现有武将重复，请更改\n提示：武将名格式为id+|+中文名，其中id必须惟一'); + return; + } + } + if (fakeme.image) { + page.content.image[name + '.jpg'] = fakeme.image; + } + else { + if (!page.content.image[name + '.jpg']) { + alert('请选择武将头像'); + return; + } + } + var hp = page.querySelector('input.new_hp').value; + //体力支持‘Infinity,∞,无限’表示无限 + if (['Infinity', '∞', '无限'].includes(hp)) hp = Infinity; + else if (hp.indexOf('/') == -1) hp = parseInt(hp) || 1; + var skills = []; + for (var i = 0; i < skillList.firstChild.childNodes.length; i++) { + skills.add(skillList.firstChild.childNodes[i].skill); + } + var tags = []; + for (var i = 0; i < options.childNodes.length - 1; i++) { + if (options.childNodes[i].lastChild && options.childNodes[i].lastChild.checked) { + tags.push(options.childNodes[i].lastChild.name); + } + } + if (tags.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(lib.assetURL + 'extension/' + name, function (entry) { + entry.getFile(file, {}, function (fileEntry) { + fileEntry.file(function (fileToLoad) { + var fileReader = new FileReader(); + fileReader.onload = function (e) { + page.content.image[file] = e.target.result; + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }); + }); + }); + } + else { + loadImage(file, url); + } + } + else game.getDB('image', `extension-${name}:${file}`).then(value => { + createButton(i, value, fullskin); + loadImage(file, value); + }); + } + } + else { + page.content = { + pack: { + card: {}, + translate: {} + }, + image: {} + }; + toggle.classList.add('on'); + newCard.style.display = ''; + } + updatePile(); + }; + ui.create.div('.config.more.margin-bottom', '←返回', page, function () { + ui.create.templayer(); + page.hide(); + pageboard.show(); + }); + page.content = { + pack: { + card: {}, + translate: {}, + list: [] + }, + image: {} + }; + var newCard; + var toggle = ui.create.div('.config.more.on', '创建卡牌>', page, function () { + this.classList.toggle('on'); + if (this.classList.contains('on')) { + newCard.style.display = ''; + } + else { + newCard.style.display = 'none'; + } + }); + var resetEditor = function () { + currentButton = null; + toggle.classList.remove('on'); + newCard.style.display = 'none'; + fakeme.classList.remove('inited'); + fakeme.classList.add('fullskin'); + delete fakeme.image; + delete fakeme.image64; + fakeme.style.backgroundImage = ''; + fakeme.imagenode.style.backgroundImage = ''; + var inputs = newCard.querySelectorAll('input'); + for (var i = 0; i < inputs.length; i++) { + inputs[i].value = ''; + } + toggle.innerHTML = '创建卡牌>'; + editnode.innerHTML = '创建卡牌'; + editnode.classList.add('disabled'); + delnode.innerHTML = '取消'; + delete delnode.button; + container.code = 'card={\n \n}\n\n/*\n示例：\ncard={\n type:"basic",\n enable:true,\n filterTarget:true,\n content:function(){\n target.draw()\n },\n ai:{\n order:1,\n result:{\n target:1\n }\n }\n}\n此例的效果为目标摸一张牌\n导出时本段代码中的换行、缩进以及注释将被清除\n*/'; + } + + newCard = ui.create.div('.new_character', page); + newCard.style.height = '173px'; + var fakeme = ui.create.div('.card.fullskin', newCard); + + var input = document.createElement('input'); + input.type = 'file'; + input.accept = 'image/*'; + input.className = 'fileinput'; + input.onchange = function () { + var fileToLoad = input.files[0]; + if (fileToLoad) { + var fileReader = new FileReader(); + var fullimage = (fileToLoad.name.includes('.jpg')); + fileReader.onload = function (fileLoadedEvent) { + var data = fileLoadedEvent.target.result; + if (fullimage) { + fakeme.imagenode.style.backgroundImage = ''; + fakeme.style.backgroundImage = 'url(' + data + ')'; + fakeme.classList.remove('fullskin'); + } + else { + fakeme.style.backgroundImage = ''; + fakeme.imagenode.style.backgroundImage = 'url(' + data + ')'; + fakeme.classList.add('fullskin'); + } + fakeme.image64 = data; + fakeme.classList.add('inited'); + var fileReader = new FileReader(); + fileReader.onload = function (fileLoadedEvent) { + fakeme.image = fileLoadedEvent.target.result; + updateButton(); + }; + fileReader.readAsArrayBuffer(fileToLoad, "UTF-8"); + }; + fileReader.readAsDataURL(fileToLoad, "UTF-8"); + } + } + fakeme.appendChild(input); + + fakeme.imagenode = ui.create.div('.image', fakeme); + ui.create.div('.name', '选择背景', fakeme); + + ui.create.div('.indent', '名称：', newCard).style.paddingTop = '8px'; + ui.create.div('.indent', '描述：', newCard).style.paddingTop = '6px'; + newCard.querySelector('input.new_name').onblur = updateButton; + var codeButton = document.createElement('button'); + newCard.appendChild(codeButton); + codeButton.innerHTML = '编辑代码'; + codeButton.style.left = '123px'; + codeButton.style.top = '66px'; + codeButton.style.position = 'absolute'; + + var citeButton = document.createElement('button'); + newCard.appendChild(citeButton); + citeButton.innerHTML = '引用代码'; + citeButton.style.left = '123px'; + citeButton.style.top = '90px'; + citeButton.style.position = 'absolute'; + citeButton.onclick = function () { + codeButton.style.display = 'none'; + citeButton.style.display = 'none'; + selectname.style.display = ''; + confirmcontainer.style.display = ''; + } + + var list = []; + for (var i in lib.card) { + if (lib.translate[i]) { + list.push([i, lib.translate[i]]); + } + } + list.sort(function (a, b) { + a = a[0]; b = b[0]; + var aa = a, bb = b; + if (aa.includes('_')) { + aa = aa.slice(aa.indexOf('_') + 1); + } + if (bb.includes('_')) { + bb = bb.slice(bb.indexOf('_') + 1); + } + if (aa != bb) { + return aa > bb ? 1 : -1; + } + return a > b ? 1 : -1; + }); + var selectname = ui.create.selectlist(list, list[0], newCard); + selectname.style.left = '123px'; + selectname.style.top = '66px'; + selectname.style.position = 'absolute'; + selectname.style.display = 'none'; + + var confirmcontainer = ui.create.div(newCard); + confirmcontainer.style.left = '123px'; + confirmcontainer.style.top = '90px'; + confirmcontainer.style.position = 'absolute'; + confirmcontainer.style.display = 'none'; + + var citeconfirm = document.createElement('button'); + citeconfirm.innerHTML = '引用'; + confirmcontainer.appendChild(citeconfirm); + citeconfirm.onclick = function () { + codeButton.style.display = ''; + citeButton.style.display = ''; + selectname.style.display = 'none'; + confirmcontainer.style.display = 'none'; + container.code = 'card=' + get.stringify(lib.card[selectname.value]); + codeButton.onclick.call(codeButton); + if (lib.translate[selectname.value + '_info']) { + newCard.querySelector('input.new_description').value = lib.translate[selectname.value + '_info']; + } + } + + var citecancel = document.createElement('button'); + citecancel.innerHTML = '取消'; + citecancel.style.marginLeft = '3px'; + confirmcontainer.appendChild(citecancel); + citecancel.onclick = function () { + codeButton.style.display = ''; + citeButton.style.display = ''; + selectname.style.display = 'none'; + confirmcontainer.style.display = 'none'; + } + + codeButton.onclick = function () { + var node = container; + ui.window.classList.add('shortcutpaused'); + ui.window.classList.add('systempaused'); + window.saveNonameInput = saveInput; + if (node.aced) { + ui.window.appendChild(node); + node.editor.setValue(node.code, 1); + } + else if (lib.device == 'ios') { + ui.window.appendChild(node); + if (!node.textarea) { + var textarea = document.createElement('textarea'); + editor.appendChild(textarea); + node.textarea = textarea; + lib.setScroll(textarea); + } + node.textarea.value = node.code; + } + else { + if (!window.CodeMirror) { + 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
- 列表2-条目1
- 列表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, 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
- 列表2-条目1
- 列表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 ``; + } 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 + '${parse(arg)}
${msg}
'; + 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托管中...', 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; + 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('
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'); + if (info.longprompt) { + event.skillDialog.forcebutton = true; + ui.update(); + } + } + else if (info.promptfunc) { + event.skillDialog = ui.create.dialog(str, '' + str2 + ''); + } + else if (lib.dynamicTranslate[skill]) { + event.skillDialog = ui.create.dialog(str, '' + info.promptfunc(event, event.player) + ''); + } + else if (lib.translate[skill + '_info']) { + event.skillDialog = ui.create.dialog(str, '' + lib.dynamicTranslate[skill](event.player, skill) + ''); + } + } + } + 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 + '' + '' + lib.translate[skill + '_info'] + '
' + 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; + (function play() { + if (!skillnode.audioList || !skillnode.audioList.length) { + skillnode.audioList = game.parseSkillAudio(skillnode.link, playername); + if (!skillnode.audioList.length) return; + } + audio = skillnode.audioList.shift(); + 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; + (function play() { + if (!skillnode.audioList || !skillnode.audioList.length) { + skillnode.audioList = game.parseSkillAudio(skillnode.link, playername); + if (!skillnode.audioList.length) return; + } + audio = skillnode.audioList.shift(); + 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; + } + +} + +export class UI extends Uninstantable { + static updates = []; + static thrown = []; + static touchlines = []; + static todiscard = {}; + /** + * @type {HTMLStyleElement[]} + */ + static playerPositions = []; + static create = Create; + static click = Click; + static selected = { + /** + * @type { import('../library/index.js').Button[]} + */ + buttons: [], + /** + * @type { import('../library/index.js').Card[]} + */ + cards: [], + /** + * @type { import('../library/index.js').Player[]} + */ + targets: [] + } + static refresh(node) { + void window.getComputedStyle(node, null).getPropertyValue("opacity"); + } + static clear() { + game.addVideo('uiClear'); + var thrown = document.getElementsByClassName('thrown'); + var nodes = []; + var i; + for (i = 0; i < thrown.length; i++) { + nodes.push(thrown[i]); + } + for (i = 0; i < nodes.length; i++) { + if (!nodes[i].fixed) nodes[i].delete(); + } + } + static updatec() { + if (_status.noupdatec) return; + var length = 0, minoffset = -Infinity; + var controls = []; + var widths = []; + var leftwidths = []; + var add = function (node, first) { + var thiswidth = parseInt(node.style.width); + if (thiswidth) { + thiswidth += 8; + length += thiswidth; + if (first) { + leftwidths.push(thiswidth); + } + else { + widths.push(thiswidth); + } + } + else { + length += node.offsetWidth; + if (first) { + leftwidths.push(node.offsetWidth); + } + else { + widths.push(node.offsetWidth); + } + } + if (first) { + controls.unshift(node); + } + else { + controls.push(node); + } + } + widths = leftwidths.concat(widths); + var staylefts = []; + for (var i = 0; i < ui.control.childNodes.length; i++) { + if (ui.control.childNodes[i].classList.contains('removing')) continue; + if (lib.config.wuxie_right && ui.control.childNodes[i].stayleft) { + staylefts.push(ui.control.childNodes[i]); + } + else { + add(ui.control.childNodes[i]); + } + } + if (staylefts.length) { + var fullwidth = 0; + var fullright = (game.layout == 'long' || game.layout == 'long2' || game.chess || (game.layout != 'nova' && parseInt(ui.arena.dataset.number) <= 5)); + for (var i = 0; i < widths.length; i++) { + fullwidth += widths[i] + 6; + if (get.is.phoneLayout()) fullwidth += 6; + } + fullwidth /= 2; + var currentLeft = 0; + for (var stayleft of staylefts) { + stayleft.currentLeft = currentLeft; + fullwidth += stayleft.offsetWidth; + currentLeft += stayleft.offsetWidth; + if (get.is.phoneLayout()) { + fullwidth += 18; + currentLeft += 18; + } + else { + fullwidth += 12; + currentLeft += 12; + } + } + if (fullright) { + fullwidth += 124; + if ((game.layout == 'long2' || game.layout == 'nova') && ui.arena.dataset.number == '8' && get.mode() != 'boss') { + fullwidth += game.me.getLeft(); + } + } + else { + fullwidth += 154; + } + for (var stayleft of staylefts) { + if (game.layout != 'default') { + var current_offset = stayleft._offset; + if (fullright) { + stayleft._offset = Math.ceil(-ui.arena.offsetWidth / 2) + 135; + if ((game.layout == 'long2' || game.layout == 'nova') && ui.arena.dataset.number == '8' && get.mode() != 'boss') { + stayleft._offset += game.me.getLeft(); + } + } + else { + stayleft._offset = Math.ceil(-ui.arena.offsetWidth / 2) + 165; + } + stayleft._offset += stayleft.currentLeft; + + if (current_offset != stayleft._offset) { + stayleft.addTempClass('controlpressdownx', 500); + stayleft.style.transform = 'translateX(' + stayleft._offset + 'px)'; + } + } + else { + add(stayleft, true); + } + } + if (staylefts.length && controls.length) { + var last = staylefts[staylefts.length - 1]; + minoffset = last._offset + last.offsetWidth + (get.is.phoneLayout() ? 18 : 12); + } + } + if (!controls.length) return; + var offset = -length / 2; + if (minoffset > offset) offset = minoffset; + var control = controls.shift(); + if (control._offset != offset) { + control.addTempClass('controlpressdownx', 500); + control.style.transform = 'translateX(' + offset + 'px)'; + control._offset = offset; + } + while (controls.length) { + var control = controls.shift(); + var width = widths.shift(); + offset += width + 6; + if (get.is.phoneLayout()) { + offset += 6; + } + if (control._offset != offset) { + control.addTempClass('controlpressdownx', 500); + control.style.transform = 'translateX(' + offset + 'px)'; + control._offset = offset; + } + } + } + static updatex() { + ui.update.apply(this, arguments); + ui.updatehl(); + for (var i = 0; i < lib.onresize.length; i++) { + lib.onresize[i](); + } + var cfg = game.documentZoom / game.deviceZoom; + ui.updated(); + game.documentZoom = cfg * game.deviceZoom; + ui.updatez(); + delete ui._updatexr; + } + static updatexr() { + if (ui._updatexr) { + clearTimeout(ui._updatexr); + } + ui._updatexr = setTimeout(ui.updatex, 500); + } + static updatejm(player, nodes, start, inv) { + if (typeof start != 'number') { + start = 0; + } + var str; + if (get.is.mobileMe(player) || game.layout == 'default' || player.classList.contains('linked')) { + str = 'translateX('; + if (inv) { + str += '-'; + } + } + else { + str = 'translateY('; + } + var num = 0; + for (var i = 0; i < nodes.childElementCount; i++) { + var node = nodes.childNodes[i]; + if (i < start) { + node.style.transform = ''; + } + else if (node.classList.contains('removing')) { + start++; + } + else { + ui.refresh(node); + node.classList.remove('drawinghidden'); + node._transform = str + ((i - start) * 28) + 'px)'; + node.style.transform = node._transform; + } + } + } + static updatem(player) { + if (player) { + var start = 0; + if (!player.classList.contains('linked2') || !ui.arena.classList.contains('nolink')) { + start = 1; + } + ui.updatejm(player, player.node.marks, start, get.is.mobileMe(player)); + } + else { + for (var i = 0; i < game.players.length; i++) { + ui.updatem(game.players[i]); + } + } + } + static updatej(player) { + if (player) { + ui.updatejm(player, player.node.judges); + } + else { + for (var i = 0; i < game.players.length; i++) { + ui.updatej(game.players[i]); + } + } + } + static updatehl() { + if (!game.me) return; + if (!ui.handcards1Container || !ui.handcards2Container) return; + if (!ui.handcards1Container.childNodes.length) return; + var hs1 = [], hs2 = []; + for (var i = 0; i < ui.handcards1Container.firstChild.childElementCount; i++) { + if (!ui.handcards1Container.firstChild.childNodes[i].classList.contains('removing')) { + hs1.push(ui.handcards1Container.firstChild.childNodes[i]); + } + } + for (var i = 0; i < ui.handcards2Container.firstChild.childElementCount; i++) { + if (!ui.handcards2Container.firstChild.childNodes[i].classList.contains('removing')) { + hs2.push(ui.handcards2Container.firstChild.childNodes[i]); + } + } + var offset1, offset12 = 0; + if (!lib.config.fold_card) { + offset1 = 112; + ui.handcards1Container.classList.add('scrollh'); + } + else { + offset1 = Math.min(112, (ui.handcards1Container.offsetWidth - 128) / (hs1.length - 1)); + if (hs1.length > 1 && offset1 < 32) { + offset1 = 32; + ui.handcards1Container.classList.add('scrollh'); + } + else { + ui.handcards1Container.classList.remove('scrollh'); + } + } + if (offset1 < 100) { + offset12 = 100 - offset1; + } + for (var i = 0; i < hs1.length; i++) { + hs1[i].style.transform = 'translateX(' + (i * offset1) + 'px)'; + hs1[i]._transform = 'translateX(' + (i * offset1) + 'px)'; + ui.refresh(hs1[i]); + hs1[i].classList.remove('drawinghidden'); + if (offset12 > 40) { + offset12 = 90 - hs1[i].node.info.offsetWidth; + hs1[i].node.info.querySelector('span').style.display = 'none'; + if (hs1[i].node.name.classList.contains('long')) { + hs1[i].node.name.style.transform = 'translateY(16px) scale(0.85)'; + hs1[i].node.name.style.transformOrigin = 'top left'; + } + else { + hs1[i].node.name.style.transform = 'translateY(16px)'; + } + hs1[i].node.info.style.transform = 'translateX(-' + offset12 + 'px) translateY(-3px)'; + } + else { + hs1[i].node.info.querySelector('span').style.display = ''; + hs1[i].node.name.style.transform = ''; + hs1[i].node.name.style.transformOrigin = ''; + hs1[i].node.info.style.transform = 'translateX(-' + offset12 + 'px)'; + } + } + ui.handcards1Container.firstChild.style.width = (offset1 * (hs1.length - 1) + 118) + 'px'; + + var offset2, offset22 = 0; + if (!lib.config.fold_card) { + offset2 = 112; + ui.handcards2Container.classList.add('scrollh'); + } + else { + offset2 = Math.min(112, (ui.handcards2Container.offsetWidth - 128) / (hs2.length - 1)); + if (hs2.length > 1 && offset2 < 32) { + offset2 = 32; + ui.handcards2Container.classList.add('scrollh'); + } + else { + ui.handcards2Container.classList.remove('scrollh'); + } + } + if (offset2 < 100) { + offset22 = 100 - offset2; + } + for (var i = 0; i < hs2.length; i++) { + hs2[i].style.transform = 'translateX(' + (i * offset2) + 'px)'; + hs2[i]._transform = 'translateX(' + (i * offset2) + 'px)'; + ui.refresh(hs2[i]); + hs2[i].classList.remove('drawinghidden'); + if (offset22 > 40) { + offset22 = 90 - hs2[i].node.info.offsetWidth; + hs2[i].node.info.querySelector('span').style.display = 'none'; + if (hs2[i].node.name.classList.contains('long')) { + hs2[i].node.name.style.transform = 'translateY(16px) scale(0.85)'; + hs2[i].node.name.style.transformOrigin = 'top left'; + } + else { + hs2[i].node.name.style.transform = 'translateY(16px)'; + } + hs2[i].node.info.style.transform = 'translateX(-' + offset22 + 'px) translateY(-3px)'; + } + else { + hs2[i].node.info.querySelector('span').style.display = ''; + hs2[i].node.name.style.transform = ''; + hs2[i].node.name.style.transformOrigin = ''; + hs2[i].node.info.style.transform = 'translateX(-' + offset22 + 'px)'; + } + } + ui.handcards2Container.firstChild.style.width = (offset2 * (hs2.length - 1) + 118) + 'px'; + } + static updateh(compute) { + if (!game.me) return; + if (!ui.handcards1Container) return; + if (lib.config.low_performance) { + if (compute) { + ui.updatehl(); + setTimeout(ui.updatehl, 1000); + } + return; + } + if (compute) { + ui.handcards1Container._handcardsWidth = ui.handcards1Container.offsetWidth; + ui.handcards2Container._handcardsWidth = ui.handcards2Container.offsetWidth; + } + ui.updatehx(game.me.node.handcards1); + ui.updatehx(game.me.node.handcards2); + } + static updatehx(node) { + var width = node.parentNode._handcardsWidth; + var num = node.childElementCount - node.getElementsByClassName('removing').length; + node.classList.remove('fold0'); + node.classList.remove('fold1'); + node.classList.remove('fold2'); + node.classList.remove('fold3'); + if (num * 78 + 40 >= width) { + // node.dataset.fold=3; + node.classList.add('fold3'); + } + else if (num * 93 + 25 >= width) { + // node.dataset.fold=2; + node.classList.add('fold2'); + } + else if (num * 112 + 6 >= width) { + // node.dataset.fold=1; + node.classList.add('fold1'); + } + else { + // node.dataset.fold=0; + node.classList.add('fold0'); + } + } + static updated() { + if (document.documentElement.offsetWidth < 900 || document.documentElement.offsetHeight < 500) { + game.deviceZoom = Math.min( + Math.round(document.documentElement.offsetWidth / 98) / 10, + Math.round(document.documentElement.offsetHeight / 50) / 10 + ); + } + else { + game.deviceZoom = 1; + } + } + static updatez() { + var width = document.documentElement.offsetWidth; + var height = document.documentElement.offsetHeight; + var zoom = game.documentZoom; + if (zoom != 1) { + document.body.style.width = Math.round(width / zoom) + 'px'; + document.body.style.height = Math.round(height / zoom) + 'px'; + document.body.style.transform = 'scale(' + (Math.floor(zoom * 100) / 100) + ')'; + } + else { + document.body.style.width = width + 'px'; + document.body.style.height = height + 'px'; + document.body.style.transform = ''; + } + } + static update() { + for (var i = 0; i < ui.updates.length; i++) { + ui.updates[i](); + } + if (ui.dialog && !ui.dialog.classList.contains('noupdate')) { + if (game.chess) { + if (ui.dialog.content.scrollHeight < 240 && (!ui.dialog.buttons || !ui.dialog.buttons.length) && !ui.dialog.forcebutton) { + ui.dialog.style.height = ui.dialog.content.offsetHeight + 'px'; + ui.dialog.classList.add('slim'); + } + else { + ui.dialog.style.height = ''; + ui.dialog.classList.remove('slim'); + } + } + else { + if ((!ui.dialog.buttons || !ui.dialog.buttons.length) && !ui.dialog.forcebutton && ui.dialog.classList.contains('fullheight') == false && get.mode() != 'stone') { + ui.dialog.classList.add('nobutton'); + if (ui.dialog.content.offsetHeight < 240) { + if (!ui.dialog._heightset) { + ui.dialog._heightset = ui.dialog.style.height || true; + } + ui.dialog.style.height = ui.dialog.content.offsetHeight + 'px'; + if (lib.config.show_log != 'off') { + ui.dialog.classList.add('scroll1'); + ui.dialog.classList.add('scroll2'); + return; + } + } + else { + if (typeof ui.dialog._heightset == 'string') { + ui.dialog.style.height = ui.dialog._heightset; + } + else if (ui.dialog._heightset) { + ui.dialog.style.height = ''; + } + delete ui.dialog._heightset; + } + } + else { + if (typeof ui.dialog._heightset == 'string') { + ui.dialog.style.height = ui.dialog._heightset; + } + else if (ui.dialog._heightset) { + ui.dialog.style.height = ''; + } + delete ui.dialog._heightset; + ui.dialog.classList.remove('nobutton'); + } + } + var height1 = ui.dialog.content.offsetHeight; + var height2 = ui.dialog.contentContainer.offsetHeight; + if (game.chess) { + if (height1 < 240) { + ui.dialog.style.height = height1 + 'px'; + } + } + else { + if (!ui.dialog.forcebutton && !ui.dialog._scrollset && (height1 <= 190 || (height2 >= height1 && height2 >= 210))) { + ui.dialog.classList.remove('scroll1'); + ui.dialog.classList.remove('scroll2'); + } + else { + ui.dialog.classList.add('scroll1'); + ui.dialog.classList.add('scroll2'); + if (game.layout != 'default') { + ui.dialog.style.height = Math.min(height1, ((game.layout == 'long2' || game.layout == 'nova') && ui.arena.classList.contains('choose-character')) ? 380 : 350) + 'px'; + ui.dialog._scrollset = true; + } + } + if (game.layout == 'long2' || game.layout == 'nova') { + if (height1 + 240 >= ui.arena.offsetHeight) { + ui.dialog.classList.add('scroll3'); + } + else { + ui.dialog.classList.remove('scroll3'); + } + } + } + } + } + static recycle(node, key) { + if (!ui._recycle) ui._recycle = {}; + if (typeof node == 'string') { + return ui._recycle[node] + } + ui._recycle[key] = node; + } + /** + * @author curpond + * @author Tipx-L + * @param {number} [numberOfPlayers] + */ + static updateConnectPlayerPositions(numberOfPlayers) { + if (typeof numberOfPlayers != 'number') { + const configOL = lib.configOL; + numberOfPlayers = parseInt(configOL.player_number) || configOL.number; + } + if (!numberOfPlayers) return; + const playerPositions = ui.playerPositions; + playerPositions.forEach((position) => { + game.dynamicStyle.remove(position); + }); + playerPositions.length = 0; + const temporaryPlayer = ui.create.div('.player.connect', ui.window).hide(); + const computedStyle = getComputedStyle(temporaryPlayer); + const halfWidth = parseFloat(computedStyle.width) / 2; + const halfHeight = parseFloat(computedStyle.height) / 2; + temporaryPlayer.remove(); + const halfNumberOfPlayers = Math.round(numberOfPlayers / 2); + const upperPercentage = 100 / (halfNumberOfPlayers + 1); + const scale = 10 / numberOfPlayers; + for (let ordinal = 0; ordinal < halfNumberOfPlayers; ordinal++) { + const selector = `#window>.player.connect[data-position='${ordinal}']`; + const css = { + left: `calc(${upperPercentage * (ordinal + 1)}% - ${halfWidth}px)`, + top: `calc(${100 / 3}% - ${halfHeight}px)` + }; + if (scale < 1) + css["transform"] = `scale(${scale})`; + + game.dynamicStyle.add(selector, css); + playerPositions.push(selector); + } + const lowerPercentage = 100 / (numberOfPlayers - halfNumberOfPlayers + 1); + for (let ordinal = halfNumberOfPlayers; ordinal < numberOfPlayers; ordinal++) { + const selector = `#window>.player.connect[data-position='${ordinal}']`; + const css = { + left: `calc(${lowerPercentage * (ordinal - halfNumberOfPlayers + 1)}% - ${halfWidth}px)`, + top: `calc(${100 * 2 / 3}% - ${halfHeight}px)` + }; + if (scale < 1) + css["transform"] = `scale(${scale})`; + + game.dynamicStyle.add(selector, css); + playerPositions.push(selector); + } + } + /** + * @author curpond + * @author Tipx-L + * @param {number} [numberOfPlayers] + */ + static updatePlayerPositions(numberOfPlayers) { + if (typeof numberOfPlayers != 'number') numberOfPlayers = ui.arena.dataset.number; + //当人数不超过8人时，还是用以前的布局 + if (!numberOfPlayers || numberOfPlayers <= 8) return; + const playerPositions = ui.playerPositions; + playerPositions.forEach((position) => { + game.dynamicStyle.remove(position); + }); + playerPositions.length = 0; + //单个人物的宽度，这里要设置玩家的实际的宽度 + const temporaryPlayer = ui.create.div('.player', ui.arena).hide(); + const computedStyle = getComputedStyle(temporaryPlayer); + const scale = 6 / numberOfPlayers; + //玩家顶部距离父容器上边缘的距离偏移的单位距离 + const quarterHeight = parseFloat(computedStyle.height) / 4 * scale; + const halfWidth = parseFloat(computedStyle.width) / 2; + temporaryPlayer.remove(); + //列数，即假如8人场，除去自己后，上面7个人占7列 + const columnCount = numberOfPlayers - 1; + const percentage = 90 / (columnCount - 1); + //仅当游戏人数大于8人，且玩家的座位号大于0时，设置玩家的位置；因为0号位是game.me在最下方，无需设置 + for (let ordinal = 1; ordinal < numberOfPlayers; ordinal++) { + const reversedOrdinal = columnCount - ordinal; + //动态计算玩家的top属性，实现拱桥的效果；只让两边的各两个人向下偏移一些 + const top = Math.max(0, Math.round(numberOfPlayers / 5) - Math.min(Math.abs(ordinal - 1), Math.abs(reversedOrdinal))) * quarterHeight; + const selector = `#arena[data-number='${numberOfPlayers}']>.player[data-position='${ordinal}']`; + game.dynamicStyle.add(selector, { + left: `calc(${percentage * reversedOrdinal + 5}% - ${halfWidth}px)`, + top: `${top}px`, + transform: `scale(${scale})` + }); + playerPositions.push(selector); + } + } + static updateRoundNumber(roundNumber, cardPileNumber) { + if (ui.cardPileNumber) ui.cardPileNumber.innerHTML = `${roundNumber}轮 剩余牌: ${cardPileNumber}`; + } +}; + +export const ui = UI;