添加布尔类型配置项,支持固定歌曲列表高度功能;优化动态表单组件

This commit is contained in:
2025-04-01 03:51:02 +08:00
parent 62cbc26be5
commit 2797102de8
3 changed files with 40 additions and 6 deletions

View File

@@ -3,7 +3,8 @@
import { QueryPostAPI } from '@/api/query';
import { ConfigItemDefinition, TemplateConfigImageItem } from '@/data/VTsuruTypes';
import { FILE_BASE_URL, VTSURU_API_URL } from '@/data/constants';
import { NButton, NColorPicker, NEmpty, NForm, NFormItem, NGrid, NInput, NInputNumber, NSlider, NUpload, UploadFileInfo, useMessage } from 'naive-ui';
import { Info24Filled } from '@vicons/fluent';
import { NButton, NCheckbox, NColorPicker, NEmpty, NForm, NFormItem, NGrid, NInput, NInputNumber, NSlider, NTooltip, NUpload, UploadFileInfo, useMessage } from 'naive-ui';
import { onMounted, ref } from 'vue';
const message = useMessage();
@@ -117,8 +118,8 @@
<NInput
:value="configData[item.key]"
:placeholder="item.placeholder"
@update:value="configData[item.key] = $event"
:type="item.inputType"
@update:value="configData[item.key] = $event"
/>
</template>
<NColorPicker
@@ -141,6 +142,22 @@
:step="item.step"
@update:value="configData[item.key] = $event"
/>
<template v-else-if="item.type == 'boolean'">
<NCheckbox
:checked="configData[item.key]"
@update:checked="configData[item.key] = $event">
启用
</NCheckbox>
<NTooltip
v-if="item.description"
placement="top"
>
<template #trigger>
<NIcon :component="Info24Filled" />
</template>
{{ item.description }}
</NTooltip>
</template>
<NUpload
v-else-if="item.type == 'image'"
v-model:file-list="fileList[item.key]"