mapaler
/
PADDashFormation
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

1、增加黏性定位开关； 

2、修改界面左上角额外增加取消按钮；
3、编辑界面增加一些刷新潜觉的地方。
This commit is contained in:
枫谷剑仙 2025-05-14 22:17:39 +08:00
parent e55e5987b5
commit 656903d0b5
11 changed files with 101 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
languages/en.css
View File

@ -220,6 +220,9 @@ label[for="screenshot-transparent"]::after{
label[for="use-side-mode"]::after{ label[for="use-side-mode"]::after{
content:"Use side mode in edit interface"; content:"Use side mode in edit interface";
} }
label[for="use-sticky"]::after{
content:"Use sticky position in edit interface";
}
label[for="show-card-id"]::after{ label[for="show-card-id"]::after{
content:"Card's ID"; content:"Card's ID";
} }

3
languages/ja.css
View File

@ -219,6 +219,9 @@ label[for="screenshot-transparent"]::after{
label[for="use-side-mode"]::after{ label[for="use-side-mode"]::after{
content:"編集画面でサイドバーモードを使用"; content:"編集画面でサイドバーモードを使用";
} }
label[for="use-sticky"]::after{
content:"編集画面でスティッキー位置を使用する";
}
label[for="show-card-id"]::after{ label[for="show-card-id"]::after{
content:"カード番号"; content:"カード番号";
} }

3
languages/ko.css
View File

@ -215,6 +215,9 @@ label[for="screenshot-transparent"]::after{
label[for="use-side-mode"]::after{ label[for="use-side-mode"]::after{
content:"편집 인터페이스에서 사이드바 모드 사용"; content:"편집 인터페이스에서 사이드바 모드 사용";
} }
label[for="use-sticky"]::after{
content:"편집 인터페이스에서 스티키 포지셔닝 사용";
}
label[for="show-card-id"]::after{ label[for="show-card-id"]::after{
content:"카드 ID"; content:"카드 ID";
} }

3
languages/zh-hans.css
View File

@ -221,6 +221,9 @@ label[for="screenshot-transparent"]::after{
label[for="use-side-mode"]::after{ label[for="use-side-mode"]::after{
content:"编辑界面使用侧栏模式"; content:"编辑界面使用侧栏模式";
} }
label[for="use-sticky"]::after{
content:"编辑界面使用黏性定位";
}
label[for="show-card-id"]::after{ label[for="show-card-id"]::after{
content:"卡片ID"; content:"卡片ID";
} }

3
languages/zh-hant.css
View File

@ -221,6 +221,9 @@ label[for="screenshot-transparent"]::after{
label[for="use-side-mode"]::after{ label[for="use-side-mode"]::after{
content:"編輯界面使用側欄模式"; content:"編輯界面使用側欄模式";
} }
label[for="use-sticky"]::after{
content:"編輯界面使用黏性定位";
}
label[for="show-card-id"]::after{ label[for="show-card-id"]::after{
content:"卡片ID"; content:"卡片ID";
} }

9
multi.html
View File

@ -74,16 +74,15 @@ const teamsCount = 2;
</div> </div>
<div> <div>
<button id="draw-screenshot"></button> <button id="draw-screenshot"></button>
<input type="checkbox" id="screenshot-transparent"><label for="screenshot-transparent"></label> <input type="checkbox" id="screenshot-transparent" data-no-class="1" data-default="0"><label for="screenshot-transparent"></label>
<input type="checkbox" id="change-swap-to-copy" data-no-class="1" data-default="0"><label for="change-swap-to-copy"></label>
<label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="120"/>
<input type="checkbox" name="change-swap-to-copy" id="change-swap-to-copy"><label for="change-swap-to-copy"></label>
</div> </div>
<details class="config-display-list"> <details class="config-display-list">
<summary></summary> <summary></summary>
<div class="setting"> <div class="setting">
<label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="120"/> <label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="120"/>
<input type="checkbox" id="use-side-mode"><label for="use-side-mode"></label> <input type="checkbox" id="use-side-mode" data-no-class="1"><label for="use-side-mode"></label>
<input type="checkbox" class="switch-ipt" id="use-sticky"><label for="use-sticky"></label>
</div> </div>
<div class="in-card"> <div class="in-card">
<div class="monster allowable-assist" title="No.99999 博丽灵梦"> <div class="monster allowable-assist" title="No.99999 博丽灵梦">

77
script.js
View File

@ -2697,23 +2697,26 @@ function initialize() {
//设定初始的显示设置 //设定初始的显示设置
//初始化开关 //初始化开关
function initializeSwitch(checkbox) { function initializeSwitch(checkbox) {
//开关设置的快速保存
function switchFastSave(event) {
document.body.classList.toggle(this.id, this.checked);
if (event instanceof Event) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
}
if (!checkbox) return; if (!checkbox) return;
checkbox.onchange = switchFastSave; checkbox.onchange = switchFastSave;
checkbox.checked = localStorage_getBoolean(cfgPrefix + checkbox.id, true); checkbox.checked = localStorage_getBoolean(cfgPrefix + checkbox.id, Boolean(Number(checkbox.dataset.default ?? 1)));
checkbox.onchange(false); checkbox.onchange(false);
return checkbox; return checkbox;
} }
//开关设置的快速保存
function switchFastSave(event) {
if (!Boolean(Number(this.dataset.noClass)))
document.body.classList.toggle(this.id, this.checked);
if (event instanceof Event)
localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
}
const displaySwitchList = Array.from(document.querySelectorAll(".config-display-list .switch-ipt")); const displaySwitchList = Array.from(document.querySelectorAll(".config-display-list .switch-ipt"));
displaySwitchList.push(...[ displaySwitchList.push(...[
// "screenshot-transparent", "screenshot-transparent",
// "change-swap-to-copy", "change-swap-to-copy",
"use-side-mode", "use-side-mode",
"use-sticky",
].map(id=>document.getElementById(id)) ].map(id=>document.getElementById(id))
); );
displaySwitchList.forEach(initializeSwitch); displaySwitchList.forEach(initializeSwitch);
@ -5460,7 +5463,8 @@ function initialize() {
awokenCountLabel.setAttribute(dataAttrName, value); awokenCountLabel.setAttribute(dataAttrName, value);
awokenCountLabel.classList.toggle("full-awoken", value > 0 && value == card?.awakenings?.length); awokenCountLabel.classList.toggle("full-awoken", value > 0 && value == card?.awakenings?.length);
reCalculateAbility(); editBox.reCalculateAbility(); //重计算三维
editBox.refreshLatent(); //刷新潜觉
} }
monEditAwokens.forEach(akDom => akDom.onclick = checkAwoken); monEditAwokens.forEach(akDom => akDom.onclick = checkAwoken);
@ -5478,7 +5482,9 @@ function initialize() {
const mSAwokenIcon = monEditOuterAwokensRow.querySelector("#current-super-awoken-icon"); const mSAwokenIcon = monEditOuterAwokensRow.querySelector("#current-super-awoken-icon");
mSAwokenIcon.onclick = function(){ mSAwokenIcon.onclick = function(){
this.setAttribute("data-awoken-icon", 0); this.setAttribute("data-awoken-icon", 0);
reCalculateAbility();
editBox.reCalculateAbility(); //重计算三维
editBox.refreshLatent(); //刷新潜觉
} }
//3个快速设置this.ipt为自己的value //3个快速设置this.ipt为自己的value
@ -5491,8 +5497,9 @@ function initialize() {
//等级 //等级
const monEditLv = settingBox.querySelector(".m-level"); const monEditLv = settingBox.querySelector(".m-level");
monEditLv.onchange = function() { monEditLv.onchange = function() {
reCalculateExp(); editBox.reCalculateExp();
reCalculateAbility(); editBox.reCalculateAbility(); //重计算三维
editBox.refreshLatent(); //刷新潜觉
}; };
const monEditLvMin = settingBox.querySelector(".m-level-btn-min"); const monEditLvMin = settingBox.querySelector(".m-level-btn-min");
const monLvExp = settingBox.querySelector(".m-level-exp"); const monLvExp = settingBox.querySelector(".m-level-exp");
@ -5555,8 +5562,8 @@ function initialize() {
monEditLatentAllowableDetail.onclick = function(event) { monEditLatentAllowableDetail.onclick = function(event) {
if (event instanceof Event) localStorage.setItem(cfgPrefix + 'hide-latent', Number(!this.open)); if (event instanceof Event) localStorage.setItem(cfgPrefix + 'hide-latent', Number(!this.open));
} }
editBox.refreshLatent = function(latent, monid) {//刷新潜觉 editBox.refreshLatent = function() {//刷新潜觉
refreshLatent(latent, new Member(monid), monEditLatentUl); refreshLatent(this.latent, this.getCurrentMember(), monEditLatentUl);
}; };
const rowSkill = settingBox.querySelector(".row-mon-skill"); const rowSkill = settingBox.querySelector(".row-mon-skill");
@ -5640,7 +5647,7 @@ function initialize() {
{ {
editBox.latent.splice(aIdx, 1); editBox.latent.splice(aIdx, 1);
editBox.reCalculateAbility(); //重计算三维 editBox.reCalculateAbility(); //重计算三维
editBox.refreshLatent(editBox.latent, editBox.mid); //刷新潜觉 editBox.refreshLatent(); //刷新潜觉
} }
} }
monEditLatents.forEach(la => la.onclick = deleteLatent); monEditLatents.forEach(la => la.onclick = deleteLatent);
@ -5658,7 +5665,7 @@ function initialize() {
return; return;
editBox.reCalculateAbility(); editBox.reCalculateAbility();
editBox.refreshLatent(editBox.latent, editBox.mid); editBox.refreshLatent();
} }
monEditLatentsAllowable.forEach(la => la.onclick = addLatent); monEditLatentsAllowable.forEach(la => la.onclick = addLatent);
@ -5697,6 +5704,7 @@ function initialize() {
editBox.reCalculateAbility = reCalculateAbility; editBox.reCalculateAbility = reCalculateAbility;
const btnCancel = editBox.querySelector(".button-cancel"); const btnCancel = editBox.querySelector(".button-cancel");
const btnClose = editBox.querySelector(".edit-box-title .mask-close");
const btnDone = editBox.querySelector(".button-done"); const btnDone = editBox.querySelector(".button-done");
const btnNull = editBox.querySelector(".button-null"); const btnNull = editBox.querySelector(".button-null");
const btnDelay = editBox.querySelector(".button-delay"); const btnDelay = editBox.querySelector(".button-delay");
@ -5706,23 +5714,13 @@ function initialize() {
editBox.memberIdx = []; editBox.memberIdx = [];
editBox.hide(); editBox.hide();
}; };
btnDone.onclick = function() { btnClose.onclick = btnCancel.onclick;
if (parseInt(monEditLv.value, 10) == 0) { editBox.getCurrentMember = function(){
btnNull.onclick();
return;
}
const mon = editBox.isAssist ? new MemberAssist() : new MemberTeam(); const mon = editBox.isAssist ? new MemberAssist() : new MemberTeam();
const [teamIdx, isAssist, memberIdx] = editBox.memberIdx;
const teamData = formation.teams[teamIdx];
const teamBigBox = teamBigBoxs[teamIdx];
const teamBox = teamBigBox.querySelector(".team-box");
mon.id = editBox.mid; mon.id = editBox.mid;
const card = mon.card || Cards[0]; const card = mon.card || Cards[0];
const skill = Skills[card.activeSkillId]; const skill = Skills[card.activeSkillId];
mon.level = parseInt(monEditLv.value, 10); mon.level = parseInt(monEditLv.value, 10);
const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked"); const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
mon.awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0; mon.awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0;
if (card.superAwakenings.length) //如果支持超觉醒 if (card.superAwakenings.length) //如果支持超觉醒
@ -5746,7 +5744,19 @@ function initialize() {
if (skillLevelNum < skill.maxLevel) { if (skillLevelNum < skill.maxLevel) {
mon.skilllevel = skillLevelNum; mon.skilllevel = skillLevelNum;
} }
return mon;
}
btnDone.onclick = function() {
if (parseInt(monEditLv.value, 10) == 0) {
btnNull.onclick();
return;
}
const [teamIdx, isAssist, memberIdx] = editBox.memberIdx;
const teamData = formation.teams[teamIdx];
// const teamBigBox = teamBigBoxs[teamIdx];
// const teamBox = teamBigBox.querySelector(".team-box");
const mon = editBox.getCurrentMember();
teamData[isAssist][memberIdx] = mon; teamData[isAssist][memberIdx] = mon;
refreshAll(formation); refreshAll(formation);
@ -6191,17 +6201,17 @@ function editMember(teamNum, isAssist, indexInTeam) {
const btnDelay = editBox.querySelector(".button-box .button-delay"); const btnDelay = editBox.querySelector(".button-box .button-delay");
if (!isAssist) { if (!isAssist) {
editBox.latent = mon.latent ? mon.latent.concat() : []; editBox.latent = mon.latent ? mon.latent.concat() : [];
editBox.refreshLatent(editBox.latent, mon.id);
} }
rowMonLatent.classList.toggle(className_displayNone, isAssist);; rowMonLatent.classList.toggle(className_displayNone, isAssist);;
editBoxTitle.classList.toggle("edit-box-title-assist", isAssist);; editBoxTitle.classList.toggle("edit-box-title-assist", isAssist);;
btnDelay.classList.toggle(className_displayNone, !isAssist);; btnDelay.classList.toggle(className_displayNone, !isAssist);;
editBox.reCalculateExp();
if (mon.awoken !== undefined && monEditAwokens[mon.awoken]) if (mon.awoken !== undefined && monEditAwokens[mon.awoken])
monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下 monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下
else
editBox.reCalculateAbility(); editBox.reCalculateExp();
editBox.reCalculateAbility();
editBox.refreshLatent();
//自动选中ID狂，以方便修改 //自动选中ID狂，以方便修改
//monstersID.focus(); //monstersID.focus();
@ -6360,6 +6370,7 @@ function editBoxChangeMonId(id) {
// } // }
// } // }
editBox.reCalculateAbility(); editBox.reCalculateAbility();
editBox.refreshLatent(); //刷新潜觉
} }
//怪物没有超觉醒时隐藏超觉醒 //怪物没有超觉醒时隐藏超觉醒
const monEditCurrentSAwokenRow = monEditOuterAwokensRow.querySelector(".current-super-awoken"); const monEditCurrentSAwokenRow = monEditOuterAwokensRow.querySelector(".current-super-awoken");
@ -6493,7 +6504,7 @@ function editBoxChangeMonId(id) {
//去除所有不能再打的潜觉 //去除所有不能再打的潜觉
editBox.latent = editBox.latent.filter(lat => allowLatent.includes(lat)); editBox.latent = editBox.latent.filter(lat => allowLatent.includes(lat));
editBox.refreshLatent(editBox.latent, id); editBox.refreshLatent();
editBox.reCalculateExp(); editBox.reCalculateExp();
editBox.reCalculateAbility(); editBox.reCalculateAbility();
} }

20
service-worker.js
View File

@ -48267,7 +48267,7 @@ const cachesMap = new Map([
], ],
[ [
"multi.html", "multi.html",
"464f3861e773979998d6fb98428af666" "4dc8cd2afb23f7b42f7796bd88365a8e"
], ],
[ [
"script-custom_elements.js", "script-custom_elements.js",
@ -48287,11 +48287,11 @@ const cachesMap = new Map([
], ],
[ [
"script.js", "script.js",
"b471d517217cef5c4ea2459cfae21b28" "ce3ec6865c12a5415c589d8d1bfbfaae"
], ],
[ [
"solo.html", "solo.html",
"7430477da7cf8ff47951400f7152b8a1" "a9bca8e47616043f5c62851d3dc456e1"
], ],
[ [
"style-fix-html2canvas.css", "style-fix-html2canvas.css",
@ -48303,7 +48303,7 @@ const cachesMap = new Map([
], ],
[ [
"style.css", "style.css",
"9fe95f6bea2b9f29d1157cb6a625a4c6" "5e09384e7d8e3bfd20885455bacc2c7a"
], ],
[ [
"temp.js", "temp.js",
@ -48311,11 +48311,11 @@ const cachesMap = new Map([
], ],
[ [
"triple.html", "triple.html",
"ab8237be0d312096c54ed25859aa02fa" "4cf1fb7c421aa5ec74b2610bdb1878bf"
], ],
[ [
"languages/en.css", "languages/en.css",
"44feff889ee52648f53d2af42e99f78e" "c1d5aca45b5b4379a2a553070b8852e9"
], ],
[ [
"languages/en.js", "languages/en.js",
@ -48323,7 +48323,7 @@ const cachesMap = new Map([
], ],
[ [
"languages/ja.css", "languages/ja.css",
"9a6f16441b0e47be39d397e9e6a5e296" "9435ea1636e9a8389502a7ce07d23caa"
], ],
[ [
"languages/ja.js", "languages/ja.js",
@ -48331,7 +48331,7 @@ const cachesMap = new Map([
], ],
[ [
"languages/ko.css", "languages/ko.css",
"c0b7a6ffbe89d0936733c1214f99b5ae" "9f2052af52e181a383c3ea25477649fd"
], ],
[ [
"languages/ko.js", "languages/ko.js",
@ -48343,7 +48343,7 @@ const cachesMap = new Map([
], ],
[ [
"languages/zh-hans.css", "languages/zh-hans.css",
"46bfd4418135b078788094f749e33373" "e236d607e29f36710817a2a3b27a5c8a"
], ],
[ [
"languages/zh-hans.js", "languages/zh-hans.js",
@ -48351,7 +48351,7 @@ const cachesMap = new Map([
], ],
[ [
"languages/zh-hant.css", "languages/zh-hant.css",
"6d01e57287e6a77c1511bdc4fcfdce91" "6be62563e13e5263c704432960e2c41e"
], ],
[ [
"languages/zh-hant.js", "languages/zh-hant.js",

9
solo.html
View File

@ -54,14 +54,15 @@ const teamsCount = 1;
</div> </div>
<div> <div>
<button id="draw-screenshot"></button> <button id="draw-screenshot"></button>
<input type="checkbox" id="screenshot-transparent"><label for="screenshot-transparent"></label> <input type="checkbox" id="screenshot-transparent" data-no-class="1" data-default="0"><label for="screenshot-transparent"></label>
<input type="checkbox" name="change-swap-to-copy" id="change-swap-to-copy"><label for="change-swap-to-copy"></label> <input type="checkbox" id="change-swap-to-copy" data-no-class="1" data-default="0"><label for="change-swap-to-copy"></label>
</div> </div>
<details class="config-display-list"> <details class="config-display-list">
<summary></summary> <summary></summary>
<div class="setting"> <div class="setting">
<label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="120"/> <label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="120"/>
<input type="checkbox" id="use-side-mode"><label for="use-side-mode"></label> <input type="checkbox" id="use-side-mode" data-no-class="1"><label for="use-side-mode"></label>
<input type="checkbox" class="switch-ipt" id="use-sticky"><label for="use-sticky"></label>
</div> </div>
<div class="in-card"> <div class="in-card">
<div class="monster allowable-assist" title="No.99999 博丽灵梦"> <div class="monster allowable-assist" title="No.99999 博丽灵梦">
@ -560,7 +561,7 @@ const teamsCount = 1;
</div> </div>
</div> </div>
<div class="edit-box display-none"> <div class="edit-box display-none">
<div class="edit-box-title"><!--修改怪物--></div> <div class="edit-box-title"><!--修改怪物--><button class="mask-close brown-button"><!--关闭窗口--></button></div>
<details class="search-box"> <details class="search-box">
<summary></summary> <summary></summary>
<form id="search-attr" class="attrs-div"><!--属性--> <form id="search-attr" class="attrs-div"><!--属性-->

22
style.css
View File

@ -362,7 +362,7 @@ label[for="siwtch-code-mode"]::after {
word-break: keep-all; word-break: keep-all;
white-space:nowrap; white-space:nowrap;
} }
body:where(.guide-mod,.side-mode) .control-box>div.status body.guide-mod .control-box>div.status
{ {
display: block; display: block;
} }
@ -522,6 +522,13 @@ body.block-width-7 .formation-box{
body.side-mode #rich-text-tools { body.side-mode #rich-text-tools {
z-index: 6; z-index: 6;
} }
body.side-mode .edit-box{
background-color: rgb(102, 73, 50);
backdrop-filter: unset;
}
body.side-mode .edit-box::backdrop{
filter: unset;
}
} }
@ -1714,17 +1721,24 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
.edit-box::backdrop{ .edit-box::backdrop{
filter: blur(5px); filter: blur(5px);
} }
body:where(.guide-mod,.side-mode) .edit-box{ body.guide-mod .edit-box{
background-color: rgb(102, 73, 50); background-color: rgb(102, 73, 50);
backdrop-filter: unset; backdrop-filter: unset;
} }
body:where(.guide-mod,.side-mode) .edit-box::backdrop{ body.guide-mod .edit-box::backdrop{
filter: unset; filter: unset;
} }
.edit-box-title{ .edit-box-title{
text-align: center; text-align: center;
font-size: 2em; font-size: 2em;
font-weight: bold; font-weight: bold;
position: relative;
}
.edit-box-title .mask-close {
font-size: 0.5em;
position: absolute;
left: 0;
top: 0;
} }
/*.guide-mod .edit-box-title, /*.guide-mod .edit-box-title,
.guide-mod .button-box .button-null, .guide-mod .button-box .button-null,
@ -2602,7 +2616,7 @@ input[disabled]+.awoken-icon:active,
grid-column: 5 / 6; grid-column: 5 / 6;
} }
/*图鉴模式使用粘性定位*/ /*图鉴模式使用粘性定位*/
body:where(.guide-mod,.side-mode) .sticky-box{ body.use-sticky .sticky-box{
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 2; z-index: 2;

9
triple.html
View File

@ -60,16 +60,15 @@ const teamsCount = 3;
</div> </div>
<div> <div>
<button id="draw-screenshot"></button> <button id="draw-screenshot"></button>
<input type="checkbox" id="screenshot-transparent"><label for="screenshot-transparent"></label> <input type="checkbox" id="screenshot-transparent" data-no-class="1" data-default="0"><label for="screenshot-transparent"></label>
<input type="checkbox" id="change-swap-to-copy" data-no-class="1" data-default="0"><label for="change-swap-to-copy"></label>
<label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="120"/>
<input type="checkbox" name="change-swap-to-copy" id="change-swap-to-copy"><label for="change-swap-to-copy"></label>
</div> </div>
<details class="config-display-list"> <details class="config-display-list">
<summary></summary> <summary></summary>
<div class="setting"> <div class="setting">
<label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="120"/> <label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="120"/>
<input type="checkbox" id="use-side-mode"><label for="use-side-mode"></label> <input type="checkbox" id="use-side-mode" data-no-class="1"><label for="use-side-mode"></label>
<input type="checkbox" class="switch-ipt" id="use-sticky"><label for="use-sticky"></label>
</div> </div>
<div class="in-card"> <div class="in-card">
<div class="monster allowable-assist" title="No.99999 博丽灵梦"> <div class="monster allowable-assist" title="No.99999 博丽灵梦">