@acedatacloud/nexior 3.324.2 → 3.324.4
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-cmAedBt5.js → ApiCodeButton-D08Q_WRa.js} +1 -1
- package/dist/assets/{Artifacts-B16-pV7P.js → Artifacts-Bz3P0CHT.js} +1 -1
- package/dist/assets/{AskUserQuestionCard-y7h5EnQP.js → AskUserQuestionCard-B6qyqhjQ.js} +1 -1
- package/dist/assets/{Auth-j1UXmNK3.js → Auth-CPH4wcbH.js} +1 -1
- package/dist/assets/{Bare-DcSouQBn.js → Bare-DgTscDdo.js} +1 -1
- package/dist/assets/{BotPlaceholder-k9yQeVMM.js → BotPlaceholder-Dn8d_dlZ.js} +1 -1
- package/dist/assets/{BottomFooter-CHle_nTh.js → BottomFooter-BUSumJVu.js} +1 -1
- package/dist/assets/{Callback-Cm_kCGvQ.js → Callback-DCPxjDtM.js} +1 -1
- package/dist/assets/{CodeSnippet-Cvk5ZzxA.js → CodeSnippet-BR9bBvwR.js} +1 -1
- package/dist/assets/{Console-BL86gxBn.js → Console-BpX6WmY4.js} +1 -1
- package/dist/assets/{Consumption-Bn1ptWw_.js → Consumption-Ch2waQDb.js} +1 -1
- package/dist/assets/{Conversation-Bcs57fnp.js → Conversation-B8r9rczt.js} +1 -1
- package/dist/assets/{Conversation-DlEWFhBm.js → Conversation-DsB2XIwH.js} +1 -1
- package/dist/assets/{CopyToClipboard-BrX-5XYk.js → CopyToClipboard-BpPd8B8b.js} +1 -1
- package/dist/assets/{Detail-BXmPH6xS.js → Detail-3WNjWDl2.js} +2 -2
- package/dist/assets/{Extra-Q9CdHwZU.js → Extra-BWCK-5JY.js} +1 -1
- package/dist/assets/{FilePreview-CupDdf5l.js → FilePreview-pOUKDsWd.js} +1 -1
- package/dist/assets/{Hailuo-CYY7QwFM.js → Hailuo-CXR3wAjV.js} +1 -1
- package/dist/assets/{History-BoBKmiso.js → History-WwIV1x8D.js} +1 -1
- package/dist/assets/{ImagePreview-DxqeQEJb.js → ImagePreview-BfslzHEU.js} +1 -1
- package/dist/assets/{ImageWrapper-CqLmPpQF.js → ImageWrapper-COUXJuJv.js} +1 -1
- package/dist/assets/{Index-DmRCed15.js → Index-B0uJ38ou.js} +1 -1
- package/dist/assets/{Index-BZ2jWZNk.js → Index-B2tzjesK.js} +1 -1
- package/dist/assets/{Index-kV4aBLQJ.js → Index-BCu2MeL7.js} +1 -1
- package/dist/assets/{Index-3WMEgGRP.js → Index-BQRikq_P.js} +1 -1
- package/dist/assets/{Index-BPd3Mt2W.css → Index-BSAoEpbV.css} +1 -1
- package/dist/assets/{Index-Dy139yEE.js → Index-BX4IuMn1.js} +1 -1
- package/dist/assets/{Index-DluIMWyQ.js → Index-Bmvh2Tj2.js} +1 -1
- package/dist/assets/{Index-CVjRNiCg.js → Index-Boa6Xi1t.js} +1 -1
- package/dist/assets/{Index-DYKyyoN8.js → Index-C0Me2XTj.js} +1 -1
- package/dist/assets/{Index-De9l09Fq.js → Index-C0XceZ0C.js} +1 -1
- package/dist/assets/{Index-Cne-eyf9.js → Index-CFyzCt9U.js} +1 -1
- package/dist/assets/{Index-SLD2jimV.js → Index-CHIBKJhI.js} +1 -1
- package/dist/assets/{Index-Z_nU6rPq.js → Index-CJW5-I6I.js} +1 -1
- package/dist/assets/{Index-3YXe-hf4.js → Index-CbPO1VzU.js} +1 -1
- package/dist/assets/{Index-Dpr0AbgE.js → Index-CjIpZHpK.js} +1 -1
- package/dist/assets/{Index-CY0kLi86.js → Index-CmtQEOEO.js} +1 -1
- package/dist/assets/{Index-b3Oor0n-.js → Index-Cnk0Ul6l.js} +1 -1
- package/dist/assets/{Index-Dp2Qchhh.js → Index-DH2YJrw1.js} +1 -1
- package/dist/assets/{Index-BTW7k5wK.js → Index-DWwvVfJG.js} +1 -1
- package/dist/assets/{Index-D325TlQv.js → Index-DZSTWdcQ.js} +1 -1
- package/dist/assets/{Index-ByOFEkqH.js → Index-DmXOqD5_.js} +1 -1
- package/dist/assets/{Index-qs7SHPPD.js → Index-HsOjOzRi.js} +1 -1
- package/dist/assets/{Index-Cq2c7kBU.js → Index-M-ee1_Cs.js} +1 -1
- package/dist/assets/{Index-Dz347xmG.js → Index-Na6IcXP7.js} +1 -1
- package/dist/assets/{Index-B9fYz1Ph.js → Index-U_y1py-f.js} +1 -1
- package/dist/assets/{Index-DE9KCeEH.js → Index-dSyA7jbM.js} +1 -1
- package/dist/assets/{Index-DKCAb9AD.js → Index-k6IwASoO.js} +1 -1
- package/dist/assets/{Index-BXHXtnHL.js → Index-vxezeFEx.js} +1 -1
- package/dist/assets/{Index-BUyFpAQ_.js → Index-y6hofnbo.js} +1 -1
- package/dist/assets/{Invitees-CUpw0ICX.js → Invitees-DQPqOGfQ.js} +1 -1
- package/dist/assets/{List-fVLea4xB.js → List-9CiMpsWb.js} +1 -1
- package/dist/assets/{List-D3f7aTVX.js → List-Bf9dYPlV.js} +1 -1
- package/dist/assets/{List-CtjCwPvQ.js → List-DTw7qRok.js} +1 -1
- package/dist/assets/{LocalTools-Cyn_4mE7.js → LocalTools-DZAROLJ1.js} +1 -1
- package/dist/assets/{LocalTools-C2gr6AmB.js → LocalTools-LtZwqqgS.js} +1 -1
- package/dist/assets/{Main-DiPHLtVl.js → Main-CDUz-uT6.js} +1 -1
- package/dist/assets/{Message-CCz2zbHV.js → Message-qt8rx8z6.js} +1 -1
- package/dist/assets/{Model-pbeaD3y8.js → Model-B9yoCCq3.js} +1 -1
- package/dist/assets/{Navigator-tQuYiYQJ.js → Navigator-DiL6OyCW.js} +3 -3
- package/dist/assets/{NoTasks-DN7mJg3b.js → NoTasks-Cox5rrM8.js} +1 -1
- package/dist/assets/{NotFound-CnlRiXT3.js → NotFound-BXG5cUr8.js} +1 -1
- package/dist/assets/{Pagination-Tna2Dhio.js → Pagination-CiLjpGJR.js} +1 -1
- package/dist/assets/{Pay-CywhLiiE.js → Pay-DvjyRc2T.js} +1 -1
- package/dist/assets/{Player-diJF6Z49.js → Player-CkxHgZFl.js} +1 -1
- package/dist/assets/{PromptTextarea-C9AgrD-V.js → PromptTextarea-CEL2z0Ne.js} +1 -1
- package/dist/assets/{RealtimeCall-DL50GBbk.js → RealtimeCall-RaTPOfBz.js} +1 -1
- package/dist/assets/{ScheduledTasks-Bbm8rYXI.js → ScheduledTasks-BSjFU6yn.js} +1 -1
- package/dist/assets/{Status-CavJY7sQ.js → Status-D9nfcepM.js} +1 -1
- package/dist/assets/{Subscribe-DGML9mOM.js → Subscribe-DTVltEqQ.js} +1 -1
- package/dist/assets/{TabSwitcher-BFwdAl9j.js → TabSwitcher-BqeLEQ0X.js} +1 -1
- package/dist/assets/{Tts-BcYlI02j.js → Tts-T6zjp2QY.js} +1 -1
- package/dist/assets/{VideoPlayer-BJPooudM.js → VideoPlayer-BzaeOeXh.js} +1 -1
- package/dist/assets/{VideoPreview-DFYiraJ3.js → VideoPreview-q3TB5acv.js} +1 -1
- package/dist/assets/{alert-ABG0SsiI.js → alert-2qBdi1l1.js} +1 -1
- package/dist/assets/{avatar-VnrW33yi.js → avatar-DQfRtj17.js} +1 -1
- package/dist/assets/{basic-DVIVidxh.js → basic-DZKbiP4M.js} +1 -1
- package/dist/assets/{chat-Cg_a3g0g.js → chat-DUnXL1u-.js} +1 -1
- package/dist/assets/{codingBridge-C9HkgET5.js → codingBridge-sspPAPZA.js} +1 -1
- package/dist/assets/{codingBridgeNotify-B7vsU2n5.js → codingBridgeNotify-C_pn7ylq.js} +2 -2
- package/dist/assets/{collapse-C5gfgimg.js → collapse-DXFwNqDk.js} +1 -1
- package/dist/assets/{createTaskActions-CDsnVFZS.js → createTaskActions-DUYp4UuS.js} +1 -1
- package/dist/assets/{date-picker-LtkwqpBP.js → date-picker-RrAmVP1K.js} +1 -1
- package/dist/assets/{digitalhuman-Q5xD2Leo.js → digitalhuman-dB--xRZQ.js} +1 -1
- package/dist/assets/{drawer-B5YyAb0A.js → drawer-u1pTNeW8.js} +1 -1
- package/dist/assets/{dropdown-X6AlXPFk.js → dropdown-CmH5-veE.js} +1 -1
- package/dist/assets/{dropdown-B8_xAo94.js → dropdown-F76x0Cic.js} +1 -1
- package/dist/assets/{esm-C_gWjx04.js → esm-2lhbopeQ.js} +1 -1
- package/dist/assets/{esm-D9Rk1o7C.js → esm-Bw22s8IP.js} +1 -1
- package/dist/assets/{esm-44Dpf6gp.js → esm-C6ETodjc.js} +3 -3
- package/dist/assets/{esm-B6yCHGJz.js → esm-CM69Q0Ac.js} +1 -1
- package/dist/assets/{esm-Cki4LJOw.js → esm-CNSbqlpi.js} +2 -2
- package/dist/assets/esm-D-G57aZg.js +1 -0
- package/dist/assets/{esm-Ck2vYJKh.js → esm-fnuvj1fL.js} +2 -2
- package/dist/assets/{fish-E5eOPPlg.js → fish-_o8HKaDm.js} +1 -1
- package/dist/assets/{flux-D08dbfP5.js → flux-C3T8QWMh.js} +1 -1
- package/dist/assets/{grokvideo-z_BAT0aP.js → grokvideo-B5n9HL86.js} +1 -1
- package/dist/assets/{hailuo-Cpe2kvYg.js → hailuo-B9lY_8yE.js} +1 -1
- package/dist/assets/{headshots-DNj5sehI.js → headshots-sGwv8qBh.js} +1 -1
- package/dist/assets/{image-DqNI3BTF.js → image-DGnWsKHn.js} +1 -1
- package/dist/assets/{index-wWCeKUAg.js → index-DqpzpRT-.js} +3 -3
- package/dist/assets/{index.browser.esm-DRRKS0uc.js → index.browser.esm-BsqhSb0X.js} +1 -1
- package/dist/assets/{index.es-BxbHjZv_.js → index.es-D7t9e-wf.js} +1 -1
- package/dist/assets/{input-number-BTMpqUP3.js → input-number-_KRhOc4-.js} +1 -1
- package/dist/assets/{kling-D7cg00qf.js → kling-Df01CqAH.js} +1 -1
- package/dist/assets/{luma-CSB2XSgV.js → luma-D1B8646_.js} +1 -1
- package/dist/assets/{maestro-DWA8sVuC.js → maestro-ZX172Oxn.js} +1 -1
- package/dist/assets/{midjourney-CCzuzyLq.js → midjourney-BocHA4xn.js} +1 -1
- package/dist/assets/{mobileLocalExec-C8xrxQm4.js → mobileLocalExec-B9S0tNMw.js} +2 -2
- package/dist/assets/{nanobanana-GmZw4wmn.js → nanobanana-hrQj9nTn.js} +1 -1
- package/dist/assets/{openaiimage-Bv_Y5ve2.js → openaiimage-BMLA7jAD.js} +1 -1
- package/dist/assets/{pagination-DdkxsSb7.js → pagination-CyeMpm2N.js} +1 -1
- package/dist/assets/{pika-D2UXtN3i.js → pika-D2csQ_Bq.js} +1 -1
- package/dist/assets/{pixverse-DY1g3S3s.js → pixverse-DGAXeh5B.js} +1 -1
- package/dist/assets/{popover-pxokZam6.js → popover-3AWrj26s.js} +1 -1
- package/dist/assets/{producer-BhA7Xtqa.js → producer-CxOab8vB.js} +1 -1
- package/dist/assets/{qrart-DDJ2xCuh.js → qrart-5Qgqow9s.js} +1 -1
- package/dist/assets/{realtime-DX4m756K.js → realtime--VTiT1T4.js} +1 -1
- package/dist/assets/{row-DWw3r-rc.js → row-Cnmy4vVD.js} +1 -1
- package/dist/assets/{seedance-DOiiD9HU.js → seedance-DgnXx01F.js} +1 -1
- package/dist/assets/{seedream-BmlpZVKL.js → seedream-D4egeIBZ.js} +1 -1
- package/dist/assets/{select-Dj2BZq8U.js → select-CVXgXqir.js} +1 -1
- package/dist/assets/{serp-Bm8OStqG.js → serp-wNf2w-6t.js} +1 -1
- package/dist/assets/{slider-CMb5gP-8.js → slider-CDoSZg65.js} +1 -1
- package/dist/assets/{solana-wallets-wAvxd4yX.js → solana-wallets-CW509J3q.js} +2 -2
- package/dist/assets/{solana-wallets-vue-DIT9VaGR.js → solana-wallets-vue-lfiZGauF.js} +1 -1
- package/dist/assets/{sora-B7J8Ainh.js → sora-CQRPAisZ.js} +1 -1
- package/dist/assets/{suno-1A_1qowW.js → suno-CKJm4r92.js} +1 -1
- package/dist/assets/{switch-mOGpoGb4.js → switch-UZQHGjPB.js} +1 -1
- package/dist/assets/{table-B7o_pla6.js → table-Doe0OvHs.js} +1 -1
- package/dist/assets/{tabs-tPRZXWOy.js → tabs-C_XpWXWP.js} +1 -1
- package/dist/assets/{time-picker-Bffwpbo6.js → time-picker-CZb8xvOW.js} +1 -1
- package/dist/assets/{tooltip-LtFoWHp1.js → tooltip-Cb1CIPoD.js} +1 -1
- package/dist/assets/{upload-BKpcPFRg.js → upload-D-zDieUV.js} +1 -1
- package/dist/assets/{veo-nmTQJdaX.js → veo-COYFIzjX.js} +1 -1
- package/dist/assets/{wan-BH2rw9_A.js → wan-CS1VT95N.js} +1 -1
- package/dist/assets/{web-I5JstDVE.js → web-Bh0mmO9l.js} +1 -1
- package/dist/assets/{web-DHATephb.js → web-CXHmXDxA.js} +1 -1
- package/dist/assets/{web-J1XyG2bs.js → web-DvIQN5XL.js} +1 -1
- package/dist/assets/{web-Qh94lkXE.js → web-pBPCvJpR.js} +1 -1
- package/dist/assets/{web-CbYAhlML.js → web-vLJJVSaY.js} +1 -1
- package/dist/assets/{webextrator-CdyPoCrN.js → webextrator-DwVfL_kB.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/esm-ByrGwd2N.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,Gt as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,ht as l,it as u,j as d,mt as f,qt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{r as v,t as y}from"./select-Dj2BZq8U.js";import{t as b}from"./upload-BKpcPFRg.js";import{t as x}from"./tooltip-LtFoWHp1.js";import{t as S}from"./image-DqNI3BTF.js";import{t as C}from"./alert-ABG0SsiI.js";import{t as w}from"./drawer-B5YyAb0A.js";import{t as T}from"./input-number-BTMpqUP3.js";import{t as E}from"./slider-CMb5gP-8.js";import{ar as D,ir as O,nr as k,rr as A}from"./constants-Cm1pJ8kP.js";import{Ht as j,Kt as ee,Pn as te,Ut as M,Vt as N,Wt as P,Xr as F,en as I,j as L,qr as R,si as z,sr as B,vi as V}from"./index-wWCeKUAg.js";import{t as H}from"./index.es-BxbHjZv_.js";import{t as U}from"./CopyToClipboard-BrX-5XYk.js";import{t as W}from"./ImagePreview-DxqeQEJb.js";import{n as G}from"./taskDrawerMixin-DyAUhFEq.js";import{t as K}from"./Consumption-Bn1ptWw_.js";import{i as q,n as J,t as Y}from"./pagination-DdkxsSb7.js";import{t as X}from"./VideoPlayer-BJPooudM.js";import{t as Z}from"./ApiCodeButton-cmAedBt5.js";import{t as Q}from"./BotPlaceholder-k9yQeVMM.js";import{t as ne}from"./NoTasks-DN7mJg3b.js";import{t as re}from"./PromptTextarea-C9AgrD-V.js";var ie=_({name:`LayoutPixverse`,components:{ElDrawer:w,ElButton:V,FontAwesomeIcon:H},mixins:[G]}),ae={class:`main flex flex-row flex-1`},oe={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},se={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ce(t,n,r,a,s,d){let p=c(`font-awesome-icon`),m=c(`el-button`),_=c(`el-drawer`);return h(),o(`div`,ae,[e(`div`,oe,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,se,[u(t.$slots,`result`,{},void 0,!0)]),l(i(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var le=L(ie,[[`render`,ce],[`__scopeId`,`data-v-e688a015`]]),ue=_({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`v3.5`,label:`v3.5`},{value:`v4`,label:`v4`},{value:`v4.5`,label:`v4.5`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||=A}}),de={class:`field`},fe={class:`title font-bold`};function pe(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,de,[e(`h2`,fe,r(t.$t(`pixverse.name.model`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var me=L(ue,[[`render`,pe],[`__scopeId`,`data-v-e8f337ca`]]),he=_({name:`QualitySelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`360p`,label:`360p`},{value:`540p`,label:`540p`},{value:`720p`,label:`720p`},{value:`1080p`,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||=D}}),ge={class:`field`},_e={class:`title font-bold`};function ve(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,ge,[e(`h2`,_e,r(t.$t(`pixverse.name.quality`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=L(he,[[`render`,ve],[`__scopeId`,`data-v-64aeaae9`]]),be=_({name:`MotionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`normal`,label:this.$t(`pixverse.name.motion1`)},{value:`fast`,label:this.$t(`pixverse.name.motion2`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||=O}}),xe={class:`field`},Se={class:`title font-bold`};function Ce(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,xe,[e(`h2`,Se,r(t.$t(`pixverse.name.motion`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var we=L(be,[[`render`,Ce],[`__scopeId`,`data-v-94237408`]]),Te=_({name:`StyleSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`cyberpunk`,label:this.$t(`pixverse.name.style1`)},{value:`anime`,label:this.$t(`pixverse.name.style2`)},{value:`comic`,label:this.$t(`pixverse.name.style3`)},{value:`clay`,label:this.$t(`pixverse.name.style4`)},{value:`3d_animation`,label:this.$t(`pixverse.name.style5`)},{value:`realistic`,label:this.$t(`pixverse.name.style6`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||=``}}),Ee={class:`field`},De={class:`title font-bold`};function Oe(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,Ee,[e(`h2`,De,r(t.$t(`pixverse.name.style`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ke=L(Te,[[`render`,Oe],[`__scopeId`,`data-v-64e17b3c`]]),Ae=_({name:`SeedSelector`,components:{ElSlider:E,InfoIcon:q,ElInputNumber:T},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||=void 0}}),je={class:`flex justify-between`},Me={class:`flex justify-start items-center`},Ne={class:`text-sm font-bold`},Pe={class:`flex justify-end items-center`},Fe={class:`w-full`};function Ie(t,n,a,s,l,u){let d=c(`info-icon`),f=c(`el-input-number`),p=c(`el-slider`);return h(),o(`div`,null,[e(`div`,je,[e(`div`,Me,[e(`span`,Ne,r(t.$t(`pixverse.name.seed`)),1),i(d,{content:t.$t(`pixverse.description.seed`)},null,8,[`content`])]),e(`div`,Pe,[i(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,Fe,[i(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var Le=L(Ae,[[`render`,Ie]]),Re=_({name:`DurationSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:5,label:`5s`},{value:8,label:`8s`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||=5}}),ze={class:`field`},Be={class:`title font-bold`};function Ve(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,ze,[e(`h2`,Be,r(t.$t(`pixverse.name.duration`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var He=L(Re,[[`render`,Ve],[`__scopeId`,`data-v-065c77ef`]]),Ue=_({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`4:3`,label:`4:3`,width:20,height:15},{value:`3:4`,label:`3:4`,width:15,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||=k}}),We={class:`text-sm font-bold mb-2 block`},Ge={class:`items`},Ke=[`onClick`],qe={class:`name`};function Je(n,i,a,c,l,u){return h(),o(`div`,null,[e(`span`,We,r(n.$t(`pixverse.name.aspectRatio`)),1),e(`div`,Ge,[(h(!0),o(s,null,m(n.options,(i,a)=>(h(),o(`div`,{key:a,class:t({active:n.active===a,item:!0}),onClick:e=>n.value=i.value},[e(`div`,{class:t([`preview`,i.label])},[e(`div`,{class:`rect`,style:p({width:i.width+`px`,height:i.height+`px`})},null,4)],2),e(`p`,qe,r(i.label),1)],10,Ke))),128))])])}var Ye=L(Ue,[[`render`,Je],[`__scopeId`,`data-v-53038264`]]),Xe=_({name:`StartImage`,components:{ElUpload:b,ElButton:V,InfoIcon:q,FontAwesomeIcon:H,ImagePreview:W},mixins:[P,j],emits:[`change`],data(){return{fileList:[],uploadUrl:F()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){z.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){z.error(this.$t(`pixverse.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ze={class:`relative`},Qe={class:`flex justify-between`},$e={class:`flex justify-start items-center`},et={class:`text-sm font-bold`};function tt(t,s,l,u,p,m){let g=c(`info-icon`),_=c(`image-preview`),v=c(`font-awesome-icon`),y=c(`el-button`),b=c(`el-upload`);return h(),o(`div`,Ze,[e(`div`,Qe,[e(`div`,$e,[e(`span`,et,r(t.$t(`pixverse.name.startImage`)),1),i(g,{content:t.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),i(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":s[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:f(({file:e})=>[e.url&&e.percentage!==void 0?(h(),d(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):a(``,!0)]),default:f(()=>[i(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:f(()=>[i(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),n(` `+r(t.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var nt=L(Xe,[[`render`,tt],[`__scopeId`,`data-v-0d570ad7`]]),rt=_({name:`PromptInput`,components:{PromptTextarea:re},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||=``}});function it(e,t,n,r,i,a){let o=c(`prompt-textarea`);return h(),d(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pixverse.name.prompt`),info:e.$t(`pixverse.description.prompt`),placeholder:e.$t(`pixverse.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var at=_({name:`ConfigPanel`,components:{ElButton:V,FontAwesomeIcon:H,PromptInput:L(rt,[[`render`,it]]),ModelSelector:me,QualitySelector:ye,MotionSelector:we,StyleSelector:ke,DurationSelector:He,StartImage:nt,SeedSelector:Le,RatioSelector:Ye,Consumption:K},emits:[`generate`],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),ot={class:`flex flex-col h-full`},st={class:`flex-1 overflow-y-auto p-5`},ct={class:`flex flex-col items-center justify-center px-5 pb-5`};function lt(t,a,s,l,u,d){let p=c(`prompt-input`),m=c(`model-selector`),g=c(`style-selector`),_=c(`ratio-selector`),v=c(`motion-selector`),y=c(`quality-selector`),b=c(`start-image`),x=c(`seed-selector`),S=c(`duration-selector`),C=c(`consumption`),w=c(`font-awesome-icon`),T=c(`el-button`);return h(),o(`div`,ot,[e(`div`,st,[i(p,{class:`mb-4`}),i(m,{class:`mb-4`}),i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),i(v,{class:`mb-4`}),i(y,{class:`mb-4`}),i(b,{class:`mb-2`}),i(x,{class:`mb-4`}),i(S,{class:`mb-4`})]),e(`div`,ct,[i(C,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(T,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:f(()=>[i(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),n(` `+r(t.$t(`pixverse.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ut=L(at,[[`render`,lt]]),dt=_({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:U,FontAwesomeIcon:H,ElAlert:C,VideoPlayer:X,ElTooltip:x,ElButton:V,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),ft={class:`preview`},pt={class:`left`},mt={class:`main`},ht={class:`bot`},gt={class:`datetime`},_t={class:`info`},vt={key:0,class:`prompt mt-2`},yt={key:0},bt={key:1},xt={key:0,class:t({content:!0,failed:!0})},St={key:0,class:`mb-4`},Ct={key:1,class:t({operations:!0,"mt-2":!0})},wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:1,class:t({content:!0})},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function jt(t,s,l,u,p,m){let g=c(`el-image`),_=c(`video-player`),v=c(`el-button`),y=c(`el-tooltip`),b=c(`api-code-button`),x=c(`font-awesome-icon`),S=c(`copy-to-clipboard`),C=c(`el-alert`);return h(),o(`div`,ft,[e(`div`,pt,[i(g,{src:`https://cdn.acedata.cloud/viy61r.jpg`,class:`avatar`})]),e(`div`,mt,[e(`div`,ht,[n(r(t.$t(`pixverse.name.pixverseBot`))+` `,1),e(`span`,gt,r(t.$dayjs.format(``+new Date(parseFloat((t.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,_t,[t.modelValue?.request?.prompt?(h(),o(`p`,vt,[n(r(t.modelValue?.request?.prompt)+` `,1),t.modelValue?.response?a(``,!0):(h(),o(`span`,yt,` - (`+r(t.$t(`pixverse.status.pending`))+`) `,1)),t.modelValue?.response?.data&&(t.modelValue?.response?.data[0]?.state===`processing`||t.modelValue?.response?.data[0]?.state===`pending`)?(h(),o(`span`,bt,` - (`+r(t.$t(`pixverse.status.processing`))+`) `,1)):a(``,!0)])):a(``,!0)]),t.modelValue?.response?.success===!0&&t.modelValue?.response?.data?(h(),o(`div`,xt,[t.modelValue?.response?.data[0]?.video_url?(h(),o(`div`,St,[i(_,{src:t.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):a(``,!0),t.modelValue?.response.success?(h(),o(`div`,Ct,[i(y,{class:`box-item`,effect:`dark`,content:t.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:f(()=>[t.modelValue?.response?.data[0]?.video_url?(h(),d(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:s[0]||=e=>t.onDownload(e,t.modelValue?.response?.data[0]?.video_url)},{default:f(()=>[n(r(t.$t(`pixverse.button.download`)),1)]),_:1})):a(``,!0)]),_:1},8,[`content`]),i(b,{path:`/pixverse/videos`,body:t.modelValue?.request},null,8,[`body`])])):a(``,!0),i(C,{closable:!1,class:`mt-2 success`},{default:f(()=>[e(`p`,wt,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.model`))+`: `+r(t.modelValue?.request?.model),1)]),e(`p`,Tt,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id},null,8,[`content`])]),t.modelValue?.elapsed?(h(),o(`p`,Et,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0)]),_:1})])):a(``,!0),t.modelValue?.response?.success===!1?(h(),o(`div`,$,[i(C,{closable:!1,class:`info`},{template:f(()=>[i(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.failure`)),1)]),default:f(()=>[e(`p`,Dt,[i(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.failureReason`))+`: `+r(t.modelValue?.response?.error?.message)+` `,1),i(S,{content:t.modelValue?.response?.error?.message},null,8,[`content`])]),e(`p`,Ot,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id},null,8,[`content`])]),t.modelValue?.elapsed?(h(),o(`p`,kt,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),t.modelValue?.response?.trace_id?(h(),o(`p`,At,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.traceId`))+`: `+r(t.modelValue?.response?.trace_id)+` `,1),i(S,{content:t.modelValue?.response?.trace_id},null,8,[`content`])])):a(``,!0)]),_:1})])):a(``,!0)])])}var Mt=_({name:`RecentPanel`,components:{TaskPreview:L(dt,[[`render`,jt],[`__scopeId`,`data-v-dd3037dc`]]),NoTasks:ne,BotPlaceholder:Q,ScrollList:J},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Nt={key:0},Pt={key:2,class:`w-full h-full flex items-center justify-center`};function Ft(e,t,n,r,l,u){let p=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return h(),o(s,null,[e.tasks?.items===void 0?(h(),o(`div`,Nt,[i(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),d(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(h(!0),o(s,null,m(e.tasks?.items,(e,t)=>(h(),d(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(h(),o(`div`,Pt,[i(v)])):a(``,!0)],64)}var It=_({name:`PixverseIndex`,components:{ConfigPanel:ut,Layout:le,RecentPanel:L(Mt,[[`render`,Ft]])},mixins:[M],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===R.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===R.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,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 Y({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(`pixverse/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pixverse/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){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(`pixverse/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!N(this.uploadTracker,e=>this.$t(e),e=>z.warning(e)))return;let e={...this.config,async:!0};if(!I())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}z.info(this.$t(`pixverse.message.startingTask`)),B(`pixverse`,te.generate(e,{token:t})).then(()=>{z.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?z.error(this.$t(`pixverse.message.usedUp`)):z.error(this.$t(`pixverse.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Lt(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`recent-panel`),u=c(`layout`);return h(),d(u,null,{config:f(()=>[i(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Rt=L(It,[[`render`,Lt]]);export{Rt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,Gt as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,ht as l,it as u,j as d,mt as f,qt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{r as v,t as y}from"./select-CVXgXqir.js";import{t as b}from"./upload-D-zDieUV.js";import{t as x}from"./tooltip-Cb1CIPoD.js";import{t as S}from"./image-DGnWsKHn.js";import{t as C}from"./alert-2qBdi1l1.js";import{t as w}from"./drawer-u1pTNeW8.js";import{t as T}from"./input-number-_KRhOc4-.js";import{t as E}from"./slider-CDoSZg65.js";import{ar as D,ir as O,nr as k,rr as A}from"./constants-Cm1pJ8kP.js";import{Ht as j,Kt as ee,Pn as te,Ut as M,Vt as N,Wt as P,Xr as F,en as I,j as L,qr as R,si as z,sr as B,vi as V}from"./index-DqpzpRT-.js";import{t as H}from"./index.es-D7t9e-wf.js";import{t as U}from"./CopyToClipboard-BpPd8B8b.js";import{t as W}from"./ImagePreview-BfslzHEU.js";import{n as G}from"./taskDrawerMixin-DyAUhFEq.js";import{t as K}from"./Consumption-Ch2waQDb.js";import{i as q,n as J,t as Y}from"./pagination-CyeMpm2N.js";import{t as X}from"./VideoPlayer-BzaeOeXh.js";import{t as Z}from"./ApiCodeButton-D08Q_WRa.js";import{t as Q}from"./BotPlaceholder-Dn8d_dlZ.js";import{t as ne}from"./NoTasks-Cox5rrM8.js";import{t as re}from"./PromptTextarea-CEL2z0Ne.js";var ie=_({name:`LayoutPixverse`,components:{ElDrawer:w,ElButton:V,FontAwesomeIcon:H},mixins:[G]}),ae={class:`main flex flex-row flex-1`},oe={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},se={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ce(t,n,r,a,s,d){let p=c(`font-awesome-icon`),m=c(`el-button`),_=c(`el-drawer`);return h(),o(`div`,ae,[e(`div`,oe,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,se,[u(t.$slots,`result`,{},void 0,!0)]),l(i(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var le=L(ie,[[`render`,ce],[`__scopeId`,`data-v-e688a015`]]),ue=_({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`v3.5`,label:`v3.5`},{value:`v4`,label:`v4`},{value:`v4.5`,label:`v4.5`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||=A}}),de={class:`field`},fe={class:`title font-bold`};function pe(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,de,[e(`h2`,fe,r(t.$t(`pixverse.name.model`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var me=L(ue,[[`render`,pe],[`__scopeId`,`data-v-e8f337ca`]]),he=_({name:`QualitySelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`360p`,label:`360p`},{value:`540p`,label:`540p`},{value:`720p`,label:`720p`},{value:`1080p`,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||=D}}),ge={class:`field`},_e={class:`title font-bold`};function ve(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,ge,[e(`h2`,_e,r(t.$t(`pixverse.name.quality`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=L(he,[[`render`,ve],[`__scopeId`,`data-v-64aeaae9`]]),be=_({name:`MotionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`normal`,label:this.$t(`pixverse.name.motion1`)},{value:`fast`,label:this.$t(`pixverse.name.motion2`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||=O}}),xe={class:`field`},Se={class:`title font-bold`};function Ce(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,xe,[e(`h2`,Se,r(t.$t(`pixverse.name.motion`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var we=L(be,[[`render`,Ce],[`__scopeId`,`data-v-94237408`]]),Te=_({name:`StyleSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`cyberpunk`,label:this.$t(`pixverse.name.style1`)},{value:`anime`,label:this.$t(`pixverse.name.style2`)},{value:`comic`,label:this.$t(`pixverse.name.style3`)},{value:`clay`,label:this.$t(`pixverse.name.style4`)},{value:`3d_animation`,label:this.$t(`pixverse.name.style5`)},{value:`realistic`,label:this.$t(`pixverse.name.style6`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||=``}}),Ee={class:`field`},De={class:`title font-bold`};function Oe(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,Ee,[e(`h2`,De,r(t.$t(`pixverse.name.style`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ke=L(Te,[[`render`,Oe],[`__scopeId`,`data-v-64e17b3c`]]),Ae=_({name:`SeedSelector`,components:{ElSlider:E,InfoIcon:q,ElInputNumber:T},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||=void 0}}),je={class:`flex justify-between`},Me={class:`flex justify-start items-center`},Ne={class:`text-sm font-bold`},Pe={class:`flex justify-end items-center`},Fe={class:`w-full`};function Ie(t,n,a,s,l,u){let d=c(`info-icon`),f=c(`el-input-number`),p=c(`el-slider`);return h(),o(`div`,null,[e(`div`,je,[e(`div`,Me,[e(`span`,Ne,r(t.$t(`pixverse.name.seed`)),1),i(d,{content:t.$t(`pixverse.description.seed`)},null,8,[`content`])]),e(`div`,Pe,[i(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,Fe,[i(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var Le=L(Ae,[[`render`,Ie]]),Re=_({name:`DurationSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:5,label:`5s`},{value:8,label:`8s`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||=5}}),ze={class:`field`},Be={class:`title font-bold`};function Ve(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,ze,[e(`h2`,Be,r(t.$t(`pixverse.name.duration`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var He=L(Re,[[`render`,Ve],[`__scopeId`,`data-v-065c77ef`]]),Ue=_({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`4:3`,label:`4:3`,width:20,height:15},{value:`3:4`,label:`3:4`,width:15,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||=k}}),We={class:`text-sm font-bold mb-2 block`},Ge={class:`items`},Ke=[`onClick`],qe={class:`name`};function Je(n,i,a,c,l,u){return h(),o(`div`,null,[e(`span`,We,r(n.$t(`pixverse.name.aspectRatio`)),1),e(`div`,Ge,[(h(!0),o(s,null,m(n.options,(i,a)=>(h(),o(`div`,{key:a,class:t({active:n.active===a,item:!0}),onClick:e=>n.value=i.value},[e(`div`,{class:t([`preview`,i.label])},[e(`div`,{class:`rect`,style:p({width:i.width+`px`,height:i.height+`px`})},null,4)],2),e(`p`,qe,r(i.label),1)],10,Ke))),128))])])}var Ye=L(Ue,[[`render`,Je],[`__scopeId`,`data-v-53038264`]]),Xe=_({name:`StartImage`,components:{ElUpload:b,ElButton:V,InfoIcon:q,FontAwesomeIcon:H,ImagePreview:W},mixins:[P,j],emits:[`change`],data(){return{fileList:[],uploadUrl:F()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){z.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){z.error(this.$t(`pixverse.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ze={class:`relative`},Qe={class:`flex justify-between`},$e={class:`flex justify-start items-center`},et={class:`text-sm font-bold`};function tt(t,s,l,u,p,m){let g=c(`info-icon`),_=c(`image-preview`),v=c(`font-awesome-icon`),y=c(`el-button`),b=c(`el-upload`);return h(),o(`div`,Ze,[e(`div`,Qe,[e(`div`,$e,[e(`span`,et,r(t.$t(`pixverse.name.startImage`)),1),i(g,{content:t.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),i(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":s[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:f(({file:e})=>[e.url&&e.percentage!==void 0?(h(),d(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):a(``,!0)]),default:f(()=>[i(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:f(()=>[i(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),n(` `+r(t.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var nt=L(Xe,[[`render`,tt],[`__scopeId`,`data-v-0d570ad7`]]),rt=_({name:`PromptInput`,components:{PromptTextarea:re},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||=``}});function it(e,t,n,r,i,a){let o=c(`prompt-textarea`);return h(),d(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pixverse.name.prompt`),info:e.$t(`pixverse.description.prompt`),placeholder:e.$t(`pixverse.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var at=_({name:`ConfigPanel`,components:{ElButton:V,FontAwesomeIcon:H,PromptInput:L(rt,[[`render`,it]]),ModelSelector:me,QualitySelector:ye,MotionSelector:we,StyleSelector:ke,DurationSelector:He,StartImage:nt,SeedSelector:Le,RatioSelector:Ye,Consumption:K},emits:[`generate`],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),ot={class:`flex flex-col h-full`},st={class:`flex-1 overflow-y-auto p-5`},ct={class:`flex flex-col items-center justify-center px-5 pb-5`};function lt(t,a,s,l,u,d){let p=c(`prompt-input`),m=c(`model-selector`),g=c(`style-selector`),_=c(`ratio-selector`),v=c(`motion-selector`),y=c(`quality-selector`),b=c(`start-image`),x=c(`seed-selector`),S=c(`duration-selector`),C=c(`consumption`),w=c(`font-awesome-icon`),T=c(`el-button`);return h(),o(`div`,ot,[e(`div`,st,[i(p,{class:`mb-4`}),i(m,{class:`mb-4`}),i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),i(v,{class:`mb-4`}),i(y,{class:`mb-4`}),i(b,{class:`mb-2`}),i(x,{class:`mb-4`}),i(S,{class:`mb-4`})]),e(`div`,ct,[i(C,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(T,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:f(()=>[i(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),n(` `+r(t.$t(`pixverse.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ut=L(at,[[`render`,lt]]),dt=_({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:U,FontAwesomeIcon:H,ElAlert:C,VideoPlayer:X,ElTooltip:x,ElButton:V,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),ft={class:`preview`},pt={class:`left`},mt={class:`main`},ht={class:`bot`},gt={class:`datetime`},_t={class:`info`},vt={key:0,class:`prompt mt-2`},yt={key:0},bt={key:1},xt={key:0,class:t({content:!0,failed:!0})},St={key:0,class:`mb-4`},Ct={key:1,class:t({operations:!0,"mt-2":!0})},wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:1,class:t({content:!0})},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function jt(t,s,l,u,p,m){let g=c(`el-image`),_=c(`video-player`),v=c(`el-button`),y=c(`el-tooltip`),b=c(`api-code-button`),x=c(`font-awesome-icon`),S=c(`copy-to-clipboard`),C=c(`el-alert`);return h(),o(`div`,ft,[e(`div`,pt,[i(g,{src:`https://cdn.acedata.cloud/viy61r.jpg`,class:`avatar`})]),e(`div`,mt,[e(`div`,ht,[n(r(t.$t(`pixverse.name.pixverseBot`))+` `,1),e(`span`,gt,r(t.$dayjs.format(``+new Date(parseFloat((t.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,_t,[t.modelValue?.request?.prompt?(h(),o(`p`,vt,[n(r(t.modelValue?.request?.prompt)+` `,1),t.modelValue?.response?a(``,!0):(h(),o(`span`,yt,` - (`+r(t.$t(`pixverse.status.pending`))+`) `,1)),t.modelValue?.response?.data&&(t.modelValue?.response?.data[0]?.state===`processing`||t.modelValue?.response?.data[0]?.state===`pending`)?(h(),o(`span`,bt,` - (`+r(t.$t(`pixverse.status.processing`))+`) `,1)):a(``,!0)])):a(``,!0)]),t.modelValue?.response?.success===!0&&t.modelValue?.response?.data?(h(),o(`div`,xt,[t.modelValue?.response?.data[0]?.video_url?(h(),o(`div`,St,[i(_,{src:t.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):a(``,!0),t.modelValue?.response.success?(h(),o(`div`,Ct,[i(y,{class:`box-item`,effect:`dark`,content:t.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:f(()=>[t.modelValue?.response?.data[0]?.video_url?(h(),d(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:s[0]||=e=>t.onDownload(e,t.modelValue?.response?.data[0]?.video_url)},{default:f(()=>[n(r(t.$t(`pixverse.button.download`)),1)]),_:1})):a(``,!0)]),_:1},8,[`content`]),i(b,{path:`/pixverse/videos`,body:t.modelValue?.request},null,8,[`body`])])):a(``,!0),i(C,{closable:!1,class:`mt-2 success`},{default:f(()=>[e(`p`,wt,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.model`))+`: `+r(t.modelValue?.request?.model),1)]),e(`p`,Tt,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id},null,8,[`content`])]),t.modelValue?.elapsed?(h(),o(`p`,Et,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0)]),_:1})])):a(``,!0),t.modelValue?.response?.success===!1?(h(),o(`div`,$,[i(C,{closable:!1,class:`info`},{template:f(()=>[i(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.failure`)),1)]),default:f(()=>[e(`p`,Dt,[i(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.failureReason`))+`: `+r(t.modelValue?.response?.error?.message)+` `,1),i(S,{content:t.modelValue?.response?.error?.message},null,8,[`content`])]),e(`p`,Ot,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id},null,8,[`content`])]),t.modelValue?.elapsed?(h(),o(`p`,kt,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),t.modelValue?.response?.trace_id?(h(),o(`p`,At,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`pixverse.name.traceId`))+`: `+r(t.modelValue?.response?.trace_id)+` `,1),i(S,{content:t.modelValue?.response?.trace_id},null,8,[`content`])])):a(``,!0)]),_:1})])):a(``,!0)])])}var Mt=_({name:`RecentPanel`,components:{TaskPreview:L(dt,[[`render`,jt],[`__scopeId`,`data-v-dd3037dc`]]),NoTasks:ne,BotPlaceholder:Q,ScrollList:J},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Nt={key:0},Pt={key:2,class:`w-full h-full flex items-center justify-center`};function Ft(e,t,n,r,l,u){let p=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return h(),o(s,null,[e.tasks?.items===void 0?(h(),o(`div`,Nt,[i(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),d(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(h(!0),o(s,null,m(e.tasks?.items,(e,t)=>(h(),d(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(h(),o(`div`,Pt,[i(v)])):a(``,!0)],64)}var It=_({name:`PixverseIndex`,components:{ConfigPanel:ut,Layout:le,RecentPanel:L(Mt,[[`render`,Ft]])},mixins:[M],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===R.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===R.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,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 Y({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(`pixverse/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pixverse/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){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(`pixverse/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!N(this.uploadTracker,e=>this.$t(e),e=>z.warning(e)))return;let e={...this.config,async:!0};if(!I())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}z.info(this.$t(`pixverse.message.startingTask`)),B(`pixverse`,te.generate(e,{token:t})).then(()=>{z.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?z.error(this.$t(`pixverse.message.usedUp`)):z.error(this.$t(`pixverse.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Lt(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`recent-panel`),u=c(`layout`);return h(),d(u,null,{config:f(()=>[i(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Rt=L(It,[[`render`,Lt]]);export{Rt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{t as v}from"./upload-BKpcPFRg.js";import{t as y}from"./tooltip-LtFoWHp1.js";import{t as b}from"./image-DqNI3BTF.js";import{t as x}from"./alert-ABG0SsiI.js";import{t as S}from"./drawer-B5YyAb0A.js";import{t as C}from"./switch-mOGpoGb4.js";import"./constants-Cm1pJ8kP.js";import{Ht as w,Kt as T,Ut as E,Vn as D,Vt as ee,Wt as O,Xr as k,en as A,j,qr as M,si as N,sr as P,vi as F}from"./index-wWCeKUAg.js";import{t as I}from"./index.es-BxbHjZv_.js";import{t as te}from"./CopyToClipboard-BrX-5XYk.js";import{t as L}from"./FilePreview-CupDdf5l.js";import{t as R}from"./ImagePreview-DxqeQEJb.js";import{n as z}from"./taskDrawerMixin-DyAUhFEq.js";import{t as B}from"./Consumption-Bn1ptWw_.js";import{i as V,n as H,t as U}from"./pagination-DdkxsSb7.js";import{t as W}from"./VideoPlayer-BJPooudM.js";import{t as G}from"./ApiCodeButton-cmAedBt5.js";import{t as K}from"./BotPlaceholder-k9yQeVMM.js";import{t as q}from"./NoTasks-DN7mJg3b.js";import{t as J}from"./PromptTextarea-C9AgrD-V.js";var Y=_({name:`LayoutLuma`,components:{ElDrawer:S,ElButton:F,FontAwesomeIcon:I},mixins:[z]}),X={class:`main flex flex-row flex-1`},Z={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Q={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ne(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,X,[e(`div`,Z,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Q,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`,class:`drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var re=j(Y,[[`render`,ne],[`__scopeId`,`data-v-da4bcd3a`]]),ie=_({name:`EnhancementSelector`,components:{ElSwitch:C,InfoIcon:V},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),ae={class:`relative`},oe={class:`flex justify-between`},se={class:`flex justify-start items-center`},ce={class:`text-sm font-bold`},le={class:`flex justify-end items-center`};function ue(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,ae,[e(`div`,oe,[e(`div`,se,[e(`span`,ce,i(t.$t(`luma.name.enhancement`)),1),a(d,{content:t.$t(`luma.description.enhancement`)},null,8,[`content`])]),e(`div`,le,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var de=j(ie,[[`render`,ue]]),fe=_({name:`CustomSelector`,components:{ElSwitch:C,InfoIcon:V},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),pe={class:`relative`},me={class:`flex justify-between`},he={class:`flex justify-start items-center`},ge={class:`text-sm font-bold`},_e={class:`flex justify-end items-center`};function ve(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,pe,[e(`div`,me,[e(`div`,he,[e(`span`,ge,i(t.$t(`luma.name.custom`)),1),a(d,{content:t.$t(`luma.description.custom`)},null,8,[`content`])]),e(`div`,_e,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var ye=j(fe,[[`render`,ve]]),be=_({name:`LoopSelector`,components:{ElSwitch:C,InfoIcon:V},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),xe={class:`relative`},Se={class:`flex justify-between`},Ce={class:`flex justify-start items-center`},we={class:`text-sm font-bold`},Te={class:`flex justify-end items-center`};function Ee(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,xe,[e(`div`,Se,[e(`div`,Ce,[e(`span`,we,i(t.$t(`luma.name.loop`)),1),a(d,{content:t.$t(`luma.description.loop`)},null,8,[`content`])]),e(`div`,Te,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var De=j(be,[[`render`,Ee]]),Oe=_({name:`EndImage`,components:{ElUpload:v,ElButton:F,ImagePreview:R,InfoIcon:V,FontAwesomeIcon:I},mixins:[O,w],data(){return{fileList:[],uploadUrl:k()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onExceed(){N.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){N.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),ke={class:`relative`},Ae={class:`flex justify-between`},je={class:`flex justify-start items-center`},Me={class:`text-sm font-bold`};function Ne(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,ke,[e(`div`,Ae,[e(`div`,je,[e(`span`,Me,i(t.$t(`luma.name.endImageUrl`)),1),a(g,{content:t.$t(`luma.description.endImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(h(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Pe=j(Oe,[[`render`,Ne],[`__scopeId`,`data-v-cd768b26`]]),Fe=_({name:`StartImage`,components:{ElUpload:v,ElButton:F,ImagePreview:R,InfoIcon:V,FontAwesomeIcon:I},mixins:[O,w],data(){return{fileList:[],uploadUrl:k()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){N.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){N.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ie={class:`relative`},Le={class:`flex justify-between`},Re={class:`flex justify-start items-center`},ze={class:`text-sm font-bold`};function Be(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Ie,[e(`div`,Le,[e(`div`,Re,[e(`span`,ze,i(t.$t(`luma.name.startImageUrl`)),1),a(g,{content:t.$t(`luma.description.startImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url||e.response.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ve=j(Fe,[[`render`,Be],[`__scopeId`,`data-v-4d03e978`]]),He=_({name:`UploadVideo`,components:{ElUpload:v,ElButton:F,InfoIcon:V,FilePreview:L,FontAwesomeIcon:I},mixins:[w],data(){return{fileList:[],uploadUrl:k()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||=void 0},methods:{onExceed(){N.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){N.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(N.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(N.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),Ue={class:`relative`},We={class:`flex justify-between`},Ge={class:`flex justify-start items-center`},Ke={class:`text-sm font-bold`};function qe(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`file-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Ue,[e(`div`,We,[e(`div`,Ge,[e(`span`,Ke,i(t.$t(`luma.name.videoUrl`)),1),a(g,{content:t.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Je=j(He,[[`render`,qe],[`__scopeId`,`data-v-b4c637fa`]]),Ye=_({name:`PromptInput`,components:{PromptTextarea:J},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Xe(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ze=j(Ye,[[`render`,Xe]]),Qe=_({name:`ExtendFromInput`,components:{VideoPlayer:W},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),$e={class:`relative`},et={class:`flex mb-2`},tt={class:`text-sm font-bold`};function nt(t,n,r,a,c,u){let d=l(`video-player`);return h(),s(`div`,$e,[e(`div`,et,[e(`span`,tt,i(t.$t(`luma.name.extend`)),1)]),e(`div`,null,[t.config?.video_url?(h(),f(d,{key:0,src:t.config?.video_url},null,8,[`src`])):o(``,!0)])])}var rt=_({name:`ConfigPanel`,components:{LoopSelector:De,StartImageInput:Ve,EndImageInput:Pe,EnhancementSelector:de,ElButton:F,FontAwesomeIcon:I,PromptInput:Ze,ExtendFromInput:j(Qe,[[`render`,nt]]),CustomSelector:ye,UploadVideo:Je,Consumption:B},emits:[`generate`],computed:{config(){return this.$store.state.luma?.config},consumption(){return T(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),it={class:`flex flex-col h-full`},at={class:`flex-1 overflow-y-auto p-5`},ot={class:`flex flex-col items-center justify-center px-5 pb-5`};function st(t,n,c,u,d,m){let g=l(`extend-from-input`),_=l(`prompt-input`),v=l(`custom-selector`),y=l(`upload-video`),b=l(`start-image-input`),x=l(`end-image-input`),S=l(`enhancement-selector`),C=l(`loop-selector`),w=l(`consumption`),T=l(`font-awesome-icon`),E=l(`el-button`);return h(),s(`div`,it,[e(`div`,at,[t.config?.video_id||t.config?.video_url?(h(),f(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),t.config?.video_id?o(``,!0):(h(),f(v,{key:1,class:`mb-4`})),t.config?.custom?(h(),f(y,{key:2,class:`mb-4`})):o(``,!0),!(t.config?.video_id||t.config?.video_url)&&!t.config?.custom?(h(),f(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),e(`div`,ot,[a(w,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),t.config?.video_url!==void 0||t.config?.custom?(h(),f(E,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(h(),f(E,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var ct=j(rt,[[`render`,st]]),lt=_({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:te,FontAwesomeIcon:I,ElAlert:x,VideoPlayer:W,ElTooltip:y,ElButton:F,ApiCodeButton:G},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),ut={class:`preview`},dt={class:`left`},ft={class:`main`},pt={class:`bot`},mt={class:`datetime`},ht={class:`info`},gt={key:0,class:`prompt mt-2`},_t={key:0},vt={key:1},yt={key:0,class:n({content:!0,failed:!0})},bt={key:0,class:`mb-4`},xt={key:1,class:n({operations:!0,"mt-2":!0,"mb-4":!0})},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:1,class:n({content:!0})},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ot={key:2,class:n({content:!0})},kt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function At(n,c,u,d,f,m){let g=l(`el-image`),_=l(`video-player`),v=l(`el-button`),y=l(`el-tooltip`),b=l(`api-code-button`),x=l(`font-awesome-icon`),S=l(`copy-to-clipboard`),C=l(`el-alert`);return h(),s(`div`,ut,[e(`div`,dt,[a(g,{src:`https://cdn.acedata.cloud/ahjfwi.png`,class:`avatar`})]),e(`div`,ft,[e(`div`,pt,[r(i(n.$t(`luma.name.lumaBot`))+` `,1),e(`span`,mt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,ht,[n.modelValue?.request?.prompt?(h(),s(`p`,gt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,_t,` - (`+i(n.$t(`luma.status.pending`))+`) `,1)),n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`span`,vt,` - (`+i(n.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,yt,[n.modelValue.response.video_url?(h(),s(`div`,bt,[a(_,{src:n.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response&&!n.config?.custom?(h(),s(`div`,xt,[a(y,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=t(e=>n.onExtend(e,n.modelValue?.response),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(y,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=t(e=>n.onDownload(n.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/luma/videos`,body:n.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,St,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,Ct,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.state===`failed`||n.modelValue?.response?.success===!1?(h(),s(`div`,wt,[a(C,{closable:!1,class:`failure`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,Tt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,Et,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(S,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,$,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Dt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.traceId`))+`: `+i(n.modelValue?.trace_id)+` `,1),a(S,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!n.modelValue?.response||n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`div`,Ot,[a(C,{closable:!1,class:`info`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,kt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var jt=_({name:`RecentPanel`,components:{BotPlaceholder:K,TaskPreview:j(lt,[[`render`,At],[`__scopeId`,`data-v-9c354ffe`]]),NoTasks:q,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Mt={key:0},Nt={key:2,class:`w-full h-full flex items-center justify-center`};function Pt(e,t,n,r,i,u){let d=l(`bot-placeholder`),g=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return h(),s(c,null,[e.tasks?.items===void 0?(h(),s(`div`,Mt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,n=>(h(),f(g,{key:n.id,"model-value":n,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,Nt,[a(v)])):o(``,!0)],64)}var Ft=_({name:`LumaIndex`,components:{ConfigPanel:ct,Layout:re,RecentPanel:j(jt,[[`render`,Pt]])},mixins:[E],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await U({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),await this.$nextTick();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(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ee(this.uploadTracker,e=>this.$t(e),e=>N.warning(e)))return;let e={...this.config,async:!0};if(!this.hasText(e.prompt)){N.error(this.$t(`luma.message.promptRequired`));return}if(e.prompt=e.prompt?.trim(),!A())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}N.info(this.$t(`luma.message.startingTask`)),P(`luma`,D.generate(e,{token:t})).then(()=>{N.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?N.error(this.$t(`luma.message.usedUp`)):N.error(this.$t(`luma.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function It(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return h(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var Lt=j(Ft,[[`render`,It]]);export{Lt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{t as v}from"./upload-D-zDieUV.js";import{t as y}from"./tooltip-Cb1CIPoD.js";import{t as b}from"./image-DGnWsKHn.js";import{t as x}from"./alert-2qBdi1l1.js";import{t as S}from"./drawer-u1pTNeW8.js";import{t as C}from"./switch-UZQHGjPB.js";import"./constants-Cm1pJ8kP.js";import{Ht as w,Kt as T,Ut as E,Vn as D,Vt as ee,Wt as O,Xr as k,en as A,j,qr as M,si as N,sr as P,vi as F}from"./index-DqpzpRT-.js";import{t as I}from"./index.es-D7t9e-wf.js";import{t as te}from"./CopyToClipboard-BpPd8B8b.js";import{t as L}from"./FilePreview-pOUKDsWd.js";import{t as R}from"./ImagePreview-BfslzHEU.js";import{n as z}from"./taskDrawerMixin-DyAUhFEq.js";import{t as B}from"./Consumption-Ch2waQDb.js";import{i as V,n as H,t as U}from"./pagination-CyeMpm2N.js";import{t as W}from"./VideoPlayer-BzaeOeXh.js";import{t as G}from"./ApiCodeButton-D08Q_WRa.js";import{t as K}from"./BotPlaceholder-Dn8d_dlZ.js";import{t as q}from"./NoTasks-Cox5rrM8.js";import{t as J}from"./PromptTextarea-CEL2z0Ne.js";var Y=_({name:`LayoutLuma`,components:{ElDrawer:S,ElButton:F,FontAwesomeIcon:I},mixins:[z]}),X={class:`main flex flex-row flex-1`},Z={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Q={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ne(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,X,[e(`div`,Z,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Q,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`,class:`drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var re=j(Y,[[`render`,ne],[`__scopeId`,`data-v-da4bcd3a`]]),ie=_({name:`EnhancementSelector`,components:{ElSwitch:C,InfoIcon:V},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),ae={class:`relative`},oe={class:`flex justify-between`},se={class:`flex justify-start items-center`},ce={class:`text-sm font-bold`},le={class:`flex justify-end items-center`};function ue(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,ae,[e(`div`,oe,[e(`div`,se,[e(`span`,ce,i(t.$t(`luma.name.enhancement`)),1),a(d,{content:t.$t(`luma.description.enhancement`)},null,8,[`content`])]),e(`div`,le,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var de=j(ie,[[`render`,ue]]),fe=_({name:`CustomSelector`,components:{ElSwitch:C,InfoIcon:V},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),pe={class:`relative`},me={class:`flex justify-between`},he={class:`flex justify-start items-center`},ge={class:`text-sm font-bold`},_e={class:`flex justify-end items-center`};function ve(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,pe,[e(`div`,me,[e(`div`,he,[e(`span`,ge,i(t.$t(`luma.name.custom`)),1),a(d,{content:t.$t(`luma.description.custom`)},null,8,[`content`])]),e(`div`,_e,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var ye=j(fe,[[`render`,ve]]),be=_({name:`LoopSelector`,components:{ElSwitch:C,InfoIcon:V},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),xe={class:`relative`},Se={class:`flex justify-between`},Ce={class:`flex justify-start items-center`},we={class:`text-sm font-bold`},Te={class:`flex justify-end items-center`};function Ee(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,xe,[e(`div`,Se,[e(`div`,Ce,[e(`span`,we,i(t.$t(`luma.name.loop`)),1),a(d,{content:t.$t(`luma.description.loop`)},null,8,[`content`])]),e(`div`,Te,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var De=j(be,[[`render`,Ee]]),Oe=_({name:`EndImage`,components:{ElUpload:v,ElButton:F,ImagePreview:R,InfoIcon:V,FontAwesomeIcon:I},mixins:[O,w],data(){return{fileList:[],uploadUrl:k()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onExceed(){N.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){N.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),ke={class:`relative`},Ae={class:`flex justify-between`},je={class:`flex justify-start items-center`},Me={class:`text-sm font-bold`};function Ne(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,ke,[e(`div`,Ae,[e(`div`,je,[e(`span`,Me,i(t.$t(`luma.name.endImageUrl`)),1),a(g,{content:t.$t(`luma.description.endImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(h(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Pe=j(Oe,[[`render`,Ne],[`__scopeId`,`data-v-cd768b26`]]),Fe=_({name:`StartImage`,components:{ElUpload:v,ElButton:F,ImagePreview:R,InfoIcon:V,FontAwesomeIcon:I},mixins:[O,w],data(){return{fileList:[],uploadUrl:k()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){N.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){N.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ie={class:`relative`},Le={class:`flex justify-between`},Re={class:`flex justify-start items-center`},ze={class:`text-sm font-bold`};function Be(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Ie,[e(`div`,Le,[e(`div`,Re,[e(`span`,ze,i(t.$t(`luma.name.startImageUrl`)),1),a(g,{content:t.$t(`luma.description.startImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url||e.response.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ve=j(Fe,[[`render`,Be],[`__scopeId`,`data-v-4d03e978`]]),He=_({name:`UploadVideo`,components:{ElUpload:v,ElButton:F,InfoIcon:V,FilePreview:L,FontAwesomeIcon:I},mixins:[w],data(){return{fileList:[],uploadUrl:k()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||=void 0},methods:{onExceed(){N.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){N.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(N.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(N.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),Ue={class:`relative`},We={class:`flex justify-between`},Ge={class:`flex justify-start items-center`},Ke={class:`text-sm font-bold`};function qe(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`file-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Ue,[e(`div`,We,[e(`div`,Ge,[e(`span`,Ke,i(t.$t(`luma.name.videoUrl`)),1),a(g,{content:t.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Je=j(He,[[`render`,qe],[`__scopeId`,`data-v-b4c637fa`]]),Ye=_({name:`PromptInput`,components:{PromptTextarea:J},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Xe(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ze=j(Ye,[[`render`,Xe]]),Qe=_({name:`ExtendFromInput`,components:{VideoPlayer:W},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),$e={class:`relative`},et={class:`flex mb-2`},tt={class:`text-sm font-bold`};function nt(t,n,r,a,c,u){let d=l(`video-player`);return h(),s(`div`,$e,[e(`div`,et,[e(`span`,tt,i(t.$t(`luma.name.extend`)),1)]),e(`div`,null,[t.config?.video_url?(h(),f(d,{key:0,src:t.config?.video_url},null,8,[`src`])):o(``,!0)])])}var rt=_({name:`ConfigPanel`,components:{LoopSelector:De,StartImageInput:Ve,EndImageInput:Pe,EnhancementSelector:de,ElButton:F,FontAwesomeIcon:I,PromptInput:Ze,ExtendFromInput:j(Qe,[[`render`,nt]]),CustomSelector:ye,UploadVideo:Je,Consumption:B},emits:[`generate`],computed:{config(){return this.$store.state.luma?.config},consumption(){return T(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),it={class:`flex flex-col h-full`},at={class:`flex-1 overflow-y-auto p-5`},ot={class:`flex flex-col items-center justify-center px-5 pb-5`};function st(t,n,c,u,d,m){let g=l(`extend-from-input`),_=l(`prompt-input`),v=l(`custom-selector`),y=l(`upload-video`),b=l(`start-image-input`),x=l(`end-image-input`),S=l(`enhancement-selector`),C=l(`loop-selector`),w=l(`consumption`),T=l(`font-awesome-icon`),E=l(`el-button`);return h(),s(`div`,it,[e(`div`,at,[t.config?.video_id||t.config?.video_url?(h(),f(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),t.config?.video_id?o(``,!0):(h(),f(v,{key:1,class:`mb-4`})),t.config?.custom?(h(),f(y,{key:2,class:`mb-4`})):o(``,!0),!(t.config?.video_id||t.config?.video_url)&&!t.config?.custom?(h(),f(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),e(`div`,ot,[a(w,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),t.config?.video_url!==void 0||t.config?.custom?(h(),f(E,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(h(),f(E,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var ct=j(rt,[[`render`,st]]),lt=_({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:te,FontAwesomeIcon:I,ElAlert:x,VideoPlayer:W,ElTooltip:y,ElButton:F,ApiCodeButton:G},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),ut={class:`preview`},dt={class:`left`},ft={class:`main`},pt={class:`bot`},mt={class:`datetime`},ht={class:`info`},gt={key:0,class:`prompt mt-2`},_t={key:0},vt={key:1},yt={key:0,class:n({content:!0,failed:!0})},bt={key:0,class:`mb-4`},xt={key:1,class:n({operations:!0,"mt-2":!0,"mb-4":!0})},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:1,class:n({content:!0})},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ot={key:2,class:n({content:!0})},kt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function At(n,c,u,d,f,m){let g=l(`el-image`),_=l(`video-player`),v=l(`el-button`),y=l(`el-tooltip`),b=l(`api-code-button`),x=l(`font-awesome-icon`),S=l(`copy-to-clipboard`),C=l(`el-alert`);return h(),s(`div`,ut,[e(`div`,dt,[a(g,{src:`https://cdn.acedata.cloud/ahjfwi.png`,class:`avatar`})]),e(`div`,ft,[e(`div`,pt,[r(i(n.$t(`luma.name.lumaBot`))+` `,1),e(`span`,mt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,ht,[n.modelValue?.request?.prompt?(h(),s(`p`,gt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,_t,` - (`+i(n.$t(`luma.status.pending`))+`) `,1)),n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`span`,vt,` - (`+i(n.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,yt,[n.modelValue.response.video_url?(h(),s(`div`,bt,[a(_,{src:n.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response&&!n.config?.custom?(h(),s(`div`,xt,[a(y,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=t(e=>n.onExtend(e,n.modelValue?.response),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(y,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=t(e=>n.onDownload(n.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/luma/videos`,body:n.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,St,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,Ct,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.state===`failed`||n.modelValue?.response?.success===!1?(h(),s(`div`,wt,[a(C,{closable:!1,class:`failure`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,Tt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,Et,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(S,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,$,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Dt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.traceId`))+`: `+i(n.modelValue?.trace_id)+` `,1),a(S,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!n.modelValue?.response||n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`div`,Ot,[a(C,{closable:!1,class:`info`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,kt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var jt=_({name:`RecentPanel`,components:{BotPlaceholder:K,TaskPreview:j(lt,[[`render`,At],[`__scopeId`,`data-v-9c354ffe`]]),NoTasks:q,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Mt={key:0},Nt={key:2,class:`w-full h-full flex items-center justify-center`};function Pt(e,t,n,r,i,u){let d=l(`bot-placeholder`),g=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return h(),s(c,null,[e.tasks?.items===void 0?(h(),s(`div`,Mt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,n=>(h(),f(g,{key:n.id,"model-value":n,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,Nt,[a(v)])):o(``,!0)],64)}var Ft=_({name:`LumaIndex`,components:{ConfigPanel:ct,Layout:re,RecentPanel:j(jt,[[`render`,Pt]])},mixins:[E],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await U({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),await this.$nextTick();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(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ee(this.uploadTracker,e=>this.$t(e),e=>N.warning(e)))return;let e={...this.config,async:!0};if(!this.hasText(e.prompt)){N.error(this.$t(`luma.message.promptRequired`));return}if(e.prompt=e.prompt?.trim(),!A())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}N.info(this.$t(`luma.message.startingTask`)),P(`luma`,D.generate(e,{token:t})).then(()=>{N.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?N.error(this.$t(`luma.message.usedUp`)):N.error(this.$t(`luma.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function It(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return h(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var Lt=j(Ft,[[`render`,It]]);export{Lt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,Gt as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,ht as l,it as u,j as d,mt as f,rt as p,tt as m,x as h,z as g}from"./vendor-chart-Dw-P17PN.js";import{r as _,t as v}from"./select-Dj2BZq8U.js";import{t as y}from"./upload-BKpcPFRg.js";import{t as b}from"./image-DqNI3BTF.js";import{t as x}from"./alert-ABG0SsiI.js";import{t as S}from"./drawer-B5YyAb0A.js";import{t as C}from"./input-number-BTMpqUP3.js";import{t as w}from"./slider-CMb5gP-8.js";import{$n as T,Qn as E,Zn as D}from"./constants-Cm1pJ8kP.js";import{Ht as O,Kt as k,Nn as A,Ut as ee,Vt as te,Wt as j,Xr as M,en as N,j as P,qr as F,si as I,sr as L,vi as R}from"./index-wWCeKUAg.js";import{t as z}from"./index.es-BxbHjZv_.js";import{t as B}from"./CopyToClipboard-BrX-5XYk.js";import{t as V}from"./ImagePreview-DxqeQEJb.js";import{n as H}from"./taskDrawerMixin-DyAUhFEq.js";import{t as U}from"./Consumption-Bn1ptWw_.js";import{i as W,n as G,t as K}from"./pagination-DdkxsSb7.js";import{t as q}from"./ApiCodeButton-cmAedBt5.js";import{t as J}from"./BotPlaceholder-k9yQeVMM.js";import{t as Y}from"./NoTasks-DN7mJg3b.js";import{t as X}from"./PromptTextarea-C9AgrD-V.js";import{t as Z}from"./ImageWrapper-CqLmPpQF.js";var Q=g({name:`LayoutFlux`,components:{ElDrawer:S,ElButton:R,FontAwesomeIcon:z},mixins:[H]}),ne={class:`main flex flex-row flex-1`},re={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ie={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ae(t,n,r,a,s,d){let p=c(`font-awesome-icon`),g=c(`el-button`),_=c(`el-drawer`);return m(),o(`div`,ne,[e(`div`,re,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,ie,[u(t.$slots,`result`,{},void 0,!0)]),l(i(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[h,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var oe=P(Q,[[`render`,ae],[`__scopeId`,`data-v-8ae8c974`]]),se=g({name:`ModelSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`flux-dev`,label:`flux-dev`},{value:`flux-pro`,label:`flux-pro`},{value:`flux-kontext-pro`,label:`flux-kontext-pro`},{value:`flux-kontext-max`,label:`flux-kontext-max`},{value:`flux-2-flex`,label:`flux-2-flex`},{value:`flux-2-pro`,label:`flux-2-pro`},{value:`flux-2-max`,label:`flux-2-max`}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||=T}}),ce={class:`field`},le={class:`title font-bold`};function ue(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,ce,[e(`h2`,le,r(t.$t(`flux.name.model`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var de=P(se,[[`render`,ue],[`__scopeId`,`data-v-e9b17945`]]),fe=g({name:`CountSelector`,components:{ElSlider:w,InfoIcon:W,ElInputNumber:C},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug(`set count`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||=1}}),pe={class:`flex justify-between`},me={class:`flex justify-start items-center`},he={class:`text-sm font-bold`},ge={class:`flex justify-end items-center`},_e={class:`w-full`};function ve(t,n,a,s,l,u){let d=c(`info-icon`),f=c(`el-input-number`),p=c(`el-slider`);return m(),o(`div`,null,[e(`div`,pe,[e(`div`,me,[e(`span`,he,r(t.$t(`flux.name.numbers`)),1),i(d,{content:t.$t(`flux.description.numbers`)},null,8,[`content`])]),e(`div`,ge,[i(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,_e,[i(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:1,max:4,step:1},null,8,[`modelValue`])])])}var ye=P(fe,[[`render`,ve]]),be=g({name:`ActionSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`generate`,label:this.$t(`flux.name.generate`)},{value:`edits`,label:this.$t(`flux.name.edits`)}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||=E}}),xe={class:`field`},Se={class:`title font-bold`};function Ce(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,xe,[e(`h2`,Se,r(t.$t(`flux.name.task`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var we=P(be,[[`render`,Ce],[`__scopeId`,`data-v-81fd05e5`]]),Te=g({name:`ImageUrlInput`,components:{ElUpload:y,ElButton:R,InfoIcon:W,FontAwesomeIcon:z,ImagePreview:V},mixins:[j,O],emits:[`change`],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){I.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){I.error(this.$t(`flux.message.uploadStartImageError`))}}}),Ee={class:`relative`},De={class:`flex justify-between`},Oe={class:`flex justify-start items-center`},ke={class:`text-sm font-bold`};function Ae(t,a,s,l,u,d){let p=c(`info-icon`),h=c(`image-preview`),g=c(`font-awesome-icon`),_=c(`el-button`),v=c(`el-upload`);return m(),o(`div`,Ee,[e(`div`,De,[e(`div`,Oe,[e(`span`,ke,r(t.$t(`flux.name.imageUrl`)),1),i(p,{content:t.$t(`flux.description.imageUrl`)},null,8,[`content`])])]),i(v,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":a[0]||=e=>t.fileList=e,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,headers:t.headers},{file:f(({file:e})=>[i(h,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:f(()=>[i(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:f(()=>[i(g,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),n(` `+r(t.$t(`flux.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var je=P(Te,[[`render`,Ae],[`__scopeId`,`data-v-7482072d`]]),Me=g({name:`PromptInput`,components:{PromptTextarea:X},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ne(e,t,n,r,i,a){let o=c(`prompt-textarea`);return m(),d(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`flux.name.prompt`),info:e.$t(`flux.description.prompt`),placeholder:e.$t(`flux.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Pe=P(Me,[[`render`,Ne]]),Fe=g({name:`SizeSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:D}},computed:{value:{get(){return this.$store.state.flux?.config?.size},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,size:e})}}},mounted(){this.value||=`1:1`}}),Ie={class:`field`},Le={class:`title font-bold`};function Re(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,Ie,[e(`h2`,Le,r(t.$t(`flux.name.ratio`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ze=g({name:`PresetPanel`,components:{ElButton:R,FontAwesomeIcon:z,PromptInput:Pe,ModelSelector:de,CountSelector:ye,Consumption:U,ActionSelector:we,ImageUrlInput:je,SizeSelector:P(Fe,[[`render`,Re],[`__scopeId`,`data-v-8c58dc91`]])},emits:[`generate`],computed:{config(){return this.$store.state.flux?.config},consumption(){return k(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Be={class:`flex flex-col h-full`},Ve={class:`flex-1 overflow-y-auto p-5`},He={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ue(t,s,l,u,p,h){let g=c(`action-selector`),_=c(`prompt-input`),v=c(`image-url-input`),y=c(`model-selector`),b=c(`size-selector`),x=c(`count-selector`),S=c(`consumption`),C=c(`font-awesome-icon`),w=c(`el-button`);return m(),o(`div`,Be,[e(`div`,Ve,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),t.config?.action===`edits`?(m(),d(v,{key:0,class:`mb-4`})):a(``,!0),i(y,{class:`mb-4`}),i(b,{class:`mb-4`}),i(x,{class:`mb-4`})]),e(`div`,He,[i(S,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(w,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:f(()=>[i(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),n(` `+r(t.$t(`flux.button.generate`)),1)]),_:1},8,[`onClick`])])])}var We=P(ze,[[`render`,Ue]]),Ge=g({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:B,FontAwesomeIcon:z,ElAlert:x,ImageWrapper:Z,ApiCodeButton:q},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenImage(e){window.open(e,`_blank`)}}}),Ke={class:`preview`},qe={class:`left`},Je={class:`main`},Ye={class:`bot`},Xe={class:`datetime`},Ze={class:`info`},Qe={key:0,class:`prompt mt-2`},$e={key:0},et={key:0,class:t({content:!0,failed:!0})},tt={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},nt={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ot={key:1,class:t({content:!0})},st={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ct={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},lt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ut={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},dt={key:2,class:t({content:!0})},ft={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function $(t,l,u,h,g,_){let v=c(`el-image`),y=c(`image-wrapper`),b=c(`api-code-button`),x=c(`font-awesome-icon`),S=c(`copy-to-clipboard`),C=c(`el-alert`);return m(),o(`div`,Ke,[e(`div`,qe,[i(v,{src:`https://cdn.acedata.cloud/ogm2oa.png`,class:`avatar`})]),e(`div`,Je,[e(`div`,Ye,[n(r(t.$t(`flux.name.fluxBot`))+` `,1),e(`span`,Xe,r(t.$dayjs.format(``+new Date(parseFloat((t.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,Ze,[t.modelValue?.request?.prompt?(m(),o(`p`,Qe,[n(r(t.modelValue?.request?.prompt)+` `,1),t.modelValue?.response?a(``,!0):(m(),o(`span`,$e,` - (`+r(t.$t(`flux.status.pending`))+`) `,1))])):a(``,!0)]),t.modelValue?.response?.success===!0?(m(),o(`div`,et,[e(`div`,tt,[(m(!0),o(s,null,p(t.images,(e,t)=>(m(),d(y,{key:t,src:e?.image_url,"raw-src":e?.image_url,"model-value":e},null,8,[`src`,`raw-src`,`model-value`]))),128))]),e(`div`,nt,[i(b,{path:`/flux/images`,body:t.modelValue?.request},null,8,[`body`])]),i(C,{closable:!1,class:`mt-2 success`},{default:f(()=>[e(`p`,rt,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.model`))+`: `+r(t.modelValue?.request?.model),1)]),e(`p`,it,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),t.modelValue?.elapsed?(m(),o(`p`,at,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0)]),_:1})])):a(``,!0),t.modelValue?.response?.success===!1?(m(),o(`div`,ot,[i(C,{closable:!1,class:`failure`},{template:f(()=>[i(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failure`)),1)]),default:f(()=>[e(`p`,st,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,ct,[i(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failureReason`))+`: `+r(t.modelValue?.response?.error?.message)+` `,1),i(S,{content:t.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),t.modelValue?.elapsed?(m(),o(`p`,lt,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),e(`p`,ut,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.traceId`))+`: `+r(t.modelValue?.response?.trace_id)+` `,1),i(S,{content:t.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):a(``,!0),t.modelValue?.response?a(``,!0):(m(),o(`div`,dt,[i(C,{closable:!1,class:`info`},{template:f(()=>[i(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failure`)),1)]),default:f(()=>[e(`p`,ft,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var pt=g({name:`RecentPanel`,components:{TaskPreview:P(Ge,[[`render`,$],[`__scopeId`,`data-v-bf1b183c`]]),BotPlaceholder:J,NoTasks:Y,ScrollList:G},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),mt={key:0},ht={key:2,class:`w-full h-full flex items-center justify-center`};function gt(e,t,n,r,l,u){let h=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return m(),o(s,null,[e.tasks?.items===void 0?(m(),o(`div`,mt,[i(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(m(),d(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(m(!0),o(s,null,p(e.tasks?.items,e=>(m(),d(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(m(),o(`div`,ht,[i(v)])):a(``,!0)],64)}var _t=g({name:`FluxIndex`,components:{ConfigPanel:We,Layout:oe,RecentPanel:P(pt,[[`render`,gt]])},mixins:[ee],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===F.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,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 K({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`flux/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`flux/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();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(`flux/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!te(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,async:!0};if(!N())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`flux.message.startingTask`)),L(`flux`,A.generate(e,{token:t})).then(()=>{I.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?I.error(this.$t(`flux.message.usedUp`)):I.error(this.$t(`flux.message.startTaskFailed`)+t?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function vt(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`recent-panel`),u=c(`layout`);return m(),d(u,null,{config:f(()=>[i(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var yt=P(_t,[[`render`,vt]]);export{yt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,Gt as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,ht as l,it as u,j as d,mt as f,rt as p,tt as m,x as h,z as g}from"./vendor-chart-Dw-P17PN.js";import{r as _,t as v}from"./select-CVXgXqir.js";import{t as y}from"./upload-D-zDieUV.js";import{t as b}from"./image-DGnWsKHn.js";import{t as x}from"./alert-2qBdi1l1.js";import{t as S}from"./drawer-u1pTNeW8.js";import{t as C}from"./input-number-_KRhOc4-.js";import{t as w}from"./slider-CDoSZg65.js";import{$n as T,Qn as E,Zn as D}from"./constants-Cm1pJ8kP.js";import{Ht as O,Kt as k,Nn as A,Ut as ee,Vt as te,Wt as j,Xr as M,en as N,j as P,qr as F,si as I,sr as L,vi as R}from"./index-DqpzpRT-.js";import{t as z}from"./index.es-D7t9e-wf.js";import{t as B}from"./CopyToClipboard-BpPd8B8b.js";import{t as V}from"./ImagePreview-BfslzHEU.js";import{n as H}from"./taskDrawerMixin-DyAUhFEq.js";import{t as U}from"./Consumption-Ch2waQDb.js";import{i as W,n as G,t as K}from"./pagination-CyeMpm2N.js";import{t as q}from"./ApiCodeButton-D08Q_WRa.js";import{t as J}from"./BotPlaceholder-Dn8d_dlZ.js";import{t as Y}from"./NoTasks-Cox5rrM8.js";import{t as X}from"./PromptTextarea-CEL2z0Ne.js";import{t as Z}from"./ImageWrapper-COUXJuJv.js";var Q=g({name:`LayoutFlux`,components:{ElDrawer:S,ElButton:R,FontAwesomeIcon:z},mixins:[H]}),ne={class:`main flex flex-row flex-1`},re={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ie={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ae(t,n,r,a,s,d){let p=c(`font-awesome-icon`),g=c(`el-button`),_=c(`el-drawer`);return m(),o(`div`,ne,[e(`div`,re,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,ie,[u(t.$slots,`result`,{},void 0,!0)]),l(i(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[h,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var oe=P(Q,[[`render`,ae],[`__scopeId`,`data-v-8ae8c974`]]),se=g({name:`ModelSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`flux-dev`,label:`flux-dev`},{value:`flux-pro`,label:`flux-pro`},{value:`flux-kontext-pro`,label:`flux-kontext-pro`},{value:`flux-kontext-max`,label:`flux-kontext-max`},{value:`flux-2-flex`,label:`flux-2-flex`},{value:`flux-2-pro`,label:`flux-2-pro`},{value:`flux-2-max`,label:`flux-2-max`}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||=T}}),ce={class:`field`},le={class:`title font-bold`};function ue(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,ce,[e(`h2`,le,r(t.$t(`flux.name.model`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var de=P(se,[[`render`,ue],[`__scopeId`,`data-v-e9b17945`]]),fe=g({name:`CountSelector`,components:{ElSlider:w,InfoIcon:W,ElInputNumber:C},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug(`set count`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||=1}}),pe={class:`flex justify-between`},me={class:`flex justify-start items-center`},he={class:`text-sm font-bold`},ge={class:`flex justify-end items-center`},_e={class:`w-full`};function ve(t,n,a,s,l,u){let d=c(`info-icon`),f=c(`el-input-number`),p=c(`el-slider`);return m(),o(`div`,null,[e(`div`,pe,[e(`div`,me,[e(`span`,he,r(t.$t(`flux.name.numbers`)),1),i(d,{content:t.$t(`flux.description.numbers`)},null,8,[`content`])]),e(`div`,ge,[i(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,_e,[i(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:1,max:4,step:1},null,8,[`modelValue`])])])}var ye=P(fe,[[`render`,ve]]),be=g({name:`ActionSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`generate`,label:this.$t(`flux.name.generate`)},{value:`edits`,label:this.$t(`flux.name.edits`)}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||=E}}),xe={class:`field`},Se={class:`title font-bold`};function Ce(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,xe,[e(`h2`,Se,r(t.$t(`flux.name.task`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var we=P(be,[[`render`,Ce],[`__scopeId`,`data-v-81fd05e5`]]),Te=g({name:`ImageUrlInput`,components:{ElUpload:y,ElButton:R,InfoIcon:W,FontAwesomeIcon:z,ImagePreview:V},mixins:[j,O],emits:[`change`],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){I.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){I.error(this.$t(`flux.message.uploadStartImageError`))}}}),Ee={class:`relative`},De={class:`flex justify-between`},Oe={class:`flex justify-start items-center`},ke={class:`text-sm font-bold`};function Ae(t,a,s,l,u,d){let p=c(`info-icon`),h=c(`image-preview`),g=c(`font-awesome-icon`),_=c(`el-button`),v=c(`el-upload`);return m(),o(`div`,Ee,[e(`div`,De,[e(`div`,Oe,[e(`span`,ke,r(t.$t(`flux.name.imageUrl`)),1),i(p,{content:t.$t(`flux.description.imageUrl`)},null,8,[`content`])])]),i(v,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":a[0]||=e=>t.fileList=e,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,headers:t.headers},{file:f(({file:e})=>[i(h,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:f(()=>[i(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:f(()=>[i(g,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),n(` `+r(t.$t(`flux.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var je=P(Te,[[`render`,Ae],[`__scopeId`,`data-v-7482072d`]]),Me=g({name:`PromptInput`,components:{PromptTextarea:X},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ne(e,t,n,r,i,a){let o=c(`prompt-textarea`);return m(),d(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`flux.name.prompt`),info:e.$t(`flux.description.prompt`),placeholder:e.$t(`flux.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Pe=P(Me,[[`render`,Ne]]),Fe=g({name:`SizeSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:D}},computed:{value:{get(){return this.$store.state.flux?.config?.size},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,size:e})}}},mounted(){this.value||=`1:1`}}),Ie={class:`field`},Le={class:`title font-bold`};function Re(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,Ie,[e(`h2`,Le,r(t.$t(`flux.name.ratio`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ze=g({name:`PresetPanel`,components:{ElButton:R,FontAwesomeIcon:z,PromptInput:Pe,ModelSelector:de,CountSelector:ye,Consumption:U,ActionSelector:we,ImageUrlInput:je,SizeSelector:P(Fe,[[`render`,Re],[`__scopeId`,`data-v-8c58dc91`]])},emits:[`generate`],computed:{config(){return this.$store.state.flux?.config},consumption(){return k(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Be={class:`flex flex-col h-full`},Ve={class:`flex-1 overflow-y-auto p-5`},He={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ue(t,s,l,u,p,h){let g=c(`action-selector`),_=c(`prompt-input`),v=c(`image-url-input`),y=c(`model-selector`),b=c(`size-selector`),x=c(`count-selector`),S=c(`consumption`),C=c(`font-awesome-icon`),w=c(`el-button`);return m(),o(`div`,Be,[e(`div`,Ve,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),t.config?.action===`edits`?(m(),d(v,{key:0,class:`mb-4`})):a(``,!0),i(y,{class:`mb-4`}),i(b,{class:`mb-4`}),i(x,{class:`mb-4`})]),e(`div`,He,[i(S,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(w,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:f(()=>[i(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),n(` `+r(t.$t(`flux.button.generate`)),1)]),_:1},8,[`onClick`])])])}var We=P(ze,[[`render`,Ue]]),Ge=g({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:B,FontAwesomeIcon:z,ElAlert:x,ImageWrapper:Z,ApiCodeButton:q},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenImage(e){window.open(e,`_blank`)}}}),Ke={class:`preview`},qe={class:`left`},Je={class:`main`},Ye={class:`bot`},Xe={class:`datetime`},Ze={class:`info`},Qe={key:0,class:`prompt mt-2`},$e={key:0},et={key:0,class:t({content:!0,failed:!0})},tt={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},nt={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ot={key:1,class:t({content:!0})},st={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ct={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},lt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ut={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},dt={key:2,class:t({content:!0})},ft={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function $(t,l,u,h,g,_){let v=c(`el-image`),y=c(`image-wrapper`),b=c(`api-code-button`),x=c(`font-awesome-icon`),S=c(`copy-to-clipboard`),C=c(`el-alert`);return m(),o(`div`,Ke,[e(`div`,qe,[i(v,{src:`https://cdn.acedata.cloud/ogm2oa.png`,class:`avatar`})]),e(`div`,Je,[e(`div`,Ye,[n(r(t.$t(`flux.name.fluxBot`))+` `,1),e(`span`,Xe,r(t.$dayjs.format(``+new Date(parseFloat((t.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,Ze,[t.modelValue?.request?.prompt?(m(),o(`p`,Qe,[n(r(t.modelValue?.request?.prompt)+` `,1),t.modelValue?.response?a(``,!0):(m(),o(`span`,$e,` - (`+r(t.$t(`flux.status.pending`))+`) `,1))])):a(``,!0)]),t.modelValue?.response?.success===!0?(m(),o(`div`,et,[e(`div`,tt,[(m(!0),o(s,null,p(t.images,(e,t)=>(m(),d(y,{key:t,src:e?.image_url,"raw-src":e?.image_url,"model-value":e},null,8,[`src`,`raw-src`,`model-value`]))),128))]),e(`div`,nt,[i(b,{path:`/flux/images`,body:t.modelValue?.request},null,8,[`body`])]),i(C,{closable:!1,class:`mt-2 success`},{default:f(()=>[e(`p`,rt,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.model`))+`: `+r(t.modelValue?.request?.model),1)]),e(`p`,it,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),t.modelValue?.elapsed?(m(),o(`p`,at,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0)]),_:1})])):a(``,!0),t.modelValue?.response?.success===!1?(m(),o(`div`,ot,[i(C,{closable:!1,class:`failure`},{template:f(()=>[i(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failure`)),1)]),default:f(()=>[e(`p`,st,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,ct,[i(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failureReason`))+`: `+r(t.modelValue?.response?.error?.message)+` `,1),i(S,{content:t.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),t.modelValue?.elapsed?(m(),o(`p`,lt,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),e(`p`,ut,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.traceId`))+`: `+r(t.modelValue?.response?.trace_id)+` `,1),i(S,{content:t.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):a(``,!0),t.modelValue?.response?a(``,!0):(m(),o(`div`,dt,[i(C,{closable:!1,class:`info`},{template:f(()=>[i(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failure`)),1)]),default:f(()=>[e(`p`,ft,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var pt=g({name:`RecentPanel`,components:{TaskPreview:P(Ge,[[`render`,$],[`__scopeId`,`data-v-bf1b183c`]]),BotPlaceholder:J,NoTasks:Y,ScrollList:G},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),mt={key:0},ht={key:2,class:`w-full h-full flex items-center justify-center`};function gt(e,t,n,r,l,u){let h=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return m(),o(s,null,[e.tasks?.items===void 0?(m(),o(`div`,mt,[i(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(m(),d(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(m(!0),o(s,null,p(e.tasks?.items,e=>(m(),d(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(m(),o(`div`,ht,[i(v)])):a(``,!0)],64)}var _t=g({name:`FluxIndex`,components:{ConfigPanel:We,Layout:oe,RecentPanel:P(pt,[[`render`,gt]])},mixins:[ee],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===F.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,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 K({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`flux/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`flux/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();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(`flux/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!te(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,async:!0};if(!N())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`flux.message.startingTask`)),L(`flux`,A.generate(e,{token:t})).then(()=>{I.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?I.error(this.$t(`flux.message.usedUp`)):I.error(this.$t(`flux.message.startTaskFailed`)+t?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function vt(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`recent-panel`),u=c(`layout`);return m(),d(u,null,{config:f(()=>[i(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var yt=P(_t,[[`render`,vt]]);export{yt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,I as t,Jt as n,L as r,M as i,N as a,at as o,j as s,mt as c,tt as l,z as u}from"./vendor-chart-Dw-P17PN.js";import{n as d,t as f}from"./table-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,I as t,Jt as n,L as r,M as i,N as a,at as o,j as s,mt as c,tt as l,z as u}from"./vendor-chart-Dw-P17PN.js";import{n as d,t as f}from"./table-Doe0OvHs.js";import{t as p}from"./tooltip-Cb1CIPoD.js";import{t as ee}from"./card-D-4S-l7a.js";import{n as m,t as h}from"./row-Cnmy4vVD.js";import{t as g}from"./divider-BNWJAaA2.js";import{t as _}from"./progress-BfXLGwWW.js";import{t as v}from"./skeleton-CoheJz5x.js";import{$ as y,Jn as b,Kn as x,Lt as S,an as C,j as w,qn as T,qt as E,tr as D,tt as O,vi as k}from"./index-DqpzpRT-.js";import{t as A}from"./index.es-D7t9e-wf.js";import{t as j}from"./CopyToClipboard-BpPd8B8b.js";var M=u({name:`ConsoleDistributionList`,components:{CopyToClipboard:j,FontAwesomeIcon:A,QrCode:S,ElProgress:_,ElRow:h,ElCol:m,ElButton:k,ElDivider:g,ElCard:ee,ElTooltip:p,ElTable:f,ElTableColumn:d,ElSkeleton:v},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},qrColor(){let e=document.documentElement.classList.contains(`dark`);return{dark:e?`#ffffff`:`#000000`,light:e?`#1e1e1e`:`#ffffff`}},distributionLevelMap(){let e={};return this.distributionLevels.forEach(t=>{e[t.level]=t}),e}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:E,goHistory(){this.$router.push({name:y})},goInvitees(){this.$router.push({name:O})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},getPercentageForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-e)/(t-e)*100)},getDeltaForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(e-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await T.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){let e=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{let t=(await b.create(e))?.data?.data?.url||e;this.distributionLink=C()?t.replace(`surl.id`,`share.acedata.cloud`):t}catch{this.distributionLink=e}},async onFetchDistributionStatus(){let{data:e}=await T.getAll({user_id:this.$store.getters.user.id});e.items&&e.items.length>0&&(this.distributionStatus=e.items[0])},async onFetchDistributionLevels(){let{data:e}=await x.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=e.items},async onFetchInvitees(){let{data:e}=await D.getInvitees({});this.invitees=e.items,this.inviteesCount=e.count}}}),N={class:`title`},P={key:1},F={class:`icon-wrapper`},I={class:`text-left`},L={class:`description`},R={class:`value`},z={key:1},B={class:`icon-wrapper`},V={class:`text-left`},H={class:`description`},U={class:`value`},W={key:1},G={class:`icon-wrapper`},K={class:`text-left`},q={class:`description`},te={class:`value`},J={key:1},Y={class:`icon-wrapper`},X={class:`text-left`},Z={class:`description`},Q={class:`value`},ne={key:1},re={class:`title`},ie={class:`clear-both overflow-hidden`},ae={class:`float-left description`},oe={class:`float-right description`},se={class:`description`},ce={class:`level`},le={class:`level`},ue={class:`level`},de={key:1},fe={class:`title`},pe={class:`link-wrapper text-center`},$=[`href`],me={class:`qr-wrapper ml-auto mr-auto`},he={class:`mt-0`},ge={class:`description`},_e={class:`more`};function ve(u,d,f,p,ee,m){let h=o(`el-col`),g=o(`el-row`),_=o(`el-skeleton`),v=o(`font-awesome-icon`),y=o(`el-button`),b=o(`el-card`),x=o(`el-tooltip`),S=o(`el-progress`),C=o(`el-divider`),w=o(`el-table-column`),T=o(`el-table`),E=o(`copy-to-clipboard`),D=o(`qr-code`);return l(),s(g,{class:`panel`},{default:c(()=>[r(h,{span:24},{default:c(()=>[r(g,null,{default:c(()=>[r(h,{span:24},{default:c(()=>[e(`h2`,N,n(u.$t(`common.title.distribution`)),1)]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,P,[e(`div`,F,[r(v,{icon:`fa-solid fa-wallet`,class:`icon`})]),e(`div`,I,[e(`p`,L,n(u.$t(`distribution.title.price`)),1),e(`p`,R,n(u.getPriceString({value:u.distributionStatus?.price})),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goHistory},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,z,[e(`div`,B,[r(v,{icon:`fa-solid fa-coins`,class:`icon`})]),e(`div`,V,[e(`p`,H,n(u.$t(`distribution.title.reward`)),1),e(`p`,U,n(u.getPriceString({value:u.distributionStatus?.reward})),1)]),r(x,{effect:`dark`,content:u.$t(`distribution.message.developingWithDrawal`),placement:`top`},{default:c(()=>[r(y,{type:`primary`,round:``,size:`small`,class:`btn`},{default:c(()=>[t(n(u.$t(`distribution.button.withdrawal`)),1)]),_:1})]),_:1},8,[`content`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,W,[e(`div`,G,[r(v,{icon:`fa-solid fa-percent`,class:`icon`})]),e(`div`,K,[e(`p`,q,n(u.$t(`distribution.title.percentage`)),1),e(`p`,te,n(u.distributionStatus?.level?.percentage)+`%`,1)])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,J,[e(`div`,Y,[r(v,{icon:`fa-regular fa-user`,class:`icon`})]),e(`div`,X,[e(`p`,Z,n(u.$t(`distribution.title.inviteesCount`)),1),e(`p`,Q,n(u.inviteesCount),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goInvitees},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`level-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,ne,[e(`h4`,re,n(u.$t(`distribution.title.levelInfo`)),1),e(`div`,ie,[e(`div`,ae,[e(`p`,null,n(u.$t(`distribution.title.currentLevel`))+`: L`+n(u.distributionStatus?.level?.level),1),e(`p`,null,n(u.$t(`distribution.title.currentPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level]?.percentage)+`% `,1)]),e(`div`,oe,[e(`p`,null,n(u.$t(`distribution.title.nextLevel`))+`: L`+n(u.distributionStatus?.level?.level+1),1),e(`p`,null,n(u.$t(`distribution.title.nextPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level+1]?.percentage)+`% `,1)])]),r(S,{"text-inside":!0,"stroke-width":20,percentage:u.getPercentageForNextLevel(),class:`mb-2`},null,8,[`percentage`]),e(`p`,se,n(u.$t(`distribution.message.deltaPriceForNextLevel`))+`: $`+n(u.getDeltaForNextLevel()),1),r(C),u.distributionLevels?(l(),s(T,{key:0,data:u.distributionLevels,stripe:``},{default:c(()=>[r(w,{label:u.$t(`distribution.field.level`)},{default:c(t=>[e(`span`,ce,`L`+n(t.row?.level),1)]),_:1},8,[`label`]),r(w,{label:u.$t(`distribution.field.threshold`)},{default:c(t=>[e(`span`,le,`$`+n(t.row?.threshold),1)]),_:1},8,[`label`]),r(w,{label:u.$t(`distribution.field.percentage`)},{default:c(t=>[e(`span`,ue,n(t.row?.percentage)+`%`,1)]),_:1},8,[`label`])]),_:1},8,[`data`])):i(``,!0)]))]),_:1})]),_:1}),r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`distribution-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,de,[e(`h4`,fe,n(u.$t(`distribution.title.distributionLink`)),1),r(C),e(`div`,pe,[i(``,!0),e(`a`,{href:u.distributionLink,class:`link`},n(u.distributionLink),9,$),r(E,{content:u.distributionLink},null,8,[`content`])]),e(`div`,me,[u.distributionLink?(l(),s(D,{key:0,value:u.distributionLink,size:180,margin:2,class:`block mb-2 ml-auto mr-auto`,type:`image/png`,color:u.qrColor},null,8,[`value`,`color`])):i(``,!0),e(`p`,he,n(u.$t(`distribution.message.distributionQrDescription`)),1)]),e(`p`,ge,[t(n(u.$t(`distribution.message.distributionLinkDescription`))+` `,1),e(`span`,_e,[r(x,{effect:`dark`,content:u.$t(`distribution.message.distributionLinkDescription2`),placement:`top`},{default:c(()=>[t(n(u.$t(`distribution.message.technicalDetail`)),1)]),_:1},8,[`content`])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var ye=w(M,[[`render`,ve],[`__scopeId`,`data-v-cb452d37`]]);export{ye as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,Gt as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,ht as l,it as u,j as d,mt as f,qt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{r as v,t as y}from"./select-Dj2BZq8U.js";import{t as b}from"./upload-BKpcPFRg.js";import{t as x}from"./image-DqNI3BTF.js";import{t as S}from"./alert-ABG0SsiI.js";import{n as C,r as w}from"./radio-Bj0tEwH8.js";import{t as T}from"./drawer-B5YyAb0A.js";import{t as E}from"./slider-CMb5gP-8.js";import{t as D}from"./switch-mOGpoGb4.js";import{ci as O,di as k,fi as A,li as j,ui as M}from"./constants-Cm1pJ8kP.js";import{Di as N,Hn as P,Ht as F,Kt as ee,Ut as I,Vt as L,Wt as R,Xr as z,en as B,j as V,nr as te,qr as H,si as U,sr as W,vi as G}from"./index-wWCeKUAg.js";import{t as K}from"./index.es-BxbHjZv_.js";import{t as q}from"./CopyToClipboard-BrX-5XYk.js";import{t as J}from"./Status-CavJY7sQ.js";import{t as Y}from"./ImagePreview-DxqeQEJb.js";import{n as X}from"./taskDrawerMixin-DyAUhFEq.js";import{t as Z}from"./Consumption-Bn1ptWw_.js";import{i as Q,n as ne,t as re}from"./pagination-DdkxsSb7.js";import{t as ie}from"./ApiCodeButton-cmAedBt5.js";import{t as ae}from"./BotPlaceholder-k9yQeVMM.js";import{t as oe}from"./NoTasks-DN7mJg3b.js";import{t as se}from"./PromptTextarea-C9AgrD-V.js";import{t as ce}from"./ImageWrapper-CqLmPpQF.js";var le=_({name:`LayoutQrart`,components:{ElDrawer:T,ElButton:G,FontAwesomeIcon:K},mixins:[X]}),ue={class:`main flex flex-row flex-1`},de={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},fe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function pe(t,n,r,a,s,d){let p=c(`font-awesome-icon`),m=c(`el-button`),_=c(`el-drawer`);return h(),o(`div`,ue,[e(`div`,de,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,fe,[u(t.$slots,`result`,{},void 0,!0)]),l(i(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var me=V(le,[[`render`,pe],[`__scopeId`,`data-v-2c672a84`]]),he=_({name:`VersionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{label:this.$t(`qrart.type.text`),value:`text`},{label:this.$t(`qrart.type.link`),value:`link`},{label:this.$t(`qrart.type.email`),value:`email`},{label:this.$t(`qrart.type.phone`),value:`phone`},{label:this.$t(`qrart.type.sms`),value:`sms`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug(`set type`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||=(console.debug(`set default type`,A),A)}}),ge={class:`field`},_e={class:`text-sm font-bold title`};function ve(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,ge,[e(`span`,_e,r(t.$t(`qrart.name.type`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`qrart.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=V(he,[[`render`,ve],[`__scopeId`,`data-v-b4bd8f04`]]),be=_({name:`AspectRatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:30,height:30},{value:`4:3`,label:`4:3`,width:32,height:24},{value:`3:4`,label:`3:4`,width:24,height:32},{value:`16:9`,label:`16:9`,width:32,height:18},{value:`9:16`,label:`9:16`,width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug(`set aspect ratio`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),xe={class:`text-sm font-bold block mb-2`},Se={class:`items`},Ce=[`onClick`],we={class:`name`};function Te(n,i,a,c,l,u){return h(),o(`div`,null,[e(`span`,xe,r(n.$t(`qrart.name.aspectRatio`)),1),e(`div`,Se,[(h(!0),o(s,null,m(n.options,(i,a)=>(h(),o(`div`,{key:a,class:t({active:n.active===a,item:!0}),onClick:e=>n.value=i.value},[e(`div`,{class:t([`preview`,i.label])},[e(`div`,{class:`rect`,style:p({width:i.width+`px`,height:i.height+`px`})},null,4)],2),e(`p`,we,r(i.label),1)],10,Ce))),128))])])}var Ee=V(be,[[`render`,Te],[`__scopeId`,`data-v-b7590ecc`]]),De=_({name:`QrwSelector`,components:{ElSlider:E,InfoIcon:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||2},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||=(console.debug(`set default qrw`),2)}}),Oe={class:`field`},ke={class:`text-sm font-bold title mb-2`};function Ae(t,n,a,s,l,u){let d=c(`el-slider`),f=c(`info-icon`);return h(),o(`div`,Oe,[e(`span`,ke,r(t.$t(`qrart.name.qrw`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,min:1.5,max:3,step:.1,class:`value`},null,8,[`modelValue`]),i(f,{content:t.$t(`qrart.description.qrw`),class:`info`},null,8,[`content`])])}var je=V(De,[[`render`,Ae],[`__scopeId`,`data-v-8410479c`]]),Me=_({name:`StepsSelector`,components:{ElSlider:E,InfoIcon:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||20},set(e){console.debug(`set steps`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||=(console.debug(`set default steps`,20),20)}}),Ne={class:`field`},Pe={class:`text-sm font-bold block mb-2`};function Fe(t,n,a,s,l,u){let d=c(`el-slider`),f=c(`info-icon`);return h(),o(`div`,Ne,[e(`span`,Pe,r(t.$t(`qrart.name.steps`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,min:10,max:20,step:1,class:`value`},null,8,[`modelValue`]),i(f,{content:t.$t(`qrart.description.steps`),class:`info`},null,8,[`content`])])}var Ie=V(Me,[[`render`,Fe],[`__scopeId`,`data-v-0c88983e`]]),Le=_({name:`AdvancedSelector`,components:{ElSwitch:D},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug(`set advanced`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Re={class:`field`},ze={class:`title font-bold`};function Be(t,n,a,s,l,u){let d=c(`el-switch`);return h(),o(`div`,Re,[e(`span`,ze,r(t.$t(`qrart.name.advanced`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])}var Ve=V(Le,[[`render`,Be],[`__scopeId`,`data-v-f8ddf849`]]),He=_({name:`MarkerShapeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.markerShape.square`)},{value:`circle`,label:this.$t(`qrart.markerShape.circle`)},{value:`plus`,label:this.$t(`qrart.markerShape.plus`)},{value:`box`,label:this.$t(`qrart.markerShape.box`)},{value:`octagon`,label:this.$t(`qrart.markerShape.octagon`)},{value:`tiny-plus`,label:this.$t(`qrart.markerShape.tinyPlus`)},{value:`random`,label:this.$t(`qrart.markerShape.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug(`set marker_shape`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||=O}}),Ue={class:`field`},We={class:`text-sm font-bold block mb-2`};function Ge(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,Ue,[e(`span`,We,r(t.$t(`qrart.name.markerShape`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.markerShape`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ke=V(He,[[`render`,Ge],[`__scopeId`,`data-v-de71e0b0`]]),qe=_({name:`SubMarkerSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.subMarker.square`)},{value:`circle`,label:this.$t(`qrart.subMarker.circle`)},{value:`plus`,label:this.$t(`qrart.subMarker.plus`)},{value:`box`,label:this.$t(`qrart.subMarker.box`)},{value:`random`,label:this.$t(`qrart.subMarker.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug(`set sub_marker`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||=k}}),Je={class:`field`},Ye={class:`text-sm font-bold block mb-2`};function Xe(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,Je,[e(`span`,Ye,r(t.$t(`qrart.name.subMarker`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.subMarker`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ze=V(qe,[[`render`,Xe],[`__scopeId`,`data-v-51a39efa`]]),Qe=_({name:`RotateSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug(`set rotate`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||=0}}),$e={class:`field`},et={class:`text-sm font-bold block mb-2`};function tt(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,$e,[e(`span`,et,r(t.$t(`qrart.name.rotate`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.rotate`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var nt=V(Qe,[[`render`,tt],[`__scopeId`,`data-v-72e35835`]]),rt=_({name:`EclSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`L`,label:`L`},{value:`M`,label:`M`},{value:`Q`,label:`Q`},{value:`H`,label:`H`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug(`set ecl`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||=`H`}}),it={class:`field`},at={class:`text-sm font-bold block mb-2`};function ot(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,it,[e(`span`,at,r(t.$t(`qrart.name.ecl`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.ecl`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var st=V(rt,[[`render`,ot],[`__scopeId`,`data-v-b3a5e331`]]),ct=_({name:`MarkerShapeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`center`,label:this.$t(`qrart.position.center`)},{value:`top`,label:this.$t(`qrart.position.top`)},{value:`right`,label:this.$t(`qrart.position.right`)},{value:`bottom`,label:this.$t(`qrart.position.bottom`)},{value:`left`,label:this.$t(`qrart.position.left`)},{value:`top-left`,label:this.$t(`qrart.position.topLeft`)},{value:`top-right`,label:this.$t(`qrart.position.topRight`)},{value:`bottom-left`,label:this.$t(`qrart.position.bottomLeft`)},{value:`bottom-right`,label:this.$t(`qrart.position.bottomRight`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug(`set position`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||=M}}),lt={class:`field`},ut={class:`title font-bold`};function dt(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,lt,[e(`span`,ut,r(t.$t(`qrart.name.position`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.position`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ft=V(ct,[[`render`,dt],[`__scopeId`,`data-v-54186505`]]),pt=_({name:`PaddingLevelSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug(`set padding_level`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||=5}}),mt={class:`field`},ht={class:`text-sm font-bold block mb-2`};function gt(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,mt,[e(`span`,ht,r(t.$t(`qrart.name.paddingLevel`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.paddingLevel`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var _t=V(pt,[[`render`,gt],[`__scopeId`,`data-v-49d801fd`]]),vt=_({name:`PaddingNoiseSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug(`set padding_noise`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||=0}}),yt={class:`field`},bt={class:`text-sm font-bold block mb-2`};function xt(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,yt,[e(`span`,bt,r(t.$t(`qrart.name.paddingNoise`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.paddingNoise`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var St=V(vt,[[`render`,xt],[`__scopeId`,`data-v-a20833bb`]]),Ct=_({name:`PixelStyleSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.pixelStyle.square`)},{value:`rounded`,label:this.$t(`qrart.pixelStyle.rounded`)},{value:`dot`,label:this.$t(`qrart.pixelStyle.dot`)},{value:`squircle`,label:this.$t(`qrart.pixelStyle.squircle`)},{value:`row`,label:this.$t(`qrart.pixelStyle.row`)},{value:`column`,label:this.$t(`qrart.pixelStyle.column`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug(`set pixel_style`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||=j}}),wt={class:`field`},Tt={class:`text-sm font-bold block mb-2`};function Et(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,wt,[e(`span`,Tt,r(t.$t(`qrart.name.pixelStyle`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.pixelStyle`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Dt=V(Ct,[[`render`,Et],[`__scopeId`,`data-v-aca7f79f`]]),Ot=_({name:`SeedInput`,components:{ElInput:N},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0}}),kt={class:`field`},At={class:`text-sm font-bold block mb-2`};function jt(t,n,a,s,l,u){let d=c(`el-input`);return h(),o(`div`,kt,[e(`span`,At,r(t.$t(`qrart.name.seed`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`qrart.placeholder.seed`)},null,8,[`modelValue`,`placeholder`])])}var Mt=V(Ot,[[`render`,jt],[`__scopeId`,`data-v-d939305d`]]),Nt=_({name:`PresetSelector`,components:{ElImage:x},data(){return{options:[{value:`sunset`,label:this.$t(`qrart.preset.sunset`),url:`https://cdn.acedata.cloud/rp1h1s.png`},{value:`floral`,label:this.$t(`qrart.preset.floral`),url:`https://cdn.acedata.cloud/upyikx.png`},{value:`snowflakes`,label:this.$t(`qrart.preset.snowflakes`),url:`https://cdn.acedata.cloud/j447da.png`},{value:`feathers`,label:this.$t(`qrart.preset.feathers`),url:`https://cdn.acedata.cloud/d2ctz9.png`},{value:`raindrops`,label:this.$t(`qrart.preset.raindrops`),url:`https://cdn.acedata.cloud/xv2t3s.png`},{value:`ultra-realism`,label:this.$t(`qrart.preset.ultraRealism`),url:`https://cdn.acedata.cloud/nlor4y.png`},{value:`epic-realms`,label:this.$t(`qrart.preset.epicRealms`),url:`https://cdn.acedata.cloud/wwzkvy.png`},{value:`intricate-studio`,label:this.$t(`qrart.preset.intricateStudio`),url:`https://cdn.acedata.cloud/4kzf5y.png`},{value:`symmetric-masterpiece`,label:this.$t(`qrart.preset.symmetricMasterpiece`),url:`https://cdn.acedata.cloud/ff4ii2.png`},{value:`luminous-highway`,label:this.$t(`qrart.preset.luminousHighway`),url:`https://cdn.acedata.cloud/cliodt.png`},{value:`celestial-journey`,label:this.$t(`qrart.preset.celestialJourney`),url:`https://cdn.acedata.cloud/ejellf.png`},{value:`neon-mech`,label:this.$t(`qrart.preset.neonMech`),url:`https://cdn.acedata.cloud/3z0y6z.png`},{value:`ethereal-low-poly`,label:this.$t(`qrart.preset.etherealLowPoly`),url:`https://cdn.acedata.cloud/36o0mm.png`},{value:`golden-vista`,label:this.$t(`qrart.preset.goldenVista`),url:`https://cdn.acedata.cloud/xa0267.png`},{value:`cinematic-expanse`,label:this.$t(`qrart.preset.cinematicExpanse`),url:`https://cdn.acedata.cloud/krl5qp.png`},{value:`cinematic-warm`,label:this.$t(`qrart.preset.cinematicWarm`),url:`https://cdn.acedata.cloud/e1aahg.png`},{value:`desolate-wilderness`,label:this.$t(`qrart.preset.desolateWilderness`),url:`https://cdn.acedata.cloud/9evqqu.png`},{value:`vibrant-palette`,label:this.$t(`qrart.preset.vibrantPalette`),url:`https://cdn.acedata.cloud/3fvsmz.png`},{value:`enigmatic-journey`,label:this.$t(`qrart.preset.enigmaticJourney`),url:`https://cdn.acedata.cloud/l6kku0.png`},{value:`timeless-cinematic`,label:this.$t(`qrart.preset.timelessCinematic`),url:`https://cdn.acedata.cloud/h5mzyn.png`},{value:`regal-galaxy`,label:this.$t(`qrart.preset.regalGalaxy`),url:`https://cdn.acedata.cloud/czkegd.png`},{value:`illustrious-canvas`,label:this.$t(`qrart.preset.illustriousCanvas`),url:`https://cdn.acedata.cloud/m8hwzh.png`},{value:`expressive-mural`,label:this.$t(`qrart.preset.expressiveMural`),url:`https://cdn.acedata.cloud/g4v1rb.png`},{value:`serene-haze`,label:this.$t(`qrart.preset.sereneHaze`),url:`https://cdn.acedata.cloud/3w3ixr.png`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||=``}}),Pt={class:`field`},Ft={class:`text-sm font-bold block mb-2`},It={class:`pane`},Lt=[`onClick`],Rt={class:`name`};function zt(n,a,l,u,d,f){let p=c(`el-image`);return h(),o(`div`,Pt,[e(`span`,Ft,r(n.$t(`qrart.name.preset`)),1),e(`div`,It,[(h(!0),o(s,null,m(n.options,(a,s)=>(h(),o(`div`,{key:s,class:t({item:!0,active:n.value===a.value}),onClick:e=>n.value===a.value?n.value=void 0:n.value=a.value},[i(p,{src:a.url,fit:`fill`,class:`preview`},null,8,[`src`]),e(`span`,Rt,r(a.label),1)],10,Lt))),128))])])}var Bt=V(Nt,[[`render`,zt],[`__scopeId`,`data-v-65c34adf`]]),Vt=_({name:`ContentInput`,components:{ElInput:N,ElUpload:b,ElRadioGroup:w,ElButton:G,ElRadioButton:C,ImagePreview:Y,FontAwesomeIcon:K},mixins:[R,F],data(){return{inputWay:`input`,fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||=``,this.onSetContentImageUrl()},methods:{onExceed(){U.warning(this.$t(`qrart.message.uploadDocumentsExceed`))},onError(){U.error(this.$t(`qrart.message.uploadDocumentsError`))},onSetContentImageUrl(){let e=this.urls?.[0];this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),Ht={class:`field`},Ut={class:`flex justify-between items-center mb-4`},Wt={class:`text-sm font-bold title`},Gt={class:`flex items-center`},Kt={key:2,class:`description`};function qt(t,s,l,u,p,m){let g=c(`el-radio-button`),_=c(`el-radio-group`),v=c(`el-input`),y=c(`image-preview`),b=c(`font-awesome-icon`),x=c(`el-button`),S=c(`el-upload`);return h(),o(`div`,Ht,[e(`div`,Ut,[e(`span`,Wt,r(t.$t(`qrart.name.content`)),1),e(`div`,Gt,[i(_,{modelValue:t.inputWay,"onUpdate:modelValue":s[0]||=e=>t.inputWay=e},{default:f(()=>[i(g,{label:`input`},{default:f(()=>[n(r(t.$t(`qrart.inputWay.input`)),1)]),_:1}),i(g,{label:`upload`},{default:f(()=>[n(r(t.$t(`qrart.inputWay.upload`)),1)]),_:1})]),_:1},8,[`modelValue`])])]),t.inputWay==`input`?(h(),d(v,{key:0,modelValue:t.value,"onUpdate:modelValue":s[1]||=e=>t.value=e,class:`content`,placeholder:t.$t(`qrart.placeholder.content`)},null,8,[`modelValue`,`placeholder`])):a(``,!0),t.inputWay==`upload`?(h(),d(S,{key:1,ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":s[2]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`upload upload-wrapper`,limit:1,multiple:!1,"list-type":`picture`,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:f(({file:e})=>[i(y,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:f(()=>[i(x,{size:`small`,type:`primary`,round:``},{default:f(()=>[i(b,{icon:`fa-solid fa-upload`,class:`mr-1`}),n(` `+r(t.$t(`qrart.button.uploadQr`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])):a(``,!0),t.inputWay==`upload`?(h(),o(`p`,Kt,r(t.$t(`qrart.message.uploadQr`)),1)):a(``,!0)])}var Jt=V(Vt,[[`render`,qt],[`__scopeId`,`data-v-afb72cf1`]]),Yt=_({name:`PromptInput`,components:{PromptTextarea:se},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||=``}});function Xt(e,t,n,r,i,a){let o=c(`prompt-textarea`);return h(),d(o,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,title:e.$t(`qrart.name.prompt`),placeholder:e.$t(`qrart.placeholder.prompt`)},null,8,[`modelValue`,`title`,`placeholder`])}var Zt=_({name:`ConfigPanel`,components:{ElButton:G,FontAwesomeIcon:K,Consumption:Z,TypeSelector:ye,PositionSelector:ft,PixelStyleSelector:Dt,PaddingLevelSelector:_t,SeedInput:Mt,AspectRatioSelector:Ee,QrwSelector:je,EclSelector:st,StepsSelector:Ie,PaddingNoiseSelector:St,AdvancedSelector:Ve,MarkerShapeSelector:Ke,SubMarkerSelector:Ze,RotateSelector:nt,PresetSelector:Bt,ContentInput:Jt,PromptInput:V(Yt,[[`render`,Xt]])},emits:[`generate`],computed:{config(){return this.$store.state.qrart?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Qt={class:`flex flex-col h-full`},$t={class:`flex-1 overflow-y-auto p-5`},en={class:`flex flex-col items-center justify-center px-5 pb-5`};function tn(t,s,l,u,p,m){let g=c(`type-selector`),_=c(`content-input`),v=c(`prompt-input`),y=c(`aspect-ratio-selector`),b=c(`qrw-selector`),x=c(`preset-selector`),S=c(`position-selector`),C=c(`advanced-selector`),w=c(`steps-selector`),T=c(`seed-input`),E=c(`pixel-style-selector`),D=c(`marker-shape-selector`),O=c(`sub-marker-selector`),k=c(`rotate-selector`),A=c(`ecl-selector`),j=c(`padding-level-selector`),M=c(`padding-noise-selector`),N=c(`consumption`),P=c(`font-awesome-icon`),F=c(`el-button`);return h(),o(`div`,Qt,[e(`div`,$t,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),i(v,{class:`mb-4`}),i(y,{class:`mb-4`}),i(b,{class:`mb-4`}),i(x,{class:`mb-4`}),i(S,{class:`mb-4`}),i(C,{class:`mb-4`}),t.config?.advanced?(h(),d(w,{key:0,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(T,{key:1,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(E,{key:2,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(D,{key:3,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(O,{key:4,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(k,{key:5,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(A,{key:6,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(j,{key:7,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(M,{key:8,class:`mb-4`})):a(``,!0)]),e(`div`,en,[i(N,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(F,{type:`primary`,class:`btn w-full`,round:``,onClick:s[0]||=e=>t.$emit(`generate`)},{default:f(()=>[i(P,{icon:`fa-solid fa-magic`,class:`mr-2`}),n(` `+r(t.$t(`qrart.button.generate`)),1)]),_:1})])])}var nn=V(Zt,[[`render`,tn]]),rn=_({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:S,ImageWrapper:ce,ApiCodeButton:ie},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenUrl(e){window.open(e,`_blank`)},onDownload(e){let t=document.createElement(`a`);t.href=e,t.download=e.split(`/`).pop(),t.click()}}}),an={class:`preview w-full h-fit text-left flex flex-row mb-[15px]`},on={class:`left`},sn={class:`main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]`},cn={class:`bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap`},ln={class:`datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]`},un={class:`info`},dn={key:0,class:`prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap`},fn={key:0},pn={key:0,class:t({content:!0,failed:!0})},mn={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},hn={class:`description`},gn={class:`description`},_n={key:0,class:`description`},vn={key:1,class:`description`},yn={key:2,class:`description`},$={key:3,class:`description`},bn={key:1,class:t({content:!0})},xn={class:`description`},Sn={class:`description`},Cn={key:0,class:`description`},wn={class:`description`},Tn={key:2,class:t({content:!0})},En={class:`description`};function Dn(t,s,l,u,p,m){let g=c(`el-image`),_=c(`image-wrapper`),v=c(`api-code-button`),y=c(`font-awesome-icon`),b=c(`copy-to-clipboard`),x=c(`el-alert`);return h(),o(`div`,an,[e(`div`,on,[i(g,{src:`https://cdn.acedata.cloud/bcml67.png`,class:`avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full`})]),e(`div`,sn,[e(`div`,cn,[n(r(t.$t(`qrart.name.qrartBot`))+` `,1),e(`span`,ln,r(t.$dayjs.format(``+new Date(parseFloat((t.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,un,[t.modelValue?.request?.prompt?(h(),o(`p`,dn,[n(r(t.modelValue?.request?.prompt)+` `,1),t.modelValue?.response?a(``,!0):(h(),o(`span`,fn,` - (`+r(t.$t(`qrart.status.pending`))+`) `,1))])):a(``,!0)]),t.modelValue?.response?.success===!0?(h(),o(`div`,pn,[t.modelValue?.response?.image_url?(h(),d(_,{key:0,src:t.modelValue?.response?.image_url,"raw-src":t.modelValue?.response?.image_url},null,8,[`src`,`raw-src`])):a(``,!0),e(`div`,mn,[i(v,{path:`/qrart/generate`,body:t.modelValue?.request},null,8,[`body`])]),i(x,{closable:!1,class:`mt-2 success`},{default:f(()=>[e(`p`,hn,[i(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(b,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,gn,[i(y,{icon:`fa-solid fa-diamond`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.type`))+`: `+r(t.$t(`qrart.type.`+t.modelValue?.request?.type))+` `,1),i(b,{content:t.modelValue?.request?.type,class:`btn-copy`},null,8,[`content`])]),t.modelValue?.request?.content?(h(),o(`p`,_n,[i(y,{icon:`fa-regular fa-message`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.content`))+`: `+r(t.modelValue?.request?.content)+` `,1),i(b,{content:t.modelValue?.request?.content,class:`btn-copy`},null,8,[`content`])])):a(``,!0),t.modelValue?.request?.content_image_url?(h(),o(`p`,vn,[i(y,{icon:`fa-regular fa-message`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.contentImageUrl`))+`: `,1),i(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1 cursor-pointer`,onClick:s[0]||=e=>t.onOpenLink(t.modelValue?.request?.content_image_url)})])):a(``,!0),t.modelValue?.request?.seed||t.modelValue?.response?.seed?(h(),o(`p`,yn,[i(y,{icon:`fa-solid fa-seedling`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.seed`))+`: `+r(t.modelValue?.request?.seed||t.modelValue?.response?.seed)+` `,1),i(b,{content:(t.modelValue?.request?.seed||t.modelValue?.response?.seed).toString(),class:`btn-copy`},null,8,[`content`])])):a(``,!0),t.modelValue?.elapsed?(h(),o(`p`,$,[i(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0)]),_:1})])):a(``,!0),t.modelValue?.response?.success===!1?(h(),o(`div`,bn,[i(x,{closable:!1,class:`failure`},{template:f(()=>[i(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.failure`)),1)]),default:f(()=>[e(`p`,xn,[i(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(b,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,Sn,[i(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.failureReason`))+`: `+r(t.modelValue?.response?.error?.message)+` `,1),i(b,{content:t.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),t.modelValue?.elapsed?(h(),o(`p`,Cn,[i(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),e(`p`,wn,[i(y,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.traceId`))+`: `+r(t.modelValue?.response?.trace_id)+` `,1),i(b,{content:t.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):a(``,!0),t.modelValue?.response?a(``,!0):(h(),o(`div`,Tn,[i(x,{closable:!1,class:`info`},{template:f(()=>[i(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.failure`)),1)]),default:f(()=>[e(`p`,En,[i(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(b,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var On=_({name:`RecentPanel`,components:{TaskPreview:V(rn,[[`render`,Dn],[`__scopeId`,`data-v-5c6e6795`]]),BotPlaceholder:ae,NoTasks:oe,ScrollList:ne},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),kn={key:0},An={key:2,class:`w-full h-full flex items-center justify-center`};function jn(e,t,n,r,l,u){let p=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return h(),o(s,null,[e.tasks?.items===void 0?(h(),o(`div`,kn,[i(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),d(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(h(!0),o(s,null,m(e.tasks?.items,(e,t)=>(h(),d(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(h(),o(`div`,An,[i(v)])):a(``,!0)],64)}var Mn=_({name:`QrartIndex`,components:{ConfigPanel:nn,Layout:me,ApplicationStatus:J,RecentPanel:V(On,[[`render`,jn]])},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===H.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===H.Request||this.fetchingTasks},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===H.Request},needApply(){return this.$store.state.qrart.status.getApplications===H.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,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 re({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`qrart/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplications`),await this.$store.dispatch(`qrart/getApplications`),console.debug(`end onGetApplications`),await this.onGetTasks()},onApply(){te.create({application:this.application}).then(({data:e})=>{this.application=e,U.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&U.error(this.$t(`application.message.alreadyApplied`))})},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(`qrart/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!L(this.uploadTracker,e=>this.$t(e),e=>U.warning(e)))return;let e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,async:!0,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}};if(!B())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}U.info(this.$t(`qrart.message.startingTask`)),W(`qrart`,P.generate(e,{token:t})).then(()=>{U.success(this.$t(`qrart.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?U.error(this.$t(`qrart.message.usedUp`)):U.error(this.$t(`qrart.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Nn(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`application-status`),u=c(`recent-panel`),p=c(`layout`);return h(),d(p,null,{config:f(()=>[i(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`qrart/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),i(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Pn=V(Mn,[[`render`,Nn],[`__scopeId`,`data-v-f87e6eb4`]]);export{Pn as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,Gt as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,ht as l,it as u,j as d,mt as f,qt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{r as v,t as y}from"./select-CVXgXqir.js";import{t as b}from"./upload-D-zDieUV.js";import{t as x}from"./image-DGnWsKHn.js";import{t as S}from"./alert-2qBdi1l1.js";import{n as C,r as w}from"./radio-Bj0tEwH8.js";import{t as T}from"./drawer-u1pTNeW8.js";import{t as E}from"./slider-CDoSZg65.js";import{t as D}from"./switch-UZQHGjPB.js";import{ci as O,di as k,fi as A,li as j,ui as M}from"./constants-Cm1pJ8kP.js";import{Di as N,Hn as P,Ht as F,Kt as ee,Ut as I,Vt as L,Wt as R,Xr as z,en as B,j as V,nr as te,qr as H,si as U,sr as W,vi as G}from"./index-DqpzpRT-.js";import{t as K}from"./index.es-D7t9e-wf.js";import{t as q}from"./CopyToClipboard-BpPd8B8b.js";import{t as J}from"./Status-D9nfcepM.js";import{t as Y}from"./ImagePreview-BfslzHEU.js";import{n as X}from"./taskDrawerMixin-DyAUhFEq.js";import{t as Z}from"./Consumption-Ch2waQDb.js";import{i as Q,n as ne,t as re}from"./pagination-CyeMpm2N.js";import{t as ie}from"./ApiCodeButton-D08Q_WRa.js";import{t as ae}from"./BotPlaceholder-Dn8d_dlZ.js";import{t as oe}from"./NoTasks-Cox5rrM8.js";import{t as se}from"./PromptTextarea-CEL2z0Ne.js";import{t as ce}from"./ImageWrapper-COUXJuJv.js";var le=_({name:`LayoutQrart`,components:{ElDrawer:T,ElButton:G,FontAwesomeIcon:K},mixins:[X]}),ue={class:`main flex flex-row flex-1`},de={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},fe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function pe(t,n,r,a,s,d){let p=c(`font-awesome-icon`),m=c(`el-button`),_=c(`el-drawer`);return h(),o(`div`,ue,[e(`div`,de,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,fe,[u(t.$slots,`result`,{},void 0,!0)]),l(i(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var me=V(le,[[`render`,pe],[`__scopeId`,`data-v-2c672a84`]]),he=_({name:`VersionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{label:this.$t(`qrart.type.text`),value:`text`},{label:this.$t(`qrart.type.link`),value:`link`},{label:this.$t(`qrart.type.email`),value:`email`},{label:this.$t(`qrart.type.phone`),value:`phone`},{label:this.$t(`qrart.type.sms`),value:`sms`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug(`set type`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||=(console.debug(`set default type`,A),A)}}),ge={class:`field`},_e={class:`text-sm font-bold title`};function ve(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,ge,[e(`span`,_e,r(t.$t(`qrart.name.type`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`qrart.placeholder.select`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=V(he,[[`render`,ve],[`__scopeId`,`data-v-b4bd8f04`]]),be=_({name:`AspectRatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:30,height:30},{value:`4:3`,label:`4:3`,width:32,height:24},{value:`3:4`,label:`3:4`,width:24,height:32},{value:`16:9`,label:`16:9`,width:32,height:18},{value:`9:16`,label:`9:16`,width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug(`set aspect ratio`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),xe={class:`text-sm font-bold block mb-2`},Se={class:`items`},Ce=[`onClick`],we={class:`name`};function Te(n,i,a,c,l,u){return h(),o(`div`,null,[e(`span`,xe,r(n.$t(`qrart.name.aspectRatio`)),1),e(`div`,Se,[(h(!0),o(s,null,m(n.options,(i,a)=>(h(),o(`div`,{key:a,class:t({active:n.active===a,item:!0}),onClick:e=>n.value=i.value},[e(`div`,{class:t([`preview`,i.label])},[e(`div`,{class:`rect`,style:p({width:i.width+`px`,height:i.height+`px`})},null,4)],2),e(`p`,we,r(i.label),1)],10,Ce))),128))])])}var Ee=V(be,[[`render`,Te],[`__scopeId`,`data-v-b7590ecc`]]),De=_({name:`QrwSelector`,components:{ElSlider:E,InfoIcon:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||2},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||=(console.debug(`set default qrw`),2)}}),Oe={class:`field`},ke={class:`text-sm font-bold title mb-2`};function Ae(t,n,a,s,l,u){let d=c(`el-slider`),f=c(`info-icon`);return h(),o(`div`,Oe,[e(`span`,ke,r(t.$t(`qrart.name.qrw`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,min:1.5,max:3,step:.1,class:`value`},null,8,[`modelValue`]),i(f,{content:t.$t(`qrart.description.qrw`),class:`info`},null,8,[`content`])])}var je=V(De,[[`render`,Ae],[`__scopeId`,`data-v-8410479c`]]),Me=_({name:`StepsSelector`,components:{ElSlider:E,InfoIcon:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||20},set(e){console.debug(`set steps`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||=(console.debug(`set default steps`,20),20)}}),Ne={class:`field`},Pe={class:`text-sm font-bold block mb-2`};function Fe(t,n,a,s,l,u){let d=c(`el-slider`),f=c(`info-icon`);return h(),o(`div`,Ne,[e(`span`,Pe,r(t.$t(`qrart.name.steps`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,min:10,max:20,step:1,class:`value`},null,8,[`modelValue`]),i(f,{content:t.$t(`qrart.description.steps`),class:`info`},null,8,[`content`])])}var Ie=V(Me,[[`render`,Fe],[`__scopeId`,`data-v-0c88983e`]]),Le=_({name:`AdvancedSelector`,components:{ElSwitch:D},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug(`set advanced`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Re={class:`field`},ze={class:`title font-bold`};function Be(t,n,a,s,l,u){let d=c(`el-switch`);return h(),o(`div`,Re,[e(`span`,ze,r(t.$t(`qrart.name.advanced`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])}var Ve=V(Le,[[`render`,Be],[`__scopeId`,`data-v-f8ddf849`]]),He=_({name:`MarkerShapeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.markerShape.square`)},{value:`circle`,label:this.$t(`qrart.markerShape.circle`)},{value:`plus`,label:this.$t(`qrart.markerShape.plus`)},{value:`box`,label:this.$t(`qrart.markerShape.box`)},{value:`octagon`,label:this.$t(`qrart.markerShape.octagon`)},{value:`tiny-plus`,label:this.$t(`qrart.markerShape.tinyPlus`)},{value:`random`,label:this.$t(`qrart.markerShape.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug(`set marker_shape`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||=O}}),Ue={class:`field`},We={class:`text-sm font-bold block mb-2`};function Ge(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,Ue,[e(`span`,We,r(t.$t(`qrart.name.markerShape`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.markerShape`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ke=V(He,[[`render`,Ge],[`__scopeId`,`data-v-de71e0b0`]]),qe=_({name:`SubMarkerSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.subMarker.square`)},{value:`circle`,label:this.$t(`qrart.subMarker.circle`)},{value:`plus`,label:this.$t(`qrart.subMarker.plus`)},{value:`box`,label:this.$t(`qrart.subMarker.box`)},{value:`random`,label:this.$t(`qrart.subMarker.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug(`set sub_marker`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||=k}}),Je={class:`field`},Ye={class:`text-sm font-bold block mb-2`};function Xe(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,Je,[e(`span`,Ye,r(t.$t(`qrart.name.subMarker`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.subMarker`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ze=V(qe,[[`render`,Xe],[`__scopeId`,`data-v-51a39efa`]]),Qe=_({name:`RotateSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug(`set rotate`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||=0}}),$e={class:`field`},et={class:`text-sm font-bold block mb-2`};function tt(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,$e,[e(`span`,et,r(t.$t(`qrart.name.rotate`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.rotate`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var nt=V(Qe,[[`render`,tt],[`__scopeId`,`data-v-72e35835`]]),rt=_({name:`EclSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`L`,label:`L`},{value:`M`,label:`M`},{value:`Q`,label:`Q`},{value:`H`,label:`H`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug(`set ecl`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||=`H`}}),it={class:`field`},at={class:`text-sm font-bold block mb-2`};function ot(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,it,[e(`span`,at,r(t.$t(`qrart.name.ecl`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.ecl`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var st=V(rt,[[`render`,ot],[`__scopeId`,`data-v-b3a5e331`]]),ct=_({name:`MarkerShapeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`center`,label:this.$t(`qrart.position.center`)},{value:`top`,label:this.$t(`qrart.position.top`)},{value:`right`,label:this.$t(`qrart.position.right`)},{value:`bottom`,label:this.$t(`qrart.position.bottom`)},{value:`left`,label:this.$t(`qrart.position.left`)},{value:`top-left`,label:this.$t(`qrart.position.topLeft`)},{value:`top-right`,label:this.$t(`qrart.position.topRight`)},{value:`bottom-left`,label:this.$t(`qrart.position.bottomLeft`)},{value:`bottom-right`,label:this.$t(`qrart.position.bottomRight`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug(`set position`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||=M}}),lt={class:`field`},ut={class:`title font-bold`};function dt(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,lt,[e(`span`,ut,r(t.$t(`qrart.name.position`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.position`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ft=V(ct,[[`render`,dt],[`__scopeId`,`data-v-54186505`]]),pt=_({name:`PaddingLevelSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug(`set padding_level`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||=5}}),mt={class:`field`},ht={class:`text-sm font-bold block mb-2`};function gt(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,mt,[e(`span`,ht,r(t.$t(`qrart.name.paddingLevel`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.paddingLevel`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var _t=V(pt,[[`render`,gt],[`__scopeId`,`data-v-49d801fd`]]),vt=_({name:`PaddingNoiseSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug(`set padding_noise`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||=0}}),yt={class:`field`},bt={class:`text-sm font-bold block mb-2`};function xt(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,yt,[e(`span`,bt,r(t.$t(`qrart.name.paddingNoise`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.paddingNoise`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var St=V(vt,[[`render`,xt],[`__scopeId`,`data-v-a20833bb`]]),Ct=_({name:`PixelStyleSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.pixelStyle.square`)},{value:`rounded`,label:this.$t(`qrart.pixelStyle.rounded`)},{value:`dot`,label:this.$t(`qrart.pixelStyle.dot`)},{value:`squircle`,label:this.$t(`qrart.pixelStyle.squircle`)},{value:`row`,label:this.$t(`qrart.pixelStyle.row`)},{value:`column`,label:this.$t(`qrart.pixelStyle.column`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug(`set pixel_style`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||=j}}),wt={class:`field`},Tt={class:`text-sm font-bold block mb-2`};function Et(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,wt,[e(`span`,Tt,r(t.$t(`qrart.name.pixelStyle`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,clearable:``,class:`value`,placeholder:t.$t(`qrart.placeholder.pixelStyle`)},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Dt=V(Ct,[[`render`,Et],[`__scopeId`,`data-v-aca7f79f`]]),Ot=_({name:`SeedInput`,components:{ElInput:N},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0}}),kt={class:`field`},At={class:`text-sm font-bold block mb-2`};function jt(t,n,a,s,l,u){let d=c(`el-input`);return h(),o(`div`,kt,[e(`span`,At,r(t.$t(`qrart.name.seed`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`qrart.placeholder.seed`)},null,8,[`modelValue`,`placeholder`])])}var Mt=V(Ot,[[`render`,jt],[`__scopeId`,`data-v-d939305d`]]),Nt=_({name:`PresetSelector`,components:{ElImage:x},data(){return{options:[{value:`sunset`,label:this.$t(`qrart.preset.sunset`),url:`https://cdn.acedata.cloud/rp1h1s.png`},{value:`floral`,label:this.$t(`qrart.preset.floral`),url:`https://cdn.acedata.cloud/upyikx.png`},{value:`snowflakes`,label:this.$t(`qrart.preset.snowflakes`),url:`https://cdn.acedata.cloud/j447da.png`},{value:`feathers`,label:this.$t(`qrart.preset.feathers`),url:`https://cdn.acedata.cloud/d2ctz9.png`},{value:`raindrops`,label:this.$t(`qrart.preset.raindrops`),url:`https://cdn.acedata.cloud/xv2t3s.png`},{value:`ultra-realism`,label:this.$t(`qrart.preset.ultraRealism`),url:`https://cdn.acedata.cloud/nlor4y.png`},{value:`epic-realms`,label:this.$t(`qrart.preset.epicRealms`),url:`https://cdn.acedata.cloud/wwzkvy.png`},{value:`intricate-studio`,label:this.$t(`qrart.preset.intricateStudio`),url:`https://cdn.acedata.cloud/4kzf5y.png`},{value:`symmetric-masterpiece`,label:this.$t(`qrart.preset.symmetricMasterpiece`),url:`https://cdn.acedata.cloud/ff4ii2.png`},{value:`luminous-highway`,label:this.$t(`qrart.preset.luminousHighway`),url:`https://cdn.acedata.cloud/cliodt.png`},{value:`celestial-journey`,label:this.$t(`qrart.preset.celestialJourney`),url:`https://cdn.acedata.cloud/ejellf.png`},{value:`neon-mech`,label:this.$t(`qrart.preset.neonMech`),url:`https://cdn.acedata.cloud/3z0y6z.png`},{value:`ethereal-low-poly`,label:this.$t(`qrart.preset.etherealLowPoly`),url:`https://cdn.acedata.cloud/36o0mm.png`},{value:`golden-vista`,label:this.$t(`qrart.preset.goldenVista`),url:`https://cdn.acedata.cloud/xa0267.png`},{value:`cinematic-expanse`,label:this.$t(`qrart.preset.cinematicExpanse`),url:`https://cdn.acedata.cloud/krl5qp.png`},{value:`cinematic-warm`,label:this.$t(`qrart.preset.cinematicWarm`),url:`https://cdn.acedata.cloud/e1aahg.png`},{value:`desolate-wilderness`,label:this.$t(`qrart.preset.desolateWilderness`),url:`https://cdn.acedata.cloud/9evqqu.png`},{value:`vibrant-palette`,label:this.$t(`qrart.preset.vibrantPalette`),url:`https://cdn.acedata.cloud/3fvsmz.png`},{value:`enigmatic-journey`,label:this.$t(`qrart.preset.enigmaticJourney`),url:`https://cdn.acedata.cloud/l6kku0.png`},{value:`timeless-cinematic`,label:this.$t(`qrart.preset.timelessCinematic`),url:`https://cdn.acedata.cloud/h5mzyn.png`},{value:`regal-galaxy`,label:this.$t(`qrart.preset.regalGalaxy`),url:`https://cdn.acedata.cloud/czkegd.png`},{value:`illustrious-canvas`,label:this.$t(`qrart.preset.illustriousCanvas`),url:`https://cdn.acedata.cloud/m8hwzh.png`},{value:`expressive-mural`,label:this.$t(`qrart.preset.expressiveMural`),url:`https://cdn.acedata.cloud/g4v1rb.png`},{value:`serene-haze`,label:this.$t(`qrart.preset.sereneHaze`),url:`https://cdn.acedata.cloud/3w3ixr.png`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||=``}}),Pt={class:`field`},Ft={class:`text-sm font-bold block mb-2`},It={class:`pane`},Lt=[`onClick`],Rt={class:`name`};function zt(n,a,l,u,d,f){let p=c(`el-image`);return h(),o(`div`,Pt,[e(`span`,Ft,r(n.$t(`qrart.name.preset`)),1),e(`div`,It,[(h(!0),o(s,null,m(n.options,(a,s)=>(h(),o(`div`,{key:s,class:t({item:!0,active:n.value===a.value}),onClick:e=>n.value===a.value?n.value=void 0:n.value=a.value},[i(p,{src:a.url,fit:`fill`,class:`preview`},null,8,[`src`]),e(`span`,Rt,r(a.label),1)],10,Lt))),128))])])}var Bt=V(Nt,[[`render`,zt],[`__scopeId`,`data-v-65c34adf`]]),Vt=_({name:`ContentInput`,components:{ElInput:N,ElUpload:b,ElRadioGroup:w,ElButton:G,ElRadioButton:C,ImagePreview:Y,FontAwesomeIcon:K},mixins:[R,F],data(){return{inputWay:`input`,fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||=``,this.onSetContentImageUrl()},methods:{onExceed(){U.warning(this.$t(`qrart.message.uploadDocumentsExceed`))},onError(){U.error(this.$t(`qrart.message.uploadDocumentsError`))},onSetContentImageUrl(){let e=this.urls?.[0];this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),Ht={class:`field`},Ut={class:`flex justify-between items-center mb-4`},Wt={class:`text-sm font-bold title`},Gt={class:`flex items-center`},Kt={key:2,class:`description`};function qt(t,s,l,u,p,m){let g=c(`el-radio-button`),_=c(`el-radio-group`),v=c(`el-input`),y=c(`image-preview`),b=c(`font-awesome-icon`),x=c(`el-button`),S=c(`el-upload`);return h(),o(`div`,Ht,[e(`div`,Ut,[e(`span`,Wt,r(t.$t(`qrart.name.content`)),1),e(`div`,Gt,[i(_,{modelValue:t.inputWay,"onUpdate:modelValue":s[0]||=e=>t.inputWay=e},{default:f(()=>[i(g,{label:`input`},{default:f(()=>[n(r(t.$t(`qrart.inputWay.input`)),1)]),_:1}),i(g,{label:`upload`},{default:f(()=>[n(r(t.$t(`qrart.inputWay.upload`)),1)]),_:1})]),_:1},8,[`modelValue`])])]),t.inputWay==`input`?(h(),d(v,{key:0,modelValue:t.value,"onUpdate:modelValue":s[1]||=e=>t.value=e,class:`content`,placeholder:t.$t(`qrart.placeholder.content`)},null,8,[`modelValue`,`placeholder`])):a(``,!0),t.inputWay==`upload`?(h(),d(S,{key:1,ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":s[2]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`upload upload-wrapper`,limit:1,multiple:!1,"list-type":`picture`,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:f(({file:e})=>[i(y,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:f(()=>[i(x,{size:`small`,type:`primary`,round:``},{default:f(()=>[i(b,{icon:`fa-solid fa-upload`,class:`mr-1`}),n(` `+r(t.$t(`qrart.button.uploadQr`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])):a(``,!0),t.inputWay==`upload`?(h(),o(`p`,Kt,r(t.$t(`qrart.message.uploadQr`)),1)):a(``,!0)])}var Jt=V(Vt,[[`render`,qt],[`__scopeId`,`data-v-afb72cf1`]]),Yt=_({name:`PromptInput`,components:{PromptTextarea:se},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||=``}});function Xt(e,t,n,r,i,a){let o=c(`prompt-textarea`);return h(),d(o,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,title:e.$t(`qrart.name.prompt`),placeholder:e.$t(`qrart.placeholder.prompt`)},null,8,[`modelValue`,`title`,`placeholder`])}var Zt=_({name:`ConfigPanel`,components:{ElButton:G,FontAwesomeIcon:K,Consumption:Z,TypeSelector:ye,PositionSelector:ft,PixelStyleSelector:Dt,PaddingLevelSelector:_t,SeedInput:Mt,AspectRatioSelector:Ee,QrwSelector:je,EclSelector:st,StepsSelector:Ie,PaddingNoiseSelector:St,AdvancedSelector:Ve,MarkerShapeSelector:Ke,SubMarkerSelector:Ze,RotateSelector:nt,PresetSelector:Bt,ContentInput:Jt,PromptInput:V(Yt,[[`render`,Xt]])},emits:[`generate`],computed:{config(){return this.$store.state.qrart?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Qt={class:`flex flex-col h-full`},$t={class:`flex-1 overflow-y-auto p-5`},en={class:`flex flex-col items-center justify-center px-5 pb-5`};function tn(t,s,l,u,p,m){let g=c(`type-selector`),_=c(`content-input`),v=c(`prompt-input`),y=c(`aspect-ratio-selector`),b=c(`qrw-selector`),x=c(`preset-selector`),S=c(`position-selector`),C=c(`advanced-selector`),w=c(`steps-selector`),T=c(`seed-input`),E=c(`pixel-style-selector`),D=c(`marker-shape-selector`),O=c(`sub-marker-selector`),k=c(`rotate-selector`),A=c(`ecl-selector`),j=c(`padding-level-selector`),M=c(`padding-noise-selector`),N=c(`consumption`),P=c(`font-awesome-icon`),F=c(`el-button`);return h(),o(`div`,Qt,[e(`div`,$t,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),i(v,{class:`mb-4`}),i(y,{class:`mb-4`}),i(b,{class:`mb-4`}),i(x,{class:`mb-4`}),i(S,{class:`mb-4`}),i(C,{class:`mb-4`}),t.config?.advanced?(h(),d(w,{key:0,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(T,{key:1,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(E,{key:2,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(D,{key:3,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(O,{key:4,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(k,{key:5,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(A,{key:6,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(j,{key:7,class:`mb-4`})):a(``,!0),t.config?.advanced?(h(),d(M,{key:8,class:`mb-4`})):a(``,!0)]),e(`div`,en,[i(N,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(F,{type:`primary`,class:`btn w-full`,round:``,onClick:s[0]||=e=>t.$emit(`generate`)},{default:f(()=>[i(P,{icon:`fa-solid fa-magic`,class:`mr-2`}),n(` `+r(t.$t(`qrart.button.generate`)),1)]),_:1})])])}var nn=V(Zt,[[`render`,tn]]),rn=_({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:S,ImageWrapper:ce,ApiCodeButton:ie},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenUrl(e){window.open(e,`_blank`)},onDownload(e){let t=document.createElement(`a`);t.href=e,t.download=e.split(`/`).pop(),t.click()}}}),an={class:`preview w-full h-fit text-left flex flex-row mb-[15px]`},on={class:`left`},sn={class:`main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]`},cn={class:`bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap`},ln={class:`datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]`},un={class:`info`},dn={key:0,class:`prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap`},fn={key:0},pn={key:0,class:t({content:!0,failed:!0})},mn={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},hn={class:`description`},gn={class:`description`},_n={key:0,class:`description`},vn={key:1,class:`description`},yn={key:2,class:`description`},$={key:3,class:`description`},bn={key:1,class:t({content:!0})},xn={class:`description`},Sn={class:`description`},Cn={key:0,class:`description`},wn={class:`description`},Tn={key:2,class:t({content:!0})},En={class:`description`};function Dn(t,s,l,u,p,m){let g=c(`el-image`),_=c(`image-wrapper`),v=c(`api-code-button`),y=c(`font-awesome-icon`),b=c(`copy-to-clipboard`),x=c(`el-alert`);return h(),o(`div`,an,[e(`div`,on,[i(g,{src:`https://cdn.acedata.cloud/bcml67.png`,class:`avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full`})]),e(`div`,sn,[e(`div`,cn,[n(r(t.$t(`qrart.name.qrartBot`))+` `,1),e(`span`,ln,r(t.$dayjs.format(``+new Date(parseFloat((t.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,un,[t.modelValue?.request?.prompt?(h(),o(`p`,dn,[n(r(t.modelValue?.request?.prompt)+` `,1),t.modelValue?.response?a(``,!0):(h(),o(`span`,fn,` - (`+r(t.$t(`qrart.status.pending`))+`) `,1))])):a(``,!0)]),t.modelValue?.response?.success===!0?(h(),o(`div`,pn,[t.modelValue?.response?.image_url?(h(),d(_,{key:0,src:t.modelValue?.response?.image_url,"raw-src":t.modelValue?.response?.image_url},null,8,[`src`,`raw-src`])):a(``,!0),e(`div`,mn,[i(v,{path:`/qrart/generate`,body:t.modelValue?.request},null,8,[`body`])]),i(x,{closable:!1,class:`mt-2 success`},{default:f(()=>[e(`p`,hn,[i(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(b,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,gn,[i(y,{icon:`fa-solid fa-diamond`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.type`))+`: `+r(t.$t(`qrart.type.`+t.modelValue?.request?.type))+` `,1),i(b,{content:t.modelValue?.request?.type,class:`btn-copy`},null,8,[`content`])]),t.modelValue?.request?.content?(h(),o(`p`,_n,[i(y,{icon:`fa-regular fa-message`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.content`))+`: `+r(t.modelValue?.request?.content)+` `,1),i(b,{content:t.modelValue?.request?.content,class:`btn-copy`},null,8,[`content`])])):a(``,!0),t.modelValue?.request?.content_image_url?(h(),o(`p`,vn,[i(y,{icon:`fa-regular fa-message`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.contentImageUrl`))+`: `,1),i(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1 cursor-pointer`,onClick:s[0]||=e=>t.onOpenLink(t.modelValue?.request?.content_image_url)})])):a(``,!0),t.modelValue?.request?.seed||t.modelValue?.response?.seed?(h(),o(`p`,yn,[i(y,{icon:`fa-solid fa-seedling`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.seed`))+`: `+r(t.modelValue?.request?.seed||t.modelValue?.response?.seed)+` `,1),i(b,{content:(t.modelValue?.request?.seed||t.modelValue?.response?.seed).toString(),class:`btn-copy`},null,8,[`content`])])):a(``,!0),t.modelValue?.elapsed?(h(),o(`p`,$,[i(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0)]),_:1})])):a(``,!0),t.modelValue?.response?.success===!1?(h(),o(`div`,bn,[i(x,{closable:!1,class:`failure`},{template:f(()=>[i(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.failure`)),1)]),default:f(()=>[e(`p`,xn,[i(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(b,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,Sn,[i(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.failureReason`))+`: `+r(t.modelValue?.response?.error?.message)+` `,1),i(b,{content:t.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),t.modelValue?.elapsed?(h(),o(`p`,Cn,[i(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),e(`p`,wn,[i(y,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.traceId`))+`: `+r(t.modelValue?.response?.trace_id)+` `,1),i(b,{content:t.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):a(``,!0),t.modelValue?.response?a(``,!0):(h(),o(`div`,Tn,[i(x,{closable:!1,class:`info`},{template:f(()=>[i(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.failure`)),1)]),default:f(()=>[e(`p`,En,[i(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`qrart.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(b,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var On=_({name:`RecentPanel`,components:{TaskPreview:V(rn,[[`render`,Dn],[`__scopeId`,`data-v-5c6e6795`]]),BotPlaceholder:ae,NoTasks:oe,ScrollList:ne},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),kn={key:0},An={key:2,class:`w-full h-full flex items-center justify-center`};function jn(e,t,n,r,l,u){let p=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return h(),o(s,null,[e.tasks?.items===void 0?(h(),o(`div`,kn,[i(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),d(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(h(!0),o(s,null,m(e.tasks?.items,(e,t)=>(h(),d(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(h(),o(`div`,An,[i(v)])):a(``,!0)],64)}var Mn=_({name:`QrartIndex`,components:{ConfigPanel:nn,Layout:me,ApplicationStatus:J,RecentPanel:V(On,[[`render`,jn]])},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===H.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===H.Request||this.fetchingTasks},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===H.Request},needApply(){return this.$store.state.qrart.status.getApplications===H.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,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 re({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`qrart/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplications`),await this.$store.dispatch(`qrart/getApplications`),console.debug(`end onGetApplications`),await this.onGetTasks()},onApply(){te.create({application:this.application}).then(({data:e})=>{this.application=e,U.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&U.error(this.$t(`application.message.alreadyApplied`))})},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(`qrart/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!L(this.uploadTracker,e=>this.$t(e),e=>U.warning(e)))return;let e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,async:!0,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}};if(!B())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}U.info(this.$t(`qrart.message.startingTask`)),W(`qrart`,P.generate(e,{token:t})).then(()=>{U.success(this.$t(`qrart.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?U.error(this.$t(`qrart.message.usedUp`)):U.error(this.$t(`qrart.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Nn(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`application-status`),u=c(`recent-panel`),p=c(`layout`);return h(),d(p,null,{config:f(()=>[i(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`qrart/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),i(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Pn=V(Mn,[[`render`,Nn],[`__scopeId`,`data-v-f87e6eb4`]]);export{Pn as default};
|