@acedatacloud/nexior 3.29.5 → 3.30.0

package/dist/assets/Index-BvGIjCeq.js

@@ -0,0 +1 @@
+import{bH as T}from"./vendor-B4-12K57.js";import{k as L,O as K,K as G,L as A,r as N,s as V,Q as H,R as Q,q as O,o as W,C as Y,i as Z}from"./vendor-element-plus-C2t7-rNg.js";import{d as v,c,a,l as t,P,S as p,am as o,o as n,Z as i,F as I,ak as C,R as y,V as E,a2 as J,Y as h,W as $}from"./vendor-vue-BzRnDgD5.js";import{_ as k,be as X,bf as x,bg as ee,bh as te,a5 as B,bi as oe,bj as se,ak as ne,ah as M}from"./index-BceQaAb7.js";import{I as U,S as le}from"./ScrollList-DtikpNk7.js";import{I as F}from"./ImagePreview-C81-sroB.js";import{C as ae,N as ie}from"./NoTasks-Bg3dk3Zk.js";import{a as re}from"./price-DtWUJRlS.js";import{C as ce}from"./CopyToClipboard-C_hpGFI6.js";import{V as de}from"./VideoPlayer-CXGW06AO.js";import{B as ue}from"./BotPlaceholder-BfDpV6UE.js";import{l as pe}from"./pagination-bjoHZNQW.js";import"./vendor-dayjs-D6Igi227.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-nHemWFue.js";const me=v({name:"LayoutKling",components:{ElDrawer:K,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ge={class:"main flex flex-row flex-1"},fe={class:"config w-[300px] h-full overflow-y-scroll bg-[var(--app-sidebar-bg)]"},_e={class:"result h-full p-[15px] flex-1 flex flex-col"};function he(e,s,g,f,b,w){const r=o("font-awesome-icon"),d=o("el-button"),l=o("el-drawer");return n(),c("div",ge,[a("div",fe,[P(e.$slots,"config",{},void 0,!0)]),a("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:p(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const $e=k(me,[["render",he],["__scopeId","data-v-131835c3"]]),ve=v({name:"ModelSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"kling-v1",label:"v1"},{value:"kling-v1-6",label:"v1.6"},{value:"kling-v2-master",label:"v2-Master"},{value:"kling-v2-1-master",label:"v2.1-Master"},{value:"kling-v2-5-turbo",label:"v2.5-Turbo"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.model},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,model:e})}}},mounted(){this.value||(this.value=X)}}),ke={class:"field"},be={class:"title font-bold"};function we(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",ke,[a("h2",be,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ye=k(ve,[["render",we],["__scopeId","data-v-e476bacf"]]),Ve=v({name:"ModeSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"std",label:this.$t("kling.name.modeStd")},{value:"pro",label:this.$t("kling.name.modePro")}]}},computed:{value:{get(){return this.$store.state.kling?.config?.mode},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,mode:e})}}},mounted(){this.value||(this.value=x)}}),Se={class:"field"},Ie={class:"title font-bold"};function Ee(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Se,[a("h2",Ie,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Te=k(Ve,[["render",Ee],["__scopeId","data-v-daa57765"]]),Le=v({name:"DurationSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5秒"},{value:10,label:"10秒"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.duration},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,duration:e})}}},mounted(){this.value||(this.value=ee)}}),Ce={class:"field"},Ue={class:"title font-bold"};function Re(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Ce,[a("h2",Ue,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pe=k(Le,[["render",Re],["__scopeId","data-v-02112e2c"]]),Ge=v({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug("set ratio",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=te)}}),Ae={class:"text-sm font-bold mb-2 block"},je={class:"items"},De=["onClick"],Me={class:"name"};function Ne(e,s,g,f,b,w){return n(),c("div",null,[a("span",Ae,i(e.$t("kling.name.ratio")),1),a("div",je,[(n(!0),c(I,null,C(e.options,(r,d)=>(n(),c("div",{key:d,class:E({active:e.active===d,item:!0}),onClick:l=>e.value=r.value},[a("div",{class:E(["preview",r.label])},[a("div",{class:"rect",style:J({width:r.width+"px",height:r.height+"px"})},null,4)],2),a("p",Me,i(r.label),1)],10,De))),128))])])}const Oe=k(Ge,[["render",Ne],["__scopeId","data-v-a36493cb"]]),Be=v({name:"StartImage",components:{ElUpload:N,ElButton:L,InfoIcon:U,FontAwesomeIcon:T,ImagePreview:F},emits:["change"],data(){return{fileList:[],uploadUrl:B()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Fe={class:"relative"},ze={class:"flex justify-between"},qe={class:"flex justify-start items-center"},Ke={class:"text-sm font-bold"};function He(e,s,g,f,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",Fe,[a("div",ze,[a("div",qe,[a("span",Ke,i(e.$t("kling.name.startImage")),1),t(r,{content:e.$t("kling.description.uploadStartImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=u=>e.fileList=u),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:u})=>[u.url&&u.percentage!==void 0?(n(),y(d,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:p(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Qe=k(Be,[["render",He],["__scopeId","data-v-e2205d5b"]]),We=v({name:"EndImage",components:{ElUpload:N,ElButton:L,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:B()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),Ye={class:"relative"},Ze={class:"flex justify-between"},Je={class:"flex justify-start items-center"},Xe={class:"text-sm font-bold"};function xe(e,s,g,f,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",Ye,[a("div",Ze,[a("div",Je,[a("span",Xe,i(e.$t("kling.name.endImage")),1),t(r,{content:e.$t("kling.description.uploadEndImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=u=>e.fileList=u),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:u})=>[u.url&&u.percentage!==void 0?(n(),y(d,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:p(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const et=k(We,[["render",xe],["__scopeId","data-v-caf87d80"]]),tt=v({name:"CfgScaleSelector",components:{ElSlider:Q,InfoIcon:U,ElInputNumber:H},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug("set cfg_scale",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||(this.value=oe)}}),ot={class:"flex justify-between"},st={class:"flex justify-start items-center"},nt={class:"text-sm font-bold"},lt={class:"flex justify-end items-center"},at={class:"w-full"};function it(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input-number"),l=o("el-slider");return n(),c("div",null,[a("div",ot,[a("div",st,[a("span",nt,i(e.$t("kling.name.cfgScale")),1),t(r,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),a("div",lt,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),a("div",at,[t(l,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1,step:.1},null,8,["modelValue"])])])}const rt=k(tt,[["render",it]]),ct="",dt=v({name:"PromptInput",components:{ElInput:O,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}}),ut={class:"field"},pt={class:"box"},mt={class:"title font-bold"};function gt(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",ut,[a("div",pt,[a("h2",mt,i(e.$t("kling.name.prompt")),1),t(r,{content:e.$t("kling.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const ft=k(dt,[["render",gt],["__scopeId","data-v-64ef5737"]]),_t="",ht=v({name:"NegativePromptInput",components:{ElInput:O,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||(this.prompt=_t)}}),$t={class:"field"},vt={class:"box"},kt={class:"title font-bold"};function bt(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",$t,[a("div",vt,[a("h2",kt,i(e.$t("kling.name.negativePrompt")),1),t(r,{content:e.$t("kling.description.negativePrompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.negativePrompt")},null,8,["modelValue","placeholder"])])}const wt=k(ht,[["render",bt],["__scopeId","data-v-de98cf01"]]),yt=v({name:"ConfigPanel",components:{ElButton:L,Consumption:ae,FontAwesomeIcon:T,PromptInput:ft,NegativePromptInput:wt,ModelSelector:ye,ModeSelector:Te,DurationSelector:Pe,RatioSelector:Oe,StartImage:Qe,CfgScaleSelector:rt,EndImage:et},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return re(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Vt={class:"flex flex-col h-full"},St={class:"flex-1 overflow-y-auto p-[15px]"},It={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Et(e,s,g,f,b,w){const r=o("prompt-input"),d=o("model-selector"),l=o("ratio-selector"),_=o("start-image"),m=o("end-image"),u=o("duration-selector"),S=o("mode-selector"),R=o("cfg-scale-selector"),z=o("negative-prompt-input"),q=o("consumption"),j=o("font-awesome-icon"),D=o("el-button");return n(),c("div",Vt,[a("div",St,[t(r,{class:"mb-4"}),t(d,{class:"mb-4"}),t(l,{class:"mb-4"}),t(_,{class:"mb-2"}),t(m,{class:"mb-2"}),t(u,{class:"mb-4"}),t(S,{class:"mb-4"}),t(R,{class:"mb-4"}),t(z,{class:"mb-4"})]),a("div",It,[t(q,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(n(),y(D,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(j,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.extend")),1)]),_:1},8,["onClick"])):(n(),y(D,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(j,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.generate")),1)]),_:1},8,["onClick"]))])])}const Tt=k(yt,[["render",Et]]),Lt=v({name:"TaskPreview",components:{ElImage:Z,CopyToClipboard:ce,FontAwesomeIcon:T,ElAlert:Y,VideoPlayer:de,ElTooltip:W,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Ct={class:"preview"},Ut={class:"left"},Rt={class:"main"},Pt={class:"bot"},Gt={class:"datetime"},At={class:"info"},jt={key:0,class:"prompt mt-2"},Dt={key:0},Mt={key:1},Nt={key:0,class:E({content:!0,failed:!0})},Ot={key:0,class:"mb-4"},Bt={key:1,class:E({operations:!0,"mt-2":!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:1,class:E({content:!0})},Kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Qt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Wt={key:2,class:E({content:!0})},Yt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Zt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Jt(e,s,g,f,b,w){const r=o("el-image"),d=o("video-player"),l=o("el-button"),_=o("el-tooltip"),m=o("font-awesome-icon"),u=o("copy-to-clipboard"),S=o("el-alert");return n(),c("div",Ct,[a("div",Ut,[t(r,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),a("div",Rt,[a("div",Pt,[h(i(e.$t("kling.name.klingBot"))+" ",1),a("span",Gt,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),a("div",At,[e.modelValue?.request?.prompt?(n(),c("p",jt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",Dt," - ("+i(e.$t("kling.status.pending"))+") ",1)),e.modelValue?.response?.state==="submitted"||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="completed"?(n(),c("span",Mt," - ("+i(e.$t("kling.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",Nt,[e.modelValue?.response.video_url?(n(),c("div",Ot,[t(d,{src:e.modelValue?.response.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),c("div",Bt,[t(_,{class:"box-item",effect:"dark",content:e.$t("kling.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response.video_url?(n(),y(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=R=>e.onDownload(R,e.modelValue?.response.video_url))},{default:p(()=>[h(i(e.$t("kling.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),t(S,{closable:!1,class:"mt-2 success"},{default:p(()=>[a("p",Ft,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),a("p",zt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",qt,[t(S,{closable:!1,class:"failure"},{template:p(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:p(()=>[a("p",Kt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])]),a("p",Ht,[t(m,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("kling.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(u,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Qt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),c("div",Wt,[t(S,{closable:!1,class:"info"},{template:p(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:p(()=>[a("p",Yt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Zt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Xt=k(Lt,[["render",Jt],["__scopeId","data-v-8ab6830c"]]),xt=v({name:"RecentPanel",components:{TaskPreview:Xt,NoTasks:ie,BotPlaceholder:ue,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),eo={key:0},to={key:2,class:"w-full h-full flex items-center justify-center"};function oo(e,s,g,f,b,w){const r=o("bot-placeholder"),d=o("task-preview"),l=o("scroll-list"),_=o("no-tasks");return n(),c(I,null,[e.tasks?.items===void 0?(n(),c("div",eo,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),y(l,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:s[0]||(s[0]=m=>e.$emit("reach-top"))},{default:p(()=>[(n(!0),c(I,null,C(e.tasks?.items,m=>(n(),y(d,{key:m.id,"model-value":m},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",to,[t(_)])):$("",!0)],64)}const so=k(xt,[["render",oo]]),no="https://webhook.acedata.cloud/kling",lo=v({name:"KlingIndex",components:{ConfigPanel:Tt,Layout:$e,RecentPanel:so},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},tasks(){return this.$store.state.kling.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await pe({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("kling/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("kling/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:g,createdAtMax:f}=e||{};console.debug("limit",s,"createdAtMin",g,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("kling/getTasks",{limit:s,createdAtMin:g,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:no},s=this.credential?.token;if(!s){console.error("no token specified");return}V.info(this.$t("kling.message.startingTask")),se.generate(e,{token:s}).then(()=>{V.success(this.$t("kling.message.startTaskSuccess"))}).catch(g=>{g?.response?.data?.error?.code===ne?V.error(this.$t("kling.message.usedUp")):V.error(this.$t("kling.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ao(e,s,g,f,b,w){const r=o("config-panel"),d=o("recent-panel"),l=o("layout");return n(),y(l,null,{config:p(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Vo=k(lo,[["render",ao]]);export{Vo as default};

package/dist/assets/Index-ByRQW5yK.css

@@ -0,0 +1 @@
+.main .menu[data-v-4c2814ec]{display:none}@media (max-width: 767px){.main[data-v-4c2814ec]{position:relative}.main .config[data-v-4c2814ec]{display:none}.main .results[data-v-4c2814ec]{display:block;width:100%}.main .menu[data-v-4c2814ec]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.title[data-v-112b3af7]{font-size:14px;margin-bottom:10px}.items[data-v-112b3af7]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.items .item[data-v-112b3af7]{width:48px;height:65px;border:1px solid transparent;background-color:var(--el-fill-color-lighter);display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:var(--el-border-radius-base);transition:background-color .2s ease,border-color .2s ease}.items .item .preview[data-v-112b3af7]{margin-top:5px;margin-bottom:3px;width:30px;height:30px;display:flex;flex-direction:row;align-items:center;justify-content:center}.items .item .preview .rect[data-v-112b3af7]{border:1px solid var(--el-border-color-lighter);width:20px;height:20px;border-radius:2px}.items .item .name[data-v-112b3af7]{display:block;font-size:12px;color:var(--el-text-color-primary)}.items .item[data-v-112b3af7]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-112b3af7]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-112b3af7]{border-color:var(--el-color-primary)}.field[data-v-2d55fce2]{display:flex;flex-direction:row;align-items:center}.field .title[data-v-2d55fce2]{font-size:14px;margin:0;width:30%}.field .value[data-v-2d55fce2]{flex:1}.field .info[data-v-2d55fce2]{width:20px}.field[data-v-3dd8fbb4]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-3dd8fbb4]{font-size:14px;margin:0;width:30%}.field .value[data-v-3dd8fbb4]{width:80px}.title[data-v-6bfd9eb5]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-6bfd9eb5]{position:absolute;top:5px;right:0}.title[data-v-691dbeaa]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-691dbeaa]{position:absolute;top:5px;right:0}.title[data-v-8ad0ef5c]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-8ad0ef5c]{position:absolute;top:5px;right:0}.field[data-v-ed158765]{display:flex;flex-direction:row;align-items:center}.field .title[data-v-ed158765]{font-size:14px;margin:0;width:30%}.field .value[data-v-ed158765]{flex:1}.title[data-v-984f4ea5]{font-size:14px;margin-bottom:10px}.items[data-v-984f4ea5]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.items .item[data-v-984f4ea5]{width:130px;height:60px;border:1px solid transparent;background-color:var(--el-fill-color-lighter);display:flex;flex-direction:column;align-items:center;cursor:pointer;overflow:hidden;border-radius:var(--el-border-radius-base);position:relative;transition:border-color .2s ease}.items .item .image[data-v-984f4ea5]{width:100%;height:100%}.items .item .name[data-v-984f4ea5]{display:block;font-size:18px;color:#fff;position:absolute;text-align:center;top:12px}.items .item.active[data-v-984f4ea5],.items .item.active .rect[data-v-984f4ea5]{border-color:var(--el-color-primary)}.field[data-v-cd835960]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-cd835960]{font-size:14px;margin:0;width:30%}.field .value[data-v-cd835960]{flex:1}.quality .el-radio-button--small .el-radio-button__inner{padding:8px 11px}.field[data-v-12537f29]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-12537f29]{font-size:14px;margin:0;width:30%}.field .value[data-v-12537f29]{width:80px}.field[data-v-9c105e3d]{display:flex;flex-direction:row;align-items:center}.field .title[data-v-9c105e3d]{font-size:14px;margin:0;width:30%}.field .value[data-v-9c105e3d]{flex:1}.field[data-v-00d50831]{display:flex;flex-direction:row;align-items:center}.field .title[data-v-00d50831]{font-size:14px;margin:0;width:30%}.field .value[data-v-00d50831]{flex:1}.title[data-v-d329f029]{font-size:14px;margin-bottom:10px}.pane[data-v-d329f029]{display:flex;flex-direction:row;justify-content:left;align-items:flex-start;height:auto;flex-wrap:wrap;height:230px;overflow-y:auto;gap:10px}.pane .item[data-v-d329f029]{position:relative;width:100px;height:100px;border:1px solid transparent;background-color:var(--el-fill-color-lighter);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s ease}.pane .item .icon[data-v-d329f029]{position:absolute;visibility:hidden;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;color:var(--el-color-white);font-size:20px;background-color:var(--el-color-primary);border-radius:50%;padding:5px}.pane .item.hidden[data-v-d329f029]{display:none}.pane .item.active[data-v-d329f029]{border-color:var(--el-color-primary)}.pane .item.active .icon[data-v-d329f029]{visibility:visible}.pane .item .preview[data-v-d329f029]{width:100px;height:100px}.pane .item .name[data-v-d329f029]{position:absolute;bottom:0;left:0;right:0;width:100px;text-overflow:ellipsis;background-color:#000c;color:#fff;font-size:10px;text-align:center;padding:0 5px}.field[data-v-defbf635]{display:flex;flex-direction:row;align-items:center}.field .title[data-v-defbf635]{font-size:14px;margin:0;width:30%}.field .value[data-v-defbf635]{flex:1}.mode .el-radio-button--small .el-radio-button__inner{padding:8px 11px}.field .box[data-v-7503f586]{display:flex;flex-direction:row;align-items:center;position:relative}.field .box .title[data-v-7503f586]{font-size:14px}.title[data-v-5800229a]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-5800229a]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.item[data-v-bd30eae1]{display:flex;flex-direction:row}.item .left[data-v-bd30eae1]{width:70px}.item .left .avatar[data-v-bd30eae1]{width:50px;height:50px;margin:10px;border-radius:50%;box-shadow:var(--app-shadow-xs)}.item .preview[data-v-bd30eae1]{flex:1;width:calc(100% - 70px);padding:10px 10px 0;display:flex;flex-direction:column}.item .preview .bot[data-v-bd30eae1]{font-size:16px;font-weight:700;color:#2ecc71;margin-bottom:10px;margin-top:0}.item .preview .bot .datetime[data-v-bd30eae1]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.item .preview .description[data-v-bd30eae1]{font-size:12px;color:var(--el-text-color-regular);margin-bottom:10px;text-align:left}.item .preview .info[data-v-bd30eae1]{display:flex;flex-direction:row;width:100%}.item .preview .info .prompt[data-v-bd30eae1]{font-size:14px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px}.item .preview .info .mode .icon[data-v-bd30eae1]{display:inline-block;margin-right:2px}.item .preview .info .mode .icon.turbo[data-v-bd30eae1]{color:#f90}.item .preview .info .mode .icon.fast[data-v-bd30eae1]{color:#2dc49c}.item .preview .info .mode .icon.relax[data-v-bd30eae1]{color:#ce65e6}.item .preview .content[data-v-bd30eae1]{width:100%;position:relative;margin-bottom:10px}.item .preview .content.full[data-v-bd30eae1]{height:220px;display:flex;align-items:center}.item .preview .content.full .image[data-v-bd30eae1]{min-height:200px}.item .preview .content .progress[data-v-bd30eae1]{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;color:#fff;text-shadow:0 0 5px black}.item .preview .el-alert[data-v-bd30eae1]{border-left-width:2px;border-left-style:solid}.item .preview .el-alert.failure[data-v-bd30eae1]{border-color:var(--el-color-danger)}.item .preview .el-alert.success[data-v-bd30eae1]{border-color:var(--el-color-success)}.item .preview .el-alert.info[data-v-bd30eae1]{border-color:var(--el-color-info)}.item .preview .operations[data-v-bd30eae1]{display:flex;justify-content:left;flex-direction:row;width:100%;align-items:baseline;flex-wrap:wrap;margin-bottom:15px;overflow:hidden;text-align:center;color:var(--el-text-color-regular);font-size:14px;overflow-y:scroll;gap:10px}.item .preview .operations.full[data-v-bd30eae1]{height:70px}.item .preview .operations .btn-action[data-v-bd30eae1]{margin-left:0}

package/dist/assets/Index-CQHCtrEM.css

@@ -0,0 +1 @@
+.menu[data-v-a55e8715]{display:none}@media (max-width: 767px){.config[data-v-a55e8715]{display:none}.result[data-v-a55e8715]{width:100%}.menu[data-v-a55e8715]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.title[data-v-7ab78c3e]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-7ab78c3e]{position:absolute;top:5px;right:0}.title[data-v-425a8cec]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-425a8cec]{position:absolute;top:5px;right:0}.title[data-v-74e51526]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-74e51526]{position:absolute;top:5px;right:0}.field .box[data-v-281baab8]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-281baab8]{font-size:14px;margin-bottom:10px}.field .info[data-v-281baab8]{margin-left:auto}.preview[data-v-a30031b6]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-a30031b6]{width:70px}.preview .left .avatar[data-v-a30031b6]{background-color:#000;padding:2px;width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-a30031b6]{flex:1;width:calc(100% - 70px);padding:10px 10px 0}.preview .main .bot[data-v-a30031b6]{font-size:16px;font-weight:700;color:#2ecc71;margin-bottom:0;margin-top:0}.preview .main .bot .datetime[data-v-a30031b6]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info .prompt[data-v-a30031b6]{font-size:14px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px}.preview .main .content[data-v-a30031b6]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-a30031b6]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-a30031b6]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-a30031b6]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-a30031b6]{border-color:var(--el-color-info)}

package/dist/assets/Index-C_lTdl1n.js

@@ -0,0 +1 @@
+import{bH as T}from"./vendor-B4-12K57.js";import{k as q,O as H,q as x,r as K,s as L,K as B,L as G,o as Q,C as X,i as Y}from"./vendor-element-plus-C2t7-rNg.js";import{d as k,c as l,a as c,l as a,P as C,S as $,am as s,o as n,Z as o,Y as u,F as A,ak as N,R as V,W as b,V as O,a1 as Z}from"./vendor-vue-BzRnDgD5.js";import{_ as y,a5 as J,bP as ee,bQ as W,bR as P,bS as te,bT as S,bU as M,bV as j,bW as D,bX as ae,ak as oe,ah as F}from"./index-BceQaAb7.js";import{I as U,S as ne}from"./ScrollList-DtikpNk7.js";import{I as z}from"./ImagePreview-C81-sroB.js";import{C as se,N as le}from"./NoTasks-Bg3dk3Zk.js";import{a as re}from"./price-DtWUJRlS.js";import{C as ie}from"./CopyToClipboard-C_hpGFI6.js";import{I as ce}from"./ImageWrapper-CafePFBU.js";import{B as ue}from"./BotPlaceholder-BfDpV6UE.js";import"./vendor-dayjs-D6Igi227.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-nHemWFue.js";const de=k({name:"LayoutNanobanana",components:{ElDrawer:H,ElButton:q,FontAwesomeIcon:T},data(){return{drawer:!1}}}),me={class:"main flex flex-row flex-1"},pe={class:"config w-[300px] h-full overflow-y-scroll bg-[var(--app-sidebar-bg)]"},fe={class:"result h-full p-[15px] flex-1 flex flex-col"};function he(e,t,g,r,d,f){const h=s("font-awesome-icon"),_=s("el-button"),m=s("el-drawer");return n(),l("div",me,[c("div",pe,[C(e.$slots,"config",{},void 0,!0)]),c("div",fe,[C(e.$slots,"result",{},void 0,!0)]),a(_,{circle:"",class:"menu",onClick:t[0]||(t[0]=p=>e.drawer=!0)},{default:$(()=>[a(h,{icon:"fa-solid fa-magic"})]),_:1}),a(m,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=y(de,[["render",he],["__scopeId","data-v-c6025e81"]]),ge="",be=k({name:"PromptInput",components:{ElInput:x,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ge)}}),$e={class:"field"},ve={class:"box"},ke={class:"title font-bold"};function ye(e,t,g,r,d,f){const h=s("info-icon"),_=s("el-input");return n(),l("div",$e,[c("div",ve,[c("h2",ke,o(e.$t("nanobanana.name.prompt")),1),a(h,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),a(_,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=m=>e.prompt=m),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const we=y(be,[["render",ye],["__scopeId","data-v-2331e197"]]),Ae=k({name:"ImageUrlsInput",components:{ElUpload:K,ElButton:q,InfoIcon:U,ImagePreview:z,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:J()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const r=(this.fileList||[]).filter(d=>!d?.response?.file_url);this.fileList=r.length?r:[];return}const t=[];e.forEach(r=>{const d=this.fileList.find(f=>f?.response?.file_url===r||f?.url===r);d?t.push(d):t.push({name:r.split("/").pop()||r,url:r,status:"success",percentage:100,response:{file_url:r}})}),(this.fileList||[]).filter(r=>!r?.response?.file_url).forEach(r=>{t.some(f=>f===r||f?.url===r?.url||f?.response?.file_url===r?.response?.file_url)||t.push(r)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){L.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){L.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ve={class:"field flex items-center justify-between"},Ne={class:"title font-bold text-[14px] mb-[10px]"},Re={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Le={class:"controls flex items-center"},Ie={class:"file-list flex flex-wrap gap-[10px]"};function Ee(e,t,g,r,d,f){const h=s("font-awesome-icon"),_=s("el-button"),m=s("el-upload"),p=s("info-icon"),w=s("image-preview");return n(),l(A,null,[c("div",Ve,[c("h2",Ne,o(e.$t("nanobanana.name.imageUrls")),1),c("div",Re,[c("div",Le,[a(m,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=i=>e.fileList=i),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[a(_,{size:"small",type:"primary",round:""},{default:$(()=>[a(h,{icon:"fa-solid fa-upload",class:"mr-1"}),u(" "+o(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),a(p,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),c("div",Ie,[(n(!0),l(A,null,N(e.fileList,(i,v)=>(n(),V(w,{key:i.uid||i?.response?.file_url||i.url||v,url:i.url||i?.response?.file_url,name:i.name,percentage:i.percentage,onRemove:R=>e.onRemovePreview(v,i)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Se=y(Ae,[["render",Ee]]),Te=k({name:"AspectRatioSelector",components:{ElSelect:G,ElOption:B},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e);const t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit("nanobanana/setConfig",t)}}}}),qe={class:"field"},Oe={class:"title font-bold"};function Ue(e,t,g,r,d,f){const h=s("el-option"),_=s("el-select");return n(),l("div",qe,[c("h2",Oe,o(e.$t("nanobanana.name.aspectRatio")),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),V(h,{key:m,label:m,value:m},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ce=y(Te,[["render",Ue],["__scopeId","data-v-67f08a08"]]),Pe=k({name:"NanobananaModelSelector",components:{ElSelect:G,ElOption:B,InfoIcon:U},data(){return{options:[{value:W,label:this.$t("nanobanana.model.nanoBanana")},{value:P,label:this.$t("nanobanana.model.nanoBananaPro")},{value:te,label:this.$t("nanobanana.model.nanoBanana2")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t("nanobanana.description.model")}},mounted(){this.value||(this.value=ee)}}),Be={class:"field"},Ge={class:"label"},Me={class:"box"},je={class:"title font-bold"};function De(e,t,g,r,d,f){const h=s("info-icon"),_=s("el-option"),m=s("el-select");return n(),l("div",Be,[c("div",Ge,[c("div",Me,[c("h2",je,o(e.$t("nanobanana.name.model")),1),a(h,{content:e.modelDescription,class:"info"},null,8,["content"])])]),a(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.value=p),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(n(!0),l(A,null,N(e.options,p=>(n(),V(_,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Fe=y(Pe,[["render",De],["__scopeId","data-v-94304d73"]]),We=k({name:"NanobananaResolutionSelector",components:{ElSelect:G,ElOption:B,InfoIcon:U},data(){return{cachedResolution:S,options:[{value:M,label:M},{value:j,label:j},{value:D,label:D}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==W}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||(this.value=this.cachedResolution||S):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=S),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ze={class:"field"},He={class:"label"},xe={class:"box"},Ke={class:"title font-bold"};function Qe(e,t,g,r,d,f){const h=s("info-icon"),_=s("el-option"),m=s("el-select");return n(),l("div",ze,[c("div",He,[c("div",xe,[c("h2",Ke,o(e.$t("nanobanana.name.resolution")),1),a(h,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),a(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.value=p),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:$(()=>[(n(!0),l(A,null,N(e.options,p=>(n(),V(_,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Xe=y(We,[["render",Qe],["__scopeId","data-v-fd5ab393"]]),Ye=k({name:"ConfigPanel",components:{ElButton:q,FontAwesomeIcon:T,PromptInput:we,Consumption:se,ImageUrlsInput:Se,AspectRatioSelector:Ce,ModelSelector:Fe,ResolutionSelector:Xe},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return re({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ze={class:"flex flex-col h-full"},Je={class:"flex-1 overflow-y-auto p-[15px]"},et={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function tt(e,t,g,r,d,f){const h=s("model-selector"),_=s("resolution-selector"),m=s("prompt-input"),p=s("aspect-ratio-selector"),w=s("image-urls-input"),i=s("consumption"),v=s("font-awesome-icon"),R=s("el-button");return n(),l("div",Ze,[c("div",Je,[a(h,{class:"mb-4"}),a(_,{class:"mb-4"}),a(m,{class:"mb-4"}),a(p,{class:"mb-4"}),a(w,{class:"mb-4"})]),c("div",et,[a(i,{value:e.consumption,service:e.service},null,8,["value","service"]),a(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[a(v,{icon:"fa-solid fa-magic",class:"mr-2"}),u(" "+o(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const at=y(Ye,[["render",tt]]),ot=k({name:"TaskPreview",components:{ElImage:Y,CopyToClipboard:ie,FontAwesomeIcon:T,ElAlert:X,ImageWrapper:ce,ElButton:q,ElTooltip:Q,ImagePreview:z},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit("nanobanana/setConfig",t)}}}),nt={class:"preview"},st={class:"left"},lt={class:"main"},rt={class:"bot"},it={class:"datetime"},ct={class:"info"},ut={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},dt={key:1,class:"prompt mt-2"},mt={key:0},pt={key:0,class:O({content:!0,failed:!0})},ft={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},ht={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},_t={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},gt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},yt={key:1,class:O({content:!0})},wt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Et={key:2,class:O({content:!0})},St={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Ct(e,t,g,r,d,f){const h=s("el-image"),_=s("image-preview"),m=s("image-wrapper"),p=s("el-button"),w=s("el-tooltip"),i=s("font-awesome-icon"),v=s("copy-to-clipboard"),R=s("el-alert");return n(),l("div",nt,[c("div",st,[a(h,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),c("div",lt,[c("div",rt,[u(o(e.$t("nanobanana.name.nanobananaBot"))+" ",1),c("span",it,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",ct,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(n(),l("div",ut,[(n(!0),l(A,null,N(e.modelValue?.request?.image_urls,(I,E)=>(n(),V(_,{key:E,url:I,name:`image-${E+1}`,closable:!1},null,8,["url","name"]))),128))])):b("",!0),e.modelValue?.request?.prompt?(n(),l("p",dt,[u(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?b("",!0):(n(),l("span",mt," - ("+o(e.$t("nanobanana.status.pending"))+") ",1))])):b("",!0)]),e.modelValue?.response?.success===!0?(n(),l("div",pt,[c("div",ft,[(n(!0),l(A,null,N(e.images,(I,E)=>(n(),V(m,{key:E,src:I?.image_url,"raw-src":I?.image_url},null,8,["src","raw-src"]))),128))]),c("div",ht,[a(w,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[a(p,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=Z(I=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[u(o(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),a(R,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(n(),l("p",_t,[a(i,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):b("",!0),e.modelValue?.request?.resolution?(n(),l("p",gt,[a(i,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):b("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",bt,[a(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):b("",!0),e.modelValue?.request?.action?(n(),l("p",$t,[a(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):b("",!0),c("p",vt,[a(i,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),l("p",kt,[a(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):b("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),l("div",yt,[a(R,{closable:!1,class:"failure"},{template:$(()=>[a(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),l("p",wt,[a(i,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):b("",!0),e.modelValue?.request?.resolution?(n(),l("p",At,[a(i,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):b("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Vt,[a(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):b("",!0),e.modelValue?.request?.action?(n(),l("p",Nt,[a(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):b("",!0),c("p",Rt,[a(i,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Lt,[a(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),a(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),l("p",It,[a(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):b("",!0)]),_:1})])):(n(),l("div",Et,[a(R,{closable:!1,class:"info"},{template:$(()=>[a(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),l("p",St,[a(i,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):b("",!0),e.modelValue?.request?.resolution?(n(),l("p",Tt,[a(i,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):b("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",qt,[a(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):b("",!0),e.modelValue?.request?.action?(n(),l("p",Ot,[a(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):b("",!0),c("p",Ut,[a(i,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Pt=y(ot,[["render",Ct],["__scopeId","data-v-3eb5facb"]]),Bt=k({name:"RecentPanel",components:{TaskPreview:Pt,BotPlaceholder:ue,NoTasks:le,ScrollList:ne},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Gt={key:0},Mt={key:2,class:"w-full h-full flex items-center justify-center"};function jt(e,t,g,r,d,f){const h=s("bot-placeholder"),_=s("task-preview"),m=s("scroll-list"),p=s("no-tasks");return n(),l(A,null,[e.tasks?.items===void 0?(n(),l("div",Gt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),V(m,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=w=>e.$emit("reach-top"))},{default:$(()=>[(n(!0),l(A,null,N(e.tasks?.items,w=>(n(),V(_,{key:w.id,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):b("",!0),e.tasks?.items?.length===0?(n(),l("div",Mt,[a(p)])):b("",!0)],64)}const Dt=y(Bt,[["render",jt]]),Ft="https://webhook.acedata.cloud/nanobanana",Wt=k({name:"NanobananaIndex",components:{ConfigPanel:at,Layout:_e,RecentPanel:Dt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){if(console.debug("reached top"),this.loading||this.tasksLoading)return;const e=this.tasks?.total,t=this.tasks?.items?.length||0;if(e!==void 0&&e<=t)return;const g=this.tasks?.items?.[0];if(!g?.created_at)return;const d=this.$refs.recentPanel?.getScrollElement?.(),f=d?.scrollHeight||0,h=d?.scrollTop||0;this.loading=!0;try{if(await this.onGetTasks({createdAtMax:g.created_at}),await this.$nextTick(),d){const _=d.scrollHeight;d.scrollTop=_-f+h}}finally{this.loading=!1}},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:g,createdAtMax:r}=e||{};console.debug("limit",t,"createdAtMin",g,"createdAtMax",r),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:g,createdAtMax:r})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&"image_urls"in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==P&&"resolution"in e&&delete e.resolution,e?.model===P&&!e?.resolution&&(e.resolution=S);const g={...e,action:t?"edit":"generate",callback_url:Ft},r=this.credential?.token;if(!r){console.error("no token specified");return}L.info(this.$t("nanobanana.message.startingTask")),ae.generate(g,{token:r}).then(()=>{L.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(d=>{const f=d?.response?.data;f?.error?.code===oe?L.error(this.$t("nanobanana.message.usedUp")):L.error(this.$t("nanobanana.message.startTaskFailed")+(f?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function zt(e,t,g,r,d,f){const h=s("config-panel"),_=s("recent-panel"),m=s("layout");return n(),V(m,null,{config:$(()=>[a(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[a(_,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ra=y(Wt,[["render",zt]]);export{ra as default};

package/dist/assets/Index-CczNCX1V.js

@@ -0,0 +1 @@
+import{bH as C}from"./vendor-B4-12K57.js";import{k as V,O as R,K as A,L as M,r as j,s as S,q as B,o as D,C as q,i as O}from"./vendor-element-plus-C2t7-rNg.js";import{d as k,c,a as i,l as t,P as E,S as u,am as o,o as a,Z as n,F as L,ak as G,R as v,Y as p,W as h,V as T,a1 as z}from"./vendor-vue-BzRnDgD5.js";import{_ as b,bK as F,a5 as N,bL as H,ak as K,ah as U}from"./index-BceQaAb7.js";import{I as P,S as W}from"./ScrollList-DtikpNk7.js";import{I as Y}from"./ImagePreview-C81-sroB.js";import{C as Z,N as J}from"./NoTasks-Bg3dk3Zk.js";import{a as Q}from"./price-DtWUJRlS.js";import{C as X}from"./CopyToClipboard-C_hpGFI6.js";import{V as x}from"./VideoPlayer-CXGW06AO.js";import{B as ee}from"./BotPlaceholder-BfDpV6UE.js";import{l as te}from"./pagination-bjoHZNQW.js";import"./vendor-dayjs-D6Igi227.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-nHemWFue.js";const oe=k({name:"LayoutHailuo",components:{ElDrawer:R,ElButton:V,FontAwesomeIcon:C},data(){return{drawer:!1}}}),se={class:"main flex flex-row flex-1"},ae={class:"config w-[300px] h-full overflow-y-scroll bg-[var(--app-sidebar-bg)]"},ne={class:"result h-full p-[15px] flex-1 flex flex-col"};function le(e,s,f,_,w,y){const d=o("font-awesome-icon"),m=o("el-button"),r=o("el-drawer");return a(),c("div",se,[i("div",ae,[E(e.$slots,"config",{},void 0,!0)]),i("div",ne,[E(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:s[0]||(s[0]=g=>e.drawer=!0)},{default:u(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"340px"},{default:u(()=>[E(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ie=b(oe,[["render",le],["__scopeId","data-v-d49b3d25"]]),re=k({name:"ModelSelector",components:{ElSelect:M,ElOption:A},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=F)}}),ce={class:"field"},ue={class:"title font-bold"},de={class:"float-left"};function me(e,s,f,_,w,y){const d=o("el-option"),m=o("el-select");return a(),c("div",ce,[i("h2",ue,n(e.$t("hailuo.name.model")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:u(()=>[(a(!0),c(L,null,G(e.options,r=>(a(),v(d,{key:r.value,label:r.label,value:r.value},{default:u(()=>[i("span",de,n(r.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const pe=b(re,[["render",me],["__scopeId","data-v-30ff1e69"]]),he=k({name:"StartImageUrlInput",components:{ElUpload:j,ElButton:V,InfoIcon:P,ImagePreview:Y},data(){return{fileList:[],uploadUrl:N()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){S.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){S.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),fe={class:"relative"},_e={class:"flex justify-between"},ge={class:"flex justify-start items-center"},$e={class:"text-sm font-bold"};function ve(e,s,f,_,w,y){const d=o("info-icon"),m=o("image-preview"),r=o("el-button"),g=o("el-upload");return a(),c("div",fe,[i("div",_e,[i("div",ge,[i("span",$e,n(e.$t("hailuo.name.startImageUrl")),1),t(d,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(g,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=l=>e.fileList=l),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:l})=>[l.url&&l.percentage!==void 0?(a(),v(m,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:$=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:u(()=>[t(r,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:u(()=>[p(n(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const ke=b(he,[["render",ve],["__scopeId","data-v-a906df80"]]),be="",we=k({name:"PromptInput",components:{ElInput:B,InfoIcon:P},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=be)}}),ye={class:"field"},Se={class:"box"},Ve={class:"title font-bold"};function Te(e,s,f,_,w,y){const d=o("info-icon"),m=o("el-input");return a(),c("div",ye,[i("div",Se,[i("h2",Ve,n(e.$t("hailuo.name.prompt")),1),t(d,{content:e.$t("hailuo.description.prompt"),class:"info"},null,8,["content"])]),t(m,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=r=>e.prompt=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("hailuo.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Ie=b(we,[["render",Te],["__scopeId","data-v-c601bcba"]]),Ee=k({name:"PresetPanel",components:{ElButton:V,FontAwesomeIcon:C,PromptInput:Ie,StartImageUrlInput:ke,ModelSelector:pe,Consumption:Z},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return Q(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Le={class:"flex flex-col h-full"},Ce={class:"flex-1 overflow-y-auto p-[15px]"},Ue={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ge(e,s,f,_,w,y){const d=o("prompt-input"),m=o("model-selector"),r=o("start-image-url-input"),g=o("consumption"),l=o("font-awesome-icon"),$=o("el-button");return a(),c("div",Le,[i("div",Ce,[t(d,{class:"mb-4"}),t(m,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(a(),v(r,{key:0,class:"mb-2"})):h("",!0)]),i("div",Ue,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(a(),v($,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(l,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(a(),v($,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(l,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Pe=b(Ee,[["render",Ge]]),Re=k({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:X,FontAwesomeIcon:C,ElAlert:q,VideoPlayer:x,ElTooltip:D,ElButton:V},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Ae={class:"preview"},Me={class:"left"},je={class:"main"},Be={class:"bot"},De={class:"datetime"},qe={class:"info"},Oe={key:0,class:"prompt mt-2"},ze={key:0},Fe={key:1},Ne={key:0,class:T({content:!0,failed:!0})},He={key:0,class:"mb-4"},Ke={key:1,class:T({operations:!0,"mt-2":!0})},We={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ye={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ze={key:1,class:T({content:!0})},Je={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Qe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Xe={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},xe={key:2,class:T({content:!0})},et={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function tt(e,s,f,_,w,y){const d=o("el-image"),m=o("video-player"),r=o("el-button"),g=o("el-tooltip"),l=o("font-awesome-icon"),$=o("copy-to-clipboard"),I=o("el-alert");return a(),c("div",Ae,[i("div",Me,[t(d,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),i("div",je,[i("div",Be,[p(n(e.$t("hailuo.name.hailuoBot"))+" ",1),i("span",De,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",qe,[e.modelValue?.request?.prompt?(a(),c("p",Oe,[p(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),c("span",ze," - ("+n(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(a(),c("span",Fe," - ("+n(e.$t("hailuo.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Ne,[e.video?.video_url?(a(),c("div",He,[t(m,{src:e.video?.video_url},null,8,["src"])])):h("",!0),e.video?(a(),c("div",Ke,[t(g,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.video?.video_url?(a(),v(r,{key:0,type:"info",size:"small",class:"mb-2",onClick:s[0]||(s[0]=z(dt=>e.onDownload(e.video?.video_url),["stop"]))},{default:u(()=>[p(n(e.$t("hailuo.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"])])):h("",!0),t(I,{closable:!1,class:"mt-2 success"},{default:u(()=>[e.modelValue?.request?.model?(a(),c("p",We,[t(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.model"))+": "+n(e.modelValue?.request?.model)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])):h("",!0),i("p",Ye,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),c("div",Ze,[t(I,{closable:!1,class:"failure"},{template:u(()=>[t(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",Je,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])]),i("p",Qe,[t(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),t($,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),i("p",Xe,[t(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t($,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(a(),c("div",xe,[t(I,{closable:!1,class:"info"},{template:u(()=>[t(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",et,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0)])])}const ot=b(Re,[["render",tt],["__scopeId","data-v-d1382b69"]]),st=k({name:"RecentPanel",components:{TaskPreview:ot,BotPlaceholder:ee,NoTasks:J,ScrollList:W},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),at={key:0},nt={key:2,class:"w-full h-full flex items-center justify-center"};function lt(e,s,f,_,w,y){const d=o("bot-placeholder"),m=o("task-preview"),r=o("scroll-list"),g=o("no-tasks");return a(),c(L,null,[e.tasks?.items===void 0?(a(),c("div",at,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),v(r,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:s[0]||(s[0]=l=>e.$emit("reach-top"))},{default:u(()=>[(a(!0),c(L,null,G(e.tasks?.items,l=>(a(),v(m,{key:l.id,"model-value":l},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),c("div",nt,[t(g)])):h("",!0)],64)}const it=b(st,[["render",lt]]),rt="https://webhook.acedata.cloud/hailuo",ct=k({name:"HailuoIndex",components:{ConfigPanel:Pe,Layout:ie,RecentPanel:it},inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.hailuo?.status?.getApplications===U.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===U.Request||this.fetchingTasks},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await te({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:f,createdAtMax:_}=e||{};console.debug("limit",s,"createdAtMin",f,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("hailuo/getTasks",{limit:s,createdAtMin:f,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:rt},s=this.credential?.token;if(!s){console.error("no token specified");return}S.info(this.$t("hailuo.message.startingTask")),H.generate(e,{token:s}).then(()=>{S.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(f=>{f?.response?.data?.error?.code===K?S.error(this.$t("hailuo.message.usedUp")):S.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ut(e,s,f,_,w,y){const d=o("config-panel"),m=o("recent-panel"),r=o("layout");return a(),v(r,null,{config:u(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(m,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Et=b(ct,[["render",ut]]);export{Et as default};

package/dist/assets/Index-Cwduph5Y.js

@@ -0,0 +1 @@
+import{bH as z,bX as Z,bY as Q,l as ne,bZ as ie,b_ as D,b$ as ae,c0 as le,c1 as re,c2 as ce}from"./vendor-B4-12K57.js";import{k as R,O as ue,j as de,K as pe,L as me,r as fe,s as k,q as M,Q as ee,e as X,i as W,A as te,B as se,R as J,V as he,W as _e,f as $e,g as ge,h as ve,o as ye,p as ke,H as be,U as we,X as Ce}from"./vendor-element-plus-C2t7-rNg.js";import{d as w,c as u,a as s,l as o,P as q,S as c,am as a,o as n,W as m,Z as l,F as G,ak as H,R as v,Y as C,U as N,at as K,a1 as U,b as I,z as T,w as Ve,X as Se,_ as Ae}from"./vendor-vue-BzRnDgD5.js";import{_ as S,bN as Pe,bO as E,a5 as Ue,ah as F,aa as Te,ag as Ee}from"./index-BceQaAb7.js";import{I as L,S as Ie}from"./ScrollList-DtikpNk7.js";import{C as Le,N as ze}from"./NoTasks-Bg3dk3Zk.js";import{a as Fe}from"./price-DtWUJRlS.js";import{l as Ge}from"./pagination-bjoHZNQW.js";import"./vendor-dayjs-D6Igi227.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-nHemWFue.js";const je=w({name:"LayoutSuno",components:{ElDrawer:ue,ElButton:R,FontAwesomeIcon:z},data(){return{drawer:!1,preview:!1}},computed:{}}),De={class:"main flex flex-row flex-1"},Re={class:"config w-[300px] h-full overflow-y-scroll bg-[var(--app-sidebar-bg)]"},Me={class:"result h-full flex flex-col flex-1"},We={class:"preview h-full w-[300px] flex flex-col"};function Ne(e,t,r,i,f,p){const d=a("font-awesome-icon"),h=a("el-button"),_=a("el-drawer");return n(),u("div",De,[s("div",Re,[q(e.$slots,"config",{},void 0,!0)]),s("div",Me,[q(e.$slots,"result",{},void 0,!0)]),s("div",We,[q(e.$slots,"preview",{},void 0,!0)]),o(h,{circle:"",class:"menu",onClick:t[0]||(t[0]=$=>e.drawer=!0)},{default:c(()=>[o(d,{icon:"fa-solid fa-magic"})]),_:1}),o(_,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=$=>e.drawer=$),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:c(()=>[q(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Oe=S(je,[["render",Ne],["__scopeId","data-v-087f869f"]]),Be=w({name:"TypeSelector",components:{ElSelect:me,ElOption:pe,ElSwitch:de},data(){return{options:[{label:"Suno v5",value:"chirp-v5",info:"8 min"},{label:"Suno v4.5+",value:"chirp-v4-5-plus",info:"8 min"},{label:"Suno v4.5",value:"chirp-v4-5",info:"4 min"},{label:"Suno v4",value:"chirp-v4",info:"2.5 min"},{label:"Suno v3.5",value:"chirp-v3-5",info:"2 min"},{label:"Suno v3",value:"chirp-v3-0",info:"2 min"}]}},computed:{custom:{get(){return this.$store.state.suno?.config?.custom||!1},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,custom:e})}},instrumental:{get(){return this.$store.state.suno?.config?.instrumental||!1},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,instrumental:e})}},model:{get(){return this.$store.state.suno?.config?.model},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,model:e})}}},mounted(){this.model||(this.model=Pe)}}),qe={class:"flex items-center justify-between mb-3"},He={class:"text-sm font-bold"},Xe={class:"mb-3"},Ke={class:"flex items-center mb-1"},Ye={class:"text-sm font-bold"},Ze={class:"flex items-center justify-between w-full"},Qe={class:"text-xs text-[var(--el-text-color-placeholder)]"},Je={key:0,class:"flex items-center justify-between mb-3"},xe={class:"text-sm font-bold"};function et(e,t,r,i,f,p){const d=a("el-switch"),h=a("el-option"),_=a("el-select");return n(),u("div",null,[s("div",qe,[s("span",He,l(e.$t("suno.name.type")),1),o(d,{modelValue:e.custom,"onUpdate:modelValue":t[0]||(t[0]=$=>e.custom=$),size:"small"},null,8,["modelValue"])]),s("div",Xe,[s("div",Ke,[s("span",Ye,l(e.$t("suno.name.model")),1)]),o(_,{modelValue:e.model,"onUpdate:modelValue":t[1]||(t[1]=$=>e.model=$),class:"w-full",size:"default",placeholder:e.$t("suno.placeholder.select")},{default:c(()=>[(n(!0),u(G,null,H(e.options,$=>(n(),v(h,{key:$.value,label:$.label,value:$.value},{default:c(()=>[s("div",Ze,[s("span",null,l($.label),1),s("span",Qe,l($.info),1)])]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])]),e.custom?(n(),u("div",Je,[s("span",xe,l(e.$t("suno.name.instrumental")),1),o(d,{modelValue:e.instrumental,"onUpdate:modelValue":t[2]||(t[2]=$=>e.instrumental=$),size:"small"},null,8,["modelValue"])])):m("",!0)])}const tt=S(Be,[["render",et]]),st=w({name:"UploadAudio",components:{ElUpload:fe,ElButton:R,InfoIcon:L,FontAwesomeIcon:z},emits:["change"],data(){return{fileList:[],uploadUrl:Ue()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},credential(){return this.$store.state.suno.credential},config(){return this.$store.state.suno.config},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.suno?.config?.audio_id},set(){}}},watch:{urls:{handler(e){this.$emit("change",e)}}},mounted(){this.value||(this.value=void 0),this.onSetAudio()},methods:{onExceed(){k.warning(this.$t("suno.message.uploadReferencesExceed"))},onError(){k.error(this.$t("suno.message.uploadReferencesError"))},async onSuccess(){const e=this.urls?.[0];await this.onGenerateAudioId(e)},async onGenerateAudioId(e){const t={audio_url:e},r=this.credential?.token;if(!r){console.error("no token specified");return}k.info(this.$t("suno.message.startingUploadAudio")),E.upload(t,{token:r}).then(i=>{console.debug("get upload music success",i.data);const f=i.data?.data.audio_id;this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,audio_id:f,action:"upload_extend"}),k.success(this.$t("suno.message.startUploadAudioSuccess"))}).catch(i=>{k.error(i?.response?.data?.error?.message||this.$t("suno.message.startUploadAudioFailed"))})},onSetAudio(){}}}),ot={class:"relative"},nt={class:"flex justify-between"},it={class:"flex justify-start items-center"},at={class:"text-sm font-bold"};function lt(e,t,r,i,f,p){const d=a("info-icon"),h=a("font-awesome-icon"),_=a("el-button"),$=a("el-upload");return n(),u("div",ot,[s("div",nt,[s("div",it,[s("span",at,l(e.$t("suno.name.referenceAudios")),1),o(d,{content:e.$t("suno.description.uploadAudios")},null,8,["content"])])]),o($,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=b=>e.fileList=b),name:"file",limit:1,class:"upload-wrapper",action:e.uploadUrl,accept:".mp3","show-file-list":!0,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{default:c(()=>[o(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(h,{icon:"fa-solid fa-upload",class:"icon mr-1"}),C(" "+l(e.$t("suno.button.uploadAudios")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const rt=S(st,[["render",lt],["__scopeId","data-v-6236152c"]]),ct="",ut=w({name:"PromptInput",components:{ElInput:M,InfoIcon:L},computed:{prompt:{get(){return this.$store.state.suno?.config?.prompt},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}}),dt={class:"field"},pt={class:"flex items-center mb-1"},mt={class:"text-sm font-bold"};function ft(e,t,r,i,f,p){const d=a("info-icon"),h=a("el-input");return n(),u("div",dt,[s("div",pt,[s("span",mt,l(e.$t("suno.name.songDescription")),1),o(d,{content:e.$t("suno.description.prompt")},null,8,["content"])]),o(h,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),rows:4,type:"textarea",placeholder:e.$t("suno.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const ht=S(ut,[["render",ft]]),_t="",$t=w({name:"LyricInput",components:{ElInput:M,ElButton:R,FontAwesomeIcon:z,InfoIcon:L},data(){return{generatingLyrics:!1}},computed:{lyric:{get(){return this.$store.state.suno?.config?.lyric},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,lyric:e})}},config(){return this.$store.state.suno?.config},credential(){return this.$store.state.suno?.credential}},mounted(){this.lyric||(this.lyric=_t)},methods:{async onGenerateLyrics(){const e=this.credential?.token;if(!e)return;const t=this.config?.style||this.config?.title||"a beautiful song";this.generatingLyrics=!0,k.info(this.$t("suno.message.generatingLyrics"));try{const i=(await E.lyric({prompt:t},{token:e})).data?.data;i?.text&&(this.lyric=i.text,i?.title&&!this.config?.title&&this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,lyric:i.text,title:i.title}),k.success(this.$t("suno.message.generateLyricsSuccess")))}catch{k.error(this.$t("suno.message.generateLyricsFailed"))}finally{this.generatingLyrics=!1}}}}),gt={class:"field"},vt={class:"flex items-center justify-between mb-1"},yt={class:"flex items-center"},kt={class:"text-sm font-bold"};function bt(e,t,r,i,f,p){const d=a("info-icon"),h=a("font-awesome-icon"),_=a("el-button"),$=a("el-input");return n(),u("div",gt,[s("div",vt,[s("div",yt,[s("span",kt,l(e.$t("suno.name.lyrics")),1),o(d,{content:e.$t("suno.description.lyrics")},null,8,["content"])]),e.config?.action!=="extend"?(n(),v(_,{key:0,size:"small",loading:e.generatingLyrics,round:"",onClick:e.onGenerateLyrics},{default:c(()=>[e.generatingLyrics?m("",!0):(n(),v(h,{key:0,icon:"fa-solid fa-wand-magic-sparkles",class:"mr-1"})),C(" "+l(e.$t("suno.button.generate_lyrics")),1)]),_:1},8,["loading","onClick"])):m("",!0)]),e.config?.action!=="extend"?(n(),v($,{key:0,modelValue:e.lyric,"onUpdate:modelValue":t[0]||(t[0]=b=>e.lyric=b),rows:5,type:"textarea",class:"lyrics",placeholder:e.$t("suno.placeholder.lyrics")},null,8,["modelValue","placeholder"])):(n(),v($,{key:1,modelValue:e.lyric,"onUpdate:modelValue":t[1]||(t[1]=b=>e.lyric=b),rows:5,type:"textarea",class:"lyrics",placeholder:e.$t("suno.placeholder.extend.lyrics")},null,8,["modelValue","placeholder"]))])}const wt=S($t,[["render",bt],["__scopeId","data-v-210d2670"]]),Ct=w({name:"StyleInput",components:{ElInput:M,ElButton:R,FontAwesomeIcon:z,InfoIcon:L},data(){return{optimizing:!1}},computed:{style:{get(){return this.$store.state.suno?.config?.style},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,style:e})}},credential(){return this.$store.state.suno?.credential}},methods:{async onOptimizeStyle(){const e=this.credential?.token;if(!(!e||!this.style)){this.optimizing=!0,k.info(this.$t("suno.message.optimizingStyle"));try{const t=await E.style({prompt:this.style},{token:e}),r=t.data?.text||t.data?.data?.text;r&&(this.style=r,k.success(this.$t("suno.message.optimizeStyleSuccess")))}catch{k.error(this.$t("suno.message.optimizeStyleFailed"))}finally{this.optimizing=!1}}}}}),Vt={class:"field"},St={class:"flex items-center justify-between mb-1"},At={class:"flex items-center"},Pt={class:"text-sm font-bold"};function Ut(e,t,r,i,f,p){const d=a("info-icon"),h=a("font-awesome-icon"),_=a("el-button"),$=a("el-input");return n(),u("div",Vt,[s("div",St,[s("div",At,[s("span",Pt,l(e.$t("suno.name.style")),1),o(d,{content:e.$t("suno.description.style")},null,8,["content"])]),o(_,{size:"small",loading:e.optimizing,round:"",onClick:e.onOptimizeStyle},{default:c(()=>[e.optimizing?m("",!0):(n(),v(h,{key:0,icon:"fa-solid fa-wand-magic-sparkles",class:"mr-1"})),C(" "+l(e.$t("suno.button.optimize_style")),1)]),_:1},8,["loading","onClick"])]),o($,{modelValue:e.style,"onUpdate:modelValue":t[0]||(t[0]=b=>e.style=b),rows:2,type:"textarea",placeholder:e.$t("suno.placeholder.style")},null,8,["modelValue","placeholder"])])}const Tt=S(Ct,[["render",Ut]]),Et=w({name:"TitleInput",components:{ElInput:M,InfoIcon:L},computed:{title:{get(){return this.$store.state.suno?.config?.title},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,title:e})}}}}),It={class:"field"},Lt={class:"flex items-center mb-1"},zt={class:"text-sm font-bold"};function Ft(e,t,r,i,f,p){const d=a("info-icon"),h=a("el-input");return n(),u("div",It,[s("div",Lt,[s("span",zt,l(e.$t("suno.name.title")),1),o(d,{content:e.$t("suno.description.title")},null,8,["content"])]),o(h,{modelValue:e.title,"onUpdate:modelValue":t[0]||(t[0]=_=>e.title=_),placeholder:e.$t("suno.placeholder.title")},null,8,["modelValue","placeholder"])])}const Gt=S(Et,[["render",Ft]]);function j(e){const t=Math.floor(e)%60;e=Math.floor(e/60);const r=e%60,i=r<10?`0${r}`:r,f=t<10?`0${t}`:t;return i+":"+f}const jt=w({name:"ExtendFromInput",components:{ElImage:W,ElIcon:X,ElInputNumber:ee,VideoPlay:Q,VideoPause:Z},data(){return{}},computed:{audio(){return this.$store.state.suno?.config?.audio},value:{get(){return this.$store.state.suno?.config?.continue_at},set(e){console.debug("set continue_at",e),this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)},methods:{handleChange(e){if(e===void 0){this.value=void 0;return}e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:j,onPlay(e){this.$store.dispatch("suno/setAudio",{...this.$store.state.suno.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("suno/setAudio",{...this.$store.state.suno.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.suno?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),Dt={class:"field"},Rt={class:"box"},Mt={class:"title font-bold"},Wt={class:"input-wrapper"},Nt={class:"task"},Ot={class:"left"},Bt={key:2,class:"duration"},qt={class:"info"},Ht={class:"title"},Xt={class:"style"};function Kt(e,t,r,i,f,p){const d=a("el-input-number"),h=a("el-image"),_=a("video-pause"),$=a("el-icon"),b=a("video-play"),P=K("loading");return n(),u("div",Dt,[s("div",Rt,[s("h2",Mt,l(e.$t("suno.name.extend")),1),s("div",Wt,[o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=y=>e.value=y),class:"value",min:0,max:e.audio?.duration,controls:!1,placeholder:e.$t("suno.placeholder.extend.continue_at"),onChange:e.handleChange},null,8,["modelValue","max","placeholder","onChange"])])]),s("div",Nt,[e.audio?(n(),u("div",{key:0,class:"audio",onClick:t[3]||(t[3]=y=>e.onClick(e.audio))},[N((n(),u("div",Ot,[o(h,{src:e.audio?.image_url,class:"cover",fit:"cover"},null,8,["src"]),e.audio?.audio_url&&e.$store.state?.suno?.audio?.id===e.audio.id&&e.$store.state?.suno?.audio?.state==="playing"?(n(),u("div",{key:0,class:"overlay",onClick:t[1]||(t[1]=y=>e.onPause(e.audio))},[o($,null,{default:c(()=>[o(_)]),_:1})])):m("",!0),e.audio?.audio_url&&(e.$store.state?.suno?.audio?.id!==e.audio.id||e.$store.state?.suno?.audio?.id===e.audio.id&&e.$store.state?.suno?.audio?.state==="paused")?(n(),u("div",{key:1,class:"overlay",onClick:t[2]||(t[2]=y=>e.onPlay(e.audio))},[o($,null,{default:c(()=>[o(b)]),_:1})])):m("",!0),e.audio?.duration?(n(),u("div",Bt,l(e.useFormatDuring(e.audio?.duration)),1)):m("",!0)])),[[P,!e.audio?.audio_url]]),s("div",qt,[s("h2",Ht,l(e.audio?.title),1),s("p",Xt,l(e.audio?.style),1)])])):m("",!0)])])}const Yt=S(jt,[["render",Kt],["__scopeId","data-v-bcce4821"]]),Zt=w({name:"CoverFromInput",components:{ElImage:W,ElIcon:X,VideoPlay:Q,VideoPause:Z},data(){return{}},computed:{audio(){return this.$store.state.suno?.config?.audio},value:{get(){return this.$store.state.suno?.config?.continue_at},set(e){console.debug("set continue_at",e),this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)},methods:{handleChange(e){e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:j,onPlay(e){this.$store.dispatch("suno/setAudio",{...this.$store.state.suno.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("suno/setAudio",{...this.$store.state.suno.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.suno?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),Qt={class:"field"},Jt={class:"box"},xt={class:"title font-bold"},es={class:"task"},ts={class:"left"},ss={key:2,class:"duration"},os={class:"info"},ns={class:"title"},is={class:"style"};function as(e,t,r,i,f,p){const d=a("el-image"),h=a("video-pause"),_=a("el-icon"),$=a("video-play"),b=K("loading");return n(),u("div",Qt,[s("div",Jt,[s("h2",xt,l(e.$t("suno.name.cover")),1)]),s("div",es,[e.audio?(n(),u("div",{key:0,class:"audio",onClick:t[2]||(t[2]=P=>e.onClick(e.audio))},[N((n(),u("div",ts,[o(d,{src:e.audio?.image_url,class:"cover",fit:"cover"},null,8,["src"]),e.audio?.audio_url&&e.$store.state?.suno?.audio?.id===e.audio.id&&e.$store.state?.suno?.audio?.state==="playing"?(n(),u("div",{key:0,class:"overlay",onClick:t[0]||(t[0]=P=>e.onPause(e.audio))},[o(_,null,{default:c(()=>[o(h)]),_:1})])):m("",!0),e.audio?.audio_url&&(e.$store.state?.suno?.audio?.id!==e.audio.id||e.$store.state?.suno?.audio?.id===e.audio.id&&e.$store.state?.suno?.audio?.state==="paused")?(n(),u("div",{key:1,class:"overlay",onClick:t[1]||(t[1]=P=>e.onPlay(e.audio))},[o(_,null,{default:c(()=>[o($)]),_:1})])):m("",!0),e.audio?.duration?(n(),u("div",ss,l(e.useFormatDuring(e.audio?.duration)),1)):m("",!0)])),[[b,!e.audio?.audio_url]]),s("div",os,[s("h2",ns,l(e.audio?.title),1),s("p",is,l(e.audio?.style),1)])])):m("",!0)])])}const ls=S(Zt,[["render",as],["__scopeId","data-v-06640216"]]),rs=w({name:"VocalGenderSelector",components:{ElRadioGroup:se,ElRadioButton:te,InfoIcon:L},computed:{vocalGender:{get(){return this.$store.state.suno?.config?.vocal_gender||""},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,vocal_gender:e||void 0})}}}}),cs={class:"mb-2"},us={class:"flex items-center mb-1"},ds={class:"text-sm font-bold"};function ps(e,t,r,i,f,p){const d=a("info-icon"),h=a("el-radio-button"),_=a("el-radio-group");return n(),u("div",cs,[s("div",us,[s("span",ds,l(e.$t("suno.name.vocalGender")),1),o(d,{content:e.$t("suno.description.vocalGender")},null,8,["content"])]),o(_,{modelValue:e.vocalGender,"onUpdate:modelValue":t[0]||(t[0]=$=>e.vocalGender=$),size:"small"},{default:c(()=>[o(h,{value:""},{default:c(()=>[C(l(e.$t("suno.gender.auto")),1)]),_:1}),o(h,{value:"f"},{default:c(()=>[C(l(e.$t("suno.gender.female")),1)]),_:1}),o(h,{value:"m"},{default:c(()=>[C(l(e.$t("suno.gender.male")),1)]),_:1})]),_:1},8,["modelValue"])])}const ms=S(rs,[["render",ps]]),fs=w({name:"AdvancedParams",components:{ElCollapse:_e,ElCollapseItem:he,ElInput:M,ElSlider:J,ElRadioGroup:se,ElRadioButton:te},data(){return{activeNames:[]}},computed:{config(){return this.$store.state.suno?.config},isV5OrAbove(){return(this.config?.model||"")==="chirp-v5"},styleNegative:{get(){return this.$store.state.suno?.config?.style_negative||""},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,style_negative:e||void 0})}},lyricPrompt:{get(){return this.$store.state.suno?.config?.lyric_prompt||""},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,lyric_prompt:e||void 0})}},weirdness:{get(){return this.$store.state.suno?.config?.weirdness??0},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,weirdness:e||void 0})}},styleInfluence:{get(){return this.$store.state.suno?.config?.style_influence??50},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,style_influence:e})}},variationCategory:{get(){return this.$store.state.suno?.config?.variation_category||""},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,variation_category:e||void 0})}},audioWeight:{get(){return this.$store.state.suno?.config?.audio_weight??50},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,audio_weight:e})}}}}),hs={key:0,class:"mb-3"},_s={class:"flex items-center mb-1"},$s={class:"text-xs font-bold"},gs={key:1,class:"mb-3"},vs={class:"flex items-center mb-1"},ys={class:"text-xs font-bold"},ks={key:2,class:"mb-3"},bs={class:"flex items-center justify-between mb-1"},ws={class:"text-xs font-bold"},Cs={class:"text-xs text-[var(--el-text-color-secondary)]"},Vs={key:3,class:"mb-3"},Ss={class:"flex items-center justify-between mb-1"},As={class:"text-xs font-bold"},Ps={class:"text-xs text-[var(--el-text-color-secondary)]"},Us={key:4,class:"mb-3"},Ts={class:"flex items-center mb-1"},Es={class:"text-xs font-bold"},Is={key:5,class:"mb-3"},Ls={class:"flex items-center justify-between mb-1"},zs={class:"text-xs font-bold"},Fs={class:"text-xs text-[var(--el-text-color-secondary)]"};function Gs(e,t,r,i,f,p){const d=a("el-input"),h=a("el-slider"),_=a("el-radio-button"),$=a("el-radio-group"),b=a("el-collapse-item"),P=a("el-collapse");return n(),v(P,{modelValue:e.activeNames,"onUpdate:modelValue":t[6]||(t[6]=y=>e.activeNames=y),class:"advanced-collapse"},{default:c(()=>[o(b,{title:e.$t("suno.name.advancedParams"),name:"advanced"},{default:c(()=>[e.config?.custom?(n(),u("div",hs,[s("div",_s,[s("span",$s,l(e.$t("suno.name.styleNegative")),1)]),o(d,{modelValue:e.styleNegative,"onUpdate:modelValue":t[0]||(t[0]=y=>e.styleNegative=y),size:"small",placeholder:e.$t("suno.placeholder.styleNegative")},null,8,["modelValue","placeholder"])])):m("",!0),e.config?.custom&&!e.config?.instrumental?(n(),u("div",gs,[s("div",vs,[s("span",ys,l(e.$t("suno.name.lyricPrompt")),1)]),o(d,{modelValue:e.lyricPrompt,"onUpdate:modelValue":t[1]||(t[1]=y=>e.lyricPrompt=y),size:"small",placeholder:e.$t("suno.placeholder.lyricPrompt")},null,8,["modelValue","placeholder"])])):m("",!0),e.config?.custom?(n(),u("div",ks,[s("div",bs,[s("span",ws,l(e.$t("suno.name.weirdness")),1),s("span",Cs,l(e.weirdness??0),1)]),o(h,{modelValue:e.weirdness,"onUpdate:modelValue":t[2]||(t[2]=y=>e.weirdness=y),min:0,max:100,step:1,size:"small"},null,8,["modelValue"])])):m("",!0),e.config?.custom?(n(),u("div",Vs,[s("div",Ss,[s("span",As,l(e.$t("suno.name.styleInfluence")),1),s("span",Ps,l(e.styleInfluence??50),1)]),o(h,{modelValue:e.styleInfluence,"onUpdate:modelValue":t[3]||(t[3]=y=>e.styleInfluence=y),min:0,max:100,step:1,size:"small"},null,8,["modelValue"])])):m("",!0),e.isV5OrAbove?(n(),u("div",Us,[s("div",Ts,[s("span",Es,l(e.$t("suno.name.variationCategory")),1)]),o($,{modelValue:e.variationCategory,"onUpdate:modelValue":t[4]||(t[4]=y=>e.variationCategory=y),size:"small"},{default:c(()=>[o(_,{value:""},{default:c(()=>[C(l(e.$t("suno.gender.auto")),1)]),_:1}),o(_,{value:"high"},{default:c(()=>[C(l(e.$t("suno.variation.high")),1)]),_:1}),o(_,{value:"low"},{default:c(()=>[C(l(e.$t("suno.variation.low")),1)]),_:1})]),_:1},8,["modelValue"])])):m("",!0),e.config?.action==="cover"?(n(),u("div",Is,[s("div",Ls,[s("span",zs,l(e.$t("suno.name.audioWeight")),1),s("span",Fs,l(e.audioWeight??50),1)]),o(h,{modelValue:e.audioWeight,"onUpdate:modelValue":t[5]||(t[5]=y=>e.audioWeight=y),min:0,max:100,step:1,size:"small"},null,8,["modelValue"])])):m("",!0)]),_:1},8,["title"])]),_:1},8,["modelValue"])}const js=S(fs,[["render",Gs],["__scopeId","data-v-2f7e6648"]]),Ds=w({name:"ReplaceSectionInput",components:{ElInputNumber:ee,ElImage:W,InfoIcon:L},computed:{audio(){return this.$store.state.suno?.config?.audio},replaceSectionStart:{get(){return this.$store.state.suno?.config?.replace_section_start},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,replace_section_start:e})}},replaceSectionEnd:{get(){return this.$store.state.suno?.config?.replace_section_end},set(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,replace_section_end:e})}}},methods:{onClick(e){this.$store.dispatch("suno/setAudio",{...this.$store.state.suno.audio,...e,state:"playing"})}}}),Rs={class:"field"},Ms={class:"flex items-center mb-2"},Ws={class:"text-sm font-bold m-0"},Ns={key:0,class:"task mb-2"},Os={class:"left relative w-[50px] h-[50px] mr-3 flex-shrink-0"},Bs={class:"info flex-1 min-w-0"},qs={class:"text-sm font-bold m-0 truncate"},Hs={class:"text-xs text-[var(--el-text-color-secondary)] m-0 truncate"},Xs={class:"flex gap-2"};function Ks(e,t,r,i,f,p){const d=a("info-icon"),h=a("el-image"),_=a("el-input-number"),$=K("loading");return n(),u("div",Rs,[s("div",Ms,[s("h2",Ws,l(e.$t("suno.name.replaceSection")),1),o(d,{content:e.$t("suno.description.replaceSection")},null,8,["content"])]),e.audio?(n(),u("div",Ns,[s("div",{class:"audio flex items-center",onClick:t[0]||(t[0]=b=>e.onClick(e.audio))},[N((n(),u("div",Os,[o(h,{src:e.audio?.image_url,class:"w-full h-full rounded",fit:"cover"},null,8,["src"])])),[[$,!e.audio?.audio_url]]),s("div",Bs,[s("h2",qs,l(e.audio?.title),1),s("p",Hs,l(e.audio?.style),1)])])])):m("",!0),s("div",Xs,[o(_,{modelValue:e.replaceSectionStart,"onUpdate:modelValue":t[1]||(t[1]=b=>e.replaceSectionStart=b),class:"flex-1",size:"small",min:0,max:e.audio?.duration,controls:!1,placeholder:e.$t("suno.placeholder.replaceSectionStart")},null,8,["modelValue","max","placeholder"]),o(_,{modelValue:e.replaceSectionEnd,"onUpdate:modelValue":t[2]||(t[2]=b=>e.replaceSectionEnd=b),class:"flex-1",size:"small",min:e.replaceSectionStart||0,max:e.audio?.duration,controls:!1,placeholder:e.$t("suno.placeholder.replaceSectionEnd")},null,8,["modelValue","min","max","placeholder"])])])}const Ys=S(Ds,[["render",Ks]]),Zs=w({name:"PresetPanel",components:{TypeSelector:tt,PromptInput:ht,LyricInput:wt,StyleInput:Tt,TitleInput:Gt,ExtendFromInput:Yt,CoverFromInput:ls,UploadAudio:rt,VocalGenderSelector:ms,AdvancedParams:js,ReplaceSectionInput:Ys,FontAwesomeIcon:z,ElButton:R,Consumption:Le},emits:["generate"],computed:{config(){return this.$store.state.suno?.config},consumption(){return Fe(this.config,this.service?.cost)},service(){return this.$store.state.suno?.service},supportsVocalGender(){const e=this.config?.model||"";return["chirp-v4-5-plus","chirp-v5"].includes(e)},generateButtonText(){const e=this.config?.action;return e==="extend"?this.$t("suno.button.extend"):e==="cover"?this.$t("suno.button.cover_music"):e==="remaster"?this.$t("suno.button.remaster"):e==="replace_section"?this.$t("suno.button.replace_section"):e==="mashup"?this.$t("suno.button.mashup"):e==="stems"?this.$t("suno.button.get_stems"):e==="concat"?this.$t("suno.button.concat_music"):this.$t("suno.button.generate")}},methods:{onGenerate(){this.$emit("generate")}}}),Qs={class:"flex flex-col h-full"},Js={class:"flex-1 overflow-y-auto p-[15px]"},xs={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function eo(e,t,r,i,f,p){const d=a("type-selector"),h=a("upload-audio"),_=a("prompt-input"),$=a("lyric-input"),b=a("style-input"),P=a("title-input"),y=a("vocal-gender-selector"),A=a("extend-from-input"),O=a("cover-from-input"),B=a("replace-section-input"),Y=a("advanced-params"),g=a("consumption"),V=a("font-awesome-icon"),oe=a("el-button");return n(),u("div",Qs,[s("div",Js,[o(d,{class:"mb-4"}),o(h,{class:"mb-4"}),e.config?.custom?m("",!0):(n(),v(_,{key:0,class:"mb-4"})),e.config?.custom&&!e.config.instrumental?(n(),v($,{key:1,class:"mb-4"})):m("",!0),e.config?.custom?(n(),v(b,{key:2,class:"mb-4"})):m("",!0),e.config?.custom?(n(),v(P,{key:3,class:"mb-4"})):m("",!0),e.config?.custom&&!e.config.instrumental&&e.supportsVocalGender?(n(),v(y,{key:4,class:"mb-4"})):m("",!0),e.config?.action==="extend"?(n(),v(A,{key:5,class:"mb-4"})):m("",!0),e.config?.action==="cover"?(n(),v(O,{key:6,class:"mb-4"})):m("",!0),e.config?.action==="replace_section"?(n(),v(B,{key:7,class:"mb-4"})):m("",!0),o(Y,{class:"mb-4"})]),s("div",xs,[o(g,{value:e.consumption,service:e.service},null,8,["value","service"]),o(oe,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[o(V,{icon:"fa-solid fa-magic",class:"mr-2"}),C(" "+l(e.generateButtonText),1)]),_:1},8,["onClick"])])])}const to=S(Zs,[["render",eo],["__scopeId","data-v-8201f79d"]]),so="https://webhook.acedata.cloud/suno",oo=w({name:"TaskPreview",components:{ElImage:W,ElIcon:X,ElTooltip:ye,FontAwesomeIcon:z,VideoPlay:Q,VideoPause:Z,ElDropdown:ve,ElDropdownMenu:ge,ElDropdownItem:$e,Loading:ne},props:{modelValue:{type:Object,required:!0}},data(){return{isFetchingVideoUrl:!1,isFetchingWav:!1,isFetchingMidi:!1}},computed:{loading(){return this.$store.state.suno?.status?.getApplications===F.Request},credential(){return this.$store.state.suno.credential},config(){return this.$store.state.suno.config},task(){return this.$store.state.suno?.tasks},audios(){const e=this.modelValue?.response?.data??[],t=this.modelValue?.request?.action;return t?e.map(r=>({...r,action:t})):e},application(){return this.$store.state.suno?.application},active(){return this.$store.state.suno?.tasks?.active}},methods:{useFormatDuring:j,onPlay(e){this.$store.dispatch("suno/setAudio",{...this.$store.state.suno.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("suno/setAudio",{...this.$store.state.suno.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.suno?.audio?.id!==e.id&&this.onPlay({...e,progress:0})},onExtend(e,t){e.stopPropagation(),console.log("on extend"),console.debug("set config",t),this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,model:t.model,custom:!0,instrumental:!1,style:t.style,action:"extend",audio:t,audio_id:t.id,continue_at:t.duration})},onDownload(e,t){e&&e.stopPropagation(),console.log("on download",t);const i=new URL(t).pathname,f=i.substring(i.lastIndexOf("/")+1);console.log("on preview",f),fetch(t).then(p=>p.blob()).then(p=>{ie.saveAs(p,f)})},async handleVideoDownload(e){if(e.video_url){this.onDownload(null,e.video_url);return}if(!this.isFetchingVideoUrl)try{this.isFetchingVideoUrl=!0;const t=await this.fetchVideoUrlFromApi(e?.id);console.log(`get videoUrl: ${t}`),e.video_url=t,this.onDownload(null,t)}catch(t){console.error("get videoUrl failed:",t),k.error(this.$t("suno.message.getVideoUrlFailed"))}finally{this.isFetchingVideoUrl=!1}},async fetchVideoUrlFromApi(e){return new Promise((t,r)=>{const i={audio_id:e},f=this.credential?.token;if(!f){console.error("no token specified"),r(new Error("No token specified"));return}E.mp4(i,{token:f}).then(p=>{const d=p.data?.data?.video_url;d?t(d):r(new Error("Video URL not found in response"))}).catch(p=>{r(p)})})},onPreview(e,t){e.stopPropagation(),console.log("on preview",t),window.open(t,"_blank")},async onGetStems(e){await this.onGenerateAudioUrl("stems",e)},onCover(e){console.log("on cover"),console.debug("set config",e),this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,model:e.model,custom:!0,instrumental:!1,style:e.style,action:"cover",audio:e,audio_id:e.id})},async onConcatMusic(e){await this.onGenerateAudioUrl("concat",e)},async onRemaster(e){await this.onGenerateAudioUrl("remaster",e)},async onGetAllStems(e){await this.onGenerateAudioUrl("all_stems",e)},onReplaceSection(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,model:e.model,custom:!0,instrumental:!1,style:e.style,action:"replace_section",audio:e,audio_id:e.id,replace_section_start:0,replace_section_end:Math.min(30,e.duration||30)})},onMashup(e){this.$store.commit("suno/setConfig",{...this.$store.state.suno?.config,model:e.model,custom:!0,style:e.style,action:"mashup",audio:e,audio_id:e.id,mashup_audio_ids:[e.id]})},async handleWavDownload(e){if(!e?.id||this.isFetchingWav)return;const t=this.credential?.token;if(t)try{this.isFetchingWav=!0,k.info(this.$t("suno.message.fetchingWav"));const i=(await E.wav({audio_id:e.id},{token:t})).data?.data?.audio_url;i?this.onDownload(null,i):k.error(this.$t("suno.message.fetchWavFailed"))}catch{k.error(this.$t("suno.message.fetchWavFailed"))}finally{this.isFetchingWav=!1}},async handleMidiDownload(e){if(!e?.id||this.isFetchingMidi)return;const t=this.credential?.token;if(t)try{this.isFetchingMidi=!0,k.info(this.$t("suno.message.fetchingMidi"));const i=(await E.midi({audio_id:e.id},{token:t})).data?.data?.midi_url;i?this.onDownload(null,i):k.error(this.$t("suno.message.fetchMidiFailed"))}catch{k.error(this.$t("suno.message.fetchMidiFailed"))}finally{this.isFetchingMidi=!1}},async onGenerateAudioUrl(e,t){const r={action:e,audio_id:t,callback_url:so},i=this.credential?.token;if(!i){console.error("no token specified");return}k.info(this.$t("suno.message.startingTask")),E.audio(r,{token:i}).then(()=>{k.success(this.$t("suno.message.startTaskSuccess"))}).catch(f=>{k.error(f?.response?.data?.error?.message||this.$t("suno.message.startTaskFailed"))}).finally(async()=>{await this.onGetTasks(),await this.onScrollDown()})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(){if(this.loading){console.debug("loading");return}await this.$store.dispatch("suno/getTasks",{limit:30,offset:0})}}}),no={class:"task"},io=["onClick"],ao={class:"left"},lo=["onClick"],ro=["onClick"],co={key:2,class:"duration"},uo={class:"info"},po={class:"title"},mo={class:"style"},fo={class:"right"},ho={class:"el-dropdown-link"},_o={class:"flex items-center min-w-[120px]"},$o={class:"flex items-center min-w-[120px]"},go={class:"flex items-center min-w-[120px]"},vo={class:"el-dropdown-link"};function yo(e,t,r,i,f,p){const d=a("el-image"),h=a("video-pause"),_=a("el-icon"),$=a("video-play"),b=a("font-awesome-icon"),P=a("el-tooltip"),y=a("Loading"),A=a("el-dropdown-item"),O=a("el-dropdown-menu"),B=a("el-dropdown"),Y=K("loading");return n(),u("div",no,[(n(!0),u(G,null,H(e.audios,g=>(n(),u("div",{key:g.id,class:"audio",onClick:U(V=>e.onClick(g),["stop"])},[N((n(),u("div",ao,[o(d,{src:g?.image_url,class:"cover",fit:"cover",lazy:""},null,8,["src"]),g?.audio_url&&e.$store.state?.suno?.audio?.id===g.id&&e.$store.state?.suno?.audio?.state==="playing"?(n(),u("div",{key:0,class:"overlay",onClick:U(V=>e.onPause(g),["stop"])},[o(_,null,{default:c(()=>[o(h)]),_:1})],8,lo)):m("",!0),g?.audio_url&&(e.$store.state?.suno?.audio?.id!==g.id||e.$store.state?.suno?.audio?.id===g.id&&e.$store.state?.suno?.audio?.state==="paused")?(n(),u("div",{key:1,class:"overlay",onClick:U(V=>e.onPlay(g),["stop"])},[o(_,null,{default:c(()=>[o($)]),_:1})],8,ro)):m("",!0),g?.duration?(n(),u("div",co,l(e.useFormatDuring(g?.duration)),1)):m("",!0)])),[[Y,!g?.audio_url]]),s("div",uo,[s("h2",po,l(g?.title),1),s("p",mo,l(g?.style),1)]),s("div",fo,[o(B,null,{dropdown:c(()=>[o(O,null,{default:c(()=>[o(A,{disabled:e.isFetchingVideoUrl,onClick:V=>e.handleVideoDownload(g)},{default:c(()=>[s("div",_o,[e.isFetchingVideoUrl?(n(),v(_,{key:0,class:"is-loading mr-2"},{default:c(()=>[o(y)]),_:1})):m("",!0),s("span",null,l(e.$t("suno.button.download_video")),1)])]),_:2},1032,["disabled","onClick"]),g?.audio_url?(n(),v(A,{key:0,onClick:U(V=>e.onDownload(V,g?.audio_url),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.download_audio")),1)]),_:2},1032,["onClick"])):m("",!0),o(A,{disabled:e.isFetchingWav,onClick:V=>e.handleWavDownload(g)},{default:c(()=>[s("div",$o,[e.isFetchingWav?(n(),v(_,{key:0,class:"is-loading mr-2"},{default:c(()=>[o(y)]),_:1})):m("",!0),s("span",null,l(e.$t("suno.button.download_wav")),1)])]),_:2},1032,["disabled","onClick"]),o(A,{disabled:e.isFetchingMidi,onClick:V=>e.handleMidiDownload(g)},{default:c(()=>[s("div",go,[e.isFetchingMidi?(n(),v(_,{key:0,class:"is-loading mr-2"},{default:c(()=>[o(y)]),_:1})):m("",!0),s("span",null,l(e.$t("suno.button.download_midi")),1)])]),_:2},1032,["disabled","onClick"])]),_:2},1024)]),default:c(()=>[s("span",ho,[o(P,{effect:"dark",content:e.$t("suno.button.download"),placement:"top"},{default:c(()=>[g?.audio_url||g?.video_url?(n(),v(b,{key:0,icon:"fa-solid fa-download",class:"icon icon-download"})):m("",!0)]),_:2},1032,["content"])])]),_:2},1024),o(B,null,{dropdown:c(()=>[o(O,null,{default:c(()=>[g?.audio_url?(n(),v(A,{key:0,onClick:U(V=>e.onExtend(V,g),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.extend")),1)]),_:2},1032,["onClick"])):m("",!0),g.id?(n(),v(A,{key:1,onClick:U(V=>e.onGetStems(g.id),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.get_stems")),1)]),_:2},1032,["onClick"])):m("",!0),g.id?(n(),v(A,{key:2,onClick:U(V=>e.onGetAllStems(g.id),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.all_stems")),1)]),_:2},1032,["onClick"])):m("",!0),o(A,{onClick:U(V=>e.onCover(g),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.cover_music")),1)]),_:2},1032,["onClick"]),g?.id?(n(),v(A,{key:3,onClick:U(V=>e.onRemaster(g.id),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.remaster")),1)]),_:2},1032,["onClick"])):m("",!0),g?.id?(n(),v(A,{key:4,onClick:U(V=>e.onReplaceSection(g),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.replace_section")),1)]),_:2},1032,["onClick"])):m("",!0),g?.id?(n(),v(A,{key:5,onClick:U(V=>e.onMashup(g),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.mashup")),1)]),_:2},1032,["onClick"])):m("",!0),g?.id&&g?.action==="extend"?(n(),v(A,{key:6,onClick:U(V=>e.onConcatMusic(g?.id),["stop"])},{default:c(()=>[C(l(e.$t("suno.button.concat_music")),1)]),_:2},1032,["onClick"])):m("",!0)]),_:2},1024)]),default:c(()=>[s("span",vo,[o(P,{effect:"dark",content:e.$t("suno.button.more"),placement:"top"},{default:c(()=>[g?.audio_url||g?.video_url?(n(),v(b,{key:0,icon:"fa-solid fa-ellipsis",class:"icon icon-ellipsis"})):m("",!0)]),_:2},1032,["content"])])]),_:2},1024)])],8,io))),128))])}const ko=S(oo,[["render",yo]]),bo={class:"player-slider"},wo=w({__name:"PlayerSlider",setup(e){const t=D(),r=I({get:()=>t.state.suno?.audio?.progress,set:d=>t.commit("suno/setAudio",{...t.state.suno.audio,progress:d})}),i=I({get:()=>t.state.suno?.audio?.duration,set:d=>t.commit("suno/setAudio",{...t.state.suno.audio,duration:d})}),f=()=>{},p=d=>t.dispatch("suno/setAudio",{...t.state.suno.audio,progress:d});return(d,h)=>(n(),u("div",bo,[o(T(J),{modelValue:r.value,"onUpdate:modelValue":h[0]||(h[0]=_=>r.value=_),"show-tooltip":!1,min:0,max:i.value,onChange:p,onInput:f},null,8,["modelValue","max"])]))}}),Co="/assets/disk-XFRmVAfp.png",Vo={class:"flex player-song"},So=["src"],Ao={class:"ml-2 text-xs flex flex-col justify-between"},Po={class:"w-52 2xl:w-96 cursor-pointer truncate"},Uo={class:"flex"},To={class:"ml-2 text-dc"},Eo=w({__name:"PlayerSong",setup(e){const t=D(),r=I({get:()=>t.state.suno.audio,set:i=>t.commit("suno/setAudio",i)});return Ve(r,(i,f)=>{if(i?.audio_url!==f?.audio_url){console.log("audio changed",i),i.object&&(console.log("111",i.object),i.object.pause(),delete i.object);const p=new Audio(i.audio_url);i.state==="playing"?p.play():p.pause(),p.addEventListener("loadedmetadata",()=>{p.currentTime=0,p.addEventListener("timeupdate",()=>{t.commit("suno/setAudio",{...t.state.suno.audio,progress:p.currentTime})})}),t.commit("suno/setAudio",{...t.state.suno.audio,object:p})}else if(i?.progress!==f?.progress&&Math.abs(i.progress-i.object.currentTime)>2){console.log("progress changed",i.progress);const p=t.state.suno.audio;p.object&&(p.object.currentTime=p.progress)}else i?.state!==f?.state&&(console.log("state changed",i.state),i.object&&(i.state==="playing"?i.object.play():i.object.pause()));i?.volume!==f?.volume&&(console.log("volume changed",i.volume),i.object&&(i.object.volume=i.volume/100))}),(i,f)=>(n(),u("div",Vo,[s("img",{alt:"",class:"w-11 h-11 rounded",src:r.value?.image_url||T(Co)},null,8,So),s("div",Ao,[s("div",Po,[s("div",Uo,[s("span",null,l(r.value?.title||"Music"),1),s("span",To,"- "+l(r.value?.style||"SmallRuralDog"),1)])])])]))}}),Io={class:"flex justify-end items-center gap-x-2.5"},Lo={class:"text-xs"},zo=w({__name:"PlayerAction",setup(e){const t=D(),r=I({get:()=>t.state.suno?.audio?.progress,set:f=>t.commit("suno/setAudio",{...t.state.suno.audio,progress:f})}),i=I({get:()=>t.state.suno?.audio?.duration,set:f=>t.commit("suno/setAudio",{...t.state.suno.audio,duration:f})});return(f,p)=>(n(),u("div",Io,[s("span",Lo,l(T(j)(r.value))+" / "+l(T(j)(i.value)),1)]))}}),x=w({__name:"IconPark",props:{icon:{},theme:{},size:{},spin:{type:Boolean},fill:{},strokeLinecap:{},strokeLinejoin:{},strokeWidth:{}},setup(e){return(t,r)=>(n(),v(Se(t.icon),{theme:t.theme,size:t.size,spin:t.spin,fill:t.fill,"stroke-linecap":t.strokeLinecap,"stroke-linejoin":t.strokeLinejoin,"stroke-width":t.strokeWidth},null,8,["theme","size","spin","fill","stroke-linecap","stroke-linejoin","stroke-width"]))}}),Fo={class:"player-volume flex flex-col items-center pt-2"},Go={class:"text-sm mt-3"},jo=w({__name:"PlayerVolumeSlider",setup(e){const t=D(),r=I({get:()=>t.state.suno.audio?.volume,set:p=>t.commit("suno/setAudio",{...t.state.suno.audio,volume:p})}),i=I({get:()=>t.state.suno.audio?.muted,set:p=>t.commit("suno/setAudio",{...t.state.suno.audio,muted:p})}),f=p=>t.dispatch("suno/setVolume",p);return(p,d)=>(n(),u("div",Fo,[o(T(J),{modelValue:r.value,"onUpdate:modelValue":d[0]||(d[0]=h=>r.value=h),vertical:"",height:"100px","show-tooltip":!1,max:100,min:0,size:"small",disabled:i.value,onInput:f},null,8,["modelValue","disabled"]),s("div",Go,l(r.value),1)]))}}),Do={class:"flex items-center justify-center gap-x-3"},Ro=w({__name:"PlayerController",setup(e){const t=D(),r=()=>t.dispatch("suno/setAudio",{...t.state.suno.audio,state:t.state.suno.audio.state==="playing"?"paused":"playing"}),i=I(()=>t.state.suno.audio);return(f,p)=>(n(),u("div",Do,[o(x,{icon:i.value?.state==="playing"?T(ae):T(le),size:"45",theme:"filled",class:"text-[var(--el-color-primary)] cursor-pointer",onClick:r},null,8,["icon"]),o(T(ke),{placement:"top",width:"50px",trigger:"click"},{reference:c(()=>[o(x,{icon:T(re),size:"20","stroke-width":2,class:"cursor-pointer"},null,8,["icon"])]),default:c(()=>[o(jo)]),_:1})]))}}),Mo={class:"flex flex-col items-stretch h-20"},Wo={class:"flex grow px-5 items-center"},No={class:"flex-1"},Oo={class:"flex-1"},Bo={class:"flex-1"},qo=w({__name:"Player",setup(e){return(t,r)=>(n(),u("div",Mo,[o(wo),s("div",Wo,[s("div",No,[o(Eo)]),s("div",Oo,[o(Ro)]),s("div",Bo,[o(zo)])])]))}}),Ho=w({name:"RecentPanel",components:{ElSkeletonItem:we,ElSkeleton:be,TaskPreview:ko,Player:qo,NoTasks:ze,ScrollList:Ie},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.suno?.tasks,items:this.$store.state.suno?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Xo={key:0,class:"tasks"},Ko={class:"left w-[70px] p-[10px] flex items-center"},Yo={class:"main w-[calc(100%-70px)] flex-1 p-[10px]"},Zo={key:2,class:"w-full flex-1 flex items-center justify-center"},Qo={class:"h-20"};function Jo(e,t,r,i,f,p){const d=a("el-skeleton-item"),h=a("el-skeleton"),_=a("task-preview"),$=a("scroll-list"),b=a("no-tasks"),P=a("player");return n(),u(G,null,[e.tasks?.items===void 0?(n(),u("div",Xo,[(n(),u(G,null,H(3,y=>s("div",{key:y,class:"flex"},[s("div",Ko,[o(h,{animated:""},{template:c(()=>[o(d,{variant:"image",class:"avatar w-[50px] h-[50px]"})]),_:1})]),s("div",Yo,[o(h,{animated:""},{template:c(()=>[o(d,{variant:"p",class:"w-[200px] h-[15px] mb-[5px] mt-[10px]"}),o(d,{variant:"text"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),v($,{key:1,ref:"scrollList",class:"flex-1 w-full overflow-y-auto tasks p-2",loading:e.loading,onReachTop:t[0]||(t[0]=y=>e.$emit("reach-top"))},{default:c(()=>[(n(!0),u(G,null,H(e.tasks?.items,(y,A)=>(n(),v(_,{key:A,"model-value":y,class:"preview"},null,8,["model-value"]))),128))]),_:1},8,["loading"])):m("",!0),e.tasks?.items?.length===0?(n(),u("div",Zo,[o(b)])):m("",!0),N(s("div",Qo,[o(P)],512),[[Ae,!!e.$store?.state?.suno?.audio?.object]])],64)}const xo=S(Ho,[["render",Jo]]),en=w({name:"TaskPreview",components:{IconPicture:ce,ElImage:W,ElAvatar:Ce,ElIcon:X},computed:{audio(){return this.$store.state.suno?.audio}}}),tn={key:0,class:"size-full overflow-hidden"},sn={class:"relative h-[300px]"},on={class:"flex items-center justify-center size-full bg-[var(--el-bg-color)]"},nn={class:"absolute bottom-0 left-0 right-0 m-0 p-4 text-white z-10 bg-gradient-to-t from-black/70 to-transparent"},an={class:"p-4"},ln={class:"flex items-center font-bold mb-2"},rn={class:"text-[var(--el-text-color-regular)] mb-2"},cn={class:"text-xs text-[var(--el-text-color-regular)]"},un={class:"mt-4 text-sm leading-[25px] whitespace-pre-wrap"},dn={key:1,class:"w-full h-full"};function pn(e,t,r,i,f,p){const d=a("icon-picture"),h=a("el-icon"),_=a("el-image"),$=a("el-avatar");return e.audio?.object?(n(),u("div",tn,[s("div",sn,[o(_,{src:e.audio.image_url,fit:"cover",class:"size-full"},{error:c(()=>[s("div",on,[o(h,{class:"text-3xl"},{default:c(()=>[o(d)]),_:1})])]),_:1},8,["src"]),s("h2",nn,l(e.audio?.title),1)]),s("div",an,[s("div",ln,[o($,{size:30,src:e.audio?.image_url,class:"mr-2"},null,8,["src"]),s("span",null,l(e.audio?.title),1)]),s("p",rn,l(e.audio?.style),1),s("p",cn,l(e.$dayjs.format(e.audio?.created_at)),1),s("div",un,[s("p",null,l(e.audio?.lyric),1)])])])):(n(),u("div",dn))}const mn=S(en,[["render",pn]]),fn="https://webhook.acedata.cloud/suno",hn=w({name:"SunoIndex",components:{Layout:Oe,ConfigPanel:to,RecentPanel:xo,PreviewPanel:mn},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.suno?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.suno?.status?.getTasks===F.Request||this.fetchingTasks},service(){return this.$store.state.suno.service},credential(){return this.$store.state.suno.credential},config(){return this.$store.state.suno.config},initializing(){return this.$store.state.suno.status.getApplications===F.Request},needApply(){return this.$store.state.suno.status.getApplications===F.Success&&!this.application},application(){return this.$store.state.suno.application},tasks(){return this.$store.state.suno.tasks},applications(){return this.$store.state.suno.applications}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Ge({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("suno/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("suno/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){Te.create({application:this.application}).then(({data:e})=>{this.application=e,k.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===Ee&&k.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:r,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",r,"createdAtMax",i),this.fetchingTasks=!0;try{await this.$store.dispatch("suno/getTasks",{limit:t,createdAtMin:r,createdAtMax:i})}finally{this.fetchingTasks=!1}},async onGenerateAudio(){const e={...this.config,callback_url:fn},t=this.credential?.token;if(!t){console.error("no token specified");return}k.info(this.$t("suno.message.startingTask")),E.audio(e,{token:t}).then(()=>{k.success(this.$t("suno.message.startTaskSuccess"))}).catch(r=>{k.error(r?.response?.data?.error?.message||this.$t("suno.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function _n(e,t,r,i,f,p){const d=a("config-panel"),h=a("recent-panel"),_=a("preview-panel"),$=a("layout");return n(),v($,null,{config:c(()=>[o(d,{onGenerate:e.onGenerateAudio},null,8,["onGenerate"])]),result:c(()=>[o(h,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),preview:c(()=>[o(_)]),_:1})}const Un=S(hn,[["render",_n],["__scopeId","data-v-d1296b1a"]]);export{Un as default};

package/dist/assets/Index-D0HSsKHV.css

@@ -0,0 +1 @@
+.menu[data-v-76cffc89]{display:none}@media (max-width: 767px){.config[data-v-76cffc89]{display:none}.result[data-v-76cffc89]{width:100%}.menu[data-v-76cffc89]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.field[data-v-e8f337ca]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-e8f337ca]{font-size:14px;margin:0;width:30%}.field .value[data-v-e8f337ca]{width:80px}.field[data-v-64aeaae9]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-64aeaae9]{font-size:14px;margin:0;width:30%}.field .value[data-v-64aeaae9]{width:80px}.field[data-v-94237408]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-94237408]{font-size:14px;margin:0;width:30%}.field .value[data-v-94237408]{width:80px}.field[data-v-64e17b3c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-64e17b3c]{font-size:14px;margin:0;width:30%}.field .value[data-v-64e17b3c]{width:120px}.field[data-v-065c77ef]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-065c77ef]{font-size:14px;margin:0;width:30%}.field .value[data-v-065c77ef]{width:80px}.title[data-v-86493315]{font-size:14px;margin-bottom:10px}.items[data-v-86493315]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.items .item[data-v-86493315]{width:48px;height:65px;border:1px solid transparent;background-color:var(--el-fill-color-lighter);display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:var(--el-border-radius-base);transition:background-color .2s ease,border-color .2s ease}.items .item .preview[data-v-86493315]{margin-top:5px;margin-bottom:3px;width:30px;height:30px;display:flex;flex-direction:row;align-items:center;justify-content:center}.items .item .preview .rect[data-v-86493315]{border:1px solid var(--el-border-color-lighter);width:20px;height:20px;border-radius:2px}.items .item .name[data-v-86493315]{display:block;font-size:12px;color:var(--el-text-color-primary)}.items .item[data-v-86493315]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-86493315]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-86493315]{border-color:var(--el-color-primary)}.title[data-v-666104e4]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-666104e4]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.field .box[data-v-2f675ca4]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-2f675ca4]{font-size:14px;margin-bottom:10px}.field .info[data-v-2f675ca4]{margin-left:auto}.preview[data-v-e9fd23d5]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-e9fd23d5]{width:70px}.preview .left .avatar[data-v-e9fd23d5]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-e9fd23d5]{flex:1;width:calc(100% - 70px);padding:10px 10px 0}.preview .main .bot[data-v-e9fd23d5]{font-size:16px;font-weight:700;color:#2ecc71;margin-bottom:0;margin-top:0}.preview .main .bot .datetime[data-v-e9fd23d5]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info .prompt[data-v-e9fd23d5]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px}.preview .main .content[data-v-e9fd23d5]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-e9fd23d5]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-e9fd23d5]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-e9fd23d5]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-e9fd23d5]{border-color:var(--el-color-info)}.preview .main .operations[data-v-e9fd23d5]{display:flex;justify-content:left;flex-direction:row;width:100%;align-items:baseline;flex-wrap:wrap;overflow:hidden;text-align:center;color:var(--el-text-color-regular);font-size:14px;overflow-y:scroll}.preview .main .operations.full[data-v-e9fd23d5]{height:70px}.preview .main .operations .btn-action[data-v-e9fd23d5]{margin-bottom:10px}

package/dist/assets/Index-D1QgA58M.css

@@ -0,0 +1 @@
+.menu[data-v-6b03c7c5]{display:none}@media (max-width: 767px){.config[data-v-6b03c7c5]{display:none}.result[data-v-6b03c7c5]{width:100%}.menu[data-v-6b03c7c5]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.field[data-v-0cb7913d]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-0cb7913d]{font-size:14px;margin:0;width:30%}.field .value[data-v-0cb7913d]{width:120px}.field[data-v-7b82fa7f]{display:flex;flex-direction:row;align-items:center}.field .title[data-v-7b82fa7f]{font-size:14px;margin:0;width:30%}.field .value[data-v-7b82fa7f]{flex:1}.field[data-v-c2934598]{display:flex;flex-direction:column}.control[data-v-c2934598]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.title[data-v-c2934598]{font-size:14px;margin:0;width:30%}.value[data-v-c2934598]{width:120px}.title[data-v-4d6b01c6]{font-size:14px;margin-bottom:10px}.items[data-v-4d6b01c6]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.items .item[data-v-4d6b01c6]{width:48px;height:65px;border:1px solid transparent;background-color:var(--el-fill-color-lighter);display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:var(--el-border-radius-base);transition:background-color .2s ease,border-color .2s ease}.items .item .preview[data-v-4d6b01c6]{margin-top:5px;margin-bottom:3px;width:30px;height:30px;display:flex;flex-direction:row;align-items:center;justify-content:center}.items .item .preview .rect[data-v-4d6b01c6]{border:1px solid var(--el-border-color-lighter);width:20px;height:20px;border-radius:2px}.items .item .name[data-v-4d6b01c6]{display:block;font-size:12px;color:var(--el-text-color-primary)}.items .item[data-v-4d6b01c6]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-4d6b01c6]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-4d6b01c6]{border-color:var(--el-color-primary)}.title[data-v-fd6e5c97]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-fd6e5c97]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.field[data-v-8c485f0f]{display:flex;flex-direction:column}.control[data-v-8c485f0f]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.title[data-v-8c485f0f]{font-size:14px;margin:0;width:30%}.value[data-v-8c485f0f]{width:120px}.field .box[data-v-a57633d5]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-a57633d5]{font-size:14px;margin-bottom:10px}.field .info[data-v-a57633d5]{margin-left:auto}.preview[data-v-d1c069c2]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-d1c069c2]{width:70px}.preview .left .avatar[data-v-d1c069c2]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-d1c069c2]{flex:1;width:calc(100% - 70px);padding:10px 10px 0}.preview .main .bot[data-v-d1c069c2]{font-size:16px;font-weight:700;color:#2ecc71;margin-bottom:0;margin-top:0}.preview .main .bot .datetime[data-v-d1c069c2]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info .prompt[data-v-d1c069c2]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px}.preview .main .content[data-v-d1c069c2]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-d1c069c2]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-d1c069c2]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-d1c069c2]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-d1c069c2]{border-color:var(--el-color-info)}.preview .main .operations[data-v-d1c069c2]{display:flex;justify-content:left;flex-direction:row;width:100%;align-items:baseline;flex-wrap:wrap;overflow:hidden;text-align:center;color:var(--el-text-color-regular);font-size:14px;overflow-y:scroll}.preview .main .operations.full[data-v-d1c069c2]{height:70px}.preview .main .operations .btn-action[data-v-d1c069c2]{margin-bottom:10px}

package/dist/assets/Index-D4VINF4l.js

@@ -0,0 +1 @@
+import{C as I}from"./CopyToClipboard-C_hpGFI6.js";import{aQ as E,aR as T,aS as F,_ as N}from"./index-BceQaAb7.js";import{d as P,a as $,s as B}from"./distribution-dxlLtIkZ.js";import{ae as O,bH as q}from"./vendor-B4-12K57.js";import{g as M}from"./price-DtWUJRlS.js";import{H as R,u as z,w as H,o as U,t as V,n as A,k as Q,x as G,y as W,P as Y}from"./vendor-element-plus-C2t7-rNg.js";import{d as Z,R as r,S as o,l as i,am as a,a as e,Z as s,c as p,Y as _,W as k,o as n}from"./vendor-vue-BzRnDgD5.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-nHemWFue.js";import"./vendor-dayjs-D6Igi227.js";import"./vendor-katex-DHBGsivc.js";const j=Z({name:"ConsoleDistributionList",components:{CopyToClipboard:I,FontAwesomeIcon:q,QrCode:O,ElProgress:Y,ElRow:W,ElCol:G,ElButton:Q,ElDivider:A,ElCard:V,ElTooltip:U,ElTable:H,ElTableColumn:z,ElSkeleton:R},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")},qrColor(){const t=document.documentElement.classList.contains("dark");return{dark:t?"#ffffff":"#000000",light:t?"#1e1e1e":"#ffffff"}},distributionLevelMap(){let t={};return this.distributionLevels.forEach(l=>{t[l.level]=l}),t}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:M,goHistory(){this.$router.push({name:F})},goInvitees(){this.$router.push({name:T})},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},getPercentageForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,l=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-t)/(l-t)*100)},getDeltaForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(t-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await $.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){const l=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{const v=(await B.create(l))?.data?.data?.url;this.distributionLink=(v||l).replace("surl.id","share.acedata.cloud")}catch{this.distributionLink=l}},async onFetchDistributionStatus(){const{data:t}=await $.getAll({user_id:this.$store.getters.user.id});t.items&&t.items.length>0&&(this.distributionStatus=t.items[0])},async onFetchDistributionLevels(){const{data:t}=await P.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=t.items},async onFetchInvitees(){const{data:t}=await E.getInvitees({});this.invitees=t.items,this.inviteesCount=t.count}}}),J={class:"title"},K={key:1},X={class:"icon-wrapper"},x={class:"text-left"},tt={class:"description"},et={class:"value"},it={key:1},st={class:"icon-wrapper"},ot={class:"text-left"},nt={class:"description"},at={class:"value"},lt={key:1},rt={class:"icon-wrapper"},dt={class:"text-left"},ct={class:"description"},ut={class:"value"},pt={key:1},ht={class:"icon-wrapper"},_t={class:"text-left"},mt={class:"description"},bt={class:"value"},vt={key:1},ft={class:"title"},gt={class:"clear-both overflow-hidden"},kt={class:"float-left description"},wt={class:"float-right description"},yt={class:"description"},$t={class:"level"},Lt={class:"level"},St={class:"level"},Ct={key:1},Dt={class:"title"},It={class:"link-wrapper text-center"},Et=["href"],Tt={class:"qr-wrapper ml-auto mr-auto"},Ft={class:"mt-0"},Nt={class:"description"},Pt={class:"more"};function Bt(t,l,v,Ot,qt,Mt){const d=a("el-col"),m=a("el-row"),c=a("el-skeleton"),b=a("font-awesome-icon"),f=a("el-button"),u=a("el-card"),w=a("el-tooltip"),L=a("el-progress"),y=a("el-divider"),g=a("el-table-column"),S=a("el-table"),C=a("copy-to-clipboard"),D=a("qr-code");return n(),r(m,{class:"panel"},{default:o(()=>[i(d,{span:24},{default:o(()=>[i(m,null,{default:o(()=>[i(d,{span:24},{default:o(()=>[e("h2",J,s(t.$t("common.title.distribution")),1)]),_:1})]),_:1}),i(m,{gutter:15},{default:o(()=>[i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",K,[e("div",X,[i(b,{icon:"fa-solid fa-wallet",class:"icon"})]),e("div",x,[e("p",tt,s(t.$t("distribution.title.price")),1),e("p",et,s(t.getPriceString({value:t.distributionStatus?.price})),1)]),i(f,{type:"primary",round:"",size:"small",class:"btn",onClick:t.goHistory},{default:o(()=>[_(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",it,[e("div",st,[i(b,{icon:"fa-solid fa-coins",class:"icon"})]),e("div",ot,[e("p",nt,s(t.$t("distribution.title.reward")),1),e("p",at,s(t.getPriceString({value:t.distributionStatus?.reward})),1)]),i(w,{effect:"dark",content:t.$t("distribution.message.developingWithDrawal"),placement:"top"},{default:o(()=>[i(f,{type:"primary",round:"",size:"small",class:"btn"},{default:o(()=>[_(s(t.$t("distribution.button.withdrawal")),1)]),_:1})]),_:1},8,["content"])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",lt,[e("div",rt,[i(b,{icon:"fa-solid fa-percent",class:"icon"})]),e("div",dt,[e("p",ct,s(t.$t("distribution.title.percentage")),1),e("p",ut,s(t.distributionStatus?.level?.percentage)+"%",1)])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",pt,[e("div",ht,[i(b,{icon:"fa-regular fa-user",class:"icon"})]),e("div",_t,[e("p",mt,s(t.$t("distribution.title.inviteesCount")),1),e("p",bt,s(t.inviteesCount),1)]),i(f,{type:"primary",round:"",size:"small",class:"btn",onClick:t.goInvitees},{default:o(()=>[_(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1})]),_:1}),i(m,{gutter:15},{default:o(()=>[i(d,{md:12,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"level-info mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",vt,[e("h4",ft,s(t.$t("distribution.title.levelInfo")),1),e("div",gt,[e("div",kt,[e("p",null,s(t.$t("distribution.title.currentLevel"))+": L"+s(t.distributionStatus?.level?.level),1),e("p",null,s(t.$t("distribution.title.currentPercentage"))+": "+s(t.distributionLevelMap[t.distributionStatus?.level?.level]?.percentage)+"% ",1)]),e("div",wt,[e("p",null,s(t.$t("distribution.title.nextLevel"))+": L"+s(t.distributionStatus?.level?.level+1),1),e("p",null,s(t.$t("distribution.title.nextPercentage"))+": "+s(t.distributionLevelMap[t.distributionStatus?.level?.level+1]?.percentage)+"% ",1)])]),i(L,{"text-inside":!0,"stroke-width":20,percentage:t.getPercentageForNextLevel(),class:"mb-2"},null,8,["percentage"]),e("p",yt,s(t.$t("distribution.message.deltaPriceForNextLevel"))+": $"+s(t.getDeltaForNextLevel()),1),i(y),t.distributionLevels?(n(),r(S,{key:0,data:t.distributionLevels,stripe:""},{default:o(()=>[i(g,{label:t.$t("distribution.field.level")},{default:o(h=>[e("span",$t,"L"+s(h.row?.level),1)]),_:1},8,["label"]),i(g,{label:t.$t("distribution.field.threshold")},{default:o(h=>[e("span",Lt,"$"+s(h.row?.threshold),1)]),_:1},8,["label"]),i(g,{label:t.$t("distribution.field.percentage")},{default:o(h=>[e("span",St,s(h.row?.percentage)+"%",1)]),_:1},8,["label"])]),_:1},8,["data"])):k("",!0)]))]),_:1})]),_:1}),i(d,{md:12,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"distribution-info mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",Ct,[e("h4",Dt,s(t.$t("distribution.title.distributionLink")),1),i(y),e("div",It,[k("",!0),e("a",{href:t.distributionLink,class:"link"},s(t.distributionLink),9,Et),i(C,{content:t.distributionLink},null,8,["content"])]),e("div",Tt,[t.distributionLink?(n(),r(D,{key:0,value:t.distributionLink,size:180,margin:2,class:"block mb-2 ml-auto mr-auto",type:"image/png",color:t.qrColor},null,8,["value","color"])):k("",!0),e("p",Ft,s(t.$t("distribution.message.distributionQrDescription")),1)]),e("p",Nt,[_(s(t.$t("distribution.message.distributionLinkDescription"))+" ",1),e("span",Pt,[i(w,{effect:"dark",content:t.$t("distribution.message.distributionLinkDescription2"),placement:"top"},{default:o(()=>[_(s(t.$t("distribution.message.technicalDetail")),1)]),_:1},8,["content"])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const jt=N(j,[["render",Bt],["__scopeId","data-v-33783b71"]]);export{jt as default};

package/dist/assets/Index-D7cpbssY.js

@@ -0,0 +1 @@
+import{bH as A}from"./vendor-B4-12K57.js";import{k as C,O as W,q as H,r as N,s as V,K as j,L as O,o as Z,C as K,i as Y}from"./vendor-element-plus-C2t7-rNg.js";import{d as k,c as i,a as c,l as s,P as D,S as _,am as n,o as a,Z as o,Y as u,F as w,ak as I,R as E,W as v,V as R,a1 as J}from"./vendor-vue-BzRnDgD5.js";import{_ as y,a5 as Q,bY as X,bZ as x,b_ as ee,b$ as se,c0 as te,c1 as oe,c2 as U,c3 as q,c4 as G,c5 as B,c6 as ae,ak as ne,ah as P}from"./index-BceQaAb7.js";import{I as M,S as le}from"./ScrollList-DtikpNk7.js";import{I as F}from"./ImagePreview-C81-sroB.js";import{C as re,N as ie}from"./NoTasks-Bg3dk3Zk.js";import{a as ce}from"./price-DtWUJRlS.js";import{C as de}from"./CopyToClipboard-C_hpGFI6.js";import{I as me}from"./ImageWrapper-CafePFBU.js";import{B as ue}from"./BotPlaceholder-BfDpV6UE.js";import"./vendor-dayjs-D6Igi227.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-nHemWFue.js";const pe=k({name:"LayoutSeedream",components:{ElDrawer:W,ElButton:C,FontAwesomeIcon:A},data(){return{drawer:!1}}}),fe={class:"main flex flex-row flex-1"},he={class:"config w-[300px] h-full overflow-y-scroll bg-[var(--app-sidebar-bg)]"},_e={class:"result h-full p-[15px] flex-1 flex flex-col"};function ge(e,t,g,r,m,p){const f=n("font-awesome-icon"),h=n("el-button"),l=n("el-drawer");return a(),i("div",fe,[c("div",he,[D(e.$slots,"config",{},void 0,!0)]),c("div",_e,[D(e.$slots,"result",{},void 0,!0)]),s(h,{circle:"",class:"menu",onClick:t[0]||(t[0]=d=>e.drawer=!0)},{default:_(()=>[s(f,{icon:"fa-solid fa-magic"})]),_:1}),s(l,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=d=>e.drawer=d),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:_(()=>[D(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const $e=y(pe,[["render",ge],["__scopeId","data-v-b4ad94f1"]]),ve="",be=k({name:"SeedreamPromptInput",components:{ElInput:H,InfoIcon:M},computed:{prompt:{get(){return this.$store.state.seedream?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ve)}}),ke={class:"field"},ye={class:"box"},we={class:"title font-bold"};function Ee(e,t,g,r,m,p){const f=n("info-icon"),h=n("el-input");return a(),i("div",ke,[c("div",ye,[c("h2",we,o(e.$t("seedream.name.prompt")),1),s(f,{content:e.$t("seedream.description.prompt"),class:"info"},null,8,["content"])]),s(h,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("seedream.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Se=y(be,[["render",Ee],["__scopeId","data-v-5559520a"]]),Ve=k({name:"SeedreamImageInput",components:{ElUpload:N,ElButton:C,InfoIcon:M,ImagePreview:F,FontAwesomeIcon:A},data(){return{fileList:[],uploadUrl:Q()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.seedream?.config?.image}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const r=(this.fileList||[]).filter(m=>!m?.response?.file_url);this.fileList=r.length?r:[];return}const t=[];e.forEach(r=>{const m=this.fileList.find(p=>p?.response?.file_url===r||p?.url===r);m?t.push(m):t.push({name:r.split("/").pop()||r,url:r,status:"success",percentage:100,response:{file_url:r}})}),(this.fileList||[]).filter(r=>!r?.response?.file_url).forEach(r=>{t.some(p=>p===r||p?.url===r?.url||p?.response?.file_url===r?.response?.file_url)||t.push(r)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImages()},onExceed(){V.warning(this.$t("seedream.message.uploadImageExceed"))},onError(){V.error(this.$t("seedream.message.uploadImageError"))},onSetImages(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,image:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImages()}}}),Ie={class:"field"},Le={class:"label"},Re={class:"box"},Te={class:"title font-bold"},Ae={class:"value"},Ce={class:"file-list mt-2 flex flex-wrap gap-[10px]"};function Me(e,t,g,r,m,p){const f=n("info-icon"),h=n("font-awesome-icon"),l=n("el-button"),d=n("el-upload"),b=n("image-preview");return a(),i(w,null,[c("div",Ie,[c("div",Le,[c("div",Re,[c("h2",Te,o(e.$t("seedream.name.imageUrls")),1),s(f,{content:e.$t("seedream.description.imageUrls"),class:"info"},null,8,["content"])])]),c("div",Ae,[s(d,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=$=>e.fileList=$),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",limit:14,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:_(()=>[s(l,{size:"small",type:"primary",round:""},{default:_(()=>[s(h,{icon:"fa-solid fa-upload",class:"mr-1"}),u(" "+o(e.$t("seedream.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"])])]),c("div",Ce,[(a(!0),i(w,null,I(e.fileList,($,S)=>(a(),E(b,{key:$.uid||$?.response?.file_url||$.url||S,url:$.url||$?.response?.file_url,name:$.name,percentage:$.percentage,onRemove:z=>e.onRemovePreview(S,$)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const De=y(Ve,[["render",Me],["__scopeId","data-v-29737ed9"]]),ze=k({name:"SeedreamModelSelector",components:{ElSelect:O,ElOption:j,InfoIcon:M},data(){return{options:[{value:x,label:this.$t("seedream.model.seedream45")},{value:ee,label:this.$t("seedream.model.seedream40")},{value:se,label:this.$t("seedream.model.seedream30t2i")},{value:te,label:this.$t("seedream.model.seededit30i2i")}]}},computed:{value:{get(){return this.$store.state.seedream?.config?.model},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,model:e})}}},mounted(){this.value||(this.value=X)}}),Ue={class:"field"},qe={class:"label"},Ge={class:"box"},Pe={class:"title font-bold"};function je(e,t,g,r,m,p){const f=n("info-icon"),h=n("el-option"),l=n("el-select");return a(),i("div",Ue,[c("div",qe,[c("div",Ge,[c("h2",Pe,o(e.$t("seedream.name.model")),1),s(f,{content:e.$t("seedream.description.model"),class:"info"},null,8,["content"])])]),s(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=d=>e.value=d),class:"value",placeholder:e.$t("seedream.placeholder.select")},{default:_(()=>[(a(!0),i(w,null,I(e.options,d=>(a(),E(h,{key:d.value,label:d.label,value:d.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Oe=y(ze,[["render",je],["__scopeId","data-v-3c3ca27d"]]),Be=k({name:"SeedreamSizeSelector",components:{ElSelect:O,ElOption:j,InfoIcon:M},data(){return{options:[{value:U,label:U},{value:q,label:q},{value:G,label:G}]}},computed:{value:{get(){return this.$store.state.seedream?.config?.size},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,size:e})}}},mounted(){this.value||(this.value=oe)}}),Fe={class:"field"},We={class:"label"},He={class:"box"},Ne={class:"title font-bold"};function Ze(e,t,g,r,m,p){const f=n("info-icon"),h=n("el-option"),l=n("el-select");return a(),i("div",Fe,[c("div",We,[c("div",He,[c("h2",Ne,o(e.$t("seedream.name.size")),1),s(f,{content:e.$t("seedream.description.size"),class:"info"},null,8,["content"])])]),s(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=d=>e.value=d),class:"value",placeholder:e.$t("seedream.placeholder.select"),filterable:"","allow-create":"","default-first-option":""},{default:_(()=>[(a(!0),i(w,null,I(e.options,d=>(a(),E(h,{key:d.value,label:d.label,value:d.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ke=y(Be,[["render",Ze],["__scopeId","data-v-54a9a469"]]),Ye=k({name:"SeedreamConfigPanel",components:{ElButton:C,FontAwesomeIcon:A,PromptInput:Se,Consumption:re,ImageInput:De,ModelSelector:Oe,SizeSelector:Ke},emits:["generate"],computed:{config(){return this.$store.state.seedream?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image)&&e.image.length>0;return ce({...e,action:t?"edit":"generate",model:B(e?.model),count:1},this.service?.cost)},service(){return this.$store.state.seedream?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Je={class:"flex flex-col h-full"},Qe={class:"flex-1 overflow-y-auto p-[15px]"},Xe={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function xe(e,t,g,r,m,p){const f=n("model-selector"),h=n("size-selector"),l=n("prompt-input"),d=n("image-input"),b=n("consumption"),$=n("font-awesome-icon"),S=n("el-button");return a(),i("div",Je,[c("div",Qe,[s(f,{class:"mb-4"}),s(h,{class:"mb-4"}),s(l,{class:"mb-4"}),s(d,{class:"mb-4"})]),c("div",Xe,[s(b,{value:e.consumption,service:e.service},null,8,["value","service"]),s(S,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:_(()=>[s($,{icon:"fa-solid fa-magic",class:"mr-2"}),u(" "+o(e.$t("seedream.button.generate")),1)]),_:1},8,["onClick"])])])}const es=y(Ye,[["render",xe]]),ss=k({name:"SeedreamTaskPreview",components:{ElImage:Y,CopyToClipboard:de,FontAwesomeIcon:A,ElAlert:K,ImageWrapper:me,ElButton:C,ElTooltip:Z,ImagePreview:F},props:{modelValue:{type:Object,required:!0}},computed:{isEdit(){return Array.isArray(this.modelValue?.request?.image)&&(this.modelValue?.request?.image?.length||0)>0},images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{shortModel(e){return B(e)||e},onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.seedream?.config||{}};t.image=[e],this.$store.commit("seedream/setConfig",t)}}}),ts={class:"preview"},os={class:"left"},as={class:"main"},ns={class:"bot"},ls={class:"datetime"},rs={class:"info"},is={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},cs={key:1,class:"prompt mt-2"},ds={key:0},ms={key:0,class:R({content:!0})},us={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ps={key:1,class:R({content:!0,failed:!0})},fs={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},hs={class:R({operations:!0,"mt-2":!0,"mb-2":!0})},_s={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},gs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$s={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bs={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ks={key:2,class:R({content:!0})},ys={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ws={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Es={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ss={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vs={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Is={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ls={key:3,class:R({content:!0})},Rs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ts={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function As(e,t,g,r,m,p){const f=n("el-image"),h=n("image-preview"),l=n("font-awesome-icon"),d=n("copy-to-clipboard"),b=n("el-alert"),$=n("image-wrapper"),S=n("el-button"),z=n("el-tooltip");return a(),i("div",ts,[c("div",os,[s(f,{src:"https://cdn.acedata.cloud/9egrbn.png",class:"avatar"})]),c("div",as,[c("div",ns,[u(o(e.$t("seedream.name.seedreamBot"))+" ",1),c("span",ls,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",rs,[Array.isArray(e.modelValue?.request?.image)&&e.modelValue?.request?.image.length>0?(a(),i("div",is,[(a(!0),i(w,null,I(e.modelValue?.request?.image,(L,T)=>(a(),E(h,{key:T,url:L,name:`image-${T+1}`,closable:!1},null,8,["url","name"]))),128))])):v("",!0),e.modelValue?.request?.prompt?(a(),i("p",cs,[u(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?v("",!0):(a(),i("span",ds," - ("+o(e.$t("seedream.status.pending"))+") ",1))])):v("",!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(a(),i("div",ps,[c("div",fs,[(a(!0),i(w,null,I(e.images,(L,T)=>(a(),E($,{key:T,src:L?.image_url,"raw-src":L?.image_url},null,8,["src","raw-src"]))),128))]),c("div",hs,[s(z,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:_(()=>[s(S,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=J(L=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:_(()=>[u(o(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),s(b,{closable:!1,class:"mt-2 success"},{default:_(()=>[e.modelValue?.request?.model?(a(),i("p",_s,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+o(e.$t("seedream.name.model"))+": "+o(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(a(),i("p",gs,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+o(e.$t("seedream.name.size"))+": "+o(e.modelValue?.request?.size),1)])):v("",!0),c("p",$s,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+o(e.$t("seedream.name.task"))+": "+o(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),c("p",vs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+o(e.$t("seedream.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),s(d,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",bs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+o(e.$t("seedream.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),s(d,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(a(),i("div",ks,[s(b,{closable:!1,class:"failure"},{template:_(()=>[s(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+o(e.$t("seedream.name.failure")),1)]),default:_(()=>[e.modelValue?.request?.model?(a(),i("p",ys,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+o(e.$t("seedream.name.model"))+": "+o(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(a(),i("p",ws,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+o(e.$t("seedream.name.size"))+": "+o(e.modelValue?.request?.size),1)])):v("",!0),c("p",Es,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+o(e.$t("seedream.name.task"))+": "+o(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),c("p",Ss,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+o(e.$t("seedream.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),s(d,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.error?.message?(a(),i("p",Vs,[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),u(" "+o(e.$t("seedream.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),s(d,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])])):v("",!0),e.modelValue?.response?.trace_id?(a(),i("p",Is,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+o(e.$t("seedream.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),s(d,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(a(),i("div",Ls,[s(b,{closable:!1,class:"info"},{template:_(()=>[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),u(" "+o(e.$t("seedream.name.status")),1)]),default:_(()=>[c("p",Rs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+o(e.$t("seedream.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),s(d,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",Ts,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+o(e.$t("seedream.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),s(d,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(a(),i("div",ms,[s(b,{closable:!1,class:"info"},{template:_(()=>[s(l,{icon:"fa-regular fa-clock",class:"mr-1"}),u(" "+o(e.$t("seedream.status.pending")),1)]),default:_(()=>[c("p",us,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+o(e.$t("seedream.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),s(d,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})]))])])}const Cs=y(ss,[["render",As],["__scopeId","data-v-f34f00b9"]]),Ms=k({name:"SeedreamRecentPanel",components:{TaskPreview:Cs,BotPlaceholder:ue,NoTasks:ie,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],computed:{tasks(){return{...this.$store.state.seedream?.tasks,items:this.$store.state.seedream?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ds={key:0},zs={key:2,class:"w-full h-full flex items-center justify-center"};function Us(e,t,g,r,m,p){const f=n("bot-placeholder"),h=n("task-preview"),l=n("scroll-list"),d=n("no-tasks");return a(),i(w,null,[e.tasks?.items===void 0?(a(),i("div",Ds,[s(f)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),E(l,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=b=>e.$emit("reach-top"))},{default:_(()=>[(a(!0),i(w,null,I(e.tasks?.items,b=>(a(),E(h,{key:b.id,"model-value":b},null,8,["model-value"]))),128))]),_:1},8,["loading"])):v("",!0),e.tasks?.items?.length===0?(a(),i("div",zs,[s(d)])):v("",!0)],64)}const qs=y(Ms,[["render",Us]]),Gs="https://webhook.acedata.cloud/seedream",Ps=k({name:"SeedreamIndex",components:{ConfigPanel:es,Layout:$e,RecentPanel:qs},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.seedream?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.seedream?.status?.getTasks===P.Request},credential(){return this.$store.state.seedream?.credential},config(){return this.$store.state.seedream?.config},application(){return this.$store.state.seedream?.application},tasks(){return this.$store.state.seedream?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){if(console.debug("reached top"),this.loading||this.tasksLoading)return;const e=this.tasks?.total,t=this.tasks?.items?.length||0;if(e!==void 0&&e<=t)return;const g=this.tasks?.items?.[0];if(!g?.created_at)return;const m=this.$refs.recentPanel?.getScrollElement?.(),p=m?.scrollHeight||0,f=m?.scrollTop||0;this.loading=!0;try{if(await this.onGetTasks({createdAtMax:g.created_at}),await this.$nextTick(),m){const h=m.scrollHeight;m.scrollTop=h-p+f}}finally{this.loading=!1}},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("seedream/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("seedream/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:g,createdAtMax:r}=e||{};console.debug("limit",t,"createdAtMin",g,"createdAtMax",r),await this.$store.dispatch("seedream/getTasks",{limit:t,createdAtMin:g,createdAtMax:r})},async onGenerate(){const e={...this.config||{}};!(Array.isArray(e?.image)&&e.image.length>0)&&"image"in e&&delete e.image,e?.size||delete e.size;const g={...e,callback_url:Gs},r=this.credential?.token;if(!r){console.error("no token specified");return}V.info(this.$t("seedream.message.startingTask")),ae.generate(g,{token:r}).then(()=>{V.success(this.$t("seedream.message.startTaskSuccess"))}).catch(m=>{const p=m?.response?.data;p?.error?.code===ne?V.error(this.$t("seedream.message.usedUp")):V.error(this.$t("seedream.message.startTaskFailed")+(p?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function js(e,t,g,r,m,p){const f=n("config-panel"),h=n("recent-panel"),l=n("layout");return a(),E(l,null,{config:_(()=>[s(f,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:_(()=>[s(h,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const tt=y(Ps,[["render",js]]);export{tt as default};

package/dist/assets/Index-DE-Le67g.js

@@ -0,0 +1 @@
+import{bH as L}from"./vendor-B4-12K57.js";import{k as C,O as N,K as D,L as R,r as q,s as T,q as K,o as W,C as Z,i as H}from"./vendor-element-plus-C2t7-rNg.js";import{d as b,c as i,a as r,l as o,P as U,S as u,am as s,o as n,Z as l,F as V,ak as A,R as y,V as I,a2 as Y,Y as h,W as $,U as J,_ as Q}from"./vendor-vue-BzRnDgD5.js";import{_ as k,bp as G,bq as z,br as S,bs as M,bt as X,bu as x,bv as ee,bw as te,a5 as oe,bx as se,by as ae,ak as ne,ah as P}from"./index-BceQaAb7.js";import{I as B,S as le}from"./ScrollList-DtikpNk7.js";import{I as re}from"./ImagePreview-C81-sroB.js";import{C as ie,N as ce}from"./NoTasks-Bg3dk3Zk.js";import{a as de}from"./price-DtWUJRlS.js";import{C as ue}from"./CopyToClipboard-C_hpGFI6.js";import{V as pe}from"./VideoPlayer-CXGW06AO.js";import{B as me}from"./BotPlaceholder-BfDpV6UE.js";import{l as fe}from"./pagination-bjoHZNQW.js";import"./vendor-dayjs-D6Igi227.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-nHemWFue.js";const _e=b({name:"LayoutSora",components:{ElDrawer:N,ElButton:C,FontAwesomeIcon:L},data(){return{drawer:!1}}}),he={class:"main flex flex-row flex-1"},$e={class:"config w-[300px] h-full overflow-y-scroll bg-[var(--app-sidebar-bg)]"},ge={class:"result h-full p-[15px] flex-1 flex flex-col"};function ve(e,t,p,m,g,v){const c=s("font-awesome-icon"),d=s("el-button"),a=s("el-drawer");return n(),i("div",he,[r("div",$e,[U(e.$slots,"config",{},void 0,!0)]),r("div",ge,[U(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]||(t[0]=w=>e.drawer=!0)},{default:u(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(a,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const be=k(_e,[["render",ve],["__scopeId","data-v-6b03c7c5"]]),ke=b({name:"ModelSelector",components:{ElSelect:R,ElOption:D},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:X,label:"sora-2"},{value:x,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},p=z[e]||[S],m=t.duration,g=m&&p.includes(m)?m:p.includes(S)?S:p[0],v={...t,model:e,duration:g,size:t.size||M};this.$store.commit("sora/setConfig",v)}}},mounted(){this.value||(this.value=G)}}),we={class:"field"},ye={class:"title font-bold"};function Se(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",we,[r("h2",ye,l(e.$t("sora.name.model")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=k(ke,[["render",Se],["__scopeId","data-v-0cb7913d"]]),Ee=b({name:"ActionSelector",components:{ElSelect:R,ElOption:D},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("sora.button.action1")},{value:"image2video",label:this.$t("sora.button.action2")}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||(this.value=ee)}}),Te={class:"field"},Ie={class:"title font-bold"},Ae={class:"float-left"};function Le(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",Te,[r("h2",Ie,l(e.$t("sora.name.action")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},{default:u(()=>[r("span",Ae,l(a.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ce=k(Ee,[["render",Le],["__scopeId","data-v-7b82fa7f"]]),De=b({name:"DurationSelector",components:{ElSelect:R,ElOption:D},computed:{model(){return this.$store.state.sora?.config?.model||G},allowedDurations(){return z[this.model]||[S]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,duration:e})}}},watch:{allowedDurations(){const e=this.allowedDurations;if(!e.includes(this.value)){const t=e.includes(S)?S:e[0];this.value=t}}},mounted(){this.value||(this.value=S)}}),Re={class:"field"},Oe={class:"control"},Ue={class:"title font-bold"};function Pe(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",Re,[r("div",Oe,[r("h2",Ue,l(e.$t("sora.name.duration")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.optionsForModel,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const Ge=k(De,[["render",Pe],["__scopeId","data-v-c2934598"]]),ze=b({name:"OrientationSelector",data(){return{options:[{value:"portrait",labelKey:"sora.option.portrait",width:13,height:25},{value:"landscape",labelKey:"sora.option.landscape",width:25,height:13}]}},computed:{active(){const e=this.options.findIndex(t=>t.value===this.value);return e>=0?e:0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug("set orientation",e),this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||(this.value=te)}}),Me={class:"text-sm font-bold mb-2 block"},Be={class:"items"},je=["onClick"],Fe={class:"name"};function Ne(e,t,p,m,g,v){return n(),i("div",null,[r("span",Me,l(e.$t("sora.name.orientation")),1),r("div",Be,[(n(!0),i(V,null,A(e.options,(c,d)=>(n(),i("div",{key:d,class:I({active:e.active===d,item:!0}),onClick:a=>e.value=c.value},[r("div",{class:I(["preview",c.value])},[r("div",{class:"rect",style:Y({width:c.width+"px",height:c.height+"px"})},null,4)],2),r("p",Fe,l(e.$t(c.labelKey)),1)],10,je))),128))])])}const qe=k(ze,[["render",Ne],["__scopeId","data-v-4d6b01c6"]]),Ke=b({name:"StartEndImage",components:{ElUpload:q,ElButton:C,InfoIcon:B,FontAwesomeIcon:L,ImagePreview:re},emits:["change"],data(){return{fileList:[],uploadUrl:oe()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.sora?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){T.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){T.error(this.$t("sora.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),We={class:"relative"},Ze={class:"flex justify-between"},He={class:"flex justify-start items-center"},Ye={class:"text-sm font-bold"};function Je(e,t,p,m,g,v){const c=s("info-icon"),d=s("image-preview"),a=s("font-awesome-icon"),w=s("el-button"),_=s("el-upload");return n(),i("div",We,[r("div",Ze,[r("div",He,[r("span",Ye,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(_,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=f=>e.fileList=f),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:f})=>[f.url&&f.percentage!==void 0?(n(),y(d,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[o(w,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[o(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Qe=k(Ke,[["render",Je],["__scopeId","data-v-fd6e5c97"]]),Xe=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),xe=b({name:"SizeSelector",components:{ElSelect:R,ElOption:D},data(){return{options:se.map(e=>({value:e,label:Xe(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,size:e})}}},mounted(){this.value||(this.value=M)}}),et={class:"field"},tt={class:"control"},ot={class:"title font-bold"};function st(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",et,[r("div",tt,[r("h2",ot,l(e.$t("sora.name.size")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const at=k(xe,[["render",st],["__scopeId","data-v-8c485f0f"]]),nt="",lt=b({name:"PromptInput",components:{ElInput:K,InfoIcon:B},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=nt)}}),rt={class:"field"},it={class:"box"},ct={class:"title font-bold"};function dt(e,t,p,m,g,v){const c=s("info-icon"),d=s("el-input");return n(),i("div",rt,[r("div",it,[r("h2",ct,l(e.$t("sora.name.prompt")),1),o(c,{content:e.$t("sora.description.prompt"),class:"info"},null,8,["content"])]),o(d,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("sora.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const ut=k(lt,[["render",dt],["__scopeId","data-v-a57633d5"]]),pt=b({name:"ConfigPanel",components:{ElButton:C,Consumption:ie,FontAwesomeIcon:L,PromptInput:ut,ModelSelector:Ve,StartEndImage:Qe,SizeSelector:at,ActionSelector:Ce,OrientationSelector:qe,DurationSelector:Ge},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return de(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),mt={class:"flex flex-col h-full"},ft={class:"flex-1 overflow-y-auto p-[15px]"},_t={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function ht(e,t,p,m,g,v){const c=s("model-selector"),d=s("action-selector"),a=s("duration-selector"),w=s("size-selector"),_=s("orientation-selector"),f=s("prompt-input"),E=s("start-end-image"),O=s("consumption"),j=s("font-awesome-icon"),F=s("el-button");return n(),i("div",mt,[r("div",ft,[o(c,{class:"mb-4"}),o(d,{class:"mb-4"}),o(a,{class:"mb-4"}),o(w,{class:"mb-4"}),o(_,{class:"mb-4"}),o(f,{class:"mb-4"}),J(o(E,{class:"mb-2"},null,512),[[Q,e.config?.action==="image2video"]])]),r("div",_t,[o(O,{value:e.consumption,service:e.service},null,8,["value","service"]),o(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[o(j,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const $t=k(pt,[["render",ht]]),gt=b({name:"TaskPreview",components:{ElImage:H,CopyToClipboard:ue,FontAwesomeIcon:L,ElAlert:Z,VideoPlayer:pe,ElTooltip:W,ElButton:C},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),vt={class:"preview"},bt={class:"left"},kt={class:"main"},wt={class:"bot"},yt={class:"datetime"},St={class:"info"},Vt={key:0,class:"prompt mt-2"},Et={key:0},Tt={key:1},It={key:0,class:I({content:!0,failed:!0})},At={key:0,class:"mb-4"},Lt={key:1,class:I({operations:!0,"mt-2":!0})},Ct={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Rt={key:1,class:I({content:!0})},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Gt={key:2,class:I({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Bt(e,t,p,m,g,v){const c=s("el-image"),d=s("video-player"),a=s("el-button"),w=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return n(),i("div",vt,[r("div",bt,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),r("div",kt,[r("div",wt,[h(l(e.$t("sora.name.soraBot"))+" ",1),r("span",yt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",St,[e.modelValue?.request?.prompt?(n(),i("p",Vt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),i("span",Et," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(n(),i("span",Tt," - ("+l(e.$t("sora.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),i("div",It,[e.modelValue?.response?.data[0]?.video_url?(n(),i("div",At,[o(d,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),i("div",Lt,[o(w,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=O=>e.onDownload(O,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[h(l(e.$t("sora.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),o(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[r("p",Ct,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),r("p",Dt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),i("div",Rt,[o(E,{closable:!1,class:"failure"},{template:u(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:u(()=>[r("p",Ot,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),r("p",Ut,[o(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(f,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),i("p",Pt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),i("div",Gt,[o(E,{closable:!1,class:"info"},{template:u(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:u(()=>[r("p",zt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),i("p",Mt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const jt=k(gt,[["render",Bt],["__scopeId","data-v-d1c069c2"]]),Ft=b({name:"RecentPanel",components:{TaskPreview:jt,NoTasks:ce,BotPlaceholder:me,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Nt={key:0},qt={key:2,class:"w-full h-full flex items-center justify-center"};function Kt(e,t,p,m,g,v){const c=s("bot-placeholder"),d=s("task-preview"),a=s("scroll-list"),w=s("no-tasks");return n(),i(V,null,[e.tasks?.items===void 0?(n(),i("div",Nt,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),y(a,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=_=>e.$emit("reach-top"))},{default:u(()=>[(n(!0),i(V,null,A(e.tasks?.items,(_,f)=>(n(),y(d,{key:f,"model-value":_},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),i("div",qt,[o(w)])):$("",!0)],64)}const Wt=k(Ft,[["render",Kt]]),Zt="https://webhook.acedata.cloud/sora",Ht=b({name:"SoraIndex",components:{ConfigPanel:$t,Layout:be,RecentPanel:Wt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===P.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await fe({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("sora/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("sora/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:p,createdAtMax:m}=e||{};console.debug("limit",t,"createdAtMin",p,"createdAtMax",m),this.fetchingTasks=!0;try{await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:p,createdAtMax:m})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Zt},t=this.credential?.token;if(!t){console.error("no token specified");return}T.info(this.$t("sora.message.startingTask")),ae.generate(e,{token:t}).then(()=>{T.success(this.$t("sora.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===ne?T.error(this.$t("sora.message.usedUp")):T.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Yt(e,t,p,m,g,v){const c=s("config-panel"),d=s("recent-panel"),a=s("layout");return n(),y(a,null,{config:u(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[o(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const mo=k(Ht,[["render",Yt]]);export{mo as default};