mirror of
https://github.com/unanmed/HumanBreak.git
synced 2025-01-19 04:19:30 +08:00
道具栏
This commit is contained in:
parent
c29a958689
commit
9b2c56f829
260
index.html
260
index.html
@ -46,140 +46,142 @@
|
||||
startImageLogo.src = "logo.png";
|
||||
})();
|
||||
</script>
|
||||
<!-- injection -->
|
||||
<div id='gameGroup'>
|
||||
<p id='mainTips'>请稍候...</p>
|
||||
<img id='musicBtn'>
|
||||
<div id='startPanel'>
|
||||
<div id='startTop'>
|
||||
<div id='startTopProgressBar'>
|
||||
<div id='startTopProgress'></div>
|
||||
<div id="game">
|
||||
<!-- injection -->
|
||||
<div id='gameGroup'>
|
||||
<p id='mainTips'>请稍候...</p>
|
||||
<img id='musicBtn'>
|
||||
<div id='startPanel'>
|
||||
<div id='startTop'>
|
||||
<div id='startTopProgressBar'>
|
||||
<div id='startTopProgress'></div>
|
||||
</div>
|
||||
<p id='startTopLoadTips'>资源即将开始加载</p>
|
||||
<p id='startTopHint'>HTML5魔塔游戏平台，享受更多魔塔游戏：<br />https://h5mota.com/</p>
|
||||
</div>
|
||||
<p id='startTopLoadTips'>资源即将开始加载</p>
|
||||
<p id='startTopHint'>HTML5魔塔游戏平台，享受更多魔塔游戏：<br />https://h5mota.com/</p>
|
||||
</div>
|
||||
<img id='startBackground'>
|
||||
<p id='startLogo'></p>
|
||||
<div id='startButtonGroup'>
|
||||
<div id='startButtons'>
|
||||
<span class='startButton' id='playGame'>开始游戏</span>
|
||||
<span class='startButton' id='loadGame'>载入游戏</span>
|
||||
<span class='startButton' id='replayGame'>录像回放</span>
|
||||
<img id='startBackground'>
|
||||
<p id='startLogo'></p>
|
||||
<div id='startButtonGroup'>
|
||||
<div id='startButtons'>
|
||||
<span class='startButton' id='playGame'>开始游戏</span>
|
||||
<span class='startButton' id='loadGame'>载入游戏</span>
|
||||
<span class='startButton' id='replayGame'>录像回放</span>
|
||||
</div>
|
||||
<div id='levelChooseButtons'></div>
|
||||
</div>
|
||||
<div id='levelChooseButtons'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id='floorMsgGroup'>
|
||||
<p id='logoLabel'></p>
|
||||
<p id='versionLabel'></p>
|
||||
<p id='floorNameLabel'></p>
|
||||
</div>
|
||||
<div id='statusBar' class="clearfix">
|
||||
<div class="status" id="floorCol">
|
||||
<img id="img-floor">
|
||||
<p class='statusLabel statusText' id='floor'></p>
|
||||
</div>
|
||||
<div class="status" id="nameCol">
|
||||
<img id="img-name">
|
||||
<p class='statusLabel statusText' id='name'></p>
|
||||
</div>
|
||||
<div class="status" id="lvCol">
|
||||
<img id="img-lv">
|
||||
<p class='statusLabel statusText' id='lv'></p>
|
||||
</div>
|
||||
<div class="status" id='hpmaxCol'>
|
||||
<img id="img-hpmax">
|
||||
<p class='statusLabel statusText' id='hpmax'></p>
|
||||
</div>
|
||||
<div class="status" id='hpCol'>
|
||||
<img id="img-hp">
|
||||
<p class='statusLabel statusText' id='hp'></p>
|
||||
</div>
|
||||
<div class="status" id='manaCol'>
|
||||
<img id="img-mana">
|
||||
<p class='statusLabel statusText' id='mana'></p>
|
||||
</div>
|
||||
<div class="status" id='atkCol'>
|
||||
<img id="img-atk">
|
||||
<p class='statusLabel statusText' id='atk'></p>
|
||||
</div>
|
||||
<div class="status" id='defCol'>
|
||||
<img id="img-def">
|
||||
<p class='statusLabel statusText' id='def'></p>
|
||||
</div>
|
||||
<div class="status" id="mdefCol">
|
||||
<img id="img-mdef">
|
||||
<p class='statusLabel statusText' id='mdef'></p>
|
||||
</div>
|
||||
<div class="status" id="moneyCol">
|
||||
<img id="img-money">
|
||||
<p class='statusLabel statusText' id='money'></p>
|
||||
</div>
|
||||
<div class="status" id="expCol">
|
||||
<img id="img-exp">
|
||||
<p class='statusLabel statusText' id='exp'></p>
|
||||
</div>
|
||||
<div class="status" id="upCol">
|
||||
<img id="img-up">
|
||||
<p class='statusLabel statusText' id='up'></p>
|
||||
</div>
|
||||
<div class="status" id="skillCol">
|
||||
<img id="img-skill">
|
||||
<p class='statusLabel statusText' id='skill' style='font-style: normal'></p>
|
||||
</div>
|
||||
<div class="status" id='keyCol'>
|
||||
<span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span>
|
||||
<span class='statusLabel' id='blueKey' style="color:#AAAADD"></span>
|
||||
<span class='statusLabel' id='redKey' style="color:#FF8888"></span>
|
||||
<span class='statusLabel' id='greenKey' style="color:#88FF88"></span>
|
||||
</div>
|
||||
<div class="status" id='pzfCol'>
|
||||
<span class='statusLabel' id='pickaxe' style="color: #BC6E27"></span>
|
||||
<span class='statusLabel' id='bomb' style="color: #FA14B9"></span>
|
||||
<span class='statusLabel' id='fly' style="color: #8DB600"></span>
|
||||
</div>
|
||||
<div class="status" id="debuffCol">
|
||||
<span class='statusLabel' id='poison' style="color: #AFFCA8;"></span>
|
||||
<span class='statusLabel' id='weak' style="color: #FECCD0;"></span>
|
||||
<span class='statusLabel' id='curse' style="color: #C2F4E7;"></span>
|
||||
<div id='floorMsgGroup'>
|
||||
<p id='logoLabel'></p>
|
||||
<p id='versionLabel'></p>
|
||||
<p id='floorNameLabel'></p>
|
||||
</div>
|
||||
<div id='statusBar' class="clearfix">
|
||||
<div class="status" id="floorCol">
|
||||
<img id="img-floor">
|
||||
<p class='statusLabel statusText' id='floor'></p>
|
||||
</div>
|
||||
<div class="status" id="nameCol">
|
||||
<img id="img-name">
|
||||
<p class='statusLabel statusText' id='name'></p>
|
||||
</div>
|
||||
<div class="status" id="lvCol">
|
||||
<img id="img-lv">
|
||||
<p class='statusLabel statusText' id='lv'></p>
|
||||
</div>
|
||||
<div class="status" id='hpmaxCol'>
|
||||
<img id="img-hpmax">
|
||||
<p class='statusLabel statusText' id='hpmax'></p>
|
||||
</div>
|
||||
<div class="status" id='hpCol'>
|
||||
<img id="img-hp">
|
||||
<p class='statusLabel statusText' id='hp'></p>
|
||||
</div>
|
||||
<div class="status" id='manaCol'>
|
||||
<img id="img-mana">
|
||||
<p class='statusLabel statusText' id='mana'></p>
|
||||
</div>
|
||||
<div class="status" id='atkCol'>
|
||||
<img id="img-atk">
|
||||
<p class='statusLabel statusText' id='atk'></p>
|
||||
</div>
|
||||
<div class="status" id='defCol'>
|
||||
<img id="img-def">
|
||||
<p class='statusLabel statusText' id='def'></p>
|
||||
</div>
|
||||
<div class="status" id="mdefCol">
|
||||
<img id="img-mdef">
|
||||
<p class='statusLabel statusText' id='mdef'></p>
|
||||
</div>
|
||||
<div class="status" id="moneyCol">
|
||||
<img id="img-money">
|
||||
<p class='statusLabel statusText' id='money'></p>
|
||||
</div>
|
||||
<div class="status" id="expCol">
|
||||
<img id="img-exp">
|
||||
<p class='statusLabel statusText' id='exp'></p>
|
||||
</div>
|
||||
<div class="status" id="upCol">
|
||||
<img id="img-up">
|
||||
<p class='statusLabel statusText' id='up'></p>
|
||||
</div>
|
||||
<div class="status" id="skillCol">
|
||||
<img id="img-skill">
|
||||
<p class='statusLabel statusText' id='skill' style='font-style: normal'></p>
|
||||
</div>
|
||||
<div class="status" id='keyCol'>
|
||||
<span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span>
|
||||
<span class='statusLabel' id='blueKey' style="color:#AAAADD"></span>
|
||||
<span class='statusLabel' id='redKey' style="color:#FF8888"></span>
|
||||
<span class='statusLabel' id='greenKey' style="color:#88FF88"></span>
|
||||
</div>
|
||||
<div class="status" id='pzfCol'>
|
||||
<span class='statusLabel' id='pickaxe' style="color: #BC6E27"></span>
|
||||
<span class='statusLabel' id='bomb' style="color: #FA14B9"></span>
|
||||
<span class='statusLabel' id='fly' style="color: #8DB600"></span>
|
||||
</div>
|
||||
<div class="status" id="debuffCol">
|
||||
<span class='statusLabel' id='poison' style="color: #AFFCA8;"></span>
|
||||
<span class='statusLabel' id='weak' style="color: #FECCD0;"></span>
|
||||
<span class='statusLabel' id='curse' style="color: #C2F4E7;"></span>
|
||||
</div>
|
||||
|
||||
<!-- 状态栏canvas化 -->
|
||||
<canvas id="statusCanvas" style="position: absolute; left: 0; top: 0;"></canvas>
|
||||
</div>
|
||||
<div id="toolBar" class="clearfix">
|
||||
<img class="tools" id='img-book'>
|
||||
<img class="tools" id='img-fly'>
|
||||
<img class="tools" id='img-toolbox'>
|
||||
<img class="tools" id='img-keyboard'>
|
||||
<img class="tools" id='img-shop'>
|
||||
<img class="tools" id='img-save'>
|
||||
<img class="tools" id='img-load'>
|
||||
<img class="tools" id='img-settings'>
|
||||
<img class="tools" id='img-btn1' style='display:none'>
|
||||
<img class="tools" id='img-btn2' style='display:none'>
|
||||
<img class="tools" id='img-btn3' style='display:none'>
|
||||
<img class="tools" id='img-btn4' style='display:none'>
|
||||
<img class="tools" id='img-btn5' style='display:none'>
|
||||
<img class="tools" id='img-btn6' style='display:none'>
|
||||
<img class="tools" id='img-btn7' style='display:none'>
|
||||
<img class="tools" id='img-btn8' style='display:none'>
|
||||
<p class="statusLabel tools" id="hard"></p>
|
||||
</div>
|
||||
<div id="gameDraw">
|
||||
<div id="gif"></div>
|
||||
<div id="gif2"></div>
|
||||
<canvas class='gameCanvas' id='bg'></canvas>
|
||||
<canvas class='gameCanvas' id='event'></canvas>
|
||||
<canvas class='gameCanvas' id='hero'></canvas>
|
||||
<canvas class='gameCanvas' id='event2'></canvas>
|
||||
<canvas class='gameCanvas' id='fg'></canvas>
|
||||
<canvas class='gameCanvas' id='damage'></canvas>
|
||||
<canvas class='gameCanvas' id='animate'></canvas>
|
||||
<canvas class='gameCanvas' id='curtain'></canvas>
|
||||
<canvas class='gameCanvas' id='ui'></canvas>
|
||||
<canvas class='gameCanvas' id='data'>此浏览器不支持HTML5</canvas>
|
||||
<div id="next"></div>
|
||||
<!-- 状态栏canvas化 -->
|
||||
<canvas id="statusCanvas" style="position: absolute; left: 0; top: 0;"></canvas>
|
||||
</div>
|
||||
<div id="toolBar" class="clearfix">
|
||||
<img class="tools" id='img-book'>
|
||||
<img class="tools" id='img-fly'>
|
||||
<img class="tools" id='img-toolbox'>
|
||||
<img class="tools" id='img-keyboard'>
|
||||
<img class="tools" id='img-shop'>
|
||||
<img class="tools" id='img-save'>
|
||||
<img class="tools" id='img-load'>
|
||||
<img class="tools" id='img-settings'>
|
||||
<img class="tools" id='img-btn1' style='display:none'>
|
||||
<img class="tools" id='img-btn2' style='display:none'>
|
||||
<img class="tools" id='img-btn3' style='display:none'>
|
||||
<img class="tools" id='img-btn4' style='display:none'>
|
||||
<img class="tools" id='img-btn5' style='display:none'>
|
||||
<img class="tools" id='img-btn6' style='display:none'>
|
||||
<img class="tools" id='img-btn7' style='display:none'>
|
||||
<img class="tools" id='img-btn8' style='display:none'>
|
||||
<p class="statusLabel tools" id="hard"></p>
|
||||
</div>
|
||||
<div id="gameDraw">
|
||||
<div id="gif"></div>
|
||||
<div id="gif2"></div>
|
||||
<canvas class='gameCanvas' id='bg'></canvas>
|
||||
<canvas class='gameCanvas' id='event'></canvas>
|
||||
<canvas class='gameCanvas' id='hero'></canvas>
|
||||
<canvas class='gameCanvas' id='event2'></canvas>
|
||||
<canvas class='gameCanvas' id='fg'></canvas>
|
||||
<canvas class='gameCanvas' id='damage'></canvas>
|
||||
<canvas class='gameCanvas' id='animate'></canvas>
|
||||
<canvas class='gameCanvas' id='curtain'></canvas>
|
||||
<canvas class='gameCanvas' id='ui'></canvas>
|
||||
<canvas class='gameCanvas' id='data'>此浏览器不支持HTML5</canvas>
|
||||
<div id="next"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id='inputDiv'>
|
||||
|
||||
214
pnpm-lock.yaml
214
pnpm-lock.yaml
@ -42,23 +42,23 @@ dependencies:
|
||||
devDependencies:
|
||||
'@types/fontmin': 0.9.0
|
||||
'@types/fs-extra': 9.0.13
|
||||
'@types/lodash': 4.14.188
|
||||
'@types/lodash': 4.14.189
|
||||
'@types/lz-string': 1.3.34
|
||||
'@types/node': 18.11.9
|
||||
'@vitejs/plugin-legacy': 2.3.1_terser@5.15.1+vite@3.2.3
|
||||
'@vitejs/plugin-vue': 3.2.0_vite@3.2.3+vue@3.2.45
|
||||
'@vitejs/plugin-vue-jsx': 2.1.1_vite@3.2.3+vue@3.2.45
|
||||
'@vitejs/plugin-legacy': 2.3.1_terser@5.15.1+vite@3.2.4
|
||||
'@vitejs/plugin-vue': 3.2.0_vite@3.2.4+vue@3.2.45
|
||||
'@vitejs/plugin-vue-jsx': 2.1.1_vite@3.2.4+vue@3.2.45
|
||||
compressing: 1.6.2
|
||||
fontmin: 0.9.9
|
||||
form-data: 4.0.0
|
||||
fs-extra: 10.1.0
|
||||
less: 4.1.3
|
||||
terser: 5.15.1
|
||||
ts-node: 10.9.1_cbe7ovvae6zqfnmtgctpgpys54
|
||||
typescript: 4.8.4
|
||||
ts-node: 10.9.1_wup25etrarvlqkprac7h35hj7u
|
||||
typescript: 4.9.3
|
||||
unplugin-vue-components: 0.22.9_vue@3.2.45
|
||||
vite: 3.2.3_sjdpriiyqai3ghwmd5e3ldppum
|
||||
vue-tsc: 1.0.9_typescript@4.8.4
|
||||
vite: 3.2.4_sjdpriiyqai3ghwmd5e3ldppum
|
||||
vue-tsc: 1.0.9_typescript@4.9.3
|
||||
|
||||
packages:
|
||||
|
||||
@ -343,7 +343,7 @@ packages:
|
||||
resolution: {integrity: sha512-mrzLkl6U9YLF8qpqI7TB82PESyEGjm/0Ly91jG575eVxMMlb8fYfOXFZIJ8XfLrJZQbm7dlKry2bJmXBUEkdFg==}
|
||||
engines: {node: '>=6.9.0'}
|
||||
dependencies:
|
||||
regenerator-runtime: 0.13.10
|
||||
regenerator-runtime: 0.13.11
|
||||
dev: false
|
||||
|
||||
/@babel/standalone/7.20.4:
|
||||
@ -398,8 +398,8 @@ packages:
|
||||
engines: {node: '>=10'}
|
||||
dev: false
|
||||
|
||||
/@esbuild/android-arm/0.15.13:
|
||||
resolution: {integrity: sha512-RY2fVI8O0iFUNvZirXaQ1vMvK0xhCcl0gqRj74Z6yEiO1zAUa7hbsdwZM1kzqbxHK7LFyMizipfXT3JME+12Hw==}
|
||||
/@esbuild/android-arm/0.15.14:
|
||||
resolution: {integrity: sha512-+Rb20XXxRGisNu2WmNKk+scpanb7nL5yhuI1KR9wQFiC43ddPj/V1fmNyzlFC9bKiG4mYzxW7egtoHVcynr+OA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm]
|
||||
os: [android]
|
||||
@ -407,8 +407,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-loong64/0.15.13:
|
||||
resolution: {integrity: sha512-+BoyIm4I8uJmH/QDIH0fu7MG0AEx9OXEDXnqptXCwKOlOqZiS4iraH1Nr7/ObLMokW3sOCeBNyD68ATcV9b9Ag==}
|
||||
/@esbuild/linux-loong64/0.15.14:
|
||||
resolution: {integrity: sha512-eQi9rosGNVQFJyJWV0HCA5WZae/qWIQME7s8/j8DMvnylfBv62Pbu+zJ2eUDqNf2O4u3WB+OEXyfkpBoe194sg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [loong64]
|
||||
os: [linux]
|
||||
@ -527,7 +527,7 @@ packages:
|
||||
/@simonwep/pickr/1.8.2:
|
||||
resolution: {integrity: sha512-/l5w8BIkrpP6n1xsetx9MWPWlU6OblN5YgZZphxan0Tq4BByTCETL6lyIeY8lagalS2Nbt4F2W034KHLIiunKA==}
|
||||
dependencies:
|
||||
core-js: 3.26.0
|
||||
core-js: 3.26.1
|
||||
nanopop: 2.2.0
|
||||
dev: false
|
||||
|
||||
@ -568,8 +568,8 @@ packages:
|
||||
'@types/node': 18.11.9
|
||||
dev: true
|
||||
|
||||
/@types/lodash/4.14.188:
|
||||
resolution: {integrity: sha512-zmEmF5OIM3rb7SbLCFYoQhO4dGt2FRM9AMkxvA3LaADOF1n8in/zGJlWji9fmafLoNyz+FoL6FE0SLtGIArD7w==}
|
||||
/@types/lodash/4.14.189:
|
||||
resolution: {integrity: sha512-kb9/98N6X8gyME9Cf7YaqIMvYGnBSWqEci6tiettE6iJWH1XdJz/PO8LB0GtLCG7x8dU3KWhZT+lA1a35127tA==}
|
||||
dev: true
|
||||
|
||||
/@types/lz-string/1.3.34:
|
||||
@ -588,7 +588,7 @@ packages:
|
||||
resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
|
||||
dev: true
|
||||
|
||||
/@vitejs/plugin-legacy/2.3.1_terser@5.15.1+vite@3.2.3:
|
||||
/@vitejs/plugin-legacy/2.3.1_terser@5.15.1+vite@3.2.4:
|
||||
resolution: {integrity: sha512-J5KaGBlSt2tEYPVjM/C8dA6DkRzkFkbPe+Xb4IX5G+XOV5OGbVAfkMjKywdrkO3gGynO8S98i71Lmsff4cWkCQ==}
|
||||
engines: {node: ^14.18.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
@ -596,15 +596,15 @@ packages:
|
||||
vite: ^3.0.0
|
||||
dependencies:
|
||||
'@babel/standalone': 7.20.4
|
||||
core-js: 3.26.0
|
||||
core-js: 3.26.1
|
||||
magic-string: 0.26.7
|
||||
regenerator-runtime: 0.13.10
|
||||
regenerator-runtime: 0.13.11
|
||||
systemjs: 6.13.0
|
||||
terser: 5.15.1
|
||||
vite: 3.2.3_sjdpriiyqai3ghwmd5e3ldppum
|
||||
vite: 3.2.4_sjdpriiyqai3ghwmd5e3ldppum
|
||||
dev: true
|
||||
|
||||
/@vitejs/plugin-vue-jsx/2.1.1_vite@3.2.3+vue@3.2.45:
|
||||
/@vitejs/plugin-vue-jsx/2.1.1_vite@3.2.4+vue@3.2.45:
|
||||
resolution: {integrity: sha512-JgDhxstQlwnHBvZ1BSnU5mbmyQ14/t5JhREc6YH5kWyu2QdAAOsLF6xgHoIWarj8tddaiwFrNzLbWJPudpXKYA==}
|
||||
engines: {node: ^14.18.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
@ -614,20 +614,20 @@ packages:
|
||||
'@babel/core': 7.20.2
|
||||
'@babel/plugin-transform-typescript': 7.20.2_@babel+core@7.20.2
|
||||
'@vue/babel-plugin-jsx': 1.1.1_@babel+core@7.20.2
|
||||
vite: 3.2.3_sjdpriiyqai3ghwmd5e3ldppum
|
||||
vite: 3.2.4_sjdpriiyqai3ghwmd5e3ldppum
|
||||
vue: 3.2.45
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@vitejs/plugin-vue/3.2.0_vite@3.2.3+vue@3.2.45:
|
||||
/@vitejs/plugin-vue/3.2.0_vite@3.2.4+vue@3.2.45:
|
||||
resolution: {integrity: sha512-E0tnaL4fr+qkdCNxJ+Xd0yM31UwMkQje76fsDVBBUCoGOUPexu2VDUYHL8P4CwV+zMvWw6nlRw19OnRKmYAJpw==}
|
||||
engines: {node: ^14.18.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
vite: ^3.0.0
|
||||
vue: ^3.2.25
|
||||
dependencies:
|
||||
vite: 3.2.3_sjdpriiyqai3ghwmd5e3ldppum
|
||||
vite: 3.2.4_sjdpriiyqai3ghwmd5e3ldppum
|
||||
vue: 3.2.45
|
||||
dev: true
|
||||
|
||||
@ -839,7 +839,7 @@ packages:
|
||||
array-tree-filter: 2.1.0
|
||||
async-validator: 4.2.5
|
||||
dayjs: 1.11.6
|
||||
dom-align: 1.12.3
|
||||
dom-align: 1.12.4
|
||||
dom-scroll-into-view: 2.0.1
|
||||
lodash: 4.17.21
|
||||
lodash-es: 4.17.21
|
||||
@ -1214,8 +1214,8 @@ packages:
|
||||
is-what: 3.14.1
|
||||
dev: true
|
||||
|
||||
/core-js/3.26.0:
|
||||
resolution: {integrity: sha512-+DkDrhoR4Y0PxDz6rurahuB+I45OsEUv8E1maPTB6OuHRohMMcznBq9TMpdpDMm/hUPob/mJJS3PqgbHpMTQgw==}
|
||||
/core-js/3.26.1:
|
||||
resolution: {integrity: sha512-21491RRQVzUn0GGM9Z1Jrpr6PNPxPi+Za8OM9q4tksTSnlbXXGKK1nXNg/QvwFYettXvSX6zWKCtHHfjN4puyA==}
|
||||
requiresBuild: true
|
||||
|
||||
/core-util-is/1.0.3:
|
||||
@ -1305,8 +1305,8 @@ packages:
|
||||
engines: {node: '>=0.3.1'}
|
||||
dev: true
|
||||
|
||||
/dom-align/1.12.3:
|
||||
resolution: {integrity: sha512-Gj9hZN3a07cbR6zviMUBOMPdWxYhbMI+x+WS0NAIu2zFZmbK8ys9R79g+iG9qLnlCwpFoaB+fKy8Pdv470GsPA==}
|
||||
/dom-align/1.12.4:
|
||||
resolution: {integrity: sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw==}
|
||||
dev: false
|
||||
|
||||
/dom-scroll-into-view/2.0.1:
|
||||
@ -1372,8 +1372,8 @@ packages:
|
||||
is-arrayish: 0.2.1
|
||||
dev: true
|
||||
|
||||
/esbuild-android-64/0.15.13:
|
||||
resolution: {integrity: sha512-yRorukXBlokwTip+Sy4MYskLhJsO0Kn0/Fj43s1krVblfwP+hMD37a4Wmg139GEsMLl+vh8WXp2mq/cTA9J97g==}
|
||||
/esbuild-android-64/0.15.14:
|
||||
resolution: {integrity: sha512-HuilVIb4rk9abT4U6bcFdU35UHOzcWVGLSjEmC58OVr96q5UiRqzDtWjPlCMugjhgUGKEs8Zf4ueIvYbOStbIg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [android]
|
||||
@ -1381,8 +1381,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-android-arm64/0.15.13:
|
||||
resolution: {integrity: sha512-TKzyymLD6PiVeyYa4c5wdPw87BeAiTXNtK6amWUcXZxkV51gOk5u5qzmDaYSwiWeecSNHamFsaFjLoi32QR5/w==}
|
||||
/esbuild-android-arm64/0.15.14:
|
||||
resolution: {integrity: sha512-/QnxRVxsR2Vtf3XottAHj7hENAMW2wCs6S+OZcAbc/8nlhbAL/bCQRCVD78VtI5mdwqWkVi3wMqM94kScQCgqg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [android]
|
||||
@ -1390,8 +1390,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-darwin-64/0.15.13:
|
||||
resolution: {integrity: sha512-WAx7c2DaOS6CrRcoYCgXgkXDliLnFv3pQLV6GeW1YcGEZq2Gnl8s9Pg7ahValZkpOa0iE/ojRVQ87sbUhF1Cbg==}
|
||||
/esbuild-darwin-64/0.15.14:
|
||||
resolution: {integrity: sha512-ToNuf1uifu8hhwWvoZJGCdLIX/1zpo8cOGnT0XAhDQXiKOKYaotVNx7pOVB1f+wHoWwTLInrOmh3EmA7Fd+8Vg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [darwin]
|
||||
@ -1399,8 +1399,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-darwin-arm64/0.15.13:
|
||||
resolution: {integrity: sha512-U6jFsPfSSxC3V1CLiQqwvDuj3GGrtQNB3P3nNC3+q99EKf94UGpsG9l4CQ83zBs1NHrk1rtCSYT0+KfK5LsD8A==}
|
||||
/esbuild-darwin-arm64/0.15.14:
|
||||
resolution: {integrity: sha512-KgGP+y77GszfYJgceO0Wi/PiRtYo5y2Xo9rhBUpxTPaBgWDJ14gqYN0+NMbu+qC2fykxXaipHxN4Scaj9tUS1A==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [darwin]
|
||||
@ -1408,8 +1408,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-freebsd-64/0.15.13:
|
||||
resolution: {integrity: sha512-whItJgDiOXaDG/idy75qqevIpZjnReZkMGCgQaBWZuKHoElDJC1rh7MpoUgupMcdfOd+PgdEwNQW9DAE6i8wyA==}
|
||||
/esbuild-freebsd-64/0.15.14:
|
||||
resolution: {integrity: sha512-xr0E2n5lyWw3uFSwwUXHc0EcaBDtsal/iIfLioflHdhAe10KSctV978Te7YsfnsMKzcoGeS366+tqbCXdqDHQA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [freebsd]
|
||||
@ -1417,8 +1417,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-freebsd-arm64/0.15.13:
|
||||
resolution: {integrity: sha512-6pCSWt8mLUbPtygv7cufV0sZLeylaMwS5Fznj6Rsx9G2AJJsAjQ9ifA+0rQEIg7DwJmi9it+WjzNTEAzzdoM3Q==}
|
||||
/esbuild-freebsd-arm64/0.15.14:
|
||||
resolution: {integrity: sha512-8XH96sOQ4b1LhMlO10eEWOjEngmZ2oyw3pW4o8kvBcpF6pULr56eeYVP5radtgw54g3T8nKHDHYEI5AItvskZg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [freebsd]
|
||||
@ -1426,8 +1426,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-linux-32/0.15.13:
|
||||
resolution: {integrity: sha512-VbZdWOEdrJiYApm2kkxoTOgsoCO1krBZ3quHdYk3g3ivWaMwNIVPIfEE0f0XQQ0u5pJtBsnk2/7OPiCFIPOe/w==}
|
||||
/esbuild-linux-32/0.15.14:
|
||||
resolution: {integrity: sha512-6ssnvwaTAi8AzKN8By2V0nS+WF5jTP7SfuK6sStGnDP7MCJo/4zHgM9oE1eQTS2jPmo3D673rckuCzRlig+HMA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [ia32]
|
||||
os: [linux]
|
||||
@ -1435,8 +1435,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-linux-64/0.15.13:
|
||||
resolution: {integrity: sha512-rXmnArVNio6yANSqDQlIO4WiP+Cv7+9EuAHNnag7rByAqFVuRusLbGi2697A5dFPNXoO//IiogVwi3AdcfPC6A==}
|
||||
/esbuild-linux-64/0.15.14:
|
||||
resolution: {integrity: sha512-ONySx3U0wAJOJuxGUlXBWxVKFVpWv88JEv0NZ6NlHknmDd1yCbf4AEdClSgLrqKQDXYywmw4gYDvdLsS6z0hcw==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [linux]
|
||||
@ -1444,8 +1444,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-linux-arm/0.15.13:
|
||||
resolution: {integrity: sha512-Ac6LpfmJO8WhCMQmO253xX2IU2B3wPDbl4IvR0hnqcPrdfCaUa2j/lLMGTjmQ4W5JsJIdHEdW12dG8lFS0MbxQ==}
|
||||
/esbuild-linux-arm/0.15.14:
|
||||
resolution: {integrity: sha512-D2LImAIV3QzL7lHURyCHBkycVFbKwkDb1XEUWan+2fb4qfW7qAeUtul7ZIcIwFKZgPcl+6gKZmvLgPSj26RQ2Q==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm]
|
||||
os: [linux]
|
||||
@ -1453,8 +1453,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-linux-arm64/0.15.13:
|
||||
resolution: {integrity: sha512-alEMGU4Z+d17U7KQQw2IV8tQycO6T+rOrgW8OS22Ua25x6kHxoG6Ngry6Aq6uranC+pNWNMB6aHFPh7aTQdORQ==}
|
||||
/esbuild-linux-arm64/0.15.14:
|
||||
resolution: {integrity: sha512-kle2Ov6a1e5AjlHlMQl1e+c4myGTeggrRzArQFmWp6O6JoqqB9hT+B28EW4tjFWgV/NxUq46pWYpgaWXsXRPAg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [linux]
|
||||
@ -1462,8 +1462,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-linux-mips64le/0.15.13:
|
||||
resolution: {integrity: sha512-47PgmyYEu+yN5rD/MbwS6DxP2FSGPo4Uxg5LwIdxTiyGC2XKwHhHyW7YYEDlSuXLQXEdTO7mYe8zQ74czP7W8A==}
|
||||
/esbuild-linux-mips64le/0.15.14:
|
||||
resolution: {integrity: sha512-FVdMYIzOLXUq+OE7XYKesuEAqZhmAIV6qOoYahvUp93oXy0MOVTP370ECbPfGXXUdlvc0TNgkJa3YhEwyZ6MRA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [mips64el]
|
||||
os: [linux]
|
||||
@ -1471,8 +1471,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-linux-ppc64le/0.15.13:
|
||||
resolution: {integrity: sha512-z6n28h2+PC1Ayle9DjKoBRcx/4cxHoOa2e689e2aDJSaKug3jXcQw7mM+GLg+9ydYoNzj8QxNL8ihOv/OnezhA==}
|
||||
/esbuild-linux-ppc64le/0.15.14:
|
||||
resolution: {integrity: sha512-2NzH+iuzMDA+jjtPjuIz/OhRDf8tzbQ1tRZJI//aT25o1HKc0reMMXxKIYq/8nSHXiJSnYV4ODzTiv45s+h73w==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [ppc64]
|
||||
os: [linux]
|
||||
@ -1480,8 +1480,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-linux-riscv64/0.15.13:
|
||||
resolution: {integrity: sha512-+Lu4zuuXuQhgLUGyZloWCqTslcCAjMZH1k3Xc9MSEJEpEFdpsSU0sRDXAnk18FKOfEjhu4YMGaykx9xjtpA6ow==}
|
||||
/esbuild-linux-riscv64/0.15.14:
|
||||
resolution: {integrity: sha512-VqxvutZNlQxmUNS7Ac+aczttLEoHBJ9e3OYGqnULrfipRvG97qLrAv9EUY9iSrRKBqeEbSvS9bSfstZqwz0T4Q==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [riscv64]
|
||||
os: [linux]
|
||||
@ -1489,8 +1489,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-linux-s390x/0.15.13:
|
||||
resolution: {integrity: sha512-BMeXRljruf7J0TMxD5CIXS65y7puiZkAh+s4XFV9qy16SxOuMhxhVIXYLnbdfLrsYGFzx7U9mcdpFWkkvy/Uag==}
|
||||
/esbuild-linux-s390x/0.15.14:
|
||||
resolution: {integrity: sha512-+KVHEUshX5n6VP6Vp/AKv9fZIl5kr2ph8EUFmQUJnDpHwcfTSn2AQgYYm0HTBR2Mr4d0Wlr0FxF/Cs5pbFgiOw==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [s390x]
|
||||
os: [linux]
|
||||
@ -1498,8 +1498,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-netbsd-64/0.15.13:
|
||||
resolution: {integrity: sha512-EHj9QZOTel581JPj7UO3xYbltFTYnHy+SIqJVq6yd3KkCrsHRbapiPb0Lx3EOOtybBEE9EyqbmfW1NlSDsSzvQ==}
|
||||
/esbuild-netbsd-64/0.15.14:
|
||||
resolution: {integrity: sha512-6D/dr17piEgevIm1xJfZP2SjB9Z+g8ERhNnBdlZPBWZl+KSPUKLGF13AbvC+nzGh8IxOH2TyTIdRMvKMP0nEzQ==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [netbsd]
|
||||
@ -1507,8 +1507,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-openbsd-64/0.15.13:
|
||||
resolution: {integrity: sha512-nkuDlIjF/sfUhfx8SKq0+U+Fgx5K9JcPq1mUodnxI0x4kBdCv46rOGWbuJ6eof2n3wdoCLccOoJAbg9ba/bT2w==}
|
||||
/esbuild-openbsd-64/0.15.14:
|
||||
resolution: {integrity: sha512-rREQBIlMibBetgr2E9Lywt2Qxv2ZdpmYahR4IUlAQ1Efv/A5gYdO0/VIN3iowDbCNTLxp0bb57Vf0LFcffD6kA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [openbsd]
|
||||
@ -1516,8 +1516,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-sunos-64/0.15.13:
|
||||
resolution: {integrity: sha512-jVeu2GfxZQ++6lRdY43CS0Tm/r4WuQQ0Pdsrxbw+aOrHQPHV0+LNOLnvbN28M7BSUGnJnHkHm2HozGgNGyeIRw==}
|
||||
/esbuild-sunos-64/0.15.14:
|
||||
resolution: {integrity: sha512-DNVjSp/BY4IfwtdUAvWGIDaIjJXY5KI4uD82+15v6k/w7px9dnaDaJJ2R6Mu+KCgr5oklmFc0KjBjh311Gxl9Q==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [sunos]
|
||||
@ -1525,8 +1525,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-windows-32/0.15.13:
|
||||
resolution: {integrity: sha512-XoF2iBf0wnqo16SDq+aDGi/+QbaLFpkiRarPVssMh9KYbFNCqPLlGAWwDvxEVz+ywX6Si37J2AKm+AXq1kC0JA==}
|
||||
/esbuild-windows-32/0.15.14:
|
||||
resolution: {integrity: sha512-pHBWrcA+/oLgvViuG9FO3kNPO635gkoVrRQwe6ZY1S0jdET07xe2toUvQoJQ8KT3/OkxqUasIty5hpuKFLD+eg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [ia32]
|
||||
os: [win32]
|
||||
@ -1534,8 +1534,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-windows-64/0.15.13:
|
||||
resolution: {integrity: sha512-Et6htEfGycjDrtqb2ng6nT+baesZPYQIW+HUEHK4D1ncggNrDNk3yoboYQ5KtiVrw/JaDMNttz8rrPubV/fvPQ==}
|
||||
/esbuild-windows-64/0.15.14:
|
||||
resolution: {integrity: sha512-CszIGQVk/P8FOS5UgAH4hKc9zOaFo69fe+k1rqgBHx3CSK3Opyk5lwYriIamaWOVjBt7IwEP6NALz+tkVWdFog==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [win32]
|
||||
@ -1543,8 +1543,8 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild-windows-arm64/0.15.13:
|
||||
resolution: {integrity: sha512-3bv7tqntThQC9SWLRouMDmZnlOukBhOCTlkzNqzGCmrkCJI7io5LLjwJBOVY6kOUlIvdxbooNZwjtBvj+7uuVg==}
|
||||
/esbuild-windows-arm64/0.15.14:
|
||||
resolution: {integrity: sha512-KW9W4psdZceaS9A7Jsgl4WialOznSURvqX/oHZk3gOP7KbjtHLSsnmSvNdzagGJfxbAe30UVGXRe8q8nDsOSQw==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [win32]
|
||||
@ -1552,34 +1552,34 @@ packages:
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/esbuild/0.15.13:
|
||||
resolution: {integrity: sha512-Cu3SC84oyzzhrK/YyN4iEVy2jZu5t2fz66HEOShHURcjSkOSAVL8C/gfUT+lDJxkVHpg8GZ10DD0rMHRPqMFaQ==}
|
||||
/esbuild/0.15.14:
|
||||
resolution: {integrity: sha512-pJN8j42fvWLFWwSMG4luuupl2Me7mxciUOsMegKvwCmhEbJ2covUdFnihxm0FMIBV+cbwbtMoHgMCCI+pj1btQ==}
|
||||
engines: {node: '>=12'}
|
||||
hasBin: true
|
||||
requiresBuild: true
|
||||
optionalDependencies:
|
||||
'@esbuild/android-arm': 0.15.13
|
||||
'@esbuild/linux-loong64': 0.15.13
|
||||
esbuild-android-64: 0.15.13
|
||||
esbuild-android-arm64: 0.15.13
|
||||
esbuild-darwin-64: 0.15.13
|
||||
esbuild-darwin-arm64: 0.15.13
|
||||
esbuild-freebsd-64: 0.15.13
|
||||
esbuild-freebsd-arm64: 0.15.13
|
||||
esbuild-linux-32: 0.15.13
|
||||
esbuild-linux-64: 0.15.13
|
||||
esbuild-linux-arm: 0.15.13
|
||||
esbuild-linux-arm64: 0.15.13
|
||||
esbuild-linux-mips64le: 0.15.13
|
||||
esbuild-linux-ppc64le: 0.15.13
|
||||
esbuild-linux-riscv64: 0.15.13
|
||||
esbuild-linux-s390x: 0.15.13
|
||||
esbuild-netbsd-64: 0.15.13
|
||||
esbuild-openbsd-64: 0.15.13
|
||||
esbuild-sunos-64: 0.15.13
|
||||
esbuild-windows-32: 0.15.13
|
||||
esbuild-windows-64: 0.15.13
|
||||
esbuild-windows-arm64: 0.15.13
|
||||
'@esbuild/android-arm': 0.15.14
|
||||
'@esbuild/linux-loong64': 0.15.14
|
||||
esbuild-android-64: 0.15.14
|
||||
esbuild-android-arm64: 0.15.14
|
||||
esbuild-darwin-64: 0.15.14
|
||||
esbuild-darwin-arm64: 0.15.14
|
||||
esbuild-freebsd-64: 0.15.14
|
||||
esbuild-freebsd-arm64: 0.15.14
|
||||
esbuild-linux-32: 0.15.14
|
||||
esbuild-linux-64: 0.15.14
|
||||
esbuild-linux-arm: 0.15.14
|
||||
esbuild-linux-arm64: 0.15.14
|
||||
esbuild-linux-mips64le: 0.15.14
|
||||
esbuild-linux-ppc64le: 0.15.14
|
||||
esbuild-linux-riscv64: 0.15.14
|
||||
esbuild-linux-s390x: 0.15.14
|
||||
esbuild-netbsd-64: 0.15.14
|
||||
esbuild-openbsd-64: 0.15.14
|
||||
esbuild-sunos-64: 0.15.14
|
||||
esbuild-windows-32: 0.15.14
|
||||
esbuild-windows-64: 0.15.14
|
||||
esbuild-windows-arm64: 0.15.14
|
||||
dev: true
|
||||
|
||||
/escalade/3.1.1:
|
||||
@ -2195,7 +2195,7 @@ packages:
|
||||
image-size: 0.5.5
|
||||
make-dir: 2.1.0
|
||||
mime: 1.6.0
|
||||
needle: 3.1.0
|
||||
needle: 3.2.0
|
||||
source-map: 0.6.1
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
@ -2485,8 +2485,8 @@ packages:
|
||||
resolution: {integrity: sha512-E9JaHcxh3ere8/BEZHAcnuD10RluTSPyTToBvoFWS9/7DcCx6gyKjbn7M7Bx7E1veCxCuY1iO6h4+gdAf1j73Q==}
|
||||
dev: false
|
||||
|
||||
/needle/3.1.0:
|
||||
resolution: {integrity: sha512-gCE9weDhjVGCRqS8dwDR/D3GTAeyXLXuqp7I8EzH6DllZGXSUyxuqqLh+YX9rMAWaaTFyVAg6rHGL25dqvczKw==}
|
||||
/needle/3.2.0:
|
||||
resolution: {integrity: sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==}
|
||||
engines: {node: '>= 4.4.x'}
|
||||
hasBin: true
|
||||
requiresBuild: true
|
||||
@ -2802,8 +2802,8 @@ packages:
|
||||
strip-indent: 4.0.0
|
||||
dev: true
|
||||
|
||||
/regenerator-runtime/0.13.10:
|
||||
resolution: {integrity: sha512-KepLsg4dU12hryUO7bp/axHAKvwGOCV0sGloQtpagJ12ai+ojVDqkeGSiRX1zlq+kjIMZ1t7gpze+26QqtdGqw==}
|
||||
/regenerator-runtime/0.13.11:
|
||||
resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
|
||||
|
||||
/remove-bom-buffer/3.0.0:
|
||||
resolution: {integrity: sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==}
|
||||
@ -3187,7 +3187,7 @@ packages:
|
||||
engines: {node: '>=12'}
|
||||
dev: true
|
||||
|
||||
/ts-node/10.9.1_cbe7ovvae6zqfnmtgctpgpys54:
|
||||
/ts-node/10.9.1_wup25etrarvlqkprac7h35hj7u:
|
||||
resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
@ -3213,7 +3213,7 @@ packages:
|
||||
create-require: 1.1.1
|
||||
diff: 4.0.2
|
||||
make-error: 1.3.6
|
||||
typescript: 4.8.4
|
||||
typescript: 4.9.3
|
||||
v8-compile-cache-lib: 3.0.1
|
||||
yn: 3.1.1
|
||||
dev: true
|
||||
@ -3246,8 +3246,8 @@ packages:
|
||||
resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
|
||||
dev: true
|
||||
|
||||
/typescript/4.8.4:
|
||||
resolution: {integrity: sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==}
|
||||
/typescript/4.9.3:
|
||||
resolution: {integrity: sha512-CIfGzTelbKNEnLpLdGFgdyKhG23CKdKgQPOBc+OUNrkJ2vr+KSzsSV5kq5iWhEQbok+quxgGzrAtGWCyU7tHnA==}
|
||||
engines: {node: '>=4.2.0'}
|
||||
hasBin: true
|
||||
dev: true
|
||||
@ -3411,8 +3411,8 @@ packages:
|
||||
replace-ext: 1.0.1
|
||||
dev: true
|
||||
|
||||
/vite/3.2.3_sjdpriiyqai3ghwmd5e3ldppum:
|
||||
resolution: {integrity: sha512-h8jl1TZ76eGs3o2dIBSsvXDLb1m/Ec1iej8ZMdz+PsaFUsftZeWe2CZOI3qogEsMNaywc17gu0q6cQDzh/weCQ==}
|
||||
/vite/3.2.4_sjdpriiyqai3ghwmd5e3ldppum:
|
||||
resolution: {integrity: sha512-Z2X6SRAffOUYTa+sLy3NQ7nlHFU100xwanq1WDwqaiFiCe+25zdxP1TfCS5ojPV2oDDcXudHIoPnI1Z/66B7Yw==}
|
||||
engines: {node: ^14.18.0 || >=16.0.0}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
@ -3437,7 +3437,7 @@ packages:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@types/node': 18.11.9
|
||||
esbuild: 0.15.13
|
||||
esbuild: 0.15.14
|
||||
less: 4.1.3
|
||||
postcss: 8.4.19
|
||||
resolve: 1.22.1
|
||||
@ -3454,7 +3454,7 @@ packages:
|
||||
he: 1.2.0
|
||||
dev: true
|
||||
|
||||
/vue-tsc/1.0.9_typescript@4.8.4:
|
||||
/vue-tsc/1.0.9_typescript@4.9.3:
|
||||
resolution: {integrity: sha512-vRmHD1K6DmBymNhoHjQy/aYKTRQNLGOu2/ESasChG9Vy113K6CdP0NlhR0bzgFJfv2eFB9Ez/9L5kIciUajBxQ==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
@ -3462,7 +3462,7 @@ packages:
|
||||
dependencies:
|
||||
'@volar/vue-language-core': 1.0.9
|
||||
'@volar/vue-typescript': 1.0.9
|
||||
typescript: 4.8.4
|
||||
typescript: 4.9.3
|
||||
dev: true
|
||||
|
||||
/vue-types/3.0.2_vue@3.2.45:
|
||||
|
||||
@ -307,7 +307,7 @@ actions.prototype._sys_onkeyUp_replay = function (e) {
|
||||
// T
|
||||
core.control._replay_toolbox();
|
||||
else if (e.keyCode == 81)
|
||||
// Q
|
||||
// Q_sys_onkeyUp
|
||||
core.control._replay_equipbox();
|
||||
else if (e.keyCode == 66)
|
||||
// B
|
||||
@ -490,9 +490,6 @@ actions.prototype._sys_keyUp_lockControl = function (keyCode, altKey) {
|
||||
case 'selectShop':
|
||||
this._keyUpQuickShop(keyCode);
|
||||
break;
|
||||
case 'toolbox':
|
||||
this._keyUpToolbox(keyCode);
|
||||
break;
|
||||
case 'equipbox':
|
||||
this._keyUpEquipbox(keyCode, altKey);
|
||||
break;
|
||||
@ -2016,33 +2013,6 @@ actions.prototype._keyDownToolbox = function (keycode) {
|
||||
}
|
||||
};
|
||||
|
||||
////// 工具栏界面时，放开某个键的操作 //////
|
||||
actions.prototype._keyUpToolbox = function (keycode) {
|
||||
if (keycode == 81) {
|
||||
core.playSound('确定');
|
||||
core.ui.closePanel();
|
||||
if (core.isReplaying()) core.control._replay_equipbox();
|
||||
else core.openEquipbox();
|
||||
return;
|
||||
}
|
||||
if (keycode == 84 || keycode == 27 || keycode == 88) {
|
||||
core.playSound('取消');
|
||||
core.ui.closePanel();
|
||||
var last = core.status.route[core.status.route.length - 1] || '';
|
||||
if (last.startsWith('equip:') || last.startsWith('unEquip:')) {
|
||||
core.status.route.push('no');
|
||||
}
|
||||
core.checkAutoEvents();
|
||||
return;
|
||||
}
|
||||
if (core.status.event.data == null) return;
|
||||
|
||||
if (keycode == 13 || keycode == 32 || keycode == 67) {
|
||||
this._clickToolboxIndex(core.status.event.selection);
|
||||
return;
|
||||
}
|
||||
};
|
||||
|
||||
////// 装备栏界面时的点击操作 //////
|
||||
actions.prototype._clickEquipbox = function (x, y, px, py) {
|
||||
if (x >= this.LAST - 2 && y == 0) {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -3223,242 +3223,6 @@ ui.prototype._drawCursor = function () {
|
||||
////// 绘制怪物手册 //////
|
||||
ui.prototype.drawBook = function (index) {};
|
||||
|
||||
////// 绘制怪物属性的详细信息 //////
|
||||
ui.prototype._drawBookDetail = function (index) {
|
||||
var info = this._drawBookDetail_getInfo(index),
|
||||
enemy = info[0];
|
||||
if (!enemy) return;
|
||||
var content = info[1].join('\n');
|
||||
core.status.event.id = 'book-detail';
|
||||
core.animateFrame.tip = null;
|
||||
core.clearMap('data');
|
||||
|
||||
var left = 10,
|
||||
width = core._PX_ - 2 * left,
|
||||
right = left + width;
|
||||
var content_left = left + 25,
|
||||
validWidth = right - content_left - 13;
|
||||
var height = Math.max(
|
||||
this.getTextContentHeight(content, {
|
||||
fontSize: 16,
|
||||
lineHeight: 24,
|
||||
maxWidth: validWidth
|
||||
}) + 58,
|
||||
80
|
||||
),
|
||||
top = (core._PY_ - height) / 2,
|
||||
bottom = top + height;
|
||||
|
||||
core.setAlpha('data', 0.9);
|
||||
core.fillRect('data', left, top, width, height, '#000000');
|
||||
core.setAlpha('data', 1);
|
||||
core.strokeRect(
|
||||
'data',
|
||||
left - 1,
|
||||
top - 1,
|
||||
width + 1,
|
||||
height + 1,
|
||||
core.arrayToRGBA(core.status.globalAttribute.borderColor),
|
||||
2
|
||||
);
|
||||
core.playSound('确定');
|
||||
this._drawBookDetail_drawContent(enemy, content, {
|
||||
top: top,
|
||||
content_left: content_left,
|
||||
bottom: bottom,
|
||||
validWidth: validWidth
|
||||
});
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_getInfo = function (index) {
|
||||
var floorId =
|
||||
core.floorIds[(core.status.event.ui || {}).index] ||
|
||||
core.status.floorId;
|
||||
// 清除浏览地图时的光环缓存
|
||||
if (floorId != core.status.floorId && core.status.checkBlock) {
|
||||
core.status.checkBlock.cache = {};
|
||||
}
|
||||
var enemys = core.enemys.getCurrentEnemys(floorId);
|
||||
if (enemys.length == 0) return [];
|
||||
index = core.clamp(index, 0, enemys.length - 1);
|
||||
var enemy = enemys[index],
|
||||
enemyId = enemy.id;
|
||||
var texts = core.enemys.getSpecialHint(enemyId);
|
||||
if (texts.length == 0) texts.push('该怪物无特殊属性。');
|
||||
if (enemy.description) texts.push(enemy.description + '\r');
|
||||
texts.push('');
|
||||
this._drawBookDetail_getTexts(enemy, floorId, texts);
|
||||
return [enemy, texts];
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_getTexts = function (enemy, floorId, texts) {
|
||||
// --- 原始数值
|
||||
this._drawBookDetail_origin(enemy, texts);
|
||||
// --- 模仿临界计算器
|
||||
this._drawBookDetail_mofang(enemy, texts);
|
||||
// --- 吸血怪最低生命值
|
||||
this._drawBookDetail_vampire(enemy, floorId, texts);
|
||||
// --- 仇恨伤害
|
||||
this._drawBookDetail_hatred(enemy, texts);
|
||||
// --- 战斗回合数，临界表
|
||||
this._drawBookDetail_turnAndCriticals(enemy, floorId, texts);
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_origin = function (enemy, texts) {
|
||||
// 怪物数值和原始值不一样时，在详细信息页显示原始数值
|
||||
var originEnemy = core.enemys._getCurrentEnemys_getEnemy(enemy.id);
|
||||
var content = [];
|
||||
if (enemy.locs != null && enemy.locs.length >= 0) {
|
||||
texts.push(
|
||||
'\r[#FF6A6A]\\d怪物坐标：\\d\r[]' + JSON.stringify(enemy.locs)
|
||||
);
|
||||
}
|
||||
['hp', 'atk', 'def', 'point', 'money', 'exp'].forEach(function (one) {
|
||||
if (enemy[one] == null || originEnemy[one] == null) return;
|
||||
if (enemy[one] != originEnemy[one]) {
|
||||
content.push(core.getStatusLabel(one) + ' ' + originEnemy[one]);
|
||||
}
|
||||
});
|
||||
if (content.length > 0) {
|
||||
texts.push('\r[#FF6A6A]\\d原始数值：\\d\r[]' + content.join('；'));
|
||||
}
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_mofang = function (enemy, texts) {
|
||||
// 模仿临界计算器
|
||||
if (core.enemys.hasSpecial(enemy.special, 10)) {
|
||||
var hp = enemy.hp;
|
||||
var delta = core.status.hero.atk - core.status.hero.def;
|
||||
if (delta < hp && hp <= 10000 && hp > 0) {
|
||||
texts.push(
|
||||
'\r[#FF6A6A]\\d模仿临界计算器：\\d\r[]（当前攻防差' +
|
||||
core.formatBigNumber(delta) +
|
||||
'）'
|
||||
);
|
||||
var u = [];
|
||||
this._drawBookDetail_mofang_getArray(hp).forEach(function (t) {
|
||||
if (u.length < 20) u.push(t);
|
||||
else if (Math.abs(t[0] - delta) < Math.abs(u[0][0] - delta)) {
|
||||
u.shift();
|
||||
u.push(t);
|
||||
}
|
||||
});
|
||||
texts.push(
|
||||
JSON.stringify(
|
||||
u.map(function (v) {
|
||||
return core.formatBigNumber(v[0]) + ':' + v[1];
|
||||
})
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_mofang_getArray = function (hp) {
|
||||
var arr = [];
|
||||
var last = 0,
|
||||
start = 0;
|
||||
for (var i = 1; i < hp; i++) {
|
||||
var now = parseInt((hp - 1) / i);
|
||||
if (now != last) {
|
||||
if (last != 0) {
|
||||
arr.push([start, last + 'x']);
|
||||
}
|
||||
last = now;
|
||||
start = i;
|
||||
}
|
||||
}
|
||||
if (last != 0) {
|
||||
arr.push([start, '1x']);
|
||||
arr.push([hp, '0']);
|
||||
}
|
||||
return arr;
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_vampire = function (enemy, floorId, texts) {
|
||||
if (core.enemys.hasSpecial(enemy.special, 11)) {
|
||||
var damage = core.getDamage(enemy.id);
|
||||
if (damage != null) {
|
||||
// 二分HP
|
||||
var start = 1,
|
||||
end = 100 * damage;
|
||||
var nowHp = core.status.hero.hp;
|
||||
while (start < end) {
|
||||
var mid = Math.floor((start + end) / 2);
|
||||
core.status.hero.hp = mid;
|
||||
if (core.canBattle(enemy.id, enemy.x, enemy.y, floorId))
|
||||
end = mid;
|
||||
else start = mid + 1;
|
||||
}
|
||||
core.status.hero.hp = start;
|
||||
if (core.canBattle(enemy.id)) {
|
||||
texts.push(
|
||||
'\r[#FF6A6A]\\d打死该怪物最低需要生命值：\\d\r[]' +
|
||||
core.formatBigNumber(start)
|
||||
);
|
||||
}
|
||||
core.status.hero.hp = nowHp;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_hatred = function (enemy, texts) {
|
||||
if (core.enemys.hasSpecial(enemy.special, 17)) {
|
||||
texts.push(
|
||||
'\r[#FF6A6A]\\d当前仇恨伤害值：\\d\r[]' + core.getFlag('hatred', 0)
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_turnAndCriticals = function (
|
||||
enemy,
|
||||
floorId,
|
||||
texts
|
||||
) {
|
||||
var damageInfo = core.getDamageInfo(
|
||||
enemy.id,
|
||||
null,
|
||||
enemy.x,
|
||||
enemy.y,
|
||||
floorId
|
||||
);
|
||||
texts.push(
|
||||
'\r[#FF6A6A]\\d战斗回合数：\\d\r[]' + ((damageInfo || {}).turn || 0)
|
||||
);
|
||||
// 临界表
|
||||
var criticals = core.enemys
|
||||
.nextCriticals(enemy.id, 8, enemy.x, enemy.y, floorId)
|
||||
.map(function (v) {
|
||||
return (
|
||||
core.formatBigNumber(v[0]) + ':' + core.formatBigNumber(v[1])
|
||||
);
|
||||
});
|
||||
while (criticals[0] == '0:0') criticals.shift();
|
||||
texts.push('\r[#FF6A6A]\\d临界表：\\d\r[]' + JSON.stringify(criticals));
|
||||
};
|
||||
|
||||
ui.prototype._drawBookDetail_drawContent = function (enemy, content, pos) {
|
||||
// 名称
|
||||
core.setTextAlign('data', 'left');
|
||||
core.fillText(
|
||||
'data',
|
||||
enemy.name,
|
||||
pos.content_left,
|
||||
pos.top + 30,
|
||||
core.status.globalAttribute.selectColor,
|
||||
this._buildFont(22, true)
|
||||
);
|
||||
var content_top = pos.top + 44;
|
||||
|
||||
this.drawTextContent('data', content, {
|
||||
left: pos.content_left,
|
||||
top: content_top,
|
||||
maxWidth: pos.validWidth,
|
||||
fontSize: 16,
|
||||
lineHeight: 24
|
||||
});
|
||||
};
|
||||
|
||||
////// 绘制楼层传送器 //////
|
||||
ui.prototype.drawFly = function (page) {
|
||||
core.status.event.data = page;
|
||||
@ -3762,236 +3526,7 @@ ui.prototype._drawViewMaps_buildData = function (index, x, y) {
|
||||
};
|
||||
|
||||
////// 绘制道具栏 //////
|
||||
ui.prototype._drawToolbox = function (index) {
|
||||
var info = this._drawToolbox_getInfo(index);
|
||||
this._drawToolbox_drawBackground();
|
||||
|
||||
// 绘制线
|
||||
core.setAlpha('ui', 1);
|
||||
core.setStrokeStyle('ui', '#DDDDDD');
|
||||
core.canvas.ui.lineWidth = 2;
|
||||
core.canvas.ui.strokeWidth = 2;
|
||||
core.setTextAlign('ui', 'right');
|
||||
var line1 = core._PY_ - 306;
|
||||
this._drawToolbox_drawLine(line1, '消耗道具');
|
||||
var line2 = core._PY_ - 146;
|
||||
this._drawToolbox_drawLine(line2, '永久道具');
|
||||
|
||||
this._drawToolbox_drawDescription(info, line1);
|
||||
|
||||
this._drawToolbox_drawContent(
|
||||
info,
|
||||
line1,
|
||||
info.tools,
|
||||
info.toolsPage,
|
||||
true
|
||||
);
|
||||
this.drawPagination(info.toolsPage, info.toolsTotalPage, core._HEIGHT_ - 6);
|
||||
this._drawToolbox_drawContent(
|
||||
info,
|
||||
line2,
|
||||
info.constants,
|
||||
info.constantsPage
|
||||
);
|
||||
this.drawPagination(info.constantsPage, info.constantsTotalPage);
|
||||
|
||||
core.setTextAlign('ui', 'center');
|
||||
core.fillText(
|
||||
'ui',
|
||||
'[装备栏]',
|
||||
core._PX_ - 46,
|
||||
25,
|
||||
'#DDDDDD',
|
||||
this._buildFont(15, true)
|
||||
);
|
||||
core.fillText('ui', '返回游戏', core._PX_ - 46, core._PY_ - 13);
|
||||
};
|
||||
|
||||
////// 获得所有应该在道具栏显示的某个类型道具 //////
|
||||
ui.prototype.getToolboxItems = function (cls) {
|
||||
if (this.uidata.getToolboxItems) {
|
||||
return this.uidata.getToolboxItems(cls);
|
||||
}
|
||||
return Object.keys(core.status.hero.items[cls] || {})
|
||||
.filter(function (id) {
|
||||
return !core.material.items[id].hideInToolbox;
|
||||
})
|
||||
.sort();
|
||||
};
|
||||
|
||||
ui.prototype._drawToolbox_getInfo = function (index) {
|
||||
// 设定eventdata
|
||||
if (!core.status.event.data || core.status.event.data.toolsPage == null)
|
||||
core.status.event.data = {
|
||||
toolsPage: 1,
|
||||
constantsPage: 1,
|
||||
selectId: null
|
||||
};
|
||||
// 获取物品列表
|
||||
var tools = core.getToolboxItems('tools'),
|
||||
constants = core.getToolboxItems('constants');
|
||||
// 处理页数
|
||||
var n = core._WIDTH_ - 1;
|
||||
var toolsPage = core.status.event.data.toolsPage;
|
||||
var constantsPage = core.status.event.data.constantsPage;
|
||||
var toolsTotalPage = Math.ceil(tools.length / n);
|
||||
var constantsTotalPage = Math.ceil(constants.length / n);
|
||||
// 处理index
|
||||
if (index == null)
|
||||
index = tools.length == 0 && constants.length > 0 ? n : 0;
|
||||
core.status.event.selection = index;
|
||||
// 确认选择对象
|
||||
var select, selectId;
|
||||
if (index < n) {
|
||||
select = index + (toolsPage - 1) * n;
|
||||
if (select >= tools.length) select = Math.max(0, tools.length - 1);
|
||||
selectId = tools[select];
|
||||
} else {
|
||||
select = (index % n) + (constantsPage - 1) * n;
|
||||
if (select >= constants.length)
|
||||
select = Math.max(0, constants.length - 1);
|
||||
selectId = constants[select];
|
||||
}
|
||||
if (!core.hasItem(selectId)) selectId = null;
|
||||
core.status.event.data.selectId = selectId;
|
||||
return {
|
||||
index: index,
|
||||
tools: tools,
|
||||
constants: constants,
|
||||
toolsPage: toolsPage,
|
||||
constantsPage: constantsPage,
|
||||
toolsTotalPage: toolsTotalPage,
|
||||
constantsTotalPage: constantsTotalPage,
|
||||
selectId: selectId
|
||||
};
|
||||
};
|
||||
|
||||
ui.prototype._drawToolbox_drawBackground = function () {
|
||||
// 绘制
|
||||
core.clearMap('ui');
|
||||
core.setAlpha('ui', 0.85);
|
||||
core.fillRect('ui', 0, 0, core._PX_, core._PY_, '#000000');
|
||||
};
|
||||
|
||||
ui.prototype._drawToolbox_drawLine = function (yoffset, text) {
|
||||
core.setFillStyle('ui', '#DDDDDD');
|
||||
core.canvas.ui.beginPath();
|
||||
core.canvas.ui.moveTo(0, yoffset);
|
||||
core.canvas.ui.lineTo(core._PX_, yoffset);
|
||||
core.canvas.ui.stroke();
|
||||
core.canvas.ui.beginPath();
|
||||
core.canvas.ui.moveTo(core._PX_, yoffset - 1);
|
||||
core.canvas.ui.lineTo(core._PX_, yoffset - 25);
|
||||
core.canvas.ui.lineTo(core._PX_ - 72, yoffset - 25);
|
||||
core.canvas.ui.lineTo(core._PX_ - 102, yoffset - 1);
|
||||
core.canvas.ui.fill();
|
||||
core.fillText(
|
||||
'ui',
|
||||
text,
|
||||
core._PX_ - 5,
|
||||
yoffset - 6,
|
||||
'#333333',
|
||||
this._buildFont(16, true)
|
||||
);
|
||||
};
|
||||
|
||||
ui.prototype._drawToolbox_drawDescription = function (info, max_height) {
|
||||
core.setTextAlign('ui', 'left');
|
||||
if (!info.selectId) return;
|
||||
var item = core.material.items[info.selectId];
|
||||
var name = item.name || '未知道具';
|
||||
try {
|
||||
name = core.replaceText(name);
|
||||
} catch (e) {}
|
||||
core.fillText(
|
||||
'ui',
|
||||
name,
|
||||
10,
|
||||
32,
|
||||
core.status.globalAttribute.selectColor,
|
||||
this._buildFont(20, true)
|
||||
);
|
||||
var text = item.text || '该道具暂无描述。';
|
||||
try {
|
||||
text = core.replaceText(text);
|
||||
} catch (e) {}
|
||||
|
||||
var height = null;
|
||||
for (var fontSize = 17; fontSize >= 9; fontSize -= 2) {
|
||||
var config = {
|
||||
left: 10,
|
||||
top: 46,
|
||||
fontSize: fontSize,
|
||||
maxWidth: core._PX_ - 15,
|
||||
bold: false,
|
||||
color: 'white'
|
||||
};
|
||||
height = 42 + core.getTextContentHeight(text, config);
|
||||
if (height < max_height || fontSize == 9) {
|
||||
core.drawTextContent('ui', text, config);
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (height < max_height - 33) {
|
||||
core.fillText(
|
||||
'ui',
|
||||
'<继续点击该道具即可进行使用>',
|
||||
10,
|
||||
max_height - 15,
|
||||
'#CCCCCC',
|
||||
this._buildFont(14, false)
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
ui.prototype._drawToolbox_drawContent = function (
|
||||
info,
|
||||
line,
|
||||
items,
|
||||
page,
|
||||
drawCount
|
||||
) {
|
||||
var n = core._HALF_WIDTH_;
|
||||
core.setTextAlign('ui', 'right');
|
||||
for (var i = 0; i < core._WIDTH_ - 1; i++) {
|
||||
var item = items[(core._WIDTH_ - 1) * (page - 1) + i];
|
||||
if (!item) continue;
|
||||
var yoffset = line + 54 * Math.floor(i / n) + 19;
|
||||
var icon = core.material.icons.items[item],
|
||||
image = core.material.images.items;
|
||||
core.drawImage(
|
||||
'ui',
|
||||
image,
|
||||
0,
|
||||
32 * icon,
|
||||
32,
|
||||
32,
|
||||
64 * (i % n) + 21,
|
||||
yoffset,
|
||||
32,
|
||||
32
|
||||
);
|
||||
if (drawCount)
|
||||
core.fillText(
|
||||
'ui',
|
||||
core.itemCount(item),
|
||||
64 * (i % n) + 56,
|
||||
yoffset + 33,
|
||||
'#FFFFFF',
|
||||
this._buildFont(14, true)
|
||||
);
|
||||
if (info.selectId == item)
|
||||
core.strokeRoundRect(
|
||||
'ui',
|
||||
64 * (i % n) + 17,
|
||||
yoffset - 4,
|
||||
40,
|
||||
40,
|
||||
6,
|
||||
core.status.globalAttribute.selectColor
|
||||
);
|
||||
}
|
||||
};
|
||||
ui.prototype._drawToolbox = function (index) {};
|
||||
|
||||
////// 绘制装备界面 //////
|
||||
ui.prototype._drawEquipbox = function (index) {
|
||||
|
||||
@ -79,7 +79,7 @@ main.floors.MT1=
|
||||
[20042, 0, 0,201, 0, 0,141, 0,141,202, 17, 0, 0, 0,20040],
|
||||
[20042,202, 17, 17, 0, 0,205, 31, 0, 28, 17, 28, 0, 32,20040],
|
||||
[20042, 0, 27, 17, 31,141,141,141,141,201, 17, 17, 17, 17,20040],
|
||||
[20042, 32, 0, 17, 0,201, 0, 0,201, 31,202, 0, 32, 0,20040],
|
||||
[20042, 32, 0, 17, 0,201, 47, 0,201, 31,202, 0, 32, 0,20040],
|
||||
[20036,20033,20033,20033,20033,20033,20034, 93,20032,20033,20033,20033,20033,20033,20035]
|
||||
],
|
||||
"bgmap": [
|
||||
|
||||
@ -1128,6 +1128,8 @@ var functions_d6ad677b_427a_4623_b50f_a445a3b0ef8a = {
|
||||
// altKey：Alt键是否被按下，为true代表同时按下了Alt键
|
||||
// 可以在这里任意增加或编辑每个按键的行为
|
||||
|
||||
if (core.status.lockControl) return;
|
||||
|
||||
// 如果处于正在行走状态，则不处理
|
||||
if (core.isMoving()) return;
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,4 +1,5 @@
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
@ -7,6 +8,15 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#game {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#gameGroup {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
@ -80,7 +90,7 @@
|
||||
}
|
||||
|
||||
#startTopHint {
|
||||
color: #66CCFF;
|
||||
color: #66ccff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 5%;
|
||||
@ -89,12 +99,12 @@
|
||||
}
|
||||
|
||||
#startBackground {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
width: auto;
|
||||
transform:translate(-50%,-50%);
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 260;
|
||||
}
|
||||
|
||||
@ -132,11 +142,11 @@
|
||||
padding: 15px 25px;
|
||||
min-width: 20%;
|
||||
/* default value */
|
||||
background-color: #32369F;
|
||||
background-color: #32369f;
|
||||
opacity: 0.85;
|
||||
color: #FFFFFF;
|
||||
border: #FFFFFF 2px solid;
|
||||
caret-color: #FFD700;
|
||||
color: #ffffff;
|
||||
border: #ffffff 2px solid;
|
||||
caret-color: #ffd700;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@ -207,20 +217,20 @@
|
||||
left: 0;
|
||||
padding: 3px;
|
||||
}
|
||||
#statusBar .status{
|
||||
#statusBar .status {
|
||||
user-select: none;
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
.status img{
|
||||
.status img {
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
max-height: 1.6em;
|
||||
}
|
||||
#statusBar span{
|
||||
#statusBar span {
|
||||
user-select: none;
|
||||
font: bold italic 1.1em Verdana;
|
||||
display: inline;
|
||||
@ -245,7 +255,7 @@
|
||||
display: none;
|
||||
padding: 3px;
|
||||
}
|
||||
#toolBar .tools{
|
||||
#toolBar .tools {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
@ -257,13 +267,18 @@ p#hard {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
color: red;
|
||||
font: bold normal 1.1em "Arial Black";
|
||||
font: bold normal 1.1em 'Arial Black';
|
||||
text-align: center;
|
||||
margin: 0 6px 6px 0;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
span#poison, span#weak, span#curse, span#pickaxe, span#bomb, span#fly {
|
||||
span#poison,
|
||||
span#weak,
|
||||
span#curse,
|
||||
span#pickaxe,
|
||||
span#bomb,
|
||||
span#fly {
|
||||
user-select: none;
|
||||
font-style: normal;
|
||||
font-size: 1em;
|
||||
@ -346,8 +361,8 @@ p#name {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(127,127,127,0.6);
|
||||
z-index: 2000
|
||||
background: rgba(127, 127, 127, 0.6);
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
#inputDialog {
|
||||
@ -373,7 +388,7 @@ p#name {
|
||||
margin-bottom: 10px;
|
||||
padding: 5px 3px;
|
||||
border: 1px solid;
|
||||
background: #F0F0F0;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
#inputYes {
|
||||
@ -382,24 +397,37 @@ p#name {
|
||||
}
|
||||
|
||||
#inputNo {
|
||||
float:right;
|
||||
float: right;
|
||||
margin-right: 10%;
|
||||
}
|
||||
|
||||
#_selector, ._uievent_selector {
|
||||
#_selector,
|
||||
._uievent_selector {
|
||||
animation: selector 2s ease-in-out 0s infinite normal none running;
|
||||
}
|
||||
|
||||
@-webkit-keyframes selector {
|
||||
0% { opacity: 0.95; }
|
||||
50% { opacity: 0.55; }
|
||||
100% { opacity: 0.95; }
|
||||
0% {
|
||||
opacity: 0.95;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.55;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.95;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes selector {
|
||||
0% { opacity: 0.95; }
|
||||
50% { opacity: 0.55; }
|
||||
100% { opacity: 0.95; }
|
||||
0% {
|
||||
opacity: 0.95;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.55;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.95;
|
||||
}
|
||||
}
|
||||
|
||||
#next {
|
||||
@ -412,8 +440,8 @@ p#name {
|
||||
border-bottom-style: solid;
|
||||
border-right-width: 4px;
|
||||
border-right-style: solid;
|
||||
-webkit-animation: next .5s ease-in-out alternate infinite;
|
||||
animation: next .5s ease-in-out alternate infinite;
|
||||
-webkit-animation: next 0.5s ease-in-out alternate infinite;
|
||||
animation: next 0.5s ease-in-out alternate infinite;
|
||||
left: 0;
|
||||
top: 0;
|
||||
opacity: 0.7;
|
||||
@ -463,15 +491,27 @@ p#name {
|
||||
}
|
||||
|
||||
@-webkit-keyframes startImage {
|
||||
0% { opacity: 0; }
|
||||
60% { opacity: 1; }
|
||||
100% { opacity: 0; }
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
60% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes startImage {
|
||||
0% { opacity: 0; }
|
||||
60% { opacity: 1; }
|
||||
100% { opacity: 0; }
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
60% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.startImageDivAnimation {
|
||||
@ -480,13 +520,21 @@ p#name {
|
||||
}
|
||||
|
||||
@-webkit-keyframes startImageDivDisappear {
|
||||
0% { opacity: 1 }
|
||||
100% { opacity: 0 }
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes startImageDivDisappear {
|
||||
0% { opacity: 1 }
|
||||
100% { opacity: 0 }
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#ui-editor {
|
||||
@ -499,4 +547,4 @@ p#name {
|
||||
@font-face {
|
||||
font-family: Fira Code;
|
||||
src: url(../src/fonts/FiraCode-Regular.ttf);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,56 +1,78 @@
|
||||
<template>
|
||||
<canvas
|
||||
ref="canvas"
|
||||
:width="width ?? 32"
|
||||
:height="height ?? 32"
|
||||
id="canvas"
|
||||
:id="`box-animate-${id}`"
|
||||
></canvas>
|
||||
</template>
|
||||
|
||||
<script lang="tsx" setup>
|
||||
import { onMounted, onUnmounted, ref } from 'vue';
|
||||
import { onMounted, onUnmounted, onUpdated, ref } from 'vue';
|
||||
import { addAnimate, removeAnimate } from '../plugin/animateController';
|
||||
import { has } from '../plugin/utils';
|
||||
|
||||
const id = (Math.random() * 1e8).toFixed(0);
|
||||
|
||||
const props = defineProps<{
|
||||
id: string;
|
||||
noborder?: boolean;
|
||||
width?: number;
|
||||
height?: number;
|
||||
}>();
|
||||
|
||||
const canvas = ref<HTMLCanvasElement>();
|
||||
let c: HTMLCanvasElement;
|
||||
let ctx: CanvasRenderingContext2D;
|
||||
|
||||
let drawFn: () => void;
|
||||
|
||||
function draw() {
|
||||
if (has(drawFn)) removeAnimate(drawFn);
|
||||
|
||||
onMounted(() => {
|
||||
const c = canvas.value!;
|
||||
const ctx = c.getContext('2d')!;
|
||||
const cls = core.getClsFromId(props.id);
|
||||
const frames = core.getAnimateFrames(cls);
|
||||
const w = props.width ?? 32;
|
||||
const h = props.height ?? 32;
|
||||
|
||||
if (!props.noborder) {
|
||||
c.style.border = '1.5px solid #ddd';
|
||||
c.style.backgroundColor = '#222';
|
||||
}
|
||||
|
||||
const scale = window.devicePixelRatio;
|
||||
|
||||
c.style.width = `${c.width}px`;
|
||||
c.style.height = `${c.height}px`;
|
||||
c.width *= scale;
|
||||
c.height *= scale;
|
||||
c.style.width = `${w}px`;
|
||||
c.style.height = `${h}px`;
|
||||
c.width = scale * w;
|
||||
c.height = scale * h;
|
||||
ctx.scale(scale, scale);
|
||||
|
||||
const fn = () => {
|
||||
core.clearMap(ctx);
|
||||
const frame = core.status.globalAnimateStatus % frames;
|
||||
core.drawIcon(ctx, props.id, 0, 0, props.width, props.height, frame);
|
||||
};
|
||||
if (frames === 1) {
|
||||
core.drawIcon(ctx, props.id, 0, 0, props.width, props.height);
|
||||
} else {
|
||||
drawFn = () => {
|
||||
core.clearMap(ctx);
|
||||
const frame = core.status.globalAnimateStatus % frames;
|
||||
core.drawIcon(ctx, props.id, 0, 0, w, h, frame);
|
||||
};
|
||||
|
||||
fn();
|
||||
addAnimate(fn);
|
||||
drawFn();
|
||||
addAnimate(drawFn);
|
||||
|
||||
onUnmounted(() => {
|
||||
removeAnimate(fn);
|
||||
});
|
||||
onUnmounted(() => {
|
||||
removeAnimate(drawFn);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
c = document.getElementById(`box-animate-${id}`) as HTMLCanvasElement;
|
||||
ctx = c.getContext('2d')!;
|
||||
draw();
|
||||
});
|
||||
|
||||
onUpdated(() => {
|
||||
draw();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
#canvas {
|
||||
border: 1.5px solid #ddd;
|
||||
background-color: #222;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -11,12 +11,13 @@
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, onUnmounted, onUpdated } from 'vue';
|
||||
import { cancelGlobalDrag, isMobile, useDrag, useWheel } from '../plugin/use';
|
||||
import { cancelGlobalDrag, useDrag, useWheel } from '../plugin/use';
|
||||
|
||||
const props = defineProps<{
|
||||
now?: number;
|
||||
type?: 'vertical' | 'horizontal';
|
||||
drag?: boolean;
|
||||
width?: number;
|
||||
}>();
|
||||
|
||||
const emits = defineEmits<{
|
||||
@ -29,6 +30,7 @@ let total = 0;
|
||||
|
||||
const id = (1e8 * Math.random()).toFixed(0);
|
||||
const scale = window.devicePixelRatio;
|
||||
const width = props.width ?? 20;
|
||||
|
||||
const cssTarget = props.type === 'horizontal' ? 'left' : 'top';
|
||||
const canvasAttr = props.type === 'horizontal' ? 'width' : 'height';
|
||||
@ -52,6 +54,8 @@ function draw() {
|
||||
} else if (now < 0) {
|
||||
now = 0;
|
||||
}
|
||||
const w = ctx.canvas.width;
|
||||
const h = ctx.canvas.height;
|
||||
emits('update:now', now);
|
||||
const length =
|
||||
Math.min(ctx.canvas[canvasAttr] / total / scale, 1) *
|
||||
@ -61,14 +65,11 @@ function draw() {
|
||||
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
|
||||
ctx.beginPath();
|
||||
if (props.type === 'horizontal') {
|
||||
ctx.moveTo(Math.max(py + 5, 5), 10 * scale);
|
||||
ctx.lineTo(Math.min(py + length - 5, ctx.canvas.width - 5), 10 * scale);
|
||||
ctx.moveTo(Math.max(py + 5, 5), h / 2);
|
||||
ctx.lineTo(Math.min(py + length - 5, ctx.canvas.width - 5), h / 2);
|
||||
} else {
|
||||
ctx.moveTo(10 * scale, Math.max(py + 5, 5));
|
||||
ctx.lineTo(
|
||||
10 * scale,
|
||||
Math.min(py + length - 5, ctx.canvas.height - 5)
|
||||
);
|
||||
ctx.moveTo(w / 2, Math.max(py + 5, 5));
|
||||
ctx.lineTo(w / 2, Math.min(py + length - 5, ctx.canvas.height - 5));
|
||||
}
|
||||
ctx.lineCap = 'round';
|
||||
ctx.lineWidth = 6;
|
||||
@ -130,16 +131,17 @@ onMounted(() => {
|
||||
content.addEventListener('resize', resize);
|
||||
|
||||
const style = getComputedStyle(canvas);
|
||||
canvas.width = 20 * scale;
|
||||
canvas.style.width = `${width}px`;
|
||||
canvas.width = width * scale;
|
||||
canvas.height = parseFloat(style.height) * scale;
|
||||
|
||||
if (props.type === 'horizontal') {
|
||||
div.style.flexDirection = 'column';
|
||||
canvas.style.height = '40px';
|
||||
canvas.style.height = `${width}px`;
|
||||
canvas.style.width = '98%';
|
||||
canvas.style.margin = '0 1% 0 1%';
|
||||
canvas.width = parseFloat(style.width) * scale;
|
||||
canvas.height = 20 * scale;
|
||||
canvas.height = width * scale;
|
||||
}
|
||||
|
||||
draw();
|
||||
@ -200,7 +202,6 @@ onUnmounted(() => {
|
||||
<style lang="less" scoped>
|
||||
.scroll {
|
||||
opacity: 0.2;
|
||||
width: 20px;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
|
||||
|
||||
@ -77,7 +77,7 @@
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed, onMounted, ref, watch } from 'vue';
|
||||
import { getCriticalDamage, getDefDamage } from '../plugin/book';
|
||||
import { getCriticalDamage, getDefDamage } from '../plugin/ui/book';
|
||||
import Chart, { ChartConfiguration } from 'chart.js/auto';
|
||||
import { has, setCanvasSize } from '../plugin/utils';
|
||||
import { debounce } from 'lodash';
|
||||
@ -147,11 +147,12 @@ function generateChart(ele: HTMLCanvasElement, data: [number, number][]) {
|
||||
* 生成图表数据
|
||||
* @param data 数据
|
||||
*/
|
||||
function generateData(data: [number, number][]) {
|
||||
function generateData(data: [number, number][]): ChartConfiguration['data'] {
|
||||
return {
|
||||
datasets: [
|
||||
{
|
||||
data: data.map(v => v[1])
|
||||
data: data.map(v => v[1]),
|
||||
label: '怪物伤害'
|
||||
}
|
||||
],
|
||||
labels: data.map(v => Math.round(v[0] / ratio))
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { isMobile } from '../plugin/use';
|
||||
import { getSpecialHint } from '../plugin/book';
|
||||
import { getSpecialHint } from '../plugin/ui/book';
|
||||
|
||||
const enemy = core.plugin.bookDetailEnemy;
|
||||
|
||||
|
||||
@ -27,6 +27,6 @@ export function addAnimate(fn: (time: number) => void) {
|
||||
*/
|
||||
export function removeAnimate(fn: (time: number) => void) {
|
||||
const index = animation.findIndex(v => v === fn);
|
||||
if (index === -1)
|
||||
throw new ReferenceError('No such function in animation.');
|
||||
if (index === -1) return;
|
||||
animation.splice(index, 1);
|
||||
}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { has } from './utils';
|
||||
import { has } from '../utils';
|
||||
|
||||
/**
|
||||
* 获取怪物的特殊技能描述
|
||||
@ -64,10 +64,10 @@ export function getDefDamage(
|
||||
atk: core.status.hero.atk + addAtk
|
||||
});
|
||||
|
||||
if (i === 0) {
|
||||
if (res.length === 0) {
|
||||
origin = dam?.damage;
|
||||
if (has(origin)) {
|
||||
res.push([addDef, origin]);
|
||||
res.push([addDef + i * ratio, origin]);
|
||||
last = origin;
|
||||
}
|
||||
continue;
|
||||
45
src/plugin/ui/toolbox.tsx
Normal file
45
src/plugin/ui/toolbox.tsx
Normal file
@ -0,0 +1,45 @@
|
||||
import { has } from '../utils';
|
||||
|
||||
interface ClsMap {
|
||||
tools: '消耗道具';
|
||||
constants: '永久道具';
|
||||
all: '全部道具';
|
||||
}
|
||||
|
||||
interface AllItem {
|
||||
tools: [string, number][];
|
||||
constants: [string, number][];
|
||||
}
|
||||
|
||||
const clsMap: ClsMap = {
|
||||
tools: '消耗道具',
|
||||
constants: '永久道具',
|
||||
all: '全部道具'
|
||||
};
|
||||
|
||||
/**
|
||||
* 根据道具的cls获取中文类型
|
||||
* @param cls 道具的cls
|
||||
*/
|
||||
export function getClsName<T extends keyof ClsMap | 'all'>(cls: T): ClsMap[T] {
|
||||
return clsMap[cls];
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取某个类型的所有道具
|
||||
* @param cls 道具类型
|
||||
*/
|
||||
export function getItems(cls: 'all'): AllItem;
|
||||
export function getItems(cls: keyof ClsMap): [string, number][];
|
||||
export function getItems(cls: keyof ClsMap | 'all') {
|
||||
const i = core.status.hero.items;
|
||||
if (cls === 'all') {
|
||||
return {
|
||||
tools: Object.entries(i.tools),
|
||||
constants: Object.entries(i.constants)
|
||||
};
|
||||
}
|
||||
const items = i[cls];
|
||||
const data = Object.entries(items);
|
||||
return data;
|
||||
}
|
||||
@ -1,13 +1,20 @@
|
||||
import { sleep } from 'mutate-animate';
|
||||
import { Component, markRaw, ref, Ref, watch } from 'vue';
|
||||
import Book from '../ui/book.vue';
|
||||
import Toolbox from '../ui/toolbox.vue';
|
||||
|
||||
export const bookOpened = ref(false);
|
||||
export const toolOpened = ref(false);
|
||||
|
||||
export const transition = ref(true);
|
||||
|
||||
let app: HTMLDivElement;
|
||||
|
||||
/** ui声明列表 */
|
||||
const UI_LIST: [Ref<boolean>, Component][] = [[bookOpened, Book]];
|
||||
const UI_LIST: [Ref<boolean>, Component][] = [
|
||||
[bookOpened, Book],
|
||||
[toolOpened, Toolbox]
|
||||
];
|
||||
|
||||
/** ui栈 */
|
||||
export const uiStack = ref<Component[]>([]);
|
||||
@ -23,24 +30,40 @@ export default function init() {
|
||||
const index = uiStack.value.findIndex(v => v === com);
|
||||
if (uiStack.value.length === 1) {
|
||||
hideApp(index);
|
||||
} else {
|
||||
uiStack.value.splice(index, 1);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
return { uiStack, bookOpened };
|
||||
return { uiStack, bookOpened, toolOpened, transition };
|
||||
}
|
||||
|
||||
async function showApp() {
|
||||
core.lockControl();
|
||||
if (transition.value) {
|
||||
app.style.transition = 'all 0.6s linear';
|
||||
} else {
|
||||
app.style.transition = '';
|
||||
}
|
||||
app.style.display = 'flex';
|
||||
await sleep(50);
|
||||
app.style.opacity = '1';
|
||||
core.lockControl();
|
||||
}
|
||||
|
||||
async function hideApp(index: number) {
|
||||
app.style.opacity = '0';
|
||||
await sleep(600);
|
||||
uiStack.value.splice(index, 1);
|
||||
app.style.display = 'none';
|
||||
core.unlockControl();
|
||||
if (transition.value) {
|
||||
app.style.transition = 'all 0.6s linear';
|
||||
app.style.opacity = '0';
|
||||
await sleep(600);
|
||||
uiStack.value.splice(index, 1);
|
||||
app.style.display = 'none';
|
||||
core.closePanel();
|
||||
} else {
|
||||
app.style.transition = '';
|
||||
app.style.opacity = '0';
|
||||
uiStack.value.splice(index, 1);
|
||||
app.style.display = 'none';
|
||||
core.closePanel();
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,8 +1,18 @@
|
||||
import { isNil } from 'lodash';
|
||||
import { Animation, TimingFn } from 'mutate-animate';
|
||||
import { ComputedRef, ref } from 'vue';
|
||||
import { EVENT_KEY_CODE_MAP } from './keyCodes';
|
||||
|
||||
type CanParseCss = keyof {
|
||||
[P in keyof CSSStyleDeclaration as CSSStyleDeclaration[P] extends string
|
||||
? P extends string
|
||||
? P
|
||||
: never
|
||||
: never]: CSSStyleDeclaration[P];
|
||||
};
|
||||
|
||||
export default function init() {
|
||||
return { has, getDamageColor };
|
||||
return { has, getDamageColor, parseCss };
|
||||
}
|
||||
|
||||
/**
|
||||
@ -51,3 +61,55 @@ export function setCanvasSize(
|
||||
export function keycode(key: number) {
|
||||
return EVENT_KEY_CODE_MAP[key];
|
||||
}
|
||||
|
||||
/**
|
||||
* 解析css字符串为CSSStyleDeclaration对象
|
||||
* @param css 要解析的css字符串
|
||||
*/
|
||||
export function parseCss(css: string): Partial<Record<CanParseCss, string>> {
|
||||
const str = css.replace(/[\n\s\t]*/g, '').replace(/[;,]*/g, ';');
|
||||
const styles = str.split(';');
|
||||
const res: Partial<Record<CanParseCss, string>> = {};
|
||||
|
||||
for (const one of styles) {
|
||||
const [key, data] = one.split(':');
|
||||
const cssKey = key.replace(/\-([a-z])/g, $1 =>
|
||||
$1.toUpperCase()
|
||||
) as CanParseCss;
|
||||
res[cssKey] = data;
|
||||
}
|
||||
return res;
|
||||
}
|
||||
|
||||
/**
|
||||
* 使用打字机效果显示一段文字
|
||||
* @param str 要打出的字符串
|
||||
* @param time 打出总用时，默认1秒
|
||||
* @param timing 打出时的速率曲线，默认为线性变化
|
||||
* @returns 文字的响应式变量
|
||||
*/
|
||||
export function type(
|
||||
str: string,
|
||||
time: number = 1000,
|
||||
timing: TimingFn = n => n
|
||||
): Ref<string> {
|
||||
const toShow = eval('`' + str + '`') as string;
|
||||
const ani = new Animation();
|
||||
const content = ref('');
|
||||
const all = toShow.length;
|
||||
|
||||
const fn = (time: number) => {
|
||||
if (!has(time)) return;
|
||||
const now = ani.x;
|
||||
content.value = toShow.slice(0, Math.floor(now));
|
||||
if (Math.floor(now) === all) {
|
||||
ani.ticker.destroy();
|
||||
}
|
||||
};
|
||||
|
||||
ani.ticker.add(fn);
|
||||
|
||||
ani.mode(timing).time(time).move(all, 0);
|
||||
|
||||
return content;
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
z-index: 1000;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
@ -11,3 +11,8 @@
|
||||
opacity: 0;
|
||||
background-color: #000d;
|
||||
}
|
||||
|
||||
.antdv-message {
|
||||
font-family: 'normal';
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
2
src/types/core.d.ts
vendored
2
src/types/core.d.ts
vendored
@ -330,7 +330,7 @@ declare class Sprite {
|
||||
removeEventListenr: HTMLCanvasElement['addEventListener'];
|
||||
}
|
||||
|
||||
declare const main: main;
|
||||
declare const main: Main;
|
||||
declare const core: Core;
|
||||
declare const flags: { [x: string]: any };
|
||||
declare const hero: HeroStatus;
|
||||
|
||||
5
src/types/map.d.ts
vendored
5
src/types/map.d.ts
vendored
@ -479,7 +479,10 @@ declare class maps {
|
||||
resizeMap(floorId?: string): void;
|
||||
|
||||
/** 以x,y的形式返回每个点的事件 */
|
||||
getMapBlocksObj(floorId?: string, noCache?: boolean): object;
|
||||
getMapBlocksObj(
|
||||
floorId?: string,
|
||||
noCache?: boolean
|
||||
): Record<`${number},${number}`, Block>;
|
||||
|
||||
/** 获得某些点可否通行的信息 */
|
||||
canMoveDirectlyArray(locs?: any): object;
|
||||
|
||||
20
src/types/plugin.d.ts
vendored
20
src/types/plugin.d.ts
vendored
@ -6,6 +6,14 @@ type Ref<T> = {
|
||||
|
||||
type DragFn = (x: number, y: number, e: MouseEvent | TouchEvent) => void;
|
||||
|
||||
type CanParseCss = keyof {
|
||||
[P in keyof CSSStyleDeclaration as CSSStyleDeclaration[P] extends string
|
||||
? P extends string
|
||||
? P
|
||||
: never
|
||||
: never]: CSSStyleDeclaration[P];
|
||||
};
|
||||
|
||||
interface PluginDeclaration extends PluginUtils {
|
||||
/**
|
||||
* 添加函数 例：添加弹出文字，像这个就可以使用core.addPop或core.plugin.addPop调用
|
||||
@ -24,9 +32,15 @@ interface PluginDeclaration extends PluginUtils {
|
||||
/** 怪物手册详细信息展示的怪物 */
|
||||
bookDetailEnemy: Enemy & DetailedEnemy;
|
||||
|
||||
/** ui是否使用渐变 */
|
||||
readonly transition: Ref<boolean>;
|
||||
|
||||
/** 手册是否打开 */
|
||||
readonly bookOpened: Ref<boolean>;
|
||||
|
||||
/** 道具栏是否打开 */
|
||||
readonly toolOpened: Ref<boolean>;
|
||||
|
||||
/** ui栈 */
|
||||
readonly uiStack: Ref<Component[]>;
|
||||
|
||||
@ -96,6 +110,12 @@ interface PluginUtils {
|
||||
* @param damage 伤害大小
|
||||
*/
|
||||
getDamageColor(damage: number): string;
|
||||
|
||||
/**
|
||||
* 解析css字符串为CSSStyleDeclaration对象
|
||||
* @param css 要解析的css字符串
|
||||
*/
|
||||
parseCss(css: string): Partial<Record<CanParseCss, string>>;
|
||||
}
|
||||
|
||||
type Forward<T> = {
|
||||
|
||||
7
src/types/util.d.ts
vendored
7
src/types/util.d.ts
vendored
@ -553,7 +553,12 @@ type DetailedEnemy = {
|
||||
};
|
||||
|
||||
type Item = {
|
||||
cls: string;
|
||||
name: string;
|
||||
cls: 'items' | 'constants' | 'tools' | 'equips';
|
||||
text: string;
|
||||
hideInToolbox?: boolean;
|
||||
color?: string;
|
||||
css?: string;
|
||||
[key: string]: any;
|
||||
};
|
||||
|
||||
|
||||
@ -116,7 +116,6 @@ async function show() {
|
||||
* 退出怪物手册
|
||||
*/
|
||||
function exit() {
|
||||
core.closePanel();
|
||||
core.plugin.bookOpened.value = false;
|
||||
}
|
||||
|
||||
@ -190,7 +189,7 @@ onMounted(async () => {
|
||||
document.addEventListener('keydown', keydown);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
onUnmounted(async () => {
|
||||
document.removeEventListener('keyup', keyup);
|
||||
document.removeEventListener('keydown', keydown);
|
||||
});
|
||||
|
||||
405
src/ui/toolbox.vue
Normal file
405
src/ui/toolbox.vue
Normal file
@ -0,0 +1,405 @@
|
||||
<template>
|
||||
<span id="back" class="item-type-mobile" @click="exit"
|
||||
><left-outlined />返回游戏</span
|
||||
>
|
||||
<div id="toolbox">
|
||||
<div v-for="cls of toShow" class="item-main">
|
||||
<div class="item-info">
|
||||
<div class="item-type" v-if="!isMobile">
|
||||
{{ getClsName(cls) }}
|
||||
</div>
|
||||
<div v-else id="item-type-mobile">
|
||||
<span
|
||||
class="item-type-mobile"
|
||||
@click="mode = 'tools'"
|
||||
:selected="mode === 'tools'"
|
||||
>消耗道具</span
|
||||
>
|
||||
<a-divider
|
||||
dashed
|
||||
style="border-color: #ddd4; height: 100%"
|
||||
type="vertical"
|
||||
></a-divider>
|
||||
<span
|
||||
class="item-type-mobile"
|
||||
@click="mode = 'constants'"
|
||||
:selected="mode === 'constants'"
|
||||
>永久道具</span
|
||||
>
|
||||
</div>
|
||||
<a-divider
|
||||
dashed
|
||||
style="margin: 1vh 0 1vh 0; border-color: #ddd4"
|
||||
></a-divider>
|
||||
<Scroll class="item-list" :width="10">
|
||||
<div
|
||||
class="item"
|
||||
v-for="[id, num] of items[cls]"
|
||||
:selected="selected === id"
|
||||
@click="
|
||||
mode = cls;
|
||||
select(id);
|
||||
"
|
||||
>
|
||||
<div class="item-icon">
|
||||
<BoxAnimate
|
||||
:id="id"
|
||||
:width="32"
|
||||
:height="32"
|
||||
:noborder="true"
|
||||
></BoxAnimate>
|
||||
<span class="item-name">{{ all[id].name }}</span>
|
||||
</div>
|
||||
<span>× {{ num }}</span>
|
||||
</div>
|
||||
</Scroll>
|
||||
</div>
|
||||
<a-divider
|
||||
dashed
|
||||
:type="isMobile ? 'horizontal' : 'vertical'"
|
||||
class="divider"
|
||||
style="border-color: #ddd4; margin: 1%"
|
||||
></a-divider>
|
||||
</div>
|
||||
<div id="detail">
|
||||
<div id="info">
|
||||
<BoxAnimate
|
||||
:id="selected"
|
||||
:width="32"
|
||||
:height="32"
|
||||
></BoxAnimate>
|
||||
<div id="basic-info">
|
||||
<span style="border-bottom: 1px solid #ddd4">{{
|
||||
all[selected]?.name ?? '没有道具'
|
||||
}}</span>
|
||||
<span>{{
|
||||
getClsName(all[selected]?.cls as ItemMode) ?? '永久道具'
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<span style="margin-top: 2vh">点击该物品以使用</span>
|
||||
<a-divider dashed style="border-color: #ddd4"></a-divider>
|
||||
<div id="desc">
|
||||
<span style="border-bottom: 1px solid #ddd4">道具描述</span>
|
||||
<Scroll id="desc-text">
|
||||
<div v-if="!descText.value.startsWith('!!html')">
|
||||
{{ descText.value }}
|
||||
</div>
|
||||
<div v-else v-html="descText.value.slice(6)"></div>
|
||||
</Scroll>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { LeftOutlined } from '@ant-design/icons-vue';
|
||||
import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
|
||||
import Scroll from '../components/scroll.vue';
|
||||
import BoxAnimate from '../components/boxAnimate.vue';
|
||||
import { getClsName, getItems } from '../plugin/ui/toolbox';
|
||||
import { isMobile } from '../plugin/use';
|
||||
import { type, keycode, has } from '../plugin/utils';
|
||||
import { hyper, sleep } from 'mutate-animate';
|
||||
import { message } from 'ant-design-vue';
|
||||
import { KeyCode } from '../plugin/keyCodes';
|
||||
|
||||
type ItemMode = 'tools' | 'constants';
|
||||
|
||||
const mode = ref<ItemMode>('tools');
|
||||
|
||||
const items = getItems('all');
|
||||
|
||||
const toShow = computed<ItemMode[]>(() => {
|
||||
return isMobile ? [mode.value] : ['tools', 'constants'];
|
||||
});
|
||||
|
||||
const all = core.material.items;
|
||||
|
||||
const selected = ref(items[toShow.value[0]][0]?.[0] ?? 'none');
|
||||
const index = ref(0);
|
||||
|
||||
watch(index, n => {
|
||||
select(items[mode.value][n][0], true);
|
||||
});
|
||||
|
||||
watch(mode, n => {
|
||||
if (!has(items[n][index.value])) {
|
||||
selected.value = 'none';
|
||||
return;
|
||||
}
|
||||
select(items[n][index.value][0], true);
|
||||
});
|
||||
|
||||
const descText = computed(() => {
|
||||
const s = selected.value;
|
||||
if (s === 'none') return ref('没有选择道具');
|
||||
if (all[s].text.startsWith('!!html')) return ref(all[s].text);
|
||||
return type(all[s].text, 600, hyper('sin', 'out'));
|
||||
});
|
||||
|
||||
/**
|
||||
* 选择一个道具时
|
||||
* @param id 道具id
|
||||
*/
|
||||
async function select(id: string, nouse: boolean = false) {
|
||||
if (selected.value === id && !nouse) {
|
||||
use(id);
|
||||
}
|
||||
index.value = items[mode.value].findIndex(v => v[0] === id);
|
||||
selected.value = id;
|
||||
}
|
||||
|
||||
function exit() {
|
||||
core.plugin.toolOpened.value = false;
|
||||
}
|
||||
|
||||
async function use(id: string) {
|
||||
if (core.canUseItem(id)) {
|
||||
// 应该暂时把动画去掉
|
||||
core.plugin.transition.value = false;
|
||||
exit();
|
||||
await sleep(50);
|
||||
core.useItem(id);
|
||||
core.plugin.transition.value = true;
|
||||
} else {
|
||||
message.warn({
|
||||
content: '当前无法使用该道具！',
|
||||
class: 'antdv-message'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function keyup(e: KeyboardEvent) {
|
||||
const c = keycode(e.keyCode);
|
||||
if (c === KeyCode.Escape || c === KeyCode.KeyX) {
|
||||
exit();
|
||||
}
|
||||
if (c === KeyCode.Enter || c === KeyCode.KeyC) {
|
||||
use(selected.value);
|
||||
}
|
||||
}
|
||||
|
||||
function keydown(e: KeyboardEvent) {
|
||||
const c = keycode(e.keyCode);
|
||||
const total = items[mode.value].length;
|
||||
if (c === KeyCode.DownArrow) {
|
||||
if (index.value < total - 1) {
|
||||
index.value++;
|
||||
}
|
||||
}
|
||||
if (c === KeyCode.UpArrow) {
|
||||
if (index.value > 0) {
|
||||
index.value--;
|
||||
}
|
||||
}
|
||||
if (c === KeyCode.RightArrow) {
|
||||
const constants = items.constants.length;
|
||||
if (mode.value === 'tools') {
|
||||
if (index.value >= constants) {
|
||||
index.value = constants - 1;
|
||||
}
|
||||
mode.value = 'constants';
|
||||
}
|
||||
}
|
||||
if (c === KeyCode.LeftArrow) {
|
||||
const constants = items.tools.length;
|
||||
if (mode.value === 'constants') {
|
||||
if (index.value >= constants) {
|
||||
index.value = constants - 1;
|
||||
}
|
||||
mode.value = 'tools';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
await sleep(600);
|
||||
document.addEventListener('keyup', keyup);
|
||||
document.addEventListener('keydown', keydown);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
document.removeEventListener('keyup', keyup);
|
||||
document.removeEventListener('keydown', keydown);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
#toolbox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font-family: 'normal';
|
||||
font-size: 2.5vh;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#back {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
font-size: 2em;
|
||||
font-family: 'normal';
|
||||
}
|
||||
|
||||
.item-main {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.item-info {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.item-list {
|
||||
width: 100%;
|
||||
height: 88vh;
|
||||
}
|
||||
|
||||
.item-type {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#item-type-mobile {
|
||||
width: 80%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.item-type-mobile {
|
||||
cursor: pointer;
|
||||
transition: color 0.2s linear;
|
||||
}
|
||||
|
||||
.item-type-mobile:hover,
|
||||
.item-type-mobile[selected='true'] {
|
||||
color: aqua;
|
||||
}
|
||||
|
||||
.item-type-mobile:active {
|
||||
color: aquamarine;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 1vh 1vw 0 0.5vw;
|
||||
padding: 0.5vh 0.5vw 0.5vh 0.5vw;
|
||||
border: #0000 0.5px solid;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
||||
.item-icon {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
.item-name {
|
||||
margin-left: 5%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item[selected='true'] {
|
||||
animation: selected alternate 5s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#detail {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
#info {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
#basic-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-left: 1px solid #ddd4;
|
||||
padding-left: 5%;
|
||||
margin-left: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
#desc {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
#desc-text {
|
||||
margin-top: 2vh;
|
||||
margin-left: 0.5vw;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes selected {
|
||||
0% {
|
||||
border: #0ff7 0.5px solid;
|
||||
background-color: rgba(39, 251, 209, 0.143);
|
||||
}
|
||||
50% {
|
||||
border: #0ffa 0.5px solid;
|
||||
background-color: rgba(39, 251, 209, 0.284);
|
||||
}
|
||||
100% {
|
||||
border: #0ff7 0.5px solid;
|
||||
background-color: rgba(39, 251, 209, 0.143);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
#toolbox {
|
||||
flex-direction: column-reverse;
|
||||
padding: 5%;
|
||||
}
|
||||
|
||||
.item-list {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.item-main {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
#back {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user