@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{F as T}from"./index.es-Dw-ikv9u.js";import{E as L}from"./index-Ba60uEk-.js";import{E as K}from"./index-h2hg5mzg.js";import{d as v,h as k,b as c,t as a,k as t,r as P,j as u,l as o,o as n,eN as H,x as i,F as S,v as C,i as y,eO as J,eP as Q,eQ as W,n as I,f as X,cf as N,D as h,y as $,eR as Y,eS as Z,dN as x,dJ as M}from"./index-Cltw-TPy.js";import{E as G,a as A}from"./index-DU1Jn2Bq.js";import{I as U,S as ee}from"./ScrollList-BsWg1Oco.js";import{I as O}from"./ImagePreview-fjeQ_mXr.js";import{E as B}from"./index-DTitzyRz.js";import{E as V}from"./index-C7JbjCIG.js";import{C as te,N as oe}from"./NoTasks-Cxeor42D.js";import{E as se,a as ne}from"./index-CUr7KGdA.js";import{E as F}from"./index-BY87tdIk.js";import{a as le}from"./price-B71O9NlG.js";import{C as ae}from"./CopyToClipboard-B0sXY0gf.js";import{V as ie}from"./VideoPlayer-Bkc77RHA.js";import{E as re}from"./index-Bp5pMMj1.js";import{E as ce}from"./index-CHfsm--8.js";import{E as de}from"./index-Bk5nP9u2.js";import{B as pe}from"./BotPlaceholder-Bn7lEbyW.js";import{l as ue}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-FtmKCcb9.js";import"./index-BhccfPia.js";import"./vue-plyr-QZFBikSk.js";import"./index-TO8m0FZI.js";const me=v({name:"LayoutKling",components:{ElDrawer:K,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),fe={class:"main flex flex-row flex-1"},ge={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},_e={class:"result h-full p-[15px] flex-1 flex flex-col"};function he(e,s,f,g,b,w){const r=o("font-awesome-icon"),d=o("el-button"),l=o("el-drawer");return n(),c("div",fe,[a("div",ge,[P(e.$slots,"config",{},void 0,!0)]),a("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:u(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const $e=k(me,[["render",he],["__scopeId","data-v-fae64b48"]]),ve=v({name:"ModelSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"kling-v1",label:"v1"},{value:"kling-v1-6",label:"v1.6"},{value:"kling-v2-master",label:"v2-Master"},{value:"kling-v2-1-master",label:"v2.1-Master"},{value:"kling-v2-5-turbo",label:"v2.5-Turbo"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.model},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,model:e})}}},mounted(){this.value||(this.value=H)}}),ke={class:"field"},be={class:"title font-bold"};function we(e,s,f,g,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",ke,[a("h2",be,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(n(!0),c(S,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ye=k(ve,[["render",we],["__scopeId","data-v-e476bacf"]]),Ve=v({name:"ModeSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"std",label:this.$t("kling.name.modeStd")},{value:"pro",label:this.$t("kling.name.modePro")}]}},computed:{value:{get(){return this.$store.state.kling?.config?.mode},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,mode:e})}}},mounted(){this.value||(this.value=J)}}),Ee={class:"field"},Se={class:"title font-bold"};function Ie(e,s,f,g,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Ee,[a("h2",Se,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:u(()=>[(n(!0),c(S,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Te=k(Ve,[["render",Ie],["__scopeId","data-v-daa57765"]]),Le=v({name:"DurationSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5秒"},{value:10,label:"10秒"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.duration},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,duration:e})}}},mounted(){this.value||(this.value=Q)}}),Ce={class:"field"},Ue={class:"title font-bold"};function Re(e,s,f,g,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Ce,[a("h2",Ue,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:u(()=>[(n(!0),c(S,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pe=k(Le,[["render",Re],["__scopeId","data-v-02112e2c"]]),Ge=v({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug("set ratio",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=W)}}),Ae={class:"text-sm font-bold mb-2 block"},De={class:"items"},je=["onClick"],Me={class:"name"};function Ne(e,s,f,g,b,w){return n(),c("div",null,[a("span",Ae,i(e.$t("kling.name.ratio")),1),a("div",De,[(n(!0),c(S,null,C(e.options,(r,d)=>(n(),c("div",{key:d,class:I({active:e.active===d,item:!0}),onClick:l=>e.value=r.value},[a("div",{class:I(["preview",r.label])},[a("div",{class:"rect",style:X({width:r.width+"px",height:r.height+"px"})},null,4)],2),a("p",Me,i(r.label),1)],10,je))),128))])])}const Oe=k(Ge,[["render",Ne],["__scopeId","data-v-2601284f"]]),Be=v({name:"StartImage",components:{ElUpload:B,ElButton:L,InfoIcon:U,FontAwesomeIcon:T,ImagePreview:O},emits:["change"],data(){return{fileList:[],uploadUrl:N()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Fe={class:"relative"},ze={class:"flex justify-between"},qe={class:"flex justify-start items-center"},Ke={class:"text-sm font-bold"};function He(e,s,f,g,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",Fe,[a("div",ze,[a("div",qe,[a("span",Ke,i(e.$t("kling.name.startImage")),1),t(r,{content:e.$t("kling.description.uploadStartImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=p=>e.fileList=p),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Je=k(Be,[["render",He],["__scopeId","data-v-e2205d5b"]]),Qe=v({name:"EndImage",components:{ElUpload:B,ElButton:L,ImagePreview:O,InfoIcon:U,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:N()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),We={class:"relative"},Xe={class:"flex justify-between"},Ye={class:"flex justify-start items-center"},Ze={class:"text-sm font-bold"};function xe(e,s,f,g,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",We,[a("div",Xe,[a("div",Ye,[a("span",Ze,i(e.$t("kling.name.endImage")),1),t(r,{content:e.$t("kling.description.uploadEndImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=p=>e.fileList=p),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const et=k(Qe,[["render",xe],["__scopeId","data-v-caf87d80"]]),tt=v({name:"CfgScaleSelector",components:{ElSlider:ne,InfoIcon:U,ElInputNumber:se},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug("set cfg_scale",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||(this.value=Y)}}),ot={class:"flex justify-between"},st={class:"flex justify-start items-center"},nt={class:"text-sm font-bold"},lt={class:"flex justify-end items-center"},at={class:"w-full"};function it(e,s,f,g,b,w){const r=o("info-icon"),d=o("el-input-number"),l=o("el-slider");return n(),c("div",null,[a("div",ot,[a("div",st,[a("span",nt,i(e.$t("kling.name.cfgScale")),1),t(r,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),a("div",lt,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),a("div",at,[t(l,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1,step:.1},null,8,["modelValue"])])])}const rt=k(tt,[["render",it]]),ct="",dt=v({name:"PromptInput",components:{ElInput:F,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}}),pt={class:"field"},ut={class:"box"},mt={class:"title font-bold"};function ft(e,s,f,g,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",pt,[a("div",ut,[a("h2",mt,i(e.$t("kling.name.prompt")),1),t(r,{content:e.$t("kling.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const gt=k(dt,[["render",ft],["__scopeId","data-v-0e95dea6"]]),_t="",ht=v({name:"NegativePromptInput",components:{ElInput:F,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||(this.prompt=_t)}}),$t={class:"field"},vt={class:"box"},kt={class:"title font-bold"};function bt(e,s,f,g,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",$t,[a("div",vt,[a("h2",kt,i(e.$t("kling.name.negativePrompt")),1),t(r,{content:e.$t("kling.description.negativePrompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.negativePrompt"),maxlength:200,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const wt=k(ht,[["render",bt],["__scopeId","data-v-dfc5338b"]]),yt=v({name:"ConfigPanel",components:{ElButton:L,Consumption:te,FontAwesomeIcon:T,PromptInput:gt,NegativePromptInput:wt,ModelSelector:ye,ModeSelector:Te,DurationSelector:Pe,RatioSelector:Oe,StartImage:Je,CfgScaleSelector:rt,EndImage:et},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return le(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Vt={class:"flex flex-col h-full"},Et={class:"flex-1 overflow-y-auto p-[15px]"},St={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function It(e,s,f,g,b,w){const r=o("prompt-input"),d=o("model-selector"),l=o("ratio-selector"),_=o("start-image"),m=o("end-image"),p=o("duration-selector"),E=o("mode-selector"),R=o("cfg-scale-selector"),z=o("negative-prompt-input"),q=o("consumption"),D=o("font-awesome-icon"),j=o("el-button");return n(),c("div",Vt,[a("div",Et,[t(r,{class:"mb-4"}),t(d,{class:"mb-4"}),t(l,{class:"mb-4"}),t(_,{class:"mb-2"}),t(m,{class:"mb-2"}),t(p,{class:"mb-4"}),t(E,{class:"mb-4"}),t(R,{class:"mb-4"}),t(z,{class:"mb-4"})]),a("div",St,[t(q,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(n(),y(j,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.extend")),1)]),_:1},8,["onClick"])):(n(),y(j,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.generate")),1)]),_:1},8,["onClick"]))])])}const Tt=k(yt,[["render",It]]),Lt=v({name:"TaskPreview",components:{ElImage:de,CopyToClipboard:ae,FontAwesomeIcon:T,ElAlert:ce,VideoPlayer:ie,ElTooltip:re,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Ct={class:"preview"},Ut={class:"left"},Rt={class:"main"},Pt={class:"bot"},Gt={class:"datetime"},At={class:"info"},Dt={key:0,class:"prompt mt-2"},jt={key:0},Mt={key:1},Nt={key:0,class:I({content:!0,failed:!0})},Ot={key:0,class:"mb-4"},Bt={key:1,class:I({operations:!0,"mt-2":!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:1,class:I({content:!0})},Kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Jt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Qt={key:2,class:I({content:!0})},Wt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Xt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Yt(e,s,f,g,b,w){const r=o("el-image"),d=o("video-player"),l=o("el-button"),_=o("el-tooltip"),m=o("font-awesome-icon"),p=o("copy-to-clipboard"),E=o("el-alert");return n(),c("div",Ct,[a("div",Ut,[t(r,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),a("div",Rt,[a("div",Pt,[h(i(e.$t("kling.name.klingBot"))+" ",1),a("span",Gt,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),a("div",At,[e.modelValue?.request?.prompt?(n(),c("p",Dt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",jt," - ("+i(e.$t("kling.status.pending"))+") ",1)),e.modelValue?.response?.state==="submitted"||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="completed"?(n(),c("span",Mt," - ("+i(e.$t("kling.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",Nt,[e.modelValue?.response.video_url?(n(),c("div",Ot,[t(d,{src:e.modelValue?.response.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),c("div",Bt,[t(_,{class:"box-item",effect:"dark",content:e.$t("kling.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response.video_url?(n(),y(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=R=>e.onDownload(R,e.modelValue?.response.video_url))},{default:u(()=>[h(i(e.$t("kling.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[a("p",Ft,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),a("p",zt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",qt,[t(E,{closable:!1,class:"failure"},{template:u(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:u(()=>[a("p",Kt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),a("p",Ht,[t(m,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("kling.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Jt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),c("div",Qt,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:u(()=>[a("p",Wt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Xt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Zt=k(Lt,[["render",Yt],["__scopeId","data-v-c0a171a2"]]),xt=v({name:"RecentPanel",components:{TaskPreview:Zt,NoTasks:oe,BotPlaceholder:pe,ScrollList:ee},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),eo={key:0},to={key:2,class:"w-full h-full flex items-center justify-center"};function oo(e,s,f,g,b,w){const r=o("bot-placeholder"),d=o("task-preview"),l=o("scroll-list"),_=o("no-tasks");return n(),c(S,null,[e.tasks?.items===void 0?(n(),c("div",eo,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),y(l,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:s[0]||(s[0]=m=>e.$emit("reach-top"))},{default:u(()=>[(n(!0),c(S,null,C(e.tasks?.items,m=>(n(),y(d,{key:m.id,"model-value":m},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",to,[t(_)])):$("",!0)],64)}const so=k(xt,[["render",oo]]),no="https://webhook.acedata.cloud/kling",lo=v({name:"KlingIndex",components:{ConfigPanel:Tt,Layout:$e,RecentPanel:so},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},tasks(){return this.$store.state.kling.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await ue({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("kling/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("kling/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:f,createdAtMax:g}=e||{};console.debug("limit",s,"createdAtMin",f,"createdAtMax",g),this.fetchingTasks=!0;try{await this.$store.dispatch("kling/getTasks",{limit:s,createdAtMin:f,createdAtMax:g})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:no},s=this.credential?.token;if(!s){console.error("no token specified");return}V.info(this.$t("kling.message.startingTask")),Z.generate(e,{token:s}).then(()=>{V.success(this.$t("kling.message.startTaskSuccess"))}).catch(f=>{f?.response?.data?.error?.code===x?V.error(this.$t("kling.message.usedUp")):V.error(this.$t("kling.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ao(e,s,f,g,b,w){const r=o("config-panel"),d=o("recent-panel"),l=o("layout");return n(),y(l,null,{config:u(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ho=k(lo,[["render",ao]]);export{Ho as default};
|
|
1
|
+
import{F as T}from"./index.es-DYon9dPn.js";import{E as L}from"./index-BC-mE-tS.js";import{E as K}from"./index-YQkAS5Xe.js";import{d as v,h as k,b as c,t as a,k as t,r as P,j as u,l as o,o as n,eN as H,x as i,F as S,v as C,i as y,eO as J,eP as Q,eQ as W,n as I,f as X,cf as N,D as h,y as $,eR as Y,eS as Z,dN as x,dJ as M}from"./index-Dnu2OPRk.js";import{E as G,a as A}from"./index-qutB5SLT.js";import{I as U,S as ee}from"./ScrollList-C4AvmP4t.js";import{I as O}from"./ImagePreview-C3EplpU3.js";import{E as B}from"./index-BCjzbT-b.js";import{E as V}from"./index-tefvU5dL.js";import{C as te,N as oe}from"./NoTasks-DQ7pIoDL.js";import{E as se,a as ne}from"./index-CMw1UhQp.js";import{E as F}from"./index-B5XgLesb.js";import{a as le}from"./price-C1dIgmfP.js";import{C as ae}from"./CopyToClipboard-CKnPT0Yy.js";import{V as ie}from"./VideoPlayer-DY5ni_KU.js";import{E as re}from"./index-D6ExfvwJ.js";import{E as ce}from"./index-CkVl7iBl.js";import{E as de}from"./index-HtOPMbaD.js";import{B as pe}from"./BotPlaceholder-CtFILLeB.js";import{l as ue}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-Di3ATEOn.js";import"./index-BgXxVbPA.js";import"./vue-plyr-QZFBikSk.js";import"./index-CJ7_cRvg.js";const me=v({name:"LayoutKling",components:{ElDrawer:K,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),fe={class:"main flex flex-row flex-1"},ge={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},_e={class:"result h-full p-[15px] flex-1 flex flex-col"};function he(e,s,f,g,b,w){const r=o("font-awesome-icon"),d=o("el-button"),l=o("el-drawer");return n(),c("div",fe,[a("div",ge,[P(e.$slots,"config",{},void 0,!0)]),a("div",_e,[P(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:s[0]||(s[0]=_=>e.drawer=!0)},{default:u(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const $e=k(me,[["render",he],["__scopeId","data-v-fae64b48"]]),ve=v({name:"ModelSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"kling-v1",label:"v1"},{value:"kling-v1-6",label:"v1.6"},{value:"kling-v2-master",label:"v2-Master"},{value:"kling-v2-1-master",label:"v2.1-Master"},{value:"kling-v2-5-turbo",label:"v2.5-Turbo"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.model},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,model:e})}}},mounted(){this.value||(this.value=H)}}),ke={class:"field"},be={class:"title font-bold"};function we(e,s,f,g,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",ke,[a("h2",be,i(e.$t("pika.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(n(!0),c(S,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ye=k(ve,[["render",we],["__scopeId","data-v-e476bacf"]]),Ve=v({name:"ModeSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"std",label:this.$t("kling.name.modeStd")},{value:"pro",label:this.$t("kling.name.modePro")}]}},computed:{value:{get(){return this.$store.state.kling?.config?.mode},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,mode:e})}}},mounted(){this.value||(this.value=J)}}),Ee={class:"field"},Se={class:"title font-bold"};function Ie(e,s,f,g,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Ee,[a("h2",Se,i(e.$t("kling.name.mode")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:u(()=>[(n(!0),c(S,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Te=k(Ve,[["render",Ie],["__scopeId","data-v-daa57765"]]),Le=v({name:"DurationSelector",components:{ElSelect:A,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5秒"},{value:10,label:"10秒"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.duration},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,duration:e})}}},mounted(){this.value||(this.value=Q)}}),Ce={class:"field"},Ue={class:"title font-bold"};function Re(e,s,f,g,b,w){const r=o("el-option"),d=o("el-select");return n(),c("div",Ce,[a("h2",Ue,i(e.$t("kling.name.duration")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:u(()=>[(n(!0),c(S,null,C(e.options,l=>(n(),y(r,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pe=k(Le,[["render",Re],["__scopeId","data-v-02112e2c"]]),Ge=v({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug("set ratio",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=W)}}),Ae={class:"text-sm font-bold mb-2 block"},De={class:"items"},je=["onClick"],Me={class:"name"};function Ne(e,s,f,g,b,w){return n(),c("div",null,[a("span",Ae,i(e.$t("kling.name.ratio")),1),a("div",De,[(n(!0),c(S,null,C(e.options,(r,d)=>(n(),c("div",{key:d,class:I({active:e.active===d,item:!0}),onClick:l=>e.value=r.value},[a("div",{class:I(["preview",r.label])},[a("div",{class:"rect",style:X({width:r.width+"px",height:r.height+"px"})},null,4)],2),a("p",Me,i(r.label),1)],10,je))),128))])])}const Oe=k(Ge,[["render",Ne],["__scopeId","data-v-2601284f"]]),Be=v({name:"StartImage",components:{ElUpload:B,ElButton:L,InfoIcon:U,FontAwesomeIcon:T,ImagePreview:O},emits:["change"],data(){return{fileList:[],uploadUrl:N()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Fe={class:"relative"},ze={class:"flex justify-between"},qe={class:"flex justify-start items-center"},Ke={class:"text-sm font-bold"};function He(e,s,f,g,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",Fe,[a("div",ze,[a("div",qe,[a("span",Ke,i(e.$t("kling.name.startImage")),1),t(r,{content:e.$t("kling.description.uploadStartImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=p=>e.fileList=p),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Je=k(Be,[["render",He],["__scopeId","data-v-e2205d5b"]]),Qe=v({name:"EndImage",components:{ElUpload:B,ElButton:L,ImagePreview:O,InfoIcon:U,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:N()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){V.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){V.error(this.$t("kling.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),We={class:"relative"},Xe={class:"flex justify-between"},Ye={class:"flex justify-start items-center"},Ze={class:"text-sm font-bold"};function xe(e,s,f,g,b,w){const r=o("info-icon"),d=o("image-preview"),l=o("font-awesome-icon"),_=o("el-button"),m=o("el-upload");return n(),c("div",We,[a("div",Xe,[a("div",Ye,[a("span",Ze,i(e.$t("kling.name.endImage")),1),t(r,{content:e.$t("kling.description.uploadEndImage")},null,8,["content"])])]),t(m,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=p=>e.fileList=p),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:p})=>[p.url&&p.percentage!==void 0?(n(),y(d,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:u(()=>[t(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[t(l,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+i(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const et=k(Qe,[["render",xe],["__scopeId","data-v-caf87d80"]]),tt=v({name:"CfgScaleSelector",components:{ElSlider:ne,InfoIcon:U,ElInputNumber:se},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug("set cfg_scale",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||(this.value=Y)}}),ot={class:"flex justify-between"},st={class:"flex justify-start items-center"},nt={class:"text-sm font-bold"},lt={class:"flex justify-end items-center"},at={class:"w-full"};function it(e,s,f,g,b,w){const r=o("info-icon"),d=o("el-input-number"),l=o("el-slider");return n(),c("div",null,[a("div",ot,[a("div",st,[a("span",nt,i(e.$t("kling.name.cfgScale")),1),t(r,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),a("div",lt,[t(d,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=_=>e.value=_),"controls-position":"right"},null,8,["modelValue"])])]),a("div",at,[t(l,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=_=>e.value=_),min:0,max:1,step:.1},null,8,["modelValue"])])])}const rt=k(tt,[["render",it]]),ct="",dt=v({name:"PromptInput",components:{ElInput:F,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}}),pt={class:"field"},ut={class:"box"},mt={class:"title font-bold"};function ft(e,s,f,g,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",pt,[a("div",ut,[a("h2",mt,i(e.$t("kling.name.prompt")),1),t(r,{content:e.$t("kling.description.prompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const gt=k(dt,[["render",ft],["__scopeId","data-v-0e95dea6"]]),_t="",ht=v({name:"NegativePromptInput",components:{ElInput:F,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||(this.prompt=_t)}}),$t={class:"field"},vt={class:"box"},kt={class:"title font-bold"};function bt(e,s,f,g,b,w){const r=o("info-icon"),d=o("el-input");return n(),c("div",$t,[a("div",vt,[a("h2",kt,i(e.$t("kling.name.negativePrompt")),1),t(r,{content:e.$t("kling.description.negativePrompt"),class:"info"},null,8,["content"])]),t(d,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=l=>e.prompt=l),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.negativePrompt"),maxlength:200,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const wt=k(ht,[["render",bt],["__scopeId","data-v-dfc5338b"]]),yt=v({name:"ConfigPanel",components:{ElButton:L,Consumption:te,FontAwesomeIcon:T,PromptInput:gt,NegativePromptInput:wt,ModelSelector:ye,ModeSelector:Te,DurationSelector:Pe,RatioSelector:Oe,StartImage:Je,CfgScaleSelector:rt,EndImage:et},emits:["generate"],computed:{config(){return this.$store.state.kling?.config},consumption(){return le(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Vt={class:"flex flex-col h-full"},Et={class:"flex-1 overflow-y-auto p-[15px]"},St={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function It(e,s,f,g,b,w){const r=o("prompt-input"),d=o("model-selector"),l=o("ratio-selector"),_=o("start-image"),m=o("end-image"),p=o("duration-selector"),E=o("mode-selector"),R=o("cfg-scale-selector"),z=o("negative-prompt-input"),q=o("consumption"),D=o("font-awesome-icon"),j=o("el-button");return n(),c("div",Vt,[a("div",Et,[t(r,{class:"mb-4"}),t(d,{class:"mb-4"}),t(l,{class:"mb-4"}),t(_,{class:"mb-2"}),t(m,{class:"mb-2"}),t(p,{class:"mb-4"}),t(E,{class:"mb-4"}),t(R,{class:"mb-4"}),t(z,{class:"mb-4"})]),a("div",St,[t(q,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(n(),y(j,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.extend")),1)]),_:1},8,["onClick"])):(n(),y(j,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(D,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("kling.button.generate")),1)]),_:1},8,["onClick"]))])])}const Tt=k(yt,[["render",It]]),Lt=v({name:"TaskPreview",components:{ElImage:de,CopyToClipboard:ae,FontAwesomeIcon:T,ElAlert:ce,VideoPlayer:ie,ElTooltip:re,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Ct={class:"preview"},Ut={class:"left"},Rt={class:"main"},Pt={class:"bot"},Gt={class:"datetime"},At={class:"info"},Dt={key:0,class:"prompt mt-2"},jt={key:0},Mt={key:1},Nt={key:0,class:I({content:!0,failed:!0})},Ot={key:0,class:"mb-4"},Bt={key:1,class:I({operations:!0,"mt-2":!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:1,class:I({content:!0})},Kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Jt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Qt={key:2,class:I({content:!0})},Wt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Xt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Yt(e,s,f,g,b,w){const r=o("el-image"),d=o("video-player"),l=o("el-button"),_=o("el-tooltip"),m=o("font-awesome-icon"),p=o("copy-to-clipboard"),E=o("el-alert");return n(),c("div",Ct,[a("div",Ut,[t(r,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),a("div",Rt,[a("div",Pt,[h(i(e.$t("kling.name.klingBot"))+" ",1),a("span",Gt,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),a("div",At,[e.modelValue?.request?.prompt?(n(),c("p",Dt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",jt," - ("+i(e.$t("kling.status.pending"))+") ",1)),e.modelValue?.response?.state==="submitted"||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="completed"?(n(),c("span",Mt," - ("+i(e.$t("kling.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",Nt,[e.modelValue?.response.video_url?(n(),c("div",Ot,[t(d,{src:e.modelValue?.response.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),c("div",Bt,[t(_,{class:"box-item",effect:"dark",content:e.$t("kling.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response.video_url?(n(),y(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:s[0]||(s[0]=R=>e.onDownload(R,e.modelValue?.response.video_url))},{default:u(()=>[h(i(e.$t("kling.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:u(()=>[a("p",Ft,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.model"))+": "+i(e.modelValue?.request?.model),1)]),a("p",zt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",qt,[t(E,{closable:!1,class:"failure"},{template:u(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:u(()=>[a("p",Kt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),a("p",Ht,[t(m,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("kling.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Jt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),c("div",Qt,[t(E,{closable:!1,class:"info"},{template:u(()=>[t(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("kling.name.failure")),1)]),default:u(()=>[a("p",Wt,[t(m,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("kling.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Xt,[t(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("kling.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Zt=k(Lt,[["render",Yt],["__scopeId","data-v-c0a171a2"]]),xt=v({name:"RecentPanel",components:{TaskPreview:Zt,NoTasks:oe,BotPlaceholder:pe,ScrollList:ee},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),eo={key:0},to={key:2,class:"w-full h-full flex items-center justify-center"};function oo(e,s,f,g,b,w){const r=o("bot-placeholder"),d=o("task-preview"),l=o("scroll-list"),_=o("no-tasks");return n(),c(S,null,[e.tasks?.items===void 0?(n(),c("div",eo,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),y(l,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:s[0]||(s[0]=m=>e.$emit("reach-top"))},{default:u(()=>[(n(!0),c(S,null,C(e.tasks?.items,m=>(n(),y(d,{key:m.id,"model-value":m},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",to,[t(_)])):$("",!0)],64)}const so=k(xt,[["render",oo]]),no="https://webhook.acedata.cloud/kling",lo=v({name:"KlingIndex",components:{ConfigPanel:Tt,Layout:$e,RecentPanel:so},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},tasks(){return this.$store.state.kling.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await ue({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("kling/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("kling/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:f,createdAtMax:g}=e||{};console.debug("limit",s,"createdAtMin",f,"createdAtMax",g),this.fetchingTasks=!0;try{await this.$store.dispatch("kling/getTasks",{limit:s,createdAtMin:f,createdAtMax:g})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:no},s=this.credential?.token;if(!s){console.error("no token specified");return}V.info(this.$t("kling.message.startingTask")),Z.generate(e,{token:s}).then(()=>{V.success(this.$t("kling.message.startTaskSuccess"))}).catch(f=>{f?.response?.data?.error?.code===x?V.error(this.$t("kling.message.usedUp")):V.error(this.$t("kling.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ao(e,s,f,g,b,w){const r=o("config-panel"),d=o("recent-panel"),l=o("layout");return n(),y(l,null,{config:u(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ho=k(lo,[["render",ao]]);export{Ho as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as C}from"./index.es-Dw-ikv9u.js";import{E as S}from"./index-Ba60uEk-.js";import{E as R}from"./index-h2hg5mzg.js";import{d as k,h as b,b as c,t as i,k as t,r as I,j as u,l as o,o as a,fh as A,x as n,F as L,v as G,i as v,cf as j,D as p,y as h,n as T,aq as D,fi as M,dN as B,dJ as U}from"./index-Cltw-TPy.js";import{E as q,a as O}from"./index-DU1Jn2Bq.js";import{I as P,S as z}from"./ScrollList-BsWg1Oco.js";import{I as F}from"./ImagePreview-fjeQ_mXr.js";import{E as N}from"./index-DTitzyRz.js";import{E}from"./index-C7JbjCIG.js";import{E as H}from"./index-BY87tdIk.js";import{C as J,N as K}from"./NoTasks-Cxeor42D.js";import{a as Q}from"./price-B71O9NlG.js";import{C as W}from"./CopyToClipboard-B0sXY0gf.js";import{V as X}from"./VideoPlayer-Bkc77RHA.js";import{E as Y}from"./index-Bp5pMMj1.js";import{E as Z}from"./index-CHfsm--8.js";import{E as x}from"./index-Bk5nP9u2.js";import{B as ee}from"./BotPlaceholder-Bn7lEbyW.js";import{l as te}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 oe=k({name:"LayoutHailuo",components:{ElDrawer:R,ElButton:S,FontAwesomeIcon:C},data(){return{drawer:!1}}}),se={class:"main flex flex-row flex-1"},ae={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ne={class:"result h-full p-[15px] flex-1 flex flex-col"};function le(e,s,f,_,w,y){const d=o("font-awesome-icon"),m=o("el-button"),r=o("el-drawer");return a(),c("div",se,[i("div",ae,[I(e.$slots,"config",{},void 0,!0)]),i("div",ne,[I(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:s[0]||(s[0]=g=>e.drawer=!0)},{default:u(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"340px"},{default:u(()=>[I(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ie=b(oe,[["render",le],["__scopeId","data-v-096d9205"]]),re=k({name:"ModelSelector",components:{ElSelect:O,ElOption:q},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=A)}}),ce={class:"field"},ue={class:"title font-bold"},de={class:"float-left"};function me(e,s,f,_,w,y){const d=o("el-option"),m=o("el-select");return a(),c("div",ce,[i("h2",ue,n(e.$t("hailuo.name.model")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:u(()=>[(a(!0),c(L,null,G(e.options,r=>(a(),v(d,{key:r.value,label:r.label,value:r.value},{default:u(()=>[i("span",de,n(r.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const pe=b(re,[["render",me],["__scopeId","data-v-30ff1e69"]]),he=k({name:"StartImageUrlInput",components:{ElUpload:N,ElButton:S,InfoIcon:P,ImagePreview:F},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.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){E.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){E.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),fe={class:"relative"},_e={class:"flex justify-between"},ge={class:"flex justify-start items-center"},$e={class:"text-sm font-bold"};function ve(e,s,f,_,w,y){const d=o("info-icon"),m=o("image-preview"),r=o("el-button"),g=o("el-upload");return a(),c("div",fe,[i("div",_e,[i("div",ge,[i("span",$e,n(e.$t("hailuo.name.startImageUrl")),1),t(d,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(g,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=l=>e.fileList=l),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:l})=>[l.url&&l.percentage!==void 0?(a(),v(m,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:$=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:u(()=>[t(r,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:u(()=>[p(n(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const ke=b(he,[["render",ve],["__scopeId","data-v-a906df80"]]),be="",we=k({name:"PromptInput",components:{ElInput:H,InfoIcon:P},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=be)}}),ye={class:"field"},Ee={class:"box"},Se={class:"title font-bold"};function Te(e,s,f,_,w,y){const d=o("info-icon"),m=o("el-input");return a(),c("div",ye,[i("div",Ee,[i("h2",Se,n(e.$t("hailuo.name.prompt")),1),t(d,{content:e.$t("hailuo.description.prompt"),class:"info"},null,8,["content"])]),t(m,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=r=>e.prompt=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("hailuo.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Ve=b(we,[["render",Te],["__scopeId","data-v-d54ffa64"]]),Ie=k({name:"PresetPanel",components:{ElButton:S,FontAwesomeIcon:C,PromptInput:Ve,StartImageUrlInput:ke,ModelSelector:pe,Consumption:J},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return Q(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Le={class:"flex flex-col h-full"},Ce={class:"flex-1 overflow-y-auto p-[15px]"},Ue={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ge(e,s,f,_,w,y){const d=o("prompt-input"),m=o("model-selector"),r=o("start-image-url-input"),g=o("consumption"),l=o("font-awesome-icon"),$=o("el-button");return a(),c("div",Le,[i("div",Ce,[t(d,{class:"mb-4"}),t(m,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(a(),v(r,{key:0,class:"mb-2"})):h("",!0)]),i("div",Ue,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(a(),v($,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(l,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(a(),v($,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(l,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Pe=b(Ie,[["render",Ge]]),Re=k({name:"TaskPreview",components:{ElImage:x,CopyToClipboard:W,FontAwesomeIcon:C,ElAlert:Z,VideoPlayer:X,ElTooltip:Y,ElButton:S},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Ae={class:"preview"},je={class:"left"},De={class:"main"},Me={class:"bot"},Be={class:"datetime"},qe={class:"info"},Oe={key:0,class:"prompt mt-2"},ze={key:0},Fe={key:1},Ne={key:0,class:T({content:!0,failed:!0})},He={key:0,class:"mb-4"},Je={key:1,class:T({operations:!0,"mt-2":!0})},Ke={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Qe={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},We={key:1,class:T({content:!0})},Xe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ye={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ze={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},xe={key:2,class:T({content:!0})},et={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function tt(e,s,f,_,w,y){const d=o("el-image"),m=o("video-player"),r=o("el-button"),g=o("el-tooltip"),l=o("font-awesome-icon"),$=o("copy-to-clipboard"),V=o("el-alert");return a(),c("div",Ae,[i("div",je,[t(d,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),i("div",De,[i("div",Me,[p(n(e.$t("hailuo.name.hailuoBot"))+" ",1),i("span",Be,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",qe,[e.modelValue?.request?.prompt?(a(),c("p",Oe,[p(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),c("span",ze," - ("+n(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(a(),c("span",Fe," - ("+n(e.$t("hailuo.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Ne,[e.video?.video_url?(a(),c("div",He,[t(m,{src:e.video?.video_url},null,8,["src"])])):h("",!0),e.video?(a(),c("div",Je,[t(g,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.video?.video_url?(a(),v(r,{key:0,type:"info",size:"small",class:"mb-2",onClick:s[0]||(s[0]=D(dt=>e.onDownload(e.video?.video_url),["stop"]))},{default:u(()=>[p(n(e.$t("hailuo.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"])])):h("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:u(()=>[e.modelValue?.request?.model?(a(),c("p",Ke,[t(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.model"))+": "+n(e.modelValue?.request?.model)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])):h("",!0),i("p",Qe,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),c("div",We,[t(V,{closable:!1,class:"failure"},{template:u(()=>[t(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",Xe,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])]),i("p",Ye,[t(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),t($,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),i("p",Ze,[t(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t($,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(a(),c("div",xe,[t(V,{closable:!1,class:"info"},{template:u(()=>[t(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",et,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0)])])}const ot=b(Re,[["render",tt],["__scopeId","data-v-72acd507"]]),st=k({name:"RecentPanel",components:{TaskPreview:ot,BotPlaceholder:ee,NoTasks:K,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),at={key:0},nt={key:2,class:"w-full h-full flex items-center justify-center"};function lt(e,s,f,_,w,y){const d=o("bot-placeholder"),m=o("task-preview"),r=o("scroll-list"),g=o("no-tasks");return a(),c(L,null,[e.tasks?.items===void 0?(a(),c("div",at,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),v(r,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:s[0]||(s[0]=l=>e.$emit("reach-top"))},{default:u(()=>[(a(!0),c(L,null,G(e.tasks?.items,l=>(a(),v(m,{key:l.id,"model-value":l},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),c("div",nt,[t(g)])):h("",!0)],64)}const it=b(st,[["render",lt]]),rt="https://webhook.acedata.cloud/hailuo",ct=k({name:"HailuoIndex",components:{ConfigPanel:Pe,Layout:ie,RecentPanel:it},inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.hailuo?.status?.getApplications===U.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===U.Request||this.fetchingTasks},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await te({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("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:f,createdAtMax:_}=e||{};console.debug("limit",s,"createdAtMin",f,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("hailuo/getTasks",{limit:s,createdAtMin:f,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:rt},s=this.credential?.token;if(!s){console.error("no token specified");return}E.info(this.$t("hailuo.message.startingTask")),M.generate(e,{token:s}).then(()=>{E.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(f=>{f?.response?.data?.error?.code===B?E.error(this.$t("hailuo.message.usedUp")):E.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ut(e,s,f,_,w,y){const d=o("config-panel"),m=o("recent-panel"),r=o("layout");return a(),v(r,null,{config:u(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(m,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Qt=b(ct,[["render",ut]]);export{Qt as default};
|
|
1
|
+
import{F as C}from"./index.es-DYon9dPn.js";import{E as S}from"./index-BC-mE-tS.js";import{E as R}from"./index-YQkAS5Xe.js";import{d as k,h as b,b as c,t as i,k as t,r as I,j as u,l as o,o as a,fh as A,x as n,F as L,v as G,i as v,cf as j,D as p,y as h,n as T,aq as D,fi as M,dN as B,dJ as U}from"./index-Dnu2OPRk.js";import{E as q,a as O}from"./index-qutB5SLT.js";import{I as P,S as z}from"./ScrollList-C4AvmP4t.js";import{I as F}from"./ImagePreview-C3EplpU3.js";import{E as N}from"./index-BCjzbT-b.js";import{E}from"./index-tefvU5dL.js";import{E as H}from"./index-B5XgLesb.js";import{C as J,N as K}from"./NoTasks-DQ7pIoDL.js";import{a as Q}from"./price-C1dIgmfP.js";import{C as W}from"./CopyToClipboard-CKnPT0Yy.js";import{V as X}from"./VideoPlayer-DY5ni_KU.js";import{E as Y}from"./index-D6ExfvwJ.js";import{E as Z}from"./index-CkVl7iBl.js";import{E as x}from"./index-HtOPMbaD.js";import{B as ee}from"./BotPlaceholder-CtFILLeB.js";import{l as te}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 oe=k({name:"LayoutHailuo",components:{ElDrawer:R,ElButton:S,FontAwesomeIcon:C},data(){return{drawer:!1}}}),se={class:"main flex flex-row flex-1"},ae={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ne={class:"result h-full p-[15px] flex-1 flex flex-col"};function le(e,s,f,_,w,y){const d=o("font-awesome-icon"),m=o("el-button"),r=o("el-drawer");return a(),c("div",se,[i("div",ae,[I(e.$slots,"config",{},void 0,!0)]),i("div",ne,[I(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:s[0]||(s[0]=g=>e.drawer=!0)},{default:u(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"340px"},{default:u(()=>[I(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ie=b(oe,[["render",le],["__scopeId","data-v-096d9205"]]),re=k({name:"ModelSelector",components:{ElSelect:O,ElOption:q},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=A)}}),ce={class:"field"},ue={class:"title font-bold"},de={class:"float-left"};function me(e,s,f,_,w,y){const d=o("el-option"),m=o("el-select");return a(),c("div",ce,[i("h2",ue,n(e.$t("hailuo.name.model")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=r=>e.value=r),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:u(()=>[(a(!0),c(L,null,G(e.options,r=>(a(),v(d,{key:r.value,label:r.label,value:r.value},{default:u(()=>[i("span",de,n(r.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const pe=b(re,[["render",me],["__scopeId","data-v-30ff1e69"]]),he=k({name:"StartImageUrlInput",components:{ElUpload:N,ElButton:S,InfoIcon:P,ImagePreview:F},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.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){E.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){E.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),fe={class:"relative"},_e={class:"flex justify-between"},ge={class:"flex justify-start items-center"},$e={class:"text-sm font-bold"};function ve(e,s,f,_,w,y){const d=o("info-icon"),m=o("image-preview"),r=o("el-button"),g=o("el-upload");return a(),c("div",fe,[i("div",_e,[i("div",ge,[i("span",$e,n(e.$t("hailuo.name.startImageUrl")),1),t(d,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(g,{"file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=l=>e.fileList=l),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:l})=>[l.url&&l.percentage!==void 0?(a(),v(m,{key:0,url:l.url,name:l.name,percentage:l.percentage,onRemove:$=>e.fileList.splice(e.fileList.indexOf(l),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:u(()=>[t(r,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:u(()=>[p(n(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const ke=b(he,[["render",ve],["__scopeId","data-v-a906df80"]]),be="",we=k({name:"PromptInput",components:{ElInput:H,InfoIcon:P},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=be)}}),ye={class:"field"},Ee={class:"box"},Se={class:"title font-bold"};function Te(e,s,f,_,w,y){const d=o("info-icon"),m=o("el-input");return a(),c("div",ye,[i("div",Ee,[i("h2",Se,n(e.$t("hailuo.name.prompt")),1),t(d,{content:e.$t("hailuo.description.prompt"),class:"info"},null,8,["content"])]),t(m,{modelValue:e.prompt,"onUpdate:modelValue":s[0]||(s[0]=r=>e.prompt=r),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("hailuo.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const Ve=b(we,[["render",Te],["__scopeId","data-v-d54ffa64"]]),Ie=k({name:"PresetPanel",components:{ElButton:S,FontAwesomeIcon:C,PromptInput:Ve,StartImageUrlInput:ke,ModelSelector:pe,Consumption:J},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return Q(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Le={class:"flex flex-col h-full"},Ce={class:"flex-1 overflow-y-auto p-[15px]"},Ue={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function Ge(e,s,f,_,w,y){const d=o("prompt-input"),m=o("model-selector"),r=o("start-image-url-input"),g=o("consumption"),l=o("font-awesome-icon"),$=o("el-button");return a(),c("div",Le,[i("div",Ce,[t(d,{class:"mb-4"}),t(m,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(a(),v(r,{key:0,class:"mb-2"})):h("",!0)]),i("div",Ue,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(a(),v($,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(l,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(a(),v($,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(l,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+n(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Pe=b(Ie,[["render",Ge]]),Re=k({name:"TaskPreview",components:{ElImage:x,CopyToClipboard:W,FontAwesomeIcon:C,ElAlert:Z,VideoPlayer:X,ElTooltip:Y,ElButton:S},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Ae={class:"preview"},je={class:"left"},De={class:"main"},Me={class:"bot"},Be={class:"datetime"},qe={class:"info"},Oe={key:0,class:"prompt mt-2"},ze={key:0},Fe={key:1},Ne={key:0,class:T({content:!0,failed:!0})},He={key:0,class:"mb-4"},Je={key:1,class:T({operations:!0,"mt-2":!0})},Ke={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Qe={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},We={key:1,class:T({content:!0})},Xe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ye={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ze={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},xe={key:2,class:T({content:!0})},et={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function tt(e,s,f,_,w,y){const d=o("el-image"),m=o("video-player"),r=o("el-button"),g=o("el-tooltip"),l=o("font-awesome-icon"),$=o("copy-to-clipboard"),V=o("el-alert");return a(),c("div",Ae,[i("div",je,[t(d,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),i("div",De,[i("div",Me,[p(n(e.$t("hailuo.name.hailuoBot"))+" ",1),i("span",Be,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",qe,[e.modelValue?.request?.prompt?(a(),c("p",Oe,[p(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),c("span",ze," - ("+n(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(a(),c("span",Fe," - ("+n(e.$t("hailuo.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Ne,[e.video?.video_url?(a(),c("div",He,[t(m,{src:e.video?.video_url},null,8,["src"])])):h("",!0),e.video?(a(),c("div",Je,[t(g,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.video?.video_url?(a(),v(r,{key:0,type:"info",size:"small",class:"mb-2",onClick:s[0]||(s[0]=D(dt=>e.onDownload(e.video?.video_url),["stop"]))},{default:u(()=>[p(n(e.$t("hailuo.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"])])):h("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:u(()=>[e.modelValue?.request?.model?(a(),c("p",Ke,[t(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.model"))+": "+n(e.modelValue?.request?.model)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])):h("",!0),i("p",Qe,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),c("div",We,[t(V,{closable:!1,class:"failure"},{template:u(()=>[t(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",Xe,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])]),i("p",Ye,[t(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),t($,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),i("p",Ze,[t(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t($,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(a(),c("div",xe,[t(V,{closable:!1,class:"info"},{template:u(()=>[t(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.failure")),1)]),default:u(()=>[i("p",et,[t(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+n(e.$t("hailuo.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t($,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):h("",!0)])])}const ot=b(Re,[["render",tt],["__scopeId","data-v-72acd507"]]),st=k({name:"RecentPanel",components:{TaskPreview:ot,BotPlaceholder:ee,NoTasks:K,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),at={key:0},nt={key:2,class:"w-full h-full flex items-center justify-center"};function lt(e,s,f,_,w,y){const d=o("bot-placeholder"),m=o("task-preview"),r=o("scroll-list"),g=o("no-tasks");return a(),c(L,null,[e.tasks?.items===void 0?(a(),c("div",at,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),v(r,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:s[0]||(s[0]=l=>e.$emit("reach-top"))},{default:u(()=>[(a(!0),c(L,null,G(e.tasks?.items,l=>(a(),v(m,{key:l.id,"model-value":l},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),c("div",nt,[t(g)])):h("",!0)],64)}const it=b(st,[["render",lt]]),rt="https://webhook.acedata.cloud/hailuo",ct=k({name:"HailuoIndex",components:{ConfigPanel:Pe,Layout:ie,RecentPanel:it},inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.hailuo?.status?.getApplications===U.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===U.Request||this.fetchingTasks},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await te({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("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:s=5,createdAtMin:f,createdAtMax:_}=e||{};console.debug("limit",s,"createdAtMin",f,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("hailuo/getTasks",{limit:s,createdAtMin:f,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:rt},s=this.credential?.token;if(!s){console.error("no token specified");return}E.info(this.$t("hailuo.message.startingTask")),M.generate(e,{token:s}).then(()=>{E.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(f=>{f?.response?.data?.error?.code===B?E.error(this.$t("hailuo.message.usedUp")):E.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ut(e,s,f,_,w,y){const d=o("config-panel"),m=o("recent-panel"),r=o("layout");return a(),v(r,null,{config:u(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(m,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Qt=b(ct,[["render",ut]]);export{Qt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as C}from"./index.es-Dw-ikv9u.js";import{E as P}from"./index-Ba60uEk-.js";import{E as G}from"./index-h2hg5mzg.js";import{d as v,h as b,b as l,t as r,k as s,r as A,j as d,l as a,o,cf as U,x as i,D as _,F as I,v as T,i as E,n as S,c as j,y as $,fj as D,dN as z,dr as B,dI as M,dJ as V}from"./index-Cltw-TPy.js";import{I as O,S as q}from"./ScrollList-BsWg1Oco.js";import{I as N}from"./ImagePreview-fjeQ_mXr.js";import{E as F}from"./index-DTitzyRz.js";import{E as w}from"./index-C7JbjCIG.js";import{a as H,E as J}from"./index-BNhORE5b.js";import{E as L}from"./index-Bk5nP9u2.js";import{E as K,a as Q}from"./index-J3_g86Kc.js";import{A as W}from"./Status-Cb0oPjbf.js";import{C as X}from"./CopyToClipboard-B0sXY0gf.js";import{E as Y}from"./index-CHfsm--8.js";import{a as Z,E as x}from"./index-TO8m0FZI.js";import{l as ee}from"./pagination-BA1VbgK9.js";import"./use-form-item-Be29d0-B.js";import"./index-r5W6hzzQ.js";import"./index-Bp5pMMj1.js";import"./index-Daydyphg.js";import"./typescript-DOVFb1BD.js";import"./index-RTh02r3m.js";import"./_baseClone-Bm9igNTj.js";import"./_initCloneObject-CAySSrJV.js";import"./isEqual-CbOgjKmk.js";import"./debounce-CguuKO1r.js";import"./index-BhccfPia.js";import"./strings-CNKL_IWi.js";import"./isPlainObject-BHOEH-Zh.js";const se=v({name:"LayoutHeadshots",components:{ElDrawer:G,ElButton:P,FontAwesomeIcon:C},data(){return{drawer:!1}}}),te={class:"main flex flex-row flex-1"},oe={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ae={class:"result h-full p-[15px] flex-1 flex flex-col"};function ne(e,t,m,h,k,y){const p=a("font-awesome-icon"),u=a("el-button"),n=a("el-drawer");return o(),l("div",te,[r("div",oe,[A(e.$slots,"config",{},void 0,!0)]),r("div",ae,[A(e.$slots,"result",{},void 0,!0)]),s(u,{circle:"",class:"menu",onClick:t[0]||(t[0]=c=>e.drawer=!0)},{default:d(()=>[s(p,{icon:"fa-solid fa-gear"})]),_:1}),s(n,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=c=>e.drawer=c),"with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[A(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ie=b(se,[["render",ne],["__scopeId","data-v-21e11492"]]),le=v({name:"ImageUrlsInput",components:{ElUpload:F,ElButton:P,InfoIcon:O,ImagePreview:N,FontAwesomeIcon:C},data(){return{fileList:[],uploadUrl:U()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),re={class:"field"},ce={class:"title font-bold"},de={class:"upload-wrapper"};function pe(e,t,m,h,k,y){const p=a("image-preview"),u=a("font-awesome-icon"),n=a("el-button"),c=a("el-upload"),f=a("info-icon");return o(),l("div",re,[r("h2",ce,i(e.$t("headshots.name.endImageUrls")),1),r("div",de,[s(c,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:d(({file:g})=>[s(p,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:R=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:d(()=>[s(n,{size:"small",type:"primary",round:""},{default:d(()=>[s(u,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),s(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const me=b(le,[["render",pe],["__scopeId","data-v-1690629a"]]),he="fast",ue=v({name:"ModeSelector",components:{ElRadioButton:J,ElRadioGroup:H},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=he)}}),fe={class:"field"},ge={class:"title font-bold"};function _e(e,t,m,h,k,y){const p=a("el-radio-button"),u=a("el-radio-group");return o(),l("div",fe,[r("h2",ge,i(e.$t("headshots.name.mode")),1),s(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),size:"small",class:"mode"},{default:d(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(p,{key:n.value,label:n.value},{default:d(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const $e=b(ue,[["render",_e],["__scopeId","data-v-a2a0d5fa"]]),ve=v({name:"StylizeSelector",components:{ElTabs:Q,ElTabPane:K,ElImage:L},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),be={class:"field"},ke=["onClick"],ye={class:"name"};function we(e,t,m,h,k,y){const p=a("el-image"),u=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",be,[s(n,{modelValue:e.tab,"onUpdate:modelValue":t[0]||(t[0]=c=>e.tab=c)},{default:d(()=>[(o(!0),l(I,null,T(e.elements,(c,f)=>(o(),E(u,{key:f,label:c.displayName,name:f,class:"pane"},{default:d(()=>[(o(!0),l(I,null,T(c.items,(g,R)=>(o(),l("div",{key:R,class:S({item:!0,active:e.value===g.value}),onClick:_s=>e.onToggle(g.value)},[s(p,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),r("span",ye,i(g.label),1)],10,ke))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const Ie=b(ve,[["render",we],["__scopeId","data-v-be4bd25d"]]),Te=v({name:"PresetPanel",components:{ModeSelector:$e,ImageUrlsInput:me,ElButton:P,FontAwesomeIcon:C,ElementsSelector:Ie},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Ee={class:"panel"},Se={class:"config"},Ve={class:"actions"};function Ce(e,t,m,h,k,y){const p=a("elements-selector"),u=a("mode-selector"),n=a("image-urls-input"),c=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Ee,[r("div",Se,[s(p,{class:"mb-4"}),s(u,{class:"mb-4"}),s(n,{class:"mb-4"}),r("div",Ve,[s(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:d(()=>[s(c,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Ae=b(Te,[["render",Ce],["__scopeId","data-v-78172a54"]]),Pe=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:j(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:h=>{window.open(h,"_blank")}}}}),Re={class:"image-gallery"},Le=["src"],Ge=["onClick"];function Ue(e,t,m,h,k,y){return o(),l("div",Re,[(o(!0),l(I,null,T(e.images,(p,u)=>(o(),l("div",{key:u,class:"image-container"},[r("img",{src:p.image_url,alt:"Image"},null,8,Le),p.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(p.image_url)},i(e.$t("headshots.button.viewImage")),9,Ge)):$("",!0)]))),128))])}const je=b(Pe,[["render",Ue],["__scopeId","data-v-03641510"]]),De=v({name:"TaskPreview",components:{ElImage:L,CopyToClipboard:X,FontAwesomeIcon:C,ElAlert:Y,ImageGallery:je},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onReload(e){const t=e.target,m=new URL(t.src),h=m.searchParams.get("retry");if(!h)m.searchParams.set("retry","1");else if(parseInt(h)<2)m.searchParams.set("retry",(parseInt(h)+1).toString());else return;t.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),ze={class:"preview"},Be={class:"left"},Me={class:"main"},Oe={class:"bot"},qe={class:"datetime"},Ne={class:"info"},Fe={key:0,class:"prompt mt-2"},He={key:0},Je={key:1},Ke={key:0,class:S({content:!0,failed:!0})},Qe={class:"image-wrapper"},We={class:"description"},Xe={key:1,class:S({content:!0})},Ye={class:"description"},Ze={class:"description"},xe={class:"description"},es={key:2,class:S({content:!0})},ss={class:"description"},ts={key:3,class:S({content:!0})},os={class:"description"};function as(e,t,m,h,k,y){const p=a("el-image"),u=a("image-gallery"),n=a("font-awesome-icon"),c=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",ze,[r("div",Be,[s(p,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),r("div",Me,[r("div",Oe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),r("span",qe,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",Ne,[e.modelValue?.request?.template?(o(),l("p",Fe,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",He," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Je," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",Ke,[r("div",Qe,[s(u,{"model-value":e.modelValue},null,8,["model-value"])]),s(f,{closable:!1,class:"mt-2 success"},{default:d(()=>[r("p",We,[s(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),s(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Xe,[s(f,{closable:!1,class:"failure"},{template:d(()=>[s(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",Ye,[s(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),s(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",Ze,[s(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),s(c,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),r("p",xe,[s(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),s(c,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",es,[s(f,{closable:!1,class:"info"},{template:d(()=>[s(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",ss,[s(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),s(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",ts,[s(f,{closable:!1,class:"info"},{template:d(()=>[s(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",os,[s(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),s(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const ns=b(De,[["render",as],["__scopeId","data-v-77229910"]]),is=v({name:"RecentPanel",components:{TaskPreview:ns,ElSkeleton:x,ElSkeletonItem:Z,ScrollList:q},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ls={key:0,class:"tasks"},rs={class:"left"},cs={class:"main"},ds={key:1,class:"tasks"},ps={key:2,class:"description"};function ms(e,t,m,h,k,y){const p=a("el-skeleton-item"),u=a("el-skeleton"),n=a("task-preview"),c=a("scroll-list");return o(),E(c,{ref:"scrollList",class:"panel recent",loading:e.loading,onReachTop:t[0]||(t[0]=f=>e.$emit("reach-top"))},{default:d(()=>[e.tasks?.items===void 0?(o(),l("div",ls,[(o(),l(I,null,T(3,f=>r("div",{key:f,class:"task placeholder"},[r("div",rs,[s(u,{animated:""},{template:d(()=>[s(p,{variant:"image",class:"avatar"})]),_:1})]),r("div",cs,[s(u,{animated:""},{template:d(()=>[s(p,{variant:"p",class:"title"}),s(p,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",ds,[(o(!0),l(I,null,T(e.tasks?.items,(f,g)=>(o(),E(n,{key:g,"model-value":f,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",ps,i(e.$t("headshots.message.noTasks")),1)):$("",!0)]),_:1},8,["loading"])}const hs=b(is,[["render",ms],["__scopeId","data-v-ffd55c16"]]),us="https://webhook.acedata.cloud/headshots",fs=v({name:"HeadshotsIndex",components:{ConfigPanel:Ae,Layout:ie,ApplicationStatus:W,RecentPanel:hs},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===V.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===V.Request},needApply(){return this.$store.state.headshots.status.getApplications===V.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,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 ee({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("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){B.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===M&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:m,createdAtMax:h}=e||{};console.debug("limit",t,"createdAtMin",m,"createdAtMax",h),this.fetchingTasks=!0;try{await this.$store.dispatch("headshots/getTasks",{limit:t,createdAtMin:m,createdAtMax:h})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){const e={...this.config,callback_url:us},t=this.credential?.token;if(!t){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),D.generate(e,{token:t}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===z?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function gs(e,t,m,h,k,y){const p=a("config-panel"),u=a("application-status"),n=a("recent-panel"),c=a("layout");return o(),E(c,null,{config:d(()=>[s(p,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:d(()=>[s(u,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:t[0]||(t[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),s(n,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ks=b(fs,[["render",gs],["__scopeId","data-v-7713bcbc"]]);export{Ks as default};
|
|
1
|
+
import{F as C}from"./index.es-DYon9dPn.js";import{E as P}from"./index-BC-mE-tS.js";import{E as G}from"./index-YQkAS5Xe.js";import{d as v,h as b,b as l,t as r,k as s,r as A,j as d,l as a,o,cf as U,x as i,D as _,F as I,v as T,i as E,n as S,c as j,y as $,fj as D,dN as z,dr as B,dI as M,dJ as V}from"./index-Dnu2OPRk.js";import{I as O,S as q}from"./ScrollList-C4AvmP4t.js";import{I as N}from"./ImagePreview-C3EplpU3.js";import{E as F}from"./index-BCjzbT-b.js";import{E as w}from"./index-tefvU5dL.js";import{a as H,E as J}from"./index-Cw9L-zKb.js";import{E as L}from"./index-HtOPMbaD.js";import{E as K,a as Q}from"./index-BEyVHt6t.js";import{A as W}from"./Status-vZ1rQ3lN.js";import{C as X}from"./CopyToClipboard-CKnPT0Yy.js";import{E as Y}from"./index-CkVl7iBl.js";import{a as Z,E as x}from"./index-CJ7_cRvg.js";import{l as ee}from"./pagination-CbSBe_dl.js";import"./use-form-item-lM5U-69n.js";import"./index-r5W6hzzQ.js";import"./index-D6ExfvwJ.js";import"./index-Bho_18eF.js";import"./typescript-DcpNvO9f.js";import"./index-DNGtZjAF.js";import"./_baseClone-DLKkk350.js";import"./_initCloneObject-x8T6HgBa.js";import"./isEqual-DKKEkL9d.js";import"./debounce-jV-EFVoU.js";import"./index-BgXxVbPA.js";import"./strings-BehOGHwd.js";import"./isPlainObject-CJztbzXj.js";const se=v({name:"LayoutHeadshots",components:{ElDrawer:G,ElButton:P,FontAwesomeIcon:C},data(){return{drawer:!1}}}),te={class:"main flex flex-row flex-1"},oe={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},ae={class:"result h-full p-[15px] flex-1 flex flex-col"};function ne(e,t,m,h,k,y){const p=a("font-awesome-icon"),u=a("el-button"),n=a("el-drawer");return o(),l("div",te,[r("div",oe,[A(e.$slots,"config",{},void 0,!0)]),r("div",ae,[A(e.$slots,"result",{},void 0,!0)]),s(u,{circle:"",class:"menu",onClick:t[0]||(t[0]=c=>e.drawer=!0)},{default:d(()=>[s(p,{icon:"fa-solid fa-gear"})]),_:1}),s(n,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=c=>e.drawer=c),"with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[A(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ie=b(se,[["render",ne],["__scopeId","data-v-21e11492"]]),le=v({name:"ImageUrlsInput",components:{ElUpload:F,ElButton:P,InfoIcon:O,ImagePreview:N,FontAwesomeIcon:C},data(){return{fileList:[],uploadUrl:U()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),re={class:"field"},ce={class:"title font-bold"},de={class:"upload-wrapper"};function pe(e,t,m,h,k,y){const p=a("image-preview"),u=a("font-awesome-icon"),n=a("el-button"),c=a("el-upload"),f=a("info-icon");return o(),l("div",re,[r("h2",ce,i(e.$t("headshots.name.endImageUrls")),1),r("div",de,[s(c,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:d(({file:g})=>[s(p,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:R=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:d(()=>[s(n,{size:"small",type:"primary",round:""},{default:d(()=>[s(u,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),s(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const me=b(le,[["render",pe],["__scopeId","data-v-1690629a"]]),he="fast",ue=v({name:"ModeSelector",components:{ElRadioButton:J,ElRadioGroup:H},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=he)}}),fe={class:"field"},ge={class:"title font-bold"};function _e(e,t,m,h,k,y){const p=a("el-radio-button"),u=a("el-radio-group");return o(),l("div",fe,[r("h2",ge,i(e.$t("headshots.name.mode")),1),s(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),size:"small",class:"mode"},{default:d(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(p,{key:n.value,label:n.value},{default:d(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const $e=b(ue,[["render",_e],["__scopeId","data-v-a2a0d5fa"]]),ve=v({name:"StylizeSelector",components:{ElTabs:Q,ElTabPane:K,ElImage:L},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),be={class:"field"},ke=["onClick"],ye={class:"name"};function we(e,t,m,h,k,y){const p=a("el-image"),u=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",be,[s(n,{modelValue:e.tab,"onUpdate:modelValue":t[0]||(t[0]=c=>e.tab=c)},{default:d(()=>[(o(!0),l(I,null,T(e.elements,(c,f)=>(o(),E(u,{key:f,label:c.displayName,name:f,class:"pane"},{default:d(()=>[(o(!0),l(I,null,T(c.items,(g,R)=>(o(),l("div",{key:R,class:S({item:!0,active:e.value===g.value}),onClick:_s=>e.onToggle(g.value)},[s(p,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),r("span",ye,i(g.label),1)],10,ke))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const Ie=b(ve,[["render",we],["__scopeId","data-v-be4bd25d"]]),Te=v({name:"PresetPanel",components:{ModeSelector:$e,ImageUrlsInput:me,ElButton:P,FontAwesomeIcon:C,ElementsSelector:Ie},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Ee={class:"panel"},Se={class:"config"},Ve={class:"actions"};function Ce(e,t,m,h,k,y){const p=a("elements-selector"),u=a("mode-selector"),n=a("image-urls-input"),c=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Ee,[r("div",Se,[s(p,{class:"mb-4"}),s(u,{class:"mb-4"}),s(n,{class:"mb-4"}),r("div",Ve,[s(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:d(()=>[s(c,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Ae=b(Te,[["render",Ce],["__scopeId","data-v-78172a54"]]),Pe=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:j(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:h=>{window.open(h,"_blank")}}}}),Re={class:"image-gallery"},Le=["src"],Ge=["onClick"];function Ue(e,t,m,h,k,y){return o(),l("div",Re,[(o(!0),l(I,null,T(e.images,(p,u)=>(o(),l("div",{key:u,class:"image-container"},[r("img",{src:p.image_url,alt:"Image"},null,8,Le),p.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(p.image_url)},i(e.$t("headshots.button.viewImage")),9,Ge)):$("",!0)]))),128))])}const je=b(Pe,[["render",Ue],["__scopeId","data-v-03641510"]]),De=v({name:"TaskPreview",components:{ElImage:L,CopyToClipboard:X,FontAwesomeIcon:C,ElAlert:Y,ImageGallery:je},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onReload(e){const t=e.target,m=new URL(t.src),h=m.searchParams.get("retry");if(!h)m.searchParams.set("retry","1");else if(parseInt(h)<2)m.searchParams.set("retry",(parseInt(h)+1).toString());else return;t.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),ze={class:"preview"},Be={class:"left"},Me={class:"main"},Oe={class:"bot"},qe={class:"datetime"},Ne={class:"info"},Fe={key:0,class:"prompt mt-2"},He={key:0},Je={key:1},Ke={key:0,class:S({content:!0,failed:!0})},Qe={class:"image-wrapper"},We={class:"description"},Xe={key:1,class:S({content:!0})},Ye={class:"description"},Ze={class:"description"},xe={class:"description"},es={key:2,class:S({content:!0})},ss={class:"description"},ts={key:3,class:S({content:!0})},os={class:"description"};function as(e,t,m,h,k,y){const p=a("el-image"),u=a("image-gallery"),n=a("font-awesome-icon"),c=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",ze,[r("div",Be,[s(p,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),r("div",Me,[r("div",Oe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),r("span",qe,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",Ne,[e.modelValue?.request?.template?(o(),l("p",Fe,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",He," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Je," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",Ke,[r("div",Qe,[s(u,{"model-value":e.modelValue},null,8,["model-value"])]),s(f,{closable:!1,class:"mt-2 success"},{default:d(()=>[r("p",We,[s(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),s(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Xe,[s(f,{closable:!1,class:"failure"},{template:d(()=>[s(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",Ye,[s(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),s(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",Ze,[s(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),s(c,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),r("p",xe,[s(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),s(c,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",es,[s(f,{closable:!1,class:"info"},{template:d(()=>[s(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",ss,[s(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),s(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",ts,[s(f,{closable:!1,class:"info"},{template:d(()=>[s(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",os,[s(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),s(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const ns=b(De,[["render",as],["__scopeId","data-v-77229910"]]),is=v({name:"RecentPanel",components:{TaskPreview:ns,ElSkeleton:x,ElSkeletonItem:Z,ScrollList:q},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ls={key:0,class:"tasks"},rs={class:"left"},cs={class:"main"},ds={key:1,class:"tasks"},ps={key:2,class:"description"};function ms(e,t,m,h,k,y){const p=a("el-skeleton-item"),u=a("el-skeleton"),n=a("task-preview"),c=a("scroll-list");return o(),E(c,{ref:"scrollList",class:"panel recent",loading:e.loading,onReachTop:t[0]||(t[0]=f=>e.$emit("reach-top"))},{default:d(()=>[e.tasks?.items===void 0?(o(),l("div",ls,[(o(),l(I,null,T(3,f=>r("div",{key:f,class:"task placeholder"},[r("div",rs,[s(u,{animated:""},{template:d(()=>[s(p,{variant:"image",class:"avatar"})]),_:1})]),r("div",cs,[s(u,{animated:""},{template:d(()=>[s(p,{variant:"p",class:"title"}),s(p,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",ds,[(o(!0),l(I,null,T(e.tasks?.items,(f,g)=>(o(),E(n,{key:g,"model-value":f,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",ps,i(e.$t("headshots.message.noTasks")),1)):$("",!0)]),_:1},8,["loading"])}const hs=b(is,[["render",ms],["__scopeId","data-v-ffd55c16"]]),us="https://webhook.acedata.cloud/headshots",fs=v({name:"HeadshotsIndex",components:{ConfigPanel:Ae,Layout:ie,ApplicationStatus:W,RecentPanel:hs},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===V.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===V.Request},needApply(){return this.$store.state.headshots.status.getApplications===V.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,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 ee({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("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){B.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===M&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:m,createdAtMax:h}=e||{};console.debug("limit",t,"createdAtMin",m,"createdAtMax",h),this.fetchingTasks=!0;try{await this.$store.dispatch("headshots/getTasks",{limit:t,createdAtMin:m,createdAtMax:h})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){const e={...this.config,callback_url:us},t=this.credential?.token;if(!t){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),D.generate(e,{token:t}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===z?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function gs(e,t,m,h,k,y){const p=a("config-panel"),u=a("application-status"),n=a("recent-panel"),c=a("layout");return o(),E(c,null,{config:d(()=>[s(p,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:d(()=>[s(u,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:t[0]||(t[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),s(n,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Ks=b(fs,[["render",gs],["__scopeId","data-v-7713bcbc"]]);export{Ks as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E,a as T,b as D}from"./EditArray-
|
|
1
|
+
import{E,a as T,b as D}from"./EditArray-DHQtoDhh.js";import{d as F,H as U,h as V,i as q,j as s,k as t,l as n,t as l,x as o,D as m,b as I,v as A,F as _,o as w,J as k,y as j,K as C}from"./index-Dnu2OPRk.js";import{E as B,a as L}from"./index-Ctzntth0.js";import{E as N}from"./index-ColRDeFN.js";import{E as R,a as K,b as O}from"./index-sdnXBDq8.js";import{E as Q}from"./index-HtOPMbaD.js";import{E as H}from"./index-ic1fhPbo.js";import"./index-BC-mE-tS.js";import"./use-form-item-lM5U-69n.js";import"./index-r5W6hzzQ.js";import"./index-B5XgLesb.js";import"./typescript-DcpNvO9f.js";import"./index-Bho_18eF.js";import"./index-BgXxVbPA.js";import"./index.es-DYon9dPn.js";import"./index-BCjzbT-b.js";import"./index-DNGtZjAF.js";import"./_baseClone-DLKkk350.js";import"./_initCloneObject-x8T6HgBa.js";import"./isEqual-DKKEkL9d.js";import"./index-tefvU5dL.js";import"./castArray-BE-37zzM.js";import"./debounce-jV-EFVoU.js";const J=F({name:"SiteIndex",components:{EditText:D,EditImage:T,EditArray:E,ElDivider:H,ElRow:O,ElImage:Q,ElCol:K,ElCard:R,ElForm:L,ElSwitch:N,ElFormItem:B},data(){return{editing:{title:!1}}},computed:{site(){return this.$store.getters.site}},methods:{onSave(e){const a={...this.site,...e};U.update(this.site?.id,a).then(()=>{console.debug("getSite for id",this.site?.id),this.$store.dispatch("getSite")})}}}),W={class:"title"},z={class:"title"},G={class:"block w-full"},M={class:"block tip"},P={class:"block w-full"},X={class:"block tip"},Y={class:"block w-full"},Z={class:"block tip"},x={class:"block w-full"},ee={class:"block tip"},te={class:"block w-full"},ie={class:"block tip"},se={class:"title"},le={class:"block w-full"},oe={class:"block tip"},ae={class:"block w-full"},de={class:"block tip"},ne={class:"title"},re={class:"block tip"},me={class:"block tip"},pe={class:"title"},ue={class:"w-full"},fe={class:"block tip w-full"},be={key:0},ve={class:"block w-full"},he={class:"block w-full"};function ce(e,a,$e,ge,we,ke){const f=n("el-col"),h=n("el-row"),p=n("el-divider"),d=n("el-form-item"),u=n("edit-text"),c=n("el-image"),$=n("edit-image"),y=n("edit-array"),b=n("el-form"),v=n("el-card"),g=n("el-switch");return w(),q(h,{class:"panel"},{default:s(()=>[t(f,{span:24},{default:s(()=>[t(h,null,{default:s(()=>[t(f,{span:24},{default:s(()=>[l("h2",W,o(e.$t("common.title.site")),1)]),_:1})]),_:1}),t(h,{gutter:15},{default:s(()=>[t(f,{md:12,xs:24},{default:s(()=>[t(v,{shadow:"hover",class:"mb-4"},{default:s(()=>[l("h4",z,o(e.$t("site.title.basicConfig")),1),t(p),t(b,{model:e.site,class:"form","label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[t(d,{label:e.$t("site.field.origin")},{default:s(()=>[l("span",G,o(e.site.origin),1),l("span",M,o(e.$t("site.message.originTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.title")},{default:s(()=>[l("span",P,[m(o(e.site.title)+" ",1),t(u,{"model-value":e.site.title,title:e.$t("site.title.editTitle"),placeholder:e.$t("site.placeholder.title"),onConfirm:a[0]||(a[0]=i=>e.onSave({title:i}))},null,8,["model-value","title","placeholder"])]),l("span",X,o(e.$t("site.message.titleTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.logo")},{default:s(()=>[l("span",Y,[t(c,{src:e.site.logo,class:"logo"},null,8,["src"]),t($,{"model-value":e.site.logo,title:e.$t("site.title.editLogo"),tip:e.$t("site.message.editLogoTip"),onConfirm:a[1]||(a[1]=i=>e.onSave({logo:i}))},null,8,["model-value","title","tip"])]),l("span",Z,o(e.$t("site.message.logoTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.favicon")},{default:s(()=>[l("span",x,[t(c,{src:e.site.favicon,class:"favicon"},null,8,["src"]),t($,{"model-value":e.site.favicon,title:e.$t("site.title.editFavicon"),tip:e.$t("site.message.editFaviconTip"),onConfirm:a[2]||(a[2]=i=>e.onSave({favicon:i}))},null,8,["model-value","title","tip"])]),l("span",ee,o(e.$t("site.message.faviconTip")),1)]),_:1},8,["label"]),t(p,{"border-style":"dashed"}),t(d,{label:e.$t("site.field.admins")},{default:s(()=>[l("span",te,[m(o(e.site.admins?.join(", "))+" ",1),t(y,{"model-value":e.site?.admins||[],title:e.$t("site.title.editAdmins"),placeholder:e.$t("site.placeholder.admins"),tip:e.$t("site.message.adminsTip2"),min:1,"min-error-message":e.$t("site.message.atLeastOneAdmin"),onConfirm:a[3]||(a[3]=i=>e.onSave({admins:i}))},null,8,["model-value","title","placeholder","tip","min-error-message"])]),l("span",ie,o(e.$t("site.message.adminsTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])]),_:1}),t(v,{shadow:"hover"},{default:s(()=>[l("h4",se,o(e.$t("site.title.seoConfig")),1),t(p),t(b,{model:e.site,class:"form","label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[t(d,{label:e.$t("site.field.description")},{default:s(()=>[l("span",le,[m(o(e.site.description)+" ",1),t(u,{"model-value":e.site.description,title:e.$t("site.title.editDescription"),placeholder:e.$t("site.placeholder.description"),onConfirm:a[4]||(a[4]=i=>e.onSave({description:i}))},null,8,["model-value","title","placeholder"])]),l("span",oe,o(e.$t("site.message.descriptionTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.keywords")},{default:s(()=>[l("span",ae,[m(o(e.site.keywords?.join(", "))+" ",1),t(y,{"model-value":e.site?.keywords||[],title:e.$t("site.title.editKeywords"),placeholder:e.$t("site.placeholder.keywords"),tip:e.$t("site.message.keywordsTip2"),onConfirm:a[5]||(a[5]=i=>e.onSave({keywords:i}))},null,8,["model-value","title","placeholder","tip"])]),l("span",de,o(e.$t("site.message.keywordsTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])]),_:1})]),_:1}),t(f,{md:12,xs:24},{default:s(()=>[t(v,{shadow:"hover",class:"mb-4"},{default:s(()=>[l("h4",ne,o(e.$t("site.title.distributionConfig")),1),t(p),t(b,{model:e.site,class:"form","label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[t(d,{label:e.$t("site.field.distributionDefaultInviterId")},{default:s(()=>[m(o(e.site.distribution?.default_inviter_id)+" ",1),t(u,{"model-value":e.site.distribution?.default_inviter_id,title:e.$t("site.title.editDistributionDefaultInviterId"),placeholder:e.$t("site.placeholder.editDistributionDefaultInviterId"),onConfirm:a[6]||(a[6]=i=>e.onSave({distribution:{...e.site.distribution,default_inviter_id:i}}))},null,8,["model-value","title","placeholder"]),l("span",re,o(e.$t("site.message.distributionDefaultInviterIdTip")),1)]),_:1},8,["label"]),t(d,{label:e.$t("site.field.distributionForceInviterId")},{default:s(()=>[m(o(e.site.distribution?.force_inviter_id)+" ",1),t(u,{"model-value":e.site.distribution?.force_inviter_id,title:e.$t("site.title.editDistributionForceInviterId"),placeholder:e.$t("site.placeholder.editDistributionForceInviterId"),onConfirm:a[7]||(a[7]=i=>e.onSave({distribution:{...e.site.distribution,force_inviter_id:i}}))},null,8,["model-value","title","placeholder"]),l("span",me,o(e.$t("site.message.distributionForceInviterIdTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])]),_:1}),t(v,{shadow:"hover"},{default:s(()=>[l("h4",pe,o(e.$t("site.title.featuresConfig")),1),t(p),t(b,{model:e.site,class:"form","label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[(w(),I(_,null,A(["chat","midjourney","qrart","suno","luma","pika","kling","flux","hailuo","headshots","support"],(i,S)=>t(d,{key:S,label:e.$t("site.field.features"+i.charAt(0).toUpperCase()+i.slice(1))},{default:s(()=>[l("div",ue,[t(g,{"model-value":e.site.features[i]?.enabled||!1,"inline-prompt":"","active-text":e.$t("site.button.enabled"),"inactive-text":e.$t("site.button.disabled"),"onUpdate:modelValue":r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],enabled:r}}})},null,8,["model-value","active-text","inactive-text","onUpdate:modelValue"])]),l("span",fe,o(e.$t("site.message.features"+i.charAt(0).toUpperCase()+i.slice(1))),1),i==="support"?k((w(),I("div",be,[t(d,{label:"WeChat"},{default:s(()=>[t(g,{"model-value":e.site.features[i]?.wechat?.enabled||!1,"inline-prompt":"","active-text":e.$t("site.button.enabled"),"inactive-text":e.$t("site.button.disabled"),"onUpdate:modelValue":r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],wechat:{...e.site.features[i]?.wechat,enabled:r}}}})},null,8,["model-value","active-text","inactive-text","onUpdate:modelValue"])]),_:2},1024),k(t(d,{label:e.$t("site.field.qr")},{default:s(()=>[l("span",ve,[t(c,{src:e.site.features[i]?.wechat?.qr},null,8,["src"]),t($,{"model-value":e.site.features[i]?.wechat?.qr,title:e.$t("site.title.editQR"),tip:e.$t("site.message.editQRTip"),onConfirm:r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],wechat:{...e.site.features[i]?.wechat,qr:r}}}})},null,8,["model-value","title","tip","onConfirm"])])]),_:2},1032,["label"]),[[C,e.site.features[i]?.wechat?.enabled]]),t(d,{label:"Discord"},{default:s(()=>[t(g,{"model-value":e.site.features[i]?.discord?.enabled||!1,"inline-prompt":"","active-text":e.$t("site.button.enabled"),"inactive-text":e.$t("site.button.disabled"),"onUpdate:modelValue":r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],discord:{...e.site.features[i]?.discord,enabled:r}}}})},null,8,["model-value","active-text","inactive-text","onUpdate:modelValue"])]),_:2},1024),k(t(d,{label:e.$t("site.field.url")},{default:s(()=>[l("span",he,[m(o(e.site.features[i]?.discord?.url)+" ",1),t(u,{"model-value":e.site.features[i]?.discord?.url,title:e.$t("site.title.editUrl"),placeholder:e.$t("site.placeholder.editUrl"),onConfirm:r=>e.onSave({features:{...e.site.features,[i]:{...e.site.features[i],discord:{...e.site.features[i]?.discord,url:r}}}})},null,8,["model-value","title","placeholder","onConfirm"])])]),_:2},1032,["label"]),[[C,e.site.features[i]?.discord?.enabled]])],512)),[[C,e.site.features[i]?.enabled]]):j("",!0)]),_:2},1032,["label"])),64))]),_:1},8,["model"])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const We=V(J,[["render",ce],["__scopeId","data-v-61e4ae55"]]);export{We as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.menu[data-v-3794959b]{display:none}@media (max-width: 767px){.config[data-v-3794959b]{display:none}.result[data-v-3794959b]{width:100%}.menu[data-v-3794959b]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.field .box[data-v-38b040ab]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-38b040ab]{font-size:14px;margin-bottom:10px}.field .info[data-v-38b040ab]{margin-left:auto}.field .prompt[data-v-38b040ab]{resize:none}.field[data-v-67f08a08]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-67f08a08]{font-size:14px;margin:0;width:30%}.field .value[data-v-67f08a08]{width:160px}.field[data-v-e279ee32]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-e279ee32]{width:30%;display:flex;align-items:center}.field .label .box[data-v-e279ee32]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-e279ee32]{font-size:14px;margin:0}.field .label .box .info[data-v-e279ee32]{margin-left:6px}.field .value[data-v-e279ee32]{width:160px}.field[data-v-05ae87bb]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-05ae87bb]{width:30%;display:flex;align-items:center}.field .label .box[data-v-05ae87bb]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-05ae87bb]{font-size:14px;margin:0}.field .label .box .info[data-v-05ae87bb]{margin-left:6px}.field .value[data-v-05ae87bb]{width:160px}.preview[data-v-
|
|
1
|
+
.menu[data-v-3794959b]{display:none}@media (max-width: 767px){.config[data-v-3794959b]{display:none}.result[data-v-3794959b]{width:100%}.menu[data-v-3794959b]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.field .box[data-v-38b040ab]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-38b040ab]{font-size:14px;margin-bottom:10px}.field .info[data-v-38b040ab]{margin-left:auto}.field .prompt[data-v-38b040ab]{resize:none}.field[data-v-67f08a08]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-67f08a08]{font-size:14px;margin:0;width:30%}.field .value[data-v-67f08a08]{width:160px}.field[data-v-e279ee32]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-e279ee32]{width:30%;display:flex;align-items:center}.field .label .box[data-v-e279ee32]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-e279ee32]{font-size:14px;margin:0}.field .label .box .info[data-v-e279ee32]{margin-left:6px}.field .value[data-v-e279ee32]{width:160px}.field[data-v-05ae87bb]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-05ae87bb]{width:30%;display:flex;align-items:center}.field .label .box[data-v-05ae87bb]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-05ae87bb]{font-size:14px;margin:0}.field .label .box .info[data-v-05ae87bb]{margin-left:6px}.field .value[data-v-05ae87bb]{width:160px}.preview[data-v-9e0f580a]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:10px}.preview .left[data-v-9e0f580a]{width:70px}.preview .left .avatar[data-v-9e0f580a]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-9e0f580a]{flex:1;width:calc(100% - 70px);padding:10px 10px 0}.preview .main .bot[data-v-9e0f580a]{font-size:16px;font-weight:700;color:#2ecc71;margin-bottom:0;margin-top:0}.preview .main .bot .datetime[data-v-9e0f580a]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info .prompt[data-v-9e0f580a]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:15px}.preview .main .content .el-alert[data-v-9e0f580a]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-9e0f580a]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-9e0f580a]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-9e0f580a]{border-color:var(--el-color-info)}.preview .main .operations[data-v-9e0f580a]{display:flex;justify-content:left;flex-direction:row;width:100%;align-items:baseline;flex-wrap:wrap;overflow:hidden;text-align:center;color:var(--el-text-color-regular);font-size:14px}.preview .main .operations .btn-action[data-v-9e0f580a]{margin-bottom:10px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as P}from"./index.es-Dw-ikv9u.js";import{E as L}from"./index-Ba60uEk-.js";import{E as O}from"./index-h2hg5mzg.js";import{d as $,h as k,b as r,t as l,k as t,r as U,j as u,l as s,o as a,eJ as q,x as i,F as S,v as T,i as V,eK as B,D as h,eL as j,cf as N,y as g,n as A,eM as z,dN as F,dr as K,dI as J,dJ as C}from"./index-Cltw-TPy.js";import{I as D,S as H}from"./ScrollList-BsWg1Oco.js";import{E as Q}from"./index-C9snhxjP.js";import{E as G,a as M}from"./index-DU1Jn2Bq.js";import{a as W,E as X}from"./index-BNhORE5b.js";import{I as Y}from"./ImagePreview-fjeQ_mXr.js";import{E as Z}from"./index-DTitzyRz.js";import{E}from"./index-C7JbjCIG.js";import{E as x}from"./index-BY87tdIk.js";import{C as ee,N as te}from"./NoTasks-Cxeor42D.js";import{a as oe}from"./price-B71O9NlG.js";import{C as se}from"./CopyToClipboard-B0sXY0gf.js";import{s as ae}from"./vue-plyr-QZFBikSk.js";import{E as ne}from"./index-Bp5pMMj1.js";import{E as ie}from"./index-CHfsm--8.js";import{E as le}from"./index-Bk5nP9u2.js";import{B as re}from"./BotPlaceholder-Bn7lEbyW.js";import{l as ce}from"./pagination-BA1VbgK9.js";import"./use-form-item-Be29d0-B.js";import"./index-r5W6hzzQ.js";import"./index-Daydyphg.js";import"./index-CpH9j3dB.js";import"./typescript-DOVFb1BD.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"./index-TO8m0FZI.js";const pe=$({name:"LayoutPika",components:{ElDrawer:O,ElButton:L,FontAwesomeIcon:P},data(){return{drawer:!1}}}),de={class:"main flex flex-row flex-1"},ue={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},me={class:"result h-full p-[15px] flex-1 flex flex-col"};function fe(e,o,c,d,v,b){const p=s("font-awesome-icon"),m=s("el-button"),n=s("el-drawer");return a(),r("div",de,[l("div",ue,[U(e.$slots,"config",{},void 0,!0)]),l("div",me,[U(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:o[0]||(o[0]=y=>e.drawer=!0)},{default:u(()=>[t(p,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=y=>e.drawer=y),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=k(pe,[["render",fe],["__scopeId","data-v-80748529"]]),he=$({name:"IngredientsSelector",components:{ElSwitch:Q,InfoIcon:D},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug("set ingredients",e),e||this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,model:"2.0"})}}},mounted(){this.value===void 0&&(this.value=q)}}),ge={class:"field"},$e={class:"title font-bold"};function ke(e,o,c,d,v,b){const p=s("el-switch"),m=s("info-icon");return a(),r("div",ge,[l("h2",$e,i(e.$t("pika.name.ingredients")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"]),t(m,{content:e.$t("pika.description.ingredients"),class:"info"},null,8,["content"])])}const ve=k(he,[["render",ke],["__scopeId","data-v-17c0af5c"]]),be=$({name:"EffectSelector",components:{ElSelect:M,ElOption:G},data(){return{}},computed:{options(){return[{value:"Levitate",label:this.$t("pika.style.effect1")},{value:"Decapitate",label:this.$t("pika.style.effect2")},{value:"Eye-pop",label:this.$t("pika.style.effect3")},{value:"Ta-da",label:this.$t("pika.style.effect4")},{value:"Deflate",label:this.$t("pika.style.effect5")},{value:"Crumble",label:this.$t("pika.style.effect6")},{value:"Dissolve",label:this.$t("pika.style.effect7")},{value:"Squish",label:this.$t("pika.style.effect8")},{value:"Inflate",label:this.$t("pika.style.effect9")},{value:"Melt",label:this.$t("pika.style.effect10")},{value:"Cake-ify",label:this.$t("pika.style.effect11")},{value:"Crush",label:this.$t("pika.style.effect12")},{value:"Explode",label:this.$t("pika.style.effect13")}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,effect:e})}}}}),ye={class:"field"},we={class:"title font-bold"},Ee={class:"float-left"};function Ve(e,o,c,d,v,b){const p=s("el-option"),m=s("el-select");return a(),r("div",ye,[l("h2",we,i(e.$t("pika.name.effect")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select"),clearable:""},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.label,value:n.value},{default:u(()=>[l("span",Ee,i(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ie=k(be,[["render",Ve],["__scopeId","data-v-d1c54475"]]),Se=$({name:"IngredientsModelSelector",components:{ElRadioButton:X,ElRadioGroup:W},data(){return{options:[{label:this.$t("pika.button.precise"),value:"precise"},{label:this.$t("pika.button.creative"),value:"creative"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||(this.value=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Pe(e,o,c,d,v,b){const p=s("el-radio-button"),m=s("el-radio-group");return a(),r("div",Te,[l("h2",Ce,i(e.$t("pika.name.ingredientsModel")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),size:"small",class:"quality"},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.value},{default:u(()=>[h(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const Le=k(Se,[["render",Pe],["__scopeId","data-v-b948551f"]]),Ae=$({name:"ModelSelector",components:{ElSelect:M,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"2.0",label:"2.0"},{value:"1.5",label:"1.5"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||(this.value=j)}}),Re={class:"field"},Ue={class:"title font-bold"};function De(e,o,c,d,v,b){const p=s("el-option"),m=s("el-select");return a(),r("div",Re,[l("h2",Ue,i(e.$t("pika.name.model")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=k(Ae,[["render",De],["__scopeId","data-v-7b2e870a"]]),Me=$({name:"ImageUrlInput",components:{ElUpload:Z,ElButton:L,InfoIcon:D,ImagePreview:Y,FontAwesomeIcon:P},data(){return{fileList:[],uploadUrl:N()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("pika.message.uploadStartImageExceed"))},onError(){E.error(this.$t("pika.message.uploadStartImageError"))},async onRemove(){E.error(this.$t("pika.message.uploadStartImageError"))},onSetStartImageUrl(){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Oe={class:"field"},qe={class:"title font-bold"},Be={class:"upload-wrapper"};function je(e,o,c,d,v,b){const p=s("image-preview"),m=s("font-awesome-icon"),n=s("el-button"),y=s("el-upload"),_=s("info-icon");return a(),r("div",Oe,[l("h2",qe,i(e.$t("pika.name.imageUrl")),1),l("div",Be,[t(y,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:3,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:f})=>[t(p,{url:f.url||f.response?.file_url,name:f.name,percentage:f.percentage,onRemove:I=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])]),default:u(()=>[t(n,{size:"small",type:"primary",round:""},{default:u(()=>[t(m,{icon:"fa-solid fa-upload",class:"mr-1"}),h(" "+i(e.$t("pika.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])]),t(_,{content:e.$t("pika.description.imageUrl"),class:"info"},null,8,["content"])])}const Ne=k(Me,[["render",je],["__scopeId","data-v-18cda67a"]]),ze="",Fe=$({name:"PromptInput",components:{ElInput:x,InfoIcon:D},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ze)}}),Ke={class:"field"},Je={class:"box"},He={class:"title font-bold"};function Qe(e,o,c,d,v,b){const p=s("info-icon"),m=s("el-input");return a(),r("div",Ke,[l("div",Je,[l("h2",He,i(e.$t("pika.name.prompt")),1),t(p,{content:e.$t("pika.description.prompt"),class:"info"},null,8,["content"])]),t(m,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pika.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const We=k(Fe,[["render",Qe],["__scopeId","data-v-b94e7a3e"]]),Xe=$({name:"PresetPanel",components:{ImageUrlInput:Ne,ElButton:L,FontAwesomeIcon:P,Consumption:ee,PromptInput:We,IngredientsSelector:ve,IngredientsModelSelector:Le,ModelSelector:Ge,EffectSelector:Ie},emits:["generate"],computed:{config(){return this.$store.state.pika?.config},consumption(){return oe(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ye={class:"flex flex-col h-full"},Ze={class:"flex-1 overflow-y-auto p-[15px]"},xe={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function et(e,o,c,d,v,b){const p=s("prompt-input"),m=s("model-selector"),n=s("ingredients-selector"),y=s("effect-selector"),_=s("image-url-input"),f=s("ingredients-model-selector"),I=s("consumption"),w=s("font-awesome-icon"),R=s("el-button");return a(),r("div",Ye,[l("div",Ze,[t(p,{class:"mb-4"}),t(m,{class:"mb-4"}),t(n,{class:"mb-4"}),t(y,{class:"mb-4"}),e.config?.ingredients?(a(),V(_,{key:0,class:"mb-4"})):g("",!0),e.config?.ingredients?(a(),V(f,{key:1,class:"mb-4"})):g("",!0)]),l("div",xe,[t(I,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(w,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("pika.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=k(Xe,[["render",et]]),ot=$({name:"VideoPlayer",components:{VuePlyr:ae},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:"1080p"}}}}}),st=["data-poster"],at=["src"];function nt(e,o,c,d,v,b){const p=s("vue-plyr");return a(),r("div",null,[t(p,{options:e.options,class:"video"},{default:u(()=>[l("video",{controls:"",crossorigin:"",playsinline:"","data-poster":e.modelValue?.image_url},[l("source",{size:"1080",src:e.modelValue?.video_url,type:"video/mp4"},null,8,at)],8,st)]),_:1},8,["options"])])}const it=k(ot,[["render",nt],["__scopeId","data-v-fc420430"]]),lt=$({name:"TaskPreview",components:{ElImage:le,CopyToClipboard:se,FontAwesomeIcon:P,ElAlert:ie,VideoPlayer:it,ElTooltip:ne,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(c=>{let d=c;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e){console.log("on download"),window.open(e,"_blank")},onReload(e){const o=e.target,c=new URL(o.src),d=c.searchParams.get("retry");if(!d)c.searchParams.set("retry","1");else if(parseInt(d)<2)c.searchParams.set("retry",(parseInt(d)+1).toString());else return;o.src=c.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),rt={class:"left"},ct={class:"main"},pt={class:"bot"},dt={class:"datetime"},ut={class:"info"},mt={key:0,class:"prompt mt-2"},ft={key:0},_t={key:1},ht={key:0,class:A({content:!0,failed:!0})},gt={class:"image-wrapper"},$t={key:0,class:A({operations:!0,"mt-2":!0})},kt={key:0,class:"description"},vt={class:"description"},bt={key:1,class:A({content:!0})},yt={class:"description"},wt={class:"description"},Et={class:"description"},Vt={key:2,class:A({content:!0})},It={class:"description"};function St(e,o,c,d,v,b){const p=s("el-image"),m=s("VideoPlayer"),n=s("el-button"),y=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),I=s("el-alert");return a(!0),r(S,null,T(e.videos,(w,R)=>(a(),r("div",{key:R,class:"preview"},[l("div",rt,[t(p,{src:"https://cdn.acedata.cloud/i80tgn.png",class:"avatar"})]),l("div",ct,[l("div",pt,[h(i(e.$t("pika.name.pikaBot"))+" ",1),l("span",dt,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",ut,[e.modelValue?.request?.prompt?(a(),r("p",mt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?g("",!0):(a(),r("span",ft," - ("+i(e.$t("pika.status.pending"))+") ",1)),w?.state==="processing"||w?.state==="pending"?(a(),r("span",_t," - ("+i(e.$t("pika.status.processing"))+") ",1)):g("",!0)])):g("",!0)]),e.modelValue?.response?.success===!0?(a(),r("div",ht,[l("div",gt,[t(m,{"model-value":w},null,8,["model-value"])]),w?(a(),r("div",$t,[t(y,{class:"box-item",effect:"dark",content:e.$t("pika.message.downloadVideo"),placement:"top-start"},{default:u(()=>[w?.video_url?(a(),V(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:Mt=>e.onDownload(w?.video_url)},{default:u(()=>[h(i(e.$t("pika.button.download")),1)]),_:2},1032,["onClick"])):g("",!0)]),_:2},1032,["content"])])):g("",!0),t(I,{closable:!1,class:"mt-2 success"},{default:u(()=>[e.modelValue?.request?.model?(a(),r("p",kt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.model"))+": "+i(e.modelValue?.request?.model),1)])):g("",!0),l("p",vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):g("",!0),e.modelValue?.response?.success===!1?(a(),r("div",bt,[t(I,{closable:!1,class:"failure"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:u(()=>[l("p",yt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",wt,[t(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("pika.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(f,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),l("p",Et,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(f,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):g("",!0),!e.modelValue?.response||w?.state==="processing"||w?.state==="pending"?(a(),r("div",Vt,[t(I,{closable:!1,class:"info"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:u(()=>[l("p",It,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):g("",!0)])]))),128)}const Tt=k(lt,[["render",St],["__scopeId","data-v-4c2810f1"]]),Ct=$({name:"RecentPanel",components:{TaskPreview:Tt,BotPlaceholder:re,NoTasks:te,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Pt={key:0},Lt={key:2,class:"w-full h-full flex items-center justify-center"};function At(e,o,c,d,v,b){const p=s("bot-placeholder"),m=s("task-preview"),n=s("scroll-list"),y=s("no-tasks");return a(),r(S,null,[e.tasks?.items===void 0?(a(),r("div",Pt,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),V(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=_=>e.$emit("reach-top"))},{default:u(()=>[(a(!0),r(S,null,T(e.tasks?.items,(_,f)=>(a(),V(m,{key:f,"model-value":_},null,8,["model-value"]))),128))]),_:1},8,["loading"])):g("",!0),e.tasks?.items?.length===0?(a(),r("div",Lt,[t(y)])):g("",!0)],64)}const Rt=k(Ct,[["render",At]]),Ut="https://webhook.acedata.cloud/pika",Dt=$({name:"PikaIndex",components:{ConfigPanel:tt,Layout:_e,RecentPanel:Rt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===C.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===C.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===C.Request},needApply(){return this.$store.state.pika.status.getApplications===C.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pika/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pika/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){K.create({application:this.application}).then(({data:e})=>{this.application=e,E.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===J&&E.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:c,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",c,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("pika/getTasks",{limit:o,createdAtMin:c,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Ut},o=this.credential?.token;if(!o){console.error("no token specified");return}E.info(this.$t("pika.message.startingTask")),z.generate(e,{token:o}).then(()=>{E.success(this.$t("pika.message.startTaskSuccess")),this.$store.commit("pika/setConfig",{config:void 0})}).catch(c=>{c?.response?.data?.error?.code===F?E.error(this.$t("pika.message.usedUp")):E.error(this.$t("pika.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Gt(e,o,c,d,v,b){const p=s("config-panel"),m=s("recent-panel"),n=s("layout");return a(),V(n,null,{config:u(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(m,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const yo=k(Dt,[["render",Gt],["__scopeId","data-v-1bcbbdd4"]]);export{yo as default};
|
|
1
|
+
import{F as P}from"./index.es-DYon9dPn.js";import{E as L}from"./index-BC-mE-tS.js";import{E as O}from"./index-YQkAS5Xe.js";import{d as $,h as k,b as r,t as l,k as t,r as U,j as u,l as s,o as a,eJ as q,x as i,F as S,v as T,i as V,eK as B,D as h,eL as j,cf as N,y as g,n as A,eM as z,dN as F,dr as K,dI as J,dJ as C}from"./index-Dnu2OPRk.js";import{I as D,S as H}from"./ScrollList-C4AvmP4t.js";import{E as Q}from"./index-ColRDeFN.js";import{E as G,a as M}from"./index-qutB5SLT.js";import{a as W,E as X}from"./index-Cw9L-zKb.js";import{I as Y}from"./ImagePreview-C3EplpU3.js";import{E as Z}from"./index-BCjzbT-b.js";import{E}from"./index-tefvU5dL.js";import{E as x}from"./index-B5XgLesb.js";import{C as ee,N as te}from"./NoTasks-DQ7pIoDL.js";import{a as oe}from"./price-C1dIgmfP.js";import{C as se}from"./CopyToClipboard-CKnPT0Yy.js";import{s as ae}from"./vue-plyr-QZFBikSk.js";import{E as ne}from"./index-D6ExfvwJ.js";import{E as ie}from"./index-CkVl7iBl.js";import{E as le}from"./index-HtOPMbaD.js";import{B as re}from"./BotPlaceholder-CtFILLeB.js";import{l as ce}from"./pagination-CbSBe_dl.js";import"./use-form-item-lM5U-69n.js";import"./index-r5W6hzzQ.js";import"./index-Bho_18eF.js";import"./index-IoPWd1CW.js";import"./typescript-DcpNvO9f.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"./index-CJ7_cRvg.js";const pe=$({name:"LayoutPika",components:{ElDrawer:O,ElButton:L,FontAwesomeIcon:P},data(){return{drawer:!1}}}),de={class:"main flex flex-row flex-1"},ue={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},me={class:"result h-full p-[15px] flex-1 flex flex-col"};function fe(e,o,c,d,v,b){const p=s("font-awesome-icon"),m=s("el-button"),n=s("el-drawer");return a(),r("div",de,[l("div",ue,[U(e.$slots,"config",{},void 0,!0)]),l("div",me,[U(e.$slots,"result",{},void 0,!0)]),t(m,{circle:"",class:"menu",onClick:o[0]||(o[0]=y=>e.drawer=!0)},{default:u(()=>[t(p,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=y=>e.drawer=y),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=k(pe,[["render",fe],["__scopeId","data-v-80748529"]]),he=$({name:"IngredientsSelector",components:{ElSwitch:Q,InfoIcon:D},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug("set ingredients",e),e||this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,model:"2.0"})}}},mounted(){this.value===void 0&&(this.value=q)}}),ge={class:"field"},$e={class:"title font-bold"};function ke(e,o,c,d,v,b){const p=s("el-switch"),m=s("info-icon");return a(),r("div",ge,[l("h2",$e,i(e.$t("pika.name.ingredients")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value"},null,8,["modelValue"]),t(m,{content:e.$t("pika.description.ingredients"),class:"info"},null,8,["content"])])}const ve=k(he,[["render",ke],["__scopeId","data-v-17c0af5c"]]),be=$({name:"EffectSelector",components:{ElSelect:M,ElOption:G},data(){return{}},computed:{options(){return[{value:"Levitate",label:this.$t("pika.style.effect1")},{value:"Decapitate",label:this.$t("pika.style.effect2")},{value:"Eye-pop",label:this.$t("pika.style.effect3")},{value:"Ta-da",label:this.$t("pika.style.effect4")},{value:"Deflate",label:this.$t("pika.style.effect5")},{value:"Crumble",label:this.$t("pika.style.effect6")},{value:"Dissolve",label:this.$t("pika.style.effect7")},{value:"Squish",label:this.$t("pika.style.effect8")},{value:"Inflate",label:this.$t("pika.style.effect9")},{value:"Melt",label:this.$t("pika.style.effect10")},{value:"Cake-ify",label:this.$t("pika.style.effect11")},{value:"Crush",label:this.$t("pika.style.effect12")},{value:"Explode",label:this.$t("pika.style.effect13")}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,effect:e})}}}}),ye={class:"field"},we={class:"title font-bold"},Ee={class:"float-left"};function Ve(e,o,c,d,v,b){const p=s("el-option"),m=s("el-select");return a(),r("div",ye,[l("h2",we,i(e.$t("pika.name.effect")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select"),clearable:""},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.label,value:n.value},{default:u(()=>[l("span",Ee,i(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ie=k(be,[["render",Ve],["__scopeId","data-v-d1c54475"]]),Se=$({name:"IngredientsModelSelector",components:{ElRadioButton:X,ElRadioGroup:W},data(){return{options:[{label:this.$t("pika.button.precise"),value:"precise"},{label:this.$t("pika.button.creative"),value:"creative"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||(this.value=B)}}),Te={class:"field"},Ce={class:"title font-bold"};function Pe(e,o,c,d,v,b){const p=s("el-radio-button"),m=s("el-radio-group");return a(),r("div",Te,[l("h2",Ce,i(e.$t("pika.name.ingredientsModel")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),size:"small",class:"quality"},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.value},{default:u(()=>[h(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const Le=k(Se,[["render",Pe],["__scopeId","data-v-b948551f"]]),Ae=$({name:"ModelSelector",components:{ElSelect:M,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"2.0",label:"2.0"},{value:"1.5",label:"1.5"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||(this.value=j)}}),Re={class:"field"},Ue={class:"title font-bold"};function De(e,o,c,d,v,b){const p=s("el-option"),m=s("el-select");return a(),r("div",Re,[l("h2",Ue,i(e.$t("pika.name.model")),1),t(m,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:u(()=>[(a(!0),r(S,null,T(e.options,n=>(a(),V(p,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=k(Ae,[["render",De],["__scopeId","data-v-7b2e870a"]]),Me=$({name:"ImageUrlInput",components:{ElUpload:Z,ElButton:L,InfoIcon:D,ImagePreview:Y,FontAwesomeIcon:P},data(){return{fileList:[],uploadUrl:N()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("pika.message.uploadStartImageExceed"))},onError(){E.error(this.$t("pika.message.uploadStartImageError"))},async onRemove(){E.error(this.$t("pika.message.uploadStartImageError"))},onSetStartImageUrl(){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Oe={class:"field"},qe={class:"title font-bold"},Be={class:"upload-wrapper"};function je(e,o,c,d,v,b){const p=s("image-preview"),m=s("font-awesome-icon"),n=s("el-button"),y=s("el-upload"),_=s("info-icon");return a(),r("div",Oe,[l("h2",qe,i(e.$t("pika.name.imageUrl")),1),l("div",Be,[t(y,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:3,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:f})=>[t(p,{url:f.url||f.response?.file_url,name:f.name,percentage:f.percentage,onRemove:I=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])]),default:u(()=>[t(n,{size:"small",type:"primary",round:""},{default:u(()=>[t(m,{icon:"fa-solid fa-upload",class:"mr-1"}),h(" "+i(e.$t("pika.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])]),t(_,{content:e.$t("pika.description.imageUrl"),class:"info"},null,8,["content"])])}const Ne=k(Me,[["render",je],["__scopeId","data-v-18cda67a"]]),ze="",Fe=$({name:"PromptInput",components:{ElInput:x,InfoIcon:D},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ze)}}),Ke={class:"field"},Je={class:"box"},He={class:"title font-bold"};function Qe(e,o,c,d,v,b){const p=s("info-icon"),m=s("el-input");return a(),r("div",Ke,[l("div",Je,[l("h2",He,i(e.$t("pika.name.prompt")),1),t(p,{content:e.$t("pika.description.prompt"),class:"info"},null,8,["content"])]),t(m,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("pika.placeholder.prompt"),maxlength:300,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const We=k(Fe,[["render",Qe],["__scopeId","data-v-b94e7a3e"]]),Xe=$({name:"PresetPanel",components:{ImageUrlInput:Ne,ElButton:L,FontAwesomeIcon:P,Consumption:ee,PromptInput:We,IngredientsSelector:ve,IngredientsModelSelector:Le,ModelSelector:Ge,EffectSelector:Ie},emits:["generate"],computed:{config(){return this.$store.state.pika?.config},consumption(){return oe(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ye={class:"flex flex-col h-full"},Ze={class:"flex-1 overflow-y-auto p-[15px]"},xe={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function et(e,o,c,d,v,b){const p=s("prompt-input"),m=s("model-selector"),n=s("ingredients-selector"),y=s("effect-selector"),_=s("image-url-input"),f=s("ingredients-model-selector"),I=s("consumption"),w=s("font-awesome-icon"),R=s("el-button");return a(),r("div",Ye,[l("div",Ze,[t(p,{class:"mb-4"}),t(m,{class:"mb-4"}),t(n,{class:"mb-4"}),t(y,{class:"mb-4"}),e.config?.ingredients?(a(),V(_,{key:0,class:"mb-4"})):g("",!0),e.config?.ingredients?(a(),V(f,{key:1,class:"mb-4"})):g("",!0)]),l("div",xe,[t(I,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[t(w,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+i(e.$t("pika.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=k(Xe,[["render",et]]),ot=$({name:"VideoPlayer",components:{VuePlyr:ae},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:"1080p"}}}}}),st=["data-poster"],at=["src"];function nt(e,o,c,d,v,b){const p=s("vue-plyr");return a(),r("div",null,[t(p,{options:e.options,class:"video"},{default:u(()=>[l("video",{controls:"",crossorigin:"",playsinline:"","data-poster":e.modelValue?.image_url},[l("source",{size:"1080",src:e.modelValue?.video_url,type:"video/mp4"},null,8,at)],8,st)]),_:1},8,["options"])])}const it=k(ot,[["render",nt],["__scopeId","data-v-fc420430"]]),lt=$({name:"TaskPreview",components:{ElImage:le,CopyToClipboard:se,FontAwesomeIcon:P,ElAlert:ie,VideoPlayer:it,ElTooltip:ne,ElButton:L},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(c=>{let d=c;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e){console.log("on download"),window.open(e,"_blank")},onReload(e){const o=e.target,c=new URL(o.src),d=c.searchParams.get("retry");if(!d)c.searchParams.set("retry","1");else if(parseInt(d)<2)c.searchParams.set("retry",(parseInt(d)+1).toString());else return;o.src=c.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),rt={class:"left"},ct={class:"main"},pt={class:"bot"},dt={class:"datetime"},ut={class:"info"},mt={key:0,class:"prompt mt-2"},ft={key:0},_t={key:1},ht={key:0,class:A({content:!0,failed:!0})},gt={class:"image-wrapper"},$t={key:0,class:A({operations:!0,"mt-2":!0})},kt={key:0,class:"description"},vt={class:"description"},bt={key:1,class:A({content:!0})},yt={class:"description"},wt={class:"description"},Et={class:"description"},Vt={key:2,class:A({content:!0})},It={class:"description"};function St(e,o,c,d,v,b){const p=s("el-image"),m=s("VideoPlayer"),n=s("el-button"),y=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),I=s("el-alert");return a(!0),r(S,null,T(e.videos,(w,R)=>(a(),r("div",{key:R,class:"preview"},[l("div",rt,[t(p,{src:"https://cdn.acedata.cloud/i80tgn.png",class:"avatar"})]),l("div",ct,[l("div",pt,[h(i(e.$t("pika.name.pikaBot"))+" ",1),l("span",dt,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",ut,[e.modelValue?.request?.prompt?(a(),r("p",mt,[h(i(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?g("",!0):(a(),r("span",ft," - ("+i(e.$t("pika.status.pending"))+") ",1)),w?.state==="processing"||w?.state==="pending"?(a(),r("span",_t," - ("+i(e.$t("pika.status.processing"))+") ",1)):g("",!0)])):g("",!0)]),e.modelValue?.response?.success===!0?(a(),r("div",ht,[l("div",gt,[t(m,{"model-value":w},null,8,["model-value"])]),w?(a(),r("div",$t,[t(y,{class:"box-item",effect:"dark",content:e.$t("pika.message.downloadVideo"),placement:"top-start"},{default:u(()=>[w?.video_url?(a(),V(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:Mt=>e.onDownload(w?.video_url)},{default:u(()=>[h(i(e.$t("pika.button.download")),1)]),_:2},1032,["onClick"])):g("",!0)]),_:2},1032,["content"])])):g("",!0),t(I,{closable:!1,class:"mt-2 success"},{default:u(()=>[e.modelValue?.request?.model?(a(),r("p",kt,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.model"))+": "+i(e.modelValue?.request?.model),1)])):g("",!0),l("p",vt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):g("",!0),e.modelValue?.response?.success===!1?(a(),r("div",bt,[t(I,{closable:!1,class:"failure"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:u(()=>[l("p",yt,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",wt,[t(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+i(e.$t("pika.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(f,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),l("p",Et,[t(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+i(e.$t("pika.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(f,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):g("",!0),!e.modelValue?.response||w?.state==="processing"||w?.state==="pending"?(a(),r("div",Vt,[t(I,{closable:!1,class:"info"},{template:u(()=>[t(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+i(e.$t("pika.name.failure")),1)]),default:u(()=>[l("p",It,[t(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+i(e.$t("pika.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(f,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):g("",!0)])]))),128)}const Tt=k(lt,[["render",St],["__scopeId","data-v-4c2810f1"]]),Ct=$({name:"RecentPanel",components:{TaskPreview:Tt,BotPlaceholder:re,NoTasks:te,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Pt={key:0},Lt={key:2,class:"w-full h-full flex items-center justify-center"};function At(e,o,c,d,v,b){const p=s("bot-placeholder"),m=s("task-preview"),n=s("scroll-list"),y=s("no-tasks");return a(),r(S,null,[e.tasks?.items===void 0?(a(),r("div",Pt,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),V(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=_=>e.$emit("reach-top"))},{default:u(()=>[(a(!0),r(S,null,T(e.tasks?.items,(_,f)=>(a(),V(m,{key:f,"model-value":_},null,8,["model-value"]))),128))]),_:1},8,["loading"])):g("",!0),e.tasks?.items?.length===0?(a(),r("div",Lt,[t(y)])):g("",!0)],64)}const Rt=k(Ct,[["render",At]]),Ut="https://webhook.acedata.cloud/pika",Dt=$({name:"PikaIndex",components:{ConfigPanel:tt,Layout:_e,RecentPanel:Rt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===C.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===C.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===C.Request},needApply(){return this.$store.state.pika.status.getApplications===C.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){await ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pika/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pika/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){K.create({application:this.application}).then(({data:e})=>{this.application=e,E.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===J&&E.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:c,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",c,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("pika/getTasks",{limit:o,createdAtMin:c,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Ut},o=this.credential?.token;if(!o){console.error("no token specified");return}E.info(this.$t("pika.message.startingTask")),z.generate(e,{token:o}).then(()=>{E.success(this.$t("pika.message.startTaskSuccess")),this.$store.commit("pika/setConfig",{config:void 0})}).catch(c=>{c?.response?.data?.error?.code===F?E.error(this.$t("pika.message.usedUp")):E.error(this.$t("pika.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Gt(e,o,c,d,v,b){const p=s("config-panel"),m=s("recent-panel"),n=s("layout");return a(),V(n,null,{config:u(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[t(m,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const yo=k(Dt,[["render",Gt],["__scopeId","data-v-1bcbbdd4"]]);export{yo as default};
|