@acedatacloud/nexior 3.253.0 → 3.253.1

package/dist/assets/{Index-l4K-L4fa.js → Index-Ve8jfyOn.js}

@@ -1 +1 @@
-import{F as R}from"./index.es-BaHTt3G-.js";import{E as S}from"./index-CN-JhzOb.js";import{E as D}from"./index-X7ZHkH9I.js";import{d as v,C as r,D as i,z as C,E as t,y as c,J as o,q as s,H as a,M as I,L as U,x as $,N as h,I as m,K as M,P as L}from"./vendor-vue-BWIxYyW8.js";import{J as b,bq as O,ct as B,b6 as j,S as G,cu as N}from"./index-WBL6x5Gi.js";import{a as F,b as q}from"./wan-DKq-jYOo.js";import{E as P,a as A}from"./index-DB35xx6z.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{u as W,a as H,e as J}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as K,S as Q,l as X}from"./pagination-COJltb3G.js";import{I as Y}from"./ImagePreview-BRS8guFe.js";import{E as Z}from"./index-Bi8TbRE4.js";import{E as T}from"./index-fp1-p3SV.js";import{P as x,N as ee}from"./NoTasks-Db4cvllU.js";import{C as te}from"./Consumption-CbR6E9yE.js";import{a as oe}from"./price-BoV1kUAW.js";import{b as se}from"./errorCode-Cqj9Td_Z.js";import{C as ne}from"./CopyToClipboard-CKHFkgBw.js";import{V as ae}from"./VideoPlayer-Bqp9gs-5.js";import{A as le}from"./ApiCodeButton-CTzHFe52.js";import{E as re}from"./index-CzB7ybhb.js";import{E as ie}from"./index-O5SQQoQ0.js";import{E as ce}from"./index-DZaehR07.js";import{B as de}from"./BotPlaceholder-BBQWV2dT.js";import"./use-form-item-DbJVX31S.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CBEnxQkS.js";import"./typescript-CfjCt7CQ.js";import"./index-DcMRk0Rg.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-CKwwyCWc.js";import"./_Uint8Array-DRyihEmy.js";import"./castArray-DVvLZv87.js";import"./index-BTXaUi_1.js";import"./index-CMG6UkYH.js";import"./debounce-DRncZe1x.js";import"./_baseIteratee-B5pmoFB-.js";import"./index-m_mJCAFp.js";import"./highlight-DtKEiov3.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-DFaDkxCJ.js";import"./_baseClone-DYLmT2Tj.js";import"./_initCloneObject-DpFdEiSB.js";import"./vue-plyr-BO2nlN4c.js";import"./index-Coa92KXg.js";const ue=v({name:"LayoutWan",components:{ElDrawer:D,ElButton:S,FontAwesomeIcon:R},data(){return{drawer:!1}}}),pe={class:"main flex flex-row flex-1"},me={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},fe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function he(e,n,p,_,k,y){const d=o("font-awesome-icon"),u=o("el-button"),l=o("el-drawer");return s(),r("div",pe,[i("div",me,[C(e.$slots,"config",{},void 0,!0)]),i("div",fe,[C(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:n[0]||(n[0]=w=>e.drawer=!0)},{default:c(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":n[1]||(n[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"340px"},{default:c(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=b(ue,[["render",he],["__scopeId","data-v-3b0702a7"]]),ge=v({name:"ModelSelector",components:{ElSelect:A,ElOption:P},data(){return{}},computed:{options(){return[{value:"wan2.6-t2v",label:this.$t("wan.button.modelT2v")},{value:"wan2.6-i2v",label:this.$t("wan.button.modelI2v")},{value:"wan2.6-i2v-flash",label:this.$t("wan.button.modelI2vFlash")},{value:"wan2.6-r2v",label:this.$t("wan.button.modelR2v")}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||(this.value=F)}}),$e={class:"field"},we={class:"title font-bold"},ve={class:"float-left"};function be(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",$e,[i("h2",we,a(e.$t("wan.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",ve,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=b(ge,[["render",be],["__scopeId","data-v-eb090beb"]]),ye="720p",Ve=v({name:"ResolutionSelector",components:{ElSelect:A,ElOption:P},computed:{options(){return[{value:"480p",label:this.$t("wan.name.resolution480p")},{value:"720p",label:this.$t("wan.name.resolution720p")},{value:"1080p",label:this.$t("wan.name.resolution1080p")}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||(this.value=ye)}}),Te={class:"field"},Ee={class:"title font-bold"},Ie={class:"float-left"};function Se(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Te,[i("h2",Ee,a(e.$t("wan.name.resolution")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ie,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ue=b(Ve,[["render",Se],["__scopeId","data-v-3e39f44e"]]),Le=5,Ce=v({name:"DurationSelector",components:{ElSelect:A,ElOption:P},computed:{options(){return[{value:5,label:this.$t("wan.name.duration5s")},{value:10,label:this.$t("wan.name.duration10s")},{value:15,label:this.$t("wan.name.duration15s")}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||(this.value=Le)}}),Re={class:"field"},Pe={class:"title font-bold"},Ae={class:"float-left"};function Ge(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Re,[i("h2",Pe,a(e.$t("wan.name.duration")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ae,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=b(Ce,[["render",Ge],["__scopeId","data-v-5f35a2cf"]]),Me=v({name:"ImageUrlInput",components:{ElUpload:Z,ElButton:S,InfoIcon:K,ImagePreview:Y},mixins:[z,W],data(){return{fileList:[],uploadUrl:O()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrl()},methods:{onExceed(){T.warning(this.$t("wan.message.uploadImageExceed"))},onError(){T.error(this.$t("wan.message.uploadImageError"))},async onRemove(){T.error(this.$t("wan.message.uploadImageError"))},onSetImageUrl(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),Oe={class:"relative"},Be={class:"flex justify-between"},je={class:"flex justify-start items-center"},Ne={class:"text-sm font-bold"};function Fe(e,n,p,_,k,y){const d=o("info-icon"),u=o("image-preview"),l=o("el-button"),w=o("el-upload");return s(),r("div",Oe,[i("div",Be,[i("div",je,[i("span",Ne,a(e.$t("wan.name.imageUrl")),1),t(d,{content:e.$t("wan.description.imageUrl"),class:"info"},null,8,["content"])])]),t(w,{"file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:f})=>[f.url&&f.percentage!==void 0?(s(),$(u,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:g=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):m("",!0)]),default:c(()=>[t(l,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[h(a(e.$t("wan.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const qe=b(Me,[["render",Fe],["__scopeId","data-v-41a69004"]]),ze="",We=v({name:"PromptInput",components:{PromptTextarea:x},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ze)}});function He(e,n,p,_,k,y){const d=o("prompt-textarea");return s(),$(d,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=u=>e.prompt=u),title:e.$t("wan.name.prompt"),info:e.$t("wan.description.prompt"),placeholder:e.$t("wan.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Je=b(We,[["render",He]]),Ke=v({name:"PresetPanel",components:{ElButton:S,FontAwesomeIcon:R,PromptInput:Je,ImageUrlInput:qe,ModelSelector:ke,ResolutionSelector:Ue,DurationSelector:De,Consumption:te},emits:["generate"],computed:{config(){return this.$store.state.wan?.config},consumption(){return oe(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){const e=this.config?.model;return e==="wan2.6-t2v"||e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"},supportsDuration(){return this.config?.model==="wan2.6-t2v"},supportsImageUrl(){const e=this.config?.model;return e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"}},methods:{onGenerate(){this.$emit("generate")}}}),Qe={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},Ye={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ze(e,n,p,_,k,y){const d=o("prompt-input"),u=o("model-selector"),l=o("resolution-selector"),w=o("duration-selector"),f=o("image-url-input"),g=o("consumption"),V=o("font-awesome-icon"),E=o("el-button");return s(),r("div",Qe,[i("div",Xe,[t(d,{class:"mb-4"}),t(u,{class:"mb-4"}),e.supportsResolution?(s(),$(l,{key:0,class:"mb-4"})):m("",!0),e.supportsDuration?(s(),$(w,{key:1,class:"mb-4"})):m("",!0),e.supportsImageUrl?(s(),$(f,{key:2,class:"mb-2"})):m("",!0)]),i("div",Ye,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(V,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+a(e.$t("wan.button.generate")),1)]),_:1},8,["onClick"])])])}const xe=b(Ke,[["render",Ze]]),et=v({name:"TaskPreview",components:{ElImage:ce,CopyToClipboard:ne,FontAwesomeIcon:R,ElAlert:ie,VideoPlayer:ae,ElTooltip:re,ElButton:S,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:q}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug("on download wan video",e),window.open(e,"_blank")}}}),tt={class:"preview"},ot={class:"left"},st={class:"main"},nt={class:"bot"},at={class:"datetime"},lt={class:"info"},rt={key:0,class:"prompt mt-2"},it={key:0},ct={key:1},dt={key:0,class:L({content:!0,failed:!0})},ut={key:0,class:"mb-4"},pt={key:1,class:L({operations:!0,"mt-2":!0})},mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},_t={key:1,class:L({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},bt={key:2,class:L({content:!0})},kt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function yt(e,n,p,_,k,y){const d=o("el-image"),u=o("video-player"),l=o("el-button"),w=o("el-tooltip"),f=o("api-code-button"),g=o("font-awesome-icon"),V=o("copy-to-clipboard"),E=o("el-alert");return s(),r("div",tt,[i("div",ot,[t(d,{src:e.WAN_LOGO,class:"avatar"},null,8,["src"])]),i("div",st,[i("div",nt,[h(a(e.$t("wan.name.wanBot"))+" ",1),i("span",at,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",lt,[e.modelValue?.request?.prompt?(s(),r("p",rt,[h(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?m("",!0):(s(),r("span",it," - ("+a(e.$t("wan.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="running"?(s(),r("span",ct," - ("+a(e.$t("wan.status.processing"))+") ",1)):m("",!0)])):m("",!0)]),e.modelValue?.response?.success===!0?(s(),r("div",dt,[e.modelValue?.response?.video_url?(s(),r("div",ut,[t(u,{src:e.modelValue?.response?.video_url},null,8,["src"])])):m("",!0),e.modelValue?.response?.video_url?(s(),r("div",pt,[t(w,{class:"box-item",effect:"dark",content:e.$t("wan.message.downloadVideo"),placement:"top-start"},{default:c(()=>[t(l,{type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=M(Pt=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:c(()=>[h(a(e.$t("wan.button.download")),1)]),_:1})]),_:1},8,["content"]),t(f,{path:"/wan/videos",body:e.modelValue?.request},null,8,["body"])])):m("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),r("p",mt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("wan.name.model"))+": "+a(e.modelValue?.request?.model)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])):m("",!0),i("p",ft,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",ht,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):m("",!0)]),_:1})])):m("",!0),e.modelValue?.response?.success===!1?(s(),r("div",_t,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",gt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),i("p",$t,[t(g,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+a(e.$t("wan.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(V,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",wt,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):m("",!0),i("p",vt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("wan.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):m("",!0),e.modelValue?.response?.success===void 0?(s(),r("div",bt,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",kt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):m("",!0)])])}const Vt=b(et,[["render",yt],["__scopeId","data-v-916b8970"]]),Tt=v({name:"RecentPanel",components:{TaskPreview:Vt,BotPlaceholder:de,NoTasks:ee,ScrollList:Q},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Et={key:0},It={key:2,class:"w-full h-full flex items-center justify-center"};function St(e,n,p,_,k,y){const d=o("bot-placeholder"),u=o("task-preview"),l=o("scroll-list"),w=o("no-tasks");return s(),r(I,null,[e.tasks?.items===void 0?(s(),r("div",Et,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(l,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=f=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),r(I,null,U(e.tasks?.items,f=>(s(),$(u,{key:f.id,"model-value":f},null,8,["model-value"]))),128))]),_:1},8,["loading"])):m("",!0),e.tasks?.items?.length===0?(s(),r("div",It,[t(w)])):m("",!0)],64)}const Ut=b(Tt,[["render",St]]),Lt=N("wan"),Ct=v({name:"WanIndex",components:{ConfigPanel:xe,Layout:_e,RecentPanel:Ut},mixins:[H],inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===G.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await X({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("wan/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("wan/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:n=5,createdAtMin:p,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",p,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("wan/getTasks",{limit:n,createdAtMin:p,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!J(this.uploadTracker,p=>this.$t(p),p=>T.warning(p)))return;const e={...this.config,callback_url:Lt},n=this.credential?.token;if(!n){console.error("no token specified");return}T.info(this.$t("wan.message.startingTask")),B("wan",j.generate(e,{token:n})).then(()=>{T.success(this.$t("wan.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===se?T.error(this.$t("wan.message.usedUp")):T.error(this.$t("wan.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Rt(e,n,p,_,k,y){const d=o("config-panel"),u=o("recent-panel"),l=o("layout");return s(),$(l,null,{config:c(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Lo=b(Ct,[["render",Rt]]);export{Lo as default};
+import{F as R}from"./index.es-CJfukhtE.js";import{E as S}from"./index-C71cSz36.js";import{E as D}from"./index-BpUUocOH.js";import{d as v,C as r,D as i,z as C,E as t,y as c,J as o,q as s,H as a,M as I,L as U,x as $,N as h,I as m,K as M,P as L}from"./vendor-vue-BWIxYyW8.js";import{J as b,bq as O,ct as B,b6 as j,S as G,cu as N}from"./index-DrvYmhcP.js";import{a as F,b as q}from"./wan-DKq-jYOo.js";import{E as P,a as A}from"./index-D7KBMZcH.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{u as W,a as H,e as J}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as K,S as Q,l as X}from"./pagination-CJx5Nyq8.js";import{I as Y}from"./ImagePreview-BKe9oBpc.js";import{E as Z}from"./index-BRAaGgzT.js";import{E as T}from"./index-BJuXTSkv.js";import{P as x,N as ee}from"./NoTasks-Ct9vzToj.js";import{C as te}from"./Consumption-Bx3U0iJn.js";import{a as oe}from"./price-C6x3zgFx.js";import{b as se}from"./errorCode-Cqj9Td_Z.js";import{C as ne}from"./CopyToClipboard-ffsw6Et3.js";import{V as ae}from"./VideoPlayer-CMIYFrB5.js";import{A as le}from"./ApiCodeButton-Drq1wo0T.js";import{E as re}from"./index-BoKfbtX5.js";import{E as ie}from"./index-rDyNuNM8.js";import{E as ce}from"./index-Blb1DDfP.js";import{B as de}from"./BotPlaceholder-Bb3okszP.js";import"./use-form-item-xBSOcnBK.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-0JQvyqxg.js";import"./typescript-lkSt6sMt.js";import"./index-B8svBnpb.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-Box1EVJE.js";import"./_Uint8Array-CVqSvQNa.js";import"./castArray-DEdhtRiU.js";import"./index-lfOMNaVh.js";import"./index-DZuGeaea.js";import"./debounce-BTG3LRQl.js";import"./_baseIteratee-CCsMHsVd.js";import"./index-BoXQVYKo.js";import"./highlight-CWzFA2AR.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-h2aywIom.js";import"./_baseClone-CxI4YMcc.js";import"./_initCloneObject-C7zi7Gf-.js";import"./vue-plyr-BO2nlN4c.js";import"./index-CFfoccqE.js";const ue=v({name:"LayoutWan",components:{ElDrawer:D,ElButton:S,FontAwesomeIcon:R},data(){return{drawer:!1}}}),pe={class:"main flex flex-row flex-1"},me={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},fe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function he(e,n,p,_,k,y){const d=o("font-awesome-icon"),u=o("el-button"),l=o("el-drawer");return s(),r("div",pe,[i("div",me,[C(e.$slots,"config",{},void 0,!0)]),i("div",fe,[C(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:n[0]||(n[0]=w=>e.drawer=!0)},{default:c(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":n[1]||(n[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"340px"},{default:c(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=b(ue,[["render",he],["__scopeId","data-v-3b0702a7"]]),ge=v({name:"ModelSelector",components:{ElSelect:A,ElOption:P},data(){return{}},computed:{options(){return[{value:"wan2.6-t2v",label:this.$t("wan.button.modelT2v")},{value:"wan2.6-i2v",label:this.$t("wan.button.modelI2v")},{value:"wan2.6-i2v-flash",label:this.$t("wan.button.modelI2vFlash")},{value:"wan2.6-r2v",label:this.$t("wan.button.modelR2v")}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||(this.value=F)}}),$e={class:"field"},we={class:"title font-bold"},ve={class:"float-left"};function be(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",$e,[i("h2",we,a(e.$t("wan.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",ve,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=b(ge,[["render",be],["__scopeId","data-v-eb090beb"]]),ye="720p",Ve=v({name:"ResolutionSelector",components:{ElSelect:A,ElOption:P},computed:{options(){return[{value:"480p",label:this.$t("wan.name.resolution480p")},{value:"720p",label:this.$t("wan.name.resolution720p")},{value:"1080p",label:this.$t("wan.name.resolution1080p")}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||(this.value=ye)}}),Te={class:"field"},Ee={class:"title font-bold"},Ie={class:"float-left"};function Se(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Te,[i("h2",Ee,a(e.$t("wan.name.resolution")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ie,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ue=b(Ve,[["render",Se],["__scopeId","data-v-3e39f44e"]]),Le=5,Ce=v({name:"DurationSelector",components:{ElSelect:A,ElOption:P},computed:{options(){return[{value:5,label:this.$t("wan.name.duration5s")},{value:10,label:this.$t("wan.name.duration10s")},{value:15,label:this.$t("wan.name.duration15s")}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||(this.value=Le)}}),Re={class:"field"},Pe={class:"title font-bold"},Ae={class:"float-left"};function Ge(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Re,[i("h2",Pe,a(e.$t("wan.name.duration")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ae,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=b(Ce,[["render",Ge],["__scopeId","data-v-5f35a2cf"]]),Me=v({name:"ImageUrlInput",components:{ElUpload:Z,ElButton:S,InfoIcon:K,ImagePreview:Y},mixins:[z,W],data(){return{fileList:[],uploadUrl:O()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrl()},methods:{onExceed(){T.warning(this.$t("wan.message.uploadImageExceed"))},onError(){T.error(this.$t("wan.message.uploadImageError"))},async onRemove(){T.error(this.$t("wan.message.uploadImageError"))},onSetImageUrl(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),Oe={class:"relative"},Be={class:"flex justify-between"},je={class:"flex justify-start items-center"},Ne={class:"text-sm font-bold"};function Fe(e,n,p,_,k,y){const d=o("info-icon"),u=o("image-preview"),l=o("el-button"),w=o("el-upload");return s(),r("div",Oe,[i("div",Be,[i("div",je,[i("span",Ne,a(e.$t("wan.name.imageUrl")),1),t(d,{content:e.$t("wan.description.imageUrl"),class:"info"},null,8,["content"])])]),t(w,{"file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:f})=>[f.url&&f.percentage!==void 0?(s(),$(u,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:g=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):m("",!0)]),default:c(()=>[t(l,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[h(a(e.$t("wan.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const qe=b(Me,[["render",Fe],["__scopeId","data-v-41a69004"]]),ze="",We=v({name:"PromptInput",components:{PromptTextarea:x},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ze)}});function He(e,n,p,_,k,y){const d=o("prompt-textarea");return s(),$(d,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=u=>e.prompt=u),title:e.$t("wan.name.prompt"),info:e.$t("wan.description.prompt"),placeholder:e.$t("wan.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Je=b(We,[["render",He]]),Ke=v({name:"PresetPanel",components:{ElButton:S,FontAwesomeIcon:R,PromptInput:Je,ImageUrlInput:qe,ModelSelector:ke,ResolutionSelector:Ue,DurationSelector:De,Consumption:te},emits:["generate"],computed:{config(){return this.$store.state.wan?.config},consumption(){return oe(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){const e=this.config?.model;return e==="wan2.6-t2v"||e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"},supportsDuration(){return this.config?.model==="wan2.6-t2v"},supportsImageUrl(){const e=this.config?.model;return e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"}},methods:{onGenerate(){this.$emit("generate")}}}),Qe={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},Ye={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ze(e,n,p,_,k,y){const d=o("prompt-input"),u=o("model-selector"),l=o("resolution-selector"),w=o("duration-selector"),f=o("image-url-input"),g=o("consumption"),V=o("font-awesome-icon"),E=o("el-button");return s(),r("div",Qe,[i("div",Xe,[t(d,{class:"mb-4"}),t(u,{class:"mb-4"}),e.supportsResolution?(s(),$(l,{key:0,class:"mb-4"})):m("",!0),e.supportsDuration?(s(),$(w,{key:1,class:"mb-4"})):m("",!0),e.supportsImageUrl?(s(),$(f,{key:2,class:"mb-2"})):m("",!0)]),i("div",Ye,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(V,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+a(e.$t("wan.button.generate")),1)]),_:1},8,["onClick"])])])}const xe=b(Ke,[["render",Ze]]),et=v({name:"TaskPreview",components:{ElImage:ce,CopyToClipboard:ne,FontAwesomeIcon:R,ElAlert:ie,VideoPlayer:ae,ElTooltip:re,ElButton:S,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:q}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug("on download wan video",e),window.open(e,"_blank")}}}),tt={class:"preview"},ot={class:"left"},st={class:"main"},nt={class:"bot"},at={class:"datetime"},lt={class:"info"},rt={key:0,class:"prompt mt-2"},it={key:0},ct={key:1},dt={key:0,class:L({content:!0,failed:!0})},ut={key:0,class:"mb-4"},pt={key:1,class:L({operations:!0,"mt-2":!0})},mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},_t={key:1,class:L({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},bt={key:2,class:L({content:!0})},kt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function yt(e,n,p,_,k,y){const d=o("el-image"),u=o("video-player"),l=o("el-button"),w=o("el-tooltip"),f=o("api-code-button"),g=o("font-awesome-icon"),V=o("copy-to-clipboard"),E=o("el-alert");return s(),r("div",tt,[i("div",ot,[t(d,{src:e.WAN_LOGO,class:"avatar"},null,8,["src"])]),i("div",st,[i("div",nt,[h(a(e.$t("wan.name.wanBot"))+" ",1),i("span",at,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",lt,[e.modelValue?.request?.prompt?(s(),r("p",rt,[h(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?m("",!0):(s(),r("span",it," - ("+a(e.$t("wan.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="running"?(s(),r("span",ct," - ("+a(e.$t("wan.status.processing"))+") ",1)):m("",!0)])):m("",!0)]),e.modelValue?.response?.success===!0?(s(),r("div",dt,[e.modelValue?.response?.video_url?(s(),r("div",ut,[t(u,{src:e.modelValue?.response?.video_url},null,8,["src"])])):m("",!0),e.modelValue?.response?.video_url?(s(),r("div",pt,[t(w,{class:"box-item",effect:"dark",content:e.$t("wan.message.downloadVideo"),placement:"top-start"},{default:c(()=>[t(l,{type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=M(Pt=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:c(()=>[h(a(e.$t("wan.button.download")),1)]),_:1})]),_:1},8,["content"]),t(f,{path:"/wan/videos",body:e.modelValue?.request},null,8,["body"])])):m("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),r("p",mt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("wan.name.model"))+": "+a(e.modelValue?.request?.model)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])):m("",!0),i("p",ft,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",ht,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):m("",!0)]),_:1})])):m("",!0),e.modelValue?.response?.success===!1?(s(),r("div",_t,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",gt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),i("p",$t,[t(g,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+a(e.$t("wan.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(V,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",wt,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):m("",!0),i("p",vt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("wan.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):m("",!0),e.modelValue?.response?.success===void 0?(s(),r("div",bt,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",kt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):m("",!0)])])}const Vt=b(et,[["render",yt],["__scopeId","data-v-916b8970"]]),Tt=v({name:"RecentPanel",components:{TaskPreview:Vt,BotPlaceholder:de,NoTasks:ee,ScrollList:Q},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Et={key:0},It={key:2,class:"w-full h-full flex items-center justify-center"};function St(e,n,p,_,k,y){const d=o("bot-placeholder"),u=o("task-preview"),l=o("scroll-list"),w=o("no-tasks");return s(),r(I,null,[e.tasks?.items===void 0?(s(),r("div",Et,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(l,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=f=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),r(I,null,U(e.tasks?.items,f=>(s(),$(u,{key:f.id,"model-value":f},null,8,["model-value"]))),128))]),_:1},8,["loading"])):m("",!0),e.tasks?.items?.length===0?(s(),r("div",It,[t(w)])):m("",!0)],64)}const Ut=b(Tt,[["render",St]]),Lt=N("wan"),Ct=v({name:"WanIndex",components:{ConfigPanel:xe,Layout:_e,RecentPanel:Ut},mixins:[H],inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===G.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await X({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("wan/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("wan/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:n=5,createdAtMin:p,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",p,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("wan/getTasks",{limit:n,createdAtMin:p,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!J(this.uploadTracker,p=>this.$t(p),p=>T.warning(p)))return;const e={...this.config,callback_url:Lt},n=this.credential?.token;if(!n){console.error("no token specified");return}T.info(this.$t("wan.message.startingTask")),B("wan",j.generate(e,{token:n})).then(()=>{T.success(this.$t("wan.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===se?T.error(this.$t("wan.message.usedUp")):T.error(this.$t("wan.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Rt(e,n,p,_,k,y){const d=o("config-panel"),u=o("recent-panel"),l=o("layout");return s(),$(l,null,{config:c(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Lo=b(Ct,[["render",Rt]]);export{Lo as default};

package/dist/assets/{Index-C7pnALJQ.js → Index-tnhMyV8C.js}

@@ -1 +1 @@
-import{F as O}from"./index.es-BaHTt3G-.js";import{E as L}from"./index-CN-JhzOb.js";import{E as X}from"./index-X7ZHkH9I.js";import{d as g,C as i,D as c,z as j,E as a,y as p,J as s,q as t,H as l,M as E,L as S,x as m,P as A,Q as Y,I as d,N as h}from"./vendor-vue-BWIxYyW8.js";import{J as b,bq as Q,ct as W,aL as K,S as M,cu as Z}from"./index-WBL6x5Gi.js";import{a as x,b as ee,c as oe,d as te,e as se,f as ne,g as R,h as ae,i as le,j as ie}from"./veo-Dg8Zhpd-.js";import{E as P,a as U}from"./index-DB35xx6z.js";import{I as G,S as re,l as ce}from"./pagination-COJltb3G.js";import{E as de}from"./index-BhofQBWX.js";import{V as D}from"./VideoPlayer-Bqp9gs-5.js";import{E as N}from"./index-BTXaUi_1.js";import{p as ue}from"./pasteUploadMixin-BurWbGNQ.js";import{u as pe,a as me,e as ve}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as fe}from"./ImagePreview-BRS8guFe.js";import{E as _e}from"./index-Bi8TbRE4.js";import{E as I}from"./index-fp1-p3SV.js";import{C as he}from"./Consumption-CbR6E9yE.js";import{P as $e,N as ge}from"./NoTasks-Db4cvllU.js";import{a as be}from"./price-BoV1kUAW.js";import{b as ke}from"./errorCode-Cqj9Td_Z.js";import{C as ye}from"./CopyToClipboard-CKHFkgBw.js";import{A as Ve}from"./ApiCodeButton-CTzHFe52.js";import{E as Ee}from"./index-CzB7ybhb.js";import{E as we}from"./index-O5SQQoQ0.js";import{E as Te}from"./index-DZaehR07.js";import{B as Ie}from"./BotPlaceholder-BBQWV2dT.js";import"./use-form-item-DbJVX31S.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CBEnxQkS.js";import"./typescript-CfjCt7CQ.js";import"./index-DcMRk0Rg.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-CKwwyCWc.js";import"./_Uint8Array-DRyihEmy.js";import"./castArray-DVvLZv87.js";import"./debounce-DRncZe1x.js";import"./_baseIteratee-B5pmoFB-.js";import"./index-m_mJCAFp.js";import"./highlight-DtKEiov3.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./validator-DZhCQv1Y.js";import"./vue-plyr-BO2nlN4c.js";import"./index-CMG6UkYH.js";import"./index-DFaDkxCJ.js";import"./_baseClone-DYLmT2Tj.js";import"./_initCloneObject-DpFdEiSB.js";import"./index-Coa92KXg.js";const Se=g({name:"LayoutVeo",components:{ElDrawer:X,ElButton:L,FontAwesomeIcon:O},data(){return{drawer:!1}}}),Ae={class:"main flex flex-row flex-1"},Ce={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Pe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ue(e,o,v,_,k,y){const r=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return t(),i("div",Ae,[c("div",Ce,[j(e.$slots,"config",{},void 0,!0)]),c("div",Pe,[j(e.$slots,"result",{},void 0,!0)]),a(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=V=>e.drawer=!0)},{default:p(()=>[a(r,{icon:"fa-solid fa-magic"})]),_:1}),a(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=V=>e.drawer=V),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[j(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Oe=b(Se,[["render",Ue],["__scopeId","data-v-9b26d591"]]),Le=g({name:"ModelSelector",components:{ElSelect:U,ElOption:P},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"},{value:"veo31-fast",label:"veo31-fast"},{value:"veo31",label:"veo31"},{value:"veo31-fast-ingredients",label:"veo31-fast-ingredients"}]}},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=x)}}),je={class:"field"},Me={class:"title font-bold"};function Re(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",je,[c("h2",Me,l(e.$t("veo.name.model")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=b(Le,[["render",Re],["__scopeId","data-v-a59d89c9"]]),De=g({name:"ActionSelector",components:{ElSelect:U,ElOption:P},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("veo.button.action1")},{value:"image2video",label:this.$t("veo.button.action2")},{value:"ingredients2video",label:this.$t("veo.button.actionIngredients")},{value:"upsample",label:this.$t("veo.button.actionUpsample")},{value:"extend",label:this.$t("veo.button.actionExtend")},{value:"reshoot",label:this.$t("veo.button.actionReshoot")},{value:"object_insert",label:this.$t("veo.button.actionObjectInsert")},{value:"object_remove",label:this.$t("veo.button.actionObjectRemove")}]},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=ee)}}),Ne={class:"field"},ze={class:"title font-bold"},Fe={class:"float-left"};function Be(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",Ne,[c("h2",ze,l(e.$t("veo.name.action")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select"),clearable:""},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},{default:p(()=>[c("span",Fe,l(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const qe=b(De,[["render",Be],["__scopeId","data-v-f4d8785c"]]),He=g({name:"TranslationSelector",components:{ElSwitch:de,InfoIcon:G},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=oe)}}),Je={class:"relative"},Xe={class:"flex justify-between"},Ye={class:"flex justify-start items-center"},Qe={class:"text-sm font-bold"},We={class:"flex justify-end items-center"};function Ke(e,o,v,_,k,y){const r=s("info-icon"),u=s("el-switch");return t(),i("div",Je,[c("div",Xe,[c("div",Ye,[c("span",Qe,l(e.$t("veo.name.translation")),1),a(r,{content:e.$t("veo.description.translation")},null,8,["content"])]),c("div",We,[a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"])])])])}const Ze=b(He,[["render",Ke]]),xe=g({name:"AspectRatioSelector",data(){return{options:[{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=te)}}),eo={class:"text-sm font-bold mb-2 block"},oo={class:"items"},to=["onClick"],so={class:"name"};function no(e,o,v,_,k,y){return t(),i("div",null,[c("span",eo,l(e.$t("veo.name.ratio")),1),c("div",oo,[(t(!0),i(E,null,S(e.options,(r,u)=>(t(),i("div",{key:u,class:A({active:e.active===u,item:!0}),onClick:n=>e.value=r.value},[c("div",{class:A(["preview",r.label])},[c("div",{class:"rect",style:Y({width:r.width+"px",height:r.height+"px"})},null,4)],2),c("p",so,l(r.label),1)],10,to))),128))])])}const ao=b(xe,[["render",no],["__scopeId","data-v-28c472c4"]]),lo=g({name:"VideoFromInput",components:{VideoPlayer:D},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.veo?.config}}}),io={class:"relative"},ro={class:"flex mb-2"},co={class:"text-sm font-bold"};function uo(e,o,v,_,k,y){const r=s("video-player");return t(),i("div",io,[c("div",ro,[c("span",co,l(e.$t("veo.name.action3")),1)]),c("div",null,[e.config?.video_url?(t(),m(r,{key:0,src:e.config?.video_url},null,8,["src"])):d("",!0)])])}const po=b(lo,[["render",uo]]),mo=g({name:"VideoIdInput",components:{ElInput:N},computed:{value:{get(){return this.$store.state.veo?.config?.video_id},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,video_id:e})}}}}),vo={class:"field"},fo={class:"title font-bold"};function _o(e,o,v,_,k,y){const r=s("el-input");return t(),i("div",vo,[c("h2",fo,l(e.$t("veo.name.videoId")),1),a(r,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=u=>e.value=u),class:"value",type:"text",placeholder:e.$t("veo.placeholder.videoId"),clearable:""},null,8,["modelValue","placeholder"])])}const ho=b(mo,[["render",_o],["__scopeId","data-v-6eba4026"]]),$o=g({name:"StartEndImage",components:{ElUpload:_e,ElButton:L,InfoIcon:G,FontAwesomeIcon:O,ImagePreview:fe},mixins:[ue,pe],emits:["change"],data(){return{fileList:[],uploadUrl:Q()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.veo?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){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()}}}),go={class:"relative"},bo={class:"flex justify-between"},ko={class:"flex justify-start items-center"},yo={class:"text-sm font-bold"};function Vo(e,o,v,_,k,y){const r=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),V=s("el-button"),T=s("el-upload");return t(),i("div",go,[c("div",bo,[c("div",ko,[c("span",yo,l(e.$t("veo.name.startEndImage")),1),a(r,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),a(T,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=f=>e.fileList=f),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:f})=>[f.url&&f.percentage!==void 0?(t(),m(u,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:w=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:p(()=>[a(V,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[a(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Eo=b($o,[["render",Vo],["__scopeId","data-v-f9a79b4a"]]),wo=g({name:"UpsampleActionSelector",components:{ElSelect:U,ElOption:P},computed:{options(){return ne.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.upsample_action},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,upsample_action:e})}}},mounted(){this.value||(this.value=se)}}),To={class:"field"},Io={class:"title font-bold"};function So(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",To,[c("h2",Io,l(e.$t("veo.name.upsampleAction")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ao=b(wo,[["render",So],["__scopeId","data-v-8b74a7ae"]]),Co=g({name:"ExtendModelSelector",components:{ElSelect:U,ElOption:P},computed:{options(){return R.map(e=>({value:e,label:e}))},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||!R.includes(this.value))&&(this.value=ae)}}),Po={class:"field"},Uo={class:"title font-bold"};function Oo(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",Po,[c("h2",Uo,l(e.$t("veo.name.model")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Lo=b(Co,[["render",Oo],["__scopeId","data-v-cc3f9355"]]),jo=g({name:"MotionTypeSelector",components:{ElSelect:U,ElOption:P},computed:{options(){return ie.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.motion_type},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,motion_type:e})}}},mounted(){this.value||(this.value=le)}}),Mo={class:"field"},Ro={class:"title font-bold"};function Go(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",Mo,[c("h2",Ro,l(e.$t("veo.name.motionType")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select"),filterable:""},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Do=b(jo,[["render",Go],["__scopeId","data-v-3affff3c"]]),No=g({name:"ImageMaskInput",components:{ElInput:N},computed:{value:{get(){return this.$store.state.veo?.config?.image_mask},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,image_mask:e})}}}}),zo={class:"field"},Fo={class:"title font-bold"};function Bo(e,o,v,_,k,y){const r=s("el-input");return t(),i("div",zo,[c("h2",Fo,l(e.$t("veo.name.imageMask")),1),a(r,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=u=>e.value=u),class:"value",type:"text",placeholder:e.$t("veo.placeholder.imageMask"),clearable:""},null,8,["modelValue","placeholder"])])}const qo=b(No,[["render",Bo],["__scopeId","data-v-6cc27c68"]]),Ho="",Jo=g({name:"PromptInput",components:{PromptTextarea:$e},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Ho)}});function Xo(e,o,v,_,k,y){const r=s("prompt-textarea");return t(),m(r,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=u=>e.prompt=u),title:e.$t("veo.name.prompt"),info:e.$t("veo.description.prompt"),placeholder:e.$t("veo.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Yo=b(Jo,[["render",Xo]]),Qo=["upsample","extend","reshoot","object_insert","object_remove","get1080p"],Wo=["text2video","image2video","ingredients2video"],Ko=g({name:"ConfigPanel",components:{ElButton:L,Consumption:he,FontAwesomeIcon:O,PromptInput:Yo,ModelSelector:Ge,StartEndImage:Eo,ActionSelector:qe,VideoFromInput:po,VideoIdInput:ho,UpsampleActionSelector:Ao,ExtendModelSelector:Lo,MotionTypeSelector:Do,ImageMaskInput:qo,TranslationSelector:Ze,AspectRatioSelector:ao},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return be(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service},isPostProcessing(){return Qo.includes(this.config?.action??"")},isGeneration(){return Wo.includes(this.config?.action??"")}},methods:{onGenerate(){this.$emit("generate")}}}),Zo={class:"flex flex-col h-full"},xo={class:"flex-1 overflow-y-auto p-5"},et={class:"flex flex-col items-center justify-center px-5 pb-5"};function ot(e,o,v,_,k,y){const r=s("action-selector"),u=s("video-from-input"),n=s("video-id-input"),V=s("upsample-action-selector"),T=s("extend-model-selector"),f=s("prompt-input"),w=s("motion-type-selector"),C=s("image-mask-input"),$=s("translation-selector"),z=s("aspect-ratio-selector"),F=s("model-selector"),B=s("start-end-image"),q=s("consumption"),H=s("font-awesome-icon"),J=s("el-button");return t(),i("div",Zo,[c("div",xo,[a(r,{class:"mb-4"}),e.isPostProcessing?(t(),i(E,{key:0},[e.config?.video_url?(t(),m(u,{key:0,class:"mb-4"})):d("",!0),a(n,{class:"mb-4"})],64)):d("",!0),e.config?.action==="upsample"?(t(),m(V,{key:1,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(T,{key:2,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(f,{key:3,class:"mb-4"})):d("",!0),e.config?.action==="reshoot"?(t(),m(w,{key:4,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"?(t(),m(f,{key:5,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"||e.config?.action==="object_remove"?(t(),m(C,{key:6,class:"mb-4"})):d("",!0),e.config?.action==="object_remove"?(t(),m(f,{key:7,class:"mb-4"})):d("",!0),e.isGeneration?(t(),i(E,{key:8},[a($,{class:"mb-4"}),a(z,{class:"mb-4"}),a(f,{class:"mb-4"}),e.config?.action!=="ingredients2video"?(t(),m(F,{key:0,class:"mb-4"})):d("",!0),e.config?.action==="image2video"||e.config?.action==="ingredients2video"?(t(),m(B,{key:1,class:"mb-2"})):d("",!0)],64)):d("",!0)]),c("div",et,[a(q,{value:e.consumption,service:e.service},null,8,["value","service"]),a(J,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[a(H,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=b(Ko,[["render",ot]]),st=g({name:"TaskPreview",components:{ElImage:Te,CopyToClipboard:ye,FontAwesomeIcon:O,ElAlert:we,VideoPlayer:D,ElTooltip:Ee,ElButton:L,ApiCodeButton:Ve},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.veo?.application},config(){return this.$store.state.veo?.config}},methods:{onPickAction(e,o,v,_){console.debug("seed config from preview",{action:v,upsampleAction:_,response:o}),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,action:v,video_id:o?.data?.[0]?.id,video_url:o?.data?.[0]?.video_url,..._?{upsample_action:_}:{}})},onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),nt={class:"preview"},at={class:"left"},lt={class:"main"},it={class:"bot"},rt={class:"datetime"},ct={class:"info"},dt={key:0,class:"prompt mt-2"},ut={key:0},pt={key:1},mt={key:0,class:A({content:!0,failed:!0})},vt={key:0,class:"mb-4"},ft={key:1,class:A({operations:!0,"mt-2":!0})},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},gt={key:1,class:A({content:!0})},bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Et={key:2,class:A({content:!0})},wt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function It(e,o,v,_,k,y){const r=s("el-image"),u=s("video-player"),n=s("el-button"),V=s("el-tooltip"),T=s("api-code-button"),f=s("font-awesome-icon"),w=s("copy-to-clipboard"),C=s("el-alert");return t(),i("div",nt,[c("div",at,[a(r,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),c("div",lt,[c("div",it,[h(l(e.$t("veo.name.veoBot"))+" ",1),c("span",rt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",ct,[e.modelValue?.request?.prompt?(t(),i("p",dt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(t(),i("span",ut," - ("+l(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(t(),i("span",pt," - ("+l(e.$t("veo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(t(),i("div",mt,[e.modelValue?.response?.data[0]?.video_url?(t(),i("div",vt,[a(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):d("",!0),e.modelValue?.response.success?(t(),i("div",ft,[e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[0]||(o[0]=$=>e.onPickAction($,e.modelValue?.response,"upsample","1080p"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsample1080p")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:1,type:"info",size:"small",class:"btn-action",onClick:o[1]||(o[1]=$=>e.onPickAction($,e.modelValue?.response,"upsample","4k"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsample4k")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:2,type:"info",size:"small",class:"btn-action",onClick:o[2]||(o[2]=$=>e.onPickAction($,e.modelValue?.response,"upsample","gif"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsampleGif")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:3,type:"info",size:"small",class:"btn-action",onClick:o[3]||(o[3]=$=>e.onPickAction($,e.modelValue?.response,"extend"))},{default:p(()=>[h(l(e.$t("veo.button.actionExtend")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:4,type:"info",size:"small",class:"btn-action",onClick:o[4]||(o[4]=$=>e.onPickAction($,e.modelValue?.response,"reshoot"))},{default:p(()=>[h(l(e.$t("veo.button.actionReshoot")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:5,type:"info",size:"small",class:"btn-action",onClick:o[5]||(o[5]=$=>e.onPickAction($,e.modelValue?.response,"object_insert"))},{default:p(()=>[h(l(e.$t("veo.button.actionObjectInsert")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:6,type:"info",size:"small",class:"btn-action",onClick:o[6]||(o[6]=$=>e.onPickAction($,e.modelValue?.response,"object_remove"))},{default:p(()=>[h(l(e.$t("veo.button.actionObjectRemove")),1)]),_:1})):d("",!0),a(V,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[7]||(o[7]=$=>e.onDownload($,e.modelValue?.response?.data[0]?.video_url))},{default:p(()=>[h(l(e.$t("veo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"]),a(T,{path:"/veo/videos",body:e.modelValue?.request},null,8,["body"])])):d("",!0),a(C,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",_t,[a(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.model"))+": "+l(e.modelValue?.request?.model),1)]),c("p",ht,[a(f,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(w,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(t(),i("p",$t,[a(f,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+l(e.$t("veo.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===!1?(t(),i("div",gt,[a(C,{closable:!1,class:"failure"},{template:p(()=>[a(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[c("p",bt,[a(f,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(w,{content:e.modelValue?.id},null,8,["content"])]),c("p",kt,[a(f,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("veo.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),a(w,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(t(),i("p",yt,[a(f,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+l(e.$t("veo.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),e.modelValue?.response?.trace_id?(t(),i("p",Vt,[a(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(w,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(t(),i("div",Et,[a(C,{closable:!1,class:"info"},{template:p(()=>[a(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[c("p",wt,[a(f,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(w,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(t(),i("p",Tt,[a(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(w,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0)])])}const St=b(st,[["render",It],["__scopeId","data-v-912779c9"]]),At=g({name:"RecentPanel",components:{TaskPreview:St,NoTasks:ge,BotPlaceholder:Ie,ScrollList:re},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ct={key:0},Pt={key:2,class:"w-full h-full flex items-center justify-center"};function Ut(e,o,v,_,k,y){const r=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),V=s("no-tasks");return t(),i(E,null,[e.tasks?.items===void 0?(t(),i("div",Ct,[a(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(t(),m(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=T=>e.$emit("reach-top"))},{default:p(()=>[(t(!0),i(E,null,S(e.tasks?.items,(T,f)=>(t(),m(u,{key:f,"model-value":T},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(t(),i("div",Pt,[a(V)])):d("",!0)],64)}const Ot=b(At,[["render",Ut]]),Lt=Z("veo"),jt=g({name:"VeoIndex",components:{ConfigPanel:tt,Layout:Oe,RecentPanel:Ot},mixins:[me],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===M.Request||this.fetchingTasks},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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("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(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:v,createdAtMax:_}=e||{};console.debug("limit",o,"createdAtMin",v,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("veo/getTasks",{limit:o,createdAtMin:v,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ve(this.uploadTracker,v=>this.$t(v),v=>I.warning(v)))return;const e={...this.config,callback_url:Lt},o=this.credential?.token;if(!o){console.error("no token specified");return}if(e.action==="image2video"&&!(e.image_urls&&e.image_urls.length>0)){I.warning(this.$t("veo.message.imageRequired"));return}(!e.image_urls||e.image_urls.length===0)&&delete e.image_urls,I.info(this.$t("veo.message.startingTask")),W("veo",K.generate(e,{token:o})).then(()=>{I.success(this.$t("veo.message.startTaskSuccess"))}).catch(v=>{v?.response?.data?.error?.code===ke?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)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Mt(e,o,v,_,k,y){const r=s("config-panel"),u=s("recent-panel"),n=s("layout");return t(),m(n,null,{config:p(()=>[a(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[a(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ls=b(jt,[["render",Mt]]);export{Ls as default};
+import{F as O}from"./index.es-CJfukhtE.js";import{E as L}from"./index-C71cSz36.js";import{E as X}from"./index-BpUUocOH.js";import{d as g,C as i,D as c,z as j,E as a,y as p,J as s,q as t,H as l,M as E,L as S,x as m,P as A,Q as Y,I as d,N as h}from"./vendor-vue-BWIxYyW8.js";import{J as b,bq as Q,ct as W,aL as K,S as M,cu as Z}from"./index-DrvYmhcP.js";import{a as x,b as ee,c as oe,d as te,e as se,f as ne,g as R,h as ae,i as le,j as ie}from"./veo-Dg8Zhpd-.js";import{E as P,a as U}from"./index-D7KBMZcH.js";import{I as G,S as re,l as ce}from"./pagination-CJx5Nyq8.js";import{E as de}from"./index-Bf6ZJ_-M.js";import{V as D}from"./VideoPlayer-CMIYFrB5.js";import{E as N}from"./index-lfOMNaVh.js";import{p as ue}from"./pasteUploadMixin-BurWbGNQ.js";import{u as pe,a as me,e as ve}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as fe}from"./ImagePreview-BKe9oBpc.js";import{E as _e}from"./index-BRAaGgzT.js";import{E as I}from"./index-BJuXTSkv.js";import{C as he}from"./Consumption-Bx3U0iJn.js";import{P as $e,N as ge}from"./NoTasks-Ct9vzToj.js";import{a as be}from"./price-C6x3zgFx.js";import{b as ke}from"./errorCode-Cqj9Td_Z.js";import{C as ye}from"./CopyToClipboard-ffsw6Et3.js";import{A as Ve}from"./ApiCodeButton-Drq1wo0T.js";import{E as Ee}from"./index-BoKfbtX5.js";import{E as we}from"./index-rDyNuNM8.js";import{E as Te}from"./index-Blb1DDfP.js";import{B as Ie}from"./BotPlaceholder-Bb3okszP.js";import"./use-form-item-xBSOcnBK.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-0JQvyqxg.js";import"./typescript-lkSt6sMt.js";import"./index-B8svBnpb.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-Box1EVJE.js";import"./_Uint8Array-CVqSvQNa.js";import"./castArray-DEdhtRiU.js";import"./debounce-BTG3LRQl.js";import"./_baseIteratee-CCsMHsVd.js";import"./index-BoXQVYKo.js";import"./highlight-CWzFA2AR.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./validator-Cct-VH_X.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DZuGeaea.js";import"./index-h2aywIom.js";import"./_baseClone-CxI4YMcc.js";import"./_initCloneObject-C7zi7Gf-.js";import"./index-CFfoccqE.js";const Se=g({name:"LayoutVeo",components:{ElDrawer:X,ElButton:L,FontAwesomeIcon:O},data(){return{drawer:!1}}}),Ae={class:"main flex flex-row flex-1"},Ce={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Pe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ue(e,o,v,_,k,y){const r=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return t(),i("div",Ae,[c("div",Ce,[j(e.$slots,"config",{},void 0,!0)]),c("div",Pe,[j(e.$slots,"result",{},void 0,!0)]),a(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=V=>e.drawer=!0)},{default:p(()=>[a(r,{icon:"fa-solid fa-magic"})]),_:1}),a(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=V=>e.drawer=V),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[j(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Oe=b(Se,[["render",Ue],["__scopeId","data-v-9b26d591"]]),Le=g({name:"ModelSelector",components:{ElSelect:U,ElOption:P},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"},{value:"veo31-fast",label:"veo31-fast"},{value:"veo31",label:"veo31"},{value:"veo31-fast-ingredients",label:"veo31-fast-ingredients"}]}},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=x)}}),je={class:"field"},Me={class:"title font-bold"};function Re(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",je,[c("h2",Me,l(e.$t("veo.name.model")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=b(Le,[["render",Re],["__scopeId","data-v-a59d89c9"]]),De=g({name:"ActionSelector",components:{ElSelect:U,ElOption:P},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("veo.button.action1")},{value:"image2video",label:this.$t("veo.button.action2")},{value:"ingredients2video",label:this.$t("veo.button.actionIngredients")},{value:"upsample",label:this.$t("veo.button.actionUpsample")},{value:"extend",label:this.$t("veo.button.actionExtend")},{value:"reshoot",label:this.$t("veo.button.actionReshoot")},{value:"object_insert",label:this.$t("veo.button.actionObjectInsert")},{value:"object_remove",label:this.$t("veo.button.actionObjectRemove")}]},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=ee)}}),Ne={class:"field"},ze={class:"title font-bold"},Fe={class:"float-left"};function Be(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",Ne,[c("h2",ze,l(e.$t("veo.name.action")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select"),clearable:""},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},{default:p(()=>[c("span",Fe,l(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const qe=b(De,[["render",Be],["__scopeId","data-v-f4d8785c"]]),He=g({name:"TranslationSelector",components:{ElSwitch:de,InfoIcon:G},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=oe)}}),Je={class:"relative"},Xe={class:"flex justify-between"},Ye={class:"flex justify-start items-center"},Qe={class:"text-sm font-bold"},We={class:"flex justify-end items-center"};function Ke(e,o,v,_,k,y){const r=s("info-icon"),u=s("el-switch");return t(),i("div",Je,[c("div",Xe,[c("div",Ye,[c("span",Qe,l(e.$t("veo.name.translation")),1),a(r,{content:e.$t("veo.description.translation")},null,8,["content"])]),c("div",We,[a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"])])])])}const Ze=b(He,[["render",Ke]]),xe=g({name:"AspectRatioSelector",data(){return{options:[{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=te)}}),eo={class:"text-sm font-bold mb-2 block"},oo={class:"items"},to=["onClick"],so={class:"name"};function no(e,o,v,_,k,y){return t(),i("div",null,[c("span",eo,l(e.$t("veo.name.ratio")),1),c("div",oo,[(t(!0),i(E,null,S(e.options,(r,u)=>(t(),i("div",{key:u,class:A({active:e.active===u,item:!0}),onClick:n=>e.value=r.value},[c("div",{class:A(["preview",r.label])},[c("div",{class:"rect",style:Y({width:r.width+"px",height:r.height+"px"})},null,4)],2),c("p",so,l(r.label),1)],10,to))),128))])])}const ao=b(xe,[["render",no],["__scopeId","data-v-28c472c4"]]),lo=g({name:"VideoFromInput",components:{VideoPlayer:D},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.veo?.config}}}),io={class:"relative"},ro={class:"flex mb-2"},co={class:"text-sm font-bold"};function uo(e,o,v,_,k,y){const r=s("video-player");return t(),i("div",io,[c("div",ro,[c("span",co,l(e.$t("veo.name.action3")),1)]),c("div",null,[e.config?.video_url?(t(),m(r,{key:0,src:e.config?.video_url},null,8,["src"])):d("",!0)])])}const po=b(lo,[["render",uo]]),mo=g({name:"VideoIdInput",components:{ElInput:N},computed:{value:{get(){return this.$store.state.veo?.config?.video_id},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,video_id:e})}}}}),vo={class:"field"},fo={class:"title font-bold"};function _o(e,o,v,_,k,y){const r=s("el-input");return t(),i("div",vo,[c("h2",fo,l(e.$t("veo.name.videoId")),1),a(r,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=u=>e.value=u),class:"value",type:"text",placeholder:e.$t("veo.placeholder.videoId"),clearable:""},null,8,["modelValue","placeholder"])])}const ho=b(mo,[["render",_o],["__scopeId","data-v-6eba4026"]]),$o=g({name:"StartEndImage",components:{ElUpload:_e,ElButton:L,InfoIcon:G,FontAwesomeIcon:O,ImagePreview:fe},mixins:[ue,pe],emits:["change"],data(){return{fileList:[],uploadUrl:Q()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.veo?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){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()}}}),go={class:"relative"},bo={class:"flex justify-between"},ko={class:"flex justify-start items-center"},yo={class:"text-sm font-bold"};function Vo(e,o,v,_,k,y){const r=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),V=s("el-button"),T=s("el-upload");return t(),i("div",go,[c("div",bo,[c("div",ko,[c("span",yo,l(e.$t("veo.name.startEndImage")),1),a(r,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),a(T,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=f=>e.fileList=f),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:f})=>[f.url&&f.percentage!==void 0?(t(),m(u,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:w=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:p(()=>[a(V,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[a(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Eo=b($o,[["render",Vo],["__scopeId","data-v-f9a79b4a"]]),wo=g({name:"UpsampleActionSelector",components:{ElSelect:U,ElOption:P},computed:{options(){return ne.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.upsample_action},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,upsample_action:e})}}},mounted(){this.value||(this.value=se)}}),To={class:"field"},Io={class:"title font-bold"};function So(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",To,[c("h2",Io,l(e.$t("veo.name.upsampleAction")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ao=b(wo,[["render",So],["__scopeId","data-v-8b74a7ae"]]),Co=g({name:"ExtendModelSelector",components:{ElSelect:U,ElOption:P},computed:{options(){return R.map(e=>({value:e,label:e}))},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||!R.includes(this.value))&&(this.value=ae)}}),Po={class:"field"},Uo={class:"title font-bold"};function Oo(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",Po,[c("h2",Uo,l(e.$t("veo.name.model")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Lo=b(Co,[["render",Oo],["__scopeId","data-v-cc3f9355"]]),jo=g({name:"MotionTypeSelector",components:{ElSelect:U,ElOption:P},computed:{options(){return ie.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.motion_type},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,motion_type:e})}}},mounted(){this.value||(this.value=le)}}),Mo={class:"field"},Ro={class:"title font-bold"};function Go(e,o,v,_,k,y){const r=s("el-option"),u=s("el-select");return t(),i("div",Mo,[c("h2",Ro,l(e.$t("veo.name.motionType")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("veo.placeholder.select"),filterable:""},{default:p(()=>[(t(!0),i(E,null,S(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Do=b(jo,[["render",Go],["__scopeId","data-v-3affff3c"]]),No=g({name:"ImageMaskInput",components:{ElInput:N},computed:{value:{get(){return this.$store.state.veo?.config?.image_mask},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,image_mask:e})}}}}),zo={class:"field"},Fo={class:"title font-bold"};function Bo(e,o,v,_,k,y){const r=s("el-input");return t(),i("div",zo,[c("h2",Fo,l(e.$t("veo.name.imageMask")),1),a(r,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=u=>e.value=u),class:"value",type:"text",placeholder:e.$t("veo.placeholder.imageMask"),clearable:""},null,8,["modelValue","placeholder"])])}const qo=b(No,[["render",Bo],["__scopeId","data-v-6cc27c68"]]),Ho="",Jo=g({name:"PromptInput",components:{PromptTextarea:$e},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Ho)}});function Xo(e,o,v,_,k,y){const r=s("prompt-textarea");return t(),m(r,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=u=>e.prompt=u),title:e.$t("veo.name.prompt"),info:e.$t("veo.description.prompt"),placeholder:e.$t("veo.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Yo=b(Jo,[["render",Xo]]),Qo=["upsample","extend","reshoot","object_insert","object_remove","get1080p"],Wo=["text2video","image2video","ingredients2video"],Ko=g({name:"ConfigPanel",components:{ElButton:L,Consumption:he,FontAwesomeIcon:O,PromptInput:Yo,ModelSelector:Ge,StartEndImage:Eo,ActionSelector:qe,VideoFromInput:po,VideoIdInput:ho,UpsampleActionSelector:Ao,ExtendModelSelector:Lo,MotionTypeSelector:Do,ImageMaskInput:qo,TranslationSelector:Ze,AspectRatioSelector:ao},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return be(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service},isPostProcessing(){return Qo.includes(this.config?.action??"")},isGeneration(){return Wo.includes(this.config?.action??"")}},methods:{onGenerate(){this.$emit("generate")}}}),Zo={class:"flex flex-col h-full"},xo={class:"flex-1 overflow-y-auto p-5"},et={class:"flex flex-col items-center justify-center px-5 pb-5"};function ot(e,o,v,_,k,y){const r=s("action-selector"),u=s("video-from-input"),n=s("video-id-input"),V=s("upsample-action-selector"),T=s("extend-model-selector"),f=s("prompt-input"),w=s("motion-type-selector"),C=s("image-mask-input"),$=s("translation-selector"),z=s("aspect-ratio-selector"),F=s("model-selector"),B=s("start-end-image"),q=s("consumption"),H=s("font-awesome-icon"),J=s("el-button");return t(),i("div",Zo,[c("div",xo,[a(r,{class:"mb-4"}),e.isPostProcessing?(t(),i(E,{key:0},[e.config?.video_url?(t(),m(u,{key:0,class:"mb-4"})):d("",!0),a(n,{class:"mb-4"})],64)):d("",!0),e.config?.action==="upsample"?(t(),m(V,{key:1,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(T,{key:2,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(f,{key:3,class:"mb-4"})):d("",!0),e.config?.action==="reshoot"?(t(),m(w,{key:4,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"?(t(),m(f,{key:5,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"||e.config?.action==="object_remove"?(t(),m(C,{key:6,class:"mb-4"})):d("",!0),e.config?.action==="object_remove"?(t(),m(f,{key:7,class:"mb-4"})):d("",!0),e.isGeneration?(t(),i(E,{key:8},[a($,{class:"mb-4"}),a(z,{class:"mb-4"}),a(f,{class:"mb-4"}),e.config?.action!=="ingredients2video"?(t(),m(F,{key:0,class:"mb-4"})):d("",!0),e.config?.action==="image2video"||e.config?.action==="ingredients2video"?(t(),m(B,{key:1,class:"mb-2"})):d("",!0)],64)):d("",!0)]),c("div",et,[a(q,{value:e.consumption,service:e.service},null,8,["value","service"]),a(J,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[a(H,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=b(Ko,[["render",ot]]),st=g({name:"TaskPreview",components:{ElImage:Te,CopyToClipboard:ye,FontAwesomeIcon:O,ElAlert:we,VideoPlayer:D,ElTooltip:Ee,ElButton:L,ApiCodeButton:Ve},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.veo?.application},config(){return this.$store.state.veo?.config}},methods:{onPickAction(e,o,v,_){console.debug("seed config from preview",{action:v,upsampleAction:_,response:o}),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,action:v,video_id:o?.data?.[0]?.id,video_url:o?.data?.[0]?.video_url,..._?{upsample_action:_}:{}})},onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),nt={class:"preview"},at={class:"left"},lt={class:"main"},it={class:"bot"},rt={class:"datetime"},ct={class:"info"},dt={key:0,class:"prompt mt-2"},ut={key:0},pt={key:1},mt={key:0,class:A({content:!0,failed:!0})},vt={key:0,class:"mb-4"},ft={key:1,class:A({operations:!0,"mt-2":!0})},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},gt={key:1,class:A({content:!0})},bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Et={key:2,class:A({content:!0})},wt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function It(e,o,v,_,k,y){const r=s("el-image"),u=s("video-player"),n=s("el-button"),V=s("el-tooltip"),T=s("api-code-button"),f=s("font-awesome-icon"),w=s("copy-to-clipboard"),C=s("el-alert");return t(),i("div",nt,[c("div",at,[a(r,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),c("div",lt,[c("div",it,[h(l(e.$t("veo.name.veoBot"))+" ",1),c("span",rt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",ct,[e.modelValue?.request?.prompt?(t(),i("p",dt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(t(),i("span",ut," - ("+l(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(t(),i("span",pt," - ("+l(e.$t("veo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(t(),i("div",mt,[e.modelValue?.response?.data[0]?.video_url?(t(),i("div",vt,[a(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):d("",!0),e.modelValue?.response.success?(t(),i("div",ft,[e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[0]||(o[0]=$=>e.onPickAction($,e.modelValue?.response,"upsample","1080p"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsample1080p")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:1,type:"info",size:"small",class:"btn-action",onClick:o[1]||(o[1]=$=>e.onPickAction($,e.modelValue?.response,"upsample","4k"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsample4k")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:2,type:"info",size:"small",class:"btn-action",onClick:o[2]||(o[2]=$=>e.onPickAction($,e.modelValue?.response,"upsample","gif"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsampleGif")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:3,type:"info",size:"small",class:"btn-action",onClick:o[3]||(o[3]=$=>e.onPickAction($,e.modelValue?.response,"extend"))},{default:p(()=>[h(l(e.$t("veo.button.actionExtend")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:4,type:"info",size:"small",class:"btn-action",onClick:o[4]||(o[4]=$=>e.onPickAction($,e.modelValue?.response,"reshoot"))},{default:p(()=>[h(l(e.$t("veo.button.actionReshoot")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:5,type:"info",size:"small",class:"btn-action",onClick:o[5]||(o[5]=$=>e.onPickAction($,e.modelValue?.response,"object_insert"))},{default:p(()=>[h(l(e.$t("veo.button.actionObjectInsert")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:6,type:"info",size:"small",class:"btn-action",onClick:o[6]||(o[6]=$=>e.onPickAction($,e.modelValue?.response,"object_remove"))},{default:p(()=>[h(l(e.$t("veo.button.actionObjectRemove")),1)]),_:1})):d("",!0),a(V,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[7]||(o[7]=$=>e.onDownload($,e.modelValue?.response?.data[0]?.video_url))},{default:p(()=>[h(l(e.$t("veo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"]),a(T,{path:"/veo/videos",body:e.modelValue?.request},null,8,["body"])])):d("",!0),a(C,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",_t,[a(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.model"))+": "+l(e.modelValue?.request?.model),1)]),c("p",ht,[a(f,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(w,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(t(),i("p",$t,[a(f,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+l(e.$t("veo.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===!1?(t(),i("div",gt,[a(C,{closable:!1,class:"failure"},{template:p(()=>[a(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[c("p",bt,[a(f,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(w,{content:e.modelValue?.id},null,8,["content"])]),c("p",kt,[a(f,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("veo.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),a(w,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(t(),i("p",yt,[a(f,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+l(e.$t("veo.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),e.modelValue?.response?.trace_id?(t(),i("p",Vt,[a(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(w,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(t(),i("div",Et,[a(C,{closable:!1,class:"info"},{template:p(()=>[a(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[c("p",wt,[a(f,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(w,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(t(),i("p",Tt,[a(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(w,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0)])])}const St=b(st,[["render",It],["__scopeId","data-v-912779c9"]]),At=g({name:"RecentPanel",components:{TaskPreview:St,NoTasks:ge,BotPlaceholder:Ie,ScrollList:re},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ct={key:0},Pt={key:2,class:"w-full h-full flex items-center justify-center"};function Ut(e,o,v,_,k,y){const r=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),V=s("no-tasks");return t(),i(E,null,[e.tasks?.items===void 0?(t(),i("div",Ct,[a(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(t(),m(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=T=>e.$emit("reach-top"))},{default:p(()=>[(t(!0),i(E,null,S(e.tasks?.items,(T,f)=>(t(),m(u,{key:f,"model-value":T},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(t(),i("div",Pt,[a(V)])):d("",!0)],64)}const Ot=b(At,[["render",Ut]]),Lt=Z("veo"),jt=g({name:"VeoIndex",components:{ConfigPanel:tt,Layout:Oe,RecentPanel:Ot},mixins:[me],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===M.Request||this.fetchingTasks},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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("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(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:v,createdAtMax:_}=e||{};console.debug("limit",o,"createdAtMin",v,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("veo/getTasks",{limit:o,createdAtMin:v,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ve(this.uploadTracker,v=>this.$t(v),v=>I.warning(v)))return;const e={...this.config,callback_url:Lt},o=this.credential?.token;if(!o){console.error("no token specified");return}if(e.action==="image2video"&&!(e.image_urls&&e.image_urls.length>0)){I.warning(this.$t("veo.message.imageRequired"));return}(!e.image_urls||e.image_urls.length===0)&&delete e.image_urls,I.info(this.$t("veo.message.startingTask")),W("veo",K.generate(e,{token:o})).then(()=>{I.success(this.$t("veo.message.startTaskSuccess"))}).catch(v=>{v?.response?.data?.error?.code===ke?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)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Mt(e,o,v,_,k,y){const r=s("config-panel"),u=s("recent-panel"),n=s("layout");return t(),m(n,null,{config:p(()=>[a(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[a(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ls=b(jt,[["render",Mt]]);export{Ls as default};

package/dist/assets/{Invitees-Cz_EsjtY.js → Invitees-LYo1v4W-.js}

@@ -1 +1 @@
-import{P as g}from"./Pagination-CZlZDsrX.js";import{C as b}from"./CopyToClipboard-CKHFkgBw.js";import{av as v,J as w}from"./index-WBL6x5Gi.js";import{E as $}from"./index-LpPx7tlM.js";import{E as C,a as y}from"./index-CVlno4uK.js";import{E,a as D}from"./index-B6A8_H7_.js";import{d as I,x as d,y as e,E as o,D as i,H as s,F,J as n,W as k,q as m}from"./vendor-vue-BWIxYyW8.js";import"./index-DB35xx6z.js";import"./index-CzB7ybhb.js";import"./index-DcMRk0Rg.js";import"./typescript-CfjCt7CQ.js";import"./index-CBEnxQkS.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-CKwwyCWc.js";import"./_Uint8Array-DRyihEmy.js";import"./castArray-DVvLZv87.js";import"./use-form-item-DbJVX31S.js";import"./index-BTXaUi_1.js";import"./index-CMG6UkYH.js";import"./debounce-DRncZe1x.js";import"./_baseIteratee-B5pmoFB-.js";import"./index-m_mJCAFp.js";import"./index.es-BaHTt3G-.js";import"./index-BLjywj98.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./_initCloneObject-DpFdEiSB.js";import"./isPlainObject-fmdcO51f.js";import"./index-B9UhWuoj.js";const P=I({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:D,ElCol:E,ElTable:y,ElTableColumn:C,ElCard:$},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(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){const{data:t}=await v.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:"-created_at"});this.invitees=t.items,this.total=t.count}}}),q={class:"title"},B={class:"key"},J={class:"copy"},S={class:"description"},T={class:"description"},j={class:"description"},z={class:"created-at"},N={class:"pagination m-v-lg"};function V(t,H,O,R,W,A){const r=n("el-col"),p=n("el-row"),c=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=k("loading");return m(),d(p,{class:"panel"},{default:e(()=>[o(r,{span:24},{default:e(()=>[o(p,null,{default:e(()=>[o(r,{span:24},{default:e(()=>[i("h2",q,s(t.$t("common.title.invitee")),1)]),_:1})]),_:1}),o(p,null,{default:e(()=>[o(r,{span:24},{default:e(()=>[o(u,{shadow:"hover"},{default:e(()=>[F((m(),d(_,{data:t.invitees,stripe:""},{default:e(()=>[o(l,{prop:"id",label:t.$t("user.field.id"),"class-name":"text-center",width:"350px"},{default:e(a=>[i("span",B,s(a.row.id),1),i("span",J,[o(c,{content:a.row.id},null,8,["content"])])]),_:1},8,["label"]),o(l,{label:t.$t("user.field.username"),width:"300px"},{default:e(a=>[i("span",S,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.email"),width:"300px"},{default:e(a=>[i("span",T,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.nickname"),width:"200px"},{default:e(a=>[i("span",j,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.dateJoined")},{default:e(a=>[i("span",z,s(t.$dayjs.format(a.row.date_joined)),1)]),_:1},8,["label"])]),_:1},8,["data"])),[[f,t.loading]])]),_:1})]),_:1})]),_:1}),o(p,null,{default:e(()=>[o(r,{span:10,offset:14},{default:e(()=>[i("div",N,[o(h,{"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 wt=w(P,[["render",V],["__scopeId","data-v-4556864d"]]);export{wt as default};
+import{P as g}from"./Pagination-C_lShewI.js";import{C as b}from"./CopyToClipboard-ffsw6Et3.js";import{av as v,J as w}from"./index-DrvYmhcP.js";import{E as $}from"./index-8OUK_qo_.js";import{E as C,a as y}from"./index-Cfmbp0EV.js";import{E,a as D}from"./index-DmpJeEzY.js";import{d as I,x as d,y as e,E as o,D as i,H as s,F,J as n,W as k,q as m}from"./vendor-vue-BWIxYyW8.js";import"./index-D7KBMZcH.js";import"./index-BoKfbtX5.js";import"./index-B8svBnpb.js";import"./typescript-lkSt6sMt.js";import"./index-0JQvyqxg.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-Box1EVJE.js";import"./_Uint8Array-CVqSvQNa.js";import"./castArray-DEdhtRiU.js";import"./use-form-item-xBSOcnBK.js";import"./index-lfOMNaVh.js";import"./index-DZuGeaea.js";import"./debounce-BTG3LRQl.js";import"./_baseIteratee-CCsMHsVd.js";import"./index-BoXQVYKo.js";import"./index.es-CJfukhtE.js";import"./index-BLjywj98.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./_initCloneObject-C7zi7Gf-.js";import"./isPlainObject-DoaviOGK.js";import"./index-DiwSA7hK.js";const P=I({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:D,ElCol:E,ElTable:y,ElTableColumn:C,ElCard:$},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(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){const{data:t}=await v.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:"-created_at"});this.invitees=t.items,this.total=t.count}}}),q={class:"title"},B={class:"key"},J={class:"copy"},S={class:"description"},T={class:"description"},j={class:"description"},z={class:"created-at"},N={class:"pagination m-v-lg"};function V(t,H,O,R,W,A){const r=n("el-col"),p=n("el-row"),c=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=k("loading");return m(),d(p,{class:"panel"},{default:e(()=>[o(r,{span:24},{default:e(()=>[o(p,null,{default:e(()=>[o(r,{span:24},{default:e(()=>[i("h2",q,s(t.$t("common.title.invitee")),1)]),_:1})]),_:1}),o(p,null,{default:e(()=>[o(r,{span:24},{default:e(()=>[o(u,{shadow:"hover"},{default:e(()=>[F((m(),d(_,{data:t.invitees,stripe:""},{default:e(()=>[o(l,{prop:"id",label:t.$t("user.field.id"),"class-name":"text-center",width:"350px"},{default:e(a=>[i("span",B,s(a.row.id),1),i("span",J,[o(c,{content:a.row.id},null,8,["content"])])]),_:1},8,["label"]),o(l,{label:t.$t("user.field.username"),width:"300px"},{default:e(a=>[i("span",S,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.email"),width:"300px"},{default:e(a=>[i("span",T,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.nickname"),width:"200px"},{default:e(a=>[i("span",j,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.dateJoined")},{default:e(a=>[i("span",z,s(t.$dayjs.format(a.row.date_joined)),1)]),_:1},8,["label"])]),_:1},8,["data"])),[[f,t.loading]])]),_:1})]),_:1})]),_:1}),o(p,null,{default:e(()=>[o(r,{span:10,offset:14},{default:e(()=>[i("div",N,[o(h,{"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 wt=w(P,[["render",V],["__scopeId","data-v-4556864d"]]);export{wt as default};

package/dist/assets/{List-D4Tm1DEJ.js → List-BY87VDaH.js}

@@ -1 +1 @@
-import{l as S,a0 as Y,o as j,a6 as N,J as G}from"./index-WBL6x5Gi.js";import{I as v,a as W}from"./credential-CEfFFZzi.js";import{P as Z}from"./Pagination-CZlZDsrX.js";import{C as z}from"./CopyToClipboard-CKHFkgBw.js";import{F as J}from"./index.es-BaHTt3G-.js";import{B as K,C as Q,a as X,L as tt,b as et,p as at,c as st,d as it}from"./vendor-chart-CqqdxQvL.js";import{a as ot}from"./index-Coa92KXg.js";import{E as nt,a as lt}from"./index-Bz-M0TKT.js";import{E as rt}from"./index-LpPx7tlM.js";import{E as dt,a as pt}from"./index-CVlno4uK.js";import{E as ut,a as ct}from"./index-B6A8_H7_.js";import{E as ht,a as gt}from"./index-DB35xx6z.js";import{E as mt}from"./index-3y7yJX0D.js";import{d as ft,x as u,y as s,E as i,D as o,H as n,F as E,C as f,L as C,M as D,I as _,N as R,J as r,W as yt,q as l,G as _t}from"./vendor-vue-BWIxYyW8.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./typescript-CfjCt7CQ.js";import"./isEqual-CKwwyCWc.js";import"./_Uint8Array-DRyihEmy.js";import"./index-DcMRk0Rg.js";import"./index-BTXaUi_1.js";import"./index-CMG6UkYH.js";import"./use-form-item-DbJVX31S.js";import"./index-BLjywj98.js";import"./index-CzB7ybhb.js";import"./index-CBEnxQkS.js";import"./_initCloneObject-DpFdEiSB.js";import"./isPlainObject-fmdcO51f.js";import"./_baseIteratee-B5pmoFB-.js";import"./castArray-DVvLZv87.js";import"./debounce-DRncZe1x.js";import"./index-B9UhWuoj.js";import"./index-m_mJCAFp.js";import"./strings-CoSJ5yUQ.js";import"./index-CN-JhzOb.js";import"./index-BuyEbX8F.js";import"./index-BC6AqXIx.js";class bt{key="usage/apis";async getAll(e){return await S.get(`/${this.key}/`,{params:e})}async getAggregate(e){return await S.get(`/${this.key}/aggregate/`,{params:e})}async get(e){return await S.get(`/${this.key}/${e}`)}}const L=new bt;class $t{key="usage/proxies";async getAll(e){return await S.get(`/${this.key}/`,{params:e})}}const wt=new $t;Q.register(X,tt,et,at,st,it);const At=ft({name:"ConsoleUsageList",components:{Pagination:Z,ElTag:Y,ElDatePicker:mt,ElTable:pt,ElSelect:gt,ElOption:ht,CopyToClipboard:z,ElRow:ct,ElCol:ut,ElTableColumn:dt,ElCard:rt,ElRadioButton:lt,ElRadioGroup:nt,ElSkeleton:ot,FontAwesomeIcon:J,BarChart:K},data(){return{applicationIds:this.$route.query.application_id?.toString()?this.$route.query.application_id?.toString().split(","):[],apiIds:this.$route.query.api_id?.toString()?this.$route.query.api_id?.toString().split(","):[],applications:[],credentialType:W,serviceType:v,apiUsages:[],proxyUsages:[],createdAtRange:(()=>{const t=this.$route.query.created_at_to?.toString(),e=this.$route.query.created_at_from?.toString();if(e&&t)return[new Date(e),new Date(t)];const y=new Date,c=new Date;return c.setDate(c.getDate()-30),[c,y]})(),shortcuts:[{text:this.$t("usage.shortcuts.today"),value:()=>{const t=new Date,e=new Date;return e.setHours(0,0,0,0),[e,t]}},{text:this.$t("usage.shortcuts.last1Day"),value:()=>{const t=new Date,e=new Date;return e.setDate(e.getDate()-1),[e,t]}},{text:this.$t("usage.shortcuts.last3Days"),value:()=>{const t=new Date,e=new Date;return e.setDate(e.getDate()-3),[e,t]}},{text:this.$t("usage.shortcuts.last7Days"),value:()=>{const t=new Date,e=new Date;return e.setDate(e.getDate()-7),[e,t]}},{text:this.$t("usage.shortcuts.last1Month"),value:()=>{const t=new Date,e=new Date;return e.setMonth(e.getMonth()-1),[e,t]}}],type:this.$route.query.type?.toString()||v.API,loading:!1,total:void 0,limit:15,totalUsed:0,barChartLabels:[],barChartSeries:[],aggLoading:!1}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")},apis(){return this.applications.filter(t=>this.applicationIds&&this.applicationIds.length?this.applicationIds.includes(t.id):!0).map(t=>t.service?.apis).flat()},totalUsedString(){return`${(this.totalUsed||0).toFixed(2)}`},barChartData(){return{labels:this.barChartLabels,datasets:this.barChartSeries.map(t=>({label:t.label,data:t.data,backgroundColor:t.color}))}},barChartOptions(){return{responsive:!0,plugins:{legend:{position:"top",onClick:(t,e,y)=>{const c=y?.chart;if(!c||e?.datasetIndex===void 0)return;const $=e.datasetIndex,b=c.data?.datasets||[];b.some((p,d)=>d!==$&&c.isDatasetVisible(d))?b.forEach((p,d)=>c.setDatasetVisibility(d,d===$)):b.forEach((p,d)=>c.setDatasetVisibility(d,!0)),c.update()}},title:{display:!0,text:this.$t("usage.title.usageTrend")}},scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0}}}}},watch:{page:{handler(){this.onFetchUsages()}},type:{handler(){this.applicationIds=[],this.apiIds=[],this.onApplicationsChange(this.applicationIds),this.onFetchApplications(),this.onFetchUsages(),this.onFetchAggregate()}}},mounted(){this.onFetchApplications(),this.onFetchUsages(),this.onFetchAggregate()},methods:{async onFetchUsages(){this.type===v.API?this.onFetchApiUsages():this.type===v.Proxy&&this.onFetchProxyUsages()},async onApiChange(t){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:t}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onApisChange(t){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:t&&t.length?t.join(","):""}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onTimeRangeChanged(){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,created_at_from:this.createdAtRange?this.$dayjs.format(this.createdAtRange[0].toString(),"YYYY-MM-DDTHH:mm:ss.SSSSSSZ"):"",created_at_to:this.createdAtRange?this.$dayjs.format(this.createdAtRange[1].toString(),"YYYY-MM-DDTHH:mm:ss.SSSSSSZ"):""}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationChange(t){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:t}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationsChange(t){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:t&&t.length?t.join(","):""}}),this.onFetchUsages(),this.onFetchAggregate()},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:t}})},getRemainingAmount(t){if(t.remaining_amount===void 0||t.remaining_amount===null)return"";const e=this.$t(`service.unit.${t?.service?.unit||"credit"}s`);return`${t.remaining_amount?.toFixed(6)} ${e}`},getUsedAmount(t){if(t.used_amount===void 0||t.used_amount===null)return"";const e=this.$t(`service.unit.${t?.service?.unit||"credit"}s`);return`${t.used_amount?.toFixed(6)} ${e}`},getDeductedAmount(t){if(t?.deducted_amount===void 0||t?.deducted_amount===null)return"";const e=this.$t(`service.unit.${t?.service?.unit||"credit"}s`);return`${t.deducted_amount?.toFixed(6)} ${e}`},getOriginalAmount(t){if(t?.original_amount===void 0||t?.original_amount===null)return"";const e=this.$t(`service.unit.${t?.service?.unit||"credit"}s`);return`${t.original_amount?.toFixed(6)} ${e}`},onFetchApplications(){j.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:"-created_at",type:N.USAGE}).then(({data:t})=>{this.applications=t.items.filter(e=>e?.service?.type?e.service.type===this.type:!0)}).catch(()=>{})},onFetchApiUsages(){this.loading=!0,L.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:"-created_at",...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{}}).then(({data:t})=>{this.apiUsages=t.items,this.loading=!1,this.total=t.count}).catch(()=>{this.loading=!1})},onFetchProxyUsages(){this.loading=!0,wt.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:"-created_at",...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{}}).then(({data:t})=>{this.proxyUsages=t.items,this.loading=!1,this.total=t.count}).catch(()=>{this.loading=!1})},async onFetchAggregate(){if(this.aggLoading=!0,this.type!==this.serviceType.API){this.aggLoading=!1;return}const t={user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}};try{const{data:e}=await L.getAggregate(t);this.totalUsed=e.total||0;const y=Array.from(new Set((e.items||[]).map(h=>h.date))).sort(),c=Array.from(new Set((e.items||[]).map(h=>h.api_id))),$=h=>`hsl(${h*57%360}, 70%, 60%)`,b=c.map((h,p)=>{const d=e.apis?.[h]?.title||h,w={};(e.items||[]).filter(m=>m.api_id===h).forEach(m=>{w[m.date]=m.amount||0});const I=y.map(m=>w[m]||0);return{key:h,label:d,data:I,color:$(p)}});this.barChartLabels=y,this.barChartSeries=b}finally{this.aggLoading=!1}}}}),vt={class:"title"},Ct={class:"inline-block w-9"},Dt={class:"inline-block"},St={key:1,class:"summary-card"},It={class:"icon-wrapper"},kt={class:"text-left"},Ut={class:"description"},Ft={class:"value"},Et={class:"chart-wrapper"},Rt={key:0},Tt={key:1},qt={class:"flex flex-wrap gap-2"},Vt={class:"key"},Pt={key:0,class:"cursor-pointer"},Lt={class:"created-at"},Ot={class:"created-at"},xt={class:"float-right"};function Bt(t,e,y,c,$,b){const h=r("help-entry"),p=r("el-col"),d=r("el-row"),w=r("el-radio-button"),I=r("el-radio-group"),m=r("el-option"),T=r("el-select"),O=r("el-date-picker"),q=r("el-skeleton"),x=r("font-awesome-icon"),k=r("el-card"),B=r("bar-chart"),g=r("el-table-column"),U=r("el-tag"),H=r("copy-to-clipboard"),V=r("el-table"),M=r("pagination"),P=yt("loading");return l(),u(d,{class:"panel"},{default:s(()=>[i(h,{class:"help"}),i(p,{span:24},{default:s(()=>[i(d,null,{default:s(()=>[i(p,{span:24},{default:s(()=>[o("h2",vt,n(t.$t("common.title.allUsages")),1)]),_:1})]),_:1}),i(d,null,{default:s(()=>[i(p,{md:4,xs:24,class:"mb-4 flex px-2 gap-2 items-center"},{default:s(()=>[o("span",null,n(t.$t("application.field.type")),1),i(I,{modelValue:t.type,"onUpdate:modelValue":e[0]||(e[0]=a=>t.type=a)},{default:s(()=>[i(w,{value:t.serviceType.API,label:t.$t("application.field.api")},null,8,["value","label"]),i(w,{value:t.serviceType.Proxy,label:t.$t("application.field.proxy")},null,8,["value","label"])]),_:1},8,["modelValue"])]),_:1}),E(i(p,{md:6,xs:24,class:"mb-4 flex px-2 gap-2 items-center"},{default:s(()=>[o("span",Ct,n(t.$t("usage.field.application")),1),i(T,{modelValue:t.applicationIds,"onUpdate:modelValue":e[1]||(e[1]=a=>t.applicationIds=a),placeholder:t.$t("usage.field.application"),clearable:"",multiple:"","collapse-tags":"","collapse-tags-tooltip":"",class:"w-full",onChange:t.onApplicationsChange},{default:s(()=>[(l(!0),f(D,null,C(t.applications,a=>(l(),u(m,{key:a.id,label:a.service?.title,value:a?.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"])]),_:1},512),[[_t,!1]]),t.type===t.serviceType.API?(l(),u(p,{key:0,md:6,xs:24,class:"mb-4 flex px-2 gap-2 items-center"},{default:s(()=>[o("span",Dt,n(t.$t("usage.field.api")),1),i(T,{modelValue:t.apiIds,"onUpdate:modelValue":e[2]||(e[2]=a=>t.apiIds=a),placeholder:t.$t("usage.field.api"),clearable:"",multiple:"","collapse-tags":"","collapse-tags-tooltip":"",class:"w-full",onChange:t.onApisChange},{default:s(()=>[(l(!0),f(D,null,C(t.apis,a=>(l(),u(m,{key:a?.id,label:a?.title,value:a?.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"])]),_:1})):_("",!0),t.type===t.serviceType.API?(l(),u(p,{key:1,md:8,xs:24,class:"mb-4 flex px-2 gap-2 items-center"},{default:s(()=>[i(O,{modelValue:t.createdAtRange,"onUpdate:modelValue":e[3]||(e[3]=a=>t.createdAtRange=a),type:"datetimerange",class:"w-full",shortcuts:t.shortcuts,"range-separator":t.$t("usage.placeholder.to"),"start-placeholder":t.$t("usage.placeholder.startDate"),"end-placeholder":t.$t("usage.placeholder.endDate"),onChange:t.onTimeRangeChanged},null,8,["modelValue","shortcuts","range-separator","start-placeholder","end-placeholder","onChange"])]),_:1})):_("",!0)]),_:1}),i(d,null,{default:s(()=>[i(p,{span:24},{default:s(()=>[t.type===t.serviceType.API?(l(),u(d,{key:0,gutter:15,class:"mb-4"},{default:s(()=>[i(p,{md:6,xs:24},{default:s(()=>[i(k,{shadow:"hover",class:"h-full"},{default:s(()=>[t.aggLoading?(l(),u(q,{key:0})):(l(),f("div",St,[o("div",It,[i(x,{icon:"fa-solid fa-cubes",class:"icon"})]),o("div",kt,[o("p",Ut,n(t.$t("usage.title.totalUsed")),1),o("p",Ft,n(t.totalUsedString),1)])]))]),_:1})]),_:1}),i(p,{md:18,xs:24},{default:s(()=>[i(k,{shadow:"hover",class:"h-full"},{default:s(()=>[o("div",Et,[t.aggLoading?(l(),u(q,{key:0,class:"w-full"})):(l(),u(B,{key:1,data:t.barChartData,options:t.barChartOptions,class:"chart"},null,8,["data","options"]))])]),_:1})]),_:1})]),_:1})):_("",!0),i(k,{shadow:"hover"},{default:s(()=>[t.type===t.serviceType.API?E((l(),u(V,{key:0,data:t.apiUsages,stripe:"","table-layout":"fixed","empty-text":t.$t("common.message.noData"),class:"min-h-[calc(100vh-350px)] mb-[50px]"},{default:s(()=>[i(g,{label:t.$t("application.field.name"),width:"160px"},{default:s(a=>[o("span",null,n(a.row?.api?.title),1)]),_:1},8,["label"]),i(g,{label:t.$t("usage.field.statusCode"),width:"120px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:s(a=>[o("span",null,n(a.row.status_code),1)]),_:1},8,["label"]),i(g,{prop:"deducted_amount",label:t.$t("usage.field.deductedAmount"),width:"150px","class-name":"text-center"},{default:s(a=>[t.getDeductedAmount(a.row)===t.getOriginalAmount(a.row)?(l(),f("div",Rt,[o("span",null,n(t.getDeductedAmount(a.row)),1)])):(l(),f("div",Tt,[e[4]||(e[4]=o("p",null,null,-1)),o("p",null,[o("span",null,n(t.getDeductedAmount(a.row)),1)]),o("p",null,[o("del",null,n(t.getOriginalAmount(a.row)),1)])]))]),_:1},8,["label"]),i(g,{prop:"metadata",label:t.$t("usage.field.metadata"),width:"260px","class-name":"text-center"},{default:s(a=>[o("div",qt,[a.row.original_amount>a.row.deducted_amount&&a.row.original_amount>0?(l(),u(U,{key:0,type:"success",style:{textWrap:"wrap",height:"fit-content",lineHeight:"20px",borderRadius:"10px"}},{default:s(()=>[R(n(((a.row.original_amount-a.row.deducted_amount)*100/a.row.original_amount).toFixed(0)+"% OFF"),1)]),_:2},1024)):_("",!0),(l(!0),f(D,null,C(a.row.metadata,(F,A)=>(l(),u(U,{key:A,style:{textWrap:"wrap",height:"fit-content",lineHeight:"20px",borderRadius:"10px"}},{default:s(()=>[R(n(A)+": "+n(F),1)]),_:2},1024))),128))])]),_:1},8,["label"]),i(g,{prop:"trace_id",label:t.$t("application.field.traceId"),width:"200px","class-name":"hidden sm:table-cell text-center","label-class-name":"hidden sm:table-cell"},{default:s(a=>[o("span",Vt,n(a.row.trace_id),1),a.row.trace_id?(l(),f("span",Pt,[i(H,{content:a.row.trace_id,class:"inline-block"},null,8,["content"])])):_("",!0)]),_:1},8,["label"]),i(g,{label:t.$t("usage.field.createdAt"),width:"200px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:s(a=>[o("span",Lt,n(t.$dayjs.format(a.row.created_at)),1)]),_:1},8,["label"])]),_:1},8,["data","empty-text"])),[[P,t.loading]]):_("",!0),t.type===t.serviceType.Proxy?E((l(),u(V,{key:1,data:t.proxyUsages,stripe:"","table-layout":"fixed","empty-text":t.$t("common.message.noData"),class:"min-h-[calc(100vh-350px)] mb-[50px]"},{default:s(()=>[i(g,{label:t.$t("application.field.name"),width:"160px"},{default:s(a=>[o("span",null,n(a.row?.service?.title),1)]),_:1},8,["label"]),i(g,{prop:"remaining_amount",label:t.$t("usage.field.remainingAmount"),width:"160px","class-name":"text-center"},{default:s(a=>[o("span",null,n(t.getRemainingAmount(a.row)),1),o("span",null,n(t.getOriginalAmount(a.row)),1)]),_:1},8,["label"]),i(g,{prop:"deducted_amount",label:t.$t("usage.field.deductedAmount"),width:"150px","class-name":"text-center"},{default:s(a=>[o("span",null,n(t.getDeductedAmount(a.row)),1)]),_:1},8,["label"]),i(g,{prop:"metadata",label:t.$t("usage.field.metadata"),width:"200px","class-name":"text-center"},{default:s(a=>[(l(!0),f(D,null,C(a.row.metadata,(F,A)=>(l(),u(U,{key:A,class:"mb-2"},{default:s(()=>[R(n(A)+": "+n(F),1)]),_:2},1024))),128))]),_:1},8,["label"]),i(g,{label:t.$t("usage.field.createdAt"),width:"200px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:s(a=>[o("span",Ot,n(t.$dayjs.format(a.row.created_at)),1)]),_:1},8,["label"])]),_:1},8,["data","empty-text"])),[[P,t.loading]]):_("",!0)]),_:1})]),_:1})]),_:1}),i(d,null,{default:s(()=>[i(p,{span:10,offset:14},{default:s(()=>[o("div",xt,[i(M,{"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 De=G(At,[["render",Bt],["__scopeId","data-v-f555407f"]]);export{De as default};
+import{l as S,a0 as Y,o as j,a6 as N,J as G}from"./index-DrvYmhcP.js";import{I as v,a as W}from"./credential-CEfFFZzi.js";import{P as Z}from"./Pagination-C_lShewI.js";import{C as z}from"./CopyToClipboard-ffsw6Et3.js";import{F as J}from"./index.es-CJfukhtE.js";import{B as K,C as Q,a as X,L as tt,b as et,p as at,c as st,d as it}from"./vendor-chart-CqqdxQvL.js";import{a as ot}from"./index-CFfoccqE.js";import{E as nt,a as lt}from"./index-CQ8_0yRK.js";import{E as rt}from"./index-8OUK_qo_.js";import{E as dt,a as pt}from"./index-Cfmbp0EV.js";import{E as ut,a as ct}from"./index-DmpJeEzY.js";import{E as ht,a as gt}from"./index-D7KBMZcH.js";import{E as mt}from"./index-DPrdPxRp.js";import{d as ft,x as u,y as s,E as i,D as o,H as n,F as E,C as f,L as C,M as D,I as _,N as R,J as r,W as yt,q as l,G as _t}from"./vendor-vue-BWIxYyW8.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./typescript-lkSt6sMt.js";import"./isEqual-Box1EVJE.js";import"./_Uint8Array-CVqSvQNa.js";import"./index-B8svBnpb.js";import"./index-lfOMNaVh.js";import"./index-DZuGeaea.js";import"./use-form-item-xBSOcnBK.js";import"./index-BLjywj98.js";import"./index-BoKfbtX5.js";import"./index-0JQvyqxg.js";import"./_initCloneObject-C7zi7Gf-.js";import"./isPlainObject-DoaviOGK.js";import"./_baseIteratee-CCsMHsVd.js";import"./castArray-DEdhtRiU.js";import"./debounce-BTG3LRQl.js";import"./index-DiwSA7hK.js";import"./index-BoXQVYKo.js";import"./strings-CoSJ5yUQ.js";import"./index-C71cSz36.js";import"./index-BuyEbX8F.js";import"./index-BC6AqXIx.js";class bt{key="usage/apis";async getAll(e){return await S.get(`/${this.key}/`,{params:e})}async getAggregate(e){return await S.get(`/${this.key}/aggregate/`,{params:e})}async get(e){return await S.get(`/${this.key}/${e}`)}}const L=new bt;class $t{key="usage/proxies";async getAll(e){return await S.get(`/${this.key}/`,{params:e})}}const wt=new $t;Q.register(X,tt,et,at,st,it);const At=ft({name:"ConsoleUsageList",components:{Pagination:Z,ElTag:Y,ElDatePicker:mt,ElTable:pt,ElSelect:gt,ElOption:ht,CopyToClipboard:z,ElRow:ct,ElCol:ut,ElTableColumn:dt,ElCard:rt,ElRadioButton:lt,ElRadioGroup:nt,ElSkeleton:ot,FontAwesomeIcon:J,BarChart:K},data(){return{applicationIds:this.$route.query.application_id?.toString()?this.$route.query.application_id?.toString().split(","):[],apiIds:this.$route.query.api_id?.toString()?this.$route.query.api_id?.toString().split(","):[],applications:[],credentialType:W,serviceType:v,apiUsages:[],proxyUsages:[],createdAtRange:(()=>{const t=this.$route.query.created_at_to?.toString(),e=this.$route.query.created_at_from?.toString();if(e&&t)return[new Date(e),new Date(t)];const y=new Date,c=new Date;return c.setDate(c.getDate()-30),[c,y]})(),shortcuts:[{text:this.$t("usage.shortcuts.today"),value:()=>{const t=new Date,e=new Date;return e.setHours(0,0,0,0),[e,t]}},{text:this.$t("usage.shortcuts.last1Day"),value:()=>{const t=new Date,e=new Date;return e.setDate(e.getDate()-1),[e,t]}},{text:this.$t("usage.shortcuts.last3Days"),value:()=>{const t=new Date,e=new Date;return e.setDate(e.getDate()-3),[e,t]}},{text:this.$t("usage.shortcuts.last7Days"),value:()=>{const t=new Date,e=new Date;return e.setDate(e.getDate()-7),[e,t]}},{text:this.$t("usage.shortcuts.last1Month"),value:()=>{const t=new Date,e=new Date;return e.setMonth(e.getMonth()-1),[e,t]}}],type:this.$route.query.type?.toString()||v.API,loading:!1,total:void 0,limit:15,totalUsed:0,barChartLabels:[],barChartSeries:[],aggLoading:!1}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")},apis(){return this.applications.filter(t=>this.applicationIds&&this.applicationIds.length?this.applicationIds.includes(t.id):!0).map(t=>t.service?.apis).flat()},totalUsedString(){return`${(this.totalUsed||0).toFixed(2)}`},barChartData(){return{labels:this.barChartLabels,datasets:this.barChartSeries.map(t=>({label:t.label,data:t.data,backgroundColor:t.color}))}},barChartOptions(){return{responsive:!0,plugins:{legend:{position:"top",onClick:(t,e,y)=>{const c=y?.chart;if(!c||e?.datasetIndex===void 0)return;const $=e.datasetIndex,b=c.data?.datasets||[];b.some((p,d)=>d!==$&&c.isDatasetVisible(d))?b.forEach((p,d)=>c.setDatasetVisibility(d,d===$)):b.forEach((p,d)=>c.setDatasetVisibility(d,!0)),c.update()}},title:{display:!0,text:this.$t("usage.title.usageTrend")}},scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0}}}}},watch:{page:{handler(){this.onFetchUsages()}},type:{handler(){this.applicationIds=[],this.apiIds=[],this.onApplicationsChange(this.applicationIds),this.onFetchApplications(),this.onFetchUsages(),this.onFetchAggregate()}}},mounted(){this.onFetchApplications(),this.onFetchUsages(),this.onFetchAggregate()},methods:{async onFetchUsages(){this.type===v.API?this.onFetchApiUsages():this.type===v.Proxy&&this.onFetchProxyUsages()},async onApiChange(t){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:t}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onApisChange(t){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:t&&t.length?t.join(","):""}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onTimeRangeChanged(){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,created_at_from:this.createdAtRange?this.$dayjs.format(this.createdAtRange[0].toString(),"YYYY-MM-DDTHH:mm:ss.SSSSSSZ"):"",created_at_to:this.createdAtRange?this.$dayjs.format(this.createdAtRange[1].toString(),"YYYY-MM-DDTHH:mm:ss.SSSSSSZ"):""}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationChange(t){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:t}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationsChange(t){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:t&&t.length?t.join(","):""}}),this.onFetchUsages(),this.onFetchAggregate()},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:t}})},getRemainingAmount(t){if(t.remaining_amount===void 0||t.remaining_amount===null)return"";const e=this.$t(`service.unit.${t?.service?.unit||"credit"}s`);return`${t.remaining_amount?.toFixed(6)} ${e}`},getUsedAmount(t){if(t.used_amount===void 0||t.used_amount===null)return"";const e=this.$t(`service.unit.${t?.service?.unit||"credit"}s`);return`${t.used_amount?.toFixed(6)} ${e}`},getDeductedAmount(t){if(t?.deducted_amount===void 0||t?.deducted_amount===null)return"";const e=this.$t(`service.unit.${t?.service?.unit||"credit"}s`);return`${t.deducted_amount?.toFixed(6)} ${e}`},getOriginalAmount(t){if(t?.original_amount===void 0||t?.original_amount===null)return"";const e=this.$t(`service.unit.${t?.service?.unit||"credit"}s`);return`${t.original_amount?.toFixed(6)} ${e}`},onFetchApplications(){j.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:"-created_at",type:N.USAGE}).then(({data:t})=>{this.applications=t.items.filter(e=>e?.service?.type?e.service.type===this.type:!0)}).catch(()=>{})},onFetchApiUsages(){this.loading=!0,L.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:"-created_at",...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{}}).then(({data:t})=>{this.apiUsages=t.items,this.loading=!1,this.total=t.count}).catch(()=>{this.loading=!1})},onFetchProxyUsages(){this.loading=!0,wt.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:"-created_at",...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{}}).then(({data:t})=>{this.proxyUsages=t.items,this.loading=!1,this.total=t.count}).catch(()=>{this.loading=!1})},async onFetchAggregate(){if(this.aggLoading=!0,this.type!==this.serviceType.API){this.aggLoading=!1;return}const t={user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}};try{const{data:e}=await L.getAggregate(t);this.totalUsed=e.total||0;const y=Array.from(new Set((e.items||[]).map(h=>h.date))).sort(),c=Array.from(new Set((e.items||[]).map(h=>h.api_id))),$=h=>`hsl(${h*57%360}, 70%, 60%)`,b=c.map((h,p)=>{const d=e.apis?.[h]?.title||h,w={};(e.items||[]).filter(m=>m.api_id===h).forEach(m=>{w[m.date]=m.amount||0});const I=y.map(m=>w[m]||0);return{key:h,label:d,data:I,color:$(p)}});this.barChartLabels=y,this.barChartSeries=b}finally{this.aggLoading=!1}}}}),vt={class:"title"},Ct={class:"inline-block w-9"},Dt={class:"inline-block"},St={key:1,class:"summary-card"},It={class:"icon-wrapper"},kt={class:"text-left"},Ut={class:"description"},Ft={class:"value"},Et={class:"chart-wrapper"},Rt={key:0},Tt={key:1},qt={class:"flex flex-wrap gap-2"},Vt={class:"key"},Pt={key:0,class:"cursor-pointer"},Lt={class:"created-at"},Ot={class:"created-at"},xt={class:"float-right"};function Bt(t,e,y,c,$,b){const h=r("help-entry"),p=r("el-col"),d=r("el-row"),w=r("el-radio-button"),I=r("el-radio-group"),m=r("el-option"),T=r("el-select"),O=r("el-date-picker"),q=r("el-skeleton"),x=r("font-awesome-icon"),k=r("el-card"),B=r("bar-chart"),g=r("el-table-column"),U=r("el-tag"),H=r("copy-to-clipboard"),V=r("el-table"),M=r("pagination"),P=yt("loading");return l(),u(d,{class:"panel"},{default:s(()=>[i(h,{class:"help"}),i(p,{span:24},{default:s(()=>[i(d,null,{default:s(()=>[i(p,{span:24},{default:s(()=>[o("h2",vt,n(t.$t("common.title.allUsages")),1)]),_:1})]),_:1}),i(d,null,{default:s(()=>[i(p,{md:4,xs:24,class:"mb-4 flex px-2 gap-2 items-center"},{default:s(()=>[o("span",null,n(t.$t("application.field.type")),1),i(I,{modelValue:t.type,"onUpdate:modelValue":e[0]||(e[0]=a=>t.type=a)},{default:s(()=>[i(w,{value:t.serviceType.API,label:t.$t("application.field.api")},null,8,["value","label"]),i(w,{value:t.serviceType.Proxy,label:t.$t("application.field.proxy")},null,8,["value","label"])]),_:1},8,["modelValue"])]),_:1}),E(i(p,{md:6,xs:24,class:"mb-4 flex px-2 gap-2 items-center"},{default:s(()=>[o("span",Ct,n(t.$t("usage.field.application")),1),i(T,{modelValue:t.applicationIds,"onUpdate:modelValue":e[1]||(e[1]=a=>t.applicationIds=a),placeholder:t.$t("usage.field.application"),clearable:"",multiple:"","collapse-tags":"","collapse-tags-tooltip":"",class:"w-full",onChange:t.onApplicationsChange},{default:s(()=>[(l(!0),f(D,null,C(t.applications,a=>(l(),u(m,{key:a.id,label:a.service?.title,value:a?.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"])]),_:1},512),[[_t,!1]]),t.type===t.serviceType.API?(l(),u(p,{key:0,md:6,xs:24,class:"mb-4 flex px-2 gap-2 items-center"},{default:s(()=>[o("span",Dt,n(t.$t("usage.field.api")),1),i(T,{modelValue:t.apiIds,"onUpdate:modelValue":e[2]||(e[2]=a=>t.apiIds=a),placeholder:t.$t("usage.field.api"),clearable:"",multiple:"","collapse-tags":"","collapse-tags-tooltip":"",class:"w-full",onChange:t.onApisChange},{default:s(()=>[(l(!0),f(D,null,C(t.apis,a=>(l(),u(m,{key:a?.id,label:a?.title,value:a?.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"])]),_:1})):_("",!0),t.type===t.serviceType.API?(l(),u(p,{key:1,md:8,xs:24,class:"mb-4 flex px-2 gap-2 items-center"},{default:s(()=>[i(O,{modelValue:t.createdAtRange,"onUpdate:modelValue":e[3]||(e[3]=a=>t.createdAtRange=a),type:"datetimerange",class:"w-full",shortcuts:t.shortcuts,"range-separator":t.$t("usage.placeholder.to"),"start-placeholder":t.$t("usage.placeholder.startDate"),"end-placeholder":t.$t("usage.placeholder.endDate"),onChange:t.onTimeRangeChanged},null,8,["modelValue","shortcuts","range-separator","start-placeholder","end-placeholder","onChange"])]),_:1})):_("",!0)]),_:1}),i(d,null,{default:s(()=>[i(p,{span:24},{default:s(()=>[t.type===t.serviceType.API?(l(),u(d,{key:0,gutter:15,class:"mb-4"},{default:s(()=>[i(p,{md:6,xs:24},{default:s(()=>[i(k,{shadow:"hover",class:"h-full"},{default:s(()=>[t.aggLoading?(l(),u(q,{key:0})):(l(),f("div",St,[o("div",It,[i(x,{icon:"fa-solid fa-cubes",class:"icon"})]),o("div",kt,[o("p",Ut,n(t.$t("usage.title.totalUsed")),1),o("p",Ft,n(t.totalUsedString),1)])]))]),_:1})]),_:1}),i(p,{md:18,xs:24},{default:s(()=>[i(k,{shadow:"hover",class:"h-full"},{default:s(()=>[o("div",Et,[t.aggLoading?(l(),u(q,{key:0,class:"w-full"})):(l(),u(B,{key:1,data:t.barChartData,options:t.barChartOptions,class:"chart"},null,8,["data","options"]))])]),_:1})]),_:1})]),_:1})):_("",!0),i(k,{shadow:"hover"},{default:s(()=>[t.type===t.serviceType.API?E((l(),u(V,{key:0,data:t.apiUsages,stripe:"","table-layout":"fixed","empty-text":t.$t("common.message.noData"),class:"min-h-[calc(100vh-350px)] mb-[50px]"},{default:s(()=>[i(g,{label:t.$t("application.field.name"),width:"160px"},{default:s(a=>[o("span",null,n(a.row?.api?.title),1)]),_:1},8,["label"]),i(g,{label:t.$t("usage.field.statusCode"),width:"120px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:s(a=>[o("span",null,n(a.row.status_code),1)]),_:1},8,["label"]),i(g,{prop:"deducted_amount",label:t.$t("usage.field.deductedAmount"),width:"150px","class-name":"text-center"},{default:s(a=>[t.getDeductedAmount(a.row)===t.getOriginalAmount(a.row)?(l(),f("div",Rt,[o("span",null,n(t.getDeductedAmount(a.row)),1)])):(l(),f("div",Tt,[e[4]||(e[4]=o("p",null,null,-1)),o("p",null,[o("span",null,n(t.getDeductedAmount(a.row)),1)]),o("p",null,[o("del",null,n(t.getOriginalAmount(a.row)),1)])]))]),_:1},8,["label"]),i(g,{prop:"metadata",label:t.$t("usage.field.metadata"),width:"260px","class-name":"text-center"},{default:s(a=>[o("div",qt,[a.row.original_amount>a.row.deducted_amount&&a.row.original_amount>0?(l(),u(U,{key:0,type:"success",style:{textWrap:"wrap",height:"fit-content",lineHeight:"20px",borderRadius:"10px"}},{default:s(()=>[R(n(((a.row.original_amount-a.row.deducted_amount)*100/a.row.original_amount).toFixed(0)+"% OFF"),1)]),_:2},1024)):_("",!0),(l(!0),f(D,null,C(a.row.metadata,(F,A)=>(l(),u(U,{key:A,style:{textWrap:"wrap",height:"fit-content",lineHeight:"20px",borderRadius:"10px"}},{default:s(()=>[R(n(A)+": "+n(F),1)]),_:2},1024))),128))])]),_:1},8,["label"]),i(g,{prop:"trace_id",label:t.$t("application.field.traceId"),width:"200px","class-name":"hidden sm:table-cell text-center","label-class-name":"hidden sm:table-cell"},{default:s(a=>[o("span",Vt,n(a.row.trace_id),1),a.row.trace_id?(l(),f("span",Pt,[i(H,{content:a.row.trace_id,class:"inline-block"},null,8,["content"])])):_("",!0)]),_:1},8,["label"]),i(g,{label:t.$t("usage.field.createdAt"),width:"200px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:s(a=>[o("span",Lt,n(t.$dayjs.format(a.row.created_at)),1)]),_:1},8,["label"])]),_:1},8,["data","empty-text"])),[[P,t.loading]]):_("",!0),t.type===t.serviceType.Proxy?E((l(),u(V,{key:1,data:t.proxyUsages,stripe:"","table-layout":"fixed","empty-text":t.$t("common.message.noData"),class:"min-h-[calc(100vh-350px)] mb-[50px]"},{default:s(()=>[i(g,{label:t.$t("application.field.name"),width:"160px"},{default:s(a=>[o("span",null,n(a.row?.service?.title),1)]),_:1},8,["label"]),i(g,{prop:"remaining_amount",label:t.$t("usage.field.remainingAmount"),width:"160px","class-name":"text-center"},{default:s(a=>[o("span",null,n(t.getRemainingAmount(a.row)),1),o("span",null,n(t.getOriginalAmount(a.row)),1)]),_:1},8,["label"]),i(g,{prop:"deducted_amount",label:t.$t("usage.field.deductedAmount"),width:"150px","class-name":"text-center"},{default:s(a=>[o("span",null,n(t.getDeductedAmount(a.row)),1)]),_:1},8,["label"]),i(g,{prop:"metadata",label:t.$t("usage.field.metadata"),width:"200px","class-name":"text-center"},{default:s(a=>[(l(!0),f(D,null,C(a.row.metadata,(F,A)=>(l(),u(U,{key:A,class:"mb-2"},{default:s(()=>[R(n(A)+": "+n(F),1)]),_:2},1024))),128))]),_:1},8,["label"]),i(g,{label:t.$t("usage.field.createdAt"),width:"200px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:s(a=>[o("span",Ot,n(t.$dayjs.format(a.row.created_at)),1)]),_:1},8,["label"])]),_:1},8,["data","empty-text"])),[[P,t.loading]]):_("",!0)]),_:1})]),_:1})]),_:1}),i(d,null,{default:s(()=>[i(p,{span:10,offset:14},{default:s(()=>[o("div",xt,[i(M,{"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 De=G(At,[["render",Bt],["__scopeId","data-v-f555407f"]]);export{De as default};

package/dist/assets/{List-FFDSJs5S.js → List-D5WSfw2M.js}

@@ -1 +1 @@
-import{a5 as h,a0 as F,o as A,a6 as T,a7 as G,a8 as P,J as B}from"./index-WBL6x5Gi.js";import{I as N,a as V}from"./credential-CEfFFZzi.js";import{P as x}from"./Pagination-CZlZDsrX.js";import{C as O}from"./CopyToClipboard-CKHFkgBw.js";import{F as z}from"./index.es-BaHTt3G-.js";import{E as q}from"./index-LpPx7tlM.js";import{E as M,a as R}from"./index-CVlno4uK.js";import{E as j}from"./index-BhofQBWX.js";import{a as J}from"./index-Coa92KXg.js";import{E as H,a as W}from"./index-B6A8_H7_.js";import{E as X}from"./index-CN-JhzOb.js";import{E as $}from"./index-fp1-p3SV.js";import{d as K,x as r,y as t,E as a,D as i,H as l,C,N as m,I as u,F as Q,J as p,W as Y,q as s}from"./vendor-vue-BWIxYyW8.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-DB35xx6z.js";import"./index-CzB7ybhb.js";import"./index-DcMRk0Rg.js";import"./typescript-CfjCt7CQ.js";import"./index-CBEnxQkS.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-CKwwyCWc.js";import"./_Uint8Array-DRyihEmy.js";import"./castArray-DVvLZv87.js";import"./use-form-item-DbJVX31S.js";import"./index-BTXaUi_1.js";import"./index-CMG6UkYH.js";import"./debounce-DRncZe1x.js";import"./_baseIteratee-B5pmoFB-.js";import"./index-m_mJCAFp.js";import"./index-BLjywj98.js";import"./_initCloneObject-DpFdEiSB.js";import"./isPlainObject-fmdcO51f.js";import"./index-B9UhWuoj.js";import"./validator-DZhCQv1Y.js";import"./index-BuyEbX8F.js";const Z=K({name:"ConsoleApplicationList",components:{Pagination:x,CopyToClipboard:O,ElTable:R,ElRow:W,ElButton:X,ElCol:H,ElTag:F,ElSkeleton:J,ElSwitch:j,ElTableColumn:M,ElCard:q,FontAwesomeIcon:z},data(){return{credentialType:V,serviceType:N,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,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")},showPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,n){!e||!e.id||A.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!n}).then(()=>{$.success(this.$t("application.message.updateSuccessfully").toString())}).catch(()=>{$.error(this.$t("application.message.updateFailed").toString())})},onGoUsage(e){this.$router.push({name:P,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:G,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=h.INDIVIDUAL){return new Promise((n,k)=>{A.getAll({limit:this.limit,...e===h.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:"-created_at",type:T.USAGE,scope:e}).then(({data:d})=>{e===h.INDIVIDUAL?(this.individualApplications=d.items,this.individualApplicationsTotal=d.count):(this.globalApplications=d.items,this.globalApplicationsTotal=d.count),n(d)}).catch(d=>{$.error(this.$t("application.message.fetchFailed").toString()),k(d)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(h.INDIVIDUAL),this.onFetchApplications(h.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){A.create({type:T.USAGE,scope:h.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(h.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.remaining_amount?.toFixed(6)} ${n}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.used_amount?.toFixed(6)} ${n}`}}}),ee={class:"title"},te={key:1,class:"summary-card"},ae={class:"icon-wrapper"},oe={class:"label"},le={class:"value"},ie={class:"description"},se={key:1,class:"flex flex-row justify-between align-center"},ne={class:"summary-card"},re={class:"flex justify-start items-center gap-2 mb-2 w-full"},pe={class:"icon-wrapper !mb-0"},de={class:"text-[var(--el-text-color-regular)] text-[14px] truncate"},ce={class:"label"},me={class:"value"},ue={class:"description"},he={class:"flex flex-col items-end gap-2"},fe={class:"copy"},ge={key:0,class:"expired-at"},_e={class:"flex flex-wrap items-center justify-end gap-1"},be={class:"pagination"};function ye(e,n,k,d,ve,we){const f=p("el-col"),_=p("el-row"),I=p("el-skeleton"),g=p("font-awesome-icon"),v=p("el-card"),E=p("copy-to-clipboard"),y=p("el-button"),c=p("el-table-column"),w=p("el-tag"),D=p("el-switch"),S=p("el-table"),U=p("pagination"),L=Y("loading");return s(),r(_,{class:"application-list"},{default:t(()=>[a(f,{span:24},{default:t(()=>[a(_,null,{default:t(()=>[a(f,{span:24},{default:t(()=>[i("h2",ee,l(e.$t("common.title.allApplications")),1)]),_:1})]),_:1}),a(_,{gutter:15,class:"mb-3"},{default:t(()=>[a(f,{md:12,xs:24},{default:t(()=>[a(v,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:t(()=>[e.loading?(s(),r(I,{key:0})):(s(),C("div",te,[i("div",ae,[a(g,{icon:"fa-solid fa-cubes-stacked"})]),i("p",oe,l(e.$t("application.title.count")),1),i("p",le,l(e.individualApplicationsTotal),1),i("p",ie,l(e.$t("application.message.countDescription")),1)]))]),_:1})]),_:1}),e.showPayment&&e.globalApplications?.length>0?(s(),r(f,{key:0,md:12,xs:24},{default:t(()=>[a(v,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:t(()=>[e.loading?(s(),r(I,{key:0})):(s(),C("div",se,[i("div",ne,[i("div",re,[i("div",pe,[a(g,{icon:"fa-solid fa-wallet"})]),i("span",de,[m(l(e.$t("application.field.id"))+": "+l(e.globalApplications?.[0]?.id)+" ",1),e.globalApplications?.[0]?.id?(s(),r(E,{key:0,content:e.globalApplications?.[0]?.id,class:"inline-block"},null,8,["content"])):u("",!0)])]),i("p",ce,l(e.$t("application.title.globalBalance")),1),i("p",me,l(e.globalApplications?.[0]?.remaining_amount?.toFixed(6)||"0.000000")+" "+l(e.$t("service.unit.credits")),1),i("p",ue,l(e.$t("application.message.globalBalanceDescription")),1)]),i("div",he,[a(y,{class:"!m-0 !px-2",size:"small",round:"",onClick:n[0]||(n[0]=o=>e.onGoUsage(e.globalApplications?.[0]))},{default:t(()=>[a(g,{icon:"fa-solid fa-chart-line",class:"mr-1 text-[12px]"}),m(" "+l(e.$t("application.button.usage")),1)]),_:1}),e.showPayment?(s(),r(y,{key:0,class:"!m-0 !px-2",type:"primary",round:"",size:"small",onClick:n[1]||(n[1]=o=>e.onBuyMore(e.globalApplications?.[0]))},{default:t(()=>[a(g,{icon:"fa-solid fa-coins",class:"mr-1 text-[12px]"}),m(" "+l(e.$t("application.button.buyMore")),1)]),_:1})):u("",!0)])]))]),_:1})]),_:1})):u("",!0)]),_:1}),a(_,null,{default:t(()=>[a(f,{span:24},{default:t(()=>[a(v,{shadow:"hover",class:"applications-table-card"},{default:t(()=>[Q((s(),r(S,{data:e.individualApplications,stripe:"",class:"applications-table !min-h-[calc(100vh-420px)]","table-layout":"fixed","empty-text":e.$t("common.message.noData")},{default:t(()=>[a(c,{prop:"id",label:e.$t("application.field.id"),width:"200px","class-name":"text-center"},{default:t(o=>[i("span",null,l(o.row.id),1),i("span",fe,[a(E,{content:o?.row?.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),a(c,{label:e.$t("application.field.type"),width:"90px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:t(o=>[o.row?.type==="Period"?(s(),r(w,{key:0,type:"success",effect:"dark",round:""},{default:t(()=>[m(l(e.$t("application.type.period")),1)]),_:1})):o.row?.type==="Usage"?(s(),r(w,{key:1,effect:"dark",round:""},{default:t(()=>[m(l(e.$t("application.type.usage")),1)]),_:1})):u("",!0)]),_:1},8,["label"]),a(c,{label:e.$t("application.field.name"),width:"180px"},{default:t(o=>[i("span",null,l(o.row?.service?.title),1),o.row?.role==="grantee"?(s(),r(w,{key:0,type:"info",size:"small",round:"",class:"ml-2"},{default:t(()=>[m(l(e.$t("application.badge.shared")),1)]),_:1})):u("",!0)]),_:1},8,["label"]),a(c,{prop:"remaining_amount",label:e.$t("application.field.remainingAmount"),width:"150px","class-name":"text-center"},{default:t(o=>[i("span",null,l(e.getRemainingAmount(o.row)),1)]),_:1},8,["label"]),a(c,{prop:"used_amount",label:e.$t("application.field.usedAmount"),width:"150px","class-name":"hidden sm:table-cell text-center","label-class-name":"hidden sm:table-cell"},{default:t(o=>[i("span",null,l(e.getUsedAmount(o.row)),1)]),_:1},8,["label"]),a(c,{prop:"allow_consume_global",label:e.$t("application.field.allowConsumeGlobal"),width:"120px","class-name":"hidden sm:table-cell text-center","label-class-name":"hidden sm:table-cell"},{default:t(o=>[o.row.service?.type===e.serviceType.API?(s(),r(D,{key:0,modelValue:o.row.allow_consume_global,"onUpdate:modelValue":b=>o.row.allow_consume_global=b,"active-value":!0,"inactive-value":!1,onChange:b=>e.updateAllowConsumeGlobal(o.row,b)},null,8,["modelValue","onUpdate:modelValue","onChange"])):u("",!0)]),_:1},8,["label"]),a(c,{label:e.$t("application.field.expiredAt"),width:"180px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:t(o=>[o.row.expired_at?(s(),C("span",ge,l(e.$dayjs.format(o.row.expired_at)),1)):u("",!0)]),_:1},8,["label"]),a(c,{fixed:"right",width:"200px"},{default:t(o=>[i("div",_e,[a(y,{class:"!m-0 !px-2",size:"small",round:"",onClick:b=>e.onGoUsage(o?.row)},{default:t(()=>[a(g,{icon:"fa-solid fa-chart-line",class:"mr-1 text-[12px]"}),m(" "+l(e.$t("application.button.usage")),1)]),_:1},8,["onClick"]),e.showPayment?(s(),r(y,{key:0,class:"!m-0 !px-2",type:"primary",round:"",size:"small",onClick:b=>e.onBuyMore(o?.row)},{default:t(()=>[a(g,{icon:"fa-solid fa-coins",class:"mr-1 text-[12px]"}),m(" "+l(e.$t("application.button.buyMore")),1)]),_:1},8,["onClick"])):u("",!0)])]),_:1})]),_:1},8,["data","empty-text"])),[[L,e.loading]])]),_:1})]),_:1})]),_:1}),a(_,null,{default:t(()=>[a(f,{span:24},{default:t(()=>[i("div",be,[a(U,{"current-page":e.page,"page-size":e.limit,total:e.individualApplicationsTotal,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const it=B(Z,[["render",ye],["__scopeId","data-v-7182b838"]]);export{it as default};
+import{a5 as h,a0 as F,o as A,a6 as T,a7 as G,a8 as P,J as B}from"./index-DrvYmhcP.js";import{I as N,a as V}from"./credential-CEfFFZzi.js";import{P as x}from"./Pagination-C_lShewI.js";import{C as O}from"./CopyToClipboard-ffsw6Et3.js";import{F as z}from"./index.es-CJfukhtE.js";import{E as q}from"./index-8OUK_qo_.js";import{E as M,a as R}from"./index-Cfmbp0EV.js";import{E as j}from"./index-Bf6ZJ_-M.js";import{a as J}from"./index-CFfoccqE.js";import{E as H,a as W}from"./index-DmpJeEzY.js";import{E as X}from"./index-C71cSz36.js";import{E as $}from"./index-BJuXTSkv.js";import{d as K,x as r,y as t,E as a,D as i,H as l,C,N as m,I as u,F as Q,J as p,W as Y,q as s}from"./vendor-vue-BWIxYyW8.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-D7KBMZcH.js";import"./index-BoKfbtX5.js";import"./index-B8svBnpb.js";import"./typescript-lkSt6sMt.js";import"./index-0JQvyqxg.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-Box1EVJE.js";import"./_Uint8Array-CVqSvQNa.js";import"./castArray-DEdhtRiU.js";import"./use-form-item-xBSOcnBK.js";import"./index-lfOMNaVh.js";import"./index-DZuGeaea.js";import"./debounce-BTG3LRQl.js";import"./_baseIteratee-CCsMHsVd.js";import"./index-BoXQVYKo.js";import"./index-BLjywj98.js";import"./_initCloneObject-C7zi7Gf-.js";import"./isPlainObject-DoaviOGK.js";import"./index-DiwSA7hK.js";import"./validator-Cct-VH_X.js";import"./index-BuyEbX8F.js";const Z=K({name:"ConsoleApplicationList",components:{Pagination:x,CopyToClipboard:O,ElTable:R,ElRow:W,ElButton:X,ElCol:H,ElTag:F,ElSkeleton:J,ElSwitch:j,ElTableColumn:M,ElCard:q,FontAwesomeIcon:z},data(){return{credentialType:V,serviceType:N,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,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")},showPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,n){!e||!e.id||A.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!n}).then(()=>{$.success(this.$t("application.message.updateSuccessfully").toString())}).catch(()=>{$.error(this.$t("application.message.updateFailed").toString())})},onGoUsage(e){this.$router.push({name:P,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:G,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=h.INDIVIDUAL){return new Promise((n,k)=>{A.getAll({limit:this.limit,...e===h.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:"-created_at",type:T.USAGE,scope:e}).then(({data:d})=>{e===h.INDIVIDUAL?(this.individualApplications=d.items,this.individualApplicationsTotal=d.count):(this.globalApplications=d.items,this.globalApplicationsTotal=d.count),n(d)}).catch(d=>{$.error(this.$t("application.message.fetchFailed").toString()),k(d)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(h.INDIVIDUAL),this.onFetchApplications(h.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){A.create({type:T.USAGE,scope:h.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(h.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.remaining_amount?.toFixed(6)} ${n}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.used_amount?.toFixed(6)} ${n}`}}}),ee={class:"title"},te={key:1,class:"summary-card"},ae={class:"icon-wrapper"},oe={class:"label"},le={class:"value"},ie={class:"description"},se={key:1,class:"flex flex-row justify-between align-center"},ne={class:"summary-card"},re={class:"flex justify-start items-center gap-2 mb-2 w-full"},pe={class:"icon-wrapper !mb-0"},de={class:"text-[var(--el-text-color-regular)] text-[14px] truncate"},ce={class:"label"},me={class:"value"},ue={class:"description"},he={class:"flex flex-col items-end gap-2"},fe={class:"copy"},ge={key:0,class:"expired-at"},_e={class:"flex flex-wrap items-center justify-end gap-1"},be={class:"pagination"};function ye(e,n,k,d,ve,we){const f=p("el-col"),_=p("el-row"),I=p("el-skeleton"),g=p("font-awesome-icon"),v=p("el-card"),E=p("copy-to-clipboard"),y=p("el-button"),c=p("el-table-column"),w=p("el-tag"),D=p("el-switch"),S=p("el-table"),U=p("pagination"),L=Y("loading");return s(),r(_,{class:"application-list"},{default:t(()=>[a(f,{span:24},{default:t(()=>[a(_,null,{default:t(()=>[a(f,{span:24},{default:t(()=>[i("h2",ee,l(e.$t("common.title.allApplications")),1)]),_:1})]),_:1}),a(_,{gutter:15,class:"mb-3"},{default:t(()=>[a(f,{md:12,xs:24},{default:t(()=>[a(v,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:t(()=>[e.loading?(s(),r(I,{key:0})):(s(),C("div",te,[i("div",ae,[a(g,{icon:"fa-solid fa-cubes-stacked"})]),i("p",oe,l(e.$t("application.title.count")),1),i("p",le,l(e.individualApplicationsTotal),1),i("p",ie,l(e.$t("application.message.countDescription")),1)]))]),_:1})]),_:1}),e.showPayment&&e.globalApplications?.length>0?(s(),r(f,{key:0,md:12,xs:24},{default:t(()=>[a(v,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:t(()=>[e.loading?(s(),r(I,{key:0})):(s(),C("div",se,[i("div",ne,[i("div",re,[i("div",pe,[a(g,{icon:"fa-solid fa-wallet"})]),i("span",de,[m(l(e.$t("application.field.id"))+": "+l(e.globalApplications?.[0]?.id)+" ",1),e.globalApplications?.[0]?.id?(s(),r(E,{key:0,content:e.globalApplications?.[0]?.id,class:"inline-block"},null,8,["content"])):u("",!0)])]),i("p",ce,l(e.$t("application.title.globalBalance")),1),i("p",me,l(e.globalApplications?.[0]?.remaining_amount?.toFixed(6)||"0.000000")+" "+l(e.$t("service.unit.credits")),1),i("p",ue,l(e.$t("application.message.globalBalanceDescription")),1)]),i("div",he,[a(y,{class:"!m-0 !px-2",size:"small",round:"",onClick:n[0]||(n[0]=o=>e.onGoUsage(e.globalApplications?.[0]))},{default:t(()=>[a(g,{icon:"fa-solid fa-chart-line",class:"mr-1 text-[12px]"}),m(" "+l(e.$t("application.button.usage")),1)]),_:1}),e.showPayment?(s(),r(y,{key:0,class:"!m-0 !px-2",type:"primary",round:"",size:"small",onClick:n[1]||(n[1]=o=>e.onBuyMore(e.globalApplications?.[0]))},{default:t(()=>[a(g,{icon:"fa-solid fa-coins",class:"mr-1 text-[12px]"}),m(" "+l(e.$t("application.button.buyMore")),1)]),_:1})):u("",!0)])]))]),_:1})]),_:1})):u("",!0)]),_:1}),a(_,null,{default:t(()=>[a(f,{span:24},{default:t(()=>[a(v,{shadow:"hover",class:"applications-table-card"},{default:t(()=>[Q((s(),r(S,{data:e.individualApplications,stripe:"",class:"applications-table !min-h-[calc(100vh-420px)]","table-layout":"fixed","empty-text":e.$t("common.message.noData")},{default:t(()=>[a(c,{prop:"id",label:e.$t("application.field.id"),width:"200px","class-name":"text-center"},{default:t(o=>[i("span",null,l(o.row.id),1),i("span",fe,[a(E,{content:o?.row?.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),a(c,{label:e.$t("application.field.type"),width:"90px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:t(o=>[o.row?.type==="Period"?(s(),r(w,{key:0,type:"success",effect:"dark",round:""},{default:t(()=>[m(l(e.$t("application.type.period")),1)]),_:1})):o.row?.type==="Usage"?(s(),r(w,{key:1,effect:"dark",round:""},{default:t(()=>[m(l(e.$t("application.type.usage")),1)]),_:1})):u("",!0)]),_:1},8,["label"]),a(c,{label:e.$t("application.field.name"),width:"180px"},{default:t(o=>[i("span",null,l(o.row?.service?.title),1),o.row?.role==="grantee"?(s(),r(w,{key:0,type:"info",size:"small",round:"",class:"ml-2"},{default:t(()=>[m(l(e.$t("application.badge.shared")),1)]),_:1})):u("",!0)]),_:1},8,["label"]),a(c,{prop:"remaining_amount",label:e.$t("application.field.remainingAmount"),width:"150px","class-name":"text-center"},{default:t(o=>[i("span",null,l(e.getRemainingAmount(o.row)),1)]),_:1},8,["label"]),a(c,{prop:"used_amount",label:e.$t("application.field.usedAmount"),width:"150px","class-name":"hidden sm:table-cell text-center","label-class-name":"hidden sm:table-cell"},{default:t(o=>[i("span",null,l(e.getUsedAmount(o.row)),1)]),_:1},8,["label"]),a(c,{prop:"allow_consume_global",label:e.$t("application.field.allowConsumeGlobal"),width:"120px","class-name":"hidden sm:table-cell text-center","label-class-name":"hidden sm:table-cell"},{default:t(o=>[o.row.service?.type===e.serviceType.API?(s(),r(D,{key:0,modelValue:o.row.allow_consume_global,"onUpdate:modelValue":b=>o.row.allow_consume_global=b,"active-value":!0,"inactive-value":!1,onChange:b=>e.updateAllowConsumeGlobal(o.row,b)},null,8,["modelValue","onUpdate:modelValue","onChange"])):u("",!0)]),_:1},8,["label"]),a(c,{label:e.$t("application.field.expiredAt"),width:"180px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:t(o=>[o.row.expired_at?(s(),C("span",ge,l(e.$dayjs.format(o.row.expired_at)),1)):u("",!0)]),_:1},8,["label"]),a(c,{fixed:"right",width:"200px"},{default:t(o=>[i("div",_e,[a(y,{class:"!m-0 !px-2",size:"small",round:"",onClick:b=>e.onGoUsage(o?.row)},{default:t(()=>[a(g,{icon:"fa-solid fa-chart-line",class:"mr-1 text-[12px]"}),m(" "+l(e.$t("application.button.usage")),1)]),_:1},8,["onClick"]),e.showPayment?(s(),r(y,{key:0,class:"!m-0 !px-2",type:"primary",round:"",size:"small",onClick:b=>e.onBuyMore(o?.row)},{default:t(()=>[a(g,{icon:"fa-solid fa-coins",class:"mr-1 text-[12px]"}),m(" "+l(e.$t("application.button.buyMore")),1)]),_:1},8,["onClick"])):u("",!0)])]),_:1})]),_:1},8,["data","empty-text"])),[[L,e.loading]])]),_:1})]),_:1})]),_:1}),a(_,null,{default:t(()=>[a(f,{span:24},{default:t(()=>[i("div",be,[a(U,{"current-page":e.page,"page-size":e.limit,total:e.individualApplicationsTotal,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const it=B(Z,[["render",ye],["__scopeId","data-v-7182b838"]]);export{it as default};

package/dist/assets/{List-Dll7EHxe.js → List-Dr5Noynt.js}

@@ -1 +1 @@
-import{o as v}from"./order-pTz2UQxx.js";import{P as O}from"./Pagination-CZlZDsrX.js";import{C as N}from"./CopyToClipboard-CKHFkgBw.js";import{O as r}from"./order-CB3uOPHS.js";import{a0 as T,J as U}from"./index-WBL6x5Gi.js";import{g as W}from"./price-BoV1kUAW.js";import{F as V}from"./index.es-BaHTt3G-.js";import{a as q}from"./index-Coa92KXg.js";import{E as H}from"./index-3y7yJX0D.js";import{E as M,a as z}from"./index-DB35xx6z.js";import{E as B}from"./index-LpPx7tlM.js";import{E as X}from"./index-CN-JhzOb.js";import{E as j,a as Q}from"./index-CVlno4uK.js";import{E as G,a as J}from"./index-B6A8_H7_.js";import{d as Y,x as c,y as a,E as t,D as l,H as i,C as u,L as E,M as S,N as b,F as K,J as d,W as Z,q as n}from"./vendor-vue-BWIxYyW8.js";import"./typescript-CfjCt7CQ.js";import"./isEqual-CKwwyCWc.js";import"./_Uint8Array-DRyihEmy.js";import"./index-DcMRk0Rg.js";import"./index-BTXaUi_1.js";import"./index-CMG6UkYH.js";import"./use-form-item-DbJVX31S.js";import"./index-BLjywj98.js";import"./index-CzB7ybhb.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CBEnxQkS.js";import"./index-BC6AqXIx.js";import"./debounce-DRncZe1x.js";import"./index-m_mJCAFp.js";import"./strings-CoSJ5yUQ.js";import"./castArray-DVvLZv87.js";import"./_baseIteratee-B5pmoFB-.js";import"./index-BuyEbX8F.js";import"./_initCloneObject-DpFdEiSB.js";import"./isPlainObject-fmdcO51f.js";import"./index-B9UhWuoj.js";const P={total_count:0,total_spent:0,state_counts:{}},x=Y({name:"ConsoleOrderList",components:{Pagination:O,CopyToClipboard:N,ElRow:J,ElCol:G,ElTable:Q,ElTableColumn:j,ElButton:X,ElTag:T,ElCard:B,ElSelect:z,ElOption:M,ElDatePicker:H,ElSkeleton:q,FontAwesomeIcon:V},data(){return{OrderState:r,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||"",filterPayWay:this.$route.query.pay_way?.toString()||"",createdAtRange:(()=>{const e=this.$route.query.created_at_from?.toString(),s=this.$route.query.created_at_to?.toString();if(e&&s)return[new Date(e),new Date(s)]})(),summary:{...P},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t("usage.shortcuts.today"),value:()=>{const e=new Date,s=new Date;return s.setHours(0,0,0,0),[s,e]}},{text:this.$t("usage.shortcuts.last7Days"),value:()=>{const e=new Date,s=new Date;return s.setDate(s.getDate()-7),[s,e]}},{text:this.$t("usage.shortcuts.last1Month"),value:()=>{const e=new Date,s=new Date;return s.setMonth(s.getMonth()-1),[s,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||"1")},stateOptions(){return[{value:r.PENDING,label:this.$t("order.state.pending")},{value:r.FINISHED,label:this.$t("order.state.finished")},{value:r.PAID,label:this.$t("order.state.paid")},{value:r.EXPIRED,label:this.$t("order.state.expired")},{value:r.FAILED,label:this.$t("order.state.failed")},{value:r.REFUNDED,label:this.$t("order.state.refunded")}]},payWayOptions(){return[{value:"WechatPay",label:this.$t("order.title.wechatPay")},{value:"Stripe",label:this.$t("order.title.stripe")},{value:"AliPay",label:this.$t("order.title.aliPay")},{value:"X402",label:this.$t("order.title.x402")},{value:"PayPal",label:this.$t("order.title.paypal")}]},filterQuery(){const e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:W,stateTagType(e){return e===r.FINISHED||e===r.PAID?"success":e===r.EXPIRED||e===r.FAILED?"danger":e===r.REFUNDED?"warning":"info"},stateLabel(e){return{[r.PENDING]:this.$t("order.state.pending"),[r.PAID]:this.$t("order.state.paid"),[r.FINISHED]:this.$t("order.state.finished"),[r.EXPIRED]:this.$t("order.state.expired"),[r.FAILED]:this.$t("order.state.failed"),[r.REFUNDED]:this.$t("order.state.refunded")}[e]||e},isPendingAction(e){return e!==r.PAID&&e!==r.FINISHED&&e!==r.EXPIRED&&e!==r.FAILED&&e!==r.REFUNDED},goToDetail(e){this.$router.push({name:"console-order-detail",params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,v.getAll({ordering:"-created_at",limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,v.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...P}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,v.exportCsv(this.filterQuery).then(({data:e})=>{const s=window.URL.createObjectURL(e),_=document.createElement("a");_.href=s,_.download="orders.csv",_.click(),window.URL.revokeObjectURL(s)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),ee={class:"title"},te={key:1,class:"card-content"},ae={class:"icon-wrapper"},oe={class:"description"},se={class:"value"},re={key:1,class:"card-content"},le={class:"icon-wrapper"},ie={class:"description"},ne={class:"value"},de={key:1,class:"card-content"},ce={class:"icon-wrapper"},pe={class:"description"},me={class:"value"},ue={key:1,class:"card-content"},he={class:"icon-wrapper"},fe={class:"description"},ge={class:"value"},_e={class:"filter-row mb-3"},ye={class:"key"},be={class:"cursor-pointer"},$e={class:"price"},ve={class:"description"},we={class:"text-gray-500"},De={class:"created-at"},Ee={class:"flex items-center justify-center flex-wrap"},Se={class:"float-right"};function Pe(e,s,_,ke,Ce,Fe){const p=d("el-col"),h=d("el-row"),y=d("el-skeleton"),f=d("font-awesome-icon"),g=d("el-card"),w=d("el-option"),D=d("el-select"),k=d("el-date-picker"),$=d("el-button"),C=d("copy-to-clipboard"),m=d("el-table-column"),F=d("el-tag"),A=d("el-table"),I=d("pagination"),R=Z("loading");return n(),c(h,{class:"panel"},{default:a(()=>[t(p,{span:24},{default:a(()=>[t(h,null,{default:a(()=>[t(p,{span:24},{default:a(()=>[l("h2",ee,i(e.$t("common.title.allOrders")),1)]),_:1})]),_:1}),t(h,{gutter:16},{default:a(()=>[t(p,{md:6,sm:12,xs:24},{default:a(()=>[t(g,{shadow:"hover",class:"item-mini mb-3"},{default:a(()=>[e.summaryLoading?(n(),c(y,{key:0})):(n(),u("div",te,[l("div",ae,[t(f,{icon:"fa-solid fa-receipt",class:"icon"})]),l("p",oe,i(e.$t("order.title.totalOrders")),1),l("p",se,i(e.summary.total_count),1)]))]),_:1})]),_:1}),t(p,{md:6,sm:12,xs:24},{default:a(()=>[t(g,{shadow:"hover",class:"item-mini mb-3"},{default:a(()=>[e.summaryLoading?(n(),c(y,{key:0})):(n(),u("div",re,[l("div",le,[t(f,{icon:"fa-solid fa-dollar-sign",class:"icon"})]),l("p",ie,i(e.$t("order.title.totalSpent")),1),l("p",ne,i(e.getPriceString({value:e.summary.total_spent})),1)]))]),_:1})]),_:1}),t(p,{md:6,sm:12,xs:24},{default:a(()=>[t(g,{shadow:"hover",class:"item-mini mb-3"},{default:a(()=>[e.summaryLoading?(n(),c(y,{key:0})):(n(),u("div",de,[l("div",ce,[t(f,{icon:"fa-solid fa-check-circle",class:"icon"})]),l("p",pe,i(e.$t("order.title.finishedOrders")),1),l("p",me,i(e.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),t(p,{md:6,sm:12,xs:24},{default:a(()=>[t(g,{shadow:"hover",class:"item-mini mb-3"},{default:a(()=>[e.summaryLoading?(n(),c(y,{key:0})):(n(),u("div",ue,[l("div",he,[t(f,{icon:"fa-solid fa-clock",class:"icon"})]),l("p",fe,i(e.$t("order.title.pendingOrders")),1),l("p",ge,i(e.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),l("div",_e,[t(D,{modelValue:e.filterState,"onUpdate:modelValue":s[0]||(s[0]=o=>e.filterState=o),clearable:"",placeholder:e.$t("order.field.allStates"),class:"filter-select",onChange:e.onFilterChange},{default:a(()=>[(n(!0),u(S,null,E(e.stateOptions,o=>(n(),c(w,{key:o.value,label:o.label,value:o.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"]),t(D,{modelValue:e.filterPayWay,"onUpdate:modelValue":s[1]||(s[1]=o=>e.filterPayWay=o),clearable:"",placeholder:e.$t("order.field.allPayWays"),class:"filter-select",onChange:e.onFilterChange},{default:a(()=>[(n(!0),u(S,null,E(e.payWayOptions,o=>(n(),c(w,{key:o.value,label:o.label,value:o.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"]),t(k,{modelValue:e.createdAtRange,"onUpdate:modelValue":s[2]||(s[2]=o=>e.createdAtRange=o),type:"datetimerange",shortcuts:e.shortcuts,"range-separator":e.$t("usage.placeholder.to"),"start-placeholder":e.$t("usage.placeholder.startDate"),"end-placeholder":e.$t("usage.placeholder.endDate"),onChange:e.onFilterChange},null,8,["modelValue","shortcuts","range-separator","start-placeholder","end-placeholder","onChange"]),t($,{type:"primary",plain:"",loading:e.exporting,onClick:e.onExport},{default:a(()=>[t(f,{icon:"fa-solid fa-file-export",class:"mr-1"}),b(" "+i(e.$t("order.button.export")),1)]),_:1},8,["loading","onClick"])]),t(h,null,{default:a(()=>[t(p,{span:24},{default:a(()=>[t(g,{shadow:"hover"},{default:a(()=>[K((n(),c(A,{data:e.orders,stripe:"","empty-text":e.$t("common.message.noData"),class:"min-h-[calc(100vh-450px)] mb-[20px]"},{default:a(()=>[t(m,{prop:"id",label:e.$t("order.field.id"),"class-name":"text-center",width:"200px"},{default:a(o=>[l("span",ye,i(o.row.id),1),l("span",be,[t(C,{content:o.row.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),t(m,{label:e.$t("order.field.price"),width:"110px",align:"center"},{default:a(o=>[l("span",$e,i(e.getPriceString({value:o.row?.price})),1)]),_:1},8,["label"]),t(m,{label:e.$t("order.field.description"),"min-width":"220px","class-name":"hidden md:table-cell","label-class-name":"hidden md:table-cell"},{default:a(o=>[l("span",ve,i(o.row.description),1)]),_:1},8,["label"]),t(m,{prop:"state",label:e.$t("order.field.state"),width:"130px",align:"center"},{default:a(o=>[t(F,{type:e.stateTagType(o.row.state),class:"mx-1",effect:"dark",round:"",size:"small"},{default:a(()=>[b(i(e.stateLabel(o.row.state)),1)]),_:2},1032,["type"])]),_:1},8,["label"]),t(m,{label:e.$t("order.field.payWay"),width:"120px",align:"center","class-name":"hidden md:table-cell","label-class-name":"hidden md:table-cell"},{default:a(o=>[l("span",we,i(o.row.pay_way||"-"),1)]),_:1},8,["label"]),t(m,{label:e.$t("order.field.createdAt"),width:"200px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:a(o=>[l("span",De,i(e.$dayjs.format(o.row.created_at)),1)]),_:1},8,["label"]),t(m,{"min-width":"130px",fixed:"right"},{default:a(o=>[l("div",Ee,[e.isPendingAction(o.row.state)?(n(),c($,{key:0,type:"primary",size:"small",onClick:L=>e.goToDetail(o.row.id)},{default:a(()=>[b(i(e.$t("order.button.continuePay")),1)]),_:1},8,["onClick"])):(n(),c($,{key:1,size:"small",onClick:L=>e.goToDetail(o.row.id)},{default:a(()=>[b(i(e.$t("order.button.checkDetail")),1)]),_:1},8,["onClick"]))])]),_:1})]),_:1},8,["data","empty-text"])),[[R,e.loading]])]),_:1})]),_:1})]),_:1}),t(h,null,{default:a(()=>[t(p,{span:10,offset:14},{default:a(()=>[l("div",Se,[t(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 ht=U(x,[["render",Pe],["__scopeId","data-v-350ab467"]]);export{ht as default};
+import{o as v}from"./order-BrBYxI1W.js";import{P as O}from"./Pagination-C_lShewI.js";import{C as N}from"./CopyToClipboard-ffsw6Et3.js";import{O as r}from"./order-CB3uOPHS.js";import{a0 as T,J as U}from"./index-DrvYmhcP.js";import{g as W}from"./price-C6x3zgFx.js";import{F as V}from"./index.es-CJfukhtE.js";import{a as q}from"./index-CFfoccqE.js";import{E as H}from"./index-DPrdPxRp.js";import{E as M,a as z}from"./index-D7KBMZcH.js";import{E as B}from"./index-8OUK_qo_.js";import{E as X}from"./index-C71cSz36.js";import{E as j,a as Q}from"./index-Cfmbp0EV.js";import{E as G,a as J}from"./index-DmpJeEzY.js";import{d as Y,x as c,y as a,E as t,D as l,H as i,C as u,L as E,M as S,N as b,F as K,J as d,W as Z,q as n}from"./vendor-vue-BWIxYyW8.js";import"./typescript-lkSt6sMt.js";import"./isEqual-Box1EVJE.js";import"./_Uint8Array-CVqSvQNa.js";import"./index-B8svBnpb.js";import"./index-lfOMNaVh.js";import"./index-DZuGeaea.js";import"./use-form-item-xBSOcnBK.js";import"./index-BLjywj98.js";import"./index-BoKfbtX5.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-0JQvyqxg.js";import"./index-BC6AqXIx.js";import"./debounce-BTG3LRQl.js";import"./index-BoXQVYKo.js";import"./strings-CoSJ5yUQ.js";import"./castArray-DEdhtRiU.js";import"./_baseIteratee-CCsMHsVd.js";import"./index-BuyEbX8F.js";import"./_initCloneObject-C7zi7Gf-.js";import"./isPlainObject-DoaviOGK.js";import"./index-DiwSA7hK.js";const P={total_count:0,total_spent:0,state_counts:{}},x=Y({name:"ConsoleOrderList",components:{Pagination:O,CopyToClipboard:N,ElRow:J,ElCol:G,ElTable:Q,ElTableColumn:j,ElButton:X,ElTag:T,ElCard:B,ElSelect:z,ElOption:M,ElDatePicker:H,ElSkeleton:q,FontAwesomeIcon:V},data(){return{OrderState:r,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||"",filterPayWay:this.$route.query.pay_way?.toString()||"",createdAtRange:(()=>{const e=this.$route.query.created_at_from?.toString(),s=this.$route.query.created_at_to?.toString();if(e&&s)return[new Date(e),new Date(s)]})(),summary:{...P},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t("usage.shortcuts.today"),value:()=>{const e=new Date,s=new Date;return s.setHours(0,0,0,0),[s,e]}},{text:this.$t("usage.shortcuts.last7Days"),value:()=>{const e=new Date,s=new Date;return s.setDate(s.getDate()-7),[s,e]}},{text:this.$t("usage.shortcuts.last1Month"),value:()=>{const e=new Date,s=new Date;return s.setMonth(s.getMonth()-1),[s,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||"1")},stateOptions(){return[{value:r.PENDING,label:this.$t("order.state.pending")},{value:r.FINISHED,label:this.$t("order.state.finished")},{value:r.PAID,label:this.$t("order.state.paid")},{value:r.EXPIRED,label:this.$t("order.state.expired")},{value:r.FAILED,label:this.$t("order.state.failed")},{value:r.REFUNDED,label:this.$t("order.state.refunded")}]},payWayOptions(){return[{value:"WechatPay",label:this.$t("order.title.wechatPay")},{value:"Stripe",label:this.$t("order.title.stripe")},{value:"AliPay",label:this.$t("order.title.aliPay")},{value:"X402",label:this.$t("order.title.x402")},{value:"PayPal",label:this.$t("order.title.paypal")}]},filterQuery(){const e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:W,stateTagType(e){return e===r.FINISHED||e===r.PAID?"success":e===r.EXPIRED||e===r.FAILED?"danger":e===r.REFUNDED?"warning":"info"},stateLabel(e){return{[r.PENDING]:this.$t("order.state.pending"),[r.PAID]:this.$t("order.state.paid"),[r.FINISHED]:this.$t("order.state.finished"),[r.EXPIRED]:this.$t("order.state.expired"),[r.FAILED]:this.$t("order.state.failed"),[r.REFUNDED]:this.$t("order.state.refunded")}[e]||e},isPendingAction(e){return e!==r.PAID&&e!==r.FINISHED&&e!==r.EXPIRED&&e!==r.FAILED&&e!==r.REFUNDED},goToDetail(e){this.$router.push({name:"console-order-detail",params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,v.getAll({ordering:"-created_at",limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,v.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...P}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,v.exportCsv(this.filterQuery).then(({data:e})=>{const s=window.URL.createObjectURL(e),_=document.createElement("a");_.href=s,_.download="orders.csv",_.click(),window.URL.revokeObjectURL(s)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),ee={class:"title"},te={key:1,class:"card-content"},ae={class:"icon-wrapper"},oe={class:"description"},se={class:"value"},re={key:1,class:"card-content"},le={class:"icon-wrapper"},ie={class:"description"},ne={class:"value"},de={key:1,class:"card-content"},ce={class:"icon-wrapper"},pe={class:"description"},me={class:"value"},ue={key:1,class:"card-content"},he={class:"icon-wrapper"},fe={class:"description"},ge={class:"value"},_e={class:"filter-row mb-3"},ye={class:"key"},be={class:"cursor-pointer"},$e={class:"price"},ve={class:"description"},we={class:"text-gray-500"},De={class:"created-at"},Ee={class:"flex items-center justify-center flex-wrap"},Se={class:"float-right"};function Pe(e,s,_,ke,Ce,Fe){const p=d("el-col"),h=d("el-row"),y=d("el-skeleton"),f=d("font-awesome-icon"),g=d("el-card"),w=d("el-option"),D=d("el-select"),k=d("el-date-picker"),$=d("el-button"),C=d("copy-to-clipboard"),m=d("el-table-column"),F=d("el-tag"),A=d("el-table"),I=d("pagination"),R=Z("loading");return n(),c(h,{class:"panel"},{default:a(()=>[t(p,{span:24},{default:a(()=>[t(h,null,{default:a(()=>[t(p,{span:24},{default:a(()=>[l("h2",ee,i(e.$t("common.title.allOrders")),1)]),_:1})]),_:1}),t(h,{gutter:16},{default:a(()=>[t(p,{md:6,sm:12,xs:24},{default:a(()=>[t(g,{shadow:"hover",class:"item-mini mb-3"},{default:a(()=>[e.summaryLoading?(n(),c(y,{key:0})):(n(),u("div",te,[l("div",ae,[t(f,{icon:"fa-solid fa-receipt",class:"icon"})]),l("p",oe,i(e.$t("order.title.totalOrders")),1),l("p",se,i(e.summary.total_count),1)]))]),_:1})]),_:1}),t(p,{md:6,sm:12,xs:24},{default:a(()=>[t(g,{shadow:"hover",class:"item-mini mb-3"},{default:a(()=>[e.summaryLoading?(n(),c(y,{key:0})):(n(),u("div",re,[l("div",le,[t(f,{icon:"fa-solid fa-dollar-sign",class:"icon"})]),l("p",ie,i(e.$t("order.title.totalSpent")),1),l("p",ne,i(e.getPriceString({value:e.summary.total_spent})),1)]))]),_:1})]),_:1}),t(p,{md:6,sm:12,xs:24},{default:a(()=>[t(g,{shadow:"hover",class:"item-mini mb-3"},{default:a(()=>[e.summaryLoading?(n(),c(y,{key:0})):(n(),u("div",de,[l("div",ce,[t(f,{icon:"fa-solid fa-check-circle",class:"icon"})]),l("p",pe,i(e.$t("order.title.finishedOrders")),1),l("p",me,i(e.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),t(p,{md:6,sm:12,xs:24},{default:a(()=>[t(g,{shadow:"hover",class:"item-mini mb-3"},{default:a(()=>[e.summaryLoading?(n(),c(y,{key:0})):(n(),u("div",ue,[l("div",he,[t(f,{icon:"fa-solid fa-clock",class:"icon"})]),l("p",fe,i(e.$t("order.title.pendingOrders")),1),l("p",ge,i(e.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),l("div",_e,[t(D,{modelValue:e.filterState,"onUpdate:modelValue":s[0]||(s[0]=o=>e.filterState=o),clearable:"",placeholder:e.$t("order.field.allStates"),class:"filter-select",onChange:e.onFilterChange},{default:a(()=>[(n(!0),u(S,null,E(e.stateOptions,o=>(n(),c(w,{key:o.value,label:o.label,value:o.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"]),t(D,{modelValue:e.filterPayWay,"onUpdate:modelValue":s[1]||(s[1]=o=>e.filterPayWay=o),clearable:"",placeholder:e.$t("order.field.allPayWays"),class:"filter-select",onChange:e.onFilterChange},{default:a(()=>[(n(!0),u(S,null,E(e.payWayOptions,o=>(n(),c(w,{key:o.value,label:o.label,value:o.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","onChange"]),t(k,{modelValue:e.createdAtRange,"onUpdate:modelValue":s[2]||(s[2]=o=>e.createdAtRange=o),type:"datetimerange",shortcuts:e.shortcuts,"range-separator":e.$t("usage.placeholder.to"),"start-placeholder":e.$t("usage.placeholder.startDate"),"end-placeholder":e.$t("usage.placeholder.endDate"),onChange:e.onFilterChange},null,8,["modelValue","shortcuts","range-separator","start-placeholder","end-placeholder","onChange"]),t($,{type:"primary",plain:"",loading:e.exporting,onClick:e.onExport},{default:a(()=>[t(f,{icon:"fa-solid fa-file-export",class:"mr-1"}),b(" "+i(e.$t("order.button.export")),1)]),_:1},8,["loading","onClick"])]),t(h,null,{default:a(()=>[t(p,{span:24},{default:a(()=>[t(g,{shadow:"hover"},{default:a(()=>[K((n(),c(A,{data:e.orders,stripe:"","empty-text":e.$t("common.message.noData"),class:"min-h-[calc(100vh-450px)] mb-[20px]"},{default:a(()=>[t(m,{prop:"id",label:e.$t("order.field.id"),"class-name":"text-center",width:"200px"},{default:a(o=>[l("span",ye,i(o.row.id),1),l("span",be,[t(C,{content:o.row.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),t(m,{label:e.$t("order.field.price"),width:"110px",align:"center"},{default:a(o=>[l("span",$e,i(e.getPriceString({value:o.row?.price})),1)]),_:1},8,["label"]),t(m,{label:e.$t("order.field.description"),"min-width":"220px","class-name":"hidden md:table-cell","label-class-name":"hidden md:table-cell"},{default:a(o=>[l("span",ve,i(o.row.description),1)]),_:1},8,["label"]),t(m,{prop:"state",label:e.$t("order.field.state"),width:"130px",align:"center"},{default:a(o=>[t(F,{type:e.stateTagType(o.row.state),class:"mx-1",effect:"dark",round:"",size:"small"},{default:a(()=>[b(i(e.stateLabel(o.row.state)),1)]),_:2},1032,["type"])]),_:1},8,["label"]),t(m,{label:e.$t("order.field.payWay"),width:"120px",align:"center","class-name":"hidden md:table-cell","label-class-name":"hidden md:table-cell"},{default:a(o=>[l("span",we,i(o.row.pay_way||"-"),1)]),_:1},8,["label"]),t(m,{label:e.$t("order.field.createdAt"),width:"200px","class-name":"hidden sm:table-cell","label-class-name":"hidden sm:table-cell"},{default:a(o=>[l("span",De,i(e.$dayjs.format(o.row.created_at)),1)]),_:1},8,["label"]),t(m,{"min-width":"130px",fixed:"right"},{default:a(o=>[l("div",Ee,[e.isPendingAction(o.row.state)?(n(),c($,{key:0,type:"primary",size:"small",onClick:L=>e.goToDetail(o.row.id)},{default:a(()=>[b(i(e.$t("order.button.continuePay")),1)]),_:1},8,["onClick"])):(n(),c($,{key:1,size:"small",onClick:L=>e.goToDetail(o.row.id)},{default:a(()=>[b(i(e.$t("order.button.checkDetail")),1)]),_:1},8,["onClick"]))])]),_:1})]),_:1},8,["data","empty-text"])),[[R,e.loading]])]),_:1})]),_:1})]),_:1}),t(h,null,{default:a(()=>[t(p,{span:10,offset:14},{default:a(()=>[l("div",Se,[t(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 ht=U(x,[["render",Pe],["__scopeId","data-v-350ab467"]]);export{ht as default};