npm - @acedatacloud/nexior - Versions diffs - 3.20.0 → 3.20.2 - Mend

@acedatacloud/nexior 3.20.0 → 3.20.2

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

Files changed (93) hide show

package/dist/assets/{Index-CKUhP8Wa.js → Index-B4R54zVR.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{F as I}from"./index.es-CcpVHvSx.js";import{E as D}from"./index-CkGfGBH1.js";import{E as te}from"./index-ZR2WC3y6.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,e8 as G,x as i,F as k,v as w,i as h,e9 as se,n as R,f as ae,ea as Q,eb as L,ec as oe,ed as le,ee as ne,ef as re,eg as ie,eh as ce,ei as pe,ej as ue,ek as de,el as me,c9 as he,y as f,D as q,em as fe,du as _e,dh as $e,dp as ve,dq as P}from"./index-IUOnFE33.js";import{E as V,a as E}from"./index-fKcIRqyn.js";import{I as j}from"./InfoIcon-DJgGdcM4.js";import{a as F}from"./index-C6pJT5Z8.js";import{E as ge}from"./index-CkSqGmwg.js";import{E as M}from"./index-BlfhaCBe.js";import{E as O}from"./index-DSNMx2cO.js";import{I as be}from"./ImagePreview-DpKPZpzN.js";import{E as qe,a as ye}from"./index-IPLndquX.js";import{E as ke}from"./index-DLEpULvj.js";import{E as A}from"./index-Dgon4P8g.js";import{C as we,N as Se}from"./NoTasks-BAFsp5y-.js";import{a as Ve}from"./price-BmpkejfA.js";import{A as Ee}from"./Status-C1VcHGOO.js";import{C as Ae}from"./CopyToClipboard-D10YM_7m.js";import{I as Re}from"./ImageWrapper-CJTWD-PJ.js";import{E as Te}from"./index-CF5Kx3lT.js";import{B as Ie}from"./BotPlaceholder-C-r3HBsb.js";import"./use-form-item-DNI3l--g.js";import"./index-r5W6hzzQ.js";import"./index-1fW-uAwf.js";import"./index-aLPamwRW.js";import"./typescript-CrbS__OB.js";import"./index-BXh5SszT.js";import"./strings-ByIYpJrS.js";import"./castArray-F6UtPTG2.js";import"./isEqual-DT9q1wUz.js";import"./_initCloneObject-BNJJfRAs.js";import"./debounce-DUU4g0Vw.js";import"./_baseIteratee-DVuly0os.js";import"./index-D_GDwTBQ.js";import"./index-3NDJx6NE.js";import"./index-D9ZkPdjT.js";import"./_baseClone-DfZip4NQ.js";import"./index-CwsOuzih.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};
1	+ import{F as I}from"./index.es-p3WzQOq6.js";import{E as D}from"./index-BPDafUhu.js";import{E as te}from"./index-B0lmXmn1.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,e8 as G,x as i,F as k,v as w,i as h,e9 as se,n as R,f as ae,ea as Q,eb as L,ec as oe,ed as le,ee as ne,ef as re,eg as ie,eh as ce,ei as pe,ej as ue,ek as de,el as me,c9 as he,y as f,D as q,em as fe,du as _e,dh as $e,dp as ve,dq as P}from"./index-BquyEGf6.js";import{E as V,a as E}from"./index-Bbv8AcsL.js";import{I as j}from"./InfoIcon-LF-0__cu.js";import{a as F}from"./index-BwG5X1Uf.js";import{E as ge}from"./index-DMcrRoGp.js";import{E as M}from"./index-DO2Q3h3U.js";import{E as O}from"./index-FdU7uO_k.js";import{I as be}from"./ImagePreview-B5tjfDBl.js";import{E as qe,a as ye}from"./index-C80KlKYJ.js";import{E as ke}from"./index-CGd3r2k1.js";import{E as A}from"./index-B1ltQzXY.js";import{C as we,N as Se}from"./NoTasks-7U68u4-g.js";import{a as Ve}from"./price-QrgS9vBm.js";import{A as Ee}from"./Status-BEXW_X3u.js";import{C as Ae}from"./CopyToClipboard-DvCoKPTQ.js";import{I as Re}from"./ImageWrapper-uh4-bLz8.js";import{E as Te}from"./index-bP-68lHF.js";import{B as Ie}from"./BotPlaceholder-D2NiVhQ8.js";import"./use-form-item-n2htyTGx.js";import"./index-r5W6hzzQ.js";import"./index-Cwls0ZAN.js";import"./index-D_OfWunA.js";import"./typescript-C_0I_mxX.js";import"./index-Dvf0QjP1.js";import"./strings-Bbr3e8ju.js";import"./castArray-CCwFp0WG.js";import"./isEqual-CD5SlWKj.js";import"./_initCloneObject-DBpc_lNE.js";import"./debounce-BdbhCXbs.js";import"./_baseIteratee-FPmiAqiQ.js";import"./index-C4dxWzTO.js";import"./index-CYVG-TAg.js";import"./index-DcHF8gEn.js";import"./_baseClone-CkMTtQ9D.js";import"./index-Dns87zhU.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};

package/dist/assets/{Index-BBA2fb8p.js → Index-B8Hmq-H5.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{F as S}from"./index.es-CcpVHvSx.js";import{E as U}from"./index-CkGfGBH1.js";import{E as O}from"./index-ZR2WC3y6.js";import{d as k,h as y,b as i,t as l,k as o,r as G,j as _,l as n,o as a,fa as D,x as c,F as V,v as I,i as w,c9 as q,D as g,fb as F,y as $,n as L,ak as z,fc as M,du as W,dq as x}from"./index-IUOnFE33.js";import{E as j,a as N}from"./index-fKcIRqyn.js";import{I as P}from"./InfoIcon-DJgGdcM4.js";import{E as H}from"./index-BlfhaCBe.js";import{I as B}from"./ImagePreview-DpKPZpzN.js";import{E as K}from"./index-DLEpULvj.js";import{E}from"./index-Dgon4P8g.js";import{C as J,N as Q}from"./NoTasks-BAFsp5y-.js";import{a as X}from"./price-BmpkejfA.js";import{C as Y}from"./CopyToClipboard-D10YM_7m.js";import{I as Z}from"./ImageWrapper-CJTWD-PJ.js";import{E as ee}from"./index-1fW-uAwf.js";import{E as te}from"./index-CF5Kx3lT.js";import{E as oe}from"./index-DSNMx2cO.js";import{B as ne}from"./BotPlaceholder-C-r3HBsb.js";import"./use-form-item-DNI3l--g.js";import"./index-r5W6hzzQ.js";import"./index-BXh5SszT.js";import"./typescript-CrbS__OB.js";import"./index-aLPamwRW.js";import"./strings-ByIYpJrS.js";import"./castArray-F6UtPTG2.js";import"./isEqual-DT9q1wUz.js";import"./_initCloneObject-BNJJfRAs.js";import"./debounce-DUU4g0Vw.js";import"./_baseIteratee-DVuly0os.js";import"./index-D_GDwTBQ.js";import"./index-3NDJx6NE.js";import"./index-D9ZkPdjT.js";import"./_baseClone-DfZip4NQ.js";import"./index-CwsOuzih.js";const ae=k({name:"LayoutNanobanana",components:{ElDrawer:O,ElButton:U,FontAwesomeIcon:S},data(){return{drawer:!1}}}),se={class:"main flex flex-row flex-1"},re={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},le={class:"result h-full p-[15px] flex-1 flex flex-col"};function ie(e,t,f,s,u,h){const m=n("font-awesome-icon"),d=n("el-button"),r=n("el-drawer");return a(),i("div",se,[l("div",re,[G(e.$slots,"config",{},void 0,!0)]),l("div",le,[G(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]\|\|(t[0]=b=>e.drawer=!0)},{default:_(()=>[o(m,{icon:"fa-solid fa-magic"})]),_:1}),o(r,{modelValue:e.drawer,"onUpdate:modelValue":t[1]\|\|(t[1]=b=>e.drawer=b),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:_(()=>[G(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ce=y(ae,[["render",ie],["__scopeId","data-v-3794959b"]]),pe=k({name:"ActionSelector",components:{ElSelect:N,ElOption:j},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("nanobanana.name.generate")},{value:"edit",label:this.$t("nanobanana.name.edits")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.action},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana.config,action:e})}}},mounted(){this.value\|\|(this.value=D)}}),ue={class:"field"},me={class:"title font-bold"};function de(e,t,f,s,u,h){const m=n("el-option"),d=n("el-select");return a(),i("div",ue,[l("h2",me,c(e.$t("nanobanana.name.task")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>e.value=r),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:_(()=>[(a(!0),i(V,null,I(e.options,r=>(a(),w(m,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const fe=y(pe,[["render",de],["__scopeId","data-v-53bf2549"]]),_e="",he=k({name:"PromptInput",components:{ElInput:H,InfoIcon:P},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt\|\|(this.prompt=_e)}}),ge={class:"field"},be={class:"box"},$e={class:"title font-bold"};function ve(e,t,f,s,u,h){const m=n("info-icon"),d=n("el-input");return a(),i("div",ge,[l("div",be,[l("h2",$e,c(e.$t("nanobanana.name.prompt")),1),o(m,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),o(d,{modelValue:e.prompt,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>e.prompt=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const we=y(he,[["render",ve],["__scopeId","data-v-38b040ab"]]),ke=k({name:"ImageUrlsInput",components:{ElUpload:K,ElButton:U,InfoIcon:P,ImagePreview:B,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:q()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e\|\|e.length===0){const s=(this.fileList\|\|[]).filter(u=>!u?.response?.file_url);this.fileList=s.length?s:[];return}const t=[];e.forEach(s=>{const u=this.fileList.find(h=>h?.response?.file_url===s\|\|h?.url===s);u?t.push(u):t.push({name:s.split("/").pop()\|\|s,url:s,status:"success",percentage:100,response:{file_url:s}})}),(this.fileList\|\|[]).filter(s=>!s?.response?.file_url).forEach(s=>{t.some(h=>h===s\|\|h?.url===s?.url\|\|h?.response?.file_url===s?.response?.file_url)\|\|t.push(s)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){E.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){E.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),ye={class:"field flex items-center justify-between"},Ve={class:"title font-bold text-[14px] mb-[10px]"},Ee={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Ie={class:"controls flex items-center"},Ae={class:"file-list flex flex-wrap gap-[10px]"};function Te(e,t,f,s,u,h){const m=n("font-awesome-icon"),d=n("el-button"),r=n("el-upload"),b=n("info-icon"),A=n("image-preview");return a(),i(V,null,[l("div",ye,[l("h2",Ve,c(e.$t("nanobanana.name.imageUrls")),1),l("div",Ee,[l("div",Ie,[o(r,{"file-list":e.fileList,"onUpdate:fileList":t[0]\|\|(t[0]=p=>e.fileList=p),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:_(()=>[o(d,{size:"small",type:"primary",round:""},{default:_(()=>[o(m,{icon:"fa-solid fa-upload",class:"mr-1"}),g(" "+c(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(b,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),l("div",Ae,[(a(!0),i(V,null,I(e.fileList,(p,v)=>(a(),w(A,{key:p.uid\|\|p?.response?.file_url\|\|p.url\|\|v,url:p.url\|\|p?.response?.file_url,name:p.name,percentage:p.percentage,onRemove:C=>e.onRemovePreview(v,p)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Ce=y(ke,[["render",Te]]),Re=k({name:"AspectRatioSelector",components:{ElSelect:N,ElOption:j},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,aspect_ratio:e})}}},mounted(){this.value\|\|(this.value=F)}}),Se={class:"field"},Ue={class:"title font-bold"};function Le(e,t,f,s,u,h){const m=n("el-option"),d=n("el-select");return a(),i("div",Se,[l("h2",Ue,c(e.$t("nanobanana.name.aspectRatio")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>e.value=r),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:_(()=>[(a(!0),i(V,null,I(e.options,r=>(a(),w(m,{key:r,label:r,value:r},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=y(Re,[["render",Le],["__scopeId","data-v-e51b32d6"]]),je=k({name:"ConfigPanel",components:{ElButton:U,FontAwesomeIcon:S,PromptInput:we,Consumption:J,ActionSelector:fe,ImageUrlsInput:Ce,AspectRatioSelector:Ge},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){return X(this.config,this.service?.metadata?.price)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ne={class:"flex flex-col h-full"},Pe={class:"flex-1 overflow-y-auto p-[15px]"},Be={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Oe(e,t,f,s,u,h){const m=n("action-selector"),d=n("prompt-input"),r=n("aspect-ratio-selector"),b=n("image-urls-input"),A=n("consumption"),p=n("font-awesome-icon"),v=n("el-button");return a(),i("div",Ne,[l("div",Pe,[o(m,{class:"mb-4"}),o(d,{class:"mb-4"}),e.config?.action==="generate"?(a(),w(r,{key:0,class:"mb-4"})):$("",!0),e.config?.action==="edit"?(a(),w(b,{key:1,class:"mb-4"})):$("",!0)]),l("div",Be,[o(A,{value:e.consumption,service:e.service},null,8,["value","service"]),o(v,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:_(()=>[o(p,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+c(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const De=y(je,[["render",Oe]]),qe=k({name:"TaskPreview",components:{ElImage:oe,CopyToClipboard:Y,FontAwesomeIcon:S,ElAlert:te,ImageWrapper:Z,ElButton:U,ElTooltip:ee,ImagePreview:B},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){e&&(console.debug("Edit image:",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,action:"edit",image_urls:[e]}))}}}),Fe={class:"preview"},ze={class:"left"},Me={class:"main"},We={class:"bot"},xe={class:"datetime"},He={class:"info"},Ke={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},Je={key:1,class:"prompt mt-2"},Qe={key:0},Xe={key:0,class:L({content:!0,failed:!0})},Ye={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},Ze={class:L({operations:!0,"mt-2":!0,"mb-2":!0})},et={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},tt={key:1,class:L({content:!0})},ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},nt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},at={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},st={key:2,class:L({content:!0})},rt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function lt(e,t,f,s,u,h){const m=n("el-image"),d=n("image-preview"),r=n("image-wrapper"),b=n("el-button"),A=n("el-tooltip"),p=n("font-awesome-icon"),v=n("copy-to-clipboard"),C=n("el-alert");return a(),i("div",Fe,[l("div",ze,[o(m,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),l("div",Me,[l("div",We,[g(c(e.$t("nanobanana.name.nanobananaBot"))+" ",1),l("span",xe,c(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),l("div",He,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(a(),i("div",Ke,[(a(!0),i(V,null,I(e.modelValue?.request?.image_urls,(T,R)=>(a(),w(d,{key:R,url:T,name:`image-${R+1}`,closable:!1},null,8,["url","name"]))),128))])):$("",!0),e.modelValue?.request?.prompt?(a(),i("p",Je,[g(c(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),i("span",Qe," - ("+c(e.$t("nanobanana.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",Xe,[l("div",Ye,[(a(!0),i(V,null,I(e.images,(T,R)=>(a(),w(r,{key:R,src:T?.image_url,"raw-src":T?.image_url},null,8,["src","raw-src"]))),128))]),l("div",Ze,[o(A,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:_(()=>[o(b,{type:"info",size:"small",class:"btn-action",onClick:t[0]\|\|(t[0]=z(T=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:_(()=>[g(c(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(C,{closable:!1,class:"mt-2 success"},{default:_(()=>[l("p",et,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),i("div",tt,[o(C,{closable:!1,class:"failure"},{template:_(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.failure")),1)]),default:_(()=>[l("p",ot,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",nt,[o(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.failureReason"))+": "+c(e.modelValue?.response?.error?.message)+" ",1),o(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",at,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.traceId"))+": "+c(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(a(),i("div",st,[o(C,{closable:!1,class:"info"},{template:_(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.failure")),1)]),default:_(()=>[l("p",rt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const it=y(qe,[["render",lt],["__scopeId","data-v-4450fc95"]]),ct=k({name:"RecentPanel",components:{TaskPreview:it,BotPlaceholder:ne,NoTasks:Q},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{onHandleScroll(){this.$refs.panel.scrollTop===0&&this.$emit("reach-top")}}}),pt={key:0},ut={key:1,class:"tasks h-full w-full overflow-y-auto"},mt={key:2,class:"w-full h-full flex items-center justify-center"};function dt(e,t,f,s,u,h){const m=n("bot-placeholder"),d=n("task-preview"),r=n("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",pt,[o(m)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),i("div",ut,[(a(!0),i(V,null,I(e.tasks?.items,b=>(a(),w(d,{key:b.id,"model-value":b},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(a(),i("div",mt,[o(r)])):$("",!0)],64)}const ft=y(ct,[["render",dt]]),_t="https://webhook.acedata.cloud/nanobanana",ht=k({name:"NanobananaIndex",components:{ConfigPanel:De,Layout:ce,RecentPanel:ft},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.nanobanana?.status?.getApplications===x.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:f,createdAtMax:s}=e\|\|{};console.debug("limit",t,"createdAtMin",f,"createdAtMax",s),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:f,createdAtMax:s})},async onGenerate(){const e={...this.config\|\|{}};e?.action==="generate"&&"image_urls"in e&&delete e.image_urls;const t={...e,callback_url:_t},f=this.credential?.token;if(!f){console.error("no token specified");return}E.info(this.$t("nanobanana.message.startingTask")),M.generate(t,{token:f}).then(()=>{E.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(s=>{const u=s?.response?.data;u?.error?.code===W?E.error(this.$t("nanobanana.message.usedUp")):E.error(this.$t("nanobanana.message.startTaskFailed")+(u?.error?.message\|\|""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function gt(e,t,f,s,u,h){const m=n("config-panel"),d=n("recent-panel"),r=n("layout");return a(),w(r,null,{config:_(()=>[o(m,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:_(()=>[o(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Yt=y(ht,[["render",gt]]);export{Yt as default};
1	+ import{F as S}from"./index.es-p3WzQOq6.js";import{E as U}from"./index-BPDafUhu.js";import{E as O}from"./index-B0lmXmn1.js";import{d as k,h as y,b as i,t as l,k as o,r as G,j as _,l as n,o as a,fa as D,x as c,F as V,v as I,i as w,c9 as q,D as g,fb as F,y as $,n as L,ak as z,fc as M,du as W,dq as x}from"./index-BquyEGf6.js";import{E as j,a as N}from"./index-Bbv8AcsL.js";import{I as P}from"./InfoIcon-LF-0__cu.js";import{E as H}from"./index-DO2Q3h3U.js";import{I as B}from"./ImagePreview-B5tjfDBl.js";import{E as K}from"./index-CGd3r2k1.js";import{E}from"./index-B1ltQzXY.js";import{C as J,N as Q}from"./NoTasks-7U68u4-g.js";import{a as X}from"./price-QrgS9vBm.js";import{C as Y}from"./CopyToClipboard-DvCoKPTQ.js";import{I as Z}from"./ImageWrapper-uh4-bLz8.js";import{E as ee}from"./index-Cwls0ZAN.js";import{E as te}from"./index-bP-68lHF.js";import{E as oe}from"./index-FdU7uO_k.js";import{B as ne}from"./BotPlaceholder-D2NiVhQ8.js";import"./use-form-item-n2htyTGx.js";import"./index-r5W6hzzQ.js";import"./index-Dvf0QjP1.js";import"./typescript-C_0I_mxX.js";import"./index-D_OfWunA.js";import"./strings-Bbr3e8ju.js";import"./castArray-CCwFp0WG.js";import"./isEqual-CD5SlWKj.js";import"./_initCloneObject-DBpc_lNE.js";import"./debounce-BdbhCXbs.js";import"./_baseIteratee-FPmiAqiQ.js";import"./index-C4dxWzTO.js";import"./index-CYVG-TAg.js";import"./index-DcHF8gEn.js";import"./_baseClone-CkMTtQ9D.js";import"./index-Dns87zhU.js";const ae=k({name:"LayoutNanobanana",components:{ElDrawer:O,ElButton:U,FontAwesomeIcon:S},data(){return{drawer:!1}}}),se={class:"main flex flex-row flex-1"},re={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},le={class:"result h-full p-[15px] flex-1 flex flex-col"};function ie(e,t,f,s,u,h){const m=n("font-awesome-icon"),d=n("el-button"),r=n("el-drawer");return a(),i("div",se,[l("div",re,[G(e.$slots,"config",{},void 0,!0)]),l("div",le,[G(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]\|\|(t[0]=b=>e.drawer=!0)},{default:_(()=>[o(m,{icon:"fa-solid fa-magic"})]),_:1}),o(r,{modelValue:e.drawer,"onUpdate:modelValue":t[1]\|\|(t[1]=b=>e.drawer=b),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:_(()=>[G(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ce=y(ae,[["render",ie],["__scopeId","data-v-3794959b"]]),pe=k({name:"ActionSelector",components:{ElSelect:N,ElOption:j},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("nanobanana.name.generate")},{value:"edit",label:this.$t("nanobanana.name.edits")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.action},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana.config,action:e})}}},mounted(){this.value\|\|(this.value=D)}}),ue={class:"field"},me={class:"title font-bold"};function de(e,t,f,s,u,h){const m=n("el-option"),d=n("el-select");return a(),i("div",ue,[l("h2",me,c(e.$t("nanobanana.name.task")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>e.value=r),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:_(()=>[(a(!0),i(V,null,I(e.options,r=>(a(),w(m,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const fe=y(pe,[["render",de],["__scopeId","data-v-53bf2549"]]),_e="",he=k({name:"PromptInput",components:{ElInput:H,InfoIcon:P},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt\|\|(this.prompt=_e)}}),ge={class:"field"},be={class:"box"},$e={class:"title font-bold"};function ve(e,t,f,s,u,h){const m=n("info-icon"),d=n("el-input");return a(),i("div",ge,[l("div",be,[l("h2",$e,c(e.$t("nanobanana.name.prompt")),1),o(m,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),o(d,{modelValue:e.prompt,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>e.prompt=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const we=y(he,[["render",ve],["__scopeId","data-v-38b040ab"]]),ke=k({name:"ImageUrlsInput",components:{ElUpload:K,ElButton:U,InfoIcon:P,ImagePreview:B,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:q()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e\|\|e.length===0){const s=(this.fileList\|\|[]).filter(u=>!u?.response?.file_url);this.fileList=s.length?s:[];return}const t=[];e.forEach(s=>{const u=this.fileList.find(h=>h?.response?.file_url===s\|\|h?.url===s);u?t.push(u):t.push({name:s.split("/").pop()\|\|s,url:s,status:"success",percentage:100,response:{file_url:s}})}),(this.fileList\|\|[]).filter(s=>!s?.response?.file_url).forEach(s=>{t.some(h=>h===s\|\|h?.url===s?.url\|\|h?.response?.file_url===s?.response?.file_url)\|\|t.push(s)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){E.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){E.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),ye={class:"field flex items-center justify-between"},Ve={class:"title font-bold text-[14px] mb-[10px]"},Ee={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Ie={class:"controls flex items-center"},Ae={class:"file-list flex flex-wrap gap-[10px]"};function Te(e,t,f,s,u,h){const m=n("font-awesome-icon"),d=n("el-button"),r=n("el-upload"),b=n("info-icon"),A=n("image-preview");return a(),i(V,null,[l("div",ye,[l("h2",Ve,c(e.$t("nanobanana.name.imageUrls")),1),l("div",Ee,[l("div",Ie,[o(r,{"file-list":e.fileList,"onUpdate:fileList":t[0]\|\|(t[0]=p=>e.fileList=p),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:_(()=>[o(d,{size:"small",type:"primary",round:""},{default:_(()=>[o(m,{icon:"fa-solid fa-upload",class:"mr-1"}),g(" "+c(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(b,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),l("div",Ae,[(a(!0),i(V,null,I(e.fileList,(p,v)=>(a(),w(A,{key:p.uid\|\|p?.response?.file_url\|\|p.url\|\|v,url:p.url\|\|p?.response?.file_url,name:p.name,percentage:p.percentage,onRemove:C=>e.onRemovePreview(v,p)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Ce=y(ke,[["render",Te]]),Re=k({name:"AspectRatioSelector",components:{ElSelect:N,ElOption:j},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,aspect_ratio:e})}}},mounted(){this.value\|\|(this.value=F)}}),Se={class:"field"},Ue={class:"title font-bold"};function Le(e,t,f,s,u,h){const m=n("el-option"),d=n("el-select");return a(),i("div",Se,[l("h2",Ue,c(e.$t("nanobanana.name.aspectRatio")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>e.value=r),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:_(()=>[(a(!0),i(V,null,I(e.options,r=>(a(),w(m,{key:r,label:r,value:r},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=y(Re,[["render",Le],["__scopeId","data-v-e51b32d6"]]),je=k({name:"ConfigPanel",components:{ElButton:U,FontAwesomeIcon:S,PromptInput:we,Consumption:J,ActionSelector:fe,ImageUrlsInput:Ce,AspectRatioSelector:Ge},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){return X(this.config,this.service?.metadata?.price)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ne={class:"flex flex-col h-full"},Pe={class:"flex-1 overflow-y-auto p-[15px]"},Be={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Oe(e,t,f,s,u,h){const m=n("action-selector"),d=n("prompt-input"),r=n("aspect-ratio-selector"),b=n("image-urls-input"),A=n("consumption"),p=n("font-awesome-icon"),v=n("el-button");return a(),i("div",Ne,[l("div",Pe,[o(m,{class:"mb-4"}),o(d,{class:"mb-4"}),e.config?.action==="generate"?(a(),w(r,{key:0,class:"mb-4"})):$("",!0),e.config?.action==="edit"?(a(),w(b,{key:1,class:"mb-4"})):$("",!0)]),l("div",Be,[o(A,{value:e.consumption,service:e.service},null,8,["value","service"]),o(v,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:_(()=>[o(p,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+c(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const De=y(je,[["render",Oe]]),qe=k({name:"TaskPreview",components:{ElImage:oe,CopyToClipboard:Y,FontAwesomeIcon:S,ElAlert:te,ImageWrapper:Z,ElButton:U,ElTooltip:ee,ImagePreview:B},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){e&&(console.debug("Edit image:",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,action:"edit",image_urls:[e]}))}}}),Fe={class:"preview"},ze={class:"left"},Me={class:"main"},We={class:"bot"},xe={class:"datetime"},He={class:"info"},Ke={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},Je={key:1,class:"prompt mt-2"},Qe={key:0},Xe={key:0,class:L({content:!0,failed:!0})},Ye={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},Ze={class:L({operations:!0,"mt-2":!0,"mb-2":!0})},et={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},tt={key:1,class:L({content:!0})},ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},nt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},at={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},st={key:2,class:L({content:!0})},rt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function lt(e,t,f,s,u,h){const m=n("el-image"),d=n("image-preview"),r=n("image-wrapper"),b=n("el-button"),A=n("el-tooltip"),p=n("font-awesome-icon"),v=n("copy-to-clipboard"),C=n("el-alert");return a(),i("div",Fe,[l("div",ze,[o(m,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),l("div",Me,[l("div",We,[g(c(e.$t("nanobanana.name.nanobananaBot"))+" ",1),l("span",xe,c(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),l("div",He,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(a(),i("div",Ke,[(a(!0),i(V,null,I(e.modelValue?.request?.image_urls,(T,R)=>(a(),w(d,{key:R,url:T,name:`image-${R+1}`,closable:!1},null,8,["url","name"]))),128))])):$("",!0),e.modelValue?.request?.prompt?(a(),i("p",Je,[g(c(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),i("span",Qe," - ("+c(e.$t("nanobanana.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",Xe,[l("div",Ye,[(a(!0),i(V,null,I(e.images,(T,R)=>(a(),w(r,{key:R,src:T?.image_url,"raw-src":T?.image_url},null,8,["src","raw-src"]))),128))]),l("div",Ze,[o(A,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:_(()=>[o(b,{type:"info",size:"small",class:"btn-action",onClick:t[0]\|\|(t[0]=z(T=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:_(()=>[g(c(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(C,{closable:!1,class:"mt-2 success"},{default:_(()=>[l("p",et,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),i("div",tt,[o(C,{closable:!1,class:"failure"},{template:_(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.failure")),1)]),default:_(()=>[l("p",ot,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",nt,[o(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.failureReason"))+": "+c(e.modelValue?.response?.error?.message)+" ",1),o(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",at,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.traceId"))+": "+c(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(a(),i("div",st,[o(C,{closable:!1,class:"info"},{template:_(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.failure")),1)]),default:_(()=>[l("p",rt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+c(e.$t("nanobanana.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const it=y(qe,[["render",lt],["__scopeId","data-v-4450fc95"]]),ct=k({name:"RecentPanel",components:{TaskPreview:it,BotPlaceholder:ne,NoTasks:Q},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{onHandleScroll(){this.$refs.panel.scrollTop===0&&this.$emit("reach-top")}}}),pt={key:0},ut={key:1,class:"tasks h-full w-full overflow-y-auto"},mt={key:2,class:"w-full h-full flex items-center justify-center"};function dt(e,t,f,s,u,h){const m=n("bot-placeholder"),d=n("task-preview"),r=n("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",pt,[o(m)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),i("div",ut,[(a(!0),i(V,null,I(e.tasks?.items,b=>(a(),w(d,{key:b.id,"model-value":b},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(a(),i("div",mt,[o(r)])):$("",!0)],64)}const ft=y(ct,[["render",dt]]),_t="https://webhook.acedata.cloud/nanobanana",ht=k({name:"NanobananaIndex",components:{ConfigPanel:De,Layout:ce,RecentPanel:ft},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.nanobanana?.status?.getApplications===x.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:f,createdAtMax:s}=e\|\|{};console.debug("limit",t,"createdAtMin",f,"createdAtMax",s),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:f,createdAtMax:s})},async onGenerate(){const e={...this.config\|\|{}};e?.action==="generate"&&"image_urls"in e&&delete e.image_urls;const t={...e,callback_url:_t},f=this.credential?.token;if(!f){console.error("no token specified");return}E.info(this.$t("nanobanana.message.startingTask")),M.generate(t,{token:f}).then(()=>{E.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(s=>{const u=s?.response?.data;u?.error?.code===W?E.error(this.$t("nanobanana.message.usedUp")):E.error(this.$t("nanobanana.message.startTaskFailed")+(u?.error?.message\|\|""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function gt(e,t,f,s,u,h){const m=n("config-panel"),d=n("recent-panel"),r=n("layout");return a(),w(r,null,{config:_(()=>[o(m,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:_(()=>[o(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Yt=y(ht,[["render",gt]]);export{Yt as default};

package/dist/assets/{Index-C66oDpzY.js → Index-BYjJbLBL.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{F as U}from"./index.es-CcpVHvSx.js";import{E as R}from"./index-CkGfGBH1.js";import{E as F}from"./index-ZR2WC3y6.js";import{d as f,h,b as r,t as l,k as t,r as P,j as u,l as o,o as a,eQ as M,x as c,F as w,v as x,i as k,eR as O,eS as B,eT as z,eU as N,eV as X,n as I,f as Q,c9 as H,D as V,y,eW as Y,du as W,dq as J}from"./index-IUOnFE33.js";import{E as T,a as C}from"./index-fKcIRqyn.js";import{I as L}from"./InfoIcon-DJgGdcM4.js";import{E as K,a as Z}from"./index-C6pJT5Z8.js";import{I as ee}from"./ImagePreview-DpKPZpzN.js";import{E as te}from"./index-DLEpULvj.js";import{E as S}from"./index-Dgon4P8g.js";import{E as oe}from"./index-BlfhaCBe.js";import{C as se,N as ne}from"./NoTasks-BAFsp5y-.js";import{a as ae}from"./price-BmpkejfA.js";import{C as le}from"./CopyToClipboard-D10YM_7m.js";import{V as re}from"./VideoPlayer-DAFte4NK.js";import{E as ie}from"./index-1fW-uAwf.js";import{E as ce}from"./index-CF5Kx3lT.js";import{E as pe}from"./index-DSNMx2cO.js";import{B as de}from"./BotPlaceholder-C-r3HBsb.js";import"./use-form-item-DNI3l--g.js";import"./index-r5W6hzzQ.js";import"./index-BXh5SszT.js";import"./typescript-CrbS__OB.js";import"./index-aLPamwRW.js";import"./strings-ByIYpJrS.js";import"./castArray-F6UtPTG2.js";import"./isEqual-DT9q1wUz.js";import"./_initCloneObject-BNJJfRAs.js";import"./debounce-DUU4g0Vw.js";import"./_baseIteratee-DVuly0os.js";import"./index-D_GDwTBQ.js";import"./index-D9ZkPdjT.js";import"./_baseClone-DfZip4NQ.js";import"./index-3NDJx6NE.js";import"./vue-plyr-QZFBikSk.js";import"./index-CwsOuzih.js";const ue=f({name:"LayoutPixverse",components:{ElDrawer:F,ElButton:R,FontAwesomeIcon:U},data(){return{drawer:!1}}}),me={class:"main flex flex-row flex-1"},ve={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},_e={class:"result h-full p-[15px] flex-1 flex flex-col"};function fe(e,s,d,m,$,g){const i=o("font-awesome-icon"),p=o("el-button"),n=o("el-drawer");return a(),r("div",me,[l("div",ve,[P(e.$slots,"config",{},void 0,!0)]),l("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:s[0]\|\|(s[0]=_=>e.drawer=!0)},{default:u(()=>[t(i,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]\|\|(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const he=h(ue,[["render",fe],["__scopeId","data-v-0646853d"]]),$e=f({name:"ModelSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value\|\|(this.value=M)}}),ge={class:"field"},be={class:"title font-bold"};function ye(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",ge,[l("h2",be,c(e.$t("pixverse.name.model")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=h($e,[["render",ye],["__scopeId","data-v-e8f337ca"]]),ke=f({name:"QualitySelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value\|\|(this.value=O)}}),we={class:"field"},xe={class:"title font-bold"};function Se(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",we,[l("h2",xe,c(e.$t("pixverse.name.quality")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=h(ke,[["render",Se],["__scopeId","data-v-64aeaae9"]]),Ie=f({name:"MotionSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value\|\|(this.value=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Ue(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Te,[l("h2",Ce,c(e.$t("pixverse.name.motion")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Re=h(Ie,[["render",Ue],["__scopeId","data-v-94237408"]]),Ae=f({name:"StyleSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value\|\|(this.value=z)}}),Pe={class:"field"},Le={class:"title font-bold"};function De(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Pe,[l("h2",Le,c(e.$t("pixverse.name.style")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=h(Ae,[["render",De],["__scopeId","data-v-64e17b3c"]]),je=f({name:"SeedSelector",components:{ElSlider:Z,InfoIcon:L,ElInputNumber:K},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value\|\|(this.value=void 0)}}),qe={class:"flex justify-between"},Fe={class:"flex justify-start items-center"},Me={class:"text-sm font-bold"},Oe={class:"flex justify-end items-center"},Be={class:"w-full"};function ze(e,s,d,m,$,g){const i=o("info-icon"),p=o("el-input-number"),n=o("el-slider");return a(),r("div",null,[l("div",qe,[l("div",Fe,[l("span",Me,c(e.$t("pixverse.name.seed")),1),t(i,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),l("div",Oe,[t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Be,[t(n,{modelValue:e.value,"onUpdate:modelValue":s[1]\|\|(s[1]=_=>e.value=_),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const Ne=h(je,[["render",ze]]),Xe=f({name:"DurationSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value\|\|(this.value=N)}}),Qe={class:"field"},He={class:"title font-bold"};function Ye(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Qe,[l("h2",He,c(e.$t("pixverse.name.duration")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const We=h(Xe,[["render",Ye],["__scopeId","data-v-065c77ef"]]),Je=f({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)\|\|0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value\|\|(this.value=X)}}),Ke={class:"text-sm font-bold mb-2 block"},Ze={class:"items"},et=["onClick"],tt={class:"name"};function ot(e,s,d,m,$,g){return a(),r("div",null,[l("span",Ke,c(e.$t("pixverse.name.aspectRatio")),1),l("div",Ze,[(a(!0),r(w,null,x(e.options,(i,p)=>(a(),r("div",{key:p,class:I({active:e.active===p,item:!0}),onClick:n=>e.value=i.value},[l("div",{class:I(["preview",i.label])},[l("div",{class:"rect",style:Q({width:i.width+"px",height:i.height+"px"})},null,4)],2),l("p",tt,c(i.label),1)],10,et))),128))])])}const st=h(Je,[["render",ot],["__scopeId","data-v-32a7677f"]]),nt=f({name:"StartImage",components:{ElUpload:te,ElButton:R,InfoIcon:L,FontAwesomeIcon:U,ImagePreview:ee},emits:["change"],data(){return{fileList:[],uploadUrl:H()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value\|\|(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){S.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),at={class:"relative"},lt={class:"flex justify-between"},rt={class:"flex justify-start items-center"},it={class:"text-sm font-bold"};function ct(e,s,d,m,$,g){const i=o("info-icon"),p=o("image-preview"),n=o("font-awesome-icon"),_=o("el-button"),b=o("el-upload");return a(),r("div",at,[l("div",lt,[l("div",rt,[l("span",it,c(e.$t("pixverse.name.startImage")),1),t(i,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),t(b,{"file-list":e.fileList,"onUpdate:fileList":s[0]\|\|(s[0]=v=>e.fileList=v),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:v})=>[v.url&&v.percentage!==void 0?(a(),k(p,{key:0,url:v.url,name:v.name,percentage:v.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(v),1)},null,8,["url","name","percentage","onRemove"])):y("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),V(" "+c(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const pt=h(nt,[["render",ct],["__scopeId","data-v-666104e4"]]),dt="",ut=f({name:"PromptInput",components:{ElInput:oe,InfoIcon:L},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt\|\|(this.prompt=dt)}}),mt={class:"field"},vt={class:"box"},_t={class:"title font-bold"};function ft(e,s,d,m,$,g){const i=o("info-icon"),p=o("el-input");return a(),r("div",mt,[l("div",vt,[l("h2",_t,c(e.$t("pixverse.name.prompt")),1),t(i,{content:e.$t("pixverse.description.prompt"),class:"info"},null,8,["content"])]),t(p,{modelValue:e.prompt,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pixverse.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ht=h(ut,[["render",ft],["__scopeId","data-v-b3dd608e"]]),$t=f({name:"ConfigPanel",components:{ElButton:R,FontAwesomeIcon:U,PromptInput:ht,ModelSelector:Ve,QualitySelector:Ee,MotionSelector:Re,StyleSelector:Ge,DurationSelector:We,StartImage:pt,SeedSelector:Ne,RatioSelector:st,Consumption:se},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ae(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),gt={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-[15px]"},yt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Vt(e,s,d,m,$,g){const i=o("prompt-input"),p=o("model-selector"),n=o("style-selector"),_=o("ratio-selector"),b=o("motion-selector"),v=o("quality-selector"),E=o("start-image"),A=o("seed-selector"),D=o("duration-selector"),G=o("consumption"),j=o("font-awesome-icon"),q=o("el-button");return a(),r("div",gt,[l("div",bt,[t(i,{class:"mb-4"}),t(p,{class:"mb-4"}),t(n,{class:"mb-4"}),t(_,{class:"mb-4"}),t(b,{class:"mb-4"}),t(v,{class:"mb-4"}),t(E,{class:"mb-2"}),t(A,{class:"mb-4"}),t(D,{class:"mb-4"})]),l("div",yt,[t(G,{value:e.consumption,service:e.service},null,8,["value","service"]),t(q,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(j,{icon:"fa-solid fa-magic",class:"mr-2"}),V(" "+c(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const kt=h($t,[["render",Vt]]),wt=f({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:le,FontAwesomeIcon:U,ElAlert:ce,VideoPlayer:re,ElTooltip:ie,ElButton:R},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),xt={class:"preview"},St={class:"left"},Et={class:"main"},It={class:"bot"},Tt={class:"datetime"},Ct={class:"info"},Ut={key:0,class:"prompt mt-2"},Rt={key:0},At={key:1},Pt={key:0,class:I({content:!0,failed:!0})},Lt={key:0,class:"mb-4"},Dt={key:1,class:I({operations:!0,"mt-2":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},jt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:1,class:I({content:!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Bt(e,s,d,m,$,g){const i=o("el-image"),p=o("video-player"),n=o("el-button"),_=o("el-tooltip"),b=o("font-awesome-icon"),v=o("copy-to-clipboard"),E=o("el-alert");return a(),r("div",xt,[l("div",St,[t(i,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),l("div",Et,[l("div",It,[V(c(e.$t("pixverse.name.pixverseBot"))+" ",1),l("span",Tt,c(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),l("div",Ct,[e.modelValue?.request?.prompt?(a(),r("p",Ut,[V(c(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?y("",!0):(a(),r("span",Rt," - ("+c(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"\|\|e.modelValue?.response?.data[0]?.state==="pending")?(a(),r("span",At," - ("+c(e.$t("pixverse.status.processing"))+") ",1)):y("",!0)])):y("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",Pt,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Lt,[t(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):y("",!0),e.modelValue?.response.success?(a(),r("div",Dt,[t(_,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),k(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]\|\|(s[0]=A=>e.onDownload(A,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[V(c(e.$t("pixverse.button.download")),1)]),_:1})):y("",!0)]),_:1},8,["content"])])):y("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",Gt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.model"))+": "+c(e.modelValue?.request?.model),1)]),l("p",jt,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):y("",!0),e.modelValue?.response?.success===!1?(a(),r("div",qt,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(b,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.failure")),1)]),default:u(()=>[l("p",Ft,[t(b,{icon:"fa-solid fa-circle-info",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.failureReason"))+": "+c(e.modelValue?.response?.error?.message)+" ",1),t(v,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),l("p",Mt,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",Ot,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.traceId"))+": "+c(e.modelValue?.response?.trace_id)+" ",1),t(v,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):y("",!0)]),_:1})])):y("",!0)])])}const zt=h(wt,[["render",Bt],["__scopeId","data-v-3f3bff8a"]]),Nt=f({name:"RecentPanel",components:{TaskPreview:zt,NoTasks:ne,BotPlaceholder:de},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Xt={key:0},Qt={key:1,class:"h-full w-full overflow-y-auto tasks"},Ht={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,s,d,m,$,g){const i=o("bot-placeholder"),p=o("task-preview"),n=o("no-tasks");return a(),r(w,null,[e.tasks?.items===void 0?(a(),r("div",Xt,[t(i)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),r("div",Qt,[(a(!0),r(w,null,x(e.tasks?.items,(_,b)=>(a(),k(p,{key:b,"model-value":_},null,8,["model-value"]))),128))])):y("",!0),e.tasks?.items?.length===0?(a(),r("div",Ht,[t(n)])):y("",!0)],64)}const Wt=h(Nt,[["render",Yt]]),Jt="https://webhook.acedata.cloud/pixverse",Kt=f({name:"PixverseIndex",components:{ConfigPanel:kt,Layout:he,RecentPanel:Wt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pixverse?.status?.getApplications===J.Request},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:d,createdAtMax:m}=e\|\|{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",m),await this.$store.dispatch("pixverse/getTasks",{limit:s,createdAtMin:d,createdAtMax:m})},async onGenerate(){const e={...this.config,callback_url:Jt},s=this.credential?.token;if(!s){console.error("no token specified");return}S.info(this.$t("pixverse.message.startingTask")),Y.generate(e,{token:s}).then(()=>{S.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===W?S.error(this.$t("pixverse.message.usedUp")):S.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,s,d,m,$,g){const i=o("config-panel"),p=o("recent-panel"),n=o("layout");return a(),k(n,null,{config:u(()=>[t(i,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Go=h(Kt,[["render",Zt]]);export{Go as default};
1	+ import{F as U}from"./index.es-p3WzQOq6.js";import{E as R}from"./index-BPDafUhu.js";import{E as F}from"./index-B0lmXmn1.js";import{d as f,h,b as r,t as l,k as t,r as P,j as u,l as o,o as a,eQ as M,x as c,F as w,v as x,i as k,eR as O,eS as B,eT as z,eU as N,eV as X,n as I,f as Q,c9 as H,D as V,y,eW as Y,du as W,dq as J}from"./index-BquyEGf6.js";import{E as T,a as C}from"./index-Bbv8AcsL.js";import{I as L}from"./InfoIcon-LF-0__cu.js";import{E as K,a as Z}from"./index-BwG5X1Uf.js";import{I as ee}from"./ImagePreview-B5tjfDBl.js";import{E as te}from"./index-CGd3r2k1.js";import{E as S}from"./index-B1ltQzXY.js";import{E as oe}from"./index-DO2Q3h3U.js";import{C as se,N as ne}from"./NoTasks-7U68u4-g.js";import{a as ae}from"./price-QrgS9vBm.js";import{C as le}from"./CopyToClipboard-DvCoKPTQ.js";import{V as re}from"./VideoPlayer-DAzEIQG8.js";import{E as ie}from"./index-Cwls0ZAN.js";import{E as ce}from"./index-bP-68lHF.js";import{E as pe}from"./index-FdU7uO_k.js";import{B as de}from"./BotPlaceholder-D2NiVhQ8.js";import"./use-form-item-n2htyTGx.js";import"./index-r5W6hzzQ.js";import"./index-Dvf0QjP1.js";import"./typescript-C_0I_mxX.js";import"./index-D_OfWunA.js";import"./strings-Bbr3e8ju.js";import"./castArray-CCwFp0WG.js";import"./isEqual-CD5SlWKj.js";import"./_initCloneObject-DBpc_lNE.js";import"./debounce-BdbhCXbs.js";import"./_baseIteratee-FPmiAqiQ.js";import"./index-C4dxWzTO.js";import"./index-DcHF8gEn.js";import"./_baseClone-CkMTtQ9D.js";import"./index-CYVG-TAg.js";import"./vue-plyr-QZFBikSk.js";import"./index-Dns87zhU.js";const ue=f({name:"LayoutPixverse",components:{ElDrawer:F,ElButton:R,FontAwesomeIcon:U},data(){return{drawer:!1}}}),me={class:"main flex flex-row flex-1"},ve={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},_e={class:"result h-full p-[15px] flex-1 flex flex-col"};function fe(e,s,d,m,$,g){const i=o("font-awesome-icon"),p=o("el-button"),n=o("el-drawer");return a(),r("div",me,[l("div",ve,[P(e.$slots,"config",{},void 0,!0)]),l("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:s[0]\|\|(s[0]=_=>e.drawer=!0)},{default:u(()=>[t(i,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]\|\|(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const he=h(ue,[["render",fe],["__scopeId","data-v-0646853d"]]),$e=f({name:"ModelSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value\|\|(this.value=M)}}),ge={class:"field"},be={class:"title font-bold"};function ye(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",ge,[l("h2",be,c(e.$t("pixverse.name.model")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=h($e,[["render",ye],["__scopeId","data-v-e8f337ca"]]),ke=f({name:"QualitySelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value\|\|(this.value=O)}}),we={class:"field"},xe={class:"title font-bold"};function Se(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",we,[l("h2",xe,c(e.$t("pixverse.name.quality")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=h(ke,[["render",Se],["__scopeId","data-v-64aeaae9"]]),Ie=f({name:"MotionSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value\|\|(this.value=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Ue(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Te,[l("h2",Ce,c(e.$t("pixverse.name.motion")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Re=h(Ie,[["render",Ue],["__scopeId","data-v-94237408"]]),Ae=f({name:"StyleSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value\|\|(this.value=z)}}),Pe={class:"field"},Le={class:"title font-bold"};function De(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Pe,[l("h2",Le,c(e.$t("pixverse.name.style")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=h(Ae,[["render",De],["__scopeId","data-v-64e17b3c"]]),je=f({name:"SeedSelector",components:{ElSlider:Z,InfoIcon:L,ElInputNumber:K},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value\|\|(this.value=void 0)}}),qe={class:"flex justify-between"},Fe={class:"flex justify-start items-center"},Me={class:"text-sm font-bold"},Oe={class:"flex justify-end items-center"},Be={class:"w-full"};function ze(e,s,d,m,$,g){const i=o("info-icon"),p=o("el-input-number"),n=o("el-slider");return a(),r("div",null,[l("div",qe,[l("div",Fe,[l("span",Me,c(e.$t("pixverse.name.seed")),1),t(i,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),l("div",Oe,[t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Be,[t(n,{modelValue:e.value,"onUpdate:modelValue":s[1]\|\|(s[1]=_=>e.value=_),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const Ne=h(je,[["render",ze]]),Xe=f({name:"DurationSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value\|\|(this.value=N)}}),Qe={class:"field"},He={class:"title font-bold"};function Ye(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Qe,[l("h2",He,c(e.$t("pixverse.name.duration")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(w,null,x(e.options,n=>(a(),k(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const We=h(Xe,[["render",Ye],["__scopeId","data-v-065c77ef"]]),Je=f({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)\|\|0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value\|\|(this.value=X)}}),Ke={class:"text-sm font-bold mb-2 block"},Ze={class:"items"},et=["onClick"],tt={class:"name"};function ot(e,s,d,m,$,g){return a(),r("div",null,[l("span",Ke,c(e.$t("pixverse.name.aspectRatio")),1),l("div",Ze,[(a(!0),r(w,null,x(e.options,(i,p)=>(a(),r("div",{key:p,class:I({active:e.active===p,item:!0}),onClick:n=>e.value=i.value},[l("div",{class:I(["preview",i.label])},[l("div",{class:"rect",style:Q({width:i.width+"px",height:i.height+"px"})},null,4)],2),l("p",tt,c(i.label),1)],10,et))),128))])])}const st=h(Je,[["render",ot],["__scopeId","data-v-32a7677f"]]),nt=f({name:"StartImage",components:{ElUpload:te,ElButton:R,InfoIcon:L,FontAwesomeIcon:U,ImagePreview:ee},emits:["change"],data(){return{fileList:[],uploadUrl:H()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value\|\|(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){S.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),at={class:"relative"},lt={class:"flex justify-between"},rt={class:"flex justify-start items-center"},it={class:"text-sm font-bold"};function ct(e,s,d,m,$,g){const i=o("info-icon"),p=o("image-preview"),n=o("font-awesome-icon"),_=o("el-button"),b=o("el-upload");return a(),r("div",at,[l("div",lt,[l("div",rt,[l("span",it,c(e.$t("pixverse.name.startImage")),1),t(i,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),t(b,{"file-list":e.fileList,"onUpdate:fileList":s[0]\|\|(s[0]=v=>e.fileList=v),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:v})=>[v.url&&v.percentage!==void 0?(a(),k(p,{key:0,url:v.url,name:v.name,percentage:v.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(v),1)},null,8,["url","name","percentage","onRemove"])):y("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),V(" "+c(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const pt=h(nt,[["render",ct],["__scopeId","data-v-666104e4"]]),dt="",ut=f({name:"PromptInput",components:{ElInput:oe,InfoIcon:L},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt\|\|(this.prompt=dt)}}),mt={class:"field"},vt={class:"box"},_t={class:"title font-bold"};function ft(e,s,d,m,$,g){const i=o("info-icon"),p=o("el-input");return a(),r("div",mt,[l("div",vt,[l("h2",_t,c(e.$t("pixverse.name.prompt")),1),t(i,{content:e.$t("pixverse.description.prompt"),class:"info"},null,8,["content"])]),t(p,{modelValue:e.prompt,"onUpdate:modelValue":s[0]\|\|(s[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pixverse.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ht=h(ut,[["render",ft],["__scopeId","data-v-b3dd608e"]]),$t=f({name:"ConfigPanel",components:{ElButton:R,FontAwesomeIcon:U,PromptInput:ht,ModelSelector:Ve,QualitySelector:Ee,MotionSelector:Re,StyleSelector:Ge,DurationSelector:We,StartImage:pt,SeedSelector:Ne,RatioSelector:st,Consumption:se},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ae(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),gt={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-[15px]"},yt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Vt(e,s,d,m,$,g){const i=o("prompt-input"),p=o("model-selector"),n=o("style-selector"),_=o("ratio-selector"),b=o("motion-selector"),v=o("quality-selector"),E=o("start-image"),A=o("seed-selector"),D=o("duration-selector"),G=o("consumption"),j=o("font-awesome-icon"),q=o("el-button");return a(),r("div",gt,[l("div",bt,[t(i,{class:"mb-4"}),t(p,{class:"mb-4"}),t(n,{class:"mb-4"}),t(_,{class:"mb-4"}),t(b,{class:"mb-4"}),t(v,{class:"mb-4"}),t(E,{class:"mb-2"}),t(A,{class:"mb-4"}),t(D,{class:"mb-4"})]),l("div",yt,[t(G,{value:e.consumption,service:e.service},null,8,["value","service"]),t(q,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(j,{icon:"fa-solid fa-magic",class:"mr-2"}),V(" "+c(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const kt=h($t,[["render",Vt]]),wt=f({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:le,FontAwesomeIcon:U,ElAlert:ce,VideoPlayer:re,ElTooltip:ie,ElButton:R},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),xt={class:"preview"},St={class:"left"},Et={class:"main"},It={class:"bot"},Tt={class:"datetime"},Ct={class:"info"},Ut={key:0,class:"prompt mt-2"},Rt={key:0},At={key:1},Pt={key:0,class:I({content:!0,failed:!0})},Lt={key:0,class:"mb-4"},Dt={key:1,class:I({operations:!0,"mt-2":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},jt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:1,class:I({content:!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Bt(e,s,d,m,$,g){const i=o("el-image"),p=o("video-player"),n=o("el-button"),_=o("el-tooltip"),b=o("font-awesome-icon"),v=o("copy-to-clipboard"),E=o("el-alert");return a(),r("div",xt,[l("div",St,[t(i,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),l("div",Et,[l("div",It,[V(c(e.$t("pixverse.name.pixverseBot"))+" ",1),l("span",Tt,c(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at\|\|"").toString())*1e3))),1)]),l("div",Ct,[e.modelValue?.request?.prompt?(a(),r("p",Ut,[V(c(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?y("",!0):(a(),r("span",Rt," - ("+c(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"\|\|e.modelValue?.response?.data[0]?.state==="pending")?(a(),r("span",At," - ("+c(e.$t("pixverse.status.processing"))+") ",1)):y("",!0)])):y("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",Pt,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Lt,[t(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):y("",!0),e.modelValue?.response.success?(a(),r("div",Dt,[t(_,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),k(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]\|\|(s[0]=A=>e.onDownload(A,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[V(c(e.$t("pixverse.button.download")),1)]),_:1})):y("",!0)]),_:1},8,["content"])])):y("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",Gt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.model"))+": "+c(e.modelValue?.request?.model),1)]),l("p",jt,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):y("",!0),e.modelValue?.response?.success===!1?(a(),r("div",qt,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(b,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.failure")),1)]),default:u(()=>[l("p",Ft,[t(b,{icon:"fa-solid fa-circle-info",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.failureReason"))+": "+c(e.modelValue?.response?.error?.message)+" ",1),t(v,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),l("p",Mt,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",Ot,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),V(" "+c(e.$t("pixverse.name.traceId"))+": "+c(e.modelValue?.response?.trace_id)+" ",1),t(v,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):y("",!0)]),_:1})])):y("",!0)])])}const zt=h(wt,[["render",Bt],["__scopeId","data-v-3f3bff8a"]]),Nt=f({name:"RecentPanel",components:{TaskPreview:zt,NoTasks:ne,BotPlaceholder:de},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Xt={key:0},Qt={key:1,class:"h-full w-full overflow-y-auto tasks"},Ht={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,s,d,m,$,g){const i=o("bot-placeholder"),p=o("task-preview"),n=o("no-tasks");return a(),r(w,null,[e.tasks?.items===void 0?(a(),r("div",Xt,[t(i)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),r("div",Qt,[(a(!0),r(w,null,x(e.tasks?.items,(_,b)=>(a(),k(p,{key:b,"model-value":_},null,8,["model-value"]))),128))])):y("",!0),e.tasks?.items?.length===0?(a(),r("div",Ht,[t(n)])):y("",!0)],64)}const Wt=h(Nt,[["render",Yt]]),Jt="https://webhook.acedata.cloud/pixverse",Kt=f({name:"PixverseIndex",components:{ConfigPanel:kt,Layout:he,RecentPanel:Wt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pixverse?.status?.getApplications===J.Request},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:d,createdAtMax:m}=e\|\|{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",m),await this.$store.dispatch("pixverse/getTasks",{limit:s,createdAtMin:d,createdAtMax:m})},async onGenerate(){const e={...this.config,callback_url:Jt},s=this.credential?.token;if(!s){console.error("no token specified");return}S.info(this.$t("pixverse.message.startingTask")),Y.generate(e,{token:s}).then(()=>{S.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===W?S.error(this.$t("pixverse.message.usedUp")):S.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,s,d,m,$,g){const i=o("config-panel"),p=o("recent-panel"),n=o("layout");return a(),k(n,null,{config:u(()=>[t(i,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Go=h(Kt,[["render",Zt]]);export{Go as default};

package/dist/assets/{Index-BpS5nKKm.js → Index-C3GywBR-.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{F as U}from"./index.es-CcpVHvSx.js";import{E as I}from"./index-CkGfGBH1.js";import{E as L}from"./index-ZR2WC3y6.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,e$ as R,x as n,F as C,v as G,i as v,c9 as P,D as p,y as h,n as E,ak as j,f0 as D,du as B,dq as M}from"./index-IUOnFE33.js";import{E as q,a as O}from"./index-fKcIRqyn.js";import{I as A}from"./InfoIcon-DJgGdcM4.js";import{I as z}from"./ImagePreview-DpKPZpzN.js";import{E as F}from"./index-DLEpULvj.js";import{E as V}from"./index-Dgon4P8g.js";import{E as N}from"./index-BlfhaCBe.js";import{C as H,N as K}from"./NoTasks-BAFsp5y-.js";import{a as J}from"./price-BmpkejfA.js";import{C as Q}from"./CopyToClipboard-D10YM_7m.js";import{V as W}from"./VideoPlayer-DAFte4NK.js";import{E as X}from"./index-1fW-uAwf.js";import{E as Y}from"./index-CF5Kx3lT.js";import{E as Z}from"./index-DSNMx2cO.js";import{B as x}from"./BotPlaceholder-C-r3HBsb.js";import"./use-form-item-DNI3l--g.js";import"./index-r5W6hzzQ.js";import"./index-BXh5SszT.js";import"./typescript-CrbS__OB.js";import"./index-aLPamwRW.js";import"./strings-ByIYpJrS.js";import"./castArray-F6UtPTG2.js";import"./isEqual-DT9q1wUz.js";import"./_initCloneObject-BNJJfRAs.js";import"./debounce-DUU4g0Vw.js";import"./_baseIteratee-DVuly0os.js";import"./index-D_GDwTBQ.js";import"./index-D9ZkPdjT.js";import"./_baseClone-DfZip4NQ.js";import"./index-3NDJx6NE.js";import"./vue-plyr-QZFBikSk.js";import"./index-CwsOuzih.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};
1	+ import{F as U}from"./index.es-p3WzQOq6.js";import{E as I}from"./index-BPDafUhu.js";import{E as L}from"./index-B0lmXmn1.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,e$ as R,x as n,F as C,v as G,i as v,c9 as P,D as p,y as h,n as E,ak as j,f0 as D,du as B,dq as M}from"./index-BquyEGf6.js";import{E as q,a as O}from"./index-Bbv8AcsL.js";import{I as A}from"./InfoIcon-LF-0__cu.js";import{I as z}from"./ImagePreview-B5tjfDBl.js";import{E as F}from"./index-CGd3r2k1.js";import{E as V}from"./index-B1ltQzXY.js";import{E as N}from"./index-DO2Q3h3U.js";import{C as H,N as K}from"./NoTasks-7U68u4-g.js";import{a as J}from"./price-QrgS9vBm.js";import{C as Q}from"./CopyToClipboard-DvCoKPTQ.js";import{V as W}from"./VideoPlayer-DAzEIQG8.js";import{E as X}from"./index-Cwls0ZAN.js";import{E as Y}from"./index-bP-68lHF.js";import{E as Z}from"./index-FdU7uO_k.js";import{B as x}from"./BotPlaceholder-D2NiVhQ8.js";import"./use-form-item-n2htyTGx.js";import"./index-r5W6hzzQ.js";import"./index-Dvf0QjP1.js";import"./typescript-C_0I_mxX.js";import"./index-D_OfWunA.js";import"./strings-Bbr3e8ju.js";import"./castArray-CCwFp0WG.js";import"./isEqual-CD5SlWKj.js";import"./_initCloneObject-DBpc_lNE.js";import"./debounce-BdbhCXbs.js";import"./_baseIteratee-FPmiAqiQ.js";import"./index-C4dxWzTO.js";import"./index-DcHF8gEn.js";import"./_baseClone-CkMTtQ9D.js";import"./index-CYVG-TAg.js";import"./vue-plyr-QZFBikSk.js";import"./index-Dns87zhU.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};