mirror of
https://github.com/unanmed/HumanBreak.git
synced 2025-09-23 07:31:47 +08:00
refactor: 删除 unplugin-vue-components 插件
This commit is contained in:
parent
f0551d163f
commit
b34de95c06
18
components.d.ts
vendored
18
components.d.ts
vendored
@ -1,18 +0,0 @@
|
||||
// generated by unplugin-vue-components
|
||||
// We suggest you to commit this file into source control
|
||||
// Read more: https://github.com/vuejs/core/pull/3399
|
||||
import '@vue/runtime-core'
|
||||
|
||||
export {}
|
||||
|
||||
declare module '@vue/runtime-core' {
|
||||
export interface GlobalComponents {
|
||||
ADivider: typeof import('ant-design-vue/es')['Divider']
|
||||
AInput: typeof import('ant-design-vue/es')['Input']
|
||||
AProgress: typeof import('ant-design-vue/es')['Progress']
|
||||
ASelect: typeof import('ant-design-vue/es')['Select']
|
||||
ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
|
||||
ASlider: typeof import('ant-design-vue/es')['Slider']
|
||||
ASwitch: typeof import('ant-design-vue/es')['Switch']
|
||||
}
|
||||
}
|
||||
@ -62,7 +62,8 @@
|
||||
"compressing": "^1.10.1",
|
||||
"concurrently": "^9.1.2",
|
||||
"eslint": "^9.22.0",
|
||||
"eslint-plugin-prettier": "^5.5.0",
|
||||
"eslint-config-prettier": "^10.1.8",
|
||||
"eslint-plugin-prettier": "^5.5.4",
|
||||
"eslint-plugin-react": "^7.37.5",
|
||||
"eslint-plugin-vue": "^9.33.0",
|
||||
"express": "^5.1.0",
|
||||
@ -82,7 +83,6 @@
|
||||
"tsx": "^4.20.5",
|
||||
"typescript": "^5.9.2",
|
||||
"typescript-eslint": "^8.27.0",
|
||||
"unplugin-vue-components": "^0.22.12",
|
||||
"vite": "^6.3.5",
|
||||
"vite-plugin-dts": "^4.5.4",
|
||||
"vitepress": "^1.6.3",
|
||||
|
||||
@ -9,12 +9,12 @@
|
||||
<Scroll class="column-left" :id="`column-left-${id}`">
|
||||
<slot name="left"></slot>
|
||||
</Scroll>
|
||||
<a-divider
|
||||
<Divider
|
||||
class="divider"
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
:type="isMobile ? 'horizontal' : 'vertical'"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<Scroll class="column-right" :id="`column-right-${id}`"
|
||||
><slot name="right"></slot
|
||||
></Scroll>
|
||||
@ -25,6 +25,7 @@
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, onUpdated } from 'vue';
|
||||
import { LeftOutlined } from '@ant-design/icons-vue';
|
||||
import { Divider } from 'ant-design-vue';
|
||||
import Scroll from './scroll.vue';
|
||||
import { isMobile, requireUniqueSymbol } from '../use';
|
||||
import { isNil } from 'lodash-es';
|
||||
|
||||
@ -27,11 +27,11 @@
|
||||
</div>
|
||||
<div class="special-text" v-else>无属性</div>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
type="vertical"
|
||||
dashed
|
||||
style="height: 100%; margin: 0 3% 0 1%; border-color: #ddd4"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div class="rightbar">
|
||||
<div class="detail">
|
||||
<div class="detail-info">
|
||||
@ -76,7 +76,6 @@
|
||||
}}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="detail-info">
|
||||
<span style="color: lightsalmon"
|
||||
>临界 {{
|
||||
@ -110,6 +109,7 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { Divider } from 'ant-design-vue';
|
||||
import BoxAnimate from '../components/boxAnimate.vue';
|
||||
import { isMobile } from '../use';
|
||||
import { ToShowEnemy } from '../tools/book';
|
||||
|
||||
@ -5,11 +5,11 @@
|
||||
<canvas ref="critical" class="chart"></canvas>
|
||||
<div class="slider-div">
|
||||
<span>加攻次数 {{ addAtk }}</span>
|
||||
<a-slider
|
||||
<Slider
|
||||
class="slider"
|
||||
v-model:value="addAtk"
|
||||
:max="ceil((originCri.at(-1)?.[0] ?? 2) / ratio) - 1"
|
||||
></a-slider>
|
||||
></Slider>
|
||||
<span
|
||||
>最大值 {{
|
||||
ceil((originCri.at(-1)?.[0] ?? 2) / ratio) - 1
|
||||
@ -17,20 +17,20 @@
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="width: 100%; border-color: #ddd4; margin: 1vh 0 1vh 0"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="def">
|
||||
<div class="des">加防伤害</div>
|
||||
<canvas ref="def" class="chart"></canvas>
|
||||
<div class="slider-div">
|
||||
<span>加防次数 {{ addDef }}</span>
|
||||
<a-slider
|
||||
<Slider
|
||||
class="slider"
|
||||
v-model:value="addDef"
|
||||
:max="ceil((originDef.at(-1)?.[0] ?? 2) / ratio) - 1"
|
||||
></a-slider>
|
||||
></Slider>
|
||||
<span
|
||||
>最大值 {{
|
||||
ceil((originDef.at(-1)?.[0] ?? 2) / ratio) - 1
|
||||
@ -93,6 +93,7 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { Slider, Divider } from 'ant-design-vue';
|
||||
import { computed, onMounted, ref, watch } from 'vue';
|
||||
import { detailInfo, getCriticalDamage, getDefDamage } from '../tools/book';
|
||||
import Chart, { ChartConfiguration } from 'chart.js/auto';
|
||||
|
||||
@ -5,10 +5,10 @@
|
||||
<component :is="info"></component>
|
||||
</div>
|
||||
</Scroll>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="margin: 2vh 0 2vh 0; border-color: #ddd4"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="critical">
|
||||
<div style="font-size: 2.5vh; width: 100%; text-align: center">
|
||||
临界表
|
||||
@ -31,6 +31,7 @@
|
||||
import { isMobile } from '../use';
|
||||
import { detailInfo, getSpecialHint } from '../tools/book';
|
||||
import Scroll from '../components/scroll.vue';
|
||||
import { Divider } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<{
|
||||
fromBook?: boolean;
|
||||
|
||||
@ -23,10 +23,10 @@
|
||||
@select="select(e, i)"
|
||||
@hover="selected = i"
|
||||
></EnemyOne>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="width: 100%; border-color: #ddd4"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
</div>
|
||||
</Scroll>
|
||||
</div>
|
||||
@ -50,6 +50,7 @@ import { mainSetting } from '../preset/settingIns';
|
||||
import { isMobile } from '../use';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { isNil } from 'lodash-es';
|
||||
import { Divider } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<IMountedVBind>();
|
||||
|
||||
|
||||
@ -8,10 +8,10 @@
|
||||
</div>
|
||||
<div id="info" :style="{ top: `${top}px` }">
|
||||
<EnemyOne :enemy="enemy!"></EnemyOne>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="margin: 2vh 0 2vh 0; border-color: #ddd4; width: 100%"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
</div>
|
||||
<Transition name="detail">
|
||||
<EnemySpecial
|
||||
@ -78,6 +78,7 @@ import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
|
||||
import EnemyCritical from '../panel/enemyCritical.vue';
|
||||
import { detailInfo } from '../tools/book';
|
||||
import { gameKey } from '@motajs/system-action';
|
||||
import { Divider } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<{
|
||||
fromBook?: boolean;
|
||||
|
||||
@ -29,14 +29,14 @@
|
||||
<meh-outlined />
|
||||
</span>
|
||||
<div id="danmaku-input-div">
|
||||
<a-input
|
||||
<Input
|
||||
id="danmaku-input-input"
|
||||
:max-length="200"
|
||||
v-model:value="inputValue"
|
||||
:max-length="200"
|
||||
placeholder="请在此输入弹幕，显示中括号请使用\[或\]"
|
||||
autocomplete="off"
|
||||
@change="input(inputValue)"
|
||||
@pressEnter="inputEnter()"
|
||||
@press-enter="inputEnter()"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
@ -50,14 +50,14 @@
|
||||
<Transition name="danmaku">
|
||||
<div v-if="cssOpened" id="danmaku-css">
|
||||
<span id="danmaku-css-hint">编辑弹幕的 CSS 样式</span>
|
||||
<a-input
|
||||
<Input
|
||||
id="danmaku-css-input"
|
||||
:max-length="300"
|
||||
v-model:value="cssInfo"
|
||||
:max-length="300"
|
||||
placeholder="请在此输入样式"
|
||||
autocomplete="off"
|
||||
@blur="inputCSS(cssInfo)"
|
||||
@pressEnter="inputCSS(cssInfo)"
|
||||
@press-enter="inputCSS(cssInfo)"
|
||||
/>
|
||||
<span v-if="cssError" id="danmaku-css-error">{{
|
||||
cssError
|
||||
@ -113,7 +113,7 @@
|
||||
></span>
|
||||
</div>
|
||||
</Scroll>
|
||||
<a-input
|
||||
<Input
|
||||
id="danmaku-color-input"
|
||||
:max-length="100"
|
||||
v-model:value="nowColor"
|
||||
@ -121,7 +121,7 @@
|
||||
autocomplete="off"
|
||||
@blur="inputColor(nowColor)"
|
||||
@pressEnter="inputColor(nowColor)"
|
||||
></a-input>
|
||||
></Input>
|
||||
</div>
|
||||
</Transition>
|
||||
<Transition name="danmaku-icon">
|
||||
@ -168,6 +168,7 @@ import Scroll from '../components/scroll.vue';
|
||||
import BoxAnimate from '../components/boxAnimate.vue';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { tip } from '../use';
|
||||
import { Input } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<IMountedVBind>();
|
||||
|
||||
|
||||
@ -11,19 +11,17 @@
|
||||
<div id="equipbox-main">
|
||||
<div id="equip-list">
|
||||
<div id="filter">
|
||||
<a-select v-model:value="norm" class="select">
|
||||
<a-select-option v-for="t of normList" :value="t">{{
|
||||
<Select v-model:value="norm" class="select">
|
||||
<SelectOption v-for="t of normList" :value="t">{{
|
||||
t === 'none' ? '所有' : getStatusLabel(t)
|
||||
}}</a-select-option>
|
||||
</a-select>
|
||||
<a-divider type="vertical" class="divider"></a-divider>
|
||||
<a-select v-model:value="sType" class="select">
|
||||
<a-select-option value="value">数值</a-select-option>
|
||||
<a-select-option value="percentage"
|
||||
>百分比</a-select-option
|
||||
>
|
||||
</a-select>
|
||||
<a-divider type="vertical" class="divider"></a-divider>
|
||||
}}</SelectOption>
|
||||
</Select>
|
||||
<Divider type="vertical" class="divider"></Divider>
|
||||
<Select v-model:value="sType" class="select">
|
||||
<SelectOption value="value">数值</SelectOption>
|
||||
<SelectOption value="percentage">百分比</SelectOption>
|
||||
</Select>
|
||||
<Divider type="vertical" class="divider"></Divider>
|
||||
<span
|
||||
@click="changeSort()"
|
||||
class="button-text"
|
||||
@ -35,10 +33,10 @@
|
||||
<span v-else><sort-descending-outlined /></span>
|
||||
</span>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4; margin: 1vh 0 1vh 0"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<Scroll id="equip-scroll"
|
||||
><div
|
||||
class="equip selectable"
|
||||
@ -62,12 +60,12 @@
|
||||
>
|
||||
</div>
|
||||
<div id="equip-status">
|
||||
<a-divider
|
||||
<Divider
|
||||
class="divider"
|
||||
:type="isMobile ? 'horizontal' : 'vertical'"
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="equip-status-main">
|
||||
<div id="equip-now">
|
||||
<Scroll
|
||||
@ -94,10 +92,10 @@
|
||||
</div>
|
||||
</Scroll>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4; margin: 1vh 0 1vh 0"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="equip-hero" v-if="!isMobile">
|
||||
<div id="hero-icon">
|
||||
<BoxAnimate
|
||||
@ -112,21 +110,21 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
v-if="!isMobile"
|
||||
class="divider"
|
||||
type="vertical"
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
</div>
|
||||
<div id="equip-desc">
|
||||
<div id="equip-icon">
|
||||
<BoxAnimate
|
||||
:id="
|
||||
isCol
|
||||
? equiped[selected] ?? 'none'
|
||||
: toShow[selected]?.[0] ?? 'none'
|
||||
? (equiped[selected] ?? 'none')
|
||||
: (toShow[selected]?.[0] ?? 'none')
|
||||
"
|
||||
></BoxAnimate>
|
||||
<span>{{ equip.name }}</span>
|
||||
@ -134,20 +132,20 @@
|
||||
<div id="equip-type">
|
||||
<span>装备孔：{{ equip.equip?.type }}</span>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4; margin: 1vh 0 1vh 0"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="equip-add">
|
||||
<span id="title">增减属性</span>
|
||||
<Scroll style="width: 100%; height: 100%">
|
||||
<component :is="addStatus"></component>
|
||||
</Scroll>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4; margin: 1vh 0 1vh 0"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="equip-desc-text">
|
||||
<span id="title">装备介绍</span>
|
||||
<Scroll id="desc-text" style="height: 100%; width: 100%">
|
||||
@ -189,6 +187,7 @@ import { hyper } from 'mutate-animate';
|
||||
import { gameKey } from '@motajs/system-action';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { isNil } from 'lodash-es';
|
||||
import { Divider, Select, SelectOption } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<IMountedVBind>();
|
||||
|
||||
|
||||
@ -8,21 +8,21 @@
|
||||
<div id="fly-settings">
|
||||
<div id="fly-border">
|
||||
<span>无边框模式</span>
|
||||
<a-switch
|
||||
<Switch
|
||||
class="fly-settings"
|
||||
v-model:checked="noBorder"
|
||||
checked-children="ON"
|
||||
un-checked-children="OFF"
|
||||
></a-switch>
|
||||
></Switch>
|
||||
</div>
|
||||
<div v-if="!isMobile" id="fly-tradition">
|
||||
<span>传统按键模式</span>
|
||||
<a-switch
|
||||
<Switch
|
||||
class="fly-settings"
|
||||
v-model:checked="tradition"
|
||||
checked-children="ON"
|
||||
un-checked-children="OFF"
|
||||
></a-switch>
|
||||
></Switch>
|
||||
</div>
|
||||
<span
|
||||
v-if="!isMobile"
|
||||
@ -45,16 +45,16 @@
|
||||
>
|
||||
</div></Scroll
|
||||
>
|
||||
<a-divider type="vertical" dashed id="divider-left"></a-divider>
|
||||
<Divider type="vertical" dashed id="divider-left"></Divider>
|
||||
<div id="fly-map-div">
|
||||
<canvas id="fly-map" @click="click"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
id="divider-right"
|
||||
dashed
|
||||
:type="isMobile ? 'horizontal' : 'vertical'"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="fly-right">
|
||||
<canvas id="fly-thumbnail" @click="fly" @wheel="wheel"></canvas>
|
||||
<div id="fly-tools">
|
||||
@ -104,6 +104,7 @@ import { createChangable } from '../tools/common';
|
||||
import { mainSetting } from '../preset/settingIns';
|
||||
import { GameStorage } from '@motajs/legacy-system';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { Divider, Switch } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<IMountedVBind>();
|
||||
|
||||
@ -580,7 +581,10 @@ onUnmounted(() => {
|
||||
max-width: 50%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black,
|
||||
text-shadow:
|
||||
1px 1px 1px black,
|
||||
1px -1px 1px black,
|
||||
-1px 1px 1px black,
|
||||
-1px -1px 1px black;
|
||||
}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div id="load">
|
||||
<a-progress
|
||||
<Progress
|
||||
class="task-progress"
|
||||
type="circle"
|
||||
:percent="(loading / totalTask) * 100"
|
||||
@ -9,17 +9,17 @@
|
||||
<template #format>
|
||||
<span>{{ loaded }} / {{ totalTask }}</span>
|
||||
</template>
|
||||
</a-progress>
|
||||
</Progress>
|
||||
<div class="byte-div">
|
||||
<span class="byte-progress-tip"
|
||||
>{{ formatSize(loadedByte) }} /
|
||||
{{ formatSize(totalByte) }}</span
|
||||
>
|
||||
<a-progress
|
||||
<Progress
|
||||
class="byte-progress"
|
||||
type="line"
|
||||
:percent="loadedPercent"
|
||||
></a-progress>
|
||||
></Progress>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -35,6 +35,7 @@ import { formatSize } from '../utils';
|
||||
import { logger } from '@motajs/common';
|
||||
import { sleep } from 'mutate-animate';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { Progress } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<IMountedVBind>();
|
||||
|
||||
|
||||
@ -37,11 +37,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</Scroll>
|
||||
<a-divider
|
||||
<Divider
|
||||
class="display-divider"
|
||||
:type="isMobile ? 'horizontal' : 'vertical'"
|
||||
dashed
|
||||
></a-divider>
|
||||
></Divider>
|
||||
</div>
|
||||
</TransitionGroup>
|
||||
</div>
|
||||
@ -54,7 +54,7 @@
|
||||
"
|
||||
></div>
|
||||
</Scroll>
|
||||
<a-divider class="info-divider" dashed></a-divider>
|
||||
<Divider class="info-divider" dashed></Divider>
|
||||
<div class="info-editor" v-if="!!selectedItem">
|
||||
<div class="editor-custom">
|
||||
<component
|
||||
@ -86,6 +86,7 @@ import Scroll from '../components/scroll.vue';
|
||||
import { isMobile } from '../use';
|
||||
import { gameKey } from '@motajs/system-action';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { Divider } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<IMountedVBind>();
|
||||
|
||||
|
||||
@ -6,17 +6,17 @@
|
||||
>
|
||||
</div>
|
||||
<span id="item-name">{{ info.name }}</span>
|
||||
<a-divider dashed style="border-color: #ddd4" id="divider"></a-divider>
|
||||
<Divider dashed style="border-color: #ddd4" id="divider"></Divider>
|
||||
<div id="item-info">
|
||||
<Scroll id="item-desc" :no-scroll="true">
|
||||
<span v-html="desc"></span>
|
||||
</Scroll>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
id="divider-split"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="shop-bottom">
|
||||
<div id="item-list">
|
||||
<Scroll style="width: 100%; height: 100%">
|
||||
@ -43,12 +43,12 @@
|
||||
</div>
|
||||
</Scroll>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
type="vertical"
|
||||
id="divider-vertical"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="item-sell-info">
|
||||
<div id="shop-mode">
|
||||
<span
|
||||
@ -57,12 +57,12 @@
|
||||
@click="mode = 'buy'"
|
||||
>购买</span
|
||||
>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
type="vertical"
|
||||
id="divider-vertical"
|
||||
style="border-color: #ddd4"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<span
|
||||
class="button-text mode-button"
|
||||
:active="mode === 'sell'"
|
||||
@ -71,11 +71,11 @@
|
||||
>售出</span
|
||||
>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
id="divider-mode"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div
|
||||
class="item-sell-info"
|
||||
:style="{
|
||||
@ -105,11 +105,11 @@
|
||||
<span>拥有</span>
|
||||
<span>{{ cnt(item.id) }}</span>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
id="divider-mode"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="sell-count">
|
||||
<span>{{ mode === 'buy' ? '购买' : '售出' }}数量</span>
|
||||
<div id="sell-count-select">
|
||||
@ -126,10 +126,10 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4; margin: 2vh 0 2vh 0"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="sell-confirm">
|
||||
<span
|
||||
id="sell-total"
|
||||
@ -175,6 +175,7 @@ import BoxAnimate from '../components/boxAnimate.vue';
|
||||
import { gameKey } from '@motajs/system-action';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { tip } from '../use';
|
||||
import { Divider } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<IMountedVBind>();
|
||||
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
>
|
||||
</div>
|
||||
<span id="skill-title">{{ skill.title }}</span>
|
||||
<a-divider dashed style="border-color: #ddd4" id="divider"></a-divider>
|
||||
<Divider dashed style="border-color: #ddd4" id="divider"></Divider>
|
||||
<div id="skill-info">
|
||||
<Scroll id="skill-desc" :no-scroll="true">
|
||||
<span v-html="desc"></span>
|
||||
@ -16,25 +16,25 @@
|
||||
<span v-if="level < skill.max" v-html="effect[1]"></span>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
id="divider-split"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="skill-bottom">
|
||||
<canvas id="skill-canvas"></canvas>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4"
|
||||
:type="isMobile ? 'horizontal' : 'vertical'"
|
||||
id="divider-vertical"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<div id="skill-upgrade-info">
|
||||
<div id="skill-upgrade-up">
|
||||
<span id="skill-level"
|
||||
>当前等级：{{ level }} / {{ skill.max }}</span
|
||||
>
|
||||
<a-divider dashed class="upgrade-divider"></a-divider>
|
||||
<Divider dashed class="upgrade-divider"></Divider>
|
||||
<span
|
||||
v-if="level < skill.max"
|
||||
id="skill-consume"
|
||||
@ -44,7 +44,7 @@
|
||||
<span v-else id="skill-consume" style="color: gold"
|
||||
>已满级</span
|
||||
>
|
||||
<a-divider dashed class="upgrade-divider"></a-divider>
|
||||
<Divider dashed class="upgrade-divider"></Divider>
|
||||
<Scroll id="front-scroll" :no-scroll="true"
|
||||
><div id="skill-front">
|
||||
<span>前置技能</span>
|
||||
@ -59,7 +59,7 @@
|
||||
>
|
||||
</div>
|
||||
<div id="skill-upgrade-bottom">
|
||||
<a-divider dashed class="upgrade-divider"></a-divider>
|
||||
<Divider dashed class="upgrade-divider"></Divider>
|
||||
<div id="skill-chapter">
|
||||
<span class="button-text" @click="selectChapter(-1)"
|
||||
><LeftOutlined
|
||||
@ -87,6 +87,7 @@ import { sleep } from 'mutate-animate';
|
||||
import { gameKey } from '@motajs/system-action';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { isNil } from 'lodash-es';
|
||||
import { Divider } from 'ant-design-vue';
|
||||
|
||||
const props = defineProps<IMountedVBind>();
|
||||
|
||||
|
||||
@ -21,11 +21,11 @@
|
||||
:selected="mode === 'tools'"
|
||||
>消耗道具</span
|
||||
>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="border-color: #ddd4; height: 100%"
|
||||
type="vertical"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<span
|
||||
class="button-text"
|
||||
@click="mode = 'constants'"
|
||||
@ -33,10 +33,10 @@
|
||||
>永久道具</span
|
||||
>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
style="margin: 1vh 0 1vh 0; border-color: #ddd4"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
<Scroll class="item-list">
|
||||
<div
|
||||
class="item selectable"
|
||||
@ -62,12 +62,12 @@
|
||||
</div>
|
||||
</Scroll>
|
||||
</div>
|
||||
<a-divider
|
||||
<Divider
|
||||
dashed
|
||||
:type="isMobile ? 'horizontal' : 'vertical'"
|
||||
class="divider"
|
||||
style="border-color: #ddd4; margin: 1%"
|
||||
></a-divider>
|
||||
></Divider>
|
||||
</div>
|
||||
<div id="detail">
|
||||
<div id="info">
|
||||
@ -85,13 +85,13 @@
|
||||
<span>{{
|
||||
selected === 'none'
|
||||
? '永久道具'
|
||||
: getClsName(all[selected].cls as ItemMode) ??
|
||||
'永久道具'
|
||||
: (getClsName(all[selected].cls as ItemMode) ??
|
||||
'永久道具')
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<span style="margin-top: 2vh">点击该物品以使用</span>
|
||||
<a-divider dashed style="border-color: #ddd4"></a-divider>
|
||||
<Divider dashed style="border-color: #ddd4"></Divider>
|
||||
<div id="desc">
|
||||
<span>道具描述</span>
|
||||
<Scroll id="desc-text">
|
||||
@ -115,7 +115,7 @@ import { getClsName, getItems } from '../tools/toolbox';
|
||||
import { isMobile } from '../use';
|
||||
import { type } from '../utils';
|
||||
import { hyper } from 'mutate-animate';
|
||||
import { message } from 'ant-design-vue';
|
||||
import { Divider, message } from 'ant-design-vue';
|
||||
import { gameKey } from '@motajs/system-action';
|
||||
import { IMountedVBind } from '../interface';
|
||||
import { isNil } from 'lodash-es';
|
||||
|
||||
@ -138,9 +138,12 @@ importers:
|
||||
eslint:
|
||||
specifier: ^9.22.0
|
||||
version: 9.34.0
|
||||
eslint-config-prettier:
|
||||
specifier: ^10.1.8
|
||||
version: 10.1.8(eslint@9.34.0)
|
||||
eslint-plugin-prettier:
|
||||
specifier: ^5.5.0
|
||||
version: 5.5.4(eslint@9.34.0)(prettier@3.6.2)
|
||||
specifier: ^5.5.4
|
||||
version: 5.5.4(eslint-config-prettier@10.1.8(eslint@9.34.0))(eslint@9.34.0)(prettier@3.6.2)
|
||||
eslint-plugin-react:
|
||||
specifier: ^7.37.5
|
||||
version: 7.37.5(eslint@9.34.0)
|
||||
@ -198,9 +201,6 @@ importers:
|
||||
typescript-eslint:
|
||||
specifier: ^8.27.0
|
||||
version: 8.41.0(eslint@9.34.0)(typescript@5.9.2)
|
||||
unplugin-vue-components:
|
||||
specifier: ^0.22.12
|
||||
version: 0.22.12(@babel/parser@7.28.3)(rollup@4.49.0)(vue@3.5.20(typescript@5.9.2))
|
||||
vite:
|
||||
specifier: ^6.3.5
|
||||
version: 6.3.5(@types/node@18.19.123)(less@4.4.1)(terser@5.43.1)(tsx@4.20.5)
|
||||
@ -651,9 +651,6 @@ packages:
|
||||
'@antfu/install-pkg@1.1.0':
|
||||
resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
|
||||
|
||||
'@antfu/utils@0.7.10':
|
||||
resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
|
||||
|
||||
'@antfu/utils@8.1.1':
|
||||
resolution: {integrity: sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ==}
|
||||
|
||||
@ -3611,6 +3608,12 @@ packages:
|
||||
engines: {node: '>=6.0'}
|
||||
hasBin: true
|
||||
|
||||
eslint-config-prettier@10.1.8:
|
||||
resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
eslint: '>=7.0.0'
|
||||
|
||||
eslint-plugin-prettier@5.5.4:
|
||||
resolution: {integrity: sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg==}
|
||||
engines: {node: ^14.18.0 || >=16.0.0}
|
||||
@ -4420,10 +4423,6 @@ packages:
|
||||
lie@3.3.0:
|
||||
resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
|
||||
|
||||
local-pkg@0.4.3:
|
||||
resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
|
||||
engines: {node: '>=14'}
|
||||
|
||||
local-pkg@1.1.2:
|
||||
resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
|
||||
engines: {node: '>=14'}
|
||||
@ -4480,10 +4479,6 @@ packages:
|
||||
typescript:
|
||||
optional: true
|
||||
|
||||
magic-string@0.27.0:
|
||||
resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
|
||||
engines: {node: '>=12'}
|
||||
|
||||
magic-string@0.30.18:
|
||||
resolution: {integrity: sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==}
|
||||
|
||||
@ -5859,20 +5854,6 @@ packages:
|
||||
resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
|
||||
engines: {node: '>= 0.8'}
|
||||
|
||||
unplugin-vue-components@0.22.12:
|
||||
resolution: {integrity: sha512-FxyzsuBvMCYPIk+8cgscGBQ345tvwVu+qY5IhE++eorkyvA4Z1TiD/HCiim+Kbqozl10i4K+z+NCa2WO2jexRA==}
|
||||
engines: {node: '>=14'}
|
||||
peerDependencies:
|
||||
'@babel/parser': ^7.15.8
|
||||
vue: 2 || 3
|
||||
peerDependenciesMeta:
|
||||
'@babel/parser':
|
||||
optional: true
|
||||
|
||||
unplugin@1.16.1:
|
||||
resolution: {integrity: sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==}
|
||||
engines: {node: '>=14.0.0'}
|
||||
|
||||
update-browserslist-db@1.1.3:
|
||||
resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
|
||||
hasBin: true
|
||||
@ -6095,9 +6076,6 @@ packages:
|
||||
webidl-conversions@3.0.1:
|
||||
resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
|
||||
|
||||
webpack-virtual-modules@0.6.2:
|
||||
resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
|
||||
|
||||
whatwg-url@5.0.0:
|
||||
resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
|
||||
|
||||
@ -6337,8 +6315,6 @@ snapshots:
|
||||
package-manager-detector: 1.3.0
|
||||
tinyexec: 1.0.1
|
||||
|
||||
'@antfu/utils@0.7.10': {}
|
||||
|
||||
'@antfu/utils@8.1.1': {}
|
||||
|
||||
'@babel/cli@7.28.3(@babel/core@7.28.3)':
|
||||
@ -9712,12 +9688,18 @@ snapshots:
|
||||
optionalDependencies:
|
||||
source-map: 0.6.1
|
||||
|
||||
eslint-plugin-prettier@5.5.4(eslint@9.34.0)(prettier@3.6.2):
|
||||
eslint-config-prettier@10.1.8(eslint@9.34.0):
|
||||
dependencies:
|
||||
eslint: 9.34.0
|
||||
|
||||
eslint-plugin-prettier@5.5.4(eslint-config-prettier@10.1.8(eslint@9.34.0))(eslint@9.34.0)(prettier@3.6.2):
|
||||
dependencies:
|
||||
eslint: 9.34.0
|
||||
prettier: 3.6.2
|
||||
prettier-linter-helpers: 1.0.0
|
||||
synckit: 0.11.11
|
||||
optionalDependencies:
|
||||
eslint-config-prettier: 10.1.8(eslint@9.34.0)
|
||||
|
||||
eslint-plugin-react@7.37.5(eslint@9.34.0):
|
||||
dependencies:
|
||||
@ -10618,8 +10600,6 @@ snapshots:
|
||||
dependencies:
|
||||
immediate: 3.0.6
|
||||
|
||||
local-pkg@0.4.3: {}
|
||||
|
||||
local-pkg@1.1.2:
|
||||
dependencies:
|
||||
mlly: 1.8.0
|
||||
@ -10680,10 +10660,6 @@ snapshots:
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
magic-string@0.27.0:
|
||||
dependencies:
|
||||
'@jridgewell/sourcemap-codec': 1.5.5
|
||||
|
||||
magic-string@0.30.18:
|
||||
dependencies:
|
||||
'@jridgewell/sourcemap-codec': 1.5.5
|
||||
@ -12281,30 +12257,6 @@ snapshots:
|
||||
|
||||
unpipe@1.0.0: {}
|
||||
|
||||
unplugin-vue-components@0.22.12(@babel/parser@7.28.3)(rollup@4.49.0)(vue@3.5.20(typescript@5.9.2)):
|
||||
dependencies:
|
||||
'@antfu/utils': 0.7.10
|
||||
'@rollup/pluginutils': 5.2.0(rollup@4.49.0)
|
||||
chokidar: 3.6.0
|
||||
debug: 4.4.1
|
||||
fast-glob: 3.3.3
|
||||
local-pkg: 0.4.3
|
||||
magic-string: 0.27.0
|
||||
minimatch: 5.1.6
|
||||
resolve: 1.22.10
|
||||
unplugin: 1.16.1
|
||||
vue: 3.5.20(typescript@5.9.2)
|
||||
optionalDependencies:
|
||||
'@babel/parser': 7.28.3
|
||||
transitivePeerDependencies:
|
||||
- rollup
|
||||
- supports-color
|
||||
|
||||
unplugin@1.16.1:
|
||||
dependencies:
|
||||
acorn: 8.15.0
|
||||
webpack-virtual-modules: 0.6.2
|
||||
|
||||
update-browserslist-db@1.1.3(browserslist@4.25.3):
|
||||
dependencies:
|
||||
browserslist: 4.25.3
|
||||
@ -12559,8 +12511,6 @@ snapshots:
|
||||
|
||||
webidl-conversions@3.0.1: {}
|
||||
|
||||
webpack-virtual-modules@0.6.2: {}
|
||||
|
||||
whatwg-url@5.0.0:
|
||||
dependencies:
|
||||
tr46: 0.0.3
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"composite": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Node",
|
||||
"module": "nodenext",
|
||||
"moduleResolution": "nodenext",
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"strict": true
|
||||
},
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
import { defineConfig } from 'vite';
|
||||
import vue from '@vitejs/plugin-vue';
|
||||
import components from 'unplugin-vue-components/vite';
|
||||
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
|
||||
import vuejsx from '@vitejs/plugin-vue-jsx';
|
||||
import path from 'path';
|
||||
import postcssPresetEnv from 'postcss-preset-env';
|
||||
@ -39,8 +37,7 @@ export default defineConfig({
|
||||
isCustomElement: tag => {
|
||||
return custom.includes(tag) || tag.startsWith('g-');
|
||||
}
|
||||
}),
|
||||
components({ resolvers: [AntDesignVueResolver()] })
|
||||
})
|
||||
],
|
||||
base: `./`,
|
||||
resolve: {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user