@acedatacloud/nexior 3.18.2 → 3.18.3

package/dist/assets/{Index-D1f-KLy_.js → Index-CLepQdJJ.js}

@@ -1 +1 @@
-import{F as C}from"./index.es-C1V2-50N.js";import{E as T}from"./index-CJv1aMlW.js";import{E as q}from"./index-OFY1BC82.js";import{d as v,h as k,b as r,t as l,k as t,r as G,j as u,l as o,o as n,eq as K,x as i,F as I,v as L,i as y,er as H,es as J,et as Q,n as S,f as W,c6 as M,D as _,y as $,eu as X,ev as Y,dr as Z,dm as x}from"./index-fxz5Mq_f.js";import{E as R,a as P}from"./index-CanvkRMB.js";import{I as U}from"./InfoIcon-DFXJKC-J.js";import{I as N}from"./ImagePreview-BANjUoLl.js";import{E as F}from"./index-DnN1FEm4.js";import{E as V}from"./index-CQjC-X8h.js";import{C as ee,B as te,N as oe}from"./NoTasks-N8sLmBAT.js";import{E as se,a as ne}from"./index-CILUP1nM.js";import{E as O}from"./index-CPb5LKSR.js";import{a as ae}from"./price-BaKxpblg.js";import{C as le}from"./CopyToClipboard-C-eVze78.js";import{V as ie}from"./VideoPlayer-C5zjP9bd.js";import{E as re}from"./index-Dhhmr0UT.js";import{E as ce}from"./index-DtNfxHJO.js";import{E as de}from"./index-NDJG3k-V.js";import"./use-form-item-DEuJEd6M.js";import"./index-r5W6hzzQ.js";import"./index-DpoxJYqP.js";import"./typescript-DBePEcuC.js";import"./index-DLSeo-eZ.js";import"./strings-Dw_KZ56Z.js";import"./castArray-Bo83kxTT.js";import"./isEqual-CghzzvIn.js";import"./_initCloneObject-CCdcRM7n.js";import"./debounce-DjfTZzPz.js";import"./_baseIteratee-C1kG3yyx.js";import"./index-D1Luvvxn.js";import"./index-DSxjQGfY.js";import"./_baseClone-CH-6g0Pt.js";import"./index-DfR2Ba-e.js";import"./index-BXHdUYIx.js";import"./vue-plyr-QZFBikSk.js";const pe=v({name:"LayoutKling",components:{ElDrawer:q,ElButton:T,FontAwesomeIcon:C},data(){return{drawer:!1}}}),ue={class:"main"},me={class:"config"},fe={class:"result"};function ge(e,s,m,f,b,w){const c=o("font-awesome-icon"),d=o("el-button"),a=o("el-drawer");return n(),r("div",ue,[l("div",me,[G(e.$slots,"config",{},void 0,!0)]),l("div",fe,[G(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:s[0]||(s[0]=g=>e.drawer=!0)},{default:u(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(a,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[G(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=k(pe,[["render",ge],["__scopeId","data-v-babc1122"]]),he=v({name:"ModelSelector",components:{ElSelect:P,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"kling-v1",label:"v1"},{value:"kling-v1-5",label:"v1.5"},{value:"kling-v1-6",label:"v1.6"},{value:"kling-v2-master",label:"v2-Master"},{value:"kling-v2-1",label:"v2.1"},{value:"kling-v2-1-master",label:"v2.1-Master"}]}},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=K)}}),$e={class:"field"},ve={class:"title font-bold"};function ke(e,s,m,f,b,w){const c=o("el-option"),d=o("el-select");return n(),r("div",$e,[l("h2",ve,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=a=>e.value=a),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(n(!0),r(I,null,L(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 be=k(he,[["render",ke],["__scopeId","data-v-4a40b66a"]]),we=v({name:"ModeSelector",components:{ElSelect:P,ElOption:R},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=H)}}),ye={class:"field"},Ve={class:"title font-bold"};function Ee(e,s,m,f,b,w){const c=o("el-option"),d=o("el-select");return n(),r("div",ye,[l("h2",Ve,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=a=>e.value=a),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:u(()=>[(n(!0),r(I,null,L(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 Ie=k(we,[["render",Ee],["__scopeId","data-v-daa57765"]]),Se=v({name:"DurationSelector",components:{ElSelect:P,ElOption:R},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=J)}}),Ce={class:"field"},Te={class:"title font-bold"};function Le(e,s,m,f,b,w){const c=o("el-option"),d=o("el-select");return n(),r("div",Ce,[l("h2",Te,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=a=>e.value=a),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:u(()=>[(n(!0),r(I,null,L(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 Ue=k(Se,[["render",Le],["__scopeId","data-v-02112e2c"]]),Ae=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=Q)}}),Ge={class:"text-sm font-bold mb-2 block"},Re={class:"items"},Pe=["onClick"],De={class:"name"};function je(e,s,m,f,b,w){return n(),r("div",null,[l("span",Ge,i(e.$t("kling.name.ratio")),1),l("div",Re,[(n(!0),r(I,null,L(e.options,(c,d)=>(n(),r("div",{key:d,class:S({active:e.active===d,item:!0}),onClick:a=>e.value=c.value},[l("div",{class:S(["preview",c.label])},[l("div",{class:"rect",style:W({width:c.width+"px",height:c.height+"px"})},null,4)],2),l("p",De,i(c.label),1)],10,Pe))),128))])])}const Me=k(Ae,[["render",je],["__scopeId","data-v-2601284f"]]),Ne=v({name:"StartImage",components:{ElUpload:F,ElButton:T,InfoIcon:U,FontAwesomeIcon:C,ImagePreview:N},emits:["change"],data(){return{fileList:[],uploadUrl:M()+"/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"},Oe={class:"flex justify-between"},Be={class:"flex justify-start items-center"},ze={class:"text-sm font-bold"};function qe(e,s,m,f,b,w){const c=o("info-icon"),d=o("image-preview"),a=o("font-awesome-icon"),g=o("el-button"),h=o("el-upload");return n(),r("div",Fe,[l("div",Oe,[l("div",Be,[l("span",ze,i(e.$t("kling.name.startImage")),1),t(c,{content:e.$t("kling.description.uploadStartImage")},null,8,["content"])])]),t(h,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=p=>e.fileList=p),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:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[t(g,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ke=k(Ne,[["render",qe],["__scopeId","data-v-e2205d5b"]]),He=v({name:"EndImage",components:{ElUpload:F,ElButton:T,ImagePreview:N,InfoIcon:U,FontAwesomeIcon:C},data(){return{fileList:[],uploadUrl:M()+"/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()}}}),Je={class:"relative"},Qe={class:"flex justify-between"},We={class:"flex justify-start items-center"},Xe={class:"text-sm font-bold"};function Ye(e,s,m,f,b,w){const c=o("info-icon"),d=o("image-preview"),a=o("font-awesome-icon"),g=o("el-button"),h=o("el-upload");return n(),r("div",Je,[l("div",Qe,[l("div",We,[l("span",Xe,i(e.$t("kling.name.endImage")),1),t(c,{content:e.$t("kling.description.uploadEndImage")},null,8,["content"])])]),t(h,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=p=>e.fileList=p),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:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[t(g,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ze=k(He,[["render",Ye],["__scopeId","data-v-caf87d80"]]),xe=v({name:"CfgScaleSelector",components:{ElSlider:ne,InfoIcon:U,ElInputNumber:se},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=X)}}),et={class:"flex justify-between"},tt={class:"flex justify-start items-center"},ot={class:"text-sm font-bold"},st={class:"flex justify-end items-center"},nt={class:"w-full"};function at(e,s,m,f,b,w){const c=o("info-icon"),d=o("el-input-number"),a=o("el-slider");return n(),r("div",null,[l("div",et,[l("div",tt,[l("span",ot,i(e.$t("kling.name.cfgScale")),1),t(c,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),l("div",st,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=g=>e.value=g),"controls-position":"right"},null,8,["modelValue"])])]),l("div",nt,[t(a,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=g=>e.value=g),min:0,max:1,step:.1},null,8,["modelValue"])])])}const lt=k(xe,[["render",at]]),it="",rt=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=it)}}),ct={class:"field"},dt={class:"box"},pt={class:"title font-bold"};function ut(e,s,m,f,b,w){const c=o("info-icon"),d=o("el-input");return n(),r("div",ct,[l("div",dt,[l("h2",pt,i(e.$t("kling.name.prompt")),1),t(c,{content:e.$t("kling.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const mt=k(rt,[["render",ut],["__scopeId","data-v-0e95dea6"]]),ft="",gt=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=ft)}}),_t={class:"field"},ht={class:"box"},$t={class:"title font-bold"};function vt(e,s,m,f,b,w){const c=o("info-icon"),d=o("el-input");return n(),r("div",_t,[l("div",ht,[l("h2",$t,i(e.$t("kling.name.negativePrompt")),1),t(c,{content:e.$t("kling.description.negativePrompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.negativePrompt"),maxlength:200,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const kt=k(gt,[["render",vt],["__scopeId","data-v-dfc5338b"]]),bt=v({name:"ConfigPanel",components:{ElButton:T,Consumption:ee,FontAwesomeIcon:C,PromptInput:mt,NegativePromptInput:kt,ModelSelector:be,ModeSelector:Ie,DurationSelector:Ue,RatioSelector:Me,StartImage:Ke,CfgScaleSelector:lt,EndImage:Ze},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return ae(this.config,this.service?.metadata?.price)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit("generate")}}}),wt={class:"flex flex-col h-full"},yt={class:"flex-1 overflow-y-auto p-[15px]"},Vt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Et(e,s,m,f,b,w){const c=o("prompt-input"),d=o("model-selector"),a=o("ratio-selector"),g=o("start-image"),h=o("end-image"),p=o("duration-selector"),E=o("mode-selector"),A=o("cfg-scale-selector"),B=o("negative-prompt-input"),z=o("consumption"),D=o("font-awesome-icon"),j=o("el-button");return n(),r("div",wt,[l("div",yt,[t(c,{class:"mb-4"}),t(d,{class:"mb-4"}),t(a,{class:"mb-4"}),t(g,{class:"mb-2"}),t(h,{class:"mb-2"}),t(p,{class:"mb-4"}),t(E,{class:"mb-4"}),t(A,{class:"mb-4"}),t(B,{class:"mb-4"})]),l("div",Vt,[t(z,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(n(),y(j,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("kling.button.extend")),1)]),_:1},8,["onClick"])):(n(),y(j,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("kling.button.generate")),1)]),_:1},8,["onClick"]))])])}const It=k(bt,[["render",Et]]),St=v({name:"TaskPreview",components:{ElImage:de,CopyToClipboard:le,FontAwesomeIcon:C,ElAlert:ce,VideoPlayer:ie,ElTooltip:re,ElButton:T},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"},Tt={class:"left"},Lt={class:"main"},Ut={class:"bot"},At={class:"datetime"},Gt={class:"info"},Rt={key:0,class:"prompt mt-2"},Pt={key:0},Dt={key:1},jt={key:0,class:S({content:!0,failed:!0})},Mt={key:0,class:"mb-4"},Nt={key:1,class:S({operations:!0,"mt-2":!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Bt={key:1,class:S({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Kt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ht={key:2,class:S({content:!0})},Jt={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"};function Wt(e,s,m,f,b,w){const c=o("el-image"),d=o("video-player"),a=o("el-button"),g=o("el-tooltip"),h=o("font-awesome-icon"),p=o("copy-to-clipboard"),E=o("el-alert");return n(),r("div",Ct,[l("div",Tt,[t(c,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),l("div",Lt,[l("div",Ut,[_(i(e.$t("kling.name.klingBot"))+" ",1),l("span",At,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",Gt,[e.modelValue?.request?.prompt?(n(),r("p",Rt,[_(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),r("span",Pt," - ("+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(),r("span",Dt," - ("+i(e.$t("kling.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),r("div",jt,[e.modelValue?.response.video_url?(n(),r("div",Mt,[t(d,{src:e.modelValue?.response.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),r("div",Nt,[t(g,{class:"box-item",effect:"dark",content:e.$t("kling.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response.video_url?(n(),y(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=A=>e.onDownload(A,e.modelValue?.response.video_url))},{default:u(()=>[_(i(e.$t("kling.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",Ft,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),l("p",Ot,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),r("div",Bt,[t(E,{closable:!1,class:"failure"},{template:u(()=>[t(h,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("kling.name.failure")),1)]),default:u(()=>[l("p",zt,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),l("p",qt,[t(h,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("kling.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",Kt,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),r("div",Ht,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(h,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("kling.name.failure")),1)]),default:u(()=>[l("p",Jt,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",Qt,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Xt=k(St,[["render",Wt],["__scopeId","data-v-c0a171a2"]]),Yt=v({name:"RecentPanel",components:{TaskPreview:Xt,NoTasks:oe,BotPlaceholder:te},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Zt={key:0},xt={key:1,class:"h-full w-full overflow-y-auto tasks"},eo={key:2,class:"w-full h-full flex items-center justify-center"};function to(e,s,m,f,b,w){const c=o("bot-placeholder"),d=o("task-preview"),a=o("no-tasks");return n(),r(I,null,[e.tasks?.items===void 0?(n(),r("div",Zt,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),r("div",xt,[(n(!0),r(I,null,L(e.tasks?.items,g=>(n(),y(d,{key:g.id,"model-value":g},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(n(),r("div",eo,[t(a)])):$("",!0)],64)}const oo=k(Yt,[["render",to]]),so="https://webhook.acedata.cloud/kling",no=v({name:"KlingIndex",components:{ConfigPanel:It,Layout:_e,RecentPanel:oo},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.kling?.status?.getApplications===x.Request},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=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},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(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:m,createdAtMax:f}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",f),await this.$store.dispatch("kling/getTasks",{limit:s,createdAtMin:m,createdAtMax:f})},async onGenerate(){const e={...this.config,callback_url:so},s=this.credential?.token;if(!s){console.error("no token specified");return}V.info(this.$t("kling.message.startingTask")),Y.generate(e,{token:s}).then(()=>{V.success(this.$t("kling.message.startTaskSuccess"))}).catch(m=>{m?.response?.data?.error?.code===Z?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)})}}});function ao(e,s,m,f,b,w){const c=o("config-panel"),d=o("recent-panel"),a=o("layout");return n(),y(a,null,{config:u(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Bo=k(no,[["render",ao]]);export{Bo as default};
+import{F as C}from"./index.es-DMKC3kSl.js";import{E as T}from"./index-JR6VCEaW.js";import{E as q}from"./index-DioM38n8.js";import{d as v,h as k,b as r,t as l,k as t,r as G,j as u,l as o,o as n,eq as K,x as i,F as I,v as L,i as y,er as H,es as J,et as Q,n as S,f as W,c6 as M,D as _,y as $,eu as X,ev as Y,dr as Z,dm as x}from"./index-DlZrIwQl.js";import{E as R,a as P}from"./index-BwvM90rm.js";import{I as U}from"./InfoIcon-B-pWYpXf.js";import{I as N}from"./ImagePreview-CrYUOIUC.js";import{E as F}from"./index-C78CVb4w.js";import{E as V}from"./index-DyaSHTbp.js";import{C as ee,B as te,N as oe}from"./NoTasks-DhMwy0fW.js";import{E as se,a as ne}from"./index-eLWTVVTa.js";import{E as O}from"./index-GAwF9ld_.js";import{a as ae}from"./price-CopKH8wb.js";import{C as le}from"./CopyToClipboard-BpQdSord.js";import{V as ie}from"./VideoPlayer-CMoCOK-2.js";import{E as re}from"./index-C-kuWklD.js";import{E as ce}from"./index-DajaCXwQ.js";import{E as de}from"./index-DQrPLSAi.js";import"./use-form-item-BrBRxl7V.js";import"./index-r5W6hzzQ.js";import"./index-DFFGaF-m.js";import"./typescript-C7e2RhT_.js";import"./index-Bes0kUIX.js";import"./strings-ClubiYVB.js";import"./castArray-Bx9N9ecv.js";import"./isEqual-DDj5e66m.js";import"./_initCloneObject-BFc9nFj7.js";import"./debounce-LQ3BUvW2.js";import"./_baseIteratee-C1JMkkjb.js";import"./index-BApEDemr.js";import"./index-D1DrOds3.js";import"./_baseClone-3DUpUcA-.js";import"./index-BcnUxXVu.js";import"./index-AzDMYUSd.js";import"./vue-plyr-QZFBikSk.js";const pe=v({name:"LayoutKling",components:{ElDrawer:q,ElButton:T,FontAwesomeIcon:C},data(){return{drawer:!1}}}),ue={class:"main"},me={class:"config"},fe={class:"result"};function ge(e,s,m,f,b,w){const c=o("font-awesome-icon"),d=o("el-button"),a=o("el-drawer");return n(),r("div",ue,[l("div",me,[G(e.$slots,"config",{},void 0,!0)]),l("div",fe,[G(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:s[0]||(s[0]=g=>e.drawer=!0)},{default:u(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(a,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[G(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=k(pe,[["render",ge],["__scopeId","data-v-babc1122"]]),he=v({name:"ModelSelector",components:{ElSelect:P,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"kling-v1",label:"v1"},{value:"kling-v1-5",label:"v1.5"},{value:"kling-v1-6",label:"v1.6"},{value:"kling-v2-master",label:"v2-Master"},{value:"kling-v2-1",label:"v2.1"},{value:"kling-v2-1-master",label:"v2.1-Master"}]}},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=K)}}),$e={class:"field"},ve={class:"title font-bold"};function ke(e,s,m,f,b,w){const c=o("el-option"),d=o("el-select");return n(),r("div",$e,[l("h2",ve,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=a=>e.value=a),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(n(!0),r(I,null,L(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 be=k(he,[["render",ke],["__scopeId","data-v-4a40b66a"]]),we=v({name:"ModeSelector",components:{ElSelect:P,ElOption:R},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=H)}}),ye={class:"field"},Ve={class:"title font-bold"};function Ee(e,s,m,f,b,w){const c=o("el-option"),d=o("el-select");return n(),r("div",ye,[l("h2",Ve,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=a=>e.value=a),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:u(()=>[(n(!0),r(I,null,L(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 Ie=k(we,[["render",Ee],["__scopeId","data-v-daa57765"]]),Se=v({name:"DurationSelector",components:{ElSelect:P,ElOption:R},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=J)}}),Ce={class:"field"},Te={class:"title font-bold"};function Le(e,s,m,f,b,w){const c=o("el-option"),d=o("el-select");return n(),r("div",Ce,[l("h2",Te,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=a=>e.value=a),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:u(()=>[(n(!0),r(I,null,L(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 Ue=k(Se,[["render",Le],["__scopeId","data-v-02112e2c"]]),Ae=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=Q)}}),Ge={class:"text-sm font-bold mb-2 block"},Re={class:"items"},Pe=["onClick"],De={class:"name"};function je(e,s,m,f,b,w){return n(),r("div",null,[l("span",Ge,i(e.$t("kling.name.ratio")),1),l("div",Re,[(n(!0),r(I,null,L(e.options,(c,d)=>(n(),r("div",{key:d,class:S({active:e.active===d,item:!0}),onClick:a=>e.value=c.value},[l("div",{class:S(["preview",c.label])},[l("div",{class:"rect",style:W({width:c.width+"px",height:c.height+"px"})},null,4)],2),l("p",De,i(c.label),1)],10,Pe))),128))])])}const Me=k(Ae,[["render",je],["__scopeId","data-v-2601284f"]]),Ne=v({name:"StartImage",components:{ElUpload:F,ElButton:T,InfoIcon:U,FontAwesomeIcon:C,ImagePreview:N},emits:["change"],data(){return{fileList:[],uploadUrl:M()+"/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"},Oe={class:"flex justify-between"},Be={class:"flex justify-start items-center"},ze={class:"text-sm font-bold"};function qe(e,s,m,f,b,w){const c=o("info-icon"),d=o("image-preview"),a=o("font-awesome-icon"),g=o("el-button"),h=o("el-upload");return n(),r("div",Fe,[l("div",Oe,[l("div",Be,[l("span",ze,i(e.$t("kling.name.startImage")),1),t(c,{content:e.$t("kling.description.uploadStartImage")},null,8,["content"])])]),t(h,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=p=>e.fileList=p),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:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[t(g,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ke=k(Ne,[["render",qe],["__scopeId","data-v-e2205d5b"]]),He=v({name:"EndImage",components:{ElUpload:F,ElButton:T,ImagePreview:N,InfoIcon:U,FontAwesomeIcon:C},data(){return{fileList:[],uploadUrl:M()+"/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()}}}),Je={class:"relative"},Qe={class:"flex justify-between"},We={class:"flex justify-start items-center"},Xe={class:"text-sm font-bold"};function Ye(e,s,m,f,b,w){const c=o("info-icon"),d=o("image-preview"),a=o("font-awesome-icon"),g=o("el-button"),h=o("el-upload");return n(),r("div",Je,[l("div",Qe,[l("div",We,[l("span",Xe,i(e.$t("kling.name.endImage")),1),t(c,{content:e.$t("kling.description.uploadEndImage")},null,8,["content"])])]),t(h,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=p=>e.fileList=p),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:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[t(g,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ze=k(He,[["render",Ye],["__scopeId","data-v-caf87d80"]]),xe=v({name:"CfgScaleSelector",components:{ElSlider:ne,InfoIcon:U,ElInputNumber:se},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=X)}}),et={class:"flex justify-between"},tt={class:"flex justify-start items-center"},ot={class:"text-sm font-bold"},st={class:"flex justify-end items-center"},nt={class:"w-full"};function at(e,s,m,f,b,w){const c=o("info-icon"),d=o("el-input-number"),a=o("el-slider");return n(),r("div",null,[l("div",et,[l("div",tt,[l("span",ot,i(e.$t("kling.name.cfgScale")),1),t(c,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),l("div",st,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=g=>e.value=g),"controls-position":"right"},null,8,["modelValue"])])]),l("div",nt,[t(a,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=g=>e.value=g),min:0,max:1,step:.1},null,8,["modelValue"])])])}const lt=k(xe,[["render",at]]),it="",rt=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=it)}}),ct={class:"field"},dt={class:"box"},pt={class:"title font-bold"};function ut(e,s,m,f,b,w){const c=o("info-icon"),d=o("el-input");return n(),r("div",ct,[l("div",dt,[l("h2",pt,i(e.$t("kling.name.prompt")),1),t(c,{content:e.$t("kling.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const mt=k(rt,[["render",ut],["__scopeId","data-v-0e95dea6"]]),ft="",gt=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=ft)}}),_t={class:"field"},ht={class:"box"},$t={class:"title font-bold"};function vt(e,s,m,f,b,w){const c=o("info-icon"),d=o("el-input");return n(),r("div",_t,[l("div",ht,[l("h2",$t,i(e.$t("kling.name.negativePrompt")),1),t(c,{content:e.$t("kling.description.negativePrompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.negativePrompt"),maxlength:200,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const kt=k(gt,[["render",vt],["__scopeId","data-v-dfc5338b"]]),bt=v({name:"ConfigPanel",components:{ElButton:T,Consumption:ee,FontAwesomeIcon:C,PromptInput:mt,NegativePromptInput:kt,ModelSelector:be,ModeSelector:Ie,DurationSelector:Ue,RatioSelector:Me,StartImage:Ke,CfgScaleSelector:lt,EndImage:Ze},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return ae(this.config,this.service?.metadata?.price)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit("generate")}}}),wt={class:"flex flex-col h-full"},yt={class:"flex-1 overflow-y-auto p-[15px]"},Vt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Et(e,s,m,f,b,w){const c=o("prompt-input"),d=o("model-selector"),a=o("ratio-selector"),g=o("start-image"),h=o("end-image"),p=o("duration-selector"),E=o("mode-selector"),A=o("cfg-scale-selector"),B=o("negative-prompt-input"),z=o("consumption"),D=o("font-awesome-icon"),j=o("el-button");return n(),r("div",wt,[l("div",yt,[t(c,{class:"mb-4"}),t(d,{class:"mb-4"}),t(a,{class:"mb-4"}),t(g,{class:"mb-2"}),t(h,{class:"mb-2"}),t(p,{class:"mb-4"}),t(E,{class:"mb-4"}),t(A,{class:"mb-4"}),t(B,{class:"mb-4"})]),l("div",Vt,[t(z,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(n(),y(j,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("kling.button.extend")),1)]),_:1},8,["onClick"])):(n(),y(j,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("kling.button.generate")),1)]),_:1},8,["onClick"]))])])}const It=k(bt,[["render",Et]]),St=v({name:"TaskPreview",components:{ElImage:de,CopyToClipboard:le,FontAwesomeIcon:C,ElAlert:ce,VideoPlayer:ie,ElTooltip:re,ElButton:T},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"},Tt={class:"left"},Lt={class:"main"},Ut={class:"bot"},At={class:"datetime"},Gt={class:"info"},Rt={key:0,class:"prompt mt-2"},Pt={key:0},Dt={key:1},jt={key:0,class:S({content:!0,failed:!0})},Mt={key:0,class:"mb-4"},Nt={key:1,class:S({operations:!0,"mt-2":!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Bt={key:1,class:S({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Kt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ht={key:2,class:S({content:!0})},Jt={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"};function Wt(e,s,m,f,b,w){const c=o("el-image"),d=o("video-player"),a=o("el-button"),g=o("el-tooltip"),h=o("font-awesome-icon"),p=o("copy-to-clipboard"),E=o("el-alert");return n(),r("div",Ct,[l("div",Tt,[t(c,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),l("div",Lt,[l("div",Ut,[_(i(e.$t("kling.name.klingBot"))+" ",1),l("span",At,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",Gt,[e.modelValue?.request?.prompt?(n(),r("p",Rt,[_(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),r("span",Pt," - ("+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(),r("span",Dt," - ("+i(e.$t("kling.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),r("div",jt,[e.modelValue?.response.video_url?(n(),r("div",Mt,[t(d,{src:e.modelValue?.response.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),r("div",Nt,[t(g,{class:"box-item",effect:"dark",content:e.$t("kling.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response.video_url?(n(),y(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=A=>e.onDownload(A,e.modelValue?.response.video_url))},{default:u(()=>[_(i(e.$t("kling.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",Ft,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),l("p",Ot,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),r("div",Bt,[t(E,{closable:!1,class:"failure"},{template:u(()=>[t(h,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("kling.name.failure")),1)]),default:u(()=>[l("p",zt,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),l("p",qt,[t(h,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("kling.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",Kt,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),r("div",Ht,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(h,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("kling.name.failure")),1)]),default:u(()=>[l("p",Jt,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",Qt,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Xt=k(St,[["render",Wt],["__scopeId","data-v-c0a171a2"]]),Yt=v({name:"RecentPanel",components:{TaskPreview:Xt,NoTasks:oe,BotPlaceholder:te},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Zt={key:0},xt={key:1,class:"h-full w-full overflow-y-auto tasks"},eo={key:2,class:"w-full h-full flex items-center justify-center"};function to(e,s,m,f,b,w){const c=o("bot-placeholder"),d=o("task-preview"),a=o("no-tasks");return n(),r(I,null,[e.tasks?.items===void 0?(n(),r("div",Zt,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),r("div",xt,[(n(!0),r(I,null,L(e.tasks?.items,g=>(n(),y(d,{key:g.id,"model-value":g},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(n(),r("div",eo,[t(a)])):$("",!0)],64)}const oo=k(Yt,[["render",to]]),so="https://webhook.acedata.cloud/kling",no=v({name:"KlingIndex",components:{ConfigPanel:It,Layout:_e,RecentPanel:oo},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.kling?.status?.getApplications===x.Request},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=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},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(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:m,createdAtMax:f}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",f),await this.$store.dispatch("kling/getTasks",{limit:s,createdAtMin:m,createdAtMax:f})},async onGenerate(){const e={...this.config,callback_url:so},s=this.credential?.token;if(!s){console.error("no token specified");return}V.info(this.$t("kling.message.startingTask")),Y.generate(e,{token:s}).then(()=>{V.success(this.$t("kling.message.startTaskSuccess"))}).catch(m=>{m?.response?.data?.error?.code===Z?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)})}}});function ao(e,s,m,f,b,w){const c=o("config-panel"),d=o("recent-panel"),a=o("layout");return n(),y(a,null,{config:u(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Bo=k(no,[["render",ao]]);export{Bo as default};

package/dist/assets/{Index-C5i246jG.js → Index-CiFUMUAx.js}

@@ -1 +1 @@
-import{F as U}from"./index.es-C1V2-50N.js";import{E as R}from"./index-CJv1aMlW.js";import{E as M}from"./index-OFY1BC82.js";import{d as f,h,b as i,t as l,k as t,r as P,j as u,l as o,o as a,ez as O,x as c,F as w,v as x,i as V,eA as q,eB as B,eC as z,eD as N,eE as X,n as I,f as Q,c6 as H,D as k,y,eF as Y,dr as J,dm as K}from"./index-fxz5Mq_f.js";import{E as T,a as C}from"./index-CanvkRMB.js";import{I as D}from"./InfoIcon-DFXJKC-J.js";import{E as W,a as Z}from"./index-CILUP1nM.js";import{I as ee}from"./ImagePreview-BANjUoLl.js";import{E as te}from"./index-DnN1FEm4.js";import{E as S}from"./index-CQjC-X8h.js";import{E as oe}from"./index-CPb5LKSR.js";import{C as se,B as ne,N as ae}from"./NoTasks-N8sLmBAT.js";import{a as le}from"./price-BaKxpblg.js";import{C as ie}from"./CopyToClipboard-C-eVze78.js";import{V as re}from"./VideoPlayer-C5zjP9bd.js";import{E as ce}from"./index-Dhhmr0UT.js";import{E as pe}from"./index-DtNfxHJO.js";import{E as de}from"./index-NDJG3k-V.js";import"./use-form-item-DEuJEd6M.js";import"./index-r5W6hzzQ.js";import"./index-DpoxJYqP.js";import"./typescript-DBePEcuC.js";import"./index-DLSeo-eZ.js";import"./strings-Dw_KZ56Z.js";import"./castArray-Bo83kxTT.js";import"./isEqual-CghzzvIn.js";import"./_initCloneObject-CCdcRM7n.js";import"./debounce-DjfTZzPz.js";import"./_baseIteratee-C1kG3yyx.js";import"./index-D1Luvvxn.js";import"./index-DSxjQGfY.js";import"./_baseClone-CH-6g0Pt.js";import"./index-BXHdUYIx.js";import"./index-DfR2Ba-e.js";import"./vue-plyr-QZFBikSk.js";const ue=f({name:"LayoutPixverse",components:{ElDrawer:M,ElButton:R,FontAwesomeIcon:U},data(){return{drawer:!1}}}),me={class:"main"},ve={class:"config"},_e={class:"result"};function fe(e,s,d,m,$,g){const r=o("font-awesome-icon"),p=o("el-button"),n=o("el-drawer");return a(),i("div",me,[l("div",ve,[P(e.$slots,"config",{},void 0,!0)]),l("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:u(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const he=h(ue,[["render",fe],["__scopeId","data-v-bad7adf6"]]),$e=f({name:"ModelSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||(this.value=O)}}),ge={class:"field"},be={class:"title font-bold"};function ye(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",ge,[l("h2",be,c(e.$t("pixverse.name.model")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=h($e,[["render",ye],["__scopeId","data-v-e8f337ca"]]),Ve=f({name:"QualitySelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||(this.value=q)}}),we={class:"field"},xe={class:"title font-bold"};function Se(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",we,[l("h2",xe,c(e.$t("pixverse.name.quality")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=h(Ve,[["render",Se],["__scopeId","data-v-64aeaae9"]]),Ie=f({name:"MotionSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||(this.value=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Ue(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",Te,[l("h2",Ce,c(e.$t("pixverse.name.motion")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Re=h(Ie,[["render",Ue],["__scopeId","data-v-94237408"]]),Ae=f({name:"StyleSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||(this.value=z)}}),Pe={class:"field"},De={class:"title font-bold"};function Le(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",Pe,[l("h2",De,c(e.$t("pixverse.name.style")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=h(Ae,[["render",Le],["__scopeId","data-v-64e17b3c"]]),je=f({name:"SeedSelector",components:{ElSlider:Z,InfoIcon:D,ElInputNumber:W},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||(this.value=void 0)}}),Fe={class:"flex justify-between"},Me={class:"flex justify-start items-center"},Oe={class:"text-sm font-bold"},qe={class:"flex justify-end items-center"},Be={class:"w-full"};function ze(e,s,d,m,$,g){const r=o("info-icon"),p=o("el-input-number"),n=o("el-slider");return a(),i("div",null,[l("div",Fe,[l("div",Me,[l("span",Oe,c(e.$t("pixverse.name.seed")),1),t(r,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),l("div",qe,[t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Be,[t(n,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const Ne=h(je,[["render",ze]]),Xe=f({name:"DurationSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||(this.value=N)}}),Qe={class:"field"},He={class:"title font-bold"};function Ye(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",Qe,[l("h2",He,c(e.$t("pixverse.name.duration")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Je=h(Xe,[["render",Ye],["__scopeId","data-v-065c77ef"]]),Ke=f({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,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.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=X)}}),We={class:"text-sm font-bold mb-2 block"},Ze={class:"items"},et=["onClick"],tt={class:"name"};function ot(e,s,d,m,$,g){return a(),i("div",null,[l("span",We,c(e.$t("pixverse.name.aspectRatio")),1),l("div",Ze,[(a(!0),i(w,null,x(e.options,(r,p)=>(a(),i("div",{key:p,class:I({active:e.active===p,item:!0}),onClick:n=>e.value=r.value},[l("div",{class:I(["preview",r.label])},[l("div",{class:"rect",style:Q({width:r.width+"px",height:r.height+"px"})},null,4)],2),l("p",tt,c(r.label),1)],10,et))),128))])])}const st=h(Ke,[["render",ot],["__scopeId","data-v-32a7677f"]]),nt=f({name:"StartImage",components:{ElUpload:te,ElButton:R,InfoIcon:D,FontAwesomeIcon:U,ImagePreview:ee},emits:["change"],data(){return{fileList:[],uploadUrl:H()+"/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?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){S.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),at={class:"relative"},lt={class:"flex justify-between"},it={class:"flex justify-start items-center"},rt={class:"text-sm font-bold"};function ct(e,s,d,m,$,g){const r=o("info-icon"),p=o("image-preview"),n=o("font-awesome-icon"),_=o("el-button"),b=o("el-upload");return a(),i("div",at,[l("div",lt,[l("div",it,[l("span",rt,c(e.$t("pixverse.name.startImage")),1),t(r,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),t(b,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=v=>e.fileList=v),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:u(({file:v})=>[v.url&&v.percentage!==void 0?(a(),V(p,{key:0,url:v.url,name:v.name,percentage:v.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(v),1)},null,8,["url","name","percentage","onRemove"])):y("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),k(" "+c(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const pt=h(nt,[["render",ct],["__scopeId","data-v-666104e4"]]),dt="",ut=f({name:"PromptInput",components:{ElInput:oe,InfoIcon:D},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=dt)}}),mt={class:"field"},vt={class:"box"},_t={class:"title font-bold"};function ft(e,s,d,m,$,g){const r=o("info-icon"),p=o("el-input");return a(),i("div",mt,[l("div",vt,[l("h2",_t,c(e.$t("pixverse.name.prompt")),1),t(r,{content:e.$t("pixverse.description.prompt"),class:"info"},null,8,["content"])]),t(p,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pixverse.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ht=h(ut,[["render",ft],["__scopeId","data-v-b3dd608e"]]),$t=f({name:"ConfigPanel",components:{ElButton:R,FontAwesomeIcon:U,PromptInput:ht,ModelSelector:ke,QualitySelector:Ee,MotionSelector:Re,StyleSelector:Ge,DurationSelector:Je,StartImage:pt,SeedSelector:Ne,RatioSelector:st,Consumption:se},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return le(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),gt={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-[15px]"},yt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function kt(e,s,d,m,$,g){const r=o("prompt-input"),p=o("model-selector"),n=o("style-selector"),_=o("ratio-selector"),b=o("motion-selector"),v=o("quality-selector"),E=o("start-image"),A=o("seed-selector"),L=o("duration-selector"),G=o("consumption"),j=o("font-awesome-icon"),F=o("el-button");return a(),i("div",gt,[l("div",bt,[t(r,{class:"mb-4"}),t(p,{class:"mb-4"}),t(n,{class:"mb-4"}),t(_,{class:"mb-4"}),t(b,{class:"mb-4"}),t(v,{class:"mb-4"}),t(E,{class:"mb-2"}),t(A,{class:"mb-4"}),t(L,{class:"mb-4"})]),l("div",yt,[t(G,{value:e.consumption,service:e.service},null,8,["value","service"]),t(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(j,{icon:"fa-solid fa-magic",class:"mr-2"}),k(" "+c(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const Vt=h($t,[["render",kt]]),wt=f({name:"TaskPreview",components:{ElImage:de,CopyToClipboard:ie,FontAwesomeIcon:U,ElAlert:pe,VideoPlayer:re,ElTooltip:ce,ElButton:R},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),xt={class:"preview"},St={class:"left"},Et={class:"main"},It={class:"bot"},Tt={class:"datetime"},Ct={class:"info"},Ut={key:0,class:"prompt mt-2"},Rt={key:0},At={key:1},Pt={key:0,class:I({content:!0,failed:!0})},Dt={key:0,class:"mb-4"},Lt={key:1,class:I({operations:!0,"mt-2":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},jt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ft={key:1,class:I({content:!0})},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={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"};function Bt(e,s,d,m,$,g){const r=o("el-image"),p=o("video-player"),n=o("el-button"),_=o("el-tooltip"),b=o("font-awesome-icon"),v=o("copy-to-clipboard"),E=o("el-alert");return a(),i("div",xt,[l("div",St,[t(r,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),l("div",Et,[l("div",It,[k(c(e.$t("pixverse.name.pixverseBot"))+" ",1),l("span",Tt,c(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",Ct,[e.modelValue?.request?.prompt?(a(),i("p",Ut,[k(c(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?y("",!0):(a(),i("span",Rt," - ("+c(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"||e.modelValue?.response?.data[0]?.state==="pending")?(a(),i("span",At," - ("+c(e.$t("pixverse.status.processing"))+") ",1)):y("",!0)])):y("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),i("div",Pt,[e.modelValue?.response?.data[0]?.video_url?(a(),i("div",Dt,[t(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):y("",!0),e.modelValue?.response.success?(a(),i("div",Lt,[t(_,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),V(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=A=>e.onDownload(A,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[k(c(e.$t("pixverse.button.download")),1)]),_:1})):y("",!0)]),_:1},8,["content"])])):y("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",Gt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.model"))+": "+c(e.modelValue?.request?.model),1)]),l("p",jt,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):y("",!0),e.modelValue?.response?.success===!1?(a(),i("div",Ft,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(b,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.failure")),1)]),default:u(()=>[l("p",Mt,[t(b,{icon:"fa-solid fa-circle-info",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.failureReason"))+": "+c(e.modelValue?.response?.error?.message)+" ",1),t(v,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),l("p",Ot,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",qt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.traceId"))+": "+c(e.modelValue?.response?.trace_id)+" ",1),t(v,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):y("",!0)]),_:1})])):y("",!0)])])}const zt=h(wt,[["render",Bt],["__scopeId","data-v-3f3bff8a"]]),Nt=f({name:"RecentPanel",components:{TaskPreview:zt,NoTasks:ae,BotPlaceholder:ne},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Xt={key:0},Qt={key:1,class:"h-full w-full overflow-y-auto tasks"},Ht={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,s,d,m,$,g){const r=o("bot-placeholder"),p=o("task-preview"),n=o("no-tasks");return a(),i(w,null,[e.tasks?.items===void 0?(a(),i("div",Xt,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),i("div",Qt,[(a(!0),i(w,null,x(e.tasks?.items,(_,b)=>(a(),V(p,{key:b,"model-value":_},null,8,["model-value"]))),128))])):y("",!0),e.tasks?.items?.length===0?(a(),i("div",Ht,[t(n)])):y("",!0)],64)}const Jt=h(Nt,[["render",Yt]]),Kt="https://webhook.acedata.cloud/pixverse",Wt=f({name:"PixverseIndex",components:{ConfigPanel:Vt,Layout:he,RecentPanel:Jt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pixverse?.status?.getApplications===K.Request},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.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=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:d,createdAtMax:m}=e||{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",m),await this.$store.dispatch("pixverse/getTasks",{limit:s,createdAtMin:d,createdAtMax:m})},async onGenerate(){const e={...this.config,callback_url:Kt},s=this.credential?.token;if(!s){console.error("no token specified");return}S.info(this.$t("pixverse.message.startingTask")),Y.generate(e,{token:s}).then(()=>{S.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===J?S.error(this.$t("pixverse.message.usedUp")):S.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,s,d,m,$,g){const r=o("config-panel"),p=o("recent-panel"),n=o("layout");return a(),V(n,null,{config:u(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Lo=h(Wt,[["render",Zt]]);export{Lo as default};
+import{F as U}from"./index.es-DMKC3kSl.js";import{E as R}from"./index-JR6VCEaW.js";import{E as M}from"./index-DioM38n8.js";import{d as f,h,b as i,t as l,k as t,r as P,j as u,l as o,o as a,ez as O,x as c,F as w,v as x,i as V,eA as q,eB as B,eC as z,eD as N,eE as X,n as I,f as Q,c6 as H,D as k,y,eF as Y,dr as J,dm as K}from"./index-DlZrIwQl.js";import{E as T,a as C}from"./index-BwvM90rm.js";import{I as D}from"./InfoIcon-B-pWYpXf.js";import{E as W,a as Z}from"./index-eLWTVVTa.js";import{I as ee}from"./ImagePreview-CrYUOIUC.js";import{E as te}from"./index-C78CVb4w.js";import{E as S}from"./index-DyaSHTbp.js";import{E as oe}from"./index-GAwF9ld_.js";import{C as se,B as ne,N as ae}from"./NoTasks-DhMwy0fW.js";import{a as le}from"./price-CopKH8wb.js";import{C as ie}from"./CopyToClipboard-BpQdSord.js";import{V as re}from"./VideoPlayer-CMoCOK-2.js";import{E as ce}from"./index-C-kuWklD.js";import{E as pe}from"./index-DajaCXwQ.js";import{E as de}from"./index-DQrPLSAi.js";import"./use-form-item-BrBRxl7V.js";import"./index-r5W6hzzQ.js";import"./index-DFFGaF-m.js";import"./typescript-C7e2RhT_.js";import"./index-Bes0kUIX.js";import"./strings-ClubiYVB.js";import"./castArray-Bx9N9ecv.js";import"./isEqual-DDj5e66m.js";import"./_initCloneObject-BFc9nFj7.js";import"./debounce-LQ3BUvW2.js";import"./_baseIteratee-C1JMkkjb.js";import"./index-BApEDemr.js";import"./index-D1DrOds3.js";import"./_baseClone-3DUpUcA-.js";import"./index-AzDMYUSd.js";import"./index-BcnUxXVu.js";import"./vue-plyr-QZFBikSk.js";const ue=f({name:"LayoutPixverse",components:{ElDrawer:M,ElButton:R,FontAwesomeIcon:U},data(){return{drawer:!1}}}),me={class:"main"},ve={class:"config"},_e={class:"result"};function fe(e,s,d,m,$,g){const r=o("font-awesome-icon"),p=o("el-button"),n=o("el-drawer");return a(),i("div",me,[l("div",ve,[P(e.$slots,"config",{},void 0,!0)]),l("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:u(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const he=h(ue,[["render",fe],["__scopeId","data-v-bad7adf6"]]),$e=f({name:"ModelSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||(this.value=O)}}),ge={class:"field"},be={class:"title font-bold"};function ye(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",ge,[l("h2",be,c(e.$t("pixverse.name.model")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=h($e,[["render",ye],["__scopeId","data-v-e8f337ca"]]),Ve=f({name:"QualitySelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||(this.value=q)}}),we={class:"field"},xe={class:"title font-bold"};function Se(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",we,[l("h2",xe,c(e.$t("pixverse.name.quality")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=h(Ve,[["render",Se],["__scopeId","data-v-64aeaae9"]]),Ie=f({name:"MotionSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||(this.value=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Ue(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",Te,[l("h2",Ce,c(e.$t("pixverse.name.motion")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Re=h(Ie,[["render",Ue],["__scopeId","data-v-94237408"]]),Ae=f({name:"StyleSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||(this.value=z)}}),Pe={class:"field"},De={class:"title font-bold"};function Le(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",Pe,[l("h2",De,c(e.$t("pixverse.name.style")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=h(Ae,[["render",Le],["__scopeId","data-v-64e17b3c"]]),je=f({name:"SeedSelector",components:{ElSlider:Z,InfoIcon:D,ElInputNumber:W},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||(this.value=void 0)}}),Fe={class:"flex justify-between"},Me={class:"flex justify-start items-center"},Oe={class:"text-sm font-bold"},qe={class:"flex justify-end items-center"},Be={class:"w-full"};function ze(e,s,d,m,$,g){const r=o("info-icon"),p=o("el-input-number"),n=o("el-slider");return a(),i("div",null,[l("div",Fe,[l("div",Me,[l("span",Oe,c(e.$t("pixverse.name.seed")),1),t(r,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),l("div",qe,[t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Be,[t(n,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const Ne=h(je,[["render",ze]]),Xe=f({name:"DurationSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||(this.value=N)}}),Qe={class:"field"},He={class:"title font-bold"};function Ye(e,s,d,m,$,g){const r=o("el-option"),p=o("el-select");return a(),i("div",Qe,[l("h2",He,c(e.$t("pixverse.name.duration")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),i(w,null,x(e.options,n=>(a(),V(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Je=h(Xe,[["render",Ye],["__scopeId","data-v-065c77ef"]]),Ke=f({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,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.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=X)}}),We={class:"text-sm font-bold mb-2 block"},Ze={class:"items"},et=["onClick"],tt={class:"name"};function ot(e,s,d,m,$,g){return a(),i("div",null,[l("span",We,c(e.$t("pixverse.name.aspectRatio")),1),l("div",Ze,[(a(!0),i(w,null,x(e.options,(r,p)=>(a(),i("div",{key:p,class:I({active:e.active===p,item:!0}),onClick:n=>e.value=r.value},[l("div",{class:I(["preview",r.label])},[l("div",{class:"rect",style:Q({width:r.width+"px",height:r.height+"px"})},null,4)],2),l("p",tt,c(r.label),1)],10,et))),128))])])}const st=h(Ke,[["render",ot],["__scopeId","data-v-32a7677f"]]),nt=f({name:"StartImage",components:{ElUpload:te,ElButton:R,InfoIcon:D,FontAwesomeIcon:U,ImagePreview:ee},emits:["change"],data(){return{fileList:[],uploadUrl:H()+"/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?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){S.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),at={class:"relative"},lt={class:"flex justify-between"},it={class:"flex justify-start items-center"},rt={class:"text-sm font-bold"};function ct(e,s,d,m,$,g){const r=o("info-icon"),p=o("image-preview"),n=o("font-awesome-icon"),_=o("el-button"),b=o("el-upload");return a(),i("div",at,[l("div",lt,[l("div",it,[l("span",rt,c(e.$t("pixverse.name.startImage")),1),t(r,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),t(b,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=v=>e.fileList=v),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:u(({file:v})=>[v.url&&v.percentage!==void 0?(a(),V(p,{key:0,url:v.url,name:v.name,percentage:v.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(v),1)},null,8,["url","name","percentage","onRemove"])):y("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),k(" "+c(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const pt=h(nt,[["render",ct],["__scopeId","data-v-666104e4"]]),dt="",ut=f({name:"PromptInput",components:{ElInput:oe,InfoIcon:D},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=dt)}}),mt={class:"field"},vt={class:"box"},_t={class:"title font-bold"};function ft(e,s,d,m,$,g){const r=o("info-icon"),p=o("el-input");return a(),i("div",mt,[l("div",vt,[l("h2",_t,c(e.$t("pixverse.name.prompt")),1),t(r,{content:e.$t("pixverse.description.prompt"),class:"info"},null,8,["content"])]),t(p,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pixverse.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ht=h(ut,[["render",ft],["__scopeId","data-v-b3dd608e"]]),$t=f({name:"ConfigPanel",components:{ElButton:R,FontAwesomeIcon:U,PromptInput:ht,ModelSelector:ke,QualitySelector:Ee,MotionSelector:Re,StyleSelector:Ge,DurationSelector:Je,StartImage:pt,SeedSelector:Ne,RatioSelector:st,Consumption:se},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return le(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),gt={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-[15px]"},yt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function kt(e,s,d,m,$,g){const r=o("prompt-input"),p=o("model-selector"),n=o("style-selector"),_=o("ratio-selector"),b=o("motion-selector"),v=o("quality-selector"),E=o("start-image"),A=o("seed-selector"),L=o("duration-selector"),G=o("consumption"),j=o("font-awesome-icon"),F=o("el-button");return a(),i("div",gt,[l("div",bt,[t(r,{class:"mb-4"}),t(p,{class:"mb-4"}),t(n,{class:"mb-4"}),t(_,{class:"mb-4"}),t(b,{class:"mb-4"}),t(v,{class:"mb-4"}),t(E,{class:"mb-2"}),t(A,{class:"mb-4"}),t(L,{class:"mb-4"})]),l("div",yt,[t(G,{value:e.consumption,service:e.service},null,8,["value","service"]),t(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(j,{icon:"fa-solid fa-magic",class:"mr-2"}),k(" "+c(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const Vt=h($t,[["render",kt]]),wt=f({name:"TaskPreview",components:{ElImage:de,CopyToClipboard:ie,FontAwesomeIcon:U,ElAlert:pe,VideoPlayer:re,ElTooltip:ce,ElButton:R},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),xt={class:"preview"},St={class:"left"},Et={class:"main"},It={class:"bot"},Tt={class:"datetime"},Ct={class:"info"},Ut={key:0,class:"prompt mt-2"},Rt={key:0},At={key:1},Pt={key:0,class:I({content:!0,failed:!0})},Dt={key:0,class:"mb-4"},Lt={key:1,class:I({operations:!0,"mt-2":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},jt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ft={key:1,class:I({content:!0})},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={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"};function Bt(e,s,d,m,$,g){const r=o("el-image"),p=o("video-player"),n=o("el-button"),_=o("el-tooltip"),b=o("font-awesome-icon"),v=o("copy-to-clipboard"),E=o("el-alert");return a(),i("div",xt,[l("div",St,[t(r,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),l("div",Et,[l("div",It,[k(c(e.$t("pixverse.name.pixverseBot"))+" ",1),l("span",Tt,c(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",Ct,[e.modelValue?.request?.prompt?(a(),i("p",Ut,[k(c(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?y("",!0):(a(),i("span",Rt," - ("+c(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"||e.modelValue?.response?.data[0]?.state==="pending")?(a(),i("span",At," - ("+c(e.$t("pixverse.status.processing"))+") ",1)):y("",!0)])):y("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),i("div",Pt,[e.modelValue?.response?.data[0]?.video_url?(a(),i("div",Dt,[t(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):y("",!0),e.modelValue?.response.success?(a(),i("div",Lt,[t(_,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),V(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=A=>e.onDownload(A,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[k(c(e.$t("pixverse.button.download")),1)]),_:1})):y("",!0)]),_:1},8,["content"])])):y("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",Gt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.model"))+": "+c(e.modelValue?.request?.model),1)]),l("p",jt,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):y("",!0),e.modelValue?.response?.success===!1?(a(),i("div",Ft,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(b,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.failure")),1)]),default:u(()=>[l("p",Mt,[t(b,{icon:"fa-solid fa-circle-info",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.failureReason"))+": "+c(e.modelValue?.response?.error?.message)+" ",1),t(v,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),l("p",Ot,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",qt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.traceId"))+": "+c(e.modelValue?.response?.trace_id)+" ",1),t(v,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):y("",!0)]),_:1})])):y("",!0)])])}const zt=h(wt,[["render",Bt],["__scopeId","data-v-3f3bff8a"]]),Nt=f({name:"RecentPanel",components:{TaskPreview:zt,NoTasks:ae,BotPlaceholder:ne},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Xt={key:0},Qt={key:1,class:"h-full w-full overflow-y-auto tasks"},Ht={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,s,d,m,$,g){const r=o("bot-placeholder"),p=o("task-preview"),n=o("no-tasks");return a(),i(w,null,[e.tasks?.items===void 0?(a(),i("div",Xt,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),i("div",Qt,[(a(!0),i(w,null,x(e.tasks?.items,(_,b)=>(a(),V(p,{key:b,"model-value":_},null,8,["model-value"]))),128))])):y("",!0),e.tasks?.items?.length===0?(a(),i("div",Ht,[t(n)])):y("",!0)],64)}const Jt=h(Nt,[["render",Yt]]),Kt="https://webhook.acedata.cloud/pixverse",Wt=f({name:"PixverseIndex",components:{ConfigPanel:Vt,Layout:he,RecentPanel:Jt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pixverse?.status?.getApplications===K.Request},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.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=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:d,createdAtMax:m}=e||{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",m),await this.$store.dispatch("pixverse/getTasks",{limit:s,createdAtMin:d,createdAtMax:m})},async onGenerate(){const e={...this.config,callback_url:Kt},s=this.credential?.token;if(!s){console.error("no token specified");return}S.info(this.$t("pixverse.message.startingTask")),Y.generate(e,{token:s}).then(()=>{S.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===J?S.error(this.$t("pixverse.message.usedUp")):S.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,s,d,m,$,g){const r=o("config-panel"),p=o("recent-panel"),n=o("layout");return a(),V(n,null,{config:u(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Lo=h(Wt,[["render",Zt]]);export{Lo as default};

package/dist/assets/{Index-DbjORQ3A.js → Index-Cyzpd0t6.js}

@@ -1 +1 @@
-import{F as A}from"./index.es-C1V2-50N.js";import{E as G}from"./index-CJv1aMlW.js";import{E as B}from"./index-OFY1BC82.js";import{d as g,h as b,b as r,t as i,k as o,r as R,j as c,l as s,o as n,ew as F,x as a,F as C,v as L,i as w,ex as M,y as m,c6 as q,D as v,J as S,K as T,n as U,ey as z,dr as N,dm as H}from"./index-fxz5Mq_f.js";import{E as j,a as D}from"./index-CanvkRMB.js";import{V as P}from"./VideoPlayer-C5zjP9bd.js";import{I as O}from"./InfoIcon-DFXJKC-J.js";import{I as K}from"./ImagePreview-BANjUoLl.js";import{E as J}from"./index-DnN1FEm4.js";import{E}from"./index-CQjC-X8h.js";import{C as Q,B as W,N as X}from"./NoTasks-N8sLmBAT.js";import{E as Y}from"./index-CPb5LKSR.js";import{a as Z}from"./price-BaKxpblg.js";import{C as x}from"./CopyToClipboard-C-eVze78.js";import{E as ee}from"./index-Dhhmr0UT.js";import{E as oe}from"./index-DtNfxHJO.js";import{E as te}from"./index-NDJG3k-V.js";import"./use-form-item-DEuJEd6M.js";import"./index-r5W6hzzQ.js";import"./index-DpoxJYqP.js";import"./typescript-DBePEcuC.js";import"./index-DLSeo-eZ.js";import"./strings-Dw_KZ56Z.js";import"./castArray-Bo83kxTT.js";import"./isEqual-CghzzvIn.js";import"./_initCloneObject-CCdcRM7n.js";import"./debounce-DjfTZzPz.js";import"./_baseIteratee-C1kG3yyx.js";import"./index-D1Luvvxn.js";import"./vue-plyr-QZFBikSk.js";import"./index-DSxjQGfY.js";import"./_baseClone-CH-6g0Pt.js";import"./index-DfR2Ba-e.js";import"./index-BXHdUYIx.js";const se=g({name:"LayoutVeo",components:{ElDrawer:B,ElButton:G,FontAwesomeIcon:A},data(){return{drawer:!1}}}),ne={class:"main"},ae={class:"config"},le={class:"result"};function re(e,t,_,h,k,y){const d=s("font-awesome-icon"),p=s("el-button"),l=s("el-drawer");return n(),r("div",ne,[i("div",ae,[R(e.$slots,"config",{},void 0,!0)]),i("div",le,[R(e.$slots,"result",{},void 0,!0)]),o(p,{circle:"",class:"menu",onClick:t[0]||(t[0]=$=>e.drawer=!0)},{default:c(()=>[o(d,{icon:"fa-solid fa-magic"})]),_:1}),o(l,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=$=>e.drawer=$),direction:"ltr","with-header":!1,size:"350px"},{default:c(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ie=b(se,[["render",re],["__scopeId","data-v-9ef3dd3f"]]),ce=g({name:"ModelSelector",components:{ElSelect:D,ElOption:j},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"veo2",label:"veo2"},{value:"veo2-fast",label:"veo2-fast"},{value:"veo3",label:"veo3"},{value:"veo3-fast",label:"veo3-fast"}]}},computed:{value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,model:e})}}},mounted(){this.value||(this.value=F)}}),de={class:"field"},pe={class:"title font-bold"};function ue(e,t,_,h,k,y){const d=s("el-option"),p=s("el-select");return n(),r("div",de,[i("h2",pe,a(e.$t("veo.name.model")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:c(()=>[(n(!0),r(C,null,L(e.options,l=>(n(),w(d,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const me=b(ce,[["render",ue],["__scopeId","data-v-ef445fc5"]]),fe=g({name:"ModelSelector",components:{ElSelect:D,ElOption:j},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("veo.button.action1")},{value:"image2video",label:this.$t("veo.button.action2")},{value:"get1080p",label:this.$t("veo.button.action3")}]},value:{get(){return this.$store.state.veo?.config?.action},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,action:e})}}},mounted(){this.value||(this.value=M)}}),ve={class:"field"},_e={class:"title font-bold"},he={class:"float-left"};function $e(e,t,_,h,k,y){const d=s("el-option"),p=s("el-select");return n(),r("div",ve,[i("h2",_e,a(e.$t("veo.name.action")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),class:"value",placeholder:e.$t("veo.placeholder.select"),clearable:""},{default:c(()=>[(n(!0),r(C,null,L(e.options,l=>(n(),w(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",he,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ge=b(fe,[["render",$e],["__scopeId","data-v-821be9a3"]]),be=g({name:"VideoFromInput",components:{VideoPlayer:P},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.veo?.config}}}),ke={class:"relative"},ye={class:"flex mb-2"},we={class:"text-sm font-bold"};function Ve(e,t,_,h,k,y){const d=s("video-player");return n(),r("div",ke,[i("div",ye,[i("span",we,a(e.$t("veo.name.action3")),1)]),i("div",null,[e.config?.video_url?(n(),w(d,{key:0,src:e.config?.video_url},null,8,["src"])):m("",!0)])])}const Ee=b(be,[["render",Ve]]),Ie=g({name:"StartEndImage",components:{ElUpload:J,ElButton:G,InfoIcon:O,FontAwesomeIcon:A,ImagePreview:K},emits:["change"],data(){return{fileList:[],uploadUrl:q()+"/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?.veo?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){E.warning(this.$t("veo.message.uploadReferencesExceed"))},onError(){E.error(this.$t("veo.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),Se={class:"relative"},Te={class:"flex justify-between"},Ce={class:"flex justify-start items-center"},Ae={class:"text-sm font-bold"};function Ge(e,t,_,h,k,y){const d=s("info-icon"),p=s("image-preview"),l=s("font-awesome-icon"),$=s("el-button"),f=s("el-upload");return n(),r("div",Se,[i("div",Te,[i("div",Ce,[i("span",Ae,a(e.$t("veo.name.startEndImage")),1),o(d,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),o(f,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=u=>e.fileList=u),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:c(({file:u})=>[u.url&&u.percentage!==void 0?(n(),w(p,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):m("",!0)]),default:c(()=>[o($,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),v(" "+a(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ue=b(Ie,[["render",Ge],["__scopeId","data-v-43d971b7"]]),Re="",Le=g({name:"PromptInput",components:{ElInput:Y,InfoIcon:O},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Re)}}),je={class:"field"},De={class:"box"},Pe={class:"title font-bold"};function Oe(e,t,_,h,k,y){const d=s("info-icon"),p=s("el-input");return n(),r("div",je,[i("div",De,[i("h2",Pe,a(e.$t("veo.name.prompt")),1),o(d,{content:e.$t("veo.description.prompt"),class:"info"},null,8,["content"])]),o(p,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("veo.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Be=b(Le,[["render",Oe],["__scopeId","data-v-9189572a"]]),Fe=g({name:"ConfigPanel",components:{ElButton:G,Consumption:Q,FontAwesomeIcon:A,PromptInput:Be,ModelSelector:me,StartEndImage:Ue,ActionSelector:ge,VideoFromInput:Ee},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return Z(this.config,this.service?.metadata?.price)},service(){return this.$store.state.veo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Me={class:"flex flex-col h-full"},qe={class:"flex-1 overflow-y-auto p-[15px]"},ze={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ne(e,t,_,h,k,y){const d=s("video-from-input"),p=s("action-selector"),l=s("prompt-input"),$=s("model-selector"),f=s("start-end-image"),u=s("consumption"),V=s("font-awesome-icon"),I=s("el-button");return n(),r("div",Me,[i("div",qe,[S(o(d,{class:"mb-4"},null,512),[[T,e.config?.action==="get1080p"]]),o(p,{class:"mb-4"}),S(o(l,{class:"mb-4"},null,512),[[T,e.config?.action!=="get1080p"]]),S(o($,{class:"mb-4"},null,512),[[T,e.config?.action!=="get1080p"]]),S(o(f,{class:"mb-2"},null,512),[[T,e.config?.action==="image2video"]])]),i("div",ze,[o(u,{value:e.consumption,service:e.service},null,8,["value","service"]),o(I,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[o(V,{icon:"fa-solid fa-magic",class:"mr-2"}),v(" "+a(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const He=b(Fe,[["render",Ne]]),Ke=g({name:"TaskPreview",components:{ElImage:te,CopyToClipboard:x,FontAwesomeIcon:A,ElAlert:oe,VideoPlayer:P,ElTooltip:ee,ElButton:G},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.veo?.application},config(){return this.$store.state.veo?.config}},methods:{onGet1080p(e,t){console.debug("set config",t),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,video_id:t?.data?.[0]?.id,video_url:t?.data[0]?.video_url,action:"get1080p"})},onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Je={class:"preview"},Qe={class:"left"},We={class:"main"},Xe={class:"bot"},Ye={class:"datetime"},Ze={class:"info"},xe={key:0,class:"prompt mt-2"},eo={key:0},oo={key:1},to={key:0,class:U({content:!0,failed:!0})},so={key:0,class:"mb-4"},no={key:1,class:U({operations:!0,"mt-2":!0})},ao={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},lo={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ro={key:1,class:U({content:!0})},io={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},co={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},po={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},uo={key:2,class:U({content:!0})},mo={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},fo={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function vo(e,t,_,h,k,y){const d=s("el-image"),p=s("video-player"),l=s("el-button"),$=s("el-tooltip"),f=s("font-awesome-icon"),u=s("copy-to-clipboard"),V=s("el-alert");return n(),r("div",Je,[i("div",Qe,[o(d,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),i("div",We,[i("div",Xe,[v(a(e.$t("veo.name.veoBot"))+" ",1),i("span",Ye,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",Ze,[e.modelValue?.request?.prompt?(n(),r("p",xe,[v(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?m("",!0):(n(),r("span",eo," - ("+a(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(n(),r("span",oo," - ("+a(e.$t("veo.status.processing"))+") ",1)):m("",!0)])):m("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),r("div",to,[e.modelValue?.response?.data[0]?.video_url?(n(),r("div",so,[o(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):m("",!0),e.modelValue?.response.success?(n(),r("div",no,[o($,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:c(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),w(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=I=>e.onGet1080p(I,e.modelValue?.response))},{default:c(()=>[v(a(e.$t("veo.button.action3")),1)]),_:1})):m("",!0)]),_:1},8,["content"]),o($,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:c(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),w(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[1]||(t[1]=I=>e.onDownload(I,e.modelValue?.response?.data[0]?.video_url))},{default:c(()=>[v(a(e.$t("veo.button.download")),1)]),_:1})):m("",!0)]),_:1},8,["content"])])):m("",!0),o(V,{closable:!1,class:"mt-2 success"},{default:c(()=>[i("p",ao,[o(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),v(" "+a(e.$t("veo.name.model"))+": "+a(e.modelValue?.request?.model),1)]),i("p",lo,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),v(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(u,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):m("",!0),e.modelValue?.response?.success===!1?(n(),r("div",ro,[o(V,{closable:!1,class:"failure"},{template:c(()=>[o(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),v(" "+a(e.$t("veo.name.failure")),1)]),default:c(()=>[i("p",io,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),v(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(u,{content:e.modelValue?.id},null,8,["content"])]),i("p",co,[o(f,{icon:"fa-solid fa-circle-info",class:"mr-1"}),v(" "+a(e.$t("veo.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),o(u,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",po,[o(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),v(" "+a(e.$t("veo.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):m("",!0)]),_:1})])):m("",!0),e.modelValue?.response?.success===void 0?(n(),r("div",uo,[o(V,{closable:!1,class:"info"},{template:c(()=>[o(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),v(" "+a(e.$t("veo.name.failure")),1)]),default:c(()=>[i("p",mo,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),v(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(u,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",fo,[o(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),v(" "+a(e.$t("veo.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):m("",!0)]),_:1})])):m("",!0)])])}const _o=b(Ke,[["render",vo],["__scopeId","data-v-5372c9d1"]]),ho=g({name:"RecentPanel",components:{TaskPreview:_o,NoTasks:X,BotPlaceholder:W},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),$o={key:0},go={key:1,class:"tasks h-full w-full overflow-y-auto"},bo={key:2,class:"w-full h-full flex items-center justify-center"};function ko(e,t,_,h,k,y){const d=s("bot-placeholder"),p=s("task-preview"),l=s("no-tasks");return n(),r(C,null,[e.tasks?.items===void 0?(n(),r("div",$o,[o(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),r("div",go,[(n(!0),r(C,null,L(e.tasks?.items,($,f)=>(n(),w(p,{key:f,"model-value":$},null,8,["model-value"]))),128))])):m("",!0),e.tasks?.items?.length===0?(n(),r("div",bo,[o(l)])):m("",!0)],64)}const yo=b(ho,[["render",ko]]),wo="https://webhook.acedata.cloud/veo",Vo=g({name:"VeoIndex",components:{ConfigPanel:He,Layout:ie,RecentPanel:yo},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.veo?.status?.getApplications===H.Request},credential(){return this.$store.state.veo.credential},config(){return this.$store.state.veo.config},tasks(){return this.$store.state.veo.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=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("veo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("veo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:_,createdAtMax:h}=e||{};console.debug("limit",t,"createdAtMin",_,"createdAtMax",h),await this.$store.dispatch("veo/getTasks",{limit:t,createdAtMin:_,createdAtMax:h})},async onGenerate(){const e={...this.config,callback_url:wo},t=this.credential?.token;if(!t){console.error("no token specified");return}E.info(this.$t("veo.message.startingTask")),z.generate(e,{token:t}).then(()=>{E.success(this.$t("veo.message.startTaskSuccess"))}).catch(_=>{_?.response?.data?.error?.code===N?E.error(this.$t("veo.message.usedUp")):E.error(this.$t("veo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Eo(e,t,_,h,k,y){const d=s("config-panel"),p=s("recent-panel"),l=s("layout");return n(),w(l,null,{config:c(()=>[o(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[o(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const lt=b(Vo,[["render",Eo]]);export{lt as default};
+import{F as A}from"./index.es-DMKC3kSl.js";import{E as G}from"./index-JR6VCEaW.js";import{E as B}from"./index-DioM38n8.js";import{d as g,h as b,b as r,t as i,k as o,r as R,j as c,l as s,o as n,ew as F,x as a,F as C,v as L,i as w,ex as M,y as m,c6 as q,D as v,J as S,K as T,n as U,ey as z,dr as N,dm as H}from"./index-DlZrIwQl.js";import{E as j,a as D}from"./index-BwvM90rm.js";import{V as P}from"./VideoPlayer-CMoCOK-2.js";import{I as O}from"./InfoIcon-B-pWYpXf.js";import{I as K}from"./ImagePreview-CrYUOIUC.js";import{E as J}from"./index-C78CVb4w.js";import{E}from"./index-DyaSHTbp.js";import{C as Q,B as W,N as X}from"./NoTasks-DhMwy0fW.js";import{E as Y}from"./index-GAwF9ld_.js";import{a as Z}from"./price-CopKH8wb.js";import{C as x}from"./CopyToClipboard-BpQdSord.js";import{E as ee}from"./index-C-kuWklD.js";import{E as oe}from"./index-DajaCXwQ.js";import{E as te}from"./index-DQrPLSAi.js";import"./use-form-item-BrBRxl7V.js";import"./index-r5W6hzzQ.js";import"./index-DFFGaF-m.js";import"./typescript-C7e2RhT_.js";import"./index-Bes0kUIX.js";import"./strings-ClubiYVB.js";import"./castArray-Bx9N9ecv.js";import"./isEqual-DDj5e66m.js";import"./_initCloneObject-BFc9nFj7.js";import"./debounce-LQ3BUvW2.js";import"./_baseIteratee-C1JMkkjb.js";import"./index-BApEDemr.js";import"./vue-plyr-QZFBikSk.js";import"./index-D1DrOds3.js";import"./_baseClone-3DUpUcA-.js";import"./index-BcnUxXVu.js";import"./index-AzDMYUSd.js";const se=g({name:"LayoutVeo",components:{ElDrawer:B,ElButton:G,FontAwesomeIcon:A},data(){return{drawer:!1}}}),ne={class:"main"},ae={class:"config"},le={class:"result"};function re(e,t,_,h,k,y){const d=s("font-awesome-icon"),p=s("el-button"),l=s("el-drawer");return n(),r("div",ne,[i("div",ae,[R(e.$slots,"config",{},void 0,!0)]),i("div",le,[R(e.$slots,"result",{},void 0,!0)]),o(p,{circle:"",class:"menu",onClick:t[0]||(t[0]=$=>e.drawer=!0)},{default:c(()=>[o(d,{icon:"fa-solid fa-magic"})]),_:1}),o(l,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=$=>e.drawer=$),direction:"ltr","with-header":!1,size:"350px"},{default:c(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ie=b(se,[["render",re],["__scopeId","data-v-9ef3dd3f"]]),ce=g({name:"ModelSelector",components:{ElSelect:D,ElOption:j},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"veo2",label:"veo2"},{value:"veo2-fast",label:"veo2-fast"},{value:"veo3",label:"veo3"},{value:"veo3-fast",label:"veo3-fast"}]}},computed:{value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,model:e})}}},mounted(){this.value||(this.value=F)}}),de={class:"field"},pe={class:"title font-bold"};function ue(e,t,_,h,k,y){const d=s("el-option"),p=s("el-select");return n(),r("div",de,[i("h2",pe,a(e.$t("veo.name.model")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:c(()=>[(n(!0),r(C,null,L(e.options,l=>(n(),w(d,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const me=b(ce,[["render",ue],["__scopeId","data-v-ef445fc5"]]),fe=g({name:"ModelSelector",components:{ElSelect:D,ElOption:j},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("veo.button.action1")},{value:"image2video",label:this.$t("veo.button.action2")},{value:"get1080p",label:this.$t("veo.button.action3")}]},value:{get(){return this.$store.state.veo?.config?.action},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,action:e})}}},mounted(){this.value||(this.value=M)}}),ve={class:"field"},_e={class:"title font-bold"},he={class:"float-left"};function $e(e,t,_,h,k,y){const d=s("el-option"),p=s("el-select");return n(),r("div",ve,[i("h2",_e,a(e.$t("veo.name.action")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),class:"value",placeholder:e.$t("veo.placeholder.select"),clearable:""},{default:c(()=>[(n(!0),r(C,null,L(e.options,l=>(n(),w(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",he,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ge=b(fe,[["render",$e],["__scopeId","data-v-821be9a3"]]),be=g({name:"VideoFromInput",components:{VideoPlayer:P},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.veo?.config}}}),ke={class:"relative"},ye={class:"flex mb-2"},we={class:"text-sm font-bold"};function Ve(e,t,_,h,k,y){const d=s("video-player");return n(),r("div",ke,[i("div",ye,[i("span",we,a(e.$t("veo.name.action3")),1)]),i("div",null,[e.config?.video_url?(n(),w(d,{key:0,src:e.config?.video_url},null,8,["src"])):m("",!0)])])}const Ee=b(be,[["render",Ve]]),Ie=g({name:"StartEndImage",components:{ElUpload:J,ElButton:G,InfoIcon:O,FontAwesomeIcon:A,ImagePreview:K},emits:["change"],data(){return{fileList:[],uploadUrl:q()+"/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?.veo?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){E.warning(this.$t("veo.message.uploadReferencesExceed"))},onError(){E.error(this.$t("veo.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),Se={class:"relative"},Te={class:"flex justify-between"},Ce={class:"flex justify-start items-center"},Ae={class:"text-sm font-bold"};function Ge(e,t,_,h,k,y){const d=s("info-icon"),p=s("image-preview"),l=s("font-awesome-icon"),$=s("el-button"),f=s("el-upload");return n(),r("div",Se,[i("div",Te,[i("div",Ce,[i("span",Ae,a(e.$t("veo.name.startEndImage")),1),o(d,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),o(f,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=u=>e.fileList=u),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:c(({file:u})=>[u.url&&u.percentage!==void 0?(n(),w(p,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):m("",!0)]),default:c(()=>[o($,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),v(" "+a(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ue=b(Ie,[["render",Ge],["__scopeId","data-v-43d971b7"]]),Re="",Le=g({name:"PromptInput",components:{ElInput:Y,InfoIcon:O},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Re)}}),je={class:"field"},De={class:"box"},Pe={class:"title font-bold"};function Oe(e,t,_,h,k,y){const d=s("info-icon"),p=s("el-input");return n(),r("div",je,[i("div",De,[i("h2",Pe,a(e.$t("veo.name.prompt")),1),o(d,{content:e.$t("veo.description.prompt"),class:"info"},null,8,["content"])]),o(p,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("veo.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Be=b(Le,[["render",Oe],["__scopeId","data-v-9189572a"]]),Fe=g({name:"ConfigPanel",components:{ElButton:G,Consumption:Q,FontAwesomeIcon:A,PromptInput:Be,ModelSelector:me,StartEndImage:Ue,ActionSelector:ge,VideoFromInput:Ee},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return Z(this.config,this.service?.metadata?.price)},service(){return this.$store.state.veo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Me={class:"flex flex-col h-full"},qe={class:"flex-1 overflow-y-auto p-[15px]"},ze={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ne(e,t,_,h,k,y){const d=s("video-from-input"),p=s("action-selector"),l=s("prompt-input"),$=s("model-selector"),f=s("start-end-image"),u=s("consumption"),V=s("font-awesome-icon"),I=s("el-button");return n(),r("div",Me,[i("div",qe,[S(o(d,{class:"mb-4"},null,512),[[T,e.config?.action==="get1080p"]]),o(p,{class:"mb-4"}),S(o(l,{class:"mb-4"},null,512),[[T,e.config?.action!=="get1080p"]]),S(o($,{class:"mb-4"},null,512),[[T,e.config?.action!=="get1080p"]]),S(o(f,{class:"mb-2"},null,512),[[T,e.config?.action==="image2video"]])]),i("div",ze,[o(u,{value:e.consumption,service:e.service},null,8,["value","service"]),o(I,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[o(V,{icon:"fa-solid fa-magic",class:"mr-2"}),v(" "+a(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const He=b(Fe,[["render",Ne]]),Ke=g({name:"TaskPreview",components:{ElImage:te,CopyToClipboard:x,FontAwesomeIcon:A,ElAlert:oe,VideoPlayer:P,ElTooltip:ee,ElButton:G},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.veo?.application},config(){return this.$store.state.veo?.config}},methods:{onGet1080p(e,t){console.debug("set config",t),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,video_id:t?.data?.[0]?.id,video_url:t?.data[0]?.video_url,action:"get1080p"})},onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Je={class:"preview"},Qe={class:"left"},We={class:"main"},Xe={class:"bot"},Ye={class:"datetime"},Ze={class:"info"},xe={key:0,class:"prompt mt-2"},eo={key:0},oo={key:1},to={key:0,class:U({content:!0,failed:!0})},so={key:0,class:"mb-4"},no={key:1,class:U({operations:!0,"mt-2":!0})},ao={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},lo={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ro={key:1,class:U({content:!0})},io={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},co={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},po={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},uo={key:2,class:U({content:!0})},mo={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},fo={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function vo(e,t,_,h,k,y){const d=s("el-image"),p=s("video-player"),l=s("el-button"),$=s("el-tooltip"),f=s("font-awesome-icon"),u=s("copy-to-clipboard"),V=s("el-alert");return n(),r("div",Je,[i("div",Qe,[o(d,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),i("div",We,[i("div",Xe,[v(a(e.$t("veo.name.veoBot"))+" ",1),i("span",Ye,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",Ze,[e.modelValue?.request?.prompt?(n(),r("p",xe,[v(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?m("",!0):(n(),r("span",eo," - ("+a(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(n(),r("span",oo," - ("+a(e.$t("veo.status.processing"))+") ",1)):m("",!0)])):m("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),r("div",to,[e.modelValue?.response?.data[0]?.video_url?(n(),r("div",so,[o(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):m("",!0),e.modelValue?.response.success?(n(),r("div",no,[o($,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:c(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),w(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=I=>e.onGet1080p(I,e.modelValue?.response))},{default:c(()=>[v(a(e.$t("veo.button.action3")),1)]),_:1})):m("",!0)]),_:1},8,["content"]),o($,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:c(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),w(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[1]||(t[1]=I=>e.onDownload(I,e.modelValue?.response?.data[0]?.video_url))},{default:c(()=>[v(a(e.$t("veo.button.download")),1)]),_:1})):m("",!0)]),_:1},8,["content"])])):m("",!0),o(V,{closable:!1,class:"mt-2 success"},{default:c(()=>[i("p",ao,[o(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),v(" "+a(e.$t("veo.name.model"))+": "+a(e.modelValue?.request?.model),1)]),i("p",lo,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),v(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(u,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):m("",!0),e.modelValue?.response?.success===!1?(n(),r("div",ro,[o(V,{closable:!1,class:"failure"},{template:c(()=>[o(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),v(" "+a(e.$t("veo.name.failure")),1)]),default:c(()=>[i("p",io,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),v(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(u,{content:e.modelValue?.id},null,8,["content"])]),i("p",co,[o(f,{icon:"fa-solid fa-circle-info",class:"mr-1"}),v(" "+a(e.$t("veo.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),o(u,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",po,[o(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),v(" "+a(e.$t("veo.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):m("",!0)]),_:1})])):m("",!0),e.modelValue?.response?.success===void 0?(n(),r("div",uo,[o(V,{closable:!1,class:"info"},{template:c(()=>[o(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),v(" "+a(e.$t("veo.name.failure")),1)]),default:c(()=>[i("p",mo,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),v(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(u,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",fo,[o(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),v(" "+a(e.$t("veo.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):m("",!0)]),_:1})])):m("",!0)])])}const _o=b(Ke,[["render",vo],["__scopeId","data-v-5372c9d1"]]),ho=g({name:"RecentPanel",components:{TaskPreview:_o,NoTasks:X,BotPlaceholder:W},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),$o={key:0},go={key:1,class:"tasks h-full w-full overflow-y-auto"},bo={key:2,class:"w-full h-full flex items-center justify-center"};function ko(e,t,_,h,k,y){const d=s("bot-placeholder"),p=s("task-preview"),l=s("no-tasks");return n(),r(C,null,[e.tasks?.items===void 0?(n(),r("div",$o,[o(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),r("div",go,[(n(!0),r(C,null,L(e.tasks?.items,($,f)=>(n(),w(p,{key:f,"model-value":$},null,8,["model-value"]))),128))])):m("",!0),e.tasks?.items?.length===0?(n(),r("div",bo,[o(l)])):m("",!0)],64)}const yo=b(ho,[["render",ko]]),wo="https://webhook.acedata.cloud/veo",Vo=g({name:"VeoIndex",components:{ConfigPanel:He,Layout:ie,RecentPanel:yo},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.veo?.status?.getApplications===H.Request},credential(){return this.$store.state.veo.credential},config(){return this.$store.state.veo.config},tasks(){return this.$store.state.veo.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=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("veo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("veo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:_,createdAtMax:h}=e||{};console.debug("limit",t,"createdAtMin",_,"createdAtMax",h),await this.$store.dispatch("veo/getTasks",{limit:t,createdAtMin:_,createdAtMax:h})},async onGenerate(){const e={...this.config,callback_url:wo},t=this.credential?.token;if(!t){console.error("no token specified");return}E.info(this.$t("veo.message.startingTask")),z.generate(e,{token:t}).then(()=>{E.success(this.$t("veo.message.startTaskSuccess"))}).catch(_=>{_?.response?.data?.error?.code===N?E.error(this.$t("veo.message.usedUp")):E.error(this.$t("veo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Eo(e,t,_,h,k,y){const d=s("config-panel"),p=s("recent-panel"),l=s("layout");return n(),w(l,null,{config:c(()=>[o(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[o(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const lt=b(Vo,[["render",Eo]]);export{lt as default};

package/dist/assets/{Index-Cs_yI6id.js → Index-D8G5WNR5.js}

@@ -1 +1 @@
-import{C}from"./CopyToClipboard-C-eVze78.js";import{d as I,db as F,e0 as T,e1 as N,e2 as P,h as B,i as r,j as o,k as i,l,t as e,x as s,b as p,D as m,y as k,o as n}from"./index-fxz5Mq_f.js";import{d as O,a as w,s as M}from"./distribution-DCpVoWvQ.js";import{g as q}from"./price-BaKxpblg.js";import{F as R}from"./index.es-C1V2-50N.js";import{E as z}from"./index-DfR2Ba-e.js";import{E as U,a as V}from"./index-B1p-plEk.js";import{E as A}from"./index-Dhhmr0UT.js";import{E as H,a as G,b as Q}from"./index-2r-kfwA8.js";import{E as j}from"./index-jpAx74zW.js";import{E as W}from"./index-CJv1aMlW.js";import{E as Y}from"./index-DSxjQGfY.js";import"./index-DpoxJYqP.js";import"./typescript-DBePEcuC.js";import"./index-DLSeo-eZ.js";import"./_initCloneObject-CCdcRM7n.js";import"./isPlainObject-CBSXcI5o.js";import"./_baseIteratee-C1kG3yyx.js";import"./isEqual-CghzzvIn.js";import"./castArray-Bo83kxTT.js";import"./debounce-DjfTZzPz.js";import"./index-BvYHitfT.js";import"./use-form-item-DEuJEd6M.js";import"./index-D1Luvvxn.js";import"./index-r5W6hzzQ.js";const J=I({name:"ConsoleDistributionList",components:{CopyToClipboard:C,FontAwesomeIcon:R,QrCode:F,ElProgress:Y,ElRow:Q,ElCol:G,ElButton:W,ElDivider:j,ElCard:H,ElTooltip:A,ElTable:V,ElTableColumn:U,ElSkeleton:z},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")},distributionLevelMap(){let t={};return this.distributionLevels.forEach(a=>{t[a.level]=a}),t}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:q,goHistory(){this.$router.push({name:P})},goInvitees(){this.$router.push({name:N})},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},getPercentageForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,a=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-t)/(a-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 w.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){const a=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{const v=(await M.create(a))?.data?.data?.url;this.distributionLink=(v||a).replace("surl.id","share.acedata.cloud")}catch{this.distributionLink=a}},async onFetchDistributionStatus(){const{data:t}=await w.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 O.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=t.items},async onFetchInvitees(){const{data:t}=await T.getInvitees({});this.invitees=t.items,this.inviteesCount=t.count}}}),K={class:"title"},X={key:1},Z={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"},lt={class:"value"},at={key:1},rt={class:"icon-wrapper"},dt={class:"text-left"},ct={class:"description"},ut={class:"value"},pt={key:1},ht={class:"icon-wrapper"},mt={class:"text-left"},_t={class:"description"},bt={class:"value"},vt={key:1},ft={class:"title"},gt={class:"clear-both overflow-hidden"},kt={class:"float-left description"},yt={class:"float-right description"},$t={class:"description"},wt={class:"level"},Lt={class:"level"},St={class:"level"},Et={key:1},Dt={class:"title"},Ct={class:"link-wrapper text-center"},It=["href"],Ft={class:"qr-wrapper ml-auto mr-auto"},Tt={class:"mt-0"},Nt={class:"description"},Pt={class:"more"};function Bt(t,a,v,Ot,Mt,qt){const d=l("el-col"),_=l("el-row"),c=l("el-skeleton"),b=l("font-awesome-icon"),f=l("el-button"),u=l("el-card"),y=l("el-tooltip"),L=l("el-progress"),$=l("el-divider"),g=l("el-table-column"),S=l("el-table"),E=l("copy-to-clipboard"),D=l("qr-code");return n(),r(_,{class:"panel"},{default:o(()=>[i(d,{span:24},{default:o(()=>[i(_,null,{default:o(()=>[i(d,{span:24},{default:o(()=>[e("h2",K,s(t.$t("common.title.distribution")),1)]),_:1})]),_:1}),i(_,{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",X,[e("div",Z,[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(()=>[m(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",lt,s(t.getPriceString({value:t.distributionStatus?.reward})),1)]),i(y,{effect:"dark",content:t.$t("distribution.message.developingWithDrawal"),placement:"top"},{default:o(()=>[i(f,{type:"primary",round:"",size:"small",class:"btn"},{default:o(()=>[m(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",at,[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",mt,[e("p",_t,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(()=>[m(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1})]),_:1}),i(_,{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",yt,[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",$t,s(t.$t("distribution.message.deltaPriceForNextLevel"))+": $"+s(t.getDeltaForNextLevel()),1),i($),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",wt,"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",Et,[e("h4",Dt,s(t.$t("distribution.title.distributionLink")),1),i($),e("div",Ct,[k("",!0),e("a",{href:t.distributionLink,class:"link"},s(t.distributionLink),9,It),i(E,{content:t.distributionLink},null,8,["content"])]),e("div",Ft,[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:{dark:"#000000",light:"#ffffff"}},null,8,["value"])):k("",!0),e("p",Tt,s(t.$t("distribution.message.distributionQrDescription")),1)]),e("p",Nt,[m(s(t.$t("distribution.message.distributionLinkDescription"))+" ",1),e("span",Pt,[i(y,{effect:"dark",content:t.$t("distribution.message.distributionLinkDescription2"),placement:"top"},{default:o(()=>[m(s(t.$t("distribution.message.technicalDetail")),1)]),_:1},8,["content"])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const de=B(J,[["render",Bt],["__scopeId","data-v-a8befdf2"]]);export{de as default};
+import{C}from"./CopyToClipboard-BpQdSord.js";import{d as I,db as F,e0 as T,e1 as N,e2 as P,h as B,i as r,j as o,k as i,l,t as e,x as s,b as p,D as m,y as k,o as n}from"./index-DlZrIwQl.js";import{d as O,a as w,s as M}from"./distribution-Xv4VZz9h.js";import{g as q}from"./price-CopKH8wb.js";import{F as R}from"./index.es-DMKC3kSl.js";import{E as z}from"./index-BcnUxXVu.js";import{E as U,a as V}from"./index-CpDN4u_Q.js";import{E as A}from"./index-C-kuWklD.js";import{E as H,a as G,b as Q}from"./index-XbSV-0Kh.js";import{E as j}from"./index-DooLsoG5.js";import{E as W}from"./index-JR6VCEaW.js";import{E as Y}from"./index-D1DrOds3.js";import"./index-DFFGaF-m.js";import"./typescript-C7e2RhT_.js";import"./index-Bes0kUIX.js";import"./_initCloneObject-BFc9nFj7.js";import"./isPlainObject-qanlNx3E.js";import"./_baseIteratee-C1JMkkjb.js";import"./isEqual-DDj5e66m.js";import"./castArray-Bx9N9ecv.js";import"./debounce-LQ3BUvW2.js";import"./index-BjPXuIrm.js";import"./use-form-item-BrBRxl7V.js";import"./index-BApEDemr.js";import"./index-r5W6hzzQ.js";const J=I({name:"ConsoleDistributionList",components:{CopyToClipboard:C,FontAwesomeIcon:R,QrCode:F,ElProgress:Y,ElRow:Q,ElCol:G,ElButton:W,ElDivider:j,ElCard:H,ElTooltip:A,ElTable:V,ElTableColumn:U,ElSkeleton:z},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")},distributionLevelMap(){let t={};return this.distributionLevels.forEach(a=>{t[a.level]=a}),t}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:q,goHistory(){this.$router.push({name:P})},goInvitees(){this.$router.push({name:N})},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},getPercentageForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,a=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-t)/(a-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 w.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){const a=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{const v=(await M.create(a))?.data?.data?.url;this.distributionLink=(v||a).replace("surl.id","share.acedata.cloud")}catch{this.distributionLink=a}},async onFetchDistributionStatus(){const{data:t}=await w.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 O.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=t.items},async onFetchInvitees(){const{data:t}=await T.getInvitees({});this.invitees=t.items,this.inviteesCount=t.count}}}),K={class:"title"},X={key:1},Z={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"},lt={class:"value"},at={key:1},rt={class:"icon-wrapper"},dt={class:"text-left"},ct={class:"description"},ut={class:"value"},pt={key:1},ht={class:"icon-wrapper"},mt={class:"text-left"},_t={class:"description"},bt={class:"value"},vt={key:1},ft={class:"title"},gt={class:"clear-both overflow-hidden"},kt={class:"float-left description"},yt={class:"float-right description"},$t={class:"description"},wt={class:"level"},Lt={class:"level"},St={class:"level"},Et={key:1},Dt={class:"title"},Ct={class:"link-wrapper text-center"},It=["href"],Ft={class:"qr-wrapper ml-auto mr-auto"},Tt={class:"mt-0"},Nt={class:"description"},Pt={class:"more"};function Bt(t,a,v,Ot,Mt,qt){const d=l("el-col"),_=l("el-row"),c=l("el-skeleton"),b=l("font-awesome-icon"),f=l("el-button"),u=l("el-card"),y=l("el-tooltip"),L=l("el-progress"),$=l("el-divider"),g=l("el-table-column"),S=l("el-table"),E=l("copy-to-clipboard"),D=l("qr-code");return n(),r(_,{class:"panel"},{default:o(()=>[i(d,{span:24},{default:o(()=>[i(_,null,{default:o(()=>[i(d,{span:24},{default:o(()=>[e("h2",K,s(t.$t("common.title.distribution")),1)]),_:1})]),_:1}),i(_,{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",X,[e("div",Z,[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(()=>[m(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",lt,s(t.getPriceString({value:t.distributionStatus?.reward})),1)]),i(y,{effect:"dark",content:t.$t("distribution.message.developingWithDrawal"),placement:"top"},{default:o(()=>[i(f,{type:"primary",round:"",size:"small",class:"btn"},{default:o(()=>[m(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",at,[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",mt,[e("p",_t,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(()=>[m(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1})]),_:1}),i(_,{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",yt,[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",$t,s(t.$t("distribution.message.deltaPriceForNextLevel"))+": $"+s(t.getDeltaForNextLevel()),1),i($),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",wt,"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",Et,[e("h4",Dt,s(t.$t("distribution.title.distributionLink")),1),i($),e("div",Ct,[k("",!0),e("a",{href:t.distributionLink,class:"link"},s(t.distributionLink),9,It),i(E,{content:t.distributionLink},null,8,["content"])]),e("div",Ft,[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:{dark:"#000000",light:"#ffffff"}},null,8,["value"])):k("",!0),e("p",Tt,s(t.$t("distribution.message.distributionQrDescription")),1)]),e("p",Nt,[m(s(t.$t("distribution.message.distributionLinkDescription"))+" ",1),e("span",Pt,[i(y,{effect:"dark",content:t.$t("distribution.message.distributionLinkDescription2"),placement:"top"},{default:o(()=>[m(s(t.$t("distribution.message.technicalDetail")),1)]),_:1},8,["content"])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const de=B(J,[["render",Bt],["__scopeId","data-v-a8befdf2"]]);export{de as default};