@acedatacloud/nexior 3.202.0 → 3.204.0

package/dist/assets/Index-dK8s6Dto.js

@@ -0,0 +1 @@
+import{F as O}from"./index.es-JHs6eB0V.js";import{E as U}from"./index-D2V2XBZN.js";import{E as Y}from"./index-wgvf3mxZ.js";import{d as b,H as i,E as c,z as L,C as a,y as p,D as s,q as t,F as l,O as E,N as I,x as m,Q as C,R as J,J as d,I as _}from"./vendor-vue-NSDaktjZ.js";import{G as k,bj as Q,co as W,aH as K,S as j,cp as Z}from"./index-HRXu_q12.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 A,a as P}from"./index-BO1vAdoZ.js";import{I as M,S as re,l as ce}from"./pagination-Z-w0L8-D.js";import{E as de}from"./index-PiaOj8i2.js";import{V as G}from"./VideoPlayer-qbGBDsGo.js";import{E as D}from"./index-BKHNiKr9.js";import{p as ue}from"./pasteUploadMixin-BurWbGNQ.js";import{I as pe}from"./ImagePreview-B95DA9CJ.js";import{E as me}from"./index-BSvrZJlN.js";import{E as T}from"./index-Dyosqboy.js";import{C as ve}from"./Consumption-BiACCRpH.js";import{P as fe,N as _e}from"./NoTasks-CG6_9iVD.js";import{a as he}from"./price-Dv52TXOW.js";import{b as $e}from"./errorCode-Cqj9Td_Z.js";import{C as ge}from"./CopyToClipboard-C9Y0NXGK.js";import{E as be}from"./index-u14C135_.js";import{E as ke}from"./index-BNYQmjip.js";import{E as ye}from"./index-DYM1vcJ_.js";import{B as Ve}from"./BotPlaceholder-D3TRoKLD.js";import"./use-form-item-BpXfhc0r.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-D4BtC20G.js";import"./typescript-C8yI5USe.js";import"./index-C8iT5Csz.js";import"./strings-beZM2Y-f.js";import"./isEqual-i6eSyqhE.js";import"./_Uint8Array-B1I0sUii.js";import"./castArray-BcrZCXr2.js";import"./debounce-Bc4WrYM1.js";import"./_baseIteratee-B9ixomb8.js";import"./index-BkjoRVic.js";import"./validator-DaQwn8UL.js";import"./vue-plyr-BO2nlN4c.js";import"./index-YudFnCco.js";import"./index-pwTN8zme.js";import"./_baseClone-DneKy-Zx.js";import"./_initCloneObject-DhYT_CuG.js";import"./index-C5C1t2k1.js";const we=b({name:"LayoutVeo",components:{ElDrawer:Y,ElButton:U,FontAwesomeIcon:O},data(){return{drawer:!1}}}),Ee={class:"main flex flex-row flex-1"},Te={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Ie={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Se(e,o,v,f,y,V){const r=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return t(),i("div",Ee,[c("div",Te,[L(e.$slots,"config",{},void 0,!0)]),c("div",Ie,[L(e.$slots,"result",{},void 0,!0)]),a(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=w=>e.drawer=!0)},{default:p(()=>[a(r,{icon:"fa-solid fa-magic"})]),_:1}),a(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[L(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Ce=k(we,[["render",Se],["__scopeId","data-v-9b26d591"]]),Ae=b({name:"ModelSelector",components:{ElSelect:P,ElOption:A},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)}}),Pe={class:"field"},Oe={class:"title font-bold"};function Ue(e,o,v,f,y,V){const r=s("el-option"),u=s("el-select");return t(),i("div",Pe,[c("h2",Oe,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,I(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 Le=k(Ae,[["render",Ue],["__scopeId","data-v-a59d89c9"]]),je=b({name:"ActionSelector",components:{ElSelect:P,ElOption:A},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)}}),Re={class:"field"},Me={class:"title font-bold"},Ge={class:"float-left"};function De(e,o,v,f,y,V){const r=s("el-option"),u=s("el-select");return t(),i("div",Re,[c("h2",Me,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,I(e.options,n=>(t(),m(r,{key:n.value,label:n.label,value:n.value},{default:p(()=>[c("span",Ge,l(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ne=k(je,[["render",De],["__scopeId","data-v-f4d8785c"]]),Fe=b({name:"TranslationSelector",components:{ElSwitch:de,InfoIcon:M},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)}}),ze={class:"relative"},Be={class:"flex justify-between"},qe={class:"flex justify-start items-center"},He={class:"text-sm font-bold"},Xe={class:"flex justify-end items-center"};function Ye(e,o,v,f,y,V){const r=s("info-icon"),u=s("el-switch");return t(),i("div",ze,[c("div",Be,[c("div",qe,[c("span",He,l(e.$t("veo.name.translation")),1),a(r,{content:e.$t("veo.description.translation")},null,8,["content"])]),c("div",Xe,[a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"])])])])}const Je=k(Fe,[["render",Ye]]),Qe=b({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.veo?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=te)}}),We={class:"text-sm font-bold mb-2 block"},Ke={class:"items"},Ze=["onClick"],xe={class:"name"};function eo(e,o,v,f,y,V){return t(),i("div",null,[c("span",We,l(e.$t("veo.name.ratio")),1),c("div",Ke,[(t(!0),i(E,null,I(e.options,(r,u)=>(t(),i("div",{key:u,class:C({active:e.active===u,item:!0}),onClick:n=>e.value=r.value},[c("div",{class:C(["preview",r.label])},[c("div",{class:"rect",style:J({width:r.width+"px",height:r.height+"px"})},null,4)],2),c("p",xe,l(r.label),1)],10,Ze))),128))])])}const oo=k(Qe,[["render",eo],["__scopeId","data-v-0f16be77"]]),to=b({name:"VideoFromInput",components:{VideoPlayer:G},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.veo?.config}}}),so={class:"relative"},no={class:"flex mb-2"},ao={class:"text-sm font-bold"};function lo(e,o,v,f,y,V){const r=s("video-player");return t(),i("div",so,[c("div",no,[c("span",ao,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 io=k(to,[["render",lo]]),ro=b({name:"VideoIdInput",components:{ElInput:D},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})}}}}),co={class:"field"},uo={class:"title font-bold"};function po(e,o,v,f,y,V){const r=s("el-input");return t(),i("div",co,[c("h2",uo,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 mo=k(ro,[["render",po],["__scopeId","data-v-6eba4026"]]),vo=b({name:"StartEndImage",components:{ElUpload:me,ElButton:U,InfoIcon:M,FontAwesomeIcon:O,ImagePreview:pe},mixins:[ue],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(){T.warning(this.$t("veo.message.uploadReferencesExceed"))},onError(){T.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()}}}),fo={class:"relative"},_o={class:"flex justify-between"},ho={class:"flex justify-start items-center"},$o={class:"text-sm font-bold"};function go(e,o,v,f,y,V){const r=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),w=s("el-button"),$=s("el-upload");return t(),i("div",fo,[c("div",_o,[c("div",ho,[c("span",$o,l(e.$t("veo.name.startEndImage")),1),a(r,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),a($,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=h=>e.fileList=h),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:h})=>[h.url&&h.percentage!==void 0?(t(),m(u,{key:0,url:h.url,name:h.name,percentage:h.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(h),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:p(()=>[a(w,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[a(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+l(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const bo=k(vo,[["render",go],["__scopeId","data-v-b8ddb8fb"]]),ko=b({name:"UpsampleActionSelector",components:{ElSelect:P,ElOption:A},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)}}),yo={class:"field"},Vo={class:"title font-bold"};function wo(e,o,v,f,y,V){const r=s("el-option"),u=s("el-select");return t(),i("div",yo,[c("h2",Vo,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,I(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 Eo=k(ko,[["render",wo],["__scopeId","data-v-8b74a7ae"]]),To=b({name:"ExtendModelSelector",components:{ElSelect:P,ElOption:A},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)}}),Io={class:"field"},So={class:"title font-bold"};function Co(e,o,v,f,y,V){const r=s("el-option"),u=s("el-select");return t(),i("div",Io,[c("h2",So,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,I(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=k(To,[["render",Co],["__scopeId","data-v-cc3f9355"]]),Po=b({name:"MotionTypeSelector",components:{ElSelect:P,ElOption:A},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)}}),Oo={class:"field"},Uo={class:"title font-bold"};function Lo(e,o,v,f,y,V){const r=s("el-option"),u=s("el-select");return t(),i("div",Oo,[c("h2",Uo,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,I(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 jo=k(Po,[["render",Lo],["__scopeId","data-v-3affff3c"]]),Ro=b({name:"ImageMaskInput",components:{ElInput:D},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})}}}}),Mo={class:"field"},Go={class:"title font-bold"};function Do(e,o,v,f,y,V){const r=s("el-input");return t(),i("div",Mo,[c("h2",Go,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 No=k(Ro,[["render",Do],["__scopeId","data-v-6cc27c68"]]),Fo="",zo=b({name:"PromptInput",components:{PromptTextarea:fe},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=Fo)}});function Bo(e,o,v,f,y,V){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 qo=k(zo,[["render",Bo]]),Ho=["upsample","extend","reshoot","object_insert","object_remove","get1080p"],Xo=["text2video","image2video","ingredients2video"],Yo=b({name:"ConfigPanel",components:{ElButton:U,Consumption:ve,FontAwesomeIcon:O,PromptInput:qo,ModelSelector:Le,StartEndImage:bo,ActionSelector:Ne,VideoFromInput:io,VideoIdInput:mo,UpsampleActionSelector:Eo,ExtendModelSelector:Ao,MotionTypeSelector:jo,ImageMaskInput:No,TranslationSelector:Je,AspectRatioSelector:oo},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return he(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service},isPostProcessing(){return Ho.includes(this.config?.action??"")},isGeneration(){return Xo.includes(this.config?.action??"")}},methods:{onGenerate(){this.$emit("generate")}}}),Jo={class:"flex flex-col h-full"},Qo={class:"flex-1 overflow-y-auto p-5"},Wo={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ko(e,o,v,f,y,V){const r=s("action-selector"),u=s("video-from-input"),n=s("video-id-input"),w=s("upsample-action-selector"),$=s("extend-model-selector"),h=s("prompt-input"),S=s("motion-type-selector"),g=s("image-mask-input"),N=s("translation-selector"),F=s("aspect-ratio-selector"),z=s("model-selector"),B=s("start-end-image"),q=s("consumption"),H=s("font-awesome-icon"),X=s("el-button");return t(),i("div",Jo,[c("div",Qo,[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(w,{key:1,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m($,{key:2,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(h,{key:3,class:"mb-4"})):d("",!0),e.config?.action==="reshoot"?(t(),m(S,{key:4,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"?(t(),m(h,{key:5,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"||e.config?.action==="object_remove"?(t(),m(g,{key:6,class:"mb-4"})):d("",!0),e.config?.action==="object_remove"?(t(),m(h,{key:7,class:"mb-4"})):d("",!0),e.isGeneration?(t(),i(E,{key:8},[a(N,{class:"mb-4"}),a(F,{class:"mb-4"}),a(h,{class:"mb-4"}),e.config?.action!=="ingredients2video"?(t(),m(z,{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",Wo,[a(q,{value:e.consumption,service:e.service},null,8,["value","service"]),a(X,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[a(H,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const Zo=k(Yo,[["render",Ko]]),xo=b({name:"TaskPreview",components:{ElImage:ye,CopyToClipboard:ge,FontAwesomeIcon:O,ElAlert:ke,VideoPlayer:G,ElTooltip:be,ElButton:U},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,f){console.debug("seed config from preview",{action:v,upsampleAction:f,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,...f?{upsample_action:f}:{}})},onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),et={class:"preview"},ot={class:"left"},tt={class:"main"},st={class:"bot"},nt={class:"datetime"},at={class:"info"},lt={key:0,class:"prompt mt-2"},it={key:0},rt={key:1},ct={key:0,class:C({content:!0,failed:!0})},dt={key:0,class:"mb-4"},ut={key:1,class:C({operations:!0,"mt-2":!0})},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ft={key:1,class:C({content:!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-2"},gt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},bt={key:2,class:C({content:!0})},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-0"};function Vt(e,o,v,f,y,V){const r=s("el-image"),u=s("video-player"),n=s("el-button"),w=s("el-tooltip"),$=s("font-awesome-icon"),h=s("copy-to-clipboard"),S=s("el-alert");return t(),i("div",et,[c("div",ot,[a(r,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),c("div",tt,[c("div",st,[_(l(e.$t("veo.name.veoBot"))+" ",1),c("span",nt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",at,[e.modelValue?.request?.prompt?(t(),i("p",lt,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(t(),i("span",it," - ("+l(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(t(),i("span",rt," - ("+l(e.$t("veo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(t(),i("div",ct,[e.modelValue?.response?.data[0]?.video_url?(t(),i("div",dt,[a(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):d("",!0),e.modelValue?.response.success?(t(),i("div",ut,[e.modelValue?.response?.data[0]?.video_url?(t(),m(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[0]||(o[0]=g=>e.onPickAction(g,e.modelValue?.response,"upsample","1080p"))},{default:p(()=>[_(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]=g=>e.onPickAction(g,e.modelValue?.response,"upsample","4k"))},{default:p(()=>[_(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]=g=>e.onPickAction(g,e.modelValue?.response,"upsample","gif"))},{default:p(()=>[_(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]=g=>e.onPickAction(g,e.modelValue?.response,"extend"))},{default:p(()=>[_(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]=g=>e.onPickAction(g,e.modelValue?.response,"reshoot"))},{default:p(()=>[_(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]=g=>e.onPickAction(g,e.modelValue?.response,"object_insert"))},{default:p(()=>[_(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]=g=>e.onPickAction(g,e.modelValue?.response,"object_remove"))},{default:p(()=>[_(l(e.$t("veo.button.actionObjectRemove")),1)]),_:1})):d("",!0),a(w,{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]=g=>e.onDownload(g,e.modelValue?.response?.data[0]?.video_url))},{default:p(()=>[_(l(e.$t("veo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"])])):d("",!0),a(S,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",pt,[a($,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("veo.name.model"))+": "+l(e.modelValue?.request?.model),1)]),c("p",mt,[a($,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(h,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(t(),i("p",vt,[a($,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+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",ft,[a(S,{closable:!1,class:"failure"},{template:p(()=>[a($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[c("p",_t,[a($,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(h,{content:e.modelValue?.id},null,8,["content"])]),c("p",ht,[a($,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("veo.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),a(h,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(t(),i("p",$t,[a($,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("veo.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),e.modelValue?.response?.trace_id?(t(),i("p",gt,[a($,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(h,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(t(),i("div",bt,[a(S,{closable:!1,class:"info"},{template:p(()=>[a($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[c("p",kt,[a($,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(h,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(t(),i("p",yt,[a($,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(h,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0)])])}const wt=k(xo,[["render",Vt],["__scopeId","data-v-83f2991f"]]),Et=b({name:"RecentPanel",components:{TaskPreview:wt,NoTasks:_e,BotPlaceholder:Ve,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?.()}}}),Tt={key:0},It={key:2,class:"w-full h-full flex items-center justify-center"};function St(e,o,v,f,y,V){const r=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),w=s("no-tasks");return t(),i(E,null,[e.tasks?.items===void 0?(t(),i("div",Tt,[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]=$=>e.$emit("reach-top"))},{default:p(()=>[(t(!0),i(E,null,I(e.tasks?.items,($,h)=>(t(),m(u,{key:h,"model-value":$},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(t(),i("div",It,[a(w)])):d("",!0)],64)}const Ct=k(Et,[["render",St]]),At=Z("veo"),Pt=b({name:"VeoIndex",components:{ConfigPanel:Zo,Layout:Ce,RecentPanel:Ct},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===j.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===j.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:f}=e||{};console.debug("limit",o,"createdAtMin",v,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("veo/getTasks",{limit:o,createdAtMin:v,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:At},o=this.credential?.token;if(!o){console.error("no token specified");return}if(e.action==="image2video"&&!(e.image_urls&&e.image_urls.length>0)){T.warning(this.$t("veo.message.imageRequired"));return}(!e.image_urls||e.image_urls.length===0)&&delete e.image_urls,T.info(this.$t("veo.message.startingTask")),W("veo",K.generate(e,{token:o})).then(()=>{T.success(this.$t("veo.message.startTaskSuccess"))}).catch(v=>{v?.response?.data?.error?.code===$e?T.error(this.$t("veo.message.usedUp")):T.error(this.$t("veo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ot(e,o,v,f,y,V){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 Es=k(Pt,[["render",Ot]]);export{Es as default};

package/dist/assets/Index-esXveFlc.css

@@ -0,0 +1 @@
+.menu[data-v-d022364a]{display:none}@media(max-width:767px){.config[data-v-d022364a]{display:none}.result[data-v-d022364a]{width:100%}.menu[data-v-d022364a]{display:block;position:absolute;right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000}}.field[data-v-8df4b8a7]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-8df4b8a7]{font-size:14px;margin:0;width:30%}.field .value[data-v-8df4b8a7]{width:160px}.field[data-v-81fd05e5]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-81fd05e5]{font-size:14px;margin:0;width:30%}.field .value[data-v-81fd05e5]{width:160px}.title[data-v-1b692c6e]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-1b692c6e]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.preview[data-v-8ba2b387]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:16px}.preview .left[data-v-8ba2b387]{width:70px}.preview .left .avatar[data-v-8ba2b387]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-8ba2b387]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-8ba2b387]{font-size:16px;font-weight:700;color:var(--el-color-primary);margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview .main .bot .datetime[data-v-8ba2b387]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info[data-v-8ba2b387]{overflow:hidden}.preview .main .info .prompt[data-v-8ba2b387]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:15px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.preview .main .content[data-v-8ba2b387]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-8ba2b387]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-8ba2b387]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-8ba2b387]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-8ba2b387]{border-color:var(--el-color-info)}

package/dist/assets/{Index-BrxYmxK-.css → Index-hM1Rre6J.css}

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

package/dist/assets/Index-kgxXzM8J.css

@@ -0,0 +1 @@
+.menu[data-v-f2a6eb9e]{display:none}@media(max-width:767px){.config[data-v-f2a6eb9e]{display:none}.result[data-v-f2a6eb9e]{width:100%}.menu[data-v-f2a6eb9e]{display:block;position:absolute;right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000}}.field[data-v-2aa4829c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-2aa4829c]{width:30%;display:flex;align-items:center}.field .label .box[data-v-2aa4829c]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-2aa4829c]{font-size:14px;margin:0}.field .label .box .info[data-v-2aa4829c]{margin-left:6px}.field .value[data-v-2aa4829c]{width:160px;display:flex;justify-content:flex-end}.field[data-v-8892a12c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-8892a12c]{width:30%;display:flex;align-items:center}.field .label .box[data-v-8892a12c]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-8892a12c]{font-size:14px;margin:0}.field .label .box .info[data-v-8892a12c]{margin-left:6px}.field .value[data-v-8892a12c]{width:160px}.field[data-v-dd7bd021]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-dd7bd021]{width:30%;display:flex;align-items:center}.field .label .box[data-v-dd7bd021]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-dd7bd021]{font-size:14px;margin:0}.field .label .box .info[data-v-dd7bd021]{margin-left:6px}.field .value[data-v-dd7bd021]{width:200px}.field[data-v-f079fd20]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-f079fd20]{width:30%;display:flex;align-items:center}.field .label .box[data-v-f079fd20]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-f079fd20]{font-size:14px;margin:0}.field .label .box .info[data-v-f079fd20]{margin-left:6px}.field .value[data-v-f079fd20]{width:160px;display:flex;justify-content:flex-end}.field .value .counter[data-v-f079fd20]{width:140px}.field[data-v-69ea4c07]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-69ea4c07]{width:30%;display:flex;align-items:center}.field .label .box[data-v-69ea4c07]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-69ea4c07]{font-size:14px;margin:0}.field .label .box .info[data-v-69ea4c07]{margin-left:6px}.field .value[data-v-69ea4c07]{width:160px}.field[data-v-10cdc1e0]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-10cdc1e0]{width:30%;display:flex;align-items:center}.field .label .box[data-v-10cdc1e0]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-10cdc1e0]{font-size:14px;margin:0}.field .label .box .info[data-v-10cdc1e0]{margin-left:6px}.field .value[data-v-10cdc1e0]{width:160px;display:flex;justify-content:flex-end}.field .value .counter[data-v-10cdc1e0]{width:140px}.field[data-v-7386f064]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-7386f064]{width:30%;display:flex;align-items:center}.field .label .box[data-v-7386f064]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-7386f064]{font-size:14px;margin:0}.field .label .box .info[data-v-7386f064]{margin-left:6px}.field .value[data-v-7386f064]{width:160px;display:flex;justify-content:flex-end}.field .value .counter[data-v-7386f064]{width:140px}.field[data-v-9e2abf0f]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-9e2abf0f]{width:30%;display:flex;align-items:center}.field .label .box[data-v-9e2abf0f]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-9e2abf0f]{font-size:14px;margin:0}.field .label .box .info[data-v-9e2abf0f]{margin-left:6px}.field .value[data-v-9e2abf0f]{width:160px;display:flex;justify-content:flex-end}.preview[data-v-0dfc6a09]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:16px}.preview .left[data-v-0dfc6a09]{width:70px}.preview .left .avatar[data-v-0dfc6a09]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-0dfc6a09]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-0dfc6a09]{font-size:16px;font-weight:700;color:var(--el-color-primary);margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview .main .bot .datetime[data-v-0dfc6a09]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info[data-v-0dfc6a09]{overflow:hidden}.preview .main .info .prompt[data-v-0dfc6a09]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:15px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.preview .main .content[data-v-0dfc6a09]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-0dfc6a09]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-0dfc6a09]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-0dfc6a09]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-0dfc6a09]{border-color:var(--el-color-info)}.preview .main .operations[data-v-0dfc6a09]{display:flex;justify-content:left;flex-direction:row;width:100%;align-items:baseline;flex-wrap:wrap;overflow:hidden;text-align:center;color:var(--el-text-color-regular);font-size:14px}.preview .main .operations .btn-action[data-v-0dfc6a09]{margin-bottom:10px}

package/dist/assets/Index-q5BjWb7n.js

@@ -0,0 +1 @@
+import{F as T}from"./index.es-JHs6eB0V.js";import{E as q}from"./index-D2V2XBZN.js";import{E as W}from"./index-wgvf3mxZ.js";import{d as y,H as l,E as u,z as U,C as a,y as g,D as s,q as n,x as k,F as o,I as c,O as A,N,J as p,M as K,Q as O}from"./vendor-vue-NSDaktjZ.js";import{G as w,bj as H,cI as J,cJ as x,cK as C,cL as Q,cM as S,cN as M,cO as j,cP as D,co as X,aT as Y,S as F,cp as Z}from"./index-HRXu_q12.js";import{P as ee,N as te}from"./NoTasks-CG6_9iVD.js";import{p as ae}from"./pasteUploadMixin-BurWbGNQ.js";import{I as P,S as oe,l as ne}from"./pagination-Z-w0L8-D.js";import{I as z}from"./ImagePreview-B95DA9CJ.js";import{E as se}from"./index-BSvrZJlN.js";import{E as R}from"./index-Dyosqboy.js";import{E as B,a as G}from"./index-BO1vAdoZ.js";import{C as le}from"./Consumption-BiACCRpH.js";import{a as re}from"./price-Dv52TXOW.js";import{b as ie}from"./errorCode-Cqj9Td_Z.js";import{C as ce}from"./CopyToClipboard-C9Y0NXGK.js";import{I as ue}from"./ImageWrapper-BkVljjQt.js";import{E as me}from"./index-u14C135_.js";import{E as de}from"./index-BNYQmjip.js";import{E as pe}from"./index-DYM1vcJ_.js";import{B as fe}from"./BotPlaceholder-D3TRoKLD.js";import"./use-form-item-BpXfhc0r.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-BKHNiKr9.js";import"./typescript-C8yI5USe.js";import"./index-C8iT5Csz.js";import"./index-YudFnCco.js";import"./index-pwTN8zme.js";import"./_baseClone-DneKy-Zx.js";import"./_Uint8Array-B1I0sUii.js";import"./_initCloneObject-DhYT_CuG.js";import"./isEqual-i6eSyqhE.js";import"./index-D4BtC20G.js";import"./strings-beZM2Y-f.js";import"./castArray-BcrZCXr2.js";import"./debounce-Bc4WrYM1.js";import"./_baseIteratee-B9ixomb8.js";import"./index-BkjoRVic.js";import"./index-C5C1t2k1.js";const he=y({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:q,FontAwesomeIcon:T},data(){return{drawer:!1}}}),_e={class:"main flex flex-row flex-1"},ge={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},be={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function $e(e,t,$,i,b,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-drawer");return n(),l("div",_e,[u("div",ge,[U(e.$slots,"config",{},void 0,!0)]),u("div",be,[U(e.$slots,"result",{},void 0,!0)]),a(_,{circle:"",class:"menu",onClick:t[0]||(t[0]=m=>e.drawer=!0)},{default:g(()=>[a(h,{icon:"fa-solid fa-magic"})]),_:1}),a(d,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:g(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ve=w(he,[["render",$e],["__scopeId","data-v-8ca1c212"]]),ke="",ye=y({name:"PromptInput",components:{PromptTextarea:ee},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ke)}});function we(e,t,$,i,b,f){const h=s("prompt-textarea");return n(),k(h,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),title:e.$t("nanobanana.name.prompt"),info:e.$t("nanobanana.description.prompt"),placeholder:e.$t("nanobanana.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Ve=w(ye,[["render",we]]),Ae=y({name:"ImageUrlsInput",components:{ElUpload:se,ElButton:q,InfoIcon:P,ImagePreview:z,FontAwesomeIcon:T},mixins:[ae],data(){return{fileList:[],uploadUrl:H()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const i=(this.fileList||[]).filter(b=>!b?.response?.file_url);this.fileList=i.length?i:[];return}const t=[];e.forEach(i=>{const b=this.fileList.find(f=>f?.response?.file_url===i||f?.url===i);b?t.push(b):t.push({name:i.split("/").pop()||i,url:i,status:"success",percentage:100,response:{file_url:i}})}),(this.fileList||[]).filter(i=>!i?.response?.file_url).forEach(i=>{t.some(f=>f===i||f?.url===i?.url||f?.response?.file_url===i?.response?.file_url)||t.push(i)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){R.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){R.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ne={class:"field flex items-center justify-between"},Ee={class:"title font-bold text-[14px] mb-[10px]"},Re={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Le={class:"controls flex items-center"},Ie={class:"file-list flex flex-wrap gap-[10px]"};function Se(e,t,$,i,b,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-upload"),m=s("info-icon"),V=s("image-preview");return n(),l(A,null,[u("div",Ne,[u("h2",Ee,o(e.$t("nanobanana.name.imageUrls")),1),u("div",Re,[u("div",Le,[a(d,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:g(()=>[a(_,{size:"small",type:"primary",round:""},{default:g(()=>[a(h,{icon:"fa-solid fa-upload",class:"mr-1"}),c(" "+o(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),a(m,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),u("div",Ie,[(n(!0),l(A,null,N(e.fileList,(r,v)=>(n(),k(V,{key:r.uid||r?.response?.file_url||r.url||v,url:r.url||r?.response?.file_url,name:r.name,percentage:r.percentage,onRemove:E=>e.onRemovePreview(v,r)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Te=w(Ae,[["render",Se]]),qe=y({name:"AspectRatioSelector",components:{ElSelect:G,ElOption:B},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e);const t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit("nanobanana/setConfig",t)}}}}),Oe={class:"field"},Ue={class:"title font-bold"};function Ce(e,t,$,i,b,f){const h=s("el-option"),_=s("el-select");return n(),l("div",Oe,[u("h2",Ue,o(e.$t("nanobanana.name.aspectRatio")),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=d=>e.value=d),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:g(()=>[(n(!0),l(A,null,N(e.options,d=>(n(),k(h,{key:d,label:d,value:d},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pe=w(qe,[["render",Ce],["__scopeId","data-v-67f08a08"]]),Be=y({name:"NanobananaModelSelector",components:{ElSelect:G,ElOption:B,InfoIcon:P},data(){return{options:[{value:x,label:this.$t("nanobanana.model.nanoBanana")},{value:C,label:this.$t("nanobanana.model.nanoBananaPro")},{value:Q,label:this.$t("nanobanana.model.nanoBanana2")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t("nanobanana.description.model")}},mounted(){this.value||(this.value=J)}}),Ge={class:"field"},Me={class:"label"},je={class:"box"},De={class:"title font-bold"};function Fe(e,t,$,i,b,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return n(),l("div",Ge,[u("div",Me,[u("div",je,[u("h2",De,o(e.$t("nanobanana.name.model")),1),a(h,{content:e.modelDescription,class:"info"},null,8,["content"])])]),a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:g(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),k(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const xe=w(Be,[["render",Fe],["__scopeId","data-v-94304d73"]]),ze=y({name:"NanobananaResolutionSelector",components:{ElSelect:G,ElOption:B,InfoIcon:P},data(){return{cachedResolution:S,options:[{value:M,label:M},{value:j,label:j},{value:D,label:D}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==x}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||(this.value=this.cachedResolution||S):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=S),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),We={class:"field"},Ke={class:"label"},He={class:"box"},Je={class:"title font-bold"};function Qe(e,t,$,i,b,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return n(),l("div",We,[u("div",Ke,[u("div",He,[u("h2",Je,o(e.$t("nanobanana.name.resolution")),1),a(h,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:g(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),k(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Xe=w(ze,[["render",Qe],["__scopeId","data-v-fd5ab393"]]),Ye=y({name:"ConfigPanel",components:{ElButton:q,FontAwesomeIcon:T,PromptInput:Ve,Consumption:le,ImageUrlsInput:Te,AspectRatioSelector:Pe,ModelSelector:xe,ResolutionSelector:Xe},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return re({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ze={class:"flex flex-col h-full"},et={class:"flex-1 overflow-y-auto p-5"},tt={class:"flex flex-col items-center justify-center px-5 pb-5"};function at(e,t,$,i,b,f){const h=s("model-selector"),_=s("resolution-selector"),d=s("prompt-input"),m=s("aspect-ratio-selector"),V=s("image-urls-input"),r=s("consumption"),v=s("font-awesome-icon"),E=s("el-button");return n(),l("div",Ze,[u("div",et,[a(h,{class:"mb-4"}),a(_,{class:"mb-4"}),a(d,{class:"mb-4"}),a(m,{class:"mb-4"}),a(V,{class:"mb-4"})]),u("div",tt,[a(r,{value:e.consumption,service:e.service},null,8,["value","service"]),a(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:g(()=>[a(v,{icon:"fa-solid fa-magic",class:"mr-2"}),c(" "+o(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const ot=w(Ye,[["render",at]]),nt=y({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:ce,FontAwesomeIcon:T,ElAlert:de,ImageWrapper:ue,ElButton:q,ElTooltip:me,ImagePreview:z},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit("nanobanana/setConfig",t)}}}),st={class:"preview"},lt={class:"left"},rt={class:"main"},it={class:"bot"},ct={class:"datetime"},ut={class:"info"},mt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},dt={key:1,class:"prompt mt-2"},pt={key:0},ft={key:0,class:O({content:!0,failed:!0})},ht={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},_t={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:3,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:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Vt={key:1,class:O({content:!0})},At={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},St={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:2,class:O({content:!0})},Ot={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ut={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ct={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Gt(e,t,$,i,b,f){const h=s("el-image"),_=s("image-preview"),d=s("image-wrapper"),m=s("el-button"),V=s("el-tooltip"),r=s("font-awesome-icon"),v=s("copy-to-clipboard"),E=s("el-alert");return n(),l("div",st,[u("div",lt,[a(h,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),u("div",rt,[u("div",it,[c(o(e.$t("nanobanana.name.nanobananaBot"))+" ",1),u("span",ct,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),u("div",ut,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(n(),l("div",mt,[(n(!0),l(A,null,N(e.modelValue?.request?.image_urls,(L,I)=>(n(),k(_,{key:I,url:L,name:`image-${I+1}`,closable:!1},null,8,["url","name"]))),128))])):p("",!0),e.modelValue?.request?.prompt?(n(),l("p",dt,[c(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?p("",!0):(n(),l("span",pt," - ("+o(e.$t("nanobanana.status.pending"))+") ",1))])):p("",!0)]),e.modelValue?.response?.success===!0?(n(),l("div",ft,[u("div",ht,[(n(!0),l(A,null,N(e.images,(L,I)=>(n(),k(d,{key:I,src:L?.image_url,"raw-src":L?.image_url},null,8,["src","raw-src"]))),128))]),u("div",_t,[a(V,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:g(()=>[a(m,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=K(L=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:g(()=>[c(o(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),a(E,{closable:!1,class:"mt-2 success"},{default:g(()=>[e.modelValue?.request?.model?(n(),l("p",gt,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",bt,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",$t,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",vt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",kt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",yt,[a(r,{icon:"fa-solid fa-clock",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),e.modelValue?.response?.trace_id?(n(),l("p",wt,[a(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):p("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),l("div",Vt,[a(E,{closable:!1,class:"failure"},{template:g(()=>[a(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failure")),1)]),default:g(()=>[e.modelValue?.request?.model?(n(),l("p",At,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",Nt,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Et,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",Rt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",Lt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),u("p",It,[a(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),a(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",St,[a(r,{icon:"fa-solid fa-clock",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),e.modelValue?.response?.trace_id?(n(),l("p",Tt,[a(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):p("",!0)]),_:1})])):(n(),l("div",qt,[a(E,{closable:!1,class:"info"},{template:g(()=>[a(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failure")),1)]),default:g(()=>[e.modelValue?.request?.model?(n(),l("p",Ot,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",Ut,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Ct,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",Pt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",Bt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Mt=w(nt,[["render",Gt],["__scopeId","data-v-8d5f4fff"]]),jt=y({name:"RecentPanel",components:{TaskPreview:Mt,BotPlaceholder:fe,NoTasks:te,ScrollList:oe},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Dt={key:0},Ft={key:2,class:"w-full h-full flex items-center justify-center"};function xt(e,t,$,i,b,f){const h=s("bot-placeholder"),_=s("task-preview"),d=s("scroll-list"),m=s("no-tasks");return n(),l(A,null,[e.tasks?.items===void 0?(n(),l("div",Dt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),k(d,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=V=>e.$emit("reach-top"))},{default:g(()=>[(n(!0),l(A,null,N(e.tasks?.items,V=>(n(),k(_,{key:V.id,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):p("",!0),e.tasks?.items?.length===0?(n(),l("div",Ft,[a(m)])):p("",!0)],64)}const zt=w(jt,[["render",xt]]),Wt=Z("nanobanana"),Kt=y({name:"NanobananaIndex",components:{ConfigPanel:ot,Layout:ve,RecentPanel:zt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ne({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:$,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",$,"createdAtMax",i),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:$,createdAtMax:i})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&"image_urls"in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==C&&"resolution"in e&&delete e.resolution,e?.model===C&&!e?.resolution&&(e.resolution=S);const $={...e,action:t?"edit":"generate",callback_url:Wt},i=this.credential?.token;if(!i){console.error("no token specified");return}R.info(this.$t("nanobanana.message.startingTask")),X("nanobanana",Y.generate($,{token:i})).then(()=>{R.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(b=>{const f=b?.response?.data;f?.error?.code===ie?R.error(this.$t("nanobanana.message.usedUp")):R.error(this.$t("nanobanana.message.startTaskFailed")+(f?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ht(e,t,$,i,b,f){const h=s("config-panel"),_=s("recent-panel"),d=s("layout");return n(),k(d,null,{config:g(()=>[a(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:g(()=>[a(_,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Pa=w(Kt,[["render",Ht]]);export{Pa as default};

package/dist/assets/Index-qLYTfTeS.js

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

package/dist/assets/Index-s6k4m2Rz.css

@@ -0,0 +1 @@
+.menu[data-v-fdc8f36b]{display:none}@media(max-width:767px){.config[data-v-fdc8f36b]{display:none}.result[data-v-fdc8f36b]{width:100%}.menu[data-v-fdc8f36b]{display:block;position:absolute;right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000}}.title[data-v-7a787b4d]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-7a787b4d]{position:absolute;top:5px;right:0}.title[data-v-8c5cfe84]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-8c5cfe84]{position:absolute;top:5px;right:0}.title[data-v-74e51526]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-74e51526]{position:absolute;top:5px;right:0}.preview[data-v-bcbb3d1c]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-bcbb3d1c]{width:70px}.preview .left .avatar[data-v-bcbb3d1c]{background-color:#000;padding:2px;width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-bcbb3d1c]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-bcbb3d1c]{font-size:16px;font-weight:700;color:var(--el-color-primary);margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview .main .bot .datetime[data-v-bcbb3d1c]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info[data-v-bcbb3d1c]{overflow:hidden}.preview .main .info .prompt[data-v-bcbb3d1c]{font-size:14px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.preview .main .content[data-v-bcbb3d1c]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-bcbb3d1c]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-bcbb3d1c]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-bcbb3d1c]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-bcbb3d1c]{border-color:var(--el-color-info)}

package/dist/assets/Index-t0VhqprK.css

@@ -0,0 +1 @@
+.menu[data-v-be4bb0df]{display:none}@media(max-width:767px){.config[data-v-be4bb0df]{display:none}.result[data-v-be4bb0df]{width:100%}.menu[data-v-be4bb0df]{display:block;position:absolute;right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000}}.field[data-v-04059875]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-04059875]{font-size:14px;margin:0;width:30%}.field .value[data-v-04059875]{width:120px}.field[data-v-9a8fa3c5]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .header[data-v-9a8fa3c5]{display:flex;flex-direction:row;align-items:center;width:50%}.field .header .title[data-v-9a8fa3c5]{font-size:14px;margin:0}.field .value[data-v-9a8fa3c5]{width:120px}.opt-disabled[data-v-9a8fa3c5]{color:var(--el-text-color-disabled)}.opt-tip[data-v-9a8fa3c5]{margin-left:8px;font-size:11px;color:var(--el-text-color-placeholder)}.field[data-v-5ae55e28]{display:flex;flex-direction:column}.control[data-v-5ae55e28]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.label[data-v-5ae55e28]{display:flex;flex-direction:row;align-items:center}.title[data-v-5ae55e28]{font-size:14px;margin:0}.value[data-v-5ae55e28]{width:120px}.title[data-v-cdb14b2f]{font-size:14px;margin-bottom:10px}.items[data-v-cdb14b2f]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.items .item[data-v-cdb14b2f]{width:48px;height:70px;border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:10px;transition:background-color .2s ease,border-color .2s ease}.items .item .preview[data-v-cdb14b2f]{margin-top:8px;width:30px;height:30px;margin-bottom:4px;display:flex;flex-direction:row;align-items:center;justify-content:center}.items .item .preview .rect[data-v-cdb14b2f]{border:1px solid var(--el-border-color-lighter);width:20px;height:20px;border-radius:2px}.items .item .name[data-v-cdb14b2f]{display:block;font-size:12px;color:var(--el-text-color-primary)}.items .item[data-v-cdb14b2f]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-cdb14b2f]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-cdb14b2f]{border-color:var(--el-color-primary)}.title[data-v-68cf38f5]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-68cf38f5]{position:absolute;top:5px;right:0}.upload-wrapper .el-upload-list--picture .el-upload-list__item{height:auto;padding:0;margin:8px 0 0;border:none;background-color:transparent;overflow:visible}.title[data-v-593c3bde]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-593c3bde]{position:absolute;top:5px;right:0}.field[data-v-cd896060]{display:flex;flex-direction:column;gap:8px}.field .header[data-v-cd896060]{display:flex;flex-direction:row;align-items:center}.field .value[data-v-cd896060]{width:100%}.config-grid[data-v-cd896060]{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:8px;background-color:var(--el-fill-color-lighter)}.config-grid .cfg-row[data-v-cd896060]{display:flex;flex-direction:column;gap:0}.config-grid .cfg-row .cfg-row-head[data-v-cd896060]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.config-grid .cfg-row .cfg-row-head .cfg-name[data-v-cd896060]{font-size:12px;color:var(--el-text-color-regular)}.config-grid .cfg-row .cfg-row-head .cfg-num[data-v-cd896060]{width:100px}.pills[data-v-5fc4fa65]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pill[data-v-5fc4fa65]{display:inline-flex;align-items:center;padding:3px 4px 3px 10px;border-radius:999px;background-color:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-7);color:var(--el-color-primary);font-size:12px;line-height:1;max-width:100%}.pill .pill-text[data-v-5fc4fa65]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.pill .pill-remove[data-v-5fc4fa65]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;padding:0;border:none;background:transparent;border-radius:50%;color:var(--el-color-primary);cursor:pointer;font-size:10px}.pill .pill-remove[data-v-5fc4fa65]:hover{background-color:var(--el-color-primary-light-7)}.inspiration-btn[data-v-c01fc1a6]{font-size:12px;color:var(--el-color-primary);padding:0 6px;height:24px}.field .box[data-v-de98cf01]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-de98cf01]{font-size:14px;margin-bottom:10px}.field .info[data-v-de98cf01]{margin-left:auto}.drawer-content[data-v-7d457a69]{display:flex;flex-direction:column;height:100%;padding:16px 18px 24px;overflow-y:auto}.drawer-header[data-v-7d457a69]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-header .title-row[data-v-7d457a69]{display:inline-flex;align-items:center;font-size:16px;font-weight:600;color:var(--el-text-color-primary)}.drawer-header .close-btn[data-v-7d457a69]{padding:6px;height:32px;width:32px}.hint[data-v-7d457a69]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:12px;line-height:1.5}.selected-bar[data-v-7d457a69]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background-color:var(--el-color-primary-light-9);border-radius:8px;font-size:12px}.selected-bar .selected-text[data-v-7d457a69]{color:var(--el-color-primary);font-weight:500}.groups[data-v-7d457a69]{display:flex;flex-direction:column;gap:18px}.group .group-title[data-v-7d457a69]{font-size:13px;font-weight:600;color:var(--el-text-color-regular);margin-bottom:8px}.group .chip-grid[data-v-7d457a69]{display:flex;flex-wrap:wrap;gap:8px}.chip[data-v-7d457a69]{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);color:var(--el-text-color-regular);font-size:13px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.chip[data-v-7d457a69]:hover{border-color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9)}.chip.active[data-v-7d457a69]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);font-weight:500}.kling-inspiration-drawer .el-drawer__body{padding:0}.summary-chip[data-v-418a6733]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;margin-bottom:10px;border-radius:999px;background-color:var(--el-fill-color-light);color:var(--el-text-color-regular);font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.summary-chip .part[data-v-418a6733]{white-space:nowrap}.summary-chip .dot[data-v-418a6733]{color:var(--el-text-color-disabled)}.summary-chip .audio[data-v-418a6733]{margin-left:4px;color:var(--el-color-primary);font-size:11px}.btn.btn-upload[data-v-37d42da7]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.btn.btn-upload[data-v-5cf93212]{position:absolute;top:5px;right:0}.field .box[data-v-ca9fdbe5]{display:flex;flex-direction:row;align-items:center;position:relative}.field .box .title[data-v-ca9fdbe5]{font-size:14px;margin-bottom:10px}.field .info[data-v-ca9fdbe5]{margin-left:auto}.field[data-v-7a91195b]{display:flex;flex-direction:column;gap:6px}.field .header[data-v-7a91195b]{display:flex;flex-direction:row;align-items:center}.field[data-v-1295688c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .header[data-v-1295688c]{display:flex;flex-direction:row;align-items:center;width:50%}.field .header .title[data-v-1295688c]{font-size:14px;margin:0}.field .value[data-v-1295688c]{width:120px}.kling-tabs[data-v-bf00c27e]{flex:none;padding:0 8px;background-color:var(--app-sidebar-bg)}.kling-tabs[data-v-bf00c27e] .el-tabs__header{margin:0}.kling-tabs[data-v-bf00c27e] .el-tabs__nav-wrap:after{height:1px}.kling-tabs[data-v-bf00c27e] .el-tabs__item{height:38px;line-height:38px;font-size:13px;padding:0 6px}.kling-tabs .tab-label[data-v-bf00c27e]{display:inline-flex;align-items:center;white-space:nowrap}.kling-tabs .tab-label .text[data-v-bf00c27e]{max-width:100%;overflow:hidden;text-overflow:ellipsis}.kling-tabs .tab-label .badge[data-v-bf00c27e]{margin-left:4px;font-size:9px;height:16px;line-height:14px;padding:0 4px}.preview[data-v-e8e87659]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-e8e87659]{width:70px}.preview .left .avatar[data-v-e8e87659]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-e8e87659]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-e8e87659]{font-size:16px;font-weight:700;color:var(--el-color-primary);margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview .main .bot .datetime[data-v-e8e87659]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info[data-v-e8e87659]{overflow:hidden}.preview .main .info .prompt[data-v-e8e87659]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.preview .main .content[data-v-e8e87659]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-e8e87659]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-e8e87659]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-e8e87659]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-e8e87659]{border-color:var(--el-color-info)}.preview .main .operations[data-v-e8e87659]{display:flex;justify-content:left;flex-direction:row;width:100%;align-items:baseline;flex-wrap:wrap;overflow:hidden;text-align:center;color:var(--el-text-color-regular);font-size:14px;overflow-y:scroll}.preview .main .operations.full[data-v-e8e87659]{height:70px}.preview .main .operations .btn-action[data-v-e8e87659]{margin-bottom:10px}

package/dist/assets/{Invitees-CLcMb8r1.js → Invitees-Ddt0AKpW.js}

@@ -1 +1 @@
-import{P as g}from"./Pagination-IXMlVxdT.js";import{C as b}from"./CopyToClipboard-BdVPT6dD.js";import{at as v,G as w}from"./index-zog3oxIS.js";import{E as C}from"./index-CcDpAIwR.js";import{E as $,a as y}from"./index-g67fOZpk.js";import{E,a as D}from"./index-BPEqUQ9Z.js";import{d as I,x as d,y as e,C as o,E as i,F as s,G as F,D as n,K as k,q as c}from"./vendor-vue-NSDaktjZ.js";import"./index-cSiH96jT.js";import"./index-B3ivQ_r9.js";import"./index-CnmJ1TrC.js";import"./typescript-Cu7j6kpZ.js";import"./index-DxGYNvBU.js";import"./strings-beZM2Y-f.js";import"./isEqual-LyAi98L5.js";import"./_Uint8Array-DHUEPqba.js";import"./castArray-D-DVevoK.js";import"./use-form-item-DC5nyBiM.js";import"./index-DoyWLdDS.js";import"./index-Jy9d8gAu.js";import"./debounce-CfvKGlOB.js";import"./_baseIteratee-C8o9Q4lB.js";import"./index-ClbiCEJX.js";import"./index.es-CmrpoJGF.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./_initCloneObject-BwtO9JBO.js";import"./isPlainObject-RuDtICnx.js";import"./index-Confz5qU.js";const P=I({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:D,ElCol:E,ElTable:y,ElTableColumn:$,ElCard:C},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"},S={class:"copy"},T={class:"description"},j={class:"description"},z={class:"description"},G={class:"created-at"},N={class:"pagination m-v-lg"};function V(t,J,K,O,R,A){const r=n("el-col"),p=n("el-row"),m=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=k("loading");return c(),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((c(),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",S,[o(m,{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",T,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.email"),width:"300px"},{default:e(a=>[i("span",j,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.nickname"),width:"200px"},{default:e(a=>[i("span",z,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.dateJoined")},{default:e(a=>[i("span",G,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 vt=w(P,[["render",V],["__scopeId","data-v-4556864d"]]);export{vt as default};
+import{P as g}from"./Pagination-CAOAwODW.js";import{C as b}from"./CopyToClipboard-C9Y0NXGK.js";import{at as v,G as w}from"./index-HRXu_q12.js";import{E as C}from"./index-6DBMy_mi.js";import{E as $,a as y}from"./index-DhOIY5oV.js";import{E,a as D}from"./index-TliXn-Rr.js";import{d as I,x as d,y as e,C as o,E as i,F as s,G as F,D as n,K as k,q as c}from"./vendor-vue-NSDaktjZ.js";import"./index-BO1vAdoZ.js";import"./index-u14C135_.js";import"./index-C8iT5Csz.js";import"./typescript-C8yI5USe.js";import"./index-D4BtC20G.js";import"./strings-beZM2Y-f.js";import"./isEqual-i6eSyqhE.js";import"./_Uint8Array-B1I0sUii.js";import"./castArray-BcrZCXr2.js";import"./use-form-item-BpXfhc0r.js";import"./index-BKHNiKr9.js";import"./index-YudFnCco.js";import"./debounce-Bc4WrYM1.js";import"./_baseIteratee-B9ixomb8.js";import"./index-BkjoRVic.js";import"./index.es-JHs6eB0V.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./_initCloneObject-DhYT_CuG.js";import"./isPlainObject-CUHPfdcW.js";import"./index-C0-rXt3P.js";const P=I({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:D,ElCol:E,ElTable:y,ElTableColumn:$,ElCard:C},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"},S={class:"copy"},T={class:"description"},j={class:"description"},z={class:"description"},G={class:"created-at"},N={class:"pagination m-v-lg"};function V(t,J,K,O,R,A){const r=n("el-col"),p=n("el-row"),m=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=k("loading");return c(),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((c(),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",S,[o(m,{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",T,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.email"),width:"300px"},{default:e(a=>[i("span",j,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.nickname"),width:"200px"},{default:e(a=>[i("span",z,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.dateJoined")},{default:e(a=>[i("span",G,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 vt=w(P,[["render",V],["__scopeId","data-v-4556864d"]]);export{vt as default};