@acedatacloud/nexior 3.26.1 → 3.26.2

package/dist/assets/{Index-CvxFIHT8.js → Index-CRTcv7xy.js}

@@ -1 +1 @@
-import{bF as S}from"./vendor-BG5lCpoe.js";import{o as L,N as j,J as P,K as G,P as F,Q as B,q as D,r as y,p as M,B as O,i as N}from"./vendor-element-plus-7rF3khck.js";import{d as $,c as i,a as l,l as t,P as E,S as f,al as s,o as a,Z as r,F as V,ai as I,R as w,Y as h,W as k,V as U}from"./vendor-vue-Bb02XvLT.js";import{_ as v,bs as q,bt as z,bu as X,S as K,bv as W,a6 as H,a3 as A}from"./index-C963Via1.js";import{I as C,S as J}from"./ScrollList-Dhr97grQ.js";import{I as Q}from"./ImagePreview-BCYkjzYE.js";import{C as Y,N as Z}from"./NoTasks-Dg6rLhZ3.js";import{a as ee}from"./price-8az7VHed.js";import{C as te}from"./CopyToClipboard-CxIZo4NZ.js";import{I as oe}from"./ImageWrapper-Bk45C3cb.js";import{B as se}from"./BotPlaceholder-BxnL1MJo.js";import{l as ne}from"./pagination-dbPQoMuV.js";import"./vendor-dayjs-BRrJyY8K.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-D4avMJL1.js";const le=$({name:"LayoutFlux",components:{ElDrawer:j,ElButton:L,FontAwesomeIcon:S},data(){return{drawer:!1}}}),ae={class:"main flex flex-row flex-1"},re={class:"config w-[300px] flex-none h-full overflow-y-auto border-r border-[var(--el-border-color)]"},ie={class:"result h-full p-[15px] flex-1 flex flex-col min-w-0 overflow-x-hidden"};function ce(e,o,m,d,b,x){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),i("div",ae,[l("div",re,[E(e.$slots,"config",{},void 0,!0)]),l("div",ie,[E(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=p=>e.drawer=!0)},{default:f(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[E(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ue=v(le,[["render",ce],["__scopeId","data-v-8a4bf519"]]),de=$({name:"ModelSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=q)}}),pe={class:"field"},me={class:"title font-bold"};function fe(e,o,m,d,b,x){const c=s("el-option"),u=s("el-select");return a(),i("div",pe,[l("h2",me,r(e.$t("flux.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const _e=v(de,[["render",fe],["__scopeId","data-v-8df4b8a7"]]),he=$({name:"CountSelector",components:{ElSlider:B,InfoIcon:C,ElInputNumber:F},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug("set count",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||(this.value=z)}}),ge={class:"flex justify-between"},$e={class:"flex justify-start items-center"},ve={class:"text-sm font-bold"},be={class:"flex justify-end items-center"},xe={class:"w-full"};function ke(e,o,m,d,b,x){const c=s("info-icon"),u=s("el-input-number"),n=s("el-slider");return a(),i("div",null,[l("div",ge,[l("div",$e,[l("span",ve,r(e.$t("flux.name.numbers")),1),t(c,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",be,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=p=>e.value=p),"controls-position":"right"},null,8,["modelValue"])])]),l("div",xe,[t(n,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=p=>e.value=p),min:1,max:4,step:1},null,8,["modelValue"])])])}const we=v(he,[["render",ke]]),ye=$({name:"ActionSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=X)}}),Ve={class:"field"},Te={class:"title font-bold"};function Se(e,o,m,d,b,x){const c=s("el-option"),u=s("el-select");return a(),i("div",Ve,[l("h2",Te,r(e.$t("flux.name.task")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ie=v(ye,[["render",Se],["__scopeId","data-v-81fd05e5"]]),Ee=$({name:"ImageUrlInput",components:{ElUpload:D,ElButton:L,InfoIcon:C,FontAwesomeIcon:S,ImagePreview:Q},emits:["change"],data(){return{fileList:[],uploadUrl:K()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug("URLs changed:",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){y.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){y.error(this.$t("flux.message.uploadStartImageError"))}}}),Le={class:"relative"},Ue={class:"flex justify-between"},Ce={class:"flex justify-start items-center"},Ae={class:"text-sm font-bold"};function Pe(e,o,m,d,b,x){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),p=s("el-button"),g=s("el-upload");return a(),i("div",Le,[l("div",Ue,[l("div",Ce,[l("span",Ae,r(e.$t("flux.name.imageUrl")),1),t(c,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(g,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=_=>e.fileList=_),name:"file",limit:5,class:"upload-wrapper",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:f(({file:_})=>[t(u,{url:_.url||_.response?.file_url,name:_.name,percentage:_.percentage,onRemove:T=>e.fileList.splice(e.fileList.indexOf(_),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(p,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+r(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const Ge=v(Ee,[["render",Pe],["__scopeId","data-v-04710032"]]),Re="",je=$({name:"PromptInput",components:{ElInput:M,InfoIcon:C},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Re)}}),Fe={class:"field"},Be={class:"box"},De={class:"title font-bold"};function Me(e,o,m,d,b,x){const c=s("info-icon"),u=s("el-input");return a(),i("div",Fe,[l("div",Be,[l("h2",De,r(e.$t("flux.name.prompt")),1),t(c,{content:e.$t("flux.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("flux.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Oe=v(je,[["render",Me],["__scopeId","data-v-4c101a17"]]),Ne=$({name:"PresetPanel",components:{ElButton:L,FontAwesomeIcon:S,PromptInput:Oe,ModelSelector:_e,CountSelector:we,Consumption:Y,ActionSelector:Ie,ImageUrlInput:Ge},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),qe={class:"flex flex-col h-full"},ze={class:"flex-1 overflow-y-auto p-[15px]"},Xe={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ke(e,o,m,d,b,x){const c=s("action-selector"),u=s("prompt-input"),n=s("image-url-input"),p=s("model-selector"),g=s("count-selector"),_=s("consumption"),T=s("font-awesome-icon"),R=s("el-button");return a(),i("div",qe,[l("div",ze,[t(c,{class:"mb-4"}),t(u,{class:"mb-4"}),e.config?.action==="edits"?(a(),w(n,{key:0,class:"mb-4"})):k("",!0),t(p,{class:"mb-4"}),t(g,{class:"mb-4"})]),l("div",Xe,[t(_,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(T,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+r(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const We=v(Ne,[["render",Ke]]),He=$({name:"TaskPreview",components:{ElImage:N,CopyToClipboard:te,FontAwesomeIcon:S,ElAlert:O,ImageWrapper:oe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(m=>{let d=m;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),Je={class:"preview"},Qe={class:"left"},Ye={class:"main"},Ze={class:"bot"},et={class:"datetime"},tt={class:"info"},ot={key:0,class:"prompt mt-2"},st={key:0},nt={key:0,class:U({content:!0,failed:!0})},lt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},at={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},rt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},it={key:1,class:U({content:!0})},ct={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},dt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},pt={key:2,class:U({content:!0})},mt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function ft(e,o,m,d,b,x){const c=s("el-image"),u=s("image-wrapper"),n=s("font-awesome-icon"),p=s("copy-to-clipboard"),g=s("el-alert");return a(),i("div",Je,[l("div",Qe,[t(c,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",Ye,[l("div",Ze,[h(r(e.$t("flux.name.fluxBot"))+" ",1),l("span",et,r(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",tt,[e.modelValue?.request?.prompt?(a(),i("p",ot,[h(r(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?k("",!0):(a(),i("span",st," - ("+r(e.$t("flux.status.pending"))+") ",1))])):k("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",nt,[l("div",lt,[(a(!0),i(V,null,I(e.images,(_,T)=>(a(),w(u,{key:T,src:_?.image_url,"raw-src":_?.image_url,"model-value":_},null,8,["src","raw-src","model-value"]))),128))]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",at,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+r(e.$t("flux.name.model"))+": "+r(e.modelValue?.request?.model),1)]),l("p",rt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):k("",!0),e.modelValue?.response?.success===!1?(a(),i("div",it,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+r(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",ct,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",ut,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+r(e.$t("flux.name.failureReason"))+": "+r(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),l("p",dt,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+r(e.$t("flux.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):k("",!0),e.modelValue?.response?k("",!0):(a(),i("div",pt,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+r(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",mt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const _t=v(He,[["render",ft],["__scopeId","data-v-fd5838a5"]]),ht=$({name:"RecentPanel",components:{TaskPreview:_t,BotPlaceholder:se,NoTasks:Z,ScrollList:J},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),gt={key:0},$t={key:2,class:"w-full h-full flex items-center justify-center"};function vt(e,o,m,d,b,x){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),p=s("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",gt,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=g=>e.$emit("reach-top"))},{default:f(()=>[(a(!0),i(V,null,I(e.tasks?.items,g=>(a(),w(u,{key:g.id,"model-value":g},null,8,["model-value"]))),128))]),_:1},8,["loading"])):k("",!0),e.tasks?.items?.length===0?(a(),i("div",$t,[t(p)])):k("",!0)],64)}const bt=v(ht,[["render",vt]]),xt="https://webhook.acedata.cloud/flux",kt=$({name:"FluxIndex",components:{ConfigPanel:We,Layout:ue,RecentPanel:bt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ne({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:m,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:xt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),W.generate(e,{token:o}).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const d=m?.response?.data;d?.error?.code===H?y.error(this.$t("flux.message.usedUp")):y.error(this.$t("flux.message.startTaskFailed")+d?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function wt(e,o,m,d,b,x){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:f(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Dt=v(kt,[["render",wt]]);export{Dt as default};
+import{bG as S}from"./vendor-BVnhgPs4.js";import{o as L,N as j,J as P,K as G,P as B,Q as D,q as F,r as y,p as M,B as O,i as N}from"./vendor-element-plus-BUOzLm6W.js";import{d as $,c as i,a as l,l as t,P as E,S as f,al as s,o as a,Z as r,F as V,ai as I,R as w,Y as h,W as k,V as U}from"./vendor-vue-Bb02XvLT.js";import{_ as v,bs as q,bt as z,bu as X,S as K,bv as W,a6 as H,a3 as A}from"./index-Dn72Szn0.js";import{I as C,S as J}from"./ScrollList-BkRXLc_a.js";import{I as Q}from"./ImagePreview-BnQhS1sy.js";import{C as Y,N as Z}from"./NoTasks-3Z1b05wG.js";import{a as ee}from"./price-7kPhVK1M.js";import{C as te}from"./CopyToClipboard-CBliPgeP.js";import{I as oe}from"./ImageWrapper-LkV6h7vR.js";import{B as se}from"./BotPlaceholder-Drm6xiuT.js";import{l as ne}from"./pagination-dbPQoMuV.js";import"./vendor-dayjs-C40ROiFS.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-D4avMJL1.js";const le=$({name:"LayoutFlux",components:{ElDrawer:j,ElButton:L,FontAwesomeIcon:S},data(){return{drawer:!1}}}),ae={class:"main flex flex-row flex-1"},re={class:"config w-[300px] flex-none h-full overflow-y-auto border-r border-[var(--el-border-color)]"},ie={class:"result h-full p-[15px] flex-1 flex flex-col min-w-0 overflow-x-hidden"};function ce(e,o,m,d,b,x){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),i("div",ae,[l("div",re,[E(e.$slots,"config",{},void 0,!0)]),l("div",ie,[E(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=p=>e.drawer=!0)},{default:f(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[E(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ue=v(le,[["render",ce],["__scopeId","data-v-8a4bf519"]]),de=$({name:"ModelSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=q)}}),pe={class:"field"},me={class:"title font-bold"};function fe(e,o,m,d,b,x){const c=s("el-option"),u=s("el-select");return a(),i("div",pe,[l("h2",me,r(e.$t("flux.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const _e=v(de,[["render",fe],["__scopeId","data-v-8df4b8a7"]]),he=$({name:"CountSelector",components:{ElSlider:D,InfoIcon:C,ElInputNumber:B},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug("set count",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||(this.value=z)}}),ge={class:"flex justify-between"},$e={class:"flex justify-start items-center"},ve={class:"text-sm font-bold"},be={class:"flex justify-end items-center"},xe={class:"w-full"};function ke(e,o,m,d,b,x){const c=s("info-icon"),u=s("el-input-number"),n=s("el-slider");return a(),i("div",null,[l("div",ge,[l("div",$e,[l("span",ve,r(e.$t("flux.name.numbers")),1),t(c,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",be,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=p=>e.value=p),"controls-position":"right"},null,8,["modelValue"])])]),l("div",xe,[t(n,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=p=>e.value=p),min:1,max:4,step:1},null,8,["modelValue"])])])}const we=v(he,[["render",ke]]),ye=$({name:"ActionSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=X)}}),Ve={class:"field"},Te={class:"title font-bold"};function Se(e,o,m,d,b,x){const c=s("el-option"),u=s("el-select");return a(),i("div",Ve,[l("h2",Te,r(e.$t("flux.name.task")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ie=v(ye,[["render",Se],["__scopeId","data-v-81fd05e5"]]),Ee=$({name:"ImageUrlInput",components:{ElUpload:F,ElButton:L,InfoIcon:C,FontAwesomeIcon:S,ImagePreview:Q},emits:["change"],data(){return{fileList:[],uploadUrl:K()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug("URLs changed:",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){y.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){y.error(this.$t("flux.message.uploadStartImageError"))}}}),Le={class:"relative"},Ue={class:"flex justify-between"},Ce={class:"flex justify-start items-center"},Ae={class:"text-sm font-bold"};function Pe(e,o,m,d,b,x){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),p=s("el-button"),g=s("el-upload");return a(),i("div",Le,[l("div",Ue,[l("div",Ce,[l("span",Ae,r(e.$t("flux.name.imageUrl")),1),t(c,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(g,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=_=>e.fileList=_),name:"file",limit:5,class:"upload-wrapper",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:f(({file:_})=>[t(u,{url:_.url||_.response?.file_url,name:_.name,percentage:_.percentage,onRemove:T=>e.fileList.splice(e.fileList.indexOf(_),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(p,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+r(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const Ge=v(Ee,[["render",Pe],["__scopeId","data-v-04710032"]]),Re="",je=$({name:"PromptInput",components:{ElInput:M,InfoIcon:C},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Re)}}),Be={class:"field"},De={class:"box"},Fe={class:"title font-bold"};function Me(e,o,m,d,b,x){const c=s("info-icon"),u=s("el-input");return a(),i("div",Be,[l("div",De,[l("h2",Fe,r(e.$t("flux.name.prompt")),1),t(c,{content:e.$t("flux.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("flux.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Oe=v(je,[["render",Me],["__scopeId","data-v-4c101a17"]]),Ne=$({name:"PresetPanel",components:{ElButton:L,FontAwesomeIcon:S,PromptInput:Oe,ModelSelector:_e,CountSelector:we,Consumption:Y,ActionSelector:Ie,ImageUrlInput:Ge},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),qe={class:"flex flex-col h-full"},ze={class:"flex-1 overflow-y-auto p-[15px]"},Xe={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ke(e,o,m,d,b,x){const c=s("action-selector"),u=s("prompt-input"),n=s("image-url-input"),p=s("model-selector"),g=s("count-selector"),_=s("consumption"),T=s("font-awesome-icon"),R=s("el-button");return a(),i("div",qe,[l("div",ze,[t(c,{class:"mb-4"}),t(u,{class:"mb-4"}),e.config?.action==="edits"?(a(),w(n,{key:0,class:"mb-4"})):k("",!0),t(p,{class:"mb-4"}),t(g,{class:"mb-4"})]),l("div",Xe,[t(_,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(T,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+r(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const We=v(Ne,[["render",Ke]]),He=$({name:"TaskPreview",components:{ElImage:N,CopyToClipboard:te,FontAwesomeIcon:S,ElAlert:O,ImageWrapper:oe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(m=>{let d=m;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),Je={class:"preview"},Qe={class:"left"},Ye={class:"main"},Ze={class:"bot"},et={class:"datetime"},tt={class:"info"},ot={key:0,class:"prompt mt-2"},st={key:0},nt={key:0,class:U({content:!0,failed:!0})},lt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},at={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},rt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},it={key:1,class:U({content:!0})},ct={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},dt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},pt={key:2,class:U({content:!0})},mt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function ft(e,o,m,d,b,x){const c=s("el-image"),u=s("image-wrapper"),n=s("font-awesome-icon"),p=s("copy-to-clipboard"),g=s("el-alert");return a(),i("div",Je,[l("div",Qe,[t(c,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",Ye,[l("div",Ze,[h(r(e.$t("flux.name.fluxBot"))+" ",1),l("span",et,r(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",tt,[e.modelValue?.request?.prompt?(a(),i("p",ot,[h(r(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?k("",!0):(a(),i("span",st," - ("+r(e.$t("flux.status.pending"))+") ",1))])):k("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",nt,[l("div",lt,[(a(!0),i(V,null,I(e.images,(_,T)=>(a(),w(u,{key:T,src:_?.image_url,"raw-src":_?.image_url,"model-value":_},null,8,["src","raw-src","model-value"]))),128))]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",at,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+r(e.$t("flux.name.model"))+": "+r(e.modelValue?.request?.model),1)]),l("p",rt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):k("",!0),e.modelValue?.response?.success===!1?(a(),i("div",it,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+r(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",ct,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",ut,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+r(e.$t("flux.name.failureReason"))+": "+r(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),l("p",dt,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+r(e.$t("flux.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):k("",!0),e.modelValue?.response?k("",!0):(a(),i("div",pt,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+r(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",mt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const _t=v(He,[["render",ft],["__scopeId","data-v-fd5838a5"]]),ht=$({name:"RecentPanel",components:{TaskPreview:_t,BotPlaceholder:se,NoTasks:Z,ScrollList:J},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),gt={key:0},$t={key:2,class:"w-full h-full flex items-center justify-center"};function vt(e,o,m,d,b,x){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),p=s("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",gt,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=g=>e.$emit("reach-top"))},{default:f(()=>[(a(!0),i(V,null,I(e.tasks?.items,g=>(a(),w(u,{key:g.id,"model-value":g},null,8,["model-value"]))),128))]),_:1},8,["loading"])):k("",!0),e.tasks?.items?.length===0?(a(),i("div",$t,[t(p)])):k("",!0)],64)}const bt=v(ht,[["render",vt]]),xt="https://webhook.acedata.cloud/flux",kt=$({name:"FluxIndex",components:{ConfigPanel:We,Layout:ue,RecentPanel:bt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ne({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:m,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:xt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),W.generate(e,{token:o}).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const d=m?.response?.data;d?.error?.code===H?y.error(this.$t("flux.message.usedUp")):y.error(this.$t("flux.message.startTaskFailed")+d?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function wt(e,o,m,d,b,x){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:f(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ft=v(kt,[["render",wt]]);export{Ft as default};

package/dist/assets/{Index-BBKt9Spg.js → Index-CaI6zBZ3.js}

@@ -1 +1 @@
-import{bF as L}from"./vendor-BG5lCpoe.js";import{o as D,N as te,J as V,K as T,Q as F,j as se,p as M,i as j,z as ae,A as oe,q as le,r as R,B as ne}from"./vendor-element-plus-7rF3khck.js";import{d as _,c,a as d,l,P as U,S as m,al as o,o as a,Z as i,F as y,ai as S,R as h,V as E,a2 as re,W as f,Y as q}from"./vendor-vue-Bb02XvLT.js";import{_ as $,aF as Q,aG as ie,aH as G,aI as P,aJ as ce,aK as de,aL as ue,aM as pe,aN as me,aO as he,aP as fe,aQ as _e,aR as $e,aS as ve,S as ge,aT as be,a6 as qe,X as ke,a2 as ye,a3 as I}from"./index-C963Via1.js";import{I as O,S as we}from"./ScrollList-Dhr97grQ.js";import{I as Se}from"./ImagePreview-BCYkjzYE.js";import{C as Ve,N as Te}from"./NoTasks-Dg6rLhZ3.js";import{a as Re}from"./price-8az7VHed.js";import{A as Ae}from"./Status-Bzpp73t0.js";import{C as Ee}from"./CopyToClipboard-CxIZo4NZ.js";import{I as Ie}from"./ImageWrapper-Bk45C3cb.js";import{B as Le}from"./BotPlaceholder-BxnL1MJo.js";import{l as Ce}from"./pagination-dbPQoMuV.js";import"./vendor-dayjs-BRrJyY8K.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-D4avMJL1.js";const Ue=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),Pe={class:"main flex flex-row flex-1"},De={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},Me={class:"result h-full p-[15px] flex-1 flex flex-col"};function ze(e,s,u,p,v,g){const n=o("font-awesome-icon"),r=o("el-button"),t=o("el-drawer");return a(),c("div",Pe,[d("div",De,[U(e.$slots,"config",{},void 0,!0)]),d("div",Me,[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 Qe=$(Ue,[["render",ze],["__scopeId","data-v-3808ec00"]]),Ge=_({name:"VersionSelector",components:{ElSelect:T,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",Q),this.value=Q)}}),Fe={class:"field"},je={class:"text-sm font-bold title"};function Oe(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Fe,[d("span",je,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(y,null,S(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 Ne=$(Ge,[["render",Oe],["__scopeId","data-v-b4bd8f04"]]),Be=_({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=ie)}}),We={class:"text-sm font-bold block mb-2"},He={class:"items"},Je=["onClick"],Ke={class:"name"};function Ye(e,s,u,p,v,g){return a(),c("div",null,[d("span",We,i(e.$t("qrart.name.aspectRatio")),1),d("div",He,[(a(!0),c(y,null,S(e.options,(n,r)=>(a(),c("div",{key:r,class:E({active:e.active===r,item:!0}),onClick:t=>e.value=n.value},[d("div",{class:E(["preview",n.label])},[d("div",{class:"rect",style:re({width:n.width+"px",height:n.height+"px"})},null,4)],2),d("p",Ke,i(n.label),1)],10,Je))),128))])])}const Xe=$(Be,[["render",Ye],["__scopeId","data-v-b7590ecc"]]),Ze=_({name:"QrwSelector",components:{ElSlider:F,InfoIcon:O},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||G},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=G)}}),xe={class:"field"},et={class:"text-sm font-bold title mb-2"};function tt(e,s,u,p,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",xe,[d("span",et,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 st=$(Ze,[["render",tt],["__scopeId","data-v-8410479c"]]),at=_({name:"StepsSelector",components:{ElSlider:F,InfoIcon:O},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||P},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",P),this.value=P)}}),ot={class:"field"},lt={class:"text-sm font-bold block mb-2"};function nt(e,s,u,p,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",ot,[d("span",lt,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 rt=$(at,[["render",nt],["__scopeId","data-v-0c88983e"]]),it=_({name:"AdvancedSelector",components:{ElSwitch:se},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=ce)}}),ct={class:"field"},dt={class:"title font-bold"};function ut(e,s,u,p,v,g){const n=o("el-switch");return a(),c("div",ct,[d("span",dt,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=$(it,[["render",ut],["__scopeId","data-v-f8ddf849"]]),mt=_({name:"MarkerShapeSelector",components:{ElSelect:T,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=de)}}),ht={class:"field"},ft={class:"text-sm font-bold block mb-2"};function _t(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",ht,[d("span",ft,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(y,null,S(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 $t=$(mt,[["render",_t],["__scopeId","data-v-de71e0b0"]]),vt=_({name:"SubMarkerSelector",components:{ElSelect:T,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=ue)}}),gt={class:"field"},bt={class:"text-sm font-bold block mb-2"};function qt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",gt,[d("span",bt,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(y,null,S(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 kt=$(vt,[["render",qt],["__scopeId","data-v-51a39efa"]]),yt=_({name:"RotateSelector",components:{ElSelect:T,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=pe)}}),wt={class:"field"},St={class:"text-sm font-bold block mb-2"};function Vt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",wt,[d("span",St,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(y,null,S(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=$(yt,[["render",Vt],["__scopeId","data-v-72e35835"]]),Rt=_({name:"EclSelector",components:{ElSelect:T,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=me)}}),At={class:"field"},Et={class:"text-sm font-bold block mb-2"};function It(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",At,[d("span",Et,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(y,null,S(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 Lt=$(Rt,[["render",It],["__scopeId","data-v-b3a5e331"]]),Ct=_({name:"MarkerShapeSelector",components:{ElSelect:T,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=he)}}),Ut={class:"field"},Pt={class:"title font-bold"};function Dt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ut,[d("span",Pt,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(y,null,S(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 Mt=$(Ct,[["render",Dt],["__scopeId","data-v-54186505"]]),zt=_({name:"PaddingLevelSelector",components:{ElSelect:T,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=fe)}}),Qt={class:"field"},Gt={class:"text-sm font-bold block mb-2"};function Ft(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Qt,[d("span",Gt,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(y,null,S(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 jt=$(zt,[["render",Ft],["__scopeId","data-v-49d801fd"]]),Ot=_({name:"PaddingNoiseSelector",components:{ElSelect:T,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=_e)}}),Nt={class:"field"},Bt={class:"text-sm font-bold block mb-2"};function Wt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Nt,[d("span",Bt,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(y,null,S(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 Ht=$(Ot,[["render",Wt],["__scopeId","data-v-a20833bb"]]),Jt=_({name:"PixelStyleSelector",components:{ElSelect:T,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=$e)}}),Kt={class:"field"},Yt={class:"text-sm font-bold block mb-2"};function Xt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Kt,[d("span",Yt,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(y,null,S(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 Zt=$(Jt,[["render",Xt],["__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)}}),es={class:"field"},ts={class:"text-sm font-bold block mb-2"};function ss(e,s,u,p,v,g){const n=o("el-input");return a(),c("div",es,[d("span",ts,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 as=$(xt,[["render",ss],["__scopeId","data-v-d939305d"]]),os=_({name:"PresetSelector",components:{ElImage:j},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=ve)}}),ls={class:"field"},ns={class:"text-sm font-bold block mb-2"},rs={class:"pane"},is=["onClick"],cs={class:"name"};function ds(e,s,u,p,v,g){const n=o("el-image");return a(),c("div",ls,[d("span",ns,i(e.$t("qrart.name.preset")),1),d("div",rs,[(a(!0),c(y,null,S(e.options,(r,t)=>(a(),c("div",{key:t,class:E({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"]),d("span",cs,i(r.label),1)],10,is))),128))])])}const us=$(os,[["render",ds],["__scopeId","data-v-65c34adf"]]),ps="",ms=_({name:"ContentInput",components:{ElInput:M,ElUpload:le,ElRadioGroup:oe,ElButton:D,ElRadioButton:ae,ImagePreview:Se,FontAwesomeIcon:L},data(){return{inputWay:"input",fileList:[],uploadUrl:ge()+"/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(){R.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){R.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()}}}),hs={class:"field"},fs={class:"flex justify-between items-center mb-4"},_s={class:"text-sm font-bold title"},$s={class:"flex items-center"},vs={key:2,class:"description"};function gs(e,s,u,p,v,g){const n=o("el-radio-button"),r=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),w=o("font-awesome-icon"),A=o("el-button"),C=o("el-upload");return a(),c("div",hs,[d("div",fs,[d("span",_s,i(e.$t("qrart.name.content")),1),d("div",$s,[l(r,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=k=>e.inputWay=k)},{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]=k=>e.value=k),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]=k=>e.fileList=k),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:k})=>[l(b,{url:k.url||k.response?.file_url,name:k.name,percentage:k.percentage,onRemove:z=>e.fileList.splice(e.fileList.indexOf(k),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[l(A,{size:"small",type:"primary",round:""},{default:m(()=>[l(w,{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",vs,i(e.$t("qrart.message.uploadQr")),1)):f("",!0)])}const bs=$(ms,[["render",gs],["__scopeId","data-v-b986940a"]]),qs="",ks=_({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=qs)}}),ys={class:"field"},ws={class:"text-sm font-bold block mb-2"};function Ss(e,s,u,p,v,g){const n=o("el-input");return a(),c("div",ys,[d("span",ws,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 Vs=$(ks,[["render",Ss],["__scopeId","data-v-004a0f07"]]),Ts=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:L,Consumption:Ve,TypeSelector:Ne,PositionSelector:Mt,PixelStyleSelector:Zt,PaddingLevelSelector:jt,SeedInput:as,AspectRatioSelector:Xe,QrwSelector:st,EclSelector:Lt,StepsSelector:rt,PaddingNoiseSelector:Ht,AdvancedSelector:pt,MarkerShapeSelector:$t,SubMarkerSelector:kt,RotateSelector:Tt,PresetSelector:us,ContentInput:bs,PromptInput:Vs},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Re(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Rs={class:"flex flex-col h-full"},As={class:"flex-1 overflow-y-auto p-[15px]"},Es={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Is(e,s,u,p,v,g){const n=o("type-selector"),r=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),w=o("qrw-selector"),A=o("preset-selector"),C=o("position-selector"),k=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",Rs,[d("div",As,[l(n,{class:"mb-4"}),l(r,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(w,{class:"mb-4"}),l(A,{class:"mb-4"}),l(C,{class:"mb-4"}),l(k,{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)]),d("div",Es,[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]=da=>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 Ls=$(Ts,[["render",Is]]),Cs=_({name:"TaskPreview",components:{ElImage:j,CopyToClipboard:Ee,FontAwesomeIcon:L,ElAlert:ne,ImageWrapper:Ie},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),p=u.searchParams.get("retry");if(!p)u.searchParams.set("retry","1");else if(parseInt(p)<2)u.searchParams.set("retry",(parseInt(p)+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()}}}),Us={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Ps={class:"left"},Ds={class:"main flex-1 w-[calc(100%-70px)] pt-[10px] pr-[10px] pb-0 pl-[10px]"},Ms={class:"bot text-[16px] font-bold text-[rgb(46,204,113)]"},zs={class:"datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]"},Qs={class:"info"},Gs={key:0,class:"prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px]"},Fs={key:0},js={key:0,class:E({content:!0,failed:!0})},Os={class:"description"},Ns={class:"description"},Bs={key:0,class:"description"},Ws={key:1,class:"description"},Hs={key:2,class:"description"},Js={key:1,class:E({content:!0})},Ks={class:"description"},Ys={class:"description"},Xs={class:"description"},Zs={key:2,class:E({content:!0})},xs={class:"description"};function ea(e,s,u,p,v,g){const n=o("el-image"),r=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),w=o("el-alert");return a(),c("div",Us,[d("div",Ps,[l(n,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-white p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),d("div",Ds,[d("div",Ms,[q(i(e.$t("qrart.name.qrartBot"))+" ",1),d("span",zs,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),d("div",Qs,[e.modelValue?.request?.prompt?(a(),c("p",Gs,[q(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Fs," - ("+i(e.$t("qrart.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",js,[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(w,{closable:!1,class:"mt-2 success"},{default:m(()=>[d("p",Os,[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"])]),d("p",Ns,[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",Bs,[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",Ws,[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]=A=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):f("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Hs,[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",Js,[l(w,{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(()=>[d("p",Ks,[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"])]),d("p",Ys,[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"])]),d("p",Xs,[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",Zs,[l(w,{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(()=>[d("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 ta=$(Cs,[["render",ea],["__scopeId","data-v-9ee64fb6"]]),sa=_({name:"RecentPanel",components:{TaskPreview:ta,BotPlaceholder:Le,NoTasks:Te,ScrollList:we},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),aa={key:0},oa={key:2,class:"w-full h-full flex items-center justify-center"};function la(e,s,u,p,v,g){const n=o("bot-placeholder"),r=o("task-preview"),t=o("scroll-list"),b=o("no-tasks");return a(),c(y,null,[e.tasks?.items===void 0?(a(),c("div",aa,[l(n)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),h(t,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:s[0]||(s[0]=w=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),c(y,null,S(e.tasks?.items,(w,A)=>(a(),h(r,{key:A,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",oa,[l(b)])):f("",!0)],64)}const na=$(sa,[["render",la]]),ra="https://webhook.acedata.cloud/qrart",ia=_({name:"QrartIndex",components:{ConfigPanel:Ls,Layout:Qe,ApplicationStatus:Ae,RecentPanel:na},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===I.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===I.Request||this.fetchingTasks},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===I.Request},needApply(){return this.$store.state.qrart.status.getApplications===I.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("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(){ke.create({application:this.application}).then(({data:e})=>{this.application=e,R.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ye&&R.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:u,createdAtMax:p}=e||{};console.debug("limit",s,"createdAtMin",u,"createdAtMax",p),this.fetchingTasks=!0;try{await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:u,createdAtMax:p})}finally{this.fetchingTasks=!1}},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:ra,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}R.info(this.$t("qrart.message.startingTask")),be.generate(e,{token:s}).then(()=>{R.success(this.$t("qrart.message.startTaskSuccess"))}).catch(u=>{u?.response?.data?.error?.code===qe?R.error(this.$t("qrart.message.usedUp")):R.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ca(e,s,u,p,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]=w=>e.$store.dispatch("qrart/setApplication",w))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),l(t,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ra=$(ia,[["render",ca],["__scopeId","data-v-b90a878d"]]);export{Ra as default};
+import{bG as L}from"./vendor-BVnhgPs4.js";import{o as D,N as te,J as V,K as T,Q as F,j as se,p as M,i as j,z as ae,A as oe,q as le,r as R,B as ne}from"./vendor-element-plus-BUOzLm6W.js";import{d as _,c,a as d,l,P as U,S as m,al as o,o as a,Z as i,F as y,ai as S,R as h,V as E,a2 as re,W as f,Y as q}from"./vendor-vue-Bb02XvLT.js";import{_ as $,aF as G,aG as ie,aH as Q,aI as P,aJ as ce,aK as de,aL as ue,aM as pe,aN as me,aO as he,aP as fe,aQ as _e,aR as $e,aS as ve,S as ge,aT as be,a6 as qe,X as ke,a2 as ye,a3 as I}from"./index-Dn72Szn0.js";import{I as O,S as we}from"./ScrollList-BkRXLc_a.js";import{I as Se}from"./ImagePreview-BnQhS1sy.js";import{C as Ve,N as Te}from"./NoTasks-3Z1b05wG.js";import{a as Re}from"./price-7kPhVK1M.js";import{A as Ae}from"./Status-D-2VRcqL.js";import{C as Ee}from"./CopyToClipboard-CBliPgeP.js";import{I as Ie}from"./ImageWrapper-LkV6h7vR.js";import{B as Le}from"./BotPlaceholder-Drm6xiuT.js";import{l as Ce}from"./pagination-dbPQoMuV.js";import"./vendor-dayjs-C40ROiFS.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-D4avMJL1.js";const Ue=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),Pe={class:"main flex flex-row flex-1"},De={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},Me={class:"result h-full p-[15px] flex-1 flex flex-col"};function ze(e,s,u,p,v,g){const n=o("font-awesome-icon"),r=o("el-button"),t=o("el-drawer");return a(),c("div",Pe,[d("div",De,[U(e.$slots,"config",{},void 0,!0)]),d("div",Me,[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 Ge=$(Ue,[["render",ze],["__scopeId","data-v-3808ec00"]]),Qe=_({name:"VersionSelector",components:{ElSelect:T,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)}}),Fe={class:"field"},je={class:"text-sm font-bold title"};function Oe(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Fe,[d("span",je,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(y,null,S(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 Ne=$(Qe,[["render",Oe],["__scopeId","data-v-b4bd8f04"]]),Be=_({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=ie)}}),We={class:"text-sm font-bold block mb-2"},He={class:"items"},Je=["onClick"],Ke={class:"name"};function Ye(e,s,u,p,v,g){return a(),c("div",null,[d("span",We,i(e.$t("qrart.name.aspectRatio")),1),d("div",He,[(a(!0),c(y,null,S(e.options,(n,r)=>(a(),c("div",{key:r,class:E({active:e.active===r,item:!0}),onClick:t=>e.value=n.value},[d("div",{class:E(["preview",n.label])},[d("div",{class:"rect",style:re({width:n.width+"px",height:n.height+"px"})},null,4)],2),d("p",Ke,i(n.label),1)],10,Je))),128))])])}const Xe=$(Be,[["render",Ye],["__scopeId","data-v-b7590ecc"]]),Ze=_({name:"QrwSelector",components:{ElSlider:F,InfoIcon:O},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"},et={class:"text-sm font-bold title mb-2"};function tt(e,s,u,p,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",xe,[d("span",et,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 st=$(Ze,[["render",tt],["__scopeId","data-v-8410479c"]]),at=_({name:"StepsSelector",components:{ElSlider:F,InfoIcon:O},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||P},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",P),this.value=P)}}),ot={class:"field"},lt={class:"text-sm font-bold block mb-2"};function nt(e,s,u,p,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",ot,[d("span",lt,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 rt=$(at,[["render",nt],["__scopeId","data-v-0c88983e"]]),it=_({name:"AdvancedSelector",components:{ElSwitch:se},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=ce)}}),ct={class:"field"},dt={class:"title font-bold"};function ut(e,s,u,p,v,g){const n=o("el-switch");return a(),c("div",ct,[d("span",dt,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=$(it,[["render",ut],["__scopeId","data-v-f8ddf849"]]),mt=_({name:"MarkerShapeSelector",components:{ElSelect:T,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=de)}}),ht={class:"field"},ft={class:"text-sm font-bold block mb-2"};function _t(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",ht,[d("span",ft,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(y,null,S(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 $t=$(mt,[["render",_t],["__scopeId","data-v-de71e0b0"]]),vt=_({name:"SubMarkerSelector",components:{ElSelect:T,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=ue)}}),gt={class:"field"},bt={class:"text-sm font-bold block mb-2"};function qt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",gt,[d("span",bt,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(y,null,S(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 kt=$(vt,[["render",qt],["__scopeId","data-v-51a39efa"]]),yt=_({name:"RotateSelector",components:{ElSelect:T,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=pe)}}),wt={class:"field"},St={class:"text-sm font-bold block mb-2"};function Vt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",wt,[d("span",St,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(y,null,S(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=$(yt,[["render",Vt],["__scopeId","data-v-72e35835"]]),Rt=_({name:"EclSelector",components:{ElSelect:T,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=me)}}),At={class:"field"},Et={class:"text-sm font-bold block mb-2"};function It(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",At,[d("span",Et,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(y,null,S(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 Lt=$(Rt,[["render",It],["__scopeId","data-v-b3a5e331"]]),Ct=_({name:"MarkerShapeSelector",components:{ElSelect:T,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=he)}}),Ut={class:"field"},Pt={class:"title font-bold"};function Dt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ut,[d("span",Pt,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(y,null,S(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 Mt=$(Ct,[["render",Dt],["__scopeId","data-v-54186505"]]),zt=_({name:"PaddingLevelSelector",components:{ElSelect:T,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=fe)}}),Gt={class:"field"},Qt={class:"text-sm font-bold block mb-2"};function Ft(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Gt,[d("span",Qt,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(y,null,S(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 jt=$(zt,[["render",Ft],["__scopeId","data-v-49d801fd"]]),Ot=_({name:"PaddingNoiseSelector",components:{ElSelect:T,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=_e)}}),Nt={class:"field"},Bt={class:"text-sm font-bold block mb-2"};function Wt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Nt,[d("span",Bt,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(y,null,S(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 Ht=$(Ot,[["render",Wt],["__scopeId","data-v-a20833bb"]]),Jt=_({name:"PixelStyleSelector",components:{ElSelect:T,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=$e)}}),Kt={class:"field"},Yt={class:"text-sm font-bold block mb-2"};function Xt(e,s,u,p,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Kt,[d("span",Yt,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(y,null,S(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 Zt=$(Jt,[["render",Xt],["__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)}}),es={class:"field"},ts={class:"text-sm font-bold block mb-2"};function ss(e,s,u,p,v,g){const n=o("el-input");return a(),c("div",es,[d("span",ts,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 as=$(xt,[["render",ss],["__scopeId","data-v-d939305d"]]),os=_({name:"PresetSelector",components:{ElImage:j},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=ve)}}),ls={class:"field"},ns={class:"text-sm font-bold block mb-2"},rs={class:"pane"},is=["onClick"],cs={class:"name"};function ds(e,s,u,p,v,g){const n=o("el-image");return a(),c("div",ls,[d("span",ns,i(e.$t("qrart.name.preset")),1),d("div",rs,[(a(!0),c(y,null,S(e.options,(r,t)=>(a(),c("div",{key:t,class:E({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"]),d("span",cs,i(r.label),1)],10,is))),128))])])}const us=$(os,[["render",ds],["__scopeId","data-v-65c34adf"]]),ps="",ms=_({name:"ContentInput",components:{ElInput:M,ElUpload:le,ElRadioGroup:oe,ElButton:D,ElRadioButton:ae,ImagePreview:Se,FontAwesomeIcon:L},data(){return{inputWay:"input",fileList:[],uploadUrl:ge()+"/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(){R.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){R.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()}}}),hs={class:"field"},fs={class:"flex justify-between items-center mb-4"},_s={class:"text-sm font-bold title"},$s={class:"flex items-center"},vs={key:2,class:"description"};function gs(e,s,u,p,v,g){const n=o("el-radio-button"),r=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),w=o("font-awesome-icon"),A=o("el-button"),C=o("el-upload");return a(),c("div",hs,[d("div",fs,[d("span",_s,i(e.$t("qrart.name.content")),1),d("div",$s,[l(r,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=k=>e.inputWay=k)},{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]=k=>e.value=k),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]=k=>e.fileList=k),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:k})=>[l(b,{url:k.url||k.response?.file_url,name:k.name,percentage:k.percentage,onRemove:z=>e.fileList.splice(e.fileList.indexOf(k),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[l(A,{size:"small",type:"primary",round:""},{default:m(()=>[l(w,{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",vs,i(e.$t("qrart.message.uploadQr")),1)):f("",!0)])}const bs=$(ms,[["render",gs],["__scopeId","data-v-b986940a"]]),qs="",ks=_({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=qs)}}),ys={class:"field"},ws={class:"text-sm font-bold block mb-2"};function Ss(e,s,u,p,v,g){const n=o("el-input");return a(),c("div",ys,[d("span",ws,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 Vs=$(ks,[["render",Ss],["__scopeId","data-v-004a0f07"]]),Ts=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:L,Consumption:Ve,TypeSelector:Ne,PositionSelector:Mt,PixelStyleSelector:Zt,PaddingLevelSelector:jt,SeedInput:as,AspectRatioSelector:Xe,QrwSelector:st,EclSelector:Lt,StepsSelector:rt,PaddingNoiseSelector:Ht,AdvancedSelector:pt,MarkerShapeSelector:$t,SubMarkerSelector:kt,RotateSelector:Tt,PresetSelector:us,ContentInput:bs,PromptInput:Vs},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Re(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Rs={class:"flex flex-col h-full"},As={class:"flex-1 overflow-y-auto p-[15px]"},Es={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Is(e,s,u,p,v,g){const n=o("type-selector"),r=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),w=o("qrw-selector"),A=o("preset-selector"),C=o("position-selector"),k=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",Rs,[d("div",As,[l(n,{class:"mb-4"}),l(r,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(w,{class:"mb-4"}),l(A,{class:"mb-4"}),l(C,{class:"mb-4"}),l(k,{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)]),d("div",Es,[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]=da=>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 Ls=$(Ts,[["render",Is]]),Cs=_({name:"TaskPreview",components:{ElImage:j,CopyToClipboard:Ee,FontAwesomeIcon:L,ElAlert:ne,ImageWrapper:Ie},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),p=u.searchParams.get("retry");if(!p)u.searchParams.set("retry","1");else if(parseInt(p)<2)u.searchParams.set("retry",(parseInt(p)+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()}}}),Us={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Ps={class:"left"},Ds={class:"main flex-1 w-[calc(100%-70px)] pt-[10px] pr-[10px] pb-0 pl-[10px]"},Ms={class:"bot text-[16px] font-bold text-[rgb(46,204,113)]"},zs={class:"datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]"},Gs={class:"info"},Qs={key:0,class:"prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px]"},Fs={key:0},js={key:0,class:E({content:!0,failed:!0})},Os={class:"description"},Ns={class:"description"},Bs={key:0,class:"description"},Ws={key:1,class:"description"},Hs={key:2,class:"description"},Js={key:1,class:E({content:!0})},Ks={class:"description"},Ys={class:"description"},Xs={class:"description"},Zs={key:2,class:E({content:!0})},xs={class:"description"};function ea(e,s,u,p,v,g){const n=o("el-image"),r=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),w=o("el-alert");return a(),c("div",Us,[d("div",Ps,[l(n,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-white p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),d("div",Ds,[d("div",Ms,[q(i(e.$t("qrart.name.qrartBot"))+" ",1),d("span",zs,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),d("div",Gs,[e.modelValue?.request?.prompt?(a(),c("p",Qs,[q(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Fs," - ("+i(e.$t("qrart.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",js,[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(w,{closable:!1,class:"mt-2 success"},{default:m(()=>[d("p",Os,[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"])]),d("p",Ns,[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",Bs,[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",Ws,[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]=A=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):f("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Hs,[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",Js,[l(w,{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(()=>[d("p",Ks,[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"])]),d("p",Ys,[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"])]),d("p",Xs,[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",Zs,[l(w,{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(()=>[d("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 ta=$(Cs,[["render",ea],["__scopeId","data-v-9ee64fb6"]]),sa=_({name:"RecentPanel",components:{TaskPreview:ta,BotPlaceholder:Le,NoTasks:Te,ScrollList:we},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),aa={key:0},oa={key:2,class:"w-full h-full flex items-center justify-center"};function la(e,s,u,p,v,g){const n=o("bot-placeholder"),r=o("task-preview"),t=o("scroll-list"),b=o("no-tasks");return a(),c(y,null,[e.tasks?.items===void 0?(a(),c("div",aa,[l(n)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),h(t,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:s[0]||(s[0]=w=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),c(y,null,S(e.tasks?.items,(w,A)=>(a(),h(r,{key:A,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",oa,[l(b)])):f("",!0)],64)}const na=$(sa,[["render",la]]),ra="https://webhook.acedata.cloud/qrart",ia=_({name:"QrartIndex",components:{ConfigPanel:Ls,Layout:Ge,ApplicationStatus:Ae,RecentPanel:na},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===I.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===I.Request||this.fetchingTasks},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===I.Request},needApply(){return this.$store.state.qrart.status.getApplications===I.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("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(){ke.create({application:this.application}).then(({data:e})=>{this.application=e,R.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ye&&R.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:u,createdAtMax:p}=e||{};console.debug("limit",s,"createdAtMin",u,"createdAtMax",p),this.fetchingTasks=!0;try{await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:u,createdAtMax:p})}finally{this.fetchingTasks=!1}},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:ra,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}R.info(this.$t("qrart.message.startingTask")),be.generate(e,{token:s}).then(()=>{R.success(this.$t("qrart.message.startTaskSuccess"))}).catch(u=>{u?.response?.data?.error?.code===qe?R.error(this.$t("qrart.message.usedUp")):R.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ca(e,s,u,p,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]=w=>e.$store.dispatch("qrart/setApplication",w))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),l(t,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ra=$(ia,[["render",ca],["__scopeId","data-v-b90a878d"]]);export{Ra as default};

package/dist/assets/{Index-CmCkcG7V.js → Index-CqoL0s33.js}

@@ -1 +1 @@
-import{bF as T}from"./vendor-BG5lCpoe.js";import{o as L,N as K,J as G,K as A,q as N,r as V,P as H,Q as J,p as B,n as Q,B as W,i as Y}from"./vendor-element-plus-7rF3khck.js";import{d as v,c,a,l as t,P as R,S as p,al as o,o as n,Z as i,F as I,ai as C,R as y,V as E,a2 as Z,Y as h,W as $}from"./vendor-vue-Bb02XvLT.js";import{_ as k,b0 as X,b1 as x,b2 as ee,b3 as te,S as F,b4 as oe,b5 as se,a6 as ne,a3 as M}from"./index-C963Via1.js";import{I as U,S as le}from"./ScrollList-Dhr97grQ.js";import{I as O}from"./ImagePreview-BCYkjzYE.js";import{C as ae,N as ie}from"./NoTasks-Dg6rLhZ3.js";import{a as re}from"./price-8az7VHed.js";import{C as ce}from"./CopyToClipboard-CxIZo4NZ.js";import{V as de}from"./VideoPlayer-BYN9kAcb.js";import{B as ue}from"./BotPlaceholder-BxnL1MJo.js";import{l as pe}from"./pagination-dbPQoMuV.js";import"./vendor-dayjs-BRrJyY8K.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-D4avMJL1.js";const me=v({name:"LayoutKling",components:{ElDrawer:K,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ge={class:"main flex flex-row flex-1"},fe={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 he(e,s,g,f,b,w){const r=o("font-awesome-icon"),d=o("el-button"),l=o("el-drawer");return n(),c("div",ge,[a("div",fe,[R(e.$slots,"config",{},void 0,!0)]),a("div",_e,[R(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:p(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const $e=k(me,[["render",he],["__scopeId","data-v-fae64b48"]]),ve=v({name:"ModelSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"kling-v1",label:"v1"},{value:"kling-v1-6",label:"v1.6"},{value:"kling-v2-master",label:"v2-Master"},{value:"kling-v2-1-master",label:"v2.1-Master"},{value:"kling-v2-5-turbo",label:"v2.5-Turbo"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.model},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,model:e})}}},mounted(){this.value||(this.value=X)}}),ke={class:"field"},be={class:"title font-bold"};function we(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",ke,[a("h2",be,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ye=k(ve,[["render",we],["__scopeId","data-v-e476bacf"]]),Ve=v({name:"ModeSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"std",label:this.$t("kling.name.modeStd")},{value:"pro",label:this.$t("kling.name.modePro")}]}},computed:{value:{get(){return this.$store.state.kling?.config?.mode},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,mode:e})}}},mounted(){this.value||(this.value=x)}}),Se={class:"field"},Ie={class:"title font-bold"};function Ee(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Se,[a("h2",Ie,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Te=k(Ve,[["render",Ee],["__scopeId","data-v-daa57765"]]),Le=v({name:"DurationSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5秒"},{value:10,label:"10秒"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.duration},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,duration:e})}}},mounted(){this.value||(this.value=ee)}}),Ce={class:"field"},Ue={class:"title font-bold"};function Pe(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Ce,[a("h2",Ue,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Re=k(Le,[["render",Pe],["__scopeId","data-v-02112e2c"]]),Ge=v({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug("set ratio",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=te)}}),Ae={class:"text-sm font-bold mb-2 block"},De={class:"items"},je=["onClick"],Me={class:"name"};function Ne(e,s,g,f,b,w){return n(),c("div",null,[a("span",Ae,i(e.$t("kling.name.ratio")),1),a("div",De,[(n(!0),c(I,null,C(e.options,(r,d)=>(n(),c("div",{key:d,class:E({active:e.active===d,item:!0}),onClick:l=>e.value=r.value},[a("div",{class:E(["preview",r.label])},[a("div",{class:"rect",style:Z({width:r.width+"px",height:r.height+"px"})},null,4)],2),a("p",Me,i(r.label),1)],10,je))),128))])])}const Be=k(Ge,[["render",Ne],["__scopeId","data-v-2601284f"]]),Fe=v({name:"StartImage",components:{ElUpload:N,ElButton:L,InfoIcon:U,FontAwesomeIcon:T,ImagePreview:O},emits:["change"],data(){return{fileList:[],uploadUrl:F()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Oe={class:"relative"},ze={class:"flex justify-between"},qe={class:"flex justify-start items-center"},Ke={class:"text-sm font-bold"};function He(e,s,g,f,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",Oe,[a("div",ze,[a("div",qe,[a("span",Ke,i(e.$t("kling.name.startImage")),1),t(r,{content:e.$t("kling.description.uploadStartImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=u=>e.fileList=u),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:p(({file:u})=>[u.url&&u.percentage!==void 0?(n(),y(d,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:p(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Je=k(Fe,[["render",He],["__scopeId","data-v-e2205d5b"]]),Qe=v({name:"EndImage",components:{ElUpload:N,ElButton:L,ImagePreview:O,InfoIcon:U,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:F()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),We={class:"relative"},Ye={class:"flex justify-between"},Ze={class:"flex justify-start items-center"},Xe={class:"text-sm font-bold"};function xe(e,s,g,f,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",We,[a("div",Ye,[a("div",Ze,[a("span",Xe,i(e.$t("kling.name.endImage")),1),t(r,{content:e.$t("kling.description.uploadEndImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=u=>e.fileList=u),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:p(({file:u})=>[u.url&&u.percentage!==void 0?(n(),y(d,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:p(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const et=k(Qe,[["render",xe],["__scopeId","data-v-caf87d80"]]),tt=v({name:"CfgScaleSelector",components:{ElSlider:J,InfoIcon:U,ElInputNumber:H},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug("set cfg_scale",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||(this.value=oe)}}),ot={class:"flex justify-between"},st={class:"flex justify-start items-center"},nt={class:"text-sm font-bold"},lt={class:"flex justify-end items-center"},at={class:"w-full"};function it(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input-number"),l=o("el-slider");return n(),c("div",null,[a("div",ot,[a("div",st,[a("span",nt,i(e.$t("kling.name.cfgScale")),1),t(r,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),a("div",lt,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),a("div",at,[t(l,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1,step:.1},null,8,["modelValue"])])])}const rt=k(tt,[["render",it]]),ct="",dt=v({name:"PromptInput",components:{ElInput:B,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}}),ut={class:"field"},pt={class:"box"},mt={class:"title font-bold"};function gt(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",ut,[a("div",pt,[a("h2",mt,i(e.$t("kling.name.prompt")),1),t(r,{content:e.$t("kling.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ft=k(dt,[["render",gt],["__scopeId","data-v-0e95dea6"]]),_t="",ht=v({name:"NegativePromptInput",components:{ElInput:B,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||(this.prompt=_t)}}),$t={class:"field"},vt={class:"box"},kt={class:"title font-bold"};function bt(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",$t,[a("div",vt,[a("h2",kt,i(e.$t("kling.name.negativePrompt")),1),t(r,{content:e.$t("kling.description.negativePrompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.negativePrompt"),maxlength:200,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const wt=k(ht,[["render",bt],["__scopeId","data-v-dfc5338b"]]),yt=v({name:"ConfigPanel",components:{ElButton:L,Consumption:ae,FontAwesomeIcon:T,PromptInput:ft,NegativePromptInput:wt,ModelSelector:ye,ModeSelector:Te,DurationSelector:Re,RatioSelector:Be,StartImage:Je,CfgScaleSelector:rt,EndImage:et},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return re(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Vt={class:"flex flex-col h-full"},St={class:"flex-1 overflow-y-auto p-[15px]"},It={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Et(e,s,g,f,b,w){const r=o("prompt-input"),d=o("model-selector"),l=o("ratio-selector"),_=o("start-image"),m=o("end-image"),u=o("duration-selector"),S=o("mode-selector"),P=o("cfg-scale-selector"),z=o("negative-prompt-input"),q=o("consumption"),D=o("font-awesome-icon"),j=o("el-button");return n(),c("div",Vt,[a("div",St,[t(r,{class:"mb-4"}),t(d,{class:"mb-4"}),t(l,{class:"mb-4"}),t(_,{class:"mb-2"}),t(m,{class:"mb-2"}),t(u,{class:"mb-4"}),t(S,{class:"mb-4"}),t(P,{class:"mb-4"}),t(z,{class:"mb-4"})]),a("div",It,[t(q,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(n(),y(j,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.extend")),1)]),_:1},8,["onClick"])):(n(),y(j,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.generate")),1)]),_:1},8,["onClick"]))])])}const Tt=k(yt,[["render",Et]]),Lt=v({name:"TaskPreview",components:{ElImage:Y,CopyToClipboard:ce,FontAwesomeIcon:T,ElAlert:W,VideoPlayer:de,ElTooltip:Q,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Ct={class:"preview"},Ut={class:"left"},Pt={class:"main"},Rt={class:"bot"},Gt={class:"datetime"},At={class:"info"},Dt={key:0,class:"prompt mt-2"},jt={key:0},Mt={key:1},Nt={key:0,class:E({content:!0,failed:!0})},Bt={key:0,class:"mb-4"},Ft={key:1,class:E({operations:!0,"mt-2":!0})},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:1,class:E({content:!0})},Kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Jt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Qt={key:2,class:E({content:!0})},Wt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Yt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Zt(e,s,g,f,b,w){const r=o("el-image"),d=o("video-player"),l=o("el-button"),_=o("el-tooltip"),m=o("font-awesome-icon"),u=o("copy-to-clipboard"),S=o("el-alert");return n(),c("div",Ct,[a("div",Ut,[t(r,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),a("div",Pt,[a("div",Rt,[h(i(e.$t("kling.name.klingBot"))+" ",1),a("span",Gt,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),a("div",At,[e.modelValue?.request?.prompt?(n(),c("p",Dt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",jt," - ("+i(e.$t("kling.status.pending"))+") ",1)),e.modelValue?.response?.state==="submitted"||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="completed"?(n(),c("span",Mt," - ("+i(e.$t("kling.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",Nt,[e.modelValue?.response.video_url?(n(),c("div",Bt,[t(d,{src:e.modelValue?.response.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),c("div",Ft,[t(_,{class:"box-item",effect:"dark",content:e.$t("kling.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response.video_url?(n(),y(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=P=>e.onDownload(P,e.modelValue?.response.video_url))},{default:p(()=>[h(i(e.$t("kling.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),t(S,{closable:!1,class:"mt-2 success"},{default:p(()=>[a("p",Ot,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),a("p",zt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",qt,[t(S,{closable:!1,class:"failure"},{template:p(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:p(()=>[a("p",Kt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])]),a("p",Ht,[t(m,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("kling.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(u,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Jt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),c("div",Qt,[t(S,{closable:!1,class:"info"},{template:p(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:p(()=>[a("p",Wt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Yt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Xt=k(Lt,[["render",Zt],["__scopeId","data-v-c0a171a2"]]),xt=v({name:"RecentPanel",components:{TaskPreview:Xt,NoTasks:ie,BotPlaceholder:ue,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),eo={key:0},to={key:2,class:"w-full h-full flex items-center justify-center"};function oo(e,s,g,f,b,w){const r=o("bot-placeholder"),d=o("task-preview"),l=o("scroll-list"),_=o("no-tasks");return n(),c(I,null,[e.tasks?.items===void 0?(n(),c("div",eo,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),y(l,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:s[0]||(s[0]=m=>e.$emit("reach-top"))},{default:p(()=>[(n(!0),c(I,null,C(e.tasks?.items,m=>(n(),y(d,{key:m.id,"model-value":m},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",to,[t(_)])):$("",!0)],64)}const so=k(xt,[["render",oo]]),no="https://webhook.acedata.cloud/kling",lo=v({name:"KlingIndex",components:{ConfigPanel:Tt,Layout:$e,RecentPanel:so},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},tasks(){return this.$store.state.kling.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await pe({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("kling/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("kling/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:g,createdAtMax:f}=e||{};console.debug("limit",s,"createdAtMin",g,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("kling/getTasks",{limit:s,createdAtMin:g,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:no},s=this.credential?.token;if(!s){console.error("no token specified");return}V.info(this.$t("kling.message.startingTask")),se.generate(e,{token:s}).then(()=>{V.success(this.$t("kling.message.startTaskSuccess"))}).catch(g=>{g?.response?.data?.error?.code===ne?V.error(this.$t("kling.message.usedUp")):V.error(this.$t("kling.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ao(e,s,g,f,b,w){const r=o("config-panel"),d=o("recent-panel"),l=o("layout");return n(),y(l,null,{config:p(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Vo=k(lo,[["render",ao]]);export{Vo as default};
+import{bG as T}from"./vendor-BVnhgPs4.js";import{o as L,N as K,J as G,K as A,q as N,r as V,P as H,Q as J,p as B,n as Q,B as W,i as Y}from"./vendor-element-plus-BUOzLm6W.js";import{d as v,c,a,l as t,P as R,S as p,al as o,o as n,Z as i,F as I,ai as C,R as y,V as E,a2 as Z,Y as h,W as $}from"./vendor-vue-Bb02XvLT.js";import{_ as k,b0 as X,b1 as x,b2 as ee,b3 as te,S as O,b4 as oe,b5 as se,a6 as ne,a3 as M}from"./index-Dn72Szn0.js";import{I as U,S as le}from"./ScrollList-BkRXLc_a.js";import{I as F}from"./ImagePreview-BnQhS1sy.js";import{C as ae,N as ie}from"./NoTasks-3Z1b05wG.js";import{a as re}from"./price-7kPhVK1M.js";import{C as ce}from"./CopyToClipboard-CBliPgeP.js";import{V as de}from"./VideoPlayer-Ci_7fcAo.js";import{B as ue}from"./BotPlaceholder-Drm6xiuT.js";import{l as pe}from"./pagination-dbPQoMuV.js";import"./vendor-dayjs-C40ROiFS.js";import"./vendor-katex-DHBGsivc.js";import"./vendor-axios-NIGUFBhG.js";import"./vendor-vue-router-D4avMJL1.js";const me=v({name:"LayoutKling",components:{ElDrawer:K,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ge={class:"main flex flex-row flex-1"},fe={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 he(e,s,g,f,b,w){const r=o("font-awesome-icon"),d=o("el-button"),l=o("el-drawer");return n(),c("div",ge,[a("div",fe,[R(e.$slots,"config",{},void 0,!0)]),a("div",_e,[R(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:p(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const $e=k(me,[["render",he],["__scopeId","data-v-fae64b48"]]),ve=v({name:"ModelSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"kling-v1",label:"v1"},{value:"kling-v1-6",label:"v1.6"},{value:"kling-v2-master",label:"v2-Master"},{value:"kling-v2-1-master",label:"v2.1-Master"},{value:"kling-v2-5-turbo",label:"v2.5-Turbo"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.model},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,model:e})}}},mounted(){this.value||(this.value=X)}}),ke={class:"field"},be={class:"title font-bold"};function we(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",ke,[a("h2",be,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ye=k(ve,[["render",we],["__scopeId","data-v-e476bacf"]]),Ve=v({name:"ModeSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"std",label:this.$t("kling.name.modeStd")},{value:"pro",label:this.$t("kling.name.modePro")}]}},computed:{value:{get(){return this.$store.state.kling?.config?.mode},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,mode:e})}}},mounted(){this.value||(this.value=x)}}),Se={class:"field"},Ie={class:"title font-bold"};function Ee(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Se,[a("h2",Ie,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Te=k(Ve,[["render",Ee],["__scopeId","data-v-daa57765"]]),Le=v({name:"DurationSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5秒"},{value:10,label:"10秒"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.duration},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,duration:e})}}},mounted(){this.value||(this.value=ee)}}),Ce={class:"field"},Ue={class:"title font-bold"};function Pe(e,s,g,f,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Ce,[a("h2",Ue,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:p(()=>[(n(!0),c(I,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Re=k(Le,[["render",Pe],["__scopeId","data-v-02112e2c"]]),Ge=v({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug("set ratio",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=te)}}),Ae={class:"text-sm font-bold mb-2 block"},De={class:"items"},je=["onClick"],Me={class:"name"};function Ne(e,s,g,f,b,w){return n(),c("div",null,[a("span",Ae,i(e.$t("kling.name.ratio")),1),a("div",De,[(n(!0),c(I,null,C(e.options,(r,d)=>(n(),c("div",{key:d,class:E({active:e.active===d,item:!0}),onClick:l=>e.value=r.value},[a("div",{class:E(["preview",r.label])},[a("div",{class:"rect",style:Z({width:r.width+"px",height:r.height+"px"})},null,4)],2),a("p",Me,i(r.label),1)],10,je))),128))])])}const Be=k(Ge,[["render",Ne],["__scopeId","data-v-2601284f"]]),Oe=v({name:"StartImage",components:{ElUpload:N,ElButton:L,InfoIcon:U,FontAwesomeIcon:T,ImagePreview:F},emits:["change"],data(){return{fileList:[],uploadUrl:O()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Fe={class:"relative"},ze={class:"flex justify-between"},qe={class:"flex justify-start items-center"},Ke={class:"text-sm font-bold"};function He(e,s,g,f,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",Fe,[a("div",ze,[a("div",qe,[a("span",Ke,i(e.$t("kling.name.startImage")),1),t(r,{content:e.$t("kling.description.uploadStartImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=u=>e.fileList=u),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:p(({file:u})=>[u.url&&u.percentage!==void 0?(n(),y(d,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:p(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Je=k(Oe,[["render",He],["__scopeId","data-v-e2205d5b"]]),Qe=v({name:"EndImage",components:{ElUpload:N,ElButton:L,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:O()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),We={class:"relative"},Ye={class:"flex justify-between"},Ze={class:"flex justify-start items-center"},Xe={class:"text-sm font-bold"};function xe(e,s,g,f,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",We,[a("div",Ye,[a("div",Ze,[a("span",Xe,i(e.$t("kling.name.endImage")),1),t(r,{content:e.$t("kling.description.uploadEndImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=u=>e.fileList=u),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:p(({file:u})=>[u.url&&u.percentage!==void 0?(n(),y(d,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:p(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const et=k(Qe,[["render",xe],["__scopeId","data-v-caf87d80"]]),tt=v({name:"CfgScaleSelector",components:{ElSlider:J,InfoIcon:U,ElInputNumber:H},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug("set cfg_scale",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||(this.value=oe)}}),ot={class:"flex justify-between"},st={class:"flex justify-start items-center"},nt={class:"text-sm font-bold"},lt={class:"flex justify-end items-center"},at={class:"w-full"};function it(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input-number"),l=o("el-slider");return n(),c("div",null,[a("div",ot,[a("div",st,[a("span",nt,i(e.$t("kling.name.cfgScale")),1),t(r,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),a("div",lt,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),a("div",at,[t(l,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1,step:.1},null,8,["modelValue"])])])}const rt=k(tt,[["render",it]]),ct="",dt=v({name:"PromptInput",components:{ElInput:B,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}}),ut={class:"field"},pt={class:"box"},mt={class:"title font-bold"};function gt(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",ut,[a("div",pt,[a("h2",mt,i(e.$t("kling.name.prompt")),1),t(r,{content:e.$t("kling.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ft=k(dt,[["render",gt],["__scopeId","data-v-0e95dea6"]]),_t="",ht=v({name:"NegativePromptInput",components:{ElInput:B,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||(this.prompt=_t)}}),$t={class:"field"},vt={class:"box"},kt={class:"title font-bold"};function bt(e,s,g,f,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",$t,[a("div",vt,[a("h2",kt,i(e.$t("kling.name.negativePrompt")),1),t(r,{content:e.$t("kling.description.negativePrompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.negativePrompt"),maxlength:200,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const wt=k(ht,[["render",bt],["__scopeId","data-v-dfc5338b"]]),yt=v({name:"ConfigPanel",components:{ElButton:L,Consumption:ae,FontAwesomeIcon:T,PromptInput:ft,NegativePromptInput:wt,ModelSelector:ye,ModeSelector:Te,DurationSelector:Re,RatioSelector:Be,StartImage:Je,CfgScaleSelector:rt,EndImage:et},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return re(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Vt={class:"flex flex-col h-full"},St={class:"flex-1 overflow-y-auto p-[15px]"},It={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Et(e,s,g,f,b,w){const r=o("prompt-input"),d=o("model-selector"),l=o("ratio-selector"),_=o("start-image"),m=o("end-image"),u=o("duration-selector"),S=o("mode-selector"),P=o("cfg-scale-selector"),z=o("negative-prompt-input"),q=o("consumption"),D=o("font-awesome-icon"),j=o("el-button");return n(),c("div",Vt,[a("div",St,[t(r,{class:"mb-4"}),t(d,{class:"mb-4"}),t(l,{class:"mb-4"}),t(_,{class:"mb-2"}),t(m,{class:"mb-2"}),t(u,{class:"mb-4"}),t(S,{class:"mb-4"}),t(P,{class:"mb-4"}),t(z,{class:"mb-4"})]),a("div",It,[t(q,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(n(),y(j,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.extend")),1)]),_:1},8,["onClick"])):(n(),y(j,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.generate")),1)]),_:1},8,["onClick"]))])])}const Tt=k(yt,[["render",Et]]),Lt=v({name:"TaskPreview",components:{ElImage:Y,CopyToClipboard:ce,FontAwesomeIcon:T,ElAlert:W,VideoPlayer:de,ElTooltip:Q,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Ct={class:"preview"},Ut={class:"left"},Pt={class:"main"},Rt={class:"bot"},Gt={class:"datetime"},At={class:"info"},Dt={key:0,class:"prompt mt-2"},jt={key:0},Mt={key:1},Nt={key:0,class:E({content:!0,failed:!0})},Bt={key:0,class:"mb-4"},Ot={key:1,class:E({operations:!0,"mt-2":!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:1,class:E({content:!0})},Kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Jt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Qt={key:2,class:E({content:!0})},Wt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Yt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Zt(e,s,g,f,b,w){const r=o("el-image"),d=o("video-player"),l=o("el-button"),_=o("el-tooltip"),m=o("font-awesome-icon"),u=o("copy-to-clipboard"),S=o("el-alert");return n(),c("div",Ct,[a("div",Ut,[t(r,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),a("div",Pt,[a("div",Rt,[h(i(e.$t("kling.name.klingBot"))+" ",1),a("span",Gt,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),a("div",At,[e.modelValue?.request?.prompt?(n(),c("p",Dt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",jt," - ("+i(e.$t("kling.status.pending"))+") ",1)),e.modelValue?.response?.state==="submitted"||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="completed"?(n(),c("span",Mt," - ("+i(e.$t("kling.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",Nt,[e.modelValue?.response.video_url?(n(),c("div",Bt,[t(d,{src:e.modelValue?.response.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),c("div",Ot,[t(_,{class:"box-item",effect:"dark",content:e.$t("kling.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response.video_url?(n(),y(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=P=>e.onDownload(P,e.modelValue?.response.video_url))},{default:p(()=>[h(i(e.$t("kling.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),t(S,{closable:!1,class:"mt-2 success"},{default:p(()=>[a("p",Ft,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),a("p",zt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",qt,[t(S,{closable:!1,class:"failure"},{template:p(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:p(()=>[a("p",Kt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])]),a("p",Ht,[t(m,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("kling.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(u,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Jt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),c("div",Qt,[t(S,{closable:!1,class:"info"},{template:p(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:p(()=>[a("p",Wt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(u,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Yt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(u,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Xt=k(Lt,[["render",Zt],["__scopeId","data-v-c0a171a2"]]),xt=v({name:"RecentPanel",components:{TaskPreview:Xt,NoTasks:ie,BotPlaceholder:ue,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),eo={key:0},to={key:2,class:"w-full h-full flex items-center justify-center"};function oo(e,s,g,f,b,w){const r=o("bot-placeholder"),d=o("task-preview"),l=o("scroll-list"),_=o("no-tasks");return n(),c(I,null,[e.tasks?.items===void 0?(n(),c("div",eo,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),y(l,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:s[0]||(s[0]=m=>e.$emit("reach-top"))},{default:p(()=>[(n(!0),c(I,null,C(e.tasks?.items,m=>(n(),y(d,{key:m.id,"model-value":m},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",to,[t(_)])):$("",!0)],64)}const so=k(xt,[["render",oo]]),no="https://webhook.acedata.cloud/kling",lo=v({name:"KlingIndex",components:{ConfigPanel:Tt,Layout:$e,RecentPanel:so},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},tasks(){return this.$store.state.kling.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await pe({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("kling/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("kling/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:g,createdAtMax:f}=e||{};console.debug("limit",s,"createdAtMin",g,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("kling/getTasks",{limit:s,createdAtMin:g,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:no},s=this.credential?.token;if(!s){console.error("no token specified");return}V.info(this.$t("kling.message.startingTask")),se.generate(e,{token:s}).then(()=>{V.success(this.$t("kling.message.startTaskSuccess"))}).catch(g=>{g?.response?.data?.error?.code===ne?V.error(this.$t("kling.message.usedUp")):V.error(this.$t("kling.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ao(e,s,g,f,b,w){const r=o("config-panel"),d=o("recent-panel"),l=o("layout");return n(),y(l,null,{config:p(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Vo=k(lo,[["render",ao]]);export{Vo as default};