@acedatacloud/nexior 3.278.13 → 3.278.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{ApiCodeButton-e4LzbJM2.js → ApiCodeButton-BZfzlGoT.js} +1 -1
- package/dist/assets/{AskUserQuestionCard-BnLn3gPf.js → AskUserQuestionCard-NUXQL8Zq.js} +1 -1
- package/dist/assets/{Auth-DXHct0ed.js → Auth-Doy_6USi.js} +1 -1
- package/dist/assets/{Bare-IQCRmHzP.js → Bare-CXquigjr.js} +1 -1
- package/dist/assets/{BotPlaceholder-Y985TBdT.js → BotPlaceholder-C6fcffYi.js} +1 -1
- package/dist/assets/{BottomFooter-DltGWzLz.js → BottomFooter-DC3RFv05.js} +1 -1
- package/dist/assets/{Callback-BJhOxcwl.js → Callback-CD9_MGLj.js} +1 -1
- package/dist/assets/Console-CaPbCmeB.css +1 -0
- package/dist/assets/{Console-Bp4_tJa1.js → Console-Di0KxRmd.js} +1 -1
- package/dist/assets/{Consumption-DSf7BFMU.js → Consumption-BobAFFfW.js} +1 -1
- package/dist/assets/{Conversation-Vxsl0kYj.js → Conversation-BHeZQ0cn.js} +1 -1
- package/dist/assets/{CopyToClipboard-YFVkSCX-.js → CopyToClipboard-Rmd8YAx9.js} +1 -1
- package/dist/assets/{Detail-9OYzGp1x.js → Detail-BQe7rywJ.js} +2 -2
- package/dist/assets/{Extra-BmpJlCAi.js → Extra-BNvUcS0g.js} +1 -1
- package/dist/assets/{FilePreview-Byb0Pxsw.js → FilePreview-Boy0e4Gm.js} +1 -1
- package/dist/assets/{Hailuo-ENjBu0r8.js → Hailuo-CfpyrSKC.js} +1 -1
- package/dist/assets/{History-BZub_Xyi.js → History-C5DLqula.js} +1 -1
- package/dist/assets/{ImagePreview-6CUo-8Rr.js → ImagePreview-DAzwYsLG.js} +1 -1
- package/dist/assets/{ImageWrapper-B8mCSrTA.js → ImageWrapper-CfqL_TA7.js} +1 -1
- package/dist/assets/{Index-fJv3OQAy.js → Index-3_TPczMd.js} +1 -1
- package/dist/assets/{Index-Gc7zNTLd.js → Index-5_S-Wyxo.js} +1 -1
- package/dist/assets/{Index-Bq0IWohN.js → Index-8WpZCmW0.js} +1 -1
- package/dist/assets/{Index-DiD7SYoq.js → Index-B5JBzKDz.js} +1 -1
- package/dist/assets/{Index-Cw0oafHB.js → Index-B6ykCwld.js} +1 -1
- package/dist/assets/{Index-T1NaLgX6.js → Index-BYQog1jU.js} +1 -1
- package/dist/assets/{Index-BhLwCR93.js → Index-BdCVgEfW.js} +1 -1
- package/dist/assets/{Index-CaDElCuB.js → Index-ByFu0OTO.js} +1 -1
- package/dist/assets/{Index-DezM1oD5.js → Index-CQKawnfM.js} +1 -1
- package/dist/assets/{Index-CnHpkMmC.js → Index-CR_a2Oik.js} +1 -1
- package/dist/assets/{Index-BTfMILzy.js → Index-ClFKMYbv.js} +1 -1
- package/dist/assets/{Index-Dwo_0-Pl.js → Index-Cm7Bya9_.js} +1 -1
- package/dist/assets/{Index-yFfj47QG.js → Index-Cy2hCycU.js} +1 -1
- package/dist/assets/{Index-gW-39LH-.js → Index-D51jJbBd.js} +1 -1
- package/dist/assets/{Index-CdBrsp5A.js → Index-DG_c_T4b.js} +1 -1
- package/dist/assets/{Index-D8xf1nxO.js → Index-DGvG8UB4.js} +1 -1
- package/dist/assets/{Index-DaAK2_eJ.js → Index-DQ1j41kD.js} +1 -1
- package/dist/assets/{Index-BeLwCn5S.js → Index-DeM1WGR2.js} +1 -1
- package/dist/assets/{Index-DvCtygdJ.js → Index-Dq7Gmukk.js} +1 -1
- package/dist/assets/{Index-BV6eYOPx.js → Index-Dspzyxdl.js} +1 -1
- package/dist/assets/{Index-4RRiYrzK.js → Index-XT8lP3be.js} +1 -1
- package/dist/assets/{Index-CwQiOxTt.js → Index-ep5QBmCo.js} +1 -1
- package/dist/assets/{Index-KoS-PPQr.js → Index-joBZYr-D.js} +1 -1
- package/dist/assets/{Index-O7mDGTMu.js → Index-tslORP-h.js} +1 -1
- package/dist/assets/{Index-C7we3Wyl.js → Index-ucRn7oVv.js} +1 -1
- package/dist/assets/{Index-DMCWNGYJ.js → Index-y76mv7dZ.js} +1 -1
- package/dist/assets/{Invitees-D-Wfq3kT.js → Invitees-D_6QdVJi.js} +1 -1
- package/dist/assets/{List-DN2WvZYm.js → List-DpIhXG43.js} +1 -1
- package/dist/assets/{List-C05C0OJH.js → List-Du4l1QCv.js} +1 -1
- package/dist/assets/{List-DX0vn0z4.js → List-G5XhuiOR.js} +1 -1
- package/dist/assets/{Main-0Jlm7mI4.js → Main-C-iIJNjX.js} +1 -1
- package/dist/assets/{Model-CTzZ7jev.js → Model-DwHTupa7.js} +1 -1
- package/dist/assets/{Navigator-BrHw5JfG.js → Navigator-BcC63YP5.js} +1 -1
- package/dist/assets/{NoTasks-BQVuogf_.js → NoTasks-C6XmMSFO.js} +1 -1
- package/dist/assets/{NotFound-BBNFBpmf.js → NotFound-BSo1PKfq.js} +1 -1
- package/dist/assets/{Pagination-BAWjps8A.js → Pagination-5dcmS8-D.js} +1 -1
- package/dist/assets/{Pay-CDb6Yz5P.js → Pay-DlCOr1I4.js} +1 -1
- package/dist/assets/{Player-HrdjdzNy.js → Player-CimzJPkJ.js} +1 -1
- package/dist/assets/{Seedance-CKRK04dk.js → Seedance-Ct--Q4ZJ.js} +1 -1
- package/dist/assets/{Status-iYUhr2Wu.js → Status-CqqMuyua.js} +1 -1
- package/dist/assets/{Subscribe-BlgW_yu6.js → Subscribe-DT3x60Rb.js} +1 -1
- package/dist/assets/{TabSwitcher-jPH7FZlz.js → TabSwitcher-C9gbSJu9.js} +1 -1
- package/dist/assets/{Tts-BSwgY0pX.js → Tts-0llgrdSk.js} +1 -1
- package/dist/assets/{VideoPlayer-Df7_3zzK.js → VideoPlayer-B7Rh5hn5.js} +1 -1
- package/dist/assets/{avatar-DZljPbc1.js → avatar-CWE4C-cn.js} +1 -1
- package/dist/assets/{basic-DJKGEPfo.js → basic-DYM-_8A0.js} +1 -1
- package/dist/assets/{chat-CDicoC4q.js → chat-HBGlDKJs.js} +1 -1
- package/dist/assets/{codingBridge-CiakiR-4.js → codingBridge-BT_2cqrP.js} +1 -1
- package/dist/assets/{codingBridgeNotify-BLvcrsNt.js → codingBridgeNotify-DyyUEUIH.js} +2 -2
- package/dist/assets/{collapse-6GThhhno.js → collapse-CCW8ndAG.js} +1 -1
- package/dist/assets/{createTaskActions-BCNZjHMi.js → createTaskActions-BnAW2iGK.js} +1 -1
- package/dist/assets/{date-picker-C16zyit3.js → date-picker-DI9uIhaT.js} +1 -1
- package/dist/assets/{dropdown-DBJYAqHF.js → dropdown-WFbgtyHp.js} +1 -1
- package/dist/assets/{esm-C1OIBs6W.js → esm-0ECBL9z9.js} +1 -1
- package/dist/assets/{esm-Po8AhiCq.js → esm-ASqvGn8-.js} +2 -2
- package/dist/assets/{esm-C9ODa01t.js → esm-COE75y8F.js} +1 -1
- package/dist/assets/{esm-M97HkD2Y.js → esm-D4LU_wfJ.js} +2 -2
- package/dist/assets/esm-YEfY5Zkk.js +1 -0
- package/dist/assets/{esm-DnEEYRbK.js → esm-p85u2qzN.js} +3 -3
- package/dist/assets/{esm-cVvGyqsv.js → esm-ybomsqJA.js} +1 -1
- package/dist/assets/{fish-CcVYYqoA.js → fish-DGqQONnC.js} +1 -1
- package/dist/assets/{flux-BI6XooUG.js → flux-DgJt-04g.js} +1 -1
- package/dist/assets/{grokvideo-vE6vLmgT.js → grokvideo-WVq6FbLF.js} +1 -1
- package/dist/assets/{hailuo-D83X_QvB.js → hailuo-HL-IZPfF.js} +1 -1
- package/dist/assets/{headshots-TgDqsknq.js → headshots-n4aTAJ00.js} +1 -1
- package/dist/assets/{image-BnklmFgR.js → image-Byij2YF_.js} +1 -1
- package/dist/assets/{index-RR0pFX0V.js → index-GNIRULpP.js} +3 -3
- package/dist/assets/{index.browser.esm-D4Su6udH.js → index.browser.esm-Pa81FQbl.js} +1 -1
- package/dist/assets/{index.es-BHX3zJS4.js → index.es-BiR7C8is.js} +1 -1
- package/dist/assets/{input-number-BcUvkjD8.js → input-number-BSfZnYzy.js} +1 -1
- package/dist/assets/{kling-DUmr1yIs.js → kling-CKuFouXq.js} +1 -1
- package/dist/assets/{luma-BVv38eBA.js → luma-zjhXbLJ9.js} +1 -1
- package/dist/assets/{midjourney-8fJG4r30.js → midjourney-DyYaNivI.js} +1 -1
- package/dist/assets/{nanobanana-CiK7NMka.js → nanobanana-8i2pCull.js} +1 -1
- package/dist/assets/{openaiimage-BWVymxqO.js → openaiimage-DFzoE83b.js} +1 -1
- package/dist/assets/{pagination-DJNkAbpi.js → pagination-BwffSnuv.js} +1 -1
- package/dist/assets/{pika-C3PXGnsL.js → pika-BqzcRnw-.js} +1 -1
- package/dist/assets/{pixverse-0z-Z_VPZ.js → pixverse-euZtveHC.js} +1 -1
- package/dist/assets/{popover-B9wDqO48.js → popover-DDcCZSAx.js} +1 -1
- package/dist/assets/{producer-DAEs8Dl-.js → producer-LzAuqQcp.js} +1 -1
- package/dist/assets/{qrart-YKrtXUE8.js → qrart-B8X0arTv.js} +1 -1
- package/dist/assets/{row-wXUgeDnc.js → row-BJuqTN4_.js} +1 -1
- package/dist/assets/{seedance-DkOrRH-K.js → seedance-DK8jbGGX.js} +1 -1
- package/dist/assets/{seedream-fSkLp9PS.js → seedream-Bg6i6CHH.js} +1 -1
- package/dist/assets/{select-CaVHoKnx.js → select-ChrghZdq.js} +1 -1
- package/dist/assets/{serp-CG4cAxkY.js → serp-BVh7iGFW.js} +1 -1
- package/dist/assets/{slider-DqiYjUrg.js → slider-CPi2uOqY.js} +1 -1
- package/dist/assets/{solana-wallets-D5H-uF6T.js → solana-wallets-CnGKqqw4.js} +2 -2
- package/dist/assets/{solana-wallets-vue-w2x1PoEf.js → solana-wallets-vue-CZz1UPgb.js} +1 -1
- package/dist/assets/{sora-Bz7uFhgI.js → sora-CS2FifvH.js} +1 -1
- package/dist/assets/{suno-D0tCOqqg.js → suno-CmtPFPT7.js} +1 -1
- package/dist/assets/{switch-DCgNz9H6.js → switch-BnyHYpIj.js} +1 -1
- package/dist/assets/{tabs-BIhiGprW.js → tabs-Df29OFVp.js} +1 -1
- package/dist/assets/{upload-BOvh1ctT.js → upload-Da-O-e6z.js} +1 -1
- package/dist/assets/{veo-plikUL9x.js → veo-BifuQe2n.js} +1 -1
- package/dist/assets/{wan-ByGQ5fiQ.js → wan-CuidxFr3.js} +1 -1
- package/dist/assets/{web-CYtUSn0k.js → web-BFwe8F7T.js} +1 -1
- package/dist/assets/{web-B7bY_aRg.js → web-Bym9OJTt.js} +1 -1
- package/dist/assets/{web-DjV863-8.js → web-CanVG3eR.js} +1 -1
- package/dist/assets/{web-BO3XPrLg.js → web-DVSlxTni.js} +1 -1
- package/dist/assets/{web-Bb-UnfDD.js → web-DXHhjbkZ.js} +1 -1
- package/dist/assets/{webextrator-evwiSRxv.js → webextrator-DHKqLsOO.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/Console-geveU-NA.css +0 -1
- package/dist/assets/esm-haCsEjgV.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,k as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-DfsQodL-.js";import{r as g,t as _}from"./select-CaVHoKnx.js";import{t as v}from"./upload-BOvh1ctT.js";import{t as y}from"./tooltip-BLwTovWL.js";import{t as b}from"./image-BnklmFgR.js";import{t as x}from"./alert-OvnfgMB-.js";import{_i as S,zn as C}from"./constants-Doj9A7vw.js";import{Ar as w,At as T,Cr as E,E as D,In as ee,Mt as te,Pt as O,br as k,jt as A,kt as j,ln as M}from"./index-RR0pFX0V.js";import{t as N}from"./index.es-BHX3zJS4.js";import{t as P}from"./CopyToClipboard-YFVkSCX-.js";import{t as F}from"./ImagePreview-6CUo-8Rr.js";import{t as I}from"./Hailuo-ENjBu0r8.js";import{t as L}from"./BotPlaceholder-Y985TBdT.js";import{i as R,n as z,t as B}from"./pagination-DJNkAbpi.js";import{n as V,t as H}from"./NoTasks-BQVuogf_.js";import{t as U}from"./Consumption-DSf7BFMU.js";import{t as W}from"./ApiCodeButton-e4LzbJM2.js";import{t as G}from"./VideoPlayer-Df7_3zzK.js";var K=r({name:`ModelSelector`,components:{ElSelect:g,ElOption:_},data(){return{}},computed:{options(){return[{value:`minimax-t2v`,label:this.$t(`hailuo.button.model1`)},{value:`minimax-i2v`,label:this.$t(`hailuo.button.model2`)},{value:`minimax-i2v-director`,label:this.$t(`hailuo.button.model3`)}]},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||=C}}),q={class:`field`},J={class:`title font-bold`},Y={class:`float-left`};function X(r,i,c,d,f,h){let g=p(`el-option`),_=p(`el-select`);return u(),t(`div`,q,[n(`h2`,J,l(r.$t(`hailuo.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`hailuo.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(g,{key:e.value,label:e.label,value:e.value},{default:m(()=>[n(`span`,Y,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Z=D(K,[[`render`,X],[`__scopeId`,`data-v-a768fbd9`]]),Q=r({name:`StartImageUrlInput`,components:{ElUpload:v,ElButton:h,InfoIcon:R,ImagePreview:F},mixins:[te,T],data(){return{fileList:[],uploadUrl:E()+`/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(){let e=this.urls?.[0];this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){w.warning(this.$t(`hailuo.message.uploadStartImageExceed`))},onError(){w.error(this.$t(`hailuo.message.uploadStartImageError`))},async onRemove(){w.error(this.$t(`hailuo.message.uploadStartImageError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),ne={class:`relative`},re={class:`flex justify-between`},ie={class:`flex justify-start items-center`},ae={class:`text-sm font-bold`};function oe(e,r,s,c,d,h){let g=p(`info-icon`),_=p(`image-preview`),v=p(`el-button`),y=p(`el-upload`);return u(),t(`div`,ne,[n(`div`,re,[n(`div`,ie,[n(`span`,ae,l(e.$t(`hailuo.name.startImageUrl`)),1),o(g,{content:e.$t(`hailuo.description.startImageUrl`),class:`info`},null,8,[`content`])])]),o(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,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:m(({file:t})=>[t.url&&t.percentage!==void 0?(u(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):f(``,!0)]),default:m(()=>[o(v,{size:`small`,type:`primary`,class:`btn btn-upload`,round:``},{default:m(()=>[i(l(e.$t(`hailuo.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])])}var se=D(Q,[[`render`,oe],[`__scopeId`,`data-v-fbf49b06`]]),ce=r({name:`PromptInput`,components:{PromptTextarea:V},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function le(e,t,n,r,i,o){let s=p(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`hailuo.name.prompt`),info:e.$t(`hailuo.description.prompt`),placeholder:e.$t(`hailuo.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ue=r({name:`PresetPanel`,components:{ElButton:h,FontAwesomeIcon:N,PromptInput:D(ce,[[`render`,le]]),StartImageUrlInput:se,ModelSelector:Z,Consumption:U},emits:[`generate`],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return O(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),de={class:`flex flex-col h-full`},fe={class:`flex-1 overflow-y-auto p-5`},pe={class:`flex flex-col items-center justify-center px-5 pb-5`};function me(e,r,s,c,d,h){let g=p(`prompt-input`),_=p(`model-selector`),v=p(`start-image-url-input`),y=p(`consumption`),b=p(`font-awesome-icon`),x=p(`el-button`);return u(),t(`div`,de,[n(`div`,fe,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),e.config?.model===`minimax-i2v`?(u(),a(v,{key:0,class:`mb-2`})):f(``,!0)]),n(`div`,pe,[o(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),e.config?.video_url!==void 0||e.config?.custom?(u(),a(x,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`hailuo.button.extend`)),1)]),_:1},8,[`onClick`])):(u(),a(x,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`hailuo.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var he=D(ue,[[`render`,me]]),ge=r({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:P,FontAwesomeIcon:N,ElAlert:x,VideoPlayer:G,ElTooltip:y,ElButton:h,ApiCodeButton:W},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`)}}}),_e={class:`preview`},ve={class:`left`},ye={class:`main`},be={class:`bot`},xe={class:`datetime`},Se={class:`info`},Ce={key:0,class:`prompt mt-2`},we={key:0},Te={key:1},Ee={key:0,class:c({content:!0,failed:!0})},De={key:0,class:`mb-4`},Oe={key:1,class:c({operations:!0,"mt-2":!0})},ke={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ae={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},je={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Me={key:1,class:c({content:!0})},Ne={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Fe={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ie={key:2,class:c({content:!0})},Le={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Re(e,r,s,c,h,g){let _=p(`el-image`),v=p(`video-player`),y=p(`el-button`),b=p(`el-tooltip`),x=p(`api-code-button`),S=p(`font-awesome-icon`),C=p(`copy-to-clipboard`),w=p(`el-alert`);return u(),t(`div`,_e,[n(`div`,ve,[o(_,{src:`https://cdn.acedata.cloud/0qg4gp.png`,class:`avatar`})]),n(`div`,ye,[n(`div`,be,[i(l(e.$t(`hailuo.name.hailuoBot`))+` `,1),n(`span`,xe,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Se,[e.modelValue?.request?.prompt?(u(),t(`p`,Ce,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?f(``,!0):(u(),t(`span`,we,` - (`+l(e.$t(`hailuo.status.pending`))+`) `,1)),e.video?.state===`processing`||e.video?.state===`pending`||e.video?.state===`running`?(u(),t(`span`,Te,` - (`+l(e.$t(`hailuo.status.processing`))+`) `,1)):f(``,!0)])):f(``,!0)]),e.modelValue?.response?.success===!0?(u(),t(`div`,Ee,[e.video?.video_url?(u(),t(`div`,De,[o(v,{src:e.video?.video_url},null,8,[`src`])])):f(``,!0),e.video?(u(),t(`div`,Oe,[o(b,{class:`box-item`,effect:`dark`,content:e.$t(`hailuo.message.downloadVideo`),placement:`top-start`},{default:m(()=>[e.video?.video_url?(u(),a(y,{key:0,type:`info`,size:`small`,class:`mb-2`,onClick:r[0]||=d(t=>e.onDownload(e.video?.video_url),[`stop`])},{default:m(()=>[i(l(e.$t(`hailuo.button.download`)),1)]),_:1})):f(``,!0)]),_:1},8,[`content`]),o(x,{path:`/hailuo/videos`,body:e.modelValue?.request},null,8,[`body`])])):f(``,!0),o(w,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.modelValue?.request?.model?(u(),t(`p`,ke,[o(S,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.model`))+`: `+l(e.modelValue?.request?.model)+` `,1),o(C,{content:e.modelValue?.id},null,8,[`content`])])):f(``,!0),n(`p`,Ae,[o(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(C,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),t(`p`,je,[o(S,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):f(``,!0)]),_:1})])):f(``,!0),e.modelValue?.response?.success===!1?(u(),t(`div`,Me,[o(w,{closable:!1,class:`failure`},{template:m(()=>[o(S,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.failure`)),1)]),default:m(()=>[n(`p`,Ne,[o(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(C,{content:e.modelValue?.id},null,8,[`content`])]),n(`p`,Pe,[o(S,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),o(C,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),t(`p`,$,[o(S,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):f(``,!0),n(`p`,Fe,[o(S,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),o(C,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):f(``,!0),e.modelValue?.response?.success===void 0?(u(),t(`div`,Ie,[o(w,{closable:!1,class:`info`},{template:m(()=>[o(S,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.failure`)),1)]),default:m(()=>[n(`p`,Le,[o(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(C,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):f(``,!0)])])}var ze=r({name:`RecentPanel`,components:{TaskPreview:D(ge,[[`render`,Re],[`__scopeId`,`data-v-53d13da4`]]),BotPlaceholder:L,NoTasks:H,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?.()}}}),Be={key:0},Ve={key:2,class:`w-full h-full flex items-center justify-center`};function He(n,r,i,c,l,d){let h=p(`bot-placeholder`),g=p(`task-preview`),_=p(`scroll-list`),v=p(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,Be,[o(h)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:m(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):f(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,Ve,[o(v)])):f(``,!0)],64)}var Ue=D(ze,[[`render`,He]]),We=S(`hailuo`),Ge=r({name:`HailuoIndex`,components:{ConfigPanel:he,Layout:I,RecentPanel:Ue},mixins:[A],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===k.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===k.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,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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await B({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();let 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);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`hailuo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>w.warning(e)))return;let e={...this.config,callback_url:We},t=this.credential?.token;if(!t){console.error(`no token specified`);return}w.info(this.$t(`hailuo.message.startingTask`)),ee(`hailuo`,M.generate(e,{token:t})).then(()=>{w.success(this.$t(`hailuo.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?w.error(this.$t(`hailuo.message.usedUp`)):w.error(this.$t(`hailuo.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ke(e,t,n,r,i,s){let c=p(`config-panel`),l=p(`recent-panel`),d=p(`layout`);return u(),a(d,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var qe=D(Ge,[[`render`,Ke]]);export{qe as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,k as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-DfsQodL-.js";import{r as g,t as _}from"./select-ChrghZdq.js";import{t as v}from"./upload-Da-O-e6z.js";import{t as y}from"./tooltip-BLwTovWL.js";import{t as b}from"./image-Byij2YF_.js";import{t as x}from"./alert-OvnfgMB-.js";import{_i as S,zn as C}from"./constants-Doj9A7vw.js";import{Ar as w,At as T,Cr as E,E as D,In as ee,Mt as te,Pt as O,br as k,jt as A,kt as j,ln as M}from"./index-GNIRULpP.js";import{t as N}from"./index.es-BiR7C8is.js";import{t as P}from"./CopyToClipboard-Rmd8YAx9.js";import{t as F}from"./ImagePreview-DAzwYsLG.js";import{t as I}from"./Hailuo-CfpyrSKC.js";import{t as L}from"./BotPlaceholder-C6fcffYi.js";import{i as R,n as z,t as B}from"./pagination-BwffSnuv.js";import{n as V,t as H}from"./NoTasks-C6XmMSFO.js";import{t as U}from"./Consumption-BobAFFfW.js";import{t as W}from"./ApiCodeButton-BZfzlGoT.js";import{t as G}from"./VideoPlayer-B7Rh5hn5.js";var K=r({name:`ModelSelector`,components:{ElSelect:g,ElOption:_},data(){return{}},computed:{options(){return[{value:`minimax-t2v`,label:this.$t(`hailuo.button.model1`)},{value:`minimax-i2v`,label:this.$t(`hailuo.button.model2`)},{value:`minimax-i2v-director`,label:this.$t(`hailuo.button.model3`)}]},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||=C}}),q={class:`field`},J={class:`title font-bold`},Y={class:`float-left`};function X(r,i,c,d,f,h){let g=p(`el-option`),_=p(`el-select`);return u(),t(`div`,q,[n(`h2`,J,l(r.$t(`hailuo.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`hailuo.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(g,{key:e.value,label:e.label,value:e.value},{default:m(()=>[n(`span`,Y,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Z=D(K,[[`render`,X],[`__scopeId`,`data-v-a768fbd9`]]),Q=r({name:`StartImageUrlInput`,components:{ElUpload:v,ElButton:h,InfoIcon:R,ImagePreview:F},mixins:[te,T],data(){return{fileList:[],uploadUrl:E()+`/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(){let e=this.urls?.[0];this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){w.warning(this.$t(`hailuo.message.uploadStartImageExceed`))},onError(){w.error(this.$t(`hailuo.message.uploadStartImageError`))},async onRemove(){w.error(this.$t(`hailuo.message.uploadStartImageError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),ne={class:`relative`},re={class:`flex justify-between`},ie={class:`flex justify-start items-center`},ae={class:`text-sm font-bold`};function oe(e,r,s,c,d,h){let g=p(`info-icon`),_=p(`image-preview`),v=p(`el-button`),y=p(`el-upload`);return u(),t(`div`,ne,[n(`div`,re,[n(`div`,ie,[n(`span`,ae,l(e.$t(`hailuo.name.startImageUrl`)),1),o(g,{content:e.$t(`hailuo.description.startImageUrl`),class:`info`},null,8,[`content`])])]),o(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,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:m(({file:t})=>[t.url&&t.percentage!==void 0?(u(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):f(``,!0)]),default:m(()=>[o(v,{size:`small`,type:`primary`,class:`btn btn-upload`,round:``},{default:m(()=>[i(l(e.$t(`hailuo.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])])}var se=D(Q,[[`render`,oe],[`__scopeId`,`data-v-fbf49b06`]]),ce=r({name:`PromptInput`,components:{PromptTextarea:V},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){this.$store.commit(`hailuo/setConfig`,{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function le(e,t,n,r,i,o){let s=p(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`hailuo.name.prompt`),info:e.$t(`hailuo.description.prompt`),placeholder:e.$t(`hailuo.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ue=r({name:`PresetPanel`,components:{ElButton:h,FontAwesomeIcon:N,PromptInput:D(ce,[[`render`,le]]),StartImageUrlInput:se,ModelSelector:Z,Consumption:U},emits:[`generate`],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return O(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),de={class:`flex flex-col h-full`},fe={class:`flex-1 overflow-y-auto p-5`},pe={class:`flex flex-col items-center justify-center px-5 pb-5`};function me(e,r,s,c,d,h){let g=p(`prompt-input`),_=p(`model-selector`),v=p(`start-image-url-input`),y=p(`consumption`),b=p(`font-awesome-icon`),x=p(`el-button`);return u(),t(`div`,de,[n(`div`,fe,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),e.config?.model===`minimax-i2v`?(u(),a(v,{key:0,class:`mb-2`})):f(``,!0)]),n(`div`,pe,[o(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),e.config?.video_url!==void 0||e.config?.custom?(u(),a(x,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`hailuo.button.extend`)),1)]),_:1},8,[`onClick`])):(u(),a(x,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`hailuo.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var he=D(ue,[[`render`,me]]),ge=r({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:P,FontAwesomeIcon:N,ElAlert:x,VideoPlayer:G,ElTooltip:y,ElButton:h,ApiCodeButton:W},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`)}}}),_e={class:`preview`},ve={class:`left`},ye={class:`main`},be={class:`bot`},xe={class:`datetime`},Se={class:`info`},Ce={key:0,class:`prompt mt-2`},we={key:0},Te={key:1},Ee={key:0,class:c({content:!0,failed:!0})},De={key:0,class:`mb-4`},Oe={key:1,class:c({operations:!0,"mt-2":!0})},ke={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ae={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},je={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Me={key:1,class:c({content:!0})},Ne={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Fe={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ie={key:2,class:c({content:!0})},Le={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Re(e,r,s,c,h,g){let _=p(`el-image`),v=p(`video-player`),y=p(`el-button`),b=p(`el-tooltip`),x=p(`api-code-button`),S=p(`font-awesome-icon`),C=p(`copy-to-clipboard`),w=p(`el-alert`);return u(),t(`div`,_e,[n(`div`,ve,[o(_,{src:`https://cdn.acedata.cloud/0qg4gp.png`,class:`avatar`})]),n(`div`,ye,[n(`div`,be,[i(l(e.$t(`hailuo.name.hailuoBot`))+` `,1),n(`span`,xe,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Se,[e.modelValue?.request?.prompt?(u(),t(`p`,Ce,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?f(``,!0):(u(),t(`span`,we,` - (`+l(e.$t(`hailuo.status.pending`))+`) `,1)),e.video?.state===`processing`||e.video?.state===`pending`||e.video?.state===`running`?(u(),t(`span`,Te,` - (`+l(e.$t(`hailuo.status.processing`))+`) `,1)):f(``,!0)])):f(``,!0)]),e.modelValue?.response?.success===!0?(u(),t(`div`,Ee,[e.video?.video_url?(u(),t(`div`,De,[o(v,{src:e.video?.video_url},null,8,[`src`])])):f(``,!0),e.video?(u(),t(`div`,Oe,[o(b,{class:`box-item`,effect:`dark`,content:e.$t(`hailuo.message.downloadVideo`),placement:`top-start`},{default:m(()=>[e.video?.video_url?(u(),a(y,{key:0,type:`info`,size:`small`,class:`mb-2`,onClick:r[0]||=d(t=>e.onDownload(e.video?.video_url),[`stop`])},{default:m(()=>[i(l(e.$t(`hailuo.button.download`)),1)]),_:1})):f(``,!0)]),_:1},8,[`content`]),o(x,{path:`/hailuo/videos`,body:e.modelValue?.request},null,8,[`body`])])):f(``,!0),o(w,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.modelValue?.request?.model?(u(),t(`p`,ke,[o(S,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.model`))+`: `+l(e.modelValue?.request?.model)+` `,1),o(C,{content:e.modelValue?.id},null,8,[`content`])])):f(``,!0),n(`p`,Ae,[o(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(C,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),t(`p`,je,[o(S,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):f(``,!0)]),_:1})])):f(``,!0),e.modelValue?.response?.success===!1?(u(),t(`div`,Me,[o(w,{closable:!1,class:`failure`},{template:m(()=>[o(S,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.failure`)),1)]),default:m(()=>[n(`p`,Ne,[o(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(C,{content:e.modelValue?.id},null,8,[`content`])]),n(`p`,Pe,[o(S,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),o(C,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),t(`p`,$,[o(S,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):f(``,!0),n(`p`,Fe,[o(S,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),o(C,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):f(``,!0),e.modelValue?.response?.success===void 0?(u(),t(`div`,Ie,[o(w,{closable:!1,class:`info`},{template:m(()=>[o(S,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.failure`)),1)]),default:m(()=>[n(`p`,Le,[o(S,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`hailuo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(C,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):f(``,!0)])])}var ze=r({name:`RecentPanel`,components:{TaskPreview:D(ge,[[`render`,Re],[`__scopeId`,`data-v-53d13da4`]]),BotPlaceholder:L,NoTasks:H,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?.()}}}),Be={key:0},Ve={key:2,class:`w-full h-full flex items-center justify-center`};function He(n,r,i,c,l,d){let h=p(`bot-placeholder`),g=p(`task-preview`),_=p(`scroll-list`),v=p(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,Be,[o(h)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:m(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):f(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,Ve,[o(v)])):f(``,!0)],64)}var Ue=D(ze,[[`render`,He]]),We=S(`hailuo`),Ge=r({name:`HailuoIndex`,components:{ConfigPanel:he,Layout:I,RecentPanel:Ue},mixins:[A],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===k.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===k.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,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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await B({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();let 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);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`hailuo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>w.warning(e)))return;let e={...this.config,callback_url:We},t=this.credential?.token;if(!t){console.error(`no token specified`);return}w.info(this.$t(`hailuo.message.startingTask`)),ee(`hailuo`,M.generate(e,{token:t})).then(()=>{w.success(this.$t(`hailuo.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?w.error(this.$t(`hailuo.message.usedUp`)):w.error(this.$t(`hailuo.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ke(e,t,n,r,i,s){let c=p(`config-panel`),l=p(`recent-panel`),d=p(`layout`);return u(),a(d,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var qe=D(Ge,[[`render`,Ke]]);export{qe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./button-DfsQodL-.js";import{r as y,t as b}from"./select-CaVHoKnx.js";import{t as x}from"./upload-BOvh1ctT.js";import{t as S}from"./tooltip-BLwTovWL.js";import{t as C}from"./image-BnklmFgR.js";import{t as w}from"./alert-OvnfgMB-.js";import{t as T}from"./drawer-Dpuj2uIl.js";import{An as E,En as D,On as O,_i as k,kn as A}from"./constants-Doj9A7vw.js";import{Ar as j,At as M,Cr as N,E as P,In as ee,Mt as te,Pt as F,br as I,jt as L,kt as R,nn as z}from"./index-RR0pFX0V.js";import{t as B}from"./index.es-BHX3zJS4.js";import{t as V}from"./CopyToClipboard-YFVkSCX-.js";import{t as H}from"./ImagePreview-6CUo-8Rr.js";import{n as U}from"./taskDrawerMixin-DEgO_R5H.js";import{t as W}from"./BotPlaceholder-Y985TBdT.js";import{i as G,n as K,t as q}from"./pagination-DJNkAbpi.js";import{n as J,t as Y}from"./NoTasks-BQVuogf_.js";import{t as X}from"./Consumption-DSf7BFMU.js";import{t as Z}from"./ApiCodeButton-e4LzbJM2.js";import{t as Q}from"./ImageWrapper-B8mCSrTA.js";var ne=r({name:`LayoutNanobanana`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:B},mixins:[U]}),re={class:`main flex flex-row flex-1`},ie={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ae={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function oe(e,r,i,a,s,c){let l=h(`font-awesome-icon`),d=h(`el-button`),m=h(`el-drawer`);return u(),t(`div`,re,[n(`div`,ie,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,ae,[p(e.$slots,`result`,{},void 0,!0)]),f(o(d,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var se=P(ne,[[`render`,oe],[`__scopeId`,`data-v-d7e69eb2`]]),ce=r({name:`PromptInput`,components:{PromptTextarea:J},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||=``}});function le(e,t,n,r,i,o){let s=h(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`nanobanana.name.prompt`),info:e.$t(`nanobanana.description.prompt`),placeholder:e.$t(`nanobanana.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ue=P(ce,[[`render`,le]]),de=r({name:`ImageUrlsInput`,components:{ElUpload:x,ElButton:v,InfoIcon:G,ImagePreview:H,FontAwesomeIcon:B},mixins:[te,M],data(){return{fileList:[],uploadUrl:N()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){j.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){j.error(this.$t(`nanobanana.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),fe={class:`field flex items-center justify-between`},pe={class:`title font-bold text-[14px] mb-[10px]`},me={class:`upload-wrapper flex flex-col items-start gap-[8px]`},he={class:`controls flex items-center`},ge={class:`file-list flex flex-wrap gap-[10px]`};function _e(r,c,d,f,p,m){let _=h(`font-awesome-icon`),v=h(`el-button`),y=h(`el-upload`),b=h(`info-icon`),x=h(`image-preview`);return u(),t(s,null,[n(`div`,fe,[n(`h2`,pe,l(r.$t(`nanobanana.name.imageUrls`)),1),n(`div`,me,[n(`div`,he,[o(y,{ref:`uploader`,"file-list":r.fileList,"onUpdate:fileList":c[0]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,"on-change":r.onChange,"on-remove":r.onRemove,headers:r.headers},{default:g(()=>[o(v,{size:`small`,type:`primary`,round:``},{default:g(()=>[o(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),o(b,{content:r.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),n(`div`,ge,[(u(!0),t(s,null,e(r.fileList,(e,t)=>(u(),a(x,{key:e.uid||e?.response?.file_url||e.url||t,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>r.onRemovePreview(t,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var ve=P(de,[[`render`,_e]]),ye=r({name:`AspectRatioSelector`,components:{ElSelect:y,ElOption:b},data(){return{options:[`1:1`,`3:2`,`2:3`,`16:9`,`9:16`,`4:3`,`3:4`]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e);let t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit(`nanobanana/setConfig`,t)}}}}),be={class:`field`},xe={class:`title font-bold`};function Se(r,i,c,d,f,p){let m=h(`el-option`),_=h(`el-select`);return u(),t(`div`,be,[n(`h2`,xe,l(r.$t(`nanobanana.name.aspectRatio`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,clearable:``,placeholder:r.$t(`nanobanana.placeholder.select`)},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(m,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=P(ye,[[`render`,Se],[`__scopeId`,`data-v-67f08a08`]]),we=r({name:`NanobananaModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:G},data(){return{options:[{value:O,label:this.$t(`nanobanana.model.nanoBanana`)},{value:E,label:this.$t(`nanobanana.model.nanoBananaPro`)},{value:A,label:this.$t(`nanobanana.model.nanoBanana2`)}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t(`nanobanana.description.model`)}},mounted(){this.value||=D}}),Te={class:`field`},Ee={class:`label`},De={class:`box`},Oe={class:`title font-bold`};function ke(r,i,c,d,f,p){let m=h(`info-icon`),_=h(`el-option`),v=h(`el-select`);return u(),t(`div`,Te,[n(`div`,Ee,[n(`div`,De,[n(`h2`,Oe,l(r.$t(`nanobanana.name.model`)),1),o(m,{content:r.modelDescription,class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`nanobanana.placeholder.select`)},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ae=P(we,[[`render`,ke],[`__scopeId`,`data-v-94304d73`]]),je=r({name:`NanobananaResolutionSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:G},data(){return{cachedResolution:`1K`,options:[{value:`1K`,label:`1K`},{value:`2K`,label:`2K`},{value:`4K`,label:`4K`}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==O}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||=this.cachedResolution||`1K`:(this.value&&(this.cachedResolution=this.value),this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=`1K`),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),Me={class:`field`},Ne={class:`label`},Pe={class:`box`},Fe={class:`title font-bold`};function Ie(r,i,c,d,f,p){let m=h(`info-icon`),_=h(`el-option`),v=h(`el-select`);return u(),t(`div`,Me,[n(`div`,Ne,[n(`div`,Pe,[n(`h2`,Fe,l(r.$t(`nanobanana.name.resolution`)),1),o(m,{content:r.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`nanobanana.placeholder.select`),disabled:!r.isProModel},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var Le=r({name:`ConfigPanel`,components:{ElButton:v,FontAwesomeIcon:B,PromptInput:ue,Consumption:X,ImageUrlsInput:ve,AspectRatioSelector:Ce,ModelSelector:Ae,ResolutionSelector:P(je,[[`render`,Ie],[`__scopeId`,`data-v-fd5ab393`]])},emits:[`generate`],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return F({...e,action:t?`edit`:`generate`},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Re={class:`flex flex-col h-full`},ze={class:`flex-1 overflow-y-auto p-5`},Be={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ve(e,r,a,s,c,d){let f=h(`model-selector`),p=h(`resolution-selector`),m=h(`prompt-input`),_=h(`aspect-ratio-selector`),v=h(`image-urls-input`),y=h(`consumption`),b=h(`font-awesome-icon`),x=h(`el-button`);return u(),t(`div`,Re,[n(`div`,ze,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`})]),n(`div`,Be,[o(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(x,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var He=P(Le,[[`render`,Ve]]),Ue=r({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:w,ImageWrapper:Q,ElButton:v,ElTooltip:S,ImagePreview:H,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},computed:{images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit(`nanobanana/setConfig`,t)}}}),We={class:`preview`},Ge={class:`left`},Ke={class:`main`},qe={class:`bot`},Je={class:`datetime`},Ye={class:`info`},Xe={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Ze={key:1,class:`prompt mt-2`},Qe={key:0},$e={key:0,class:c({content:!0,failed:!0})},et={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},tt={class:c({operations:!0,"mt-2":!0,"mb-2":!0})},nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},st={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ct={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},lt={key:1,class:c({content:!0})},ut={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ft={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},vt={key:2,class:c({content:!0})},yt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function Ct(r,c,f,p,_,v){let y=h(`el-image`),b=h(`image-preview`),x=h(`image-wrapper`),S=h(`el-button`),C=h(`el-tooltip`),w=h(`api-code-button`),T=h(`font-awesome-icon`),E=h(`copy-to-clipboard`),D=h(`el-alert`);return u(),t(`div`,We,[n(`div`,Ge,[o(y,{src:`https://cdn.acedata.cloud/859plc.jpg`,class:`avatar`})]),n(`div`,Ke,[n(`div`,qe,[i(l(r.$t(`nanobanana.name.nanobananaBot`))+` `,1),n(`span`,Je,l(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ye,[r.modelValue?.request?.image_urls&&r.modelValue?.request?.image_urls.length>0?(u(),t(`div`,Xe,[(u(!0),t(s,null,e(r.modelValue?.request?.image_urls,(e,t)=>(u(),a(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):m(``,!0),r.modelValue?.request?.prompt?(u(),t(`p`,Ze,[i(l(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?m(``,!0):(u(),t(`span`,Qe,` - (`+l(r.$t(`nanobanana.status.pending`))+`) `,1))])):m(``,!0)]),r.modelValue?.response?.success===!0?(u(),t(`div`,$e,[n(`div`,et,[(u(!0),t(s,null,e(r.images,(e,t)=>(u(),a(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),n(`div`,tt,[o(C,{class:`box-item`,effect:`dark`,content:r.$t(`common.button.edit`),placement:`top-start`},{default:g(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=d(e=>r.onEdit(r.images?.[0]?.image_url),[`stop`])},{default:g(()=>[i(l(r.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:`/nano-banana/images`,body:r.modelValue?.request},null,8,[`body`])]),o(D,{closable:!1,class:`mt-2 success`},{default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,nt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.resolution?(u(),t(`p`,rt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.resolution`))+`: `+l(r.modelValue?.request?.resolution),1)])):m(``,!0),r.modelValue?.request?.aspect_ratio?(u(),t(`p`,it,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.aspectRatio`))+`: `+l(r.modelValue?.request?.aspect_ratio),1)])):m(``,!0),r.modelValue?.request?.action?(u(),t(`p`,at,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.task`))+`: `+l(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):m(``,!0),n(`p`,ot,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,st,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,ct,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):m(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(u(),t(`div`,lt,[o(D,{closable:!1,class:`failure`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,ut,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.resolution?(u(),t(`p`,dt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.resolution`))+`: `+l(r.modelValue?.request?.resolution),1)])):m(``,!0),r.modelValue?.request?.aspect_ratio?(u(),t(`p`,ft,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.aspectRatio`))+`: `+l(r.modelValue?.request?.aspect_ratio),1)])):m(``,!0),r.modelValue?.request?.action?(u(),t(`p`,pt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.task`))+`: `+l(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):m(``,!0),n(`p`,mt,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,ht,[o(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.failureReason`))+`: `+l(r.modelValue?.response?.error?.message)+` `,1),o(E,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,gt,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,_t,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):m(``,!0)]),_:1})])):(u(),t(`div`,vt,[o(D,{closable:!1,class:`info`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,yt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.resolution?(u(),t(`p`,$,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.resolution`))+`: `+l(r.modelValue?.request?.resolution),1)])):m(``,!0),r.modelValue?.request?.aspect_ratio?(u(),t(`p`,bt,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.aspectRatio`))+`: `+l(r.modelValue?.request?.aspect_ratio),1)])):m(``,!0),r.modelValue?.request?.action?(u(),t(`p`,xt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.task`))+`: `+l(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):m(``,!0),n(`p`,St,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var wt=r({name:`RecentPanel`,components:{TaskPreview:P(Ue,[[`render`,Ct],[`__scopeId`,`data-v-63f58569`]]),BotPlaceholder:W,NoTasks:Y,ScrollList:K},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Tt={key:0},Et={key:2,class:`w-full h-full flex items-center justify-center`};function Dt(n,r,i,c,l,d){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,Tt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,Et,[o(v)])):m(``,!0)],64)}var Ot=P(wt,[[`render`,Dt]]),kt=k(`nanobanana`),At=r({name:`NanobananaIndex`,components:{ConfigPanel:He,Layout:se,RecentPanel:Ot},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===I.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===I.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await q({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`nanobanana/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`nanobanana/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`nanobanana/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!R(this.uploadTracker,e=>this.$t(e),e=>j.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&`image_urls`in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==`nano-banana-pro`&&`resolution`in e&&delete e.resolution,e?.model===`nano-banana-pro`&&!e?.resolution&&(e.resolution=`1K`);let n={...e,action:t?`edit`:`generate`,callback_url:kt},r=this.credential?.token;if(!r){console.error(`no token specified`);return}j.info(this.$t(`nanobanana.message.startingTask`)),ee(`nanobanana`,z.generate(n,{token:r})).then(()=>{j.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?j.error(this.$t(`nanobanana.message.usedUp`)):j.error(this.$t(`nanobanana.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function jt(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),d=h(`layout`);return u(),a(d,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Mt=P(At,[[`render`,jt]]);export{Mt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./button-DfsQodL-.js";import{r as y,t as b}from"./select-ChrghZdq.js";import{t as x}from"./upload-Da-O-e6z.js";import{t as S}from"./tooltip-BLwTovWL.js";import{t as C}from"./image-Byij2YF_.js";import{t as w}from"./alert-OvnfgMB-.js";import{t as T}from"./drawer-Dpuj2uIl.js";import{An as E,En as D,On as O,_i as k,kn as A}from"./constants-Doj9A7vw.js";import{Ar as j,At as M,Cr as N,E as P,In as ee,Mt as te,Pt as F,br as I,jt as L,kt as R,nn as z}from"./index-GNIRULpP.js";import{t as B}from"./index.es-BiR7C8is.js";import{t as V}from"./CopyToClipboard-Rmd8YAx9.js";import{t as H}from"./ImagePreview-DAzwYsLG.js";import{n as U}from"./taskDrawerMixin-DEgO_R5H.js";import{t as W}from"./BotPlaceholder-C6fcffYi.js";import{i as G,n as K,t as q}from"./pagination-BwffSnuv.js";import{n as J,t as Y}from"./NoTasks-C6XmMSFO.js";import{t as X}from"./Consumption-BobAFFfW.js";import{t as Z}from"./ApiCodeButton-BZfzlGoT.js";import{t as Q}from"./ImageWrapper-CfqL_TA7.js";var ne=r({name:`LayoutNanobanana`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:B},mixins:[U]}),re={class:`main flex flex-row flex-1`},ie={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ae={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function oe(e,r,i,a,s,c){let l=h(`font-awesome-icon`),d=h(`el-button`),m=h(`el-drawer`);return u(),t(`div`,re,[n(`div`,ie,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,ae,[p(e.$slots,`result`,{},void 0,!0)]),f(o(d,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var se=P(ne,[[`render`,oe],[`__scopeId`,`data-v-d7e69eb2`]]),ce=r({name:`PromptInput`,components:{PromptTextarea:J},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||=``}});function le(e,t,n,r,i,o){let s=h(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`nanobanana.name.prompt`),info:e.$t(`nanobanana.description.prompt`),placeholder:e.$t(`nanobanana.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ue=P(ce,[[`render`,le]]),de=r({name:`ImageUrlsInput`,components:{ElUpload:x,ElButton:v,InfoIcon:G,ImagePreview:H,FontAwesomeIcon:B},mixins:[te,M],data(){return{fileList:[],uploadUrl:N()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){j.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){j.error(this.$t(`nanobanana.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),fe={class:`field flex items-center justify-between`},pe={class:`title font-bold text-[14px] mb-[10px]`},me={class:`upload-wrapper flex flex-col items-start gap-[8px]`},he={class:`controls flex items-center`},ge={class:`file-list flex flex-wrap gap-[10px]`};function _e(r,c,d,f,p,m){let _=h(`font-awesome-icon`),v=h(`el-button`),y=h(`el-upload`),b=h(`info-icon`),x=h(`image-preview`);return u(),t(s,null,[n(`div`,fe,[n(`h2`,pe,l(r.$t(`nanobanana.name.imageUrls`)),1),n(`div`,me,[n(`div`,he,[o(y,{ref:`uploader`,"file-list":r.fileList,"onUpdate:fileList":c[0]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,"on-change":r.onChange,"on-remove":r.onRemove,headers:r.headers},{default:g(()=>[o(v,{size:`small`,type:`primary`,round:``},{default:g(()=>[o(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),o(b,{content:r.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),n(`div`,ge,[(u(!0),t(s,null,e(r.fileList,(e,t)=>(u(),a(x,{key:e.uid||e?.response?.file_url||e.url||t,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>r.onRemovePreview(t,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var ve=P(de,[[`render`,_e]]),ye=r({name:`AspectRatioSelector`,components:{ElSelect:y,ElOption:b},data(){return{options:[`1:1`,`3:2`,`2:3`,`16:9`,`9:16`,`4:3`,`3:4`]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e);let t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit(`nanobanana/setConfig`,t)}}}}),be={class:`field`},xe={class:`title font-bold`};function Se(r,i,c,d,f,p){let m=h(`el-option`),_=h(`el-select`);return u(),t(`div`,be,[n(`h2`,xe,l(r.$t(`nanobanana.name.aspectRatio`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,clearable:``,placeholder:r.$t(`nanobanana.placeholder.select`)},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(m,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=P(ye,[[`render`,Se],[`__scopeId`,`data-v-67f08a08`]]),we=r({name:`NanobananaModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:G},data(){return{options:[{value:O,label:this.$t(`nanobanana.model.nanoBanana`)},{value:E,label:this.$t(`nanobanana.model.nanoBananaPro`)},{value:A,label:this.$t(`nanobanana.model.nanoBanana2`)}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t(`nanobanana.description.model`)}},mounted(){this.value||=D}}),Te={class:`field`},Ee={class:`label`},De={class:`box`},Oe={class:`title font-bold`};function ke(r,i,c,d,f,p){let m=h(`info-icon`),_=h(`el-option`),v=h(`el-select`);return u(),t(`div`,Te,[n(`div`,Ee,[n(`div`,De,[n(`h2`,Oe,l(r.$t(`nanobanana.name.model`)),1),o(m,{content:r.modelDescription,class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`nanobanana.placeholder.select`)},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ae=P(we,[[`render`,ke],[`__scopeId`,`data-v-94304d73`]]),je=r({name:`NanobananaResolutionSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:G},data(){return{cachedResolution:`1K`,options:[{value:`1K`,label:`1K`},{value:`2K`,label:`2K`},{value:`4K`,label:`4K`}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==O}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||=this.cachedResolution||`1K`:(this.value&&(this.cachedResolution=this.value),this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=`1K`),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),Me={class:`field`},Ne={class:`label`},Pe={class:`box`},Fe={class:`title font-bold`};function Ie(r,i,c,d,f,p){let m=h(`info-icon`),_=h(`el-option`),v=h(`el-select`);return u(),t(`div`,Me,[n(`div`,Ne,[n(`div`,Pe,[n(`h2`,Fe,l(r.$t(`nanobanana.name.resolution`)),1),o(m,{content:r.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`nanobanana.placeholder.select`),disabled:!r.isProModel},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var Le=r({name:`ConfigPanel`,components:{ElButton:v,FontAwesomeIcon:B,PromptInput:ue,Consumption:X,ImageUrlsInput:ve,AspectRatioSelector:Ce,ModelSelector:Ae,ResolutionSelector:P(je,[[`render`,Ie],[`__scopeId`,`data-v-fd5ab393`]])},emits:[`generate`],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return F({...e,action:t?`edit`:`generate`},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Re={class:`flex flex-col h-full`},ze={class:`flex-1 overflow-y-auto p-5`},Be={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ve(e,r,a,s,c,d){let f=h(`model-selector`),p=h(`resolution-selector`),m=h(`prompt-input`),_=h(`aspect-ratio-selector`),v=h(`image-urls-input`),y=h(`consumption`),b=h(`font-awesome-icon`),x=h(`el-button`);return u(),t(`div`,Re,[n(`div`,ze,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`})]),n(`div`,Be,[o(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(x,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var He=P(Le,[[`render`,Ve]]),Ue=r({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:w,ImageWrapper:Q,ElButton:v,ElTooltip:S,ImagePreview:H,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},computed:{images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit(`nanobanana/setConfig`,t)}}}),We={class:`preview`},Ge={class:`left`},Ke={class:`main`},qe={class:`bot`},Je={class:`datetime`},Ye={class:`info`},Xe={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Ze={key:1,class:`prompt mt-2`},Qe={key:0},$e={key:0,class:c({content:!0,failed:!0})},et={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},tt={class:c({operations:!0,"mt-2":!0,"mb-2":!0})},nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},st={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ct={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},lt={key:1,class:c({content:!0})},ut={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ft={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},vt={key:2,class:c({content:!0})},yt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function Ct(r,c,f,p,_,v){let y=h(`el-image`),b=h(`image-preview`),x=h(`image-wrapper`),S=h(`el-button`),C=h(`el-tooltip`),w=h(`api-code-button`),T=h(`font-awesome-icon`),E=h(`copy-to-clipboard`),D=h(`el-alert`);return u(),t(`div`,We,[n(`div`,Ge,[o(y,{src:`https://cdn.acedata.cloud/859plc.jpg`,class:`avatar`})]),n(`div`,Ke,[n(`div`,qe,[i(l(r.$t(`nanobanana.name.nanobananaBot`))+` `,1),n(`span`,Je,l(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ye,[r.modelValue?.request?.image_urls&&r.modelValue?.request?.image_urls.length>0?(u(),t(`div`,Xe,[(u(!0),t(s,null,e(r.modelValue?.request?.image_urls,(e,t)=>(u(),a(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):m(``,!0),r.modelValue?.request?.prompt?(u(),t(`p`,Ze,[i(l(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?m(``,!0):(u(),t(`span`,Qe,` - (`+l(r.$t(`nanobanana.status.pending`))+`) `,1))])):m(``,!0)]),r.modelValue?.response?.success===!0?(u(),t(`div`,$e,[n(`div`,et,[(u(!0),t(s,null,e(r.images,(e,t)=>(u(),a(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),n(`div`,tt,[o(C,{class:`box-item`,effect:`dark`,content:r.$t(`common.button.edit`),placement:`top-start`},{default:g(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=d(e=>r.onEdit(r.images?.[0]?.image_url),[`stop`])},{default:g(()=>[i(l(r.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:`/nano-banana/images`,body:r.modelValue?.request},null,8,[`body`])]),o(D,{closable:!1,class:`mt-2 success`},{default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,nt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.resolution?(u(),t(`p`,rt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.resolution`))+`: `+l(r.modelValue?.request?.resolution),1)])):m(``,!0),r.modelValue?.request?.aspect_ratio?(u(),t(`p`,it,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.aspectRatio`))+`: `+l(r.modelValue?.request?.aspect_ratio),1)])):m(``,!0),r.modelValue?.request?.action?(u(),t(`p`,at,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.task`))+`: `+l(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):m(``,!0),n(`p`,ot,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,st,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,ct,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):m(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(u(),t(`div`,lt,[o(D,{closable:!1,class:`failure`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,ut,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.resolution?(u(),t(`p`,dt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.resolution`))+`: `+l(r.modelValue?.request?.resolution),1)])):m(``,!0),r.modelValue?.request?.aspect_ratio?(u(),t(`p`,ft,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.aspectRatio`))+`: `+l(r.modelValue?.request?.aspect_ratio),1)])):m(``,!0),r.modelValue?.request?.action?(u(),t(`p`,pt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.task`))+`: `+l(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):m(``,!0),n(`p`,mt,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,ht,[o(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.failureReason`))+`: `+l(r.modelValue?.response?.error?.message)+` `,1),o(E,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,gt,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,_t,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):m(``,!0)]),_:1})])):(u(),t(`div`,vt,[o(D,{closable:!1,class:`info`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,yt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.resolution?(u(),t(`p`,$,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.resolution`))+`: `+l(r.modelValue?.request?.resolution),1)])):m(``,!0),r.modelValue?.request?.aspect_ratio?(u(),t(`p`,bt,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.aspectRatio`))+`: `+l(r.modelValue?.request?.aspect_ratio),1)])):m(``,!0),r.modelValue?.request?.action?(u(),t(`p`,xt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.task`))+`: `+l(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):m(``,!0),n(`p`,St,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`nanobanana.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var wt=r({name:`RecentPanel`,components:{TaskPreview:P(Ue,[[`render`,Ct],[`__scopeId`,`data-v-63f58569`]]),BotPlaceholder:W,NoTasks:Y,ScrollList:K},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Tt={key:0},Et={key:2,class:`w-full h-full flex items-center justify-center`};function Dt(n,r,i,c,l,d){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,Tt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,Et,[o(v)])):m(``,!0)],64)}var Ot=P(wt,[[`render`,Dt]]),kt=k(`nanobanana`),At=r({name:`NanobananaIndex`,components:{ConfigPanel:He,Layout:se,RecentPanel:Ot},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===I.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===I.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await q({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`nanobanana/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`nanobanana/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`nanobanana/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!R(this.uploadTracker,e=>this.$t(e),e=>j.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&`image_urls`in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==`nano-banana-pro`&&`resolution`in e&&delete e.resolution,e?.model===`nano-banana-pro`&&!e?.resolution&&(e.resolution=`1K`);let n={...e,action:t?`edit`:`generate`,callback_url:kt},r=this.credential?.token;if(!r){console.error(`no token specified`);return}j.info(this.$t(`nanobanana.message.startingTask`)),ee(`nanobanana`,z.generate(n,{token:r})).then(()=>{j.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?j.error(this.$t(`nanobanana.message.usedUp`)):j.error(this.$t(`nanobanana.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function jt(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),d=h(`layout`);return u(),a(d,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Mt=P(At,[[`render`,jt]]);export{Mt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,k as p,tt as m,ut as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-DfsQodL-.js";import{r as _,t as v}from"./select-CaVHoKnx.js";import{t as y}from"./upload-BOvh1ctT.js";import{t as b}from"./tooltip-BLwTovWL.js";import{t as x}from"./image-BnklmFgR.js";import{t as S}from"./alert-OvnfgMB-.js";import{t as C}from"./input-number-BcUvkjD8.js";import{t as w}from"./switch-DCgNz9H6.js";import{$t as T,At as E,Bt as D,Ft as O,Gt as k,Ht as ee,It as A,Jt as j,Kt as M,Lt as N,Nt as P,Pt as F,Qt as te,Rt as ne,Ut as re,Vt as ie,Wt as ae,Yt as I,Zt as oe,_i as L,jt as R,qt as z,zt as B}from"./constants-Doj9A7vw.js";import{$t as V,Ar as H,At as U,Cr as W,E as G,In as K,Mt as q,Pt as se,br as J,jt as ce,kt as le}from"./index-RR0pFX0V.js";import{t as Y}from"./index.es-BHX3zJS4.js";import{t as ue}from"./CopyToClipboard-YFVkSCX-.js";import{t as X}from"./ImagePreview-6CUo-8Rr.js";import{t as de}from"./BotPlaceholder-Y985TBdT.js";import{i as Z,n as fe,t as pe}from"./pagination-DJNkAbpi.js";import{n as me,t as he}from"./NoTasks-BQVuogf_.js";import{t as ge}from"./Consumption-DSf7BFMU.js";import{t as _e}from"./ApiCodeButton-e4LzbJM2.js";import{t as ve}from"./ImageWrapper-B8mCSrTA.js";import{t as ye}from"./Seedance-CKRK04dk.js";import{t as be}from"./VideoPlayer-Df7_3zzK.js";var xe=r({name:`SeedancePromptInput`,components:{PromptTextarea:me},computed:{prompt:{get(){return this.$store.state.seedance?.config?.prompt},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Se(e,t,n,r,i,o){let s=m(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`seedance.name.prompt`),info:e.$t(`seedance.description.prompt`),placeholder:e.$t(`seedance.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ce=G(xe,[[`render`,Se]]),we=r({name:`SeedanceModelSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:Z},data(){return{options:[{value:D,label:this.$t(`seedance.model.seedance20`)},{value:ie,label:this.$t(`seedance.model.seedance20Fast`)},{value:B,label:this.$t(`seedance.model.seedance15pro`)},{value:N,label:this.$t(`seedance.model.seedance10pro`)},{value:ne,label:this.$t(`seedance.model.seedance10proFast`)},{value:A,label:this.$t(`seedance.model.seedance10liteT2v`)},{value:O,label:this.$t(`seedance.model.seedance10liteI2v`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.model},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,model:e})}}},mounted(){this.value||=E}}),Te={class:`field`},Ee={class:`label`},De={class:`box`},Oe={class:`title font-bold`};function ke(r,i,c,l,f,p){let g=m(`info-icon`),_=m(`el-option`),v=m(`el-select`);return d(),t(`div`,Te,[n(`div`,Ee,[n(`div`,De,[n(`h2`,Oe,u(r.$t(`seedance.name.model`)),1),o(g,{content:r.$t(`seedance.description.model`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:h(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ae=G(we,[[`render`,ke],[`__scopeId`,`data-v-61816a81`]]),je=r({name:`SeedanceDurationSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:Z},data(){return{options:[{value:2,label:`2s`},{value:3,label:`3s`},{value:4,label:`4s`},{value:5,label:`5s`},{value:6,label:`6s`},{value:7,label:`7s`},{value:8,label:`8s`},{value:9,label:`9s`},{value:10,label:`10s`},{value:11,label:`11s`},{value:12,label:`12s`}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.duration},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,duration:e})}}},mounted(){this.value||=5}}),Me={class:`field`},Ne={class:`label`},Pe={class:`box`},Fe={class:`title font-bold`};function Ie(r,i,c,l,f,p){let g=m(`info-icon`),_=m(`el-option`),v=m(`el-select`);return d(),t(`div`,Me,[n(`div`,Ne,[n(`div`,Pe,[n(`h2`,Fe,u(r.$t(`seedance.name.duration`)),1),o(g,{content:r.$t(`seedance.description.duration`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:h(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Le=G(je,[[`render`,Ie],[`__scopeId`,`data-v-5c809a72`]]),Re=I,Q={[j]:0,[I]:1,[z]:2},ze=r({name:`SeedanceResolutionSelector`,components:{InfoIcon:Z,ElTooltip:b},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return T(this.model)},isLiteModel(){return typeof this.model==`string`&&this.model.includes(`-lite-`)},options(){let e=[{value:j,label:`480p`},{value:I,label:`720p`},{value:z,label:`1080p`}],t=this.isLiteModel;return e.map(e=>({...e,disabled:t&&Q[e.value]>Q[Re]}))},value:{get(){return this.$store.state.seedance?.config?.resolution},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,resolution:e})}}},watch:{model(){this.clampValue()}},mounted(){this.value?this.clampValue():this.value=this.capability.defaultResolution||`720p`},methods:{onSelect(e){e.disabled||(this.value=e.value)},clampValue(){let e=this.value,t=this.options.find(t=>t.value===e);(!e||t&&t.disabled)&&(this.value=this.capability.defaultResolution||`720p`)}}}),Be={class:`resolution`},Ve={class:`header`},He={class:`title font-bold`},Ue={class:`items`},We=[`onClick`];function Ge(r,i,c,f,p,g){let _=m(`info-icon`),v=m(`el-tooltip`);return d(),t(`div`,Be,[n(`div`,Ve,[n(`h2`,He,u(r.$t(`seedance.name.resolution`)),1),o(_,{content:r.$t(`seedance.description.resolution`),class:`info`},null,8,[`content`])]),n(`div`,Ue,[(d(!0),t(s,null,e(r.options,e=>(d(),a(v,{key:e.value,content:r.$t(`seedance.message.resolutionNotSupported`),disabled:!e.disabled,placement:`top`},{default:h(()=>[n(`div`,{class:l([`item`,{active:r.value===e.value,disabled:e.disabled}]),onClick:t=>r.onSelect(e)},u(e.label),11,We)]),_:2},1032,[`content`,`disabled`]))),128))])])}var Ke=G(ze,[[`render`,Ge],[`__scopeId`,`data-v-fd8d4e4b`]]),qe=r({name:`SeedanceRatioSelector`,components:{InfoIcon:Z},computed:{options(){return[{value:re,label:`16:9`,w:32,h:18},{value:k,label:`9:16`,w:18,h:32},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`1:1`,label:`1:1`,w:24,h:24},{value:ae,label:`21:9`,w:34,h:14},{value:M,label:this.$t(`seedance.ratio.adaptive`),w:0,h:0}]},value:{get(){return this.$store.state.seedance?.config?.ratio},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,ratio:e})}}},mounted(){this.value||=R}}),Je={class:`ratio`},Ye={class:`header`},Xe={class:`title font-bold`},Ze={class:`items`},Qe=[`onClick`],$e={class:`preview`},et={key:1,class:`rect rect-auto`},tt={class:`name`};function nt(r,i,a,f,p,h){let g=m(`info-icon`);return d(),t(`div`,Je,[n(`div`,Ye,[n(`h2`,Xe,u(r.$t(`seedance.name.ratio`)),1),o(g,{content:r.$t(`seedance.description.ratio`),class:`info`},null,8,[`content`])]),n(`div`,Ze,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},[n(`div`,$e,[e.w&&e.h?(d(),t(`div`,{key:0,class:`rect`,style:c({width:e.w+`px`,height:e.h+`px`})},null,4)):(d(),t(`div`,et,`A`))]),n(`div`,tt,u(e.label),1)],10,Qe))),128))])])}var rt=G(qe,[[`render`,nt],[`__scopeId`,`data-v-8ddec2dd`]]),it=r({name:`SeedanceGenerateAudioSwitch`,components:{ElSwitch:w,InfoIcon:Z},computed:{isSupported(){let e=this.$store.state.seedance?.config?.model;return T(e).acceptsAudio},value:{get(){return this.$store.state.seedance?.config?.generate_audio??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,generate_audio:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),at={key:0,class:`field`},ot={class:`label`},st={class:`box`},ct={class:`title font-bold`},lt={class:`value`};function ut(e,r,i,a,s,c){let l=m(`info-icon`),f=m(`el-switch`);return e.isSupported?(d(),t(`div`,at,[n(`div`,ot,[n(`div`,st,[n(`h2`,ct,u(e.$t(`seedance.name.generateAudio`)),1),o(l,{content:e.$t(`seedance.description.generateAudio`),class:`info`},null,8,[`content`])])]),n(`div`,lt,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):p(``,!0)}var dt=G(it,[[`render`,ut],[`__scopeId`,`data-v-df51dfbd`]]),ft=r({name:`SeedanceCameraFixedSwitch`,components:{ElSwitch:w,InfoIcon:Z},computed:{value:{get(){return this.$store.state.seedance?.config?.camerafixed??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,camerafixed:e})}}},mounted(){this.$store.state.seedance?.config?.camerafixed===void 0&&(this.value=!1)}}),pt={class:`field`},mt={class:`label`},ht={class:`box`},gt={class:`title font-bold`},_t={class:`value`};function vt(e,r,i,a,s,c){let l=m(`info-icon`),f=m(`el-switch`);return d(),t(`div`,pt,[n(`div`,mt,[n(`div`,ht,[n(`h2`,gt,u(e.$t(`seedance.name.cameraFixed`)),1),o(l,{content:e.$t(`seedance.description.cameraFixed`),class:`info`},null,8,[`content`])])]),n(`div`,_t,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])}var yt=G(ft,[[`render`,vt],[`__scopeId`,`data-v-ae777d61`]]),bt=r({name:`SeedanceFirstFrameImage`,components:{ElUpload:y,ElButton:g,InfoIcon:Z,FontAwesomeIcon:Y,ImagePreview:X},mixins:[q,U],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return T(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsImage"(e){e||(this.fileList=[],this.onSetFirstFrameUrl())}},methods:{onExceed(){H.warning(this.$t(`seedance.message.uploadExceed`))},onError(){H.error(this.$t(`seedance.message.uploadError`))},onSetFirstFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`first_frame`);e&&t.push({url:e,role:`first_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetFirstFrameUrl()},async onRemove(){this.onSetFirstFrameUrl()}}}),xt={key:0,class:`relative`},St={class:`flex justify-between`},Ct={class:`flex justify-start items-center`},wt={class:`text-sm font-bold`},Tt={key:0,class:`required-badge`};function Et(e,r,s,c,l,f){let g=m(`info-icon`),_=m(`image-preview`),v=m(`font-awesome-icon`),y=m(`el-button`),b=m(`el-upload`);return e.capability.acceptsImage?(d(),t(`div`,xt,[n(`div`,St,[n(`div`,Ct,[n(`span`,wt,u(e.$t(`seedance.name.firstFrame`)),1),e.capability.requiresImage?(d(),t(`span`,Tt,u(e.$t(`seedance.name.required`)),1)):p(``,!0),o(g,{content:e.$t(`seedance.description.firstFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):p(``,!0)]),default:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):p(``,!0)}var Dt=G(bt,[[`render`,Et],[`__scopeId`,`data-v-e2597f23`]]),Ot=r({name:`SeedanceLastFrameImage`,components:{ElUpload:y,ElButton:g,ImagePreview:X,InfoIcon:Z,FontAwesomeIcon:Y},mixins:[q,U],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return T(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsLastFrame"(e){e||(this.fileList=[],this.onSetLastFrameUrl())}},methods:{onExceed(){H.warning(this.$t(`seedance.message.uploadExceed`))},onError(){H.error(this.$t(`seedance.message.uploadError`))},onSetLastFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`last_frame`);e&&t.push({url:e,role:`last_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetLastFrameUrl()},async onRemove(){this.onSetLastFrameUrl()}}}),kt={key:0,class:`relative`},At={class:`flex justify-between`},jt={class:`flex justify-start items-center`},Mt={class:`text-sm font-bold`};function Nt(e,r,s,c,l,f){let g=m(`info-icon`),_=m(`image-preview`),v=m(`font-awesome-icon`),y=m(`el-button`),b=m(`el-upload`);return e.capability.acceptsLastFrame?(d(),t(`div`,kt,[n(`div`,At,[n(`div`,jt,[n(`span`,Mt,u(e.$t(`seedance.name.lastFrame`)),1),o(g,{content:e.$t(`seedance.description.lastFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):p(``,!0)]),default:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):p(``,!0)}var Pt=G(Ot,[[`render`,Nt],[`__scopeId`,`data-v-3a191e51`]]),Ft=r({name:`SeedanceServiceTierSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:Z},data(){return{options:[{value:oe,label:this.$t(`seedance.serviceTier.default`)},{value:te,label:this.$t(`seedance.serviceTier.flex`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.service_tier},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,service_tier:e})}}},mounted(){this.value||=P}}),It={class:`field`},Lt={class:`label`},Rt={class:`box`},zt={class:`title font-bold`};function Bt(r,i,c,l,f,p){let g=m(`info-icon`),_=m(`el-option`),v=m(`el-select`);return d(),t(`div`,It,[n(`div`,Lt,[n(`div`,Rt,[n(`h2`,zt,u(r.$t(`seedance.name.serviceTier`)),1),o(g,{content:r.$t(`seedance.description.serviceTier`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:h(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Vt=G(Ft,[[`render`,Bt],[`__scopeId`,`data-v-cc938de2`]]),Ht=r({name:`SeedanceReturnLastFrameSwitch`,components:{ElSwitch:w,InfoIcon:Z},computed:{model(){return this.$store.state.seedance?.config?.model},isSupported(){return T(this.model).acceptsReturnLastFrame},value:{get(){return this.$store.state.seedance?.config?.return_last_frame},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,return_last_frame:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),Ut={key:0,class:`field`},Wt={class:`label`},Gt={class:`box`},Kt={class:`title font-bold`},qt={class:`value`};function Jt(e,r,i,a,s,c){let l=m(`info-icon`),f=m(`el-switch`);return e.isSupported?(d(),t(`div`,Ut,[n(`div`,Wt,[n(`div`,Gt,[n(`h2`,Kt,u(e.$t(`seedance.name.returnLastFrame`)),1),o(l,{content:e.$t(`seedance.description.returnLastFrame`),class:`info`},null,8,[`content`])])]),n(`div`,qt,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):p(``,!0)}var Yt=G(Ht,[[`render`,Jt],[`__scopeId`,`data-v-edea5451`]]),Xt=r({name:`SeedanceSeedInput`,components:{ElInputNumber:C,InfoIcon:Z},computed:{value:{get(){let e=this.$store.state.seedance?.config?.seed;return typeof e==`number`?e:-1},set(e){let t={...this.$store.state.seedance?.config||{}};t.seed=typeof e==`number`&&Number.isInteger(e)?e:-1,this.$store.commit(`seedance/setConfig`,t)}}}}),Zt={class:`field`},Qt={class:`label`},$t={class:`box`},en={class:`title font-bold`},tn={class:`value`};function nn(e,r,i,a,s,c){let l=m(`info-icon`),f=m(`el-input-number`);return d(),t(`div`,Zt,[n(`div`,Qt,[n(`div`,$t,[n(`h2`,en,u(e.$t(`seedance.name.seed`)),1),o(l,{content:e.$t(`seedance.description.seed`),class:`info`},null,8,[`content`])])]),n(`div`,tn,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,min:-1,max:2147483647,step:1,size:`default`,"controls-position":`right`,class:`counter`},null,8,[`modelValue`])])])}var rn=r({name:`SeedanceConfigPanel`,components:{ElButton:g,FontAwesomeIcon:Y,PromptInput:Ce,ModelSelector:Ae,DurationSelector:Le,ResolutionSelector:Ke,RatioSelector:rt,GenerateAudioSwitch:dt,CameraFixedSwitch:yt,ServiceTierSelector:Vt,ReturnLastFrameSwitch:Yt,SeedInput:G(Xt,[[`render`,nn],[`__scopeId`,`data-v-685a9869`]]),FirstFrameImage:Dt,LastFrameImage:Pt,Consumption:ge},emits:[`generate`],computed:{config(){return this.$store.state.seedance?.config},consumption(){return se(this.config,this.service?.cost)},service(){return this.$store.state.seedance?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),an={class:`flex flex-col h-full`},on={class:`flex-1 overflow-y-auto p-5`},sn={class:`flex flex-col items-center justify-center px-5 pb-5`};function cn(e,r,a,s,c,l){let f=m(`prompt-input`),p=m(`model-selector`),g=m(`ratio-selector`),_=m(`resolution-selector`),v=m(`duration-selector`),y=m(`service-tier-selector`),b=m(`generate-audio-switch`),x=m(`camera-fixed-switch`),S=m(`return-last-frame-switch`),C=m(`seed-input`),w=m(`first-frame-image`),T=m(`last-frame-image`),E=m(`consumption`),D=m(`font-awesome-icon`),O=m(`el-button`);return d(),t(`div`,an,[n(`div`,on,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),o(w,{class:`mb-2`}),o(T,{class:`mb-2`})]),n(`div`,sn,[o(E,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(O,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[o(D,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`seedance.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ln=G(rn,[[`render`,cn]]),un=r({name:`SeedanceTaskPreview`,components:{ElImage:x,CopyToClipboard:ue,FontAwesomeIcon:Y,ElAlert:S,VideoPlayer:be,ElTooltip:b,ElButton:g,ImageWrapper:ve,ImagePreview:X,ApiCodeButton:_e},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:F}},computed:{video(){return this.modelValue?.response?.data},referenceImages(){let e=this.modelValue?.request?.images;if(!Array.isArray(e))return[];let t=[],n=e.find(e=>e?.role===`first_frame`);n?.url&&t.push({url:n.url,name:`first-frame`});let r=e.find(e=>e?.role===`last_frame`);return r?.url&&t.push({url:r.url,name:`last-frame`}),e.forEach((e,n)=>{e?.url&&e.role!==`first_frame`&&e.role!==`last_frame`&&t.push({url:e.url,name:e.role||`image-${n}`})}),t}},methods:{onDownload(e){window.open(e,`_blank`)}}}),dn={class:`preview`},fn={class:`left`},pn={class:`main`},mn={class:`bot`},hn={class:`datetime`},gn={class:`info`},_n={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},vn={key:1,class:`prompt mt-2`},yn={key:0},bn={key:1},xn={key:0,class:l({content:!0})},Sn={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Cn={key:1,class:l({content:!0})},wn={key:0,class:`mb-4`},Tn={key:1,class:`mb-4`},En={key:2,class:l({operations:!0,"mt-2":!0,"mb-2":!0})},Dn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},On={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},An={key:0},jn={key:1},Mn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pn={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Fn={key:2,class:l({content:!0})},In={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ln={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Rn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Bn={key:3,class:l({content:!0})},Vn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Hn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Un(r,c,l,g,_,v){let y=m(`el-image`),b=m(`image-preview`),x=m(`font-awesome-icon`),S=m(`copy-to-clipboard`),C=m(`el-alert`),w=m(`video-player`),T=m(`image-wrapper`),E=m(`el-button`),D=m(`el-tooltip`),O=m(`api-code-button`);return d(),t(`div`,dn,[n(`div`,fn,[o(y,{src:r.seedanceLogo,class:`avatar`},null,8,[`src`])]),n(`div`,pn,[n(`div`,mn,[i(u(r.$t(`seedance.name.seedanceBot`))+` `,1),n(`span`,hn,u(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,gn,[r.referenceImages.length>0?(d(),t(`div`,_n,[(d(!0),t(s,null,e(r.referenceImages,(e,t)=>(d(),a(b,{key:t,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128))])):p(``,!0),r.modelValue?.request?.prompt?(d(),t(`p`,vn,[i(u(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?r.video?.status===`processing`||r.video?.status===`pending`?(d(),t(`span`,bn,` - (`+u(r.$t(`seedance.status.processing`))+`) `,1)):p(``,!0):(d(),t(`span`,yn,` - (`+u(r.$t(`seedance.status.pending`))+`) `,1))])):p(``,!0)]),r.modelValue?.response?r.modelValue?.response?.success===!0?(d(),t(`div`,Cn,[r.video?.video_url?(d(),t(`div`,wn,[o(w,{src:r.video?.video_url},null,8,[`src`])])):p(``,!0),r.video?.last_frame_url?(d(),t(`div`,Tn,[o(T,{src:r.video?.last_frame_url,"raw-src":r.video?.last_frame_url},null,8,[`src`,`raw-src`])])):p(``,!0),r.video?.video_url?(d(),t(`div`,En,[o(D,{class:`box-item`,effect:`dark`,content:r.$t(`seedance.message.downloadVideo`),placement:`top-start`},{default:h(()=>[o(E,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=f(e=>r.onDownload(r.video?.video_url),[`stop`])},{default:h(()=>[i(u(r.$t(`seedance.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(O,{path:`/seedance/videos`,body:r.modelValue?.request},null,8,[`body`])])):p(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:h(()=>[r.modelValue?.request?.model?(d(),t(`p`,Dn,[o(x,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.model`))+`: `+u(r.modelValue?.request?.model),1)])):p(``,!0),r.video?.duration?(d(),t(`p`,On,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.duration`))+`: `+u(r.video?.duration)+`s `,1)])):p(``,!0),r.video?.resolution?(d(),t(`p`,kn,[o(x,{icon:`fa-solid fa-expand`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.resolution`))+`: `+u(r.video?.resolution)+` `,1),r.video?.ratio?(d(),t(`span`,An,` · `+u(r.video?.ratio),1)):p(``,!0),r.video?.framespersecond?(d(),t(`span`,jn,` · `+u(r.video?.framespersecond)+`fps`,1)):p(``,!0)])):p(``,!0),r.modelValue?.request?.generate_audio?(d(),t(`p`,Mn,[o(x,{icon:`fa-solid fa-volume-up`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.generateAudio`))+`: `+u(r.$t(`seedance.button.on`)),1)])):p(``,!0),n(`p`,Nn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,$,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),r.modelValue?.response?.trace_id?(d(),t(`p`,Pn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(S,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(d(),t(`div`,Fn,[o(C,{closable:!1,class:`failure`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.failure`)),1)]),default:h(()=>[n(`p`,In,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.response?.error?.message?(d(),t(`p`,Ln,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.failureReason`))+`: `+u(r.modelValue?.response?.error?.message)+` `,1),o(S,{content:r.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0),r.modelValue?.elapsed?(d(),t(`p`,Rn,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),r.modelValue?.response?.trace_id?(d(),t(`p`,zn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(S,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0)]),_:1})])):(d(),t(`div`,Bn,[o(C,{closable:!1,class:`info`},{template:h(()=>[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.status`)),1)]),default:h(()=>[n(`p`,Vn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.response?.trace_id?(d(),t(`p`,Hn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(S,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0)]),_:1})])):(d(),t(`div`,xn,[o(C,{closable:!1,class:`info`},{template:h(()=>[o(x,{icon:`fa-regular fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.status.pending`)),1)]),default:h(()=>[n(`p`,Sn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})]))])])}var Wn=r({name:`SeedanceRecentPanel`,components:{TaskPreview:G(un,[[`render`,Un],[`__scopeId`,`data-v-8b7e10f0`]]),BotPlaceholder:de,NoTasks:he,ScrollList:fe},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.seedance?.tasks,items:this.$store.state.seedance?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Gn={key:0},Kn={key:2,class:`w-full h-full flex items-center justify-center`};function qn(n,r,i,c,l,u){let f=m(`bot-placeholder`),g=m(`task-preview`),_=m(`scroll-list`),v=m(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Gn,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:h(()=>[(d(!0),t(s,null,e(n.tasks?.items,e=>(d(),a(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):p(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Kn,[o(v)])):p(``,!0)],64)}var Jn=G(Wn,[[`render`,qn]]),Yn=L(`seedance`),Xn=r({name:`SeedanceIndex`,components:{ConfigPanel:ln,Layout:ye,RecentPanel:Jn},mixins:[ce],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.seedance?.status?.getApplications===J.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===J.Request||this.fetchingTasks},credential(){return this.$store.state.seedance?.credential},config(){return this.$store.state.seedance?.config},tasks(){return this.$store.state.seedance?.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await pe({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(){await this.$store.dispatch(`seedance/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`seedance/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!le(this.uploadTracker,e=>this.$t(e),e=>H.warning(e)))return;let e={...this.config||{}};if(typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),Array.isArray(e?.images)){e.images=e.images.filter(e=>!!e?.url);let t=e.images.some(e=>e?.role===`first_frame`),n=e.images.some(e=>e?.role===`last_frame`);!t&&n&&(e.images=e.images.map(e=>e?.role===`last_frame`?{...e,role:`first_frame`}:e))}let t=Array.isArray(e?.images)&&e.images.length>0;if(!t&&`images`in e&&delete e.images,e?.model&&!ee[e.model]){H.warning(this.$t(`seedance.message.modelUnsupported`));return}let n=T(e?.model);if(n.requiresImage&&!t){H.warning(this.$t(`seedance.message.modelRequiresImage`));return}if(!n.acceptsImage&&t){H.warning(this.$t(`seedance.message.modelRejectsImage`));return}if(!n.acceptsText&&!t){H.warning(this.$t(`seedance.message.modelRequiresImage`));return}!n.acceptsAudio&&e.generate_audio&&(e.generate_audio=!1),!n.acceptsReturnLastFrame&&e.return_last_frame&&(e.return_last_frame=!1),!n.acceptsLastFrame&&t&&(e.images=e.images.filter(e=>e?.role!==`last_frame`));let r={...e,callback_url:Yn},i=this.credential?.token;if(!i){console.error(`no token specified`);return}H.info(this.$t(`seedance.message.startingTask`)),K(`seedance`,V.generate(r,{token:i})).then(()=>{H.success(this.$t(`seedance.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?H.error(this.$t(`seedance.message.usedUp`)):H.error(this.$t(`seedance.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Zn(e,t,n,r,i,s){let c=m(`config-panel`),l=m(`recent-panel`),u=m(`layout`);return d(),a(u,null,{config:h(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:h(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Qn=G(Xn,[[`render`,Zn]]);export{Qn as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,k as p,tt as m,ut as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-DfsQodL-.js";import{r as _,t as v}from"./select-ChrghZdq.js";import{t as y}from"./upload-Da-O-e6z.js";import{t as b}from"./tooltip-BLwTovWL.js";import{t as x}from"./image-Byij2YF_.js";import{t as S}from"./alert-OvnfgMB-.js";import{t as C}from"./input-number-BSfZnYzy.js";import{t as w}from"./switch-BnyHYpIj.js";import{$t as T,At as E,Bt as D,Ft as O,Gt as k,Ht as ee,It as A,Jt as j,Kt as M,Lt as N,Nt as P,Pt as F,Qt as te,Rt as ne,Ut as re,Vt as ie,Wt as ae,Yt as I,Zt as oe,_i as L,jt as R,qt as z,zt as B}from"./constants-Doj9A7vw.js";import{$t as V,Ar as H,At as U,Cr as W,E as G,In as K,Mt as q,Pt as se,br as J,jt as ce,kt as le}from"./index-GNIRULpP.js";import{t as Y}from"./index.es-BiR7C8is.js";import{t as ue}from"./CopyToClipboard-Rmd8YAx9.js";import{t as X}from"./ImagePreview-DAzwYsLG.js";import{t as de}from"./BotPlaceholder-C6fcffYi.js";import{i as Z,n as fe,t as pe}from"./pagination-BwffSnuv.js";import{n as me,t as he}from"./NoTasks-C6XmMSFO.js";import{t as ge}from"./Consumption-BobAFFfW.js";import{t as _e}from"./ApiCodeButton-BZfzlGoT.js";import{t as ve}from"./ImageWrapper-CfqL_TA7.js";import{t as ye}from"./Seedance-Ct--Q4ZJ.js";import{t as be}from"./VideoPlayer-B7Rh5hn5.js";var xe=r({name:`SeedancePromptInput`,components:{PromptTextarea:me},computed:{prompt:{get(){return this.$store.state.seedance?.config?.prompt},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Se(e,t,n,r,i,o){let s=m(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`seedance.name.prompt`),info:e.$t(`seedance.description.prompt`),placeholder:e.$t(`seedance.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ce=G(xe,[[`render`,Se]]),we=r({name:`SeedanceModelSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:Z},data(){return{options:[{value:D,label:this.$t(`seedance.model.seedance20`)},{value:ie,label:this.$t(`seedance.model.seedance20Fast`)},{value:B,label:this.$t(`seedance.model.seedance15pro`)},{value:N,label:this.$t(`seedance.model.seedance10pro`)},{value:ne,label:this.$t(`seedance.model.seedance10proFast`)},{value:A,label:this.$t(`seedance.model.seedance10liteT2v`)},{value:O,label:this.$t(`seedance.model.seedance10liteI2v`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.model},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,model:e})}}},mounted(){this.value||=E}}),Te={class:`field`},Ee={class:`label`},De={class:`box`},Oe={class:`title font-bold`};function ke(r,i,c,l,f,p){let g=m(`info-icon`),_=m(`el-option`),v=m(`el-select`);return d(),t(`div`,Te,[n(`div`,Ee,[n(`div`,De,[n(`h2`,Oe,u(r.$t(`seedance.name.model`)),1),o(g,{content:r.$t(`seedance.description.model`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:h(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ae=G(we,[[`render`,ke],[`__scopeId`,`data-v-61816a81`]]),je=r({name:`SeedanceDurationSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:Z},data(){return{options:[{value:2,label:`2s`},{value:3,label:`3s`},{value:4,label:`4s`},{value:5,label:`5s`},{value:6,label:`6s`},{value:7,label:`7s`},{value:8,label:`8s`},{value:9,label:`9s`},{value:10,label:`10s`},{value:11,label:`11s`},{value:12,label:`12s`}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.duration},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,duration:e})}}},mounted(){this.value||=5}}),Me={class:`field`},Ne={class:`label`},Pe={class:`box`},Fe={class:`title font-bold`};function Ie(r,i,c,l,f,p){let g=m(`info-icon`),_=m(`el-option`),v=m(`el-select`);return d(),t(`div`,Me,[n(`div`,Ne,[n(`div`,Pe,[n(`h2`,Fe,u(r.$t(`seedance.name.duration`)),1),o(g,{content:r.$t(`seedance.description.duration`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:h(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Le=G(je,[[`render`,Ie],[`__scopeId`,`data-v-5c809a72`]]),Re=I,Q={[j]:0,[I]:1,[z]:2},ze=r({name:`SeedanceResolutionSelector`,components:{InfoIcon:Z,ElTooltip:b},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return T(this.model)},isLiteModel(){return typeof this.model==`string`&&this.model.includes(`-lite-`)},options(){let e=[{value:j,label:`480p`},{value:I,label:`720p`},{value:z,label:`1080p`}],t=this.isLiteModel;return e.map(e=>({...e,disabled:t&&Q[e.value]>Q[Re]}))},value:{get(){return this.$store.state.seedance?.config?.resolution},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,resolution:e})}}},watch:{model(){this.clampValue()}},mounted(){this.value?this.clampValue():this.value=this.capability.defaultResolution||`720p`},methods:{onSelect(e){e.disabled||(this.value=e.value)},clampValue(){let e=this.value,t=this.options.find(t=>t.value===e);(!e||t&&t.disabled)&&(this.value=this.capability.defaultResolution||`720p`)}}}),Be={class:`resolution`},Ve={class:`header`},He={class:`title font-bold`},Ue={class:`items`},We=[`onClick`];function Ge(r,i,c,f,p,g){let _=m(`info-icon`),v=m(`el-tooltip`);return d(),t(`div`,Be,[n(`div`,Ve,[n(`h2`,He,u(r.$t(`seedance.name.resolution`)),1),o(_,{content:r.$t(`seedance.description.resolution`),class:`info`},null,8,[`content`])]),n(`div`,Ue,[(d(!0),t(s,null,e(r.options,e=>(d(),a(v,{key:e.value,content:r.$t(`seedance.message.resolutionNotSupported`),disabled:!e.disabled,placement:`top`},{default:h(()=>[n(`div`,{class:l([`item`,{active:r.value===e.value,disabled:e.disabled}]),onClick:t=>r.onSelect(e)},u(e.label),11,We)]),_:2},1032,[`content`,`disabled`]))),128))])])}var Ke=G(ze,[[`render`,Ge],[`__scopeId`,`data-v-fd8d4e4b`]]),qe=r({name:`SeedanceRatioSelector`,components:{InfoIcon:Z},computed:{options(){return[{value:re,label:`16:9`,w:32,h:18},{value:k,label:`9:16`,w:18,h:32},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`1:1`,label:`1:1`,w:24,h:24},{value:ae,label:`21:9`,w:34,h:14},{value:M,label:this.$t(`seedance.ratio.adaptive`),w:0,h:0}]},value:{get(){return this.$store.state.seedance?.config?.ratio},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,ratio:e})}}},mounted(){this.value||=R}}),Je={class:`ratio`},Ye={class:`header`},Xe={class:`title font-bold`},Ze={class:`items`},Qe=[`onClick`],$e={class:`preview`},et={key:1,class:`rect rect-auto`},tt={class:`name`};function nt(r,i,a,f,p,h){let g=m(`info-icon`);return d(),t(`div`,Je,[n(`div`,Ye,[n(`h2`,Xe,u(r.$t(`seedance.name.ratio`)),1),o(g,{content:r.$t(`seedance.description.ratio`),class:`info`},null,8,[`content`])]),n(`div`,Ze,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},[n(`div`,$e,[e.w&&e.h?(d(),t(`div`,{key:0,class:`rect`,style:c({width:e.w+`px`,height:e.h+`px`})},null,4)):(d(),t(`div`,et,`A`))]),n(`div`,tt,u(e.label),1)],10,Qe))),128))])])}var rt=G(qe,[[`render`,nt],[`__scopeId`,`data-v-8ddec2dd`]]),it=r({name:`SeedanceGenerateAudioSwitch`,components:{ElSwitch:w,InfoIcon:Z},computed:{isSupported(){let e=this.$store.state.seedance?.config?.model;return T(e).acceptsAudio},value:{get(){return this.$store.state.seedance?.config?.generate_audio??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,generate_audio:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),at={key:0,class:`field`},ot={class:`label`},st={class:`box`},ct={class:`title font-bold`},lt={class:`value`};function ut(e,r,i,a,s,c){let l=m(`info-icon`),f=m(`el-switch`);return e.isSupported?(d(),t(`div`,at,[n(`div`,ot,[n(`div`,st,[n(`h2`,ct,u(e.$t(`seedance.name.generateAudio`)),1),o(l,{content:e.$t(`seedance.description.generateAudio`),class:`info`},null,8,[`content`])])]),n(`div`,lt,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):p(``,!0)}var dt=G(it,[[`render`,ut],[`__scopeId`,`data-v-df51dfbd`]]),ft=r({name:`SeedanceCameraFixedSwitch`,components:{ElSwitch:w,InfoIcon:Z},computed:{value:{get(){return this.$store.state.seedance?.config?.camerafixed??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,camerafixed:e})}}},mounted(){this.$store.state.seedance?.config?.camerafixed===void 0&&(this.value=!1)}}),pt={class:`field`},mt={class:`label`},ht={class:`box`},gt={class:`title font-bold`},_t={class:`value`};function vt(e,r,i,a,s,c){let l=m(`info-icon`),f=m(`el-switch`);return d(),t(`div`,pt,[n(`div`,mt,[n(`div`,ht,[n(`h2`,gt,u(e.$t(`seedance.name.cameraFixed`)),1),o(l,{content:e.$t(`seedance.description.cameraFixed`),class:`info`},null,8,[`content`])])]),n(`div`,_t,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])}var yt=G(ft,[[`render`,vt],[`__scopeId`,`data-v-ae777d61`]]),bt=r({name:`SeedanceFirstFrameImage`,components:{ElUpload:y,ElButton:g,InfoIcon:Z,FontAwesomeIcon:Y,ImagePreview:X},mixins:[q,U],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return T(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsImage"(e){e||(this.fileList=[],this.onSetFirstFrameUrl())}},methods:{onExceed(){H.warning(this.$t(`seedance.message.uploadExceed`))},onError(){H.error(this.$t(`seedance.message.uploadError`))},onSetFirstFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`first_frame`);e&&t.push({url:e,role:`first_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetFirstFrameUrl()},async onRemove(){this.onSetFirstFrameUrl()}}}),xt={key:0,class:`relative`},St={class:`flex justify-between`},Ct={class:`flex justify-start items-center`},wt={class:`text-sm font-bold`},Tt={key:0,class:`required-badge`};function Et(e,r,s,c,l,f){let g=m(`info-icon`),_=m(`image-preview`),v=m(`font-awesome-icon`),y=m(`el-button`),b=m(`el-upload`);return e.capability.acceptsImage?(d(),t(`div`,xt,[n(`div`,St,[n(`div`,Ct,[n(`span`,wt,u(e.$t(`seedance.name.firstFrame`)),1),e.capability.requiresImage?(d(),t(`span`,Tt,u(e.$t(`seedance.name.required`)),1)):p(``,!0),o(g,{content:e.$t(`seedance.description.firstFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):p(``,!0)]),default:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):p(``,!0)}var Dt=G(bt,[[`render`,Et],[`__scopeId`,`data-v-e2597f23`]]),Ot=r({name:`SeedanceLastFrameImage`,components:{ElUpload:y,ElButton:g,ImagePreview:X,InfoIcon:Z,FontAwesomeIcon:Y},mixins:[q,U],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return T(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsLastFrame"(e){e||(this.fileList=[],this.onSetLastFrameUrl())}},methods:{onExceed(){H.warning(this.$t(`seedance.message.uploadExceed`))},onError(){H.error(this.$t(`seedance.message.uploadError`))},onSetLastFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`last_frame`);e&&t.push({url:e,role:`last_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetLastFrameUrl()},async onRemove(){this.onSetLastFrameUrl()}}}),kt={key:0,class:`relative`},At={class:`flex justify-between`},jt={class:`flex justify-start items-center`},Mt={class:`text-sm font-bold`};function Nt(e,r,s,c,l,f){let g=m(`info-icon`),_=m(`image-preview`),v=m(`font-awesome-icon`),y=m(`el-button`),b=m(`el-upload`);return e.capability.acceptsLastFrame?(d(),t(`div`,kt,[n(`div`,At,[n(`div`,jt,[n(`span`,Mt,u(e.$t(`seedance.name.lastFrame`)),1),o(g,{content:e.$t(`seedance.description.lastFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):p(``,!0)]),default:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):p(``,!0)}var Pt=G(Ot,[[`render`,Nt],[`__scopeId`,`data-v-3a191e51`]]),Ft=r({name:`SeedanceServiceTierSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:Z},data(){return{options:[{value:oe,label:this.$t(`seedance.serviceTier.default`)},{value:te,label:this.$t(`seedance.serviceTier.flex`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.service_tier},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,service_tier:e})}}},mounted(){this.value||=P}}),It={class:`field`},Lt={class:`label`},Rt={class:`box`},zt={class:`title font-bold`};function Bt(r,i,c,l,f,p){let g=m(`info-icon`),_=m(`el-option`),v=m(`el-select`);return d(),t(`div`,It,[n(`div`,Lt,[n(`div`,Rt,[n(`h2`,zt,u(r.$t(`seedance.name.serviceTier`)),1),o(g,{content:r.$t(`seedance.description.serviceTier`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:h(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Vt=G(Ft,[[`render`,Bt],[`__scopeId`,`data-v-cc938de2`]]),Ht=r({name:`SeedanceReturnLastFrameSwitch`,components:{ElSwitch:w,InfoIcon:Z},computed:{model(){return this.$store.state.seedance?.config?.model},isSupported(){return T(this.model).acceptsReturnLastFrame},value:{get(){return this.$store.state.seedance?.config?.return_last_frame},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,return_last_frame:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),Ut={key:0,class:`field`},Wt={class:`label`},Gt={class:`box`},Kt={class:`title font-bold`},qt={class:`value`};function Jt(e,r,i,a,s,c){let l=m(`info-icon`),f=m(`el-switch`);return e.isSupported?(d(),t(`div`,Ut,[n(`div`,Wt,[n(`div`,Gt,[n(`h2`,Kt,u(e.$t(`seedance.name.returnLastFrame`)),1),o(l,{content:e.$t(`seedance.description.returnLastFrame`),class:`info`},null,8,[`content`])])]),n(`div`,qt,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):p(``,!0)}var Yt=G(Ht,[[`render`,Jt],[`__scopeId`,`data-v-edea5451`]]),Xt=r({name:`SeedanceSeedInput`,components:{ElInputNumber:C,InfoIcon:Z},computed:{value:{get(){let e=this.$store.state.seedance?.config?.seed;return typeof e==`number`?e:-1},set(e){let t={...this.$store.state.seedance?.config||{}};t.seed=typeof e==`number`&&Number.isInteger(e)?e:-1,this.$store.commit(`seedance/setConfig`,t)}}}}),Zt={class:`field`},Qt={class:`label`},$t={class:`box`},en={class:`title font-bold`},tn={class:`value`};function nn(e,r,i,a,s,c){let l=m(`info-icon`),f=m(`el-input-number`);return d(),t(`div`,Zt,[n(`div`,Qt,[n(`div`,$t,[n(`h2`,en,u(e.$t(`seedance.name.seed`)),1),o(l,{content:e.$t(`seedance.description.seed`),class:`info`},null,8,[`content`])])]),n(`div`,tn,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,min:-1,max:2147483647,step:1,size:`default`,"controls-position":`right`,class:`counter`},null,8,[`modelValue`])])])}var rn=r({name:`SeedanceConfigPanel`,components:{ElButton:g,FontAwesomeIcon:Y,PromptInput:Ce,ModelSelector:Ae,DurationSelector:Le,ResolutionSelector:Ke,RatioSelector:rt,GenerateAudioSwitch:dt,CameraFixedSwitch:yt,ServiceTierSelector:Vt,ReturnLastFrameSwitch:Yt,SeedInput:G(Xt,[[`render`,nn],[`__scopeId`,`data-v-685a9869`]]),FirstFrameImage:Dt,LastFrameImage:Pt,Consumption:ge},emits:[`generate`],computed:{config(){return this.$store.state.seedance?.config},consumption(){return se(this.config,this.service?.cost)},service(){return this.$store.state.seedance?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),an={class:`flex flex-col h-full`},on={class:`flex-1 overflow-y-auto p-5`},sn={class:`flex flex-col items-center justify-center px-5 pb-5`};function cn(e,r,a,s,c,l){let f=m(`prompt-input`),p=m(`model-selector`),g=m(`ratio-selector`),_=m(`resolution-selector`),v=m(`duration-selector`),y=m(`service-tier-selector`),b=m(`generate-audio-switch`),x=m(`camera-fixed-switch`),S=m(`return-last-frame-switch`),C=m(`seed-input`),w=m(`first-frame-image`),T=m(`last-frame-image`),E=m(`consumption`),D=m(`font-awesome-icon`),O=m(`el-button`);return d(),t(`div`,an,[n(`div`,on,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),o(w,{class:`mb-2`}),o(T,{class:`mb-2`})]),n(`div`,sn,[o(E,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(O,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[o(D,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`seedance.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ln=G(rn,[[`render`,cn]]),un=r({name:`SeedanceTaskPreview`,components:{ElImage:x,CopyToClipboard:ue,FontAwesomeIcon:Y,ElAlert:S,VideoPlayer:be,ElTooltip:b,ElButton:g,ImageWrapper:ve,ImagePreview:X,ApiCodeButton:_e},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:F}},computed:{video(){return this.modelValue?.response?.data},referenceImages(){let e=this.modelValue?.request?.images;if(!Array.isArray(e))return[];let t=[],n=e.find(e=>e?.role===`first_frame`);n?.url&&t.push({url:n.url,name:`first-frame`});let r=e.find(e=>e?.role===`last_frame`);return r?.url&&t.push({url:r.url,name:`last-frame`}),e.forEach((e,n)=>{e?.url&&e.role!==`first_frame`&&e.role!==`last_frame`&&t.push({url:e.url,name:e.role||`image-${n}`})}),t}},methods:{onDownload(e){window.open(e,`_blank`)}}}),dn={class:`preview`},fn={class:`left`},pn={class:`main`},mn={class:`bot`},hn={class:`datetime`},gn={class:`info`},_n={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},vn={key:1,class:`prompt mt-2`},yn={key:0},bn={key:1},xn={key:0,class:l({content:!0})},Sn={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Cn={key:1,class:l({content:!0})},wn={key:0,class:`mb-4`},Tn={key:1,class:`mb-4`},En={key:2,class:l({operations:!0,"mt-2":!0,"mb-2":!0})},Dn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},On={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},An={key:0},jn={key:1},Mn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pn={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Fn={key:2,class:l({content:!0})},In={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ln={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Rn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Bn={key:3,class:l({content:!0})},Vn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Hn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Un(r,c,l,g,_,v){let y=m(`el-image`),b=m(`image-preview`),x=m(`font-awesome-icon`),S=m(`copy-to-clipboard`),C=m(`el-alert`),w=m(`video-player`),T=m(`image-wrapper`),E=m(`el-button`),D=m(`el-tooltip`),O=m(`api-code-button`);return d(),t(`div`,dn,[n(`div`,fn,[o(y,{src:r.seedanceLogo,class:`avatar`},null,8,[`src`])]),n(`div`,pn,[n(`div`,mn,[i(u(r.$t(`seedance.name.seedanceBot`))+` `,1),n(`span`,hn,u(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,gn,[r.referenceImages.length>0?(d(),t(`div`,_n,[(d(!0),t(s,null,e(r.referenceImages,(e,t)=>(d(),a(b,{key:t,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128))])):p(``,!0),r.modelValue?.request?.prompt?(d(),t(`p`,vn,[i(u(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?r.video?.status===`processing`||r.video?.status===`pending`?(d(),t(`span`,bn,` - (`+u(r.$t(`seedance.status.processing`))+`) `,1)):p(``,!0):(d(),t(`span`,yn,` - (`+u(r.$t(`seedance.status.pending`))+`) `,1))])):p(``,!0)]),r.modelValue?.response?r.modelValue?.response?.success===!0?(d(),t(`div`,Cn,[r.video?.video_url?(d(),t(`div`,wn,[o(w,{src:r.video?.video_url},null,8,[`src`])])):p(``,!0),r.video?.last_frame_url?(d(),t(`div`,Tn,[o(T,{src:r.video?.last_frame_url,"raw-src":r.video?.last_frame_url},null,8,[`src`,`raw-src`])])):p(``,!0),r.video?.video_url?(d(),t(`div`,En,[o(D,{class:`box-item`,effect:`dark`,content:r.$t(`seedance.message.downloadVideo`),placement:`top-start`},{default:h(()=>[o(E,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=f(e=>r.onDownload(r.video?.video_url),[`stop`])},{default:h(()=>[i(u(r.$t(`seedance.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(O,{path:`/seedance/videos`,body:r.modelValue?.request},null,8,[`body`])])):p(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:h(()=>[r.modelValue?.request?.model?(d(),t(`p`,Dn,[o(x,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.model`))+`: `+u(r.modelValue?.request?.model),1)])):p(``,!0),r.video?.duration?(d(),t(`p`,On,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.duration`))+`: `+u(r.video?.duration)+`s `,1)])):p(``,!0),r.video?.resolution?(d(),t(`p`,kn,[o(x,{icon:`fa-solid fa-expand`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.resolution`))+`: `+u(r.video?.resolution)+` `,1),r.video?.ratio?(d(),t(`span`,An,` · `+u(r.video?.ratio),1)):p(``,!0),r.video?.framespersecond?(d(),t(`span`,jn,` · `+u(r.video?.framespersecond)+`fps`,1)):p(``,!0)])):p(``,!0),r.modelValue?.request?.generate_audio?(d(),t(`p`,Mn,[o(x,{icon:`fa-solid fa-volume-up`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.generateAudio`))+`: `+u(r.$t(`seedance.button.on`)),1)])):p(``,!0),n(`p`,Nn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,$,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),r.modelValue?.response?.trace_id?(d(),t(`p`,Pn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(S,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(d(),t(`div`,Fn,[o(C,{closable:!1,class:`failure`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.failure`)),1)]),default:h(()=>[n(`p`,In,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.response?.error?.message?(d(),t(`p`,Ln,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.failureReason`))+`: `+u(r.modelValue?.response?.error?.message)+` `,1),o(S,{content:r.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0),r.modelValue?.elapsed?(d(),t(`p`,Rn,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),r.modelValue?.response?.trace_id?(d(),t(`p`,zn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(S,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0)]),_:1})])):(d(),t(`div`,Bn,[o(C,{closable:!1,class:`info`},{template:h(()=>[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.status`)),1)]),default:h(()=>[n(`p`,Vn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.response?.trace_id?(d(),t(`p`,Hn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(S,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0)]),_:1})])):(d(),t(`div`,xn,[o(C,{closable:!1,class:`info`},{template:h(()=>[o(x,{icon:`fa-regular fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.status.pending`)),1)]),default:h(()=>[n(`p`,Sn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})]))])])}var Wn=r({name:`SeedanceRecentPanel`,components:{TaskPreview:G(un,[[`render`,Un],[`__scopeId`,`data-v-8b7e10f0`]]),BotPlaceholder:de,NoTasks:he,ScrollList:fe},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.seedance?.tasks,items:this.$store.state.seedance?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Gn={key:0},Kn={key:2,class:`w-full h-full flex items-center justify-center`};function qn(n,r,i,c,l,u){let f=m(`bot-placeholder`),g=m(`task-preview`),_=m(`scroll-list`),v=m(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Gn,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:h(()=>[(d(!0),t(s,null,e(n.tasks?.items,e=>(d(),a(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):p(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Kn,[o(v)])):p(``,!0)],64)}var Jn=G(Wn,[[`render`,qn]]),Yn=L(`seedance`),Xn=r({name:`SeedanceIndex`,components:{ConfigPanel:ln,Layout:ye,RecentPanel:Jn},mixins:[ce],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.seedance?.status?.getApplications===J.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===J.Request||this.fetchingTasks},credential(){return this.$store.state.seedance?.credential},config(){return this.$store.state.seedance?.config},tasks(){return this.$store.state.seedance?.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await pe({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(){await this.$store.dispatch(`seedance/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`seedance/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!le(this.uploadTracker,e=>this.$t(e),e=>H.warning(e)))return;let e={...this.config||{}};if(typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),Array.isArray(e?.images)){e.images=e.images.filter(e=>!!e?.url);let t=e.images.some(e=>e?.role===`first_frame`),n=e.images.some(e=>e?.role===`last_frame`);!t&&n&&(e.images=e.images.map(e=>e?.role===`last_frame`?{...e,role:`first_frame`}:e))}let t=Array.isArray(e?.images)&&e.images.length>0;if(!t&&`images`in e&&delete e.images,e?.model&&!ee[e.model]){H.warning(this.$t(`seedance.message.modelUnsupported`));return}let n=T(e?.model);if(n.requiresImage&&!t){H.warning(this.$t(`seedance.message.modelRequiresImage`));return}if(!n.acceptsImage&&t){H.warning(this.$t(`seedance.message.modelRejectsImage`));return}if(!n.acceptsText&&!t){H.warning(this.$t(`seedance.message.modelRequiresImage`));return}!n.acceptsAudio&&e.generate_audio&&(e.generate_audio=!1),!n.acceptsReturnLastFrame&&e.return_last_frame&&(e.return_last_frame=!1),!n.acceptsLastFrame&&t&&(e.images=e.images.filter(e=>e?.role!==`last_frame`));let r={...e,callback_url:Yn},i=this.credential?.token;if(!i){console.error(`no token specified`);return}H.info(this.$t(`seedance.message.startingTask`)),K(`seedance`,V.generate(r,{token:i})).then(()=>{H.success(this.$t(`seedance.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?H.error(this.$t(`seedance.message.usedUp`)):H.error(this.$t(`seedance.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Zn(e,t,n,r,i,s){let c=m(`config-panel`),l=m(`recent-panel`),u=m(`layout`);return d(),a(u,null,{config:h(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:h(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Qn=G(Xn,[[`render`,Zn]]);export{Qn as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{D as e,F as t,O as n,P as r,Wt as i,Z as a,dt as o,nt as s,tt as c,ut as l}from"./vendor-chart-BJCvKk8-.js";import{n as u,t as d}from"./table-lRQt4LGt.js";import{t as f}from"./card-DjyfNde2.js";import{n as p,t as m}from"./row-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{D as e,F as t,O as n,P as r,Wt as i,Z as a,dt as o,nt as s,tt as c,ut as l}from"./vendor-chart-BJCvKk8-.js";import{n as u,t as d}from"./table-lRQt4LGt.js";import{t as f}from"./card-DjyfNde2.js";import{n as p,t as m}from"./row-BJuqTN4_.js";import{t as h}from"./Pagination-5dcmS8-D.js";import{An as g,E as _}from"./index-GNIRULpP.js";import{t as v}from"./CopyToClipboard-Rmd8YAx9.js";var y=t({name:`ConsoleDistributionInvitees`,components:{Pagination:h,CopyToClipboard:v,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){let{data:e}=await g.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:`-created_at`});this.invitees=e.items,this.total=e.count}}}),b={class:`title`},x={class:`key`},S={class:`copy`},C={class:`description`},w={class:`description`},T={class:`description`},E={class:`created-at`},D={class:`pagination m-v-lg`};function O(t,u,d,f,p,m){let h=c(`el-col`),g=c(`el-row`),_=c(`copy-to-clipboard`),v=c(`el-table-column`),y=c(`el-table`),O=c(`el-card`),k=c(`pagination`),A=s(`loading`);return a(),n(g,{class:`panel`},{default:l(()=>[r(h,{span:24},{default:l(()=>[r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[e(`h2`,b,i(t.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[r(O,{shadow:`hover`},{default:l(()=>[o((a(),n(y,{data:t.invitees,stripe:``},{default:l(()=>[r(v,{prop:`id`,label:t.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:l(t=>[e(`span`,x,i(t.row.id),1),e(`span`,S,[r(_,{content:t.row.id},null,8,[`content`])])]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.username`),width:`300px`},{default:l(t=>[e(`span`,C,i(t.row?.username),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.email`),width:`300px`},{default:l(t=>[e(`span`,w,i(t.row?.email),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.nickname`),width:`200px`},{default:l(t=>[e(`span`,T,i(t.row.nickname),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.dateJoined`)},{default:l(n=>[e(`span`,E,i(t.$dayjs.format(n.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,t.loading]])]),_:1})]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:10,offset:14},{default:l(()=>[e(`div`,D,[r(k,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var k=_(y,[[`render`,O],[`__scopeId`,`data-v-4556864d`]]);export{k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,nt as d,tt as f,ut as p}from"./vendor-chart-BJCvKk8-.js";import{t as m}from"./button-DfsQodL-.js";import{r as h,t as ee}from"./select-CaVHoKnx.js";import{n as g,t as _}from"./table-lRQt4LGt.js";import{t as v}from"./date-picker-C16zyit3.js";import{t as y}from"./card-DjyfNde2.js";import{n as b,t as x}from"./row-wXUgeDnc.js";import{t as S}from"./Pagination-BAWjps8A.js";import{t as C}from"./skeleton-C4sltx62.js";import{E as w,Fr as T,Ft as E,fr as D,wn as O}from"./index-RR0pFX0V.js";import{t as k}from"./index.es-BHX3zJS4.js";import{t as A}from"./CopyToClipboard-YFVkSCX-.js";var j={total_count:0,total_spent:0,state_counts:{}},M=r({name:`ConsoleOrderList`,components:{Pagination:S,CopyToClipboard:A,ElRow:x,ElCol:b,ElTable:_,ElTableColumn:g,ElButton:m,ElTag:T,ElCard:y,ElSelect:h,ElOption:ee,ElDatePicker:v,ElSkeleton:C,FontAwesomeIcon:k},data(){return{OrderState:D,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...j},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:D.PENDING,label:this.$t(`order.state.pending`)},{value:D.FINISHED,label:this.$t(`order.state.finished`)},{value:D.PAID,label:this.$t(`order.state.paid`)},{value:D.EXPIRED,label:this.$t(`order.state.expired`)},{value:D.FAILED,label:this.$t(`order.state.failed`)},{value:D.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:E,stateTagType(e){return e===D.FINISHED||e===D.PAID?`success`:e===D.EXPIRED||e===D.FAILED?`danger`:e===D.REFUNDED?`warning`:`info`},stateLabel(e){return{[D.PENDING]:this.$t(`order.state.pending`),[D.PAID]:this.$t(`order.state.paid`),[D.FINISHED]:this.$t(`order.state.finished`),[D.EXPIRED]:this.$t(`order.state.expired`),[D.FAILED]:this.$t(`order.state.failed`),[D.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==D.PAID&&e!==D.FINISHED&&e!==D.EXPIRED&&e!==D.FAILED&&e!==D.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,O.getAll({ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,O.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...j}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,O.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),N={class:`title`},P={key:1,class:`card-content`},F={class:`icon-wrapper`},I={class:`description`},L={class:`value`},R={key:1,class:`card-content`},z={class:`icon-wrapper`},B={class:`description`},V={class:`value`},H={key:1,class:`card-content`},U={class:`icon-wrapper`},te={class:`description`},W={class:`value`},G={key:1,class:`card-content`},K={class:`icon-wrapper`},q={class:`description`},J={class:`value`},Y={class:`filter-row mb-3`},X={class:`key`},Z={class:`cursor-pointer`},Q={class:`price`},$={class:`description`},ne={class:`text-gray-500`},re={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(r,m,h,ee,g,_){let v=f(`el-col`),y=f(`el-row`),b=f(`el-skeleton`),x=f(`font-awesome-icon`),S=f(`el-card`),C=f(`el-option`),w=f(`el-select`),T=f(`el-date-picker`),E=f(`el-button`),D=f(`copy-to-clipboard`),O=f(`el-table-column`),k=f(`el-tag`),A=f(`el-table`),j=f(`pagination`),M=d(`loading`);return l(),a(y,{class:`panel`},{default:p(()=>[o(v,{span:24},{default:p(()=>[o(y,null,{default:p(()=>[o(v,{span:24},{default:p(()=>[n(`h2`,N,c(r.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),o(y,{gutter:16},{default:p(()=>[o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,P,[n(`div`,F,[o(x,{icon:`fa-solid fa-receipt`,class:`icon`})]),n(`p`,I,c(r.$t(`order.title.totalOrders`)),1),n(`p`,L,c(r.summary.total_count),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,R,[n(`div`,z,[o(x,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),n(`p`,B,c(r.$t(`order.title.totalSpent`)),1),n(`p`,V,c(r.getPriceString({value:r.summary.total_spent})),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,H,[n(`div`,U,[o(x,{icon:`fa-solid fa-check-circle`,class:`icon`})]),n(`p`,te,c(r.$t(`order.title.finishedOrders`)),1),n(`p`,W,c(r.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,G,[n(`div`,K,[o(x,{icon:`fa-solid fa-clock`,class:`icon`})]),n(`p`,q,c(r.$t(`order.title.pendingOrders`)),1),n(`p`,J,c(r.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),n(`div`,Y,[o(w,{modelValue:r.filterState,"onUpdate:modelValue":m[0]||=e=>r.filterState=e,clearable:``,placeholder:r.$t(`order.field.allStates`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.stateOptions,e=>(l(),a(C,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(w,{modelValue:r.filterPayWay,"onUpdate:modelValue":m[1]||=e=>r.filterPayWay=e,clearable:``,placeholder:r.$t(`order.field.allPayWays`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.payWayOptions,e=>(l(),a(C,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(T,{modelValue:r.createdAtRange,"onUpdate:modelValue":m[2]||=e=>r.createdAtRange=e,type:`datetimerange`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),o(E,{type:`primary`,plain:``,loading:r.exporting,onClick:r.onExport},{default:p(()=>[o(x,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+c(r.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),o(y,null,{default:p(()=>[o(v,{span:24},{default:p(()=>[o(S,{shadow:`hover`},{default:p(()=>[u((l(),a(A,{data:r.orders,stripe:``,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:p(()=>[o(O,{prop:`id`,label:r.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:p(e=>[n(`span`,X,c(e.row.id),1),n(`span`,Z,[o(D,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.price`),width:`110px`,align:`center`},{default:p(e=>[n(`span`,Q,c(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,$,c(e.row.description),1)]),_:1},8,[`label`]),o(O,{prop:`state`,label:r.$t(`order.field.state`),width:`130px`,align:`center`},{default:p(e=>[o(k,{type:r.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:p(()=>[i(c(r.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,ne,c(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:p(e=>[n(`span`,re,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),o(O,{"min-width":`130px`,fixed:`right`},{default:p(e=>[n(`div`,ie,[r.isPendingAction(e.row.state)?(l(),a(E,{key:0,type:`primary`,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(l(),a(E,{key:1,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1})]),_:1})]),_:1}),o(y,null,{default:p(()=>[o(v,{span:10,offset:14},{default:p(()=>[n(`div`,ae,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=w(M,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,nt as d,tt as f,ut as p}from"./vendor-chart-BJCvKk8-.js";import{t as m}from"./button-DfsQodL-.js";import{r as h,t as ee}from"./select-ChrghZdq.js";import{n as g,t as _}from"./table-lRQt4LGt.js";import{t as v}from"./date-picker-DI9uIhaT.js";import{t as y}from"./card-DjyfNde2.js";import{n as b,t as x}from"./row-BJuqTN4_.js";import{t as S}from"./Pagination-5dcmS8-D.js";import{t as C}from"./skeleton-C4sltx62.js";import{E as w,Fr as T,Ft as E,fr as D,wn as O}from"./index-GNIRULpP.js";import{t as k}from"./index.es-BiR7C8is.js";import{t as A}from"./CopyToClipboard-Rmd8YAx9.js";var j={total_count:0,total_spent:0,state_counts:{}},M=r({name:`ConsoleOrderList`,components:{Pagination:S,CopyToClipboard:A,ElRow:x,ElCol:b,ElTable:_,ElTableColumn:g,ElButton:m,ElTag:T,ElCard:y,ElSelect:h,ElOption:ee,ElDatePicker:v,ElSkeleton:C,FontAwesomeIcon:k},data(){return{OrderState:D,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...j},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:D.PENDING,label:this.$t(`order.state.pending`)},{value:D.FINISHED,label:this.$t(`order.state.finished`)},{value:D.PAID,label:this.$t(`order.state.paid`)},{value:D.EXPIRED,label:this.$t(`order.state.expired`)},{value:D.FAILED,label:this.$t(`order.state.failed`)},{value:D.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:E,stateTagType(e){return e===D.FINISHED||e===D.PAID?`success`:e===D.EXPIRED||e===D.FAILED?`danger`:e===D.REFUNDED?`warning`:`info`},stateLabel(e){return{[D.PENDING]:this.$t(`order.state.pending`),[D.PAID]:this.$t(`order.state.paid`),[D.FINISHED]:this.$t(`order.state.finished`),[D.EXPIRED]:this.$t(`order.state.expired`),[D.FAILED]:this.$t(`order.state.failed`),[D.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==D.PAID&&e!==D.FINISHED&&e!==D.EXPIRED&&e!==D.FAILED&&e!==D.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,O.getAll({ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,O.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...j}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,O.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),N={class:`title`},P={key:1,class:`card-content`},F={class:`icon-wrapper`},I={class:`description`},L={class:`value`},R={key:1,class:`card-content`},z={class:`icon-wrapper`},B={class:`description`},V={class:`value`},H={key:1,class:`card-content`},U={class:`icon-wrapper`},te={class:`description`},W={class:`value`},G={key:1,class:`card-content`},K={class:`icon-wrapper`},q={class:`description`},J={class:`value`},Y={class:`filter-row mb-3`},X={class:`key`},Z={class:`cursor-pointer`},Q={class:`price`},$={class:`description`},ne={class:`text-gray-500`},re={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(r,m,h,ee,g,_){let v=f(`el-col`),y=f(`el-row`),b=f(`el-skeleton`),x=f(`font-awesome-icon`),S=f(`el-card`),C=f(`el-option`),w=f(`el-select`),T=f(`el-date-picker`),E=f(`el-button`),D=f(`copy-to-clipboard`),O=f(`el-table-column`),k=f(`el-tag`),A=f(`el-table`),j=f(`pagination`),M=d(`loading`);return l(),a(y,{class:`panel`},{default:p(()=>[o(v,{span:24},{default:p(()=>[o(y,null,{default:p(()=>[o(v,{span:24},{default:p(()=>[n(`h2`,N,c(r.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),o(y,{gutter:16},{default:p(()=>[o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,P,[n(`div`,F,[o(x,{icon:`fa-solid fa-receipt`,class:`icon`})]),n(`p`,I,c(r.$t(`order.title.totalOrders`)),1),n(`p`,L,c(r.summary.total_count),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,R,[n(`div`,z,[o(x,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),n(`p`,B,c(r.$t(`order.title.totalSpent`)),1),n(`p`,V,c(r.getPriceString({value:r.summary.total_spent})),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,H,[n(`div`,U,[o(x,{icon:`fa-solid fa-check-circle`,class:`icon`})]),n(`p`,te,c(r.$t(`order.title.finishedOrders`)),1),n(`p`,W,c(r.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,G,[n(`div`,K,[o(x,{icon:`fa-solid fa-clock`,class:`icon`})]),n(`p`,q,c(r.$t(`order.title.pendingOrders`)),1),n(`p`,J,c(r.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),n(`div`,Y,[o(w,{modelValue:r.filterState,"onUpdate:modelValue":m[0]||=e=>r.filterState=e,clearable:``,placeholder:r.$t(`order.field.allStates`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.stateOptions,e=>(l(),a(C,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(w,{modelValue:r.filterPayWay,"onUpdate:modelValue":m[1]||=e=>r.filterPayWay=e,clearable:``,placeholder:r.$t(`order.field.allPayWays`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.payWayOptions,e=>(l(),a(C,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(T,{modelValue:r.createdAtRange,"onUpdate:modelValue":m[2]||=e=>r.createdAtRange=e,type:`datetimerange`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),o(E,{type:`primary`,plain:``,loading:r.exporting,onClick:r.onExport},{default:p(()=>[o(x,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+c(r.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),o(y,null,{default:p(()=>[o(v,{span:24},{default:p(()=>[o(S,{shadow:`hover`},{default:p(()=>[u((l(),a(A,{data:r.orders,stripe:``,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:p(()=>[o(O,{prop:`id`,label:r.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:p(e=>[n(`span`,X,c(e.row.id),1),n(`span`,Z,[o(D,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.price`),width:`110px`,align:`center`},{default:p(e=>[n(`span`,Q,c(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,$,c(e.row.description),1)]),_:1},8,[`label`]),o(O,{prop:`state`,label:r.$t(`order.field.state`),width:`130px`,align:`center`},{default:p(e=>[o(k,{type:r.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:p(()=>[i(c(r.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,ne,c(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:p(e=>[n(`span`,re,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),o(O,{"min-width":`130px`,fixed:`right`},{default:p(e=>[n(`div`,ie,[r.isPendingAction(e.row.state)?(l(),a(E,{key:0,type:`primary`,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(l(),a(E,{key:1,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1})]),_:1})]),_:1}),o(y,null,{default:p(()=>[o(v,{span:10,offset:14},{default:p(()=>[n(`div`,ae,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=w(M,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,k as d,nt as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-DfsQodL-.js";import{n as g,t as ee}from"./table-lRQt4LGt.js";import{t as _}from"./card-DjyfNde2.js";import{n as v,t as y}from"./row-wXUgeDnc.js";import{t as b}from"./empty-DA4nlQUv.js";import{t as x}from"./Pagination-BAWjps8A.js";import{t as S}from"./skeleton-C4sltx62.js";import{t as C}from"./switch-DCgNz9H6.js";import{Ar as w,B as T,E,Er as D,Fr as O,P as k,_r as A,dr as j,jn as M,ur as N,vr as P}from"./index-RR0pFX0V.js";import{t as F}from"./index.es-BHX3zJS4.js";import{t as I}from"./CopyToClipboard-YFVkSCX-.js";var L=r({name:`ConsoleApplicationList`,components:{Pagination:x,CopyToClipboard:I,ElTable:ee,ElRow:y,ElButton:h,ElCol:v,ElTag:O,ElSkeleton:S,ElSwitch:C,ElEmpty:b,ElTableColumn:g,ElCard:_,FontAwesomeIcon:F},data(){return{credentialType:N,serviceType:j,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showPayment(){return!D()},showGlobalPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,t){!e||!e.id||M.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{w.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{w.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:T,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:k,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=A.INDIVIDUAL){return new Promise((t,n)=>{M.getAll({limit:this.limit,...e===A.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:P.USAGE,scope:e}).then(({data:n})=>{e===A.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{w.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(A.INDIVIDUAL),this.onFetchApplications(A.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){M.create({type:P.USAGE,scope:A.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(A.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),R={class:`title`},z={key:1,class:`summary-card`},B={class:`icon-wrapper`},V={class:`label`},H={class:`value`},U={class:`description`},W={key:1,class:`flex flex-row justify-between align-center`},G={class:`summary-card`},K={class:`flex justify-start items-center gap-2 mb-2 w-full`},q={class:`icon-wrapper !mb-0`},J={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},te={class:`label`},Y={class:`value`},X={class:`description`},Z={class:`flex flex-col items-end gap-2`},Q={class:`copy`},ne={key:0,class:`expired-at`},re={class:`flex flex-wrap items-center justify-end gap-1`},ie={class:`application-cards block sm:hidden`},ae={class:`flex items-center gap-2 flex-wrap`},oe={class:`application-card__name`},se={class:`application-card__id`},ce={class:`truncate`},le={class:`application-card__row`},ue={class:`label`},de={class:`value`},fe={key:0,class:`application-card__row`},pe={class:`label`},$={class:`value`},me={key:1,class:`application-card__row`},he={class:`label`},ge={class:`flex items-center justify-end gap-2 mt-3`},_e={class:`pagination`};function ve(r,h,g,ee,_,v){let y=p(`el-col`),b=p(`el-row`),x=p(`el-skeleton`),S=p(`font-awesome-icon`),C=p(`el-card`),w=p(`copy-to-clipboard`),T=p(`el-button`),E=p(`el-table-column`),D=p(`el-tag`),O=p(`el-switch`),k=p(`el-table`),A=p(`el-empty`),j=p(`pagination`),M=f(`loading`);return l(),a(b,{class:`application-list`},{default:m(()=>[o(y,{span:24},{default:m(()=>[o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`h2`,R,c(r.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),o(b,{gutter:15,class:`mb-3`},{default:m(()=>[o(y,{md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,z,[n(`div`,B,[o(S,{icon:`fa-solid fa-cubes-stacked`})]),n(`p`,V,c(r.$t(`application.title.count`)),1),n(`p`,H,c(r.individualApplicationsTotal),1),n(`p`,U,c(r.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),r.showGlobalPayment&&r.globalApplications?.length>0?(l(),a(y,{key:0,md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,W,[n(`div`,G,[n(`div`,K,[n(`div`,q,[o(S,{icon:`fa-solid fa-wallet`})]),n(`span`,J,[i(c(r.$t(`application.field.id`))+`: `+c(r.globalApplications?.[0]?.id)+` `,1),r.globalApplications?.[0]?.id?(l(),a(w,{key:0,content:r.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):d(``,!0)])]),n(`p`,te,c(r.$t(`application.title.globalBalance`)),1),n(`p`,Y,c(r.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+c(r.$t(`service.unit.credits`)),1),n(`p`,X,c(r.$t(`application.message.globalBalanceDescription`)),1)]),n(`div`,Z,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:h[0]||=e=>r.onGoUsage(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1}),r.showGlobalPayment?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:h[1]||=e=>r.onBuyMore(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1})):d(``,!0)])]))]),_:1})]),_:1})):d(``,!0)]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[o(C,{shadow:`hover`,class:`applications-table-card hidden sm:block`},{default:m(()=>[u((l(),a(k,{data:r.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`)},{default:m(()=>[o(E,{prop:`id`,label:r.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(e.row.id),1),n(`span`,Q,[o(w,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e.row?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.name`),width:`180px`},{default:m(e=>[n(`span`,null,c(e.row?.service?.title),1),e.row?.role===`grantee`?(l(),a(D,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{prop:`remaining_amount`,label:r.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`used_amount`,label:r.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[n(`span`,null,c(r.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`allow_consume_global`,label:r.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.service?.type===r.serviceType.API?(l(),a(O,{key:0,modelValue:e.row.allow_consume_global,"onUpdate:modelValue":t=>e.row.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e.row,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.expired_at?(l(),t(`span`,ne,c(r.$dayjs.format(e.row.expired_at)),1)):d(``,!0)]),_:1},8,[`label`]),o(E,{fixed:`right`,width:`200px`},{default:m(e=>[n(`div`,re,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:t=>r.onGoUsage(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.showPayment?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1}),n(`div`,ie,[r.loading?(l(),a(x,{key:0,rows:4,animated:``})):(l(),t(s,{key:1},[r.individualApplications?.length?(l(!0),t(s,{key:1},e(r.individualApplications,e=>(l(),a(C,{key:e.id,shadow:`hover`,class:`application-card mb-2`,"body-style":{padding:`14px 16px`}},{default:m(()=>[n(`div`,ae,[n(`span`,oe,c(e?.service?.title),1),e?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0),e?.role===`grantee`?(l(),a(D,{key:2,type:`info`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),n(`div`,se,[n(`span`,ce,c(r.$t(`application.field.id`))+`: `+c(e.id),1),o(w,{content:e.id,class:`inline-block shrink-0`},null,8,[`content`])]),n(`div`,le,[n(`span`,ue,c(r.$t(`application.field.remainingAmount`)),1),n(`span`,de,c(r.getRemainingAmount(e)),1)]),e?.expired_at?(l(),t(`div`,fe,[n(`span`,pe,c(r.$t(`application.field.expiredAt`)),1),n(`span`,$,c(r.$dayjs.format(e.expired_at)),1)])):d(``,!0),e.service?.type===r.serviceType.API?(l(),t(`div`,me,[n(`span`,he,c(r.$t(`application.field.allowConsumeGlobal`)),1),o(O,{modelValue:e.allow_consume_global,"onUpdate:modelValue":t=>e.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])])):d(``,!0),n(`div`,ge,[o(T,{class:`!m-0 !px-3`,size:`small`,round:``,onClick:t=>r.onGoUsage(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.showPayment?(l(),a(T,{key:0,class:`!m-0 !px-3`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:2},1024))),128)):(l(),a(A,{key:0,description:r.$t(`common.message.noData`)},null,8,[`description`]))],64))])]),_:1})]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`div`,_e,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.individualApplicationsTotal,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ye=E(L,[[`render`,ve],[`__scopeId`,`data-v-314843d9`]]);export{ye as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,k as d,nt as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-DfsQodL-.js";import{n as g,t as ee}from"./table-lRQt4LGt.js";import{t as _}from"./card-DjyfNde2.js";import{n as v,t as y}from"./row-BJuqTN4_.js";import{t as b}from"./empty-DA4nlQUv.js";import{t as x}from"./Pagination-5dcmS8-D.js";import{t as S}from"./skeleton-C4sltx62.js";import{t as C}from"./switch-BnyHYpIj.js";import{Ar as w,B as T,E,Er as D,Fr as O,P as k,_r as A,dr as j,jn as M,ur as N,vr as P}from"./index-GNIRULpP.js";import{t as F}from"./index.es-BiR7C8is.js";import{t as I}from"./CopyToClipboard-Rmd8YAx9.js";var L=r({name:`ConsoleApplicationList`,components:{Pagination:x,CopyToClipboard:I,ElTable:ee,ElRow:y,ElButton:h,ElCol:v,ElTag:O,ElSkeleton:S,ElSwitch:C,ElEmpty:b,ElTableColumn:g,ElCard:_,FontAwesomeIcon:F},data(){return{credentialType:N,serviceType:j,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showPayment(){return!D()},showGlobalPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,t){!e||!e.id||M.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{w.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{w.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:T,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:k,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=A.INDIVIDUAL){return new Promise((t,n)=>{M.getAll({limit:this.limit,...e===A.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:P.USAGE,scope:e}).then(({data:n})=>{e===A.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{w.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(A.INDIVIDUAL),this.onFetchApplications(A.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){M.create({type:P.USAGE,scope:A.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(A.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),R={class:`title`},z={key:1,class:`summary-card`},B={class:`icon-wrapper`},V={class:`label`},H={class:`value`},U={class:`description`},W={key:1,class:`flex flex-row justify-between align-center`},G={class:`summary-card`},K={class:`flex justify-start items-center gap-2 mb-2 w-full`},q={class:`icon-wrapper !mb-0`},J={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},te={class:`label`},Y={class:`value`},X={class:`description`},Z={class:`flex flex-col items-end gap-2`},Q={class:`copy`},ne={key:0,class:`expired-at`},re={class:`flex flex-wrap items-center justify-end gap-1`},ie={class:`application-cards block sm:hidden`},ae={class:`flex items-center gap-2 flex-wrap`},oe={class:`application-card__name`},se={class:`application-card__id`},ce={class:`truncate`},le={class:`application-card__row`},ue={class:`label`},de={class:`value`},fe={key:0,class:`application-card__row`},pe={class:`label`},$={class:`value`},me={key:1,class:`application-card__row`},he={class:`label`},ge={class:`flex items-center justify-end gap-2 mt-3`},_e={class:`pagination`};function ve(r,h,g,ee,_,v){let y=p(`el-col`),b=p(`el-row`),x=p(`el-skeleton`),S=p(`font-awesome-icon`),C=p(`el-card`),w=p(`copy-to-clipboard`),T=p(`el-button`),E=p(`el-table-column`),D=p(`el-tag`),O=p(`el-switch`),k=p(`el-table`),A=p(`el-empty`),j=p(`pagination`),M=f(`loading`);return l(),a(b,{class:`application-list`},{default:m(()=>[o(y,{span:24},{default:m(()=>[o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`h2`,R,c(r.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),o(b,{gutter:15,class:`mb-3`},{default:m(()=>[o(y,{md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,z,[n(`div`,B,[o(S,{icon:`fa-solid fa-cubes-stacked`})]),n(`p`,V,c(r.$t(`application.title.count`)),1),n(`p`,H,c(r.individualApplicationsTotal),1),n(`p`,U,c(r.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),r.showGlobalPayment&&r.globalApplications?.length>0?(l(),a(y,{key:0,md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,W,[n(`div`,G,[n(`div`,K,[n(`div`,q,[o(S,{icon:`fa-solid fa-wallet`})]),n(`span`,J,[i(c(r.$t(`application.field.id`))+`: `+c(r.globalApplications?.[0]?.id)+` `,1),r.globalApplications?.[0]?.id?(l(),a(w,{key:0,content:r.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):d(``,!0)])]),n(`p`,te,c(r.$t(`application.title.globalBalance`)),1),n(`p`,Y,c(r.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+c(r.$t(`service.unit.credits`)),1),n(`p`,X,c(r.$t(`application.message.globalBalanceDescription`)),1)]),n(`div`,Z,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:h[0]||=e=>r.onGoUsage(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1}),r.showGlobalPayment?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:h[1]||=e=>r.onBuyMore(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1})):d(``,!0)])]))]),_:1})]),_:1})):d(``,!0)]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[o(C,{shadow:`hover`,class:`applications-table-card hidden sm:block`},{default:m(()=>[u((l(),a(k,{data:r.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`)},{default:m(()=>[o(E,{prop:`id`,label:r.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(e.row.id),1),n(`span`,Q,[o(w,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e.row?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.name`),width:`180px`},{default:m(e=>[n(`span`,null,c(e.row?.service?.title),1),e.row?.role===`grantee`?(l(),a(D,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{prop:`remaining_amount`,label:r.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`used_amount`,label:r.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[n(`span`,null,c(r.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`allow_consume_global`,label:r.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.service?.type===r.serviceType.API?(l(),a(O,{key:0,modelValue:e.row.allow_consume_global,"onUpdate:modelValue":t=>e.row.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e.row,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.expired_at?(l(),t(`span`,ne,c(r.$dayjs.format(e.row.expired_at)),1)):d(``,!0)]),_:1},8,[`label`]),o(E,{fixed:`right`,width:`200px`},{default:m(e=>[n(`div`,re,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:t=>r.onGoUsage(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.showPayment?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1}),n(`div`,ie,[r.loading?(l(),a(x,{key:0,rows:4,animated:``})):(l(),t(s,{key:1},[r.individualApplications?.length?(l(!0),t(s,{key:1},e(r.individualApplications,e=>(l(),a(C,{key:e.id,shadow:`hover`,class:`application-card mb-2`,"body-style":{padding:`14px 16px`}},{default:m(()=>[n(`div`,ae,[n(`span`,oe,c(e?.service?.title),1),e?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0),e?.role===`grantee`?(l(),a(D,{key:2,type:`info`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),n(`div`,se,[n(`span`,ce,c(r.$t(`application.field.id`))+`: `+c(e.id),1),o(w,{content:e.id,class:`inline-block shrink-0`},null,8,[`content`])]),n(`div`,le,[n(`span`,ue,c(r.$t(`application.field.remainingAmount`)),1),n(`span`,de,c(r.getRemainingAmount(e)),1)]),e?.expired_at?(l(),t(`div`,fe,[n(`span`,pe,c(r.$t(`application.field.expiredAt`)),1),n(`span`,$,c(r.$dayjs.format(e.expired_at)),1)])):d(``,!0),e.service?.type===r.serviceType.API?(l(),t(`div`,me,[n(`span`,he,c(r.$t(`application.field.allowConsumeGlobal`)),1),o(O,{modelValue:e.allow_consume_global,"onUpdate:modelValue":t=>e.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])])):d(``,!0),n(`div`,ge,[o(T,{class:`!m-0 !px-3`,size:`small`,round:``,onClick:t=>r.onGoUsage(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.showPayment?(l(),a(T,{key:0,class:`!m-0 !px-3`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:2},1024))),128)):(l(),a(A,{key:0,description:r.$t(`common.message.noData`)},null,8,[`description`]))],64))])]),_:1})]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`div`,_e,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.individualApplicationsTotal,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ye=E(L,[[`render`,ve],[`__scopeId`,`data-v-314843d9`]]);export{ye as default};
|