@acedatacloud/nexior 3.25.1 → 3.25.3
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/README.md +63 -9
- package/dist/assets/{Auth-ZFL9tEYY.js → Auth-BAVRMp6L.js} +1 -1
- package/dist/assets/{BotPlaceholder-Bn7lEbyW.js → BotPlaceholder-CtFILLeB.js} +1 -1
- package/dist/assets/{Callback-ADArovCk.js → Callback-DpIM_838.js} +1 -1
- package/dist/assets/{Console-R7Nq1XW4.js → Console-CDJURLxP.js} +1 -1
- package/dist/assets/{Conversation-s6SlHgmF.js → Conversation-D_P8GMTY.js} +2 -2
- package/dist/assets/{CopyToClipboard-B0sXY0gf.js → CopyToClipboard-CKnPT0Yy.js} +1 -1
- package/dist/assets/{Detail-DGqa0niQ.js → Detail-Cim8PyGl.js} +1 -1
- package/dist/assets/{EditArray-sXU-nuer.js → EditArray-DHQtoDhh.js} +1 -1
- package/dist/assets/{Extra-BGCl3fdy.js → Extra-CjYvGoiS.js} +1 -1
- package/dist/assets/{FilePreview-BOf1jXGA.js → FilePreview-KrsId5y0.js} +1 -1
- package/dist/assets/{History-D3P-BDSp.js → History-FGagPbIH.js} +1 -1
- package/dist/assets/{ImagePreview-fjeQ_mXr.js → ImagePreview-C3EplpU3.js} +1 -1
- package/dist/assets/{ImageWrapper-ChFtniNG.js → ImageWrapper-B0Hctn8N.js} +1 -1
- package/dist/assets/{Index-DHwfKCWu.js → Index-BEzQfqZW.js} +1 -1
- package/dist/assets/Index-BoUh8rE4.js +1 -0
- package/dist/assets/{Index-CVKSxmPU.js → Index-CPOeHkg3.js} +1 -1
- package/dist/assets/{Index-CqUvleXZ.js → Index-CYAU948Y.js} +1 -1
- package/dist/assets/{Index-DK4gRSuD.js → Index-Cm4W7u2z.js} +1 -1
- package/dist/assets/{Index-Ci0cxJdC.js → Index-CyMW6_MG.js} +1 -1
- package/dist/assets/{Index-PWykWvWS.js → Index-CyrPGsQw.js} +1 -1
- package/dist/assets/{Index-B9UAbq7K.js → Index-CzWh3OHC.js} +1 -1
- package/dist/assets/{Index-DlQVMfXj.js → Index-D0PkMT8b.js} +1 -1
- package/dist/assets/{Index-H2tBAlzy.css → Index-D7WrHku9.css} +1 -1
- package/dist/assets/{Index-CpzsdYan.js → Index-DXpUSliV.js} +1 -1
- package/dist/assets/{Index-48R8KP_e.js → Index-Ef7vPll2.js} +1 -1
- package/dist/assets/{Index-BBVkiDLK.js → Index-IRicAOyv.js} +1 -1
- package/dist/assets/Index-O4780d4s.js +1 -0
- package/dist/assets/{Index-DEi3lR31.js → Index-QED7V_pF.js} +1 -1
- package/dist/assets/{Index-Dns4RHLB.js → Index-b3bFQjNF.js} +1 -1
- package/dist/assets/{Index-Bp0DnFP8.js → Index-rqyiXP2a.js} +1 -1
- package/dist/assets/{Invitees-DPR5dxyo.js → Invitees-DlL3K0F2.js} +1 -1
- package/dist/assets/{List-CvNpui7s.js → List-BAG6RXL7.js} +1 -1
- package/dist/assets/{List-CB6PvsV4.js → List-C0b_eaw4.js} +1 -1
- package/dist/assets/{List-DF1xAj8f.js → List-Ccd3AMjw.js} +1 -1
- package/dist/assets/{Login-BBVssM83.js → Login-BQpldml9.js} +1 -1
- package/dist/assets/{Main-B8Gn8wFB.js → Main-Dao43QYb.js} +1 -1
- package/dist/assets/{Navigator-DeAMelPW.js → Navigator-MlLx66A3.js} +1 -1
- package/dist/assets/{NoTasks-Cxeor42D.js → NoTasks-DQ7pIoDL.js} +1 -1
- package/dist/assets/{Pagination-CV1s64tj.js → Pagination-BeOOFcDV.js} +1 -1
- package/dist/assets/{ScrollList-BsWg1Oco.js → ScrollList-C4AvmP4t.js} +1 -1
- package/dist/assets/{Status-Cb0oPjbf.js → Status-vZ1rQ3lN.js} +1 -1
- package/dist/assets/{Subscribe-1vCwy75C.js → Subscribe-D_qxrpO3.js} +1 -1
- package/dist/assets/{VideoPlayer-Bkc77RHA.js → VideoPlayer-DY5ni_KU.js} +1 -1
- package/dist/assets/{_baseClone-Bm9igNTj.js → _baseClone-DLKkk350.js} +1 -1
- package/dist/assets/{_baseIteratee-C0prYj3x.js → _baseIteratee-h4YesYRm.js} +1 -1
- package/dist/assets/{_initCloneObject-CAySSrJV.js → _initCloneObject-x8T6HgBa.js} +1 -1
- package/dist/assets/{castArray-CGkY3K20.js → castArray-BE-37zzM.js} +1 -1
- package/dist/assets/{debounce-CguuKO1r.js → debounce-jV-EFVoU.js} +1 -1
- package/dist/assets/{distribution-DyIdWLTX.js → distribution-CQdKw898.js} +1 -1
- package/dist/assets/{dropdown-D2LCpybK.js → dropdown-0eUq7NmC.js} +1 -1
- package/dist/assets/{index-BY87tdIk.js → index-B5XgLesb.js} +1 -1
- package/dist/assets/{index-Ba60uEk-.js → index-BC-mE-tS.js} +1 -1
- package/dist/assets/{index-DTitzyRz.js → index-BCjzbT-b.js} +1 -1
- package/dist/assets/{index-J3_g86Kc.js → index-BEyVHt6t.js} +1 -1
- package/dist/assets/{index-BKPV2Two.js → index-BMPWNh9b.js} +1 -1
- package/dist/assets/{index-BjFSM9Qd.js → index-Bc_Nx_id.js} +1 -1
- package/dist/assets/{index-Douq3tkS.js → index-BfF_0NJH.js} +1 -1
- package/dist/assets/{index-BhccfPia.js → index-BgXxVbPA.js} +1 -1
- package/dist/assets/{index-Daydyphg.js → index-Bho_18eF.js} +1 -1
- package/dist/assets/{index-TO8m0FZI.js → index-CJ7_cRvg.js} +1 -1
- package/dist/assets/{index-CUr7KGdA.js → index-CMw1UhQp.js} +1 -1
- package/dist/assets/{index-CHfsm--8.js → index-CkVl7iBl.js} +1 -1
- package/dist/assets/{index-C9snhxjP.js → index-ColRDeFN.js} +1 -1
- package/dist/assets/{index-D4wnX0xO.js → index-Ctzntth0.js} +1 -1
- package/dist/assets/{index-BNhORE5b.js → index-Cw9L-zKb.js} +1 -1
- package/dist/assets/{index-Bp5pMMj1.js → index-D6ExfvwJ.js} +1 -1
- package/dist/assets/{index-BBae-ry6.js → index-DA6TtE0k.js} +1 -1
- package/dist/assets/{index-RTh02r3m.js → index-DNGtZjAF.js} +1 -1
- package/dist/assets/{index-FtmKCcb9.js → index-Di3ATEOn.js} +1 -1
- package/dist/assets/{index-Cltw-TPy.js → index-Dnu2OPRk.js} +2 -2
- package/dist/assets/{index-C5xIFTe8.js → index-DrVAEdYb.js} +1 -1
- package/dist/assets/{index-DSp1QfJq.js → index-EfId_jUB.js} +1 -1
- package/dist/assets/{index-Bk5nP9u2.js → index-HtOPMbaD.js} +1 -1
- package/dist/assets/{index-CpH9j3dB.js → index-IoPWd1CW.js} +1 -1
- package/dist/assets/{index-B9M5gqZj.js → index-QURzAjz3.js} +1 -1
- package/dist/assets/{index-h2hg5mzg.js → index-YQkAS5Xe.js} +1 -1
- package/dist/assets/{index-Duh1U13K.js → index-ic1fhPbo.js} +1 -1
- package/dist/assets/{index-DU1Jn2Bq.js → index-qutB5SLT.js} +1 -1
- package/dist/assets/{index-TiR34Adr.js → index-sdnXBDq8.js} +1 -1
- package/dist/assets/{index-C7JbjCIG.js → index-tefvU5dL.js} +1 -1
- package/dist/assets/{index.es-Dw-ikv9u.js → index.es-DYon9dPn.js} +1 -1
- package/dist/assets/{isEqual-CbOgjKmk.js → isEqual-DKKEkL9d.js} +1 -1
- package/dist/assets/{isPlainObject-BHOEH-Zh.js → isPlainObject-CJztbzXj.js} +1 -1
- package/dist/assets/{order-izH8TeES.js → order-DK-NCLNt.js} +1 -1
- package/dist/assets/{pagination-BA1VbgK9.js → pagination-CbSBe_dl.js} +1 -1
- package/dist/assets/{price-B71O9NlG.js → price-C1dIgmfP.js} +1 -1
- package/dist/assets/{strings-CNKL_IWi.js → strings-BehOGHwd.js} +1 -1
- package/dist/assets/{typescript-DOVFb1BD.js → typescript-DcpNvO9f.js} +1 -1
- package/dist/assets/{use-form-item-Be29d0-B.js → use-form-item-lM5U-69n.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/Index-C2XSfdlG.js +0 -1
- package/dist/assets/Index-Dw-C8knr.js +0 -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,du as q,dv as D,dr 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,du as q,dv as D,dr 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-Dnu2OPRk.js";import{g as S}from"./price-C1dIgmfP.js";import{o as z}from"./order-DK-NCLNt.js";import{E as j,a as G}from"./index-Cw9L-zKb.js";import{E as W}from"./index-ic1fhPbo.js";import{E as J}from"./index-BC-mE-tS.js";import{E as K,a as H}from"./index-Ctzntth0.js";import{E as Q,a as X,b as Y}from"./index-sdnXBDq8.js";import{E as Z}from"./index-CJ7_cRvg.js";import{E as x}from"./index-tefvU5dL.js";import"./index-Bho_18eF.js";import"./use-form-item-lM5U-69n.js";import"./index-r5W6hzzQ.js";import"./castArray-BE-37zzM.js";import"./typescript-DcpNvO9f.js";import"./_baseClone-DLKkk350.js";import"./_initCloneObject-x8T6HgBa.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-DYon9dPn.js";import{d as p,dY 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-Dnu2OPRk.js";import{E as g}from"./index-DNGtZjAF.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 V=f(_,[["render",j]]);export{V as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{P as g}from"./Pagination-
|
|
1
|
+
import{P as g}from"./Pagination-BeOOFcDV.js";import{C as b}from"./CopyToClipboard-CKnPT0Yy.js";import{b as w}from"./distribution-CQdKw898.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,cT as v,o as u}from"./index-Dnu2OPRk.js";import{g as D}from"./price-C1dIgmfP.js";import{E as H,a as P,b as E}from"./index-sdnXBDq8.js";import{E as S,a as k}from"./index-DA6TtE0k.js";import"./index-qutB5SLT.js";import"./index-D6ExfvwJ.js";import"./index-Bho_18eF.js";import"./typescript-DcpNvO9f.js";import"./index-IoPWd1CW.js";import"./strings-BehOGHwd.js";import"./castArray-BE-37zzM.js";import"./isEqual-DKKEkL9d.js";import"./_initCloneObject-x8T6HgBa.js";import"./use-form-item-lM5U-69n.js";import"./index-B5XgLesb.js";import"./index-BgXxVbPA.js";import"./debounce-jV-EFVoU.js";import"./_baseIteratee-h4YesYRm.js";import"./index-Bc_Nx_id.js";import"./index.es-DYon9dPn.js";import"./isPlainObject-CJztbzXj.js";import"./index-QURzAjz3.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}}}),T={class:"title"},q={class:"key"},B={class:"copy"},I={class:"key"},j={class:"copy"},z={class:"price"},A={class:"description"},N={class:"description"},V={class:"created-at"},J={class:"pagination m-v-lg"};function L(t,O,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",T,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",q,r(i.row.id),1),a("span",B,[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",I,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",V,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",J,[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",L],["__scopeId","data-v-74b9e778"]]);export{bt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as d}from"./index.es-
|
|
1
|
+
import{F as d}from"./index.es-DYon9dPn.js";import{E as m}from"./index-DNGtZjAF.js";import{d as u,h as f,b as r,t,J as s,y as g,K as a,k as n,l,aq as b,o as i}from"./index-Dnu2OPRk.js";const v=u({name:"ImagePreview",components:{FontAwesomeIcon:d,ElProgress:m},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"]}),h={class:"image w-[50px] h-[50px] relative rounded-[var(--el-border-radius-base)] overflow-hidden border border-[var(--el-border-color)] bg-[var(--el-fill-color-lighter)]"},w=["src","alt"],x={class:"overlay absolute inset-0 bg-white/50 backdrop-blur-[1px]"},_={key:0,class:"close absolute cursor-pointer top-[4px] right-[4px] bg-[rgba(0,0,0,0.65)] text-white w-[16px] h-[16px] rounded-full flex text-[10px] text-center items-center justify-center hover:bg-[rgba(0,0,0,0.8)]"};function y(e,o,k,$,q,B){const c=l("el-progress"),p=l("font-awesome-icon");return i(),r("div",h,[t("img",{class:"w-full h-full object-cover",src:e.url,alt:e.name},null,8,w),s(t("div",x,null,512),[[a,e.percentage&&e.percentage<100]]),s(n(c,{type:"circle","stroke-width":4,percentage:e.percentage,width:34,class:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[34px] h-[34px] z-[10] m-auto text-[12px]"},null,8,["percentage"]),[[a,e.percentage&&e.percentage<100]]),e.closable?(i(),r("div",_,[n(p,{icon:"fa-solid fa-xmark",class:"icon icon-close",onClick:o[0]||(o[0]=b(C=>e.$emit("remove"),["stop"]))})])):g("",!0)])}const P=f(v,[["render",y]]);export{P as I};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as i}from"./index-
|
|
1
|
+
import{E as i}from"./index-BC-mE-tS.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-Dnu2OPRk.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 D}from"./index.es-Dw-ikv9u.js";import{E as L}from"./index-Ba60uEk-.js";import{E as N}from"./index-h2hg5mzg.js";import{d as b,h as k,b as i,t as r,k as o,r as U,j as u,l as s,o as n,eY as G,eZ as z,e_ as S,e$ as M,f0 as q,f1 as Z,x as l,F as V,v as A,i as y,f2 as J,f3 as W,n as I,f as Y,cf as H,D as h,y as $,f4 as K,J as Q,K as X,f5 as x,dN as ee,dJ as P}from"./index-Cltw-TPy.js";import{E as C,a as R}from"./index-DU1Jn2Bq.js";import{I as j,S as te}from"./ScrollList-BsWg1Oco.js";import{I as oe}from"./ImagePreview-fjeQ_mXr.js";import{E as se}from"./index-DTitzyRz.js";import{E as T}from"./index-C7JbjCIG.js";import{C as ae,N as ne}from"./NoTasks-Cxeor42D.js";import{E as le}from"./index-BY87tdIk.js";import{a as re}from"./price-B71O9NlG.js";import{C as ie}from"./CopyToClipboard-B0sXY0gf.js";import{V as ce}from"./VideoPlayer-Bkc77RHA.js";import{E as de}from"./index-Bp5pMMj1.js";import{E as ue}from"./index-CHfsm--8.js";import{E as pe}from"./index-Bk5nP9u2.js";import{B as me}from"./BotPlaceholder-Bn7lEbyW.js";import{l as fe}from"./pagination-BA1VbgK9.js";import"./use-form-item-Be29d0-B.js";import"./index-r5W6hzzQ.js";import"./index-CpH9j3dB.js";import"./typescript-DOVFb1BD.js";import"./index-Daydyphg.js";import"./strings-CNKL_IWi.js";import"./castArray-CGkY3K20.js";import"./isEqual-CbOgjKmk.js";import"./_initCloneObject-CAySSrJV.js";import"./debounce-CguuKO1r.js";import"./_baseIteratee-C0prYj3x.js";import"./index-BjFSM9Qd.js";import"./index-RTh02r3m.js";import"./_baseClone-Bm9igNTj.js";import"./index-BhccfPia.js";import"./vue-plyr-QZFBikSk.js";import"./index-TO8m0FZI.js";const _e=b({name:"LayoutSora",components:{ElDrawer:N,ElButton:L,FontAwesomeIcon:D},data(){return{drawer:!1}}}),he={class:"main flex flex-row flex-1"},$e={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ge={class:"result h-full p-[15px] flex-1 flex flex-col"};function ve(e,t,p,m,g,v){const c=s("font-awesome-icon"),d=s("el-button"),a=s("el-drawer");return n(),i("div",he,[r("div",$e,[U(e.$slots,"config",{},void 0,!0)]),r("div",ge,[U(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]||(t[0]=w=>e.drawer=!0)},{default:u(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(a,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const be=k(_e,[["render",ve],["__scopeId","data-v-966c9b2c"]]),ke=b({name:"ModelSelector",components:{ElSelect:R,ElOption:C},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:q,label:"sora-2"},{value:Z,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},p=z[e]||[S],m=t.duration,g=m&&p.includes(m)?m:p.includes(S)?S:p[0],v={...t,model:e,duration:g,size:t.size||M};this.$store.commit("sora/setConfig",v)}}},mounted(){this.value||(this.value=G)}}),we={class:"field"},ye={class:"title font-bold"};function Se(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",we,[r("h2",ye,l(e.$t("sora.name.model")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=k(ke,[["render",Se],["__scopeId","data-v-3a7abba8"]]),Ee=b({name:"ActionSelector",components:{ElSelect:R,ElOption:C},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("sora.button.action1")},{value:"image2video",label:this.$t("sora.button.action2")}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||(this.value=J)}}),Te={class:"field"},Ie={class:"title font-bold"},Ae={class:"float-left"};function De(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",Te,[r("h2",Ie,l(e.$t("sora.name.action")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},{default:u(()=>[r("span",Ae,l(a.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Le=k(Ee,[["render",De],["__scopeId","data-v-7b82fa7f"]]),Ce=b({name:"DurationSelector",components:{ElSelect:R,ElOption:C},computed:{model(){return this.$store.state.sora?.config?.model||G},allowedDurations(){return z[this.model]||[S]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,duration:e})}}},watch:{allowedDurations(){const e=this.allowedDurations;if(!e.includes(this.value)){const t=e.includes(S)?S:e[0];this.value=t}}},mounted(){this.value||(this.value=S)}}),Re={class:"field"},Oe={class:"control"},Ue={class:"title font-bold"};function Pe(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",Re,[r("div",Oe,[r("h2",Ue,l(e.$t("sora.name.duration")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.optionsForModel,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const Ge=k(Ce,[["render",Pe],["__scopeId","data-v-c2934598"]]),ze=b({name:"OrientationSelector",data(){return{options:[{value:"portrait",label:"竖屏",width:13,height:25},{value:"landscape",label:"横屏",width:25,height:13}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug("set orientation",e),this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||(this.value=W)}}),Me={class:"text-sm font-bold mb-2 block"},je={class:"items"},Be=["onClick"],Fe={class:"name"};function Ne(e,t,p,m,g,v){return n(),i("div",null,[r("span",Me,l(e.$t("sora.name.orientation")),1),r("div",je,[(n(!0),i(V,null,A(e.options,(c,d)=>(n(),i("div",{key:d,class:I({active:e.active===d,item:!0}),onClick:a=>e.value=c.value},[r("div",{class:I(["preview",c.value])},[r("div",{class:"rect",style:Y({width:c.width+"px",height:c.height+"px"})},null,4)],2),r("p",Fe,l(c.label),1)],10,Be))),128))])])}const qe=k(ze,[["render",Ne],["__scopeId","data-v-d6940af8"]]),Ze=b({name:"StartEndImage",components:{ElUpload:se,ElButton:L,InfoIcon:j,FontAwesomeIcon:D,ImagePreview:oe},emits:["change"],data(){return{fileList:[],uploadUrl:H()+"/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?.sora?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){T.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){T.error(this.$t("sora.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),Je={class:"relative"},We={class:"flex justify-between"},Ye={class:"flex justify-start items-center"},He={class:"text-sm font-bold"};function Ke(e,t,p,m,g,v){const c=s("info-icon"),d=s("image-preview"),a=s("font-awesome-icon"),w=s("el-button"),_=s("el-upload");return n(),i("div",Je,[r("div",We,[r("div",Ye,[r("span",He,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(_,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=f=>e.fileList=f),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,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:f})=>[f.url&&f.percentage!==void 0?(n(),y(d,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[o(w,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[o(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Qe=k(Ze,[["render",Ke],["__scopeId","data-v-fd6e5c97"]]),Xe=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),xe=b({name:"SizeSelector",components:{ElSelect:R,ElOption:C},data(){return{options:K.map(e=>({value:e,label:Xe(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,size:e})}}},mounted(){this.value||(this.value=M)}}),et={class:"field"},tt={class:"control"},ot={class:"title font-bold"};function st(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",et,[r("div",tt,[r("h2",ot,l(e.$t("sora.name.size")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const at=k(xe,[["render",st],["__scopeId","data-v-8c485f0f"]]),nt="",lt=b({name:"PromptInput",components:{ElInput:le,InfoIcon:j},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=nt)}}),rt={class:"field"},it={class:"box"},ct={class:"title font-bold"};function dt(e,t,p,m,g,v){const c=s("info-icon"),d=s("el-input");return n(),i("div",rt,[r("div",it,[r("h2",ct,l(e.$t("sora.name.prompt")),1),o(c,{content:e.$t("sora.description.prompt"),class:"info"},null,8,["content"])]),o(d,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("sora.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ut=k(lt,[["render",dt],["__scopeId","data-v-cf3a1497"]]),pt=b({name:"ConfigPanel",components:{ElButton:L,Consumption:ae,FontAwesomeIcon:D,PromptInput:ut,ModelSelector:Ve,StartEndImage:Qe,SizeSelector:at,ActionSelector:Le,OrientationSelector:qe,DurationSelector:Ge},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return re(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),mt={class:"flex flex-col h-full"},ft={class:"flex-1 overflow-y-auto p-[15px]"},_t={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function ht(e,t,p,m,g,v){const c=s("model-selector"),d=s("action-selector"),a=s("duration-selector"),w=s("size-selector"),_=s("orientation-selector"),f=s("prompt-input"),E=s("start-end-image"),O=s("consumption"),B=s("font-awesome-icon"),F=s("el-button");return n(),i("div",mt,[r("div",ft,[o(c,{class:"mb-4"}),o(d,{class:"mb-4"}),o(a,{class:"mb-4"}),o(w,{class:"mb-4"}),o(_,{class:"mb-4"}),o(f,{class:"mb-4"}),Q(o(E,{class:"mb-2"},null,512),[[X,e.config?.action==="image2video"]])]),r("div",_t,[o(O,{value:e.consumption,service:e.service},null,8,["value","service"]),o(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[o(B,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const $t=k(pt,[["render",ht]]),gt=b({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:ie,FontAwesomeIcon:D,ElAlert:ue,VideoPlayer:ce,ElTooltip:de,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),vt={class:"preview"},bt={class:"left"},kt={class:"main"},wt={class:"bot"},yt={class:"datetime"},St={class:"info"},Vt={key:0,class:"prompt mt-2"},Et={key:0},Tt={key:1},It={key:0,class:I({content:!0,failed:!0})},At={key:0,class:"mb-4"},Dt={key:1,class:I({operations:!0,"mt-2":!0})},Lt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ct={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Rt={key:1,class:I({content:!0})},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Gt={key:2,class:I({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function jt(e,t,p,m,g,v){const c=s("el-image"),d=s("video-player"),a=s("el-button"),w=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return n(),i("div",vt,[r("div",bt,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),r("div",kt,[r("div",wt,[h(l(e.$t("sora.name.soraBot"))+" ",1),r("span",yt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",St,[e.modelValue?.request?.prompt?(n(),i("p",Vt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),i("span",Et," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(n(),i("span",Tt," - ("+l(e.$t("sora.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),i("div",It,[e.modelValue?.response?.data[0]?.video_url?(n(),i("div",At,[o(d,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),i("div",Dt,[o(w,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=O=>e.onDownload(O,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[h(l(e.$t("sora.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),o(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[r("p",Lt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),r("p",Ct,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),i("div",Rt,[o(E,{closable:!1,class:"failure"},{template:u(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:u(()=>[r("p",Ot,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),r("p",Ut,[o(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(f,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),i("p",Pt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),i("div",Gt,[o(E,{closable:!1,class:"info"},{template:u(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:u(()=>[r("p",zt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),i("p",Mt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Bt=k(gt,[["render",jt],["__scopeId","data-v-183a4d07"]]),Ft=b({name:"RecentPanel",components:{TaskPreview:Bt,NoTasks:ne,BotPlaceholder:me,ScrollList:te},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Nt={key:0},qt={key:2,class:"w-full h-full flex items-center justify-center"};function Zt(e,t,p,m,g,v){const c=s("bot-placeholder"),d=s("task-preview"),a=s("scroll-list"),w=s("no-tasks");return n(),i(V,null,[e.tasks?.items===void 0?(n(),i("div",Nt,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),y(a,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=_=>e.$emit("reach-top"))},{default:u(()=>[(n(!0),i(V,null,A(e.tasks?.items,(_,f)=>(n(),y(d,{key:f,"model-value":_},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),i("div",qt,[o(w)])):$("",!0)],64)}const Jt=k(Ft,[["render",Zt]]),Wt="https://webhook.acedata.cloud/sora",Yt=b({name:"SoraIndex",components:{ConfigPanel:$t,Layout:be,RecentPanel:Jt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===P.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await fe({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("sora/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("sora/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:p,createdAtMax:m}=e||{};console.debug("limit",t,"createdAtMin",p,"createdAtMax",m),this.fetchingTasks=!0;try{await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:p,createdAtMax:m})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Wt},t=this.credential?.token;if(!t){console.error("no token specified");return}T.info(this.$t("sora.message.startingTask")),x.generate(e,{token:t}).then(()=>{T.success(this.$t("sora.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===ee?T.error(this.$t("sora.message.usedUp")):T.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ht(e,t,p,m,g,v){const c=s("config-panel"),d=s("recent-panel"),a=s("layout");return n(),y(a,null,{config:u(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[o(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ro=k(Yt,[["render",Ht]]);export{Ro as default};
|
|
1
|
+
import{F as D}from"./index.es-DYon9dPn.js";import{E as L}from"./index-BC-mE-tS.js";import{E as N}from"./index-YQkAS5Xe.js";import{d as b,h as k,b as i,t as r,k as o,r as U,j as u,l as s,o as n,eY as G,eZ as z,e_ as S,e$ as M,f0 as q,f1 as Z,x as l,F as V,v as A,i as y,f2 as J,f3 as W,n as I,f as Y,cf as H,D as h,y as $,f4 as K,J as Q,K as X,f5 as x,dN as ee,dJ as P}from"./index-Dnu2OPRk.js";import{E as C,a as R}from"./index-qutB5SLT.js";import{I as j,S as te}from"./ScrollList-C4AvmP4t.js";import{I as oe}from"./ImagePreview-C3EplpU3.js";import{E as se}from"./index-BCjzbT-b.js";import{E as T}from"./index-tefvU5dL.js";import{C as ae,N as ne}from"./NoTasks-DQ7pIoDL.js";import{E as le}from"./index-B5XgLesb.js";import{a as re}from"./price-C1dIgmfP.js";import{C as ie}from"./CopyToClipboard-CKnPT0Yy.js";import{V as ce}from"./VideoPlayer-DY5ni_KU.js";import{E as de}from"./index-D6ExfvwJ.js";import{E as ue}from"./index-CkVl7iBl.js";import{E as pe}from"./index-HtOPMbaD.js";import{B as me}from"./BotPlaceholder-CtFILLeB.js";import{l as fe}from"./pagination-CbSBe_dl.js";import"./use-form-item-lM5U-69n.js";import"./index-r5W6hzzQ.js";import"./index-IoPWd1CW.js";import"./typescript-DcpNvO9f.js";import"./index-Bho_18eF.js";import"./strings-BehOGHwd.js";import"./castArray-BE-37zzM.js";import"./isEqual-DKKEkL9d.js";import"./_initCloneObject-x8T6HgBa.js";import"./debounce-jV-EFVoU.js";import"./_baseIteratee-h4YesYRm.js";import"./index-Bc_Nx_id.js";import"./index-DNGtZjAF.js";import"./_baseClone-DLKkk350.js";import"./index-BgXxVbPA.js";import"./vue-plyr-QZFBikSk.js";import"./index-CJ7_cRvg.js";const _e=b({name:"LayoutSora",components:{ElDrawer:N,ElButton:L,FontAwesomeIcon:D},data(){return{drawer:!1}}}),he={class:"main flex flex-row flex-1"},$e={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ge={class:"result h-full p-[15px] flex-1 flex flex-col"};function ve(e,t,p,m,g,v){const c=s("font-awesome-icon"),d=s("el-button"),a=s("el-drawer");return n(),i("div",he,[r("div",$e,[U(e.$slots,"config",{},void 0,!0)]),r("div",ge,[U(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]||(t[0]=w=>e.drawer=!0)},{default:u(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(a,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const be=k(_e,[["render",ve],["__scopeId","data-v-966c9b2c"]]),ke=b({name:"ModelSelector",components:{ElSelect:R,ElOption:C},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:q,label:"sora-2"},{value:Z,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},p=z[e]||[S],m=t.duration,g=m&&p.includes(m)?m:p.includes(S)?S:p[0],v={...t,model:e,duration:g,size:t.size||M};this.$store.commit("sora/setConfig",v)}}},mounted(){this.value||(this.value=G)}}),we={class:"field"},ye={class:"title font-bold"};function Se(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",we,[r("h2",ye,l(e.$t("sora.name.model")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ve=k(ke,[["render",Se],["__scopeId","data-v-3a7abba8"]]),Ee=b({name:"ActionSelector",components:{ElSelect:R,ElOption:C},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("sora.button.action1")},{value:"image2video",label:this.$t("sora.button.action2")}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||(this.value=J)}}),Te={class:"field"},Ie={class:"title font-bold"},Ae={class:"float-left"};function De(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",Te,[r("h2",Ie,l(e.$t("sora.name.action")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},{default:u(()=>[r("span",Ae,l(a.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Le=k(Ee,[["render",De],["__scopeId","data-v-7b82fa7f"]]),Ce=b({name:"DurationSelector",components:{ElSelect:R,ElOption:C},computed:{model(){return this.$store.state.sora?.config?.model||G},allowedDurations(){return z[this.model]||[S]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,duration:e})}}},watch:{allowedDurations(){const e=this.allowedDurations;if(!e.includes(this.value)){const t=e.includes(S)?S:e[0];this.value=t}}},mounted(){this.value||(this.value=S)}}),Re={class:"field"},Oe={class:"control"},Ue={class:"title font-bold"};function Pe(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",Re,[r("div",Oe,[r("h2",Ue,l(e.$t("sora.name.duration")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.optionsForModel,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const Ge=k(Ce,[["render",Pe],["__scopeId","data-v-c2934598"]]),ze=b({name:"OrientationSelector",data(){return{options:[{value:"portrait",label:"竖屏",width:13,height:25},{value:"landscape",label:"横屏",width:25,height:13}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug("set orientation",e),this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||(this.value=W)}}),Me={class:"text-sm font-bold mb-2 block"},je={class:"items"},Be=["onClick"],Fe={class:"name"};function Ne(e,t,p,m,g,v){return n(),i("div",null,[r("span",Me,l(e.$t("sora.name.orientation")),1),r("div",je,[(n(!0),i(V,null,A(e.options,(c,d)=>(n(),i("div",{key:d,class:I({active:e.active===d,item:!0}),onClick:a=>e.value=c.value},[r("div",{class:I(["preview",c.value])},[r("div",{class:"rect",style:Y({width:c.width+"px",height:c.height+"px"})},null,4)],2),r("p",Fe,l(c.label),1)],10,Be))),128))])])}const qe=k(ze,[["render",Ne],["__scopeId","data-v-d6940af8"]]),Ze=b({name:"StartEndImage",components:{ElUpload:se,ElButton:L,InfoIcon:j,FontAwesomeIcon:D,ImagePreview:oe},emits:["change"],data(){return{fileList:[],uploadUrl:H()+"/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?.sora?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){T.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){T.error(this.$t("sora.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),Je={class:"relative"},We={class:"flex justify-between"},Ye={class:"flex justify-start items-center"},He={class:"text-sm font-bold"};function Ke(e,t,p,m,g,v){const c=s("info-icon"),d=s("image-preview"),a=s("font-awesome-icon"),w=s("el-button"),_=s("el-upload");return n(),i("div",Je,[r("div",We,[r("div",Ye,[r("span",He,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(_,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=f=>e.fileList=f),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,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:f})=>[f.url&&f.percentage!==void 0?(n(),y(d,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[o(w,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[o(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Qe=k(Ze,[["render",Ke],["__scopeId","data-v-fd6e5c97"]]),Xe=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),xe=b({name:"SizeSelector",components:{ElSelect:R,ElOption:C},data(){return{options:K.map(e=>({value:e,label:Xe(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,size:e})}}},mounted(){this.value||(this.value=M)}}),et={class:"field"},tt={class:"control"},ot={class:"title font-bold"};function st(e,t,p,m,g,v){const c=s("el-option"),d=s("el-select");return n(),i("div",et,[r("div",tt,[r("h2",ot,l(e.$t("sora.name.size")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:u(()=>[(n(!0),i(V,null,A(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const at=k(xe,[["render",st],["__scopeId","data-v-8c485f0f"]]),nt="",lt=b({name:"PromptInput",components:{ElInput:le,InfoIcon:j},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=nt)}}),rt={class:"field"},it={class:"box"},ct={class:"title font-bold"};function dt(e,t,p,m,g,v){const c=s("info-icon"),d=s("el-input");return n(),i("div",rt,[r("div",it,[r("h2",ct,l(e.$t("sora.name.prompt")),1),o(c,{content:e.$t("sora.description.prompt"),class:"info"},null,8,["content"])]),o(d,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("sora.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ut=k(lt,[["render",dt],["__scopeId","data-v-cf3a1497"]]),pt=b({name:"ConfigPanel",components:{ElButton:L,Consumption:ae,FontAwesomeIcon:D,PromptInput:ut,ModelSelector:Ve,StartEndImage:Qe,SizeSelector:at,ActionSelector:Le,OrientationSelector:qe,DurationSelector:Ge},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return re(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),mt={class:"flex flex-col h-full"},ft={class:"flex-1 overflow-y-auto p-[15px]"},_t={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function ht(e,t,p,m,g,v){const c=s("model-selector"),d=s("action-selector"),a=s("duration-selector"),w=s("size-selector"),_=s("orientation-selector"),f=s("prompt-input"),E=s("start-end-image"),O=s("consumption"),B=s("font-awesome-icon"),F=s("el-button");return n(),i("div",mt,[r("div",ft,[o(c,{class:"mb-4"}),o(d,{class:"mb-4"}),o(a,{class:"mb-4"}),o(w,{class:"mb-4"}),o(_,{class:"mb-4"}),o(f,{class:"mb-4"}),Q(o(E,{class:"mb-2"},null,512),[[X,e.config?.action==="image2video"]])]),r("div",_t,[o(O,{value:e.consumption,service:e.service},null,8,["value","service"]),o(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[o(B,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const $t=k(pt,[["render",ht]]),gt=b({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:ie,FontAwesomeIcon:D,ElAlert:ue,VideoPlayer:ce,ElTooltip:de,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),vt={class:"preview"},bt={class:"left"},kt={class:"main"},wt={class:"bot"},yt={class:"datetime"},St={class:"info"},Vt={key:0,class:"prompt mt-2"},Et={key:0},Tt={key:1},It={key:0,class:I({content:!0,failed:!0})},At={key:0,class:"mb-4"},Dt={key:1,class:I({operations:!0,"mt-2":!0})},Lt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ct={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Rt={key:1,class:I({content:!0})},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Gt={key:2,class:I({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function jt(e,t,p,m,g,v){const c=s("el-image"),d=s("video-player"),a=s("el-button"),w=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return n(),i("div",vt,[r("div",bt,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),r("div",kt,[r("div",wt,[h(l(e.$t("sora.name.soraBot"))+" ",1),r("span",yt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",St,[e.modelValue?.request?.prompt?(n(),i("p",Vt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),i("span",Et," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(n(),i("span",Tt," - ("+l(e.$t("sora.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),i("div",It,[e.modelValue?.response?.data[0]?.video_url?(n(),i("div",At,[o(d,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),i("div",Dt,[o(w,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=O=>e.onDownload(O,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[h(l(e.$t("sora.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),o(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[r("p",Lt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),r("p",Ct,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),i("div",Rt,[o(E,{closable:!1,class:"failure"},{template:u(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:u(()=>[r("p",Ot,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),r("p",Ut,[o(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(f,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),i("p",Pt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),i("div",Gt,[o(E,{closable:!1,class:"info"},{template:u(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:u(()=>[r("p",zt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),i("p",Mt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Bt=k(gt,[["render",jt],["__scopeId","data-v-183a4d07"]]),Ft=b({name:"RecentPanel",components:{TaskPreview:Bt,NoTasks:ne,BotPlaceholder:me,ScrollList:te},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Nt={key:0},qt={key:2,class:"w-full h-full flex items-center justify-center"};function Zt(e,t,p,m,g,v){const c=s("bot-placeholder"),d=s("task-preview"),a=s("scroll-list"),w=s("no-tasks");return n(),i(V,null,[e.tasks?.items===void 0?(n(),i("div",Nt,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),y(a,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=_=>e.$emit("reach-top"))},{default:u(()=>[(n(!0),i(V,null,A(e.tasks?.items,(_,f)=>(n(),y(d,{key:f,"model-value":_},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),i("div",qt,[o(w)])):$("",!0)],64)}const Jt=k(Ft,[["render",Zt]]),Wt="https://webhook.acedata.cloud/sora",Yt=b({name:"SoraIndex",components:{ConfigPanel:$t,Layout:be,RecentPanel:Jt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===P.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await fe({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("sora/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("sora/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:p,createdAtMax:m}=e||{};console.debug("limit",t,"createdAtMin",p,"createdAtMax",m),this.fetchingTasks=!0;try{await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:p,createdAtMax:m})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Wt},t=this.credential?.token;if(!t){console.error("no token specified");return}T.info(this.$t("sora.message.startingTask")),x.generate(e,{token:t}).then(()=>{T.success(this.$t("sora.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===ee?T.error(this.$t("sora.message.usedUp")):T.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ht(e,t,p,m,g,v){const c=s("config-panel"),d=s("recent-panel"),a=s("layout");return n(),y(a,null,{config:u(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[o(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ro=k(Yt,[["render",Ht]]);export{Ro as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{F as q}from"./index.es-DYon9dPn.js";import{E as U}from"./index-BC-mE-tS.js";import{E as W}from"./index-YQkAS5Xe.js";import{d as k,h as y,b as l,t as c,k as o,r as P,j as $,l as s,o as n,x as a,cf as x,D as u,F as V,v as E,i as A,fs as H,ft as K,fu as S,fv as T,fw as j,fx as M,fy as D,y as f,n as C,aq as J,fz as Q,dN as X,dJ as F}from"./index-Dnu2OPRk.js";import{I as O,S as Y}from"./ScrollList-C4AvmP4t.js";import{E as Z}from"./index-B5XgLesb.js";import{I as z}from"./ImagePreview-C3EplpU3.js";import{E as ee}from"./index-BCjzbT-b.js";import{E as R}from"./index-tefvU5dL.js";import{E as B,a as G}from"./index-qutB5SLT.js";import{C as te,N as oe}from"./NoTasks-DQ7pIoDL.js";import{a as ae}from"./price-C1dIgmfP.js";import{C as ne}from"./CopyToClipboard-CKnPT0Yy.js";import{I as se}from"./ImageWrapper-B0Hctn8N.js";import{E as le}from"./index-D6ExfvwJ.js";import{E as re}from"./index-CkVl7iBl.js";import{E as ie}from"./index-HtOPMbaD.js";import{B as ce}from"./BotPlaceholder-CtFILLeB.js";import"./use-form-item-lM5U-69n.js";import"./index-r5W6hzzQ.js";import"./typescript-DcpNvO9f.js";import"./index-Bho_18eF.js";import"./index-BgXxVbPA.js";import"./index-DNGtZjAF.js";import"./_baseClone-DLKkk350.js";import"./_initCloneObject-x8T6HgBa.js";import"./isEqual-DKKEkL9d.js";import"./index-IoPWd1CW.js";import"./strings-BehOGHwd.js";import"./castArray-BE-37zzM.js";import"./debounce-jV-EFVoU.js";import"./_baseIteratee-h4YesYRm.js";import"./index-Bc_Nx_id.js";import"./index-CJ7_cRvg.js";const ue=k({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:U,FontAwesomeIcon:q},data(){return{drawer:!1}}}),de={class:"main flex flex-row flex-1"},me={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},pe={class:"result h-full p-[15px] flex-1 flex flex-col"};function fe(e,t,b,r,d,h){const _=s("font-awesome-icon"),g=s("el-button"),m=s("el-drawer");return n(),l("div",de,[c("div",me,[P(e.$slots,"config",{},void 0,!0)]),c("div",pe,[P(e.$slots,"result",{},void 0,!0)]),o(g,{circle:"",class:"menu",onClick:t[0]||(t[0]=p=>e.drawer=!0)},{default:$(()=>[o(_,{icon:"fa-solid fa-magic"})]),_:1}),o(m,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const he=y(ue,[["render",fe],["__scopeId","data-v-3794959b"]]),_e="",ge=k({name:"PromptInput",components:{ElInput:Z,InfoIcon:O},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=_e)}}),be={class:"field"},$e={class:"box"},ve={class:"title font-bold"};function ke(e,t,b,r,d,h){const _=s("info-icon"),g=s("el-input");return n(),l("div",be,[c("div",$e,[c("h2",ve,a(e.$t("nanobanana.name.prompt")),1),o(_,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),o(g,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=m=>e.prompt=m),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ye=y(ge,[["render",ke],["__scopeId","data-v-38b040ab"]]),we=k({name:"ImageUrlsInput",components:{ElUpload:ee,ElButton:U,InfoIcon:O,ImagePreview:z,FontAwesomeIcon:q},data(){return{fileList:[],uploadUrl:x()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const r=(this.fileList||[]).filter(d=>!d?.response?.file_url);this.fileList=r.length?r:[];return}const t=[];e.forEach(r=>{const d=this.fileList.find(h=>h?.response?.file_url===r||h?.url===r);d?t.push(d):t.push({name:r.split("/").pop()||r,url:r,status:"success",percentage:100,response:{file_url:r}})}),(this.fileList||[]).filter(r=>!r?.response?.file_url).forEach(r=>{t.some(h=>h===r||h?.url===r?.url||h?.response?.file_url===r?.response?.file_url)||t.push(r)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){R.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){R.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ve={class:"field flex items-center justify-between"},Ae={class:"title font-bold text-[14px] mb-[10px]"},Ee={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Ne={class:"controls flex items-center"},Re={class:"file-list flex flex-wrap gap-[10px]"};function Ie(e,t,b,r,d,h){const _=s("font-awesome-icon"),g=s("el-button"),m=s("el-upload"),p=s("info-icon"),w=s("image-preview");return n(),l(V,null,[c("div",Ve,[c("h2",Ae,a(e.$t("nanobanana.name.imageUrls")),1),c("div",Ee,[c("div",Ne,[o(m,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=i=>e.fileList=i),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[o(g,{size:"small",type:"primary",round:""},{default:$(()=>[o(_,{icon:"fa-solid fa-upload",class:"mr-1"}),u(" "+a(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(p,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),c("div",Re,[(n(!0),l(V,null,E(e.fileList,(i,v)=>(n(),A(w,{key:i.uid||i?.response?.file_url||i.url||v,url:i.url||i?.response?.file_url,name:i.name,percentage:i.percentage,onRemove:N=>e.onRemovePreview(v,i)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Le=y(we,[["render",Ie]]),Te=k({name:"AspectRatioSelector",components:{ElSelect:G,ElOption:B},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e);const t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit("nanobanana/setConfig",t)}}}}),Se={class:"field"},qe={class:"title font-bold"};function Ue(e,t,b,r,d,h){const _=s("el-option"),g=s("el-select");return n(),l("div",Se,[c("h2",qe,a(e.$t("nanobanana.name.aspectRatio")),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(n(!0),l(V,null,E(e.options,m=>(n(),A(_,{key:m,label:m,value:m},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ce=y(Te,[["render",Ue],["__scopeId","data-v-67f08a08"]]),Oe=k({name:"NanobananaModelSelector",components:{ElSelect:G,ElOption:B,InfoIcon:O},data(){return{options:[{value:K,label:this.$t("nanobanana.model.nanoBanana")},{value:S,label:this.$t("nanobanana.model.nanoBananaPro")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t("nanobanana.description.model")}},mounted(){this.value||(this.value=H)}}),Pe={class:"field"},Be={class:"label"},Ge={class:"box"},je={class:"title font-bold"};function Me(e,t,b,r,d,h){const _=s("info-icon"),g=s("el-option"),m=s("el-select");return n(),l("div",Pe,[c("div",Be,[c("div",Ge,[c("h2",je,a(e.$t("nanobanana.name.model")),1),o(_,{content:e.modelDescription,class:"info"},null,8,["content"])])]),o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.value=p),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(n(!0),l(V,null,E(e.options,p=>(n(),A(g,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=y(Oe,[["render",Me],["__scopeId","data-v-e279ee32"]]),Fe=k({name:"NanobananaResolutionSelector",components:{ElSelect:G,ElOption:B,InfoIcon:O},data(){return{cachedResolution:T,options:[{value:j,label:j},{value:M,label:M},{value:D,label:D}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model===S}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||(this.value=this.cachedResolution||T):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=T),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ze={class:"field"},We={class:"label"},xe={class:"box"},He={class:"title font-bold"};function Ke(e,t,b,r,d,h){const _=s("info-icon"),g=s("el-option"),m=s("el-select");return n(),l("div",ze,[c("div",We,[c("div",xe,[c("h2",He,a(e.$t("nanobanana.name.resolution")),1),o(_,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.value=p),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:$(()=>[(n(!0),l(V,null,E(e.options,p=>(n(),A(g,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Je=y(Fe,[["render",Ke],["__scopeId","data-v-05ae87bb"]]),Qe=k({name:"ConfigPanel",components:{ElButton:U,FontAwesomeIcon:q,PromptInput:ye,Consumption:te,ImageUrlsInput:Le,AspectRatioSelector:Ce,ModelSelector:De,ResolutionSelector:Je},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return ae({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Xe={class:"flex flex-col h-full"},Ye={class:"flex-1 overflow-y-auto p-[15px]"},Ze={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function et(e,t,b,r,d,h){const _=s("model-selector"),g=s("resolution-selector"),m=s("prompt-input"),p=s("aspect-ratio-selector"),w=s("image-urls-input"),i=s("consumption"),v=s("font-awesome-icon"),N=s("el-button");return n(),l("div",Xe,[c("div",Ye,[o(_,{class:"mb-4"}),o(g,{class:"mb-4"}),o(m,{class:"mb-4"}),o(p,{class:"mb-4"}),o(w,{class:"mb-4"})]),c("div",Ze,[o(i,{value:e.consumption,service:e.service},null,8,["value","service"]),o(N,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[o(v,{icon:"fa-solid fa-magic",class:"mr-2"}),u(" "+a(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=y(Qe,[["render",et]]),ot=k({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:ne,FontAwesomeIcon:q,ElAlert:re,ImageWrapper:se,ElButton:U,ElTooltip:le,ImagePreview:z},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit("nanobanana/setConfig",t)}}}),at={class:"preview"},nt={class:"left"},st={class:"main"},lt={class:"bot"},rt={class:"datetime"},it={class:"info"},ct={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},ut={key:1,class:"prompt mt-2"},dt={key:0},mt={key:0,class:C({content:!0,failed:!0})},pt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},ft={class:C({operations:!0,"mt-2":!0,"mb-2":!0})},ht={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},gt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},kt={key:1,class:C({content:!0})},yt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},It={key:2,class:C({content:!0})},Lt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},St={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Ct(e,t,b,r,d,h){const _=s("el-image"),g=s("image-preview"),m=s("image-wrapper"),p=s("el-button"),w=s("el-tooltip"),i=s("font-awesome-icon"),v=s("copy-to-clipboard"),N=s("el-alert");return n(),l("div",at,[c("div",nt,[o(_,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),c("div",st,[c("div",lt,[u(a(e.$t("nanobanana.name.nanobananaBot"))+" ",1),c("span",rt,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",it,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(n(),l("div",ct,[(n(!0),l(V,null,E(e.modelValue?.request?.image_urls,(I,L)=>(n(),A(g,{key:L,url:I,name:`image-${L+1}`,closable:!1},null,8,["url","name"]))),128))])):f("",!0),e.modelValue?.request?.prompt?(n(),l("p",ut,[u(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(n(),l("span",dt," - ("+a(e.$t("nanobanana.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(n(),l("div",mt,[c("div",pt,[(n(!0),l(V,null,E(e.images,(I,L)=>(n(),A(m,{key:L,src:I?.image_url,"raw-src":I?.image_url},null,8,["src","raw-src"]))),128))]),c("div",ft,[o(w,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[o(p,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=J(I=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[u(a(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(N,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(n(),l("p",ht,[o(i,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):f("",!0),e.modelValue?.request?.resolution?(n(),l("p",_t,[o(i,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):f("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",gt,[o(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):f("",!0),e.modelValue?.request?.action?(n(),l("p",bt,[o(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):f("",!0),c("p",$t,[o(i,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),l("p",vt,[o(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(n(),l("div",kt,[o(N,{closable:!1,class:"failure"},{template:$(()=>[o(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),l("p",yt,[o(i,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):f("",!0),e.modelValue?.request?.resolution?(n(),l("p",wt,[o(i,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):f("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Vt,[o(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):f("",!0),e.modelValue?.request?.action?(n(),l("p",At,[o(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):f("",!0),c("p",Et,[o(i,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Nt,[o(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),o(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),l("p",Rt,[o(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):f("",!0)]),_:1})])):f("",!0),!e.modelValue?.response||!e.modelValue?.response?.data?.[0]?.image_url?(n(),l("div",It,[o(N,{closable:!1,class:"info"},{template:$(()=>[o(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),l("p",Lt,[o(i,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):f("",!0),e.modelValue?.request?.resolution?(n(),l("p",Tt,[o(i,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):f("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",St,[o(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):f("",!0),e.modelValue?.request?.action?(n(),l("p",qt,[o(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):f("",!0),c("p",Ut,[o(i,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):f("",!0)])])}const Ot=y(ot,[["render",Ct],["__scopeId","data-v-9e0f580a"]]),Pt=k({name:"RecentPanel",components:{TaskPreview:Ot,BotPlaceholder:ce,NoTasks:oe,ScrollList:Y},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Bt={key:0},Gt={key:2,class:"w-full h-full flex items-center justify-center"};function jt(e,t,b,r,d,h){const _=s("bot-placeholder"),g=s("task-preview"),m=s("scroll-list"),p=s("no-tasks");return n(),l(V,null,[e.tasks?.items===void 0?(n(),l("div",Bt,[o(_)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),A(m,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=w=>e.$emit("reach-top"))},{default:$(()=>[(n(!0),l(V,null,E(e.tasks?.items,w=>(n(),A(g,{key:w.id,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):f("",!0),e.tasks?.items?.length===0?(n(),l("div",Gt,[o(p)])):f("",!0)],64)}const Mt=y(Pt,[["render",jt]]),Dt="https://webhook.acedata.cloud/nanobanana",Ft=k({name:"NanobananaIndex",components:{ConfigPanel:tt,Layout:he,RecentPanel:Mt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){if(console.debug("reached top"),this.loading||this.tasksLoading)return;const e=this.tasks?.total,t=this.tasks?.items?.length||0;if(e!==void 0&&e<=t)return;const b=this.tasks?.items?.[0];if(!b?.created_at)return;const d=this.$refs.recentPanel?.getScrollElement?.(),h=d?.scrollHeight||0,_=d?.scrollTop||0;this.loading=!0;try{if(await this.onGetTasks({createdAtMax:b.created_at}),await this.$nextTick(),d){const g=d.scrollHeight;d.scrollTop=g-h+_}}finally{this.loading=!1}},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:b,createdAtMax:r}=e||{};console.debug("limit",t,"createdAtMin",b,"createdAtMax",r),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:b,createdAtMax:r})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&"image_urls"in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==S&&"resolution"in e&&delete e.resolution,e?.model===S&&!e?.resolution&&(e.resolution=T);const b={...e,action:t?"edit":"generate",callback_url:Dt},r=this.credential?.token;if(!r){console.error("no token specified");return}R.info(this.$t("nanobanana.message.startingTask")),Q.generate(b,{token:r}).then(()=>{R.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(d=>{const h=d?.response?.data;h?.error?.code===X?R.error(this.$t("nanobanana.message.usedUp")):R.error(this.$t("nanobanana.message.startTaskFailed")+(h?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function zt(e,t,b,r,d,h){const _=s("config-panel"),g=s("recent-panel"),m=s("layout");return n(),A(m,null,{config:$(()=>[o(_,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[o(g,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Eo=y(Ft,[["render",zt]]);export{Eo as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C}from"./CopyToClipboard-
|
|
1
|
+
import{C}from"./CopyToClipboard-CKnPT0Yy.js";import{d as I,dj as F,en as T,eo as N,ep as P,h as B,i as r,j as o,k as i,l,t as e,x as s,b as p,D as m,y as k,o as n}from"./index-Dnu2OPRk.js";import{d as O,a as w,s as M}from"./distribution-CQdKw898.js";import{g as q}from"./price-C1dIgmfP.js";import{F as R}from"./index.es-DYon9dPn.js";import{E as z}from"./index-CJ7_cRvg.js";import{E as U,a as V}from"./index-DA6TtE0k.js";import{E as A}from"./index-D6ExfvwJ.js";import{E as H,a as j,b as G}from"./index-sdnXBDq8.js";import{E as Q}from"./index-ic1fhPbo.js";import{E as W}from"./index-BC-mE-tS.js";import{E as Y}from"./index-DNGtZjAF.js";import"./index-IoPWd1CW.js";import"./typescript-DcpNvO9f.js";import"./index-Bho_18eF.js";import"./_initCloneObject-x8T6HgBa.js";import"./isPlainObject-CJztbzXj.js";import"./_baseIteratee-h4YesYRm.js";import"./isEqual-DKKEkL9d.js";import"./castArray-BE-37zzM.js";import"./debounce-jV-EFVoU.js";import"./index-QURzAjz3.js";import"./use-form-item-lM5U-69n.js";import"./index-Bc_Nx_id.js";import"./index-r5W6hzzQ.js";const J=I({name:"ConsoleDistributionList",components:{CopyToClipboard:C,FontAwesomeIcon:R,QrCode:F,ElProgress:Y,ElRow:G,ElCol:j,ElButton:W,ElDivider:Q,ElCard:H,ElTooltip:A,ElTable:V,ElTableColumn:U,ElSkeleton:z},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")},distributionLevelMap(){let t={};return this.distributionLevels.forEach(a=>{t[a.level]=a}),t}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:q,goHistory(){this.$router.push({name:P})},goInvitees(){this.$router.push({name:N})},onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},getPercentageForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,a=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-t)/(a-t)*100)},getDeltaForNextLevel(){const t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(t-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await w.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){const a=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{const v=(await M.create(a))?.data?.data?.url;this.distributionLink=(v||a).replace("surl.id","share.acedata.cloud")}catch{this.distributionLink=a}},async onFetchDistributionStatus(){const{data:t}=await w.getAll({user_id:this.$store.getters.user.id});t.items&&t.items.length>0&&(this.distributionStatus=t.items[0])},async onFetchDistributionLevels(){const{data:t}=await O.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=t.items},async onFetchInvitees(){const{data:t}=await T.getInvitees({});this.invitees=t.items,this.inviteesCount=t.count}}}),K={class:"title"},X={key:1},Z={class:"icon-wrapper"},x={class:"text-left"},tt={class:"description"},et={class:"value"},it={key:1},st={class:"icon-wrapper"},ot={class:"text-left"},nt={class:"description"},lt={class:"value"},at={key:1},rt={class:"icon-wrapper"},dt={class:"text-left"},ct={class:"description"},ut={class:"value"},pt={key:1},ht={class:"icon-wrapper"},mt={class:"text-left"},_t={class:"description"},bt={class:"value"},vt={key:1},ft={class:"title"},gt={class:"clear-both overflow-hidden"},kt={class:"float-left description"},yt={class:"float-right description"},$t={class:"description"},wt={class:"level"},Lt={class:"level"},St={class:"level"},Et={key:1},Dt={class:"title"},Ct={class:"link-wrapper text-center"},It=["href"],Ft={class:"qr-wrapper ml-auto mr-auto"},Tt={class:"mt-0"},Nt={class:"description"},Pt={class:"more"};function Bt(t,a,v,Ot,Mt,qt){const d=l("el-col"),_=l("el-row"),c=l("el-skeleton"),b=l("font-awesome-icon"),f=l("el-button"),u=l("el-card"),y=l("el-tooltip"),L=l("el-progress"),$=l("el-divider"),g=l("el-table-column"),S=l("el-table"),E=l("copy-to-clipboard"),D=l("qr-code");return n(),r(_,{class:"panel"},{default:o(()=>[i(d,{span:24},{default:o(()=>[i(_,null,{default:o(()=>[i(d,{span:24},{default:o(()=>[e("h2",K,s(t.$t("common.title.distribution")),1)]),_:1})]),_:1}),i(_,{gutter:15},{default:o(()=>[i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",X,[e("div",Z,[i(b,{icon:"fa-solid fa-wallet",class:"icon"})]),e("div",x,[e("p",tt,s(t.$t("distribution.title.price")),1),e("p",et,s(t.getPriceString({value:t.distributionStatus?.price})),1)]),i(f,{type:"primary",round:"",size:"small",class:"btn",onClick:t.goHistory},{default:o(()=>[m(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",it,[e("div",st,[i(b,{icon:"fa-solid fa-coins",class:"icon"})]),e("div",ot,[e("p",nt,s(t.$t("distribution.title.reward")),1),e("p",lt,s(t.getPriceString({value:t.distributionStatus?.reward})),1)]),i(y,{effect:"dark",content:t.$t("distribution.message.developingWithDrawal"),placement:"top"},{default:o(()=>[i(f,{type:"primary",round:"",size:"small",class:"btn"},{default:o(()=>[m(s(t.$t("distribution.button.withdrawal")),1)]),_:1})]),_:1},8,["content"])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",at,[e("div",rt,[i(b,{icon:"fa-solid fa-percent",class:"icon"})]),e("div",dt,[e("p",ct,s(t.$t("distribution.title.percentage")),1),e("p",ut,s(t.distributionStatus?.level?.percentage)+"%",1)])]))]),_:1})]),_:1}),i(d,{md:6,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"item-mini mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",pt,[e("div",ht,[i(b,{icon:"fa-regular fa-user",class:"icon"})]),e("div",mt,[e("p",_t,s(t.$t("distribution.title.inviteesCount")),1),e("p",bt,s(t.inviteesCount),1)]),i(f,{type:"primary",round:"",size:"small",class:"btn",onClick:t.goInvitees},{default:o(()=>[m(s(t.$t("distribution.button.detail")),1)]),_:1},8,["onClick"])]))]),_:1})]),_:1})]),_:1}),i(_,{gutter:15},{default:o(()=>[i(d,{md:12,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"level-info mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",vt,[e("h4",ft,s(t.$t("distribution.title.levelInfo")),1),e("div",gt,[e("div",kt,[e("p",null,s(t.$t("distribution.title.currentLevel"))+": L"+s(t.distributionStatus?.level?.level),1),e("p",null,s(t.$t("distribution.title.currentPercentage"))+": "+s(t.distributionLevelMap[t.distributionStatus?.level?.level]?.percentage)+"% ",1)]),e("div",yt,[e("p",null,s(t.$t("distribution.title.nextLevel"))+": L"+s(t.distributionStatus?.level?.level+1),1),e("p",null,s(t.$t("distribution.title.nextPercentage"))+": "+s(t.distributionLevelMap[t.distributionStatus?.level?.level+1]?.percentage)+"% ",1)])]),i(L,{"text-inside":!0,"stroke-width":20,percentage:t.getPercentageForNextLevel(),class:"mb-2"},null,8,["percentage"]),e("p",$t,s(t.$t("distribution.message.deltaPriceForNextLevel"))+": $"+s(t.getDeltaForNextLevel()),1),i($),t.distributionLevels?(n(),r(S,{key:0,data:t.distributionLevels,stripe:""},{default:o(()=>[i(g,{label:t.$t("distribution.field.level")},{default:o(h=>[e("span",wt,"L"+s(h.row?.level),1)]),_:1},8,["label"]),i(g,{label:t.$t("distribution.field.threshold")},{default:o(h=>[e("span",Lt,"$"+s(h.row?.threshold),1)]),_:1},8,["label"]),i(g,{label:t.$t("distribution.field.percentage")},{default:o(h=>[e("span",St,s(h.row?.percentage)+"%",1)]),_:1},8,["label"])]),_:1},8,["data"])):k("",!0)]))]),_:1})]),_:1}),i(d,{md:12,xs:24},{default:o(()=>[i(u,{shadow:"hover",class:"distribution-info mb-4"},{default:o(()=>[t.loading?(n(),r(c,{key:0})):(n(),p("div",Et,[e("h4",Dt,s(t.$t("distribution.title.distributionLink")),1),i($),e("div",Ct,[k("",!0),e("a",{href:t.distributionLink,class:"link"},s(t.distributionLink),9,It),i(E,{content:t.distributionLink},null,8,["content"])]),e("div",Ft,[t.distributionLink?(n(),r(D,{key:0,value:t.distributionLink,size:180,margin:2,class:"block mb-2 ml-auto mr-auto",type:"image/png",color:{dark:"#000000",light:"#ffffff"}},null,8,["value"])):k("",!0),e("p",Tt,s(t.$t("distribution.message.distributionQrDescription")),1)]),e("p",Nt,[m(s(t.$t("distribution.message.distributionLinkDescription"))+" ",1),e("span",Pt,[i(y,{effect:"dark",content:t.$t("distribution.message.distributionLinkDescription2"),placement:"top"},{default:o(()=>[m(s(t.$t("distribution.message.technicalDetail")),1)]),_:1},8,["content"])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const de=B(J,[["render",Bt],["__scopeId","data-v-a8befdf2"]]);export{de as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as L}from"./index.es-Dw-ikv9u.js";import{E as U}from"./index-Ba60uEk-.js";import{E as N}from"./index-h2hg5mzg.js";import{d as b,h as w,b as d,t as n,k as o,r as C,j as c,l as s,o as a,eF as q,x as i,eG as H,eH as J,cf as j,D as g,i as v,y as _,n as T,aq as M,F,v as K,eI as Q,dN as W,dJ as z}from"./index-Cltw-TPy.js";import{I as S,S as X}from"./ScrollList-BsWg1Oco.js";import{E as R}from"./index-C9snhxjP.js";import{I as B}from"./ImagePreview-fjeQ_mXr.js";import{E as A}from"./index-DTitzyRz.js";import{E}from"./index-C7JbjCIG.js";import{F as Y}from"./FilePreview-BOf1jXGA.js";import{E as Z}from"./index-BY87tdIk.js";import{V as D}from"./VideoPlayer-Bkc77RHA.js";import{C as x,N as ee}from"./NoTasks-Cxeor42D.js";import{a as te}from"./price-B71O9NlG.js";import{C as oe}from"./CopyToClipboard-B0sXY0gf.js";import{E as se}from"./index-Bp5pMMj1.js";import{E as ne}from"./index-CHfsm--8.js";import{E as ae}from"./index-Bk5nP9u2.js";import{B as le}from"./BotPlaceholder-Bn7lEbyW.js";import{l as ie}from"./pagination-BA1VbgK9.js";import"./use-form-item-Be29d0-B.js";import"./index-r5W6hzzQ.js";import"./index-Daydyphg.js";import"./index-RTh02r3m.js";import"./typescript-DOVFb1BD.js";import"./_baseClone-Bm9igNTj.js";import"./_initCloneObject-CAySSrJV.js";import"./isEqual-CbOgjKmk.js";import"./index-BhccfPia.js";import"./vue-plyr-QZFBikSk.js";import"./debounce-CguuKO1r.js";import"./index-TO8m0FZI.js";const re=b({name:"LayoutLuma",components:{ElDrawer:N,ElButton:U,FontAwesomeIcon:L},data(){return{drawer:!1}}}),ce={class:"main flex flex-row flex-1"},me={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ue={class:"result h-full p-[15px] flex-1 flex flex-col"};function de(e,t,p,h,k,y){const r=s("font-awesome-icon"),u=s("el-button"),m=s("el-drawer");return a(),d("div",ce,[n("div",me,[C(e.$slots,"config",{},void 0,!0)]),n("div",ue,[C(e.$slots,"result",{},void 0,!0)]),o(u,{circle:"",class:"menu",onClick:t[0]||(t[0]=$=>e.drawer=!0)},{default:c(()=>[o(r,{icon:"fa-solid fa-magic"})]),_:1}),o(m,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=$=>e.drawer=$),direction:"ltr","with-header":!1,size:"350px",class:"drawer"},{default:c(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const pe=w(re,[["render",de],["__scopeId","data-v-11a53e0c"]]),fe=b({name:"EnhancementSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug("set enhancement",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=q)}}),_e={class:"relative"},he={class:"flex justify-between"},$e={class:"flex justify-start items-center"},ge={class:"text-sm font-bold"},ve={class:"flex justify-end items-center"};function be(e,t,p,h,k,y){const r=s("info-icon"),u=s("el-switch");return a(),d("div",_e,[n("div",he,[n("div",$e,[n("span",ge,i(e.$t("luma.name.enhancement")),1),o(r,{content:e.$t("luma.description.enhancement")},null,8,["content"])]),n("div",ve,[o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])])])}const we=w(fe,[["render",be]]),ke=b({name:"CustomSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug("set custom",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=H)}}),ye={class:"relative"},Ee={class:"flex justify-between"},Ve={class:"flex justify-start items-center"},Se={class:"text-sm font-bold"},Le={class:"flex justify-end items-center"};function Ue(e,t,p,h,k,y){const r=s("info-icon"),u=s("el-switch");return a(),d("div",ye,[n("div",Ee,[n("div",Ve,[n("span",Se,i(e.$t("luma.name.custom")),1),o(r,{content:e.$t("luma.description.custom")},null,8,["content"])]),n("div",Le,[o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])])])}const Ie=w(ke,[["render",Ue]]),Te=b({name:"LoopSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug("set loop",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=J)}}),Ce={class:"relative"},je={class:"flex justify-between"},Re={class:"flex justify-start items-center"},Ae={class:"text-sm font-bold"},Ge={class:"flex justify-end items-center"};function Pe(e,t,p,h,k,y){const r=s("info-icon"),u=s("el-switch");return a(),d("div",Ce,[n("div",je,[n("div",Re,[n("span",Ae,i(e.$t("luma.name.loop")),1),o(r,{content:e.$t("luma.description.loop")},null,8,["content"])]),n("div",Ge,[o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])])])}const Me=w(Te,[["render",Pe]]),Fe=b({name:"EndImage",components:{ElUpload:A,ElButton:U,ImagePreview:B,InfoIcon:S,FontAwesomeIcon:L},data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),ze={class:"relative"},Be={class:"flex justify-between"},De={class:"flex justify-start items-center"},Oe={class:"text-sm font-bold"};function Ne(e,t,p,h,k,y){const r=s("info-icon"),u=s("image-preview"),m=s("font-awesome-icon"),$=s("el-button"),f=s("el-upload");return a(),d("div",ze,[n("div",Be,[n("div",De,[n("span",Oe,i(e.$t("luma.name.endImageUrl")),1),o(r,{content:e.$t("luma.description.endImageUrl")},null,8,["content"])])]),o(f,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=l=>e.fileList=l),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:l})=>[l.url&&l.percentage!==void 0?(a(),v(u,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:c(()=>[o($,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(m,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadEndImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const qe=w(Fe,[["render",Ne],["__scopeId","data-v-7ab78c3e"]]),He=b({name:"StartImage",components:{ElUpload:A,ElButton:U,ImagePreview:B,InfoIcon:S,FontAwesomeIcon:L},data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Je={class:"relative"},Ke={class:"flex justify-between"},Qe={class:"flex justify-start items-center"},We={class:"text-sm font-bold"};function Xe(e,t,p,h,k,y){const r=s("info-icon"),u=s("image-preview"),m=s("font-awesome-icon"),$=s("el-button"),f=s("el-upload");return a(),d("div",Je,[n("div",Ke,[n("div",Qe,[n("span",We,i(e.$t("luma.name.startImageUrl")),1),o(r,{content:e.$t("luma.description.startImageUrl")},null,8,["content"])])]),o(f,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=l=>e.fileList=l),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:l})=>[l.percentage!=null?(a(),v(u,{key:0,url:l.url||l.response.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:c(()=>[o($,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(m,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ye=w(He,[["render",Xe],["__scopeId","data-v-425a8cec"]]),Ze=b({name:"UploadVideo",components:{ElUpload:A,ElButton:U,InfoIcon:S,FilePreview:Y,FontAwesomeIcon:L},data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||(this.value=void 0)},methods:{onExceed(){E.warning(this.$t("luma.message.uploadVideoExceed"))},onError(){E.error(this.$t("luma.message.uploadVideoError"))},beforeUpload(e){const t=e.type==="video/mp4",p=e.size/1024/1024<10;return t?p?!0:(E.error(this.$t("luma.message.uploadVideoSizeExceed")),!1):(E.error(this.$t("luma.message.uploadVideoTypeFailed")),!1)},onSetVideoUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e,action:"extend"})},async onSuccess(){this.onSetVideoUrl()}}}),xe={class:"relative"},et={class:"flex justify-between"},tt={class:"flex justify-start items-center"},ot={class:"text-sm font-bold"};function st(e,t,p,h,k,y){const r=s("info-icon"),u=s("file-preview"),m=s("font-awesome-icon"),$=s("el-button"),f=s("el-upload");return a(),d("div",xe,[n("div",et,[n("div",tt,[n("span",ot,i(e.$t("luma.name.videoUrl")),1),o(r,{content:e.$t("luma.description.videoUrl")},null,8,["content"])])]),o(f,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=l=>e.fileList=l),accept:".mp4",name:"file",class:"value","show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:l})=>[l.percentage!=null?(a(),v(u,{key:0,url:l.url||l.response?.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:c(()=>[o($,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(m,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadVideoUrl")),1)]),_:1})]),_:1},8,["file-list","action","before-upload","on-exceed","on-error","on-success","headers"])])}const nt=w(Ze,[["render",st],["__scopeId","data-v-74e51526"]]),at="",lt=b({name:"PromptInput",components:{ElInput:Z,InfoIcon:S},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=at)}}),it={class:"field"},rt={class:"box"},ct={class:"title font-bold"};function mt(e,t,p,h,k,y){const r=s("info-icon"),u=s("el-input");return a(),d("div",it,[n("div",rt,[n("h2",ct,i(e.$t("luma.name.prompt")),1),o(r,{content:e.$t("luma.description.prompt"),class:"info"},null,8,["content"])]),o(u,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=m=>e.prompt=m),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("luma.placeholder.prompt"),maxlength:2e3,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ut=w(lt,[["render",mt],["__scopeId","data-v-e8284075"]]),dt=b({name:"ExtendFromInput",components:{VideoPlayer:D},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.luma?.config}}}),pt={class:"relative"},ft={class:"flex mb-2"},_t={class:"text-sm font-bold"};function ht(e,t,p,h,k,y){const r=s("video-player");return a(),d("div",pt,[n("div",ft,[n("span",_t,i(e.$t("luma.name.extend")),1)]),n("div",null,[e.config?.video_url?(a(),v(r,{key:0,src:e.config?.video_url},null,8,["src"])):_("",!0)])])}const $t=w(dt,[["render",ht]]),gt=b({name:"ConfigPanel",components:{LoopSelector:Me,StartImageInput:Ye,EndImageInput:qe,EnhancementSelector:we,ElButton:U,FontAwesomeIcon:L,PromptInput:ut,ExtendFromInput:$t,CustomSelector:Ie,UploadVideo:nt,Consumption:x},emits:["generate"],computed:{config(){return this.$store.state.luma?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit("generate")}}}),vt={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-[15px]"},wt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function kt(e,t,p,h,k,y){const r=s("extend-from-input"),u=s("prompt-input"),m=s("custom-selector"),$=s("upload-video"),f=s("start-image-input"),l=s("end-image-input"),V=s("enhancement-selector"),I=s("loop-selector"),O=s("consumption"),G=s("font-awesome-icon"),P=s("el-button");return a(),d("div",vt,[n("div",bt,[e.config?.video_id||e.config?.video_url?(a(),v(r,{key:0,class:"mb-4"})):_("",!0),o(u,{class:"mb-4"}),e.config?.video_id?_("",!0):(a(),v(m,{key:1,class:"mb-4"})),e.config?.custom?(a(),v($,{key:2,class:"mb-4"})):_("",!0),!(e.config?.video_id||e.config?.video_url)&&!e.config?.custom?(a(),v(f,{key:3,class:"mb-4"})):_("",!0),o(l,{class:"mb-4"}),o(V,{class:"mb-4"}),o(I,{class:"mb-4"})]),n("div",wt,[o(O,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(a(),v(P,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[o(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.extend")),1)]),_:1},8,["onClick"])):(a(),v(P,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[o(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.generate")),1)]),_:1},8,["onClick"]))])])}const yt=w(gt,[["render",kt]]),Et=b({name:"TaskPreview",components:{ElImage:ae,CopyToClipboard:oe,FontAwesomeIcon:L,ElAlert:ne,VideoPlayer:D,ElTooltip:se,ElButton:U},props:{modelValue:{type:Object,required:!0}},emits:["extend"],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,t){console.debug("set config",t),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:"extend",thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit("extend")},onDownload(e){window.open(e,"_blank")}}}),Vt={class:"preview"},St={class:"left"},Lt={class:"main"},Ut={class:"bot"},It={class:"datetime"},Tt={class:"info"},Ct={key:0,class:"prompt mt-2"},jt={key:0},Rt={key:1},At={key:0,class:T({content:!0,failed:!0})},Gt={key:0,class:"mb-4"},Pt={key:1,class:T({operations:!0,"mt-2":!0,"mb-4":!0})},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ft={key:1,class:T({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ot={key:2,class:T({content:!0})},Nt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function qt(e,t,p,h,k,y){const r=s("el-image"),u=s("video-player"),m=s("el-button"),$=s("el-tooltip"),f=s("font-awesome-icon"),l=s("copy-to-clipboard"),V=s("el-alert");return a(),d("div",Vt,[n("div",St,[o(r,{src:"https://cdn.acedata.cloud/ahjfwi.png",class:"avatar"})]),n("div",Lt,[n("div",Ut,[g(i(e.$t("luma.name.lumaBot"))+" ",1),n("span",It,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),n("div",Tt,[e.modelValue?.request?.prompt?(a(),d("p",Ct,[g(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?_("",!0):(a(),d("span",jt," - ("+i(e.$t("luma.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),d("span",Rt," - ("+i(e.$t("luma.status.processing"))+") ",1)):_("",!0)])):_("",!0)]),e.modelValue?.response?.success===!0?(a(),d("div",At,[e.modelValue.response.video_url?(a(),d("div",Gt,[o(u,{src:e.modelValue.response.video_url},null,8,["src"])])):_("",!0),e.modelValue?.response&&!e.config?.custom?(a(),d("div",Pt,[o($,{class:"box-item",effect:"dark",content:e.$t("luma.message.extendVideo"),placement:"top-start"},{default:c(()=>[o(m,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=M(I=>e.onExtend(I,e.modelValue?.response),["stop"]))},{default:c(()=>[g(i(e.$t("luma.button.extend")),1)]),_:1})]),_:1},8,["content"]),o($,{class:"box-item",effect:"dark",content:e.$t("luma.message.downloadVideo"),placement:"top-start"},{default:c(()=>[o(m,{type:"info",size:"small",class:"btn-action",onClick:t[1]||(t[1]=M(I=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:c(()=>[g(i(e.$t("luma.button.download")),1)]),_:1})]),_:1},8,["content"])])):_("",!0),o(V,{closable:!1,class:"mt-2 success"},{default:c(()=>[n("p",Mt,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),o(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):_("",!0),e.modelValue?.response?.state==="failed"||e.modelValue?.response?.success===!1?(a(),d("div",Ft,[o(V,{closable:!1,class:"failure"},{template:c(()=>[o(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:c(()=>[n("p",zt,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),o(l,{content:e.modelValue?.id},null,8,["content"])]),n("p",Bt,[o(f,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+i(e.$t("luma.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),o(l,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),n("p",Dt,[o(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+i(e.$t("luma.name.traceId"))+": "+i(e.modelValue?.trace_id)+" ",1),o(l,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):_("",!0),!e.modelValue?.response||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),d("div",Ot,[o(V,{closable:!1,class:"info"},{template:c(()=>[o(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:c(()=>[n("p",Nt,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),o(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):_("",!0)])])}const Ht=w(Et,[["render",qt],["__scopeId","data-v-1b4a59bc"]]),Jt=b({name:"RecentPanel",components:{BotPlaceholder:le,TaskPreview:Ht,NoTasks:ee,ScrollList:X},props:{loading:{type:Boolean,default:!1}},emits:["reach-top","extend"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Kt={key:0},Qt={key:2,class:"w-full h-full flex items-center justify-center"};function Wt(e,t,p,h,k,y){const r=s("bot-placeholder"),u=s("task-preview"),m=s("scroll-list"),$=s("no-tasks");return a(),d(F,null,[e.tasks?.items===void 0?(a(),d("div",Kt,[o(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),v(m,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:t[1]||(t[1]=f=>e.$emit("reach-top"))},{default:c(()=>[(a(!0),d(F,null,K(e.tasks?.items,f=>(a(),v(u,{key:f.id,"model-value":f,onExtend:t[0]||(t[0]=l=>e.$emit("extend"))},null,8,["model-value"]))),128))]),_:1},8,["loading"])):_("",!0),e.tasks?.items?.length===0?(a(),d("div",Qt,[o($)])):_("",!0)],64)}const Xt=w(Jt,[["render",Wt]]),Yt="https://webhook.acedata.cloud/luma",Zt=b({name:"LumaIndex",components:{ConfigPanel:yt,Layout:pe,RecentPanel:Xt},inject:["initialized"],emits:["extend"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===z.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await ie({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("luma/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("luma/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){console.debug("scrolling down"),await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:p,createdAtMax:h}=e||{};console.debug("limit",t,"createdAtMin",p,"createdAtMax",h),this.fetchingTasks=!0;try{await this.$store.dispatch("luma/getTasks",{limit:t,createdAtMin:p,createdAtMax:h})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Yt},t=this.credential?.token;if(!t){console.error("no token specified");return}E.info(this.$t("luma.message.startingTask")),Q.generate(e,{token:t}).then(()=>{E.success(this.$t("luma.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===W?E.error(this.$t("luma.message.usedUp")):E.error(this.$t("luma.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function xt(e,t,p,h,k,y){const r=s("config-panel"),u=s("recent-panel"),m=s("layout");return a(),v(m,null,{config:c(()=>[o(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[o(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||(t[0]=$=>e.$emit("extend"))},null,8,["loading","onReachTop"])]),_:1})}const Ro=w(Zt,[["render",xt]]);export{Ro as default};
|
|
1
|
+
import{F as L}from"./index.es-DYon9dPn.js";import{E as U}from"./index-BC-mE-tS.js";import{E as N}from"./index-YQkAS5Xe.js";import{d as b,h as w,b as d,t as n,k as o,r as C,j as c,l as s,o as a,eF as q,x as i,eG as H,eH as J,cf as j,D as g,i as v,y as _,n as T,aq as M,F,v as K,eI as Q,dN as W,dJ as z}from"./index-Dnu2OPRk.js";import{I as S,S as X}from"./ScrollList-C4AvmP4t.js";import{E as R}from"./index-ColRDeFN.js";import{I as B}from"./ImagePreview-C3EplpU3.js";import{E as A}from"./index-BCjzbT-b.js";import{E}from"./index-tefvU5dL.js";import{F as Y}from"./FilePreview-KrsId5y0.js";import{E as Z}from"./index-B5XgLesb.js";import{V as D}from"./VideoPlayer-DY5ni_KU.js";import{C as x,N as ee}from"./NoTasks-DQ7pIoDL.js";import{a as te}from"./price-C1dIgmfP.js";import{C as oe}from"./CopyToClipboard-CKnPT0Yy.js";import{E as se}from"./index-D6ExfvwJ.js";import{E as ne}from"./index-CkVl7iBl.js";import{E as ae}from"./index-HtOPMbaD.js";import{B as le}from"./BotPlaceholder-CtFILLeB.js";import{l as ie}from"./pagination-CbSBe_dl.js";import"./use-form-item-lM5U-69n.js";import"./index-r5W6hzzQ.js";import"./index-Bho_18eF.js";import"./index-DNGtZjAF.js";import"./typescript-DcpNvO9f.js";import"./_baseClone-DLKkk350.js";import"./_initCloneObject-x8T6HgBa.js";import"./isEqual-DKKEkL9d.js";import"./index-BgXxVbPA.js";import"./vue-plyr-QZFBikSk.js";import"./debounce-jV-EFVoU.js";import"./index-CJ7_cRvg.js";const re=b({name:"LayoutLuma",components:{ElDrawer:N,ElButton:U,FontAwesomeIcon:L},data(){return{drawer:!1}}}),ce={class:"main flex flex-row flex-1"},me={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ue={class:"result h-full p-[15px] flex-1 flex flex-col"};function de(e,t,p,h,k,y){const r=s("font-awesome-icon"),u=s("el-button"),m=s("el-drawer");return a(),d("div",ce,[n("div",me,[C(e.$slots,"config",{},void 0,!0)]),n("div",ue,[C(e.$slots,"result",{},void 0,!0)]),o(u,{circle:"",class:"menu",onClick:t[0]||(t[0]=$=>e.drawer=!0)},{default:c(()=>[o(r,{icon:"fa-solid fa-magic"})]),_:1}),o(m,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=$=>e.drawer=$),direction:"ltr","with-header":!1,size:"350px",class:"drawer"},{default:c(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const pe=w(re,[["render",de],["__scopeId","data-v-11a53e0c"]]),fe=b({name:"EnhancementSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug("set enhancement",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=q)}}),_e={class:"relative"},he={class:"flex justify-between"},$e={class:"flex justify-start items-center"},ge={class:"text-sm font-bold"},ve={class:"flex justify-end items-center"};function be(e,t,p,h,k,y){const r=s("info-icon"),u=s("el-switch");return a(),d("div",_e,[n("div",he,[n("div",$e,[n("span",ge,i(e.$t("luma.name.enhancement")),1),o(r,{content:e.$t("luma.description.enhancement")},null,8,["content"])]),n("div",ve,[o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])])])}const we=w(fe,[["render",be]]),ke=b({name:"CustomSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug("set custom",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=H)}}),ye={class:"relative"},Ee={class:"flex justify-between"},Ve={class:"flex justify-start items-center"},Se={class:"text-sm font-bold"},Le={class:"flex justify-end items-center"};function Ue(e,t,p,h,k,y){const r=s("info-icon"),u=s("el-switch");return a(),d("div",ye,[n("div",Ee,[n("div",Ve,[n("span",Se,i(e.$t("luma.name.custom")),1),o(r,{content:e.$t("luma.description.custom")},null,8,["content"])]),n("div",Le,[o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])])])}const Ie=w(ke,[["render",Ue]]),Te=b({name:"LoopSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug("set loop",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=J)}}),Ce={class:"relative"},je={class:"flex justify-between"},Re={class:"flex justify-start items-center"},Ae={class:"text-sm font-bold"},Ge={class:"flex justify-end items-center"};function Pe(e,t,p,h,k,y){const r=s("info-icon"),u=s("el-switch");return a(),d("div",Ce,[n("div",je,[n("div",Re,[n("span",Ae,i(e.$t("luma.name.loop")),1),o(r,{content:e.$t("luma.description.loop")},null,8,["content"])]),n("div",Ge,[o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])])])}const Me=w(Te,[["render",Pe]]),Fe=b({name:"EndImage",components:{ElUpload:A,ElButton:U,ImagePreview:B,InfoIcon:S,FontAwesomeIcon:L},data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),ze={class:"relative"},Be={class:"flex justify-between"},De={class:"flex justify-start items-center"},Oe={class:"text-sm font-bold"};function Ne(e,t,p,h,k,y){const r=s("info-icon"),u=s("image-preview"),m=s("font-awesome-icon"),$=s("el-button"),f=s("el-upload");return a(),d("div",ze,[n("div",Be,[n("div",De,[n("span",Oe,i(e.$t("luma.name.endImageUrl")),1),o(r,{content:e.$t("luma.description.endImageUrl")},null,8,["content"])])]),o(f,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=l=>e.fileList=l),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:l})=>[l.url&&l.percentage!==void 0?(a(),v(u,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:c(()=>[o($,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(m,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadEndImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const qe=w(Fe,[["render",Ne],["__scopeId","data-v-7ab78c3e"]]),He=b({name:"StartImage",components:{ElUpload:A,ElButton:U,ImagePreview:B,InfoIcon:S,FontAwesomeIcon:L},data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Je={class:"relative"},Ke={class:"flex justify-between"},Qe={class:"flex justify-start items-center"},We={class:"text-sm font-bold"};function Xe(e,t,p,h,k,y){const r=s("info-icon"),u=s("image-preview"),m=s("font-awesome-icon"),$=s("el-button"),f=s("el-upload");return a(),d("div",Je,[n("div",Ke,[n("div",Qe,[n("span",We,i(e.$t("luma.name.startImageUrl")),1),o(r,{content:e.$t("luma.description.startImageUrl")},null,8,["content"])])]),o(f,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=l=>e.fileList=l),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:l})=>[l.percentage!=null?(a(),v(u,{key:0,url:l.url||l.response.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:c(()=>[o($,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(m,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ye=w(He,[["render",Xe],["__scopeId","data-v-425a8cec"]]),Ze=b({name:"UploadVideo",components:{ElUpload:A,ElButton:U,InfoIcon:S,FilePreview:Y,FontAwesomeIcon:L},data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||(this.value=void 0)},methods:{onExceed(){E.warning(this.$t("luma.message.uploadVideoExceed"))},onError(){E.error(this.$t("luma.message.uploadVideoError"))},beforeUpload(e){const t=e.type==="video/mp4",p=e.size/1024/1024<10;return t?p?!0:(E.error(this.$t("luma.message.uploadVideoSizeExceed")),!1):(E.error(this.$t("luma.message.uploadVideoTypeFailed")),!1)},onSetVideoUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e,action:"extend"})},async onSuccess(){this.onSetVideoUrl()}}}),xe={class:"relative"},et={class:"flex justify-between"},tt={class:"flex justify-start items-center"},ot={class:"text-sm font-bold"};function st(e,t,p,h,k,y){const r=s("info-icon"),u=s("file-preview"),m=s("font-awesome-icon"),$=s("el-button"),f=s("el-upload");return a(),d("div",xe,[n("div",et,[n("div",tt,[n("span",ot,i(e.$t("luma.name.videoUrl")),1),o(r,{content:e.$t("luma.description.videoUrl")},null,8,["content"])])]),o(f,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=l=>e.fileList=l),accept:".mp4",name:"file",class:"value","show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:l})=>[l.percentage!=null?(a(),v(u,{key:0,url:l.url||l.response?.file_url,name:l.name,percentage:l.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:c(()=>[o($,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:c(()=>[o(m,{icon:"fa-solid fa-upload",class:"icon mr-1"}),g(" "+i(e.$t("luma.button.uploadVideoUrl")),1)]),_:1})]),_:1},8,["file-list","action","before-upload","on-exceed","on-error","on-success","headers"])])}const nt=w(Ze,[["render",st],["__scopeId","data-v-74e51526"]]),at="",lt=b({name:"PromptInput",components:{ElInput:Z,InfoIcon:S},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=at)}}),it={class:"field"},rt={class:"box"},ct={class:"title font-bold"};function mt(e,t,p,h,k,y){const r=s("info-icon"),u=s("el-input");return a(),d("div",it,[n("div",rt,[n("h2",ct,i(e.$t("luma.name.prompt")),1),o(r,{content:e.$t("luma.description.prompt"),class:"info"},null,8,["content"])]),o(u,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=m=>e.prompt=m),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("luma.placeholder.prompt"),maxlength:2e3,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ut=w(lt,[["render",mt],["__scopeId","data-v-e8284075"]]),dt=b({name:"ExtendFromInput",components:{VideoPlayer:D},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.luma?.config}}}),pt={class:"relative"},ft={class:"flex mb-2"},_t={class:"text-sm font-bold"};function ht(e,t,p,h,k,y){const r=s("video-player");return a(),d("div",pt,[n("div",ft,[n("span",_t,i(e.$t("luma.name.extend")),1)]),n("div",null,[e.config?.video_url?(a(),v(r,{key:0,src:e.config?.video_url},null,8,["src"])):_("",!0)])])}const $t=w(dt,[["render",ht]]),gt=b({name:"ConfigPanel",components:{LoopSelector:Me,StartImageInput:Ye,EndImageInput:qe,EnhancementSelector:we,ElButton:U,FontAwesomeIcon:L,PromptInput:ut,ExtendFromInput:$t,CustomSelector:Ie,UploadVideo:nt,Consumption:x},emits:["generate"],computed:{config(){return this.$store.state.luma?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit("generate")}}}),vt={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-[15px]"},wt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function kt(e,t,p,h,k,y){const r=s("extend-from-input"),u=s("prompt-input"),m=s("custom-selector"),$=s("upload-video"),f=s("start-image-input"),l=s("end-image-input"),V=s("enhancement-selector"),I=s("loop-selector"),O=s("consumption"),G=s("font-awesome-icon"),P=s("el-button");return a(),d("div",vt,[n("div",bt,[e.config?.video_id||e.config?.video_url?(a(),v(r,{key:0,class:"mb-4"})):_("",!0),o(u,{class:"mb-4"}),e.config?.video_id?_("",!0):(a(),v(m,{key:1,class:"mb-4"})),e.config?.custom?(a(),v($,{key:2,class:"mb-4"})):_("",!0),!(e.config?.video_id||e.config?.video_url)&&!e.config?.custom?(a(),v(f,{key:3,class:"mb-4"})):_("",!0),o(l,{class:"mb-4"}),o(V,{class:"mb-4"}),o(I,{class:"mb-4"})]),n("div",wt,[o(O,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(a(),v(P,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[o(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.extend")),1)]),_:1},8,["onClick"])):(a(),v(P,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[o(G,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+i(e.$t("luma.button.generate")),1)]),_:1},8,["onClick"]))])])}const yt=w(gt,[["render",kt]]),Et=b({name:"TaskPreview",components:{ElImage:ae,CopyToClipboard:oe,FontAwesomeIcon:L,ElAlert:ne,VideoPlayer:D,ElTooltip:se,ElButton:U},props:{modelValue:{type:Object,required:!0}},emits:["extend"],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,t){console.debug("set config",t),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:"extend",thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit("extend")},onDownload(e){window.open(e,"_blank")}}}),Vt={class:"preview"},St={class:"left"},Lt={class:"main"},Ut={class:"bot"},It={class:"datetime"},Tt={class:"info"},Ct={key:0,class:"prompt mt-2"},jt={key:0},Rt={key:1},At={key:0,class:T({content:!0,failed:!0})},Gt={key:0,class:"mb-4"},Pt={key:1,class:T({operations:!0,"mt-2":!0,"mb-4":!0})},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ft={key:1,class:T({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ot={key:2,class:T({content:!0})},Nt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function qt(e,t,p,h,k,y){const r=s("el-image"),u=s("video-player"),m=s("el-button"),$=s("el-tooltip"),f=s("font-awesome-icon"),l=s("copy-to-clipboard"),V=s("el-alert");return a(),d("div",Vt,[n("div",St,[o(r,{src:"https://cdn.acedata.cloud/ahjfwi.png",class:"avatar"})]),n("div",Lt,[n("div",Ut,[g(i(e.$t("luma.name.lumaBot"))+" ",1),n("span",It,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),n("div",Tt,[e.modelValue?.request?.prompt?(a(),d("p",Ct,[g(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?_("",!0):(a(),d("span",jt," - ("+i(e.$t("luma.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),d("span",Rt," - ("+i(e.$t("luma.status.processing"))+") ",1)):_("",!0)])):_("",!0)]),e.modelValue?.response?.success===!0?(a(),d("div",At,[e.modelValue.response.video_url?(a(),d("div",Gt,[o(u,{src:e.modelValue.response.video_url},null,8,["src"])])):_("",!0),e.modelValue?.response&&!e.config?.custom?(a(),d("div",Pt,[o($,{class:"box-item",effect:"dark",content:e.$t("luma.message.extendVideo"),placement:"top-start"},{default:c(()=>[o(m,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=M(I=>e.onExtend(I,e.modelValue?.response),["stop"]))},{default:c(()=>[g(i(e.$t("luma.button.extend")),1)]),_:1})]),_:1},8,["content"]),o($,{class:"box-item",effect:"dark",content:e.$t("luma.message.downloadVideo"),placement:"top-start"},{default:c(()=>[o(m,{type:"info",size:"small",class:"btn-action",onClick:t[1]||(t[1]=M(I=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:c(()=>[g(i(e.$t("luma.button.download")),1)]),_:1})]),_:1},8,["content"])])):_("",!0),o(V,{closable:!1,class:"mt-2 success"},{default:c(()=>[n("p",Mt,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),o(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):_("",!0),e.modelValue?.response?.state==="failed"||e.modelValue?.response?.success===!1?(a(),d("div",Ft,[o(V,{closable:!1,class:"failure"},{template:c(()=>[o(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:c(()=>[n("p",zt,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),o(l,{content:e.modelValue?.id},null,8,["content"])]),n("p",Bt,[o(f,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+i(e.$t("luma.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),o(l,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),n("p",Dt,[o(f,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+i(e.$t("luma.name.traceId"))+": "+i(e.modelValue?.trace_id)+" ",1),o(l,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):_("",!0),!e.modelValue?.response||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),d("div",Ot,[o(V,{closable:!1,class:"info"},{template:c(()=>[o(f,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+i(e.$t("luma.name.failure")),1)]),default:c(()=>[n("p",Nt,[o(f,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+i(e.$t("luma.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),o(l,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):_("",!0)])])}const Ht=w(Et,[["render",qt],["__scopeId","data-v-1b4a59bc"]]),Jt=b({name:"RecentPanel",components:{BotPlaceholder:le,TaskPreview:Ht,NoTasks:ee,ScrollList:X},props:{loading:{type:Boolean,default:!1}},emits:["reach-top","extend"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Kt={key:0},Qt={key:2,class:"w-full h-full flex items-center justify-center"};function Wt(e,t,p,h,k,y){const r=s("bot-placeholder"),u=s("task-preview"),m=s("scroll-list"),$=s("no-tasks");return a(),d(F,null,[e.tasks?.items===void 0?(a(),d("div",Kt,[o(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),v(m,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:t[1]||(t[1]=f=>e.$emit("reach-top"))},{default:c(()=>[(a(!0),d(F,null,K(e.tasks?.items,f=>(a(),v(u,{key:f.id,"model-value":f,onExtend:t[0]||(t[0]=l=>e.$emit("extend"))},null,8,["model-value"]))),128))]),_:1},8,["loading"])):_("",!0),e.tasks?.items?.length===0?(a(),d("div",Qt,[o($)])):_("",!0)],64)}const Xt=w(Jt,[["render",Wt]]),Yt="https://webhook.acedata.cloud/luma",Zt=b({name:"LumaIndex",components:{ConfigPanel:yt,Layout:pe,RecentPanel:Xt},inject:["initialized"],emits:["extend"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===z.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await ie({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("luma/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("luma/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){console.debug("scrolling down"),await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:p,createdAtMax:h}=e||{};console.debug("limit",t,"createdAtMin",p,"createdAtMax",h),this.fetchingTasks=!0;try{await this.$store.dispatch("luma/getTasks",{limit:t,createdAtMin:p,createdAtMax:h})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Yt},t=this.credential?.token;if(!t){console.error("no token specified");return}E.info(this.$t("luma.message.startingTask")),Q.generate(e,{token:t}).then(()=>{E.success(this.$t("luma.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===W?E.error(this.$t("luma.message.usedUp")):E.error(this.$t("luma.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function xt(e,t,p,h,k,y){const r=s("config-panel"),u=s("recent-panel"),m=s("layout");return a(),v(m,null,{config:c(()=>[o(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[o(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||(t[0]=$=>e.$emit("extend"))},null,8,["loading","onReachTop"])]),_:1})}const Ro=w(Zt,[["render",xt]]);export{Ro as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as $,L as O,S as v,h as k,i as f,j as n,k as o,y as _,l as t,D as g,x as m,t as s,o as r,R as S,fA as N,m as T,p as L,q as D,fB as R,cf as U,b as h,f as B,F as P,v as A,n as F}from"./index-
|
|
1
|
+
import{d as $,L as O,S as v,h as k,i as f,j as n,k as o,y as _,l as t,D as g,x as m,t as s,o as r,R as S,fA as N,m as T,p as L,q as D,fB as R,cf as U,b as h,f as B,F as P,v as A,n as F}from"./index-Dnu2OPRk.js";import{F as b}from"./index.es-DYon9dPn.js";import{E as V,a as q}from"./index-BfF_0NJH.js";import{E as H}from"./index-EfId_jUB.js";import{E}from"./index-HtOPMbaD.js";import"./typescript-DcpNvO9f.js";import"./index-D6ExfvwJ.js";import"./index-Bho_18eF.js";import"./index-r5W6hzzQ.js";import"./index-Bc_Nx_id.js";import"./dropdown-0eUq7NmC.js";import"./debounce-jV-EFVoU.js";import"./index-BgXxVbPA.js";const M=$({name:"HelpEntry",components:{ElImage:E,ElDialog:O,ElPopover:H,ElMenu:q,ElMenuItem:V,FontAwesomeIcon:b},props:{visible:{type:Boolean,default:!0}},emits:["close"],computed:{site(){return this.$store.state.site}},methods:{onJoin(){window.open(this.$store.state.site?.features?.support?.discord?.url,"_blank")},onProfit(){this.$router.push({name:v})}}}),X={class:"flex"},j={class:"flex-1 text-center"};function z(e,i,w,y,I,x){const c=t("font-awesome-icon"),l=t("el-menu-item"),p=t("el-image"),d=t("el-popover"),a=t("el-menu"),u=t("el-dialog");return r(),f(u,{"model-value":e.visible,width:200,class:"text-center",onClose:i[0]||(i[0]=C=>e.$emit("close"))},{default:n(()=>[o(a,{collapse:!1,class:"menu"},{default:n(()=>[e.site?.features?.support?.discord?.enabled?(r(),f(l,{key:0,index:"1",onClick:e.onJoin},{title:n(()=>[g(m(e.$t("common.message.joinDiscord")),1)]),default:n(()=>[o(c,{icon:"fa-brands fa-discord",class:"mr-2"})]),_:1},8,["onClick"])):_("",!0),o(d,{width:350,trigger:"hover"},{reference:n(()=>[e.site?.features?.support?.wechat?.enabled?(r(),f(l,{key:0,index:"2"},{title:n(()=>[g(m(e.$t("common.message.addWeChat")),1)]),default:n(()=>[o(c,{icon:"fa-brands fa-weixin",class:"mr-2"})]),_:1})):_("",!0)]),default:n(()=>[s("div",X,[s("div",j,[o(p,{src:e.site?.features?.support?.wechat?.qr},null,8,["src"])])])]),_:1})]),_:1})]),_:1},8,["model-value"])}const J=k(M,[["render",z],["__scopeId","data-v-0fce633f"]]),G=$({name:"ProfileIndex",components:{ElImage:E,HelpDialog:J,FontAwesomeIcon:b},data(){return{operating:{locale:!1,dark:!1,help:!1}}},computed:{user(){return this.$store.getters.user},showSupport(){return this.$store?.state?.site?.features?.support?.enabled&&(this.$store?.state?.site?.features?.support?.discord?.enabled||this.$store?.state?.site?.features?.support?.wechat?.enabled)},showSite(){return this.$store?.state?.site?.admins?.includes(this.$store.getters.user?.id)},links(){return[{key:"profile",text:this.$t("console.menu.userProfile"),href:`${N()}/user/profile`,icon:"fa-regular fa-user"},{key:"application-list",text:this.$t("console.menu.applicationList"),name:T,icon:"fa-solid fa-cube"},{key:"order-list",text:this.$t("console.menu.orderList"),name:L,icon:"fa-solid fa-store"},{key:"usage-list",text:this.$t("console.menu.usageList"),name:D,icon:"fa-solid fa-rotate-left"},{key:"distribution-index",text:this.$t("console.menu.distributionIndex"),name:v,icon:"fa-solid fa-coins"},...this.showSite?[{key:"site-index",text:this.$t("common.nav.site"),name:R,icon:"fa-solid fa-gear"}]:[],{key:"dark-setting",text:this.$t("common.nav.darkMode"),icon:"fa-solid fa-moon",callback:()=>{this.operating.dark=!0}},{key:"locale-setting",text:this.$t("common.nav.locale"),icon:"fa-solid fa-language",callback:()=>{this.operating.locale=!0}},{key:"developerPlatform",text:this.$t("console.menu.developerPlatform"),href:U(),icon:"fa-solid fa-laptop-code"},...this.showSupport?[{key:"support",text:this.$t("common.nav.support"),callback:()=>{this.operating.help=!0},icon:"fa-solid fa-question"}]:[],{key:"logout",text:this.$t("common.nav.logOut"),icon:"fa-solid fa-arrow-right-from-bracket",callback:async()=>{await this.$store.dispatch("logout")}}]}},methods:{onHome(){this.$router.push({name:S})},onNavigate(e){e.name?this.$router.push({name:e.name}):e.href?window.open(e.href,"_blank"):e.callback&&e.callback()}}}),W={class:"profile"},K={class:"info"},Q={class:"links"},Y=["onClick"],Z={class:"icon"},ee={class:"text"},te={class:"suffix"};function oe(e,i,w,y,I,x){const c=t("el-image"),l=t("font-awesome-icon"),p=t("locale-selector"),d=t("help-dialog");return r(),h("div",W,[s("div",K,[o(c,{src:e.user.avatar,fit:"cover",class:"avatar"},null,8,["src"]),s("h2",null,m(e.user.username),1),s("div",{style:B({backgroundImage:"url("+e.user.avatar+")"}),class:"background"},null,4)]),s("div",Q,[(r(!0),h(P,null,A(e.links,(a,u)=>(r(),h("a",{key:u,class:F({link:!0,active:e.$route.name===a.name}),onClick:C=>e.onNavigate(a)},[s("span",Z,[o(l,{icon:a.icon,class:"text-sm"},null,8,["icon"])]),s("span",ee,m(a.text),1),s("span",te,[o(l,{icon:"fa-solid fa-chevron-right",class:"text-sm"})])],10,Y))),128))]),o(p,{visible:e.operating.locale==!0,onClose:i[0]||(i[0]=a=>e.operating.locale=!1)},null,8,["visible"]),o(d,{visible:e.operating.help==!0,onClose:i[1]||(i[1]=a=>e.operating.help=!1)},null,8,["visible"])])}const _e=k(G,[["render",oe],["__scopeId","data-v-8eb3b1d9"]]);export{_e as default};
|