ed738d2e30
1. 将原ap_bonus/hp_bonus/def_bonus三个字段合并为通用的bonus数组结构 2. 新增多属性同时配置能力，支持hp/ap/def百分比加成与crt/frz/stun/para固定百分点加成 3. 更新所有前端编辑器、服务端渲染与游戏运行时逻辑适配新配置格式 4. 添加数据兼容迁移逻辑，自动处理旧版英雄配置数据
62 lines
2.5 KiB
Vue
62 lines
2.5 KiB
Vue
<template>
|
|
<div>
|
|
<div v-for="(b, idx) in model" :key="idx" class="skill-block">
|
|
<div class="head">
|
|
<span>加成档位 lv {{ b.lv }}</span>
|
|
<el-button type="danger" size="small" text @click="model.splice(idx, 1)">删除档位</el-button>
|
|
</div>
|
|
<div class="form-grid">
|
|
<el-form-item label="等级 lv">
|
|
<el-input-number v-model="b.lv" :min="1" :max="20" :controls="false" style="width: 100%" />
|
|
</el-form-item>
|
|
</div>
|
|
<el-form-item label="属性加成">
|
|
<div style="width: 100%">
|
|
<div v-for="(a, i) in attrList(b)" :key="i" style="display: flex; gap: 8px; margin-bottom: 6px">
|
|
<el-select :model-value="a.key" placeholder="属性" style="width: 220px" @update:model-value="(k) => renameKey(b, a.key, k)">
|
|
<el-option v-for="opt in BONUS_ATTR_KEYS" :key="opt.key" :label="opt.label" :value="opt.key" :disabled="hasKey(b, opt.key, a.key)" />
|
|
</el-select>
|
|
<el-input-number v-model="b.attrs[a.key]" :controls="false" style="width: 140px" placeholder="value" />
|
|
<el-button type="danger" size="small" text @click="removeKey(b, a.key)">删除</el-button>
|
|
</div>
|
|
<el-button size="small" @click="addKey(b)">+ 添加属性</el-button>
|
|
</div>
|
|
</el-form-item>
|
|
</div>
|
|
<el-button size="small" type="primary" @click="model.push({ lv: 9, attrs: {} })">+ 添加加成档位</el-button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { BONUS_ATTR_KEYS } from '../constants'
|
|
|
|
defineProps({ model: { type: Array, required: true } })
|
|
|
|
// attrs 对象为键值对，转列表渲染（保持键序稳定）
|
|
function attrList(b) {
|
|
return Object.keys(b.attrs).map((key) => ({ key }))
|
|
}
|
|
function hasKey(b, key, except) {
|
|
return key !== except && b.attrs[key] !== undefined
|
|
}
|
|
function addKey(b) {
|
|
const free = BONUS_ATTR_KEYS.find((o) => b.attrs[o.key] === undefined)
|
|
if (free) b.attrs[free.key] = 0
|
|
}
|
|
function removeKey(b, key) {
|
|
delete b.attrs[key]
|
|
}
|
|
// 换键：删旧键、写新键（保留原值）
|
|
function renameKey(b, oldKey, newKey) {
|
|
const v = b.attrs[oldKey]
|
|
delete b.attrs[oldKey]
|
|
b.attrs[newKey] = v
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.skill-block { border: 1px solid var(--el-border-color); border-radius: 4px; padding: 10px; margin-bottom: 10px; }
|
|
.head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
|
|
.form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 16px; }
|
|
</style>
|