@acedatacloud/nexior 3.107.0 → 3.109.0

package/dist/assets/{Index-C0RXGUAP.js → Index-BHFKdAzq.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-DX33Vtgm.js";import{E as L}from"./index-B1bmS369.js";import{E as j}from"./index-Bs7sHShD.js";import{d as v,H as i,E as r,z as S,C as t,y as f,D as s,q as a,F as l,O as V,N as I,x as w,I as _,J as $,Q as U}from"./vendor-vue-DU0w5ewx.js";import{D as b,b0 as F,ao as A}from"./index-BUPuJKp-.js";import{a as D,b as M,c as B}from"./flux-BDAe6Szo.js";import{E as G,a as P}from"./index-Bxk82q9h.js";import{I as C,S as O}from"./ScrollList-D9gdAesV.js";import{E as N,a as q}from"./index-C9G-EZoV.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{I as X}from"./ImagePreview-ChXi52Gh.js";import{E as H}from"./index-Bakr95MC.js";import{E as y}from"./index-CVMsTJGP.js";import{E as J}from"./index-_wRI8bWJ.js";import{C as K}from"./Consumption-CRjL8zJK.js";import{a as Q}from"./price-CPx0Clqe.js";import{b as W}from"./errorCode-Cqj9Td_Z.js";import{f as Y}from"./flux-Ba8ke6U_.js";import{C as Z}from"./CopyToClipboard-BF0BZ5Hl.js";import{I as ee}from"./ImageWrapper-CZWxjDmW.js";import{E as te}from"./index-ZNxuyOJQ.js";import{E as oe}from"./index-CZYPN1ef.js";import{B as se}from"./BotPlaceholder-CqEWL5bh.js";import{N as ne}from"./NoTasks-DSc_E5ia.js";import{l as le}from"./pagination-CcnL0MdN.js";import"./use-form-item-D7zm4jtr.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-DD-aMj6W.js";import"./index-DSZfLK4w.js";import"./typescript-DNmiXnQr.js";import"./index-BZxlQ8SE.js";import"./strings-DigWlKo9.js";import"./isEqual-CpZwf82y.js";import"./_Uint8Array-I8P476dI.js";import"./castArray-DMn9PDi3.js";import"./debounce-Cut8QkM5.js";import"./_baseIteratee-BS5DqEuC.js";import"./index-DUqsL_5Q.js";import"./index-Bz0iDXPF.js";import"./index-C2oNxJ24.js";import"./_baseClone-CutmkTgP.js";import"./_initCloneObject-Carrxrjs.js";import"./index-CS6-oomL.js";import"./index-cOx5vPDA.js";const ae=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),re={class:"main flex flex-row flex-1"},ie={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ce={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ue(e,o,m,d,x,k){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),i("div",re,[r("div",ie,[S(e.$slots,"config",{},void 0,!0)]),r("div",ce,[S(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(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const de=b(ae,[["render",ue],["__scopeId","data-v-3c0d2b44"]]),pe=v({name:"ModelSelector",components:{ElSelect:P,ElOption:G},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=D)}}),me={class:"field"},fe={class:"title font-bold"};function _e(e,o,m,d,x,k){const c=s("el-option"),u=s("el-select");return a(),i("div",me,[r("h2",fe,l(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 he=b(pe,[["render",_e],["__scopeId","data-v-8df4b8a7"]]),ge=v({name:"CountSelector",components:{ElSlider:q,InfoIcon:C,ElInputNumber:N},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=M)}}),$e={class:"flex justify-between"},ve={class:"flex justify-start items-center"},be={class:"text-sm font-bold"},xe={class:"flex justify-end items-center"},ke={class:"w-full"};function we(e,o,m,d,x,k){const c=s("info-icon"),u=s("el-input-number"),n=s("el-slider");return a(),i("div",null,[r("div",$e,[r("div",ve,[r("span",be,l(e.$t("flux.name.numbers")),1),t(c,{content:e.$t("flux.description.numbers")},null,8,["content"])]),r("div",xe,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=p=>e.value=p),"controls-position":"right"},null,8,["modelValue"])])]),r("div",ke,[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 ye=b(ge,[["render",we]]),Ve=v({name:"ActionSelector",components:{ElSelect:P,ElOption:G},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=B)}}),Ee={class:"field"},Te={class:"title font-bold"};function Ie(e,o,m,d,x,k){const c=s("el-option"),u=s("el-select");return a(),i("div",Ee,[r("h2",Te,l(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 Se=b(Ve,[["render",Ie],["__scopeId","data-v-81fd05e5"]]),Le=v({name:"ImageUrlInput",components:{ElUpload:H,ElButton:L,InfoIcon:C,FontAwesomeIcon:T,ImagePreview:X},mixins:[z],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)}},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"))}}}),Ue={class:"relative"},Ce={class:"flex justify-between"},Ae={class:"flex justify-start items-center"},Ge={class:"text-sm font-bold"};function Pe(e,o,m,d,x,k){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",Ue,[r("div",Ce,[r("div",Ae,[r("span",Ge,l(e.$t("flux.name.imageUrl")),1),t(c,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(g,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=h=>e.fileList=h),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:h})=>[t(u,{url:h.url||h.response?.file_url,name:h.name,percentage:h.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(h),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"}),_(" "+l(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const Re=b(Le,[["render",Pe],["__scopeId","data-v-1b692c6e"]]),je="",Fe=v({name:"PromptInput",components:{ElInput:J,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=je)}}),De={class:"field"},Me={class:"box"},Be={class:"title font-bold"};function Oe(e,o,m,d,x,k){const c=s("info-icon"),u=s("el-input");return a(),i("div",De,[r("div",Me,[r("h2",Be,l(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")},null,8,["modelValue","placeholder"])])}const Ne=b(Fe,[["render",Oe],["__scopeId","data-v-96df0218"]]),qe=v({name:"PresetPanel",components:{ElButton:L,FontAwesomeIcon:T,PromptInput:Ne,ModelSelector:he,CountSelector:ye,Consumption:K,ActionSelector:Se,ImageUrlInput:Re},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return Q(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ze={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},He={class:"flex flex-col items-center justify-center px-5 pb-5"};function Je(e,o,m,d,x,k){const c=s("action-selector"),u=s("prompt-input"),n=s("image-url-input"),p=s("model-selector"),g=s("count-selector"),h=s("consumption"),E=s("font-awesome-icon"),R=s("el-button");return a(),i("div",ze,[r("div",Xe,[t(c,{class:"mb-4"}),t(u,{class:"mb-4"}),e.config?.action==="edits"?(a(),w(n,{key:0,class:"mb-4"})):$("",!0),t(p,{class:"mb-4"}),t(g,{class:"mb-4"})]),r("div",He,[t(h,{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(E,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const Ke=b(qe,[["render",Je]]),Qe=v({name:"TaskPreview",components:{ElImage:oe,CopyToClipboard:Z,FontAwesomeIcon:T,ElAlert:te,ImageWrapper:ee},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")}}}),We={class:"preview"},Ye={class:"left"},Ze={class:"main"},et={class:"bot"},tt={class:"datetime"},ot={class:"info"},st={key:0,class:"prompt mt-2"},nt={key:0},lt={key:0,class:U({content:!0,failed:!0})},at={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},it={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ct={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ut={key:1,class:U({content:!0})},dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},_t={key:2,class:U({content:!0})},ht={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function gt(e,o,m,d,x,k){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",We,[r("div",Ye,[t(c,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),r("div",Ze,[r("div",et,[_(l(e.$t("flux.name.fluxBot"))+" ",1),r("span",tt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",ot,[e.modelValue?.request?.prompt?(a(),i("p",st,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),i("span",nt," - ("+l(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",lt,[r("div",at,[(a(!0),i(V,null,I(e.images,(h,E)=>(a(),w(u,{key:E,src:h?.image_url,"raw-src":h?.image_url,"model-value":h},null,8,["src","raw-src","model-value"]))),128))]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[r("p",rt,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("flux.name.model"))+": "+l(e.modelValue?.request?.model),1)]),r("p",it,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(a(),i("p",ct,[t(n,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("flux.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),i("div",ut,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("flux.name.failure")),1)]),default:f(()=>[r("p",dt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",pt,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("flux.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),i("p",mt,[t(n,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("flux.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),r("p",ft,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("flux.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(a(),i("div",_t,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("flux.name.failure")),1)]),default:f(()=>[r("p",ht,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const $t=b(Qe,[["render",gt],["__scopeId","data-v-8ba2b387"]]),vt=v({name:"RecentPanel",components:{TaskPreview:$t,BotPlaceholder:se,NoTasks:ne,ScrollList:O},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?.()}}}),bt={key:0},xt={key:2,class:"w-full h-full flex items-center justify-center"};function kt(e,o,m,d,x,k){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",bt,[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"])):$("",!0),e.tasks?.items?.length===0?(a(),i("div",xt,[t(p)])):$("",!0)],64)}const wt=b(vt,[["render",kt]]),yt="https://webhook.acedata.cloud/flux",Vt=v({name:"FluxIndex",components:{ConfigPanel:Ke,Layout:de,RecentPanel:wt},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 le({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:yt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),Y.generate(e,{token:o}).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const d=m?.response?.data;d?.error?.code===W?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 Et(e,o,m,d,x,k){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 xo=b(Vt,[["render",Et]]);export{xo as default};
+import{F as T}from"./index.es-B1lW1a9B.js";import{E as L}from"./index-jii325vi.js";import{E as j}from"./index-38G9IKZp.js";import{d as v,H as i,E as r,z as S,C as t,y as f,D as s,q as a,F as l,O as V,N as I,x as w,I as _,J as $,Q as U}from"./vendor-vue-DU0w5ewx.js";import{E as b,b1 as F,ap as A}from"./index-FTscF_cz.js";import{a as D,b as M,c as B}from"./flux-BDAe6Szo.js";import{E as G,a as P}from"./index-DKT9lpv-.js";import{I as C,S as O}from"./ScrollList-CHr2ER0d.js";import{E as N,a as q}from"./index-DefEPu5Z.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{I as X}from"./ImagePreview-B7ddO4K-.js";import{E as H}from"./index-aO6Fi57H.js";import{E as y}from"./index-FF4WAJT-.js";import{E as J}from"./index-DUswWNzD.js";import{C as K}from"./Consumption-D8o6ZGlD.js";import{a as Q}from"./price-D5TNZtWD.js";import{b as W}from"./errorCode-Cqj9Td_Z.js";import{f as Y}from"./flux-BP0RP-7R.js";import{C as Z}from"./CopyToClipboard-99x8TU_E.js";import{I as ee}from"./ImageWrapper-B4mqUlhx.js";import{E as te}from"./index-B2l9Ai7a.js";import{E as oe}from"./index-DdfzO8ET.js";import{B as se}from"./BotPlaceholder-808fKlrc.js";import{N as ne}from"./NoTasks-CzCoCJiJ.js";import{l as le}from"./pagination-CcnL0MdN.js";import"./use-form-item-DDWqgx7q.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-DTQtEf7n.js";import"./index-DB1wHeLA.js";import"./typescript-CUMR9uNq.js";import"./index-BRydlsSG.js";import"./strings-DigWlKo9.js";import"./isEqual-BiGspMHU.js";import"./_Uint8Array-BWy8cKCo.js";import"./castArray-BX2YHThj.js";import"./debounce-rFO21RGd.js";import"./_baseIteratee-GCheQ423.js";import"./index-CJtfHm7C.js";import"./index-Bz0iDXPF.js";import"./index-BdrHjNrn.js";import"./_baseClone-CVDR-yNh.js";import"./_initCloneObject-BnGf6y2Q.js";import"./index-RiVU3gTe.js";import"./index-CJJgickM.js";const ae=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),re={class:"main flex flex-row flex-1"},ie={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ce={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ue(e,o,m,d,x,k){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),i("div",re,[r("div",ie,[S(e.$slots,"config",{},void 0,!0)]),r("div",ce,[S(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(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const de=b(ae,[["render",ue],["__scopeId","data-v-3c0d2b44"]]),pe=v({name:"ModelSelector",components:{ElSelect:P,ElOption:G},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=D)}}),me={class:"field"},fe={class:"title font-bold"};function _e(e,o,m,d,x,k){const c=s("el-option"),u=s("el-select");return a(),i("div",me,[r("h2",fe,l(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 he=b(pe,[["render",_e],["__scopeId","data-v-8df4b8a7"]]),ge=v({name:"CountSelector",components:{ElSlider:q,InfoIcon:C,ElInputNumber:N},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=M)}}),$e={class:"flex justify-between"},ve={class:"flex justify-start items-center"},be={class:"text-sm font-bold"},xe={class:"flex justify-end items-center"},ke={class:"w-full"};function we(e,o,m,d,x,k){const c=s("info-icon"),u=s("el-input-number"),n=s("el-slider");return a(),i("div",null,[r("div",$e,[r("div",ve,[r("span",be,l(e.$t("flux.name.numbers")),1),t(c,{content:e.$t("flux.description.numbers")},null,8,["content"])]),r("div",xe,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=p=>e.value=p),"controls-position":"right"},null,8,["modelValue"])])]),r("div",ke,[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 ye=b(ge,[["render",we]]),Ve=v({name:"ActionSelector",components:{ElSelect:P,ElOption:G},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=B)}}),Ee={class:"field"},Te={class:"title font-bold"};function Ie(e,o,m,d,x,k){const c=s("el-option"),u=s("el-select");return a(),i("div",Ee,[r("h2",Te,l(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 Se=b(Ve,[["render",Ie],["__scopeId","data-v-81fd05e5"]]),Le=v({name:"ImageUrlInput",components:{ElUpload:H,ElButton:L,InfoIcon:C,FontAwesomeIcon:T,ImagePreview:X},mixins:[z],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)}},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"))}}}),Ue={class:"relative"},Ce={class:"flex justify-between"},Ae={class:"flex justify-start items-center"},Ge={class:"text-sm font-bold"};function Pe(e,o,m,d,x,k){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",Ue,[r("div",Ce,[r("div",Ae,[r("span",Ge,l(e.$t("flux.name.imageUrl")),1),t(c,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(g,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=h=>e.fileList=h),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:h})=>[t(u,{url:h.url||h.response?.file_url,name:h.name,percentage:h.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(h),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"}),_(" "+l(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const Re=b(Le,[["render",Pe],["__scopeId","data-v-1b692c6e"]]),je="",Fe=v({name:"PromptInput",components:{ElInput:J,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=je)}}),De={class:"field"},Me={class:"box"},Be={class:"title font-bold"};function Oe(e,o,m,d,x,k){const c=s("info-icon"),u=s("el-input");return a(),i("div",De,[r("div",Me,[r("h2",Be,l(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")},null,8,["modelValue","placeholder"])])}const Ne=b(Fe,[["render",Oe],["__scopeId","data-v-96df0218"]]),qe=v({name:"PresetPanel",components:{ElButton:L,FontAwesomeIcon:T,PromptInput:Ne,ModelSelector:he,CountSelector:ye,Consumption:K,ActionSelector:Se,ImageUrlInput:Re},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return Q(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ze={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},He={class:"flex flex-col items-center justify-center px-5 pb-5"};function Je(e,o,m,d,x,k){const c=s("action-selector"),u=s("prompt-input"),n=s("image-url-input"),p=s("model-selector"),g=s("count-selector"),h=s("consumption"),E=s("font-awesome-icon"),R=s("el-button");return a(),i("div",ze,[r("div",Xe,[t(c,{class:"mb-4"}),t(u,{class:"mb-4"}),e.config?.action==="edits"?(a(),w(n,{key:0,class:"mb-4"})):$("",!0),t(p,{class:"mb-4"}),t(g,{class:"mb-4"})]),r("div",He,[t(h,{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(E,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const Ke=b(qe,[["render",Je]]),Qe=v({name:"TaskPreview",components:{ElImage:oe,CopyToClipboard:Z,FontAwesomeIcon:T,ElAlert:te,ImageWrapper:ee},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")}}}),We={class:"preview"},Ye={class:"left"},Ze={class:"main"},et={class:"bot"},tt={class:"datetime"},ot={class:"info"},st={key:0,class:"prompt mt-2"},nt={key:0},lt={key:0,class:U({content:!0,failed:!0})},at={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},it={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ct={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ut={key:1,class:U({content:!0})},dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},_t={key:2,class:U({content:!0})},ht={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function gt(e,o,m,d,x,k){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",We,[r("div",Ye,[t(c,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),r("div",Ze,[r("div",et,[_(l(e.$t("flux.name.fluxBot"))+" ",1),r("span",tt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",ot,[e.modelValue?.request?.prompt?(a(),i("p",st,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),i("span",nt," - ("+l(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",lt,[r("div",at,[(a(!0),i(V,null,I(e.images,(h,E)=>(a(),w(u,{key:E,src:h?.image_url,"raw-src":h?.image_url,"model-value":h},null,8,["src","raw-src","model-value"]))),128))]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[r("p",rt,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("flux.name.model"))+": "+l(e.modelValue?.request?.model),1)]),r("p",it,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(a(),i("p",ct,[t(n,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("flux.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),i("div",ut,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("flux.name.failure")),1)]),default:f(()=>[r("p",dt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",pt,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("flux.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),i("p",mt,[t(n,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("flux.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),r("p",ft,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("flux.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(a(),i("div",_t,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("flux.name.failure")),1)]),default:f(()=>[r("p",ht,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const $t=b(Qe,[["render",gt],["__scopeId","data-v-8ba2b387"]]),vt=v({name:"RecentPanel",components:{TaskPreview:$t,BotPlaceholder:se,NoTasks:ne,ScrollList:O},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?.()}}}),bt={key:0},xt={key:2,class:"w-full h-full flex items-center justify-center"};function kt(e,o,m,d,x,k){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",bt,[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"])):$("",!0),e.tasks?.items?.length===0?(a(),i("div",xt,[t(p)])):$("",!0)],64)}const wt=b(vt,[["render",kt]]),yt="https://webhook.acedata.cloud/flux",Vt=v({name:"FluxIndex",components:{ConfigPanel:Ke,Layout:de,RecentPanel:wt},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 le({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:yt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),Y.generate(e,{token:o}).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const d=m?.response?.data;d?.error?.code===W?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 Et(e,o,m,d,x,k){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 xo=b(Vt,[["render",Et]]);export{xo as default};

package/dist/assets/{Index-igMABtnw.js → Index-BIDqjbbO.js}

@@ -1 +1 @@
-import{F as L}from"./index.es-DX33Vtgm.js";import{E as D}from"./index-B1bmS369.js";import{E as te}from"./index-Bs7sHShD.js";import{d as _,H as c,E as p,z as U,C as l,y as m,D as o,q as a,F as n,O as y,N as S,x as f,Q as A,R as se,I as q,J as h}from"./vendor-vue-DU0w5ewx.js";import{D as $,b0 as ae,a6 as oe,ao as I}from"./index-BUPuJKp-.js";import{a as F,b as le,c as Q,d as P,e as ne,f as re,g as ie,h as ce,i as pe,j as de,k as ue,l as me,m as he,n as fe,q as _e}from"./qrart-BigprrGk.js";import{E as V,a as E}from"./index-Bxk82q9h.js";import{I as G,S as $e}from"./ScrollList-D9gdAesV.js";import{a as j}from"./index-C9G-EZoV.js";import{E as ve}from"./index-BHLhZPcR.js";import{E as M}from"./index-_wRI8bWJ.js";import{E as O}from"./index-CZYPN1ef.js";import{I as ge}from"./ImagePreview-ChXi52Gh.js";import{p as be}from"./pasteUploadMixin-BurWbGNQ.js";import{E as qe,a as ke}from"./index-NZv2-Zw8.js";import{E as ye}from"./index-Bakr95MC.js";import{E as T}from"./index-CVMsTJGP.js";import{C as we}from"./Consumption-CRjL8zJK.js";import{a as Se}from"./price-CPx0Clqe.js";import{b as Ve,a as Ee}from"./errorCode-Cqj9Td_Z.js";import{A as Te}from"./Status-BOpdF0wF.js";import{C as Re}from"./CopyToClipboard-BF0BZ5Hl.js";import{I as Ae}from"./ImageWrapper-CZWxjDmW.js";import{E as Ie}from"./index-ZNxuyOJQ.js";import{B as Le}from"./BotPlaceholder-CqEWL5bh.js";import{N as Ce}from"./NoTasks-DSc_E5ia.js";import{l as Ue}from"./pagination-CcnL0MdN.js";import"./use-form-item-D7zm4jtr.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-DD-aMj6W.js";import"./index-DSZfLK4w.js";import"./typescript-DNmiXnQr.js";import"./index-BZxlQ8SE.js";import"./strings-DigWlKo9.js";import"./isEqual-CpZwf82y.js";import"./_Uint8Array-I8P476dI.js";import"./castArray-DMn9PDi3.js";import"./debounce-Cut8QkM5.js";import"./_baseIteratee-BS5DqEuC.js";import"./index-DUqsL_5Q.js";import"./index-Bz0iDXPF.js";import"./validator-DGSGNcKl.js";import"./index-CS6-oomL.js";import"./index-C2oNxJ24.js";import"./_baseClone-CutmkTgP.js";import"./_initCloneObject-Carrxrjs.js";import"./index-cOx5vPDA.js";const Pe=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),De={class:"main flex flex-row flex-1"},Me={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ze={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Fe(e,s,d,u,v,g){const r=o("font-awesome-icon"),i=o("el-button"),t=o("el-drawer");return a(),c("div",De,[p("div",Me,[U(e.$slots,"config",{},void 0,!0)]),p("div",ze,[U(e.$slots,"result",{},void 0,!0)]),l(i,{circle:"",class:"menu",onClick:s[0]||(s[0]=b=>e.drawer=!0)},{default:m(()=>[l(r,{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=$(Pe,[["render",Fe],["__scopeId","data-v-bfb91bc9"]]),Ge=_({name:"VersionSelector",components:{ElSelect:E,ElOption:V},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{label:this.$t("qrart.type.text"),value:"text"},{label:this.$t("qrart.type.link"),value:"link"},{label:this.$t("qrart.type.email"),value:"email"},{label:this.$t("qrart.type.phone"),value:"phone"},{label:this.$t("qrart.type.sms"),value:"sms"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug("set type",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||(console.debug("set default type",F),this.value=F)}}),je={class:"field"},Oe={class:"text-sm font-bold title"};function Ne(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",je,[p("span",Oe,n(e.$t("qrart.name.type")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Be=$(Ge,[["render",Ne],["__scopeId","data-v-b4bd8f04"]]),We=_({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=le)}}),He={class:"text-sm font-bold block mb-2"},Je={class:"items"},Ke=["onClick"],Ye={class:"name"};function Xe(e,s,d,u,v,g){return a(),c("div",null,[p("span",He,n(e.$t("qrart.name.aspectRatio")),1),p("div",Je,[(a(!0),c(y,null,S(e.options,(r,i)=>(a(),c("div",{key:i,class:A({active:e.active===i,item:!0}),onClick:t=>e.value=r.value},[p("div",{class:A(["preview",r.label])},[p("div",{class:"rect",style:se({width:r.width+"px",height:r.height+"px"})},null,4)],2),p("p",Ye,n(r.label),1)],10,Ke))),128))])])}const Ze=$(We,[["render",Xe],["__scopeId","data-v-b7590ecc"]]),xe=_({name:"QrwSelector",components:{ElSlider:j,InfoIcon:G},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)}}),et={class:"field"},tt={class:"text-sm font-bold title mb-2"};function st(e,s,d,u,v,g){const r=o("el-slider"),i=o("info-icon");return a(),c("div",et,[p("span",tt,n(e.$t("qrart.name.qrw")),1),l(r,{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(i,{content:e.$t("qrart.description.qrw"),class:"info"},null,8,["content"])])}const at=$(xe,[["render",st],["__scopeId","data-v-8410479c"]]),ot=_({name:"StepsSelector",components:{ElSlider:j,InfoIcon:G},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)}}),lt={class:"field"},nt={class:"text-sm font-bold block mb-2"};function rt(e,s,d,u,v,g){const r=o("el-slider"),i=o("info-icon");return a(),c("div",lt,[p("span",nt,n(e.$t("qrart.name.steps")),1),l(r,{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(i,{content:e.$t("qrart.description.steps"),class:"info"},null,8,["content"])])}const it=$(ot,[["render",rt],["__scopeId","data-v-0c88983e"]]),ct=_({name:"AdvancedSelector",components:{ElSwitch:ve},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=ne)}}),pt={class:"field"},dt={class:"title font-bold"};function ut(e,s,d,u,v,g){const r=o("el-switch");return a(),c("div",pt,[p("span",dt,n(e.$t("qrart.name.advanced")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=i=>e.value=i),class:"value"},null,8,["modelValue"])])}const mt=$(ct,[["render",ut],["__scopeId","data-v-f8ddf849"]]),ht=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.markerShape.square")},{value:"circle",label:this.$t("qrart.markerShape.circle")},{value:"plus",label:this.$t("qrart.markerShape.plus")},{value:"box",label:this.$t("qrart.markerShape.box")},{value:"octagon",label:this.$t("qrart.markerShape.octagon")},{value:"tiny-plus",label:this.$t("qrart.markerShape.tinyPlus")},{value:"random",label:this.$t("qrart.markerShape.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug("set marker_shape",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||(this.value=re)}}),ft={class:"field"},_t={class:"text-sm font-bold block mb-2"};function $t(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",ft,[p("span",_t,n(e.$t("qrart.name.markerShape")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const vt=$(ht,[["render",$t],["__scopeId","data-v-de71e0b0"]]),gt=_({name:"SubMarkerSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.subMarker.square")},{value:"circle",label:this.$t("qrart.subMarker.circle")},{value:"plus",label:this.$t("qrart.subMarker.plus")},{value:"box",label:this.$t("qrart.subMarker.box")},{value:"random",label:this.$t("qrart.subMarker.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug("set sub_marker",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||(this.value=ie)}}),bt={class:"field"},qt={class:"text-sm font-bold block mb-2"};function kt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",bt,[p("span",qt,n(e.$t("qrart.name.subMarker")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const yt=$(gt,[["render",kt],["__scopeId","data-v-51a39efa"]]),wt=_({name:"RotateSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug("set rotate",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||(this.value=ce)}}),St={class:"field"},Vt={class:"text-sm font-bold block mb-2"};function Et(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",St,[p("span",Vt,n(e.$t("qrart.name.rotate")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Tt=$(wt,[["render",Et],["__scopeId","data-v-72e35835"]]),Rt=_({name:"EclSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"L",label:"L"},{value:"M",label:"M"},{value:"Q",label:"Q"},{value:"H",label:"H"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug("set ecl",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||(this.value=pe)}}),At={class:"field"},It={class:"text-sm font-bold block mb-2"};function Lt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",At,[p("span",It,n(e.$t("qrart.name.ecl")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ct=$(Rt,[["render",Lt],["__scopeId","data-v-b3a5e331"]]),Ut=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"center",label:this.$t("qrart.position.center")},{value:"top",label:this.$t("qrart.position.top")},{value:"right",label:this.$t("qrart.position.right")},{value:"bottom",label:this.$t("qrart.position.bottom")},{value:"left",label:this.$t("qrart.position.left")},{value:"top-left",label:this.$t("qrart.position.topLeft")},{value:"top-right",label:this.$t("qrart.position.topRight")},{value:"bottom-left",label:this.$t("qrart.position.bottomLeft")},{value:"bottom-right",label:this.$t("qrart.position.bottomRight")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug("set position",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||(this.value=de)}}),Pt={class:"field"},Dt={class:"title font-bold"};function Mt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",Pt,[p("span",Dt,n(e.$t("qrart.name.position")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const zt=$(Ut,[["render",Mt],["__scopeId","data-v-54186505"]]),Ft=_({name:"PaddingLevelSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug("set padding_level",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||(this.value=ue)}}),Qt={class:"field"},Gt={class:"text-sm font-bold block mb-2"};function jt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",Qt,[p("span",Gt,n(e.$t("qrart.name.paddingLevel")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ot=$(Ft,[["render",jt],["__scopeId","data-v-49d801fd"]]),Nt=_({name:"PaddingNoiseSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug("set padding_noise",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||(this.value=me)}}),Bt={class:"field"},Wt={class:"text-sm font-bold block mb-2"};function Ht(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",Bt,[p("span",Wt,n(e.$t("qrart.name.paddingNoise")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Jt=$(Nt,[["render",Ht],["__scopeId","data-v-a20833bb"]]),Kt=_({name:"PixelStyleSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.pixelStyle.square")},{value:"rounded",label:this.$t("qrart.pixelStyle.rounded")},{value:"dot",label:this.$t("qrart.pixelStyle.dot")},{value:"squircle",label:this.$t("qrart.pixelStyle.squircle")},{value:"row",label:this.$t("qrart.pixelStyle.row")},{value:"column",label:this.$t("qrart.pixelStyle.column")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug("set pixel_style",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||(this.value=he)}}),Yt={class:"field"},Xt={class:"text-sm font-bold block mb-2"};function Zt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",Yt,[p("span",Xt,n(e.$t("qrart.name.pixelStyle")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const xt=$(Kt,[["render",Zt],["__scopeId","data-v-aca7f79f"]]),es=_({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)}}),ts={class:"field"},ss={class:"text-sm font-bold block mb-2"};function as(e,s,d,u,v,g){const r=o("el-input");return a(),c("div",ts,[p("span",ss,n(e.$t("qrart.name.seed")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=i=>e.value=i),class:"value",placeholder:e.$t("qrart.placeholder.seed")},null,8,["modelValue","placeholder"])])}const os=$(es,[["render",as],["__scopeId","data-v-d939305d"]]),ls=_({name:"PresetSelector",components:{ElImage:O},data(){return{options:[{value:"sunset",label:this.$t("qrart.preset.sunset"),url:"https://cdn.acedata.cloud/rp1h1s.png"},{value:"floral",label:this.$t("qrart.preset.floral"),url:"https://cdn.acedata.cloud/upyikx.png"},{value:"snowflakes",label:this.$t("qrart.preset.snowflakes"),url:"https://cdn.acedata.cloud/j447da.png"},{value:"feathers",label:this.$t("qrart.preset.feathers"),url:"https://cdn.acedata.cloud/d2ctz9.png"},{value:"raindrops",label:this.$t("qrart.preset.raindrops"),url:"https://cdn.acedata.cloud/xv2t3s.png"},{value:"ultra-realism",label:this.$t("qrart.preset.ultraRealism"),url:"https://cdn.acedata.cloud/nlor4y.png"},{value:"epic-realms",label:this.$t("qrart.preset.epicRealms"),url:"https://cdn.acedata.cloud/wwzkvy.png"},{value:"intricate-studio",label:this.$t("qrart.preset.intricateStudio"),url:"https://cdn.acedata.cloud/4kzf5y.png"},{value:"symmetric-masterpiece",label:this.$t("qrart.preset.symmetricMasterpiece"),url:"https://cdn.acedata.cloud/ff4ii2.png"},{value:"luminous-highway",label:this.$t("qrart.preset.luminousHighway"),url:"https://cdn.acedata.cloud/cliodt.png"},{value:"celestial-journey",label:this.$t("qrart.preset.celestialJourney"),url:"https://cdn.acedata.cloud/ejellf.png"},{value:"neon-mech",label:this.$t("qrart.preset.neonMech"),url:"https://cdn.acedata.cloud/3z0y6z.png"},{value:"ethereal-low-poly",label:this.$t("qrart.preset.etherealLowPoly"),url:"https://cdn.acedata.cloud/36o0mm.png"},{value:"golden-vista",label:this.$t("qrart.preset.goldenVista"),url:"https://cdn.acedata.cloud/xa0267.png"},{value:"cinematic-expanse",label:this.$t("qrart.preset.cinematicExpanse"),url:"https://cdn.acedata.cloud/krl5qp.png"},{value:"cinematic-warm",label:this.$t("qrart.preset.cinematicWarm"),url:"https://cdn.acedata.cloud/e1aahg.png"},{value:"desolate-wilderness",label:this.$t("qrart.preset.desolateWilderness"),url:"https://cdn.acedata.cloud/9evqqu.png"},{value:"vibrant-palette",label:this.$t("qrart.preset.vibrantPalette"),url:"https://cdn.acedata.cloud/3fvsmz.png"},{value:"enigmatic-journey",label:this.$t("qrart.preset.enigmaticJourney"),url:"https://cdn.acedata.cloud/l6kku0.png"},{value:"timeless-cinematic",label:this.$t("qrart.preset.timelessCinematic"),url:"https://cdn.acedata.cloud/h5mzyn.png"},{value:"regal-galaxy",label:this.$t("qrart.preset.regalGalaxy"),url:"https://cdn.acedata.cloud/czkegd.png"},{value:"illustrious-canvas",label:this.$t("qrart.preset.illustriousCanvas"),url:"https://cdn.acedata.cloud/m8hwzh.png"},{value:"expressive-mural",label:this.$t("qrart.preset.expressiveMural"),url:"https://cdn.acedata.cloud/g4v1rb.png"},{value:"serene-haze",label:this.$t("qrart.preset.sereneHaze"),url:"https://cdn.acedata.cloud/3w3ixr.png"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||(this.value=fe)}}),ns={class:"field"},rs={class:"text-sm font-bold block mb-2"},is={class:"pane"},cs=["onClick"],ps={class:"name"};function ds(e,s,d,u,v,g){const r=o("el-image");return a(),c("div",ns,[p("span",rs,n(e.$t("qrart.name.preset")),1),p("div",is,[(a(!0),c(y,null,S(e.options,(i,t)=>(a(),c("div",{key:t,class:A({item:!0,active:e.value===i.value}),onClick:b=>e.value===i.value?e.value=void 0:e.value=i.value},[l(r,{src:i.url,fit:"fill",class:"preview"},null,8,["src"]),p("span",ps,n(i.label),1)],10,cs))),128))])])}const us=$(ls,[["render",ds],["__scopeId","data-v-65c34adf"]]),ms="",hs=_({name:"ContentInput",components:{ElInput:M,ElUpload:ye,ElRadioGroup:ke,ElButton:D,ElRadioButton:qe,ImagePreview:ge,FontAwesomeIcon:L},mixins:[be],data(){return{inputWay:"input",fileList:[],uploadUrl:ae()+"/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=ms),this.onSetContentImageUrl()},methods:{onExceed(){T.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){T.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()}}}),fs={class:"field"},_s={class:"flex justify-between items-center mb-4"},$s={class:"text-sm font-bold title"},vs={class:"flex items-center"},gs={key:2,class:"description"};function bs(e,s,d,u,v,g){const r=o("el-radio-button"),i=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),w=o("font-awesome-icon"),R=o("el-button"),C=o("el-upload");return a(),c("div",fs,[p("div",_s,[p("span",$s,n(e.$t("qrart.name.content")),1),p("div",vs,[l(i,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=k=>e.inputWay=k)},{default:m(()=>[l(r,{label:"input"},{default:m(()=>[q(n(e.$t("qrart.inputWay.input")),1)]),_:1}),l(r,{label:"upload"},{default:m(()=>[q(n(e.$t("qrart.inputWay.upload")),1)]),_:1})]),_:1},8,["modelValue"])])]),e.inputWay=="input"?(a(),f(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"])):h("",!0),e.inputWay=="upload"?(a(),f(C,{key:1,ref:"uploader","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(R,{size:"small",type:"primary",round:""},{default:m(()=>[l(w,{icon:"fa-solid fa-upload",class:"mr-1"}),q(" "+n(e.$t("qrart.button.uploadQr")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])):h("",!0),e.inputWay=="upload"?(a(),c("p",gs,n(e.$t("qrart.message.uploadQr")),1)):h("",!0)])}const qs=$(hs,[["render",bs],["__scopeId","data-v-a970867a"]]),ks="",ys=_({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=ks)}}),ws={class:"field"},Ss={class:"text-sm font-bold block mb-2"};function Vs(e,s,d,u,v,g){const r=o("el-input");return a(),c("div",ws,[p("span",Ss,n(e.$t("qrart.name.prompt")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=i=>e.value=i),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("qrart.placeholder.prompt"),resize:"none"},null,8,["modelValue","placeholder"])])}const Es=$(ys,[["render",Vs],["__scopeId","data-v-004a0f07"]]),Ts=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:L,Consumption:we,TypeSelector:Be,PositionSelector:zt,PixelStyleSelector:xt,PaddingLevelSelector:Ot,SeedInput:os,AspectRatioSelector:Ze,QrwSelector:at,EclSelector:Ct,StepsSelector:it,PaddingNoiseSelector:Jt,AdvancedSelector:mt,MarkerShapeSelector:vt,SubMarkerSelector:yt,RotateSelector:Tt,PresetSelector:us,ContentInput:qs,PromptInput:Es},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Se(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-5"},Is={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ls(e,s,d,u,v,g){const r=o("type-selector"),i=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),w=o("qrw-selector"),R=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,[p("div",As,[l(r,{class:"mb-4"}),l(i,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(w,{class:"mb-4"}),l(R,{class:"mb-4"}),l(C,{class:"mb-4"}),l(k,{class:"mb-4"}),e.config?.advanced?(a(),f(z,{key:0,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(N,{key:1,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(B,{key:2,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(W,{key:3,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(H,{key:4,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(J,{key:5,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(K,{key:6,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(Y,{key:7,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(X,{key:8,class:"mb-4"})):h("",!0)]),p("div",Is,[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]=ma=>e.$emit("generate"))},{default:m(()=>[l(x,{icon:"fa-solid fa-magic",class:"mr-2"}),q(" "+n(e.$t("qrart.button.generate")),1)]),_:1})])])}const Cs=$(Ts,[["render",Ls]]),Us=_({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:Re,FontAwesomeIcon:L,ElAlert:Ie,ImageWrapper:Ae},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,d=new URL(s.src),u=d.searchParams.get("retry");if(!u)d.searchParams.set("retry","1");else if(parseInt(u)<2)d.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=d.toString()},onOpenUrl(e){window.open(e,"_blank")},onDownload(e){const s=document.createElement("a");s.href=e,s.download=e.split("/").pop(),s.click()}}}),Ps={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Ds={class:"left"},Ms={class:"main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]"},zs={class:"bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap"},Fs={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] overflow-hidden text-ellipsis whitespace-nowrap"},js={key:0},Os={key:0,class:A({content:!0,failed:!0})},Ns={class:"description"},Bs={class:"description"},Ws={key:0,class:"description"},Hs={key:1,class:"description"},Js={key:2,class:"description"},Ks={key:3,class:"description"},Ys={key:1,class:A({content:!0})},Xs={class:"description"},Zs={class:"description"},xs={key:0,class:"description"},ea={class:"description"},ta={key:2,class:A({content:!0})},sa={class:"description"};function aa(e,s,d,u,v,g){const r=o("el-image"),i=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),w=o("el-alert");return a(),c("div",Ps,[p("div",Ds,[l(r,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),p("div",Ms,[p("div",zs,[q(n(e.$t("qrart.name.qrartBot"))+" ",1),p("span",Fs,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),p("div",Qs,[e.modelValue?.request?.prompt?(a(),c("p",Gs,[q(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),c("span",js," - ("+n(e.$t("qrart.status.pending"))+") ",1))])):h("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Os,[e.modelValue?.response?.image_url?(a(),f(i,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,["src","raw-src"])):h("",!0),l(w,{closable:!1,class:"mt-2 success"},{default:m(()=>[p("p",Ns,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Bs,[l(t,{icon:"fa-solid fa-diamond",class:"mr-1"}),q(" "+n(e.$t("qrart.name.type"))+": "+n(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",Ws,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+n(e.$t("qrart.name.content"))+": "+n(e.modelValue?.request?.content)+" ",1),l(b,{content:e.modelValue?.request?.content,class:"btn-copy"},null,8,["content"])])):h("",!0),e.modelValue?.request?.content_image_url?(a(),c("p",Hs,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+n(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]=R=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):h("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Js,[l(t,{icon:"fa-solid fa-seedling",class:"mr-1"}),q(" "+n(e.$t("qrart.name.seed"))+": "+n(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"])])):h("",!0),e.modelValue?.elapsed?(a(),c("p",Ks,[l(t,{icon:"fa-solid fa-clock",class:"mr-1"}),q(" "+n(e.$t("qrart.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),c("div",Ys,[l(w,{closable:!1,class:"failure"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Xs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Zs,[l(t,{icon:"fa-solid fa-circle-info",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),l(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),c("p",xs,[l(t,{icon:"fa-solid fa-clock",class:"mr-1"}),q(" "+n(e.$t("qrart.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),p("p",ea,[l(t,{icon:"fa-solid fa-hashtag",class:"mr-1"}),q(" "+n(e.$t("qrart.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),l(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?h("",!0):(a(),c("div",ta,[l(w,{closable:!1,class:"info"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",sa,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const oa=$(Us,[["render",aa],["__scopeId","data-v-540b31f8"]]),la=_({name:"RecentPanel",components:{TaskPreview:oa,BotPlaceholder:Le,NoTasks:Ce,ScrollList:$e},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?.()}}}),na={key:0},ra={key:2,class:"w-full h-full flex items-center justify-center"};function ia(e,s,d,u,v,g){const r=o("bot-placeholder"),i=o("task-preview"),t=o("scroll-list"),b=o("no-tasks");return a(),c(y,null,[e.tasks?.items===void 0?(a(),c("div",na,[l(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),f(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,R)=>(a(),f(i,{key:R,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),c("div",ra,[l(b)])):h("",!0)],64)}const ca=$(la,[["render",ia]]),pa="https://webhook.acedata.cloud/qrart",da=_({name:"QrartIndex",components:{ConfigPanel:Cs,Layout:Qe,ApplicationStatus:Te,RecentPanel:ca},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 Ue({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(){oe.create({application:this.application}).then(({data:e})=>{this.application=e,T.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===Ee&&T.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:d,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",u),this.fetchingTasks=!0;try{await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:d,createdAtMax:u})}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:pa,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}T.info(this.$t("qrart.message.startingTask")),_e.generate(e,{token:s}).then(()=>{T.success(this.$t("qrart.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===Ve?T.error(this.$t("qrart.message.usedUp")):T.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ua(e,s,d,u,v,g){const r=o("config-panel"),i=o("application-status"),t=o("recent-panel"),b=o("layout");return a(),f(b,null,{config:m(()=>[l(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[l(i,{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 po=$(da,[["render",ua],["__scopeId","data-v-b90a878d"]]);export{po as default};
+import{F as L}from"./index.es-B1lW1a9B.js";import{E as D}from"./index-jii325vi.js";import{E as te}from"./index-38G9IKZp.js";import{d as _,H as c,E as p,z as U,C as l,y as m,D as o,q as a,F as n,O as y,N as S,x as f,Q as A,R as se,I as q,J as h}from"./vendor-vue-DU0w5ewx.js";import{E as $,b1 as ae,a7 as oe,ap as I}from"./index-FTscF_cz.js";import{a as F,b as le,c as Q,d as P,e as ne,f as re,g as ie,h as ce,i as pe,j as de,k as ue,l as me,m as he,n as fe,q as _e}from"./qrart-DBM0vNab.js";import{E as V,a as E}from"./index-DKT9lpv-.js";import{I as G,S as $e}from"./ScrollList-CHr2ER0d.js";import{a as j}from"./index-DefEPu5Z.js";import{E as ve}from"./index-o4zhAWG6.js";import{E as M}from"./index-DUswWNzD.js";import{E as O}from"./index-DdfzO8ET.js";import{I as ge}from"./ImagePreview-B7ddO4K-.js";import{p as be}from"./pasteUploadMixin-BurWbGNQ.js";import{E as qe,a as ke}from"./index-B--xRYrq.js";import{E as ye}from"./index-aO6Fi57H.js";import{E as T}from"./index-FF4WAJT-.js";import{C as we}from"./Consumption-D8o6ZGlD.js";import{a as Se}from"./price-D5TNZtWD.js";import{b as Ve,a as Ee}from"./errorCode-Cqj9Td_Z.js";import{A as Te}from"./Status-BtwLPzrZ.js";import{C as Re}from"./CopyToClipboard-99x8TU_E.js";import{I as Ae}from"./ImageWrapper-B4mqUlhx.js";import{E as Ie}from"./index-B2l9Ai7a.js";import{B as Le}from"./BotPlaceholder-808fKlrc.js";import{N as Ce}from"./NoTasks-CzCoCJiJ.js";import{l as Ue}from"./pagination-CcnL0MdN.js";import"./use-form-item-DDWqgx7q.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-DTQtEf7n.js";import"./index-DB1wHeLA.js";import"./typescript-CUMR9uNq.js";import"./index-BRydlsSG.js";import"./strings-DigWlKo9.js";import"./isEqual-BiGspMHU.js";import"./_Uint8Array-BWy8cKCo.js";import"./castArray-BX2YHThj.js";import"./debounce-rFO21RGd.js";import"./_baseIteratee-GCheQ423.js";import"./index-CJtfHm7C.js";import"./index-Bz0iDXPF.js";import"./validator-pb75_c-A.js";import"./index-RiVU3gTe.js";import"./index-BdrHjNrn.js";import"./_baseClone-CVDR-yNh.js";import"./_initCloneObject-BnGf6y2Q.js";import"./index-CJJgickM.js";const Pe=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),De={class:"main flex flex-row flex-1"},Me={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ze={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Fe(e,s,d,u,v,g){const r=o("font-awesome-icon"),i=o("el-button"),t=o("el-drawer");return a(),c("div",De,[p("div",Me,[U(e.$slots,"config",{},void 0,!0)]),p("div",ze,[U(e.$slots,"result",{},void 0,!0)]),l(i,{circle:"",class:"menu",onClick:s[0]||(s[0]=b=>e.drawer=!0)},{default:m(()=>[l(r,{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=$(Pe,[["render",Fe],["__scopeId","data-v-bfb91bc9"]]),Ge=_({name:"VersionSelector",components:{ElSelect:E,ElOption:V},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{label:this.$t("qrart.type.text"),value:"text"},{label:this.$t("qrart.type.link"),value:"link"},{label:this.$t("qrart.type.email"),value:"email"},{label:this.$t("qrart.type.phone"),value:"phone"},{label:this.$t("qrart.type.sms"),value:"sms"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug("set type",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||(console.debug("set default type",F),this.value=F)}}),je={class:"field"},Oe={class:"text-sm font-bold title"};function Ne(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",je,[p("span",Oe,n(e.$t("qrart.name.type")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Be=$(Ge,[["render",Ne],["__scopeId","data-v-b4bd8f04"]]),We=_({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=le)}}),He={class:"text-sm font-bold block mb-2"},Je={class:"items"},Ke=["onClick"],Ye={class:"name"};function Xe(e,s,d,u,v,g){return a(),c("div",null,[p("span",He,n(e.$t("qrart.name.aspectRatio")),1),p("div",Je,[(a(!0),c(y,null,S(e.options,(r,i)=>(a(),c("div",{key:i,class:A({active:e.active===i,item:!0}),onClick:t=>e.value=r.value},[p("div",{class:A(["preview",r.label])},[p("div",{class:"rect",style:se({width:r.width+"px",height:r.height+"px"})},null,4)],2),p("p",Ye,n(r.label),1)],10,Ke))),128))])])}const Ze=$(We,[["render",Xe],["__scopeId","data-v-b7590ecc"]]),xe=_({name:"QrwSelector",components:{ElSlider:j,InfoIcon:G},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)}}),et={class:"field"},tt={class:"text-sm font-bold title mb-2"};function st(e,s,d,u,v,g){const r=o("el-slider"),i=o("info-icon");return a(),c("div",et,[p("span",tt,n(e.$t("qrart.name.qrw")),1),l(r,{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(i,{content:e.$t("qrart.description.qrw"),class:"info"},null,8,["content"])])}const at=$(xe,[["render",st],["__scopeId","data-v-8410479c"]]),ot=_({name:"StepsSelector",components:{ElSlider:j,InfoIcon:G},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)}}),lt={class:"field"},nt={class:"text-sm font-bold block mb-2"};function rt(e,s,d,u,v,g){const r=o("el-slider"),i=o("info-icon");return a(),c("div",lt,[p("span",nt,n(e.$t("qrart.name.steps")),1),l(r,{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(i,{content:e.$t("qrart.description.steps"),class:"info"},null,8,["content"])])}const it=$(ot,[["render",rt],["__scopeId","data-v-0c88983e"]]),ct=_({name:"AdvancedSelector",components:{ElSwitch:ve},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=ne)}}),pt={class:"field"},dt={class:"title font-bold"};function ut(e,s,d,u,v,g){const r=o("el-switch");return a(),c("div",pt,[p("span",dt,n(e.$t("qrart.name.advanced")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=i=>e.value=i),class:"value"},null,8,["modelValue"])])}const mt=$(ct,[["render",ut],["__scopeId","data-v-f8ddf849"]]),ht=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.markerShape.square")},{value:"circle",label:this.$t("qrart.markerShape.circle")},{value:"plus",label:this.$t("qrart.markerShape.plus")},{value:"box",label:this.$t("qrart.markerShape.box")},{value:"octagon",label:this.$t("qrart.markerShape.octagon")},{value:"tiny-plus",label:this.$t("qrart.markerShape.tinyPlus")},{value:"random",label:this.$t("qrart.markerShape.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug("set marker_shape",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||(this.value=re)}}),ft={class:"field"},_t={class:"text-sm font-bold block mb-2"};function $t(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",ft,[p("span",_t,n(e.$t("qrart.name.markerShape")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const vt=$(ht,[["render",$t],["__scopeId","data-v-de71e0b0"]]),gt=_({name:"SubMarkerSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.subMarker.square")},{value:"circle",label:this.$t("qrart.subMarker.circle")},{value:"plus",label:this.$t("qrart.subMarker.plus")},{value:"box",label:this.$t("qrart.subMarker.box")},{value:"random",label:this.$t("qrart.subMarker.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug("set sub_marker",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||(this.value=ie)}}),bt={class:"field"},qt={class:"text-sm font-bold block mb-2"};function kt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",bt,[p("span",qt,n(e.$t("qrart.name.subMarker")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const yt=$(gt,[["render",kt],["__scopeId","data-v-51a39efa"]]),wt=_({name:"RotateSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug("set rotate",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||(this.value=ce)}}),St={class:"field"},Vt={class:"text-sm font-bold block mb-2"};function Et(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",St,[p("span",Vt,n(e.$t("qrart.name.rotate")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Tt=$(wt,[["render",Et],["__scopeId","data-v-72e35835"]]),Rt=_({name:"EclSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"L",label:"L"},{value:"M",label:"M"},{value:"Q",label:"Q"},{value:"H",label:"H"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug("set ecl",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||(this.value=pe)}}),At={class:"field"},It={class:"text-sm font-bold block mb-2"};function Lt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",At,[p("span",It,n(e.$t("qrart.name.ecl")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ct=$(Rt,[["render",Lt],["__scopeId","data-v-b3a5e331"]]),Ut=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"center",label:this.$t("qrart.position.center")},{value:"top",label:this.$t("qrart.position.top")},{value:"right",label:this.$t("qrart.position.right")},{value:"bottom",label:this.$t("qrart.position.bottom")},{value:"left",label:this.$t("qrart.position.left")},{value:"top-left",label:this.$t("qrart.position.topLeft")},{value:"top-right",label:this.$t("qrart.position.topRight")},{value:"bottom-left",label:this.$t("qrart.position.bottomLeft")},{value:"bottom-right",label:this.$t("qrart.position.bottomRight")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug("set position",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||(this.value=de)}}),Pt={class:"field"},Dt={class:"title font-bold"};function Mt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",Pt,[p("span",Dt,n(e.$t("qrart.name.position")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const zt=$(Ut,[["render",Mt],["__scopeId","data-v-54186505"]]),Ft=_({name:"PaddingLevelSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug("set padding_level",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||(this.value=ue)}}),Qt={class:"field"},Gt={class:"text-sm font-bold block mb-2"};function jt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",Qt,[p("span",Gt,n(e.$t("qrart.name.paddingLevel")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ot=$(Ft,[["render",jt],["__scopeId","data-v-49d801fd"]]),Nt=_({name:"PaddingNoiseSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug("set padding_noise",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||(this.value=me)}}),Bt={class:"field"},Wt={class:"text-sm font-bold block mb-2"};function Ht(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",Bt,[p("span",Wt,n(e.$t("qrart.name.paddingNoise")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Jt=$(Nt,[["render",Ht],["__scopeId","data-v-a20833bb"]]),Kt=_({name:"PixelStyleSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.pixelStyle.square")},{value:"rounded",label:this.$t("qrart.pixelStyle.rounded")},{value:"dot",label:this.$t("qrart.pixelStyle.dot")},{value:"squircle",label:this.$t("qrart.pixelStyle.squircle")},{value:"row",label:this.$t("qrart.pixelStyle.row")},{value:"column",label:this.$t("qrart.pixelStyle.column")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug("set pixel_style",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||(this.value=he)}}),Yt={class:"field"},Xt={class:"text-sm font-bold block mb-2"};function Zt(e,s,d,u,v,g){const r=o("el-option"),i=o("el-select");return a(),c("div",Yt,[p("span",Xt,n(e.$t("qrart.name.pixelStyle")),1),l(i,{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(),f(r,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const xt=$(Kt,[["render",Zt],["__scopeId","data-v-aca7f79f"]]),es=_({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)}}),ts={class:"field"},ss={class:"text-sm font-bold block mb-2"};function as(e,s,d,u,v,g){const r=o("el-input");return a(),c("div",ts,[p("span",ss,n(e.$t("qrart.name.seed")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=i=>e.value=i),class:"value",placeholder:e.$t("qrart.placeholder.seed")},null,8,["modelValue","placeholder"])])}const os=$(es,[["render",as],["__scopeId","data-v-d939305d"]]),ls=_({name:"PresetSelector",components:{ElImage:O},data(){return{options:[{value:"sunset",label:this.$t("qrart.preset.sunset"),url:"https://cdn.acedata.cloud/rp1h1s.png"},{value:"floral",label:this.$t("qrart.preset.floral"),url:"https://cdn.acedata.cloud/upyikx.png"},{value:"snowflakes",label:this.$t("qrart.preset.snowflakes"),url:"https://cdn.acedata.cloud/j447da.png"},{value:"feathers",label:this.$t("qrart.preset.feathers"),url:"https://cdn.acedata.cloud/d2ctz9.png"},{value:"raindrops",label:this.$t("qrart.preset.raindrops"),url:"https://cdn.acedata.cloud/xv2t3s.png"},{value:"ultra-realism",label:this.$t("qrart.preset.ultraRealism"),url:"https://cdn.acedata.cloud/nlor4y.png"},{value:"epic-realms",label:this.$t("qrart.preset.epicRealms"),url:"https://cdn.acedata.cloud/wwzkvy.png"},{value:"intricate-studio",label:this.$t("qrart.preset.intricateStudio"),url:"https://cdn.acedata.cloud/4kzf5y.png"},{value:"symmetric-masterpiece",label:this.$t("qrart.preset.symmetricMasterpiece"),url:"https://cdn.acedata.cloud/ff4ii2.png"},{value:"luminous-highway",label:this.$t("qrart.preset.luminousHighway"),url:"https://cdn.acedata.cloud/cliodt.png"},{value:"celestial-journey",label:this.$t("qrart.preset.celestialJourney"),url:"https://cdn.acedata.cloud/ejellf.png"},{value:"neon-mech",label:this.$t("qrart.preset.neonMech"),url:"https://cdn.acedata.cloud/3z0y6z.png"},{value:"ethereal-low-poly",label:this.$t("qrart.preset.etherealLowPoly"),url:"https://cdn.acedata.cloud/36o0mm.png"},{value:"golden-vista",label:this.$t("qrart.preset.goldenVista"),url:"https://cdn.acedata.cloud/xa0267.png"},{value:"cinematic-expanse",label:this.$t("qrart.preset.cinematicExpanse"),url:"https://cdn.acedata.cloud/krl5qp.png"},{value:"cinematic-warm",label:this.$t("qrart.preset.cinematicWarm"),url:"https://cdn.acedata.cloud/e1aahg.png"},{value:"desolate-wilderness",label:this.$t("qrart.preset.desolateWilderness"),url:"https://cdn.acedata.cloud/9evqqu.png"},{value:"vibrant-palette",label:this.$t("qrart.preset.vibrantPalette"),url:"https://cdn.acedata.cloud/3fvsmz.png"},{value:"enigmatic-journey",label:this.$t("qrart.preset.enigmaticJourney"),url:"https://cdn.acedata.cloud/l6kku0.png"},{value:"timeless-cinematic",label:this.$t("qrart.preset.timelessCinematic"),url:"https://cdn.acedata.cloud/h5mzyn.png"},{value:"regal-galaxy",label:this.$t("qrart.preset.regalGalaxy"),url:"https://cdn.acedata.cloud/czkegd.png"},{value:"illustrious-canvas",label:this.$t("qrart.preset.illustriousCanvas"),url:"https://cdn.acedata.cloud/m8hwzh.png"},{value:"expressive-mural",label:this.$t("qrart.preset.expressiveMural"),url:"https://cdn.acedata.cloud/g4v1rb.png"},{value:"serene-haze",label:this.$t("qrart.preset.sereneHaze"),url:"https://cdn.acedata.cloud/3w3ixr.png"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||(this.value=fe)}}),ns={class:"field"},rs={class:"text-sm font-bold block mb-2"},is={class:"pane"},cs=["onClick"],ps={class:"name"};function ds(e,s,d,u,v,g){const r=o("el-image");return a(),c("div",ns,[p("span",rs,n(e.$t("qrart.name.preset")),1),p("div",is,[(a(!0),c(y,null,S(e.options,(i,t)=>(a(),c("div",{key:t,class:A({item:!0,active:e.value===i.value}),onClick:b=>e.value===i.value?e.value=void 0:e.value=i.value},[l(r,{src:i.url,fit:"fill",class:"preview"},null,8,["src"]),p("span",ps,n(i.label),1)],10,cs))),128))])])}const us=$(ls,[["render",ds],["__scopeId","data-v-65c34adf"]]),ms="",hs=_({name:"ContentInput",components:{ElInput:M,ElUpload:ye,ElRadioGroup:ke,ElButton:D,ElRadioButton:qe,ImagePreview:ge,FontAwesomeIcon:L},mixins:[be],data(){return{inputWay:"input",fileList:[],uploadUrl:ae()+"/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=ms),this.onSetContentImageUrl()},methods:{onExceed(){T.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){T.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()}}}),fs={class:"field"},_s={class:"flex justify-between items-center mb-4"},$s={class:"text-sm font-bold title"},vs={class:"flex items-center"},gs={key:2,class:"description"};function bs(e,s,d,u,v,g){const r=o("el-radio-button"),i=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),w=o("font-awesome-icon"),R=o("el-button"),C=o("el-upload");return a(),c("div",fs,[p("div",_s,[p("span",$s,n(e.$t("qrart.name.content")),1),p("div",vs,[l(i,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=k=>e.inputWay=k)},{default:m(()=>[l(r,{label:"input"},{default:m(()=>[q(n(e.$t("qrart.inputWay.input")),1)]),_:1}),l(r,{label:"upload"},{default:m(()=>[q(n(e.$t("qrart.inputWay.upload")),1)]),_:1})]),_:1},8,["modelValue"])])]),e.inputWay=="input"?(a(),f(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"])):h("",!0),e.inputWay=="upload"?(a(),f(C,{key:1,ref:"uploader","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(R,{size:"small",type:"primary",round:""},{default:m(()=>[l(w,{icon:"fa-solid fa-upload",class:"mr-1"}),q(" "+n(e.$t("qrart.button.uploadQr")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])):h("",!0),e.inputWay=="upload"?(a(),c("p",gs,n(e.$t("qrart.message.uploadQr")),1)):h("",!0)])}const qs=$(hs,[["render",bs],["__scopeId","data-v-a970867a"]]),ks="",ys=_({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=ks)}}),ws={class:"field"},Ss={class:"text-sm font-bold block mb-2"};function Vs(e,s,d,u,v,g){const r=o("el-input");return a(),c("div",ws,[p("span",Ss,n(e.$t("qrart.name.prompt")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=i=>e.value=i),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("qrart.placeholder.prompt"),resize:"none"},null,8,["modelValue","placeholder"])])}const Es=$(ys,[["render",Vs],["__scopeId","data-v-004a0f07"]]),Ts=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:L,Consumption:we,TypeSelector:Be,PositionSelector:zt,PixelStyleSelector:xt,PaddingLevelSelector:Ot,SeedInput:os,AspectRatioSelector:Ze,QrwSelector:at,EclSelector:Ct,StepsSelector:it,PaddingNoiseSelector:Jt,AdvancedSelector:mt,MarkerShapeSelector:vt,SubMarkerSelector:yt,RotateSelector:Tt,PresetSelector:us,ContentInput:qs,PromptInput:Es},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Se(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-5"},Is={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ls(e,s,d,u,v,g){const r=o("type-selector"),i=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),w=o("qrw-selector"),R=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,[p("div",As,[l(r,{class:"mb-4"}),l(i,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(w,{class:"mb-4"}),l(R,{class:"mb-4"}),l(C,{class:"mb-4"}),l(k,{class:"mb-4"}),e.config?.advanced?(a(),f(z,{key:0,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(N,{key:1,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(B,{key:2,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(W,{key:3,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(H,{key:4,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(J,{key:5,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(K,{key:6,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(Y,{key:7,class:"mb-4"})):h("",!0),e.config?.advanced?(a(),f(X,{key:8,class:"mb-4"})):h("",!0)]),p("div",Is,[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]=ma=>e.$emit("generate"))},{default:m(()=>[l(x,{icon:"fa-solid fa-magic",class:"mr-2"}),q(" "+n(e.$t("qrart.button.generate")),1)]),_:1})])])}const Cs=$(Ts,[["render",Ls]]),Us=_({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:Re,FontAwesomeIcon:L,ElAlert:Ie,ImageWrapper:Ae},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,d=new URL(s.src),u=d.searchParams.get("retry");if(!u)d.searchParams.set("retry","1");else if(parseInt(u)<2)d.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=d.toString()},onOpenUrl(e){window.open(e,"_blank")},onDownload(e){const s=document.createElement("a");s.href=e,s.download=e.split("/").pop(),s.click()}}}),Ps={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Ds={class:"left"},Ms={class:"main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]"},zs={class:"bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap"},Fs={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] overflow-hidden text-ellipsis whitespace-nowrap"},js={key:0},Os={key:0,class:A({content:!0,failed:!0})},Ns={class:"description"},Bs={class:"description"},Ws={key:0,class:"description"},Hs={key:1,class:"description"},Js={key:2,class:"description"},Ks={key:3,class:"description"},Ys={key:1,class:A({content:!0})},Xs={class:"description"},Zs={class:"description"},xs={key:0,class:"description"},ea={class:"description"},ta={key:2,class:A({content:!0})},sa={class:"description"};function aa(e,s,d,u,v,g){const r=o("el-image"),i=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),w=o("el-alert");return a(),c("div",Ps,[p("div",Ds,[l(r,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),p("div",Ms,[p("div",zs,[q(n(e.$t("qrart.name.qrartBot"))+" ",1),p("span",Fs,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),p("div",Qs,[e.modelValue?.request?.prompt?(a(),c("p",Gs,[q(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),c("span",js," - ("+n(e.$t("qrart.status.pending"))+") ",1))])):h("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Os,[e.modelValue?.response?.image_url?(a(),f(i,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,["src","raw-src"])):h("",!0),l(w,{closable:!1,class:"mt-2 success"},{default:m(()=>[p("p",Ns,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Bs,[l(t,{icon:"fa-solid fa-diamond",class:"mr-1"}),q(" "+n(e.$t("qrart.name.type"))+": "+n(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",Ws,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+n(e.$t("qrart.name.content"))+": "+n(e.modelValue?.request?.content)+" ",1),l(b,{content:e.modelValue?.request?.content,class:"btn-copy"},null,8,["content"])])):h("",!0),e.modelValue?.request?.content_image_url?(a(),c("p",Hs,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+n(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]=R=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):h("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Js,[l(t,{icon:"fa-solid fa-seedling",class:"mr-1"}),q(" "+n(e.$t("qrart.name.seed"))+": "+n(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"])])):h("",!0),e.modelValue?.elapsed?(a(),c("p",Ks,[l(t,{icon:"fa-solid fa-clock",class:"mr-1"}),q(" "+n(e.$t("qrart.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),c("div",Ys,[l(w,{closable:!1,class:"failure"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Xs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Zs,[l(t,{icon:"fa-solid fa-circle-info",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),l(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),c("p",xs,[l(t,{icon:"fa-solid fa-clock",class:"mr-1"}),q(" "+n(e.$t("qrart.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),p("p",ea,[l(t,{icon:"fa-solid fa-hashtag",class:"mr-1"}),q(" "+n(e.$t("qrart.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),l(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?h("",!0):(a(),c("div",ta,[l(w,{closable:!1,class:"info"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",sa,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const oa=$(Us,[["render",aa],["__scopeId","data-v-540b31f8"]]),la=_({name:"RecentPanel",components:{TaskPreview:oa,BotPlaceholder:Le,NoTasks:Ce,ScrollList:$e},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?.()}}}),na={key:0},ra={key:2,class:"w-full h-full flex items-center justify-center"};function ia(e,s,d,u,v,g){const r=o("bot-placeholder"),i=o("task-preview"),t=o("scroll-list"),b=o("no-tasks");return a(),c(y,null,[e.tasks?.items===void 0?(a(),c("div",na,[l(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),f(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,R)=>(a(),f(i,{key:R,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),c("div",ra,[l(b)])):h("",!0)],64)}const ca=$(la,[["render",ia]]),pa="https://webhook.acedata.cloud/qrart",da=_({name:"QrartIndex",components:{ConfigPanel:Cs,Layout:Qe,ApplicationStatus:Te,RecentPanel:ca},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 Ue({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(){oe.create({application:this.application}).then(({data:e})=>{this.application=e,T.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===Ee&&T.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:d,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",u),this.fetchingTasks=!0;try{await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:d,createdAtMax:u})}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:pa,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}T.info(this.$t("qrart.message.startingTask")),_e.generate(e,{token:s}).then(()=>{T.success(this.$t("qrart.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===Ve?T.error(this.$t("qrart.message.usedUp")):T.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ua(e,s,d,u,v,g){const r=o("config-panel"),i=o("application-status"),t=o("recent-panel"),b=o("layout");return a(),f(b,null,{config:m(()=>[l(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[l(i,{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 po=$(da,[["render",ua],["__scopeId","data-v-b90a878d"]]);export{po as default};

package/dist/assets/{Index-Msqzp9us.css → Index-BSgYtcBS.css}

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