@acedatacloud/nexior 3.19.0 → 3.19.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{Auth-Bw1DOhJF.js → Auth-C-IuIG-B.js} +1 -1
- package/dist/assets/{BotPlaceholder-C_vy0qCQ.js → BotPlaceholder-BWFhmlAo.js} +1 -1
- package/dist/assets/{Callback-Cqk0rKBN.js → Callback-EUksYGmT.js} +1 -1
- package/dist/assets/{Console-qoC957to.js → Console-CCoikoR8.js} +1 -1
- package/dist/assets/{Conversation-MQNI8qlX.css → Conversation-CjRJo_oi.css} +1 -1
- package/dist/assets/{Conversation-uMvDRIJR.js → Conversation-D5F7bNRk.js} +3 -3
- package/dist/assets/{CopyToClipboard-CU-Bssp8.js → CopyToClipboard-BCGRlwJJ.js} +1 -1
- package/dist/assets/{Detail-cO4DPSNq.js → Detail-Dpi6TrM0.js} +1 -1
- package/dist/assets/{EditArray-C43_QVaw.js → EditArray-CNffMlZs.js} +1 -1
- package/dist/assets/{Extra-PdVV78Il.js → Extra-DO4acRM1.js} +1 -1
- package/dist/assets/{FilePreview-9n711Ra6.js → FilePreview-fVU_bWwG.js} +1 -1
- package/dist/assets/{History-B0qXtfS_.js → History-C9FxNW-l.js} +1 -1
- package/dist/assets/{ImagePreview-D6FjLfQO.js → ImagePreview-TA4gKfP6.js} +1 -1
- package/dist/assets/{ImageWrapper-DzYTbbFD.js → ImageWrapper-DiWDwTYN.js} +1 -1
- package/dist/assets/{Index-s-n_Jcpk.js → Index-B1xNRnzS.js} +1 -1
- package/dist/assets/{Index-B_5LccCK.js → Index-Bd8eGbDS.js} +1 -1
- package/dist/assets/{Index-DR--TL10.js → Index-BkOh3bne.js} +1 -1
- package/dist/assets/{Index-C5_lGkBZ.js → Index-BnFlUjW_.js} +1 -1
- package/dist/assets/{Index-CCxY1jnd.js → Index-Bx68JxDv.js} +1 -1
- package/dist/assets/{Index-C19C6xgu.js → Index-CDiKWMtk.js} +1 -1
- package/dist/assets/{Index-CLGNbukd.js → Index-CLLP-0_j.js} +1 -1
- package/dist/assets/{Index-C7Ncg6Qj.js → Index-CYZH4K_O.js} +1 -1
- package/dist/assets/{Index-C2_2zuSy.js → Index-CiCrJcLB.js} +1 -1
- package/dist/assets/{Index-Cg05F_5Q.js → Index-CmPTK3LL.js} +1 -1
- package/dist/assets/{Index-Bvgj_uOE.js → Index-D1NzhXpH.js} +1 -1
- package/dist/assets/{Index-Cs62YC8R.js → Index-D2We28NW.js} +1 -1
- package/dist/assets/{Index-tiwIgnaL.js → Index-DXMsU8Cz.js} +1 -1
- package/dist/assets/{Index-3q0rHE7m.js → Index-DclWXX-T.js} +1 -1
- package/dist/assets/{Index-PESGbhdr.js → Index-qn1KRXz8.js} +1 -1
- package/dist/assets/{InfoIcon-YhCcbV8z.js → InfoIcon-BJAJcb5a.js} +1 -1
- package/dist/assets/{Invitees-C2K1S9qq.js → Invitees-BPgw8JIs.js} +1 -1
- package/dist/assets/{List-jjkNRvFz.js → List-BAZxY2QY.js} +1 -1
- package/dist/assets/{List-DKz9i_BC.js → List-BRdMCfwC.js} +1 -1
- package/dist/assets/{List-DL89ylII.js → List-BdH_9_rT.js} +1 -1
- package/dist/assets/{Login-B2vP1VD7.js → Login-nlVKPBYj.js} +1 -1
- package/dist/assets/{Main-5-DxlbAw.js → Main-BFjhKPUF.js} +1 -1
- package/dist/assets/{Navigator-Dj-FFsqC.js → Navigator-BEzvNdn6.js} +1 -1
- package/dist/assets/{NoTasks-ex5PKih3.js → NoTasks-oiStcbHf.js} +1 -1
- package/dist/assets/{Pagination-DeEC_sGQ.js → Pagination-1fwMfKLT.js} +1 -1
- package/dist/assets/{Status-BmL-zn_q.js → Status-kXBbvBuV.js} +1 -1
- package/dist/assets/{Subscribe-BH-RryJn.js → Subscribe-pO6AF-vC.js} +1 -1
- package/dist/assets/{VideoPlayer-C0am2_1Y.js → VideoPlayer-CYaGmv09.js} +1 -1
- package/dist/assets/{_baseClone-BDmNDGGK.js → _baseClone-kJ5Pgx6e.js} +1 -1
- package/dist/assets/{_baseIteratee-LczmVVcS.js → _baseIteratee-35aC5hBk.js} +1 -1
- package/dist/assets/{_initCloneObject-CJq550xS.js → _initCloneObject-djD3gYlF.js} +1 -1
- package/dist/assets/{castArray-pZCaAVDW.js → castArray-TlECDAqv.js} +1 -1
- package/dist/assets/{debounce-Bzi7Cd91.js → debounce-DTzFlSYq.js} +1 -1
- package/dist/assets/{distribution-BcejgPw4.js → distribution-BNAm6hj-.js} +1 -1
- package/dist/assets/{dropdown-BG6nYAE4.js → dropdown-zSfjtIjT.js} +1 -1
- package/dist/assets/{index-DyxxJgEB.js → index-B7ak1Sj_.js} +1 -1
- package/dist/assets/{index-DiDFukvb.js → index-B85SWIvk.js} +1 -1
- package/dist/assets/{index-bImFSswd.js → index-BR0vba1Y.js} +1 -1
- package/dist/assets/{index-kbbIEoS7.js → index-BV4o_bfz.js} +1 -1
- package/dist/assets/{index-XAOdMJRW.js → index-Bgk8tZFf.js} +1 -1
- package/dist/assets/{index-H7zk7enZ.js → index-BqAthpig.js} +1 -1
- package/dist/assets/{index-BgQ-O6aa.js → index-BqzuTEwO.js} +1 -1
- package/dist/assets/{index-I4cHhAfY.js → index-Bth-8JIu.js} +1 -1
- package/dist/assets/{index-CNg43fsi.js → index-BzyEWvnL.js} +1 -1
- package/dist/assets/{index-DkUww0O6.js → index-C3GYDBc-.js} +1 -1
- package/dist/assets/{index-DTe9fRn-.js → index-C4ssJdBR.js} +2 -2
- package/dist/assets/{index-DCYB3TDh.js → index-C4trafQk.js} +1 -1
- package/dist/assets/{index-DjlWqdX5.js → index-CCjGuukj.js} +1 -1
- package/dist/assets/{index-0ZIggTSP.js → index-CPE0C_s4.js} +1 -1
- package/dist/assets/{index-DPoEMPUV.js → index-CP_56dlf.js} +1 -1
- package/dist/assets/{index-C5k9PNqL.js → index-CqTGsJay.js} +1 -1
- package/dist/assets/{index-CDCMsrCt.js → index-CzVzQVmI.js} +1 -1
- package/dist/assets/{index-DLyu6NQP.js → index-DEAamx_H.js} +1 -1
- package/dist/assets/{index-CuoHzlXN.js → index-DIwFcazb.js} +1 -1
- package/dist/assets/{index-CJ3Mnfei.css → index-DUrKxJFe.css} +1 -1
- package/dist/assets/{index-isAF6YJy.js → index-DislasB7.js} +1 -1
- package/dist/assets/{index-DkpfqXBZ.js → index-DpSdtysU.js} +1 -1
- package/dist/assets/{index-P6nOuLhh.js → index-DqySUAY6.js} +1 -1
- package/dist/assets/{index-DvXCzKR2.js → index-Drn8vYFB.js} +1 -1
- package/dist/assets/{index-DaEk4vUe.js → index-J4WBpiv9.js} +1 -1
- package/dist/assets/{index-DxTeNsnH.js → index-gFYmOD1F.js} +1 -1
- package/dist/assets/{index-N-T3RtWX.js → index-qJunmjSC.js} +1 -1
- package/dist/assets/{index-CdMzZF3s.js → index-tOFv-Cd9.js} +1 -1
- package/dist/assets/{index-Bp0DDosh.js → index-tdgIYwZh.js} +1 -1
- package/dist/assets/{index-MMWJF36O.js → index-zBoOr1pW.js} +1 -1
- package/dist/assets/{index.es-CJbKM0CV.js → index.es-EtbmiVQe.js} +1 -1
- package/dist/assets/{isEqual-CH8EZj5t.js → isEqual-BqBcCRrU.js} +1 -1
- package/dist/assets/{isPlainObject-zVqjHzMk.js → isPlainObject-BLPi94hV.js} +1 -1
- package/dist/assets/{order-DNAFc_Ok.js → order-BLvyPp28.js} +1 -1
- package/dist/assets/{price-C04dX6gR.js → price-DPmHeT6D.js} +1 -1
- package/dist/assets/{strings-CNF1iAZ6.js → strings-cAoZbHaH.js} +1 -1
- package/dist/assets/{typescript-BioIzq79.js → typescript-D14l1a1y.js} +1 -1
- package/dist/assets/{use-form-item-CtZlpzU6.js → use-form-item-CGJaz8fH.js} +1 -1
- package/dist/index.html +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as A}from"./api-Ch0ZHArw.js";import{d as y,h as E,b as s,x as t,o as a,F as $,v,y as n,D as g,dh as q,di as D,df as L,i as d,j as i,k as r,l as o,t as b,J as N,n as w,K as T}from"./index-
|
|
1
|
+
import{I as A}from"./api-Ch0ZHArw.js";import{d as y,h as E,b as s,x as t,o as a,F as $,v,y as n,D as g,dh as q,di as D,df as L,i as d,j as i,k as r,l as o,t as b,J as N,n as w,K as T}from"./index-C4ssJdBR.js";import{g as S}from"./price-DPmHeT6D.js";import{o as z}from"./order-BLvyPp28.js";import{E as j,a as G}from"./index-CzVzQVmI.js";import{E as W}from"./index-DpSdtysU.js";import{E as J}from"./index-CqTGsJay.js";import{E as K,a as H}from"./index-BV4o_bfz.js";import{E as Q,a as X,b as Y}from"./index-DqySUAY6.js";import{E as Z}from"./index-B7ak1Sj_.js";import{E as x}from"./index-BqAthpig.js";import"./index-J4WBpiv9.js";import"./use-form-item-CGJaz8fH.js";import"./index-r5W6hzzQ.js";import"./castArray-TlECDAqv.js";import"./typescript-D14l1a1y.js";import"./_baseClone-kJ5Pgx6e.js";import"./_initCloneObject-djD3gYlF.js";const ee=y({name:"ApiPrice",props:{price:{type:Number,required:!1,default:0},unit:{type:String,required:!1,default:void 0},start:{type:Boolean,required:!1,default:!1}},methods:{getPriceString:S}}),ae={class:"price-text"},te={key:0,class:"unfree"},ie={key:1,class:"free"};function se(e,l,k,C,I,O){return a(),s("div",ae,[e.price>0?(a(),s("span",te,t(e.getPriceString({value:e.price}))+" "+t(e.unit?` / ${e.unit}`:"")+t(e.start?e.$t("common.message.startPrice"):""),1)):(a(),s("span",ie,t(e.$t("common.message.free")),1))])}const re=E(ee,[["render",se],["__scopeId","data-v-bb068181"]]),oe=y({name:"ServiceEstimation",components:{},props:{service:{type:Object,required:!0},package:{type:Object,required:!0}},methods:{getPriceString:S}}),ne={class:"estimation"},le={key:0,class:"item"},pe={key:0},ce={key:1},ue={key:2},de={key:0},me={key:1};function he(e,l,k,C,I,O){return a(),s("div",ne,[(a(!0),s($,null,v(e.service?.apis,(h,f)=>(a(),s("div",{key:f},[(a(!0),s($,null,v(h?.estimation,(p,c)=>(a(),s("div",{key:c,class:"items"},[e.package?.amount&&p?.cost?(a(),s("p",le,[g(" ≈ "+t(p.name)+" "+t(Math.round(e.package.amount/p.cost))+" "+t(e.$t("api.unit.count"))+" ",1),e.package.price>0?(a(),s("span",pe," - "+t(e.getPriceString({value:e.package.price/(e.package.amount/p.cost),fractionDigits:3})+" / "+e.$t("api.unit.count")),1)):n("",!0),p.remark?(a(),s("span",ce," ("+t(p.remark)+") ",1)):n("",!0),p?.comparisons?.length>0?(a(),s("span",ue," - ")):n("",!0),(a(!0),s($,null,v(p?.comparisons,(m,_)=>(a(),s("span",{key:_,class:"comparison"},[m?.value<0?(a(),s("i",de,t(e.$t("api.message.cheaperThan").replace("$[[value]]",m?.target?.toString()))+" "+t(Math.abs(m?.value)*100)+"% ",1)):n("",!0),m?.value>0?(a(),s("i",me,t(e.$t("api.message.moreExpensiveThan").replace("$[[value]]",m?.target?.toString()))+" "+t(Math.abs(m?.value)*100)+"% ",1)):n("",!0)]))),128))])):n("",!0)]))),128))]))),128))])}const fe=E(oe,[["render",he],["__scopeId","data-v-370bc975"]]),ge=y({name:"ConsoleApplicationBuy",components:{ElSkeleton:Z,ElRow:Y,ElCol:X,ElCard:Q,ElForm:H,ElFormItem:K,ElButton:J,ElDivider:W,ElRadioGroup:G,ElRadioButton:j,Price:re,ServiceEstimation:fe},data(){return{lang:this.$i18n.locale,application:void 0,loading:!1,type:A.USAGE,form:{packageId:void 0,amount:void 0},creating:!1}},computed:{applicationId(){return this.$route.params?.id?.toString()},id(){return this.$route.params?.id?.toString()},price(){return this.application?.service?.price&&this.form.amount?this.form.amount*this.application.service?.price:0},packages(){return this.application?.packages?.filter(e=>e.type===A.USAGE).sort((e,l)=>e.amount-l.amount)||[]},package(){if(this.packages&&this.form.packageId){const e=this.packages.filter(l=>l.id===this.form.packageId);if(e.length>0)return e[0]}}},mounted(){this.onFetchApplication()},methods:{getDiscount(e){return this.packages&&this.packages.length>0?this.lang?.startsWith("zh")?(10*e?.price/e?.amount/(this.packages[0].price/this.packages[0]?.amount)).toFixed(1)+"折":Math.round(100-100*e?.price/e?.amount/(this.packages[0].price/this.packages[0]?.amount))+"% OFF":""},onSubscribe(){this.$router.push({name:D,params:this.$route.params})},getPriceString:S,onFetchApplication(){this.loading=!0,L.get(this.id).then(({data:e})=>{this.application=e,this.loading=!1,this.form.packageId=this.packages?.[0]?.id}).catch(()=>{this.loading=!1})},onChangeType(){this.$router.push({name:D,params:this.$route.params})},onCreateOrder(){if(!this.application?.id)return;this.creating=!0;const e=this.$t(`service.unit.${this.application?.service?.unit}s`);z.create({application_id:this.application?.id,amount:this.package?.amount,...this.form.packageId!=="custom"&&this.package?{package_id:this.package.id}:{},description:this.application?.service?`${this.application?.service?.title} x ${this.package?.amount} ${e}`:this.$t("application.title.globalBuy")+" - "+this.package?.amount+" "+this.$t("service.unit.credits")}).then(({data:l})=>{this.creating=!1;const k=l;this.$router.push({name:q,params:{id:k.id}})}).catch(()=>{x.error(this.$t("order.message.createFailed")),this.creating=!1})}}}),ke={class:"title"},$e={key:0,class:"ml-2"},ve={key:1,class:w({price:!0,free:!0})};function _e(e,l,k,C,I,O){const h=o("el-col"),f=o("el-row"),p=o("el-skeleton"),c=o("el-form-item"),m=o("el-radio-button"),_=o("el-radio-group"),R=o("service-estimation"),V=o("price"),P=o("el-divider"),B=o("el-button"),M=o("el-form"),U=o("el-card");return a(),d(f,{class:"panel"},{default:i(()=>[r(h,{span:24},{default:i(()=>[r(f,null,{default:i(()=>[r(h,{span:24},{default:i(()=>[b("h2",ke,t(e.$t("common.title.buyMore")),1)]),_:1})]),_:1}),r(f,null,{default:i(()=>[r(h,{span:24},{default:i(()=>[r(U,{shadow:"hover"},{default:i(()=>[r(f,null,{default:i(()=>[r(h,{span:16,offset:4},{default:i(()=>[e.loading?(a(),d(p,{key:0})):e.application?(a(),d(M,{key:1,"label-width":"100px"},{default:i(()=>[e.application?.service?(a(),d(c,{key:0,label:e.$t("application.field.service")},{default:i(()=>[g(t(e.application?.service?.title),1)]),_:1},8,["label"])):(a(),d(c,{key:1,label:e.$t("application.field.scope")},{default:i(()=>[g(t(e.$t("application.title.globalBuy")),1)]),_:1},8,["label"])),r(c,{label:e.$t("application.field.package"),class:"mb-0"},{default:i(()=>[e.packages?(a(),d(_,{key:0,modelValue:e.form.packageId,"onUpdate:modelValue":l[0]||(l[0]=u=>e.form.packageId=u)},{default:i(()=>[(a(!0),s($,null,v(e.packages,(u,F)=>(a(),d(m,{key:F,label:u.id,class:"mb-2"},{default:i(()=>[N(b("span",{class:"corner"},t(e.getDiscount(u)),513),[[T,F!==0]]),g(" "+t(u.amount)+" "+t(e.$t(`service.unit.${e.application?.service?.unit||"credit"}s`)),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])):n("",!0)]),_:1},8,["label"]),e.application?.service?.apis&&e.application?.service?.apis?.map(u=>u?.estimation).filter(u=>!!u)?.length>0?(a(),d(c,{key:2},{default:i(()=>[e.application?.service?(a(),d(R,{key:0,service:e.application.service,package:e.package},null,8,["service","package"])):n("",!0)]),_:1})):n("",!0),r(c,{label:e.$t("service.field.price")},{default:i(()=>[r(V,{price:e.package?.price},null,8,["price"]),e.package?(a(),s("span",$e,"("+t(e.getPriceString({value:e.package?.price/e.package?.amount})+" / "+e.$t(`service.unit.${e.application?.service?.unit||"credits"}`))+") ",1)):n("",!0)]),_:1},8,["label"]),r(P,{"border-style":"dashed"}),r(c,{label:e.$t("application.field.shouldPayPrice")},{default:i(()=>[e.package?(a(),s("span",{key:0,class:w({price:!0,unfree:e.package?.price>0,free:e.package?.price===0})},t(e.getPriceString({value:e.package?.price})),3)):(a(),s("span",ve," $ 0 "))]),_:1},8,["label"]),r(c,null,{default:i(()=>[r(B,{type:"primary",size:"large",class:"btn-create",loading:e.creating,round:"",onClick:e.onCreateOrder},{default:i(()=>[g(t(e.$t("application.button.createOrder")),1)]),_:1},8,["loading","onClick"])]),_:1}),r(P,{"border-style":"dashed"}),N(r(c,{label:""},{default:i(()=>[b("span",null,t(e.$t("console.message.doNotWantExtra")),1),r(B,{type:"primary",class:"btn btn-subscribe",round:"",size:"small",onClick:e.onSubscribe},{default:i(()=>[g(t(e.$t("console.message.subscribe")),1)]),_:1},8,["onClick"])]),_:1},512),[[T,!1]])]),_:1})):n("",!0)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const Ue=E(ge,[["render",_e],["__scopeId","data-v-ee0069fd"]]);export{Ue as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as c}from"./index.es-
|
|
1
|
+
import{F as c}from"./index.es-EtbmiVQe.js";import{d as p,dD as d,h as f,b as a,t,y as m,k as o,J as x,l as n,K as u,x as h,o as i}from"./index-C4ssJdBR.js";import{E as g}from"./index-CP_56dlf.js";const _=p({name:"FilePreview",components:{FontAwesomeIcon:c,ElProgress:g},props:{name:{type:String,required:!0},percentage:{type:Number,required:!1,default:void 0},closable:{type:Boolean,required:!1,default:!0}},emits:["remove"],methods:{isImageUrl:d}}),v={class:"file cursor-pointer relative rounded-[10px] h-[50px] w-[250px] flex flex-row items-center justify-start bg-[var(--el-bg-color)]"},w={class:"left h-[50px] w-[50px] flex items-center justify-center"},y={class:"wrapper relative w-[35px] h-[35px] flex items-center justify-center rounded-[10px] text-white bg-[#10a37f] m-auto"},b={class:"right flex-1 h-[50px] flex items-center justify-start pl-[2px] text-[14px] text-[var(--el-text-color-primary)] truncate"},k={class:"text-xs font-bold truncate"},$={key:0,class:"close absolute cursor-pointer top-[5px] right-[5px] bg-[rgba(0,0,0,0.7)] text-white w-[15px] rounded-full h-[15px] flex text-[10px] text-center items-center justify-center"};function j(e,s,F,B,C,N){const r=n("font-awesome-icon"),l=n("el-progress");return i(),a("div",v,[t("div",w,[t("div",y,[o(r,{icon:"fa-regular fa-file-alt"}),x(o(l,{type:"circle","stroke-width":3,percentage:e.percentage,width:25,class:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[25px] h-[25px] z-[10] m-auto"},null,8,["percentage"]),[[u,e.percentage&&e.percentage<100]])])]),t("div",b,[t("span",k,h(e.name),1)]),e.closable?(i(),a("div",$,[o(r,{icon:"fa-solid fa-xmark",class:"icon icon-close",onClick:s[0]||(s[0]=q=>e.$emit("remove"))})])):m("",!0)])}const S=f(_,[["render",j]]);export{S as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{P as g}from"./Pagination-
|
|
1
|
+
import{P as g}from"./Pagination-1fwMfKLT.js";import{C as b}from"./CopyToClipboard-BCGRlwJJ.js";import{b as w}from"./distribution-BNAm6hj-.js";import{d as y,h as $,i as c,j as o,k as e,l as s,t as a,x as r,J as C,cO as v,o as u}from"./index-C4ssJdBR.js";import{g as D}from"./price-DPmHeT6D.js";import{E as H,a as P,b as E}from"./index-DqySUAY6.js";import{E as S,a as k}from"./index-Drn8vYFB.js";import"./index-C4trafQk.js";import"./index-CCjGuukj.js";import"./index-J4WBpiv9.js";import"./typescript-D14l1a1y.js";import"./index-DEAamx_H.js";import"./strings-cAoZbHaH.js";import"./castArray-TlECDAqv.js";import"./isEqual-BqBcCRrU.js";import"./_initCloneObject-djD3gYlF.js";import"./use-form-item-CGJaz8fH.js";import"./index-Bth-8JIu.js";import"./index-zBoOr1pW.js";import"./debounce-DTzFlSYq.js";import"./_baseIteratee-35aC5hBk.js";import"./index-BqzuTEwO.js";import"./index.es-EtbmiVQe.js";import"./isPlainObject-BLPi94hV.js";import"./index-DislasB7.js";const F=y({name:"ConsoleDistributionList",components:{Pagination:g,CopyToClipboard:b,ElRow:E,ElCol:P,ElTable:k,ElTableColumn:S,ElCard:H},data(){return{distributionHistories:[],distributionStatus:void 0,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:{getPriceString:D,onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchDistributionHistory()]).finally(()=>{this.loading=!1})},async onFetchDistributionHistory(){const{data:t}=await w.getAll({user_id:this.$store.getters.user.id,ordering:"-created_at",limit:this.limit,offset:(this.page-1)*this.limit});this.distributionHistories=t.items,this.total=t.count}}}),q={class:"title"},B={class:"key"},I={class:"copy"},T={class:"key"},j={class:"copy"},z={class:"price"},A={class:"description"},N={class:"description"},O={class:"created-at"},V={class:"pagination m-v-lg"};function J(t,L,R,G,K,M){const l=s("el-col"),d=s("el-row"),p=s("copy-to-clipboard"),n=s("el-table-column"),m=s("el-table"),_=s("el-card"),h=s("pagination"),f=v("loading");return u(),c(d,{class:"panel"},{default:o(()=>[e(l,{span:24},{default:o(()=>[e(d,null,{default:o(()=>[e(l,{span:24},{default:o(()=>[a("h2",q,r(t.$t("common.title.distributionHistory")),1)]),_:1})]),_:1}),e(d,null,{default:o(()=>[e(l,{span:24},{default:o(()=>[e(_,{shadow:"hover"},{default:o(()=>[C((u(),c(m,{data:t.distributionHistories,stripe:""},{default:o(()=>[e(n,{prop:"id",label:t.$t("distribution.field.id"),"class-name":"text-center",width:"350px"},{default:o(i=>[a("span",B,r(i.row.id),1),a("span",I,[e(p,{content:i.row.id},null,8,["content"])])]),_:1},8,["label"]),e(n,{prop:"id",label:t.$t("distribution.field.userId"),"class-name":"text-center",width:"350px"},{default:o(i=>[a("span",T,r(i.row.user_id),1),a("span",j,[e(p,{content:i.row.user_id},null,8,["content"])])]),_:1},8,["label"]),e(n,{label:t.$t("distribution.field.price"),width:"100px"},{default:o(i=>[a("span",z,r(t.getPriceString({value:i.row?.price})),1)]),_:1},8,["label"]),e(n,{label:t.$t("distribution.field.reward"),width:"100px"},{default:o(i=>[a("span",A,r(t.getPriceString({value:i.row?.reward})),1)]),_:1},8,["label"]),e(n,{label:t.$t("distribution.field.percentage"),width:"120px"},{default:o(i=>[a("span",N,r(i.row.percentage)+"%",1)]),_:1},8,["label"]),e(n,{label:t.$t("distribution.field.createdAt"),width:"200px"},{default:o(i=>[a("span",O,r(t.$dayjs.format(i.row.created_at)),1)]),_:1},8,["label"])]),_:1},8,["data"])),[[f,t.loading]])]),_:1})]),_:1})]),_:1}),e(d,null,{default:o(()=>[e(l,{span:10,offset:14},{default:o(()=>[a("div",V,[e(h,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const bt=$(F,[["render",J],["__scopeId","data-v-74b9e778"]]);export{bt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as l}from"./index.es-
|
|
1
|
+
import{F as l}from"./index.es-EtbmiVQe.js";import{E as c}from"./index-CP_56dlf.js";import{d as p,h as m,b as t,t as d,J as u,y as f,K as g,k as r,l as s,ai as w,o as a}from"./index-C4ssJdBR.js";const h=p({name:"ImagePreview",components:{FontAwesomeIcon:l,ElProgress:c},props:{url:{type:String,required:!0},name:{type:String,required:!0},percentage:{type:Number,required:!1,default:void 0},closable:{type:Boolean,required:!1,default:!0}},emits:["remove"]}),v={class:"image w-[50px] h-[50px] relative rounded-[var(--el-border-radius-base)] overflow-hidden"},_=["src","alt"],b={key:0,class:"close absolute cursor-pointer top-[5px] right-[5px] bg-[rgba(0,0,0,0.7)] text-white w-[15px] h-[15px] rounded-full flex text-[10px] text-center items-center justify-center"};function x(e,o,y,k,$,q){const n=s("el-progress"),i=s("font-awesome-icon");return a(),t("div",v,[d("img",{class:"w-full h-full object-cover",src:e.url,alt:e.name},null,8,_),u(r(n,{type:"circle","stroke-width":3,percentage:e.percentage,width:30,class:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[30px] h-[30px] z-[10] m-auto"},null,8,["percentage"]),[[g,e.percentage&&e.percentage<100]]),e.closable?(a(),t("div",b,[r(i,{icon:"fa-solid fa-xmark",class:"icon icon-close",onClick:o[0]||(o[0]=w(B=>e.$emit("remove"),["stop"]))})])):f("",!0)])}const E=m(h,[["render",x]]);export{E as I};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as i}from"./index-
|
|
1
|
+
import{E as i}from"./index-CqTGsJay.js";import{d as l,h as m,b as a,y as p,i as d,j as u,D as g,x as f,l as y,o as s}from"./index-C4ssJdBR.js";const w=l({name:"ImageWrapper",components:{ElButton:i},props:{src:{type:String,required:!0},rawSrc:{type:String,required:!1,default:void 0}},methods:{onOpenUrl(e){window.open(e,"_blank")},onReload(e){const r=e.target,t=new URL(r.src),o=t.searchParams.get("retry");if(!o)t.searchParams.set("retry","1");else if(parseInt(o)<2)t.searchParams.set("retry",(parseInt(o)+1).toString());else return;r.src=t.toString()}}}),S={class:"image-wrapper"},_=["src"];function b(e,r,t,o,k,I){const c=y("el-button");return s(),a("div",S,[e.src?(s(),a("img",{key:0,src:e.src,class:"image",onError:r[0]||(r[0]=n=>e.onReload(n))},null,40,_)):p("",!0),e.rawSrc?(s(),d(c,{key:1,type:"info",round:"",class:"btn-raw",onClick:r[1]||(r[1]=n=>e.onOpenUrl(e.rawSrc))},{default:u(()=>[g(f(e.$t("common.button.seeRawImage")),1)]),_:1})):p("",!0)])}const v=m(w,[["render",b],["__scopeId","data-v-012b4a9e"]]);export{v as I};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as V}from"./index.es-CJbKM0CV.js";import{E as R}from"./index-C5k9PNqL.js";import{E as P}from"./index-CNg43fsi.js";import{d as v,h as b,b as l,t as c,k as t,r as C,j as p,l as a,o,c7 as L,x as i,D as _,F as I,v as T,i as E,n as S,c as D,y as $,eR as j,ds as z,df as O,dm as B,dn as A}from"./index-DTe9fRn-.js";import{I as M}from"./InfoIcon-YhCcbV8z.js";import{I as q}from"./ImagePreview-D6FjLfQO.js";import{E as F}from"./index-DxTeNsnH.js";import{E as w}from"./index-H7zk7enZ.js";import{a as N,E as H}from"./index-CDCMsrCt.js";import{E as U}from"./index-Bp0DDosh.js";import{E as J,a as K}from"./index-bImFSswd.js";import{A as Q}from"./Status-BmL-zn_q.js";import{C as W}from"./CopyToClipboard-CU-Bssp8.js";import{E as X}from"./index-N-T3RtWX.js";import{a as Y,E as Z}from"./index-DyxxJgEB.js";import"./use-form-item-CtZlpzU6.js";import"./index-r5W6hzzQ.js";import"./index-DjlWqdX5.js";import"./index-DaEk4vUe.js";import"./typescript-BioIzq79.js";import"./index-DPoEMPUV.js";import"./_baseClone-BDmNDGGK.js";import"./_initCloneObject-CJq550xS.js";import"./isEqual-CH8EZj5t.js";import"./debounce-Bzi7Cd91.js";import"./index-MMWJF36O.js";import"./strings-CNF1iAZ6.js";import"./isPlainObject-zVqjHzMk.js";const x=v({name:"LayoutHeadshots",components:{ElDrawer:P,ElButton:R,FontAwesomeIcon:V},data(){return{drawer:!1}}}),ee={class:"main flex flex-row flex-1"},te={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},se={class:"result h-full p-[15px] flex-1 flex flex-col"};function oe(e,s,m,u,y,k){const d=a("font-awesome-icon"),h=a("el-button"),n=a("el-drawer");return o(),l("div",ee,[c("div",te,[C(e.$slots,"config",{},void 0,!0)]),c("div",se,[C(e.$slots,"result",{},void 0,!0)]),t(h,{circle:"",class:"menu",onClick:s[0]||(s[0]=r=>e.drawer=!0)},{default:p(()=>[t(d,{icon:"fa-solid fa-gear"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=r=>e.drawer=r),"with-header":!1,size:"340px",class:"drawer"},{default:p(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ae=b(x,[["render",oe],["__scopeId","data-v-21e11492"]]),ne=v({name:"ImageUrlsInput",components:{ElUpload:F,ElButton:R,InfoIcon:M,ImagePreview:q,FontAwesomeIcon:V},data(){return{fileList:[],uploadUrl:L()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ie={class:"field"},le={class:"title font-bold"},re={class:"upload-wrapper"};function ce(e,s,m,u,y,k){const d=a("image-preview"),h=a("font-awesome-icon"),n=a("el-button"),r=a("el-upload"),f=a("info-icon");return o(),l("div",ie,[c("h2",le,i(e.$t("headshots.name.endImageUrls")),1),c("div",re,[t(r,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:G=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:p(()=>[t(n,{size:"small",type:"primary",round:""},{default:p(()=>[t(h,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),t(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const de=b(ne,[["render",ce],["__scopeId","data-v-1690629a"]]),pe="fast",me=v({name:"ModeSelector",components:{ElRadioButton:H,ElRadioGroup:N},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=pe)}}),ue={class:"field"},he={class:"title font-bold"};function fe(e,s,m,u,y,k){const d=a("el-radio-button"),h=a("el-radio-group");return o(),l("div",ue,[c("h2",he,i(e.$t("headshots.name.mode")),1),t(h,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),size:"small",class:"mode"},{default:p(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(d,{key:n.value,label:n.value},{default:p(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const _e=b(me,[["render",fe],["__scopeId","data-v-a2a0d5fa"]]),ge=v({name:"StylizeSelector",components:{ElTabs:K,ElTabPane:J,ElImage:U},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),$e={class:"field"},ve=["onClick"],be={class:"name"};function ye(e,s,m,u,y,k){const d=a("el-image"),h=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",$e,[t(n,{modelValue:e.tab,"onUpdate:modelValue":s[0]||(s[0]=r=>e.tab=r)},{default:p(()=>[(o(!0),l(I,null,T(e.elements,(r,f)=>(o(),E(h,{key:f,label:r.displayName,name:f,class:"pane"},{default:p(()=>[(o(!0),l(I,null,T(r.items,(g,G)=>(o(),l("div",{key:G,class:S({item:!0,active:e.value===g.value}),onClick:ft=>e.onToggle(g.value)},[t(d,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),c("span",be,i(g.label),1)],10,ve))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const ke=b(ge,[["render",ye],["__scopeId","data-v-be4bd25d"]]),we=v({name:"PresetPanel",components:{ModeSelector:_e,ImageUrlsInput:de,ElButton:R,FontAwesomeIcon:V,ElementsSelector:ke},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Ie={class:"panel"},Te={class:"config"},Se={class:"actions"};function Ve(e,s,m,u,y,k){const d=a("elements-selector"),h=a("mode-selector"),n=a("image-urls-input"),r=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Ie,[c("div",Te,[t(d,{class:"mb-4"}),t(h,{class:"mb-4"}),t(n,{class:"mb-4"}),c("div",Se,[t(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(r,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Ee=b(we,[["render",Ve],["__scopeId","data-v-78172a54"]]),Ce=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:D(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:u=>{window.open(u,"_blank")}}}}),Ae={class:"image-gallery"},Re=["src"],Ge=["onClick"];function Ue(e,s,m,u,y,k){return o(),l("div",Ae,[(o(!0),l(I,null,T(e.images,(d,h)=>(o(),l("div",{key:h,class:"image-container"},[c("img",{src:d.image_url,alt:"Image"},null,8,Re),d.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(d.image_url)},i(e.$t("headshots.button.viewImage")),9,Ge)):$("",!0)]))),128))])}const Pe=b(Ce,[["render",Ue],["__scopeId","data-v-03641510"]]),Le=v({name:"TaskPreview",components:{ElImage:U,CopyToClipboard:W,FontAwesomeIcon:V,ElAlert:X,ImageGallery:Pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onReload(e){const s=e.target,m=new URL(s.src),u=m.searchParams.get("retry");if(!u)m.searchParams.set("retry","1");else if(parseInt(u)<2)m.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),De={class:"preview"},je={class:"left"},ze={class:"main"},Oe={class:"bot"},Be={class:"datetime"},Me={class:"info"},qe={key:0,class:"prompt mt-2"},Fe={key:0},Ne={key:1},He={key:0,class:S({content:!0,failed:!0})},Je={class:"image-wrapper"},Ke={class:"description"},Qe={key:1,class:S({content:!0})},We={class:"description"},Xe={class:"description"},Ye={class:"description"},Ze={key:2,class:S({content:!0})},xe={class:"description"},et={key:3,class:S({content:!0})},tt={class:"description"};function st(e,s,m,u,y,k){const d=a("el-image"),h=a("image-gallery"),n=a("font-awesome-icon"),r=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",De,[c("div",je,[t(d,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),c("div",ze,[c("div",Oe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),c("span",Be,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Me,[e.modelValue?.request?.template?(o(),l("p",qe,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",Fe," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Ne," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",He,[c("div",Je,[t(h,{"model-value":e.modelValue},null,8,["model-value"])]),t(f,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",Ke,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Qe,[t(f,{closable:!1,class:"failure"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",We,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Xe,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(r,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),c("p",Ye,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(r,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",Ze,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",xe,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",et,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",tt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const ot=b(Le,[["render",st],["__scopeId","data-v-77229910"]]),at=v({name:"RecentPanel",components:{TaskPreview:ot,ElSkeleton:Z,ElSkeletonItem:Y},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),nt={key:0,class:"tasks"},it={class:"left"},lt={class:"main"},rt={key:1,class:"tasks"},ct={key:2,class:"description"};function dt(e,s,m,u,y,k){const d=a("el-skeleton-item"),h=a("el-skeleton"),n=a("task-preview");return o(),l("div",{ref:"panel",class:"panel recent",onScroll:s[0]||(s[0]=(...r)=>e.onHandleScroll&&e.onHandleScroll(...r))},[e.tasks?.items===void 0?(o(),l("div",nt,[(o(),l(I,null,T(3,r=>c("div",{key:r,class:"task placeholder"},[c("div",it,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"image",class:"avatar"})]),_:1})]),c("div",lt,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"p",class:"title"}),t(d,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",rt,[(o(!0),l(I,null,T(e.tasks?.items,(r,f)=>(o(),E(n,{key:f,"model-value":r,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",ct,i(e.$t("headshots.message.noTasks")),1)):$("",!0)],544)}const pt=b(at,[["render",dt],["__scopeId","data-v-d79bcb1f"]]),mt="https://webhook.acedata.cloud/headshots",ut=v({name:"HeadshotsIndex",components:{ConfigPanel:Ee,Layout:ae,ApplicationStatus:Q,RecentPanel:pt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.headshots?.status?.getApplications===A.Request},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===A.Request},needApply(){return this.$store.state.headshots.status.getApplications===A.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){O.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===B&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:m,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",u),await this.$store.dispatch("headshots/getTasks",{limit:s,createdAtMin:m,createdAtMax:u})},async onGeneratePicture(){const e={...this.config,callback_url:mt},s=this.credential?.token;if(!s){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),j.generate(e,{token:s}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===z?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ht(e,s,m,u,y,k){const d=a("config-panel"),h=a("application-status"),n=a("recent-panel"),r=a("layout");return o(),E(r,null,{config:p(()=>[t(d,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:p(()=>[t(h,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),t(n,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Nt=b(ut,[["render",ht],["__scopeId","data-v-19d3c623"]]);export{Nt as default};
|
|
1
|
+
import{F as V}from"./index.es-EtbmiVQe.js";import{E as R}from"./index-CqTGsJay.js";import{E as P}from"./index-BzyEWvnL.js";import{d as v,h as b,b as l,t as c,k as t,r as C,j as p,l as a,o,c7 as L,x as i,D as _,F as I,v as T,i as E,n as S,c as D,y as $,eR as j,ds as z,df as O,dm as B,dn as A}from"./index-C4ssJdBR.js";import{I as M}from"./InfoIcon-BJAJcb5a.js";import{I as q}from"./ImagePreview-TA4gKfP6.js";import{E as F}from"./index-gFYmOD1F.js";import{E as w}from"./index-BqAthpig.js";import{a as N,E as H}from"./index-CzVzQVmI.js";import{E as U}from"./index-tdgIYwZh.js";import{E as J,a as K}from"./index-BR0vba1Y.js";import{A as Q}from"./Status-kXBbvBuV.js";import{C as W}from"./CopyToClipboard-BCGRlwJJ.js";import{E as X}from"./index-qJunmjSC.js";import{a as Y,E as Z}from"./index-B7ak1Sj_.js";import"./use-form-item-CGJaz8fH.js";import"./index-r5W6hzzQ.js";import"./index-CCjGuukj.js";import"./index-J4WBpiv9.js";import"./typescript-D14l1a1y.js";import"./index-CP_56dlf.js";import"./_baseClone-kJ5Pgx6e.js";import"./_initCloneObject-djD3gYlF.js";import"./isEqual-BqBcCRrU.js";import"./debounce-DTzFlSYq.js";import"./index-zBoOr1pW.js";import"./strings-cAoZbHaH.js";import"./isPlainObject-BLPi94hV.js";const x=v({name:"LayoutHeadshots",components:{ElDrawer:P,ElButton:R,FontAwesomeIcon:V},data(){return{drawer:!1}}}),ee={class:"main flex flex-row flex-1"},te={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},se={class:"result h-full p-[15px] flex-1 flex flex-col"};function oe(e,s,m,u,y,k){const d=a("font-awesome-icon"),h=a("el-button"),n=a("el-drawer");return o(),l("div",ee,[c("div",te,[C(e.$slots,"config",{},void 0,!0)]),c("div",se,[C(e.$slots,"result",{},void 0,!0)]),t(h,{circle:"",class:"menu",onClick:s[0]||(s[0]=r=>e.drawer=!0)},{default:p(()=>[t(d,{icon:"fa-solid fa-gear"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=r=>e.drawer=r),"with-header":!1,size:"340px",class:"drawer"},{default:p(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ae=b(x,[["render",oe],["__scopeId","data-v-21e11492"]]),ne=v({name:"ImageUrlsInput",components:{ElUpload:F,ElButton:R,InfoIcon:M,ImagePreview:q,FontAwesomeIcon:V},data(){return{fileList:[],uploadUrl:L()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ie={class:"field"},le={class:"title font-bold"},re={class:"upload-wrapper"};function ce(e,s,m,u,y,k){const d=a("image-preview"),h=a("font-awesome-icon"),n=a("el-button"),r=a("el-upload"),f=a("info-icon");return o(),l("div",ie,[c("h2",le,i(e.$t("headshots.name.endImageUrls")),1),c("div",re,[t(r,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:G=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:p(()=>[t(n,{size:"small",type:"primary",round:""},{default:p(()=>[t(h,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),t(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const de=b(ne,[["render",ce],["__scopeId","data-v-1690629a"]]),pe="fast",me=v({name:"ModeSelector",components:{ElRadioButton:H,ElRadioGroup:N},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=pe)}}),ue={class:"field"},he={class:"title font-bold"};function fe(e,s,m,u,y,k){const d=a("el-radio-button"),h=a("el-radio-group");return o(),l("div",ue,[c("h2",he,i(e.$t("headshots.name.mode")),1),t(h,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),size:"small",class:"mode"},{default:p(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(d,{key:n.value,label:n.value},{default:p(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const _e=b(me,[["render",fe],["__scopeId","data-v-a2a0d5fa"]]),ge=v({name:"StylizeSelector",components:{ElTabs:K,ElTabPane:J,ElImage:U},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),$e={class:"field"},ve=["onClick"],be={class:"name"};function ye(e,s,m,u,y,k){const d=a("el-image"),h=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",$e,[t(n,{modelValue:e.tab,"onUpdate:modelValue":s[0]||(s[0]=r=>e.tab=r)},{default:p(()=>[(o(!0),l(I,null,T(e.elements,(r,f)=>(o(),E(h,{key:f,label:r.displayName,name:f,class:"pane"},{default:p(()=>[(o(!0),l(I,null,T(r.items,(g,G)=>(o(),l("div",{key:G,class:S({item:!0,active:e.value===g.value}),onClick:ft=>e.onToggle(g.value)},[t(d,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),c("span",be,i(g.label),1)],10,ve))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const ke=b(ge,[["render",ye],["__scopeId","data-v-be4bd25d"]]),we=v({name:"PresetPanel",components:{ModeSelector:_e,ImageUrlsInput:de,ElButton:R,FontAwesomeIcon:V,ElementsSelector:ke},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Ie={class:"panel"},Te={class:"config"},Se={class:"actions"};function Ve(e,s,m,u,y,k){const d=a("elements-selector"),h=a("mode-selector"),n=a("image-urls-input"),r=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Ie,[c("div",Te,[t(d,{class:"mb-4"}),t(h,{class:"mb-4"}),t(n,{class:"mb-4"}),c("div",Se,[t(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[t(r,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Ee=b(we,[["render",Ve],["__scopeId","data-v-78172a54"]]),Ce=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:D(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:u=>{window.open(u,"_blank")}}}}),Ae={class:"image-gallery"},Re=["src"],Ge=["onClick"];function Ue(e,s,m,u,y,k){return o(),l("div",Ae,[(o(!0),l(I,null,T(e.images,(d,h)=>(o(),l("div",{key:h,class:"image-container"},[c("img",{src:d.image_url,alt:"Image"},null,8,Re),d.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(d.image_url)},i(e.$t("headshots.button.viewImage")),9,Ge)):$("",!0)]))),128))])}const Pe=b(Ce,[["render",Ue],["__scopeId","data-v-03641510"]]),Le=v({name:"TaskPreview",components:{ElImage:U,CopyToClipboard:W,FontAwesomeIcon:V,ElAlert:X,ImageGallery:Pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onReload(e){const s=e.target,m=new URL(s.src),u=m.searchParams.get("retry");if(!u)m.searchParams.set("retry","1");else if(parseInt(u)<2)m.searchParams.set("retry",(parseInt(u)+1).toString());else return;s.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),De={class:"preview"},je={class:"left"},ze={class:"main"},Oe={class:"bot"},Be={class:"datetime"},Me={class:"info"},qe={key:0,class:"prompt mt-2"},Fe={key:0},Ne={key:1},He={key:0,class:S({content:!0,failed:!0})},Je={class:"image-wrapper"},Ke={class:"description"},Qe={key:1,class:S({content:!0})},We={class:"description"},Xe={class:"description"},Ye={class:"description"},Ze={key:2,class:S({content:!0})},xe={class:"description"},et={key:3,class:S({content:!0})},tt={class:"description"};function st(e,s,m,u,y,k){const d=a("el-image"),h=a("image-gallery"),n=a("font-awesome-icon"),r=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",De,[c("div",je,[t(d,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),c("div",ze,[c("div",Oe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),c("span",Be,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Me,[e.modelValue?.request?.template?(o(),l("p",qe,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",Fe," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Ne," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",He,[c("div",Je,[t(h,{"model-value":e.modelValue},null,8,["model-value"])]),t(f,{closable:!1,class:"mt-2 success"},{default:p(()=>[c("p",Ke,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Qe,[t(f,{closable:!1,class:"failure"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",We,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Xe,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(r,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),c("p",Ye,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(r,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",Ze,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",xe,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",et,[t(f,{closable:!1,class:"info"},{template:p(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:p(()=>[c("p",tt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(r,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const ot=b(Le,[["render",st],["__scopeId","data-v-77229910"]]),at=v({name:"RecentPanel",components:{TaskPreview:ot,ElSkeleton:Z,ElSkeletonItem:Y},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),nt={key:0,class:"tasks"},it={class:"left"},lt={class:"main"},rt={key:1,class:"tasks"},ct={key:2,class:"description"};function dt(e,s,m,u,y,k){const d=a("el-skeleton-item"),h=a("el-skeleton"),n=a("task-preview");return o(),l("div",{ref:"panel",class:"panel recent",onScroll:s[0]||(s[0]=(...r)=>e.onHandleScroll&&e.onHandleScroll(...r))},[e.tasks?.items===void 0?(o(),l("div",nt,[(o(),l(I,null,T(3,r=>c("div",{key:r,class:"task placeholder"},[c("div",it,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"image",class:"avatar"})]),_:1})]),c("div",lt,[t(h,{animated:""},{template:p(()=>[t(d,{variant:"p",class:"title"}),t(d,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",rt,[(o(!0),l(I,null,T(e.tasks?.items,(r,f)=>(o(),E(n,{key:f,"model-value":r,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",ct,i(e.$t("headshots.message.noTasks")),1)):$("",!0)],544)}const pt=b(at,[["render",dt],["__scopeId","data-v-d79bcb1f"]]),mt="https://webhook.acedata.cloud/headshots",ut=v({name:"HeadshotsIndex",components:{ConfigPanel:Ee,Layout:ae,ApplicationStatus:Q,RecentPanel:pt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.headshots?.status?.getApplications===A.Request},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===A.Request},needApply(){return this.$store.state.headshots.status.getApplications===A.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){O.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===B&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".recent");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:m,createdAtMax:u}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",u),await this.$store.dispatch("headshots/getTasks",{limit:s,createdAtMin:m,createdAtMax:u})},async onGeneratePicture(){const e={...this.config,callback_url:mt},s=this.credential?.token;if(!s){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),j.generate(e,{token:s}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===z?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function ht(e,s,m,u,y,k){const d=a("config-panel"),h=a("application-status"),n=a("recent-panel"),r=a("layout");return o(),E(r,null,{config:p(()=>[t(d,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:p(()=>[t(h,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),t(n,{class:"panel recent",onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Nt=b(ut,[["render",ht],["__scopeId","data-v-19d3c623"]]);export{Nt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as T}from"./index.es-CJbKM0CV.js";import{E as C}from"./index-C5k9PNqL.js";import{E as j}from"./index-CNg43fsi.js";import{d as b,h as $,b as i,t as r,k as t,r as S,j as u,l as n,o as a,e_ as L,x as l,F as V,v as A,i as I,c7 as R,D as h,y as g,n as U,e$ as P,ds as N,dn as B}from"./index-DTe9fRn-.js";import{E as D,a as x}from"./index-DCYB3TDh.js";import{I as G}from"./InfoIcon-YhCcbV8z.js";import{E as F}from"./index-I4cHhAfY.js";import{I as O}from"./ImagePreview-D6FjLfQO.js";import{E as z}from"./index-DxTeNsnH.js";import{E as y}from"./index-H7zk7enZ.js";import{C as M,N as q}from"./NoTasks-ex5PKih3.js";import{a as H}from"./price-C04dX6gR.js";import{C as K}from"./CopyToClipboard-CU-Bssp8.js";import{I as W}from"./ImageWrapper-DzYTbbFD.js";import{E as J}from"./index-N-T3RtWX.js";import{E as Q}from"./index-Bp0DDosh.js";import{B as X}from"./BotPlaceholder-C_vy0qCQ.js";import"./use-form-item-CtZlpzU6.js";import"./index-r5W6hzzQ.js";import"./index-DjlWqdX5.js";import"./index-DaEk4vUe.js";import"./typescript-BioIzq79.js";import"./index-DLyu6NQP.js";import"./strings-CNF1iAZ6.js";import"./castArray-pZCaAVDW.js";import"./isEqual-CH8EZj5t.js";import"./_initCloneObject-CJq550xS.js";import"./debounce-Bzi7Cd91.js";import"./_baseIteratee-LczmVVcS.js";import"./index-BgQ-O6aa.js";import"./index-MMWJF36O.js";import"./index-DPoEMPUV.js";import"./_baseClone-BDmNDGGK.js";import"./index-DyxxJgEB.js";const Y=b({name:"LayoutNanobanana",components:{ElDrawer:j,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),Z={class:"main flex flex-row flex-1"},ee={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},te={class:"result h-full p-[15px] flex-1 flex flex-col"};function ne(e,o,f,d,v,w){const c=n("font-awesome-icon"),p=n("el-button"),s=n("el-drawer");return a(),i("div",Z,[r("div",ee,[S(e.$slots,"config",{},void 0,!0)]),r("div",te,[S(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:o[0]||(o[0]=m=>e.drawer=!0)},{default:u(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(s,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:u(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const oe=$(Y,[["render",ne],["__scopeId","data-v-3794959b"]]),ae=b({name:"ActionSelector",components:{ElSelect:x,ElOption:D},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("nanobanana.name.generate")},{value:"edit",label:this.$t("nanobanana.name.edits")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.action},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana.config,action:e})}}},mounted(){this.value||(this.value=L)}}),se={class:"field"},re={class:"title font-bold"};function le(e,o,f,d,v,w){const c=n("el-option"),p=n("el-select");return a(),i("div",se,[r("h2",re,l(e.$t("nanobanana.name.task")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:u(()=>[(a(!0),i(V,null,A(e.options,s=>(a(),I(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ie=$(ae,[["render",le],["__scopeId","data-v-53bf2549"]]),ce="",pe=b({name:"PromptInput",components:{ElInput:F,InfoIcon:G},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=ce)}}),me={class:"field"},de={class:"box"},ue={class:"title font-bold"};function fe(e,o,f,d,v,w){const c=n("info-icon"),p=n("el-input");return a(),i("div",me,[r("div",de,[r("h2",ue,l(e.$t("nanobanana.name.prompt")),1),t(c,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),t(p,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=s=>e.prompt=s),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const _e=$(pe,[["render",fe],["__scopeId","data-v-38b040ab"]]),he=b({name:"ImageUrlsInput",components:{ElUpload:z,ElButton:C,InfoIcon:G,ImagePreview:O,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:R()+"/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.nanobanana?.config?.image_urls},set(){const e=this.urls;this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){y.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){y.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ge={class:"field flex items-center justify-between"},be={class:"title font-bold text-[14px] mb-[10px]"},$e={class:"upload-wrapper flex flex-col items-start gap-[8px]"},ve={class:"controls flex items-center"},we={class:"file-list flex flex-wrap gap-[10px]"};function ke(e,o,f,d,v,w){const c=n("font-awesome-icon"),p=n("el-button"),s=n("el-upload"),m=n("info-icon"),k=n("image-preview");return a(),i(V,null,[r("div",ge,[r("h2",be,l(e.$t("nanobanana.name.imageUrls")),1),r("div",$e,[r("div",ve,[t(s,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=_=>e.fileList=_),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,headers:e.headers},{default:u(()=>[t(p,{size:"small",type:"primary",round:""},{default:u(()=>[t(c,{icon:"fa-solid fa-upload",class:"mr-1"}),h(" "+l(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"]),t(m,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),r("div",we,[(a(!0),i(V,null,A(e.fileList,(_,E)=>(a(),I(k,{key:E,url:_.url||_?.response?.file_url,name:_.name,percentage:_.percentage,onRemove:st=>e.fileList.splice(E,1)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const ye=$(he,[["render",ke]]),Ve=b({name:"ConfigPanel",components:{ElButton:C,FontAwesomeIcon:T,PromptInput:_e,Consumption:M,ActionSelector:ie,ImageUrlsInput:ye},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){return H(this.config,this.service?.metadata?.price)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ie={class:"flex flex-col h-full"},Ee={class:"flex-1 overflow-y-auto p-[15px]"},Te={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ae(e,o,f,d,v,w){const c=n("action-selector"),p=n("prompt-input"),s=n("image-urls-input"),m=n("consumption"),k=n("font-awesome-icon"),_=n("el-button");return a(),i("div",Ie,[r("div",Ee,[t(c,{class:"mb-4"}),t(p,{class:"mb-4"}),e.config?.action==="edit"?(a(),I(s,{key:0,class:"mb-4"})):g("",!0)]),r("div",Te,[t(m,{value:e.consumption,service:e.service},null,8,["value","service"]),t(_,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(k,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const Se=$(Ve,[["render",Ae]]),Ce=b({name:"TaskPreview",components:{ElImage:Q,CopyToClipboard:K,FontAwesomeIcon:T,ElAlert:J,ImageWrapper:W},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(o=>{e.push(o)}),e}}}),Ue={class:"preview"},Ge={class:"left"},je={class:"main"},Le={class:"bot"},Re={class:"datetime"},Pe={class:"info"},Ne={key:0,class:"prompt mt-2"},Be={key:0},De={key:0,class:U({content:!0,failed:!0})},xe={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},Fe={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Oe={key:1,class:U({content:!0})},ze={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Me={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qe={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},He={key:2,class:U({content:!0})},Ke={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function We(e,o,f,d,v,w){const c=n("el-image"),p=n("image-wrapper"),s=n("font-awesome-icon"),m=n("copy-to-clipboard"),k=n("el-alert");return a(),i("div",Ue,[r("div",Ge,[t(c,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),r("div",je,[r("div",Le,[h(l(e.$t("nanobanana.name.nanobananaBot"))+" ",1),r("span",Re,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",Pe,[e.modelValue?.request?.prompt?(a(),i("p",Ne,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?g("",!0):(a(),i("span",Be," - ("+l(e.$t("nanobanana.status.pending"))+") ",1))])):g("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",De,[r("div",xe,[(a(!0),i(V,null,A(e.images,(_,E)=>(a(),I(p,{key:E,src:_?.image_url,"raw-src":_?.image_url},null,8,["src","raw-src"]))),128))]),t(k,{closable:!1,class:"mt-2 success"},{default:u(()=>[r("p",Fe,[t(s,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(m,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):g("",!0),e.modelValue?.response?.success===!1?(a(),i("div",Oe,[t(k,{closable:!1,class:"failure"},{template:u(()=>[t(s,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.failure")),1)]),default:u(()=>[r("p",ze,[t(s,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(m,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",Me,[t(s,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),t(m,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",qe,[t(s,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),t(m,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):g("",!0)]),_:1})])):g("",!0),e.modelValue?.response?g("",!0):(a(),i("div",He,[t(k,{closable:!1,class:"info"},{template:u(()=>[t(s,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.failure")),1)]),default:u(()=>[r("p",Ke,[t(s,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(m,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Je=$(Ce,[["render",We],["__scopeId","data-v-251c9560"]]),Qe=b({name:"RecentPanel",components:{TaskPreview:Je,BotPlaceholder:X,NoTasks:q},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{onHandleScroll(){this.$refs.panel.scrollTop===0&&this.$emit("reach-top")}}}),Xe={key:0},Ye={key:1,class:"tasks h-full w-full overflow-y-auto"},Ze={key:2,class:"w-full h-full flex items-center justify-center"};function et(e,o,f,d,v,w){const c=n("bot-placeholder"),p=n("task-preview"),s=n("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",Xe,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),i("div",Ye,[(a(!0),i(V,null,A(e.tasks?.items,m=>(a(),I(p,{key:m.id,"model-value":m},null,8,["model-value"]))),128))])):g("",!0),e.tasks?.items?.length===0?(a(),i("div",Ze,[t(s)])):g("",!0)],64)}const tt=$(Qe,[["render",et]]),nt="https://webhook.acedata.cloud/nanobanana",ot=b({name:"NanobananaIndex",components:{ConfigPanel:Se,Layout:oe,RecentPanel:tt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.nanobanana?.status?.getApplications===B.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,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:f,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",f,"createdAtMax",d),await this.$store.dispatch("nanobanana/getTasks",{limit:o,createdAtMin:f,createdAtMax:d})},async onGenerate(){const e={...this.config,callback_url:nt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("nanobanana.message.startingTask")),P.generate(e,{token:o}).then(()=>{y.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(f=>{const d=f?.response?.data;d?.error?.code===N?y.error(this.$t("nanobanana.message.usedUp")):y.error(this.$t("nanobanana.message.startTaskFailed")+(d?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function at(e,o,f,d,v,w){const c=n("config-panel"),p=n("recent-panel"),s=n("layout");return a(),I(s,null,{config:u(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const xt=$(ot,[["render",at]]);export{xt as default};
|
|
1
|
+
import{F as T}from"./index.es-EtbmiVQe.js";import{E as C}from"./index-CqTGsJay.js";import{E as j}from"./index-BzyEWvnL.js";import{d as b,h as $,b as i,t as r,k as t,r as S,j as u,l as n,o as a,e_ as L,x as l,F as V,v as A,i as I,c7 as R,D as h,y as g,n as U,e$ as P,ds as N,dn as B}from"./index-C4ssJdBR.js";import{E as D,a as x}from"./index-C4trafQk.js";import{I as G}from"./InfoIcon-BJAJcb5a.js";import{E as F}from"./index-Bth-8JIu.js";import{I as O}from"./ImagePreview-TA4gKfP6.js";import{E as z}from"./index-gFYmOD1F.js";import{E as y}from"./index-BqAthpig.js";import{C as M,N as q}from"./NoTasks-oiStcbHf.js";import{a as H}from"./price-DPmHeT6D.js";import{C as K}from"./CopyToClipboard-BCGRlwJJ.js";import{I as W}from"./ImageWrapper-DiWDwTYN.js";import{E as J}from"./index-qJunmjSC.js";import{E as Q}from"./index-tdgIYwZh.js";import{B as X}from"./BotPlaceholder-BWFhmlAo.js";import"./use-form-item-CGJaz8fH.js";import"./index-r5W6hzzQ.js";import"./index-CCjGuukj.js";import"./index-J4WBpiv9.js";import"./typescript-D14l1a1y.js";import"./index-DEAamx_H.js";import"./strings-cAoZbHaH.js";import"./castArray-TlECDAqv.js";import"./isEqual-BqBcCRrU.js";import"./_initCloneObject-djD3gYlF.js";import"./debounce-DTzFlSYq.js";import"./_baseIteratee-35aC5hBk.js";import"./index-BqzuTEwO.js";import"./index-zBoOr1pW.js";import"./index-CP_56dlf.js";import"./_baseClone-kJ5Pgx6e.js";import"./index-B7ak1Sj_.js";const Y=b({name:"LayoutNanobanana",components:{ElDrawer:j,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),Z={class:"main flex flex-row flex-1"},ee={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},te={class:"result h-full p-[15px] flex-1 flex flex-col"};function ne(e,o,f,d,v,w){const c=n("font-awesome-icon"),p=n("el-button"),s=n("el-drawer");return a(),i("div",Z,[r("div",ee,[S(e.$slots,"config",{},void 0,!0)]),r("div",te,[S(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:o[0]||(o[0]=m=>e.drawer=!0)},{default:u(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(s,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:u(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const oe=$(Y,[["render",ne],["__scopeId","data-v-3794959b"]]),ae=b({name:"ActionSelector",components:{ElSelect:x,ElOption:D},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("nanobanana.name.generate")},{value:"edit",label:this.$t("nanobanana.name.edits")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.action},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana.config,action:e})}}},mounted(){this.value||(this.value=L)}}),se={class:"field"},re={class:"title font-bold"};function le(e,o,f,d,v,w){const c=n("el-option"),p=n("el-select");return a(),i("div",se,[r("h2",re,l(e.$t("nanobanana.name.task")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:u(()=>[(a(!0),i(V,null,A(e.options,s=>(a(),I(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ie=$(ae,[["render",le],["__scopeId","data-v-53bf2549"]]),ce="",pe=b({name:"PromptInput",components:{ElInput:F,InfoIcon:G},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=ce)}}),me={class:"field"},de={class:"box"},ue={class:"title font-bold"};function fe(e,o,f,d,v,w){const c=n("info-icon"),p=n("el-input");return a(),i("div",me,[r("div",de,[r("h2",ue,l(e.$t("nanobanana.name.prompt")),1),t(c,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),t(p,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=s=>e.prompt=s),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const _e=$(pe,[["render",fe],["__scopeId","data-v-38b040ab"]]),he=b({name:"ImageUrlsInput",components:{ElUpload:z,ElButton:C,InfoIcon:G,ImagePreview:O,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:R()+"/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.nanobanana?.config?.image_urls},set(){const e=this.urls;this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){y.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){y.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ge={class:"field flex items-center justify-between"},be={class:"title font-bold text-[14px] mb-[10px]"},$e={class:"upload-wrapper flex flex-col items-start gap-[8px]"},ve={class:"controls flex items-center"},we={class:"file-list flex flex-wrap gap-[10px]"};function ke(e,o,f,d,v,w){const c=n("font-awesome-icon"),p=n("el-button"),s=n("el-upload"),m=n("info-icon"),k=n("image-preview");return a(),i(V,null,[r("div",ge,[r("h2",be,l(e.$t("nanobanana.name.imageUrls")),1),r("div",$e,[r("div",ve,[t(s,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=_=>e.fileList=_),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,headers:e.headers},{default:u(()=>[t(p,{size:"small",type:"primary",round:""},{default:u(()=>[t(c,{icon:"fa-solid fa-upload",class:"mr-1"}),h(" "+l(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"]),t(m,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),r("div",we,[(a(!0),i(V,null,A(e.fileList,(_,E)=>(a(),I(k,{key:E,url:_.url||_?.response?.file_url,name:_.name,percentage:_.percentage,onRemove:st=>e.fileList.splice(E,1)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const ye=$(he,[["render",ke]]),Ve=b({name:"ConfigPanel",components:{ElButton:C,FontAwesomeIcon:T,PromptInput:_e,Consumption:M,ActionSelector:ie,ImageUrlsInput:ye},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){return H(this.config,this.service?.metadata?.price)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ie={class:"flex flex-col h-full"},Ee={class:"flex-1 overflow-y-auto p-[15px]"},Te={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ae(e,o,f,d,v,w){const c=n("action-selector"),p=n("prompt-input"),s=n("image-urls-input"),m=n("consumption"),k=n("font-awesome-icon"),_=n("el-button");return a(),i("div",Ie,[r("div",Ee,[t(c,{class:"mb-4"}),t(p,{class:"mb-4"}),e.config?.action==="edit"?(a(),I(s,{key:0,class:"mb-4"})):g("",!0)]),r("div",Te,[t(m,{value:e.consumption,service:e.service},null,8,["value","service"]),t(_,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(k,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const Se=$(Ve,[["render",Ae]]),Ce=b({name:"TaskPreview",components:{ElImage:Q,CopyToClipboard:K,FontAwesomeIcon:T,ElAlert:J,ImageWrapper:W},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(o=>{e.push(o)}),e}}}),Ue={class:"preview"},Ge={class:"left"},je={class:"main"},Le={class:"bot"},Re={class:"datetime"},Pe={class:"info"},Ne={key:0,class:"prompt mt-2"},Be={key:0},De={key:0,class:U({content:!0,failed:!0})},xe={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},Fe={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Oe={key:1,class:U({content:!0})},ze={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Me={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qe={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},He={key:2,class:U({content:!0})},Ke={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function We(e,o,f,d,v,w){const c=n("el-image"),p=n("image-wrapper"),s=n("font-awesome-icon"),m=n("copy-to-clipboard"),k=n("el-alert");return a(),i("div",Ue,[r("div",Ge,[t(c,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),r("div",je,[r("div",Le,[h(l(e.$t("nanobanana.name.nanobananaBot"))+" ",1),r("span",Re,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",Pe,[e.modelValue?.request?.prompt?(a(),i("p",Ne,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?g("",!0):(a(),i("span",Be," - ("+l(e.$t("nanobanana.status.pending"))+") ",1))])):g("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",De,[r("div",xe,[(a(!0),i(V,null,A(e.images,(_,E)=>(a(),I(p,{key:E,src:_?.image_url,"raw-src":_?.image_url},null,8,["src","raw-src"]))),128))]),t(k,{closable:!1,class:"mt-2 success"},{default:u(()=>[r("p",Fe,[t(s,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(m,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):g("",!0),e.modelValue?.response?.success===!1?(a(),i("div",Oe,[t(k,{closable:!1,class:"failure"},{template:u(()=>[t(s,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.failure")),1)]),default:u(()=>[r("p",ze,[t(s,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(m,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",Me,[t(s,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),t(m,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),i("p",qe,[t(s,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),t(m,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):g("",!0)]),_:1})])):g("",!0),e.modelValue?.response?g("",!0):(a(),i("div",He,[t(k,{closable:!1,class:"info"},{template:u(()=>[t(s,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.failure")),1)]),default:u(()=>[r("p",Ke,[t(s,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("nanobanana.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(m,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Je=$(Ce,[["render",We],["__scopeId","data-v-251c9560"]]),Qe=b({name:"RecentPanel",components:{TaskPreview:Je,BotPlaceholder:X,NoTasks:q},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{onHandleScroll(){this.$refs.panel.scrollTop===0&&this.$emit("reach-top")}}}),Xe={key:0},Ye={key:1,class:"tasks h-full w-full overflow-y-auto"},Ze={key:2,class:"w-full h-full flex items-center justify-center"};function et(e,o,f,d,v,w){const c=n("bot-placeholder"),p=n("task-preview"),s=n("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",Xe,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),i("div",Ye,[(a(!0),i(V,null,A(e.tasks?.items,m=>(a(),I(p,{key:m.id,"model-value":m},null,8,["model-value"]))),128))])):g("",!0),e.tasks?.items?.length===0?(a(),i("div",Ze,[t(s)])):g("",!0)],64)}const tt=$(Qe,[["render",et]]),nt="https://webhook.acedata.cloud/nanobanana",ot=b({name:"NanobananaIndex",components:{ConfigPanel:Se,Layout:oe,RecentPanel:tt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.nanobanana?.status?.getApplications===B.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,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:f,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",f,"createdAtMax",d),await this.$store.dispatch("nanobanana/getTasks",{limit:o,createdAtMin:f,createdAtMax:d})},async onGenerate(){const e={...this.config,callback_url:nt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("nanobanana.message.startingTask")),P.generate(e,{token:o}).then(()=>{y.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(f=>{const d=f?.response?.data;d?.error?.code===N?y.error(this.$t("nanobanana.message.usedUp")):y.error(this.$t("nanobanana.message.startTaskFailed")+(d?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function at(e,o,f,d,v,w){const c=n("config-panel"),p=n("recent-panel"),s=n("layout");return a(),I(s,null,{config:u(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const xt=$(ot,[["render",at]]);export{xt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E,a as T,b as D}from"./EditArray-
|
|
1
|
+
import{E,a as T,b as D}from"./EditArray-CNffMlZs.js";import{d as F,H as U,h as V,i as q,j as s,k as t,l as n,t as l,x as o,D as m,b as I,v as A,F as _,o as w,J as k,y as j,K as C}from"./index-C4ssJdBR.js";import{E as B,a as L}from"./index-BV4o_bfz.js";import{E as N}from"./index-C3GYDBc-.js";import{E as R,a as K,b as O}from"./index-DqySUAY6.js";import{E as Q}from"./index-tdgIYwZh.js";import{E as H}from"./index-DpSdtysU.js";import"./index-CqTGsJay.js";import"./use-form-item-CGJaz8fH.js";import"./index-r5W6hzzQ.js";import"./index-Bth-8JIu.js";import"./typescript-D14l1a1y.js";import"./index-J4WBpiv9.js";import"./index-zBoOr1pW.js";import"./index.es-EtbmiVQe.js";import"./index-gFYmOD1F.js";import"./index-CP_56dlf.js";import"./_baseClone-kJ5Pgx6e.js";import"./_initCloneObject-djD3gYlF.js";import"./isEqual-BqBcCRrU.js";import"./index-BqAthpig.js";import"./castArray-TlECDAqv.js";import"./debounce-DTzFlSYq.js";const J=F({name:"SiteIndex",components:{EditText:D,EditImage:T,EditArray:E,ElDivider:H,ElRow:O,ElImage:Q,ElCol:K,ElCard:R,ElForm:L,ElSwitch:N,ElFormItem:B},data(){return{editing:{title:!1}}},computed:{site(){return this.$store.getters.site}},methods:{onSave(e){const a={...this.site,...e};U.update(this.site?.id,a).then(()=>{console.debug("getSite for id",this.site?.id),this.$store.dispatch("getSite")})}}}),W={class:"title"},z={class:"title"},G={class:"block w-full"},M={class:"block tip"},P={class:"block w-full"},X={class:"block tip"},Y={class:"block w-full"},Z={class:"block tip"},x={class:"block w-full"},ee={class:"block tip"},te={class:"block w-full"},ie={class:"block tip"},se={class:"title"},le={class:"block w-full"},oe={class:"block tip"},ae={class:"block w-full"},de={class:"block tip"},ne={class:"title"},re={class:"block tip"},me={class:"block tip"},pe={class:"title"},ue={class:"w-full"},fe={class:"block tip w-full"},be={key:0},ve={class:"block w-full"},he={class:"block w-full"};function ce(e,a,$e,ge,we,ke){const f=n("el-col"),h=n("el-row"),p=n("el-divider"),d=n("el-form-item"),u=n("edit-text"),c=n("el-image"),$=n("edit-image"),y=n("edit-array"),b=n("el-form"),v=n("el-card"),g=n("el-switch");return w(),q(h,{class:"panel"},{default:s(()=>[t(f,{span:24},{default:s(()=>[t(h,null,{default:s(()=>[t(f,{span:24},{default:s(()=>[l("h2",W,o(e.$t("common.title.site")),1)]),_:1})]),_:1}),t(h,{gutter:15},{default:s(()=>[t(f,{md:12,xs:24},{default:s(()=>[t(v,{shadow:"hover",class:"mb-4"},{default:s(()=>[l("h4",z,o(e.$t("site.title.basicConfig")),1),t(p),t(b,{model:e.site,class:"form","label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[t(d,{label:e.$t("site.field.origin")},{default:s(()=>[l("span",G,o(e.site.origin),1),l("span",M,o(e.$t("site.message.originTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.title")},{default:s(()=>[l("span",P,[m(o(e.site.title)+" ",1),t(u,{"model-value":e.site.title,title:e.$t("site.title.editTitle"),placeholder:e.$t("site.placeholder.title"),onConfirm:a[0]||(a[0]=i=>e.onSave({title:i}))},null,8,["model-value","title","placeholder"])]),l("span",X,o(e.$t("site.message.titleTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.logo")},{default:s(()=>[l("span",Y,[t(c,{src:e.site.logo,class:"logo"},null,8,["src"]),t($,{"model-value":e.site.logo,title:e.$t("site.title.editLogo"),tip:e.$t("site.message.editLogoTip"),onConfirm:a[1]||(a[1]=i=>e.onSave({logo:i}))},null,8,["model-value","title","tip"])]),l("span",Z,o(e.$t("site.message.logoTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.favicon")},{default:s(()=>[l("span",x,[t(c,{src:e.site.favicon,class:"favicon"},null,8,["src"]),t($,{"model-value":e.site.favicon,title:e.$t("site.title.editFavicon"),tip:e.$t("site.message.editFaviconTip"),onConfirm:a[2]||(a[2]=i=>e.onSave({favicon:i}))},null,8,["model-value","title","tip"])]),l("span",ee,o(e.$t("site.message.faviconTip")),1)]),_:1},8,["label"]),t(p,{"border-style":"dashed"}),t(d,{label:e.$t("site.field.admins")},{default:s(()=>[l("span",te,[m(o(e.site.admins?.join(", "))+" ",1),t(y,{"model-value":e.site?.admins||[],title:e.$t("site.title.editAdmins"),placeholder:e.$t("site.placeholder.admins"),tip:e.$t("site.message.adminsTip2"),min:1,"min-error-message":e.$t("site.message.atLeastOneAdmin"),onConfirm:a[3]||(a[3]=i=>e.onSave({admins:i}))},null,8,["model-value","title","placeholder","tip","min-error-message"])]),l("span",ie,o(e.$t("site.message.adminsTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])]),_:1}),t(v,{shadow:"hover"},{default:s(()=>[l("h4",se,o(e.$t("site.title.seoConfig")),1),t(p),t(b,{model:e.site,class:"form","label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[t(d,{label:e.$t("site.field.description")},{default:s(()=>[l("span",le,[m(o(e.site.description)+" ",1),t(u,{"model-value":e.site.description,title:e.$t("site.title.editDescription"),placeholder:e.$t("site.placeholder.description"),onConfirm:a[4]||(a[4]=i=>e.onSave({description:i}))},null,8,["model-value","title","placeholder"])]),l("span",oe,o(e.$t("site.message.descriptionTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.keywords")},{default:s(()=>[l("span",ae,[m(o(e.site.keywords?.join(", "))+" ",1),t(y,{"model-value":e.site?.keywords||[],title:e.$t("site.title.editKeywords"),placeholder:e.$t("site.placeholder.keywords"),tip:e.$t("site.message.keywordsTip2"),onConfirm:a[5]||(a[5]=i=>e.onSave({keywords:i}))},null,8,["model-value","title","placeholder","tip"])]),l("span",de,o(e.$t("site.message.keywordsTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])]),_:1})]),_:1}),t(f,{md:12,xs:24},{default:s(()=>[t(v,{shadow:"hover",class:"mb-4"},{default:s(()=>[l("h4",ne,o(e.$t("site.title.distributionConfig")),1),t(p),t(b,{model:e.site,class:"form","label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[t(d,{label:e.$t("site.field.distributionDefaultInviterId")},{default:s(()=>[m(o(e.site.distribution?.default_inviter_id)+" ",1),t(u,{"model-value":e.site.distribution?.default_inviter_id,title:e.$t("site.title.editDistributionDefaultInviterId"),placeholder:e.$t("site.placeholder.editDistributionDefaultInviterId"),onConfirm:a[6]||(a[6]=i=>e.onSave({distribution:{...e.site.distribution,default_inviter_id:i}}))},null,8,["model-value","title","placeholder"]),l("span",re,o(e.$t("site.message.distributionDefaultInviterIdTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.distributionForceInviterId")},{default:s(()=>[m(o(e.site.distribution?.force_inviter_id)+" ",1),t(u,{"model-value":e.site.distribution?.force_inviter_id,title:e.$t("site.title.editDistributionForceInviterId"),placeholder:e.$t("site.placeholder.editDistributionForceInviterId"),onConfirm:a[7]||(a[7]=i=>e.onSave({distribution:{...e.site.distribution,force_inviter_id:i}}))},null,8,["model-value","title","placeholder"]),l("span",me,o(e.$t("site.message.distributionForceInviterIdTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])]),_:1}),t(v,{shadow:"hover"},{default:s(()=>[l("h4",pe,o(e.$t("site.title.featuresConfig")),1),t(p),t(b,{model:e.site,class:"form","label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[(w(),I(_,null,A(["chat","midjourney","qrart","suno","luma","pika","kling","flux","hailuo","headshots","support"],(i,S)=>t(d,{key:S,label:e.$t("site.field.features"+i.charAt(0).toUpperCase()+i.slice(1))},{default:s(()=>[l("div",ue,[t(g,{"model-value":e.site.features[i]?.enabled||!1,"inline-prompt":"","active-text":e.$t("site.button.enabled"),"inactive-text":e.$t("site.button.disabled"),"onUpdate:modelValue":r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],enabled:r}}})},null,8,["model-value","active-text","inactive-text","onUpdate:modelValue"])]),l("span",fe,o(e.$t("site.message.features"+i.charAt(0).toUpperCase()+i.slice(1))),1),i==="support"?k((w(),I("div",be,[t(d,{label:"WeChat"},{default:s(()=>[t(g,{"model-value":e.site.features[i]?.wechat?.enabled||!1,"inline-prompt":"","active-text":e.$t("site.button.enabled"),"inactive-text":e.$t("site.button.disabled"),"onUpdate:modelValue":r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],wechat:{...e.site.features[i]?.wechat,enabled:r}}}})},null,8,["model-value","active-text","inactive-text","onUpdate:modelValue"])]),_:2},1024),k(t(d,{label:e.$t("site.field.qr")},{default:s(()=>[l("span",ve,[t(c,{src:e.site.features[i]?.wechat?.qr},null,8,["src"]),t($,{"model-value":e.site.features[i]?.wechat?.qr,title:e.$t("site.title.editQR"),tip:e.$t("site.message.editQRTip"),onConfirm:r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],wechat:{...e.site.features[i]?.wechat,qr:r}}}})},null,8,["model-value","title","tip","onConfirm"])])]),_:2},1032,["label"]),[[C,e.site.features[i]?.wechat?.enabled]]),t(d,{label:"Discord"},{default:s(()=>[t(g,{"model-value":e.site.features[i]?.discord?.enabled||!1,"inline-prompt":"","active-text":e.$t("site.button.enabled"),"inactive-text":e.$t("site.button.disabled"),"onUpdate:modelValue":r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],discord:{...e.site.features[i]?.discord,enabled:r}}}})},null,8,["model-value","active-text","inactive-text","onUpdate:modelValue"])]),_:2},1024),k(t(d,{label:e.$t("site.field.url")},{default:s(()=>[l("span",he,[m(o(e.site.features[i]?.discord?.url)+" ",1),t(u,{"model-value":e.site.features[i]?.discord?.url,title:e.$t("site.title.editUrl"),placeholder:e.$t("site.placeholder.editUrl"),onConfirm:r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],discord:{...e.site.features[i]?.discord,url:r}}}})},null,8,["model-value","title","placeholder","onConfirm"])])]),_:2},1032,["label"]),[[C,e.site.features[i]?.discord?.enabled]])],512)),[[C,e.site.features[i]?.enabled]]):j("",!0)]),_:2},1032,["label"])),64))]),_:1},8,["model"])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const We=V(J,[["render",ce],["__scopeId","data-v-61e4ae55"]]);export{We as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as U}from"./index.es-CJbKM0CV.js";import{E as R}from"./index-C5k9PNqL.js";import{E as M}from"./index-CNg43fsi.js";import{d as f,h,b as r,t as l,k as t,r as P,j as u,l as o,o as a,eE as O,x as c,F as V,v as x,i as w,eF as q,eG as B,eH as z,eI as N,eJ as X,n as I,f as H,c7 as Q,D as k,y,eK as Y,ds as J,dn as K}from"./index-DTe9fRn-.js";import{E as T,a as C}from"./index-DCYB3TDh.js";import{I as L}from"./InfoIcon-YhCcbV8z.js";import{E as W,a as Z}from"./index-CuoHzlXN.js";import{I as ee}from"./ImagePreview-D6FjLfQO.js";import{E as te}from"./index-DxTeNsnH.js";import{E as S}from"./index-H7zk7enZ.js";import{E as oe}from"./index-I4cHhAfY.js";import{C as se,N as ne}from"./NoTasks-ex5PKih3.js";import{a as ae}from"./price-C04dX6gR.js";import{C as le}from"./CopyToClipboard-CU-Bssp8.js";import{V as re}from"./VideoPlayer-C0am2_1Y.js";import{E as ie}from"./index-DjlWqdX5.js";import{E as ce}from"./index-N-T3RtWX.js";import{E as pe}from"./index-Bp0DDosh.js";import{B as de}from"./BotPlaceholder-C_vy0qCQ.js";import"./use-form-item-CtZlpzU6.js";import"./index-r5W6hzzQ.js";import"./index-DLyu6NQP.js";import"./typescript-BioIzq79.js";import"./index-DaEk4vUe.js";import"./strings-CNF1iAZ6.js";import"./castArray-pZCaAVDW.js";import"./isEqual-CH8EZj5t.js";import"./_initCloneObject-CJq550xS.js";import"./debounce-Bzi7Cd91.js";import"./_baseIteratee-LczmVVcS.js";import"./index-BgQ-O6aa.js";import"./index-DPoEMPUV.js";import"./_baseClone-BDmNDGGK.js";import"./index-MMWJF36O.js";import"./vue-plyr-QZFBikSk.js";import"./index-DyxxJgEB.js";const ue=f({name:"LayoutPixverse",components:{ElDrawer:M,ElButton:R,FontAwesomeIcon:U},data(){return{drawer:!1}}}),me={class:"main flex flex-row flex-1"},ve={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},_e={class:"result h-full p-[15px] flex-1 flex flex-col"};function fe(e,s,d,m,$,g){const i=o("font-awesome-icon"),p=o("el-button"),n=o("el-drawer");return a(),r("div",me,[l("div",ve,[P(e.$slots,"config",{},void 0,!0)]),l("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:u(()=>[t(i,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const he=h(ue,[["render",fe],["__scopeId","data-v-0646853d"]]),$e=f({name:"ModelSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||(this.value=O)}}),ge={class:"field"},be={class:"title font-bold"};function ye(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",ge,[l("h2",be,c(e.$t("pixverse.name.model")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=h($e,[["render",ye],["__scopeId","data-v-e8f337ca"]]),we=f({name:"QualitySelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||(this.value=q)}}),Ve={class:"field"},xe={class:"title font-bold"};function Se(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Ve,[l("h2",xe,c(e.$t("pixverse.name.quality")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=h(we,[["render",Se],["__scopeId","data-v-64aeaae9"]]),Ie=f({name:"MotionSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||(this.value=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Ue(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Te,[l("h2",Ce,c(e.$t("pixverse.name.motion")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Re=h(Ie,[["render",Ue],["__scopeId","data-v-94237408"]]),Ae=f({name:"StyleSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||(this.value=z)}}),Pe={class:"field"},Le={class:"title font-bold"};function De(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Pe,[l("h2",Le,c(e.$t("pixverse.name.style")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=h(Ae,[["render",De],["__scopeId","data-v-64e17b3c"]]),je=f({name:"SeedSelector",components:{ElSlider:Z,InfoIcon:L,ElInputNumber:W},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||(this.value=void 0)}}),Fe={class:"flex justify-between"},Me={class:"flex justify-start items-center"},Oe={class:"text-sm font-bold"},qe={class:"flex justify-end items-center"},Be={class:"w-full"};function ze(e,s,d,m,$,g){const i=o("info-icon"),p=o("el-input-number"),n=o("el-slider");return a(),r("div",null,[l("div",Fe,[l("div",Me,[l("span",Oe,c(e.$t("pixverse.name.seed")),1),t(i,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),l("div",qe,[t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Be,[t(n,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const Ne=h(je,[["render",ze]]),Xe=f({name:"DurationSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||(this.value=N)}}),He={class:"field"},Qe={class:"title font-bold"};function Ye(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",He,[l("h2",Qe,c(e.$t("pixverse.name.duration")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Je=h(Xe,[["render",Ye],["__scopeId","data-v-065c77ef"]]),Ke=f({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=X)}}),We={class:"text-sm font-bold mb-2 block"},Ze={class:"items"},et=["onClick"],tt={class:"name"};function ot(e,s,d,m,$,g){return a(),r("div",null,[l("span",We,c(e.$t("pixverse.name.aspectRatio")),1),l("div",Ze,[(a(!0),r(V,null,x(e.options,(i,p)=>(a(),r("div",{key:p,class:I({active:e.active===p,item:!0}),onClick:n=>e.value=i.value},[l("div",{class:I(["preview",i.label])},[l("div",{class:"rect",style:H({width:i.width+"px",height:i.height+"px"})},null,4)],2),l("p",tt,c(i.label),1)],10,et))),128))])])}const st=h(Ke,[["render",ot],["__scopeId","data-v-32a7677f"]]),nt=f({name:"StartImage",components:{ElUpload:te,ElButton:R,InfoIcon:L,FontAwesomeIcon:U,ImagePreview:ee},emits:["change"],data(){return{fileList:[],uploadUrl:Q()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){S.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),at={class:"relative"},lt={class:"flex justify-between"},rt={class:"flex justify-start items-center"},it={class:"text-sm font-bold"};function ct(e,s,d,m,$,g){const i=o("info-icon"),p=o("image-preview"),n=o("font-awesome-icon"),_=o("el-button"),b=o("el-upload");return a(),r("div",at,[l("div",lt,[l("div",rt,[l("span",it,c(e.$t("pixverse.name.startImage")),1),t(i,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),t(b,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=v=>e.fileList=v),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:v})=>[v.url&&v.percentage!==void 0?(a(),w(p,{key:0,url:v.url,name:v.name,percentage:v.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(v),1)},null,8,["url","name","percentage","onRemove"])):y("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),k(" "+c(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const pt=h(nt,[["render",ct],["__scopeId","data-v-666104e4"]]),dt="",ut=f({name:"PromptInput",components:{ElInput:oe,InfoIcon:L},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=dt)}}),mt={class:"field"},vt={class:"box"},_t={class:"title font-bold"};function ft(e,s,d,m,$,g){const i=o("info-icon"),p=o("el-input");return a(),r("div",mt,[l("div",vt,[l("h2",_t,c(e.$t("pixverse.name.prompt")),1),t(i,{content:e.$t("pixverse.description.prompt"),class:"info"},null,8,["content"])]),t(p,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pixverse.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ht=h(ut,[["render",ft],["__scopeId","data-v-b3dd608e"]]),$t=f({name:"ConfigPanel",components:{ElButton:R,FontAwesomeIcon:U,PromptInput:ht,ModelSelector:ke,QualitySelector:Ee,MotionSelector:Re,StyleSelector:Ge,DurationSelector:Je,StartImage:pt,SeedSelector:Ne,RatioSelector:st,Consumption:se},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ae(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),gt={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-[15px]"},yt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function kt(e,s,d,m,$,g){const i=o("prompt-input"),p=o("model-selector"),n=o("style-selector"),_=o("ratio-selector"),b=o("motion-selector"),v=o("quality-selector"),E=o("start-image"),A=o("seed-selector"),D=o("duration-selector"),G=o("consumption"),j=o("font-awesome-icon"),F=o("el-button");return a(),r("div",gt,[l("div",bt,[t(i,{class:"mb-4"}),t(p,{class:"mb-4"}),t(n,{class:"mb-4"}),t(_,{class:"mb-4"}),t(b,{class:"mb-4"}),t(v,{class:"mb-4"}),t(E,{class:"mb-2"}),t(A,{class:"mb-4"}),t(D,{class:"mb-4"})]),l("div",yt,[t(G,{value:e.consumption,service:e.service},null,8,["value","service"]),t(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(j,{icon:"fa-solid fa-magic",class:"mr-2"}),k(" "+c(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const wt=h($t,[["render",kt]]),Vt=f({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:le,FontAwesomeIcon:U,ElAlert:ce,VideoPlayer:re,ElTooltip:ie,ElButton:R},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),xt={class:"preview"},St={class:"left"},Et={class:"main"},It={class:"bot"},Tt={class:"datetime"},Ct={class:"info"},Ut={key:0,class:"prompt mt-2"},Rt={key:0},At={key:1},Pt={key:0,class:I({content:!0,failed:!0})},Lt={key:0,class:"mb-4"},Dt={key:1,class:I({operations:!0,"mt-2":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},jt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ft={key:1,class:I({content:!0})},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Bt(e,s,d,m,$,g){const i=o("el-image"),p=o("video-player"),n=o("el-button"),_=o("el-tooltip"),b=o("font-awesome-icon"),v=o("copy-to-clipboard"),E=o("el-alert");return a(),r("div",xt,[l("div",St,[t(i,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),l("div",Et,[l("div",It,[k(c(e.$t("pixverse.name.pixverseBot"))+" ",1),l("span",Tt,c(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",Ct,[e.modelValue?.request?.prompt?(a(),r("p",Ut,[k(c(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?y("",!0):(a(),r("span",Rt," - ("+c(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"||e.modelValue?.response?.data[0]?.state==="pending")?(a(),r("span",At," - ("+c(e.$t("pixverse.status.processing"))+") ",1)):y("",!0)])):y("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",Pt,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Lt,[t(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):y("",!0),e.modelValue?.response.success?(a(),r("div",Dt,[t(_,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),w(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=A=>e.onDownload(A,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[k(c(e.$t("pixverse.button.download")),1)]),_:1})):y("",!0)]),_:1},8,["content"])])):y("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",Gt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.model"))+": "+c(e.modelValue?.request?.model),1)]),l("p",jt,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):y("",!0),e.modelValue?.response?.success===!1?(a(),r("div",Ft,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(b,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.failure")),1)]),default:u(()=>[l("p",Mt,[t(b,{icon:"fa-solid fa-circle-info",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.failureReason"))+": "+c(e.modelValue?.response?.error?.message)+" ",1),t(v,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),l("p",Ot,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",qt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.traceId"))+": "+c(e.modelValue?.response?.trace_id)+" ",1),t(v,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):y("",!0)]),_:1})])):y("",!0)])])}const zt=h(Vt,[["render",Bt],["__scopeId","data-v-3f3bff8a"]]),Nt=f({name:"RecentPanel",components:{TaskPreview:zt,NoTasks:ne,BotPlaceholder:de},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Xt={key:0},Ht={key:1,class:"h-full w-full overflow-y-auto tasks"},Qt={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,s,d,m,$,g){const i=o("bot-placeholder"),p=o("task-preview"),n=o("no-tasks");return a(),r(V,null,[e.tasks?.items===void 0?(a(),r("div",Xt,[t(i)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),r("div",Ht,[(a(!0),r(V,null,x(e.tasks?.items,(_,b)=>(a(),w(p,{key:b,"model-value":_},null,8,["model-value"]))),128))])):y("",!0),e.tasks?.items?.length===0?(a(),r("div",Qt,[t(n)])):y("",!0)],64)}const Jt=h(Nt,[["render",Yt]]),Kt="https://webhook.acedata.cloud/pixverse",Wt=f({name:"PixverseIndex",components:{ConfigPanel:wt,Layout:he,RecentPanel:Jt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pixverse?.status?.getApplications===K.Request},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:d,createdAtMax:m}=e||{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",m),await this.$store.dispatch("pixverse/getTasks",{limit:s,createdAtMin:d,createdAtMax:m})},async onGenerate(){const e={...this.config,callback_url:Kt},s=this.credential?.token;if(!s){console.error("no token specified");return}S.info(this.$t("pixverse.message.startingTask")),Y.generate(e,{token:s}).then(()=>{S.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===J?S.error(this.$t("pixverse.message.usedUp")):S.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,s,d,m,$,g){const i=o("config-panel"),p=o("recent-panel"),n=o("layout");return a(),w(n,null,{config:u(()=>[t(i,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Go=h(Wt,[["render",Zt]]);export{Go as default};
|
|
1
|
+
import{F as U}from"./index.es-EtbmiVQe.js";import{E as R}from"./index-CqTGsJay.js";import{E as M}from"./index-BzyEWvnL.js";import{d as f,h,b as r,t as l,k as t,r as P,j as u,l as o,o as a,eE as O,x as c,F as V,v as x,i as w,eF as q,eG as B,eH as z,eI as N,eJ as X,n as I,f as H,c7 as Q,D as k,y,eK as Y,ds as J,dn as K}from"./index-C4ssJdBR.js";import{E as T,a as C}from"./index-C4trafQk.js";import{I as L}from"./InfoIcon-BJAJcb5a.js";import{E as W,a as Z}from"./index-DIwFcazb.js";import{I as ee}from"./ImagePreview-TA4gKfP6.js";import{E as te}from"./index-gFYmOD1F.js";import{E as S}from"./index-BqAthpig.js";import{E as oe}from"./index-Bth-8JIu.js";import{C as se,N as ne}from"./NoTasks-oiStcbHf.js";import{a as ae}from"./price-DPmHeT6D.js";import{C as le}from"./CopyToClipboard-BCGRlwJJ.js";import{V as re}from"./VideoPlayer-CYaGmv09.js";import{E as ie}from"./index-CCjGuukj.js";import{E as ce}from"./index-qJunmjSC.js";import{E as pe}from"./index-tdgIYwZh.js";import{B as de}from"./BotPlaceholder-BWFhmlAo.js";import"./use-form-item-CGJaz8fH.js";import"./index-r5W6hzzQ.js";import"./index-DEAamx_H.js";import"./typescript-D14l1a1y.js";import"./index-J4WBpiv9.js";import"./strings-cAoZbHaH.js";import"./castArray-TlECDAqv.js";import"./isEqual-BqBcCRrU.js";import"./_initCloneObject-djD3gYlF.js";import"./debounce-DTzFlSYq.js";import"./_baseIteratee-35aC5hBk.js";import"./index-BqzuTEwO.js";import"./index-CP_56dlf.js";import"./_baseClone-kJ5Pgx6e.js";import"./index-zBoOr1pW.js";import"./vue-plyr-QZFBikSk.js";import"./index-B7ak1Sj_.js";const ue=f({name:"LayoutPixverse",components:{ElDrawer:M,ElButton:R,FontAwesomeIcon:U},data(){return{drawer:!1}}}),me={class:"main flex flex-row flex-1"},ve={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},_e={class:"result h-full p-[15px] flex-1 flex flex-col"};function fe(e,s,d,m,$,g){const i=o("font-awesome-icon"),p=o("el-button"),n=o("el-drawer");return a(),r("div",me,[l("div",ve,[P(e.$slots,"config",{},void 0,!0)]),l("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:u(()=>[t(i,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const he=h(ue,[["render",fe],["__scopeId","data-v-0646853d"]]),$e=f({name:"ModelSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||(this.value=O)}}),ge={class:"field"},be={class:"title font-bold"};function ye(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",ge,[l("h2",be,c(e.$t("pixverse.name.model")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=h($e,[["render",ye],["__scopeId","data-v-e8f337ca"]]),we=f({name:"QualitySelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||(this.value=q)}}),Ve={class:"field"},xe={class:"title font-bold"};function Se(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Ve,[l("h2",xe,c(e.$t("pixverse.name.quality")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=h(we,[["render",Se],["__scopeId","data-v-64aeaae9"]]),Ie=f({name:"MotionSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||(this.value=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Ue(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Te,[l("h2",Ce,c(e.$t("pixverse.name.motion")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Re=h(Ie,[["render",Ue],["__scopeId","data-v-94237408"]]),Ae=f({name:"StyleSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||(this.value=z)}}),Pe={class:"field"},Le={class:"title font-bold"};function De(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",Pe,[l("h2",Le,c(e.$t("pixverse.name.style")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=h(Ae,[["render",De],["__scopeId","data-v-64e17b3c"]]),je=f({name:"SeedSelector",components:{ElSlider:Z,InfoIcon:L,ElInputNumber:W},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||(this.value=void 0)}}),Fe={class:"flex justify-between"},Me={class:"flex justify-start items-center"},Oe={class:"text-sm font-bold"},qe={class:"flex justify-end items-center"},Be={class:"w-full"};function ze(e,s,d,m,$,g){const i=o("info-icon"),p=o("el-input-number"),n=o("el-slider");return a(),r("div",null,[l("div",Fe,[l("div",Me,[l("span",Oe,c(e.$t("pixverse.name.seed")),1),t(i,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),l("div",qe,[t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Be,[t(n,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const Ne=h(je,[["render",ze]]),Xe=f({name:"DurationSelector",components:{ElSelect:C,ElOption:T},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||(this.value=N)}}),He={class:"field"},Qe={class:"title font-bold"};function Ye(e,s,d,m,$,g){const i=o("el-option"),p=o("el-select");return a(),r("div",He,[l("h2",Qe,c(e.$t("pixverse.name.duration")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(a(!0),r(V,null,x(e.options,n=>(a(),w(i,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Je=h(Xe,[["render",Ye],["__scopeId","data-v-065c77ef"]]),Ke=f({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=X)}}),We={class:"text-sm font-bold mb-2 block"},Ze={class:"items"},et=["onClick"],tt={class:"name"};function ot(e,s,d,m,$,g){return a(),r("div",null,[l("span",We,c(e.$t("pixverse.name.aspectRatio")),1),l("div",Ze,[(a(!0),r(V,null,x(e.options,(i,p)=>(a(),r("div",{key:p,class:I({active:e.active===p,item:!0}),onClick:n=>e.value=i.value},[l("div",{class:I(["preview",i.label])},[l("div",{class:"rect",style:H({width:i.width+"px",height:i.height+"px"})},null,4)],2),l("p",tt,c(i.label),1)],10,et))),128))])])}const st=h(Ke,[["render",ot],["__scopeId","data-v-32a7677f"]]),nt=f({name:"StartImage",components:{ElUpload:te,ElButton:R,InfoIcon:L,FontAwesomeIcon:U,ImagePreview:ee},emits:["change"],data(){return{fileList:[],uploadUrl:Q()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){S.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),at={class:"relative"},lt={class:"flex justify-between"},rt={class:"flex justify-start items-center"},it={class:"text-sm font-bold"};function ct(e,s,d,m,$,g){const i=o("info-icon"),p=o("image-preview"),n=o("font-awesome-icon"),_=o("el-button"),b=o("el-upload");return a(),r("div",at,[l("div",lt,[l("div",rt,[l("span",it,c(e.$t("pixverse.name.startImage")),1),t(i,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),t(b,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=v=>e.fileList=v),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:v})=>[v.url&&v.percentage!==void 0?(a(),w(p,{key:0,url:v.url,name:v.name,percentage:v.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(v),1)},null,8,["url","name","percentage","onRemove"])):y("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),k(" "+c(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const pt=h(nt,[["render",ct],["__scopeId","data-v-666104e4"]]),dt="",ut=f({name:"PromptInput",components:{ElInput:oe,InfoIcon:L},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=dt)}}),mt={class:"field"},vt={class:"box"},_t={class:"title font-bold"};function ft(e,s,d,m,$,g){const i=o("info-icon"),p=o("el-input");return a(),r("div",mt,[l("div",vt,[l("h2",_t,c(e.$t("pixverse.name.prompt")),1),t(i,{content:e.$t("pixverse.description.prompt"),class:"info"},null,8,["content"])]),t(p,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pixverse.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ht=h(ut,[["render",ft],["__scopeId","data-v-b3dd608e"]]),$t=f({name:"ConfigPanel",components:{ElButton:R,FontAwesomeIcon:U,PromptInput:ht,ModelSelector:ke,QualitySelector:Ee,MotionSelector:Re,StyleSelector:Ge,DurationSelector:Je,StartImage:pt,SeedSelector:Ne,RatioSelector:st,Consumption:se},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ae(this.config,this.service?.metadata?.price)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),gt={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-[15px]"},yt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function kt(e,s,d,m,$,g){const i=o("prompt-input"),p=o("model-selector"),n=o("style-selector"),_=o("ratio-selector"),b=o("motion-selector"),v=o("quality-selector"),E=o("start-image"),A=o("seed-selector"),D=o("duration-selector"),G=o("consumption"),j=o("font-awesome-icon"),F=o("el-button");return a(),r("div",gt,[l("div",bt,[t(i,{class:"mb-4"}),t(p,{class:"mb-4"}),t(n,{class:"mb-4"}),t(_,{class:"mb-4"}),t(b,{class:"mb-4"}),t(v,{class:"mb-4"}),t(E,{class:"mb-2"}),t(A,{class:"mb-4"}),t(D,{class:"mb-4"})]),l("div",yt,[t(G,{value:e.consumption,service:e.service},null,8,["value","service"]),t(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(j,{icon:"fa-solid fa-magic",class:"mr-2"}),k(" "+c(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const wt=h($t,[["render",kt]]),Vt=f({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:le,FontAwesomeIcon:U,ElAlert:ce,VideoPlayer:re,ElTooltip:ie,ElButton:R},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),xt={class:"preview"},St={class:"left"},Et={class:"main"},It={class:"bot"},Tt={class:"datetime"},Ct={class:"info"},Ut={key:0,class:"prompt mt-2"},Rt={key:0},At={key:1},Pt={key:0,class:I({content:!0,failed:!0})},Lt={key:0,class:"mb-4"},Dt={key:1,class:I({operations:!0,"mt-2":!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},jt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ft={key:1,class:I({content:!0})},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Bt(e,s,d,m,$,g){const i=o("el-image"),p=o("video-player"),n=o("el-button"),_=o("el-tooltip"),b=o("font-awesome-icon"),v=o("copy-to-clipboard"),E=o("el-alert");return a(),r("div",xt,[l("div",St,[t(i,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),l("div",Et,[l("div",It,[k(c(e.$t("pixverse.name.pixverseBot"))+" ",1),l("span",Tt,c(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",Ct,[e.modelValue?.request?.prompt?(a(),r("p",Ut,[k(c(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?y("",!0):(a(),r("span",Rt," - ("+c(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"||e.modelValue?.response?.data[0]?.state==="pending")?(a(),r("span",At," - ("+c(e.$t("pixverse.status.processing"))+") ",1)):y("",!0)])):y("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",Pt,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Lt,[t(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):y("",!0),e.modelValue?.response.success?(a(),r("div",Dt,[t(_,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),w(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=A=>e.onDownload(A,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[k(c(e.$t("pixverse.button.download")),1)]),_:1})):y("",!0)]),_:1},8,["content"])])):y("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[l("p",Gt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.model"))+": "+c(e.modelValue?.request?.model),1)]),l("p",jt,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):y("",!0),e.modelValue?.response?.success===!1?(a(),r("div",Ft,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(b,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.failure")),1)]),default:u(()=>[l("p",Mt,[t(b,{icon:"fa-solid fa-circle-info",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.failureReason"))+": "+c(e.modelValue?.response?.error?.message)+" ",1),t(v,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),l("p",Ot,[t(b,{icon:"fa-solid fa-magic",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.taskId"))+": "+c(e.modelValue?.id)+" ",1),t(v,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",qt,[t(b,{icon:"fa-solid fa-hashtag",class:"mr-1"}),k(" "+c(e.$t("pixverse.name.traceId"))+": "+c(e.modelValue?.response?.trace_id)+" ",1),t(v,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):y("",!0)]),_:1})])):y("",!0)])])}const zt=h(Vt,[["render",Bt],["__scopeId","data-v-3f3bff8a"]]),Nt=f({name:"RecentPanel",components:{TaskPreview:zt,NoTasks:ne,BotPlaceholder:de},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Xt={key:0},Ht={key:1,class:"h-full w-full overflow-y-auto tasks"},Qt={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,s,d,m,$,g){const i=o("bot-placeholder"),p=o("task-preview"),n=o("no-tasks");return a(),r(V,null,[e.tasks?.items===void 0?(a(),r("div",Xt,[t(i)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),r("div",Ht,[(a(!0),r(V,null,x(e.tasks?.items,(_,b)=>(a(),w(p,{key:b,"model-value":_},null,8,["model-value"]))),128))])):y("",!0),e.tasks?.items?.length===0?(a(),r("div",Qt,[t(n)])):y("",!0)],64)}const Jt=h(Nt,[["render",Yt]]),Kt="https://webhook.acedata.cloud/pixverse",Wt=f({name:"PixverseIndex",components:{ConfigPanel:wt,Layout:he,RecentPanel:Jt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.pixverse?.status?.getApplications===K.Request},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:d,createdAtMax:m}=e||{};console.debug("limit",s,"createdAtMin",d,"createdAtMax",m),await this.$store.dispatch("pixverse/getTasks",{limit:s,createdAtMin:d,createdAtMax:m})},async onGenerate(){const e={...this.config,callback_url:Kt},s=this.credential?.token;if(!s){console.error("no token specified");return}S.info(this.$t("pixverse.message.startingTask")),Y.generate(e,{token:s}).then(()=>{S.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===J?S.error(this.$t("pixverse.message.usedUp")):S.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Zt(e,s,d,m,$,g){const i=o("config-panel"),p=o("recent-panel"),n=o("layout");return a(),w(n,null,{config:u(()=>[t(i,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(p,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Go=h(Wt,[["render",Zt]]);export{Go as default};
|