feat: Video 平台新增图生视频/全能参考/主体参考三种生成模式
- pattern 控件改为支持 Element Plus 图标组件，部分选项改用图标替代 SVG - 新增 isStr 函数区分图标组件与 SVG 图片路径 - 智能多帧选项暂时标记为 disabled - modelSelector 增加新模式→modelType 映射（imageToVideo/allReference/subjectReference） - imageUploader 增加新模式标签文本（参考图/主体） - 平台注册表 key 统一转为小写，支持大小写不敏感查找 - 更新 workflow 上传地址
This commit is contained in:
parent
45a80b83ff
commit
61867e4f59
@ -10,7 +10,7 @@ VITE_API_PAY_PREFIX = '/pay'
|
||||
VITE_API_PAY_TARGET = 'http://test.xueai.art' # http://43.248.133.202 test.xueai.art
|
||||
|
||||
# 任务处理模块
|
||||
VITE_API_WORKFLOW_UPLOAD = 'http://43.248.97.19:4000/aigc/workflow/file/upload' # https://sxwz.xueai.art/workflow https://designtools.xueai.art/workflow
|
||||
VITE_API_WORKFLOW_UPLOAD = 'http://test.xueai.art/AIGC/Temp/uploadImage' # https://sxwz.xueai.art/workflow https://designtools.xueai.art/workflow
|
||||
VITE_API_TASK_PREFIX = '/suanli'
|
||||
VITE_API_TASK_TARGET = 'http://test.xueai.art'
|
||||
|
||||
|
||||
3
components.d.ts
vendored
3
components.d.ts
vendored
@ -16,6 +16,7 @@ declare module 'vue' {
|
||||
DialogBox: typeof import('./src/components/dialogBox/index.vue')['default']
|
||||
ElButton: typeof import('element-plus/es')['ElButton']
|
||||
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
|
||||
ElSwitch: typeof import('element-plus/es')['ElSwitch']
|
||||
ElTooltip: typeof import('element-plus/es')['ElTooltip']
|
||||
ElUpload: typeof import('element-plus/es')['ElUpload']
|
||||
IEpCalendar: typeof import('~icons/ep/calendar')['default']
|
||||
@ -25,10 +26,12 @@ declare module 'vue' {
|
||||
IEpPlus: typeof import('~icons/ep/plus')['default']
|
||||
IEpStar: typeof import('~icons/ep/star')['default']
|
||||
Img: typeof import('./src/components/Img/index.vue')['default']
|
||||
ParamGroup: typeof import('./src/components/ParamGroup/index.vue')['default']
|
||||
Popover: typeof import('./src/components/Popover/index.vue')['default']
|
||||
RouterLink: typeof import('vue-router')['RouterLink']
|
||||
RouterView: typeof import('vue-router')['RouterView']
|
||||
Select: typeof import('./src/components/Select/index.vue')['default']
|
||||
SwitchControl: typeof import('./src/components/SwitchControl/index.vue')['default']
|
||||
VirtualScroller: typeof import('./src/components/virtual-scroller/VirtualScroller.vue')['default']
|
||||
'VirtualScroller copy': typeof import('./src/components/virtual-scroller/VirtualScroller copy.vue')['default']
|
||||
}
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import AutoImport from 'unplugin-auto-import/vite'
|
||||
import Components from 'unplugin-vue-components/vite'
|
||||
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
|
||||
import Icons from 'unplugin-icons/vite'
|
||||
import IconsResolver from 'unplugin-icons/resolver'
|
||||
import Icons from 'unplugin-icons/vite'
|
||||
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
|
||||
import Components from 'unplugin-vue-components/vite'
|
||||
|
||||
export const autoImportConfig = AutoImport({
|
||||
imports: [
|
||||
|
||||
@ -1,17 +1,19 @@
|
||||
/** 平台注册表：id → definePlatform 工厂函数 */
|
||||
/** 平台注册表：id → definePlatform 工厂函数（key 统一为小写） */
|
||||
const registry = {}
|
||||
|
||||
/** 注册平台 */
|
||||
export function registerPlatform(id, factory) {
|
||||
if (registry[id]) {
|
||||
const key = id.toLowerCase()
|
||||
if (registry[key]) {
|
||||
console.warn(`平台 "${id}" 已注册，将被覆盖`)
|
||||
}
|
||||
registry[id] = factory
|
||||
registry[key] = factory
|
||||
}
|
||||
|
||||
/** 根据平台类型创建平台实例 */
|
||||
export function createPlatform(type) {
|
||||
const factory = registry[type]
|
||||
const key = type.toLowerCase()
|
||||
const factory = registry[key]
|
||||
if (!factory) throw new Error(`未注册的平台: ${type}`)
|
||||
return factory()
|
||||
}
|
||||
|
||||
@ -6,11 +6,13 @@
|
||||
position="top"
|
||||
>
|
||||
<template #prefix>
|
||||
<img :src="selectedIcon" alt="" style="width: 20px;">
|
||||
<component v-if="!isStr(selectedIcon)" :is="selectedIcon" style="width: 20px;" />
|
||||
<img v-else :src="selectedIcon" alt="" style="width: 20px;">
|
||||
</template>
|
||||
<template #option="{ option }">
|
||||
<div class="option-content-custom">
|
||||
<img :src="option.icon" alt="" style="width: 20px;">
|
||||
<component v-if="!isStr(option.icon)" :is="option.icon" style="width: 20px;" />
|
||||
<img v-else :src="option.icon" alt="" style="width: 20px;">
|
||||
<span v-if="option.labelText" class="option-label-text">{{ option.labelText }}</span>
|
||||
</div>
|
||||
</template>
|
||||
@ -18,8 +20,8 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ChatLineSquare, Picture, VideoCamera } from '@element-plus/icons-vue'
|
||||
import videoPattern2 from '@/assets/dialog/videoPattern2.svg'
|
||||
|
||||
import videoPattern4 from '@/assets/dialog/videoPattern4.svg'
|
||||
import videoPattern5 from '@/assets/dialog/videoPattern5.svg'
|
||||
import videoPattern6 from '@/assets/dialog/videoPattern6.svg'
|
||||
@ -40,17 +42,20 @@ const quantity = computed({
|
||||
})
|
||||
|
||||
const quantityOptions = [
|
||||
{ value: '文生视频', label: '文生视频', labelText: '文生视频', icon: videoPattern2 },
|
||||
{ value: '文生视频', label: '文生视频', labelText: '文生视频', icon: markRaw(ChatLineSquare) },
|
||||
{ value: '图生视频', label: '图生视频', labelText: '图生视频', icon: markRaw(Picture) },
|
||||
{ value: '首尾帧', label: '首尾帧', labelText: '首尾帧', icon: videoPattern2 },
|
||||
{ value: '数字人', label: '数字人', labelText: '数字人', icon: videoPattern2 },
|
||||
{ value: '数字人', label: '数字人', labelText: '数字人', icon: markRaw(VideoCamera) },
|
||||
{ value: '全能参考', label: '全能参考', labelText: '全能参考', icon: videoPattern4 },
|
||||
{ value: '智能多帧', label: '智能多帧', labelText: '智能多帧', icon: videoPattern5 },
|
||||
{ value: '智能多帧', label: '智能多帧', labelText: '智能多帧', icon: videoPattern5, disabled: true },
|
||||
{ value: '主体参考', label: '主体参考', labelText: '主体参考', icon: videoPattern6 }
|
||||
]
|
||||
|
||||
const isStr = (v) => typeof v === 'string'
|
||||
|
||||
const selectedIcon = computed(() => {
|
||||
const option = quantityOptions.find((opt) => opt.value === quantity.value)
|
||||
return option ? option.icon : videoPattern1
|
||||
return option ? option.icon : videoPattern2
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
@ -76,6 +76,12 @@ const getFrameLabel = (index) => {
|
||||
if (props.modelType === 'digitalHuman') {
|
||||
return ''
|
||||
}
|
||||
if (props.modelType === 'imageToVideo' || props.modelType === 'allReference') {
|
||||
return '参考图'
|
||||
}
|
||||
if (props.modelType === 'subjectReference') {
|
||||
return '主体'
|
||||
}
|
||||
return index === 0 ? '首帧' : '尾帧'
|
||||
}
|
||||
|
||||
@ -83,6 +89,12 @@ const getUploadText = (i) => {
|
||||
if (props.modelType === 'digitalHuman') {
|
||||
return '参考内容'
|
||||
}
|
||||
if (props.modelType === 'imageToVideo' || props.modelType === 'allReference') {
|
||||
return '参考图'
|
||||
}
|
||||
if (props.modelType === 'subjectReference') {
|
||||
return '主体'
|
||||
}
|
||||
return i === 1 ? '首帧' : '尾帧'
|
||||
}
|
||||
|
||||
|
||||
@ -80,10 +80,16 @@ const getModelType = (value) => {
|
||||
switch (value) {
|
||||
case '文生视频':
|
||||
return 'text'
|
||||
case '图生视频':
|
||||
return 'imageToVideo'
|
||||
case '首尾帧':
|
||||
return 'image'
|
||||
case '数字人':
|
||||
return 'digitalHuman'
|
||||
case '全能参考':
|
||||
return 'allReference'
|
||||
case '主体参考':
|
||||
return 'subjectReference'
|
||||
default:
|
||||
return 'text'
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user