PADDashFormation/script.js

var Cards; //怪物数据
var Skills; //技能数据
var currentLanguage; //当前语言
var currentDataSource; //当前数据
var isGuideMod; //是否以图鉴模式启动

const teamBigBoxs = []; //储存全部teamBigBox
const allMembers = []; //储存所有成员，包含辅助

var interchangeSvg; //储存划线的SVG
var controlBox; //储存整个controlBox
var statusLine; //储存状态栏
var formationBox; //储存整个formationBox
var editBox; //储存整个editBox
var showSearch; //整个程序都可以用的显示搜索函数

const dataStructure = 3; //阵型输出数据的结构版本
const className_displayNone = "display-none";

if (location.search.includes('&')) {
    location.search = location.search.replace(/&/ig, '&');
}

/*class Member2
{
	constructor(oldMenber = null,isAssist = false)
	{
		if (oldMenber)
		{ //Copy一个
			this.id = oldMenber.id;
			this.level = oldMenber.level;
			this.plus = [...oldMenber.plus];
			this.awoken = oldMenber.awoken;
			this.sAwoken = oldMenber.sAwoken;
			this.latent = [...oldMenber.latent];
			this.skilllevel = oldMenber.sAwoken;
			this.assist = oldMenber.assist;
		}else
		{ //全新的
			this.id = 0;
			this.level = 1;
			this.plus = [0,0,0];
			this.awoken = 0;
			this.sAwoken = null;
			this.latent = [];
			this.skilllevel = null;
			this.assist = null;
		}
		this.isAssist = isAssist;
	}
	calculateAbility(solo,teamCount){
		const card = Cards[this.id];
		let bonus = null;
		if (!this.isAssist &&
			this.assist &&
			this.assist.id>0 &&
			Cards[this.assist.id].attrs[0] === card.attrs[0]
		){
			bonus = this.assist.calculateAbility(solo,teamCount);
		}
	}
	toJSON(){

	}
}*/
//队员基本的留空
var Member = function() {
    this.id = 0;
    this.ability = [0, 0, 0];
    this.abilityNoAwoken = [0, 0, 0];
};
Member.prototype.outObj = function() {
    const m = this;
    let obj = [m.id];
    if (m.level != undefined) obj[1] = m.level;
    if (m.awoken != undefined) obj[2] = m.awoken;
    if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) != 0) {
        if (m.plus[0] === m.plus[1] && m.plus[0] === m.plus[2]) { //当3个加值一样时只生成第一个减少长度
            obj[3] = m.plus[0];
        } else {
            obj[3] = m.plus;
        }
    }
    if (m.latent != undefined && m.latent instanceof Array && m.latent.length >= 1) obj[4] = m.latent;
    if (m.sawoken != undefined && m.sawoken >= 0) obj[5] = m.sawoken;
    const card = Cards[m.id] || Cards[0]; //怪物固定数据
    const skill = Skills[card.activeSkillId];
    //有技能等级，并且技能等级低于最大等级时才记录技能
    if (m.skilllevel != undefined && m.skilllevel < skill.maxLevel) obj[6] = m.skilllevel;
    return obj;
};
Member.prototype.loadObj = function(m, dataVersion) {
    if (m == undefined) //如果没有提供数据，直接返回默认
    {
        return;
    }
    if (dataVersion == undefined) dataVersion = 1;
    this.id = dataVersion > 1 ? m[0] : m.id;
    this.level = dataVersion > 1 ? m[1] : m.level;
    this.awoken = dataVersion > 1 ? m[2] : m.awoken;
    if (dataVersion > 1) {
        if (isNaN(m[3]) || m[3] == null) {
            this.plus = m[3];
        } else {
            const singlePlus = parseInt(m[3], 10); //如果只有一个数字时，复制3份
            this.plus = [singlePlus, singlePlus, singlePlus];
        }
    } else {
        this.plus = m.plus;
    }
    if (!(this.plus instanceof Array)) this.plus = [0, 0, 0]; //如果加值不是数组，则改变
    this.latent = dataVersion > 1 ? m[4] : m.latent;
    if (this.latent && dataVersion <= 2) this.latent = this.latent.map(l => l >= 13 ? l + 3 : l); //修复以前自己编的潜觉编号为官方编号
    if (!(this.latent instanceof Array)) this.latent = []; //如果潜觉不是数组，则改变
    this.sawoken = dataVersion > 1 ? m[5] : m.sawoken;
    this.skilllevel = m[6] || null;
};
Member.prototype.loadFromMember = function(m) {
    if (m == undefined) //如果没有提供数据，直接返回默认
    {
        return;
    }
    this.id = m.id;
};
//只用来防坐的任何队员
var MemberDelay = function() {
    this.id = -1;
};
MemberDelay.prototype = Object.create(Member.prototype);
MemberDelay.prototype.constructor = MemberDelay;
//辅助队员
var MemberAssist = function() {
    this.level = 0;
    this.awoken = 0;
    this.plus = [0, 0, 0];
    Member.call(this);
};
MemberAssist.prototype = Object.create(Member.prototype);
MemberAssist.prototype.constructor = MemberAssist;
MemberAssist.prototype.loadFromMember = function(m) {
    if (m == undefined) //如果没有提供数据，直接返回默认
    {
        return;
    }
    this.id = m.id;
    if (m.level != undefined) this.level = m.level;
    if (m.awoken != undefined) this.awoken = m.awoken;
    if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus));
    if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
};
//正式队伍
var MemberTeam = function() {
    this.latent = [];
    MemberAssist.call(this);
    //sawoken作为可选项目，默认不在内
};
MemberTeam.prototype = Object.create(MemberAssist.prototype);
MemberTeam.prototype.constructor = MemberTeam;
MemberTeam.prototype.loadFromMember = function(m) {
    if (m == undefined) //如果没有提供数据，直接返回默认
    {
        return;
    }
    this.id = m.id;
    if (m.level != undefined) this.level = m.level;
    if (m.awoken != undefined) this.awoken = m.awoken;
    if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus));
    if (m.latent != undefined && m.latent instanceof Array && m.latent.length >= 1) this.latent = JSON.parse(JSON.stringify(m.latent));
    if (m.sawoken != undefined) this.sawoken = m.sawoken;
    if (m.ability != undefined && m.ability instanceof Array && m.plus.length >= 3) this.ability = JSON.parse(JSON.stringify(m.ability));
    if (m.abilityNoAwoken != undefined && m.abilityNoAwoken instanceof Array && m.plus.length >= 3) this.abilityNoAwoken = JSON.parse(JSON.stringify(m.abilityNoAwoken));
    if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
};

var Formation = function(teamCount, memberCount) {
    this.title = "";
    this.detail = "";
    this.teams = [];
    for (let ti = 0; ti < teamCount; ti++) {
        const team = [
            [],
            [], 0
        ]; //第三个是徽章
        for (let mi = 0; mi < memberCount; mi++) {
            team[0].push(new MemberTeam());
            team[1].push(new MemberAssist());
        }
        this.teams.push(team);
    }
};
Formation.prototype.outObj = function() {
    const obj = {};
    if (this.title != undefined && this.title.length > 0) obj.t = this.title;
    if (this.detail != undefined && this.detail.length > 0) obj.d = this.detail;
    obj.f = this.teams.map(t => {
        const teamArr = [];
        teamArr[0] = t[0].map(m =>
            m.outObj()
        );
        teamArr[1] = t[1].map(m =>
            m.outObj()
        );
        if (t[2]) teamArr[2] = t[2];
        return teamArr;
    });
    obj.v = dataStructure;
    return obj;
};
Formation.prototype.loadObj = function(f) {
    const dataVeision = f.v ? f.v : (f.f ? 2 : 1); //是第几版格式
    this.title = dataVeision > 1 ? f.t : f.title;
    this.detail = dataVeision > 1 ? f.d : f.detail;
    const loadTeamArr = dataVeision > 1 ? f.f : f.team;
    this.teams.forEach(function(t, ti) {
        const tf = loadTeamArr[ti];
        if (tf) {
            t[0].forEach(function(m, mi) {
                const fm = tf[0][mi];
                m.loadObj(fm, dataVeision);
            });
            t[1].forEach(function(m, mi) {
                const fm = tf[1][mi];
                m.loadObj(fm, dataVeision);
            });
            if (tf[2] != undefined) t[2] = tf[2]; //徽章
        }
    });
    if (f.b)
        this.teams[0][2] = f.b; //原来模式的徽章
};
//切换通用的切换className显示的函数
function toggleDomClassName(checkBox, className, checkedAdd = true, dom = document.body) {
    if (!checkBox) return;
    const checked = checkBox.checked;
    if (checked && checkedAdd || !checked && !checkedAdd) {
        dom.classList.add(className);
    } else {
        dom.classList.remove(className);
    }
}
//清除数据
function clearData() {
    const locationURL = new URL(location);
    locationURL.searchParams.delete('d'); //删除数据
    locationURL.searchParams.delete('l'); //删除语言
    location = locationURL.toString();
}
//轮换ABC队伍
function swapABCteam() {
    if (formation.teams.length > 1) {
        formation.teams.push(formation.teams.splice(0, 1)[0]); //将队伍1移动到最后
        creatNewUrl();
        refreshAll(formation);
    }
}
//在单人和多人之间转移数据
function turnPage(toPage, e = null) {
    console.log(e)
    let pagename = null;
    switch (toPage) {
        case 1:
            if (formation.teams[0][0].length < 6) {
                //把第二支队伍的队长添加到最后方
                formation.teams[0][0].push(formation.teams[1][0][0]);
                formation.teams[0][1].push(formation.teams[1][1][0]);
            }
            //删掉第2支开始的队伍
            formation.teams.splice(1);
            pagename = "solo.html";
            break;
        case 2:
            if (formation.teams.length < 2) { //从1人到2人
                formation.teams[1] = [
                    [],
                    []
                ];
                //把右边的队长加到第二支队伍最后面
                formation.teams[1][0].splice(0, 0, formation.teams[0][0].splice(5, 1)[0]);
                formation.teams[1][1].splice(0, 0, formation.teams[0][1].splice(5, 1)[0]);
            } else { //从3人到2人，直接删除后面两个队伍
                //删掉第3支开始的队伍
                formation.teams.splice(2);
                //删掉前面两支队伍的战友
                formation.teams[0][0].splice(5);
                formation.teams[0][1].splice(5);
                formation.teams[1][0].splice(5);
                formation.teams[1][1].splice(5);
            }
            formation.badge = 0;
            pagename = "multi.html";
            break;
        case 3:
            if (formation.teams.length < 2) { //从1人到3人
            } else { //从2人到3人
                formation.teams[0][0].push(formation.teams[1][0][0]);
                formation.teams[0][1].push(formation.teams[1][1][0]);
                formation.teams[1][0].push(formation.teams[0][0][0]);
                formation.teams[1][1].push(formation.teams[0][1][0]);
            }
            formation.badge = 0;
            pagename = "triple.html";
            break;
    }
    const newURL = creatNewUrl({ url: pagename, notPushState: true });
    if (e && e.ctrlKey) {
        window.open(newURL);
    } else {
        location.href = newURL;
    }
}
window.onload = function() {
    controlBox = document.body.querySelector(".control-box");
    statusLine = controlBox.querySelector(".status"); //显示当前状态的

    const helpLink = controlBox.querySelector(".help-link");
    interchangeSVG = document.body.querySelector("#interchange-line");
    interchangeSVG.line = interchangeSVG.querySelector("g line");
    interchangeSVG.changePoint = function(p1, p2) {
        const line = this.line;
        if (p1 && p1.x != undefined)
            line.setAttribute("x1", p1.x);
        if (p1 && p1.y != undefined)
            line.setAttribute("y1", p1.y);
        if (p2 && p2.x != undefined)
            line.setAttribute("x2", p2.x);
        if (p2 && p2.y != undefined)
            line.setAttribute("y2", p2.y);
    };
    //设定初始的显示设置
    toggleDomClassName(controlBox.querySelector("#show-mon-id"), 'not-show-mon-id', false);
    toggleDomClassName(controlBox.querySelector("#btn-show-mon-skill-cd"), 'show-mon-skill-cd');
    toggleDomClassName(controlBox.querySelector("#btn-show-awoken-count"), 'not-show-awoken-count', false);
    isGuideMod = Boolean(parseInt(getQueryString("guide")));

    formationBox = document.body.querySelector(".formation-box");
    editBox = document.body.querySelector(".edit-box");
    if (isGuideMod) {
        console.log('现在是 怪物图鉴 模式');
        document.body.classList.add('guide-mod');
    }

    if (location.hostname.includes("gitee")) { helpLink.hostname = "gitee.com"; }

    //▼添加语言列表开始
    const langSelectDom = controlBox.querySelector(".languages");
    languageList.forEach(lang =>
        langSelectDom.options.add(new Option(lang.name, lang.i18n))
    );

    const parameter_i18n = getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
    const browser_i18n = (navigator.language || navigator.userLanguage); //获取浏览器语言
    currentLanguage = languageList.find(lang => { //筛选出符合的语言
            if (parameter_i18n) //如果已指定就用指定的语言
                return parameter_i18n.includes(lang.i18n);
            else //否则筛选浏览器默认语言
                return browser_i18n.includes(lang.i18n);
        }) ||
        languageList[0]; //没有找到指定语言的情况下，自动用第一个语言（英语）
    document.head.querySelector("#language-css").href = "languages/" + currentLanguage.i18n + ".css";

    const langOptionArray = Array.from(langSelectDom.options);
    langOptionArray.find(langOpt => langOpt.value == currentLanguage.i18n).selected = true;

    //▲添加语言列表结束
    //▼添加数据来源列表开始
    const dataSelectDom = controlBox.querySelector(".datasource");
    dataSourceList.forEach(ds =>
        dataSelectDom.options.add(new Option(ds.source, ds.code))
    );
    const parameter_dsCode = getQueryString("s"); //获取参数指定的数据来源
    currentDataSource = parameter_dsCode ?
        (dataSourceList.find(ds => ds.code == parameter_dsCode) || dataSourceList[0]) : //筛选出符合的数据源
        dataSourceList[0]; //没有指定，直接使用日服

    document.body.classList.add("ds-" + currentDataSource.code);
    const dataSourceOptionArray = Array.from(dataSelectDom.options);
    dataSourceOptionArray.find(dataOpt => dataOpt.value == currentDataSource.code).selected = true;

    const sourceDataFolder = "monsters-info";

    var newCkeys; //当前的Ckey
    var lastCkeys; //以前Ckey们
    statusLine.classList.add("loading-check-version");
    GM_xmlhttpRequest({
        method: "GET",
        url: `${sourceDataFolder}/ckey.json?t=` + new Date().getTime(), //版本文件
        onload: function(response) {
            dealCkeyData(response.response);
        },
        onerror: function(response) {
            const isChrome = navigator.userAgent.includes("Chrome");
            if (isChrome && location.host.length == 0 && response.response.length > 0) {
                console.info("因为是Chrome本地打开，正在尝试读取JSON");
                dealCkeyData(response.response);
            } else {
                console.error("Ckey JSON数据获取失败", response);
            }
        }
    });
    //处理返回的数据
    function dealCkeyData(responseText) { //处理数据版本
        try {
            newCkeys = JSON.parse(responseText);
        } catch (e) {
            console.log("Ckey数据JSON解码出错", e);
            return;
        }
        const currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code); //获取当前语言的ckey
        lastCkeys = localStorage.getItem("PADDF-ckey"); //读取本地储存的原来的ckey
        try {
            lastCkeys = JSON.parse(lastCkeys);
            if (lastCkeys == null || !(lastCkeys instanceof Array))
                lastCkeys = [];
        } catch (e) {
            console.log("上次的Ckey数据JSON解码出错", e);
            return;
        }
        let lastCurrentCkeys = lastCkeys.find(ckey => ckey.code == currentDataSource.code);
        if (!lastCurrentCkeys) { //如果未找到上个ckey，则添加个新的
            lastCurrentCkeys = {
                code: currentDataSource.code,
                ckey: {},
                updateTime: null
            };
            lastCkeys.push(lastCurrentCkeys);
        }

        statusLine.classList.remove("loading-check-version");
        statusLine.classList.add("loading-mon-info");
        if (currentCkey.ckey.card == lastCurrentCkeys.ckey.card) {
            console.log("Cards ckey相等，直接读取已有的数据", currentCkey.ckey.card);
            localforage.getItem(`PADDF-${currentDataSource.code}-cards`).then(function(value) {
                // This code runs once the value has been loaded
                // from the offline store.
                dealCardsData(value);
            }).catch(function(err) {
                // This code runs if there were any errors
                alert("Local Database error. Please refresh.");
                localStorage.removeItem("PADDF-ckey");
                console.log(err);
            });
        } else {
            GM_xmlhttpRequest({
                method: "GET",
                url: `${sourceDataFolder}/mon_${currentDataSource.code}.json?t=` + new Date().getTime(), //Cards数据文件
                onload: function(response) {
                    console.log("Cards ckey变化，储存新数据", currentCkey.ckey.card);
                    localforage.setItem(`PADDF-${currentDataSource.code}-cards`, JSON.parse(response.response)).then(function() {
                        lastCurrentCkeys.ckey.card = currentCkey.ckey.card;
                        lastCurrentCkeys.updateTime = currentCkey.updateTime;
                        localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys));
                        dealCardsData(response.response);
                    }).catch(function(err) {
                        // This code runs if there were any errors
                        console.log(err);
                    });
                },
                onerror: function(response) {
                    const isChrome = navigator.userAgent.includes("Chrome");
                    if (isChrome && location.host.length == 0 && response.response.length > 0) {
                        console.info("因为是Chrome本地打开，正在尝试读取JSON");
                        dealCardsData(response.response);
                    } else {
                        console.error("Cards JSON数据获取失败", response);
                    }
                }
            });
        }
    }

    function dealCardsData(response) {
        try {
            if (typeof(response) == "string")
                Cards = JSON.parse(response);
            else
                Cards = response;
        } catch (e) {
            console.log("Cards数据JSON解码出错", e);
            return;
        }
        statusLine.classList.remove("loading-mon-info");

        statusLine.classList.add("loading-skill-info");
        const currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code); //获取当前语言的ckey
        const lastCurrentCkeys = lastCkeys.find(ckey => ckey.code == currentDataSource.code);
        if (currentCkey.ckey.skill == lastCurrentCkeys.ckey.skill) {
            console.log("Skills ckey相等，直接读取已有的数据", currentCkey.ckey.skill);
            localforage.getItem(`PADDF-${currentDataSource.code}-skills`).then(function(value) {
                // This code runs once the value has been loaded
                // from the offline store.
                dealSkillData(value);
            }).catch(function(err) {
                // This code runs if there were any errors
                alert("Local Database error. Please refresh.");
                localStorage.removeItem("PADDF-ckey");
                console.log(err);
            });
        } else {
            GM_xmlhttpRequest({
                method: "GET",
                url: `${sourceDataFolder}/skill_${currentDataSource.code}.json?t=` + new Date().getTime(), //Skills数据文件
                onload: function(response) {
                    console.log("Skills ckey变化，储存新数据", currentCkey.ckey.skill);
                    localforage.setItem(`PADDF-${currentDataSource.code}-skills`, JSON.parse(response.response)).then(function() {
                        lastCurrentCkeys.ckey.skill = currentCkey.ckey.skill;
                        lastCurrentCkeys.updateTime = currentCkey.updateTime;
                        localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys));
                        dealSkillData(response.response);
                    }).catch(function(err) {
                        // This code runs if there were any errors
                        console.log(err);
                    });
                },
                onerror: function(response) {
                    let isChrome = navigator.userAgent.includes("Chrome");
                    if (isChrome && location.host.length == 0 && response.response.length > 0) {
                        console.info("因为是Chrome本地打开，正在尝试读取JSON");
                        dealSkillData(response.response);
                    } else {
                        console.error("Skills JSON数据获取失败", response);
                    }
                }
            });
        }
    }

    function dealSkillData(response) {
        try {
            if (typeof(response) == "string")
                Skills = JSON.parse(response);
            else
                Skills = response;
        } catch (e) {
            console.log("Skills数据JSON解码出错", e);
            return;
        }
        const currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code);
        const updateTime = controlBox.querySelector(".datasource-updatetime");
        updateTime.innerHTML = new Date(currentCkey.updateTime).toLocaleString(undefined, { hour12: false });

        initialize(); //初始化
        statusLine.classList.remove("loading-skill-info");
        //如果通过的话就载入URL中的怪物数据
        reloadFormationData();
    }
};
//重新读取URL中的Data数据并刷新页面
function reloadFormationData() {
    let formationData;
    try {
        let parameterDataString = getQueryString("d") || getQueryString("data");
        formationData = JSON.parse(parameterDataString);
    } catch (e) {
        console.error("URL中队伍数据JSON解码出错", e);
        return;
    }
    if (formationData) {
        formation.loadObj(formationData);
        refreshAll(formation);
    }
}
window.onpopstate = reloadFormationData; //前进后退时修改页面
//创建新的分享地址
function creatNewUrl(arg) {
    if (arg == undefined) arg = {};
    if (!!(window.history && history.pushState)) { // 支持History API
        const language_i18n = arg.language || getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
        const datasource = arg.datasource || getQueryString("s");
        const outObj = formation.outObj();

        const newSearch = new URLSearchParams();
        if (language_i18n) newSearch.set("l", language_i18n);
        if (datasource && datasource != "ja") newSearch.set("s", datasource);
        const dataJsonStr = JSON.stringify(outObj); //数据部分的字符串
        newSearch.set("d", dataJsonStr);

        const newUrl = (arg.url || "") + '?' + newSearch.toString();

        if (!arg.notPushState) {
            history.pushState(null, null, newUrl);
        } else {
            return newUrl;
        }
    }
}
//截图
function capture() {
    statusLine.classList.add("prepare-cauture");
    const titleBox = formationBox.querySelector(".title-box");
    const detailBox = formationBox.querySelector(".detail-box");
    const txtTitle = titleBox.querySelector(".title");
    const txtDetail = detailBox.querySelector(".detail");
    //去掉可能的空白文字的编辑状态
    titleBox.classList.remove("edit");
    detailBox.classList.remove("edit");
    const downLink = controlBox.querySelector(".down-capture");
    html2canvas(formationBox).then(canvas => {
        canvas.toBlob(function(blob) {
            window.URL.revokeObjectURL(downLink.href);
            downLink.href = URL.createObjectURL(blob);
            downLink.download = `${teamsCount}P formation cauture.png`;
            downLink.click();
            statusLine.classList.remove("prepare-cauture");
            //如果是空白文字，加回编辑状态
            if (txtTitle.value.length == 0)
                titleBox.classList.add("edit");
            if (txtDetail.value.length == 0)
                detailBox.classList.add("edit");
        });
        //document.body.appendChild(canvas);
    });
}
//初始化
function initialize() {
    const monstersList = editBox.querySelector("#monsters-name-list");
    let fragment = document.createDocumentFragment();
    Cards.forEach(function(m) { //添加下拉框候选
        const opt = fragment.appendChild(document.createElement("option"));
        opt.value = m.id;
        opt.label = m.id + " - " + returnMonsterNameArr(m, currentLanguage.searchlist, currentDataSource.code).join(" | ");

        const linkRes = new RegExp("link:(\\d+)", "ig").exec(m.specialAttribute);
        if (linkRes) { //每个有链接的符卡，把它们被链接的符卡的进化根修改到链接前的
            const _m = Cards[parseInt(linkRes[1], 10)];
            _m.evoRootId = m.evoRootId;
            m.henshinFrom = true;
            _m.henshinTo = true;
        }
    });
    monstersList.appendChild(fragment);

    //标题和介绍文本框
    const titleBox = formationBox.querySelector(".title-box");
    const detailBox = formationBox.querySelector(".detail-box");
    const txtTitle = titleBox.querySelector(".title");
    const txtDetail = detailBox.querySelector(".detail");
    const txtTitleDisplay = titleBox.querySelector(".title-display");
    const txtDetailDisplay = detailBox.querySelector(".detail-display");
    txtTitle.onchange = function() {
        formation.title = this.value;
        //txtTitleDisplay.innerHTML = "";
        //txtTitleDisplay.appendChild(document.createTextNode(this.value));
        txtTitleDisplay.innerHTML = descriptionToHTML(this.value);
        creatNewUrl();
    };
    txtTitle.onblur = function() {
        if (this.value.length > 0)
            titleBox.classList.remove("edit");
    };
    txtDetail.onchange = function() {
        formation.detail = this.value;
        /*txtDetailDisplay.innerHTML = "";
        const txtDetailLines = this.value.split("\n");
        txtDetailLines.forEach((line,idx)=>{
        	if (idx>0) txtDetailDisplay.appendChild(document.createElement("br"));
        	txtDetailDisplay.appendChild(document.createTextNode(line));
        });*/
        txtDetailDisplay.innerHTML = descriptionToHTML(this.value);
        creatNewUrl();
    };
    txtDetail.onblur = function() {
        if (this.value.length > 0)
            detailBox.classList.remove("edit");
        this.style.height = txtDetailDisplay.scrollHeight + "px";
    };
    txtTitleDisplay.onclick = function() {
        titleBox.classList.add("edit");
        txtTitle.focus();
    };
    txtDetailDisplay.onclick = function() {
        detailBox.classList.add("edit");
        txtDetail.focus();
    };

    //这个写法的目的其实是为了确保添加顺序与1、2、3一致，即便打乱了顺序，也能正确添加
    for (let ti = 0, ti_len = formationBox.querySelectorAll(".team-bigbox").length; ti < ti_len; ti++) {
        teamBigBoxs.push(formationBox.querySelector(`.teams .team-${ti+1}`));
    }

    //将所有怪物头像添加到全局数组
    teamBigBoxs.forEach(teamBigBox => {
        const teamBox = teamBigBox.querySelector(".team-box");
        const menbers = Array.from(teamBox.querySelectorAll(".team-members .monster"));
        const assist = Array.from(teamBox.querySelectorAll(".team-assist .monster"));
        menbers.forEach(m => {
            allMembers.push(m);
        });
        assist.forEach(m => {
            allMembers.push(m);
        });
    });
    //所有怪物头像，添加拖动交换的代码
    allMembers.forEach(m => {
        //点击
        m.onclick = clickMonHead;
        //拖动
        m.draggable = true;
        m.ondragstart = dragStartMonHead;
        m.ondragover = dropOverMonHead;
        m.ondrop = dropMonHead;
        //触摸
        m.ontouchstart = touchstartMonHead;
        m.ontouchmove = touchmoveMonHead;
        m.ontouchend = touchendMonHead;
        m.ontouchcancel = touchcancelMonHead;
    });

    //添加徽章
    const className_ChoseBadges = "show-all-badges";
    teamBigBoxs.forEach((teamBigBox, teamIdx) => {
        //徽章
        const teamBadge = teamBigBox.querySelector(".team-badge");
        if (!teamBadge) return;
        const badges = Array.from(teamBadge.querySelectorAll(".badge-radio"));

        function setBadge() {
            if (teamBadge.classList.contains(className_ChoseBadges)) {
                const team = formation.teams[teamIdx];
                teamBadge.classList.remove(className_ChoseBadges);
                team[2] = parseInt(this.value, 10);
                const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
                refreshTeamTotalHP(teamTotalInfoDom, team, teamIdx);
                creatNewUrl();
            } else {
                teamBadge.classList.add(className_ChoseBadges);
            }
        }
        badges.forEach(badge => badge.onclick = setBadge);
    });

    //编辑框
    editBox.mid = null; //储存怪物id
    editBox.latent = []; //储存潜在觉醒
    editBox.isAssist = false; //储存是否为辅助宠物
    editBox.monsterHead = null;
    editBox.latentBox = null;
    editBox.memberIdx = []; //储存队伍数组下标
    editBox.show = function() {
        this.classList.remove(className_displayNone);
        formationBox.classList.add("blur-bg");
        controlBox.classList.add("blur-bg");
    };
    editBox.hide = function() {
        this.classList.add(className_displayNone);
        formationBox.classList.remove("blur-bg");
        controlBox.classList.remove("blur-bg");
    };

    const smonsterinfoBox = editBox.querySelector(".monsterinfo-box");
    const mSeriesId = smonsterinfoBox.querySelector(".monster-seriesId");
    mSeriesId.onclick = function() { //搜索系列
        const seriesId = parseInt(this.getAttribute('data-seriesId'), 10);
        if (seriesId > 0) {
            showSearch(Cards.filter(card => { return card.seriesId == seriesId; }));
        }
    };
    const mCollabId = smonsterinfoBox.querySelector(".monster-collabId");
    mCollabId.onclick = function() { //搜索合作
        const collabId = parseInt(this.getAttribute('data-collabId'), 10);
        if (collabId > 0); {
            searchColla(collabId);
        }
    };
    const mAltName = smonsterinfoBox.querySelector(".monster-altName");
    mAltName.onclick = function() { //搜索合作
        const altName = this.getAttribute('data-altName');
        const splitAltName = altName.split("|");
        if (altName.length > 0); {
            showSearch(Cards.filter(card => {
                return splitAltName.some(alt => {
                    return alt.length > 0 && (card.altName.includes(alt) || card.name.includes(alt));
                });
            }));
        }
    };
    //创建一个新的怪物头像
    editBox.createCardHead = function(id, showAwoken = false) {
        function clickHeadToNewMon() {
            monstersID.value = this.card.id;
            monstersID.onchange();
            return false; //取消链接的默认操作
        }
        //产生一个觉醒列表
        function creatAwokenList(awokens) {
            const ul = document.createElement("ul");
            ul.className = "awoken-ul";
            awokens.forEach(ak=>{
                const li = ul.appendChild(document.createElement("li"));
                const icon = li.appendChild(document.createElement("icon"));
                icon.className = "awoken-icon";
                icon.setAttribute("data-awoken-icon",ak);
            });
            return ul;
        }
        const cli = document.createElement("li");
        const cdom = cli.head = createCardA(id);
        cli.appendChild(cdom);
        changeid({ id: id }, cdom);
        cli.card = Cards[id];
        if (showAwoken)
        {
            const awokenPreview = cli.appendChild(document.createElement("div"));
            awokenPreview.className = "awoken-preview";
            if (cli.card.awakenings.length)
            {
                const akUl = awokenPreview.appendChild(creatAwokenList(cli.card.awakenings)); //添加觉醒
                akUl.classList.add("awoken-preview-awakenings");
            }
            if (cli.card.superAwakenings.length)
            {
                const sakUl = awokenPreview.appendChild(creatAwokenList(cli.card.superAwakenings)); //添加超觉醒
                sakUl.classList.add("awoken-preview-superAwakenings");
            }
        }
        cli.onclick = clickHeadToNewMon;
        return cli;
    };

    const searchBox = editBox.querySelector(".search-box");
    const settingBox = editBox.querySelector(".setting-box");
    const searchOpen = settingBox.querySelector(".row-mon-id .open-search");
    searchOpen.onclick = function() {
        s_includeSuperAwoken.onclick();
        s_canAssist.onclick();
        searchBox.classList.toggle(className_displayNone);
    };

    const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio"));
    const s_attr2s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-2 .attr-radio"));
    const s_fixMainColor = searchBox.querySelector("#fix-main-color");
    const s_types = Array.from(searchBox.querySelectorAll(".types-div .type-check"));
    const s_typeAndOr = searchBox.querySelector("#type-and-or");
    const s_awokensItems = Array.from(searchBox.querySelectorAll(".awoken-div .awoken-count"));
    const s_awokensIcons = s_awokensItems.map(it => it.querySelector(".awoken-icon"));
    const s_awokensCounts = s_awokensItems.map(it => it.querySelector(".count"));

    const searchMonList = searchBox.querySelector(".search-mon-list"); //搜索结果列表
    searchMonList.originalHeads = null; //用于存放原始搜索结果

    const s_awokensEquivalent = searchBox.querySelector("#consider-equivalent-awoken"); //搜索等效觉醒
    const s_canAssist = searchBox.querySelector("#can-assist"); //只搜索辅助
    s_canAssist.onclick = function() {
        toggleDomClassName(this, "only-display-can-assist", true, searchMonList);
    };

    const s_sawokenDiv = searchBox.querySelector(".sawoken-div");

    const s_sawokens = Array.from(s_sawokenDiv.querySelectorAll(".sawoken-check"));
    const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
    s_includeSuperAwoken.onclick = function() {
        toggleDomClassName(this, className_displayNone, true, s_sawokenDiv);
    };

    function search_awokenAdd1() {
        const countDom = this.parentNode.querySelector(".count");
        let count = parseInt(countDom.value, 10);
        if (count < 9) {
            count++;
            countDom.value = count;
            this.parentNode.classList.remove("zero");
        }
    }
    s_awokensIcons.forEach((b, idx) => { //每种觉醒增加1
        b.onclick = search_awokenAdd1;
    });

    function search_awokenSub1() {
        let count = parseInt(this.value, 10);
        if (count > 0) {
            count--;
            this.value = count;
            if (count === 0) {
                this.parentNode.parentNode.classList.add("zero");
            }
        }
    }
    s_awokensCounts.forEach((b, idx) => { //每种觉醒减少1
        b.onclick = search_awokenSub1;
    });

    const awokenClear = searchBox.querySelector(".awoken-div .awoken-clear");
    const sawokenClear = searchBox.querySelector(".sawoken-div .sawoken-clear");
    awokenClear.onclick = function() { //清空觉醒选项
        s_awokensCounts.forEach(t => {
            t.value = 0;
        });
        s_awokensItems.forEach(t => {
            t.classList.add("zero");
        });
    };
    sawokenClear.onclick = function() { //清空超觉醒选项
        s_sawokens.forEach(t => {
            t.checked = false;
        });
    };

    const s_controlDiv = searchBox.querySelector(".control-div");
    const searchStart = s_controlDiv.querySelector(".search-start");
    const searchClose = s_controlDiv.querySelector(".search-close");
    const searchClear = s_controlDiv.querySelector(".search-clear");

    function returnCheckedInput(ipt) {
        return ipt.checked;
    }

    function returnInputValue(ipt) {
        return ipt.value;
    }

    function Str2Int(str) {
        return parseInt(str, 10);
    }
    //将搜索结果显示出来（也可用于其他的搜索）
    const s_showAwoken = searchBox.querySelector("#show-awoken"); //是否显示觉醒
    showSearch = function(searchArr) {
        editBox.show();
        searchBox.classList.remove(className_displayNone);
        const createCardHead = editBox.createCardHead;

        searchMonList.classList.add(className_displayNone);
        searchMonList.innerHTML = ""; //清空旧的
        if (searchArr.length > 0) {
            let fragment = document.createDocumentFragment(); //创建节点用的临时空间
            //获取原始排序的头像列表
            searchMonList.originalHeads = searchArr.map(card => createCardHead(card.id, s_showAwoken.checked));
            //对头像列表进行排序
            const headsArray = sortHeadsArray(searchMonList.originalHeads);
            headsArray.forEach(head => fragment.appendChild(head));
            searchMonList.appendChild(fragment);
        }
        searchMonList.classList.remove(className_displayNone);
    };
    const startSearch = function(cards) {
        const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue);
        const attr2Filter = s_attr2s.filter(returnCheckedInput).map(returnInputValue);
        let attr1, attr2;
        if (attr1Filter.length > 0) {
            if (!isNaN(attr1Filter[0])) {
                attr1 = parseInt(attr1Filter[0], 10);
            } else {
                attr1 = null;
            }
        }
        if (attr2Filter.length > 0) {
            if (!isNaN(attr2Filter[0])) {
                attr2 = parseInt(attr2Filter[0], 10);
            } else {
                attr2 = null;
            }
        }
        const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
        const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
        const awokensFilter = s_awokensCounts.filter(btn => parseInt(btn.value, 10) > 0).map(btn => {
            const awokenIndex = parseInt(btn.parentNode.parentNode.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10);
            return { id: awokenIndex, num: parseInt(btn.value, 10) };
        });
        const searchResult = searchCards(cards,
            attr1, attr2,
            s_fixMainColor.checked,
            typesFilter,
            s_typeAndOr.checked,
            awokensFilter,
            sawokensFilter,
            s_awokensEquivalent.checked,
            s_includeSuperAwoken.checked
        );
        console.log("搜索结果", searchResult);
        showSearch(searchResult);
    };
    searchBox.startSearch = startSearch;
    searchStart.onclick = function() {
        startSearch(Cards);
    };
    searchClose.onclick = function() {
        searchBox.classList.add(className_displayNone);
    };
    searchClear.onclick = function() { //清空搜索选项
        s_attr1s[0].checked = true;
        s_attr2s[0].checked = true;
        s_types.forEach(t => {
            t.checked = false;
        });
        s_awokensCounts.forEach(t => {
            t.value = 0;
        });
        s_awokensItems.forEach(t => {
            t.classList.add("zero");
        });
        // 这些觉醒的选项干脆都不清除
        //s_awokensEquivalent.checked = false;
        //if (s_includeSuperAwoken.checked) s_includeSuperAwoken.click();

        s_sawokens.forEach(t => {
            t.checked = false;
        });

        searchMonList.originalHeads = null;
        searchMonList.innerHTML = "";
    };

    const s_sortList = s_controlDiv.querySelector(".sort-list");
    const s_sortReverse = s_controlDiv.querySelector("#sort-reverse");
    //对heads重新排序
    function sortHeadsArray(heads) {
        if (!heads || heads.length === 0) return; //没有数据时，直接返回
        const sortIndex = parseInt(s_sortList.value, 10);
        const reverse = s_sortReverse.checked;
        let headsArray = heads.concat();

        headsArray.sort((head_a, head_b) => {
            const card_a = head_a.card,
                card_b = head_b.card;
            let sortNumber = sort_function_list[sortIndex].function(card_a, card_b);
            //if (reverse) sortNumber *= -1; //会导致默认情况无法逆序
            return sortNumber;
        });
        if (reverse) headsArray.reverse();

        return headsArray;
    }
    //对搜索到的Cards重新排序
    function reSortCards() {
        const headsArray = sortHeadsArray(searchMonList.originalHeads);
        if (!headsArray || headsArray.length === 0) return; //没有数据时，直接返回
        searchMonList.classList.add(className_displayNone);
        let fragment = document.createDocumentFragment(); //创建节点用的临时空间
        headsArray.forEach(head => fragment.appendChild(head));
        searchMonList.appendChild(fragment);
        searchMonList.classList.remove(className_displayNone);
    }
    s_sortList.onchange = reSortCards;
    s_sortReverse.onchange = reSortCards;
    sort_function_list.forEach((sfunc, idx) => {
        const newOpt = new Option(sfunc.name, idx);
        newOpt.setAttribute("data-tag", sfunc.tag);
        s_sortList.options.add(newOpt);
    });

    //id搜索
    const monstersID = settingBox.querySelector(".row-mon-id .m-id");
    monstersID.onchange = function() {
        if (/^\d+$/.test(this.value)) {
            const newId = parseInt(this.value, 10);
            if (editBox.mid != newId) //避免多次运行oninput、onchange
            {
                editBox.mid = newId;
                editBoxChangeMonId(editBox.mid);
            }
        }
    };
    monstersID.oninput = monstersID.onchange;
    //觉醒
    const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken");
    const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count");
    const monEditAwokens = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul input[name='awoken-number']"));

    function checkAwoken() {
        const card = Cards[editBox.mid];
        const value = parseInt(this.value, 10);
        awokenCountLabel.innerHTML = value;
        if (value > 0 && value == (card.awakenings.length))
            awokenCountLabel.classList.add("full-awoken");
        else
            awokenCountLabel.classList.remove("full-awoken");
        reCalculateAbility();
    }
    monEditAwokens.forEach(akDom => akDom.onclick = checkAwoken);

    const monEditAwokensLabel = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul .awoken-icon"));

    function playVoiceAwoken() { //点击label才播放语音
        const card = Cards[editBox.mid];
        if (parseInt(this.getAttribute("data-awoken-icon"), 10) === 63) {
            let decoder = new Adpcm(adpcm_wasm, pcmImportObj);
            decoder.resetDecodeState(new Adpcm.State(0, 0));
            decodeAudio(`sound/voice/${currentDataSource.code}/padv${PrefixInteger(card.voiceId,3)}.wav`, decoder.decode.bind(decoder));
        }
    }
    monEditAwokensLabel.forEach(akDom => akDom.onclick = playVoiceAwoken);

    //超觉醒
    const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
    monEditSAwokensRow.swaokenIndex = -1;
    const monEditSAwokens = Array.from(monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']"));

    function notCheckMyself() {
        const value = parseInt(this.value, 10);
        if (value >= 0 && monEditSAwokensRow.swaokenIndex === value) {
            monEditSAwokens[0].click();
        } else {
            monEditSAwokensRow.swaokenIndex = value;
        }
    }
    monEditSAwokens.forEach(akDom => {
        akDom.onclick = notCheckMyself;
    });
    //3个快速设置this.ipt为自己的value
    function setIptToMyValue() {
        if (this.ipt.value != this.value) {
            this.ipt.value = this.value;
            this.ipt.onchange();
        }
    }
    //等级
    const monEditLv = settingBox.querySelector(".m-level");
    monEditLv.onchange = function() {
        reCalculateExp();
        reCalculateAbility();
    };
    const monEditLvMin = settingBox.querySelector(".m-level-btn-min");
    const monLvExp = settingBox.querySelector(".m-level-exp");
    monEditLvMin.ipt = monEditLv;
    monEditLvMin.onclick = setIptToMyValue;
    const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
    monEditLvMax.ipt = monEditLv;
    monEditLvMax.onclick = setIptToMyValue;
    const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
    monEditLv110.ipt = monEditLv;
    monEditLv110.onclick = setIptToMyValue;
    //编辑界面重新计算怪物的经验值
    function reCalculateExp() {
        const monid = parseInt(monstersID.value || 0, 10);
        const level = parseInt(monEditLv.value || 0, 10);
        const tempMon = {
            id: monid,
            level: level
        };
        const needExp = calculateExp(tempMon);
        monLvExp.innerHTML = needExp ? parseBigNumber(needExp[0]) + (level > 99 ? ` + ${parseBigNumber(needExp[1])}` : "") : "";
    }
    editBox.reCalculateExp = reCalculateExp;
    //三维
    const rowMonAbility = settingBox.querySelector(".row-mon-ability");
    const monEditHpValue = rowMonAbility.querySelector(".m-hp-li .ability-value");
    const monEditAtkValue = rowMonAbility.querySelector(".m-atk-li .ability-value");
    const monEditRcvValue = rowMonAbility.querySelector(".m-rcv-li .ability-value");
    //加蛋
    const rowMonPlus = settingBox.querySelector(".row-mon-plus");
    const monEditAddHpLi = rowMonPlus.querySelector(".m-hp-li");
    const monEditAddAtkLi = rowMonPlus.querySelector(".m-atk-li");
    const monEditAddRcvLi = rowMonPlus.querySelector(".m-rcv-li");
    const monEditAddHp = monEditAddHpLi.querySelector(".m-plus-hp");
    monEditAddHp.onchange = reCalculateAbility;
    const monEditAddAtk = monEditAddAtkLi.querySelector(".m-plus-atk");
    monEditAddAtk.onchange = reCalculateAbility;
    const monEditAddRcv = monEditAddRcvLi.querySelector(".m-plus-rcv");
    monEditAddRcv.onchange = reCalculateAbility;
    //3个快速设置按钮
    const monEditAddHpBtn = monEditAddHpLi.querySelector(".m-plus-btn");
    monEditAddHpBtn.ipt = monEditAddHp;
    monEditAddHpBtn.onclick = setIptToMyValue;
    const monEditAddAtkBtn = monEditAddAtkLi.querySelector(".m-plus-btn");
    monEditAddAtkBtn.ipt = monEditAddAtk;
    monEditAddAtkBtn.onclick = setIptToMyValue;
    const monEditAddRcvBtn = monEditAddRcvLi.querySelector(".m-plus-btn");
    monEditAddRcvBtn.ipt = monEditAddRcv;
    monEditAddRcvBtn.onclick = setIptToMyValue;
    //297按钮
    const monEditAdd297 = rowMonPlus.querySelector(".m-plus-btn-297");
    monEditAdd297.onclick = function() {
        monEditAddHp.value = 99;
        monEditAddAtk.value = 99;
        monEditAddRcv.value = 99;
        reCalculateAbility();
    };

    //潜觉
    const monEditLatentUl = settingBox.querySelector(".m-latent-ul");
    const monEditLatents = Array.from(monEditLatentUl.querySelectorAll("li"));
    const monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul");
    const monEditLatentsAllowable = Array.from(monEditLatentAllowableUl.querySelectorAll("li"));
    editBox.refreshLatent = function(latent, monid) //刷新潜觉
        {
            refreshLatent(latent, monid, monEditLatents);
        };
    const hideClassName = 'hide-less-use-latent';
    const s_hideLessUseLetent = settingBox.querySelector(`#${hideClassName}`);
    s_hideLessUseLetent.onchange = function() {
        toggleDomClassName(this, hideClassName, true, monEditLatentAllowableUl);
        localStorage.setItem("PADDF-" + hideClassName, this.checked ? 1 : 0);
    }
    s_hideLessUseLetent.checked = Boolean(parseInt(localStorage.getItem("PADDF-" + hideClassName)));
    s_hideLessUseLetent.onchange();

    if (isGuideMod)
        monEditLatentAllowableUl.querySelector('.latent-icon[data-latent-icon="11"]').classList.remove('frequent');

    const rowSkill = settingBox.querySelector(".row-mon-skill");
    const skillBox = rowSkill.querySelector(".skill-box");
    const skillTitle = skillBox.querySelector(".skill-name");
    const skillCD = skillBox.querySelector(".skill-cd");
    const skillLevel = skillBox.querySelector(".m-skill-level");
    const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
    const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");

    skillTitle.onclick = function() {
        const skillId = parseInt(this.getAttribute("data-skillid"), 10); //获得当前技能ID
        const s_cards = Cards.filter(card => card.activeSkillId === skillId); //搜索同技能怪物
        if (s_cards.length > 1) {
            showSearch(s_cards); //显示
        }
    };
    skillLevel.onchange = function() {
        const card = Cards[editBox.mid] || Cards[0]; //怪物固定数据
        const skill = Skills[card.activeSkillId];
        skillCD.innerHTML = skill.initialCooldown - this.value + 1;
    };
    skillLevel_1.ipt = skillLevel;
    skillLevel_1.onclick = setIptToMyValue;
    skillLevel_Max.ipt = skillLevel;
    skillLevel_Max.onclick = setIptToMyValue;

    //已有觉醒的去除
    function deleteLatent() {
        const aIdx = monEditLatents.filter(l => !l.classList.contains(className_displayNone)).findIndex(l => l == this);
        editBox.latent.splice(aIdx, 1);
        editBox.reCalculateAbility(); //重计算三维
        editBox.refreshLatent(editBox.latent, editBox.mid); //刷新潜觉
    }
    monEditLatents.forEach(la => la.onclick = deleteLatent);
    //可选觉醒的添加
    function addLatent() {
        if (this.classList.contains("unallowable-latent")) return; //不能选的觉醒直接退出
        const lIdx = parseInt(this.getAttribute("data-latent-icon"), 10); //潜觉的序号
        const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
        const usedHoleN = usedHole(editBox.latent); //已经使用了的格子
        const enabledHole = maxLatentCount - usedHoleN; //还剩余的格子

        if (latentUseHole(lIdx) <= enabledHole)
            editBox.latent.push(lIdx);
        else
            return;

        editBox.reCalculateAbility();
        editBox.refreshLatent(editBox.latent, editBox.mid);
    }
    monEditLatentsAllowable.forEach(la => la.onclick = addLatent);

    //编辑界面重新计算怪物的能力
    function reCalculateAbility() {
        const monid = parseInt(monstersID.value || 0, 10);
        const level = parseInt(monEditLv.value || 0, 10);

        const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
        const awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0;
        const plus = [
            parseInt(monEditAddHp.value || 0, 10),
            parseInt(monEditAddAtk.value || 0, 10),
            parseInt(monEditAddRcv.value || 0, 10)
        ];
        const latent = editBox.latent;
        const tempMon = {
            id: monid,
            level: level,
            plus: plus,
            awoken: awoken,
            latent: latent
        };
        const abilitys = calculateAbility(tempMon, null, solo, teamsCount);

        monEditHpValue.innerHTML = abilitys ? abilitys[0][0].toLocaleString() : 0;
        monEditAtkValue.innerHTML = abilitys ? abilitys[1][0].toLocaleString() : 0;
        monEditRcvValue.innerHTML = abilitys ? abilitys[2][0].toLocaleString() : 0;
    }
    editBox.reCalculateAbility = reCalculateAbility;

    const btnCancel = editBox.querySelector(".button-cancel");
    const btnDone = editBox.querySelector(".button-done");
    const btnNull = editBox.querySelector(".button-null");
    const btnDelay = editBox.querySelector(".button-delay");
    btnCancel.onclick = function() {
        btnDone.classList.remove("cant-assist");
        btnDone.disabled = false;
        editBox.memberIdx = [];
        editBox.hide();
    };
    btnDone.onclick = function() {
        if (parseInt(monEditLv.value, 10) == 0) {
            btnNull.onclick();
            return;
        }
        const mon = editBox.isAssist ? new MemberAssist() : new MemberTeam();
        const teamData = formation.teams[editBox.memberIdx[0]];
        const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
        const teamBox = teamBigBox.querySelector(".team-box");

        teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;

        mon.id = parseInt(monstersID.value, 10);
        const card = Cards[mon.id] || Cards[0];
        const skill = Skills[card.activeSkillId];

        mon.level = parseInt(monEditLv.value, 10);

        const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
        mon.awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0;
        if (card.superAwakenings.length) //如果支持超觉醒
        {
            const mSAwokenChoIpt = monEditSAwokensRow.querySelector("input[name='sawoken-choice']:checked");
            mon.sawoken = mSAwokenChoIpt ? parseInt(mSAwokenChoIpt.value, 10) : -1;
        }

        if (card.types.some(t => { return t == 0 || t == 12 || t == 14 || t == 15; }) &&
            (!card.overlay || mon.level >= card.maxLevel)) { //当4种特殊type的时候是无法297和打觉醒的，但是不能叠加的在未满级时可以
            mon.plus = [0, 0, 0];
        } else {
            mon.plus[0] = parseInt(monEditAddHp.value) || 0;
            mon.plus[1] = parseInt(monEditAddAtk.value) || 0;
            mon.plus[2] = parseInt(monEditAddRcv.value) || 0;
            if (!editBox.isAssist) { //如果不是辅助，则可以设定潜觉
                mon.latent = editBox.latent.concat()
                    .sort((a, b) => latentUseHole(b) - latentUseHole(a)); //并排序
            }
        }

        const skillLevelNum = parseInt(skillLevel.value, 10);
        if (skillLevelNum < skill.maxLevel) {
            mon.skilllevel = skillLevelNum;
        }
        changeid(mon, editBox.monsterHead, editBox.memberIdx[1] ? null : editBox.latentBox);

        const teamAbilityDom = teamBigBox.querySelector(".team-ability");
        refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值

        const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
        if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]);
        const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
        if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);

        const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
        if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
        const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
        if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);

        //刷新改队员的CD
        refreshMemberSkillCD(teamBox, teamData, editBox.memberIdx[2]);
        creatNewUrl();
        editBox.hide();
    };
    window.onkeydown = function(e) {
        if (!editBox.classList.contains(className_displayNone)) {
            if (e.keyCode == 27) { //按下ESC时，自动关闭编辑窗
                btnCancel.onclick();
            }
        }
    };
    btnNull.onclick = function() { //空位置
        const mon = new Member();
        const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
        const teamData = formation.teams[editBox.memberIdx[0]];
        teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;

        changeid(mon, editBox.monsterHead, editBox.latentBox);

        const teamAbilityDom = teamBigBox.querySelector(".team-ability");
        refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值

        const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
        if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]);
        const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
        if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);

        const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
        if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
        const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
        if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);

        //刷新改队员的CD
        refreshMemberSkillCD(teamBigBox, teamData, editBox.memberIdx[2]);

        creatNewUrl();
        editBox.hide();
    };
    btnDelay.onclick = function() { //应对威吓
        const mon = new MemberDelay();
        const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
        const teamData = formation.teams[editBox.memberIdx[0]];
        teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;

        changeid(mon, editBox.monsterHead, editBox.latentBox);

        const teamAbilityDom = teamBigBox.querySelector(".team-ability");
        refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值

        const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
        if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]);
        const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
        if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);

        const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
        if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
        const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
        if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);

        //刷新改队员的CD
        refreshMemberSkillCD(teamBigBox, teamData, editBox.memberIdx[2]);

        creatNewUrl();
        editBox.hide();
    };

    //语言选择
    const langList = controlBox.querySelector(".languages");
    langList.onchange = function() {
        creatNewUrl({ "language": this.value });
        history.go();
    };
    //数据源选择
    const dataList = controlBox.querySelector(".datasource");
    dataList.onchange = function() {
        creatNewUrl({ datasource: this.value });
        history.go();
    };

    /*添对应语言执行的JS*/
    const languageJS = document.head.appendChild(document.createElement("script"));
    languageJS.id = "language-js";
    languageJS.type = "text/javascript";
    languageJS.src = "languages/" + currentLanguage.i18n + ".js";

    if (isGuideMod) //图鉴模式直接打开搜索框
        showSearch([]);
}
//编辑界面点击每个怪物的头像的处理
function clickMonHead(e) {
    let team = parseInt(this.getAttribute("data-team"), 10);
    let assist = parseInt(this.getAttribute("data-assist"), 10);
    let index = parseInt(this.getAttribute("data-index"), 10);
    editMon(team, assist, index);
    return false; //没有false将会打开链接
}
//编辑界面每个怪物的头像的拖动
function dragStartMonHead(e) {
    let team = parseInt(this.getAttribute("data-team"), 10);
    let assist = parseInt(this.getAttribute("data-assist"), 10);
    let index = parseInt(this.getAttribute("data-index"), 10);
    e.dataTransfer.setData('from', [team, assist, index].join(","));
}
//编辑界面每个怪物的头像的经过，阻止事件发生
function dropOverMonHead(e) {
    e.preventDefault();
}
//从怪物头像获取队员的队伍编号
function getMemberArrayIndexFromMonHead(headDom) {
    return [
        parseInt(headDom.getAttribute("data-team"), 10),
        parseInt(headDom.getAttribute("data-assist"), 10),
        parseInt(headDom.getAttribute("data-index"), 10),
    ];
}
//编辑界面每个怪物的头像的放下
function dropMonHead(e) {
    const dataFrom = e.dataTransfer.getData('from').split(",").map((i) => { return parseInt(i, 10); });
    const dataTo = getMemberArrayIndexFromMonHead(this);

    if ((dataTo[0] != dataFrom[0]) ||
        (dataTo[1] != dataFrom[1]) ||
        (dataTo[2] != dataFrom[2])) { //必须有所不同才继续交换
        interchangeCard(dataFrom, dataTo);
    }
    return false; //没有false将会打开链接
}
//移动端编辑界面每个怪物的头像的放下
function touchstartMonHead(e) {
    e.stopPropagation();
    //console.log("开始触摸",e,this);
    const tc = e.changedTouches[0];
    const pX = tc.pageX,
        pY = tc.pageY;
    interchangeSVG.style.display = "none";
    interchangeSVG.changePoint({ x: pX, y: pY }, { x: pX, y: pY });
}
//移动端编辑界面每个怪物的头像的移动
function touchmoveMonHead(e) {
    //console.log("移动中",e,this);
    const tc = e.changedTouches[0];
    const pX = tc.pageX,
        pY = tc.pageY;
    const rect = this.getBoundingClientRect();
    const top = rect.top + document.documentElement.scrollTop;
    const left = rect.left + document.documentElement.scrollLeft;
    if ((pY < top) || (pY > (top + rect.height)) ||
        (pX < left) || (pX > (left + rect.width))) {
        interchangeSVG.style.display = "block";
        interchangeSVG.changePoint(null, { x: pX, y: pY });
    } else {
        interchangeSVG.style.display = "none";
    }
}
//移动端编辑界面每个怪物的头像的结束
function touchendMonHead(e) {
    const tc = e.changedTouches[0];
    const pX = tc.pageX,
        pY = tc.pageY;
    //console.log("移动结束",pX,pY,e,this);
    interchangeSVG.style.display = "none";
    interchangeSVG.changePoint(null, { x: pX, y: pY });
    let target = allMembers.find(m => {
        const rect = m.getBoundingClientRect();
        const top = rect.top + document.documentElement.scrollTop;
        const left = rect.left + document.documentElement.scrollLeft;
        const isInRect = (pY > top) && (pY < (top + rect.height)) &&
            (pX > left) && (pX < (left + rect.width));
        return isInRect;
    });
    if (target && this != target) {
        //console.log("找到的对象",targets[0]);
        let dataFrom = getMemberArrayIndexFromMonHead(this);
        let dataTo = getMemberArrayIndexFromMonHead(target);

        if ((dataTo[0] != dataFrom[0]) ||
            (dataTo[1] != dataFrom[1]) ||
            (dataTo[2] != dataFrom[2])) { //必须有所不同才继续交换
            interchangeCard(dataFrom, dataTo);
        }
    }
}
//移动端编辑界面每个怪物的头像的取消
function touchcancelMonHead(e) {
    interchangeSVG.style.display = "none";
    console.log("移动取消", e, this);
}

function interchangeCard(formArr, toArr) {
    function changeType(member, isAssist) {
        if (member.id == 0 || (isAssist && member.id == -1)) {
            return new Member();
        } else {
            const newMember = isAssist ? new MemberTeam() : new MemberAssist();
            newMember.loadFromMember(member);
            return newMember;
        }
    }
    const changeSwapToCopy = controlBox.querySelector("#change-swap-to-copy"); //储存交换“复制”和“替换”
    const isCopy = changeSwapToCopy.checked;
    let from = formation.teams[formArr[0]][formArr[1]][formArr[2]];
    let to = formation.teams[toArr[0]][toArr[1]][toArr[2]];
    if (formArr[1] != toArr[1]) //从武器拖到非武器才改变类型
    {
        from = changeType(from, formArr[1]);
        if (!isCopy) to = changeType(to, toArr[1]);
    } else if (isCopy) {
        const newFrom = new from.constructor();
        newFrom.loadFromMember(from);
        from = newFrom;
    }
    formation.teams[toArr[0]][toArr[1]][toArr[2]] = from;
    if (!isCopy) formation.teams[formArr[0]][formArr[1]][formArr[2]] = to;

    creatNewUrl(); //刷新URL
    refreshAll(formation); //刷新全部
}
//改变一个怪物头像
function changeid(mon, monDom, latentDom) {
    let fragment = document.createDocumentFragment(); //创建节点用的临时空间
    const parentNode = monDom.parentNode;
    fragment.appendChild(monDom);
    const monId = mon.id;
    const card = Cards[monId] || Cards[0]; //怪物固定数据
    monDom.setAttribute("data-cardid", monId); //设定新的id
    if (monId < 0) //如果是延迟
    {
        monDom.removeAttribute("href");
        monDom.removeAttribute("title");
        parentNode.classList.add("delay");
        parentNode.classList.remove("null");
        parentNode.appendChild(fragment);
        if (latentDom) latentDom.classList.add(className_displayNone);
        return;
    } else if (monId == 0) //如果是空
    {
        monDom.removeAttribute("href");
        monDom.removeAttribute("title");
        parentNode.classList.add("null");
        parentNode.classList.remove("delay");
        parentNode.appendChild(fragment);
        if (latentDom) latentDom.classList.add(className_displayNone);
        return;
    } else if (monId > -1) //如果提供了id
    {
        parentNode.classList.remove("null");
        parentNode.classList.remove("delay");

        monDom.setAttribute("data-cards-pic-idx", Math.ceil(monId / 100)); //添加图片编号
        const idxInPage = (monId - 1) % 100; //获取当前页面的总序号
        monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号
        monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号

        monDom.querySelector(".property").setAttribute("data-property", card.attrs[0]); //主属性
        monDom.querySelector(".subproperty").setAttribute("data-property", card.attrs[1]); //副属性

        monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
        monDom.href = currentLanguage.guideURL(monId, card.name);
        if (card.canAssist)
            monDom.classList.add("allowable-assist");
        else
            monDom.classList.remove("allowable-assist");
        if (card.awakenings.includes(49)) //武器
            monDom.classList.add("wepon");
        else
            monDom.classList.remove("wepon");
    }
    const levelDom = monDom.querySelector(".level");
    if (levelDom) //如果提供了等级
    {
        const level = mon.level || 1;
        levelDom.innerHTML = level;
        if (level == card.maxLevel) { //如果等级刚好等于最大等级，则修改为“最大”的字
            levelDom.classList.add("max");
        } else {
            levelDom.classList.remove("max");
        }
        if (card.limitBreakIncr && level >= card.maxLevel) { //如果支持超觉，并且等级超过99，就添加支持超觉的蓝色
            levelDom.classList.add("_110");
        } else {
            levelDom.classList.remove("_110");
        }
    }
    const awokenIcon = monDom.querySelector(".awoken-count");
    if (awokenIcon) {
        if (card.awakenings.length < 1 || mon.awoken == 0) //没觉醒
        {
            awokenIcon.classList.add(className_displayNone);
            awokenIcon.innerHTML = "";
        } else if (mon.awoken > 0) //如果提供了觉醒
        {
            awokenIcon.classList.remove(className_displayNone);
            awokenIcon.innerHTML = mon.awoken;
            if (mon.awoken == card.awakenings.length) {
                awokenIcon.classList.add("full-awoken");
            } else {
                awokenIcon.classList.remove("full-awoken");
            }
        }
    }
    const sawoken = monDom.querySelector(".super-awoken");
    if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒
    {
        if (mon.sawoken != undefined && mon.sawoken >= 0 && card.superAwakenings.length) {
            sawoken.classList.remove(className_displayNone);
            const sawokenIcon = sawoken.querySelector(".awoken-icon");
            sawokenIcon.setAttribute("data-awoken-icon", card.superAwakenings[mon.sawoken]);
        } else {
            sawoken.classList.add(className_displayNone);
        }
    }
    const m_id = monDom.querySelector(".id");
    if (m_id) //怪物ID
    {
        m_id.innerHTML = monId;
    }
    const plusArr = mon.plus || [0, 0, 0];
    const plusDom = monDom.querySelector(".plus");
    if (plusArr && plusDom) //如果提供了加值，且怪物头像内有加值
    {
        const plusCount = plusArr[0] + plusArr[1] + plusArr[2];
        if (plusCount <= 0) {
            plusDom.classList.add(className_displayNone);
        } else if (plusCount >= 297) {
            plusDom.classList.add("has297");
            plusDom.classList.remove(className_displayNone);
        } else {
            plusDom.querySelector(".hp").innerHTML = plusArr[0];
            plusDom.querySelector(".atk").innerHTML = plusArr[1];
            plusDom.querySelector(".rcv").innerHTML = plusArr[2];
            plusDom.classList.remove("has297");
            plusDom.classList.remove(className_displayNone);
        }
    }
    if (latentDom) {
        if (mon.latent) //如果提供了潜觉
        {
            const latent = mon.latent;
            if (latent.length < 1) {
                latentDom.classList.add(className_displayNone);
            } else {
                const latentDoms = Array.from(latentDom.querySelectorAll("li"));
                refreshLatent(latent, mon.id, latentDoms);
                latentDom.classList.remove(className_displayNone);
            }
        } else {
            latentDom.classList.add(className_displayNone);
        }
    }

    const skillCdDom = monDom.querySelector(".skill");
    if (skillCdDom) //如果存在技能CD DOM
    {
        //const skill = Skills[card.activeSkillId];
        if (card.activeSkillId == 0) {
            skillCdDom.classList.add(className_displayNone);
        } else {
            skillCdDom.classList.remove(className_displayNone);
        }
    }

    parentNode.appendChild(fragment);
}
//刷新潜觉
function refreshLatent(latent, monid, iconArr) {
    const maxLatentCount = getMaxLatentCount(monid); //最大潜觉数量
    let latentIndex = 0,
        usedHoleN = 0;
    for (let ai = 0; ai < iconArr.length; ai++) {
        const icon = iconArr[ai];
        if (latent[latentIndex] != undefined && ai >= usedHoleN && ai < maxLatentCount) //有潜觉
        {
            icon.setAttribute("data-latent-icon", latent[latentIndex]);
            icon.classList.remove(className_displayNone);
            usedHoleN += latentUseHole(latent[latentIndex]);
            latentIndex++;
        } else if (ai < usedHoleN) //多格潜觉后方隐藏
        {
            icon.classList.add(className_displayNone);
        } else if (ai < maxLatentCount) //没有使用的空格觉醒
        {
            icon.removeAttribute("data-latent-icon");
            icon.classList.remove(className_displayNone);
        } else //不需要显示的部分
        {
            icon.classList.add(className_displayNone);
        }
    }
};
//点击怪物头像，出现编辑窗
function editMon(teamNum, isAssist, indexInTeam) {
    //数据
    const mon = formation.teams[teamNum][isAssist][indexInTeam];

    const teamBigBox = teamBigBoxs[teamNum];
    const teamBox = teamBigBox.querySelector(".team-box");
    const memberBox = teamBox.querySelector(isAssist ? ".team-assist" : ".team-members");
    const memberLi = memberBox.querySelector(`.member-${indexInTeam+1}`);

    const monsterHead = memberLi.querySelector(".monster");

    editBox.show();

    editBox.isAssist = isAssist;
    editBox.monsterHead = monsterHead;
    editBox.memberIdx = [teamNum, isAssist, indexInTeam]; //储存队伍数组下标
    if (!isAssist) {
        const latentBox = teamBox.querySelector(".team-latents .latents-" + (indexInTeam + 1) + " .latent-ul");
        editBox.latentBox = latentBox;
    } else {
        editBox.latentBox = null;
    }

    const settingBox = editBox.querySelector(".setting-box");
    const monstersID = settingBox.querySelector(".row-mon-id .m-id");
    monstersID.value = mon.id > 0 ? mon.id : 0;
    monstersID.onchange();
    //觉醒
    const monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul input[name='awoken-number']");
    //if (mon.awoken > 0 && monEditAwokens[mon.awoken]) monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下，为了减少计算次数，把这一条移动到了最后面
    //超觉醒
    const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
    const monEditSAwokens = monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']"); //单选框，0号是隐藏的
    monEditSAwokens[(mon.sawoken >= 0 && monEditSAwokens[mon.sawoken + 1]) ? mon.sawoken + 1 : 0].checked = true;
    monEditSAwokensRow.swaokenIndex = mon.sawoken;

    const monEditLv = settingBox.querySelector(".row-mon-level .m-level");
    monEditLv.value = mon.level || 1;
    const monEditAddHp = settingBox.querySelector(".row-mon-plus .m-plus-hp");
    const monEditAddAtk = settingBox.querySelector(".row-mon-plus .m-plus-atk");
    const monEditAddRcv = settingBox.querySelector(".row-mon-plus .m-plus-rcv");
    if (mon.plus && mon.id > 0) {
        monEditAddHp.value = mon.plus[0];
        monEditAddAtk.value = mon.plus[1];
        monEditAddRcv.value = mon.plus[2];
    }
    const rowMonLatent = settingBox.querySelector(".row-mon-latent");
    const skillLevel = settingBox.querySelector(".row-mon-skill .skill-box .m-skill-level");
    if (mon.skilllevel) {
        skillLevel.value = mon.skilllevel;
    }
    skillLevel.onchange();

    const editBoxTitle = editBox.querySelector(".edit-box-title");
    const btnDelay = editBox.querySelector(".button-box .button-delay");
    if (!isAssist) {
        editBox.latent = mon.latent ? mon.latent.concat() : [];
        editBox.refreshLatent(editBox.latent, mon.id);
        btnDelay.classList.add(className_displayNone);
        rowMonLatent.classList.remove(className_displayNone);
        editBoxTitle.classList.remove("edit-box-title-assist");
    } else {
        btnDelay.classList.remove(className_displayNone);
        rowMonLatent.classList.add(className_displayNone);
        editBoxTitle.classList.add("edit-box-title-assist");
    }
    editBox.reCalculateExp();
    if (mon.awoken !== undefined && monEditAwokens[mon.awoken])
        monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下
    else
        editBox.reCalculateAbility();
}
//编辑窗，修改怪物ID
function editBoxChangeMonId(id) {
    const card = Cards[id] || Cards[0]; //怪物固定数据
    if (card.id == 0) {
        id = 0;
    }
    const skill = Skills[card.activeSkillId];
    const leaderSkill = Skills[card.leaderSkillId];

    let fragment = null;

    const monInfoBox = editBox.querySelector(".monsterinfo-box");
    const settingBox = editBox.querySelector(".setting-box");

    //id搜索
    const monHead = monInfoBox.querySelector(".monster");
    changeid({ id: id }, monHead); //改变图像
    const mId = monInfoBox.querySelector(".monster-id");
    mId.innerHTML = id;
    const mRare = monInfoBox.querySelector(".monster-rare");
    mRare.setAttribute("data-rarity", card.rarity);
    const mCost = monInfoBox.querySelector(".monster-cost");
    mCost.innerHTML = card.cost;
    /*const mExp = monInfoBox.querySelector(".monster-exp");
    mExp.innerHTML = card.exp.max;*/
    const mName = monInfoBox.querySelector(".monster-name");
    mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
    const mSeriesId = monInfoBox.querySelector(".monster-seriesId");
    mSeriesId.innerHTML = card.seriesId;
    mSeriesId.setAttribute("data-seriesId", card.seriesId);
    if (card.seriesId == 0) {
        mSeriesId.classList.add(className_displayNone);
    } else {
        mSeriesId.classList.remove(className_displayNone);
    }
    const mCollabId = monInfoBox.querySelector(".monster-collabId");
    mCollabId.innerHTML = card.collabId;
    mCollabId.setAttribute("data-collabId", card.collabId);
    if (card.collabId == 0) {
        mCollabId.classList.add(className_displayNone);
    } else {
        mCollabId.classList.remove(className_displayNone);
    }
    const mAltName = monInfoBox.querySelector(".monster-altName");
    mAltName.innerHTML = card.altName;
    mAltName.setAttribute("data-altName", card.altName);

    if (card.altName.length == 0) { //当没有合作名
        mAltName.classList.add(className_displayNone);
    } else {
        mAltName.classList.remove(className_displayNone);
    }

    const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
    evoCardUl.style.display = "none";
    evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好

    const evoLinkCardsIdArray = Cards.filter(function(m) {
        return m.evoRootId == card.evoRootId;
    }).map(function(m) { return m.id; }); //筛选出相同进化链的

    const createCardHead = editBox.createCardHead;
    if (evoLinkCardsIdArray.length > 1) {
        fragment = document.createDocumentFragment(); //创建节点用的临时空间
        evoLinkCardsIdArray.forEach(function(mid) {
            const cli = createCardHead(mid);
            if (mid == id) {
                cli.classList.add("unable-monster");
            }
            fragment.appendChild(cli);
        });
        evoCardUl.appendChild(fragment);
        evoCardUl.style.display = "block";
    }

    const mType = monInfoBox.querySelectorAll(".monster-type li");
    for (let ti = 0; ti < mType.length; ti++) {
        if (ti < card.types.length && card.types[ti] >= 0) {
            mType[ti].setAttribute("data-type-name", card.types[ti]);
            mType[ti].querySelector(".type-icon").setAttribute("data-type-icon", card.types[ti]);
            mType[ti].classList.remove(className_displayNone);
        } else {
            mType[ti].classList.add(className_displayNone);
        }
    }

    const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken .awoken-ul");
    const mAwokenIcon = monEditAwokensRow.querySelectorAll(".awoken-icon");
    const mAwokenIpt = monEditAwokensRow.querySelectorAll("input[name='awoken-number']");
    if (card.canAssist) {
        monEditAwokensRow.classList.add("allowable-assist");
    } else {
        monEditAwokensRow.classList.remove("allowable-assist");
    }
    for (let ai = 0; ai < mAwokenIcon.length; ai++) {
        if (ai < card.awakenings.length) {
            mAwokenIcon[ai].setAttribute("data-awoken-icon", card.awakenings[ai]);
            mAwokenIcon[ai].classList.remove(`display-none`);
        } else {
            mAwokenIcon[ai].classList.add(`display-none`);
        }
    }
    mAwokenIpt[card.awakenings.length].click(); //选择最后一个觉醒

    //超觉醒
    const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
    const mSAwoken = monEditSAwokensRow.querySelectorAll(".awoken-ul .awoken-icon");
    if (card.superAwakenings.length > 0) //辅助时也还是加入超觉醒吧
    {
        for (let ai = 0; ai < mSAwoken.length; ai++) {
            if (ai < card.superAwakenings.length) {
                mSAwoken[ai].setAttribute("data-awoken-icon", card.superAwakenings[ai]);
                mSAwoken[ai].classList.remove(`display-none`);
            } else {
                mSAwoken[ai].classList.add(`display-none`);
            }
        }
        monEditSAwokensRow.classList.remove(className_displayNone);
    } else {
        monEditSAwokensRow.classList.add(className_displayNone);
    }
    monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉

    const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
    monEditLvMax.innerHTML = monEditLvMax.value = card.maxLevel;
    const monEditLv = settingBox.querySelector(".m-level");
    monEditLv.max = monEditLv.value = card.maxLevel + (card.limitBreakIncr ? 11 : 0); //默认等级为110
    const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
    if (card.limitBreakIncr) {
        monEditLv110.classList.remove(className_displayNone);
    } else {
        monEditLv110.classList.add(className_displayNone);
    }
    const rowPlus = settingBox.querySelector(".row-mon-plus");
    const rowLatent = settingBox.querySelector(".row-mon-latent");
    const monLatentAllowUl = rowLatent.querySelector(".m-latent-allowable-ul");
    //该宠Type允许的杀，set不会出现重复的
    const allowLatent = new Set();
    card.types
        .filter(i => i >= 0)
        .map(type => type_allowable_latent[type])
        .forEach(tA => tA.forEach(t => allowLatent.add(t)));

    typekiller_for_type.forEach(type => { //显示允许的杀，隐藏不允许的杀
        const latentDom = monLatentAllowUl.querySelector(`.latent-icon[data-latent-icon='${type.latent}']`);
        if (!latentDom) return;
        if (allowLatent.has(type.latent)) {
            latentDom.classList.remove("unallowable-latent");
        } else {
            latentDom.classList.add("unallowable-latent");
        }
    })

    //怪物主动技能
    const rowSkill = settingBox.querySelector(".row-mon-skill");
    const skillBox = rowSkill.querySelector(".skill-box");
    const skillTitle = skillBox.querySelector(".skill-name");
    const skillCD = skillBox.querySelector(".skill-cd");
    const skillLevel = skillBox.querySelector(".m-skill-level");
    //const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
    const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
    const skillDetail = skillBox.querySelector(".skill-datail");

    fragment = document.createDocumentFragment(); //创建节点用的临时空间
    fragment.appendChild(skillBox);

    skillTitle.innerHTML = descriptionToHTML(skill.name);
    skillTitle.setAttribute("data-skillid", skill.id);
    skillDetail.innerHTML = parseSkillDescription(skill);
    const t_maxLevel = card.overlay || card.types.includes(15) ? 1 : skill.maxLevel; //遇到不能升技的，最大等级强制为1
    skillLevel.max = t_maxLevel;
    skillLevel.value = t_maxLevel;
    skillLevel_Max.value = t_maxLevel;
    skillLevel_Max.innerHTML = skill.maxLevel;
    skillCD.innerHTML = skill.initialCooldown - t_maxLevel + 1;

    rowSkill.appendChild(fragment);

    //怪物队长技能
    const rowLederSkill = settingBox.querySelector(".row-mon-leader-skill");
    const lskillBox = rowLederSkill.querySelector(".skill-box");
    const lskillTitle = lskillBox.querySelector(".skill-name");
    const lskillDetail = lskillBox.querySelector(".skill-datail");

    fragment = document.createDocumentFragment(); //创建节点用的临时空间
    fragment.appendChild(lskillBox);

    lskillTitle.innerHTML = descriptionToHTML(leaderSkill.name);
    lskillDetail.innerHTML = parseSkillDescription(leaderSkill);

    rowLederSkill.appendChild(fragment);

    if (card.overlay || card.types[0] == 15 && card.types[1] == -1) { //当可以叠加时，不能打297和潜觉
        rowPlus.classList.add("disabled");
        rowPlus.querySelector(".m-plus-hp").value = 0;
        rowPlus.querySelector(".m-plus-atk").value = 0;
        rowPlus.querySelector(".m-plus-rcv").value = 0;

        rowLatent.classList.add("disabled");
        skillLevel.setAttribute("readonly", true);
    } else {
        rowPlus.classList.remove("disabled");
        rowLatent.classList.remove("disabled");
        skillLevel.removeAttribute("readonly");
    }

    if (editBox.isAssist) {
        const btnDone = editBox.querySelector(".button-done");
        if (!card.canAssist) {
            btnDone.classList.add("cant-assist");
            btnDone.disabled = true;
        } else {
            btnDone.classList.remove("cant-assist");
            btnDone.disabled = false;
        }
    }

    const allKillerLatent = typekiller_for_type.map(type => type.latent);
    //去除所有不能再打的潜觉
    editBox.latent = editBox.latent.filter(lat =>
        !allKillerLatent.includes(lat) ||
        allKillerLatent.includes(lat) && allowLatent.has(lat));
    editBox.refreshLatent(editBox.latent, id);
    editBox.reCalculateExp();
    editBox.reCalculateAbility();
}
//搜索并显示合作
function searchColla(collabId) {
    if (typeof(collabId) == "string") collabId = parseInt(collabId, 10);
    showSearch(Cards.filter(card => { return card.collabId == collabId; }));
}
//刷新整个队伍
function refreshAll(formationData) {
    let fragment = document.createDocumentFragment(); //创建节点用的临时空间
    const titleBox = fragment.appendChild(formationBox.querySelector(".title-box"));
    const detailBox = formationBox.querySelector(".detail-box");
    const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
    const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计

    while (formationBox.childNodes.length > 0) {
        fragment.appendChild(formationBox.childNodes[0]);
    }

    const txtTitle = titleBox.querySelector(".title");
    const txtDetail = detailBox.querySelector(".detail");
    txtTitle.value = formationData.title || "";
    txtDetail.value = formationData.detail || "";
    const txtTitleDisplay = titleBox.querySelector(".title-display");
    const txtDetailDisplay = detailBox.querySelector(".detail-display");
    txtTitleDisplay.innerHTML = descriptionToHTML(txtTitle.value);
    txtDetailDisplay.innerHTML = descriptionToHTML(txtDetail.value);
    if (txtTitle.value.length == 0)
        titleBox.classList.add("edit");
    else
        titleBox.classList.remove("edit");
    if (txtDetail.value.length == 0)
        detailBox.classList.add("edit");
    else
        detailBox.classList.remove("edit");

    teamBigBoxs.forEach((teamBigBox, teamNum) => {
        const teamBox = teamBigBox.querySelector(".team-box");
        const teamData = formationData.teams[teamNum];
        const badgeBox = teamBigBox.querySelector(".team-badge");
        if (badgeBox) {
            const badge = badgeBox.querySelector(`#team-${teamNum+1}-badge-${teamData[2] || 0}`);
            badge.checked = true;
        }

        const membersDom = teamBox.querySelector(".team-members");
        const latentsDom = teamBox.querySelector(".team-latents");
        const assistsDom = teamBox.querySelector(".team-assist");
        const teamAbilityDom = teamBigBox.querySelector(".team-ability");
        for (let ti = 0, ti_len = membersDom.querySelectorAll(".member").length; ti < ti_len; ti++) {
            const member = membersDom.querySelector(`.member-${ti+1} .monster`);
            const latent = latentsDom.querySelector(`.latents-${ti+1} .latent-ul`);
            const assist = assistsDom.querySelector(`.member-${ti+1} .monster`);
            changeid(teamData[0][ti], member, latent); //队员
            changeid(teamData[1][ti], assist); //辅助
            refreshMemberSkillCD(teamBox, teamData, ti); //技能CD
            refreshAbility(teamAbilityDom, teamData, ti); //本人能力值
        }
        const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
        if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, teamNum);

        const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
        if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
    });

    if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);

    if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);

    formationBox.appendChild(fragment);
    txtDetail.onblur(); //这个需要放在显示出来后再改才能生效
}
//刷新队伍觉醒统计
function refreshTeamAwokenCount(awokenDom, team) {
    let fragment = document.createDocumentFragment(); //创建节点用的临时空间
    const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));

    function setCount(aicon, number) {
        if (!aicon) return; //没有这个觉醒就撤回 
        const ali = aicon.parentNode;
        const countDom = ali.querySelector(".count");
        countDom.innerHTML = number;
        if (number)
            ali.classList.remove(className_displayNone);
        else
            ali.classList.add(className_displayNone);
    }
    for (let ai = 1; ai <= 72; ai++) {
        const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`);
        if (!aicon) continue; //如果没有这个觉醒图，直接跳过
        //搜索等效觉醒
        const equalIndex = equivalent_awoken.findIndex(eak => eak.small === ai || eak.big === ai);
        if (equalIndex >= 0) {
            const equivalentAwoken = equivalent_awoken[equalIndex];
            if (equivalentAwoken.small === ai) {
                const totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
                    awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
                setCount(aicon, totalNum);
            } else {
                continue;
            }
        } else {
            setCount(aicon, awokenCountInTeam(team, ai, solo, teamsCount));
        }
    }
    awokenDom.appendChild(fragment);
}
//刷新阵型觉醒统计
function refreshFormationAwokenCount(awokenDom, teams) {
    let fragment = document.createDocumentFragment(); //创建节点用的临时空间
    const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));

    function setCount(aicon, number) {
        if (!aicon) return; //没有这个觉醒就撤回 
        const ali = aicon.parentNode;
        const countDom = ali.querySelector(".count");
        countDom.innerHTML = number;
        if (number)
            ali.classList.remove(className_displayNone);
        else
            ali.classList.add(className_displayNone);
    }

    for (let ai = 1; ai <= 72; ai++) {
        const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`);
        if (!aicon) continue; //如果没有这个觉醒图，直接跳过
        //搜索等效觉醒
        const equalIndex = equivalent_awoken.findIndex(eak => eak.small === ai || eak.big === ai);
        if (equalIndex >= 0) {
            const equivalentAwoken = equivalent_awoken[equalIndex];
            if (equivalentAwoken.small === ai) {
                const totalNum = awokenCountInFormation(teams, equivalentAwoken.small, solo) +
                    awokenCountInFormation(teams, equivalentAwoken.big, solo) * equivalentAwoken.times;
                setCount(aicon, totalNum);
            } else {
                continue;
            }
        } else {
            setCount(aicon, awokenCountInFormation(teams, ai, solo));
        }
    }
    awokenDom.appendChild(fragment);
}
//刷新能力值
function refreshAbility(abilityDom, team, idx) {
    const memberData = team[0][idx];
    const assistData = team[1][idx];
    //基底三维，如果辅助是武器，还要加上辅助的觉醒
    const mainAbility = calculateAbility(memberData, assistData, solo, teamsCount);
    if (mainAbility && memberData.ability) {
        for (let ai = 0; ai < 3; ai++) {
            memberData.ability[ai] = mainAbility[ai][0];
            memberData.abilityNoAwoken[ai] = mainAbility[ai][1];
        }
    }
    if (!abilityDom) return; //如果没有dom，直接跳过
    const abilityLi = abilityDom.querySelector(".abilitys-" + (idx + 1));
    const hpDom = abilityLi.querySelector(".hp");
    const atkDom = abilityLi.querySelector(".atk");
    const rcvDom = abilityLi.querySelector(".rcv");
    [hpDom, atkDom, rcvDom].forEach(function(div, ai) {
        if (mainAbility) {
            div.classList.remove(className_displayNone);
            div.innerHTML = memberData.ability[ai];
        } else {
            div.classList.add(className_displayNone);
            div.innerHTML = 0;
        }
    });
}
//刷新队伍能力值合计
function refreshTeamTotalHP(totalDom, team, teamIdx) {
    //计算总的生命值
    if (!totalDom) return;
    const tHpDom = totalDom.querySelector(".tIf-total-hp");
    const tRcvDom = totalDom.querySelector(".tIf-total-rcv");
    const tMoveDom = totalDom.querySelector(".tIf-total-move");

    const teams = formation.teams;

    const leader1id = team[0][0].id;
    const leader2id = teamsCount===2 ? (teamIdx === 1 ? teams[0][0][0].id : teams[1][0][0].id) : team[0][5].id;

    if (tHpDom) {

        const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo);
        const teamHPNoAwokenArr = countTeamHp(team[0], leader1id, leader2id, solo, true);

        const tHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP
        const tHPNoAwoken = teamHPNoAwokenArr.reduce((pv, v) => pv + v); //队伍计算的总HP无觉醒

        const teamHPAwoken = awokenCountInTeam(team, 46, solo, teamsCount); //全队大血包个数

        let badgeHPScale = 1; //徽章倍率
        if (team[2] == 4 && (solo || teamsCount === 3)) {
            badgeHPScale = 1.05;
        } else if (team[2] == 11 && (solo || teamsCount === 3)) {
            badgeHPScale = 1.15;
        }

        /*tHpDom.innerHTML = Math.round(tHP).toString() +
            (teamHPAwoken > 0 || badgeHPScale != 1 ?
                ("(" + Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken)) * badgeHPScale).toString() + ")") :
                "");*/
        tHpDom.innerHTML = Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken)) * badgeHPScale) +
            ` (${Math.round(Math.round(tHPNoAwoken) * badgeHPScale)})`;
    }

    if (tMoveDom) {
        const moveTime = countMoveTime(team, leader1id, leader2id, teamIdx);
        //tMoveDom.innerHTML = moveTime.fixed ? moveTime.duration : (moveTime.duration + badgeMoveTime);
        tMoveDom.innerHTML = moveTime.duration;
        if (moveTime.fixed)
            tMoveDom.classList.add("fixed-move-time");
        else
            tMoveDom.classList.remove("fixed-move-time");
    }
}
//刷新所有队伍能力值合计
function refreshFormationTotalHP(totalDom, teams) {
    //计算总的生命值
    if (!totalDom) return;
    const tHpDom = totalDom.querySelector(".tIf-total-hp");
    const tRcvDom = totalDom.querySelector(".tIf-total-rcv");

    if (tHpDom) {
        //因为目前仅用于2P，所以直接在外面固定写了
        const leader1id = teams[0][0][0].id;
        const leader2id = teams[1][0][0].id;
        const tHPArr = teams.map(function(team) {
            const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo);

            const teamTHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP
            const teamHPAwoken = awokenCountInTeam(team, 46, solo, teamsCount); //全队大血包个数

            return Math.round(teamTHP * (1 + 0.05 * teamHPAwoken));
        });
        const tHPNoAwokenArr = teams.map(function(team) {
            const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo, true);

            const teamTHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP
            return Math.round(teamTHP);
        });
        const tHP = tHPArr.reduce((pv, v) => pv + v);
        const tHPNoAwoken = tHPNoAwokenArr.reduce((pv, v) => pv + v);

        tHpDom.innerHTML = tHP.toString() +
            ` (${tHPNoAwoken})`;
    }
}
//刷新单人技能CD
function refreshMemberSkillCD(teamDom, team, idx) {
    const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`);
    const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`);
    const member = team[0][idx];
    const assist = team[1][idx];

    const memberCard = Cards[member.id] || Cards[0];
    const memberSkill = Skills[memberCard.activeSkillId];
    const assistCard = Cards[assist.id] || Cards[0];
    const assistSkill = Skills[assistCard.activeSkillId];

    const memberSkillCdDom = memberMonDom.querySelector(".skill");
    const assistSkillCdDom = assistMonDom.querySelector(".skill");

    const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel || memberSkill.maxLevel) + 1) : 0;
    const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel || assistSkill.maxLevel) + 1) : 0;
    memberSkillCdDom.innerHTML = memberSkillCd;
    assistSkillCdDom.innerHTML = memberSkillCd + assistSkillCd;

    if (member.skilllevel != undefined && member.skilllevel < memberSkill.maxLevel) {
        memberSkillCdDom.classList.remove("max-skill");
    } else {
        memberSkillCdDom.classList.add("max-skill");
    }
    if (assist.skilllevel != undefined && assist.skilllevel < assistSkill.maxLevel) {
        assistSkillCdDom.classList.remove("max-skill");
    } else {
        assistSkillCdDom.classList.add("max-skill");
    }
}

function localisation($tra) {
    if (!$tra) return;
    document.title = $tra.webpage_title;
    formationBox.querySelector(".title-box .title").placeholder = $tra.title_blank;
    formationBox.querySelector(".detail-box .detail").placeholder = $tra.detail_blank;

    const s_sortList = editBox.querySelector(".search-box .sort-div .sort-list");
    const sortOptions = Array.from(s_sortList.options);
    sortOptions.forEach(opt => {
        const tag = opt.getAttribute("data-tag");
        const trans = $tra.sort_name[tag];
        if (trans) {
            opt.text = trans;
        }
    });
}