@acedatacloud/nexior 3.24.2 → 3.25.0

package/dist/assets/{Index-BGpRIRnJ.js → Index-DiA-s1qk.js}

@@ -1 +1 @@
-import{C}from"./CopyToClipboard-C_xMmtDc.js";import{d as I,dk as F,ed as T,ee as N,ef as P,h as B,i as r,j as o,k as i,l,t as e,x as s,b as p,D as m,y as k,o as n}from"./index-BjMVMy9y.js";import{d as O,a as w,s as M}from"./distribution-tLpcb6Nq.js";import{g as q}from"./price-CG10y7sa.js";import{F as R}from"./index.es-B6L7VFNr.js";import{E as z}from"./index-bryRJW_X.js";import{E as U,a as V}from"./index-BbDlaK5a.js";import{E as A}from"./index-DulF_7UO.js";import{E as H,a as G,b as Q}from"./index-DXfYQh0Z.js";import{E as j}from"./index-Bk6FKSGz.js";import{E as W}from"./index-7746Wyq5.js";import{E as Y}from"./index-WJgswFMW.js";import"./index-B-7UQmSa.js";import"./typescript-DXZhO2KE.js";import"./index-BzF_Ko5s.js";import"./_initCloneObject-CwAtjxb1.js";import"./isPlainObject-BF8_keIM.js";import"./_baseIteratee-7W3vde5j.js";import"./isEqual-Df5ippj8.js";import"./castArray-7tYrhn6A.js";import"./debounce-09KXX3DN.js";import"./index-CgDmoqKO.js";import"./use-form-item-CZJno9cW.js";import"./index-D19A578F.js";import"./index-r5W6hzzQ.js";const J=I({name:"ConsoleDistributionList",components:{CopyToClipboard:C,FontAwesomeIcon:R,QrCode:F,ElProgress:Y,ElRow:Q,ElCol:G,ElButton:W,ElDivider:j,ElCard:H,ElTooltip:A,ElTable:V,ElTableColumn:U,ElSkeleton:z},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")},distributionLevelMap(){let t={};return this.distributionLevels.forEach(a=>{t[a.level]=a}),t}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:q,goHistory(){this.$router.push({name:P})},goInvitees(){this.$router.push({name:N})},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},getPercentageForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,a=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-t)/(a-t)*100)},getDeltaForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(t-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await w.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){const a=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{const v=(await M.create(a))?.data?.data?.url;this.distributionLink=(v||a).replace("surl.id","share.acedata.cloud")}catch{this.distributionLink=a}},async onFetchDistributionStatus(){const{data:t}=await w.getAll({user_id:this.$store.getters.user.id});t.items&&t.items.length>0&&(this.distributionStatus=t.items[0])},async onFetchDistributionLevels(){const{data:t}=await O.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=t.items},async onFetchInvitees(){const{data:t}=await T.getInvitees({});this.invitees=t.items,this.inviteesCount=t.count}}}),K={class:"title"},X={key:1},Z={class:"icon-wrapper"},x={class:"text-left"},tt={class:"description"},et={class:"value"},it={key:1},st={class:"icon-wrapper"},ot={class:"text-left"},nt={class:"description"},lt={class:"value"},at={key:1},rt={class:"icon-wrapper"},dt={class:"text-left"},ct={class:"description"},ut={class:"value"},pt={key:1},ht={class:"icon-wrapper"},mt={class:"text-left"},_t={class:"description"},bt={class:"value"},vt={key:1},ft={class:"title"},gt={class:"clear-both overflow-hidden"},kt={class:"float-left description"},yt={class:"float-right description"},$t={class:"description"},wt={class:"level"},Lt={class:"level"},St={class:"level"},Et={key:1},Dt={class:"title"},Ct={class:"link-wrapper text-center"},It=["href"],Ft={class:"qr-wrapper ml-auto mr-auto"},Tt={class:"mt-0"},Nt={class:"description"},Pt={class:"more"};function Bt(t,a,v,Ot,Mt,qt){const d=l("el-col"),_=l("el-row"),c=l("el-skeleton"),b=l("font-awesome-icon"),f=l("el-button"),u=l("el-card"),y=l("el-tooltip"),L=l("el-progress"),$=l("el-divider"),g=l("el-table-column"),S=l("el-table"),E=l("copy-to-clipboard"),D=l("qr-code");return n(),r(_,{class:"panel"},{default:o(()=>[i(d,{span:24},{default:o(()=>[i(_,null,{default:o(()=>[i(d,{span:24},{default:o(()=>[e("h2",K,s(t.$t("common.title.distribution")),1)]),_:1})]),_:1}),i(_,{gutter:15},{default:o(()=>[i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",X,[e("div",Z,[i(b,{icon:"fa-solid fa-wallet",class:"icon"})]),e("div",x,[e("p",tt,s(t.$t("distribution.title.price")),1),e("p",et,s(t.getPriceString({value:t.distributionStatus?.price})),1)]),i(f,{type:"primary",round:"",size:"small",class:"btn",onClick:t.goHistory},{default:o(()=>[m(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",it,[e("div",st,[i(b,{icon:"fa-solid fa-coins",class:"icon"})]),e("div",ot,[e("p",nt,s(t.$t("distribution.title.reward")),1),e("p",lt,s(t.getPriceString({value:t.distributionStatus?.reward})),1)]),i(y,{effect:"dark",content:t.$t("distribution.message.developingWithDrawal"),placement:"top"},{default:o(()=>[i(f,{type:"primary",round:"",size:"small",class:"btn"},{default:o(()=>[m(s(t.$t("distribution.button.withdrawal")),1)]),_:1})]),_:1},8,["content"])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",at,[e("div",rt,[i(b,{icon:"fa-solid fa-percent",class:"icon"})]),e("div",dt,[e("p",ct,s(t.$t("distribution.title.percentage")),1),e("p",ut,s(t.distributionStatus?.level?.percentage)+"%",1)])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",pt,[e("div",ht,[i(b,{icon:"fa-regular fa-user",class:"icon"})]),e("div",mt,[e("p",_t,s(t.$t("distribution.title.inviteesCount")),1),e("p",bt,s(t.inviteesCount),1)]),i(f,{type:"primary",round:"",size:"small",class:"btn",onClick:t.goInvitees},{default:o(()=>[m(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1})]),_:1}),i(_,{gutter:15},{default:o(()=>[i(d,{md:12,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"level-info mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",vt,[e("h4",ft,s(t.$t("distribution.title.levelInfo")),1),e("div",gt,[e("div",kt,[e("p",null,s(t.$t("distribution.title.currentLevel"))+": L"+s(t.distributionStatus?.level?.level),1),e("p",null,s(t.$t("distribution.title.currentPercentage"))+": "+s(t.distributionLevelMap[t.distributionStatus?.level?.level]?.percentage)+"% ",1)]),e("div",yt,[e("p",null,s(t.$t("distribution.title.nextLevel"))+": L"+s(t.distributionStatus?.level?.level+1),1),e("p",null,s(t.$t("distribution.title.nextPercentage"))+": "+s(t.distributionLevelMap[t.distributionStatus?.level?.level+1]?.percentage)+"% ",1)])]),i(L,{"text-inside":!0,"stroke-width":20,percentage:t.getPercentageForNextLevel(),class:"mb-2"},null,8,["percentage"]),e("p",$t,s(t.$t("distribution.message.deltaPriceForNextLevel"))+": $"+s(t.getDeltaForNextLevel()),1),i($),t.distributionLevels?(n(),r(S,{key:0,data:t.distributionLevels,stripe:""},{default:o(()=>[i(g,{label:t.$t("distribution.field.level")},{default:o(h=>[e("span",wt,"L"+s(h.row?.level),1)]),_:1},8,["label"]),i(g,{label:t.$t("distribution.field.threshold")},{default:o(h=>[e("span",Lt,"$"+s(h.row?.threshold),1)]),_:1},8,["label"]),i(g,{label:t.$t("distribution.field.percentage")},{default:o(h=>[e("span",St,s(h.row?.percentage)+"%",1)]),_:1},8,["label"])]),_:1},8,["data"])):k("",!0)]))]),_:1})]),_:1}),i(d,{md:12,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"distribution-info mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",Et,[e("h4",Dt,s(t.$t("distribution.title.distributionLink")),1),i($),e("div",Ct,[k("",!0),e("a",{href:t.distributionLink,class:"link"},s(t.distributionLink),9,It),i(E,{content:t.distributionLink},null,8,["content"])]),e("div",Ft,[t.distributionLink?(n(),r(D,{key:0,value:t.distributionLink,size:180,margin:2,class:"block mb-2 ml-auto mr-auto",type:"image/png",color:{dark:"#000000",light:"#ffffff"}},null,8,["value"])):k("",!0),e("p",Tt,s(t.$t("distribution.message.distributionQrDescription")),1)]),e("p",Nt,[m(s(t.$t("distribution.message.distributionLinkDescription"))+" ",1),e("span",Pt,[i(y,{effect:"dark",content:t.$t("distribution.message.distributionLinkDescription2"),placement:"top"},{default:o(()=>[m(s(t.$t("distribution.message.technicalDetail")),1)]),_:1},8,["content"])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const de=B(J,[["render",Bt],["__scopeId","data-v-a8befdf2"]]);export{de as default};
+import{C}from"./CopyToClipboard-DgotqLxr.js";import{d as I,dj as F,en as T,eo as N,ep as P,h as B,i as r,j as o,k as i,l,t as e,x as s,b as p,D as m,y as k,o as n}from"./index-BHWAOEcf.js";import{d as O,a as w,s as M}from"./distribution-C85LoBvQ.js";import{g as q}from"./price-HfrxdcfW.js";import{F as R}from"./index.es-B5BxExPu.js";import{E as z}from"./index-yCwOWgs4.js";import{E as U,a as V}from"./index-pMVrQRue.js";import{E as A}from"./index-BTdPZbJx.js";import{E as H,a as j,b as G}from"./index-B5Lioaz1.js";import{E as Q}from"./index-Dno4ZZGJ.js";import{E as W}from"./index-BrZEkGia.js";import{E as Y}from"./index-CABd8l27.js";import"./index-DpwLjErO.js";import"./typescript-BJu9PjgO.js";import"./index-CZeM6Tp2.js";import"./_initCloneObject-j_ExEGAU.js";import"./isPlainObject-B0WNvF5u.js";import"./_baseIteratee-DabyO38L.js";import"./isEqual-VZNlgh-o.js";import"./castArray-KB0R_QyF.js";import"./debounce-C3VeLj5t.js";import"./index-Cx5qFJ0y.js";import"./use-form-item-Cfa-OGdg.js";import"./index-CrAgxKlm.js";import"./index-r5W6hzzQ.js";const J=I({name:"ConsoleDistributionList",components:{CopyToClipboard:C,FontAwesomeIcon:R,QrCode:F,ElProgress:Y,ElRow:G,ElCol:j,ElButton:W,ElDivider:Q,ElCard:H,ElTooltip:A,ElTable:V,ElTableColumn:U,ElSkeleton:z},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")},distributionLevelMap(){let t={};return this.distributionLevels.forEach(a=>{t[a.level]=a}),t}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:q,goHistory(){this.$router.push({name:P})},goInvitees(){this.$router.push({name:N})},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},getPercentageForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,a=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-t)/(a-t)*100)},getDeltaForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(t-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await w.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){const a=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{const v=(await M.create(a))?.data?.data?.url;this.distributionLink=(v||a).replace("surl.id","share.acedata.cloud")}catch{this.distributionLink=a}},async onFetchDistributionStatus(){const{data:t}=await w.getAll({user_id:this.$store.getters.user.id});t.items&&t.items.length>0&&(this.distributionStatus=t.items[0])},async onFetchDistributionLevels(){const{data:t}=await O.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=t.items},async onFetchInvitees(){const{data:t}=await T.getInvitees({});this.invitees=t.items,this.inviteesCount=t.count}}}),K={class:"title"},X={key:1},Z={class:"icon-wrapper"},x={class:"text-left"},tt={class:"description"},et={class:"value"},it={key:1},st={class:"icon-wrapper"},ot={class:"text-left"},nt={class:"description"},lt={class:"value"},at={key:1},rt={class:"icon-wrapper"},dt={class:"text-left"},ct={class:"description"},ut={class:"value"},pt={key:1},ht={class:"icon-wrapper"},mt={class:"text-left"},_t={class:"description"},bt={class:"value"},vt={key:1},ft={class:"title"},gt={class:"clear-both overflow-hidden"},kt={class:"float-left description"},yt={class:"float-right description"},$t={class:"description"},wt={class:"level"},Lt={class:"level"},St={class:"level"},Et={key:1},Dt={class:"title"},Ct={class:"link-wrapper text-center"},It=["href"],Ft={class:"qr-wrapper ml-auto mr-auto"},Tt={class:"mt-0"},Nt={class:"description"},Pt={class:"more"};function Bt(t,a,v,Ot,Mt,qt){const d=l("el-col"),_=l("el-row"),c=l("el-skeleton"),b=l("font-awesome-icon"),f=l("el-button"),u=l("el-card"),y=l("el-tooltip"),L=l("el-progress"),$=l("el-divider"),g=l("el-table-column"),S=l("el-table"),E=l("copy-to-clipboard"),D=l("qr-code");return n(),r(_,{class:"panel"},{default:o(()=>[i(d,{span:24},{default:o(()=>[i(_,null,{default:o(()=>[i(d,{span:24},{default:o(()=>[e("h2",K,s(t.$t("common.title.distribution")),1)]),_:1})]),_:1}),i(_,{gutter:15},{default:o(()=>[i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",X,[e("div",Z,[i(b,{icon:"fa-solid fa-wallet",class:"icon"})]),e("div",x,[e("p",tt,s(t.$t("distribution.title.price")),1),e("p",et,s(t.getPriceString({value:t.distributionStatus?.price})),1)]),i(f,{type:"primary",round:"",size:"small",class:"btn",onClick:t.goHistory},{default:o(()=>[m(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",it,[e("div",st,[i(b,{icon:"fa-solid fa-coins",class:"icon"})]),e("div",ot,[e("p",nt,s(t.$t("distribution.title.reward")),1),e("p",lt,s(t.getPriceString({value:t.distributionStatus?.reward})),1)]),i(y,{effect:"dark",content:t.$t("distribution.message.developingWithDrawal"),placement:"top"},{default:o(()=>[i(f,{type:"primary",round:"",size:"small",class:"btn"},{default:o(()=>[m(s(t.$t("distribution.button.withdrawal")),1)]),_:1})]),_:1},8,["content"])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",at,[e("div",rt,[i(b,{icon:"fa-solid fa-percent",class:"icon"})]),e("div",dt,[e("p",ct,s(t.$t("distribution.title.percentage")),1),e("p",ut,s(t.distributionStatus?.level?.percentage)+"%",1)])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",pt,[e("div",ht,[i(b,{icon:"fa-regular fa-user",class:"icon"})]),e("div",mt,[e("p",_t,s(t.$t("distribution.title.inviteesCount")),1),e("p",bt,s(t.inviteesCount),1)]),i(f,{type:"primary",round:"",size:"small",class:"btn",onClick:t.goInvitees},{default:o(()=>[m(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1})]),_:1}),i(_,{gutter:15},{default:o(()=>[i(d,{md:12,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"level-info mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",vt,[e("h4",ft,s(t.$t("distribution.title.levelInfo")),1),e("div",gt,[e("div",kt,[e("p",null,s(t.$t("distribution.title.currentLevel"))+": L"+s(t.distributionStatus?.level?.level),1),e("p",null,s(t.$t("distribution.title.currentPercentage"))+": "+s(t.distributionLevelMap[t.distributionStatus?.level?.level]?.percentage)+"% ",1)]),e("div",yt,[e("p",null,s(t.$t("distribution.title.nextLevel"))+": L"+s(t.distributionStatus?.level?.level+1),1),e("p",null,s(t.$t("distribution.title.nextPercentage"))+": "+s(t.distributionLevelMap[t.distributionStatus?.level?.level+1]?.percentage)+"% ",1)])]),i(L,{"text-inside":!0,"stroke-width":20,percentage:t.getPercentageForNextLevel(),class:"mb-2"},null,8,["percentage"]),e("p",$t,s(t.$t("distribution.message.deltaPriceForNextLevel"))+": $"+s(t.getDeltaForNextLevel()),1),i($),t.distributionLevels?(n(),r(S,{key:0,data:t.distributionLevels,stripe:""},{default:o(()=>[i(g,{label:t.$t("distribution.field.level")},{default:o(h=>[e("span",wt,"L"+s(h.row?.level),1)]),_:1},8,["label"]),i(g,{label:t.$t("distribution.field.threshold")},{default:o(h=>[e("span",Lt,"$"+s(h.row?.threshold),1)]),_:1},8,["label"]),i(g,{label:t.$t("distribution.field.percentage")},{default:o(h=>[e("span",St,s(h.row?.percentage)+"%",1)]),_:1},8,["label"])]),_:1},8,["data"])):k("",!0)]))]),_:1})]),_:1}),i(d,{md:12,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"distribution-info mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",Et,[e("h4",Dt,s(t.$t("distribution.title.distributionLink")),1),i($),e("div",Ct,[k("",!0),e("a",{href:t.distributionLink,class:"link"},s(t.distributionLink),9,It),i(E,{content:t.distributionLink},null,8,["content"])]),e("div",Ft,[t.distributionLink?(n(),r(D,{key:0,value:t.distributionLink,size:180,margin:2,class:"block mb-2 ml-auto mr-auto",type:"image/png",color:{dark:"#000000",light:"#ffffff"}},null,8,["value"])):k("",!0),e("p",Tt,s(t.$t("distribution.message.distributionQrDescription")),1)]),e("p",Nt,[m(s(t.$t("distribution.message.distributionLinkDescription"))+" ",1),e("span",Pt,[i(y,{effect:"dark",content:t.$t("distribution.message.distributionLinkDescription2"),placement:"top"},{default:o(()=>[m(s(t.$t("distribution.message.technicalDetail")),1)]),_:1},8,["content"])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const de=B(J,[["render",Bt],["__scopeId","data-v-a8befdf2"]]);export{de as default};

package/dist/assets/Index-DrTIdg50.js

@@ -0,0 +1 @@
+import{F as U}from"./index.es-B5BxExPu.js";import{E as C}from"./index-BrZEkGia.js";import{E as W}from"./index-DRhl7LNX.js";import{d as k,h as y,b as l,t as c,k as o,r as P,j as $,l as s,o as a,x as n,cf as H,D as p,F as A,v as E,i as V,fs as x,ft as K,fu as S,fv as T,fw as j,fx as M,fy as D,y as b,n as O,aq as J,fz as Q,dN as X,dJ as F}from"./index-BHWAOEcf.js";import{I as q,S as Y}from"./ScrollList-9YjkSrQI.js";import{E as Z}from"./index-CCKUub4u.js";import{I as z}from"./ImagePreview-DhYLHTps.js";import{E as ee}from"./index-DjcJC0zK.js";import{E as I}from"./index-DDqBSSFk.js";import{E as B,a as G}from"./index-IMW6uuh-.js";import{C as te,N as oe}from"./NoTasks-BpOa5vFX.js";import{a as ne}from"./price-HfrxdcfW.js";import{C as ae}from"./CopyToClipboard-DgotqLxr.js";import{I as se}from"./ImageWrapper-Dm7lQPbW.js";import{E as le}from"./index-BTdPZbJx.js";import{E as re}from"./index-Bgzvc62r.js";import{E as ie}from"./index-CmsT3Np_.js";import{B as ce}from"./BotPlaceholder-8zDrksua.js";import"./use-form-item-Cfa-OGdg.js";import"./index-r5W6hzzQ.js";import"./typescript-BJu9PjgO.js";import"./index-CZeM6Tp2.js";import"./index-DZtScTkG.js";import"./index-CABd8l27.js";import"./_baseClone-BNWubnsE.js";import"./_initCloneObject-j_ExEGAU.js";import"./isEqual-VZNlgh-o.js";import"./index-DpwLjErO.js";import"./strings-CASQTtYR.js";import"./castArray-KB0R_QyF.js";import"./debounce-C3VeLj5t.js";import"./_baseIteratee-DabyO38L.js";import"./index-CrAgxKlm.js";import"./index-yCwOWgs4.js";const ue=k({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:C,FontAwesomeIcon:U},data(){return{drawer:!1}}}),de={class:"main flex flex-row flex-1"},me={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 fe(e,t,g,r,u,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-drawer");return a(),l("div",de,[c("div",me,[P(e.$slots,"config",{},void 0,!0)]),c("div",pe,[P(e.$slots,"result",{},void 0,!0)]),o(_,{circle:"",class:"menu",onClick:t[0]||(t[0]=m=>e.drawer=!0)},{default:$(()=>[o(h,{icon:"fa-solid fa-magic"})]),_:1}),o(d,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const he=y(ue,[["render",fe],["__scopeId","data-v-3794959b"]]),_e="",ge=k({name:"PromptInput",components:{ElInput:Z,InfoIcon:q},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=_e)}}),be={class:"field"},$e={class:"box"},ve={class:"title font-bold"};function ke(e,t,g,r,u,f){const h=s("info-icon"),_=s("el-input");return a(),l("div",be,[c("div",$e,[c("h2",ve,n(e.$t("nanobanana.name.prompt")),1),o(h,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),o(_,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=d=>e.prompt=d),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ye=y(ge,[["render",ke],["__scopeId","data-v-38b040ab"]]),we=k({name:"ImageUrlsInput",components:{ElUpload:ee,ElButton:C,InfoIcon:q,ImagePreview:z,FontAwesomeIcon:U},data(){return{fileList:[],uploadUrl:H()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const r=(this.fileList||[]).filter(u=>!u?.response?.file_url);this.fileList=r.length?r:[];return}const t=[];e.forEach(r=>{const u=this.fileList.find(f=>f?.response?.file_url===r||f?.url===r);u?t.push(u):t.push({name:r.split("/").pop()||r,url:r,status:"success",percentage:100,response:{file_url:r}})}),(this.fileList||[]).filter(r=>!r?.response?.file_url).forEach(r=>{t.some(f=>f===r||f?.url===r?.url||f?.response?.file_url===r?.response?.file_url)||t.push(r)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){I.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){I.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ae={class:"field flex items-center justify-between"},Ve={class:"title font-bold text-[14px] mb-[10px]"},Ee={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Ne={class:"controls flex items-center"},Ie={class:"file-list flex flex-wrap gap-[10px]"};function Re(e,t,g,r,u,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-upload"),m=s("info-icon"),w=s("image-preview");return a(),l(A,null,[c("div",Ae,[c("h2",Ve,n(e.$t("nanobanana.name.imageUrls")),1),c("div",Ee,[c("div",Ne,[o(d,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=i=>e.fileList=i),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[o(_,{size:"small",type:"primary",round:""},{default:$(()=>[o(h,{icon:"fa-solid fa-upload",class:"mr-1"}),p(" "+n(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(m,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),c("div",Ie,[(a(!0),l(A,null,E(e.fileList,(i,v)=>(a(),V(w,{key:i.uid||i?.response?.file_url||i.url||v,url:i.url||i?.response?.file_url,name:i.name,percentage:i.percentage,onRemove:N=>e.onRemovePreview(v,i)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Le=y(we,[["render",Re]]),Te=k({name:"AspectRatioSelector",components:{ElSelect:G,ElOption:B},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e);const t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit("nanobanana/setConfig",t)}}}}),Se={class:"field"},Ue={class:"title font-bold"};function Ce(e,t,g,r,u,f){const h=s("el-option"),_=s("el-select");return a(),l("div",Se,[c("h2",Ue,n(e.$t("nanobanana.name.aspectRatio")),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=d=>e.value=d),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(a(!0),l(A,null,E(e.options,d=>(a(),V(h,{key:d,label:d,value:d},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Oe=y(Te,[["render",Ce],["__scopeId","data-v-67f08a08"]]),qe=k({name:"NanobananaModelSelector",components:{ElSelect:G,ElOption:B,InfoIcon:q},data(){return{options:[{value:K,label:this.$t("nanobanana.model.nanoBanana")},{value:S,label:this.$t("nanobanana.model.nanoBananaPro")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t("nanobanana.description.model")}},mounted(){this.value||(this.value=x)}}),Pe={class:"field"},Be={class:"label"},Ge={class:"box"},je={class:"title font-bold"};function Me(e,t,g,r,u,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return a(),l("div",Pe,[c("div",Be,[c("div",Ge,[c("h2",je,n(e.$t("nanobanana.name.model")),1),o(h,{content:e.modelDescription,class:"info"},null,8,["content"])])]),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(a(!0),l(A,null,E(e.options,m=>(a(),V(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=y(qe,[["render",Me],["__scopeId","data-v-e279ee32"]]),Fe=k({name:"NanobananaResolutionSelector",components:{ElSelect:G,ElOption:B,InfoIcon:q},data(){return{cachedResolution:T,options:[{value:j,label:j},{value:M,label:M},{value:D,label:D}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model===S}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||(this.value=this.cachedResolution||T):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=T),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ze={class:"field"},We={class:"label"},He={class:"box"},xe={class:"title font-bold"};function Ke(e,t,g,r,u,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return a(),l("div",ze,[c("div",We,[c("div",He,[c("h2",xe,n(e.$t("nanobanana.name.resolution")),1),o(h,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:$(()=>[(a(!0),l(A,null,E(e.options,m=>(a(),V(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Je=y(Fe,[["render",Ke],["__scopeId","data-v-05ae87bb"]]),Qe=k({name:"ConfigPanel",components:{ElButton:C,FontAwesomeIcon:U,PromptInput:ye,Consumption:te,ImageUrlsInput:Le,AspectRatioSelector:Oe,ModelSelector:De,ResolutionSelector:Je},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return ne({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Xe={class:"flex flex-col h-full"},Ye={class:"flex-1 overflow-y-auto p-[15px]"},Ze={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function et(e,t,g,r,u,f){const h=s("model-selector"),_=s("resolution-selector"),d=s("prompt-input"),m=s("aspect-ratio-selector"),w=s("image-urls-input"),i=s("consumption"),v=s("font-awesome-icon"),N=s("el-button");return a(),l("div",Xe,[c("div",Ye,[o(h,{class:"mb-4"}),o(_,{class:"mb-4"}),o(d,{class:"mb-4"}),o(m,{class:"mb-4"}),o(w,{class:"mb-4"})]),c("div",Ze,[o(i,{value:e.consumption,service:e.service},null,8,["value","service"]),o(N,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[o(v,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=y(Qe,[["render",et]]),ot=k({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:ae,FontAwesomeIcon:U,ElAlert:re,ImageWrapper:se,ElButton:C,ElTooltip:le,ImagePreview:z},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit("nanobanana/setConfig",t)}}}),nt={class:"preview"},at={class:"left"},st={class:"main"},lt={class:"bot"},rt={class:"datetime"},it={class:"info"},ct={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},ut={key:1,class:"prompt mt-2"},dt={key:0},mt={key:0,class:O({content:!0,failed:!0})},pt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},ft={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},ht={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},gt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},vt={key:1,class:O({content:!0})},kt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Nt={key:2,class:O({content:!0})},It={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function St(e,t,g,r,u,f){const h=s("el-image"),_=s("image-preview"),d=s("image-wrapper"),m=s("el-button"),w=s("el-tooltip"),i=s("font-awesome-icon"),v=s("copy-to-clipboard"),N=s("el-alert");return a(),l("div",nt,[c("div",at,[o(h,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),c("div",st,[c("div",lt,[p(n(e.$t("nanobanana.name.nanobananaBot"))+" ",1),c("span",rt,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",it,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(a(),l("div",ct,[(a(!0),l(A,null,E(e.modelValue?.request?.image_urls,(R,L)=>(a(),V(_,{key:L,url:R,name:`image-${L+1}`,closable:!1},null,8,["url","name"]))),128))])):b("",!0),e.modelValue?.request?.prompt?(a(),l("p",ut,[p(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?b("",!0):(a(),l("span",dt," - ("+n(e.$t("nanobanana.status.pending"))+") ",1))])):b("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",mt,[c("div",pt,[(a(!0),l(A,null,E(e.images,(R,L)=>(a(),V(d,{key:L,src:R?.image_url,"raw-src":R?.image_url},null,8,["src","raw-src"]))),128))]),c("div",ft,[o(w,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[o(m,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=J(R=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[p(n(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(N,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(a(),l("p",ht,[o(i,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.model"))+": "+n(e.modelValue?.request?.model),1)])):b("",!0),e.modelValue?.request?.resolution?(a(),l("p",_t,[o(i,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.resolution"))+": "+n(e.modelValue?.request?.resolution),1)])):b("",!0),e.modelValue?.request?.action?(a(),l("p",gt,[o(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.task"))+": "+n(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):b("",!0),c("p",bt,[o(i,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),l("p",$t,[o(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):b("",!0)]),_:1})])):b("",!0),e.modelValue?.response?.success===!1?(a(),l("div",vt,[o(N,{closable:!1,class:"failure"},{template:$(()=>[o(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(a(),l("p",kt,[o(i,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.model"))+": "+n(e.modelValue?.request?.model),1)])):b("",!0),e.modelValue?.request?.resolution?(a(),l("p",yt,[o(i,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.resolution"))+": "+n(e.modelValue?.request?.resolution),1)])):b("",!0),e.modelValue?.request?.action?(a(),l("p",wt,[o(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.task"))+": "+n(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):b("",!0),c("p",At,[o(i,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Vt,[o(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),o(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),l("p",Et,[o(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):b("",!0)]),_:1})])):b("",!0),e.modelValue?.response?b("",!0):(a(),l("div",Nt,[o(N,{closable:!1,class:"info"},{template:$(()=>[o(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(a(),l("p",It,[o(i,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.model"))+": "+n(e.modelValue?.request?.model),1)])):b("",!0),e.modelValue?.request?.resolution?(a(),l("p",Rt,[o(i,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.resolution"))+": "+n(e.modelValue?.request?.resolution),1)])):b("",!0),e.modelValue?.request?.action?(a(),l("p",Lt,[o(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.task"))+": "+n(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):b("",!0),c("p",Tt,[o(i,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("nanobanana.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Ut=y(ot,[["render",St],["__scopeId","data-v-c93459a1"]]),Ct=k({name:"RecentPanel",components:{TaskPreview:Ut,BotPlaceholder:ce,NoTasks:oe,ScrollList:Y},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ot={key:0},qt={key:2,class:"w-full h-full flex items-center justify-center"};function Pt(e,t,g,r,u,f){const h=s("bot-placeholder"),_=s("task-preview"),d=s("scroll-list"),m=s("no-tasks");return a(),l(A,null,[e.tasks?.items===void 0?(a(),l("div",Ot,[o(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),V(d,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=w=>e.$emit("reach-top"))},{default:$(()=>[(a(!0),l(A,null,E(e.tasks?.items,w=>(a(),V(_,{key:w.id,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):b("",!0),e.tasks?.items?.length===0?(a(),l("div",qt,[o(m)])):b("",!0)],64)}const Bt=y(Ct,[["render",Pt]]),Gt="https://webhook.acedata.cloud/nanobanana",jt=k({name:"NanobananaIndex",components:{ConfigPanel:tt,Layout:he,RecentPanel:Bt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){if(console.debug("reached top"),this.loading||this.tasksLoading)return;const e=this.tasks?.total,t=this.tasks?.items?.length||0;if(e!==void 0&&e<=t)return;const g=this.tasks?.items?.[0];if(!g?.created_at)return;const u=this.$refs.recentPanel?.getScrollElement?.(),f=u?.scrollHeight||0,h=u?.scrollTop||0;this.loading=!0;try{if(await this.onGetTasks({createdAtMax:g.created_at}),await this.$nextTick(),u){const _=u.scrollHeight;u.scrollTop=_-f+h}}finally{this.loading=!1}},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:g,createdAtMax:r}=e||{};console.debug("limit",t,"createdAtMin",g,"createdAtMax",r),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:g,createdAtMax:r})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&"image_urls"in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==S&&"resolution"in e&&delete e.resolution,e?.model===S&&!e?.resolution&&(e.resolution=T);const g={...e,action:t?"edit":"generate",callback_url:Gt},r=this.credential?.token;if(!r){console.error("no token specified");return}I.info(this.$t("nanobanana.message.startingTask")),Q.generate(g,{token:r}).then(()=>{I.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(u=>{const f=u?.response?.data;f?.error?.code===X?I.error(this.$t("nanobanana.message.usedUp")):I.error(this.$t("nanobanana.message.startTaskFailed")+(f?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Mt(e,t,g,r,u,f){const h=s("config-panel"),_=s("recent-panel"),d=s("layout");return a(),V(d,null,{config:$(()=>[o(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[o(_,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const wo=y(jt,[["render",Mt]]);export{wo as default};

package/dist/assets/Index-Scdh2Egu.js

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

package/dist/assets/Index-T1yLCrp1.js

@@ -0,0 +1 @@
+import{F as P}from"./index.es-B5BxExPu.js";import{E as L}from"./index-BrZEkGia.js";import{E as O}from"./index-DRhl7LNX.js";import{d as $,h as k,b as r,t as l,k as t,r as U,j as u,l as s,o as a,eJ as q,x as i,F as S,v as T,i as V,eK as B,D as h,eL as j,cf as N,y as g,n as A,eM as z,dN as F,dr as K,dI as J,dJ as C}from"./index-BHWAOEcf.js";import{I as D,S as H}from"./ScrollList-9YjkSrQI.js";import{E as Q}from"./index-_Y99ywre.js";import{E as G,a as M}from"./index-IMW6uuh-.js";import{a as W,E as X}from"./index-BN7nYLDK.js";import{I as Y}from"./ImagePreview-DhYLHTps.js";import{E as Z}from"./index-DjcJC0zK.js";import{E}from"./index-DDqBSSFk.js";import{E as x}from"./index-CCKUub4u.js";import{C as ee,N as te}from"./NoTasks-BpOa5vFX.js";import{a as oe}from"./price-HfrxdcfW.js";import{C as se}from"./CopyToClipboard-DgotqLxr.js";import{s as ae}from"./vue-plyr-QZFBikSk.js";import{E as ne}from"./index-BTdPZbJx.js";import{E as ie}from"./index-Bgzvc62r.js";import{E as le}from"./index-CmsT3Np_.js";import{B as re}from"./BotPlaceholder-8zDrksua.js";import{l as ce}from"./pagination-Cj4ffYe2.js";import"./use-form-item-Cfa-OGdg.js";import"./index-r5W6hzzQ.js";import"./index-CZeM6Tp2.js";import"./index-DpwLjErO.js";import"./typescript-BJu9PjgO.js";import"./strings-CASQTtYR.js";import"./castArray-KB0R_QyF.js";import"./isEqual-VZNlgh-o.js";import"./_initCloneObject-j_ExEGAU.js";import"./debounce-C3VeLj5t.js";import"./_baseIteratee-DabyO38L.js";import"./index-CrAgxKlm.js";import"./index-CABd8l27.js";import"./_baseClone-BNWubnsE.js";import"./index-DZtScTkG.js";import"./index-yCwOWgs4.js";const pe=$({name:"LayoutPika",components:{ElDrawer:O,ElButton:L,FontAwesomeIcon:P},data(){return{drawer:!1}}}),de={class:"main flex flex-row flex-1"},ue={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},me={class:"result h-full p-[15px] flex-1 flex flex-col"};function fe(e,o,c,d,v,b){const p=s("font-awesome-icon"),m=s("el-button"),n=s("el-drawer");return a(),r("div",de,[l("div",ue,[U(e.$slots,"config",{},void 0,!0)]),l("div",me,[U(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:o[0]||(o[0]=y=>e.drawer=!0)},{default:u(()=>[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:u(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=k(pe,[["render",fe],["__scopeId","data-v-80748529"]]),he=$({name:"IngredientsSelector",components:{ElSwitch:Q,InfoIcon:D},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug("set ingredients",e),e||this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,model:"2.0"})}}},mounted(){this.value===void 0&&(this.value=q)}}),ge={class:"field"},$e={class:"title font-bold"};function ke(e,o,c,d,v,b){const p=s("el-switch"),m=s("info-icon");return a(),r("div",ge,[l("h2",$e,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(m,{content:e.$t("pika.description.ingredients"),class:"info"},null,8,["content"])])}const ve=k(he,[["render",ke],["__scopeId","data-v-17c0af5c"]]),be=$({name:"EffectSelector",components:{ElSelect:M,ElOption:G},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})}}}}),ye={class:"field"},we={class:"title font-bold"},Ee={class:"float-left"};function Ve(e,o,c,d,v,b){const p=s("el-option"),m=s("el-select");return a(),r("div",ye,[l("h2",we,i(e.$t("pika.name.effect")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select"),clearable:""},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.label,value:n.value},{default:u(()=>[l("span",Ee,i(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ie=k(be,[["render",Ve],["__scopeId","data-v-d1c54475"]]),Se=$({name:"IngredientsModelSelector",components:{ElRadioButton:X,ElRadioGroup:W},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=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Pe(e,o,c,d,v,b){const p=s("el-radio-button"),m=s("el-radio-group");return a(),r("div",Te,[l("h2",Ce,i(e.$t("pika.name.ingredientsModel")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),size:"small",class:"quality"},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.value},{default:u(()=>[h(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const Le=k(Se,[["render",Pe],["__scopeId","data-v-b948551f"]]),Ae=$({name:"ModelSelector",components:{ElSelect:M,ElOption:G},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=j)}}),Re={class:"field"},Ue={class:"title font-bold"};function De(e,o,c,d,v,b){const p=s("el-option"),m=s("el-select");return a(),r("div",Re,[l("h2",Ue,i(e.$t("pika.name.model")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=k(Ae,[["render",De],["__scopeId","data-v-7b2e870a"]]),Me=$({name:"ImageUrlInput",components:{ElUpload:Z,ElButton:L,InfoIcon:D,ImagePreview:Y,FontAwesomeIcon:P},data(){return{fileList:[],uploadUrl:N()+"/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(){E.warning(this.$t("pika.message.uploadStartImageExceed"))},onError(){E.error(this.$t("pika.message.uploadStartImageError"))},async onRemove(){E.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()}}}),Oe={class:"field"},qe={class:"title font-bold"},Be={class:"upload-wrapper"};function je(e,o,c,d,v,b){const p=s("image-preview"),m=s("font-awesome-icon"),n=s("el-button"),y=s("el-upload"),_=s("info-icon");return a(),r("div",Oe,[l("h2",qe,i(e.$t("pika.name.imageUrl")),1),l("div",Be,[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:u(({file:f})=>[t(p,{url:f.url||f.response?.file_url,name:f.name,percentage:f.percentage,onRemove:I=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])]),default:u(()=>[t(n,{size:"small",type:"primary",round:""},{default:u(()=>[t(m,{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 Ne=k(Me,[["render",je],["__scopeId","data-v-18cda67a"]]),ze="",Fe=$({name:"PromptInput",components:{ElInput:x,InfoIcon:D},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=ze)}}),Ke={class:"field"},Je={class:"box"},He={class:"title font-bold"};function Qe(e,o,c,d,v,b){const p=s("info-icon"),m=s("el-input");return a(),r("div",Ke,[l("div",Je,[l("h2",He,i(e.$t("pika.name.prompt")),1),t(p,{content:e.$t("pika.description.prompt"),class:"info"},null,8,["content"])]),t(m,{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 We=k(Fe,[["render",Qe],["__scopeId","data-v-b94e7a3e"]]),Xe=$({name:"PresetPanel",components:{ImageUrlInput:Ne,ElButton:L,FontAwesomeIcon:P,Consumption:ee,PromptInput:We,IngredientsSelector:ve,IngredientsModelSelector:Le,ModelSelector:Ge,EffectSelector:Ie},emits:["generate"],computed:{config(){return this.$store.state.pika?.config},consumption(){return oe(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ye={class:"flex flex-col h-full"},Ze={class:"flex-1 overflow-y-auto p-[15px]"},xe={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function et(e,o,c,d,v,b){const p=s("prompt-input"),m=s("model-selector"),n=s("ingredients-selector"),y=s("effect-selector"),_=s("image-url-input"),f=s("ingredients-model-selector"),I=s("consumption"),w=s("font-awesome-icon"),R=s("el-button");return a(),r("div",Ye,[l("div",Ze,[t(p,{class:"mb-4"}),t(m,{class:"mb-4"}),t(n,{class:"mb-4"}),t(y,{class:"mb-4"}),e.config?.ingredients?(a(),V(_,{key:0,class:"mb-4"})):g("",!0),e.config?.ingredients?(a(),V(f,{key:1,class:"mb-4"})):g("",!0)]),l("div",xe,[t(I,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(w,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("pika.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=k(Xe,[["render",et]]),ot=$({name:"VideoPlayer",components:{VuePlyr:ae},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:"1080p"}}}}}),st=["data-poster"],at=["src"];function nt(e,o,c,d,v,b){const p=s("vue-plyr");return a(),r("div",null,[t(p,{options:e.options,class:"video"},{default:u(()=>[l("video",{controls:"",crossorigin:"",playsinline:"","data-poster":e.modelValue?.image_url},[l("source",{size:"1080",src:e.modelValue?.video_url,type:"video/mp4"},null,8,at)],8,st)]),_:1},8,["options"])])}const it=k(ot,[["render",nt],["__scopeId","data-v-fc420430"]]),lt=$({name:"TaskPreview",components:{ElImage:le,CopyToClipboard:se,FontAwesomeIcon:P,ElAlert:ie,VideoPlayer:it,ElTooltip:ne,ElButton:L},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")}}}),rt={class:"left"},ct={class:"main"},pt={class:"bot"},dt={class:"datetime"},ut={class:"info"},mt={key:0,class:"prompt mt-2"},ft={key:0},_t={key:1},ht={key:0,class:A({content:!0,failed:!0})},gt={class:"image-wrapper"},$t={key:0,class:A({operations:!0,"mt-2":!0})},kt={key:0,class:"description"},vt={class:"description"},bt={key:1,class:A({content:!0})},yt={class:"description"},wt={class:"description"},Et={class:"description"},Vt={key:2,class:A({content:!0})},It={class:"description"};function St(e,o,c,d,v,b){const p=s("el-image"),m=s("VideoPlayer"),n=s("el-button"),y=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),I=s("el-alert");return a(!0),r(S,null,T(e.videos,(w,R)=>(a(),r("div",{key:R,class:"preview"},[l("div",rt,[t(p,{src:"https://cdn.acedata.cloud/i80tgn.png",class:"avatar"})]),l("div",ct,[l("div",pt,[h(i(e.$t("pika.name.pikaBot"))+" ",1),l("span",dt,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",ut,[e.modelValue?.request?.prompt?(a(),r("p",mt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?g("",!0):(a(),r("span",ft," - ("+i(e.$t("pika.status.pending"))+") ",1)),w?.state==="processing"||w?.state==="pending"?(a(),r("span",_t," - ("+i(e.$t("pika.status.processing"))+") ",1)):g("",!0)])):g("",!0)]),e.modelValue?.response?.success===!0?(a(),r("div",ht,[l("div",gt,[t(m,{"model-value":w},null,8,["model-value"])]),w?(a(),r("div",$t,[t(y,{class:"box-item",effect:"dark",content:e.$t("pika.message.downloadVideo"),placement:"top-start"},{default:u(()=>[w?.video_url?(a(),V(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:Mt=>e.onDownload(w?.video_url)},{default:u(()=>[h(i(e.$t("pika.button.download")),1)]),_:2},1032,["onClick"])):g("",!0)]),_:2},1032,["content"])])):g("",!0),t(I,{closable:!1,class:"mt-2 success"},{default:u(()=>[e.modelValue?.request?.model?(a(),r("p",kt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.model"))+": "+i(e.modelValue?.request?.model),1)])):g("",!0),l("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})])):g("",!0),e.modelValue?.response?.success===!1?(a(),r("div",bt,[t(I,{closable:!1,class:"failure"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:u(()=>[l("p",yt,[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"])]),l("p",wt,[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"])]),l("p",Et,[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})])):g("",!0),!e.modelValue?.response||w?.state==="processing"||w?.state==="pending"?(a(),r("div",Vt,[t(I,{closable:!1,class:"info"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:u(()=>[l("p",It,[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})])):g("",!0)])]))),128)}const Tt=k(lt,[["render",St],["__scopeId","data-v-4c2810f1"]]),Ct=$({name:"RecentPanel",components:{TaskPreview:Tt,BotPlaceholder:re,NoTasks:te,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Pt={key:0},Lt={key:2,class:"w-full h-full flex items-center justify-center"};function At(e,o,c,d,v,b){const p=s("bot-placeholder"),m=s("task-preview"),n=s("scroll-list"),y=s("no-tasks");return a(),r(S,null,[e.tasks?.items===void 0?(a(),r("div",Pt,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),V(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=_=>e.$emit("reach-top"))},{default:u(()=>[(a(!0),r(S,null,T(e.tasks?.items,(_,f)=>(a(),V(m,{key:f,"model-value":_},null,8,["model-value"]))),128))]),_:1},8,["loading"])):g("",!0),e.tasks?.items?.length===0?(a(),r("div",Lt,[t(y)])):g("",!0)],64)}const Rt=k(Ct,[["render",At]]),Ut="https://webhook.acedata.cloud/pika",Dt=$({name:"PikaIndex",components:{ConfigPanel:tt,Layout:_e,RecentPanel:Rt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===C.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===C.Request||this.fetchingTasks},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===C.Request},needApply(){return this.$store.state.pika.status.getApplications===C.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(){await ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("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,E.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===J&&E.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:c,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",c,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("pika/getTasks",{limit:o,createdAtMin:c,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Ut},o=this.credential?.token;if(!o){console.error("no token specified");return}E.info(this.$t("pika.message.startingTask")),z.generate(e,{token:o}).then(()=>{E.success(this.$t("pika.message.startTaskSuccess")),this.$store.commit("pika/setConfig",{config:void 0})}).catch(c=>{c?.response?.data?.error?.code===F?E.error(this.$t("pika.message.usedUp")):E.error(this.$t("pika.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Gt(e,o,c,d,v,b){const p=s("config-panel"),m=s("recent-panel"),n=s("layout");return a(),V(n,null,{config:u(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(m,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const yo=k(Dt,[["render",Gt],["__scopeId","data-v-1bcbbdd4"]]);export{yo as default};

package/dist/assets/Index-auRXRiEC.js

@@ -0,0 +1 @@
+import{F as L}from"./index.es-B5BxExPu.js";import{E as D}from"./index-BrZEkGia.js";import{E as te}from"./index-DRhl7LNX.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,eq as G,x as i,F as y,v as S,i as h,er as se,n as A,f as ae,es as Q,et as P,eu as oe,ev as le,ew as ne,ex as re,ey as ie,ez as ce,eA as pe,eB as de,eC as ue,eD as me,cf as he,y as f,D as q,eE as fe,dN as _e,dr as $e,dI as ve,dJ as I}from"./index-BHWAOEcf.js";import{E as V,a as E}from"./index-IMW6uuh-.js";import{I as F,S as ge}from"./ScrollList-9YjkSrQI.js";import{a as j}from"./index-B92my1Q0.js";import{E as be}from"./index-_Y99ywre.js";import{E as M}from"./index-CCKUub4u.js";import{E as O}from"./index-CmsT3Np_.js";import{I as qe}from"./ImagePreview-DhYLHTps.js";import{E as ke,a as ye}from"./index-BN7nYLDK.js";import{E as we}from"./index-DjcJC0zK.js";import{E as T}from"./index-DDqBSSFk.js";import{C as Se,N as Ve}from"./NoTasks-BpOa5vFX.js";import{a as Ee}from"./price-HfrxdcfW.js";import{A as Te}from"./Status-CifADRQi.js";import{C as Re}from"./CopyToClipboard-DgotqLxr.js";import{I as Ae}from"./ImageWrapper-Dm7lQPbW.js";import{E as Ie}from"./index-Bgzvc62r.js";import{B as Le}from"./BotPlaceholder-8zDrksua.js";import{l as Ce}from"./pagination-Cj4ffYe2.js";import"./use-form-item-Cfa-OGdg.js";import"./index-r5W6hzzQ.js";import"./index-BTdPZbJx.js";import"./index-CZeM6Tp2.js";import"./typescript-BJu9PjgO.js";import"./index-DpwLjErO.js";import"./strings-CASQTtYR.js";import"./castArray-KB0R_QyF.js";import"./isEqual-VZNlgh-o.js";import"./_initCloneObject-j_ExEGAU.js";import"./debounce-C3VeLj5t.js";import"./_baseIteratee-DabyO38L.js";import"./index-CrAgxKlm.js";import"./index-BAjjsEGt.js";import"./index-DZtScTkG.js";import"./index-CABd8l27.js";import"./_baseClone-BNWubnsE.js";import"./index-yCwOWgs4.js";const Ue=_({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),Pe={class:"main flex flex-row flex-1"},De={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},Me={class:"result h-full p-[15px] flex-1 flex flex-col"};function ze(e,s,d,u,v,g){const n=o("font-awesome-icon"),r=o("el-button"),t=o("el-drawer");return a(),c("div",Pe,[p("div",De,[U(e.$slots,"config",{},void 0,!0)]),p("div",Me,[U(e.$slots,"result",{},void 0,!0)]),l(r,{circle:"",class:"menu",onClick:s[0]||(s[0]=b=>e.drawer=!0)},{default:m(()=>[l(n,{icon:"fa-solid fa-magic"})]),_:1}),l(t,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=b=>e.drawer=b),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Ge=$(Ue,[["render",ze],["__scopeId","data-v-3808ec00"]]),Qe=_({name:"VersionSelector",components:{ElSelect: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)}}),Fe={class:"field"},je={class:"text-sm font-bold title"};function Oe(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Fe,[p("span",je,i(e.$t("qrart.name.type")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),class:"value",placeholder:e.$t("qrart.placeholder.select")},{default:m(()=>[(a(!0),c(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ne=$(Qe,[["render",Oe],["__scopeId","data-v-b4bd8f04"]]),Be=_({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:30,height:30},{value:"4:3",label:"4:3",width:32,height:24},{value:"3:4",label:"3:4",width:24,height:32},{value:"16:9",label:"16:9",width:32,height:18},{value:"9:16",label:"9:16",width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug("set aspect ratio",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=se)}}),We={class:"text-sm font-bold block mb-2"},He={class:"items"},Je=["onClick"],Ke={class:"name"};function Ye(e,s,d,u,v,g){return a(),c("div",null,[p("span",We,i(e.$t("qrart.name.aspectRatio")),1),p("div",He,[(a(!0),c(y,null,S(e.options,(n,r)=>(a(),c("div",{key:r,class:A({active:e.active===r,item:!0}),onClick:t=>e.value=n.value},[p("div",{class:A(["preview",n.label])},[p("div",{class:"rect",style:ae({width:n.width+"px",height:n.height+"px"})},null,4)],2),p("p",Ke,i(n.label),1)],10,Je))),128))])])}const Xe=$(Be,[["render",Ye],["__scopeId","data-v-b7590ecc"]]),Ze=_({name:"QrwSelector",components:{ElSlider:j,InfoIcon:F},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||Q},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||(console.debug("set default qrw"),this.value=Q)}}),xe={class:"field"},et={class:"text-sm font-bold title mb-2"};function tt(e,s,d,u,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",xe,[p("span",et,i(e.$t("qrart.name.qrw")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:1.5,max:3,step:.1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.qrw"),class:"info"},null,8,["content"])])}const st=$(Ze,[["render",tt],["__scopeId","data-v-8410479c"]]),at=_({name:"StepsSelector",components:{ElSlider:j,InfoIcon:F},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||P},set(e){console.debug("set steps",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||(console.debug("set default steps",P),this.value=P)}}),ot={class:"field"},lt={class:"text-sm font-bold block mb-2"};function nt(e,s,d,u,v,g){const n=o("el-slider"),r=o("info-icon");return a(),c("div",ot,[p("span",lt,i(e.$t("qrart.name.steps")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),min:10,max:20,step:1,class:"value"},null,8,["modelValue"]),l(r,{content:e.$t("qrart.description.steps"),class:"info"},null,8,["content"])])}const rt=$(at,[["render",nt],["__scopeId","data-v-0c88983e"]]),it=_({name:"AdvancedSelector",components:{ElSwitch:be},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)}}),ct={class:"field"},pt={class:"title font-bold"};function dt(e,s,d,u,v,g){const n=o("el-switch");return a(),c("div",ct,[p("span",pt,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 ut=$(it,[["render",dt],["__scopeId","data-v-f8ddf849"]]),mt=_({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)}}),ht={class:"field"},ft={class:"text-sm font-bold block mb-2"};function _t(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",ht,[p("span",ft,i(e.$t("qrart.name.markerShape")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.markerShape")},{default:m(()=>[(a(!0),c(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const $t=$(mt,[["render",_t],["__scopeId","data-v-de71e0b0"]]),vt=_({name:"SubMarkerSelector",components:{ElSelect: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)}}),gt={class:"field"},bt={class:"text-sm font-bold block mb-2"};function qt(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",gt,[p("span",bt,i(e.$t("qrart.name.subMarker")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.subMarker")},{default:m(()=>[(a(!0),c(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const kt=$(vt,[["render",qt],["__scopeId","data-v-51a39efa"]]),yt=_({name:"RotateSelector",components:{ElSelect: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)}}),wt={class:"field"},St={class:"text-sm font-bold block mb-2"};function Vt(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",wt,[p("span",St,i(e.$t("qrart.name.rotate")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.rotate")},{default:m(()=>[(a(!0),c(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Et=$(yt,[["render",Vt],["__scopeId","data-v-72e35835"]]),Tt=_({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)}}),Rt={class:"field"},At={class:"text-sm font-bold block mb-2"};function It(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Rt,[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(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Lt=$(Tt,[["render",It],["__scopeId","data-v-b3a5e331"]]),Ct=_({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)}}),Ut={class:"field"},Pt={class:"title font-bold"};function Dt(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Ut,[p("span",Pt,i(e.$t("qrart.name.position")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.position")},{default:m(()=>[(a(!0),c(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Mt=$(Ct,[["render",Dt],["__scopeId","data-v-54186505"]]),zt=_({name:"PaddingLevelSelector",components:{ElSelect: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)}}),Gt={class:"field"},Qt={class:"text-sm font-bold block mb-2"};function Ft(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Gt,[p("span",Qt,i(e.$t("qrart.name.paddingLevel")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingLevel")},{default:m(()=>[(a(!0),c(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const jt=$(zt,[["render",Ft],["__scopeId","data-v-49d801fd"]]),Ot=_({name:"PaddingNoiseSelector",components:{ElSelect: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=de)}}),Nt={class:"field"},Bt={class:"text-sm font-bold block mb-2"};function Wt(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Nt,[p("span",Bt,i(e.$t("qrart.name.paddingNoise")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingNoise")},{default:m(()=>[(a(!0),c(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ht=$(Ot,[["render",Wt],["__scopeId","data-v-a20833bb"]]),Jt=_({name:"PixelStyleSelector",components:{ElSelect: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=ue)}}),Kt={class:"field"},Yt={class:"text-sm font-bold block mb-2"};function Xt(e,s,d,u,v,g){const n=o("el-option"),r=o("el-select");return a(),c("div",Kt,[p("span",Yt,i(e.$t("qrart.name.pixelStyle")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=t=>e.value=t),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.pixelStyle")},{default:m(()=>[(a(!0),c(y,null,S(e.options,t=>(a(),h(n,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Zt=$(Jt,[["render",Xt],["__scopeId","data-v-aca7f79f"]]),xt=_({name:"SeedInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)}}),es={class:"field"},ts={class:"text-sm font-bold block mb-2"};function ss(e,s,d,u,v,g){const n=o("el-input");return a(),c("div",es,[p("span",ts,i(e.$t("qrart.name.seed")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value",placeholder:e.$t("qrart.placeholder.seed")},null,8,["modelValue","placeholder"])])}const as=$(xt,[["render",ss],["__scopeId","data-v-d939305d"]]),os=_({name:"PresetSelector",components:{ElImage: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)}}),ls={class:"field"},ns={class:"text-sm font-bold block mb-2"},rs={class:"pane"},is=["onClick"],cs={class:"name"};function ps(e,s,d,u,v,g){const n=o("el-image");return a(),c("div",ls,[p("span",ns,i(e.$t("qrart.name.preset")),1),p("div",rs,[(a(!0),c(y,null,S(e.options,(r,t)=>(a(),c("div",{key:t,class:A({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",cs,i(r.label),1)],10,is))),128))])])}const ds=$(os,[["render",ps],["__scopeId","data-v-65c34adf"]]),us="",ms=_({name:"ContentInput",components:{ElInput:M,ElUpload:we,ElRadioGroup:ye,ElButton:D,ElRadioButton:ke,ImagePreview:qe,FontAwesomeIcon:L},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=us),this.onSetContentImageUrl()},methods:{onExceed(){T.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){T.error(this.$t("qrart.message.uploadDocumentsError"))},onSetContentImageUrl(){const e=this.urls?.[0];this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),hs={class:"field"},fs={class:"flex justify-between items-center mb-4"},_s={class:"text-sm font-bold title"},$s={class:"flex items-center"},vs={key:2,class:"description"};function gs(e,s,d,u,v,g){const n=o("el-radio-button"),r=o("el-radio-group"),t=o("el-input"),b=o("image-preview"),w=o("font-awesome-icon"),R=o("el-button"),C=o("el-upload");return a(),c("div",hs,[p("div",fs,[p("span",_s,i(e.$t("qrart.name.content")),1),p("div",$s,[l(r,{modelValue:e.inputWay,"onUpdate:modelValue":s[0]||(s[0]=k=>e.inputWay=k)},{default:m(()=>[l(n,{label:"input"},{default:m(()=>[q(i(e.$t("qrart.inputWay.input")),1)]),_:1}),l(n,{label:"upload"},{default:m(()=>[q(i(e.$t("qrart.inputWay.upload")),1)]),_:1})]),_:1},8,["modelValue"])])]),e.inputWay=="input"?(a(),h(t,{key:0,modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=k=>e.value=k),class:"content",placeholder:e.$t("qrart.placeholder.content")},null,8,["modelValue","placeholder"])):f("",!0),e.inputWay=="upload"?(a(),h(C,{key:1,"file-list":e.fileList,"onUpdate:fileList":s[2]||(s[2]=k=>e.fileList=k),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"upload upload-wrapper",limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:k})=>[l(b,{url:k.url||k.response?.file_url,name:k.name,percentage:k.percentage,onRemove:z=>e.fileList.splice(e.fileList.indexOf(k),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[l(R,{size:"small",type:"primary",round:""},{default:m(()=>[l(w,{icon:"fa-solid fa-upload",class:"mr-1"}),q(" "+i(e.$t("qrart.button.uploadQr")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])):f("",!0),e.inputWay=="upload"?(a(),c("p",vs,i(e.$t("qrart.message.uploadQr")),1)):f("",!0)])}const bs=$(ms,[["render",gs],["__scopeId","data-v-b986940a"]]),qs="",ks=_({name:"PromptInput",components:{ElInput:M},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||(this.value=qs)}}),ys={class:"field"},ws={class:"text-sm font-bold block mb-2"};function Ss(e,s,d,u,v,g){const n=o("el-input");return a(),c("div",ys,[p("span",ws,i(e.$t("qrart.name.prompt")),1),l(n,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("qrart.placeholder.prompt"),resize:"none"},null,8,["modelValue","placeholder"])])}const Vs=$(ks,[["render",Ss],["__scopeId","data-v-004a0f07"]]),Es=_({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:L,Consumption:Se,TypeSelector:Ne,PositionSelector:Mt,PixelStyleSelector:Zt,PaddingLevelSelector:jt,SeedInput:as,AspectRatioSelector:Xe,QrwSelector:st,EclSelector:Lt,StepsSelector:rt,PaddingNoiseSelector:Ht,AdvancedSelector:ut,MarkerShapeSelector:$t,SubMarkerSelector:kt,RotateSelector:Et,PresetSelector:ds,ContentInput:bs,PromptInput:Vs},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Ee(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Ts={class:"flex flex-col h-full"},Rs={class:"flex-1 overflow-y-auto p-[15px]"},As={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Is(e,s,d,u,v,g){const n=o("type-selector"),r=o("content-input"),t=o("prompt-input"),b=o("aspect-ratio-selector"),w=o("qrw-selector"),R=o("preset-selector"),C=o("position-selector"),k=o("advanced-selector"),z=o("steps-selector"),N=o("seed-input"),B=o("pixel-style-selector"),W=o("marker-shape-selector"),H=o("sub-marker-selector"),J=o("rotate-selector"),K=o("ecl-selector"),Y=o("padding-level-selector"),X=o("padding-noise-selector"),Z=o("consumption"),x=o("font-awesome-icon"),ee=o("el-button");return a(),c("div",Ts,[p("div",Rs,[l(n,{class:"mb-4"}),l(r,{class:"mb-4"}),l(t,{class:"mb-4"}),l(b,{class:"mb-4"}),l(w,{class:"mb-4"}),l(R,{class:"mb-4"}),l(C,{class:"mb-4"}),l(k,{class:"mb-4"}),e.config?.advanced?(a(),h(z,{key:0,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(N,{key:1,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(B,{key:2,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(W,{key:3,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(H,{key:4,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(J,{key:5,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(K,{key:6,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(Y,{key:7,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),h(X,{key:8,class:"mb-4"})):f("",!0)]),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]=pa=>e.$emit("generate"))},{default:m(()=>[l(x,{icon:"fa-solid fa-magic",class:"mr-2"}),q(" "+i(e.$t("qrart.button.generate")),1)]),_:1})])])}const Ls=$(Es,[["render",Is]]),Cs=_({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:Re,FontAwesomeIcon:L,ElAlert:Ie,ImageWrapper:Ae},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,"_blank")},onReload(e){const s=e.target,d=new URL(s.src),u=d.searchParams.get("retry");if(!u)d.searchParams.set("retry","1");else if(parseInt(u)<2)d.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=d.toString()},onOpenUrl(e){window.open(e,"_blank")},onDownload(e){const s=document.createElement("a");s.href=e,s.download=e.split("/").pop(),s.click()}}}),Us={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},Ps={class:"left"},Ds={class:"main flex-1 w-[calc(100%-70px)] pt-[10px] pr-[10px] pb-0 pl-[10px]"},Ms={class:"bot text-[16px] font-bold text-[rgb(46,204,113)]"},zs={class:"datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]"},Gs={class:"info"},Qs={key:0,class:"prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px]"},Fs={key:0},js={key:0,class:A({content:!0,failed:!0})},Os={class:"description"},Ns={class:"description"},Bs={key:0,class:"description"},Ws={key:1,class:"description"},Hs={key:2,class:"description"},Js={key:1,class:A({content:!0})},Ks={class:"description"},Ys={class:"description"},Xs={class:"description"},Zs={key:2,class:A({content:!0})},xs={class:"description"};function ea(e,s,d,u,v,g){const n=o("el-image"),r=o("image-wrapper"),t=o("font-awesome-icon"),b=o("copy-to-clipboard"),w=o("el-alert");return a(),c("div",Us,[p("div",Ps,[l(n,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-white p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),p("div",Ds,[p("div",Ms,[q(i(e.$t("qrart.name.qrartBot"))+" ",1),p("span",zs,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),p("div",Gs,[e.modelValue?.request?.prompt?(a(),c("p",Qs,[q(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Fs," - ("+i(e.$t("qrart.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",js,[e.modelValue?.response?.image_url?(a(),h(r,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,["src","raw-src"])):f("",!0),l(w,{closable:!1,class:"mt-2 success"},{default:m(()=>[p("p",Os,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Ns,[l(t,{icon:"fa-solid fa-diamond",class:"mr-1"}),q(" "+i(e.$t("qrart.name.type"))+": "+i(e.$t("qrart.type."+e.modelValue?.request?.type))+" ",1),l(b,{content:e.modelValue?.request?.type,class:"btn-copy"},null,8,["content"])]),e.modelValue?.request?.content?(a(),c("p",Bs,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.content"))+": "+i(e.modelValue?.request?.content)+" ",1),l(b,{content:e.modelValue?.request?.content,class:"btn-copy"},null,8,["content"])])):f("",!0),e.modelValue?.request?.content_image_url?(a(),c("p",Ws,[l(t,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+i(e.$t("qrart.name.contentImageUrl"))+": ",1),l(t,{icon:"fa-solid fa-up-right-from-square",class:"mr-1 cursor-pointer",onClick:s[0]||(s[0]=R=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):f("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Hs,[l(t,{icon:"fa-solid fa-seedling",class:"mr-1"}),q(" "+i(e.$t("qrart.name.seed"))+": "+i(e.modelValue?.request?.seed||e.modelValue?.response?.seed)+" ",1),l(b,{content:(e.modelValue?.request?.seed||e.modelValue?.response?.seed).toString(),class:"btn-copy"},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(a(),c("div",Js,[l(w,{closable:!1,class:"failure"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[p("p",Ks,[l(t,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+i(e.$t("qrart.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),l(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Ys,[l(t,{icon:"fa-solid fa-circle-info",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),l(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),p("p",Xs,[l(t,{icon:"fa-solid fa-hashtag",class:"mr-1"}),q(" "+i(e.$t("qrart.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),l(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?f("",!0):(a(),c("div",Zs,[l(w,{closable:!1,class:"info"},{template:m(()=>[l(t,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+i(e.$t("qrart.name.failure")),1)]),default:m(()=>[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 ta=$(Cs,[["render",ea],["__scopeId","data-v-9ee64fb6"]]),sa=_({name:"RecentPanel",components:{TaskPreview:ta,BotPlaceholder:Le,NoTasks:Ve,ScrollList:ge},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),aa={key:0},oa={key:2,class:"w-full h-full flex items-center justify-center"};function la(e,s,d,u,v,g){const n=o("bot-placeholder"),r=o("task-preview"),t=o("scroll-list"),b=o("no-tasks");return a(),c(y,null,[e.tasks?.items===void 0?(a(),c("div",aa,[l(n)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),h(t,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:s[0]||(s[0]=w=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),c(y,null,S(e.tasks?.items,(w,R)=>(a(),h(r,{key:R,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",oa,[l(b)])):f("",!0)],64)}const na=$(sa,[["render",la]]),ra="https://webhook.acedata.cloud/qrart",ia=_({name:"QrartIndex",components:{ConfigPanel:Ls,Layout:Ge,ApplicationStatus:Te,RecentPanel:na},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===I.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===I.Request||this.fetchingTasks},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===I.Request},needApply(){return this.$store.state.qrart.status.getApplications===I.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await Ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("qrart/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("qrart/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){$e.create({application:this.application}).then(({data:e})=>{this.application=e,T.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ve&&T.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:d,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",u),this.fetchingTasks=!0;try{await this.$store.dispatch("qrart/getTasks",{limit:s,createdAtMin:d,createdAtMax:u})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,callback_url:ra,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}},s=this.credential?.token;if(!s){console.error("no token specified");return}T.info(this.$t("qrart.message.startingTask")),fe.generate(e,{token:s}).then(()=>{T.success(this.$t("qrart.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===_e?T.error(this.$t("qrart.message.usedUp")):T.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ca(e,s,d,u,v,g){const n=o("config-panel"),r=o("application-status"),t=o("recent-panel"),b=o("layout");return a(),h(b,null,{config:m(()=>[l(n,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[l(r,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=w=>e.$store.dispatch("qrart/setApplication",w))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),l(t,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Xa=$(ia,[["render",ca],["__scopeId","data-v-6a326101"]]);export{Xa as default};

package/dist/assets/Index-u2kvh-xO.js

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

package/dist/assets/Invitees-CLI9lTbv.js

@@ -0,0 +1 @@
+import{P as g}from"./Pagination-BwG1s5G4.js";import{C as b}from"./CopyToClipboard-DgotqLxr.js";import{d as v,en as w,h as $,i as d,j as t,k as o,l as n,t as i,x as s,J as C,cT as y,o as c}from"./index-BHWAOEcf.js";import{E as D,a as E,b as I}from"./index-B5Lioaz1.js";import{E as k,a as F}from"./index-pMVrQRue.js";import"./index-IMW6uuh-.js";import"./index-BTdPZbJx.js";import"./index-CZeM6Tp2.js";import"./typescript-BJu9PjgO.js";import"./index-DpwLjErO.js";import"./strings-CASQTtYR.js";import"./castArray-KB0R_QyF.js";import"./isEqual-VZNlgh-o.js";import"./_initCloneObject-j_ExEGAU.js";import"./use-form-item-Cfa-OGdg.js";import"./index-CCKUub4u.js";import"./index-DZtScTkG.js";import"./debounce-C3VeLj5t.js";import"./_baseIteratee-DabyO38L.js";import"./index-CrAgxKlm.js";import"./index.es-B5BxExPu.js";import"./isPlainObject-B0WNvF5u.js";import"./index-Cx5qFJ0y.js";const P=v({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:I,ElCol:E,ElTable:F,ElTableColumn:k,ElCard:D},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){const{data:e}=await w.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:"-created_at"});this.invitees=e.items,this.total=e.count}}}),T={class:"title"},j={class:"key"},q={class:"copy"},B={class:"description"},S={class:"description"},z={class:"description"},J={class:"created-at"},N={class:"pagination m-v-lg"};function V(e,O,R,A,G,H){const r=n("el-col"),p=n("el-row"),m=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=y("loading");return c(),d(p,{class:"panel"},{default:t(()=>[o(r,{span:24},{default:t(()=>[o(p,null,{default:t(()=>[o(r,{span:24},{default:t(()=>[i("h2",T,s(e.$t("common.title.invitee")),1)]),_:1})]),_:1}),o(p,null,{default:t(()=>[o(r,{span:24},{default:t(()=>[o(u,{shadow:"hover"},{default:t(()=>[C((c(),d(_,{data:e.invitees,stripe:""},{default:t(()=>[o(l,{prop:"id",label:e.$t("user.field.id"),"class-name":"text-center",width:"350px"},{default:t(a=>[i("span",j,s(a.row.id),1),i("span",q,[o(m,{content:a.row.id},null,8,["content"])])]),_:1},8,["label"]),o(l,{label:e.$t("user.field.username"),width:"300px"},{default:t(a=>[i("span",B,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.email"),width:"300px"},{default:t(a=>[i("span",S,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.nickname"),width:"200px"},{default:t(a=>[i("span",z,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:e.$t("user.field.dateJoined")},{default:t(a=>[i("span",J,s(e.$dayjs.format(a.row.date_joined)),1)]),_:1},8,["label"])]),_:1},8,["data"])),[[f,e.loading]])]),_:1})]),_:1})]),_:1}),o(p,null,{default:t(()=>[o(r,{span:10,offset:14},{default:t(()=>[i("div",N,[o(h,{"current-page":e.page,"page-size":e.limit,total:e.total,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const _e=$(P,[["render",V],["__scopeId","data-v-4556864d"]]);export{_e as default};

package/dist/assets/List-BENZw7xg.css

@@ -0,0 +1 @@
+.summary-card[data-v-be66dab8]{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.summary-card .icon-wrapper[data-v-be66dab8]{height:40px;width:40px;line-height:40px;border-radius:50%;background-color:var(--el-bg-color-page);text-align:center;margin-bottom:6px;color:var(--el-color-primary);flex-shrink:0}.summary-card .label[data-v-be66dab8]{color:var(--el-text-color-regular);font-size:14px;margin:0;line-height:20px}.summary-card .value[data-v-be66dab8]{font-weight:600;font-size:30px;margin:0;line-height:36px;word-break:break-all}.summary-card .description[data-v-be66dab8]{color:var(--el-text-color-secondary);font-size:12px;margin:4px 0 0}

package/dist/assets/{List-DnT5KyyU.js → List-BHdScwPg.js}

@@ -1 +1 @@
-import{o as k}from"./order-DXkvQhpi.js";import{P as C}from"./Pagination-BYFbwkF0.js";import{C as E}from"./CopyToClipboard-C_xMmtDc.js";import{O as D}from"./order-CWHwECRB.js";import{d as S,cg as v,h as O,i as f,j as t,k as a,l as s,t as n,x as r,J as P,cW as I,b as c,y as N,D as l,o as i}from"./index-BjMVMy9y.js";import{g as F}from"./price-CG10y7sa.js";import{E as A,a as B,b as T}from"./index-DXfYQh0Z.js";import{E as z}from"./index-7746Wyq5.js";import{E as V,a as q}from"./index-BbDlaK5a.js";import"./index-BX6sU3GX.js";import"./index-DulF_7UO.js";import"./index-BzF_Ko5s.js";import"./typescript-DXZhO2KE.js";import"./index-B-7UQmSa.js";import"./strings-C0ATdFxF.js";import"./castArray-7tYrhn6A.js";import"./isEqual-Df5ippj8.js";import"./_initCloneObject-CwAtjxb1.js";import"./use-form-item-CZJno9cW.js";import"./index-OiDdq1JS.js";import"./index-CQ2bsd-r.js";import"./debounce-09KXX3DN.js";import"./_baseIteratee-7W3vde5j.js";import"./index-D19A578F.js";import"./index.es-B6L7VFNr.js";import"./index-r5W6hzzQ.js";import"./isPlainObject-BF8_keIM.js";import"./index-CgDmoqKO.js";const H=S({name:"ConsoleOrderList",components:{Pagination:C,CopyToClipboard:E,ElRow:T,ElCol:B,ElTable:q,ElTableColumn:V,ElButton:z,ElTag:v,ElCard:A},data(){return{OrderState:D,orders:[],loading:!1,total:void 0,limit:Math.floor((window.innerHeight-300)/50)}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{getPriceString:F,onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,k.getAll({ordering:"-created_at",limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id}).then(({data:e})=>{this.orders=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})}}}),L={class:"title"},R={class:"key"},j={class:"copy"},X={class:"price"},G={key:0},J={key:1,class:"state state-paid"},M={key:2,class:"state state-finished"},W={key:3,class:"state state-expired"},K={key:4,class:"state state-failed"},Q={class:"description"},U={class:"created-at"},Y={class:"float-right"},Z={class:"pagination"};function x(e,ee,te,ae,oe,re){const m=s("el-col"),u=s("el-row"),_=s("copy-to-clipboard"),d=s("el-table-column"),p=s("el-tag"),h=s("el-button"),g=s("el-table"),w=s("el-card"),$=s("pagination"),y=I("loading");return i(),f(u,{class:"panel"},{default:t(()=>[a(m,{span:24},{default:t(()=>[a(u,null,{default:t(()=>[a(m,{span:24},{default:t(()=>[n("h2",L,r(e.$t("common.title.allOrders")),1)]),_:1})]),_:1}),a(u,null,{default:t(()=>[a(m,{span:24},{default:t(()=>[a(w,{shadow:"hover"},{default:t(()=>[P((i(),f(g,{data:e.orders,stripe:"",class:"!h-[calc(100vh-250px)]"},{default:t(()=>[a(d,{prop:"id",label:e.$t("order.field.id"),"class-name":"text-center",width:"190px"},{default:t(o=>[n("span",R,r(o.row.id),1),n("span",j,[a(_,{content:o.row.id},null,8,["content"])])]),_:1},8,["label"]),a(d,{label:e.$t("order.field.price"),width:"100px"},{default:t(o=>[n("span",X,r(e.getPriceString({value:o.row?.price})),1)]),_:1},8,["label"]),a(d,{prop:"state",label:e.$t("order.field.state"),"class-name":"text-center",width:"150px"},{default:t(o=>[o.row.state===e.OrderState?.PENDING?(i(),c("span",G,[a(p,{type:"info",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.pending")),1)]),_:1})])):o.row.state===e.OrderState?.PAID?(i(),c("span",J,[a(p,{type:"success",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.paid")),1)]),_:1})])):o.row.state===e.OrderState?.FINISHED?(i(),c("span",M,[a(p,{type:"success",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.finished")),1)]),_:1})])):o.row.state===e.OrderState?.EXPIRED?(i(),c("span",W,[a(p,{type:"danger",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.expired")),1)]),_:1})])):o.row.state===e.OrderState?.FAILED?(i(),c("span",K,[a(p,{type:"danger",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.failed")),1)]),_:1})])):N("",!0)]),_:1},8,["label"]),a(d,{label:e.$t("order.field.description"),width:"300px"},{default:t(o=>[n("span",Q,r(o.row.description),1)]),_:1},8,["label"]),a(d,{label:e.$t("order.field.createdAt"),width:"180px"},{default:t(o=>[n("span",U,r(e.$dayjs.format(o.row.created_at)),1)]),_:1},8,["label"]),a(d,{fixed:"right","min-width":"120px"},{default:t(o=>[n("div",Y,[o.row.state!==e.OrderState.PAID&&o.row.state!==e.OrderState.FINISHED&&o.row.state!==e.OrderState.EXPIRED?(i(),f(h,{key:0,type:"primary",size:"small",round:"",onClick:b=>e.$router.push({name:"console-order-detail",params:{id:o.row.id}})},{default:t(()=>[l(r(e.$t("order.button.continuePay")),1)]),_:2},1032,["onClick"])):(i(),f(h,{key:1,size:"small",round:"",onClick:b=>e.$router.push({name:"console-order-detail",params:{id:o.row.id}})},{default:t(()=>[l(r(e.$t("order.button.checkDetail")),1)]),_:2},1032,["onClick"]))])]),_:1})]),_:1},8,["data"])),[[y,e.loading]])]),_:1})]),_:1})]),_:1}),a(u,null,{default:t(()=>[a(m,null,{default:t(()=>[n("div",Z,[a($,{"current-page":e.page,"page-size":e.limit,total:e.total,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const Ae=O(H,[["render",x]]);export{Ae as default};
+import{o as k}from"./order-BdrXZ9es.js";import{P as C}from"./Pagination-BwG1s5G4.js";import{C as E}from"./CopyToClipboard-DgotqLxr.js";import{O as D}from"./order-CB3uOPHS.js";import{d as S,cg as v,h as O,i as f,j as t,k as a,l as s,t as n,x as r,J as P,cT as I,b as c,y as N,D as l,o as i}from"./index-BHWAOEcf.js";import{g as F}from"./price-HfrxdcfW.js";import{E as T,a as A,b as B}from"./index-B5Lioaz1.js";import{E as z}from"./index-BrZEkGia.js";import{E as V,a as q}from"./index-pMVrQRue.js";import"./index-IMW6uuh-.js";import"./index-BTdPZbJx.js";import"./index-CZeM6Tp2.js";import"./typescript-BJu9PjgO.js";import"./index-DpwLjErO.js";import"./strings-CASQTtYR.js";import"./castArray-KB0R_QyF.js";import"./isEqual-VZNlgh-o.js";import"./_initCloneObject-j_ExEGAU.js";import"./use-form-item-Cfa-OGdg.js";import"./index-CCKUub4u.js";import"./index-DZtScTkG.js";import"./debounce-C3VeLj5t.js";import"./_baseIteratee-DabyO38L.js";import"./index-CrAgxKlm.js";import"./index.es-B5BxExPu.js";import"./index-r5W6hzzQ.js";import"./isPlainObject-B0WNvF5u.js";import"./index-Cx5qFJ0y.js";const H=S({name:"ConsoleOrderList",components:{Pagination:C,CopyToClipboard:E,ElRow:B,ElCol:A,ElTable:q,ElTableColumn:V,ElButton:z,ElTag:v,ElCard:T},data(){return{OrderState:D,orders:[],loading:!1,total:void 0,limit:Math.floor((window.innerHeight-300)/50)}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{getPriceString:F,onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,k.getAll({ordering:"-created_at",limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id}).then(({data:e})=>{this.orders=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})}}}),L={class:"title"},R={class:"key"},j={class:"copy"},X={class:"price"},G={key:0},J={key:1,class:"state state-paid"},M={key:2,class:"state state-finished"},K={key:3,class:"state state-expired"},Q={key:4,class:"state state-failed"},U={class:"description"},W={class:"created-at"},Y={class:"float-right"},Z={class:"pagination"};function x(e,ee,te,ae,oe,re){const m=s("el-col"),u=s("el-row"),_=s("copy-to-clipboard"),d=s("el-table-column"),p=s("el-tag"),h=s("el-button"),g=s("el-table"),w=s("el-card"),$=s("pagination"),y=I("loading");return i(),f(u,{class:"panel"},{default:t(()=>[a(m,{span:24},{default:t(()=>[a(u,null,{default:t(()=>[a(m,{span:24},{default:t(()=>[n("h2",L,r(e.$t("common.title.allOrders")),1)]),_:1})]),_:1}),a(u,null,{default:t(()=>[a(m,{span:24},{default:t(()=>[a(w,{shadow:"hover"},{default:t(()=>[P((i(),f(g,{data:e.orders,stripe:"",class:"!h-[calc(100vh-250px)]"},{default:t(()=>[a(d,{prop:"id",label:e.$t("order.field.id"),"class-name":"text-center",width:"190px"},{default:t(o=>[n("span",R,r(o.row.id),1),n("span",j,[a(_,{content:o.row.id},null,8,["content"])])]),_:1},8,["label"]),a(d,{label:e.$t("order.field.price"),width:"100px"},{default:t(o=>[n("span",X,r(e.getPriceString({value:o.row?.price})),1)]),_:1},8,["label"]),a(d,{prop:"state",label:e.$t("order.field.state"),"class-name":"text-center",width:"150px"},{default:t(o=>[o.row.state===e.OrderState?.PENDING?(i(),c("span",G,[a(p,{type:"info",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.pending")),1)]),_:1})])):o.row.state===e.OrderState?.PAID?(i(),c("span",J,[a(p,{type:"success",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.paid")),1)]),_:1})])):o.row.state===e.OrderState?.FINISHED?(i(),c("span",M,[a(p,{type:"success",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.finished")),1)]),_:1})])):o.row.state===e.OrderState?.EXPIRED?(i(),c("span",K,[a(p,{type:"danger",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.expired")),1)]),_:1})])):o.row.state===e.OrderState?.FAILED?(i(),c("span",Q,[a(p,{type:"danger",class:"mx-1",effect:"dark",round:""},{default:t(()=>[l(r(e.$t("order.state.failed")),1)]),_:1})])):N("",!0)]),_:1},8,["label"]),a(d,{label:e.$t("order.field.description"),width:"300px"},{default:t(o=>[n("span",U,r(o.row.description),1)]),_:1},8,["label"]),a(d,{label:e.$t("order.field.createdAt"),width:"180px"},{default:t(o=>[n("span",W,r(e.$dayjs.format(o.row.created_at)),1)]),_:1},8,["label"]),a(d,{fixed:"right","min-width":"120px"},{default:t(o=>[n("div",Y,[o.row.state!==e.OrderState.PAID&&o.row.state!==e.OrderState.FINISHED&&o.row.state!==e.OrderState.EXPIRED?(i(),f(h,{key:0,type:"primary",size:"small",round:"",onClick:b=>e.$router.push({name:"console-order-detail",params:{id:o.row.id}})},{default:t(()=>[l(r(e.$t("order.button.continuePay")),1)]),_:2},1032,["onClick"])):(i(),f(h,{key:1,size:"small",round:"",onClick:b=>e.$router.push({name:"console-order-detail",params:{id:o.row.id}})},{default:t(()=>[l(r(e.$t("order.button.checkDetail")),1)]),_:2},1032,["onClick"]))])]),_:1})]),_:1},8,["data"])),[[y,e.loading]])]),_:1})]),_:1})]),_:1}),a(u,null,{default:t(()=>[a(m,null,{default:t(()=>[n("div",Z,[a($,{"current-page":e.page,"page-size":e.limit,total:e.total,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const Te=O(H,[["render",x]]);export{Te as default};

package/dist/assets/List-CvX3QDar.js

@@ -0,0 +1 @@
+import{d as G,dq as u,cg as F,dr as v,ds as T,dt as B,q as V,h as N,i as p,j as t,k as o,l as s,t as l,x as i,y as f,b as A,D as m,J as O,cT as P,o as r}from"./index-BHWAOEcf.js";import{I as z,a as q}from"./credential-CEfFFZzi.js";import{P as M}from"./Pagination-BwG1s5G4.js";import{C as R}from"./CopyToClipboard-DgotqLxr.js";import{F as j}from"./index.es-B5BxExPu.js";import{E as x,a as J,b as X}from"./index-B5Lioaz1.js";import{E as H,a as K}from"./index-pMVrQRue.js";import{E as Q}from"./index-_Y99ywre.js";import{E as W}from"./index-yCwOWgs4.js";import{E as Y}from"./index-BrZEkGia.js";import{E as w}from"./index-DDqBSSFk.js";import"./index-IMW6uuh-.js";import"./index-BTdPZbJx.js";import"./index-CZeM6Tp2.js";import"./typescript-BJu9PjgO.js";import"./index-DpwLjErO.js";import"./strings-CASQTtYR.js";import"./castArray-KB0R_QyF.js";import"./isEqual-VZNlgh-o.js";import"./_initCloneObject-j_ExEGAU.js";import"./use-form-item-Cfa-OGdg.js";import"./index-CCKUub4u.js";import"./index-DZtScTkG.js";import"./debounce-C3VeLj5t.js";import"./_baseIteratee-DabyO38L.js";import"./index-CrAgxKlm.js";import"./isPlainObject-B0WNvF5u.js";import"./index-Cx5qFJ0y.js";import"./index-r5W6hzzQ.js";const Z=G({name:"ConsoleApplicationList",components:{Pagination:M,CopyToClipboard:R,ElTable:K,ElRow:X,ElButton:Y,ElCol:J,ElTag:F,ElSkeleton:W,ElSwitch:Q,ElTableColumn:H,ElCard:x,FontAwesomeIcon:j},data(){return{credentialType:q,serviceType:z,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,n){!e||!e.id||v.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!n}).then(()=>{w.success(this.$t("application.message.updateSuccessfully").toString())}).catch(()=>{w.error(this.$t("application.message.updateFailed").toString())})},onGoUsage(e){this.$router.push({name:V,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:B,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=u.INDIVIDUAL){return new Promise((n,$)=>{v.getAll({limit:this.limit,...e===u.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:"-created_at",type:T.USAGE,scope:e}).then(({data:d})=>{e===u.INDIVIDUAL?(this.individualApplications=d.items,this.individualApplicationsTotal=d.count):(this.globalApplications=d.items,this.globalApplicationsTotal=d.count),n(d)}).catch(d=>{w.error(this.$t("application.message.fetchFailed").toString()),$(d)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(u.INDIVIDUAL),this.onFetchApplications(u.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){v.create({type:T.USAGE,scope:u.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(u.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.remaining_amount?.toFixed(6)} ${n}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.used_amount?.toFixed(6)} ${n}`}}}),ee={class:"title"},te={key:1,class:"summary-card"},oe={class:"icon-wrapper"},ae={class:"label"},ie={class:"value"},le={class:"description"},ne={key:1,class:"flex flex-row justify-between align-center"},se={class:"summary-card"},re={class:"flex justify-start items-center gap-2 mb-2 w-full"},pe={class:"icon-wrapper !mb-0"},de={class:"text-[var(--el-text-color-regular)] text-[14px] truncate"},ce={class:"label"},ue={class:"value"},me={class:"description"},he={class:"flex flex-col items-end gap-2"},ge={class:"copy"},_e={key:0,class:"expired-at"},fe={class:"flex flex-wrap items-center justify-end gap-2"},be={class:"pagination"};function ye(e,n,$,d,ve,Ae){const h=s("el-col"),g=s("el-row"),C=s("el-skeleton"),k=s("font-awesome-icon"),y=s("el-card"),I=s("copy-to-clipboard"),b=s("el-button"),c=s("el-table-column"),E=s("el-tag"),D=s("el-switch"),S=s("el-table"),U=s("pagination"),L=P("loading");return r(),p(g,{class:"panel p-[30px]"},{default:t(()=>[o(h,{span:24},{default:t(()=>[o(g,null,{default:t(()=>[o(h,{span:24},{default:t(()=>[l("h2",ee,i(e.$t("common.title.allApplications")),1)]),_:1})]),_:1}),o(g,{gutter:15,class:"mb-3"},{default:t(()=>[o(h,{md:12,xs:24},{default:t(()=>[o(y,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:t(()=>[e.loading?(r(),p(C,{key:0})):(r(),A("div",te,[l("div",oe,[o(k,{icon:"fa-solid fa-cubes-stacked"})]),l("p",ae,i(e.$t("application.title.count")),1),l("p",ie,i(e.individualApplicationsTotal),1),l("p",le,i(e.$t("application.message.countDescription")),1)]))]),_:1})]),_:1}),e.globalApplications?.length>0?(r(),p(h,{key:0,md:12,xs:24},{default:t(()=>[o(y,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:t(()=>[e.loading?(r(),p(C,{key:0})):(r(),A("div",ne,[l("div",se,[l("div",re,[l("div",pe,[o(k,{icon:"fa-solid fa-wallet"})]),l("span",de,[m(i(e.$t("application.field.id"))+": "+i(e.globalApplications?.[0]?.id)+" ",1),e.globalApplications?.[0]?.id?(r(),p(I,{key:0,content:e.globalApplications?.[0]?.id,class:"inline-block"},null,8,["content"])):f("",!0)])]),l("p",ce,i(e.$t("application.title.globalBalance")),1),l("p",ue,i(e.globalApplications?.[0]?.remaining_amount?.toFixed(6)||"0.000000")+" "+i(e.$t("service.unit.credits")),1),l("p",me,i(e.$t("application.message.globalBalanceDescription")),1)]),l("div",he,[o(b,{class:"!m-0",size:"small",round:"",onClick:n[0]||(n[0]=a=>e.onGoUsage(e.globalApplications?.[0]))},{default:t(()=>[m(i(e.$t("application.button.usage")),1)]),_:1}),o(b,{class:"!m-0",type:"primary",round:"",size:"small",onClick:n[1]||(n[1]=a=>e.onBuyMore(e.globalApplications?.[0]))},{default:t(()=>[m(i(e.$t("application.button.buyMore")),1)]),_:1})])]))]),_:1})]),_:1})):f("",!0)]),_:1}),o(g,null,{default:t(()=>[o(h,{span:24},{default:t(()=>[o(y,{shadow:"hover"},{default:t(()=>[O((r(),p(S,{data:e.individualApplications,stripe:"",class:"!min-h-[calc(100vh-420px)]","table-layout":"fixed","empty-text":e.$t("common.message.noData")},{default:t(()=>[o(c,{prop:"id",label:e.$t("application.field.id"),width:"200px","class-name":"text-center"},{default:t(a=>[l("span",null,i(a.row.id),1),l("span",ge,[o(I,{content:a?.row?.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),o(c,{label:e.$t("application.field.type"),width:"90px"},{default:t(a=>[a.row?.type==="Period"?(r(),p(E,{key:0,type:"success",effect:"dark",round:""},{default:t(()=>[m(i(e.$t("application.type.period")),1)]),_:1})):a.row?.type==="Usage"?(r(),p(E,{key:1,effect:"dark",round:""},{default:t(()=>[m(i(e.$t("application.type.usage")),1)]),_:1})):f("",!0)]),_:1},8,["label"]),o(c,{label:e.$t("application.field.name"),width:"180px"},{default:t(a=>[l("span",null,i(a.row?.service?.title),1)]),_:1},8,["label"]),o(c,{prop:"remaining_amount",label:e.$t("application.field.remainingAmount"),width:"150px","class-name":"text-center"},{default:t(a=>[l("span",null,i(e.getRemainingAmount(a.row)),1)]),_:1},8,["label"]),o(c,{prop:"used_amount",label:e.$t("application.field.usedAmount"),width:"150px","class-name":"text-center"},{default:t(a=>[l("span",null,i(e.getUsedAmount(a.row)),1)]),_:1},8,["label"]),o(c,{prop:"allow_consume_global",label:e.$t("application.field.allowConsumeGlobal"),width:"120px","class-name":"text-center"},{default:t(a=>[a.row.service?.type===e.serviceType.API?(r(),p(D,{key:0,modelValue:a.row.allow_consume_global,"onUpdate:modelValue":_=>a.row.allow_consume_global=_,"active-value":!0,"inactive-value":!1,onChange:_=>e.updateAllowConsumeGlobal(a.row,_)},null,8,["modelValue","onUpdate:modelValue","onChange"])):f("",!0)]),_:1},8,["label"]),o(c,{label:e.$t("application.field.expiredAt"),width:"180px"},{default:t(a=>[a.row.expired_at?(r(),A("span",_e,i(e.$dayjs.format(a.row.expired_at)),1)):f("",!0)]),_:1},8,["label"]),o(c,{fixed:"right",width:"240px"},{default:t(a=>[l("div",fe,[o(b,{class:"!m-0",size:"small",round:"",onClick:_=>e.onGoUsage(a?.row)},{default:t(()=>[m(i(e.$t("application.button.usage")),1)]),_:2},1032,["onClick"]),o(b,{class:"!m-0",type:"primary",round:"",size:"small",onClick:_=>e.onBuyMore(a?.row)},{default:t(()=>[m(i(e.$t("application.button.buyMore")),1)]),_:2},1032,["onClick"])])]),_:1})]),_:1},8,["data","empty-text"])),[[L,e.loading]])]),_:1})]),_:1})]),_:1}),o(g,null,{default:t(()=>[o(h,{span:24},{default:t(()=>[l("div",be,[o(U,{"current-page":e.page,"page-size":e.limit,total:e.individualApplicationsTotal,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const We=N(Z,[["render",ye],["__scopeId","data-v-be66dab8"]]);export{We as default};

package/dist/assets/List-JGRPVsQo.css

@@ -0,0 +1 @@
+.summary-card[data-v-7bcf12bb]{width:25%;min-width:260px;border-radius:6px;padding:16px;display:flex;flex-direction:column;justify-content:center}.summary-card .icon-wrapper[data-v-7bcf12bb]{height:40px;width:40px;line-height:40px;border-radius:50%;background-color:var(--el-bg-color-page);text-align:center;margin-bottom:10px}.summary-card .icon-wrapper .icon[data-v-7bcf12bb]{color:var(--el-color-primary)}.summary-card .value[data-v-7bcf12bb]{font-weight:600;font-size:30px}.summary-card .description[data-v-7bcf12bb]{color:var(--el-text-color-regular);font-size:14px}.chart-wrapper[data-v-7bcf12bb]{flex:1;min-height:260px;display:flex;align-items:center}.chart[data-v-7bcf12bb]{width:100%;max-height:260px}