npm - @acedatacloud/nexior - Versions diffs - 3.19.2 → 3.19.3 - Mend

@acedatacloud/nexior 3.19.2 → 3.19.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/dist/assets/{Index-CiCrJcLB.js → Index-DKFw7rzh.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{F as C}from"./index.es-EtbmiVQe.js";import{E as T}from"./index-CqTGsJay.js";import{E as q}from"./index-BzyEWvnL.js";import{d as v,h as k,b as r,t as a,k as t,r as G,j as u,l as o,o as n,et as K,x as i,F as I,v as L,i as y,eu as H,ev as J,ew as Q,n as S,f as W,c7 as M,D as _,y as $,ex as X,ey as Y,ds as Z,dn as x}from"./index-C4ssJdBR.js";import{E as R,a as P}from"./index-C4trafQk.js";import{I as U}from"./InfoIcon-BJAJcb5a.js";import{I as N}from"./ImagePreview-TA4gKfP6.js";import{E as F}from"./index-gFYmOD1F.js";import{E as V}from"./index-BqAthpig.js";import{C as ee,N as te}from"./NoTasks-oiStcbHf.js";import{E as oe,a as se}from"./index-DIwFcazb.js";import{E as O}from"./index-Bth-8JIu.js";import{a as ne}from"./price-DPmHeT6D.js";import{C as le}from"./CopyToClipboard-BCGRlwJJ.js";import{V as ae}from"./VideoPlayer-CYaGmv09.js";import{E as ie}from"./index-CCjGuukj.js";import{E as re}from"./index-qJunmjSC.js";import{E as ce}from"./index-tdgIYwZh.js";import{B as de}from"./BotPlaceholder-BWFhmlAo.js";import"./use-form-item-CGJaz8fH.js";import"./index-r5W6hzzQ.js";import"./index-DEAamx_H.js";import"./typescript-D14l1a1y.js";import"./index-J4WBpiv9.js";import"./strings-cAoZbHaH.js";import"./castArray-TlECDAqv.js";import"./isEqual-BqBcCRrU.js";import"./_initCloneObject-djD3gYlF.js";import"./debounce-DTzFlSYq.js";import"./_baseIteratee-35aC5hBk.js";import"./index-BqzuTEwO.js";import"./index-CP_56dlf.js";import"./_baseClone-kJ5Pgx6e.js";import"./index-zBoOr1pW.js";import"./vue-plyr-QZFBikSk.js";import"./index-B7ak1Sj_.js";const pe=v({name:"LayoutKling",components:{ElDrawer:q,ElButton:T,FontAwesomeIcon:C},data(){return{drawer:!1}}}),ue={class:"main flex flex-row flex-1"},me={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},fe={class:"result h-full p-[15px] flex-1 flex flex-col"};function ge(e,s,m,f,b,w){const c=o("font-awesome-icon"),d=o("el-button"),l=o("el-drawer");return n(),r("div",ue,[a("div",me,[G(e.$slots,"config",{},void 0,!0)]),a("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(l,{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-fae64b48"]]),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,[a("h2",ve,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(n(!0),r(I,null,L(e.options,l=>(n(),y(c,{key:l.value,label:l.label,value:l.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,[a("h2",Ve,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:u(()=>[(n(!0),r(I,null,L(e.options,l=>(n(),y(c,{key:l.value,label:l.label,value:l.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,[a("h2",Te,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:u(()=>[(n(!0),r(I,null,L(e.options,l=>(n(),y(c,{key:l.value,label:l.label,value:l.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,[a("span",Ge,i(e.$t("kling.name.ratio")),1),a("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:l=>e.value=c.value},[a("div",{class:S(["preview",c.label])},[a("div",{class:"rect",style:W({width:c.width+"px",height:c.height+"px"})},null,4)],2),a("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"),l=o("font-awesome-icon"),g=o("el-button"),h=o("el-upload");return n(),r("div",Fe,[a("div",Oe,[a("div",Be,[a("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(l,{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"),l=o("font-awesome-icon"),g=o("el-button"),h=o("el-upload");return n(),r("div",Je,[a("div",Qe,[a("div",We,[a("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(l,{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:se,InfoIcon:U,ElInputNumber:oe},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 lt(e,s,m,f,b,w){const c=o("info-icon"),d=o("el-input-number"),l=o("el-slider");return n(),r("div",null,[a("div",et,[a("div",tt,[a("span",ot,i(e.$t("kling.name.cfgScale")),1),t(c,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),a("div",st,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=g=>e.value=g),"controls-position":"right"},null,8,["modelValue"])])]),a("div",nt,[t(l,{modelValue:e.value,"onUpdate:modelValue":s[1]\|\|(s[1]=g=>e.value=g),min:0,max:1,step:.1},null,8,["modelValue"])])])}const at=k(xe,[["render",lt]]),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,[a("div",dt,[a("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]=l=>e.prompt=l),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,[a("div",ht,[a("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]=l=>e.prompt=l),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:at,EndImage:Ze},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return ne(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"),l=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,[a("div",yt,[t(c,{class:"mb-4"}),t(d,{class:"mb-4"}),t(l,{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"})]),a("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:ce,CopyToClipboard:le,FontAwesomeIcon:C,ElAlert:re,VideoPlayer:ae,ElTooltip:ie,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"),l=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,[a("div",Tt,[t(c,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),a("div",Lt,[a("div",Ut,[_(i(e.$t("kling.name.klingBot"))+" ",1),a("span",At,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),a("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(l,{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(()=>[a("p",Ft,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),a("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(()=>[a("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"])]),a("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(()=>[a("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:te,BotPlaceholder:de},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"),l=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(l)])):$("",!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 lo(e,s,m,f,b,w){const c=o("config-panel"),d=o("recent-panel"),l=o("layout");return n(),y(l,null,{config:u(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const zo=k(no,[["render",lo]]);export{zo as default};
1	+ import{F as C}from"./index.es-BZdaR5Wv.js";import{E as T}from"./index-D-Djt1gp.js";import{E as q}from"./index-BwsIkuew.js";import{d as v,h as k,b as r,t as a,k as t,r as G,j as u,l as o,o as n,et as K,x as i,F as I,v as L,i as y,eu as H,ev as J,ew as Q,n as S,f as W,c7 as M,D as _,y as $,ex as X,ey as Y,ds as Z,dn as x}from"./index-DTl1vwTk.js";import{E as R,a as P}from"./index-DUrRUc_Y.js";import{I as U}from"./InfoIcon-vbBWQQje.js";import{I as N}from"./ImagePreview-k8xiX9go.js";import{E as F}from"./index-BNMfEZvq.js";import{E as V}from"./index-BLqJYEE_.js";import{C as ee,N as te}from"./NoTasks-D4CPqBrE.js";import{E as oe,a as se}from"./index-Cl1Bxk_T.js";import{E as O}from"./index-B83P8zpE.js";import{a as ne}from"./price-DuZgics8.js";import{C as le}from"./CopyToClipboard-8MBu8w6l.js";import{V as ae}from"./VideoPlayer-IYCFIBuz.js";import{E as ie}from"./index-BsOJkwLq.js";import{E as re}from"./index-DNnF8aJO.js";import{E as ce}from"./index-DE7sDVN2.js";import{B as de}from"./BotPlaceholder-CWc2B3sk.js";import"./use-form-item-71vAE_4O.js";import"./index-r5W6hzzQ.js";import"./index-Cch9iD7z.js";import"./typescript-DSwEcZQ6.js";import"./index-Dh1BfhAg.js";import"./strings-DLqquZWc.js";import"./castArray-BLVLWkbO.js";import"./isEqual-DTFQVxFI.js";import"./_initCloneObject-BHh-zcQZ.js";import"./debounce-8xJw-nF5.js";import"./_baseIteratee-DRN1TLj7.js";import"./index-C55R-zv4.js";import"./index-DKKcEDCT.js";import"./_baseClone-CBtznGVq.js";import"./index-C7u2q9B_.js";import"./vue-plyr-QZFBikSk.js";import"./index-CCpA6MgI.js";const pe=v({name:"LayoutKling",components:{ElDrawer:q,ElButton:T,FontAwesomeIcon:C},data(){return{drawer:!1}}}),ue={class:"main flex flex-row flex-1"},me={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},fe={class:"result h-full p-[15px] flex-1 flex flex-col"};function ge(e,s,m,f,b,w){const c=o("font-awesome-icon"),d=o("el-button"),l=o("el-drawer");return n(),r("div",ue,[a("div",me,[G(e.$slots,"config",{},void 0,!0)]),a("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(l,{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-fae64b48"]]),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,[a("h2",ve,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(n(!0),r(I,null,L(e.options,l=>(n(),y(c,{key:l.value,label:l.label,value:l.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,[a("h2",Ve,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:u(()=>[(n(!0),r(I,null,L(e.options,l=>(n(),y(c,{key:l.value,label:l.label,value:l.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,[a("h2",Te,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:u(()=>[(n(!0),r(I,null,L(e.options,l=>(n(),y(c,{key:l.value,label:l.label,value:l.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,[a("span",Ge,i(e.$t("kling.name.ratio")),1),a("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:l=>e.value=c.value},[a("div",{class:S(["preview",c.label])},[a("div",{class:"rect",style:W({width:c.width+"px",height:c.height+"px"})},null,4)],2),a("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"),l=o("font-awesome-icon"),g=o("el-button"),h=o("el-upload");return n(),r("div",Fe,[a("div",Oe,[a("div",Be,[a("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(l,{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"),l=o("font-awesome-icon"),g=o("el-button"),h=o("el-upload");return n(),r("div",Je,[a("div",Qe,[a("div",We,[a("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(l,{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:se,InfoIcon:U,ElInputNumber:oe},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 lt(e,s,m,f,b,w){const c=o("info-icon"),d=o("el-input-number"),l=o("el-slider");return n(),r("div",null,[a("div",et,[a("div",tt,[a("span",ot,i(e.$t("kling.name.cfgScale")),1),t(c,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),a("div",st,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=g=>e.value=g),"controls-position":"right"},null,8,["modelValue"])])]),a("div",nt,[t(l,{modelValue:e.value,"onUpdate:modelValue":s[1]\|\|(s[1]=g=>e.value=g),min:0,max:1,step:.1},null,8,["modelValue"])])])}const at=k(xe,[["render",lt]]),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,[a("div",dt,[a("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]=l=>e.prompt=l),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,[a("div",ht,[a("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]=l=>e.prompt=l),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:at,EndImage:Ze},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return ne(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"),l=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,[a("div",yt,[t(c,{class:"mb-4"}),t(d,{class:"mb-4"}),t(l,{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"})]),a("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:ce,CopyToClipboard:le,FontAwesomeIcon:C,ElAlert:re,VideoPlayer:ae,ElTooltip:ie,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"),l=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,[a("div",Tt,[t(c,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),a("div",Lt,[a("div",Ut,[_(i(e.$t("kling.name.klingBot"))+" ",1),a("span",At,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),a("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(l,{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(()=>[a("p",Ft,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),a("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(()=>[a("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"])]),a("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(()=>[a("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:te,BotPlaceholder:de},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"),l=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(l)])):$("",!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 lo(e,s,m,f,b,w){const c=o("config-panel"),d=o("recent-panel"),l=o("layout");return n(),y(l,null,{config:u(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const zo=k(no,[["render",lo]]);export{zo as default};

package/dist/assets/{Index-CmPTK3LL.js → Index-DyyZebnB.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{F as G}from"./index.es-EtbmiVQe.js";import{E as R}from"./index-CqTGsJay.js";import{E as z}from"./index-BzyEWvnL.js";import{d as $,h as g,b as r,t as l,k as t,r as L,j as u,l as s,o as n,ez as M,x as a,F as A,v as U,i as y,eA as q,eB as N,eC as H,n as T,f as J,y as f,c7 as K,D as h,J as E,K as S,eD as Q,ds as W,dn as X}from"./index-C4ssJdBR.js";import{E as D,a as O}from"./index-C4trafQk.js";import{I as j}from"./InfoIcon-BJAJcb5a.js";import{E as Y}from"./index-C3GYDBc-.js";import{V as P}from"./VideoPlayer-CYaGmv09.js";import{I as Z}from"./ImagePreview-TA4gKfP6.js";import{E as x}from"./index-gFYmOD1F.js";import{E as I}from"./index-BqAthpig.js";import{C as ee,N as te}from"./NoTasks-oiStcbHf.js";import{E as oe}from"./index-Bth-8JIu.js";import{a as se}from"./price-DPmHeT6D.js";import{C as ne}from"./CopyToClipboard-BCGRlwJJ.js";import{E as ae}from"./index-CCjGuukj.js";import{E as le}from"./index-qJunmjSC.js";import{E as ie}from"./index-tdgIYwZh.js";import{B as re}from"./BotPlaceholder-BWFhmlAo.js";import"./use-form-item-CGJaz8fH.js";import"./index-r5W6hzzQ.js";import"./index-DEAamx_H.js";import"./typescript-D14l1a1y.js";import"./index-J4WBpiv9.js";import"./strings-cAoZbHaH.js";import"./castArray-TlECDAqv.js";import"./isEqual-BqBcCRrU.js";import"./_initCloneObject-djD3gYlF.js";import"./debounce-DTzFlSYq.js";import"./_baseIteratee-35aC5hBk.js";import"./index-BqzuTEwO.js";import"./vue-plyr-QZFBikSk.js";import"./index-CP_56dlf.js";import"./_baseClone-kJ5Pgx6e.js";import"./index-zBoOr1pW.js";import"./index-B7ak1Sj_.js";const ce=$({name:"LayoutVeo",components:{ElDrawer:z,ElButton:R,FontAwesomeIcon:G},data(){return{drawer:!1}}}),de={class:"main flex flex-row flex-1"},ue={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},pe={class:"result h-full p-[15px] flex-1 flex flex-col"};function me(e,o,m,v,b,w){const c=s("font-awesome-icon"),d=s("el-button"),i=s("el-drawer");return n(),r("div",de,[l("div",ue,[L(e.$slots,"config",{},void 0,!0)]),l("div",pe,[L(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]\|\|(o[0]=k=>e.drawer=!0)},{default:u(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(i,{modelValue:e.drawer,"onUpdate:modelValue":o[1]\|\|(o[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[L(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const fe=g(ce,[["render",me],["__scopeId","data-v-cfe3cae3"]]),ve=$({name:"ModelSelector",components:{ElSelect:O,ElOption:D},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=M)}}),_e={class:"field"},he={class:"title font-bold"};function $e(e,o,m,v,b,w){const c=s("el-option"),d=s("el-select");return n(),r("div",_e,[l("h2",he,a(e.$t("veo.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>e.value=i),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:u(()=>[(n(!0),r(A,null,U(e.options,i=>(n(),y(c,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ge=g(ve,[["render",$e],["__scopeId","data-v-ef445fc5"]]),be=$({name:"ActionSelector",components:{ElSelect:O,ElOption:D},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=q)}}),we={class:"field"},ke={class:"title font-bold"},ye={class:"float-left"};function Ve(e,o,m,v,b,w){const c=s("el-option"),d=s("el-select");return n(),r("div",we,[l("h2",ke,a(e.$t("veo.name.action")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>e.value=i),class:"value",placeholder:e.$t("veo.placeholder.select"),clearable:""},{default:u(()=>[(n(!0),r(A,null,U(e.options,i=>(n(),y(c,{key:i.value,label:i.label,value:i.value},{default:u(()=>[l("span",ye,a(i.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=g(be,[["render",Ve],["__scopeId","data-v-ba5abc8a"]]),Se=$({name:"TranslationSelector",components:{ElSwitch:Y,InfoIcon:j},computed:{value:{get(){return this.$store.state.veo?.config?.translation},set(e){console.debug("set translation",e),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,translation:e})}}},mounted(){this.value===void 0&&(this.value=N)}}),Ie={class:"relative"},Te={class:"flex justify-between"},Ce={class:"flex justify-start items-center"},Ae={class:"text-sm font-bold"},Ge={class:"flex justify-end items-center"};function Re(e,o,m,v,b,w){const c=s("info-icon"),d=s("el-switch");return n(),r("div",Ie,[l("div",Te,[l("div",Ce,[l("span",Ae,a(e.$t("veo.name.translation")),1),t(c,{content:e.$t("veo.description.translation")},null,8,["content"])]),l("div",Ge,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>e.value=i),class:"value"},null,8,["modelValue"])])])])}const Ue=g(Se,[["render",Re]]),Le=$({name:"AspectRatioSelector",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.veo?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value\|\|(this.value=H)}}),je={class:"text-sm font-bold mb-2 block"},De={class:"items"},Oe=["onClick"],Pe={class:"name"};function Fe(e,o,m,v,b,w){return n(),r("div",null,[l("span",je,a(e.$t("veo.name.ratio")),1),l("div",De,[(n(!0),r(A,null,U(e.options,(c,d)=>(n(),r("div",{key:d,class:T({active:e.active===d,item:!0}),onClick:i=>e.value=c.value},[l("div",{class:T(["preview",c.label])},[l("div",{class:"rect",style:J({width:c.width+"px",height:c.height+"px"})},null,4)],2),l("p",Pe,a(c.label),1)],10,Oe))),128))])])}const Be=g(Le,[["render",Fe],["__scopeId","data-v-688d3e9d"]]),ze=$({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}}}),Me={class:"relative"},qe={class:"flex mb-2"},Ne={class:"text-sm font-bold"};function He(e,o,m,v,b,w){const c=s("video-player");return n(),r("div",Me,[l("div",qe,[l("span",Ne,a(e.$t("veo.name.action3")),1)]),l("div",null,[e.config?.video_url?(n(),y(c,{key:0,src:e.config?.video_url},null,8,["src"])):f("",!0)])])}const Je=g(ze,[["render",He]]),Ke=$({name:"StartEndImage",components:{ElUpload:x,ElButton:R,InfoIcon:j,FontAwesomeIcon:G,ImagePreview:Z},emits:["change"],data(){return{fileList:[],uploadUrl:K()+"/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(){I.warning(this.$t("veo.message.uploadReferencesExceed"))},onError(){I.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()}}}),Qe={class:"relative"},We={class:"flex justify-between"},Xe={class:"flex justify-start items-center"},Ye={class:"text-sm font-bold"};function Ze(e,o,m,v,b,w){const c=s("info-icon"),d=s("image-preview"),i=s("font-awesome-icon"),k=s("el-button"),_=s("el-upload");return n(),r("div",Qe,[l("div",We,[l("div",Xe,[l("span",Ye,a(e.$t("veo.name.startEndImage")),1),t(c,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),t(_,{"file-list":e.fileList,"onUpdate:fileList":o[0]\|\|(o[0]=p=>e.fileList=p),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:u(()=>[t(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(i,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+a(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const xe=g(Ke,[["render",Ze],["__scopeId","data-v-43d971b7"]]),et="",tt=$({name:"PromptInput",components:{ElInput:oe,InfoIcon:j},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=et)}}),ot={class:"field"},st={class:"box"},nt={class:"title font-bold"};function at(e,o,m,v,b,w){const c=s("info-icon"),d=s("el-input");return n(),r("div",ot,[l("div",st,[l("h2",nt,a(e.$t("veo.name.prompt")),1),t(c,{content:e.$t("veo.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>e.prompt=i),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("veo.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const lt=g(tt,[["render",at],["__scopeId","data-v-9189572a"]]),it=$({name:"ConfigPanel",components:{ElButton:R,Consumption:ee,FontAwesomeIcon:G,PromptInput:lt,ModelSelector:ge,StartEndImage:xe,ActionSelector:Ee,VideoFromInput:Je,TranslationSelector:Ue,AspectRatioSelector:Be},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return se(this.config,this.service?.metadata?.price)},service(){return this.$store.state.veo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),rt={class:"flex flex-col h-full"},ct={class:"flex-1 overflow-y-auto p-[15px]"},dt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function ut(e,o,m,v,b,w){const c=s("video-from-input"),d=s("action-selector"),i=s("translation-selector"),k=s("aspect-ratio-selector"),_=s("prompt-input"),p=s("model-selector"),V=s("start-end-image"),C=s("consumption"),F=s("font-awesome-icon"),B=s("el-button");return n(),r("div",rt,[l("div",ct,[E(t(c,{class:"mb-4"},null,512),[[S,e.config?.action==="get1080p"]]),t(d,{class:"mb-4"}),E(t(i,{class:"mb-4"},null,512),[[S,e.config?.action!=="get1080p"]]),E(t(k,{class:"mb-4"},null,512),[[S,e.config?.action==="image2video"]]),E(t(_,{class:"mb-4"},null,512),[[S,e.config?.action!=="get1080p"]]),E(t(p,{class:"mb-4"},null,512),[[S,e.config?.action!=="get1080p"]]),E(t(V,{class:"mb-2"},null,512),[[S,e.config?.action==="image2video"]])]),l("div",dt,[t(C,{value:e.consumption,service:e.service},null,8,["value","service"]),t(B,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(F,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+a(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const pt=g(it,[["render",ut]]),mt=$({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:ne,FontAwesomeIcon:G,ElAlert:le,VideoPlayer:P,ElTooltip:ae,ElButton:R},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,o){console.debug("set config",o),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,video_id:o?.data?.[0]?.id,video_url:o?.data[0]?.video_url,action:"get1080p"})},onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),ft={class:"preview"},vt={class:"left"},_t={class:"main"},ht={class:"bot"},$t={class:"datetime"},gt={class:"info"},bt={key:0,class:"prompt mt-2"},wt={key:0},kt={key:1},yt={key:0,class:T({content:!0,failed:!0})},Vt={key:0,class:"mb-4"},Et={key:1,class:T({operations:!0,"mt-2":!0})},St={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Tt={key:1,class:T({content:!0})},Ct={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Rt={key:2,class:T({content:!0})},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function jt(e,o,m,v,b,w){const c=s("el-image"),d=s("video-player"),i=s("el-button"),k=s("el-tooltip"),_=s("font-awesome-icon"),p=s("copy-to-clipboard"),V=s("el-alert");return n(),r("div",ft,[l("div",vt,[t(c,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),l("div",_t,[l("div",ht,[h(a(e.$t("veo.name.veoBot"))+" ",1),l("span",$t,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),l("div",gt,[e.modelValue?.request?.prompt?(n(),r("p",bt,[h(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(n(),r("span",wt," - ("+a(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(n(),r("span",kt," - ("+a(e.$t("veo.status.processing"))+") ",1)):f("",!0)])):f("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),r("div",yt,[e.modelValue?.response?.data[0]?.video_url?(n(),r("div",Vt,[t(d,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):f("",!0),e.modelValue?.response.success?(n(),r("div",Et,[t(k,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(i,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[0]\|\|(o[0]=C=>e.onGet1080p(C,e.modelValue?.response))},{default:u(()=>[h(a(e.$t("veo.button.action3")),1)]),_:1})):f("",!0)]),_:1},8,["content"]),t(k,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(i,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[1]\|\|(o[1]=C=>e.onDownload(C,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[h(a(e.$t("veo.button.download")),1)]),_:1})):f("",!0)]),_:1},8,["content"])])):f("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",St,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("veo.name.model"))+": "+a(e.modelValue?.request?.model),1)]),l("p",It,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(n(),r("div",Tt,[t(V,{closable:!1,class:"failure"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("veo.name.failure")),1)]),default:u(()=>[l("p",Ct,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),l("p",At,[t(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+a(e.$t("veo.name.failureReason"))+": "+a(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",Gt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("veo.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===void 0?(n(),r("div",Rt,[t(V,{closable:!1,class:"info"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("veo.name.failure")),1)]),default:u(()=>[l("p",Ut,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",Lt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("veo.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0)])])}const Dt=g(mt,[["render",jt],["__scopeId","data-v-5372c9d1"]]),Ot=$({name:"RecentPanel",components:{TaskPreview:Dt,NoTasks:te,BotPlaceholder:re},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")}}}),Pt={key:0},Ft={key:1,class:"tasks h-full w-full overflow-y-auto"},Bt={key:2,class:"w-full h-full flex items-center justify-center"};function zt(e,o,m,v,b,w){const c=s("bot-placeholder"),d=s("task-preview"),i=s("no-tasks");return n(),r(A,null,[e.tasks?.items===void 0?(n(),r("div",Pt,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),r("div",Ft,[(n(!0),r(A,null,U(e.tasks?.items,(k,_)=>(n(),y(d,{key:_,"model-value":k},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(n(),r("div",Bt,[t(i)])):f("",!0)],64)}const Mt=g(Ot,[["render",zt]]),qt="https://webhook.acedata.cloud/veo",Nt=$({name:"VeoIndex",components:{ConfigPanel:pt,Layout:fe,RecentPanel:Mt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.veo?.status?.getApplications===X.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,o){e?.items?.length>o?.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:o=5,createdAtMin:m,createdAtMax:v}=e\|\|{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",v),await this.$store.dispatch("veo/getTasks",{limit:o,createdAtMin:m,createdAtMax:v})},async onGenerate(){const e={...this.config,callback_url:qt},o=this.credential?.token;if(!o){console.error("no token specified");return}I.info(this.$t("veo.message.startingTask")),Q.generate(e,{token:o}).then(()=>{I.success(this.$t("veo.message.startTaskSuccess"))}).catch(m=>{m?.response?.data?.error?.code===W?I.error(this.$t("veo.message.usedUp")):I.error(this.$t("veo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Ht(e,o,m,v,b,w){const c=s("config-panel"),d=s("recent-panel"),i=s("layout");return n(),y(i,null,{config:u(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Co=g(Nt,[["render",Ht]]);export{Co as default};
1	+ import{F as G}from"./index.es-BZdaR5Wv.js";import{E as R}from"./index-D-Djt1gp.js";import{E as z}from"./index-BwsIkuew.js";import{d as $,h as g,b as r,t as l,k as t,r as L,j as u,l as s,o as n,ez as M,x as a,F as A,v as U,i as y,eA as q,eB as N,eC as H,n as T,f as J,y as f,c7 as K,D as h,J as E,K as S,eD as Q,ds as W,dn as X}from"./index-DTl1vwTk.js";import{E as D,a as O}from"./index-DUrRUc_Y.js";import{I as j}from"./InfoIcon-vbBWQQje.js";import{E as Y}from"./index-hVlP373B.js";import{V as P}from"./VideoPlayer-IYCFIBuz.js";import{I as Z}from"./ImagePreview-k8xiX9go.js";import{E as x}from"./index-BNMfEZvq.js";import{E as I}from"./index-BLqJYEE_.js";import{C as ee,N as te}from"./NoTasks-D4CPqBrE.js";import{E as oe}from"./index-B83P8zpE.js";import{a as se}from"./price-DuZgics8.js";import{C as ne}from"./CopyToClipboard-8MBu8w6l.js";import{E as ae}from"./index-BsOJkwLq.js";import{E as le}from"./index-DNnF8aJO.js";import{E as ie}from"./index-DE7sDVN2.js";import{B as re}from"./BotPlaceholder-CWc2B3sk.js";import"./use-form-item-71vAE_4O.js";import"./index-r5W6hzzQ.js";import"./index-Cch9iD7z.js";import"./typescript-DSwEcZQ6.js";import"./index-Dh1BfhAg.js";import"./strings-DLqquZWc.js";import"./castArray-BLVLWkbO.js";import"./isEqual-DTFQVxFI.js";import"./_initCloneObject-BHh-zcQZ.js";import"./debounce-8xJw-nF5.js";import"./_baseIteratee-DRN1TLj7.js";import"./index-C55R-zv4.js";import"./vue-plyr-QZFBikSk.js";import"./index-DKKcEDCT.js";import"./_baseClone-CBtznGVq.js";import"./index-C7u2q9B_.js";import"./index-CCpA6MgI.js";const ce=$({name:"LayoutVeo",components:{ElDrawer:z,ElButton:R,FontAwesomeIcon:G},data(){return{drawer:!1}}}),de={class:"main flex flex-row flex-1"},ue={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},pe={class:"result h-full p-[15px] flex-1 flex flex-col"};function me(e,o,m,v,b,w){const c=s("font-awesome-icon"),d=s("el-button"),i=s("el-drawer");return n(),r("div",de,[l("div",ue,[L(e.$slots,"config",{},void 0,!0)]),l("div",pe,[L(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]\|\|(o[0]=k=>e.drawer=!0)},{default:u(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(i,{modelValue:e.drawer,"onUpdate:modelValue":o[1]\|\|(o[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[L(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const fe=g(ce,[["render",me],["__scopeId","data-v-cfe3cae3"]]),ve=$({name:"ModelSelector",components:{ElSelect:O,ElOption:D},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=M)}}),_e={class:"field"},he={class:"title font-bold"};function $e(e,o,m,v,b,w){const c=s("el-option"),d=s("el-select");return n(),r("div",_e,[l("h2",he,a(e.$t("veo.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>e.value=i),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:u(()=>[(n(!0),r(A,null,U(e.options,i=>(n(),y(c,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ge=g(ve,[["render",$e],["__scopeId","data-v-ef445fc5"]]),be=$({name:"ActionSelector",components:{ElSelect:O,ElOption:D},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=q)}}),we={class:"field"},ke={class:"title font-bold"},ye={class:"float-left"};function Ve(e,o,m,v,b,w){const c=s("el-option"),d=s("el-select");return n(),r("div",we,[l("h2",ke,a(e.$t("veo.name.action")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>e.value=i),class:"value",placeholder:e.$t("veo.placeholder.select"),clearable:""},{default:u(()=>[(n(!0),r(A,null,U(e.options,i=>(n(),y(c,{key:i.value,label:i.label,value:i.value},{default:u(()=>[l("span",ye,a(i.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=g(be,[["render",Ve],["__scopeId","data-v-ba5abc8a"]]),Se=$({name:"TranslationSelector",components:{ElSwitch:Y,InfoIcon:j},computed:{value:{get(){return this.$store.state.veo?.config?.translation},set(e){console.debug("set translation",e),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,translation:e})}}},mounted(){this.value===void 0&&(this.value=N)}}),Ie={class:"relative"},Te={class:"flex justify-between"},Ce={class:"flex justify-start items-center"},Ae={class:"text-sm font-bold"},Ge={class:"flex justify-end items-center"};function Re(e,o,m,v,b,w){const c=s("info-icon"),d=s("el-switch");return n(),r("div",Ie,[l("div",Te,[l("div",Ce,[l("span",Ae,a(e.$t("veo.name.translation")),1),t(c,{content:e.$t("veo.description.translation")},null,8,["content"])]),l("div",Ge,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>e.value=i),class:"value"},null,8,["modelValue"])])])])}const Ue=g(Se,[["render",Re]]),Le=$({name:"AspectRatioSelector",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.veo?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value\|\|(this.value=H)}}),je={class:"text-sm font-bold mb-2 block"},De={class:"items"},Oe=["onClick"],Pe={class:"name"};function Fe(e,o,m,v,b,w){return n(),r("div",null,[l("span",je,a(e.$t("veo.name.ratio")),1),l("div",De,[(n(!0),r(A,null,U(e.options,(c,d)=>(n(),r("div",{key:d,class:T({active:e.active===d,item:!0}),onClick:i=>e.value=c.value},[l("div",{class:T(["preview",c.label])},[l("div",{class:"rect",style:J({width:c.width+"px",height:c.height+"px"})},null,4)],2),l("p",Pe,a(c.label),1)],10,Oe))),128))])])}const Be=g(Le,[["render",Fe],["__scopeId","data-v-688d3e9d"]]),ze=$({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}}}),Me={class:"relative"},qe={class:"flex mb-2"},Ne={class:"text-sm font-bold"};function He(e,o,m,v,b,w){const c=s("video-player");return n(),r("div",Me,[l("div",qe,[l("span",Ne,a(e.$t("veo.name.action3")),1)]),l("div",null,[e.config?.video_url?(n(),y(c,{key:0,src:e.config?.video_url},null,8,["src"])):f("",!0)])])}const Je=g(ze,[["render",He]]),Ke=$({name:"StartEndImage",components:{ElUpload:x,ElButton:R,InfoIcon:j,FontAwesomeIcon:G,ImagePreview:Z},emits:["change"],data(){return{fileList:[],uploadUrl:K()+"/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(){I.warning(this.$t("veo.message.uploadReferencesExceed"))},onError(){I.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()}}}),Qe={class:"relative"},We={class:"flex justify-between"},Xe={class:"flex justify-start items-center"},Ye={class:"text-sm font-bold"};function Ze(e,o,m,v,b,w){const c=s("info-icon"),d=s("image-preview"),i=s("font-awesome-icon"),k=s("el-button"),_=s("el-upload");return n(),r("div",Qe,[l("div",We,[l("div",Xe,[l("span",Ye,a(e.$t("veo.name.startEndImage")),1),t(c,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),t(_,{"file-list":e.fileList,"onUpdate:fileList":o[0]\|\|(o[0]=p=>e.fileList=p),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:u(()=>[t(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(i,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+a(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const xe=g(Ke,[["render",Ze],["__scopeId","data-v-43d971b7"]]),et="",tt=$({name:"PromptInput",components:{ElInput:oe,InfoIcon:j},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=et)}}),ot={class:"field"},st={class:"box"},nt={class:"title font-bold"};function at(e,o,m,v,b,w){const c=s("info-icon"),d=s("el-input");return n(),r("div",ot,[l("div",st,[l("h2",nt,a(e.$t("veo.name.prompt")),1),t(c,{content:e.$t("veo.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":o[0]\|\|(o[0]=i=>e.prompt=i),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("veo.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const lt=g(tt,[["render",at],["__scopeId","data-v-9189572a"]]),it=$({name:"ConfigPanel",components:{ElButton:R,Consumption:ee,FontAwesomeIcon:G,PromptInput:lt,ModelSelector:ge,StartEndImage:xe,ActionSelector:Ee,VideoFromInput:Je,TranslationSelector:Ue,AspectRatioSelector:Be},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return se(this.config,this.service?.metadata?.price)},service(){return this.$store.state.veo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),rt={class:"flex flex-col h-full"},ct={class:"flex-1 overflow-y-auto p-[15px]"},dt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function ut(e,o,m,v,b,w){const c=s("video-from-input"),d=s("action-selector"),i=s("translation-selector"),k=s("aspect-ratio-selector"),_=s("prompt-input"),p=s("model-selector"),V=s("start-end-image"),C=s("consumption"),F=s("font-awesome-icon"),B=s("el-button");return n(),r("div",rt,[l("div",ct,[E(t(c,{class:"mb-4"},null,512),[[S,e.config?.action==="get1080p"]]),t(d,{class:"mb-4"}),E(t(i,{class:"mb-4"},null,512),[[S,e.config?.action!=="get1080p"]]),E(t(k,{class:"mb-4"},null,512),[[S,e.config?.action==="image2video"]]),E(t(_,{class:"mb-4"},null,512),[[S,e.config?.action!=="get1080p"]]),E(t(p,{class:"mb-4"},null,512),[[S,e.config?.action!=="get1080p"]]),E(t(V,{class:"mb-2"},null,512),[[S,e.config?.action==="image2video"]])]),l("div",dt,[t(C,{value:e.consumption,service:e.service},null,8,["value","service"]),t(B,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(F,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+a(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const pt=g(it,[["render",ut]]),mt=$({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:ne,FontAwesomeIcon:G,ElAlert:le,VideoPlayer:P,ElTooltip:ae,ElButton:R},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,o){console.debug("set config",o),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,video_id:o?.data?.[0]?.id,video_url:o?.data[0]?.video_url,action:"get1080p"})},onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),ft={class:"preview"},vt={class:"left"},_t={class:"main"},ht={class:"bot"},$t={class:"datetime"},gt={class:"info"},bt={key:0,class:"prompt mt-2"},wt={key:0},kt={key:1},yt={key:0,class:T({content:!0,failed:!0})},Vt={key:0,class:"mb-4"},Et={key:1,class:T({operations:!0,"mt-2":!0})},St={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Tt={key:1,class:T({content:!0})},Ct={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Rt={key:2,class:T({content:!0})},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function jt(e,o,m,v,b,w){const c=s("el-image"),d=s("video-player"),i=s("el-button"),k=s("el-tooltip"),_=s("font-awesome-icon"),p=s("copy-to-clipboard"),V=s("el-alert");return n(),r("div",ft,[l("div",vt,[t(c,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),l("div",_t,[l("div",ht,[h(a(e.$t("veo.name.veoBot"))+" ",1),l("span",$t,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),l("div",gt,[e.modelValue?.request?.prompt?(n(),r("p",bt,[h(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(n(),r("span",wt," - ("+a(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(n(),r("span",kt," - ("+a(e.$t("veo.status.processing"))+") ",1)):f("",!0)])):f("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),r("div",yt,[e.modelValue?.response?.data[0]?.video_url?(n(),r("div",Vt,[t(d,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):f("",!0),e.modelValue?.response.success?(n(),r("div",Et,[t(k,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(i,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[0]\|\|(o[0]=C=>e.onGet1080p(C,e.modelValue?.response))},{default:u(()=>[h(a(e.$t("veo.button.action3")),1)]),_:1})):f("",!0)]),_:1},8,["content"]),t(k,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(i,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[1]\|\|(o[1]=C=>e.onDownload(C,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[h(a(e.$t("veo.button.download")),1)]),_:1})):f("",!0)]),_:1},8,["content"])])):f("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",St,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("veo.name.model"))+": "+a(e.modelValue?.request?.model),1)]),l("p",It,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(n(),r("div",Tt,[t(V,{closable:!1,class:"failure"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("veo.name.failure")),1)]),default:u(()=>[l("p",Ct,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),l("p",At,[t(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+a(e.$t("veo.name.failureReason"))+": "+a(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",Gt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("veo.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===void 0?(n(),r("div",Rt,[t(V,{closable:!1,class:"info"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("veo.name.failure")),1)]),default:u(()=>[l("p",Ut,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("veo.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",Lt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("veo.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0)])])}const Dt=g(mt,[["render",jt],["__scopeId","data-v-5372c9d1"]]),Ot=$({name:"RecentPanel",components:{TaskPreview:Dt,NoTasks:te,BotPlaceholder:re},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")}}}),Pt={key:0},Ft={key:1,class:"tasks h-full w-full overflow-y-auto"},Bt={key:2,class:"w-full h-full flex items-center justify-center"};function zt(e,o,m,v,b,w){const c=s("bot-placeholder"),d=s("task-preview"),i=s("no-tasks");return n(),r(A,null,[e.tasks?.items===void 0?(n(),r("div",Pt,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),r("div",Ft,[(n(!0),r(A,null,U(e.tasks?.items,(k,_)=>(n(),y(d,{key:_,"model-value":k},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(n(),r("div",Bt,[t(i)])):f("",!0)],64)}const Mt=g(Ot,[["render",zt]]),qt="https://webhook.acedata.cloud/veo",Nt=$({name:"VeoIndex",components:{ConfigPanel:pt,Layout:fe,RecentPanel:Mt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.veo?.status?.getApplications===X.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,o){e?.items?.length>o?.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:o=5,createdAtMin:m,createdAtMax:v}=e\|\|{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",v),await this.$store.dispatch("veo/getTasks",{limit:o,createdAtMin:m,createdAtMax:v})},async onGenerate(){const e={...this.config,callback_url:qt},o=this.credential?.token;if(!o){console.error("no token specified");return}I.info(this.$t("veo.message.startingTask")),Q.generate(e,{token:o}).then(()=>{I.success(this.$t("veo.message.startTaskSuccess"))}).catch(m=>{m?.response?.data?.error?.code===W?I.error(this.$t("veo.message.usedUp")):I.error(this.$t("veo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Ht(e,o,m,v,b,w){const c=s("config-panel"),d=s("recent-panel"),i=s("layout");return n(),y(i,null,{config:u(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Co=g(Nt,[["render",Ht]]);export{Co as default};

package/dist/assets/Index-HBsvo20J.js ADDED Viewed

@@ -0,0 +1 @@

+ import{F as C}from"./index.es-BZdaR5Wv.js";import{E as S}from"./index-D-Djt1gp.js";import{E as P}from"./index-BwsIkuew.js";import{d as v,h as w,b as i,t as r,k as t,r as R,j as d,l as o,o as a,e_ as B,x as l,F as A,v as E,i as V,c7 as D,D as _,e$ as O,y as $,n as U,ai as F,f0 as z,ds as M,dn as q}from"./index-DTl1vwTk.js";import{E as L,a as G}from"./index-DUrRUc_Y.js";import{I as j}from"./InfoIcon-vbBWQQje.js";import{E as H}from"./index-B83P8zpE.js";import{I as W}from"./ImagePreview-k8xiX9go.js";import{E as x}from"./index-BNMfEZvq.js";import{E as I}from"./index-BLqJYEE_.js";import{C as K,N as J}from"./NoTasks-D4CPqBrE.js";import{a as Q}from"./price-DuZgics8.js";import{C as X}from"./CopyToClipboard-8MBu8w6l.js";import{I as Y}from"./ImageWrapper-B1GR1vdU.js";import{E as Z}from"./index-BsOJkwLq.js";import{E as ee}from"./index-DNnF8aJO.js";import{E as te}from"./index-DE7sDVN2.js";import{B as ne}from"./BotPlaceholder-CWc2B3sk.js";import"./use-form-item-71vAE_4O.js";import"./index-r5W6hzzQ.js";import"./index-Cch9iD7z.js";import"./typescript-DSwEcZQ6.js";import"./index-Dh1BfhAg.js";import"./strings-DLqquZWc.js";import"./castArray-BLVLWkbO.js";import"./isEqual-DTFQVxFI.js";import"./_initCloneObject-BHh-zcQZ.js";import"./debounce-8xJw-nF5.js";import"./_baseIteratee-DRN1TLj7.js";import"./index-C55R-zv4.js";import"./index-C7u2q9B_.js";import"./index-DKKcEDCT.js";import"./_baseClone-CBtznGVq.js";import"./index-CCpA6MgI.js";const oe=v({name:"LayoutNanobanana",components:{ElDrawer:P,ElButton:S,FontAwesomeIcon:C},data(){return{drawer:!1}}}),ae={class:"main flex flex-row flex-1"},se={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},re={class:"result h-full p-[15px] flex-1 flex flex-col"};function le(e,n,c,u,h,k){const p=o("font-awesome-icon"),m=o("el-button"),s=o("el-drawer");return a(),i("div",ae,[r("div",se,[R(e.$slots,"config",{},void 0,!0)]),r("div",re,[R(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:n[0]||(n[0]=g=>e.drawer=!0)},{default:d(()=>[t(p,{icon:"fa-solid fa-magic"})]),_:1}),t(s,{modelValue:e.drawer,"onUpdate:modelValue":n[1]||(n[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ie=w(oe,[["render",le],["__scopeId","data-v-3794959b"]]),ce=v({name:"ActionSelector",components:{ElSelect:G,ElOption:L},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("nanobanana.name.generate")},{value:"edit",label:this.$t("nanobanana.name.edits")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.action},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana.config,action:e})}}},mounted(){this.value||(this.value=B)}}),pe={class:"field"},me={class:"title font-bold"};function de(e,n,c,u,h,k){const p=o("el-option"),m=o("el-select");return a(),i("div",pe,[r("h2",me,l(e.$t("nanobanana.name.task")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:d(()=>[(a(!0),i(A,null,E(e.options,s=>(a(),V(p,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ue=w(ce,[["render",de],["__scopeId","data-v-53bf2549"]]),fe="",_e=v({name:"PromptInput",components:{ElInput:H,InfoIcon:j},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=fe)}}),he={class:"field"},ge={class:"box"},be={class:"title font-bold"};function $e(e,n,c,u,h,k){const p=o("info-icon"),m=o("el-input");return a(),i("div",he,[r("div",ge,[r("h2",be,l(e.$t("nanobanana.name.prompt")),1),t(p,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),t(m,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=s=>e.prompt=s),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ve=w(_e,[["render",$e],["__scopeId","data-v-38b040ab"]]),we=v({name:"ImageUrlsInput",components:{ElUpload:x,ElButton:S,InfoIcon:j,ImagePreview:W,FontAwesomeIcon:C},data(){return{fileList:[],uploadUrl:D()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value:{get(){return this.$store.state.nanobanana?.config?.image_urls},set(){const e=this.urls;this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e})}}},watch:{value:{handler(e){if(!e||!Array.isArray(e)){this.fileList=[];return}const n=e.map((c,u)=>({name:c?.split("/")?.pop()||`image_${u+1}`,url:c,status:"success",percentage:100}));this.fileList=n},immediate:!0,deep:!1}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}},onExceed(){I.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){I.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e})},async onSuccess(e,n){e?.file_url&&(n.url=e.file_url),this.onSetImageUrls()}}}),ke={class:"field flex items-center justify-between"},ye={class:"title font-bold text-[14px] mb-[10px]"},Ve={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Ae={class:"controls flex items-center"},Ie={class:"file-list flex flex-wrap gap-[10px]"};function Ee(e,n,c,u,h,k){const p=o("font-awesome-icon"),m=o("el-button"),s=o("el-upload"),g=o("info-icon"),b=o("image-preview");return a(),i(A,null,[r("div",ke,[r("h2",ye,l(e.$t("nanobanana.name.imageUrls")),1),r("div",Ve,[r("div",Ae,[t(s,{"file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:d(()=>[t(m,{size:"small",type:"primary",round:""},{default:d(()=>[t(p,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+l(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),t(g,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),r("div",Ie,[(a(!0),i(A,null,E(e.fileList,(f,y)=>(a(),V(b,{key:y,url:f.url||f?.response?.file_url,name:f.name,percentage:f.percentage,onRemove:T=>e.fileList.splice(y,1)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Te=w(we,[["render",Ee]]),Ce=v({name:"AspectRatioSelector",components:{ElSelect:G,ElOption:L},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=O)}}),Se={class:"field"},Ue={class:"title font-bold"};function Re(e,n,c,u,h,k){const p=o("el-option"),m=o("el-select");return a(),i("div",Se,[r("h2",Ue,l(e.$t("nanobanana.name.aspectRatio")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:d(()=>[(a(!0),i(A,null,E(e.options,s=>(a(),V(p,{key:s,label:s,value:s},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Le=w(Ce,[["render",Re],["__scopeId","data-v-e51b32d6"]]),Ge=v({name:"ConfigPanel",components:{ElButton:S,FontAwesomeIcon:C,PromptInput:ve,Consumption:K,ActionSelector:ue,ImageUrlsInput:Te,AspectRatioSelector:Le},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){return Q(this.config,this.service?.metadata?.price)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),je={class:"flex flex-col h-full"},Ne={class:"flex-1 overflow-y-auto p-[15px]"},Pe={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Be(e,n,c,u,h,k){const p=o("action-selector"),m=o("prompt-input"),s=o("aspect-ratio-selector"),g=o("image-urls-input"),b=o("consumption"),f=o("font-awesome-icon"),y=o("el-button");return a(),i("div",je,[r("div",Ne,[t(p,{class:"mb-4"}),t(m,{class:"mb-4"}),e.config?.action==="generate"?(a(),V(s,{key:0,class:"mb-4"})):$("",!0),e.config?.action==="edit"?(a(),V(g,{key:1,class:"mb-4"})):$("",!0)]),r("div",Pe,[t(b,{value:e.consumption,service:e.service},null,8,["value","service"]),t(y,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:d(()=>[t(f,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const De=w(Ge,[["render",Be]]),Oe=v({name:"TaskPreview",components:{ElImage:te,CopyToClipboard:X,FontAwesomeIcon:C,ElAlert:ee,ImageWrapper:Y,ElButton:S,ElTooltip:Z},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{e.push(n)}),e}},methods:{onEdit(e){e&&this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,action:"edit",image_urls:[e]})}}}),Fe={class:"preview"},ze={class:"left"},Me={class:"main"},qe={class:"bot"},He={class:"datetime"},We={class:"info"},xe={key:0,class:"prompt mt-2"},Ke={key:0},Je={key:0,class:U({content:!0,failed:!0})},Qe={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},Xe={class:U({operations:!0,"mt-2":!0,"mb-2":!0})},Ye={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ze={key:1,class:U({content:!0})},et={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},tt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},nt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ot={key:2,class:U({content:!0})},at={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function st(e,n,c,u,h,k){const p=o("el-image"),m=o("image-wrapper"),s=o("el-button"),g=o("el-tooltip"),b=o("font-awesome-icon"),f=o("copy-to-clipboard"),y=o("el-alert");return a(),i("div",Fe,[r("div",ze,[t(p,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),r("div",Me,[r("div",qe,[_(l(e.$t("nanobanana.name.nanobananaBot"))+" ",1),r("span",He,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",We,[e.modelValue?.request?.prompt?(a(),i("p",xe,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),i("span",Ke," - ("+l(e.$t("nanobanana.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",Je,[r("div",Qe,[(a(!0),i(A,null,E(e.images,(T,N)=>(a(),V(m,{key:N,src:T?.image_url,"raw-src":T?.image_url},null,8,["src","raw-src"]))),128))]),r("div",Xe,[t(g,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:d(()=>[t(s,{type:"info",size:"small",class:"btn-action",onClick:n[0]||(n[0]=F(T=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:d(()=>[_(l(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),t(y,{closable:!1,class:"mt-2 success"},{default:d(()=>[r("p",Ye,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),i("div",Ze,[t(y,{closable:!1,class:"failure"},{template:d(()=>[t(b,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("nanobanana.name.failure")),1)]),default:d(()=>[r("p",et,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",tt,[t(b,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("nanobanana.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),t(f,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",nt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("nanobanana.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),t(f,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(a(),i("div",ot,[t(y,{closable:!1,class:"info"},{template:d(()=>[t(b,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("nanobanana.name.failure")),1)]),default:d(()=>[r("p",at,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const rt=w(Oe,[["render",st],["__scopeId","data-v-6634d7ff"]]),lt=v({name:"RecentPanel",components:{TaskPreview:rt,BotPlaceholder:ne,NoTasks:J},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{onHandleScroll(){this.$refs.panel.scrollTop===0&&this.$emit("reach-top")}}}),it={key:0},ct={key:1,class:"tasks h-full w-full overflow-y-auto"},pt={key:2,class:"w-full h-full flex items-center justify-center"};function mt(e,n,c,u,h,k){const p=o("bot-placeholder"),m=o("task-preview"),s=o("no-tasks");return a(),i(A,null,[e.tasks?.items===void 0?(a(),i("div",it,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),i("div",ct,[(a(!0),i(A,null,E(e.tasks?.items,g=>(a(),V(m,{key:g.id,"model-value":g},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(a(),i("div",pt,[t(s)])):$("",!0)],64)}const dt=w(lt,[["render",mt]]),ut="https://webhook.acedata.cloud/nanobanana",ft=v({name:"NanobananaIndex",components:{ConfigPanel:De,Layout:ie,RecentPanel:dt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.nanobanana?.status?.getApplications===q.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,n){e?.items?.length>n?.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("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:n=5,createdAtMin:c,createdAtMax:u}=e||{};console.debug("limit",n,"createdAtMin",c,"createdAtMax",u),await this.$store.dispatch("nanobanana/getTasks",{limit:n,createdAtMin:c,createdAtMax:u})},async onGenerate(){const e={...this.config||{}};e?.action==="generate"&&"image_urls"in e&&delete e.image_urls;const n={...e,callback_url:ut},c=this.credential?.token;if(!c){console.error("no token specified");return}I.info(this.$t("nanobanana.message.startingTask")),z.generate(n,{token:c}).then(()=>{I.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(u=>{const h=u?.response?.data;h?.error?.code===M?I.error(this.$t("nanobanana.message.usedUp")):I.error(this.$t("nanobanana.message.startTaskFailed")+(h?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function _t(e,n,c,u,h,k){const p=o("config-panel"),m=o("recent-panel"),s=o("layout");return a(),V(s,null,{config:d(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:d(()=>[t(m,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Qt=w(ft,[["render",_t]]);export{Qt as default};

package/dist/assets/{Index-D2We28NW.js → Index-gK2FgI4V.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{F as S}from"./index.es-EtbmiVQe.js";import{E as I}from"./index-CqTGsJay.js";import{E as O}from"./index-BzyEWvnL.js";import{d as v,h as b,b as m,t as n,k as t,r as T,j as u,l as s,o as a,el as N,x as i,em as q,en as H,c7 as j,D as g,i as k,y as f,n as C,ai as z,F as D,v as K,eo as J,ds as Q,dn as W}from"./index-C4ssJdBR.js";import{I as U}from"./InfoIcon-BJAJcb5a.js";import{E as A}from"./index-C3GYDBc-.js";import{I as F}from"./ImagePreview-TA4gKfP6.js";import{E as R}from"./index-gFYmOD1F.js";import{E}from"./index-BqAthpig.js";import{F as X}from"./FilePreview-fVU_bWwG.js";import{E as Y}from"./index-Bth-8JIu.js";import{V as M}from"./VideoPlayer-CYaGmv09.js";import{C as Z,N as x}from"./NoTasks-oiStcbHf.js";import{a as ee}from"./price-DPmHeT6D.js";import{C as te}from"./CopyToClipboard-BCGRlwJJ.js";import{E as oe}from"./index-CCjGuukj.js";import{E as se}from"./index-qJunmjSC.js";import{E as ne}from"./index-tdgIYwZh.js";import{B as ae}from"./BotPlaceholder-BWFhmlAo.js";import"./use-form-item-CGJaz8fH.js";import"./index-r5W6hzzQ.js";import"./index-J4WBpiv9.js";import"./index-CP_56dlf.js";import"./typescript-D14l1a1y.js";import"./_baseClone-kJ5Pgx6e.js";import"./_initCloneObject-djD3gYlF.js";import"./isEqual-BqBcCRrU.js";import"./index-zBoOr1pW.js";import"./vue-plyr-QZFBikSk.js";import"./debounce-DTzFlSYq.js";import"./index-B7ak1Sj_.js";const le=v({name:"LayoutLuma",components:{ElDrawer:O,ElButton:I,FontAwesomeIcon:S},data(){return{drawer:!1}}}),ie={class:"main flex flex-row flex-1"},re={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ce={class:"result h-full p-[15px] flex-1 flex flex-col"};function me(e,o,p,h,w,y){const r=s("font-awesome-icon"),d=s("el-button"),c=s("el-drawer");return a(),m("div",ie,[n("div",re,[T(e.$slots,"config",{},void 0,!0)]),n("div",ce,[T(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]\|\|(o[0]=_=>e.drawer=!0)},{default:u(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(c,{modelValue:e.drawer,"onUpdate:modelValue":o[1]\|\|(o[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px",class:"drawer"},{default:u(()=>[T(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ue=b(le,[["render",me],["__scopeId","data-v-11a53e0c"]]),de=v({name:"EnhancementSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug("set enhancement",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=N)}}),pe={class:"relative"},fe={class:"flex justify-between"},_e={class:"flex justify-start items-center"},he={class:"text-sm font-bold"},$e={class:"flex justify-end items-center"};function ge(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),m("div",pe,[n("div",fe,[n("div",_e,[n("span",he,i(e.$t("luma.name.enhancement")),1),t(r,{content:e.$t("luma.description.enhancement")},null,8,["content"])]),n("div",$e,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const ve=b(de,[["render",ge]]),be=v({name:"CustomSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug("set custom",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=q)}}),we={class:"relative"},ye={class:"flex justify-between"},ke={class:"flex justify-start items-center"},Ee={class:"text-sm font-bold"},Ve={class:"flex justify-end items-center"};function Ue(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),m("div",we,[n("div",ye,[n("div",ke,[n("span",Ee,i(e.$t("luma.name.custom")),1),t(r,{content:e.$t("luma.description.custom")},null,8,["content"])]),n("div",Ve,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const Se=b(be,[["render",Ue]]),Ie=v({name:"LoopSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug("set loop",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=H)}}),Le={class:"relative"},Ce={class:"flex justify-between"},Te={class:"flex justify-start items-center"},je={class:"text-sm font-bold"},Ae={class:"flex justify-end items-center"};function Re(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),m("div",Le,[n("div",Ce,[n("div",Te,[n("span",je,i(e.$t("luma.name.loop")),1),t(r,{content:e.$t("luma.description.loop")},null,8,["content"])]),n("div",Ae,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const Ge=b(Ie,[["render",Re]]),Pe=v({name:"EndImage",components:{ElUpload:R,ElButton:I,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value\|\|(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),ze={class:"relative"},De={class:"flex justify-between"},Fe={class:"flex justify-start items-center"},Me={class:"text-sm font-bold"};function Be(e,o,p,h,w,y){const r=s("info-icon"),d=s("image-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),m("div",ze,[n("div",De,[n("div",Fe,[n("span",Me,i(e.$t("luma.name.endImageUrl")),1),t(r,{content:e.$t("luma.description.endImageUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]\|\|(o[0]=l=>e.fileList=l),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:l})=>[l.url&&l.percentage!==void 0?(a(),k(d,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadEndImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Oe=b(Pe,[["render",Be],["__scopeId","data-v-7ab78c3e"]]),Ne=v({name:"StartImage",components:{ElUpload:R,ElButton:I,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value\|\|(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),qe={class:"relative"},He={class:"flex justify-between"},Ke={class:"flex justify-start items-center"},Je={class:"text-sm font-bold"};function Qe(e,o,p,h,w,y){const r=s("info-icon"),d=s("image-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),m("div",qe,[n("div",He,[n("div",Ke,[n("span",Je,i(e.$t("luma.name.startImageUrl")),1),t(r,{content:e.$t("luma.description.startImageUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]\|\|(o[0]=l=>e.fileList=l),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:l})=>[l.percentage!=null?(a(),k(d,{key:0,url:l.url\|\|l.response.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const We=b(Ne,[["render",Qe],["__scopeId","data-v-425a8cec"]]),Xe=v({name:"UploadVideo",components:{ElUpload:R,ElButton:I,InfoIcon:U,FilePreview:X,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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.luma?.config?.video_url},set(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value\|\|(this.value=void 0)},methods:{onExceed(){E.warning(this.$t("luma.message.uploadVideoExceed"))},onError(){E.error(this.$t("luma.message.uploadVideoError"))},beforeUpload(e){const o=e.type==="video/mp4",p=e.size/1024/1024<10;return o?p?!0:(E.error(this.$t("luma.message.uploadVideoSizeExceed")),!1):(E.error(this.$t("luma.message.uploadVideoTypeFailed")),!1)},onSetVideoUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e,action:"extend"})},async onSuccess(){this.onSetVideoUrl()}}}),Ye={class:"relative"},Ze={class:"flex justify-between"},xe={class:"flex justify-start items-center"},et={class:"text-sm font-bold"};function tt(e,o,p,h,w,y){const r=s("info-icon"),d=s("file-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),m("div",Ye,[n("div",Ze,[n("div",xe,[n("span",et,i(e.$t("luma.name.videoUrl")),1),t(r,{content:e.$t("luma.description.videoUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]\|\|(o[0]=l=>e.fileList=l),accept:".mp4",name:"file",class:"value","show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:l})=>[l.percentage!=null?(a(),k(d,{key:0,url:l.url\|\|l.response?.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadVideoUrl")),1)]),_:1})]),_:1},8,["file-list","action","before-upload","on-exceed","on-error","on-success","headers"])])}const ot=b(Xe,[["render",tt],["__scopeId","data-v-74e51526"]]),st="",nt=v({name:"PromptInput",components:{ElInput:Y,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt\|\|(this.prompt=st)}}),at={class:"field"},lt={class:"box"},it={class:"title font-bold"};function rt(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-input");return a(),m("div",at,[n("div",lt,[n("h2",it,i(e.$t("luma.name.prompt")),1),t(r,{content:e.$t("luma.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":o[0]\|\|(o[0]=c=>e.prompt=c),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("luma.placeholder.prompt"),maxlength:2e3,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ct=b(nt,[["render",rt],["__scopeId","data-v-e8284075"]]),mt=v({name:"ExtendFromInput",components:{VideoPlayer:M},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.luma?.config}}}),ut={class:"relative"},dt={class:"flex mb-2"},pt={class:"text-sm font-bold"};function ft(e,o,p,h,w,y){const r=s("video-player");return a(),m("div",ut,[n("div",dt,[n("span",pt,i(e.$t("luma.name.extend")),1)]),n("div",null,[e.config?.video_url?(a(),k(r,{key:0,src:e.config?.video_url},null,8,["src"])):f("",!0)])])}const _t=b(mt,[["render",ft]]),ht=v({name:"ConfigPanel",components:{LoopSelector:Ge,StartImageInput:We,EndImageInput:Oe,EnhancementSelector:ve,ElButton:I,FontAwesomeIcon:S,PromptInput:ct,ExtendFromInput:_t,CustomSelector:Se,UploadVideo:ot,Consumption:Z},emits:["generate"],computed:{config(){return this.$store.state.luma?.config},consumption(){return ee(this.config,this.service?.metadata?.price)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},gt={class:"flex-1 overflow-y-auto p-[15px]"},vt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function bt(e,o,p,h,w,y){const r=s("extend-from-input"),d=s("prompt-input"),c=s("custom-selector"),_=s("upload-video"),$=s("start-image-input"),l=s("end-image-input"),V=s("enhancement-selector"),L=s("loop-selector"),B=s("consumption"),G=s("font-awesome-icon"),P=s("el-button");return a(),m("div",$t,[n("div",gt,[e.config?.video_id\|\|e.config?.video_url?(a(),k(r,{key:0,class:"mb-4"})):f("",!0),t(d,{class:"mb-4"}),e.config?.video_id?f("",!0):(a(),k(c,{key:1,class:"mb-4"})),e.config?.custom?(a(),k(_,{key:2,class:"mb-4"})):f("",!0),!(e.config?.video_id\|\|e.config?.video_url)&&!e.config?.custom?(a(),k($,{key:3,class:"mb-4"})):f("",!0),t(l,{class:"mb-4"}),t(V,{class:"mb-4"}),t(L,{class:"mb-4"})]),n("div",vt,[t(B,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0\|\|e.config?.custom?(a(),k(P,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.extend")),1)]),_:1},8,["onClick"])):(a(),k(P,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.generate")),1)]),_:1},8,["onClick"]))])])}const wt=b(ht,[["render",bt]]),yt=v({name:"TaskPreview",components:{ElImage:ne,CopyToClipboard:te,FontAwesomeIcon:S,ElAlert:se,VideoPlayer:M,ElTooltip:oe,ElButton:I},props:{modelValue:{type:Object,required:!0}},emits:["extend"],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,o){console.debug("set config",o),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_id:o.video_id,prompt:o.prompt,action:"extend",thumbnail_url:o.thumbnail_url,video_url:o.video_url}),this.$emit("extend")},onDownload(e){window.open(e,"_blank")}}}),kt={class:"preview"},Et={class:"left"},Vt={class:"main"},Ut={class:"bot"},St={class:"datetime"},It={class:"info"},Lt={key:0,class:"prompt mt-2"},Ct={key:0},Tt={key:1},jt={key:0,class:C({content:!0,failed:!0})},At={key:0,class:"mb-4"},Rt={key:1,class:C({operations:!0,"mt-2":!0,"mb-4":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Pt={key:1,class:C({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Mt={key:2,class:C({content:!0})},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Ot(e,o,p,h,w,y){const r=s("el-image"),d=s("video-player"),c=s("el-button"),_=s("el-tooltip"),$=s("font-awesome-icon"),l=s("copy-to-clipboard"),V=s("el-alert");return a(),m("div",kt,[n("div",Et,[t(r,{src:"https://cdn.acedata.cloud/ahjfwi.png",class:"avatar"})]),n("div",Vt,[n("div",Ut,[g(i(e.$t("luma.name.lumaBot"))+" ",1),n("span",St,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),n("div",It,[e.modelValue?.request?.prompt?(a(),m("p",Lt,[g(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),m("span",Ct," - ("+i(e.$t("luma.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"\|\|e.modelValue?.response?.state==="pending"?(a(),m("span",Tt," - ("+i(e.$t("luma.status.processing"))+") ",1)):f("",!0)])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),m("div",jt,[e.modelValue.response.video_url?(a(),m("div",At,[t(d,{src:e.modelValue.response.video_url},null,8,["src"])])):f("",!0),e.modelValue?.response&&!e.config?.custom?(a(),m("div",Rt,[t(_,{class:"box-item",effect:"dark",content:e.$t("luma.message.extendVideo"),placement:"top-start"},{default:u(()=>[t(c,{type:"info",size:"small",class:"btn-action",onClick:o[0]\|\|(o[0]=z(L=>e.onExtend(L,e.modelValue?.response),["stop"]))},{default:u(()=>[g(i(e.$t("luma.button.extend")),1)]),_:1})]),_:1},8,["content"]),t(_,{class:"box-item",effect:"dark",content:e.$t("luma.message.downloadVideo"),placement:"top-start"},{default:u(()=>[t(c,{type:"info",size:"small",class:"btn-action",onClick:o[1]\|\|(o[1]=z(L=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:u(()=>[g(i(e.$t("luma.button.download")),1)]),_:1})]),_:1},8,["content"])])):f("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:u(()=>[n("p",Gt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?.state==="failed"\|\|e.modelValue?.response?.success===!1?(a(),m("div",Pt,[t(V,{closable:!1,class:"failure"},{template:u(()=>[t($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:u(()=>[n("p",zt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])]),n("p",Dt,[t($,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+i(e.$t("luma.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(l,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),n("p",Ft,[t($,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+i(e.$t("luma.name.traceId"))+": "+i(e.modelValue?.trace_id)+" ",1),t(l,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):f("",!0),!e.modelValue?.response\|\|e.modelValue?.response?.state==="processing"\|\|e.modelValue?.response?.state==="pending"?(a(),m("div",Mt,[t(V,{closable:!1,class:"info"},{template:u(()=>[t($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:u(()=>[n("p",Bt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0)])])}const Nt=b(yt,[["render",Ot],["__scopeId","data-v-1b4a59bc"]]),qt=v({name:"RecentPanel",components:{BotPlaceholder:ae,TaskPreview:Nt,NoTasks:x},emits:["reach-top","extend"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.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")}}}),Ht={key:0},Kt={key:1,class:"tasks w-full h-full overflow-y-auto"},Jt={key:2,class:"w-full h-full flex items-center justify-center"};function Qt(e,o,p,h,w,y){const r=s("bot-placeholder"),d=s("task-preview"),c=s("no-tasks");return a(),m(D,null,[e.tasks?.items===void 0?(a(),m("div",Ht,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),m("div",Kt,[(a(!0),m(D,null,K(e.tasks?.items,_=>(a(),k(d,{key:_.id,"model-value":_,onExtend:o[0]\|\|(o[0]=$=>e.$emit("extend"))},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(a(),m("div",Jt,[t(c)])):f("",!0)],64)}const Wt=b(qt,[["render",Qt]]),Xt="https://webhook.acedata.cloud/luma",Yt=v({name:"LumaIndex",components:{ConfigPanel:wt,Layout:ue,RecentPanel:Wt},inject:["initialized"],emits:["extend"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.luma?.status?.getApplications===W.Request},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.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("luma/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("luma/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){console.debug("scrolling down"),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:o=5,createdAtMin:p,createdAtMax:h}=e\|\|{};console.debug("limit",o,"createdAtMin",p,"createdAtMax",h),await this.$store.dispatch("luma/getTasks",{limit:o,createdAtMin:p,createdAtMax:h})},async onGenerate(){const e={...this.config,callback_url:Xt},o=this.credential?.token;if(!o){console.error("no token specified");return}E.info(this.$t("luma.message.startingTask")),J.generate(e,{token:o}).then(()=>{E.success(this.$t("luma.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===Q?E.error(this.$t("luma.message.usedUp")):E.error(this.$t("luma.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,o,p,h,w,y){const r=s("config-panel"),d=s("recent-panel"),c=s("layout");return a(),k(c,null,{config:u(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{onReachTop:e.onReachTop,onExtend:o[0]\|\|(o[0]=_=>e.$emit("extend"))},null,8,["onReachTop"])]),_:1})}const To=b(Yt,[["render",Zt]]);export{To as default};
1	+ import{F as S}from"./index.es-BZdaR5Wv.js";import{E as I}from"./index-D-Djt1gp.js";import{E as O}from"./index-BwsIkuew.js";import{d as v,h as b,b as m,t as n,k as t,r as T,j as u,l as s,o as a,el as N,x as i,em as q,en as H,c7 as j,D as g,i as k,y as f,n as C,ai as z,F as D,v as K,eo as J,ds as Q,dn as W}from"./index-DTl1vwTk.js";import{I as U}from"./InfoIcon-vbBWQQje.js";import{E as A}from"./index-hVlP373B.js";import{I as F}from"./ImagePreview-k8xiX9go.js";import{E as R}from"./index-BNMfEZvq.js";import{E}from"./index-BLqJYEE_.js";import{F as X}from"./FilePreview-CLdjLL8D.js";import{E as Y}from"./index-B83P8zpE.js";import{V as M}from"./VideoPlayer-IYCFIBuz.js";import{C as Z,N as x}from"./NoTasks-D4CPqBrE.js";import{a as ee}from"./price-DuZgics8.js";import{C as te}from"./CopyToClipboard-8MBu8w6l.js";import{E as oe}from"./index-BsOJkwLq.js";import{E as se}from"./index-DNnF8aJO.js";import{E as ne}from"./index-DE7sDVN2.js";import{B as ae}from"./BotPlaceholder-CWc2B3sk.js";import"./use-form-item-71vAE_4O.js";import"./index-r5W6hzzQ.js";import"./index-Dh1BfhAg.js";import"./index-DKKcEDCT.js";import"./typescript-DSwEcZQ6.js";import"./_baseClone-CBtznGVq.js";import"./_initCloneObject-BHh-zcQZ.js";import"./isEqual-DTFQVxFI.js";import"./index-C7u2q9B_.js";import"./vue-plyr-QZFBikSk.js";import"./debounce-8xJw-nF5.js";import"./index-CCpA6MgI.js";const le=v({name:"LayoutLuma",components:{ElDrawer:O,ElButton:I,FontAwesomeIcon:S},data(){return{drawer:!1}}}),ie={class:"main flex flex-row flex-1"},re={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ce={class:"result h-full p-[15px] flex-1 flex flex-col"};function me(e,o,p,h,w,y){const r=s("font-awesome-icon"),d=s("el-button"),c=s("el-drawer");return a(),m("div",ie,[n("div",re,[T(e.$slots,"config",{},void 0,!0)]),n("div",ce,[T(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]\|\|(o[0]=_=>e.drawer=!0)},{default:u(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(c,{modelValue:e.drawer,"onUpdate:modelValue":o[1]\|\|(o[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px",class:"drawer"},{default:u(()=>[T(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ue=b(le,[["render",me],["__scopeId","data-v-11a53e0c"]]),de=v({name:"EnhancementSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug("set enhancement",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=N)}}),pe={class:"relative"},fe={class:"flex justify-between"},_e={class:"flex justify-start items-center"},he={class:"text-sm font-bold"},$e={class:"flex justify-end items-center"};function ge(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),m("div",pe,[n("div",fe,[n("div",_e,[n("span",he,i(e.$t("luma.name.enhancement")),1),t(r,{content:e.$t("luma.description.enhancement")},null,8,["content"])]),n("div",$e,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const ve=b(de,[["render",ge]]),be=v({name:"CustomSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug("set custom",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=q)}}),we={class:"relative"},ye={class:"flex justify-between"},ke={class:"flex justify-start items-center"},Ee={class:"text-sm font-bold"},Ve={class:"flex justify-end items-center"};function Ue(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),m("div",we,[n("div",ye,[n("div",ke,[n("span",Ee,i(e.$t("luma.name.custom")),1),t(r,{content:e.$t("luma.description.custom")},null,8,["content"])]),n("div",Ve,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const Se=b(be,[["render",Ue]]),Ie=v({name:"LoopSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug("set loop",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=H)}}),Le={class:"relative"},Ce={class:"flex justify-between"},Te={class:"flex justify-start items-center"},je={class:"text-sm font-bold"},Ae={class:"flex justify-end items-center"};function Re(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),m("div",Le,[n("div",Ce,[n("div",Te,[n("span",je,i(e.$t("luma.name.loop")),1),t(r,{content:e.$t("luma.description.loop")},null,8,["content"])]),n("div",Ae,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]\|\|(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const Ge=b(Ie,[["render",Re]]),Pe=v({name:"EndImage",components:{ElUpload:R,ElButton:I,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value\|\|(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),ze={class:"relative"},De={class:"flex justify-between"},Fe={class:"flex justify-start items-center"},Me={class:"text-sm font-bold"};function Be(e,o,p,h,w,y){const r=s("info-icon"),d=s("image-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),m("div",ze,[n("div",De,[n("div",Fe,[n("span",Me,i(e.$t("luma.name.endImageUrl")),1),t(r,{content:e.$t("luma.description.endImageUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]\|\|(o[0]=l=>e.fileList=l),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:l})=>[l.url&&l.percentage!==void 0?(a(),k(d,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadEndImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Oe=b(Pe,[["render",Be],["__scopeId","data-v-7ab78c3e"]]),Ne=v({name:"StartImage",components:{ElUpload:R,ElButton:I,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value\|\|(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),qe={class:"relative"},He={class:"flex justify-between"},Ke={class:"flex justify-start items-center"},Je={class:"text-sm font-bold"};function Qe(e,o,p,h,w,y){const r=s("info-icon"),d=s("image-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),m("div",qe,[n("div",He,[n("div",Ke,[n("span",Je,i(e.$t("luma.name.startImageUrl")),1),t(r,{content:e.$t("luma.description.startImageUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]\|\|(o[0]=l=>e.fileList=l),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:l})=>[l.percentage!=null?(a(),k(d,{key:0,url:l.url\|\|l.response.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const We=b(Ne,[["render",Qe],["__scopeId","data-v-425a8cec"]]),Xe=v({name:"UploadVideo",components:{ElUpload:R,ElButton:I,InfoIcon:U,FilePreview:X,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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.luma?.config?.video_url},set(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value\|\|(this.value=void 0)},methods:{onExceed(){E.warning(this.$t("luma.message.uploadVideoExceed"))},onError(){E.error(this.$t("luma.message.uploadVideoError"))},beforeUpload(e){const o=e.type==="video/mp4",p=e.size/1024/1024<10;return o?p?!0:(E.error(this.$t("luma.message.uploadVideoSizeExceed")),!1):(E.error(this.$t("luma.message.uploadVideoTypeFailed")),!1)},onSetVideoUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e,action:"extend"})},async onSuccess(){this.onSetVideoUrl()}}}),Ye={class:"relative"},Ze={class:"flex justify-between"},xe={class:"flex justify-start items-center"},et={class:"text-sm font-bold"};function tt(e,o,p,h,w,y){const r=s("info-icon"),d=s("file-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),m("div",Ye,[n("div",Ze,[n("div",xe,[n("span",et,i(e.$t("luma.name.videoUrl")),1),t(r,{content:e.$t("luma.description.videoUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]\|\|(o[0]=l=>e.fileList=l),accept:".mp4",name:"file",class:"value","show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:l})=>[l.percentage!=null?(a(),k(d,{key:0,url:l.url\|\|l.response?.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadVideoUrl")),1)]),_:1})]),_:1},8,["file-list","action","before-upload","on-exceed","on-error","on-success","headers"])])}const ot=b(Xe,[["render",tt],["__scopeId","data-v-74e51526"]]),st="",nt=v({name:"PromptInput",components:{ElInput:Y,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt\|\|(this.prompt=st)}}),at={class:"field"},lt={class:"box"},it={class:"title font-bold"};function rt(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-input");return a(),m("div",at,[n("div",lt,[n("h2",it,i(e.$t("luma.name.prompt")),1),t(r,{content:e.$t("luma.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":o[0]\|\|(o[0]=c=>e.prompt=c),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("luma.placeholder.prompt"),maxlength:2e3,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ct=b(nt,[["render",rt],["__scopeId","data-v-e8284075"]]),mt=v({name:"ExtendFromInput",components:{VideoPlayer:M},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.luma?.config}}}),ut={class:"relative"},dt={class:"flex mb-2"},pt={class:"text-sm font-bold"};function ft(e,o,p,h,w,y){const r=s("video-player");return a(),m("div",ut,[n("div",dt,[n("span",pt,i(e.$t("luma.name.extend")),1)]),n("div",null,[e.config?.video_url?(a(),k(r,{key:0,src:e.config?.video_url},null,8,["src"])):f("",!0)])])}const _t=b(mt,[["render",ft]]),ht=v({name:"ConfigPanel",components:{LoopSelector:Ge,StartImageInput:We,EndImageInput:Oe,EnhancementSelector:ve,ElButton:I,FontAwesomeIcon:S,PromptInput:ct,ExtendFromInput:_t,CustomSelector:Se,UploadVideo:ot,Consumption:Z},emits:["generate"],computed:{config(){return this.$store.state.luma?.config},consumption(){return ee(this.config,this.service?.metadata?.price)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},gt={class:"flex-1 overflow-y-auto p-[15px]"},vt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function bt(e,o,p,h,w,y){const r=s("extend-from-input"),d=s("prompt-input"),c=s("custom-selector"),_=s("upload-video"),$=s("start-image-input"),l=s("end-image-input"),V=s("enhancement-selector"),L=s("loop-selector"),B=s("consumption"),G=s("font-awesome-icon"),P=s("el-button");return a(),m("div",$t,[n("div",gt,[e.config?.video_id\|\|e.config?.video_url?(a(),k(r,{key:0,class:"mb-4"})):f("",!0),t(d,{class:"mb-4"}),e.config?.video_id?f("",!0):(a(),k(c,{key:1,class:"mb-4"})),e.config?.custom?(a(),k(_,{key:2,class:"mb-4"})):f("",!0),!(e.config?.video_id\|\|e.config?.video_url)&&!e.config?.custom?(a(),k($,{key:3,class:"mb-4"})):f("",!0),t(l,{class:"mb-4"}),t(V,{class:"mb-4"}),t(L,{class:"mb-4"})]),n("div",vt,[t(B,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0\|\|e.config?.custom?(a(),k(P,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.extend")),1)]),_:1},8,["onClick"])):(a(),k(P,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.generate")),1)]),_:1},8,["onClick"]))])])}const wt=b(ht,[["render",bt]]),yt=v({name:"TaskPreview",components:{ElImage:ne,CopyToClipboard:te,FontAwesomeIcon:S,ElAlert:se,VideoPlayer:M,ElTooltip:oe,ElButton:I},props:{modelValue:{type:Object,required:!0}},emits:["extend"],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,o){console.debug("set config",o),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_id:o.video_id,prompt:o.prompt,action:"extend",thumbnail_url:o.thumbnail_url,video_url:o.video_url}),this.$emit("extend")},onDownload(e){window.open(e,"_blank")}}}),kt={class:"preview"},Et={class:"left"},Vt={class:"main"},Ut={class:"bot"},St={class:"datetime"},It={class:"info"},Lt={key:0,class:"prompt mt-2"},Ct={key:0},Tt={key:1},jt={key:0,class:C({content:!0,failed:!0})},At={key:0,class:"mb-4"},Rt={key:1,class:C({operations:!0,"mt-2":!0,"mb-4":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Pt={key:1,class:C({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Mt={key:2,class:C({content:!0})},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Ot(e,o,p,h,w,y){const r=s("el-image"),d=s("video-player"),c=s("el-button"),_=s("el-tooltip"),$=s("font-awesome-icon"),l=s("copy-to-clipboard"),V=s("el-alert");return a(),m("div",kt,[n("div",Et,[t(r,{src:"https://cdn.acedata.cloud/ahjfwi.png",class:"avatar"})]),n("div",Vt,[n("div",Ut,[g(i(e.$t("luma.name.lumaBot"))+" ",1),n("span",St,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),n("div",It,[e.modelValue?.request?.prompt?(a(),m("p",Lt,[g(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),m("span",Ct," - ("+i(e.$t("luma.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"\|\|e.modelValue?.response?.state==="pending"?(a(),m("span",Tt," - ("+i(e.$t("luma.status.processing"))+") ",1)):f("",!0)])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),m("div",jt,[e.modelValue.response.video_url?(a(),m("div",At,[t(d,{src:e.modelValue.response.video_url},null,8,["src"])])):f("",!0),e.modelValue?.response&&!e.config?.custom?(a(),m("div",Rt,[t(_,{class:"box-item",effect:"dark",content:e.$t("luma.message.extendVideo"),placement:"top-start"},{default:u(()=>[t(c,{type:"info",size:"small",class:"btn-action",onClick:o[0]\|\|(o[0]=z(L=>e.onExtend(L,e.modelValue?.response),["stop"]))},{default:u(()=>[g(i(e.$t("luma.button.extend")),1)]),_:1})]),_:1},8,["content"]),t(_,{class:"box-item",effect:"dark",content:e.$t("luma.message.downloadVideo"),placement:"top-start"},{default:u(()=>[t(c,{type:"info",size:"small",class:"btn-action",onClick:o[1]\|\|(o[1]=z(L=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:u(()=>[g(i(e.$t("luma.button.download")),1)]),_:1})]),_:1},8,["content"])])):f("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:u(()=>[n("p",Gt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?.state==="failed"\|\|e.modelValue?.response?.success===!1?(a(),m("div",Pt,[t(V,{closable:!1,class:"failure"},{template:u(()=>[t($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:u(()=>[n("p",zt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])]),n("p",Dt,[t($,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+i(e.$t("luma.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(l,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),n("p",Ft,[t($,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+i(e.$t("luma.name.traceId"))+": "+i(e.modelValue?.trace_id)+" ",1),t(l,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):f("",!0),!e.modelValue?.response\|\|e.modelValue?.response?.state==="processing"\|\|e.modelValue?.response?.state==="pending"?(a(),m("div",Mt,[t(V,{closable:!1,class:"info"},{template:u(()=>[t($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:u(()=>[n("p",Bt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0)])])}const Nt=b(yt,[["render",Ot],["__scopeId","data-v-1b4a59bc"]]),qt=v({name:"RecentPanel",components:{BotPlaceholder:ae,TaskPreview:Nt,NoTasks:x},emits:["reach-top","extend"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.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")}}}),Ht={key:0},Kt={key:1,class:"tasks w-full h-full overflow-y-auto"},Jt={key:2,class:"w-full h-full flex items-center justify-center"};function Qt(e,o,p,h,w,y){const r=s("bot-placeholder"),d=s("task-preview"),c=s("no-tasks");return a(),m(D,null,[e.tasks?.items===void 0?(a(),m("div",Ht,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),m("div",Kt,[(a(!0),m(D,null,K(e.tasks?.items,_=>(a(),k(d,{key:_.id,"model-value":_,onExtend:o[0]\|\|(o[0]=$=>e.$emit("extend"))},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(a(),m("div",Jt,[t(c)])):f("",!0)],64)}const Wt=b(qt,[["render",Qt]]),Xt="https://webhook.acedata.cloud/luma",Yt=v({name:"LumaIndex",components:{ConfigPanel:wt,Layout:ue,RecentPanel:Wt},inject:["initialized"],emits:["extend"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.luma?.status?.getApplications===W.Request},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.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("luma/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("luma/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){console.debug("scrolling down"),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:o=5,createdAtMin:p,createdAtMax:h}=e\|\|{};console.debug("limit",o,"createdAtMin",p,"createdAtMax",h),await this.$store.dispatch("luma/getTasks",{limit:o,createdAtMin:p,createdAtMax:h})},async onGenerate(){const e={...this.config,callback_url:Xt},o=this.credential?.token;if(!o){console.error("no token specified");return}E.info(this.$t("luma.message.startingTask")),J.generate(e,{token:o}).then(()=>{E.success(this.$t("luma.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===Q?E.error(this.$t("luma.message.usedUp")):E.error(this.$t("luma.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,o,p,h,w,y){const r=s("config-panel"),d=s("recent-panel"),c=s("layout");return a(),k(c,null,{config:u(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{onReachTop:e.onReachTop,onExtend:o[0]\|\|(o[0]=_=>e.$emit("extend"))},null,8,["onReachTop"])]),_:1})}const To=b(Yt,[["render",Zt]]);export{To as default};

package/dist/assets/{InfoIcon-BJAJcb5a.js → InfoIcon-vbBWQQje.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{F as r}from"./index.es-~~EtbmiVQe~~.js";import{E as c}from"./index-~~CCjGuukj~~.js";import{d as a,h as s,i as p,j as i,k as l,l as o,o as f}from"./index-~~C4ssJdBR~~.js";const m=a({name:"InfoIcon",components:{FontAwesomeIcon:r,ElTooltip:c},props:{content:{type:String,required:!0}}});function d(e,_,x,u,I,k){const t=o("font-awesome-icon"),n=o("el-tooltip");return f(),p(n,{effect:"dark",content:e.content,placement:"top"},{default:i(()=>[l(t,{icon:"fa-solid fa-info",class:"icon icon-rotate inline-block w-[20px] h-[20px] border-[3px] border-solid border-[#aaa] rounded-full text-[10px] p-[5px] scale-[0.4] cursor-pointer text-[#aaa] -mr-[5px]"})]),_:1},8,["content"])}const $=s(m,[["render",d]]);export{$ as I};
1	+ import{F as r}from"./index.es-BZdaR5Wv.js";import{E as c}from"./index-BsOJkwLq.js";import{d as a,h as s,i as p,j as i,k as l,l as o,o as f}from"./index-DTl1vwTk.js";const m=a({name:"InfoIcon",components:{FontAwesomeIcon:r,ElTooltip:c},props:{content:{type:String,required:!0}}});function d(e,_,x,u,I,k){const t=o("font-awesome-icon"),n=o("el-tooltip");return f(),p(n,{effect:"dark",content:e.content,placement:"top"},{default:i(()=>[l(t,{icon:"fa-solid fa-info",class:"icon icon-rotate inline-block w-[20px] h-[20px] border-[3px] border-solid border-[#aaa] rounded-full text-[10px] p-[5px] scale-[0.4] cursor-pointer text-[#aaa] -mr-[5px]"})]),_:1},8,["content"])}const $=s(m,[["render",d]]);export{$ as I};

package/dist/assets/{Invitees-BPgw8JIs.js → Invitees-BY36MgGK.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{P as g}from"./Pagination-~~1fwMfKLT~~.js";import{C as b}from"./CopyToClipboard-~~BCGRlwJJ~~.js";import{d as v,e3 as w,h as $,i as d,j as t,k as o,l as n,t as i,x as s,J as C,cO as y,o as c}from"./index-~~C4ssJdBR~~.js";import{E as D,a as E,b as I}from"./index-~~DqySUAY6~~.js";import{E as k,a as F}from"./index-~~Drn8vYFB~~.js";import"./index-~~C4trafQk~~.js";import"./index-~~CCjGuukj~~.js";import"./index-~~J4WBpiv9~~.js";import"./typescript-~~D14l1a1y~~.js";import"./index-~~DEAamx_H~~.js";import"./strings-~~cAoZbHaH~~.js";import"./castArray-~~TlECDAqv~~.js";import"./isEqual-~~BqBcCRrU~~.js";import"./_initCloneObject-~~djD3gYlF~~.js";import"./use-form-item-~~CGJaz8fH~~.js";import"./index-~~Bth-8JIu~~.js";import"./index-~~zBoOr1pW~~.js";import"./debounce-~~DTzFlSYq~~.js";import"./_baseIteratee-~~35aC5hBk~~.js";import"./index-~~BqzuTEwO~~.js";import"./index.es-~~EtbmiVQe~~.js";import"./isPlainObject-~~BLPi94hV~~.js";import"./index~~-DislasB7~~.js";const P=v({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:I,ElCol:E,ElTable:F,ElTableColumn:k,ElCard:D},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()\|\|"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){const{data:e}=await w.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:"-created_at"});this.invitees=e.items,this.total=e.count}}}),j={class:"title"},q={class:"key"},B={class:"copy"},S={class:"description"},T={class:"description"},z={class:"description"},J={class:"created-at"},N={class:"pagination m-v-lg"};function O(e,V,R,A,G,H){const r=n("el-col"),p=n("el-row"),m=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=y("loading");return c(),d(p,{class:"panel"},{default:t(()=>[o(r,{span:24},{default:t(()=>[o(p,null,{default:t(()=>[o(r,{span:24},{default:t(()=>[i("h2",j,s(e.$t("common.title.invitee")),1)]),_:1})]),_:1}),o(p,null,{default:t(()=>[o(r,{span:24},{default:t(()=>[o(u,{shadow:"hover"},{default:t(()=>[C((c(),d(_,{data:e.invitees,stripe:""},{default:t(()=>[o(l,{prop:"id",label:e.$t("user.field.id"),"class-name":"text-center",width:"350px"},{default:t(a=>[i("span",q,s(a.row.id),1),i("span",B,[o(m,{content:a.row.id},null,8,["content"])])]),_:1},8,["label"]),o(l,{label:e.$t("user.field.username"),width:"300px"},{default:t(a=>[i("span",S,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.email"),width:"300px"},{default:t(a=>[i("span",T,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.nickname"),width:"200px"},{default:t(a=>[i("span",z,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.dateJoined")},{default:t(a=>[i("span",J,s(e.$dayjs.format(a.row.date_joined)),1)]),_:1},8,["label"])]),_:1},8,["data"])),[[f,e.loading]])]),_:1})]),_:1})]),_:1}),o(p,null,{default:t(()=>[o(r,{span:10,offset:14},{default:t(()=>[i("div",N,[o(h,{"current-page":e.page,"page-size":e.limit,total:e.total,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const _e=$(P,[["render",O],["__scopeId","data-v-4556864d"]]);export{_e as default};
1	+ import{P as g}from"./Pagination-C5qQafok.js";import{C as b}from"./CopyToClipboard-8MBu8w6l.js";import{d as v,e3 as w,h as $,i as d,j as t,k as o,l as n,t as i,x as s,J as C,cO as y,o as c}from"./index-DTl1vwTk.js";import{E as D,a as E,b as I}from"./index-j3WKbWOT.js";import{E as k,a as F}from"./index-DLJcSeSY.js";import"./index-DUrRUc_Y.js";import"./index-BsOJkwLq.js";import"./index-Dh1BfhAg.js";import"./typescript-DSwEcZQ6.js";import"./index-Cch9iD7z.js";import"./strings-DLqquZWc.js";import"./castArray-BLVLWkbO.js";import"./isEqual-DTFQVxFI.js";import"./_initCloneObject-BHh-zcQZ.js";import"./use-form-item-71vAE_4O.js";import"./index-B83P8zpE.js";import"./index-C7u2q9B_.js";import"./debounce-8xJw-nF5.js";import"./_baseIteratee-DRN1TLj7.js";import"./index-C55R-zv4.js";import"./index.es-BZdaR5Wv.js";import"./isPlainObject-BWu10rlc.js";import"./index--R19waBW.js";const P=v({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:I,ElCol:E,ElTable:F,ElTableColumn:k,ElCard:D},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()\|\|"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){const{data:e}=await w.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:"-created_at"});this.invitees=e.items,this.total=e.count}}}),j={class:"title"},q={class:"key"},B={class:"copy"},S={class:"description"},T={class:"description"},z={class:"description"},J={class:"created-at"},N={class:"pagination m-v-lg"};function O(e,V,R,A,G,H){const r=n("el-col"),p=n("el-row"),m=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=y("loading");return c(),d(p,{class:"panel"},{default:t(()=>[o(r,{span:24},{default:t(()=>[o(p,null,{default:t(()=>[o(r,{span:24},{default:t(()=>[i("h2",j,s(e.$t("common.title.invitee")),1)]),_:1})]),_:1}),o(p,null,{default:t(()=>[o(r,{span:24},{default:t(()=>[o(u,{shadow:"hover"},{default:t(()=>[C((c(),d(_,{data:e.invitees,stripe:""},{default:t(()=>[o(l,{prop:"id",label:e.$t("user.field.id"),"class-name":"text-center",width:"350px"},{default:t(a=>[i("span",q,s(a.row.id),1),i("span",B,[o(m,{content:a.row.id},null,8,["content"])])]),_:1},8,["label"]),o(l,{label:e.$t("user.field.username"),width:"300px"},{default:t(a=>[i("span",S,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.email"),width:"300px"},{default:t(a=>[i("span",T,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.nickname"),width:"200px"},{default:t(a=>[i("span",z,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.dateJoined")},{default:t(a=>[i("span",J,s(e.$dayjs.format(a.row.date_joined)),1)]),_:1},8,["label"])]),_:1},8,["data"])),[[f,e.loading]])]),_:1})]),_:1})]),_:1}),o(p,null,{default:t(()=>[o(r,{span:10,offset:14},{default:t(()=>[i("div",N,[o(h,{"current-page":e.page,"page-size":e.limit,total:e.total,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const _e=$(P,[["render",O],["__scopeId","data-v-4556864d"]]);export{_e as default};

package/dist/assets/{List-BdH_9_rT.js → List-Bb6gUE0e.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{I as E}from"./credential-DWyZQ5lE.js";import{cP as b,d as q,c8 as V,df as S,h as D,i as m,j as i,k as a,l,t as n,x as s,b as c,v as h,F as g,J as T,cO as U,y as O,o as r,D as P}from"./index-~~C4ssJdBR~~.js";import{P as B}from"./Pagination-~~1fwMfKLT~~.js";import{C as N}from"./CopyToClipboard-~~BCGRlwJJ~~.js";import{E as j,a as L,b as z}from"./index-~~DqySUAY6~~.js";import{E as R,a as x}from"./index-~~Drn8vYFB~~.js";import{E as J,a as G}from"./index-~~C4trafQk~~.js";import"./typescript-~~D14l1a1y~~.js";import"./isEqual-~~BqBcCRrU~~.js";import"./_initCloneObject-~~djD3gYlF~~.js";import"./index-~~J4WBpiv9~~.js";import"./index-~~Bth-8JIu~~.js";import"./index-~~zBoOr1pW~~.js";import"./use-form-item-~~CGJaz8fH~~.js";import"./index.es-~~EtbmiVQe~~.js";import"./index-~~CCjGuukj~~.js";import"./index-~~DEAamx_H~~.js";import"./isPlainObject-~~BLPi94hV~~.js";import"./_baseIteratee-~~35aC5hBk~~.js";import"./castArray-~~TlECDAqv~~.js";import"./debounce-~~DTzFlSYq~~.js";import"./index~~-DislasB7~~.js";import"./index-~~BqzuTEwO~~.js";import"./strings-~~cAoZbHaH~~.js";class H{key="usage/apis";async getAll(o){return await b.get(`/${this.key}/`,{params:o})}async get(o){return await b.get(`/${this.key}/${o}`)}}const K=new H,M=q({name:"ConsoleUsageList",components:{Pagination:B,ElTag:V,ElTable:x,ElSelect:G,ElOption:J,CopyToClipboard:N,ElRow:z,ElCol:L,ElTableColumn:R,ElCard:j},data(){return{applicationId:this.$route.query.application_id?.toString(),apiId:this.$route.query.api_id?.toString(),applications:[],credentialType:E,apiUsages:[],loading:!1,total:void 0,limit:15}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()\|\|"1")},apis(){return this.applications.filter(e=>this.applicationId?e.id===this.applicationId:!0).map(e=>e.service?.apis).flat()}},watch:{page:{handler(){this.onFetchApiUsages()}},type:{handler(){this.onFetchApiUsages()}}},mounted(){this.onFetchApplications(),this.onFetchApiUsages()},methods:{async onApiChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e}}),this.onFetchApiUsages()},async onApplicationChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e}}),this.onFetchApiUsages()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},getRemainingAmount(e){if(e.remaining_amount===void 0\|\|e.remaining_amount===null)return"";const o=this.$t(`service.unit.${e?.service?.unit\|\|"credit"}s`);return`${e.remaining_amount?.toFixed(6)} ${o}`},getUsedAmount(e){if(e.used_amount===void 0\|\|e.used_amount===null)return"";const o=this.$t(`service.unit.${e?.service?.unit\|\|"credit"}s`);return`${e.used_amount?.toFixed(6)} ${o}`},getDeductedAmount(e){if(e?.deducted_amount===void 0\|\|e?.deducted_amount===null)return"";const o=this.$t(`service.unit.${e?.service?.unit\|\|"credit"}s`);return`${e.deducted_amount?.toFixed(6)} ${o}`},onFetchApplications(){S.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:"-created_at"}).then(({data:e})=>{this.applications=e.items,this.total=e.count}).catch(()=>{})},onFetchApiUsages(){this.loading=!0,K.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:"-created_at",...this.applicationId?{application_id:this.applicationId}:{},...this.apiId?{api_id:this.apiId}:{}}).then(({data:e})=>{this.apiUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})}}}),Q={class:"title"},W={class:"inline-block mr-3 text-sm w-10"},X={class:"inline-block mr-3 text-sm w-10"},Y={class:"flex flex-wrap gap-2 justify-start"},Z={class:"key"},ee={key:0,class:"copy"},te={class:"created-at"},ae={class:"pagination"};function ie(e,o,oe,le,ne,se){const y=l("help-entry"),p=l("el-col"),u=l("el-row"),_=l("el-option"),f=l("el-select"),d=l("el-table-column"),w=l("el-tag"),v=l("copy-to-clipboard"),C=l("el-table"),A=l("el-card"),I=l("pagination"),k=U("loading");return r(),m(u,{class:"panel"},{default:i(()=>[a(y,{class:"help"}),a(p,{span:24},{default:i(()=>[a(u,null,{default:i(()=>[a(p,{span:24},{default:i(()=>[n("h2",Q,s(e.$t("common.title.allUsages")),1)]),_:1})]),_:1}),a(u,null,{default:i(()=>[a(p,{md:8,sm:12,class:"flex items-center px-2 mb-4"},{default:i(()=>[n("span",W,s(e.$t("usage.field.application")),1),a(f,{modelValue:e.applicationId,"onUpdate:modelValue":o[0]\|\|(o[0]=t=>e.applicationId=t),placeholder:e.$t("usage.field.application"),clearable:"",onChange:e.onApplicationChange},{default:i(()=>[(r(!0),c(g,null,h(e.applications,t=>(r(),m(_,{key:t.id,label:t.service?.title,value:t?.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"])]),_:1}),a(p,{md:8,sm:12,class:"flex items-center px-2 mb-4"},{default:i(()=>[n("span",X,s(e.$t("usage.field.api")),1),a(f,{modelValue:e.apiId,"onUpdate:modelValue":o[1]\|\|(o[1]=t=>e.apiId=t),placeholder:e.$t("usage.field.api"),clearable:"",onChange:e.onApiChange},{default:i(()=>[(r(!0),c(g,null,h(e.apis,t=>(r(),m(_,{key:t?.id,label:t?.title,value:t?.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"])]),_:1})]),_:1}),a(u,null,{default:i(()=>[a(p,{span:24},{default:i(()=>[a(A,{shadow:"hover"},{default:i(()=>[T((r(),m(C,{data:e.apiUsages,stripe:"","table-layout":"fixed",class:"!h-[calc(100vh-350px)]","empty-text":e.$t("common.message.noData")},{default:i(()=>[a(d,{label:e.$t("application.field.name"),width:"140px"},{default:i(t=>[n("span",null,s(t.row?.api?.title),1)]),_:1},8,["label"]),a(d,{label:e.$t("usage.field.statusCode"),width:"80px"},{default:i(t=>[n("span",null,s(t.row.status_code),1)]),_:1},8,["label"]),a(d,{prop:"deducted_amount",label:e.$t("usage.field.deductedAmount"),width:"130px","class-name":"text-center"},{default:i(t=>[n("span",null,s(e.getDeductedAmount(t.row)),1)]),_:1},8,["label"]),a(d,{prop:"metadata",width:"350px",label:e.$t("usage.field.metadata")},{default:i(t=>[n("div",Y,[(r(!0),c(g,null,h(t.row.metadata,(F,$)=>(r(),c("div",{key:$,class:"inline-block"},[a(w,{round:""},{default:i(()=>[P(s($)+": "+s(F),1)]),_:2},1024)]))),128))])]),_:1},8,["label"]),a(d,{prop:"trace_id",label:e.$t("application.field.traceId"),width:"200px","class-name":"text-center"},{default:i(t=>[n("span",Z,s(t.row.trace_id),1),t.row.trace_id?(r(),c("span",ee,[a(v,{content:t.row.trace_id,class:"inline-block"},null,8,["content"])])):O("",!0)]),_:1},8,["label"]),a(d,{label:e.$t("usage.field.createdAt"),width:"200px"},{default:i(t=>[n("span",te,s(e.$dayjs.format(t.row.created_at)),1)]),_:1},8,["label"])]),_:1},8,["data","empty-text"])),[[k,e.loading]])]),_:1})]),_:1})]),_:1}),a(u,null,{default:i(()=>[a(p,null,{default:i(()=>[n("div",ae,[a(I,{"current-page":e.page,"page-size":e.limit,total:e.total,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const De=D(M,[["render",ie]]);export{De as default};
1	+ import{I as E}from"./credential-DWyZQ5lE.js";import{cP as b,d as q,c8 as V,df as S,h as D,i as m,j as i,k as a,l,t as n,x as s,b as c,v as h,F as g,J as T,cO as U,y as O,o as r,D as P}from"./index-DTl1vwTk.js";import{P as B}from"./Pagination-C5qQafok.js";import{C as N}from"./CopyToClipboard-8MBu8w6l.js";import{E as j,a as L,b as z}from"./index-j3WKbWOT.js";import{E as R,a as x}from"./index-DLJcSeSY.js";import{E as J,a as G}from"./index-DUrRUc_Y.js";import"./typescript-DSwEcZQ6.js";import"./isEqual-DTFQVxFI.js";import"./_initCloneObject-BHh-zcQZ.js";import"./index-Dh1BfhAg.js";import"./index-B83P8zpE.js";import"./index-C7u2q9B_.js";import"./use-form-item-71vAE_4O.js";import"./index.es-BZdaR5Wv.js";import"./index-BsOJkwLq.js";import"./index-Cch9iD7z.js";import"./isPlainObject-BWu10rlc.js";import"./_baseIteratee-DRN1TLj7.js";import"./castArray-BLVLWkbO.js";import"./debounce-8xJw-nF5.js";import"./index--R19waBW.js";import"./index-C55R-zv4.js";import"./strings-DLqquZWc.js";class H{key="usage/apis";async getAll(o){return await b.get(`/${this.key}/`,{params:o})}async get(o){return await b.get(`/${this.key}/${o}`)}}const K=new H,M=q({name:"ConsoleUsageList",components:{Pagination:B,ElTag:V,ElTable:x,ElSelect:G,ElOption:J,CopyToClipboard:N,ElRow:z,ElCol:L,ElTableColumn:R,ElCard:j},data(){return{applicationId:this.$route.query.application_id?.toString(),apiId:this.$route.query.api_id?.toString(),applications:[],credentialType:E,apiUsages:[],loading:!1,total:void 0,limit:15}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()\|\|"1")},apis(){return this.applications.filter(e=>this.applicationId?e.id===this.applicationId:!0).map(e=>e.service?.apis).flat()}},watch:{page:{handler(){this.onFetchApiUsages()}},type:{handler(){this.onFetchApiUsages()}}},mounted(){this.onFetchApplications(),this.onFetchApiUsages()},methods:{async onApiChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e}}),this.onFetchApiUsages()},async onApplicationChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e}}),this.onFetchApiUsages()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},getRemainingAmount(e){if(e.remaining_amount===void 0\|\|e.remaining_amount===null)return"";const o=this.$t(`service.unit.${e?.service?.unit\|\|"credit"}s`);return`${e.remaining_amount?.toFixed(6)} ${o}`},getUsedAmount(e){if(e.used_amount===void 0\|\|e.used_amount===null)return"";const o=this.$t(`service.unit.${e?.service?.unit\|\|"credit"}s`);return`${e.used_amount?.toFixed(6)} ${o}`},getDeductedAmount(e){if(e?.deducted_amount===void 0\|\|e?.deducted_amount===null)return"";const o=this.$t(`service.unit.${e?.service?.unit\|\|"credit"}s`);return`${e.deducted_amount?.toFixed(6)} ${o}`},onFetchApplications(){S.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:"-created_at"}).then(({data:e})=>{this.applications=e.items,this.total=e.count}).catch(()=>{})},onFetchApiUsages(){this.loading=!0,K.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:"-created_at",...this.applicationId?{application_id:this.applicationId}:{},...this.apiId?{api_id:this.apiId}:{}}).then(({data:e})=>{this.apiUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})}}}),Q={class:"title"},W={class:"inline-block mr-3 text-sm w-10"},X={class:"inline-block mr-3 text-sm w-10"},Y={class:"flex flex-wrap gap-2 justify-start"},Z={class:"key"},ee={key:0,class:"copy"},te={class:"created-at"},ae={class:"pagination"};function ie(e,o,oe,le,ne,se){const y=l("help-entry"),p=l("el-col"),u=l("el-row"),_=l("el-option"),f=l("el-select"),d=l("el-table-column"),w=l("el-tag"),v=l("copy-to-clipboard"),C=l("el-table"),A=l("el-card"),I=l("pagination"),k=U("loading");return r(),m(u,{class:"panel"},{default:i(()=>[a(y,{class:"help"}),a(p,{span:24},{default:i(()=>[a(u,null,{default:i(()=>[a(p,{span:24},{default:i(()=>[n("h2",Q,s(e.$t("common.title.allUsages")),1)]),_:1})]),_:1}),a(u,null,{default:i(()=>[a(p,{md:8,sm:12,class:"flex items-center px-2 mb-4"},{default:i(()=>[n("span",W,s(e.$t("usage.field.application")),1),a(f,{modelValue:e.applicationId,"onUpdate:modelValue":o[0]\|\|(o[0]=t=>e.applicationId=t),placeholder:e.$t("usage.field.application"),clearable:"",onChange:e.onApplicationChange},{default:i(()=>[(r(!0),c(g,null,h(e.applications,t=>(r(),m(_,{key:t.id,label:t.service?.title,value:t?.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"])]),_:1}),a(p,{md:8,sm:12,class:"flex items-center px-2 mb-4"},{default:i(()=>[n("span",X,s(e.$t("usage.field.api")),1),a(f,{modelValue:e.apiId,"onUpdate:modelValue":o[1]\|\|(o[1]=t=>e.apiId=t),placeholder:e.$t("usage.field.api"),clearable:"",onChange:e.onApiChange},{default:i(()=>[(r(!0),c(g,null,h(e.apis,t=>(r(),m(_,{key:t?.id,label:t?.title,value:t?.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"])]),_:1})]),_:1}),a(u,null,{default:i(()=>[a(p,{span:24},{default:i(()=>[a(A,{shadow:"hover"},{default:i(()=>[T((r(),m(C,{data:e.apiUsages,stripe:"","table-layout":"fixed",class:"!h-[calc(100vh-350px)]","empty-text":e.$t("common.message.noData")},{default:i(()=>[a(d,{label:e.$t("application.field.name"),width:"140px"},{default:i(t=>[n("span",null,s(t.row?.api?.title),1)]),_:1},8,["label"]),a(d,{label:e.$t("usage.field.statusCode"),width:"80px"},{default:i(t=>[n("span",null,s(t.row.status_code),1)]),_:1},8,["label"]),a(d,{prop:"deducted_amount",label:e.$t("usage.field.deductedAmount"),width:"130px","class-name":"text-center"},{default:i(t=>[n("span",null,s(e.getDeductedAmount(t.row)),1)]),_:1},8,["label"]),a(d,{prop:"metadata",width:"350px",label:e.$t("usage.field.metadata")},{default:i(t=>[n("div",Y,[(r(!0),c(g,null,h(t.row.metadata,(F,$)=>(r(),c("div",{key:$,class:"inline-block"},[a(w,{round:""},{default:i(()=>[P(s($)+": "+s(F),1)]),_:2},1024)]))),128))])]),_:1},8,["label"]),a(d,{prop:"trace_id",label:e.$t("application.field.traceId"),width:"200px","class-name":"text-center"},{default:i(t=>[n("span",Z,s(t.row.trace_id),1),t.row.trace_id?(r(),c("span",ee,[a(v,{content:t.row.trace_id,class:"inline-block"},null,8,["content"])])):O("",!0)]),_:1},8,["label"]),a(d,{label:e.$t("usage.field.createdAt"),width:"200px"},{default:i(t=>[n("span",te,s(e.$dayjs.format(t.row.created_at)),1)]),_:1},8,["label"])]),_:1},8,["data","empty-text"])),[[k,e.loading]])]),_:1})]),_:1})]),_:1}),a(u,null,{default:i(()=>[a(p,null,{default:i(()=>[n("div",ae,[a(I,{"current-page":e.page,"page-size":e.limit,total:e.total,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const De=D(M,[["render",ie]]);export{De as default};

package/dist/assets/{List-BRdMCfwC.js → List-DuWa3xk3.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{d as v,c8 as C,df as E,dg as k,h as A,i as p,j as e,k as o,l as i,t as l,x as n,J as T,cO as D,y as c,D as _,b as P,o as s}from"./index-~~C4ssJdBR~~.js";import{I as B}from"./credential-DWyZQ5lE.js";import{P as x}from"./Pagination-~~1fwMfKLT~~.js";import{C as F}from"./CopyToClipboard-~~BCGRlwJJ~~.js";import{E as N,a as O,b as I}from"./index-~~DqySUAY6~~.js";import{E as R,a as U}from"./index-~~Drn8vYFB~~.js";import{E as q}from"./index-~~CqTGsJay~~.js";import"./index-~~C4trafQk~~.js";import"./index-~~CCjGuukj~~.js";import"./index-~~J4WBpiv9~~.js";import"./typescript-~~D14l1a1y~~.js";import"./index-~~DEAamx_H~~.js";import"./strings-~~cAoZbHaH~~.js";import"./castArray-~~TlECDAqv~~.js";import"./isEqual-~~BqBcCRrU~~.js";import"./_initCloneObject-~~djD3gYlF~~.js";import"./use-form-item-~~CGJaz8fH~~.js";import"./index-~~Bth-8JIu~~.js";import"./index-~~zBoOr1pW~~.js";import"./debounce-~~DTzFlSYq~~.js";import"./_baseIteratee-~~35aC5hBk~~.js";import"./index-~~BqzuTEwO~~.js";import"./index.es-~~EtbmiVQe~~.js";import"./isPlainObject-~~BLPi94hV~~.js";import"./index~~-DislasB7~~.js";import"./index-r5W6hzzQ.js";const L=v({name:"ConsoleApplicationList",components:{Pagination:x,CopyToClipboard:F,ElTable:U,ElRow:I,ElButton:q,ElCol:O,ElTag:C,ElTableColumn:R,ElCard:N},data(){return{credentialType:B,applications:[],loading:!1,total:void 0,buying:!1,limit:12,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()\|\|"1")}},watch:{page:{handler(){this.onFetchData()}},type:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onBuyMore(t){this.$router.push({name:k,params:{id:t.id}})},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:t}})},onFetchData(){this.loading=!0,E.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:"-created_at"}).then(({data:t})=>{this.applications=t.items,this.loading=!1,this.total=t.count}).catch(()=>{this.loading=!1})},getRemainingAmount(t){if(t.remaining_amount===void 0\|\|t.remaining_amount===null)return"";const d=this.$t(`service.unit.${t?.service?.unit\|\|"credit"}s`);return`${t.remaining_amount?.toFixed(6)} ${d}`},getUsedAmount(t){if(t.used_amount===void 0\|\|t.used_amount===null)return"";const d=this.$t(`service.unit.${t?.service?.unit\|\|"credit"}s`);return`${t.used_amount?.toFixed(6)} ${d}`}}}),S={class:"title"},V={class:"copy"},z={key:0,class:"expired-at"},M={class:"float-right"},j={class:"pagination"};function J(t,d,X,G,H,K){const u=i("el-col"),m=i("el-row"),f=i("copy-to-clipboard"),r=i("el-table-column"),h=i("el-tag"),g=i("el-button"),y=i("el-table"),$=i("el-card"),b=i("pagination"),w=D("loading");return s(),p(m,{class:"panel"},{default:e(()=>[o(u,{span:24},{default:e(()=>[o(m,null,{default:e(()=>[o(u,{span:24},{default:e(()=>[l("h2",S,n(t.$t("common.title.allApplications")),1)]),_:1})]),_:1}),o(m,null,{default:e(()=>[o(u,{span:24},{default:e(()=>[o($,{shadow:"hover"},{default:e(()=>[T((s(),p(y,{data:t.applications,stripe:"",class:"!h-[calc(100vh-250px)]","table-layout":"fixed","empty-text":t.$t("common.message.noData")},{default:e(()=>[o(r,{prop:"id",label:t.$t("application.field.id"),width:"190px","class-name":"text-center"},{default:e(a=>[l("span",null,n(a.row.id),1),l("span",V,[o(f,{content:a?.row?.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),o(r,{label:t.$t("application.field.type"),width:"80px"},{default:e(a=>[a.row?.type==="Period"?(s(),p(h,{key:0,type:"success",effect:"dark",round:""},{default:e(()=>[_(n(t.$t("application.type.period")),1)]),_:1})):c("",!0),a.row?.type==="Usage"?(s(),p(h,{key:1,effect:"dark",round:""},{default:e(()=>[_(n(t.$t("application.type.usage")),1)]),_:1})):c("",!0)]),_:1},8,["label"]),o(r,{label:t.$t("application.field.name"),width:"180px"},{default:e(a=>[l("span",null,n(a.row?.service?.title),1)]),_:1},8,["label"]),o(r,{prop:"remaining_amount",label:t.$t("application.field.remainingAmount"),width:"140px","class-name":"text-center"},{default:e(a=>[l("span",null,n(t.getRemainingAmount(a.row)),1)]),_:1},8,["label"]),o(r,{prop:"used_amount",label:t.$t("application.field.usedAmount"),width:"140px","class-name":"text-center"},{default:e(a=>[l("span",null,n(t.getUsedAmount(a.row)),1)]),_:1},8,["label"]),o(r,{label:t.$t("application.field.expiredAt"),width:"170px"},{default:e(a=>[a.row.expired_at?(s(),P("span",z,n(t.$dayjs.format(a.row.expired_at)),1)):c("",!0)]),_:1},8,["label"]),o(r,{fixed:"right",width:"120px"},{default:e(a=>[l("div",M,[a?.row?.type==="Period"\|\|a?.row?.type==="Usage"?(s(),p(g,{key:0,type:"primary",round:"",size:"small",onClick:Q=>t.onBuyMore(a?.row)},{default:e(()=>[_(n(t.$t("application.button.buyMore")),1)]),_:2},1032,["onClick"])):c("",!0)])]),_:1})]),_:1},8,["data","empty-text"])),[[w,t.loading]])]),_:1})]),_:1})]),_:1}),o(m,null,{default:e(()=>[o(u,{span:24},{default:e(()=>[l("div",j,[o(b,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const Ct=A(L,[["render",J]]);export{Ct as default};
1	+ import{d as v,c8 as C,df as E,dg as k,h as A,i as p,j as e,k as o,l as i,t as l,x as n,J as T,cO as D,y as c,D as _,b as P,o as s}from"./index-DTl1vwTk.js";import{I as B}from"./credential-DWyZQ5lE.js";import{P as x}from"./Pagination-C5qQafok.js";import{C as F}from"./CopyToClipboard-8MBu8w6l.js";import{E as N,a as O,b as I}from"./index-j3WKbWOT.js";import{E as R,a as U}from"./index-DLJcSeSY.js";import{E as q}from"./index-D-Djt1gp.js";import"./index-DUrRUc_Y.js";import"./index-BsOJkwLq.js";import"./index-Dh1BfhAg.js";import"./typescript-DSwEcZQ6.js";import"./index-Cch9iD7z.js";import"./strings-DLqquZWc.js";import"./castArray-BLVLWkbO.js";import"./isEqual-DTFQVxFI.js";import"./_initCloneObject-BHh-zcQZ.js";import"./use-form-item-71vAE_4O.js";import"./index-B83P8zpE.js";import"./index-C7u2q9B_.js";import"./debounce-8xJw-nF5.js";import"./_baseIteratee-DRN1TLj7.js";import"./index-C55R-zv4.js";import"./index.es-BZdaR5Wv.js";import"./isPlainObject-BWu10rlc.js";import"./index--R19waBW.js";import"./index-r5W6hzzQ.js";const L=v({name:"ConsoleApplicationList",components:{Pagination:x,CopyToClipboard:F,ElTable:U,ElRow:I,ElButton:q,ElCol:O,ElTag:C,ElTableColumn:R,ElCard:N},data(){return{credentialType:B,applications:[],loading:!1,total:void 0,buying:!1,limit:12,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()\|\|"1")}},watch:{page:{handler(){this.onFetchData()}},type:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onBuyMore(t){this.$router.push({name:k,params:{id:t.id}})},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:t}})},onFetchData(){this.loading=!0,E.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:"-created_at"}).then(({data:t})=>{this.applications=t.items,this.loading=!1,this.total=t.count}).catch(()=>{this.loading=!1})},getRemainingAmount(t){if(t.remaining_amount===void 0\|\|t.remaining_amount===null)return"";const d=this.$t(`service.unit.${t?.service?.unit\|\|"credit"}s`);return`${t.remaining_amount?.toFixed(6)} ${d}`},getUsedAmount(t){if(t.used_amount===void 0\|\|t.used_amount===null)return"";const d=this.$t(`service.unit.${t?.service?.unit\|\|"credit"}s`);return`${t.used_amount?.toFixed(6)} ${d}`}}}),S={class:"title"},V={class:"copy"},z={key:0,class:"expired-at"},M={class:"float-right"},j={class:"pagination"};function J(t,d,X,G,H,K){const u=i("el-col"),m=i("el-row"),f=i("copy-to-clipboard"),r=i("el-table-column"),h=i("el-tag"),g=i("el-button"),y=i("el-table"),$=i("el-card"),b=i("pagination"),w=D("loading");return s(),p(m,{class:"panel"},{default:e(()=>[o(u,{span:24},{default:e(()=>[o(m,null,{default:e(()=>[o(u,{span:24},{default:e(()=>[l("h2",S,n(t.$t("common.title.allApplications")),1)]),_:1})]),_:1}),o(m,null,{default:e(()=>[o(u,{span:24},{default:e(()=>[o($,{shadow:"hover"},{default:e(()=>[T((s(),p(y,{data:t.applications,stripe:"",class:"!h-[calc(100vh-250px)]","table-layout":"fixed","empty-text":t.$t("common.message.noData")},{default:e(()=>[o(r,{prop:"id",label:t.$t("application.field.id"),width:"190px","class-name":"text-center"},{default:e(a=>[l("span",null,n(a.row.id),1),l("span",V,[o(f,{content:a?.row?.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),o(r,{label:t.$t("application.field.type"),width:"80px"},{default:e(a=>[a.row?.type==="Period"?(s(),p(h,{key:0,type:"success",effect:"dark",round:""},{default:e(()=>[_(n(t.$t("application.type.period")),1)]),_:1})):c("",!0),a.row?.type==="Usage"?(s(),p(h,{key:1,effect:"dark",round:""},{default:e(()=>[_(n(t.$t("application.type.usage")),1)]),_:1})):c("",!0)]),_:1},8,["label"]),o(r,{label:t.$t("application.field.name"),width:"180px"},{default:e(a=>[l("span",null,n(a.row?.service?.title),1)]),_:1},8,["label"]),o(r,{prop:"remaining_amount",label:t.$t("application.field.remainingAmount"),width:"140px","class-name":"text-center"},{default:e(a=>[l("span",null,n(t.getRemainingAmount(a.row)),1)]),_:1},8,["label"]),o(r,{prop:"used_amount",label:t.$t("application.field.usedAmount"),width:"140px","class-name":"text-center"},{default:e(a=>[l("span",null,n(t.getUsedAmount(a.row)),1)]),_:1},8,["label"]),o(r,{label:t.$t("application.field.expiredAt"),width:"170px"},{default:e(a=>[a.row.expired_at?(s(),P("span",z,n(t.$dayjs.format(a.row.expired_at)),1)):c("",!0)]),_:1},8,["label"]),o(r,{fixed:"right",width:"120px"},{default:e(a=>[l("div",M,[a?.row?.type==="Period"\|\|a?.row?.type==="Usage"?(s(),p(g,{key:0,type:"primary",round:"",size:"small",onClick:Q=>t.onBuyMore(a?.row)},{default:e(()=>[_(n(t.$t("application.button.buyMore")),1)]),_:2},1032,["onClick"])):c("",!0)])]),_:1})]),_:1},8,["data","empty-text"])),[[w,t.loading]])]),_:1})]),_:1})]),_:1}),o(m,null,{default:e(()=>[o(u,{span:24},{default:e(()=>[l("div",j,[o(b,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const Ct=A(L,[["render",J]]);export{Ct as default};