@acedatacloud/nexior 3.22.0 → 3.24.0

package/dist/assets/{Index-DlwzbkYR.js → Index-DNUO_WLR.js}

@@ -1 +1 @@
-import{F as V}from"./index.es-B1Cre0ht.js";import{E as G}from"./index-CvUpzdE1.js";import{E as P}from"./index-CDRWFNPw.js";import{d as v,h as b,b as l,t as c,k as t,r as C,j as p,l as a,o,cf as L,x as i,D as _,F as I,v as T,i as E,n as S,c as D,y as $,f9 as j,dA as z,dn as O,dv as B,dw as A}from"./index-Bxn0D_Ay.js";import{I as M}from"./InfoIcon-xpG6wYiZ.js";import{I as q}from"./ImagePreview-BKjWRoxg.js";import{E as F}from"./index-CiupJjd2.js";import{E as w}from"./index-KMXdPkbR.js";import{a as N,E as H}from"./index-DkwacTMf.js";import{E as U}from"./index-r5mkEdBU.js";import{E as J,a as K}from"./index-DG2fa-ow.js";import{A as Q}from"./Status-hwkT5ahP.js";import{C as W}from"./CopyToClipboard-C7oZlhvf.js";import{E as X}from"./index-I256GqO3.js";import{a as Y,E as Z}from"./index-CMofrOYp.js";import"./use-form-item-BHzDGeGF.js";import"./index-r5W6hzzQ.js";import"./index-zhXzFU3e.js";import"./index-DA1L1iqe.js";import"./typescript-14ZN9Iqb.js";import"./index-C7dq5GDX.js";import"./_baseClone-DtzNljAk.js";import"./_initCloneObject-BzNbsgMU.js";import"./isEqual-CYpeyoZ0.js";import"./debounce-D_GSfnKF.js";import"./index-kwhOoHli.js";import"./strings-Djoxz8AJ.js";import"./isPlainObject-STqtLEhU.js";const x=v({name:"LayoutHeadshots",components:{ElDrawer:P,ElButton:G,FontAwesomeIcon:V},data(){return{drawer:!1}}}),ee={class:"main flex flex-row flex-1"},te={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},se={class:"result h-full p-[15px] flex-1 flex flex-col"};function oe(e,s,m,u,y,k){const d=a("font-awesome-icon"),h=a("el-button"),n=a("el-drawer");return o(),l("div",ee,[c("div",te,[C(e.$slots,"config",{},void 0,!0)]),c("div",se,[C(e.$slots,"result",{},void 0,!0)]),t(h,{circle:"",class:"menu",onClick:s[0]||(s[0]=r=>e.drawer=!0)},{default:p(()=>[t(d,{icon:"fa-solid fa-gear"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=r=>e.drawer=r),"with-header":!1,size:"340px",class:"drawer"},{default:p(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ae=b(x,[["render",oe],["__scopeId","data-v-21e11492"]]),ne=v({name:"ImageUrlsInput",components:{ElUpload:F,ElButton:G,InfoIcon:M,ImagePreview:q,FontAwesomeIcon:V},data(){return{fileList:[],uploadUrl:L()+"/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.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ie={class:"field"},le={class:"title font-bold"},re={class:"upload-wrapper"};function ce(e,s,m,u,y,k){const d=a("image-preview"),h=a("font-awesome-icon"),n=a("el-button"),r=a("el-upload"),f=a("info-icon");return o(),l("div",ie,[c("h2",le,i(e.$t("headshots.name.endImageUrls")),1),c("div",re,[t(r,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:R=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:p(()=>[t(n,{size:"small",type:"primary",round:""},{default:p(()=>[t(h,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),t(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const de=b(ne,[["render",ce],["__scopeId","data-v-1690629a"]]),pe="fast",me=v({name:"ModeSelector",components:{ElRadioButton:H,ElRadioGroup:N},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=pe)}}),ue={class:"field"},he={class:"title font-bold"};function fe(e,s,m,u,y,k){const d=a("el-radio-button"),h=a("el-radio-group");return o(),l("div",ue,[c("h2",he,i(e.$t("headshots.name.mode")),1),t(h,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),size:"small",class:"mode"},{default:p(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(d,{key:n.value,label:n.value},{default:p(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const _e=b(me,[["render",fe],["__scopeId","data-v-a2a0d5fa"]]),ge=v({name:"StylizeSelector",components:{ElTabs:K,ElTabPane:J,ElImage:U},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),$e={class:"field"},ve=["onClick"],be={class:"name"};function ye(e,s,m,u,y,k){const d=a("el-image"),h=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",$e,[t(n,{modelValue:e.tab,"onUpdate:modelValue":s[0]||(s[0]=r=>e.tab=r)},{default:p(()=>[(o(!0),l(I,null,T(e.elements,(r,f)=>(o(),E(h,{key:f,label:r.displayName,name:f,class:"pane"},{default:p(()=>[(o(!0),l(I,null,T(r.items,(g,R)=>(o(),l("div",{key:R,class:S({item:!0,active:e.value===g.value}),onClick:ft=>e.onToggle(g.value)},[t(d,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),c("span",be,i(g.label),1)],10,ve))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const ke=b(ge,[["render",ye],["__scopeId","data-v-be4bd25d"]]),we=v({name:"PresetPanel",components:{ModeSelector:_e,ImageUrlsInput:de,ElButton:G,FontAwesomeIcon:V,ElementsSelector:ke},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Ie={class:"panel"},Te={class:"config"},Se={class:"actions"};function Ve(e,s,m,u,y,k){const d=a("elements-selector"),h=a("mode-selector"),n=a("image-urls-input"),r=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Ie,[c("div",Te,[t(d,{class:"mb-4"}),t(h,{class:"mb-4"}),t(n,{class:"mb-4"}),c("div",Se,[t(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(r,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Ee=b(we,[["render",Ve],["__scopeId","data-v-78172a54"]]),Ce=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:D(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:u=>{window.open(u,"_blank")}}}}),Ae={class:"image-gallery"},Ge=["src"],Re=["onClick"];function Ue(e,s,m,u,y,k){return o(),l("div",Ae,[(o(!0),l(I,null,T(e.images,(d,h)=>(o(),l("div",{key:h,class:"image-container"},[c("img",{src:d.image_url,alt:"Image"},null,8,Ge),d.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(d.image_url)},i(e.$t("headshots.button.viewImage")),9,Re)):$("",!0)]))),128))])}const Pe=b(Ce,[["render",Ue],["__scopeId","data-v-03641510"]]),Le=v({name:"TaskPreview",components:{ElImage:U,CopyToClipboard:W,FontAwesomeIcon:V,ElAlert:X,ImageGallery:Pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onReload(e){const s=e.target,m=new URL(s.src),u=m.searchParams.get("retry");if(!u)m.searchParams.set("retry","1");else if(parseInt(u)<2)m.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),De={class:"preview"},je={class:"left"},ze={class:"main"},Oe={class:"bot"},Be={class:"datetime"},Me={class:"info"},qe={key:0,class:"prompt mt-2"},Fe={key:0},Ne={key:1},He={key:0,class:S({content:!0,failed:!0})},Je={class:"image-wrapper"},Ke={class:"description"},Qe={key:1,class:S({content:!0})},We={class:"description"},Xe={class:"description"},Ye={class:"description"},Ze={key:2,class:S({content:!0})},xe={class:"description"},et={key:3,class:S({content:!0})},tt={class:"description"};function st(e,s,m,u,y,k){const d=a("el-image"),h=a("image-gallery"),n=a("font-awesome-icon"),r=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",De,[c("div",je,[t(d,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),c("div",ze,[c("div",Oe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),c("span",Be,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Me,[e.modelValue?.request?.template?(o(),l("p",qe,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",Fe," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Ne," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",He,[c("div",Je,[t(h,{"model-value":e.modelValue},null,8,["model-value"])]),t(f,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",Ke,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Qe,[t(f,{closable:!1,class:"failure"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",We,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Xe,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(r,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),c("p",Ye,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(r,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",Ze,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",xe,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",et,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",tt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const ot=b(Le,[["render",st],["__scopeId","data-v-77229910"]]),at=v({name:"RecentPanel",components:{TaskPreview:ot,ElSkeleton:Z,ElSkeletonItem:Y},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),nt={key:0,class:"tasks"},it={class:"left"},lt={class:"main"},rt={key:1,class:"tasks"},ct={key:2,class:"description"};function dt(e,s,m,u,y,k){const d=a("el-skeleton-item"),h=a("el-skeleton"),n=a("task-preview");return o(),l("div",{ref:"panel",class:"panel recent",onScroll:s[0]||(s[0]=(...r)=>e.onHandleScroll&&e.onHandleScroll(...r))},[e.tasks?.items===void 0?(o(),l("div",nt,[(o(),l(I,null,T(3,r=>c("div",{key:r,class:"task placeholder"},[c("div",it,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"image",class:"avatar"})]),_:1})]),c("div",lt,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"p",class:"title"}),t(d,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",rt,[(o(!0),l(I,null,T(e.tasks?.items,(r,f)=>(o(),E(n,{key:f,"model-value":r,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",ct,i(e.$t("headshots.message.noTasks")),1)):$("",!0)],544)}const pt=b(at,[["render",dt],["__scopeId","data-v-d79bcb1f"]]),mt="https://webhook.acedata.cloud/headshots",ut=v({name:"HeadshotsIndex",components:{ConfigPanel:Ee,Layout:ae,ApplicationStatus:Q,RecentPanel:pt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.headshots?.status?.getApplications===A.Request},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===A.Request},needApply(){return this.$store.state.headshots.status.getApplications===A.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){O.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===B&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:m,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",u),await this.$store.dispatch("headshots/getTasks",{limit:s,createdAtMin:m,createdAtMax:u})},async onGeneratePicture(){const e={...this.config,callback_url:mt},s=this.credential?.token;if(!s){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),j.generate(e,{token:s}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===z?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ht(e,s,m,u,y,k){const d=a("config-panel"),h=a("application-status"),n=a("recent-panel"),r=a("layout");return o(),E(r,null,{config:p(()=>[t(d,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:p(()=>[t(h,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),t(n,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Nt=b(ut,[["render",ht],["__scopeId","data-v-19d3c623"]]);export{Nt as default};
+import{F as V}from"./index.es-BLCm9UT-.js";import{E as G}from"./index-Czog4o5z.js";import{E as P}from"./index-Cs65NgP9.js";import{d as v,h as b,b as l,t as c,k as t,r as C,j as p,l as a,o,cf as L,x as i,D as _,F as I,v as T,i as E,n as S,c as D,y as $,f9 as j,dA as z,dn as O,dv as B,dw as A}from"./index-CLwJbfYs.js";import{I as M}from"./InfoIcon-htaT17q9.js";import{I as q}from"./ImagePreview-VnpfW9Pj.js";import{E as F}from"./index-Colfa9sv.js";import{E as w}from"./index-CQvuK-4v.js";import{a as N,E as H}from"./index-DbY2GEPa.js";import{E as U}from"./index-O2tEst1s.js";import{E as J,a as K}from"./index-BZHTBEqD.js";import{A as Q}from"./Status-C3EStxoL.js";import{C as W}from"./CopyToClipboard-CzE5Qyes.js";import{E as X}from"./index-DNuWNnk-.js";import{a as Y,E as Z}from"./index-MlWSSchD.js";import"./use-form-item-CRDWzFx1.js";import"./index-r5W6hzzQ.js";import"./index-DITqxnfk.js";import"./index-AT7DtKgl.js";import"./typescript-CoKqfRJS.js";import"./index-D3gVuWw7.js";import"./_baseClone-B6o0klpv.js";import"./_initCloneObject-iRvJrG7M.js";import"./isEqual-DQdO_K1-.js";import"./debounce-CEE_CsrA.js";import"./index-C1s2diPf.js";import"./strings-WMZYwrQD.js";import"./isPlainObject-BsyTgoxK.js";const x=v({name:"LayoutHeadshots",components:{ElDrawer:P,ElButton:G,FontAwesomeIcon:V},data(){return{drawer:!1}}}),ee={class:"main flex flex-row flex-1"},te={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},se={class:"result h-full p-[15px] flex-1 flex flex-col"};function oe(e,s,m,u,y,k){const d=a("font-awesome-icon"),h=a("el-button"),n=a("el-drawer");return o(),l("div",ee,[c("div",te,[C(e.$slots,"config",{},void 0,!0)]),c("div",se,[C(e.$slots,"result",{},void 0,!0)]),t(h,{circle:"",class:"menu",onClick:s[0]||(s[0]=r=>e.drawer=!0)},{default:p(()=>[t(d,{icon:"fa-solid fa-gear"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=r=>e.drawer=r),"with-header":!1,size:"340px",class:"drawer"},{default:p(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ae=b(x,[["render",oe],["__scopeId","data-v-21e11492"]]),ne=v({name:"ImageUrlsInput",components:{ElUpload:F,ElButton:G,InfoIcon:M,ImagePreview:q,FontAwesomeIcon:V},data(){return{fileList:[],uploadUrl:L()+"/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.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ie={class:"field"},le={class:"title font-bold"},re={class:"upload-wrapper"};function ce(e,s,m,u,y,k){const d=a("image-preview"),h=a("font-awesome-icon"),n=a("el-button"),r=a("el-upload"),f=a("info-icon");return o(),l("div",ie,[c("h2",le,i(e.$t("headshots.name.endImageUrls")),1),c("div",re,[t(r,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:R=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:p(()=>[t(n,{size:"small",type:"primary",round:""},{default:p(()=>[t(h,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),t(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const de=b(ne,[["render",ce],["__scopeId","data-v-1690629a"]]),pe="fast",me=v({name:"ModeSelector",components:{ElRadioButton:H,ElRadioGroup:N},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=pe)}}),ue={class:"field"},he={class:"title font-bold"};function fe(e,s,m,u,y,k){const d=a("el-radio-button"),h=a("el-radio-group");return o(),l("div",ue,[c("h2",he,i(e.$t("headshots.name.mode")),1),t(h,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),size:"small",class:"mode"},{default:p(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(d,{key:n.value,label:n.value},{default:p(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const _e=b(me,[["render",fe],["__scopeId","data-v-a2a0d5fa"]]),ge=v({name:"StylizeSelector",components:{ElTabs:K,ElTabPane:J,ElImage:U},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),$e={class:"field"},ve=["onClick"],be={class:"name"};function ye(e,s,m,u,y,k){const d=a("el-image"),h=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",$e,[t(n,{modelValue:e.tab,"onUpdate:modelValue":s[0]||(s[0]=r=>e.tab=r)},{default:p(()=>[(o(!0),l(I,null,T(e.elements,(r,f)=>(o(),E(h,{key:f,label:r.displayName,name:f,class:"pane"},{default:p(()=>[(o(!0),l(I,null,T(r.items,(g,R)=>(o(),l("div",{key:R,class:S({item:!0,active:e.value===g.value}),onClick:ft=>e.onToggle(g.value)},[t(d,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),c("span",be,i(g.label),1)],10,ve))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const ke=b(ge,[["render",ye],["__scopeId","data-v-be4bd25d"]]),we=v({name:"PresetPanel",components:{ModeSelector:_e,ImageUrlsInput:de,ElButton:G,FontAwesomeIcon:V,ElementsSelector:ke},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Ie={class:"panel"},Te={class:"config"},Se={class:"actions"};function Ve(e,s,m,u,y,k){const d=a("elements-selector"),h=a("mode-selector"),n=a("image-urls-input"),r=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Ie,[c("div",Te,[t(d,{class:"mb-4"}),t(h,{class:"mb-4"}),t(n,{class:"mb-4"}),c("div",Se,[t(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(r,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Ee=b(we,[["render",Ve],["__scopeId","data-v-78172a54"]]),Ce=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:D(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:u=>{window.open(u,"_blank")}}}}),Ae={class:"image-gallery"},Ge=["src"],Re=["onClick"];function Ue(e,s,m,u,y,k){return o(),l("div",Ae,[(o(!0),l(I,null,T(e.images,(d,h)=>(o(),l("div",{key:h,class:"image-container"},[c("img",{src:d.image_url,alt:"Image"},null,8,Ge),d.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(d.image_url)},i(e.$t("headshots.button.viewImage")),9,Re)):$("",!0)]))),128))])}const Pe=b(Ce,[["render",Ue],["__scopeId","data-v-03641510"]]),Le=v({name:"TaskPreview",components:{ElImage:U,CopyToClipboard:W,FontAwesomeIcon:V,ElAlert:X,ImageGallery:Pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onReload(e){const s=e.target,m=new URL(s.src),u=m.searchParams.get("retry");if(!u)m.searchParams.set("retry","1");else if(parseInt(u)<2)m.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),De={class:"preview"},je={class:"left"},ze={class:"main"},Oe={class:"bot"},Be={class:"datetime"},Me={class:"info"},qe={key:0,class:"prompt mt-2"},Fe={key:0},Ne={key:1},He={key:0,class:S({content:!0,failed:!0})},Je={class:"image-wrapper"},Ke={class:"description"},Qe={key:1,class:S({content:!0})},We={class:"description"},Xe={class:"description"},Ye={class:"description"},Ze={key:2,class:S({content:!0})},xe={class:"description"},et={key:3,class:S({content:!0})},tt={class:"description"};function st(e,s,m,u,y,k){const d=a("el-image"),h=a("image-gallery"),n=a("font-awesome-icon"),r=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",De,[c("div",je,[t(d,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),c("div",ze,[c("div",Oe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),c("span",Be,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Me,[e.modelValue?.request?.template?(o(),l("p",qe,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",Fe," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Ne," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",He,[c("div",Je,[t(h,{"model-value":e.modelValue},null,8,["model-value"])]),t(f,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",Ke,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Qe,[t(f,{closable:!1,class:"failure"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",We,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Xe,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(r,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),c("p",Ye,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(r,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",Ze,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",xe,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",et,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",tt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const ot=b(Le,[["render",st],["__scopeId","data-v-77229910"]]),at=v({name:"RecentPanel",components:{TaskPreview:ot,ElSkeleton:Z,ElSkeletonItem:Y},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),nt={key:0,class:"tasks"},it={class:"left"},lt={class:"main"},rt={key:1,class:"tasks"},ct={key:2,class:"description"};function dt(e,s,m,u,y,k){const d=a("el-skeleton-item"),h=a("el-skeleton"),n=a("task-preview");return o(),l("div",{ref:"panel",class:"panel recent",onScroll:s[0]||(s[0]=(...r)=>e.onHandleScroll&&e.onHandleScroll(...r))},[e.tasks?.items===void 0?(o(),l("div",nt,[(o(),l(I,null,T(3,r=>c("div",{key:r,class:"task placeholder"},[c("div",it,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"image",class:"avatar"})]),_:1})]),c("div",lt,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"p",class:"title"}),t(d,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",rt,[(o(!0),l(I,null,T(e.tasks?.items,(r,f)=>(o(),E(n,{key:f,"model-value":r,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",ct,i(e.$t("headshots.message.noTasks")),1)):$("",!0)],544)}const pt=b(at,[["render",dt],["__scopeId","data-v-d79bcb1f"]]),mt="https://webhook.acedata.cloud/headshots",ut=v({name:"HeadshotsIndex",components:{ConfigPanel:Ee,Layout:ae,ApplicationStatus:Q,RecentPanel:pt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.headshots?.status?.getApplications===A.Request},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===A.Request},needApply(){return this.$store.state.headshots.status.getApplications===A.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){O.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===B&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:m,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",u),await this.$store.dispatch("headshots/getTasks",{limit:s,createdAtMin:m,createdAtMax:u})},async onGeneratePicture(){const e={...this.config,callback_url:mt},s=this.credential?.token;if(!s){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),j.generate(e,{token:s}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===z?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ht(e,s,m,u,y,k){const d=a("config-panel"),h=a("application-status"),n=a("recent-panel"),r=a("layout");return o(),E(r,null,{config:p(()=>[t(d,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:p(()=>[t(h,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),t(n,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Nt=b(ut,[["render",ht],["__scopeId","data-v-19d3c623"]]);export{Nt as default};

package/dist/assets/{Index-rnba5CTp.js → Index-DNxQOH2I.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-B1Cre0ht.js";import{E as A}from"./index-CvUpzdE1.js";import{E as O}from"./index-CDRWFNPw.js";import{d as g,h as k,b as l,t as r,k as t,r as R,j as m,l as s,o as a,ez as q,x as i,F as S,v as C,i as I,eA as j,D as h,eB as B,cf as z,y as $,n as P,eC as N,dA as F,dn as K,dv as H,dw as D}from"./index-Bxn0D_Ay.js";import{I as G}from"./InfoIcon-xpG6wYiZ.js";import{E as J}from"./index-Nq6BDZRS.js";import{E as L,a as M}from"./index-ZXXqKgb5.js";import{a as Q,E as W}from"./index-DkwacTMf.js";import{I as X}from"./ImagePreview-BKjWRoxg.js";import{E as Y}from"./index-CiupJjd2.js";import{E as V}from"./index-KMXdPkbR.js";import{E as Z}from"./index-BG27krBY.js";import{C as x,N as ee}from"./NoTasks-RqxH5tU5.js";import{a as te}from"./price-crtYVYmR.js";import{C as oe}from"./CopyToClipboard-C7oZlhvf.js";import{s as se}from"./vue-plyr-QZFBikSk.js";import{E as ae}from"./index-zhXzFU3e.js";import{E as ne}from"./index-I256GqO3.js";import{E as ie}from"./index-r5mkEdBU.js";import{B as le}from"./BotPlaceholder-BgltR-o8.js";import"./use-form-item-BHzDGeGF.js";import"./index-r5W6hzzQ.js";import"./index-DA1L1iqe.js";import"./index-BZxyIS6v.js";import"./typescript-14ZN9Iqb.js";import"./strings-Djoxz8AJ.js";import"./castArray-C-yFxvxW.js";import"./isEqual-CYpeyoZ0.js";import"./_initCloneObject-BzNbsgMU.js";import"./debounce-D_GSfnKF.js";import"./_baseIteratee-W5a_Nlyi.js";import"./index-ekLS25Os.js";import"./index-C7dq5GDX.js";import"./_baseClone-DtzNljAk.js";import"./index-kwhOoHli.js";import"./index-CMofrOYp.js";const re=g({name:"LayoutPika",components:{ElDrawer:O,ElButton:A,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ce={class:"main flex flex-row flex-1"},pe={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},de={class:"result h-full p-[15px] flex-1 flex flex-col"};function ue(e,o,c,d,v,b){const p=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),l("div",ce,[r("div",pe,[R(e.$slots,"config",{},void 0,!0)]),r("div",de,[R(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=y=>e.drawer=!0)},{default:m(()=>[t(p,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=y=>e.drawer=y),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const me=k(re,[["render",ue],["__scopeId","data-v-80748529"]]),fe=g({name:"IngredientsSelector",components:{ElSwitch:J,InfoIcon:G},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug("set ingredients",e),e||this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,model:"2.0"})}}},mounted(){this.value===void 0&&(this.value=q)}}),_e={class:"field"},he={class:"title font-bold"};function $e(e,o,c,d,v,b){const p=s("el-switch"),u=s("info-icon");return a(),l("div",_e,[r("h2",he,i(e.$t("pika.name.ingredients")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"]),t(u,{content:e.$t("pika.description.ingredients"),class:"info"},null,8,["content"])])}const ge=k(fe,[["render",$e],["__scopeId","data-v-17c0af5c"]]),ke=g({name:"EffectSelector",components:{ElSelect:M,ElOption:L},data(){return{}},computed:{options(){return[{value:"Levitate",label:this.$t("pika.style.effect1")},{value:"Decapitate",label:this.$t("pika.style.effect2")},{value:"Eye-pop",label:this.$t("pika.style.effect3")},{value:"Ta-da",label:this.$t("pika.style.effect4")},{value:"Deflate",label:this.$t("pika.style.effect5")},{value:"Crumble",label:this.$t("pika.style.effect6")},{value:"Dissolve",label:this.$t("pika.style.effect7")},{value:"Squish",label:this.$t("pika.style.effect8")},{value:"Inflate",label:this.$t("pika.style.effect9")},{value:"Melt",label:this.$t("pika.style.effect10")},{value:"Cake-ify",label:this.$t("pika.style.effect11")},{value:"Crush",label:this.$t("pika.style.effect12")},{value:"Explode",label:this.$t("pika.style.effect13")}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,effect:e})}}}}),ve={class:"field"},be={class:"title font-bold"},ye={class:"float-left"};function we(e,o,c,d,v,b){const p=s("el-option"),u=s("el-select");return a(),l("div",ve,[r("h2",be,i(e.$t("pika.name.effect")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.label,value:n.value},{default:m(()=>[r("span",ye,i(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=k(ke,[["render",we],["__scopeId","data-v-d1c54475"]]),Ie=g({name:"IngredientsModelSelector",components:{ElRadioButton:W,ElRadioGroup:Q},data(){return{options:[{label:this.$t("pika.button.precise"),value:"precise"},{label:this.$t("pika.button.creative"),value:"creative"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||(this.value=j)}}),Ee={class:"field"},Se={class:"title font-bold"};function Ce(e,o,c,d,v,b){const p=s("el-radio-button"),u=s("el-radio-group");return a(),l("div",Ee,[r("h2",Se,i(e.$t("pika.name.ingredientsModel")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),size:"small",class:"quality"},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.value},{default:m(()=>[h(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const Te=k(Ie,[["render",Ce],["__scopeId","data-v-b948551f"]]),Ae=g({name:"ModelSelector",components:{ElSelect:M,ElOption:L},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"2.0",label:"2.0"},{value:"1.5",label:"1.5"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||(this.value=B)}}),Pe={class:"field"},Ue={class:"title font-bold"};function Re(e,o,c,d,v,b){const p=s("el-option"),u=s("el-select");return a(),l("div",Pe,[r("h2",Ue,i(e.$t("pika.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=k(Ae,[["render",Re],["__scopeId","data-v-7b2e870a"]]),Ge=g({name:"ImageUrlInput",components:{ElUpload:Y,ElButton:A,InfoIcon:G,ImagePreview:X,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:z()+"/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.pika?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("pika.message.uploadStartImageExceed"))},onError(){V.error(this.$t("pika.message.uploadStartImageError"))},async onRemove(){V.error(this.$t("pika.message.uploadStartImageError"))},onSetStartImageUrl(){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Le={class:"field"},Me={class:"title font-bold"},Oe={class:"upload-wrapper"};function qe(e,o,c,d,v,b){const p=s("image-preview"),u=s("font-awesome-icon"),n=s("el-button"),y=s("el-upload"),_=s("info-icon");return a(),l("div",Le,[r("h2",Me,i(e.$t("pika.name.imageUrl")),1),r("div",Oe,[t(y,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:3,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:f})=>[t(p,{url:f.url||f.response?.file_url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[t(n,{size:"small",type:"primary",round:""},{default:m(()=>[t(u,{icon:"fa-solid fa-upload",class:"mr-1"}),h(" "+i(e.$t("pika.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])]),t(_,{content:e.$t("pika.description.imageUrl"),class:"info"},null,8,["content"])])}const je=k(Ge,[["render",qe],["__scopeId","data-v-18cda67a"]]),Be="",ze=g({name:"PromptInput",components:{ElInput:Z,InfoIcon:G},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Be)}}),Ne={class:"field"},Fe={class:"box"},Ke={class:"title font-bold"};function He(e,o,c,d,v,b){const p=s("info-icon"),u=s("el-input");return a(),l("div",Ne,[r("div",Fe,[r("h2",Ke,i(e.$t("pika.name.prompt")),1),t(p,{content:e.$t("pika.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pika.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Je=k(ze,[["render",He],["__scopeId","data-v-b94e7a3e"]]),Qe=g({name:"PresetPanel",components:{ImageUrlInput:je,ElButton:A,FontAwesomeIcon:T,Consumption:x,PromptInput:Je,IngredientsSelector:ge,IngredientsModelSelector:Te,ModelSelector:De,EffectSelector:Ve},emits:["generate"],computed:{config(){return this.$store.state.pika?.config},consumption(){return te(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit("generate")}}}),We={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-[15px]"},Ye={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ze(e,o,c,d,v,b){const p=s("prompt-input"),u=s("model-selector"),n=s("ingredients-selector"),y=s("effect-selector"),_=s("image-url-input"),f=s("ingredients-model-selector"),E=s("consumption"),w=s("font-awesome-icon"),U=s("el-button");return a(),l("div",We,[r("div",Xe,[t(p,{class:"mb-4"}),t(u,{class:"mb-4"}),t(n,{class:"mb-4"}),t(y,{class:"mb-4"}),e.config?.ingredients?(a(),I(_,{key:0,class:"mb-4"})):$("",!0),e.config?.ingredients?(a(),I(f,{key:1,class:"mb-4"})):$("",!0)]),r("div",Ye,[t(E,{value:e.consumption,service:e.service},null,8,["value","service"]),t(U,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(w,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("pika.button.generate")),1)]),_:1},8,["onClick"])])])}const xe=k(Qe,[["render",Ze]]),et=g({name:"VideoPlayer",components:{VuePlyr:se},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:"1080p"}}}}}),tt=["data-poster"],ot=["src"];function st(e,o,c,d,v,b){const p=s("vue-plyr");return a(),l("div",null,[t(p,{options:e.options,class:"video"},{default:m(()=>[r("video",{controls:"",crossorigin:"",playsinline:"","data-poster":e.modelValue?.image_url},[r("source",{size:"1080",src:e.modelValue?.video_url,type:"video/mp4"},null,8,ot)],8,tt)]),_:1},8,["options"])])}const at=k(et,[["render",st],["__scopeId","data-v-fc420430"]]),nt=g({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:oe,FontAwesomeIcon:T,ElAlert:ne,VideoPlayer:at,ElTooltip:ae,ElButton:A},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(c=>{let d=c;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e){console.log("on download"),window.open(e,"_blank")},onReload(e){const o=e.target,c=new URL(o.src),d=c.searchParams.get("retry");if(!d)c.searchParams.set("retry","1");else if(parseInt(d)<2)c.searchParams.set("retry",(parseInt(d)+1).toString());else return;o.src=c.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),it={class:"left"},lt={class:"main"},rt={class:"bot"},ct={class:"datetime"},pt={class:"info"},dt={key:0,class:"prompt mt-2"},ut={key:0},mt={key:1},ft={key:0,class:P({content:!0,failed:!0})},_t={class:"image-wrapper"},ht={key:0,class:P({operations:!0,"mt-2":!0})},$t={key:0,class:"description"},gt={class:"description"},kt={key:1,class:P({content:!0})},vt={class:"description"},bt={class:"description"},yt={class:"description"},wt={key:2,class:P({content:!0})},Vt={class:"description"};function It(e,o,c,d,v,b){const p=s("el-image"),u=s("VideoPlayer"),n=s("el-button"),y=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return a(!0),l(S,null,C(e.videos,(w,U)=>(a(),l("div",{key:U,class:"preview"},[r("div",it,[t(p,{src:"https://cdn.acedata.cloud/i80tgn.png",class:"avatar"})]),r("div",lt,[r("div",rt,[h(i(e.$t("pika.name.pikaBot"))+" ",1),r("span",ct,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",pt,[e.modelValue?.request?.prompt?(a(),l("p",dt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),l("span",ut," - ("+i(e.$t("pika.status.pending"))+") ",1)),w?.state==="processing"||w?.state==="pending"?(a(),l("span",mt," - ("+i(e.$t("pika.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",ft,[r("div",_t,[t(u,{"model-value":w},null,8,["model-value"])]),w?(a(),l("div",ht,[t(y,{class:"box-item",effect:"dark",content:e.$t("pika.message.downloadVideo"),placement:"top-start"},{default:m(()=>[w?.video_url?(a(),I(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:Lt=>e.onDownload(w?.video_url)},{default:m(()=>[h(i(e.$t("pika.button.download")),1)]),_:2},1032,["onClick"])):$("",!0)]),_:2},1032,["content"])])):$("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:m(()=>[e.modelValue?.request?.model?(a(),l("p",$t,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.model"))+": "+i(e.modelValue?.request?.model),1)])):$("",!0),r("p",gt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),l("div",kt,[t(E,{closable:!1,class:"failure"},{template:m(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",bt,[t(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("pika.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(f,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),r("p",yt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(f,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),!e.modelValue?.response||w?.state==="processing"||w?.state==="pending"?(a(),l("div",wt,[t(E,{closable:!1,class:"info"},{template:m(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",Vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])]))),128)}const Et=k(nt,[["render",It],["__scopeId","data-v-4c2810f1"]]),St=g({name:"RecentPanel",components:{TaskPreview:Et,BotPlaceholder:le,NoTasks:ee},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Ct={key:0},Tt={key:1,class:"tasks h-full w-full overflow-y-auto"},At={key:2,class:"w-full h-full flex items-center justify-center"};function Pt(e,o,c,d,v,b){const p=s("bot-placeholder"),u=s("task-preview"),n=s("no-tasks");return a(),l(S,null,[e.tasks?.items===void 0?(a(),l("div",Ct,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),l("div",Tt,[(a(!0),l(S,null,C(e.tasks?.items,(y,_)=>(a(),I(u,{key:_,"model-value":y},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(a(),l("div",At,[t(n)])):$("",!0)],64)}const Ut=k(St,[["render",Pt]]),Rt="https://webhook.acedata.cloud/pika",Dt=g({name:"PikaIndex",components:{ConfigPanel:xe,Layout:me,RecentPanel:Ut},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pika?.status?.getApplications===D.Request},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===D.Request},needApply(){return this.$store.state.pika.status.getApplications===D.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pika/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pika/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){K.create({application:this.application}).then(({data:e})=>{this.application=e,V.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===H&&V.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:c,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",c,"createdAtMax",d),await this.$store.dispatch("pika/getTasks",{limit:o,createdAtMin:c,createdAtMax:d})},async onGenerate(){const e={...this.config,callback_url:Rt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("pika.message.startingTask")),N.generate(e,{token:o}).then(()=>{V.success(this.$t("pika.message.startTaskSuccess")),this.$store.commit("pika/setConfig",{config:void 0})}).catch(c=>{c?.response?.data?.error?.code===F?V.error(this.$t("pika.message.usedUp")):V.error(this.$t("pika.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Gt(e,o,c,d,v,b){const p=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),I(n,null,{config:m(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[t(u,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const vo=k(Dt,[["render",Gt],["__scopeId","data-v-bc973743"]]);export{vo as default};
+import{F as T}from"./index.es-BLCm9UT-.js";import{E as A}from"./index-Czog4o5z.js";import{E as O}from"./index-Cs65NgP9.js";import{d as g,h as k,b as l,t as r,k as t,r as R,j as m,l as s,o as a,ez as q,x as i,F as S,v as C,i as I,eA as j,D as h,eB as B,cf as z,y as $,n as P,eC as N,dA as F,dn as K,dv as H,dw as D}from"./index-CLwJbfYs.js";import{I as G}from"./InfoIcon-htaT17q9.js";import{E as J}from"./index-BU5-qzoD.js";import{E as L,a as M}from"./index-CLOiWNZO.js";import{a as Q,E as W}from"./index-DbY2GEPa.js";import{I as X}from"./ImagePreview-VnpfW9Pj.js";import{E as Y}from"./index-Colfa9sv.js";import{E as V}from"./index-CQvuK-4v.js";import{E as Z}from"./index-DHn59BRx.js";import{C as x,N as ee}from"./NoTasks-DHdI1Frr.js";import{a as te}from"./price-CZSDhLnN.js";import{C as oe}from"./CopyToClipboard-CzE5Qyes.js";import{s as se}from"./vue-plyr-QZFBikSk.js";import{E as ae}from"./index-DITqxnfk.js";import{E as ne}from"./index-DNuWNnk-.js";import{E as ie}from"./index-O2tEst1s.js";import{B as le}from"./BotPlaceholder-DKPNFbIr.js";import"./use-form-item-CRDWzFx1.js";import"./index-r5W6hzzQ.js";import"./index-AT7DtKgl.js";import"./index-DNzgGVij.js";import"./typescript-CoKqfRJS.js";import"./strings-WMZYwrQD.js";import"./castArray-CoJ3z4SB.js";import"./isEqual-DQdO_K1-.js";import"./_initCloneObject-iRvJrG7M.js";import"./debounce-CEE_CsrA.js";import"./_baseIteratee-Bk7QROEW.js";import"./index-Dc0-osYE.js";import"./index-D3gVuWw7.js";import"./_baseClone-B6o0klpv.js";import"./index-C1s2diPf.js";import"./index-MlWSSchD.js";const re=g({name:"LayoutPika",components:{ElDrawer:O,ElButton:A,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ce={class:"main flex flex-row flex-1"},pe={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},de={class:"result h-full p-[15px] flex-1 flex flex-col"};function ue(e,o,c,d,v,b){const p=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),l("div",ce,[r("div",pe,[R(e.$slots,"config",{},void 0,!0)]),r("div",de,[R(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=y=>e.drawer=!0)},{default:m(()=>[t(p,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=y=>e.drawer=y),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const me=k(re,[["render",ue],["__scopeId","data-v-80748529"]]),fe=g({name:"IngredientsSelector",components:{ElSwitch:J,InfoIcon:G},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug("set ingredients",e),e||this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,model:"2.0"})}}},mounted(){this.value===void 0&&(this.value=q)}}),_e={class:"field"},he={class:"title font-bold"};function $e(e,o,c,d,v,b){const p=s("el-switch"),u=s("info-icon");return a(),l("div",_e,[r("h2",he,i(e.$t("pika.name.ingredients")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"]),t(u,{content:e.$t("pika.description.ingredients"),class:"info"},null,8,["content"])])}const ge=k(fe,[["render",$e],["__scopeId","data-v-17c0af5c"]]),ke=g({name:"EffectSelector",components:{ElSelect:M,ElOption:L},data(){return{}},computed:{options(){return[{value:"Levitate",label:this.$t("pika.style.effect1")},{value:"Decapitate",label:this.$t("pika.style.effect2")},{value:"Eye-pop",label:this.$t("pika.style.effect3")},{value:"Ta-da",label:this.$t("pika.style.effect4")},{value:"Deflate",label:this.$t("pika.style.effect5")},{value:"Crumble",label:this.$t("pika.style.effect6")},{value:"Dissolve",label:this.$t("pika.style.effect7")},{value:"Squish",label:this.$t("pika.style.effect8")},{value:"Inflate",label:this.$t("pika.style.effect9")},{value:"Melt",label:this.$t("pika.style.effect10")},{value:"Cake-ify",label:this.$t("pika.style.effect11")},{value:"Crush",label:this.$t("pika.style.effect12")},{value:"Explode",label:this.$t("pika.style.effect13")}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,effect:e})}}}}),ve={class:"field"},be={class:"title font-bold"},ye={class:"float-left"};function we(e,o,c,d,v,b){const p=s("el-option"),u=s("el-select");return a(),l("div",ve,[r("h2",be,i(e.$t("pika.name.effect")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.label,value:n.value},{default:m(()=>[r("span",ye,i(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=k(ke,[["render",we],["__scopeId","data-v-d1c54475"]]),Ie=g({name:"IngredientsModelSelector",components:{ElRadioButton:W,ElRadioGroup:Q},data(){return{options:[{label:this.$t("pika.button.precise"),value:"precise"},{label:this.$t("pika.button.creative"),value:"creative"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||(this.value=j)}}),Ee={class:"field"},Se={class:"title font-bold"};function Ce(e,o,c,d,v,b){const p=s("el-radio-button"),u=s("el-radio-group");return a(),l("div",Ee,[r("h2",Se,i(e.$t("pika.name.ingredientsModel")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),size:"small",class:"quality"},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.value},{default:m(()=>[h(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const Te=k(Ie,[["render",Ce],["__scopeId","data-v-b948551f"]]),Ae=g({name:"ModelSelector",components:{ElSelect:M,ElOption:L},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"2.0",label:"2.0"},{value:"1.5",label:"1.5"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||(this.value=B)}}),Pe={class:"field"},Ue={class:"title font-bold"};function Re(e,o,c,d,v,b){const p=s("el-option"),u=s("el-select");return a(),l("div",Pe,[r("h2",Ue,i(e.$t("pika.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=k(Ae,[["render",Re],["__scopeId","data-v-7b2e870a"]]),Ge=g({name:"ImageUrlInput",components:{ElUpload:Y,ElButton:A,InfoIcon:G,ImagePreview:X,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:z()+"/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.pika?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("pika.message.uploadStartImageExceed"))},onError(){V.error(this.$t("pika.message.uploadStartImageError"))},async onRemove(){V.error(this.$t("pika.message.uploadStartImageError"))},onSetStartImageUrl(){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Le={class:"field"},Me={class:"title font-bold"},Oe={class:"upload-wrapper"};function qe(e,o,c,d,v,b){const p=s("image-preview"),u=s("font-awesome-icon"),n=s("el-button"),y=s("el-upload"),_=s("info-icon");return a(),l("div",Le,[r("h2",Me,i(e.$t("pika.name.imageUrl")),1),r("div",Oe,[t(y,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:3,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:f})=>[t(p,{url:f.url||f.response?.file_url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[t(n,{size:"small",type:"primary",round:""},{default:m(()=>[t(u,{icon:"fa-solid fa-upload",class:"mr-1"}),h(" "+i(e.$t("pika.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])]),t(_,{content:e.$t("pika.description.imageUrl"),class:"info"},null,8,["content"])])}const je=k(Ge,[["render",qe],["__scopeId","data-v-18cda67a"]]),Be="",ze=g({name:"PromptInput",components:{ElInput:Z,InfoIcon:G},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Be)}}),Ne={class:"field"},Fe={class:"box"},Ke={class:"title font-bold"};function He(e,o,c,d,v,b){const p=s("info-icon"),u=s("el-input");return a(),l("div",Ne,[r("div",Fe,[r("h2",Ke,i(e.$t("pika.name.prompt")),1),t(p,{content:e.$t("pika.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pika.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Je=k(ze,[["render",He],["__scopeId","data-v-b94e7a3e"]]),Qe=g({name:"PresetPanel",components:{ImageUrlInput:je,ElButton:A,FontAwesomeIcon:T,Consumption:x,PromptInput:Je,IngredientsSelector:ge,IngredientsModelSelector:Te,ModelSelector:De,EffectSelector:Ve},emits:["generate"],computed:{config(){return this.$store.state.pika?.config},consumption(){return te(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit("generate")}}}),We={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-[15px]"},Ye={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ze(e,o,c,d,v,b){const p=s("prompt-input"),u=s("model-selector"),n=s("ingredients-selector"),y=s("effect-selector"),_=s("image-url-input"),f=s("ingredients-model-selector"),E=s("consumption"),w=s("font-awesome-icon"),U=s("el-button");return a(),l("div",We,[r("div",Xe,[t(p,{class:"mb-4"}),t(u,{class:"mb-4"}),t(n,{class:"mb-4"}),t(y,{class:"mb-4"}),e.config?.ingredients?(a(),I(_,{key:0,class:"mb-4"})):$("",!0),e.config?.ingredients?(a(),I(f,{key:1,class:"mb-4"})):$("",!0)]),r("div",Ye,[t(E,{value:e.consumption,service:e.service},null,8,["value","service"]),t(U,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(w,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("pika.button.generate")),1)]),_:1},8,["onClick"])])])}const xe=k(Qe,[["render",Ze]]),et=g({name:"VideoPlayer",components:{VuePlyr:se},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:"1080p"}}}}}),tt=["data-poster"],ot=["src"];function st(e,o,c,d,v,b){const p=s("vue-plyr");return a(),l("div",null,[t(p,{options:e.options,class:"video"},{default:m(()=>[r("video",{controls:"",crossorigin:"",playsinline:"","data-poster":e.modelValue?.image_url},[r("source",{size:"1080",src:e.modelValue?.video_url,type:"video/mp4"},null,8,ot)],8,tt)]),_:1},8,["options"])])}const at=k(et,[["render",st],["__scopeId","data-v-fc420430"]]),nt=g({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:oe,FontAwesomeIcon:T,ElAlert:ne,VideoPlayer:at,ElTooltip:ae,ElButton:A},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(c=>{let d=c;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e){console.log("on download"),window.open(e,"_blank")},onReload(e){const o=e.target,c=new URL(o.src),d=c.searchParams.get("retry");if(!d)c.searchParams.set("retry","1");else if(parseInt(d)<2)c.searchParams.set("retry",(parseInt(d)+1).toString());else return;o.src=c.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),it={class:"left"},lt={class:"main"},rt={class:"bot"},ct={class:"datetime"},pt={class:"info"},dt={key:0,class:"prompt mt-2"},ut={key:0},mt={key:1},ft={key:0,class:P({content:!0,failed:!0})},_t={class:"image-wrapper"},ht={key:0,class:P({operations:!0,"mt-2":!0})},$t={key:0,class:"description"},gt={class:"description"},kt={key:1,class:P({content:!0})},vt={class:"description"},bt={class:"description"},yt={class:"description"},wt={key:2,class:P({content:!0})},Vt={class:"description"};function It(e,o,c,d,v,b){const p=s("el-image"),u=s("VideoPlayer"),n=s("el-button"),y=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return a(!0),l(S,null,C(e.videos,(w,U)=>(a(),l("div",{key:U,class:"preview"},[r("div",it,[t(p,{src:"https://cdn.acedata.cloud/i80tgn.png",class:"avatar"})]),r("div",lt,[r("div",rt,[h(i(e.$t("pika.name.pikaBot"))+" ",1),r("span",ct,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",pt,[e.modelValue?.request?.prompt?(a(),l("p",dt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),l("span",ut," - ("+i(e.$t("pika.status.pending"))+") ",1)),w?.state==="processing"||w?.state==="pending"?(a(),l("span",mt," - ("+i(e.$t("pika.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",ft,[r("div",_t,[t(u,{"model-value":w},null,8,["model-value"])]),w?(a(),l("div",ht,[t(y,{class:"box-item",effect:"dark",content:e.$t("pika.message.downloadVideo"),placement:"top-start"},{default:m(()=>[w?.video_url?(a(),I(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:Lt=>e.onDownload(w?.video_url)},{default:m(()=>[h(i(e.$t("pika.button.download")),1)]),_:2},1032,["onClick"])):$("",!0)]),_:2},1032,["content"])])):$("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:m(()=>[e.modelValue?.request?.model?(a(),l("p",$t,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.model"))+": "+i(e.modelValue?.request?.model),1)])):$("",!0),r("p",gt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),l("div",kt,[t(E,{closable:!1,class:"failure"},{template:m(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",bt,[t(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("pika.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(f,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),r("p",yt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(f,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),!e.modelValue?.response||w?.state==="processing"||w?.state==="pending"?(a(),l("div",wt,[t(E,{closable:!1,class:"info"},{template:m(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",Vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])]))),128)}const Et=k(nt,[["render",It],["__scopeId","data-v-4c2810f1"]]),St=g({name:"RecentPanel",components:{TaskPreview:Et,BotPlaceholder:le,NoTasks:ee},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Ct={key:0},Tt={key:1,class:"tasks h-full w-full overflow-y-auto"},At={key:2,class:"w-full h-full flex items-center justify-center"};function Pt(e,o,c,d,v,b){const p=s("bot-placeholder"),u=s("task-preview"),n=s("no-tasks");return a(),l(S,null,[e.tasks?.items===void 0?(a(),l("div",Ct,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),l("div",Tt,[(a(!0),l(S,null,C(e.tasks?.items,(y,_)=>(a(),I(u,{key:_,"model-value":y},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(a(),l("div",At,[t(n)])):$("",!0)],64)}const Ut=k(St,[["render",Pt]]),Rt="https://webhook.acedata.cloud/pika",Dt=g({name:"PikaIndex",components:{ConfigPanel:xe,Layout:me,RecentPanel:Ut},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pika?.status?.getApplications===D.Request},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===D.Request},needApply(){return this.$store.state.pika.status.getApplications===D.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pika/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pika/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){K.create({application:this.application}).then(({data:e})=>{this.application=e,V.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===H&&V.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:c,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",c,"createdAtMax",d),await this.$store.dispatch("pika/getTasks",{limit:o,createdAtMin:c,createdAtMax:d})},async onGenerate(){const e={...this.config,callback_url:Rt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("pika.message.startingTask")),N.generate(e,{token:o}).then(()=>{V.success(this.$t("pika.message.startTaskSuccess")),this.$store.commit("pika/setConfig",{config:void 0})}).catch(c=>{c?.response?.data?.error?.code===F?V.error(this.$t("pika.message.usedUp")):V.error(this.$t("pika.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Gt(e,o,c,d,v,b){const p=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),I(n,null,{config:m(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[t(u,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const vo=k(Dt,[["render",Gt],["__scopeId","data-v-bc973743"]]);export{vo as default};

package/dist/assets/Index-DPQ747pA.css

@@ -0,0 +1 @@
+.menu[data-v-3794959b]{display:none}@media (max-width: 767px){.config[data-v-3794959b]{display:none}.result[data-v-3794959b]{width:100%}.menu[data-v-3794959b]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.field[data-v-90545c19]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-90545c19]{width:30%;display:flex;align-items:center}.field .label .box[data-v-90545c19]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-90545c19]{font-size:14px;margin:0}.field .label .box .info[data-v-90545c19]{margin-left:6px}.field .value[data-v-90545c19]{width:160px}.field .box[data-v-38b040ab]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-38b040ab]{font-size:14px;margin-bottom:10px}.field .info[data-v-38b040ab]{margin-left:auto}.field .prompt[data-v-38b040ab]{resize:none}.field[data-v-e51b32d6]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-e51b32d6]{font-size:14px;margin:0;width:30%}.field .value[data-v-e51b32d6]{width:160px}.field[data-v-e279ee32]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-e279ee32]{width:30%;display:flex;align-items:center}.field .label .box[data-v-e279ee32]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-e279ee32]{font-size:14px;margin:0}.field .label .box .info[data-v-e279ee32]{margin-left:6px}.field .value[data-v-e279ee32]{width:160px}.field[data-v-05ae87bb]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-05ae87bb]{width:30%;display:flex;align-items:center}.field .label .box[data-v-05ae87bb]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-05ae87bb]{font-size:14px;margin:0}.field .label .box .info[data-v-05ae87bb]{margin-left:6px}.field .value[data-v-05ae87bb]{width:160px}.preview[data-v-9b00dfc4]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:10px}.preview .left[data-v-9b00dfc4]{width:70px}.preview .left .avatar[data-v-9b00dfc4]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-9b00dfc4]{flex:1;width:calc(100% - 70px);padding:10px 10px 0}.preview .main .bot[data-v-9b00dfc4]{font-size:16px;font-weight:700;color:#2ecc71;margin-bottom:0;margin-top:0}.preview .main .bot .datetime[data-v-9b00dfc4]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info .prompt[data-v-9b00dfc4]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:15px}.preview .main .content .el-alert[data-v-9b00dfc4]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-9b00dfc4]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-9b00dfc4]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-9b00dfc4]{border-color:var(--el-color-info)}.preview .main .operations[data-v-9b00dfc4]{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-9b00dfc4]{margin-bottom:10px}

package/dist/assets/{Index-DrByJhQj.js → Index-DYEsXBUc.js}

@@ -1 +1 @@
-import{F as U}from"./index.es-B1Cre0ht.js";import{E as I}from"./index-CvUpzdE1.js";import{E as L}from"./index-CDRWFNPw.js";import{d as b,h as k,b as l,t as i,k as t,r as T,j as u,l as o,o as s,f7 as R,x as n,F as C,v as G,i as v,cf as P,D as p,y as h,n as E,aq as j,f8 as D,dA as B,dw as M}from"./index-Bxn0D_Ay.js";import{E as q,a as O}from"./index-ZXXqKgb5.js";import{I as A}from"./InfoIcon-xpG6wYiZ.js";import{I as z}from"./ImagePreview-BKjWRoxg.js";import{E as F}from"./index-CiupJjd2.js";import{E as V}from"./index-KMXdPkbR.js";import{E as N}from"./index-BG27krBY.js";import{C as H,N as K}from"./NoTasks-RqxH5tU5.js";import{a as J}from"./price-crtYVYmR.js";import{C as Q}from"./CopyToClipboard-C7oZlhvf.js";import{V as W}from"./VideoPlayer-BAU_i6Xt.js";import{E as X}from"./index-zhXzFU3e.js";import{E as Y}from"./index-I256GqO3.js";import{E as Z}from"./index-r5mkEdBU.js";import{B as x}from"./BotPlaceholder-BgltR-o8.js";import"./use-form-item-BHzDGeGF.js";import"./index-r5W6hzzQ.js";import"./index-BZxyIS6v.js";import"./typescript-14ZN9Iqb.js";import"./index-DA1L1iqe.js";import"./strings-Djoxz8AJ.js";import"./castArray-C-yFxvxW.js";import"./isEqual-CYpeyoZ0.js";import"./_initCloneObject-BzNbsgMU.js";import"./debounce-D_GSfnKF.js";import"./_baseIteratee-W5a_Nlyi.js";import"./index-ekLS25Os.js";import"./index-C7dq5GDX.js";import"./_baseClone-DtzNljAk.js";import"./index-kwhOoHli.js";import"./vue-plyr-QZFBikSk.js";import"./index-CMofrOYp.js";const ee=b({name:"LayoutHailuo",components:{ElDrawer:L,ElButton:I,FontAwesomeIcon:U},data(){return{drawer:!1}}}),te={class:"main flex flex-row flex-1"},oe={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},se={class:"result h-full p-[15px] flex-1 flex flex-col"};function ae(e,a,f,_,w,y){const d=o("font-awesome-icon"),m=o("el-button"),r=o("el-drawer");return s(),l("div",te,[i("div",oe,[T(e.$slots,"config",{},void 0,!0)]),i("div",se,[T(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:a[0]||(a[0]=g=>e.drawer=!0)},{default:u(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":a[1]||(a[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"340px"},{default:u(()=>[T(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ne=k(ee,[["render",ae],["__scopeId","data-v-096d9205"]]),le=b({name:"ModelSelector",components:{ElSelect:O,ElOption:q},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=R)}}),ie={class:"field"},re={class:"title font-bold"},ce={class:"float-left"};function ue(e,a,f,_,w,y){const d=o("el-option"),m=o("el-select");return s(),l("div",ie,[i("h2",re,n(e.$t("hailuo.name.model")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=r=>e.value=r),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:u(()=>[(s(!0),l(C,null,G(e.options,r=>(s(),v(d,{key:r.value,label:r.label,value:r.value},{default:u(()=>[i("span",ce,n(r.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const de=k(le,[["render",ue],["__scopeId","data-v-30ff1e69"]]),me=b({name:"StartImageUrlInput",components:{ElUpload:F,ElButton:I,InfoIcon:A,ImagePreview:z},data(){return{fileList:[],uploadUrl:P()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){V.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){V.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),pe={class:"relative"},he={class:"flex justify-between"},fe={class:"flex justify-start items-center"},_e={class:"text-sm font-bold"};function ge(e,a,f,_,w,y){const d=o("info-icon"),m=o("image-preview"),r=o("el-button"),g=o("el-upload");return s(),l("div",pe,[i("div",he,[i("div",fe,[i("span",_e,n(e.$t("hailuo.name.startImageUrl")),1),t(d,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(g,{"file-list":e.fileList,"onUpdate:fileList":a[0]||(a[0]=c=>e.fileList=c),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:c})=>[c.url&&c.percentage!==void 0?(s(),v(m,{key:0,url:c.url,name:c.name,percentage:c.percentage,onRemove:$=>e.fileList.splice(e.fileList.indexOf(c),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:u(()=>[t(r,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:u(()=>[p(n(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const $e=k(me,[["render",ge],["__scopeId","data-v-a906df80"]]),ve="",be=b({name:"PromptInput",components:{ElInput:N,InfoIcon:A},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ve)}}),ke={class:"field"},we={class:"box"},ye={class:"title font-bold"};function Ve(e,a,f,_,w,y){const d=o("info-icon"),m=o("el-input");return s(),l("div",ke,[i("div",we,[i("h2",ye,n(e.$t("hailuo.name.prompt")),1),t(d,{content:e.$t("hailuo.description.prompt"),class:"info"},null,8,["content"])]),t(m,{modelValue:e.prompt,"onUpdate:modelValue":a[0]||(a[0]=r=>e.prompt=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("hailuo.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Ie=k(be,[["render",Ve],["__scopeId","data-v-d54ffa64"]]),Ee=b({name:"PresetPanel",components:{ElButton:I,FontAwesomeIcon:U,PromptInput:Ie,StartImageUrlInput:$e,ModelSelector:de,Consumption:H},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return J(this.config,this.service?.metadata?.price)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Se={class:"flex flex-col h-full"},Te={class:"flex-1 overflow-y-auto p-[15px]"},Ce={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ue(e,a,f,_,w,y){const d=o("prompt-input"),m=o("model-selector"),r=o("start-image-url-input"),g=o("consumption"),c=o("font-awesome-icon"),$=o("el-button");return s(),l("div",Se,[i("div",Te,[t(d,{class:"mb-4"}),t(m,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(s(),v(r,{key:0,class:"mb-2"})):h("",!0)]),i("div",Ce,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(s(),v($,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(c,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(s(),v($,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(c,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Ge=k(Ee,[["render",Ue]]),Ae=b({name:"TaskPreview",components:{ElImage:Z,CopyToClipboard:Q,FontAwesomeIcon:U,ElAlert:Y,VideoPlayer:W,ElTooltip:X,ElButton:I},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Le={class:"preview"},Re={class:"left"},Pe={class:"main"},je={class:"bot"},De={class:"datetime"},Be={class:"info"},Me={key:0,class:"prompt mt-2"},qe={key:0},Oe={key:1},ze={key:0,class:E({content:!0,failed:!0})},Fe={key:0,class:"mb-4"},Ne={key:1,class:E({operations:!0,"mt-2":!0})},He={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ke={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Je={key:1,class:E({content:!0})},Qe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},We={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Xe={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ye={key:2,class:E({content:!0})},Ze={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function xe(e,a,f,_,w,y){const d=o("el-image"),m=o("video-player"),r=o("el-button"),g=o("el-tooltip"),c=o("font-awesome-icon"),$=o("copy-to-clipboard"),S=o("el-alert");return s(),l("div",Le,[i("div",Re,[t(d,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),i("div",Pe,[i("div",je,[p(n(e.$t("hailuo.name.hailuoBot"))+" ",1),i("span",De,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",Be,[e.modelValue?.request?.prompt?(s(),l("p",Me,[p(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(s(),l("span",qe," - ("+n(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(s(),l("span",Oe," - ("+n(e.$t("hailuo.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0?(s(),l("div",ze,[e.video?.video_url?(s(),l("div",Fe,[t(m,{src:e.video?.video_url},null,8,["src"])])):h("",!0),e.video?(s(),l("div",Ne,[t(g,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.video?.video_url?(s(),v(r,{key:0,type:"info",size:"small",class:"mb-2",onClick:a[0]||(a[0]=j(ut=>e.onDownload(e.video?.video_url),["stop"]))},{default:u(()=>[p(n(e.$t("hailuo.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"])])):h("",!0),t(S,{closable:!1,class:"mt-2 success"},{default:u(()=>[e.modelValue?.request?.model?(s(),l("p",He,[t(c,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.model"))+": "+n(e.modelValue?.request?.model)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])):h("",!0),i("p",Ke,[t(c,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(s(),l("div",Je,[t(S,{closable:!1,class:"failure"},{template:u(()=>[t(c,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",Qe,[t(c,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])]),i("p",We,[t(c,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),t($,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),i("p",Xe,[t(c,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t($,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(s(),l("div",Ye,[t(S,{closable:!1,class:"info"},{template:u(()=>[t(c,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",Ze,[t(c,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0)])])}const et=k(Ae,[["render",xe],["__scopeId","data-v-72acd507"]]),tt=b({name:"RecentPanel",components:{TaskPreview:et,BotPlaceholder:x,NoTasks:K},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),ot={key:0},st={key:1,class:"tasks w-full h-full overflow-y-auto"},at={key:2,class:"w-full h-full flex items-center justify-center"};function nt(e,a,f,_,w,y){const d=o("bot-placeholder"),m=o("task-preview"),r=o("no-tasks");return s(),l(C,null,[e.tasks?.items===void 0?(s(),l("div",ot,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),l("div",st,[(s(!0),l(C,null,G(e.tasks?.items,g=>(s(),v(m,{key:g.id,"model-value":g},null,8,["model-value"]))),128))])):h("",!0),e.tasks?.items?.length===0?(s(),l("div",at,[t(r)])):h("",!0)],64)}const lt=k(tt,[["render",nt]]),it="https://webhook.acedata.cloud/hailuo",rt=b({name:"HailuoIndex",components:{ConfigPanel:Ge,Layout:ne,RecentPanel:lt},inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0}},computed:{loading(){return this.$store.state.hailuo?.status?.getApplications===M.Request},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,a){e?.items?.length>a?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:a=5,createdAtMin:f,createdAtMax:_}=e||{};console.debug("limit",a,"createdAtMin",f,"createdAtMax",_),await this.$store.dispatch("hailuo/getTasks",{limit:a,createdAtMin:f,createdAtMax:_})},async onGenerate(){const e={...this.config,callback_url:it},a=this.credential?.token;if(!a){console.error("no token specified");return}V.info(this.$t("hailuo.message.startingTask")),D.generate(e,{token:a}).then(()=>{V.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(f=>{f?.response?.data?.error?.code===B?V.error(this.$t("hailuo.message.usedUp")):V.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ct(e,a,f,_,w,y){const d=o("config-panel"),m=o("recent-panel"),r=o("layout");return s(),v(r,null,{config:u(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(m,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Kt=k(rt,[["render",ct]]);export{Kt as default};
+import{F as U}from"./index.es-BLCm9UT-.js";import{E as I}from"./index-Czog4o5z.js";import{E as L}from"./index-Cs65NgP9.js";import{d as b,h as k,b as l,t as i,k as t,r as T,j as u,l as o,o as s,f7 as R,x as n,F as C,v as G,i as v,cf as P,D as p,y as h,n as E,aq as j,f8 as D,dA as B,dw as M}from"./index-CLwJbfYs.js";import{E as q,a as O}from"./index-CLOiWNZO.js";import{I as A}from"./InfoIcon-htaT17q9.js";import{I as z}from"./ImagePreview-VnpfW9Pj.js";import{E as F}from"./index-Colfa9sv.js";import{E as V}from"./index-CQvuK-4v.js";import{E as N}from"./index-DHn59BRx.js";import{C as H,N as K}from"./NoTasks-DHdI1Frr.js";import{a as J}from"./price-CZSDhLnN.js";import{C as Q}from"./CopyToClipboard-CzE5Qyes.js";import{V as W}from"./VideoPlayer-DCap_X2q.js";import{E as X}from"./index-DITqxnfk.js";import{E as Y}from"./index-DNuWNnk-.js";import{E as Z}from"./index-O2tEst1s.js";import{B as x}from"./BotPlaceholder-DKPNFbIr.js";import"./use-form-item-CRDWzFx1.js";import"./index-r5W6hzzQ.js";import"./index-DNzgGVij.js";import"./typescript-CoKqfRJS.js";import"./index-AT7DtKgl.js";import"./strings-WMZYwrQD.js";import"./castArray-CoJ3z4SB.js";import"./isEqual-DQdO_K1-.js";import"./_initCloneObject-iRvJrG7M.js";import"./debounce-CEE_CsrA.js";import"./_baseIteratee-Bk7QROEW.js";import"./index-Dc0-osYE.js";import"./index-D3gVuWw7.js";import"./_baseClone-B6o0klpv.js";import"./index-C1s2diPf.js";import"./vue-plyr-QZFBikSk.js";import"./index-MlWSSchD.js";const ee=b({name:"LayoutHailuo",components:{ElDrawer:L,ElButton:I,FontAwesomeIcon:U},data(){return{drawer:!1}}}),te={class:"main flex flex-row flex-1"},oe={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},se={class:"result h-full p-[15px] flex-1 flex flex-col"};function ae(e,a,f,_,w,y){const d=o("font-awesome-icon"),m=o("el-button"),r=o("el-drawer");return s(),l("div",te,[i("div",oe,[T(e.$slots,"config",{},void 0,!0)]),i("div",se,[T(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:a[0]||(a[0]=g=>e.drawer=!0)},{default:u(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":a[1]||(a[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"340px"},{default:u(()=>[T(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ne=k(ee,[["render",ae],["__scopeId","data-v-096d9205"]]),le=b({name:"ModelSelector",components:{ElSelect:O,ElOption:q},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=R)}}),ie={class:"field"},re={class:"title font-bold"},ce={class:"float-left"};function ue(e,a,f,_,w,y){const d=o("el-option"),m=o("el-select");return s(),l("div",ie,[i("h2",re,n(e.$t("hailuo.name.model")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=r=>e.value=r),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:u(()=>[(s(!0),l(C,null,G(e.options,r=>(s(),v(d,{key:r.value,label:r.label,value:r.value},{default:u(()=>[i("span",ce,n(r.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const de=k(le,[["render",ue],["__scopeId","data-v-30ff1e69"]]),me=b({name:"StartImageUrlInput",components:{ElUpload:F,ElButton:I,InfoIcon:A,ImagePreview:z},data(){return{fileList:[],uploadUrl:P()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){V.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){V.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),pe={class:"relative"},he={class:"flex justify-between"},fe={class:"flex justify-start items-center"},_e={class:"text-sm font-bold"};function ge(e,a,f,_,w,y){const d=o("info-icon"),m=o("image-preview"),r=o("el-button"),g=o("el-upload");return s(),l("div",pe,[i("div",he,[i("div",fe,[i("span",_e,n(e.$t("hailuo.name.startImageUrl")),1),t(d,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(g,{"file-list":e.fileList,"onUpdate:fileList":a[0]||(a[0]=c=>e.fileList=c),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:c})=>[c.url&&c.percentage!==void 0?(s(),v(m,{key:0,url:c.url,name:c.name,percentage:c.percentage,onRemove:$=>e.fileList.splice(e.fileList.indexOf(c),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:u(()=>[t(r,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:u(()=>[p(n(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const $e=k(me,[["render",ge],["__scopeId","data-v-a906df80"]]),ve="",be=b({name:"PromptInput",components:{ElInput:N,InfoIcon:A},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ve)}}),ke={class:"field"},we={class:"box"},ye={class:"title font-bold"};function Ve(e,a,f,_,w,y){const d=o("info-icon"),m=o("el-input");return s(),l("div",ke,[i("div",we,[i("h2",ye,n(e.$t("hailuo.name.prompt")),1),t(d,{content:e.$t("hailuo.description.prompt"),class:"info"},null,8,["content"])]),t(m,{modelValue:e.prompt,"onUpdate:modelValue":a[0]||(a[0]=r=>e.prompt=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("hailuo.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Ie=k(be,[["render",Ve],["__scopeId","data-v-d54ffa64"]]),Ee=b({name:"PresetPanel",components:{ElButton:I,FontAwesomeIcon:U,PromptInput:Ie,StartImageUrlInput:$e,ModelSelector:de,Consumption:H},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return J(this.config,this.service?.metadata?.price)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Se={class:"flex flex-col h-full"},Te={class:"flex-1 overflow-y-auto p-[15px]"},Ce={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ue(e,a,f,_,w,y){const d=o("prompt-input"),m=o("model-selector"),r=o("start-image-url-input"),g=o("consumption"),c=o("font-awesome-icon"),$=o("el-button");return s(),l("div",Se,[i("div",Te,[t(d,{class:"mb-4"}),t(m,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(s(),v(r,{key:0,class:"mb-2"})):h("",!0)]),i("div",Ce,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(s(),v($,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(c,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(s(),v($,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(c,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Ge=k(Ee,[["render",Ue]]),Ae=b({name:"TaskPreview",components:{ElImage:Z,CopyToClipboard:Q,FontAwesomeIcon:U,ElAlert:Y,VideoPlayer:W,ElTooltip:X,ElButton:I},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Le={class:"preview"},Re={class:"left"},Pe={class:"main"},je={class:"bot"},De={class:"datetime"},Be={class:"info"},Me={key:0,class:"prompt mt-2"},qe={key:0},Oe={key:1},ze={key:0,class:E({content:!0,failed:!0})},Fe={key:0,class:"mb-4"},Ne={key:1,class:E({operations:!0,"mt-2":!0})},He={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ke={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Je={key:1,class:E({content:!0})},Qe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},We={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Xe={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ye={key:2,class:E({content:!0})},Ze={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function xe(e,a,f,_,w,y){const d=o("el-image"),m=o("video-player"),r=o("el-button"),g=o("el-tooltip"),c=o("font-awesome-icon"),$=o("copy-to-clipboard"),S=o("el-alert");return s(),l("div",Le,[i("div",Re,[t(d,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),i("div",Pe,[i("div",je,[p(n(e.$t("hailuo.name.hailuoBot"))+" ",1),i("span",De,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",Be,[e.modelValue?.request?.prompt?(s(),l("p",Me,[p(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(s(),l("span",qe," - ("+n(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(s(),l("span",Oe," - ("+n(e.$t("hailuo.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0?(s(),l("div",ze,[e.video?.video_url?(s(),l("div",Fe,[t(m,{src:e.video?.video_url},null,8,["src"])])):h("",!0),e.video?(s(),l("div",Ne,[t(g,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.video?.video_url?(s(),v(r,{key:0,type:"info",size:"small",class:"mb-2",onClick:a[0]||(a[0]=j(ut=>e.onDownload(e.video?.video_url),["stop"]))},{default:u(()=>[p(n(e.$t("hailuo.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"])])):h("",!0),t(S,{closable:!1,class:"mt-2 success"},{default:u(()=>[e.modelValue?.request?.model?(s(),l("p",He,[t(c,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.model"))+": "+n(e.modelValue?.request?.model)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])):h("",!0),i("p",Ke,[t(c,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(s(),l("div",Je,[t(S,{closable:!1,class:"failure"},{template:u(()=>[t(c,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",Qe,[t(c,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])]),i("p",We,[t(c,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),t($,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),i("p",Xe,[t(c,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t($,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(s(),l("div",Ye,[t(S,{closable:!1,class:"info"},{template:u(()=>[t(c,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",Ze,[t(c,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0)])])}const et=k(Ae,[["render",xe],["__scopeId","data-v-72acd507"]]),tt=b({name:"RecentPanel",components:{TaskPreview:et,BotPlaceholder:x,NoTasks:K},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),ot={key:0},st={key:1,class:"tasks w-full h-full overflow-y-auto"},at={key:2,class:"w-full h-full flex items-center justify-center"};function nt(e,a,f,_,w,y){const d=o("bot-placeholder"),m=o("task-preview"),r=o("no-tasks");return s(),l(C,null,[e.tasks?.items===void 0?(s(),l("div",ot,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),l("div",st,[(s(!0),l(C,null,G(e.tasks?.items,g=>(s(),v(m,{key:g.id,"model-value":g},null,8,["model-value"]))),128))])):h("",!0),e.tasks?.items?.length===0?(s(),l("div",at,[t(r)])):h("",!0)],64)}const lt=k(tt,[["render",nt]]),it="https://webhook.acedata.cloud/hailuo",rt=b({name:"HailuoIndex",components:{ConfigPanel:Ge,Layout:ne,RecentPanel:lt},inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0}},computed:{loading(){return this.$store.state.hailuo?.status?.getApplications===M.Request},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,a){e?.items?.length>a?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:a=5,createdAtMin:f,createdAtMax:_}=e||{};console.debug("limit",a,"createdAtMin",f,"createdAtMax",_),await this.$store.dispatch("hailuo/getTasks",{limit:a,createdAtMin:f,createdAtMax:_})},async onGenerate(){const e={...this.config,callback_url:it},a=this.credential?.token;if(!a){console.error("no token specified");return}V.info(this.$t("hailuo.message.startingTask")),D.generate(e,{token:a}).then(()=>{V.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(f=>{f?.response?.data?.error?.code===B?V.error(this.$t("hailuo.message.usedUp")):V.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ct(e,a,f,_,w,y){const d=o("config-panel"),m=o("recent-panel"),r=o("layout");return s(),v(r,null,{config:u(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(m,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Kt=k(rt,[["render",ct]]);export{Kt as default};

package/dist/assets/{Index-B7hP1SMu.js → Index-DxTCv_hq.js}

@@ -1 +1 @@
-import{F as I}from"./index.es-B1Cre0ht.js";import{E as D}from"./index-CvUpzdE1.js";import{E as te}from"./index-CDRWFNPw.js";import{d as _,h as $,b as c,t as p,k as l,r as U,j as m,l as o,o as a,eg as G,x as i,F as k,v as w,i as h,eh as se,n as R,f as ae,ei as Q,ej as L,ek as oe,el as le,em as ne,en as re,eo as ie,ep as ce,eq as pe,er as ue,es as de,et as me,cf as he,y as f,D as q,eu as fe,dA as _e,dn as $e,dv as ve,dw as P}from"./index-Bxn0D_Ay.js";import{E as V,a as E}from"./index-ZXXqKgb5.js";import{I as j}from"./InfoIcon-xpG6wYiZ.js";import{a as F}from"./index-CfFbRlb3.js";import{E as ge}from"./index-Nq6BDZRS.js";import{E as M}from"./index-BG27krBY.js";import{E as O}from"./index-r5mkEdBU.js";import{I as be}from"./ImagePreview-BKjWRoxg.js";import{E as qe,a as ye}from"./index-DkwacTMf.js";import{E as ke}from"./index-CiupJjd2.js";import{E as A}from"./index-KMXdPkbR.js";import{C as we,N as Se}from"./NoTasks-RqxH5tU5.js";import{a as Ve}from"./price-crtYVYmR.js";import{A as Ee}from"./Status-hwkT5ahP.js";import{C as Ae}from"./CopyToClipboard-C7oZlhvf.js";import{I as Re}from"./ImageWrapper-BiD890LG.js";import{E as Te}from"./index-I256GqO3.js";import{B as Ie}from"./BotPlaceholder-BgltR-o8.js";import"./use-form-item-BHzDGeGF.js";import"./index-r5W6hzzQ.js";import"./index-zhXzFU3e.js";import"./index-DA1L1iqe.js";import"./typescript-14ZN9Iqb.js";import"./index-BZxyIS6v.js";import"./strings-Djoxz8AJ.js";import"./castArray-C-yFxvxW.js";import"./isEqual-CYpeyoZ0.js";import"./_initCloneObject-BzNbsgMU.js";import"./debounce-D_GSfnKF.js";import"./_baseIteratee-W5a_Nlyi.js";import"./index-ekLS25Os.js";import"./index-kwhOoHli.js";import"./index-C7dq5GDX.js";import"./_baseClone-DtzNljAk.js";import"./index-CMofrOYp.js";const Ce=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:I},data(){return{drawer:!1}}}),Ue={class:"main flex flex-row flex-1"},Le={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},Pe={class:"result h-full p-[15px] flex-1 flex flex-col"};function De(e,s,u,d,v,g){const n=o("font-awesome-icon"),r=o("el-button"),t=o("el-drawer");return a(),c("div",Ue,[p("div",Le,[U(e.$slots,"config",{},void 0,!0)]),p("div",Pe,[U(e.$slots,"result",{},void 0,!0)]),l(r,{circle:"",class:"menu",onClick:s[0]||(s[0]=b=>e.drawer=!0)},{default:m(()=>[l(n,{icon:"fa-solid fa-magic"})]),_:1}),l(t,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=b=>e.drawer=b),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Me=$(Ce,[["render",De],["__scopeId","data-v-3808ec00"]]),ze=_({name:"VersionSelector",components:{ElSelect:E,ElOption:V},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{label:this.$t("qrart.type.text"),value:"text"},{label:this.$t("qrart.type.link"),value:"link"},{label:this.$t("qrart.type.email"),value:"email"},{label:this.$t("qrart.type.phone"),value:"phone"},{label:this.$t("qrart.type.sms"),value:"sms"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug("set type",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||(console.debug("set default type",G),this.value=G)}}),Ge={class:"field"},Qe={class:"text-sm font-bold title"};function je(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ge,[p("span",Qe,i(e.$t("qrart.name.type")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),class:"value",placeholder:e.$t("qrart.placeholder.select")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Fe=$(ze,[["render",je],["__scopeId","data-v-b4bd8f04"]]),Oe=_({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:30,height:30},{value:"4:3",label:"4:3",width:32,height:24},{value:"3:4",label:"3:4",width:24,height:32},{value:"16:9",label:"16:9",width:32,height:18},{value:"9:16",label:"9:16",width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug("set aspect ratio",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=se)}}),Ne={class:"text-sm font-bold block mb-2"},Be={class:"items"},We=["onClick"],He={class:"name"};function Je(e,s,u,d,v,g){return a(),c("div",null,[p("span",Ne,i(e.$t("qrart.name.aspectRatio")),1),p("div",Be,[(a(!0),c(k,null,w(e.options,(n,r)=>(a(),c("div",{key:r,class:R({active:e.active===r,item:!0}),onClick:t=>e.value=n.value},[p("div",{class:R(["preview",n.label])},[p("div",{class:"rect",style:ae({width:n.width+"px",height:n.height+"px"})},null,4)],2),p("p",He,i(n.label),1)],10,We))),128))])])}const Ke=$(Oe,[["render",Je],["__scopeId","data-v-b7590ecc"]]),Ye=_({name:"QrwSelector",components:{ElSlider:F,InfoIcon:j},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||Q},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||(console.debug("set default qrw"),this.value=Q)}}),Xe={class:"field"},Ze={class:"text-sm font-bold title mb-2"};function xe(e,s,u,d,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",Xe,[p("span",Ze,i(e.$t("qrart.name.qrw")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:1.5,max:3,step:.1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.qrw"),class:"info"},null,8,["content"])])}const et=$(Ye,[["render",xe],["__scopeId","data-v-8410479c"]]),tt=_({name:"StepsSelector",components:{ElSlider:F,InfoIcon:j},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||L},set(e){console.debug("set steps",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||(console.debug("set default steps",L),this.value=L)}}),st={class:"field"},at={class:"text-sm font-bold block mb-2"};function ot(e,s,u,d,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",st,[p("span",at,i(e.$t("qrart.name.steps")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:10,max:20,step:1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.steps"),class:"info"},null,8,["content"])])}const lt=$(tt,[["render",ot],["__scopeId","data-v-0c88983e"]]),nt=_({name:"AdvancedSelector",components:{ElSwitch:ge},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug("set advanced",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=oe)}}),rt={class:"field"},it={class:"title font-bold"};function ct(e,s,u,d,v,g){const n=o("el-switch");return a(),c("div",rt,[p("span",it,i(e.$t("qrart.name.advanced")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value"},null,8,["modelValue"])])}const pt=$(nt,[["render",ct],["__scopeId","data-v-f8ddf849"]]),ut=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.markerShape.square")},{value:"circle",label:this.$t("qrart.markerShape.circle")},{value:"plus",label:this.$t("qrart.markerShape.plus")},{value:"box",label:this.$t("qrart.markerShape.box")},{value:"octagon",label:this.$t("qrart.markerShape.octagon")},{value:"tiny-plus",label:this.$t("qrart.markerShape.tinyPlus")},{value:"random",label:this.$t("qrart.markerShape.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug("set marker_shape",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||(this.value=le)}}),dt={class:"field"},mt={class:"text-sm font-bold block mb-2"};function ht(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",dt,[p("span",mt,i(e.$t("qrart.name.markerShape")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.markerShape")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ft=$(ut,[["render",ht],["__scopeId","data-v-de71e0b0"]]),_t=_({name:"SubMarkerSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.subMarker.square")},{value:"circle",label:this.$t("qrart.subMarker.circle")},{value:"plus",label:this.$t("qrart.subMarker.plus")},{value:"box",label:this.$t("qrart.subMarker.box")},{value:"random",label:this.$t("qrart.subMarker.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug("set sub_marker",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||(this.value=ne)}}),$t={class:"field"},vt={class:"text-sm font-bold block mb-2"};function gt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",$t,[p("span",vt,i(e.$t("qrart.name.subMarker")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.subMarker")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const bt=$(_t,[["render",gt],["__scopeId","data-v-51a39efa"]]),qt=_({name:"RotateSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug("set rotate",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||(this.value=re)}}),yt={class:"field"},kt={class:"text-sm font-bold block mb-2"};function wt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",yt,[p("span",kt,i(e.$t("qrart.name.rotate")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.rotate")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const St=$(qt,[["render",wt],["__scopeId","data-v-72e35835"]]),Vt=_({name:"EclSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"L",label:"L"},{value:"M",label:"M"},{value:"Q",label:"Q"},{value:"H",label:"H"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug("set ecl",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||(this.value=ie)}}),Et={class:"field"},At={class:"text-sm font-bold block mb-2"};function Rt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Et,[p("span",At,i(e.$t("qrart.name.ecl")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.ecl")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Tt=$(Vt,[["render",Rt],["__scopeId","data-v-b3a5e331"]]),It=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"center",label:this.$t("qrart.position.center")},{value:"top",label:this.$t("qrart.position.top")},{value:"right",label:this.$t("qrart.position.right")},{value:"bottom",label:this.$t("qrart.position.bottom")},{value:"left",label:this.$t("qrart.position.left")},{value:"top-left",label:this.$t("qrart.position.topLeft")},{value:"top-right",label:this.$t("qrart.position.topRight")},{value:"bottom-left",label:this.$t("qrart.position.bottomLeft")},{value:"bottom-right",label:this.$t("qrart.position.bottomRight")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug("set position",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||(this.value=ce)}}),Ct={class:"field"},Ut={class:"title font-bold"};function Lt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ct,[p("span",Ut,i(e.$t("qrart.name.position")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.position")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pt=$(It,[["render",Lt],["__scopeId","data-v-54186505"]]),Dt=_({name:"PaddingLevelSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug("set padding_level",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||(this.value=pe)}}),Mt={class:"field"},zt={class:"text-sm font-bold block mb-2"};function Gt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Mt,[p("span",zt,i(e.$t("qrart.name.paddingLevel")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingLevel")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Qt=$(Dt,[["render",Gt],["__scopeId","data-v-49d801fd"]]),jt=_({name:"PaddingNoiseSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug("set padding_noise",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||(this.value=ue)}}),Ft={class:"field"},Ot={class:"text-sm font-bold block mb-2"};function Nt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ft,[p("span",Ot,i(e.$t("qrart.name.paddingNoise")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingNoise")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Bt=$(jt,[["render",Nt],["__scopeId","data-v-a20833bb"]]),Wt=_({name:"PixelStyleSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.pixelStyle.square")},{value:"rounded",label:this.$t("qrart.pixelStyle.rounded")},{value:"dot",label:this.$t("qrart.pixelStyle.dot")},{value:"squircle",label:this.$t("qrart.pixelStyle.squircle")},{value:"row",label:this.$t("qrart.pixelStyle.row")},{value:"column",label:this.$t("qrart.pixelStyle.column")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug("set pixel_style",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||(this.value=de)}}),Ht={class:"field"},Jt={class:"text-sm font-bold block mb-2"};function Kt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ht,[p("span",Jt,i(e.$t("qrart.name.pixelStyle")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.pixelStyle")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Yt=$(Wt,[["render",Kt],["__scopeId","data-v-aca7f79f"]]),Xt=_({name:"SeedInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)}}),Zt={class:"field"},xt={class:"text-sm font-bold block mb-2"};function es(e,s,u,d,v,g){const n=o("el-input");return a(),c("div",Zt,[p("span",xt,i(e.$t("qrart.name.seed")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value",placeholder:e.$t("qrart.placeholder.seed")},null,8,["modelValue","placeholder"])])}const ts=$(Xt,[["render",es],["__scopeId","data-v-d939305d"]]),ss=_({name:"PresetSelector",components:{ElImage:O},data(){return{options:[{value:"sunset",label:this.$t("qrart.preset.sunset"),url:"https://cdn.acedata.cloud/rp1h1s.png"},{value:"floral",label:this.$t("qrart.preset.floral"),url:"https://cdn.acedata.cloud/upyikx.png"},{value:"snowflakes",label:this.$t("qrart.preset.snowflakes"),url:"https://cdn.acedata.cloud/j447da.png"},{value:"feathers",label:this.$t("qrart.preset.feathers"),url:"https://cdn.acedata.cloud/d2ctz9.png"},{value:"raindrops",label:this.$t("qrart.preset.raindrops"),url:"https://cdn.acedata.cloud/xv2t3s.png"},{value:"ultra-realism",label:this.$t("qrart.preset.ultraRealism"),url:"https://cdn.acedata.cloud/nlor4y.png"},{value:"epic-realms",label:this.$t("qrart.preset.epicRealms"),url:"https://cdn.acedata.cloud/wwzkvy.png"},{value:"intricate-studio",label:this.$t("qrart.preset.intricateStudio"),url:"https://cdn.acedata.cloud/4kzf5y.png"},{value:"symmetric-masterpiece",label:this.$t("qrart.preset.symmetricMasterpiece"),url:"https://cdn.acedata.cloud/ff4ii2.png"},{value:"luminous-highway",label:this.$t("qrart.preset.luminousHighway"),url:"https://cdn.acedata.cloud/cliodt.png"},{value:"celestial-journey",label:this.$t("qrart.preset.celestialJourney"),url:"https://cdn.acedata.cloud/ejellf.png"},{value:"neon-mech",label:this.$t("qrart.preset.neonMech"),url:"https://cdn.acedata.cloud/3z0y6z.png"},{value:"ethereal-low-poly",label:this.$t("qrart.preset.etherealLowPoly"),url:"https://cdn.acedata.cloud/36o0mm.png"},{value:"golden-vista",label:this.$t("qrart.preset.goldenVista"),url:"https://cdn.acedata.cloud/xa0267.png"},{value:"cinematic-expanse",label:this.$t("qrart.preset.cinematicExpanse"),url:"https://cdn.acedata.cloud/krl5qp.png"},{value:"cinematic-warm",label:this.$t("qrart.preset.cinematicWarm"),url:"https://cdn.acedata.cloud/e1aahg.png"},{value:"desolate-wilderness",label:this.$t("qrart.preset.desolateWilderness"),url:"https://cdn.acedata.cloud/9evqqu.png"},{value:"vibrant-palette",label:this.$t("qrart.preset.vibrantPalette"),url:"https://cdn.acedata.cloud/3fvsmz.png"},{value:"enigmatic-journey",label:this.$t("qrart.preset.enigmaticJourney"),url:"https://cdn.acedata.cloud/l6kku0.png"},{value:"timeless-cinematic",label:this.$t("qrart.preset.timelessCinematic"),url:"https://cdn.acedata.cloud/h5mzyn.png"},{value:"regal-galaxy",label:this.$t("qrart.preset.regalGalaxy"),url:"https://cdn.acedata.cloud/czkegd.png"},{value:"illustrious-canvas",label:this.$t("qrart.preset.illustriousCanvas"),url:"https://cdn.acedata.cloud/m8hwzh.png"},{value:"expressive-mural",label:this.$t("qrart.preset.expressiveMural"),url:"https://cdn.acedata.cloud/g4v1rb.png"},{value:"serene-haze",label:this.$t("qrart.preset.sereneHaze"),url:"https://cdn.acedata.cloud/3w3ixr.png"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||(this.value=me)}}),as={class:"field"},os={class:"text-sm font-bold block mb-2"},ls={class:"pane"},ns=["onClick"],rs={class:"name"};function is(e,s,u,d,v,g){const n=o("el-image");return a(),c("div",as,[p("span",os,i(e.$t("qrart.name.preset")),1),p("div",ls,[(a(!0),c(k,null,w(e.options,(r,t)=>(a(),c("div",{key:t,class:R({item:!0,active:e.value===r.value}),onClick:b=>e.value===r.value?e.value=void 0:e.value=r.value},[l(n,{src:r.url,fit:"fill",class:"preview"},null,8,["src"]),p("span",rs,i(r.label),1)],10,ns))),128))])])}const cs=$(ss,[["render",is],["__scopeId","data-v-65c34adf"]]),ps="",us=_({name:"ContentInput",components:{ElInput:M,ElUpload:ke,ElRadioGroup:ye,ElButton:D,ElRadioButton:qe,ImagePreview:be,FontAwesomeIcon:I},data(){return{inputWay:"input",fileList:[],uploadUrl:he()+"/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.qrart?.config?.content},set(e){this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||(this.value=ps),this.onSetContentImageUrl()},methods:{onExceed(){A.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){A.error(this.$t("qrart.message.uploadDocumentsError"))},onSetContentImageUrl(){const e=this.urls?.[0];this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),ds={class:"field"},ms={class:"flex justify-between items-center mb-4"},hs={class:"text-sm font-bold title"},fs={class:"flex items-center"},_s={key:2,class:"description"};function $s(e,s,u,d,v,g){const n=o("el-radio-button"),r=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),S=o("font-awesome-icon"),T=o("el-button"),C=o("el-upload");return a(),c("div",ds,[p("div",ms,[p("span",hs,i(e.$t("qrart.name.content")),1),p("div",fs,[l(r,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=y=>e.inputWay=y)},{default:m(()=>[l(n,{label:"input"},{default:m(()=>[q(i(e.$t("qrart.inputWay.input")),1)]),_:1}),l(n,{label:"upload"},{default:m(()=>[q(i(e.$t("qrart.inputWay.upload")),1)]),_:1})]),_:1},8,["modelValue"])])]),e.inputWay=="input"?(a(),h(t,{key:0,modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=y=>e.value=y),class:"content",placeholder:e.$t("qrart.placeholder.content")},null,8,["modelValue","placeholder"])):f("",!0),e.inputWay=="upload"?(a(),h(C,{key:1,"file-list":e.fileList,"onUpdate:fileList":s[2]||(s[2]=y=>e.fileList=y),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"upload upload-wrapper",limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:y})=>[l(b,{url:y.url||y.response?.file_url,name:y.name,percentage:y.percentage,onRemove:z=>e.fileList.splice(e.fileList.indexOf(y),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[l(T,{size:"small",type:"primary",round:""},{default:m(()=>[l(S,{icon:"fa-solid fa-upload",class:"mr-1"}),q(" "+i(e.$t("qrart.button.uploadQr")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])):f("",!0),e.inputWay=="upload"?(a(),c("p",_s,i(e.$t("qrart.message.uploadQr")),1)):f("",!0)])}const vs=$(us,[["render",$s],["__scopeId","data-v-b986940a"]]),gs="",bs=_({name:"PromptInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||(this.value=gs)}}),qs={class:"field"},ys={class:"text-sm font-bold block mb-2"};function ks(e,s,u,d,v,g){const n=o("el-input");return a(),c("div",qs,[p("span",ys,i(e.$t("qrart.name.prompt")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("qrart.placeholder.prompt"),resize:"none"},null,8,["modelValue","placeholder"])])}const ws=$(bs,[["render",ks],["__scopeId","data-v-004a0f07"]]),Ss=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:I,Consumption:we,TypeSelector:Fe,PositionSelector:Pt,PixelStyleSelector:Yt,PaddingLevelSelector:Qt,SeedInput:ts,AspectRatioSelector:Ke,QrwSelector:et,EclSelector:Tt,StepsSelector:lt,PaddingNoiseSelector:Bt,AdvancedSelector:pt,MarkerShapeSelector:ft,SubMarkerSelector:bt,RotateSelector:St,PresetSelector:cs,ContentInput:vs,PromptInput:ws},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Ve(this.config,this.service?.metadata?.price)},service(){return this.$store.state.qrart?.service}}}),Vs={class:"flex flex-col h-full"},Es={class:"flex-1 overflow-y-auto p-[15px]"},As={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Rs(e,s,u,d,v,g){const n=o("type-selector"),r=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),S=o("qrw-selector"),T=o("preset-selector"),C=o("position-selector"),y=o("advanced-selector"),z=o("steps-selector"),N=o("seed-input"),B=o("pixel-style-selector"),W=o("marker-shape-selector"),H=o("sub-marker-selector"),J=o("rotate-selector"),K=o("ecl-selector"),Y=o("padding-level-selector"),X=o("padding-noise-selector"),Z=o("consumption"),x=o("font-awesome-icon"),ee=o("el-button");return a(),c("div",Vs,[p("div",Es,[l(n,{class:"mb-4"}),l(r,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(S,{class:"mb-4"}),l(T,{class:"mb-4"}),l(C,{class:"mb-4"}),l(y,{class:"mb-4"}),e.config?.advanced?(a(),h(z,{key:0,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(N,{key:1,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(B,{key:2,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(W,{key:3,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(H,{key:4,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(J,{key:5,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(K,{key:6,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(Y,{key:7,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(X,{key:8,class:"mb-4"})):f("",!0)]),p("div",As,[l(Z,{value:e.consumption,service:e.service},null,8,["value","service"]),l(ee,{type:"primary",class:"btn w-full",round:"",onClick:s[0]||(s[0]=ca=>e.$emit("generate"))},{default:m(()=>[l(x,{icon:"fa-solid fa-magic",class:"mr-2"}),q(" "+i(e.$t("qrart.button.generate")),1)]),_:1})])])}const Ts=$(Ss,[["render",Rs]]),Is=_({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:Ae,FontAwesomeIcon:I,ElAlert:Te,ImageWrapper:Re},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,"_blank")},onReload(e){const s=e.target,u=new URL(s.src),d=u.searchParams.get("retry");if(!d)u.searchParams.set("retry","1");else if(parseInt(d)<2)u.searchParams.set("retry",(parseInt(d)+1).toString());else return;s.src=u.toString()},onOpenUrl(e){window.open(e,"_blank")},onDownload(e){const s=document.createElement("a");s.href=e,s.download=e.split("/").pop(),s.click()}}}),Cs={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Us={class:"left"},Ls={class:"main flex-1 w-[calc(100%-70px)] pt-[10px] pr-[10px] pb-0 pl-[10px]"},Ps={class:"bot text-[16px] font-bold text-[rgb(46,204,113)]"},Ds={class:"datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]"},Ms={class:"info"},zs={key:0,class:"prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px]"},Gs={key:0},Qs={key:0,class:R({content:!0,failed:!0})},js={class:"description"},Fs={class:"description"},Os={key:0,class:"description"},Ns={key:1,class:"description"},Bs={key:2,class:"description"},Ws={key:1,class:R({content:!0})},Hs={class:"description"},Js={class:"description"},Ks={class:"description"},Ys={key:2,class:R({content:!0})},Xs={class:"description"};function Zs(e,s,u,d,v,g){const n=o("el-image"),r=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),S=o("el-alert");return a(),c("div",Cs,[p("div",Us,[l(n,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-white p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),p("div",Ls,[p("div",Ps,[q(i(e.$t("qrart.name.qrartBot"))+" ",1),p("span",Ds,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),p("div",Ms,[e.modelValue?.request?.prompt?(a(),c("p",zs,[q(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Gs," - ("+i(e.$t("qrart.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Qs,[e.modelValue?.response?.image_url?(a(),h(r,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,["src","raw-src"])):f("",!0),l(S,{closable:!1,class:"mt-2 success"},{default:m(()=>[p("p",js,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Fs,[l(t,{icon:"fa-solid fa-diamond",class:"mr-1"}),q(" "+i(e.$t("qrart.name.type"))+": "+i(e.$t("qrart.type."+e.modelValue?.request?.type))+" ",1),l(b,{content:e.modelValue?.request?.type,class:"btn-copy"},null,8,["content"])]),e.modelValue?.request?.content?(a(),c("p",Os,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.content"))+": "+i(e.modelValue?.request?.content)+" ",1),l(b,{content:e.modelValue?.request?.content,class:"btn-copy"},null,8,["content"])])):f("",!0),e.modelValue?.request?.content_image_url?(a(),c("p",Ns,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.contentImageUrl"))+": ",1),l(t,{icon:"fa-solid fa-up-right-from-square",class:"mr-1 cursor-pointer",onClick:s[0]||(s[0]=T=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):f("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Bs,[l(t,{icon:"fa-solid fa-seedling",class:"mr-1"}),q(" "+i(e.$t("qrart.name.seed"))+": "+i(e.modelValue?.request?.seed||e.modelValue?.response?.seed)+" ",1),l(b,{content:(e.modelValue?.request?.seed||e.modelValue?.response?.seed).toString(),class:"btn-copy"},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(a(),c("div",Ws,[l(S,{closable:!1,class:"failure"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Hs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Js,[l(t,{icon:"fa-solid fa-circle-info",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),l(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),p("p",Ks,[l(t,{icon:"fa-solid fa-hashtag",class:"mr-1"}),q(" "+i(e.$t("qrart.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),l(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?f("",!0):(a(),c("div",Ys,[l(S,{closable:!1,class:"info"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Xs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const xs=$(Is,[["render",Zs],["__scopeId","data-v-9ee64fb6"]]),ea=_({name:"RecentPanel",components:{TaskPreview:xs,BotPlaceholder:Ie,NoTasks:Se},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),ta={key:0},sa={key:1,class:"tasks h-full w-full overflow-y-auto"},aa={key:2,class:"w-full h-full flex items-center justify-center"};function oa(e,s,u,d,v,g){const n=o("bot-placeholder"),r=o("task-preview"),t=o("no-tasks");return a(),c(k,null,[e.tasks?.items===void 0?(a(),c("div",ta,[l(n)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),c("div",sa,[(a(!0),c(k,null,w(e.tasks?.items,(b,S)=>(a(),h(r,{key:S,"model-value":b},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",aa,[l(t)])):f("",!0)],64)}const la=$(ea,[["render",oa]]),na="https://webhook.acedata.cloud/qrart",ra=_({name:"QrartIndex",components:{ConfigPanel:Ts,Layout:Me,ApplicationStatus:Ee,RecentPanel:la},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.qrart?.status?.getApplications===P.Request},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===P.Request},needApply(){return this.$store.state.qrart.status.getApplications===P.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("qrart/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("qrart/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){$e.create({application:this.application}).then(({data:e})=>{this.application=e,A.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ve&&A.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:u,createdAtMax:d}=e||{};console.debug("limit",s,"createdAtMin",u,"createdAtMax",d),await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:u,createdAtMax:d})},async onGenerate(){const e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,callback_url:na,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}},s=this.credential?.token;if(!s){console.error("no token specified");return}A.info(this.$t("qrart.message.startingTask")),fe.generate(e,{token:s}).then(()=>{A.success(this.$t("qrart.message.startTaskSuccess"))}).catch(u=>{u?.response?.data?.error?.code===_e?A.error(this.$t("qrart.message.usedUp")):A.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ia(e,s,u,d,v,g){const n=o("config-panel"),r=o("application-status"),t=o("recent-panel"),b=o("layout");return a(),h(b,null,{config:m(()=>[l(n,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[l(r,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=S=>e.$store.dispatch("qrart/setApplication",S))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),l(t,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Ja=$(ra,[["render",ia],["__scopeId","data-v-667ba1b5"]]);export{Ja as default};
+import{F as I}from"./index.es-BLCm9UT-.js";import{E as D}from"./index-Czog4o5z.js";import{E as te}from"./index-Cs65NgP9.js";import{d as _,h as $,b as c,t as p,k as l,r as U,j as m,l as o,o as a,eg as G,x as i,F as k,v as w,i as h,eh as se,n as R,f as ae,ei as Q,ej as L,ek as oe,el as le,em as ne,en as re,eo as ie,ep as ce,eq as pe,er as ue,es as de,et as me,cf as he,y as f,D as q,eu as fe,dA as _e,dn as $e,dv as ve,dw as P}from"./index-CLwJbfYs.js";import{E as V,a as E}from"./index-CLOiWNZO.js";import{I as j}from"./InfoIcon-htaT17q9.js";import{a as F}from"./index-Cg60JDEK.js";import{E as ge}from"./index-BU5-qzoD.js";import{E as M}from"./index-DHn59BRx.js";import{E as O}from"./index-O2tEst1s.js";import{I as be}from"./ImagePreview-VnpfW9Pj.js";import{E as qe,a as ye}from"./index-DbY2GEPa.js";import{E as ke}from"./index-Colfa9sv.js";import{E as A}from"./index-CQvuK-4v.js";import{C as we,N as Se}from"./NoTasks-DHdI1Frr.js";import{a as Ve}from"./price-CZSDhLnN.js";import{A as Ee}from"./Status-C3EStxoL.js";import{C as Ae}from"./CopyToClipboard-CzE5Qyes.js";import{I as Re}from"./ImageWrapper-C2PohC6W.js";import{E as Te}from"./index-DNuWNnk-.js";import{B as Ie}from"./BotPlaceholder-DKPNFbIr.js";import"./use-form-item-CRDWzFx1.js";import"./index-r5W6hzzQ.js";import"./index-DITqxnfk.js";import"./index-AT7DtKgl.js";import"./typescript-CoKqfRJS.js";import"./index-DNzgGVij.js";import"./strings-WMZYwrQD.js";import"./castArray-CoJ3z4SB.js";import"./isEqual-DQdO_K1-.js";import"./_initCloneObject-iRvJrG7M.js";import"./debounce-CEE_CsrA.js";import"./_baseIteratee-Bk7QROEW.js";import"./index-Dc0-osYE.js";import"./index-C1s2diPf.js";import"./index-D3gVuWw7.js";import"./_baseClone-B6o0klpv.js";import"./index-MlWSSchD.js";const Ce=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:I},data(){return{drawer:!1}}}),Ue={class:"main flex flex-row flex-1"},Le={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},Pe={class:"result h-full p-[15px] flex-1 flex flex-col"};function De(e,s,u,d,v,g){const n=o("font-awesome-icon"),r=o("el-button"),t=o("el-drawer");return a(),c("div",Ue,[p("div",Le,[U(e.$slots,"config",{},void 0,!0)]),p("div",Pe,[U(e.$slots,"result",{},void 0,!0)]),l(r,{circle:"",class:"menu",onClick:s[0]||(s[0]=b=>e.drawer=!0)},{default:m(()=>[l(n,{icon:"fa-solid fa-magic"})]),_:1}),l(t,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=b=>e.drawer=b),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Me=$(Ce,[["render",De],["__scopeId","data-v-3808ec00"]]),ze=_({name:"VersionSelector",components:{ElSelect:E,ElOption:V},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{label:this.$t("qrart.type.text"),value:"text"},{label:this.$t("qrart.type.link"),value:"link"},{label:this.$t("qrart.type.email"),value:"email"},{label:this.$t("qrart.type.phone"),value:"phone"},{label:this.$t("qrart.type.sms"),value:"sms"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug("set type",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||(console.debug("set default type",G),this.value=G)}}),Ge={class:"field"},Qe={class:"text-sm font-bold title"};function je(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ge,[p("span",Qe,i(e.$t("qrart.name.type")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),class:"value",placeholder:e.$t("qrart.placeholder.select")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Fe=$(ze,[["render",je],["__scopeId","data-v-b4bd8f04"]]),Oe=_({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:30,height:30},{value:"4:3",label:"4:3",width:32,height:24},{value:"3:4",label:"3:4",width:24,height:32},{value:"16:9",label:"16:9",width:32,height:18},{value:"9:16",label:"9:16",width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug("set aspect ratio",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=se)}}),Ne={class:"text-sm font-bold block mb-2"},Be={class:"items"},We=["onClick"],He={class:"name"};function Je(e,s,u,d,v,g){return a(),c("div",null,[p("span",Ne,i(e.$t("qrart.name.aspectRatio")),1),p("div",Be,[(a(!0),c(k,null,w(e.options,(n,r)=>(a(),c("div",{key:r,class:R({active:e.active===r,item:!0}),onClick:t=>e.value=n.value},[p("div",{class:R(["preview",n.label])},[p("div",{class:"rect",style:ae({width:n.width+"px",height:n.height+"px"})},null,4)],2),p("p",He,i(n.label),1)],10,We))),128))])])}const Ke=$(Oe,[["render",Je],["__scopeId","data-v-b7590ecc"]]),Ye=_({name:"QrwSelector",components:{ElSlider:F,InfoIcon:j},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||Q},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||(console.debug("set default qrw"),this.value=Q)}}),Xe={class:"field"},Ze={class:"text-sm font-bold title mb-2"};function xe(e,s,u,d,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",Xe,[p("span",Ze,i(e.$t("qrart.name.qrw")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:1.5,max:3,step:.1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.qrw"),class:"info"},null,8,["content"])])}const et=$(Ye,[["render",xe],["__scopeId","data-v-8410479c"]]),tt=_({name:"StepsSelector",components:{ElSlider:F,InfoIcon:j},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||L},set(e){console.debug("set steps",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||(console.debug("set default steps",L),this.value=L)}}),st={class:"field"},at={class:"text-sm font-bold block mb-2"};function ot(e,s,u,d,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",st,[p("span",at,i(e.$t("qrart.name.steps")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:10,max:20,step:1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.steps"),class:"info"},null,8,["content"])])}const lt=$(tt,[["render",ot],["__scopeId","data-v-0c88983e"]]),nt=_({name:"AdvancedSelector",components:{ElSwitch:ge},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug("set advanced",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=oe)}}),rt={class:"field"},it={class:"title font-bold"};function ct(e,s,u,d,v,g){const n=o("el-switch");return a(),c("div",rt,[p("span",it,i(e.$t("qrart.name.advanced")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value"},null,8,["modelValue"])])}const pt=$(nt,[["render",ct],["__scopeId","data-v-f8ddf849"]]),ut=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.markerShape.square")},{value:"circle",label:this.$t("qrart.markerShape.circle")},{value:"plus",label:this.$t("qrart.markerShape.plus")},{value:"box",label:this.$t("qrart.markerShape.box")},{value:"octagon",label:this.$t("qrart.markerShape.octagon")},{value:"tiny-plus",label:this.$t("qrart.markerShape.tinyPlus")},{value:"random",label:this.$t("qrart.markerShape.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug("set marker_shape",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||(this.value=le)}}),dt={class:"field"},mt={class:"text-sm font-bold block mb-2"};function ht(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",dt,[p("span",mt,i(e.$t("qrart.name.markerShape")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.markerShape")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ft=$(ut,[["render",ht],["__scopeId","data-v-de71e0b0"]]),_t=_({name:"SubMarkerSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.subMarker.square")},{value:"circle",label:this.$t("qrart.subMarker.circle")},{value:"plus",label:this.$t("qrart.subMarker.plus")},{value:"box",label:this.$t("qrart.subMarker.box")},{value:"random",label:this.$t("qrart.subMarker.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug("set sub_marker",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||(this.value=ne)}}),$t={class:"field"},vt={class:"text-sm font-bold block mb-2"};function gt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",$t,[p("span",vt,i(e.$t("qrart.name.subMarker")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.subMarker")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const bt=$(_t,[["render",gt],["__scopeId","data-v-51a39efa"]]),qt=_({name:"RotateSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug("set rotate",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||(this.value=re)}}),yt={class:"field"},kt={class:"text-sm font-bold block mb-2"};function wt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",yt,[p("span",kt,i(e.$t("qrart.name.rotate")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.rotate")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const St=$(qt,[["render",wt],["__scopeId","data-v-72e35835"]]),Vt=_({name:"EclSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"L",label:"L"},{value:"M",label:"M"},{value:"Q",label:"Q"},{value:"H",label:"H"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug("set ecl",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||(this.value=ie)}}),Et={class:"field"},At={class:"text-sm font-bold block mb-2"};function Rt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Et,[p("span",At,i(e.$t("qrart.name.ecl")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.ecl")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Tt=$(Vt,[["render",Rt],["__scopeId","data-v-b3a5e331"]]),It=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"center",label:this.$t("qrart.position.center")},{value:"top",label:this.$t("qrart.position.top")},{value:"right",label:this.$t("qrart.position.right")},{value:"bottom",label:this.$t("qrart.position.bottom")},{value:"left",label:this.$t("qrart.position.left")},{value:"top-left",label:this.$t("qrart.position.topLeft")},{value:"top-right",label:this.$t("qrart.position.topRight")},{value:"bottom-left",label:this.$t("qrart.position.bottomLeft")},{value:"bottom-right",label:this.$t("qrart.position.bottomRight")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug("set position",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||(this.value=ce)}}),Ct={class:"field"},Ut={class:"title font-bold"};function Lt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ct,[p("span",Ut,i(e.$t("qrart.name.position")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.position")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pt=$(It,[["render",Lt],["__scopeId","data-v-54186505"]]),Dt=_({name:"PaddingLevelSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug("set padding_level",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||(this.value=pe)}}),Mt={class:"field"},zt={class:"text-sm font-bold block mb-2"};function Gt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Mt,[p("span",zt,i(e.$t("qrart.name.paddingLevel")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingLevel")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Qt=$(Dt,[["render",Gt],["__scopeId","data-v-49d801fd"]]),jt=_({name:"PaddingNoiseSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug("set padding_noise",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||(this.value=ue)}}),Ft={class:"field"},Ot={class:"text-sm font-bold block mb-2"};function Nt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ft,[p("span",Ot,i(e.$t("qrart.name.paddingNoise")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingNoise")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Bt=$(jt,[["render",Nt],["__scopeId","data-v-a20833bb"]]),Wt=_({name:"PixelStyleSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.pixelStyle.square")},{value:"rounded",label:this.$t("qrart.pixelStyle.rounded")},{value:"dot",label:this.$t("qrart.pixelStyle.dot")},{value:"squircle",label:this.$t("qrart.pixelStyle.squircle")},{value:"row",label:this.$t("qrart.pixelStyle.row")},{value:"column",label:this.$t("qrart.pixelStyle.column")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug("set pixel_style",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||(this.value=de)}}),Ht={class:"field"},Jt={class:"text-sm font-bold block mb-2"};function Kt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ht,[p("span",Jt,i(e.$t("qrart.name.pixelStyle")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.pixelStyle")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Yt=$(Wt,[["render",Kt],["__scopeId","data-v-aca7f79f"]]),Xt=_({name:"SeedInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)}}),Zt={class:"field"},xt={class:"text-sm font-bold block mb-2"};function es(e,s,u,d,v,g){const n=o("el-input");return a(),c("div",Zt,[p("span",xt,i(e.$t("qrart.name.seed")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value",placeholder:e.$t("qrart.placeholder.seed")},null,8,["modelValue","placeholder"])])}const ts=$(Xt,[["render",es],["__scopeId","data-v-d939305d"]]),ss=_({name:"PresetSelector",components:{ElImage:O},data(){return{options:[{value:"sunset",label:this.$t("qrart.preset.sunset"),url:"https://cdn.acedata.cloud/rp1h1s.png"},{value:"floral",label:this.$t("qrart.preset.floral"),url:"https://cdn.acedata.cloud/upyikx.png"},{value:"snowflakes",label:this.$t("qrart.preset.snowflakes"),url:"https://cdn.acedata.cloud/j447da.png"},{value:"feathers",label:this.$t("qrart.preset.feathers"),url:"https://cdn.acedata.cloud/d2ctz9.png"},{value:"raindrops",label:this.$t("qrart.preset.raindrops"),url:"https://cdn.acedata.cloud/xv2t3s.png"},{value:"ultra-realism",label:this.$t("qrart.preset.ultraRealism"),url:"https://cdn.acedata.cloud/nlor4y.png"},{value:"epic-realms",label:this.$t("qrart.preset.epicRealms"),url:"https://cdn.acedata.cloud/wwzkvy.png"},{value:"intricate-studio",label:this.$t("qrart.preset.intricateStudio"),url:"https://cdn.acedata.cloud/4kzf5y.png"},{value:"symmetric-masterpiece",label:this.$t("qrart.preset.symmetricMasterpiece"),url:"https://cdn.acedata.cloud/ff4ii2.png"},{value:"luminous-highway",label:this.$t("qrart.preset.luminousHighway"),url:"https://cdn.acedata.cloud/cliodt.png"},{value:"celestial-journey",label:this.$t("qrart.preset.celestialJourney"),url:"https://cdn.acedata.cloud/ejellf.png"},{value:"neon-mech",label:this.$t("qrart.preset.neonMech"),url:"https://cdn.acedata.cloud/3z0y6z.png"},{value:"ethereal-low-poly",label:this.$t("qrart.preset.etherealLowPoly"),url:"https://cdn.acedata.cloud/36o0mm.png"},{value:"golden-vista",label:this.$t("qrart.preset.goldenVista"),url:"https://cdn.acedata.cloud/xa0267.png"},{value:"cinematic-expanse",label:this.$t("qrart.preset.cinematicExpanse"),url:"https://cdn.acedata.cloud/krl5qp.png"},{value:"cinematic-warm",label:this.$t("qrart.preset.cinematicWarm"),url:"https://cdn.acedata.cloud/e1aahg.png"},{value:"desolate-wilderness",label:this.$t("qrart.preset.desolateWilderness"),url:"https://cdn.acedata.cloud/9evqqu.png"},{value:"vibrant-palette",label:this.$t("qrart.preset.vibrantPalette"),url:"https://cdn.acedata.cloud/3fvsmz.png"},{value:"enigmatic-journey",label:this.$t("qrart.preset.enigmaticJourney"),url:"https://cdn.acedata.cloud/l6kku0.png"},{value:"timeless-cinematic",label:this.$t("qrart.preset.timelessCinematic"),url:"https://cdn.acedata.cloud/h5mzyn.png"},{value:"regal-galaxy",label:this.$t("qrart.preset.regalGalaxy"),url:"https://cdn.acedata.cloud/czkegd.png"},{value:"illustrious-canvas",label:this.$t("qrart.preset.illustriousCanvas"),url:"https://cdn.acedata.cloud/m8hwzh.png"},{value:"expressive-mural",label:this.$t("qrart.preset.expressiveMural"),url:"https://cdn.acedata.cloud/g4v1rb.png"},{value:"serene-haze",label:this.$t("qrart.preset.sereneHaze"),url:"https://cdn.acedata.cloud/3w3ixr.png"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||(this.value=me)}}),as={class:"field"},os={class:"text-sm font-bold block mb-2"},ls={class:"pane"},ns=["onClick"],rs={class:"name"};function is(e,s,u,d,v,g){const n=o("el-image");return a(),c("div",as,[p("span",os,i(e.$t("qrart.name.preset")),1),p("div",ls,[(a(!0),c(k,null,w(e.options,(r,t)=>(a(),c("div",{key:t,class:R({item:!0,active:e.value===r.value}),onClick:b=>e.value===r.value?e.value=void 0:e.value=r.value},[l(n,{src:r.url,fit:"fill",class:"preview"},null,8,["src"]),p("span",rs,i(r.label),1)],10,ns))),128))])])}const cs=$(ss,[["render",is],["__scopeId","data-v-65c34adf"]]),ps="",us=_({name:"ContentInput",components:{ElInput:M,ElUpload:ke,ElRadioGroup:ye,ElButton:D,ElRadioButton:qe,ImagePreview:be,FontAwesomeIcon:I},data(){return{inputWay:"input",fileList:[],uploadUrl:he()+"/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.qrart?.config?.content},set(e){this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||(this.value=ps),this.onSetContentImageUrl()},methods:{onExceed(){A.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){A.error(this.$t("qrart.message.uploadDocumentsError"))},onSetContentImageUrl(){const e=this.urls?.[0];this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),ds={class:"field"},ms={class:"flex justify-between items-center mb-4"},hs={class:"text-sm font-bold title"},fs={class:"flex items-center"},_s={key:2,class:"description"};function $s(e,s,u,d,v,g){const n=o("el-radio-button"),r=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),S=o("font-awesome-icon"),T=o("el-button"),C=o("el-upload");return a(),c("div",ds,[p("div",ms,[p("span",hs,i(e.$t("qrart.name.content")),1),p("div",fs,[l(r,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=y=>e.inputWay=y)},{default:m(()=>[l(n,{label:"input"},{default:m(()=>[q(i(e.$t("qrart.inputWay.input")),1)]),_:1}),l(n,{label:"upload"},{default:m(()=>[q(i(e.$t("qrart.inputWay.upload")),1)]),_:1})]),_:1},8,["modelValue"])])]),e.inputWay=="input"?(a(),h(t,{key:0,modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=y=>e.value=y),class:"content",placeholder:e.$t("qrart.placeholder.content")},null,8,["modelValue","placeholder"])):f("",!0),e.inputWay=="upload"?(a(),h(C,{key:1,"file-list":e.fileList,"onUpdate:fileList":s[2]||(s[2]=y=>e.fileList=y),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"upload upload-wrapper",limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:y})=>[l(b,{url:y.url||y.response?.file_url,name:y.name,percentage:y.percentage,onRemove:z=>e.fileList.splice(e.fileList.indexOf(y),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[l(T,{size:"small",type:"primary",round:""},{default:m(()=>[l(S,{icon:"fa-solid fa-upload",class:"mr-1"}),q(" "+i(e.$t("qrart.button.uploadQr")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])):f("",!0),e.inputWay=="upload"?(a(),c("p",_s,i(e.$t("qrart.message.uploadQr")),1)):f("",!0)])}const vs=$(us,[["render",$s],["__scopeId","data-v-b986940a"]]),gs="",bs=_({name:"PromptInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||(this.value=gs)}}),qs={class:"field"},ys={class:"text-sm font-bold block mb-2"};function ks(e,s,u,d,v,g){const n=o("el-input");return a(),c("div",qs,[p("span",ys,i(e.$t("qrart.name.prompt")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("qrart.placeholder.prompt"),resize:"none"},null,8,["modelValue","placeholder"])])}const ws=$(bs,[["render",ks],["__scopeId","data-v-004a0f07"]]),Ss=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:I,Consumption:we,TypeSelector:Fe,PositionSelector:Pt,PixelStyleSelector:Yt,PaddingLevelSelector:Qt,SeedInput:ts,AspectRatioSelector:Ke,QrwSelector:et,EclSelector:Tt,StepsSelector:lt,PaddingNoiseSelector:Bt,AdvancedSelector:pt,MarkerShapeSelector:ft,SubMarkerSelector:bt,RotateSelector:St,PresetSelector:cs,ContentInput:vs,PromptInput:ws},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Ve(this.config,this.service?.metadata?.price)},service(){return this.$store.state.qrart?.service}}}),Vs={class:"flex flex-col h-full"},Es={class:"flex-1 overflow-y-auto p-[15px]"},As={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Rs(e,s,u,d,v,g){const n=o("type-selector"),r=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),S=o("qrw-selector"),T=o("preset-selector"),C=o("position-selector"),y=o("advanced-selector"),z=o("steps-selector"),N=o("seed-input"),B=o("pixel-style-selector"),W=o("marker-shape-selector"),H=o("sub-marker-selector"),J=o("rotate-selector"),K=o("ecl-selector"),Y=o("padding-level-selector"),X=o("padding-noise-selector"),Z=o("consumption"),x=o("font-awesome-icon"),ee=o("el-button");return a(),c("div",Vs,[p("div",Es,[l(n,{class:"mb-4"}),l(r,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(S,{class:"mb-4"}),l(T,{class:"mb-4"}),l(C,{class:"mb-4"}),l(y,{class:"mb-4"}),e.config?.advanced?(a(),h(z,{key:0,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(N,{key:1,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(B,{key:2,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(W,{key:3,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(H,{key:4,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(J,{key:5,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(K,{key:6,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(Y,{key:7,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(X,{key:8,class:"mb-4"})):f("",!0)]),p("div",As,[l(Z,{value:e.consumption,service:e.service},null,8,["value","service"]),l(ee,{type:"primary",class:"btn w-full",round:"",onClick:s[0]||(s[0]=ca=>e.$emit("generate"))},{default:m(()=>[l(x,{icon:"fa-solid fa-magic",class:"mr-2"}),q(" "+i(e.$t("qrart.button.generate")),1)]),_:1})])])}const Ts=$(Ss,[["render",Rs]]),Is=_({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:Ae,FontAwesomeIcon:I,ElAlert:Te,ImageWrapper:Re},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,"_blank")},onReload(e){const s=e.target,u=new URL(s.src),d=u.searchParams.get("retry");if(!d)u.searchParams.set("retry","1");else if(parseInt(d)<2)u.searchParams.set("retry",(parseInt(d)+1).toString());else return;s.src=u.toString()},onOpenUrl(e){window.open(e,"_blank")},onDownload(e){const s=document.createElement("a");s.href=e,s.download=e.split("/").pop(),s.click()}}}),Cs={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Us={class:"left"},Ls={class:"main flex-1 w-[calc(100%-70px)] pt-[10px] pr-[10px] pb-0 pl-[10px]"},Ps={class:"bot text-[16px] font-bold text-[rgb(46,204,113)]"},Ds={class:"datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]"},Ms={class:"info"},zs={key:0,class:"prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px]"},Gs={key:0},Qs={key:0,class:R({content:!0,failed:!0})},js={class:"description"},Fs={class:"description"},Os={key:0,class:"description"},Ns={key:1,class:"description"},Bs={key:2,class:"description"},Ws={key:1,class:R({content:!0})},Hs={class:"description"},Js={class:"description"},Ks={class:"description"},Ys={key:2,class:R({content:!0})},Xs={class:"description"};function Zs(e,s,u,d,v,g){const n=o("el-image"),r=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),S=o("el-alert");return a(),c("div",Cs,[p("div",Us,[l(n,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-white p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),p("div",Ls,[p("div",Ps,[q(i(e.$t("qrart.name.qrartBot"))+" ",1),p("span",Ds,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),p("div",Ms,[e.modelValue?.request?.prompt?(a(),c("p",zs,[q(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Gs," - ("+i(e.$t("qrart.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Qs,[e.modelValue?.response?.image_url?(a(),h(r,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,["src","raw-src"])):f("",!0),l(S,{closable:!1,class:"mt-2 success"},{default:m(()=>[p("p",js,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Fs,[l(t,{icon:"fa-solid fa-diamond",class:"mr-1"}),q(" "+i(e.$t("qrart.name.type"))+": "+i(e.$t("qrart.type."+e.modelValue?.request?.type))+" ",1),l(b,{content:e.modelValue?.request?.type,class:"btn-copy"},null,8,["content"])]),e.modelValue?.request?.content?(a(),c("p",Os,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.content"))+": "+i(e.modelValue?.request?.content)+" ",1),l(b,{content:e.modelValue?.request?.content,class:"btn-copy"},null,8,["content"])])):f("",!0),e.modelValue?.request?.content_image_url?(a(),c("p",Ns,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.contentImageUrl"))+": ",1),l(t,{icon:"fa-solid fa-up-right-from-square",class:"mr-1 cursor-pointer",onClick:s[0]||(s[0]=T=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):f("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Bs,[l(t,{icon:"fa-solid fa-seedling",class:"mr-1"}),q(" "+i(e.$t("qrart.name.seed"))+": "+i(e.modelValue?.request?.seed||e.modelValue?.response?.seed)+" ",1),l(b,{content:(e.modelValue?.request?.seed||e.modelValue?.response?.seed).toString(),class:"btn-copy"},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(a(),c("div",Ws,[l(S,{closable:!1,class:"failure"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Hs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Js,[l(t,{icon:"fa-solid fa-circle-info",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),l(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),p("p",Ks,[l(t,{icon:"fa-solid fa-hashtag",class:"mr-1"}),q(" "+i(e.$t("qrart.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),l(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?f("",!0):(a(),c("div",Ys,[l(S,{closable:!1,class:"info"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Xs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const xs=$(Is,[["render",Zs],["__scopeId","data-v-9ee64fb6"]]),ea=_({name:"RecentPanel",components:{TaskPreview:xs,BotPlaceholder:Ie,NoTasks:Se},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),ta={key:0},sa={key:1,class:"tasks h-full w-full overflow-y-auto"},aa={key:2,class:"w-full h-full flex items-center justify-center"};function oa(e,s,u,d,v,g){const n=o("bot-placeholder"),r=o("task-preview"),t=o("no-tasks");return a(),c(k,null,[e.tasks?.items===void 0?(a(),c("div",ta,[l(n)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),c("div",sa,[(a(!0),c(k,null,w(e.tasks?.items,(b,S)=>(a(),h(r,{key:S,"model-value":b},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",aa,[l(t)])):f("",!0)],64)}const la=$(ea,[["render",oa]]),na="https://webhook.acedata.cloud/qrart",ra=_({name:"QrartIndex",components:{ConfigPanel:Ts,Layout:Me,ApplicationStatus:Ee,RecentPanel:la},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.qrart?.status?.getApplications===P.Request},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===P.Request},needApply(){return this.$store.state.qrart.status.getApplications===P.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("qrart/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("qrart/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){$e.create({application:this.application}).then(({data:e})=>{this.application=e,A.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ve&&A.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:u,createdAtMax:d}=e||{};console.debug("limit",s,"createdAtMin",u,"createdAtMax",d),await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:u,createdAtMax:d})},async onGenerate(){const e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,callback_url:na,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}},s=this.credential?.token;if(!s){console.error("no token specified");return}A.info(this.$t("qrart.message.startingTask")),fe.generate(e,{token:s}).then(()=>{A.success(this.$t("qrart.message.startTaskSuccess"))}).catch(u=>{u?.response?.data?.error?.code===_e?A.error(this.$t("qrart.message.usedUp")):A.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ia(e,s,u,d,v,g){const n=o("config-panel"),r=o("application-status"),t=o("recent-panel"),b=o("layout");return a(),h(b,null,{config:m(()=>[l(n,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[l(r,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=S=>e.$store.dispatch("qrart/setApplication",S))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),l(t,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Ja=$(ra,[["render",ia],["__scopeId","data-v-667ba1b5"]]);export{Ja as default};