5 lines
18 KiB
JavaScript
5 lines
18 KiB
JavaScript
|
import{a as z,_ as pe,b as me}from"./index-2fb4354b.js";import{aA as fe,r as k,c as q,X as he,z as h,A as y,B as t,aD as K,D as B,P as R,M as E,Q as ye,a4 as be,K as D,aj as ke,aE as Q,ae as X}from"./vue-vendor-164775a6.js";import{i as _e}from"./imageToVideo-6b02abdd.js";import{o as we}from"./promptOptimizer-dc3175a2.js";import{E as l}from"./element-plus-4a19e5e8.js";import"./utils-edfcd65b.js";const J=async U=>z.post("/storyboard-video/create",U),j=async U=>z.get(`/storyboard-video/task/${U}`),Te=async(U=0,V=10)=>z.get("/storyboard-video/tasks",{params:{page:U,size:V}}),Ie=async U=>z.post(`/storyboard-video/task/${U}/start-video`),Ue=Object.freeze(Object.defineProperty({__proto__:null,createStoryboardTask:J,getStoryboardTask:j,getUserStoryboardTasks:Te,startVideoGeneration:Ie},Symbol.toStringTag,{value:"Module"}));const Ce={class:"storyboard-video-create-page"},Ee={class:"main-content"},Se={class:"left-panel"},Pe={class:"left-panel-content"},Re={class:"storyboard-steps"},xe={key:0,class:"storyboard-section"},Ae={key:0,class:"image-count"},Le={key:1,class:"image-count",style:{color:"#ef4444"}},Ve={key:0,class:"images-preview-grid"},Me=["src","alt"],De=["onClick"],Oe={class:"image-index"},Ge={class:"text-input-section"},Ne={class:"optimize-btn"},Fe=["disabled"],ze={key:1,class:"storyboard-section"},$e={class:"generated-image-preview"},Be=["src"],je={key:1,class:"placeholder-text"},We={class:"video-settings"},He={class:"setting-item"},qe={class:"setting-item"},Ke={class:"setting-item"},Qe={class:"hd-setting"},Xe={class:"generate-section floating"},Je=["disabled"],Ye={class:"right-panel"},Ze={class:"preview-area"},ea={class:"status-checkbox"},aa={class:"preview-content"},ta={key:0,class:"preview-video"},sa=["src"],oa={key:1,class:"preview-image"},la=["src"],ra={key:0,class:"video-progress-overlay"},na={key:0,class:"progress-text"},ia={key:2,class:"preview-loading"},ua={class:"loading-text"},va={key:0,class:"progress-text"},ca={key:3,class:"preview-placeholder"},da={__name:"StoryboardVideoCreate",setup(U){const V=fe(),_=k(""),x=k("16:9"),O=k("5"),A=k(!1),g=k(!1),u=k("generate"),p=k([]),i=k(""),S=k(""),m=k(null),G=k(!1),w=q(()=>{var r;return p.value.length>0&&((r=p.value[0])!=null&&r.url)?p.value[0].url:""}),L=q(()=>p.value.length>0),Y=k(""),f=k(null),C=k(""),N=k(""),I=k(0),Z=()=>{V.back()},ee=()=>{V.push("/text-to-video/create")},ae=()=>{V.push("/image-to-video/create")},te=()=>{u.value="generate"},se=()=>{w.value||i.value?u.value="video":l.warning("请先上传分镜图或生成分镜图")},oe=()=>u.value==="video"?i.value&&S.value?"开始生成视频":(L.value,"生成视频"):L.value?"使用上传图片生成视频":_.value.trim()?"开始生成分镜图":"开始生成",le=()=>{if(console.log("handleGenerateClick 被调用，当前步骤:",u.value),u.value==="video"){H();return}if(L.value){i.value=w.value,u.value="video",setTimeout(()=>{H()},100);return}if(_.value.trim()){ve();return}l.warning("请上传分镜图或输入提示词")},re=()=>{if(p.value.length>=6){l.warning("最多只能上传6张图片");return}ne()},ne=()=>{const r=document.createElement("input");r.type="file",r.accept="image/*",r.multiple=!0,r.onchange=e=>{const s=Array.from(e.target.files||[]),a=p.value.length,v=6-a;if(s.length===0)return;if(s.length>v){l.warning(`最多只能上传6张图片，您已上传${a}张，还可以上传${v}张`);return}const d=100*1024*1024;if(s.filter(b=>b.size>d).length>0){l.error("图片文件大小不能超过100MB");return}if(s.filter(b=>!b.type.startsWith("image/")).length>0){l.error("请选择有效的图片文件");return}const n=a===0;let o=0;s.forEach((b,P)=>{const M=new FileReader;M.onload=$=>{p.value.push({url:$.target.result,file:b,name:b.name}),o++,o===s.length&&(n&&p.value.length>0&&(i.value=p.value[0].url),l.success(`成功上传 ${s.length} 张图片`))},M.readAsDataURL(b)})},r.click()},ie=r=>{if(r>=0&&r<p.value.length){const e=p.value[r];p.value.splice(r,1),i.value===e.url&&(p.value.length>0?i.value=p.value[0].url:i.value=""),l.success("已删除图片")}},ue=async()=>{var r,e,s;if(!_.value.trim()){l.warnin
|
|||
|
|
|
|||
|
|
提示:简单描述即可，AI会自动优化成专业的分镜图
|
|||
|
|
支持中文或英文输入，系统会自动翻译并优化为专业的分镜图描述`,class:"text-input",rows:"6"},null,512),[[ke,_.value]]),e[10]||(e[10]=t("div",{class:"input-tips"},[t("div",{class:"tip-item"},"💡 AI会根据您的描述自动生成专业分镜图"),t("div",{class:"tip-item"},"🎬 支持多种画面构图和镜头类型描述")],-1)),t("div",Ne,[t("button",{class:"optimize-button",onClick:ue,disabled:!_.value.trim()||G.value}," ✨ "+R(G.value?"优化中...":"一键优化提示词"),9,Fe)])])])):E("",!0),u.value==="video"?(h(),y("div",ze,[t("div",$e,[i.value||w.value?(h(),y("img",{key:0,src:i.value||w.value,alt:"分镜图"},null,8,Be)):(h(),y("div",je,"暂无分镜图"))])])):E("",!0),t("div",We,[t("div",He,[e[12]||(e[12]=t("label",null,"比例",-1)),D(t("select",{"onUpdate:modelValue":e[1]||(e[1]=s=>x.value=s),class:"setting-select"},[...e[11]||(e[11]=[K('<option value="16:9" data-v-03a4e90e>16:9</option><option value="4:3" data-v-03a4e90e>4:3</option><option value="1:1" data-v-03a4e90e>1:1</option><option value="3:4" data-v-03a4e90e>3:4</option><option value="9:16" data-v-03a4e90e>9:16</option>',5)])],512),[[Q,x.value]])]),t("div",qe,[e[14]||(e[14]=t("label",null,"时长",-1)),D(t("select",{"onUpdate:modelValue":e[2]||(e[2]=s=>O.value=s),class:"setting-select"},[...e[13]||(e[13]=[t("option",{value:"5"},"5s",-1),t("option",{value:"10"},"10s",-1)])],512),[[Q,O.value]])]),t("div",Ke,[e[16]||(e[16]=t("label",null,"高清模式 (1080P)",-1)),t("div",Qe,[D(t("input",{type:"checkbox","onUpdate:modelValue":e[3]||(e[3]=s=>A.value=s),class:"hd-switch"},null,512),[[X,A.value]]),e[15]||(e[15]=t("span",{class:"cost-text"},"开启消耗20积分",-1))])])])])]),t("div",Xe,[t("button",{class:"generate-btn",onClick:le,disabled:g.value||u.value==="generate"&&!L.value&&!_.value.trim()||u.value==="video"&&!i.value&&!L.value},R(oe()),9,Je)]),t("div",Ye,[t("div",Ze,[t("div",ea,[D(t("input",{type:"checkbox","onUpdate:modelValue":e[4]||(e[4]=s=>g.value=s),id:"progress-checkbox"},null,512),[[X,g.value]]),e[17]||(e[17]=t("label",{for:"progress-checkbox"},"进行中",-1))]),t("div",aa,[u.value==="video"&&N.value&&C.value==="COMPLETED"?(h(),y("div",ta,[t("video",{src:N.value,controls:"",preload:"metadata",style:{"max-width":"100%","max-height":"100%",width:"auto",height:"auto","object-fit":"contain"}},null,8,sa)])):w.value||i.value?(h(),y("div",oa,[t("img",{src:w.value||i.value,alt:"分镜图",onLoad:e[5]||(e[5]=s=>console.log("图片加载成功:",w.value||i.value?"URL长度="+(w.value||i.value).length:"无URL")),onError:e[6]||(e[6]=s=>console.error("图片加载失败:",w.value||i.value))},null,40,la),u.value==="video"&&C.value==="PROCESSING"?(h(),y("div",ra,[e[18]||(e[18]=t("div",{class:"loading-spinner"},null,-1)),e[19]||(e[19]=t("div",{class:"loading-text"},"正在生成视频，请稍候...",-1)),I.value>0?(h(),y("div",na,"进度: "+R(I.value)+"%",1)):E("",!0)])):E("",!0)])):g.value&&!w.value&&!i.value?(h(),y("div",ia,[e[20]||(e[20]=t("div",{class:"loading-spinner"},null,-1)),t("div",ua,R(u.value==="generate"?"正在生成分镜图，请稍候...":"正在生成视频，请稍候..."),1),u.value==="video"&&I.value>0?(h(),y("div",va,"进度: "+R(I.value)+"%",1)):E("",!0)])):(h(),y("div",ca,[...e[21]||(e[21]=[t("div",{class:"placeholder-text"},"开始创作您的第一个作品吧!",-1)])]))])])])])]))}},ba=pe(da,[["__scopeId","data-v-03a4e90e"]]);export{ba as default};
|