@acedatacloud/nexior 3.20.0 → 3.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{Auth-Dp5SxRsQ.js → Auth-DOHlOCpp.js} +1 -1
- package/dist/assets/{BotPlaceholder-C-r3HBsb.js → BotPlaceholder-6rksUZSI.js} +1 -1
- package/dist/assets/{Callback-CMbVwekp.js → Callback-D-v3hKrJ.js} +1 -1
- package/dist/assets/{Console-sgqybV9e.js → Console-CrfUOjRg.js} +1 -1
- package/dist/assets/{Conversation-C47wQMzC.js → Conversation-XjUVydTy.js} +2 -2
- package/dist/assets/{CopyToClipboard-D10YM_7m.js → CopyToClipboard-CuCD6yxS.js} +1 -1
- package/dist/assets/{Detail-nFXkCo1c.js → Detail-CxUCYXrK.js} +1 -1
- package/dist/assets/{EditArray-DSLzgbUV.js → EditArray-DaAQ3MHX.js} +1 -1
- package/dist/assets/{Extra-DuTFCrI1.js → Extra-CLOABQjS.js} +1 -1
- package/dist/assets/{FilePreview-_imIFzEr.js → FilePreview-CMrAVI3v.js} +1 -1
- package/dist/assets/{History-Cfq_nM0O.js → History-9Wg3k27E.js} +1 -1
- package/dist/assets/{ImagePreview-DpKPZpzN.js → ImagePreview-BvPOSpDB.js} +1 -1
- package/dist/assets/{ImageWrapper-CJTWD-PJ.js → ImageWrapper-BChXhEi0.js} +1 -1
- package/dist/assets/{Index-BpS5nKKm.js → Index--bZdH1SJ.js} +1 -1
- package/dist/assets/Index-7uD3N-hm.js +1 -0
- package/dist/assets/{Index-r8HFp0Fa.js → Index-8uOMoloz.js} +1 -1
- package/dist/assets/{Index-Dh1XasMQ.js → Index-B4I-9GbD.js} +1 -1
- package/dist/assets/{Index-BfXX3_X5.js → Index-B6HCk_-Z.js} +1 -1
- package/dist/assets/{Index-BBA2fb8p.js → Index-BwBHSzg_.js} +1 -1
- package/dist/assets/{Index-Bj3l491h.js → Index-CHOFYqOJ.js} +1 -1
- package/dist/assets/{Index-CPso7j9R.js → Index-CNCj6VmF.js} +1 -1
- package/dist/assets/{Index-Und3gfGe.css → Index-Cj_OO_Dg.css} +1 -1
- package/dist/assets/{Index-C66oDpzY.js → Index-DB7xg-db.js} +1 -1
- package/dist/assets/{Index-DNCwSGrb.js → Index-DEJ1F06G.js} +1 -1
- package/dist/assets/{Index-B6VOYE6t.js → Index-DFfkrcKD.js} +1 -1
- package/dist/assets/{Index-aibBgpds.js → Index-DOZ1CpUV.js} +1 -1
- package/dist/assets/{Index--HrzVZr-.js → Index-DXy4uUZ0.js} +1 -1
- package/dist/assets/{Index-B9G3QABi.js → Index-DgcbnuJl.js} +1 -1
- package/dist/assets/{Index-5q6HTX0d.js → Index-DpXxZAQT.js} +1 -1
- package/dist/assets/{Index-CKUhP8Wa.js → Index-DwVMjgEx.js} +1 -1
- package/dist/assets/{InfoIcon-DJgGdcM4.js → InfoIcon-DhMpzlKc.js} +1 -1
- package/dist/assets/{Invitees-KgSZx4Uj.js → Invitees-CbKt6RsF.js} +1 -1
- package/dist/assets/{List-B-AP-_iP.js → List-D0u8ApAR.js} +1 -1
- package/dist/assets/{List-DYVn4yzw.js → List-DPJxF9Uq.js} +1 -1
- package/dist/assets/{List-C_U16Ogh.js → List-Dzt1AZ5s.js} +1 -1
- package/dist/assets/{Login-BDLFzWKY.js → Login-BiY_rvx8.js} +1 -1
- package/dist/assets/{Main-w_kAoQvr.js → Main-DzlsxIsf.js} +1 -1
- package/dist/assets/{Navigator-Cir0Tory.js → Navigator-DHP0Z5BQ.js} +1 -1
- package/dist/assets/{NoTasks-BAFsp5y-.js → NoTasks-DmNkmZBC.js} +1 -1
- package/dist/assets/{Pagination-yeTIoBfb.js → Pagination-CTJgfb9h.js} +1 -1
- package/dist/assets/{Status-C1VcHGOO.js → Status-BdMCij8k.js} +1 -1
- package/dist/assets/{Subscribe-D4gyA5GB.js → Subscribe-RBtMq5Tr.js} +1 -1
- package/dist/assets/{VideoPlayer-DAFte4NK.js → VideoPlayer-D-xD0k0W.js} +1 -1
- package/dist/assets/{_baseClone-DfZip4NQ.js → _baseClone-CyEUgRjr.js} +1 -1
- package/dist/assets/{_baseIteratee-DVuly0os.js → _baseIteratee-LzESfPbZ.js} +1 -1
- package/dist/assets/{_initCloneObject-BNJJfRAs.js → _initCloneObject-DL2KWEpg.js} +1 -1
- package/dist/assets/{castArray-F6UtPTG2.js → castArray-BeCWKAC7.js} +1 -1
- package/dist/assets/{debounce-DUU4g0Vw.js → debounce-kw1MDyXj.js} +1 -1
- package/dist/assets/{distribution-B-aGOgvr.js → distribution-D-fO2s3O.js} +1 -1
- package/dist/assets/{dropdown-Dk5TLA40.js → dropdown-C8jclX96.js} +1 -1
- package/dist/assets/{index-CcIQaw9t.js → index-1UJz5zRY.js} +1 -1
- package/dist/assets/{index-v3LBqa1e.js → index-B0EB6NMl.js} +1 -1
- package/dist/assets/{index-dSqsT--9.js → index-BC4WNM6T.js} +1 -1
- package/dist/assets/{index-1fW-uAwf.js → index-BDYxvVsV.js} +1 -1
- package/dist/assets/{index-BXh5SszT.js → index-BKJPB7EB.js} +1 -1
- package/dist/assets/{index-fKcIRqyn.js → index-BNbrEyG8.js} +1 -1
- package/dist/assets/{index-778MgwIZ.js → index-BQcaFqGZ.js} +1 -1
- package/dist/assets/{index-IUOnFE33.js → index-BZbKTMK3.js} +2 -2
- package/dist/assets/{index-2wYQGjlL.js → index-BxILNqsr.js} +1 -1
- package/dist/assets/{index-ZR2WC3y6.js → index-C1h2SbZU.js} +1 -1
- package/dist/assets/{index-ayOK3esB.js → index-CGS5ltjA.js} +1 -1
- package/dist/assets/{index-Dun7_PXv.js → index-CNEDsR9Z.js} +1 -1
- package/dist/assets/{index-Br08pmUn.js → index-CSXTF63q.js} +1 -1
- package/dist/assets/{index-aLPamwRW.js → index-CZi_rDaW.js} +1 -1
- package/dist/assets/{index-CkSqGmwg.js → index-CbPHeT3X.js} +1 -1
- package/dist/assets/{index-CkGfGBH1.js → index-CgzNR6Br.js} +1 -1
- package/dist/assets/{index-3NDJx6NE.js → index-CjhBlm5C.js} +1 -1
- package/dist/assets/{index-DSNMx2cO.js → index-Cu3La3dR.js} +1 -1
- package/dist/assets/{index-CF5Kx3lT.js → index-D0cZ5BM8.js} +1 -1
- package/dist/assets/{index-BlfhaCBe.js → index-DSYfQpVb.js} +1 -1
- package/dist/assets/{index-DyhtTOcR.js → index-N5_Xerc6.js} +1 -1
- package/dist/assets/{index-CwsOuzih.js → index-Rl2p1NyF.js} +1 -1
- package/dist/assets/{index-D_GDwTBQ.js → index-Tp13-pBQ.js} +1 -1
- package/dist/assets/{index-IPLndquX.js → index-bAhdShMo.js} +1 -1
- package/dist/assets/{index-yLAe503u.js → index-hbRYKLdf.js} +1 -1
- package/dist/assets/{index-Dgon4P8g.js → index-hrpdMjUu.js} +1 -1
- package/dist/assets/{index-C6pJT5Z8.js → index-jqOaitfg.js} +1 -1
- package/dist/assets/{index-D9ZkPdjT.js → index-oeBw24Ll.js} +1 -1
- package/dist/assets/{index-DLEpULvj.js → index-yxRIEND6.js} +1 -1
- package/dist/assets/{index.es-CcpVHvSx.js → index.es-B92faSi8.js} +1 -1
- package/dist/assets/{isEqual-DT9q1wUz.js → isEqual-DIgYivsv.js} +1 -1
- package/dist/assets/{isPlainObject-_HKxhcoH.js → isPlainObject-DCVZiiY1.js} +1 -1
- package/dist/assets/{order-DohWanVo.js → order-C2E-v9oK.js} +1 -1
- package/dist/assets/{price-BmpkejfA.js → price-B8COZ-j4.js} +1 -1
- package/dist/assets/{strings-ByIYpJrS.js → strings-BQbdUIFn.js} +1 -1
- package/dist/assets/{typescript-CrbS__OB.js → typescript-CkR2OWnN.js} +1 -1
- package/dist/assets/{use-form-item-DNI3l--g.js → use-form-item-9EKLSUpL.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/Index-r39yB5QH.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as T}from"./index.es-CcpVHvSx.js";import{E as A}from"./index-CkGfGBH1.js";import{E as M}from"./index-ZR2WC3y6.js";import{d as g,h as k,b as l,t as r,k as t,r as R,j as m,l as s,o as a,er as O,x as i,F as S,v as C,i as I,es as j,D as h,et as B,c9 as z,y as $,n as P,eu as N,du as F,dh as K,dp as H,dq as D}from"./index-IUOnFE33.js";import{I as G}from"./InfoIcon-DJgGdcM4.js";import{E as J}from"./index-CkSqGmwg.js";import{E as L,a as q}from"./index-fKcIRqyn.js";import{a as Q,E as W}from"./index-IPLndquX.js";import{I as X}from"./ImagePreview-DpKPZpzN.js";import{E as Y}from"./index-DLEpULvj.js";import{E as V}from"./index-Dgon4P8g.js";import{E as Z}from"./index-BlfhaCBe.js";import{C as x,N as ee}from"./NoTasks-BAFsp5y-.js";import{a as te}from"./price-BmpkejfA.js";import{C as oe}from"./CopyToClipboard-D10YM_7m.js";import{s as se}from"./vue-plyr-QZFBikSk.js";import{E as ae}from"./index-1fW-uAwf.js";import{E as ne}from"./index-CF5Kx3lT.js";import{E as ie}from"./index-DSNMx2cO.js";import{B as le}from"./BotPlaceholder-C-r3HBsb.js";import"./use-form-item-DNI3l--g.js";import"./index-r5W6hzzQ.js";import"./index-aLPamwRW.js";import"./index-BXh5SszT.js";import"./typescript-CrbS__OB.js";import"./strings-ByIYpJrS.js";import"./castArray-F6UtPTG2.js";import"./isEqual-DT9q1wUz.js";import"./_initCloneObject-BNJJfRAs.js";import"./debounce-DUU4g0Vw.js";import"./_baseIteratee-DVuly0os.js";import"./index-D_GDwTBQ.js";import"./index-D9ZkPdjT.js";import"./_baseClone-DfZip4NQ.js";import"./index-3NDJx6NE.js";import"./index-CwsOuzih.js";const re=g({name:"LayoutPika",components:{ElDrawer:M,ElButton:A,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ce={class:"main flex flex-row flex-1"},pe={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},de={class:"result h-full p-[15px] flex-1 flex flex-col"};function ue(e,o,c,d,v,b){const p=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),l("div",ce,[r("div",pe,[R(e.$slots,"config",{},void 0,!0)]),r("div",de,[R(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=y=>e.drawer=!0)},{default:m(()=>[t(p,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=y=>e.drawer=y),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const me=k(re,[["render",ue],["__scopeId","data-v-80748529"]]),fe=g({name:"IngredientsSelector",components:{ElSwitch:J,InfoIcon:G},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug("set ingredients",e),e||this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,model:"2.0"})}}},mounted(){this.value===void 0&&(this.value=O)}}),_e={class:"field"},he={class:"title font-bold"};function $e(e,o,c,d,v,b){const p=s("el-switch"),u=s("info-icon");return a(),l("div",_e,[r("h2",he,i(e.$t("pika.name.ingredients")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"]),t(u,{content:e.$t("pika.description.ingredients"),class:"info"},null,8,["content"])])}const ge=k(fe,[["render",$e],["__scopeId","data-v-17c0af5c"]]),ke=g({name:"EffectSelector",components:{ElSelect:q,ElOption:L},data(){return{}},computed:{options(){return[{value:"Levitate",label:this.$t("pika.style.effect1")},{value:"Decapitate",label:this.$t("pika.style.effect2")},{value:"Eye-pop",label:this.$t("pika.style.effect3")},{value:"Ta-da",label:this.$t("pika.style.effect4")},{value:"Deflate",label:this.$t("pika.style.effect5")},{value:"Crumble",label:this.$t("pika.style.effect6")},{value:"Dissolve",label:this.$t("pika.style.effect7")},{value:"Squish",label:this.$t("pika.style.effect8")},{value:"Inflate",label:this.$t("pika.style.effect9")},{value:"Melt",label:this.$t("pika.style.effect10")},{value:"Cake-ify",label:this.$t("pika.style.effect11")},{value:"Crush",label:this.$t("pika.style.effect12")},{value:"Explode",label:this.$t("pika.style.effect13")}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,effect:e})}}}}),ve={class:"field"},be={class:"title font-bold"},ye={class:"float-left"};function we(e,o,c,d,v,b){const p=s("el-option"),u=s("el-select");return a(),l("div",ve,[r("h2",be,i(e.$t("pika.name.effect")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.label,value:n.value},{default:m(()=>[r("span",ye,i(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=k(ke,[["render",we],["__scopeId","data-v-d1c54475"]]),Ie=g({name:"IngredientsModelSelector",components:{ElRadioButton:W,ElRadioGroup:Q},data(){return{options:[{label:this.$t("pika.button.precise"),value:"precise"},{label:this.$t("pika.button.creative"),value:"creative"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||(this.value=j)}}),Ee={class:"field"},Se={class:"title font-bold"};function Ce(e,o,c,d,v,b){const p=s("el-radio-button"),u=s("el-radio-group");return a(),l("div",Ee,[r("h2",Se,i(e.$t("pika.name.ingredientsModel")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),size:"small",class:"quality"},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.value},{default:m(()=>[h(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const Te=k(Ie,[["render",Ce],["__scopeId","data-v-b948551f"]]),Ae=g({name:"ModelSelector",components:{ElSelect:q,ElOption:L},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"2.0",label:"2.0"},{value:"1.5",label:"1.5"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||(this.value=B)}}),Pe={class:"field"},Ue={class:"title font-bold"};function Re(e,o,c,d,v,b){const p=s("el-option"),u=s("el-select");return a(),l("div",Pe,[r("h2",Ue,i(e.$t("pika.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=k(Ae,[["render",Re],["__scopeId","data-v-7b2e870a"]]),Ge=g({name:"ImageUrlInput",components:{ElUpload:Y,ElButton:A,InfoIcon:G,ImagePreview:X,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:z()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("pika.message.uploadStartImageExceed"))},onError(){V.error(this.$t("pika.message.uploadStartImageError"))},async onRemove(){V.error(this.$t("pika.message.uploadStartImageError"))},onSetStartImageUrl(){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Le={class:"field"},qe={class:"title font-bold"},Me={class:"upload-wrapper"};function Oe(e,o,c,d,v,b){const p=s("image-preview"),u=s("font-awesome-icon"),n=s("el-button"),y=s("el-upload"),_=s("info-icon");return a(),l("div",Le,[r("h2",qe,i(e.$t("pika.name.imageUrl")),1),r("div",Me,[t(y,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:3,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:f})=>[t(p,{url:f.url||f.response?.file_url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[t(n,{size:"small",type:"primary",round:""},{default:m(()=>[t(u,{icon:"fa-solid fa-upload",class:"mr-1"}),h(" "+i(e.$t("pika.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])]),t(_,{content:e.$t("pika.description.imageUrl"),class:"info"},null,8,["content"])])}const je=k(Ge,[["render",Oe],["__scopeId","data-v-18cda67a"]]),Be="",ze=g({name:"PromptInput",components:{ElInput:Z,InfoIcon:G},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Be)}}),Ne={class:"field"},Fe={class:"box"},Ke={class:"title font-bold"};function He(e,o,c,d,v,b){const p=s("info-icon"),u=s("el-input");return a(),l("div",Ne,[r("div",Fe,[r("h2",Ke,i(e.$t("pika.name.prompt")),1),t(p,{content:e.$t("pika.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pika.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Je=k(ze,[["render",He],["__scopeId","data-v-b94e7a3e"]]),Qe=g({name:"PresetPanel",components:{ImageUrlInput:je,ElButton:A,FontAwesomeIcon:T,Consumption:x,PromptInput:Je,IngredientsSelector:ge,IngredientsModelSelector:Te,ModelSelector:De,EffectSelector:Ve},emits:["generate"],computed:{config(){return this.$store.state.pika?.config},consumption(){return te(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit("generate")}}}),We={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-[15px]"},Ye={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ze(e,o,c,d,v,b){const p=s("prompt-input"),u=s("model-selector"),n=s("ingredients-selector"),y=s("effect-selector"),_=s("image-url-input"),f=s("ingredients-model-selector"),E=s("consumption"),w=s("font-awesome-icon"),U=s("el-button");return a(),l("div",We,[r("div",Xe,[t(p,{class:"mb-4"}),t(u,{class:"mb-4"}),t(n,{class:"mb-4"}),t(y,{class:"mb-4"}),e.config?.ingredients?(a(),I(_,{key:0,class:"mb-4"})):$("",!0),e.config?.ingredients?(a(),I(f,{key:1,class:"mb-4"})):$("",!0)]),r("div",Ye,[t(E,{value:e.consumption,service:e.service},null,8,["value","service"]),t(U,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(w,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("pika.button.generate")),1)]),_:1},8,["onClick"])])])}const xe=k(Qe,[["render",Ze]]),et=g({name:"VideoPlayer",components:{VuePlyr:se},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:"1080p"}}}}}),tt=["data-poster"],ot=["src"];function st(e,o,c,d,v,b){const p=s("vue-plyr");return a(),l("div",null,[t(p,{options:e.options,class:"video"},{default:m(()=>[r("video",{controls:"",crossorigin:"",playsinline:"","data-poster":e.modelValue?.image_url},[r("source",{size:"1080",src:e.modelValue?.video_url,type:"video/mp4"},null,8,ot)],8,tt)]),_:1},8,["options"])])}const at=k(et,[["render",st],["__scopeId","data-v-fc420430"]]),nt=g({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:oe,FontAwesomeIcon:T,ElAlert:ne,VideoPlayer:at,ElTooltip:ae,ElButton:A},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(c=>{let d=c;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e){console.log("on download"),window.open(e,"_blank")},onReload(e){const o=e.target,c=new URL(o.src),d=c.searchParams.get("retry");if(!d)c.searchParams.set("retry","1");else if(parseInt(d)<2)c.searchParams.set("retry",(parseInt(d)+1).toString());else return;o.src=c.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),it={class:"left"},lt={class:"main"},rt={class:"bot"},ct={class:"datetime"},pt={class:"info"},dt={key:0,class:"prompt mt-2"},ut={key:0},mt={key:1},ft={key:0,class:P({content:!0,failed:!0})},_t={class:"image-wrapper"},ht={key:0,class:P({operations:!0,"mt-2":!0})},$t={key:0,class:"description"},gt={class:"description"},kt={key:1,class:P({content:!0})},vt={class:"description"},bt={class:"description"},yt={class:"description"},wt={key:2,class:P({content:!0})},Vt={class:"description"};function It(e,o,c,d,v,b){const p=s("el-image"),u=s("VideoPlayer"),n=s("el-button"),y=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return a(!0),l(S,null,C(e.videos,(w,U)=>(a(),l("div",{key:U,class:"preview"},[r("div",it,[t(p,{src:"https://cdn.acedata.cloud/i80tgn.png",class:"avatar"})]),r("div",lt,[r("div",rt,[h(i(e.$t("pika.name.pikaBot"))+" ",1),r("span",ct,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",pt,[e.modelValue?.request?.prompt?(a(),l("p",dt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),l("span",ut," - ("+i(e.$t("pika.status.pending"))+") ",1)),w?.state==="processing"||w?.state==="pending"?(a(),l("span",mt," - ("+i(e.$t("pika.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",ft,[r("div",_t,[t(u,{"model-value":w},null,8,["model-value"])]),w?(a(),l("div",ht,[t(y,{class:"box-item",effect:"dark",content:e.$t("pika.message.downloadVideo"),placement:"top-start"},{default:m(()=>[w?.video_url?(a(),I(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:Lt=>e.onDownload(w?.video_url)},{default:m(()=>[h(i(e.$t("pika.button.download")),1)]),_:2},1032,["onClick"])):$("",!0)]),_:2},1032,["content"])])):$("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:m(()=>[e.modelValue?.request?.model?(a(),l("p",$t,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.model"))+": "+i(e.modelValue?.request?.model),1)])):$("",!0),r("p",gt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),l("div",kt,[t(E,{closable:!1,class:"failure"},{template:m(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",bt,[t(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("pika.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(f,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),r("p",yt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(f,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),!e.modelValue?.response||w?.state==="processing"||w?.state==="pending"?(a(),l("div",wt,[t(E,{closable:!1,class:"info"},{template:m(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",Vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])]))),128)}const Et=k(nt,[["render",It],["__scopeId","data-v-4c2810f1"]]),St=g({name:"RecentPanel",components:{TaskPreview:Et,BotPlaceholder:le,NoTasks:ee},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Ct={key:0},Tt={key:1,class:"tasks h-full w-full overflow-y-auto"},At={key:2,class:"w-full h-full flex items-center justify-center"};function Pt(e,o,c,d,v,b){const p=s("bot-placeholder"),u=s("task-preview"),n=s("no-tasks");return a(),l(S,null,[e.tasks?.items===void 0?(a(),l("div",Ct,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),l("div",Tt,[(a(!0),l(S,null,C(e.tasks?.items,(y,_)=>(a(),I(u,{key:_,"model-value":y},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(a(),l("div",At,[t(n)])):$("",!0)],64)}const Ut=k(St,[["render",Pt]]),Rt="https://webhook.acedata.cloud/pika",Dt=g({name:"PikaIndex",components:{ConfigPanel:xe,Layout:me,RecentPanel:Ut},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pika?.status?.getApplications===D.Request},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===D.Request},needApply(){return this.$store.state.pika.status.getApplications===D.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pika/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pika/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){K.create({application:this.application}).then(({data:e})=>{this.application=e,V.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===H&&V.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:c,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",c,"createdAtMax",d),await this.$store.dispatch("pika/getTasks",{limit:o,createdAtMin:c,createdAtMax:d})},async onGenerate(){const e={...this.config,callback_url:Rt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("pika.message.startingTask")),N.generate(e,{token:o}).then(()=>{V.success(this.$t("pika.message.startTaskSuccess")),this.$store.commit("pika/setConfig",{config:void 0})}).catch(c=>{c?.response?.data?.error?.code===F?V.error(this.$t("pika.message.usedUp")):V.error(this.$t("pika.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Gt(e,o,c,d,v,b){const p=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),I(n,null,{config:m(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[t(u,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const vo=k(Dt,[["render",Gt],["__scopeId","data-v-bc973743"]]);export{vo as default};
|
|
1
|
+
import{F as T}from"./index.es-B92faSi8.js";import{E as A}from"./index-CgzNR6Br.js";import{E as M}from"./index-C1h2SbZU.js";import{d as g,h as k,b as l,t as r,k as t,r as R,j as m,l as s,o as a,er as O,x as i,F as S,v as C,i as I,es as j,D as h,et as B,c9 as z,y as $,n as P,eu as N,du as F,dh as K,dp as H,dq as D}from"./index-BZbKTMK3.js";import{I as G}from"./InfoIcon-DhMpzlKc.js";import{E as J}from"./index-CbPHeT3X.js";import{E as L,a as q}from"./index-BNbrEyG8.js";import{a as Q,E as W}from"./index-bAhdShMo.js";import{I as X}from"./ImagePreview-BvPOSpDB.js";import{E as Y}from"./index-yxRIEND6.js";import{E as V}from"./index-hrpdMjUu.js";import{E as Z}from"./index-DSYfQpVb.js";import{C as x,N as ee}from"./NoTasks-DmNkmZBC.js";import{a as te}from"./price-B8COZ-j4.js";import{C as oe}from"./CopyToClipboard-CuCD6yxS.js";import{s as se}from"./vue-plyr-QZFBikSk.js";import{E as ae}from"./index-BDYxvVsV.js";import{E as ne}from"./index-D0cZ5BM8.js";import{E as ie}from"./index-Cu3La3dR.js";import{B as le}from"./BotPlaceholder-6rksUZSI.js";import"./use-form-item-9EKLSUpL.js";import"./index-r5W6hzzQ.js";import"./index-CZi_rDaW.js";import"./index-BKJPB7EB.js";import"./typescript-CkR2OWnN.js";import"./strings-BQbdUIFn.js";import"./castArray-BeCWKAC7.js";import"./isEqual-DIgYivsv.js";import"./_initCloneObject-DL2KWEpg.js";import"./debounce-kw1MDyXj.js";import"./_baseIteratee-LzESfPbZ.js";import"./index-Tp13-pBQ.js";import"./index-oeBw24Ll.js";import"./_baseClone-CyEUgRjr.js";import"./index-CjhBlm5C.js";import"./index-Rl2p1NyF.js";const re=g({name:"LayoutPika",components:{ElDrawer:M,ElButton:A,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ce={class:"main flex flex-row flex-1"},pe={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},de={class:"result h-full p-[15px] flex-1 flex flex-col"};function ue(e,o,c,d,v,b){const p=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),l("div",ce,[r("div",pe,[R(e.$slots,"config",{},void 0,!0)]),r("div",de,[R(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=y=>e.drawer=!0)},{default:m(()=>[t(p,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=y=>e.drawer=y),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const me=k(re,[["render",ue],["__scopeId","data-v-80748529"]]),fe=g({name:"IngredientsSelector",components:{ElSwitch:J,InfoIcon:G},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug("set ingredients",e),e||this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,model:"2.0"})}}},mounted(){this.value===void 0&&(this.value=O)}}),_e={class:"field"},he={class:"title font-bold"};function $e(e,o,c,d,v,b){const p=s("el-switch"),u=s("info-icon");return a(),l("div",_e,[r("h2",he,i(e.$t("pika.name.ingredients")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"]),t(u,{content:e.$t("pika.description.ingredients"),class:"info"},null,8,["content"])])}const ge=k(fe,[["render",$e],["__scopeId","data-v-17c0af5c"]]),ke=g({name:"EffectSelector",components:{ElSelect:q,ElOption:L},data(){return{}},computed:{options(){return[{value:"Levitate",label:this.$t("pika.style.effect1")},{value:"Decapitate",label:this.$t("pika.style.effect2")},{value:"Eye-pop",label:this.$t("pika.style.effect3")},{value:"Ta-da",label:this.$t("pika.style.effect4")},{value:"Deflate",label:this.$t("pika.style.effect5")},{value:"Crumble",label:this.$t("pika.style.effect6")},{value:"Dissolve",label:this.$t("pika.style.effect7")},{value:"Squish",label:this.$t("pika.style.effect8")},{value:"Inflate",label:this.$t("pika.style.effect9")},{value:"Melt",label:this.$t("pika.style.effect10")},{value:"Cake-ify",label:this.$t("pika.style.effect11")},{value:"Crush",label:this.$t("pika.style.effect12")},{value:"Explode",label:this.$t("pika.style.effect13")}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,effect:e})}}}}),ve={class:"field"},be={class:"title font-bold"},ye={class:"float-left"};function we(e,o,c,d,v,b){const p=s("el-option"),u=s("el-select");return a(),l("div",ve,[r("h2",be,i(e.$t("pika.name.effect")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.label,value:n.value},{default:m(()=>[r("span",ye,i(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=k(ke,[["render",we],["__scopeId","data-v-d1c54475"]]),Ie=g({name:"IngredientsModelSelector",components:{ElRadioButton:W,ElRadioGroup:Q},data(){return{options:[{label:this.$t("pika.button.precise"),value:"precise"},{label:this.$t("pika.button.creative"),value:"creative"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||(this.value=j)}}),Ee={class:"field"},Se={class:"title font-bold"};function Ce(e,o,c,d,v,b){const p=s("el-radio-button"),u=s("el-radio-group");return a(),l("div",Ee,[r("h2",Se,i(e.$t("pika.name.ingredientsModel")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),size:"small",class:"quality"},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.value},{default:m(()=>[h(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const Te=k(Ie,[["render",Ce],["__scopeId","data-v-b948551f"]]),Ae=g({name:"ModelSelector",components:{ElSelect:q,ElOption:L},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"2.0",label:"2.0"},{value:"1.5",label:"1.5"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||(this.value=B)}}),Pe={class:"field"},Ue={class:"title font-bold"};function Re(e,o,c,d,v,b){const p=s("el-option"),u=s("el-select");return a(),l("div",Pe,[r("h2",Ue,i(e.$t("pika.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:m(()=>[(a(!0),l(S,null,C(e.options,n=>(a(),I(p,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=k(Ae,[["render",Re],["__scopeId","data-v-7b2e870a"]]),Ge=g({name:"ImageUrlInput",components:{ElUpload:Y,ElButton:A,InfoIcon:G,ImagePreview:X,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:z()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("pika.message.uploadStartImageExceed"))},onError(){V.error(this.$t("pika.message.uploadStartImageError"))},async onRemove(){V.error(this.$t("pika.message.uploadStartImageError"))},onSetStartImageUrl(){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Le={class:"field"},qe={class:"title font-bold"},Me={class:"upload-wrapper"};function Oe(e,o,c,d,v,b){const p=s("image-preview"),u=s("font-awesome-icon"),n=s("el-button"),y=s("el-upload"),_=s("info-icon");return a(),l("div",Le,[r("h2",qe,i(e.$t("pika.name.imageUrl")),1),r("div",Me,[t(y,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:3,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:f})=>[t(p,{url:f.url||f.response?.file_url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[t(n,{size:"small",type:"primary",round:""},{default:m(()=>[t(u,{icon:"fa-solid fa-upload",class:"mr-1"}),h(" "+i(e.$t("pika.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])]),t(_,{content:e.$t("pika.description.imageUrl"),class:"info"},null,8,["content"])])}const je=k(Ge,[["render",Oe],["__scopeId","data-v-18cda67a"]]),Be="",ze=g({name:"PromptInput",components:{ElInput:Z,InfoIcon:G},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Be)}}),Ne={class:"field"},Fe={class:"box"},Ke={class:"title font-bold"};function He(e,o,c,d,v,b){const p=s("info-icon"),u=s("el-input");return a(),l("div",Ne,[r("div",Fe,[r("h2",Ke,i(e.$t("pika.name.prompt")),1),t(p,{content:e.$t("pika.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pika.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Je=k(ze,[["render",He],["__scopeId","data-v-b94e7a3e"]]),Qe=g({name:"PresetPanel",components:{ImageUrlInput:je,ElButton:A,FontAwesomeIcon:T,Consumption:x,PromptInput:Je,IngredientsSelector:ge,IngredientsModelSelector:Te,ModelSelector:De,EffectSelector:Ve},emits:["generate"],computed:{config(){return this.$store.state.pika?.config},consumption(){return te(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit("generate")}}}),We={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-[15px]"},Ye={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ze(e,o,c,d,v,b){const p=s("prompt-input"),u=s("model-selector"),n=s("ingredients-selector"),y=s("effect-selector"),_=s("image-url-input"),f=s("ingredients-model-selector"),E=s("consumption"),w=s("font-awesome-icon"),U=s("el-button");return a(),l("div",We,[r("div",Xe,[t(p,{class:"mb-4"}),t(u,{class:"mb-4"}),t(n,{class:"mb-4"}),t(y,{class:"mb-4"}),e.config?.ingredients?(a(),I(_,{key:0,class:"mb-4"})):$("",!0),e.config?.ingredients?(a(),I(f,{key:1,class:"mb-4"})):$("",!0)]),r("div",Ye,[t(E,{value:e.consumption,service:e.service},null,8,["value","service"]),t(U,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(w,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("pika.button.generate")),1)]),_:1},8,["onClick"])])])}const xe=k(Qe,[["render",Ze]]),et=g({name:"VideoPlayer",components:{VuePlyr:se},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:"1080p"}}}}}),tt=["data-poster"],ot=["src"];function st(e,o,c,d,v,b){const p=s("vue-plyr");return a(),l("div",null,[t(p,{options:e.options,class:"video"},{default:m(()=>[r("video",{controls:"",crossorigin:"",playsinline:"","data-poster":e.modelValue?.image_url},[r("source",{size:"1080",src:e.modelValue?.video_url,type:"video/mp4"},null,8,ot)],8,tt)]),_:1},8,["options"])])}const at=k(et,[["render",st],["__scopeId","data-v-fc420430"]]),nt=g({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:oe,FontAwesomeIcon:T,ElAlert:ne,VideoPlayer:at,ElTooltip:ae,ElButton:A},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(c=>{let d=c;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e){console.log("on download"),window.open(e,"_blank")},onReload(e){const o=e.target,c=new URL(o.src),d=c.searchParams.get("retry");if(!d)c.searchParams.set("retry","1");else if(parseInt(d)<2)c.searchParams.set("retry",(parseInt(d)+1).toString());else return;o.src=c.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),it={class:"left"},lt={class:"main"},rt={class:"bot"},ct={class:"datetime"},pt={class:"info"},dt={key:0,class:"prompt mt-2"},ut={key:0},mt={key:1},ft={key:0,class:P({content:!0,failed:!0})},_t={class:"image-wrapper"},ht={key:0,class:P({operations:!0,"mt-2":!0})},$t={key:0,class:"description"},gt={class:"description"},kt={key:1,class:P({content:!0})},vt={class:"description"},bt={class:"description"},yt={class:"description"},wt={key:2,class:P({content:!0})},Vt={class:"description"};function It(e,o,c,d,v,b){const p=s("el-image"),u=s("VideoPlayer"),n=s("el-button"),y=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return a(!0),l(S,null,C(e.videos,(w,U)=>(a(),l("div",{key:U,class:"preview"},[r("div",it,[t(p,{src:"https://cdn.acedata.cloud/i80tgn.png",class:"avatar"})]),r("div",lt,[r("div",rt,[h(i(e.$t("pika.name.pikaBot"))+" ",1),r("span",ct,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",pt,[e.modelValue?.request?.prompt?(a(),l("p",dt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),l("span",ut," - ("+i(e.$t("pika.status.pending"))+") ",1)),w?.state==="processing"||w?.state==="pending"?(a(),l("span",mt," - ("+i(e.$t("pika.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",ft,[r("div",_t,[t(u,{"model-value":w},null,8,["model-value"])]),w?(a(),l("div",ht,[t(y,{class:"box-item",effect:"dark",content:e.$t("pika.message.downloadVideo"),placement:"top-start"},{default:m(()=>[w?.video_url?(a(),I(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:Lt=>e.onDownload(w?.video_url)},{default:m(()=>[h(i(e.$t("pika.button.download")),1)]),_:2},1032,["onClick"])):$("",!0)]),_:2},1032,["content"])])):$("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:m(()=>[e.modelValue?.request?.model?(a(),l("p",$t,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.model"))+": "+i(e.modelValue?.request?.model),1)])):$("",!0),r("p",gt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),l("div",kt,[t(E,{closable:!1,class:"failure"},{template:m(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",bt,[t(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("pika.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(f,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),r("p",yt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(f,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),!e.modelValue?.response||w?.state==="processing"||w?.state==="pending"?(a(),l("div",wt,[t(E,{closable:!1,class:"info"},{template:m(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",Vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])]))),128)}const Et=k(nt,[["render",It],["__scopeId","data-v-4c2810f1"]]),St=g({name:"RecentPanel",components:{TaskPreview:Et,BotPlaceholder:le,NoTasks:ee},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Ct={key:0},Tt={key:1,class:"tasks h-full w-full overflow-y-auto"},At={key:2,class:"w-full h-full flex items-center justify-center"};function Pt(e,o,c,d,v,b){const p=s("bot-placeholder"),u=s("task-preview"),n=s("no-tasks");return a(),l(S,null,[e.tasks?.items===void 0?(a(),l("div",Ct,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),l("div",Tt,[(a(!0),l(S,null,C(e.tasks?.items,(y,_)=>(a(),I(u,{key:_,"model-value":y},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(a(),l("div",At,[t(n)])):$("",!0)],64)}const Ut=k(St,[["render",Pt]]),Rt="https://webhook.acedata.cloud/pika",Dt=g({name:"PikaIndex",components:{ConfigPanel:xe,Layout:me,RecentPanel:Ut},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pika?.status?.getApplications===D.Request},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===D.Request},needApply(){return this.$store.state.pika.status.getApplications===D.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pika/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pika/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){K.create({application:this.application}).then(({data:e})=>{this.application=e,V.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===H&&V.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:c,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",c,"createdAtMax",d),await this.$store.dispatch("pika/getTasks",{limit:o,createdAtMin:c,createdAtMax:d})},async onGenerate(){const e={...this.config,callback_url:Rt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("pika.message.startingTask")),N.generate(e,{token:o}).then(()=>{V.success(this.$t("pika.message.startTaskSuccess")),this.$store.commit("pika/setConfig",{config:void 0})}).catch(c=>{c?.response?.data?.error?.code===F?V.error(this.$t("pika.message.usedUp")):V.error(this.$t("pika.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Gt(e,o,c,d,v,b){const p=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),I(n,null,{config:m(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[t(u,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const vo=k(Dt,[["render",Gt],["__scopeId","data-v-bc973743"]]);export{vo as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as V}from"./index.es-CcpVHvSx.js";import{E as G}from"./index-CkGfGBH1.js";import{E as P}from"./index-ZR2WC3y6.js";import{d as v,h as b,b as l,t as c,k as t,r as C,j as p,l as a,o,c9 as L,x as i,D as _,F as I,v as T,i as E,n as S,c as D,y as $,f1 as j,du as z,dh as O,dp as B,dq as A}from"./index-IUOnFE33.js";import{I as q}from"./InfoIcon-DJgGdcM4.js";import{I as M}from"./ImagePreview-DpKPZpzN.js";import{E as F}from"./index-DLEpULvj.js";import{E as w}from"./index-Dgon4P8g.js";import{a as N,E as H}from"./index-IPLndquX.js";import{E as U}from"./index-DSNMx2cO.js";import{E as J,a as K}from"./index-ayOK3esB.js";import{A as Q}from"./Status-C1VcHGOO.js";import{C as W}from"./CopyToClipboard-D10YM_7m.js";import{E as X}from"./index-CF5Kx3lT.js";import{a as Y,E as Z}from"./index-CwsOuzih.js";import"./use-form-item-DNI3l--g.js";import"./index-r5W6hzzQ.js";import"./index-1fW-uAwf.js";import"./index-aLPamwRW.js";import"./typescript-CrbS__OB.js";import"./index-D9ZkPdjT.js";import"./_baseClone-DfZip4NQ.js";import"./_initCloneObject-BNJJfRAs.js";import"./isEqual-DT9q1wUz.js";import"./debounce-DUU4g0Vw.js";import"./index-3NDJx6NE.js";import"./strings-ByIYpJrS.js";import"./isPlainObject-_HKxhcoH.js";const x=v({name:"LayoutHeadshots",components:{ElDrawer:P,ElButton:G,FontAwesomeIcon:V},data(){return{drawer:!1}}}),ee={class:"main flex flex-row flex-1"},te={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},se={class:"result h-full p-[15px] flex-1 flex flex-col"};function oe(e,s,m,u,y,k){const d=a("font-awesome-icon"),h=a("el-button"),n=a("el-drawer");return o(),l("div",ee,[c("div",te,[C(e.$slots,"config",{},void 0,!0)]),c("div",se,[C(e.$slots,"result",{},void 0,!0)]),t(h,{circle:"",class:"menu",onClick:s[0]||(s[0]=r=>e.drawer=!0)},{default:p(()=>[t(d,{icon:"fa-solid fa-gear"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=r=>e.drawer=r),"with-header":!1,size:"340px",class:"drawer"},{default:p(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ae=b(x,[["render",oe],["__scopeId","data-v-21e11492"]]),ne=v({name:"ImageUrlsInput",components:{ElUpload:F,ElButton:G,InfoIcon:q,ImagePreview:M,FontAwesomeIcon:V},data(){return{fileList:[],uploadUrl:L()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ie={class:"field"},le={class:"title font-bold"},re={class:"upload-wrapper"};function ce(e,s,m,u,y,k){const d=a("image-preview"),h=a("font-awesome-icon"),n=a("el-button"),r=a("el-upload"),f=a("info-icon");return o(),l("div",ie,[c("h2",le,i(e.$t("headshots.name.endImageUrls")),1),c("div",re,[t(r,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:R=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:p(()=>[t(n,{size:"small",type:"primary",round:""},{default:p(()=>[t(h,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),t(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const de=b(ne,[["render",ce],["__scopeId","data-v-1690629a"]]),pe="fast",me=v({name:"ModeSelector",components:{ElRadioButton:H,ElRadioGroup:N},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=pe)}}),ue={class:"field"},he={class:"title font-bold"};function fe(e,s,m,u,y,k){const d=a("el-radio-button"),h=a("el-radio-group");return o(),l("div",ue,[c("h2",he,i(e.$t("headshots.name.mode")),1),t(h,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),size:"small",class:"mode"},{default:p(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(d,{key:n.value,label:n.value},{default:p(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const _e=b(me,[["render",fe],["__scopeId","data-v-a2a0d5fa"]]),ge=v({name:"StylizeSelector",components:{ElTabs:K,ElTabPane:J,ElImage:U},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),$e={class:"field"},ve=["onClick"],be={class:"name"};function ye(e,s,m,u,y,k){const d=a("el-image"),h=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",$e,[t(n,{modelValue:e.tab,"onUpdate:modelValue":s[0]||(s[0]=r=>e.tab=r)},{default:p(()=>[(o(!0),l(I,null,T(e.elements,(r,f)=>(o(),E(h,{key:f,label:r.displayName,name:f,class:"pane"},{default:p(()=>[(o(!0),l(I,null,T(r.items,(g,R)=>(o(),l("div",{key:R,class:S({item:!0,active:e.value===g.value}),onClick:ft=>e.onToggle(g.value)},[t(d,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),c("span",be,i(g.label),1)],10,ve))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const ke=b(ge,[["render",ye],["__scopeId","data-v-be4bd25d"]]),we=v({name:"PresetPanel",components:{ModeSelector:_e,ImageUrlsInput:de,ElButton:G,FontAwesomeIcon:V,ElementsSelector:ke},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Ie={class:"panel"},Te={class:"config"},Se={class:"actions"};function Ve(e,s,m,u,y,k){const d=a("elements-selector"),h=a("mode-selector"),n=a("image-urls-input"),r=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Ie,[c("div",Te,[t(d,{class:"mb-4"}),t(h,{class:"mb-4"}),t(n,{class:"mb-4"}),c("div",Se,[t(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(r,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Ee=b(we,[["render",Ve],["__scopeId","data-v-78172a54"]]),Ce=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:D(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:u=>{window.open(u,"_blank")}}}}),Ae={class:"image-gallery"},Ge=["src"],Re=["onClick"];function Ue(e,s,m,u,y,k){return o(),l("div",Ae,[(o(!0),l(I,null,T(e.images,(d,h)=>(o(),l("div",{key:h,class:"image-container"},[c("img",{src:d.image_url,alt:"Image"},null,8,Ge),d.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(d.image_url)},i(e.$t("headshots.button.viewImage")),9,Re)):$("",!0)]))),128))])}const Pe=b(Ce,[["render",Ue],["__scopeId","data-v-03641510"]]),Le=v({name:"TaskPreview",components:{ElImage:U,CopyToClipboard:W,FontAwesomeIcon:V,ElAlert:X,ImageGallery:Pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onReload(e){const s=e.target,m=new URL(s.src),u=m.searchParams.get("retry");if(!u)m.searchParams.set("retry","1");else if(parseInt(u)<2)m.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),De={class:"preview"},je={class:"left"},ze={class:"main"},Oe={class:"bot"},Be={class:"datetime"},qe={class:"info"},Me={key:0,class:"prompt mt-2"},Fe={key:0},Ne={key:1},He={key:0,class:S({content:!0,failed:!0})},Je={class:"image-wrapper"},Ke={class:"description"},Qe={key:1,class:S({content:!0})},We={class:"description"},Xe={class:"description"},Ye={class:"description"},Ze={key:2,class:S({content:!0})},xe={class:"description"},et={key:3,class:S({content:!0})},tt={class:"description"};function st(e,s,m,u,y,k){const d=a("el-image"),h=a("image-gallery"),n=a("font-awesome-icon"),r=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",De,[c("div",je,[t(d,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),c("div",ze,[c("div",Oe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),c("span",Be,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",qe,[e.modelValue?.request?.template?(o(),l("p",Me,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",Fe," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Ne," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",He,[c("div",Je,[t(h,{"model-value":e.modelValue},null,8,["model-value"])]),t(f,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",Ke,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Qe,[t(f,{closable:!1,class:"failure"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",We,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Xe,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(r,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),c("p",Ye,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(r,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",Ze,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",xe,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",et,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",tt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const ot=b(Le,[["render",st],["__scopeId","data-v-77229910"]]),at=v({name:"RecentPanel",components:{TaskPreview:ot,ElSkeleton:Z,ElSkeletonItem:Y},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),nt={key:0,class:"tasks"},it={class:"left"},lt={class:"main"},rt={key:1,class:"tasks"},ct={key:2,class:"description"};function dt(e,s,m,u,y,k){const d=a("el-skeleton-item"),h=a("el-skeleton"),n=a("task-preview");return o(),l("div",{ref:"panel",class:"panel recent",onScroll:s[0]||(s[0]=(...r)=>e.onHandleScroll&&e.onHandleScroll(...r))},[e.tasks?.items===void 0?(o(),l("div",nt,[(o(),l(I,null,T(3,r=>c("div",{key:r,class:"task placeholder"},[c("div",it,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"image",class:"avatar"})]),_:1})]),c("div",lt,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"p",class:"title"}),t(d,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",rt,[(o(!0),l(I,null,T(e.tasks?.items,(r,f)=>(o(),E(n,{key:f,"model-value":r,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",ct,i(e.$t("headshots.message.noTasks")),1)):$("",!0)],544)}const pt=b(at,[["render",dt],["__scopeId","data-v-d79bcb1f"]]),mt="https://webhook.acedata.cloud/headshots",ut=v({name:"HeadshotsIndex",components:{ConfigPanel:Ee,Layout:ae,ApplicationStatus:Q,RecentPanel:pt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.headshots?.status?.getApplications===A.Request},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===A.Request},needApply(){return this.$store.state.headshots.status.getApplications===A.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){O.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===B&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:m,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",u),await this.$store.dispatch("headshots/getTasks",{limit:s,createdAtMin:m,createdAtMax:u})},async onGeneratePicture(){const e={...this.config,callback_url:mt},s=this.credential?.token;if(!s){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),j.generate(e,{token:s}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===z?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ht(e,s,m,u,y,k){const d=a("config-panel"),h=a("application-status"),n=a("recent-panel"),r=a("layout");return o(),E(r,null,{config:p(()=>[t(d,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:p(()=>[t(h,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),t(n,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Nt=b(ut,[["render",ht],["__scopeId","data-v-19d3c623"]]);export{Nt as default};
|
|
1
|
+
import{F as V}from"./index.es-B92faSi8.js";import{E as G}from"./index-CgzNR6Br.js";import{E as P}from"./index-C1h2SbZU.js";import{d as v,h as b,b as l,t as c,k as t,r as C,j as p,l as a,o,c9 as L,x as i,D as _,F as I,v as T,i as E,n as S,c as D,y as $,f1 as j,du as z,dh as O,dp as B,dq as A}from"./index-BZbKTMK3.js";import{I as q}from"./InfoIcon-DhMpzlKc.js";import{I as M}from"./ImagePreview-BvPOSpDB.js";import{E as F}from"./index-yxRIEND6.js";import{E as w}from"./index-hrpdMjUu.js";import{a as N,E as H}from"./index-bAhdShMo.js";import{E as U}from"./index-Cu3La3dR.js";import{E as J,a as K}from"./index-CGS5ltjA.js";import{A as Q}from"./Status-BdMCij8k.js";import{C as W}from"./CopyToClipboard-CuCD6yxS.js";import{E as X}from"./index-D0cZ5BM8.js";import{a as Y,E as Z}from"./index-Rl2p1NyF.js";import"./use-form-item-9EKLSUpL.js";import"./index-r5W6hzzQ.js";import"./index-BDYxvVsV.js";import"./index-CZi_rDaW.js";import"./typescript-CkR2OWnN.js";import"./index-oeBw24Ll.js";import"./_baseClone-CyEUgRjr.js";import"./_initCloneObject-DL2KWEpg.js";import"./isEqual-DIgYivsv.js";import"./debounce-kw1MDyXj.js";import"./index-CjhBlm5C.js";import"./strings-BQbdUIFn.js";import"./isPlainObject-DCVZiiY1.js";const x=v({name:"LayoutHeadshots",components:{ElDrawer:P,ElButton:G,FontAwesomeIcon:V},data(){return{drawer:!1}}}),ee={class:"main flex flex-row flex-1"},te={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},se={class:"result h-full p-[15px] flex-1 flex flex-col"};function oe(e,s,m,u,y,k){const d=a("font-awesome-icon"),h=a("el-button"),n=a("el-drawer");return o(),l("div",ee,[c("div",te,[C(e.$slots,"config",{},void 0,!0)]),c("div",se,[C(e.$slots,"result",{},void 0,!0)]),t(h,{circle:"",class:"menu",onClick:s[0]||(s[0]=r=>e.drawer=!0)},{default:p(()=>[t(d,{icon:"fa-solid fa-gear"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=r=>e.drawer=r),"with-header":!1,size:"340px",class:"drawer"},{default:p(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ae=b(x,[["render",oe],["__scopeId","data-v-21e11492"]]),ne=v({name:"ImageUrlsInput",components:{ElUpload:F,ElButton:G,InfoIcon:q,ImagePreview:M,FontAwesomeIcon:V},data(){return{fileList:[],uploadUrl:L()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ie={class:"field"},le={class:"title font-bold"},re={class:"upload-wrapper"};function ce(e,s,m,u,y,k){const d=a("image-preview"),h=a("font-awesome-icon"),n=a("el-button"),r=a("el-upload"),f=a("info-icon");return o(),l("div",ie,[c("h2",le,i(e.$t("headshots.name.endImageUrls")),1),c("div",re,[t(r,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:R=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:p(()=>[t(n,{size:"small",type:"primary",round:""},{default:p(()=>[t(h,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),t(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const de=b(ne,[["render",ce],["__scopeId","data-v-1690629a"]]),pe="fast",me=v({name:"ModeSelector",components:{ElRadioButton:H,ElRadioGroup:N},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=pe)}}),ue={class:"field"},he={class:"title font-bold"};function fe(e,s,m,u,y,k){const d=a("el-radio-button"),h=a("el-radio-group");return o(),l("div",ue,[c("h2",he,i(e.$t("headshots.name.mode")),1),t(h,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),size:"small",class:"mode"},{default:p(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(d,{key:n.value,label:n.value},{default:p(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const _e=b(me,[["render",fe],["__scopeId","data-v-a2a0d5fa"]]),ge=v({name:"StylizeSelector",components:{ElTabs:K,ElTabPane:J,ElImage:U},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),$e={class:"field"},ve=["onClick"],be={class:"name"};function ye(e,s,m,u,y,k){const d=a("el-image"),h=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",$e,[t(n,{modelValue:e.tab,"onUpdate:modelValue":s[0]||(s[0]=r=>e.tab=r)},{default:p(()=>[(o(!0),l(I,null,T(e.elements,(r,f)=>(o(),E(h,{key:f,label:r.displayName,name:f,class:"pane"},{default:p(()=>[(o(!0),l(I,null,T(r.items,(g,R)=>(o(),l("div",{key:R,class:S({item:!0,active:e.value===g.value}),onClick:ft=>e.onToggle(g.value)},[t(d,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),c("span",be,i(g.label),1)],10,ve))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const ke=b(ge,[["render",ye],["__scopeId","data-v-be4bd25d"]]),we=v({name:"PresetPanel",components:{ModeSelector:_e,ImageUrlsInput:de,ElButton:G,FontAwesomeIcon:V,ElementsSelector:ke},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Ie={class:"panel"},Te={class:"config"},Se={class:"actions"};function Ve(e,s,m,u,y,k){const d=a("elements-selector"),h=a("mode-selector"),n=a("image-urls-input"),r=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Ie,[c("div",Te,[t(d,{class:"mb-4"}),t(h,{class:"mb-4"}),t(n,{class:"mb-4"}),c("div",Se,[t(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(r,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Ee=b(we,[["render",Ve],["__scopeId","data-v-78172a54"]]),Ce=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:D(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:u=>{window.open(u,"_blank")}}}}),Ae={class:"image-gallery"},Ge=["src"],Re=["onClick"];function Ue(e,s,m,u,y,k){return o(),l("div",Ae,[(o(!0),l(I,null,T(e.images,(d,h)=>(o(),l("div",{key:h,class:"image-container"},[c("img",{src:d.image_url,alt:"Image"},null,8,Ge),d.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(d.image_url)},i(e.$t("headshots.button.viewImage")),9,Re)):$("",!0)]))),128))])}const Pe=b(Ce,[["render",Ue],["__scopeId","data-v-03641510"]]),Le=v({name:"TaskPreview",components:{ElImage:U,CopyToClipboard:W,FontAwesomeIcon:V,ElAlert:X,ImageGallery:Pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onReload(e){const s=e.target,m=new URL(s.src),u=m.searchParams.get("retry");if(!u)m.searchParams.set("retry","1");else if(parseInt(u)<2)m.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),De={class:"preview"},je={class:"left"},ze={class:"main"},Oe={class:"bot"},Be={class:"datetime"},qe={class:"info"},Me={key:0,class:"prompt mt-2"},Fe={key:0},Ne={key:1},He={key:0,class:S({content:!0,failed:!0})},Je={class:"image-wrapper"},Ke={class:"description"},Qe={key:1,class:S({content:!0})},We={class:"description"},Xe={class:"description"},Ye={class:"description"},Ze={key:2,class:S({content:!0})},xe={class:"description"},et={key:3,class:S({content:!0})},tt={class:"description"};function st(e,s,m,u,y,k){const d=a("el-image"),h=a("image-gallery"),n=a("font-awesome-icon"),r=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",De,[c("div",je,[t(d,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),c("div",ze,[c("div",Oe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),c("span",Be,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",qe,[e.modelValue?.request?.template?(o(),l("p",Me,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",Fe," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Ne," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",He,[c("div",Je,[t(h,{"model-value":e.modelValue},null,8,["model-value"])]),t(f,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",Ke,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Qe,[t(f,{closable:!1,class:"failure"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",We,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Xe,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(r,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),c("p",Ye,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(r,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",Ze,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",xe,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",et,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",tt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const ot=b(Le,[["render",st],["__scopeId","data-v-77229910"]]),at=v({name:"RecentPanel",components:{TaskPreview:ot,ElSkeleton:Z,ElSkeletonItem:Y},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),nt={key:0,class:"tasks"},it={class:"left"},lt={class:"main"},rt={key:1,class:"tasks"},ct={key:2,class:"description"};function dt(e,s,m,u,y,k){const d=a("el-skeleton-item"),h=a("el-skeleton"),n=a("task-preview");return o(),l("div",{ref:"panel",class:"panel recent",onScroll:s[0]||(s[0]=(...r)=>e.onHandleScroll&&e.onHandleScroll(...r))},[e.tasks?.items===void 0?(o(),l("div",nt,[(o(),l(I,null,T(3,r=>c("div",{key:r,class:"task placeholder"},[c("div",it,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"image",class:"avatar"})]),_:1})]),c("div",lt,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"p",class:"title"}),t(d,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",rt,[(o(!0),l(I,null,T(e.tasks?.items,(r,f)=>(o(),E(n,{key:f,"model-value":r,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",ct,i(e.$t("headshots.message.noTasks")),1)):$("",!0)],544)}const pt=b(at,[["render",dt],["__scopeId","data-v-d79bcb1f"]]),mt="https://webhook.acedata.cloud/headshots",ut=v({name:"HeadshotsIndex",components:{ConfigPanel:Ee,Layout:ae,ApplicationStatus:Q,RecentPanel:pt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.headshots?.status?.getApplications===A.Request},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===A.Request},needApply(){return this.$store.state.headshots.status.getApplications===A.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){O.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===B&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:m,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",u),await this.$store.dispatch("headshots/getTasks",{limit:s,createdAtMin:m,createdAtMax:u})},async onGeneratePicture(){const e={...this.config,callback_url:mt},s=this.credential?.token;if(!s){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),j.generate(e,{token:s}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===z?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ht(e,s,m,u,y,k){const d=a("config-panel"),h=a("application-status"),n=a("recent-panel"),r=a("layout");return o(),E(r,null,{config:p(()=>[t(d,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:p(()=>[t(h,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),t(n,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Nt=b(ut,[["render",ht],["__scopeId","data-v-19d3c623"]]);export{Nt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as S}from"./index.es-CcpVHvSx.js";import{E as I}from"./index-CkGfGBH1.js";import{E as O}from"./index-ZR2WC3y6.js";import{d as v,h as b,b as u,t as n,k as t,r as T,j as m,l as s,o as a,en as q,x as i,eo as N,ep as H,c9 as j,D as g,i as k,y as f,n as C,ak as z,F as D,v as K,eq as J,du as Q,dq as W}from"./index-IUOnFE33.js";import{I as U}from"./InfoIcon-DJgGdcM4.js";import{E as A}from"./index-CkSqGmwg.js";import{I as F}from"./ImagePreview-DpKPZpzN.js";import{E as R}from"./index-DLEpULvj.js";import{E}from"./index-Dgon4P8g.js";import{F as X}from"./FilePreview-_imIFzEr.js";import{E as Y}from"./index-BlfhaCBe.js";import{V as M}from"./VideoPlayer-DAFte4NK.js";import{C as Z,N as x}from"./NoTasks-BAFsp5y-.js";import{a as ee}from"./price-BmpkejfA.js";import{C as te}from"./CopyToClipboard-D10YM_7m.js";import{E as oe}from"./index-1fW-uAwf.js";import{E as se}from"./index-CF5Kx3lT.js";import{E as ne}from"./index-DSNMx2cO.js";import{B as ae}from"./BotPlaceholder-C-r3HBsb.js";import"./use-form-item-DNI3l--g.js";import"./index-r5W6hzzQ.js";import"./index-aLPamwRW.js";import"./index-D9ZkPdjT.js";import"./typescript-CrbS__OB.js";import"./_baseClone-DfZip4NQ.js";import"./_initCloneObject-BNJJfRAs.js";import"./isEqual-DT9q1wUz.js";import"./index-3NDJx6NE.js";import"./vue-plyr-QZFBikSk.js";import"./debounce-DUU4g0Vw.js";import"./index-CwsOuzih.js";const le=v({name:"LayoutLuma",components:{ElDrawer:O,ElButton:I,FontAwesomeIcon:S},data(){return{drawer:!1}}}),ie={class:"main flex flex-row flex-1"},re={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ce={class:"result h-full p-[15px] flex-1 flex flex-col"};function ue(e,o,p,h,w,y){const r=s("font-awesome-icon"),d=s("el-button"),c=s("el-drawer");return a(),u("div",ie,[n("div",re,[T(e.$slots,"config",{},void 0,!0)]),n("div",ce,[T(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]||(o[0]=_=>e.drawer=!0)},{default:m(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(c,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px",class:"drawer"},{default:m(()=>[T(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const me=b(le,[["render",ue],["__scopeId","data-v-11a53e0c"]]),de=v({name:"EnhancementSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug("set enhancement",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=q)}}),pe={class:"relative"},fe={class:"flex justify-between"},_e={class:"flex justify-start items-center"},he={class:"text-sm font-bold"},$e={class:"flex justify-end items-center"};function ge(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),u("div",pe,[n("div",fe,[n("div",_e,[n("span",he,i(e.$t("luma.name.enhancement")),1),t(r,{content:e.$t("luma.description.enhancement")},null,8,["content"])]),n("div",$e,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const ve=b(de,[["render",ge]]),be=v({name:"CustomSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug("set custom",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=N)}}),we={class:"relative"},ye={class:"flex justify-between"},ke={class:"flex justify-start items-center"},Ee={class:"text-sm font-bold"},Ve={class:"flex justify-end items-center"};function Ue(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),u("div",we,[n("div",ye,[n("div",ke,[n("span",Ee,i(e.$t("luma.name.custom")),1),t(r,{content:e.$t("luma.description.custom")},null,8,["content"])]),n("div",Ve,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const Se=b(be,[["render",Ue]]),Ie=v({name:"LoopSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug("set loop",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=H)}}),Le={class:"relative"},Ce={class:"flex justify-between"},Te={class:"flex justify-start items-center"},je={class:"text-sm font-bold"},Ae={class:"flex justify-end items-center"};function Re(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),u("div",Le,[n("div",Ce,[n("div",Te,[n("span",je,i(e.$t("luma.name.loop")),1),t(r,{content:e.$t("luma.description.loop")},null,8,["content"])]),n("div",Ae,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const Ge=b(Ie,[["render",Re]]),Pe=v({name:"EndImage",components:{ElUpload:R,ElButton:I,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),ze={class:"relative"},De={class:"flex justify-between"},Fe={class:"flex justify-start items-center"},Me={class:"text-sm font-bold"};function Be(e,o,p,h,w,y){const r=s("info-icon"),d=s("image-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),u("div",ze,[n("div",De,[n("div",Fe,[n("span",Me,i(e.$t("luma.name.endImageUrl")),1),t(r,{content:e.$t("luma.description.endImageUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=l=>e.fileList=l),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:l})=>[l.url&&l.percentage!==void 0?(a(),k(d,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadEndImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Oe=b(Pe,[["render",Be],["__scopeId","data-v-7ab78c3e"]]),qe=v({name:"StartImage",components:{ElUpload:R,ElButton:I,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ne={class:"relative"},He={class:"flex justify-between"},Ke={class:"flex justify-start items-center"},Je={class:"text-sm font-bold"};function Qe(e,o,p,h,w,y){const r=s("info-icon"),d=s("image-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),u("div",Ne,[n("div",He,[n("div",Ke,[n("span",Je,i(e.$t("luma.name.startImageUrl")),1),t(r,{content:e.$t("luma.description.startImageUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=l=>e.fileList=l),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:l})=>[l.percentage!=null?(a(),k(d,{key:0,url:l.url||l.response.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const We=b(qe,[["render",Qe],["__scopeId","data-v-425a8cec"]]),Xe=v({name:"UploadVideo",components:{ElUpload:R,ElButton:I,InfoIcon:U,FilePreview:X,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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.luma?.config?.video_url},set(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||(this.value=void 0)},methods:{onExceed(){E.warning(this.$t("luma.message.uploadVideoExceed"))},onError(){E.error(this.$t("luma.message.uploadVideoError"))},beforeUpload(e){const o=e.type==="video/mp4",p=e.size/1024/1024<10;return o?p?!0:(E.error(this.$t("luma.message.uploadVideoSizeExceed")),!1):(E.error(this.$t("luma.message.uploadVideoTypeFailed")),!1)},onSetVideoUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e,action:"extend"})},async onSuccess(){this.onSetVideoUrl()}}}),Ye={class:"relative"},Ze={class:"flex justify-between"},xe={class:"flex justify-start items-center"},et={class:"text-sm font-bold"};function tt(e,o,p,h,w,y){const r=s("info-icon"),d=s("file-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),u("div",Ye,[n("div",Ze,[n("div",xe,[n("span",et,i(e.$t("luma.name.videoUrl")),1),t(r,{content:e.$t("luma.description.videoUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=l=>e.fileList=l),accept:".mp4",name:"file",class:"value","show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:l})=>[l.percentage!=null?(a(),k(d,{key:0,url:l.url||l.response?.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadVideoUrl")),1)]),_:1})]),_:1},8,["file-list","action","before-upload","on-exceed","on-error","on-success","headers"])])}const ot=b(Xe,[["render",tt],["__scopeId","data-v-74e51526"]]),st="",nt=v({name:"PromptInput",components:{ElInput:Y,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=st)}}),at={class:"field"},lt={class:"box"},it={class:"title font-bold"};function rt(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-input");return a(),u("div",at,[n("div",lt,[n("h2",it,i(e.$t("luma.name.prompt")),1),t(r,{content:e.$t("luma.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=c=>e.prompt=c),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("luma.placeholder.prompt"),maxlength:2e3,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ct=b(nt,[["render",rt],["__scopeId","data-v-e8284075"]]),ut=v({name:"ExtendFromInput",components:{VideoPlayer:M},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.luma?.config}}}),mt={class:"relative"},dt={class:"flex mb-2"},pt={class:"text-sm font-bold"};function ft(e,o,p,h,w,y){const r=s("video-player");return a(),u("div",mt,[n("div",dt,[n("span",pt,i(e.$t("luma.name.extend")),1)]),n("div",null,[e.config?.video_url?(a(),k(r,{key:0,src:e.config?.video_url},null,8,["src"])):f("",!0)])])}const _t=b(ut,[["render",ft]]),ht=v({name:"ConfigPanel",components:{LoopSelector:Ge,StartImageInput:We,EndImageInput:Oe,EnhancementSelector:ve,ElButton:I,FontAwesomeIcon:S,PromptInput:ct,ExtendFromInput:_t,CustomSelector:Se,UploadVideo:ot,Consumption:Z},emits:["generate"],computed:{config(){return this.$store.state.luma?.config},consumption(){return ee(this.config,this.service?.metadata?.price)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},gt={class:"flex-1 overflow-y-auto p-[15px]"},vt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function bt(e,o,p,h,w,y){const r=s("extend-from-input"),d=s("prompt-input"),c=s("custom-selector"),_=s("upload-video"),$=s("start-image-input"),l=s("end-image-input"),V=s("enhancement-selector"),L=s("loop-selector"),B=s("consumption"),G=s("font-awesome-icon"),P=s("el-button");return a(),u("div",$t,[n("div",gt,[e.config?.video_id||e.config?.video_url?(a(),k(r,{key:0,class:"mb-4"})):f("",!0),t(d,{class:"mb-4"}),e.config?.video_id?f("",!0):(a(),k(c,{key:1,class:"mb-4"})),e.config?.custom?(a(),k(_,{key:2,class:"mb-4"})):f("",!0),!(e.config?.video_id||e.config?.video_url)&&!e.config?.custom?(a(),k($,{key:3,class:"mb-4"})):f("",!0),t(l,{class:"mb-4"}),t(V,{class:"mb-4"}),t(L,{class:"mb-4"})]),n("div",vt,[t(B,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(a(),k(P,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.extend")),1)]),_:1},8,["onClick"])):(a(),k(P,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.generate")),1)]),_:1},8,["onClick"]))])])}const wt=b(ht,[["render",bt]]),yt=v({name:"TaskPreview",components:{ElImage:ne,CopyToClipboard:te,FontAwesomeIcon:S,ElAlert:se,VideoPlayer:M,ElTooltip:oe,ElButton:I},props:{modelValue:{type:Object,required:!0}},emits:["extend"],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,o){console.debug("set config",o),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_id:o.video_id,prompt:o.prompt,action:"extend",thumbnail_url:o.thumbnail_url,video_url:o.video_url}),this.$emit("extend")},onDownload(e){window.open(e,"_blank")}}}),kt={class:"preview"},Et={class:"left"},Vt={class:"main"},Ut={class:"bot"},St={class:"datetime"},It={class:"info"},Lt={key:0,class:"prompt mt-2"},Ct={key:0},Tt={key:1},jt={key:0,class:C({content:!0,failed:!0})},At={key:0,class:"mb-4"},Rt={key:1,class:C({operations:!0,"mt-2":!0,"mb-4":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Pt={key:1,class:C({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Mt={key:2,class:C({content:!0})},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Ot(e,o,p,h,w,y){const r=s("el-image"),d=s("video-player"),c=s("el-button"),_=s("el-tooltip"),$=s("font-awesome-icon"),l=s("copy-to-clipboard"),V=s("el-alert");return a(),u("div",kt,[n("div",Et,[t(r,{src:"https://cdn.acedata.cloud/ahjfwi.png",class:"avatar"})]),n("div",Vt,[n("div",Ut,[g(i(e.$t("luma.name.lumaBot"))+" ",1),n("span",St,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),n("div",It,[e.modelValue?.request?.prompt?(a(),u("p",Lt,[g(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),u("span",Ct," - ("+i(e.$t("luma.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),u("span",Tt," - ("+i(e.$t("luma.status.processing"))+") ",1)):f("",!0)])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),u("div",jt,[e.modelValue.response.video_url?(a(),u("div",At,[t(d,{src:e.modelValue.response.video_url},null,8,["src"])])):f("",!0),e.modelValue?.response&&!e.config?.custom?(a(),u("div",Rt,[t(_,{class:"box-item",effect:"dark",content:e.$t("luma.message.extendVideo"),placement:"top-start"},{default:m(()=>[t(c,{type:"info",size:"small",class:"btn-action",onClick:o[0]||(o[0]=z(L=>e.onExtend(L,e.modelValue?.response),["stop"]))},{default:m(()=>[g(i(e.$t("luma.button.extend")),1)]),_:1})]),_:1},8,["content"]),t(_,{class:"box-item",effect:"dark",content:e.$t("luma.message.downloadVideo"),placement:"top-start"},{default:m(()=>[t(c,{type:"info",size:"small",class:"btn-action",onClick:o[1]||(o[1]=z(L=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:m(()=>[g(i(e.$t("luma.button.download")),1)]),_:1})]),_:1},8,["content"])])):f("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:m(()=>[n("p",Gt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?.state==="failed"||e.modelValue?.response?.success===!1?(a(),u("div",Pt,[t(V,{closable:!1,class:"failure"},{template:m(()=>[t($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:m(()=>[n("p",zt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])]),n("p",Dt,[t($,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+i(e.$t("luma.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(l,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),n("p",Ft,[t($,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+i(e.$t("luma.name.traceId"))+": "+i(e.modelValue?.trace_id)+" ",1),t(l,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):f("",!0),!e.modelValue?.response||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),u("div",Mt,[t(V,{closable:!1,class:"info"},{template:m(()=>[t($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:m(()=>[n("p",Bt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0)])])}const qt=b(yt,[["render",Ot],["__scopeId","data-v-1b4a59bc"]]),Nt=v({name:"RecentPanel",components:{BotPlaceholder:ae,TaskPreview:qt,NoTasks:x},emits:["reach-top","extend"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Ht={key:0},Kt={key:1,class:"tasks w-full h-full overflow-y-auto"},Jt={key:2,class:"w-full h-full flex items-center justify-center"};function Qt(e,o,p,h,w,y){const r=s("bot-placeholder"),d=s("task-preview"),c=s("no-tasks");return a(),u(D,null,[e.tasks?.items===void 0?(a(),u("div",Ht,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),u("div",Kt,[(a(!0),u(D,null,K(e.tasks?.items,_=>(a(),k(d,{key:_.id,"model-value":_,onExtend:o[0]||(o[0]=$=>e.$emit("extend"))},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(a(),u("div",Jt,[t(c)])):f("",!0)],64)}const Wt=b(Nt,[["render",Qt]]),Xt="https://webhook.acedata.cloud/luma",Yt=v({name:"LumaIndex",components:{ConfigPanel:wt,Layout:me,RecentPanel:Wt},inject:["initialized"],emits:["extend"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.luma?.status?.getApplications===W.Request},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("luma/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("luma/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){console.debug("scrolling down"),setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:p,createdAtMax:h}=e||{};console.debug("limit",o,"createdAtMin",p,"createdAtMax",h),await this.$store.dispatch("luma/getTasks",{limit:o,createdAtMin:p,createdAtMax:h})},async onGenerate(){const e={...this.config,callback_url:Xt},o=this.credential?.token;if(!o){console.error("no token specified");return}E.info(this.$t("luma.message.startingTask")),J.generate(e,{token:o}).then(()=>{E.success(this.$t("luma.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===Q?E.error(this.$t("luma.message.usedUp")):E.error(this.$t("luma.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,o,p,h,w,y){const r=s("config-panel"),d=s("recent-panel"),c=s("layout");return a(),k(c,null,{config:m(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[t(d,{onReachTop:e.onReachTop,onExtend:o[0]||(o[0]=_=>e.$emit("extend"))},null,8,["onReachTop"])]),_:1})}const To=b(Yt,[["render",Zt]]);export{To as default};
|
|
1
|
+
import{F as S}from"./index.es-B92faSi8.js";import{E as I}from"./index-CgzNR6Br.js";import{E as O}from"./index-C1h2SbZU.js";import{d as v,h as b,b as u,t as n,k as t,r as T,j as m,l as s,o as a,en as q,x as i,eo as N,ep as H,c9 as j,D as g,i as k,y as f,n as C,ak as z,F as D,v as K,eq as J,du as Q,dq as W}from"./index-BZbKTMK3.js";import{I as U}from"./InfoIcon-DhMpzlKc.js";import{E as A}from"./index-CbPHeT3X.js";import{I as F}from"./ImagePreview-BvPOSpDB.js";import{E as R}from"./index-yxRIEND6.js";import{E}from"./index-hrpdMjUu.js";import{F as X}from"./FilePreview-CMrAVI3v.js";import{E as Y}from"./index-DSYfQpVb.js";import{V as M}from"./VideoPlayer-D-xD0k0W.js";import{C as Z,N as x}from"./NoTasks-DmNkmZBC.js";import{a as ee}from"./price-B8COZ-j4.js";import{C as te}from"./CopyToClipboard-CuCD6yxS.js";import{E as oe}from"./index-BDYxvVsV.js";import{E as se}from"./index-D0cZ5BM8.js";import{E as ne}from"./index-Cu3La3dR.js";import{B as ae}from"./BotPlaceholder-6rksUZSI.js";import"./use-form-item-9EKLSUpL.js";import"./index-r5W6hzzQ.js";import"./index-CZi_rDaW.js";import"./index-oeBw24Ll.js";import"./typescript-CkR2OWnN.js";import"./_baseClone-CyEUgRjr.js";import"./_initCloneObject-DL2KWEpg.js";import"./isEqual-DIgYivsv.js";import"./index-CjhBlm5C.js";import"./vue-plyr-QZFBikSk.js";import"./debounce-kw1MDyXj.js";import"./index-Rl2p1NyF.js";const le=v({name:"LayoutLuma",components:{ElDrawer:O,ElButton:I,FontAwesomeIcon:S},data(){return{drawer:!1}}}),ie={class:"main flex flex-row flex-1"},re={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ce={class:"result h-full p-[15px] flex-1 flex flex-col"};function ue(e,o,p,h,w,y){const r=s("font-awesome-icon"),d=s("el-button"),c=s("el-drawer");return a(),u("div",ie,[n("div",re,[T(e.$slots,"config",{},void 0,!0)]),n("div",ce,[T(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]||(o[0]=_=>e.drawer=!0)},{default:m(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(c,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px",class:"drawer"},{default:m(()=>[T(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const me=b(le,[["render",ue],["__scopeId","data-v-11a53e0c"]]),de=v({name:"EnhancementSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug("set enhancement",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=q)}}),pe={class:"relative"},fe={class:"flex justify-between"},_e={class:"flex justify-start items-center"},he={class:"text-sm font-bold"},$e={class:"flex justify-end items-center"};function ge(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),u("div",pe,[n("div",fe,[n("div",_e,[n("span",he,i(e.$t("luma.name.enhancement")),1),t(r,{content:e.$t("luma.description.enhancement")},null,8,["content"])]),n("div",$e,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const ve=b(de,[["render",ge]]),be=v({name:"CustomSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug("set custom",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=N)}}),we={class:"relative"},ye={class:"flex justify-between"},ke={class:"flex justify-start items-center"},Ee={class:"text-sm font-bold"},Ve={class:"flex justify-end items-center"};function Ue(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),u("div",we,[n("div",ye,[n("div",ke,[n("span",Ee,i(e.$t("luma.name.custom")),1),t(r,{content:e.$t("luma.description.custom")},null,8,["content"])]),n("div",Ve,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const Se=b(be,[["render",Ue]]),Ie=v({name:"LoopSelector",components:{ElSwitch:A,InfoIcon:U},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug("set loop",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=H)}}),Le={class:"relative"},Ce={class:"flex justify-between"},Te={class:"flex justify-start items-center"},je={class:"text-sm font-bold"},Ae={class:"flex justify-end items-center"};function Re(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-switch");return a(),u("div",Le,[n("div",Ce,[n("div",Te,[n("span",je,i(e.$t("luma.name.loop")),1),t(r,{content:e.$t("luma.description.loop")},null,8,["content"])]),n("div",Ae,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=c=>e.value=c),class:"value"},null,8,["modelValue"])])])])}const Ge=b(Ie,[["render",Re]]),Pe=v({name:"EndImage",components:{ElUpload:R,ElButton:I,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),ze={class:"relative"},De={class:"flex justify-between"},Fe={class:"flex justify-start items-center"},Me={class:"text-sm font-bold"};function Be(e,o,p,h,w,y){const r=s("info-icon"),d=s("image-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),u("div",ze,[n("div",De,[n("div",Fe,[n("span",Me,i(e.$t("luma.name.endImageUrl")),1),t(r,{content:e.$t("luma.description.endImageUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=l=>e.fileList=l),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:l})=>[l.url&&l.percentage!==void 0?(a(),k(d,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadEndImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Oe=b(Pe,[["render",Be],["__scopeId","data-v-7ab78c3e"]]),qe=v({name:"StartImage",components:{ElUpload:R,ElButton:I,ImagePreview:F,InfoIcon:U,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ne={class:"relative"},He={class:"flex justify-between"},Ke={class:"flex justify-start items-center"},Je={class:"text-sm font-bold"};function Qe(e,o,p,h,w,y){const r=s("info-icon"),d=s("image-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),u("div",Ne,[n("div",He,[n("div",Ke,[n("span",Je,i(e.$t("luma.name.startImageUrl")),1),t(r,{content:e.$t("luma.description.startImageUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=l=>e.fileList=l),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:l})=>[l.percentage!=null?(a(),k(d,{key:0,url:l.url||l.response.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const We=b(qe,[["render",Qe],["__scopeId","data-v-425a8cec"]]),Xe=v({name:"UploadVideo",components:{ElUpload:R,ElButton:I,InfoIcon:U,FilePreview:X,FontAwesomeIcon:S},data(){return{fileList:[],uploadUrl:j()+"/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.luma?.config?.video_url},set(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||(this.value=void 0)},methods:{onExceed(){E.warning(this.$t("luma.message.uploadVideoExceed"))},onError(){E.error(this.$t("luma.message.uploadVideoError"))},beforeUpload(e){const o=e.type==="video/mp4",p=e.size/1024/1024<10;return o?p?!0:(E.error(this.$t("luma.message.uploadVideoSizeExceed")),!1):(E.error(this.$t("luma.message.uploadVideoTypeFailed")),!1)},onSetVideoUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e,action:"extend"})},async onSuccess(){this.onSetVideoUrl()}}}),Ye={class:"relative"},Ze={class:"flex justify-between"},xe={class:"flex justify-start items-center"},et={class:"text-sm font-bold"};function tt(e,o,p,h,w,y){const r=s("info-icon"),d=s("file-preview"),c=s("font-awesome-icon"),_=s("el-button"),$=s("el-upload");return a(),u("div",Ye,[n("div",Ze,[n("div",xe,[n("span",et,i(e.$t("luma.name.videoUrl")),1),t(r,{content:e.$t("luma.description.videoUrl")},null,8,["content"])])]),t($,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=l=>e.fileList=l),accept:".mp4",name:"file",class:"value","show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:l})=>[l.percentage!=null?(a(),k(d,{key:0,url:l.url||l.response?.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(c,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadVideoUrl")),1)]),_:1})]),_:1},8,["file-list","action","before-upload","on-exceed","on-error","on-success","headers"])])}const ot=b(Xe,[["render",tt],["__scopeId","data-v-74e51526"]]),st="",nt=v({name:"PromptInput",components:{ElInput:Y,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=st)}}),at={class:"field"},lt={class:"box"},it={class:"title font-bold"};function rt(e,o,p,h,w,y){const r=s("info-icon"),d=s("el-input");return a(),u("div",at,[n("div",lt,[n("h2",it,i(e.$t("luma.name.prompt")),1),t(r,{content:e.$t("luma.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=c=>e.prompt=c),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("luma.placeholder.prompt"),maxlength:2e3,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ct=b(nt,[["render",rt],["__scopeId","data-v-e8284075"]]),ut=v({name:"ExtendFromInput",components:{VideoPlayer:M},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.luma?.config}}}),mt={class:"relative"},dt={class:"flex mb-2"},pt={class:"text-sm font-bold"};function ft(e,o,p,h,w,y){const r=s("video-player");return a(),u("div",mt,[n("div",dt,[n("span",pt,i(e.$t("luma.name.extend")),1)]),n("div",null,[e.config?.video_url?(a(),k(r,{key:0,src:e.config?.video_url},null,8,["src"])):f("",!0)])])}const _t=b(ut,[["render",ft]]),ht=v({name:"ConfigPanel",components:{LoopSelector:Ge,StartImageInput:We,EndImageInput:Oe,EnhancementSelector:ve,ElButton:I,FontAwesomeIcon:S,PromptInput:ct,ExtendFromInput:_t,CustomSelector:Se,UploadVideo:ot,Consumption:Z},emits:["generate"],computed:{config(){return this.$store.state.luma?.config},consumption(){return ee(this.config,this.service?.metadata?.price)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},gt={class:"flex-1 overflow-y-auto p-[15px]"},vt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function bt(e,o,p,h,w,y){const r=s("extend-from-input"),d=s("prompt-input"),c=s("custom-selector"),_=s("upload-video"),$=s("start-image-input"),l=s("end-image-input"),V=s("enhancement-selector"),L=s("loop-selector"),B=s("consumption"),G=s("font-awesome-icon"),P=s("el-button");return a(),u("div",$t,[n("div",gt,[e.config?.video_id||e.config?.video_url?(a(),k(r,{key:0,class:"mb-4"})):f("",!0),t(d,{class:"mb-4"}),e.config?.video_id?f("",!0):(a(),k(c,{key:1,class:"mb-4"})),e.config?.custom?(a(),k(_,{key:2,class:"mb-4"})):f("",!0),!(e.config?.video_id||e.config?.video_url)&&!e.config?.custom?(a(),k($,{key:3,class:"mb-4"})):f("",!0),t(l,{class:"mb-4"}),t(V,{class:"mb-4"}),t(L,{class:"mb-4"})]),n("div",vt,[t(B,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(a(),k(P,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.extend")),1)]),_:1},8,["onClick"])):(a(),k(P,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.generate")),1)]),_:1},8,["onClick"]))])])}const wt=b(ht,[["render",bt]]),yt=v({name:"TaskPreview",components:{ElImage:ne,CopyToClipboard:te,FontAwesomeIcon:S,ElAlert:se,VideoPlayer:M,ElTooltip:oe,ElButton:I},props:{modelValue:{type:Object,required:!0}},emits:["extend"],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,o){console.debug("set config",o),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_id:o.video_id,prompt:o.prompt,action:"extend",thumbnail_url:o.thumbnail_url,video_url:o.video_url}),this.$emit("extend")},onDownload(e){window.open(e,"_blank")}}}),kt={class:"preview"},Et={class:"left"},Vt={class:"main"},Ut={class:"bot"},St={class:"datetime"},It={class:"info"},Lt={key:0,class:"prompt mt-2"},Ct={key:0},Tt={key:1},jt={key:0,class:C({content:!0,failed:!0})},At={key:0,class:"mb-4"},Rt={key:1,class:C({operations:!0,"mt-2":!0,"mb-4":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Pt={key:1,class:C({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Mt={key:2,class:C({content:!0})},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Ot(e,o,p,h,w,y){const r=s("el-image"),d=s("video-player"),c=s("el-button"),_=s("el-tooltip"),$=s("font-awesome-icon"),l=s("copy-to-clipboard"),V=s("el-alert");return a(),u("div",kt,[n("div",Et,[t(r,{src:"https://cdn.acedata.cloud/ahjfwi.png",class:"avatar"})]),n("div",Vt,[n("div",Ut,[g(i(e.$t("luma.name.lumaBot"))+" ",1),n("span",St,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),n("div",It,[e.modelValue?.request?.prompt?(a(),u("p",Lt,[g(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),u("span",Ct," - ("+i(e.$t("luma.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),u("span",Tt," - ("+i(e.$t("luma.status.processing"))+") ",1)):f("",!0)])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),u("div",jt,[e.modelValue.response.video_url?(a(),u("div",At,[t(d,{src:e.modelValue.response.video_url},null,8,["src"])])):f("",!0),e.modelValue?.response&&!e.config?.custom?(a(),u("div",Rt,[t(_,{class:"box-item",effect:"dark",content:e.$t("luma.message.extendVideo"),placement:"top-start"},{default:m(()=>[t(c,{type:"info",size:"small",class:"btn-action",onClick:o[0]||(o[0]=z(L=>e.onExtend(L,e.modelValue?.response),["stop"]))},{default:m(()=>[g(i(e.$t("luma.button.extend")),1)]),_:1})]),_:1},8,["content"]),t(_,{class:"box-item",effect:"dark",content:e.$t("luma.message.downloadVideo"),placement:"top-start"},{default:m(()=>[t(c,{type:"info",size:"small",class:"btn-action",onClick:o[1]||(o[1]=z(L=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:m(()=>[g(i(e.$t("luma.button.download")),1)]),_:1})]),_:1},8,["content"])])):f("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:m(()=>[n("p",Gt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?.state==="failed"||e.modelValue?.response?.success===!1?(a(),u("div",Pt,[t(V,{closable:!1,class:"failure"},{template:m(()=>[t($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:m(()=>[n("p",zt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])]),n("p",Dt,[t($,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+i(e.$t("luma.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(l,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),n("p",Ft,[t($,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+i(e.$t("luma.name.traceId"))+": "+i(e.modelValue?.trace_id)+" ",1),t(l,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):f("",!0),!e.modelValue?.response||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),u("div",Mt,[t(V,{closable:!1,class:"info"},{template:m(()=>[t($,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:m(()=>[n("p",Bt,[t($,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0)])])}const qt=b(yt,[["render",Ot],["__scopeId","data-v-1b4a59bc"]]),Nt=v({name:"RecentPanel",components:{BotPlaceholder:ae,TaskPreview:qt,NoTasks:x},emits:["reach-top","extend"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Ht={key:0},Kt={key:1,class:"tasks w-full h-full overflow-y-auto"},Jt={key:2,class:"w-full h-full flex items-center justify-center"};function Qt(e,o,p,h,w,y){const r=s("bot-placeholder"),d=s("task-preview"),c=s("no-tasks");return a(),u(D,null,[e.tasks?.items===void 0?(a(),u("div",Ht,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),u("div",Kt,[(a(!0),u(D,null,K(e.tasks?.items,_=>(a(),k(d,{key:_.id,"model-value":_,onExtend:o[0]||(o[0]=$=>e.$emit("extend"))},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(a(),u("div",Jt,[t(c)])):f("",!0)],64)}const Wt=b(Nt,[["render",Qt]]),Xt="https://webhook.acedata.cloud/luma",Yt=v({name:"LumaIndex",components:{ConfigPanel:wt,Layout:me,RecentPanel:Wt},inject:["initialized"],emits:["extend"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.luma?.status?.getApplications===W.Request},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("luma/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("luma/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){console.debug("scrolling down"),setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:p,createdAtMax:h}=e||{};console.debug("limit",o,"createdAtMin",p,"createdAtMax",h),await this.$store.dispatch("luma/getTasks",{limit:o,createdAtMin:p,createdAtMax:h})},async onGenerate(){const e={...this.config,callback_url:Xt},o=this.credential?.token;if(!o){console.error("no token specified");return}E.info(this.$t("luma.message.startingTask")),J.generate(e,{token:o}).then(()=>{E.success(this.$t("luma.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===Q?E.error(this.$t("luma.message.usedUp")):E.error(this.$t("luma.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,o,p,h,w,y){const r=s("config-panel"),d=s("recent-panel"),c=s("layout");return a(),k(c,null,{config:m(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[t(d,{onReachTop:e.onReachTop,onExtend:o[0]||(o[0]=_=>e.$emit("extend"))},null,8,["onReachTop"])]),_:1})}const To=b(Yt,[["render",Zt]]);export{To as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as I}from"./index.es-CcpVHvSx.js";import{E as D}from"./index-CkGfGBH1.js";import{E as te}from"./index-ZR2WC3y6.js";import{d as _,h as $,b as c,t as p,k as l,r as U,j as m,l as o,o as a,e8 as G,x as i,F as k,v as w,i as h,e9 as se,n as R,f as ae,ea as Q,eb as L,ec as oe,ed as le,ee as ne,ef as re,eg as ie,eh as ce,ei as pe,ej as ue,ek as de,el as me,c9 as he,y as f,D as q,em as fe,du as _e,dh as $e,dp as ve,dq as P}from"./index-IUOnFE33.js";import{E as V,a as E}from"./index-fKcIRqyn.js";import{I as j}from"./InfoIcon-DJgGdcM4.js";import{a as F}from"./index-C6pJT5Z8.js";import{E as ge}from"./index-CkSqGmwg.js";import{E as M}from"./index-BlfhaCBe.js";import{E as O}from"./index-DSNMx2cO.js";import{I as be}from"./ImagePreview-DpKPZpzN.js";import{E as qe,a as ye}from"./index-IPLndquX.js";import{E as ke}from"./index-DLEpULvj.js";import{E as A}from"./index-Dgon4P8g.js";import{C as we,N as Se}from"./NoTasks-BAFsp5y-.js";import{a as Ve}from"./price-BmpkejfA.js";import{A as Ee}from"./Status-C1VcHGOO.js";import{C as Ae}from"./CopyToClipboard-D10YM_7m.js";import{I as Re}from"./ImageWrapper-CJTWD-PJ.js";import{E as Te}from"./index-CF5Kx3lT.js";import{B as Ie}from"./BotPlaceholder-C-r3HBsb.js";import"./use-form-item-DNI3l--g.js";import"./index-r5W6hzzQ.js";import"./index-1fW-uAwf.js";import"./index-aLPamwRW.js";import"./typescript-CrbS__OB.js";import"./index-BXh5SszT.js";import"./strings-ByIYpJrS.js";import"./castArray-F6UtPTG2.js";import"./isEqual-DT9q1wUz.js";import"./_initCloneObject-BNJJfRAs.js";import"./debounce-DUU4g0Vw.js";import"./_baseIteratee-DVuly0os.js";import"./index-D_GDwTBQ.js";import"./index-3NDJx6NE.js";import"./index-D9ZkPdjT.js";import"./_baseClone-DfZip4NQ.js";import"./index-CwsOuzih.js";const Ce=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:I},data(){return{drawer:!1}}}),Ue={class:"main flex flex-row flex-1"},Le={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},Pe={class:"result h-full p-[15px] flex-1 flex flex-col"};function De(e,s,u,d,v,g){const n=o("font-awesome-icon"),r=o("el-button"),t=o("el-drawer");return a(),c("div",Ue,[p("div",Le,[U(e.$slots,"config",{},void 0,!0)]),p("div",Pe,[U(e.$slots,"result",{},void 0,!0)]),l(r,{circle:"",class:"menu",onClick:s[0]||(s[0]=b=>e.drawer=!0)},{default:m(()=>[l(n,{icon:"fa-solid fa-magic"})]),_:1}),l(t,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=b=>e.drawer=b),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Me=$(Ce,[["render",De],["__scopeId","data-v-3808ec00"]]),ze=_({name:"VersionSelector",components:{ElSelect:E,ElOption:V},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{label:this.$t("qrart.type.text"),value:"text"},{label:this.$t("qrart.type.link"),value:"link"},{label:this.$t("qrart.type.email"),value:"email"},{label:this.$t("qrart.type.phone"),value:"phone"},{label:this.$t("qrart.type.sms"),value:"sms"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug("set type",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||(console.debug("set default type",G),this.value=G)}}),Ge={class:"field"},Qe={class:"text-sm font-bold title"};function je(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ge,[p("span",Qe,i(e.$t("qrart.name.type")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),class:"value",placeholder:e.$t("qrart.placeholder.select")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Fe=$(ze,[["render",je],["__scopeId","data-v-b4bd8f04"]]),Oe=_({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:30,height:30},{value:"4:3",label:"4:3",width:32,height:24},{value:"3:4",label:"3:4",width:24,height:32},{value:"16:9",label:"16:9",width:32,height:18},{value:"9:16",label:"9:16",width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug("set aspect ratio",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=se)}}),Ne={class:"text-sm font-bold block mb-2"},Be={class:"items"},We=["onClick"],He={class:"name"};function Je(e,s,u,d,v,g){return a(),c("div",null,[p("span",Ne,i(e.$t("qrart.name.aspectRatio")),1),p("div",Be,[(a(!0),c(k,null,w(e.options,(n,r)=>(a(),c("div",{key:r,class:R({active:e.active===r,item:!0}),onClick:t=>e.value=n.value},[p("div",{class:R(["preview",n.label])},[p("div",{class:"rect",style:ae({width:n.width+"px",height:n.height+"px"})},null,4)],2),p("p",He,i(n.label),1)],10,We))),128))])])}const Ke=$(Oe,[["render",Je],["__scopeId","data-v-b7590ecc"]]),Ye=_({name:"QrwSelector",components:{ElSlider:F,InfoIcon:j},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||Q},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||(console.debug("set default qrw"),this.value=Q)}}),Xe={class:"field"},Ze={class:"text-sm font-bold title mb-2"};function xe(e,s,u,d,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",Xe,[p("span",Ze,i(e.$t("qrart.name.qrw")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:1.5,max:3,step:.1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.qrw"),class:"info"},null,8,["content"])])}const et=$(Ye,[["render",xe],["__scopeId","data-v-8410479c"]]),tt=_({name:"StepsSelector",components:{ElSlider:F,InfoIcon:j},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||L},set(e){console.debug("set steps",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||(console.debug("set default steps",L),this.value=L)}}),st={class:"field"},at={class:"text-sm font-bold block mb-2"};function ot(e,s,u,d,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",st,[p("span",at,i(e.$t("qrart.name.steps")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:10,max:20,step:1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.steps"),class:"info"},null,8,["content"])])}const lt=$(tt,[["render",ot],["__scopeId","data-v-0c88983e"]]),nt=_({name:"AdvancedSelector",components:{ElSwitch:ge},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug("set advanced",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=oe)}}),rt={class:"field"},it={class:"title font-bold"};function ct(e,s,u,d,v,g){const n=o("el-switch");return a(),c("div",rt,[p("span",it,i(e.$t("qrart.name.advanced")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value"},null,8,["modelValue"])])}const pt=$(nt,[["render",ct],["__scopeId","data-v-f8ddf849"]]),ut=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.markerShape.square")},{value:"circle",label:this.$t("qrart.markerShape.circle")},{value:"plus",label:this.$t("qrart.markerShape.plus")},{value:"box",label:this.$t("qrart.markerShape.box")},{value:"octagon",label:this.$t("qrart.markerShape.octagon")},{value:"tiny-plus",label:this.$t("qrart.markerShape.tinyPlus")},{value:"random",label:this.$t("qrart.markerShape.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug("set marker_shape",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||(this.value=le)}}),dt={class:"field"},mt={class:"text-sm font-bold block mb-2"};function ht(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",dt,[p("span",mt,i(e.$t("qrart.name.markerShape")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.markerShape")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ft=$(ut,[["render",ht],["__scopeId","data-v-de71e0b0"]]),_t=_({name:"SubMarkerSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.subMarker.square")},{value:"circle",label:this.$t("qrart.subMarker.circle")},{value:"plus",label:this.$t("qrart.subMarker.plus")},{value:"box",label:this.$t("qrart.subMarker.box")},{value:"random",label:this.$t("qrart.subMarker.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug("set sub_marker",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||(this.value=ne)}}),$t={class:"field"},vt={class:"text-sm font-bold block mb-2"};function gt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",$t,[p("span",vt,i(e.$t("qrart.name.subMarker")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.subMarker")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const bt=$(_t,[["render",gt],["__scopeId","data-v-51a39efa"]]),qt=_({name:"RotateSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug("set rotate",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||(this.value=re)}}),yt={class:"field"},kt={class:"text-sm font-bold block mb-2"};function wt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",yt,[p("span",kt,i(e.$t("qrart.name.rotate")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.rotate")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const St=$(qt,[["render",wt],["__scopeId","data-v-72e35835"]]),Vt=_({name:"EclSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"L",label:"L"},{value:"M",label:"M"},{value:"Q",label:"Q"},{value:"H",label:"H"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug("set ecl",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||(this.value=ie)}}),Et={class:"field"},At={class:"text-sm font-bold block mb-2"};function Rt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Et,[p("span",At,i(e.$t("qrart.name.ecl")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.ecl")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Tt=$(Vt,[["render",Rt],["__scopeId","data-v-b3a5e331"]]),It=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"center",label:this.$t("qrart.position.center")},{value:"top",label:this.$t("qrart.position.top")},{value:"right",label:this.$t("qrart.position.right")},{value:"bottom",label:this.$t("qrart.position.bottom")},{value:"left",label:this.$t("qrart.position.left")},{value:"top-left",label:this.$t("qrart.position.topLeft")},{value:"top-right",label:this.$t("qrart.position.topRight")},{value:"bottom-left",label:this.$t("qrart.position.bottomLeft")},{value:"bottom-right",label:this.$t("qrart.position.bottomRight")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug("set position",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||(this.value=ce)}}),Ct={class:"field"},Ut={class:"title font-bold"};function Lt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ct,[p("span",Ut,i(e.$t("qrart.name.position")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.position")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pt=$(It,[["render",Lt],["__scopeId","data-v-54186505"]]),Dt=_({name:"PaddingLevelSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug("set padding_level",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||(this.value=pe)}}),Mt={class:"field"},zt={class:"text-sm font-bold block mb-2"};function Gt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Mt,[p("span",zt,i(e.$t("qrart.name.paddingLevel")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingLevel")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Qt=$(Dt,[["render",Gt],["__scopeId","data-v-49d801fd"]]),jt=_({name:"PaddingNoiseSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug("set padding_noise",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||(this.value=ue)}}),Ft={class:"field"},Ot={class:"text-sm font-bold block mb-2"};function Nt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ft,[p("span",Ot,i(e.$t("qrart.name.paddingNoise")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingNoise")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Bt=$(jt,[["render",Nt],["__scopeId","data-v-a20833bb"]]),Wt=_({name:"PixelStyleSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.pixelStyle.square")},{value:"rounded",label:this.$t("qrart.pixelStyle.rounded")},{value:"dot",label:this.$t("qrart.pixelStyle.dot")},{value:"squircle",label:this.$t("qrart.pixelStyle.squircle")},{value:"row",label:this.$t("qrart.pixelStyle.row")},{value:"column",label:this.$t("qrart.pixelStyle.column")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug("set pixel_style",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||(this.value=de)}}),Ht={class:"field"},Jt={class:"text-sm font-bold block mb-2"};function Kt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ht,[p("span",Jt,i(e.$t("qrart.name.pixelStyle")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.pixelStyle")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Yt=$(Wt,[["render",Kt],["__scopeId","data-v-aca7f79f"]]),Xt=_({name:"SeedInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)}}),Zt={class:"field"},xt={class:"text-sm font-bold block mb-2"};function es(e,s,u,d,v,g){const n=o("el-input");return a(),c("div",Zt,[p("span",xt,i(e.$t("qrart.name.seed")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value",placeholder:e.$t("qrart.placeholder.seed")},null,8,["modelValue","placeholder"])])}const ts=$(Xt,[["render",es],["__scopeId","data-v-d939305d"]]),ss=_({name:"PresetSelector",components:{ElImage:O},data(){return{options:[{value:"sunset",label:this.$t("qrart.preset.sunset"),url:"https://cdn.acedata.cloud/rp1h1s.png"},{value:"floral",label:this.$t("qrart.preset.floral"),url:"https://cdn.acedata.cloud/upyikx.png"},{value:"snowflakes",label:this.$t("qrart.preset.snowflakes"),url:"https://cdn.acedata.cloud/j447da.png"},{value:"feathers",label:this.$t("qrart.preset.feathers"),url:"https://cdn.acedata.cloud/d2ctz9.png"},{value:"raindrops",label:this.$t("qrart.preset.raindrops"),url:"https://cdn.acedata.cloud/xv2t3s.png"},{value:"ultra-realism",label:this.$t("qrart.preset.ultraRealism"),url:"https://cdn.acedata.cloud/nlor4y.png"},{value:"epic-realms",label:this.$t("qrart.preset.epicRealms"),url:"https://cdn.acedata.cloud/wwzkvy.png"},{value:"intricate-studio",label:this.$t("qrart.preset.intricateStudio"),url:"https://cdn.acedata.cloud/4kzf5y.png"},{value:"symmetric-masterpiece",label:this.$t("qrart.preset.symmetricMasterpiece"),url:"https://cdn.acedata.cloud/ff4ii2.png"},{value:"luminous-highway",label:this.$t("qrart.preset.luminousHighway"),url:"https://cdn.acedata.cloud/cliodt.png"},{value:"celestial-journey",label:this.$t("qrart.preset.celestialJourney"),url:"https://cdn.acedata.cloud/ejellf.png"},{value:"neon-mech",label:this.$t("qrart.preset.neonMech"),url:"https://cdn.acedata.cloud/3z0y6z.png"},{value:"ethereal-low-poly",label:this.$t("qrart.preset.etherealLowPoly"),url:"https://cdn.acedata.cloud/36o0mm.png"},{value:"golden-vista",label:this.$t("qrart.preset.goldenVista"),url:"https://cdn.acedata.cloud/xa0267.png"},{value:"cinematic-expanse",label:this.$t("qrart.preset.cinematicExpanse"),url:"https://cdn.acedata.cloud/krl5qp.png"},{value:"cinematic-warm",label:this.$t("qrart.preset.cinematicWarm"),url:"https://cdn.acedata.cloud/e1aahg.png"},{value:"desolate-wilderness",label:this.$t("qrart.preset.desolateWilderness"),url:"https://cdn.acedata.cloud/9evqqu.png"},{value:"vibrant-palette",label:this.$t("qrart.preset.vibrantPalette"),url:"https://cdn.acedata.cloud/3fvsmz.png"},{value:"enigmatic-journey",label:this.$t("qrart.preset.enigmaticJourney"),url:"https://cdn.acedata.cloud/l6kku0.png"},{value:"timeless-cinematic",label:this.$t("qrart.preset.timelessCinematic"),url:"https://cdn.acedata.cloud/h5mzyn.png"},{value:"regal-galaxy",label:this.$t("qrart.preset.regalGalaxy"),url:"https://cdn.acedata.cloud/czkegd.png"},{value:"illustrious-canvas",label:this.$t("qrart.preset.illustriousCanvas"),url:"https://cdn.acedata.cloud/m8hwzh.png"},{value:"expressive-mural",label:this.$t("qrart.preset.expressiveMural"),url:"https://cdn.acedata.cloud/g4v1rb.png"},{value:"serene-haze",label:this.$t("qrart.preset.sereneHaze"),url:"https://cdn.acedata.cloud/3w3ixr.png"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||(this.value=me)}}),as={class:"field"},os={class:"text-sm font-bold block mb-2"},ls={class:"pane"},ns=["onClick"],rs={class:"name"};function is(e,s,u,d,v,g){const n=o("el-image");return a(),c("div",as,[p("span",os,i(e.$t("qrart.name.preset")),1),p("div",ls,[(a(!0),c(k,null,w(e.options,(r,t)=>(a(),c("div",{key:t,class:R({item:!0,active:e.value===r.value}),onClick:b=>e.value===r.value?e.value=void 0:e.value=r.value},[l(n,{src:r.url,fit:"fill",class:"preview"},null,8,["src"]),p("span",rs,i(r.label),1)],10,ns))),128))])])}const cs=$(ss,[["render",is],["__scopeId","data-v-65c34adf"]]),ps="",us=_({name:"ContentInput",components:{ElInput:M,ElUpload:ke,ElRadioGroup:ye,ElButton:D,ElRadioButton:qe,ImagePreview:be,FontAwesomeIcon:I},data(){return{inputWay:"input",fileList:[],uploadUrl:he()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||(this.value=ps),this.onSetContentImageUrl()},methods:{onExceed(){A.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){A.error(this.$t("qrart.message.uploadDocumentsError"))},onSetContentImageUrl(){const e=this.urls?.[0];this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),ds={class:"field"},ms={class:"flex justify-between items-center mb-4"},hs={class:"text-sm font-bold title"},fs={class:"flex items-center"},_s={key:2,class:"description"};function $s(e,s,u,d,v,g){const n=o("el-radio-button"),r=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),S=o("font-awesome-icon"),T=o("el-button"),C=o("el-upload");return a(),c("div",ds,[p("div",ms,[p("span",hs,i(e.$t("qrart.name.content")),1),p("div",fs,[l(r,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=y=>e.inputWay=y)},{default:m(()=>[l(n,{label:"input"},{default:m(()=>[q(i(e.$t("qrart.inputWay.input")),1)]),_:1}),l(n,{label:"upload"},{default:m(()=>[q(i(e.$t("qrart.inputWay.upload")),1)]),_:1})]),_:1},8,["modelValue"])])]),e.inputWay=="input"?(a(),h(t,{key:0,modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=y=>e.value=y),class:"content",placeholder:e.$t("qrart.placeholder.content")},null,8,["modelValue","placeholder"])):f("",!0),e.inputWay=="upload"?(a(),h(C,{key:1,"file-list":e.fileList,"onUpdate:fileList":s[2]||(s[2]=y=>e.fileList=y),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"upload upload-wrapper",limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:y})=>[l(b,{url:y.url||y.response?.file_url,name:y.name,percentage:y.percentage,onRemove:z=>e.fileList.splice(e.fileList.indexOf(y),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[l(T,{size:"small",type:"primary",round:""},{default:m(()=>[l(S,{icon:"fa-solid fa-upload",class:"mr-1"}),q(" "+i(e.$t("qrart.button.uploadQr")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])):f("",!0),e.inputWay=="upload"?(a(),c("p",_s,i(e.$t("qrart.message.uploadQr")),1)):f("",!0)])}const vs=$(us,[["render",$s],["__scopeId","data-v-b986940a"]]),gs="",bs=_({name:"PromptInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||(this.value=gs)}}),qs={class:"field"},ys={class:"text-sm font-bold block mb-2"};function ks(e,s,u,d,v,g){const n=o("el-input");return a(),c("div",qs,[p("span",ys,i(e.$t("qrart.name.prompt")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("qrart.placeholder.prompt"),resize:"none"},null,8,["modelValue","placeholder"])])}const ws=$(bs,[["render",ks],["__scopeId","data-v-004a0f07"]]),Ss=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:I,Consumption:we,TypeSelector:Fe,PositionSelector:Pt,PixelStyleSelector:Yt,PaddingLevelSelector:Qt,SeedInput:ts,AspectRatioSelector:Ke,QrwSelector:et,EclSelector:Tt,StepsSelector:lt,PaddingNoiseSelector:Bt,AdvancedSelector:pt,MarkerShapeSelector:ft,SubMarkerSelector:bt,RotateSelector:St,PresetSelector:cs,ContentInput:vs,PromptInput:ws},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Ve(this.config,this.service?.metadata?.price)},service(){return this.$store.state.qrart?.service}}}),Vs={class:"flex flex-col h-full"},Es={class:"flex-1 overflow-y-auto p-[15px]"},As={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Rs(e,s,u,d,v,g){const n=o("type-selector"),r=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),S=o("qrw-selector"),T=o("preset-selector"),C=o("position-selector"),y=o("advanced-selector"),z=o("steps-selector"),N=o("seed-input"),B=o("pixel-style-selector"),W=o("marker-shape-selector"),H=o("sub-marker-selector"),J=o("rotate-selector"),K=o("ecl-selector"),Y=o("padding-level-selector"),X=o("padding-noise-selector"),Z=o("consumption"),x=o("font-awesome-icon"),ee=o("el-button");return a(),c("div",Vs,[p("div",Es,[l(n,{class:"mb-4"}),l(r,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(S,{class:"mb-4"}),l(T,{class:"mb-4"}),l(C,{class:"mb-4"}),l(y,{class:"mb-4"}),e.config?.advanced?(a(),h(z,{key:0,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(N,{key:1,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(B,{key:2,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(W,{key:3,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(H,{key:4,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(J,{key:5,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(K,{key:6,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(Y,{key:7,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(X,{key:8,class:"mb-4"})):f("",!0)]),p("div",As,[l(Z,{value:e.consumption,service:e.service},null,8,["value","service"]),l(ee,{type:"primary",class:"btn w-full",round:"",onClick:s[0]||(s[0]=ca=>e.$emit("generate"))},{default:m(()=>[l(x,{icon:"fa-solid fa-magic",class:"mr-2"}),q(" "+i(e.$t("qrart.button.generate")),1)]),_:1})])])}const Ts=$(Ss,[["render",Rs]]),Is=_({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:Ae,FontAwesomeIcon:I,ElAlert:Te,ImageWrapper:Re},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,"_blank")},onReload(e){const s=e.target,u=new URL(s.src),d=u.searchParams.get("retry");if(!d)u.searchParams.set("retry","1");else if(parseInt(d)<2)u.searchParams.set("retry",(parseInt(d)+1).toString());else return;s.src=u.toString()},onOpenUrl(e){window.open(e,"_blank")},onDownload(e){const s=document.createElement("a");s.href=e,s.download=e.split("/").pop(),s.click()}}}),Cs={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Us={class:"left"},Ls={class:"main flex-1 w-[calc(100%-70px)] pt-[10px] pr-[10px] pb-0 pl-[10px]"},Ps={class:"bot text-[16px] font-bold text-[rgb(46,204,113)]"},Ds={class:"datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]"},Ms={class:"info"},zs={key:0,class:"prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px]"},Gs={key:0},Qs={key:0,class:R({content:!0,failed:!0})},js={class:"description"},Fs={class:"description"},Os={key:0,class:"description"},Ns={key:1,class:"description"},Bs={key:2,class:"description"},Ws={key:1,class:R({content:!0})},Hs={class:"description"},Js={class:"description"},Ks={class:"description"},Ys={key:2,class:R({content:!0})},Xs={class:"description"};function Zs(e,s,u,d,v,g){const n=o("el-image"),r=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),S=o("el-alert");return a(),c("div",Cs,[p("div",Us,[l(n,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-white p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),p("div",Ls,[p("div",Ps,[q(i(e.$t("qrart.name.qrartBot"))+" ",1),p("span",Ds,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),p("div",Ms,[e.modelValue?.request?.prompt?(a(),c("p",zs,[q(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Gs," - ("+i(e.$t("qrart.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Qs,[e.modelValue?.response?.image_url?(a(),h(r,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,["src","raw-src"])):f("",!0),l(S,{closable:!1,class:"mt-2 success"},{default:m(()=>[p("p",js,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Fs,[l(t,{icon:"fa-solid fa-diamond",class:"mr-1"}),q(" "+i(e.$t("qrart.name.type"))+": "+i(e.$t("qrart.type."+e.modelValue?.request?.type))+" ",1),l(b,{content:e.modelValue?.request?.type,class:"btn-copy"},null,8,["content"])]),e.modelValue?.request?.content?(a(),c("p",Os,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.content"))+": "+i(e.modelValue?.request?.content)+" ",1),l(b,{content:e.modelValue?.request?.content,class:"btn-copy"},null,8,["content"])])):f("",!0),e.modelValue?.request?.content_image_url?(a(),c("p",Ns,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.contentImageUrl"))+": ",1),l(t,{icon:"fa-solid fa-up-right-from-square",class:"mr-1 cursor-pointer",onClick:s[0]||(s[0]=T=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):f("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Bs,[l(t,{icon:"fa-solid fa-seedling",class:"mr-1"}),q(" "+i(e.$t("qrart.name.seed"))+": "+i(e.modelValue?.request?.seed||e.modelValue?.response?.seed)+" ",1),l(b,{content:(e.modelValue?.request?.seed||e.modelValue?.response?.seed).toString(),class:"btn-copy"},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(a(),c("div",Ws,[l(S,{closable:!1,class:"failure"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Hs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Js,[l(t,{icon:"fa-solid fa-circle-info",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),l(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),p("p",Ks,[l(t,{icon:"fa-solid fa-hashtag",class:"mr-1"}),q(" "+i(e.$t("qrart.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),l(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?f("",!0):(a(),c("div",Ys,[l(S,{closable:!1,class:"info"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Xs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const xs=$(Is,[["render",Zs],["__scopeId","data-v-9ee64fb6"]]),ea=_({name:"RecentPanel",components:{TaskPreview:xs,BotPlaceholder:Ie,NoTasks:Se},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),ta={key:0},sa={key:1,class:"tasks h-full w-full overflow-y-auto"},aa={key:2,class:"w-full h-full flex items-center justify-center"};function oa(e,s,u,d,v,g){const n=o("bot-placeholder"),r=o("task-preview"),t=o("no-tasks");return a(),c(k,null,[e.tasks?.items===void 0?(a(),c("div",ta,[l(n)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),c("div",sa,[(a(!0),c(k,null,w(e.tasks?.items,(b,S)=>(a(),h(r,{key:S,"model-value":b},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",aa,[l(t)])):f("",!0)],64)}const la=$(ea,[["render",oa]]),na="https://webhook.acedata.cloud/qrart",ra=_({name:"QrartIndex",components:{ConfigPanel:Ts,Layout:Me,ApplicationStatus:Ee,RecentPanel:la},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.qrart?.status?.getApplications===P.Request},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===P.Request},needApply(){return this.$store.state.qrart.status.getApplications===P.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("qrart/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("qrart/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){$e.create({application:this.application}).then(({data:e})=>{this.application=e,A.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ve&&A.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:u,createdAtMax:d}=e||{};console.debug("limit",s,"createdAtMin",u,"createdAtMax",d),await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:u,createdAtMax:d})},async onGenerate(){const e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,callback_url:na,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}},s=this.credential?.token;if(!s){console.error("no token specified");return}A.info(this.$t("qrart.message.startingTask")),fe.generate(e,{token:s}).then(()=>{A.success(this.$t("qrart.message.startTaskSuccess"))}).catch(u=>{u?.response?.data?.error?.code===_e?A.error(this.$t("qrart.message.usedUp")):A.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ia(e,s,u,d,v,g){const n=o("config-panel"),r=o("application-status"),t=o("recent-panel"),b=o("layout");return a(),h(b,null,{config:m(()=>[l(n,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[l(r,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=S=>e.$store.dispatch("qrart/setApplication",S))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),l(t,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Ja=$(ra,[["render",ia],["__scopeId","data-v-667ba1b5"]]);export{Ja as default};
|
|
1
|
+
import{F as I}from"./index.es-B92faSi8.js";import{E as D}from"./index-CgzNR6Br.js";import{E as te}from"./index-C1h2SbZU.js";import{d as _,h as $,b as c,t as p,k as l,r as U,j as m,l as o,o as a,e8 as G,x as i,F as k,v as w,i as h,e9 as se,n as R,f as ae,ea as Q,eb as L,ec as oe,ed as le,ee as ne,ef as re,eg as ie,eh as ce,ei as pe,ej as ue,ek as de,el as me,c9 as he,y as f,D as q,em as fe,du as _e,dh as $e,dp as ve,dq as P}from"./index-BZbKTMK3.js";import{E as V,a as E}from"./index-BNbrEyG8.js";import{I as j}from"./InfoIcon-DhMpzlKc.js";import{a as F}from"./index-jqOaitfg.js";import{E as ge}from"./index-CbPHeT3X.js";import{E as M}from"./index-DSYfQpVb.js";import{E as O}from"./index-Cu3La3dR.js";import{I as be}from"./ImagePreview-BvPOSpDB.js";import{E as qe,a as ye}from"./index-bAhdShMo.js";import{E as ke}from"./index-yxRIEND6.js";import{E as A}from"./index-hrpdMjUu.js";import{C as we,N as Se}from"./NoTasks-DmNkmZBC.js";import{a as Ve}from"./price-B8COZ-j4.js";import{A as Ee}from"./Status-BdMCij8k.js";import{C as Ae}from"./CopyToClipboard-CuCD6yxS.js";import{I as Re}from"./ImageWrapper-BChXhEi0.js";import{E as Te}from"./index-D0cZ5BM8.js";import{B as Ie}from"./BotPlaceholder-6rksUZSI.js";import"./use-form-item-9EKLSUpL.js";import"./index-r5W6hzzQ.js";import"./index-BDYxvVsV.js";import"./index-CZi_rDaW.js";import"./typescript-CkR2OWnN.js";import"./index-BKJPB7EB.js";import"./strings-BQbdUIFn.js";import"./castArray-BeCWKAC7.js";import"./isEqual-DIgYivsv.js";import"./_initCloneObject-DL2KWEpg.js";import"./debounce-kw1MDyXj.js";import"./_baseIteratee-LzESfPbZ.js";import"./index-Tp13-pBQ.js";import"./index-CjhBlm5C.js";import"./index-oeBw24Ll.js";import"./_baseClone-CyEUgRjr.js";import"./index-Rl2p1NyF.js";const Ce=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:I},data(){return{drawer:!1}}}),Ue={class:"main flex flex-row flex-1"},Le={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},Pe={class:"result h-full p-[15px] flex-1 flex flex-col"};function De(e,s,u,d,v,g){const n=o("font-awesome-icon"),r=o("el-button"),t=o("el-drawer");return a(),c("div",Ue,[p("div",Le,[U(e.$slots,"config",{},void 0,!0)]),p("div",Pe,[U(e.$slots,"result",{},void 0,!0)]),l(r,{circle:"",class:"menu",onClick:s[0]||(s[0]=b=>e.drawer=!0)},{default:m(()=>[l(n,{icon:"fa-solid fa-magic"})]),_:1}),l(t,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=b=>e.drawer=b),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Me=$(Ce,[["render",De],["__scopeId","data-v-3808ec00"]]),ze=_({name:"VersionSelector",components:{ElSelect:E,ElOption:V},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{label:this.$t("qrart.type.text"),value:"text"},{label:this.$t("qrart.type.link"),value:"link"},{label:this.$t("qrart.type.email"),value:"email"},{label:this.$t("qrart.type.phone"),value:"phone"},{label:this.$t("qrart.type.sms"),value:"sms"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug("set type",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||(console.debug("set default type",G),this.value=G)}}),Ge={class:"field"},Qe={class:"text-sm font-bold title"};function je(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ge,[p("span",Qe,i(e.$t("qrart.name.type")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),class:"value",placeholder:e.$t("qrart.placeholder.select")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Fe=$(ze,[["render",je],["__scopeId","data-v-b4bd8f04"]]),Oe=_({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:30,height:30},{value:"4:3",label:"4:3",width:32,height:24},{value:"3:4",label:"3:4",width:24,height:32},{value:"16:9",label:"16:9",width:32,height:18},{value:"9:16",label:"9:16",width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug("set aspect ratio",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=se)}}),Ne={class:"text-sm font-bold block mb-2"},Be={class:"items"},We=["onClick"],He={class:"name"};function Je(e,s,u,d,v,g){return a(),c("div",null,[p("span",Ne,i(e.$t("qrart.name.aspectRatio")),1),p("div",Be,[(a(!0),c(k,null,w(e.options,(n,r)=>(a(),c("div",{key:r,class:R({active:e.active===r,item:!0}),onClick:t=>e.value=n.value},[p("div",{class:R(["preview",n.label])},[p("div",{class:"rect",style:ae({width:n.width+"px",height:n.height+"px"})},null,4)],2),p("p",He,i(n.label),1)],10,We))),128))])])}const Ke=$(Oe,[["render",Je],["__scopeId","data-v-b7590ecc"]]),Ye=_({name:"QrwSelector",components:{ElSlider:F,InfoIcon:j},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||Q},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||(console.debug("set default qrw"),this.value=Q)}}),Xe={class:"field"},Ze={class:"text-sm font-bold title mb-2"};function xe(e,s,u,d,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",Xe,[p("span",Ze,i(e.$t("qrart.name.qrw")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:1.5,max:3,step:.1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.qrw"),class:"info"},null,8,["content"])])}const et=$(Ye,[["render",xe],["__scopeId","data-v-8410479c"]]),tt=_({name:"StepsSelector",components:{ElSlider:F,InfoIcon:j},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||L},set(e){console.debug("set steps",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||(console.debug("set default steps",L),this.value=L)}}),st={class:"field"},at={class:"text-sm font-bold block mb-2"};function ot(e,s,u,d,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",st,[p("span",at,i(e.$t("qrart.name.steps")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:10,max:20,step:1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.steps"),class:"info"},null,8,["content"])])}const lt=$(tt,[["render",ot],["__scopeId","data-v-0c88983e"]]),nt=_({name:"AdvancedSelector",components:{ElSwitch:ge},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug("set advanced",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=oe)}}),rt={class:"field"},it={class:"title font-bold"};function ct(e,s,u,d,v,g){const n=o("el-switch");return a(),c("div",rt,[p("span",it,i(e.$t("qrart.name.advanced")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value"},null,8,["modelValue"])])}const pt=$(nt,[["render",ct],["__scopeId","data-v-f8ddf849"]]),ut=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.markerShape.square")},{value:"circle",label:this.$t("qrart.markerShape.circle")},{value:"plus",label:this.$t("qrart.markerShape.plus")},{value:"box",label:this.$t("qrart.markerShape.box")},{value:"octagon",label:this.$t("qrart.markerShape.octagon")},{value:"tiny-plus",label:this.$t("qrart.markerShape.tinyPlus")},{value:"random",label:this.$t("qrart.markerShape.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug("set marker_shape",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||(this.value=le)}}),dt={class:"field"},mt={class:"text-sm font-bold block mb-2"};function ht(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",dt,[p("span",mt,i(e.$t("qrart.name.markerShape")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.markerShape")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ft=$(ut,[["render",ht],["__scopeId","data-v-de71e0b0"]]),_t=_({name:"SubMarkerSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.subMarker.square")},{value:"circle",label:this.$t("qrart.subMarker.circle")},{value:"plus",label:this.$t("qrart.subMarker.plus")},{value:"box",label:this.$t("qrart.subMarker.box")},{value:"random",label:this.$t("qrart.subMarker.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug("set sub_marker",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||(this.value=ne)}}),$t={class:"field"},vt={class:"text-sm font-bold block mb-2"};function gt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",$t,[p("span",vt,i(e.$t("qrart.name.subMarker")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.subMarker")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const bt=$(_t,[["render",gt],["__scopeId","data-v-51a39efa"]]),qt=_({name:"RotateSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug("set rotate",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||(this.value=re)}}),yt={class:"field"},kt={class:"text-sm font-bold block mb-2"};function wt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",yt,[p("span",kt,i(e.$t("qrart.name.rotate")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.rotate")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const St=$(qt,[["render",wt],["__scopeId","data-v-72e35835"]]),Vt=_({name:"EclSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"L",label:"L"},{value:"M",label:"M"},{value:"Q",label:"Q"},{value:"H",label:"H"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug("set ecl",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||(this.value=ie)}}),Et={class:"field"},At={class:"text-sm font-bold block mb-2"};function Rt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Et,[p("span",At,i(e.$t("qrart.name.ecl")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.ecl")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Tt=$(Vt,[["render",Rt],["__scopeId","data-v-b3a5e331"]]),It=_({name:"MarkerShapeSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"center",label:this.$t("qrart.position.center")},{value:"top",label:this.$t("qrart.position.top")},{value:"right",label:this.$t("qrart.position.right")},{value:"bottom",label:this.$t("qrart.position.bottom")},{value:"left",label:this.$t("qrart.position.left")},{value:"top-left",label:this.$t("qrart.position.topLeft")},{value:"top-right",label:this.$t("qrart.position.topRight")},{value:"bottom-left",label:this.$t("qrart.position.bottomLeft")},{value:"bottom-right",label:this.$t("qrart.position.bottomRight")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug("set position",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||(this.value=ce)}}),Ct={class:"field"},Ut={class:"title font-bold"};function Lt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ct,[p("span",Ut,i(e.$t("qrart.name.position")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.position")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pt=$(It,[["render",Lt],["__scopeId","data-v-54186505"]]),Dt=_({name:"PaddingLevelSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug("set padding_level",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||(this.value=pe)}}),Mt={class:"field"},zt={class:"text-sm font-bold block mb-2"};function Gt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Mt,[p("span",zt,i(e.$t("qrart.name.paddingLevel")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingLevel")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Qt=$(Dt,[["render",Gt],["__scopeId","data-v-49d801fd"]]),jt=_({name:"PaddingNoiseSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug("set padding_noise",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||(this.value=ue)}}),Ft={class:"field"},Ot={class:"text-sm font-bold block mb-2"};function Nt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ft,[p("span",Ot,i(e.$t("qrart.name.paddingNoise")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingNoise")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Bt=$(jt,[["render",Nt],["__scopeId","data-v-a20833bb"]]),Wt=_({name:"PixelStyleSelector",components:{ElSelect:E,ElOption:V},data(){return{options:[{value:"square",label:this.$t("qrart.pixelStyle.square")},{value:"rounded",label:this.$t("qrart.pixelStyle.rounded")},{value:"dot",label:this.$t("qrart.pixelStyle.dot")},{value:"squircle",label:this.$t("qrart.pixelStyle.squircle")},{value:"row",label:this.$t("qrart.pixelStyle.row")},{value:"column",label:this.$t("qrart.pixelStyle.column")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug("set pixel_style",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||(this.value=de)}}),Ht={class:"field"},Jt={class:"text-sm font-bold block mb-2"};function Kt(e,s,u,d,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ht,[p("span",Jt,i(e.$t("qrart.name.pixelStyle")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.pixelStyle")},{default:m(()=>[(a(!0),c(k,null,w(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Yt=$(Wt,[["render",Kt],["__scopeId","data-v-aca7f79f"]]),Xt=_({name:"SeedInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)}}),Zt={class:"field"},xt={class:"text-sm font-bold block mb-2"};function es(e,s,u,d,v,g){const n=o("el-input");return a(),c("div",Zt,[p("span",xt,i(e.$t("qrart.name.seed")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value",placeholder:e.$t("qrart.placeholder.seed")},null,8,["modelValue","placeholder"])])}const ts=$(Xt,[["render",es],["__scopeId","data-v-d939305d"]]),ss=_({name:"PresetSelector",components:{ElImage:O},data(){return{options:[{value:"sunset",label:this.$t("qrart.preset.sunset"),url:"https://cdn.acedata.cloud/rp1h1s.png"},{value:"floral",label:this.$t("qrart.preset.floral"),url:"https://cdn.acedata.cloud/upyikx.png"},{value:"snowflakes",label:this.$t("qrart.preset.snowflakes"),url:"https://cdn.acedata.cloud/j447da.png"},{value:"feathers",label:this.$t("qrart.preset.feathers"),url:"https://cdn.acedata.cloud/d2ctz9.png"},{value:"raindrops",label:this.$t("qrart.preset.raindrops"),url:"https://cdn.acedata.cloud/xv2t3s.png"},{value:"ultra-realism",label:this.$t("qrart.preset.ultraRealism"),url:"https://cdn.acedata.cloud/nlor4y.png"},{value:"epic-realms",label:this.$t("qrart.preset.epicRealms"),url:"https://cdn.acedata.cloud/wwzkvy.png"},{value:"intricate-studio",label:this.$t("qrart.preset.intricateStudio"),url:"https://cdn.acedata.cloud/4kzf5y.png"},{value:"symmetric-masterpiece",label:this.$t("qrart.preset.symmetricMasterpiece"),url:"https://cdn.acedata.cloud/ff4ii2.png"},{value:"luminous-highway",label:this.$t("qrart.preset.luminousHighway"),url:"https://cdn.acedata.cloud/cliodt.png"},{value:"celestial-journey",label:this.$t("qrart.preset.celestialJourney"),url:"https://cdn.acedata.cloud/ejellf.png"},{value:"neon-mech",label:this.$t("qrart.preset.neonMech"),url:"https://cdn.acedata.cloud/3z0y6z.png"},{value:"ethereal-low-poly",label:this.$t("qrart.preset.etherealLowPoly"),url:"https://cdn.acedata.cloud/36o0mm.png"},{value:"golden-vista",label:this.$t("qrart.preset.goldenVista"),url:"https://cdn.acedata.cloud/xa0267.png"},{value:"cinematic-expanse",label:this.$t("qrart.preset.cinematicExpanse"),url:"https://cdn.acedata.cloud/krl5qp.png"},{value:"cinematic-warm",label:this.$t("qrart.preset.cinematicWarm"),url:"https://cdn.acedata.cloud/e1aahg.png"},{value:"desolate-wilderness",label:this.$t("qrart.preset.desolateWilderness"),url:"https://cdn.acedata.cloud/9evqqu.png"},{value:"vibrant-palette",label:this.$t("qrart.preset.vibrantPalette"),url:"https://cdn.acedata.cloud/3fvsmz.png"},{value:"enigmatic-journey",label:this.$t("qrart.preset.enigmaticJourney"),url:"https://cdn.acedata.cloud/l6kku0.png"},{value:"timeless-cinematic",label:this.$t("qrart.preset.timelessCinematic"),url:"https://cdn.acedata.cloud/h5mzyn.png"},{value:"regal-galaxy",label:this.$t("qrart.preset.regalGalaxy"),url:"https://cdn.acedata.cloud/czkegd.png"},{value:"illustrious-canvas",label:this.$t("qrart.preset.illustriousCanvas"),url:"https://cdn.acedata.cloud/m8hwzh.png"},{value:"expressive-mural",label:this.$t("qrart.preset.expressiveMural"),url:"https://cdn.acedata.cloud/g4v1rb.png"},{value:"serene-haze",label:this.$t("qrart.preset.sereneHaze"),url:"https://cdn.acedata.cloud/3w3ixr.png"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||(this.value=me)}}),as={class:"field"},os={class:"text-sm font-bold block mb-2"},ls={class:"pane"},ns=["onClick"],rs={class:"name"};function is(e,s,u,d,v,g){const n=o("el-image");return a(),c("div",as,[p("span",os,i(e.$t("qrart.name.preset")),1),p("div",ls,[(a(!0),c(k,null,w(e.options,(r,t)=>(a(),c("div",{key:t,class:R({item:!0,active:e.value===r.value}),onClick:b=>e.value===r.value?e.value=void 0:e.value=r.value},[l(n,{src:r.url,fit:"fill",class:"preview"},null,8,["src"]),p("span",rs,i(r.label),1)],10,ns))),128))])])}const cs=$(ss,[["render",is],["__scopeId","data-v-65c34adf"]]),ps="",us=_({name:"ContentInput",components:{ElInput:M,ElUpload:ke,ElRadioGroup:ye,ElButton:D,ElRadioButton:qe,ImagePreview:be,FontAwesomeIcon:I},data(){return{inputWay:"input",fileList:[],uploadUrl:he()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||(this.value=ps),this.onSetContentImageUrl()},methods:{onExceed(){A.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){A.error(this.$t("qrart.message.uploadDocumentsError"))},onSetContentImageUrl(){const e=this.urls?.[0];this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),ds={class:"field"},ms={class:"flex justify-between items-center mb-4"},hs={class:"text-sm font-bold title"},fs={class:"flex items-center"},_s={key:2,class:"description"};function $s(e,s,u,d,v,g){const n=o("el-radio-button"),r=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),S=o("font-awesome-icon"),T=o("el-button"),C=o("el-upload");return a(),c("div",ds,[p("div",ms,[p("span",hs,i(e.$t("qrart.name.content")),1),p("div",fs,[l(r,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=y=>e.inputWay=y)},{default:m(()=>[l(n,{label:"input"},{default:m(()=>[q(i(e.$t("qrart.inputWay.input")),1)]),_:1}),l(n,{label:"upload"},{default:m(()=>[q(i(e.$t("qrart.inputWay.upload")),1)]),_:1})]),_:1},8,["modelValue"])])]),e.inputWay=="input"?(a(),h(t,{key:0,modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=y=>e.value=y),class:"content",placeholder:e.$t("qrart.placeholder.content")},null,8,["modelValue","placeholder"])):f("",!0),e.inputWay=="upload"?(a(),h(C,{key:1,"file-list":e.fileList,"onUpdate:fileList":s[2]||(s[2]=y=>e.fileList=y),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"upload upload-wrapper",limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:y})=>[l(b,{url:y.url||y.response?.file_url,name:y.name,percentage:y.percentage,onRemove:z=>e.fileList.splice(e.fileList.indexOf(y),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[l(T,{size:"small",type:"primary",round:""},{default:m(()=>[l(S,{icon:"fa-solid fa-upload",class:"mr-1"}),q(" "+i(e.$t("qrart.button.uploadQr")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])):f("",!0),e.inputWay=="upload"?(a(),c("p",_s,i(e.$t("qrart.message.uploadQr")),1)):f("",!0)])}const vs=$(us,[["render",$s],["__scopeId","data-v-b986940a"]]),gs="",bs=_({name:"PromptInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||(this.value=gs)}}),qs={class:"field"},ys={class:"text-sm font-bold block mb-2"};function ks(e,s,u,d,v,g){const n=o("el-input");return a(),c("div",qs,[p("span",ys,i(e.$t("qrart.name.prompt")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("qrart.placeholder.prompt"),resize:"none"},null,8,["modelValue","placeholder"])])}const ws=$(bs,[["render",ks],["__scopeId","data-v-004a0f07"]]),Ss=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:I,Consumption:we,TypeSelector:Fe,PositionSelector:Pt,PixelStyleSelector:Yt,PaddingLevelSelector:Qt,SeedInput:ts,AspectRatioSelector:Ke,QrwSelector:et,EclSelector:Tt,StepsSelector:lt,PaddingNoiseSelector:Bt,AdvancedSelector:pt,MarkerShapeSelector:ft,SubMarkerSelector:bt,RotateSelector:St,PresetSelector:cs,ContentInput:vs,PromptInput:ws},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Ve(this.config,this.service?.metadata?.price)},service(){return this.$store.state.qrart?.service}}}),Vs={class:"flex flex-col h-full"},Es={class:"flex-1 overflow-y-auto p-[15px]"},As={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Rs(e,s,u,d,v,g){const n=o("type-selector"),r=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),S=o("qrw-selector"),T=o("preset-selector"),C=o("position-selector"),y=o("advanced-selector"),z=o("steps-selector"),N=o("seed-input"),B=o("pixel-style-selector"),W=o("marker-shape-selector"),H=o("sub-marker-selector"),J=o("rotate-selector"),K=o("ecl-selector"),Y=o("padding-level-selector"),X=o("padding-noise-selector"),Z=o("consumption"),x=o("font-awesome-icon"),ee=o("el-button");return a(),c("div",Vs,[p("div",Es,[l(n,{class:"mb-4"}),l(r,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(S,{class:"mb-4"}),l(T,{class:"mb-4"}),l(C,{class:"mb-4"}),l(y,{class:"mb-4"}),e.config?.advanced?(a(),h(z,{key:0,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(N,{key:1,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(B,{key:2,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(W,{key:3,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(H,{key:4,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(J,{key:5,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(K,{key:6,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(Y,{key:7,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(X,{key:8,class:"mb-4"})):f("",!0)]),p("div",As,[l(Z,{value:e.consumption,service:e.service},null,8,["value","service"]),l(ee,{type:"primary",class:"btn w-full",round:"",onClick:s[0]||(s[0]=ca=>e.$emit("generate"))},{default:m(()=>[l(x,{icon:"fa-solid fa-magic",class:"mr-2"}),q(" "+i(e.$t("qrart.button.generate")),1)]),_:1})])])}const Ts=$(Ss,[["render",Rs]]),Is=_({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:Ae,FontAwesomeIcon:I,ElAlert:Te,ImageWrapper:Re},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,"_blank")},onReload(e){const s=e.target,u=new URL(s.src),d=u.searchParams.get("retry");if(!d)u.searchParams.set("retry","1");else if(parseInt(d)<2)u.searchParams.set("retry",(parseInt(d)+1).toString());else return;s.src=u.toString()},onOpenUrl(e){window.open(e,"_blank")},onDownload(e){const s=document.createElement("a");s.href=e,s.download=e.split("/").pop(),s.click()}}}),Cs={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Us={class:"left"},Ls={class:"main flex-1 w-[calc(100%-70px)] pt-[10px] pr-[10px] pb-0 pl-[10px]"},Ps={class:"bot text-[16px] font-bold text-[rgb(46,204,113)]"},Ds={class:"datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]"},Ms={class:"info"},zs={key:0,class:"prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px]"},Gs={key:0},Qs={key:0,class:R({content:!0,failed:!0})},js={class:"description"},Fs={class:"description"},Os={key:0,class:"description"},Ns={key:1,class:"description"},Bs={key:2,class:"description"},Ws={key:1,class:R({content:!0})},Hs={class:"description"},Js={class:"description"},Ks={class:"description"},Ys={key:2,class:R({content:!0})},Xs={class:"description"};function Zs(e,s,u,d,v,g){const n=o("el-image"),r=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),S=o("el-alert");return a(),c("div",Cs,[p("div",Us,[l(n,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-white p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),p("div",Ls,[p("div",Ps,[q(i(e.$t("qrart.name.qrartBot"))+" ",1),p("span",Ds,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),p("div",Ms,[e.modelValue?.request?.prompt?(a(),c("p",zs,[q(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Gs," - ("+i(e.$t("qrart.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Qs,[e.modelValue?.response?.image_url?(a(),h(r,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,["src","raw-src"])):f("",!0),l(S,{closable:!1,class:"mt-2 success"},{default:m(()=>[p("p",js,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Fs,[l(t,{icon:"fa-solid fa-diamond",class:"mr-1"}),q(" "+i(e.$t("qrart.name.type"))+": "+i(e.$t("qrart.type."+e.modelValue?.request?.type))+" ",1),l(b,{content:e.modelValue?.request?.type,class:"btn-copy"},null,8,["content"])]),e.modelValue?.request?.content?(a(),c("p",Os,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.content"))+": "+i(e.modelValue?.request?.content)+" ",1),l(b,{content:e.modelValue?.request?.content,class:"btn-copy"},null,8,["content"])])):f("",!0),e.modelValue?.request?.content_image_url?(a(),c("p",Ns,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.contentImageUrl"))+": ",1),l(t,{icon:"fa-solid fa-up-right-from-square",class:"mr-1 cursor-pointer",onClick:s[0]||(s[0]=T=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):f("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Bs,[l(t,{icon:"fa-solid fa-seedling",class:"mr-1"}),q(" "+i(e.$t("qrart.name.seed"))+": "+i(e.modelValue?.request?.seed||e.modelValue?.response?.seed)+" ",1),l(b,{content:(e.modelValue?.request?.seed||e.modelValue?.response?.seed).toString(),class:"btn-copy"},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(a(),c("div",Ws,[l(S,{closable:!1,class:"failure"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Hs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Js,[l(t,{icon:"fa-solid fa-circle-info",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),l(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),p("p",Ks,[l(t,{icon:"fa-solid fa-hashtag",class:"mr-1"}),q(" "+i(e.$t("qrart.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),l(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?f("",!0):(a(),c("div",Ys,[l(S,{closable:!1,class:"info"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Xs,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const xs=$(Is,[["render",Zs],["__scopeId","data-v-9ee64fb6"]]),ea=_({name:"RecentPanel",components:{TaskPreview:xs,BotPlaceholder:Ie,NoTasks:Se},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),ta={key:0},sa={key:1,class:"tasks h-full w-full overflow-y-auto"},aa={key:2,class:"w-full h-full flex items-center justify-center"};function oa(e,s,u,d,v,g){const n=o("bot-placeholder"),r=o("task-preview"),t=o("no-tasks");return a(),c(k,null,[e.tasks?.items===void 0?(a(),c("div",ta,[l(n)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),c("div",sa,[(a(!0),c(k,null,w(e.tasks?.items,(b,S)=>(a(),h(r,{key:S,"model-value":b},null,8,["model-value"]))),128))])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",aa,[l(t)])):f("",!0)],64)}const la=$(ea,[["render",oa]]),na="https://webhook.acedata.cloud/qrart",ra=_({name:"QrartIndex",components:{ConfigPanel:Ts,Layout:Me,ApplicationStatus:Ee,RecentPanel:la},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.qrart?.status?.getApplications===P.Request},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===P.Request},needApply(){return this.$store.state.qrart.status.getApplications===P.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("qrart/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("qrart/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){$e.create({application:this.application}).then(({data:e})=>{this.application=e,A.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ve&&A.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:u,createdAtMax:d}=e||{};console.debug("limit",s,"createdAtMin",u,"createdAtMax",d),await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:u,createdAtMax:d})},async onGenerate(){const e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,callback_url:na,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}},s=this.credential?.token;if(!s){console.error("no token specified");return}A.info(this.$t("qrart.message.startingTask")),fe.generate(e,{token:s}).then(()=>{A.success(this.$t("qrart.message.startTaskSuccess"))}).catch(u=>{u?.response?.data?.error?.code===_e?A.error(this.$t("qrart.message.usedUp")):A.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ia(e,s,u,d,v,g){const n=o("config-panel"),r=o("application-status"),t=o("recent-panel"),b=o("layout");return a(),h(b,null,{config:m(()=>[l(n,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[l(r,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=S=>e.$store.dispatch("qrart/setApplication",S))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),l(t,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Ja=$(ra,[["render",ia],["__scopeId","data-v-667ba1b5"]]);export{Ja as default};
|