@acedatacloud/nexior 3.283.14 → 3.283.16
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-DsIM7GI7.js → ApiCodeButton-DvdTN3_N.js} +1 -1
- package/dist/assets/{AskUserQuestionCard-CCanpcgG.js → AskUserQuestionCard-C4iE87ea.js} +1 -1
- package/dist/assets/{Auth-ByUOewgH.js → Auth-G0OAdNo8.js} +1 -1
- package/dist/assets/{Bare-Dv0Oh9B9.js → Bare-BNayx7dv.js} +1 -1
- package/dist/assets/{BotPlaceholder-CZSnVhAb.js → BotPlaceholder-BbzoZLYb.js} +1 -1
- package/dist/assets/{BottomFooter-DP1Pgwrz.js → BottomFooter-Db8DUF3y.js} +1 -1
- package/dist/assets/{Callback-DP9_xoap.js → Callback-BCYOqiIU.js} +1 -1
- package/dist/assets/{CodeSnippet-BVzZxpd3.js → CodeSnippet-BoCZ7IS6.js} +1 -1
- package/dist/assets/{Console-DE8B6VhF.js → Console-D5m-qJrF.js} +1 -1
- package/dist/assets/{Consumption-CQl7mOM_.js → Consumption-wEBeVsRJ.js} +1 -1
- package/dist/assets/{Conversation-BHpIXbrW.js → Conversation-Qa92CQCD.js} +2 -2
- package/dist/assets/{Conversation-ByOs-POg.css → Conversation-kegNinkb.css} +1 -1
- package/dist/assets/{CopyToClipboard-BEe4439o.js → CopyToClipboard-CwLXmQOG.js} +1 -1
- package/dist/assets/{Detail-DR3ZsZIW.js → Detail-DtP1LNGc.js} +2 -2
- package/dist/assets/{Extra-BDh1jRTJ.js → Extra-CK7ipklO.js} +1 -1
- package/dist/assets/{FilePreview-DvGqgCfk.js → FilePreview-BqdOGQYX.js} +1 -1
- package/dist/assets/{Hailuo-Di1ISRFq.js → Hailuo-DHnjKWTm.js} +1 -1
- package/dist/assets/{History-B9rp6PA-.js → History-Bmlm4iuS.js} +1 -1
- package/dist/assets/{ImagePreview-DDJm1mry.js → ImagePreview-D1gZwWIv.js} +1 -1
- package/dist/assets/{ImageWrapper-lsiNVtpW.js → ImageWrapper-rT9PsHAM.js} +1 -1
- package/dist/assets/{Index-CaylI7cb2.js → Index-A_czO_PU2.js} +1 -1
- package/dist/assets/{Index-Dx6oQltr.js → Index-BI_OQRMn.js} +1 -1
- package/dist/assets/{Index-ByF-f89_.js → Index-BTpvIs4O.js} +1 -1
- package/dist/assets/{Index-BX7j4RGk.js → Index-B_oAFQ8C.js} +1 -1
- package/dist/assets/{Index-C_1aUsux.js → Index-BkJLuRlx.js} +1 -1
- package/dist/assets/{Index-CvZI0vKQ.js → Index-Bor9gFjp.js} +1 -1
- package/dist/assets/{Index-CFZwkDvY.js → Index-BuZ8bvmH.js} +1 -1
- package/dist/assets/{Index-DudhRsML.js → Index-C8mGr297.js} +1 -1
- package/dist/assets/{Index-WjEQHhNl.js → Index-CVZvacG_.js} +1 -1
- package/dist/assets/{Index-CW9a-xPA.js → Index-CnsZtLvE.js} +1 -1
- package/dist/assets/{Index-ClKf1OMU.js → Index-Coc8B-Ix.js} +1 -1
- package/dist/assets/{Index-CYxGCoGy.js → Index-CreuN_LP.js} +1 -1
- package/dist/assets/{Index-DQxtsjQa.js → Index-CyeHTEaQ.js} +1 -1
- package/dist/assets/{Index-BlIhiK08.js → Index-D2KImHbz.js} +1 -1
- package/dist/assets/{Index-BBvUpnBi.js → Index-D4oR3-Xs.js} +1 -1
- package/dist/assets/{Index-eICJjmoJ.js → Index-DLI_Sg8a.js} +1 -1
- package/dist/assets/{Index-BABJXZT4.js → Index-DLaNycGm.js} +1 -1
- package/dist/assets/{Index-B6U1yWKR2.js → Index-DNDBkXME2.js} +1 -1
- package/dist/assets/{Index-DTYLRAxk.js → Index-DNI1d2lW.js} +1 -1
- package/dist/assets/{Index-BDo-NKBF.js → Index-Dkt9Lf_d.js} +1 -1
- package/dist/assets/{Index-DvmGv8-o.js → Index-Drl70aew.js} +1 -1
- package/dist/assets/{Index-Dc1B117U.js → Index-DvpAb1eL.js} +1 -1
- package/dist/assets/{Index-DZWwUqkm.js → Index-MeRcDvmO.js} +1 -1
- package/dist/assets/{Index-Cj7uxzpm.js → Index-eomyH8G6.js} +1 -1
- package/dist/assets/{Index-DTchsixl.js → Index-sYx_dr3S.js} +1 -1
- package/dist/assets/{Index-D_ducEFP.js → Index-yHOCBxlN.js} +1 -1
- package/dist/assets/{Index-Bap_eeDE.js → Index-yuLo-1c3.js} +1 -1
- package/dist/assets/{InfoIcon-CceIsMfO.js → InfoIcon-b0ICFsW6.js} +1 -1
- package/dist/assets/{Invitees-CHG1p8G2.js → Invitees-BbV7AqCb.js} +1 -1
- package/dist/assets/{List-DGEU6mRX.js → List-BHyH5u-G.js} +1 -1
- package/dist/assets/{List-CwcZXCLv.js → List-Bfby_gg6.js} +1 -1
- package/dist/assets/{List-DwvgweUC.js → List-Dh-J2pQL.js} +1 -1
- package/dist/assets/{Main-Cg1HuCey.js → Main-Du314UfD.js} +1 -1
- package/dist/assets/{Model-Dh6EBQcg.js → Model-BJ24QCvU.js} +1 -1
- package/dist/assets/{Navigator-CC1aWaIV.js → Navigator-wUfDVPL4.js} +1 -1
- package/dist/assets/{NoTasks-Cm1U3i0U.js → NoTasks-wAViBqi6.js} +1 -1
- package/dist/assets/{NotFound-dKCameTD.js → NotFound-BJyEKc2O.js} +1 -1
- package/dist/assets/{Pagination-Ckin3eov.js → Pagination-B3ByD7bV.js} +1 -1
- package/dist/assets/{Pay-vt1p84ZH.js → Pay-BGgDhXNf.js} +1 -1
- package/dist/assets/{Player-D7Cg7mny.js → Player-BT4hlWU8.js} +1 -1
- package/dist/assets/{PromptTextarea-C1F13c1Y.js → PromptTextarea-C7BOP8k8.js} +1 -1
- package/dist/assets/{RealtimeCall-ByWMXmqu.js → RealtimeCall-BCbfW7j0.js} +1 -1
- package/dist/assets/{Seedance-BbFExu8u.js → Seedance-C6c4QleG.js} +1 -1
- package/dist/assets/{Status-Cne2AAL7.js → Status-DMTgisFm.js} +1 -1
- package/dist/assets/{Subscribe-DmPXFuxM.js → Subscribe-CopARQYy.js} +1 -1
- package/dist/assets/{TabSwitcher-DJNBF7XR.js → TabSwitcher-CCJmDIbA.js} +1 -1
- package/dist/assets/{Tts-3a3Nn3Ih.js → Tts-zu1CEe3B.js} +1 -1
- package/dist/assets/{VideoPlayer-BngJ8TD_.js → VideoPlayer-Cs6XGHgn.js} +1 -1
- package/dist/assets/{avatar-D3erPuGe.js → avatar-BLJnzrx3.js} +1 -1
- package/dist/assets/{basic-CwlUieow.js → basic-BlX2Di_P.js} +1 -1
- package/dist/assets/{chat-BFkBotRA.js → chat-DS5Y6GMe.js} +1 -1
- package/dist/assets/{codingBridge-ZNcW8Wnm.js → codingBridge-CsAHZXm6.js} +1 -1
- package/dist/assets/{codingBridgeNotify-DsTQEFnt.js → codingBridgeNotify-C_L2Fvbd.js} +2 -2
- package/dist/assets/{collapse-Dvrx6IVK.js → collapse-DK86-P5_.js} +1 -1
- package/dist/assets/{createTaskActions-CYyE7hKE.js → createTaskActions-BX_tmG7D.js} +1 -1
- package/dist/assets/{date-picker-D7N116hn.js → date-picker-Dp77uFTl.js} +1 -1
- package/dist/assets/{dropdown-CgZ8M52s.js → dropdown-KnUzgSxP.js} +1 -1
- package/dist/assets/{esm-BMmKHy8U.js → esm-BfmCqdea.js} +3 -3
- package/dist/assets/{esm-BS0ZLpSt.js → esm-BvN0t2vL.js} +1 -1
- package/dist/assets/{esm-BtXFxO8a.js → esm-CO3UQbKo.js} +1 -1
- package/dist/assets/esm-Ce4ZNDa7.js +1 -0
- package/dist/assets/{esm-CsL_nkNi.js → esm-DcyrOSY8.js} +2 -2
- package/dist/assets/{esm-CD4FPt34.js → esm-DuPwyzGU.js} +2 -2
- package/dist/assets/{esm-CN4tgN8i.js → esm-twquYJNP.js} +1 -1
- package/dist/assets/{fish-BMkZXDI8.js → fish-CI6K0TSF.js} +1 -1
- package/dist/assets/{flux-DjrhTE6J.js → flux-ENyxnm2J.js} +1 -1
- package/dist/assets/{grokvideo-BjBaTSzx.js → grokvideo-CktRN8Qk.js} +1 -1
- package/dist/assets/{hailuo-0MsgJCGD.js → hailuo-CEJO3K_s.js} +1 -1
- package/dist/assets/{headshots-Y1X-uiw8.js → headshots-zx0yTtZP.js} +1 -1
- package/dist/assets/{image-DZ7QOYIp.js → image-PC0AxRLg.js} +1 -1
- package/dist/assets/{index-CyGnVnLU.js → index-BSfAwkh3.js} +3 -3
- package/dist/assets/{index.browser.esm-BLwe9oVj.js → index.browser.esm-sDt5-S47.js} +1 -1
- package/dist/assets/{index.es-oouVHHE4.js → index.es-Dd7T5qXe.js} +1 -1
- package/dist/assets/{input-number-DJC6uV-k.js → input-number-ChE7ZEzD.js} +1 -1
- package/dist/assets/{kling-MqYik9Fd.js → kling-Ci_mkW_t.js} +1 -1
- package/dist/assets/{luma--R0EDF9W.js → luma-BtChcPTj.js} +1 -1
- package/dist/assets/{maestro-CaKOIWnl.js → maestro-C7Xjlse5.js} +1 -1
- package/dist/assets/{midjourney-j69B62th.js → midjourney-BubNYQb3.js} +1 -1
- package/dist/assets/{nanobanana-dys22SAH.js → nanobanana-BCnh77ai.js} +1 -1
- package/dist/assets/{openaiimage-DTdj2589.js → openaiimage-Bq_fzMQr.js} +1 -1
- package/dist/assets/{pagination-CAeUQQVr.js → pagination-CQxRpRhC.js} +1 -1
- package/dist/assets/{pika-BvOvdGJA.js → pika-CqN-7akK.js} +1 -1
- package/dist/assets/{pixverse-BPsbwWmE.js → pixverse-BEGl3nNJ.js} +1 -1
- package/dist/assets/{popover-BYPtpJEY.js → popover-DXcOi1ED.js} +1 -1
- package/dist/assets/{producer-37pEQVhm.js → producer-BC4fWy8J.js} +1 -1
- package/dist/assets/{qrart-BmTKFL_-.js → qrart-DGhAUA_O.js} +1 -1
- package/dist/assets/{realtime-ghdnx53-.js → realtime-C1hVLulO.js} +1 -1
- package/dist/assets/{row-BM7-mdXu.js → row-CUPXlDXl.js} +1 -1
- package/dist/assets/{seedance-E9o3Ubkk.js → seedance-DXAO7FRi.js} +1 -1
- package/dist/assets/{seedream-BiaZc8NR.js → seedream-C6TztorC.js} +1 -1
- package/dist/assets/{select-CZr0OLx0.js → select-CWa6N3h0.js} +1 -1
- package/dist/assets/{serp-AME_rCSM.js → serp-CvAlLGtU.js} +1 -1
- package/dist/assets/{slider-CDSayqVn.js → slider-CpyhW-6M.js} +1 -1
- package/dist/assets/{solana-wallets-vue-vz8A7Chq.js → solana-wallets-vue-B2FUtvod.js} +1 -1
- package/dist/assets/{solana-wallets-3FizqFse.js → solana-wallets-wTiiG-XC.js} +2 -2
- package/dist/assets/{sora-CudG3PHM.js → sora-xvc5SLS_.js} +1 -1
- package/dist/assets/{suno-BdERzCZk.js → suno-S-0f9j9f.js} +1 -1
- package/dist/assets/{switch-B3PyQrxP.js → switch-xAc9KAOg.js} +1 -1
- package/dist/assets/{tabs-C04jiog4.js → tabs-D94ZEFUM.js} +1 -1
- package/dist/assets/{upload-BucqwIZe.js → upload-Cwu9HhYJ.js} +1 -1
- package/dist/assets/{veo-CQT4CDBr.js → veo-CD5lPZ-3.js} +1 -1
- package/dist/assets/{wan-wb_YPxCg.js → wan-DlytxTpT.js} +1 -1
- package/dist/assets/{web-CVF9WRy_.js → web-BQhjW2Fm.js} +1 -1
- package/dist/assets/{web-B4HCcWij.js → web-BZjfG6mm.js} +1 -1
- package/dist/assets/{web-DqdZihLy.js → web-Cjbme-zI.js} +1 -1
- package/dist/assets/{web-B2e_XoOD.js → web-D-YBDKDt.js} +1 -1
- package/dist/assets/{web-BBx2BFRN.js → web-vq-1-NsD.js} +1 -1
- package/dist/assets/{webextrator-CaT_o6tw.js → webextrator-DeXkYfq-.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/esm-eegs4dX5.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,dt as d,k as f,tt as p,ut as m,v as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-BydTr5nV.js";import{n as _,t as v}from"./form-Kb7XgeCG.js";import{t as y}from"./card-DjyfNde2.js";import{n as b,r as x}from"./radio-3Hz7h3DR.js";import{n as S,t as C}from"./row-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,dt as d,k as f,tt as p,ut as m,v as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-BydTr5nV.js";import{n as _,t as v}from"./form-Kb7XgeCG.js";import{t as y}from"./card-DjyfNde2.js";import{n as b,r as x}from"./radio-3Hz7h3DR.js";import{n as S,t as C}from"./row-CUPXlDXl.js";import{t as w}from"./divider-LA__Fty9.js";import{t as T}from"./empty-CdsD8g84.js";import{t as E}from"./skeleton-BwNBivMN.js";import{E as D,Fn as O,Fr as k,L as A,On as j,R as M,Rt as N,Vn as P,jr as F,wr as I}from"./index-BSfAwkh3.js";var L=r({name:`ApiPrice`,props:{price:{type:Number,required:!1,default:0},unit:{type:String,required:!1,default:void 0},start:{type:Boolean,required:!1,default:!1}},methods:{getPriceString:N}}),R={class:`price-text`},z={key:0,class:`unfree`},B={key:1,class:`free`};function V(e,n,r,i,a,o){return u(),t(`div`,R,[e.price>0?(u(),t(`span`,z,l(e.getPriceString({value:e.price}))+` `+l(e.unit?` / ${e.unit}`:``)+l(e.start?e.$t(`common.message.startPrice`):``),1)):(u(),t(`span`,B,l(e.$t(`common.message.free`)),1))])}var H=D(L,[[`render`,V],[`__scopeId`,`data-v-bb068181`]]),U=r({name:`ServiceEstimation`,components:{},props:{service:{type:Object,required:!0},package:{type:Object,required:!0}},methods:{getPriceString:N}}),W={class:`estimation`},G={key:0,class:`item`},K={key:0},q={key:1},J={key:2},Y={key:0},X={key:1};function Z(n,r,a,o,c,d){return u(),t(`div`,W,[(u(!0),t(s,null,e(n.service?.apis,(r,a)=>(u(),t(`div`,{key:a},[(u(!0),t(s,null,e(r?.estimation,(r,a)=>(u(),t(`div`,{key:a,class:`items`},[n.package?.amount&&r?.cost?(u(),t(`p`,G,[i(` ≈ `+l(r.name)+` `+l(Math.round(n.package.amount/r.cost))+` `+l(n.$t(`api.unit.count`))+` `,1),n.package.price>0?(u(),t(`span`,K,` - `+l(n.getPriceString({value:n.package.price/(n.package.amount/r.cost),fractionDigits:3})+` / `+n.$t(`api.unit.count`)),1)):f(``,!0),r.remark?(u(),t(`span`,q,` (`+l(r.remark)+`) `,1)):f(``,!0),(r?.comparisons?.length??0)>0?(u(),t(`span`,J,` - `)):f(``,!0),(u(!0),t(s,null,e(r?.comparisons,(e,r)=>(u(),t(`span`,{key:r,class:`comparison`},[e?.value<0?(u(),t(`i`,Y,l(n.$t(`api.message.cheaperThan`).replace(`$[[value]]`,e?.target?.toString()))+` `+l(Math.abs(e?.value)*100)+`% `,1)):f(``,!0),e?.value>0?(u(),t(`i`,X,l(n.$t(`api.message.moreExpensiveThan`).replace(`$[[value]]`,e?.target?.toString()))+` `+l(Math.abs(e?.value)*100)+`% `,1)):f(``,!0)]))),128))])):f(``,!0)]))),128))]))),128))])}var Q=r({name:`ConsoleApplicationBuy`,components:{ElSkeleton:E,ElRow:C,ElCol:S,ElCard:y,ElForm:v,ElFormItem:_,ElButton:g,ElDivider:w,ElEmpty:T,ElRadioGroup:x,ElRadioButton:b,Price:H,ServiceEstimation:D(U,[[`render`,Z],[`__scopeId`,`data-v-768cf35f`]])},data(){return{lang:this.$i18n.locale,application:void 0,loading:!1,type:I.USAGE,form:{packageId:void 0,amount:void 0},creating:!1}},computed:{applicationId(){return this.$route.params?.id?.toString()},id(){return this.$route.params?.id?.toString()},showPayment(){return!0},price(){return this.application?.service?.price&&this.form.amount?this.form.amount*this.application.service?.price:0},packages(){let e=this.application?.packages?.filter(e=>e.type===I.USAGE).sort((e,t)=>e.amount-t.amount)||[];return F()?e.filter(e=>!!e?.metadata?.apple_product_id):e},package(){if(this.packages&&this.form.packageId){let e=this.packages.filter(e=>e.id===this.form.packageId);if(e.length>0)return e[0]}}},mounted(){this.onFetchApplication()},methods:{getDiscount(e){return this.packages&&this.packages.length>0?this.lang?.startsWith(`zh`)?(10*e?.price/e?.amount/(this.packages[0].price/this.packages[0]?.amount)).toFixed(1)+`折`:Math.round(100-100*e?.price/e?.amount/(this.packages[0].price/this.packages[0]?.amount))+`% OFF`:``},onSubscribe(){this.$router.push({name:A,params:this.$route.params})},getPriceString:N,onFetchApplication(){this.loading=!0,O.get(this.id).then(({data:e})=>{this.application=e,this.loading=!1,this.form.packageId=this.packages?.[0]?.id}).catch(()=>{this.loading=!1})},onChangeType(){this.$router.push({name:A,params:this.$route.params})},onCreateOrder(){if(!this.application?.id)return;this.creating=!0;let e=this.$t(`service.unit.${this.application?.service?.unit}s`);P(`payment_initiated`,{service:this.application?.service?.alias,amount:this.package?.amount,package_id:this.package?.id,action:`extra`}),j.create({application_id:this.application?.id,amount:this.package?.amount,...this.form.packageId!==`custom`&&this.package?{package_id:this.package.id}:{},description:this.application?.service?`${this.application?.service?.title} x ${this.package?.amount} ${e}`:this.$t(`application.title.globalBuy`)+` - `+this.package?.amount+` `+this.$t(`service.unit.credits`)}).then(({data:e})=>{this.creating=!1;let t=e;this.$router.push({name:M,params:{id:t.id}})}).catch(e=>{k.error(this.$t(`order.message.createFailed`)),this.creating=!1,P(`payment_failed`,{service:this.application?.service?.alias,action:`extra`,error:e?.response?.data?.error?.message??String(e)})})}}}),$={class:`title`},ee={key:0},te={class:`text-[var(--el-text-color-secondary)] text-[12px] mb-3`},ne={key:0,class:`ml-2`},re={key:1,class:c({price:!0,free:!0})};function ie(r,g,_,v,y,b){let x=p(`el-col`),S=p(`el-row`),C=p(`el-skeleton`),w=p(`el-empty`),T=p(`el-divider`),E=p(`el-form-item`),D=p(`el-radio-button`),O=p(`el-radio-group`),k=p(`service-estimation`),A=p(`price`),j=p(`el-button`),M=p(`el-form`),N=p(`el-card`);return u(),a(S,{class:`panel`},{default:m(()=>[o(x,{span:24},{default:m(()=>[o(S,null,{default:m(()=>[o(x,{span:24},{default:m(()=>[n(`h2`,$,l(r.$t(`common.title.buyMore`)),1)]),_:1})]),_:1}),o(S,null,{default:m(()=>[o(x,{span:24},{default:m(()=>[o(N,{shadow:`hover`,class:`min-h-[500px]`},{default:m(()=>[o(S,null,{default:m(()=>[o(x,{span:16,offset:4},{default:m(()=>[r.loading?(u(),a(C,{key:0})):r.showPayment?r.application?(u(),a(M,{key:2,"label-width":`100px`},{default:m(()=>[r.application?.service?f(``,!0):(u(),t(`div`,ee,[n(`p`,te,l(r.$t(`application.message.globalBalanceBuyDescription`)),1),o(T,{"border-style":`dashed`})])),r.application?.service?(u(),a(E,{key:1,label:r.$t(`application.field.service`)},{default:m(()=>[i(l(r.application?.service?.title),1)]),_:1},8,[`label`])):(u(),a(E,{key:2,label:r.$t(`application.field.scope`)},{default:m(()=>[i(l(r.$t(`application.title.globalBuy`)),1)]),_:1},8,[`label`])),o(E,{label:r.$t(`application.field.package`),class:`mb-0`},{default:m(()=>[r.packages?(u(),a(O,{key:0,modelValue:r.form.packageId,"onUpdate:modelValue":g[0]||=e=>r.form.packageId=e},{default:m(()=>[(u(!0),t(s,null,e(r.packages,(e,t)=>(u(),a(D,{key:t,label:e.id,class:`mb-2`},{default:m(()=>[d(n(`span`,{class:`corner`},l(r.getDiscount(e)),513),[[h,t!==0]]),i(` `+l(e.amount)+` `+l(r.$t(`service.unit.${r.application?.service?.unit||`credit`}s`)),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])):f(``,!0)]),_:1},8,[`label`]),r.application?.service?.apis&&r.application?.service?.apis?.map(e=>e?.estimation).filter(e=>!!e)?.length>0?(u(),a(E,{key:3},{default:m(()=>[r.application?.service?(u(),a(k,{key:0,service:r.application.service,package:r.package},null,8,[`service`,`package`])):f(``,!0)]),_:1})):f(``,!0),o(E,{label:r.$t(`service.field.price`)},{default:m(()=>[o(A,{price:r.package?.price},null,8,[`price`]),r.package?(u(),t(`span`,ne,`(`+l(r.getPriceString({value:r.package?.price/r.package?.amount})+` / `+r.$t(`service.unit.${r.application?.service?.unit||`credits`}`))+`) `,1)):f(``,!0)]),_:1},8,[`label`]),o(T,{"border-style":`dashed`}),o(E,{label:r.$t(`application.field.shouldPayPrice`)},{default:m(()=>[r.package?(u(),t(`span`,{key:0,class:c({price:!0,unfree:r.package?.price>0,free:r.package?.price===0})},l(r.getPriceString({value:r.package?.price})),3)):(u(),t(`span`,re,` $ 0 `))]),_:1},8,[`label`]),o(E,null,{default:m(()=>[r.showPayment?(u(),a(j,{key:0,type:`primary`,size:`large`,class:`btn-create`,loading:r.creating,round:``,onClick:r.onCreateOrder},{default:m(()=>[i(l(r.$t(`application.button.createOrder`)),1)]),_:1},8,[`loading`,`onClick`])):f(``,!0)]),_:1}),o(T,{"border-style":`dashed`}),d(o(E,{label:``},{default:m(()=>[n(`span`,null,l(r.$t(`console.message.doNotWantExtra`)),1),o(j,{type:`primary`,class:`btn btn-subscribe`,round:``,size:`small`,onClick:r.onSubscribe},{default:m(()=>[i(l(r.$t(`console.message.subscribe`)),1)]),_:1},8,[`onClick`])]),_:1},512),[[h,!1]])]),_:1})):f(``,!0):(u(),a(w,{key:1,description:r.$t(`common.message.noData`)},null,8,[`description`]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var ae=D(Q,[[`render`,ie],[`__scopeId`,`data-v-59ece902`]]);export{ae as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,P as r,Wt as i,Z as a,dt as o,k as s,tt as c,v as l}from"./vendor-chart-BJCvKk8-.js";import{t as u}from"./progress-CQjsb6Jp.js";import{E as d,Gt as f}from"./index-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,P as r,Wt as i,Z as a,dt as o,k as s,tt as c,v as l}from"./vendor-chart-BJCvKk8-.js";import{t as u}from"./progress-CQjsb6Jp.js";import{E as d,Gt as f}from"./index-BSfAwkh3.js";import{t as p}from"./index.es-Dd7T5qXe.js";var m=n({name:`FilePreview`,components:{FontAwesomeIcon:p,ElProgress:u},props:{name:{type:String,required:!0},percentage:{type:Number,required:!1,default:void 0},closable:{type:Boolean,required:!1,default:!0}},emits:[`remove`],computed:{isUploading(){return typeof this.percentage==`number`&&this.percentage<100},displayPercentage(){return typeof this.percentage==`number`?this.percentage:0}},methods:{isImageUrl:f}}),h={class:`file cursor-pointer relative rounded-[10px] h-[50px] w-[250px] flex flex-row items-center justify-start bg-[var(--el-bg-color)]`},g={class:`left h-[50px] w-[50px] flex items-center justify-center`},_={class:`wrapper relative w-[35px] h-[35px] flex items-center justify-center rounded-[10px] text-white bg-[#10a37f] m-auto`},v={class:`right flex-1 h-[50px] flex items-center justify-start pl-[2px] text-[14px] text-[var(--el-text-color-primary)] truncate`},y={class:`text-xs font-bold truncate`},b={key:0,class:`close absolute cursor-pointer top-[5px] right-[5px] bg-[rgba(0,0,0,0.7)] text-white w-[15px] rounded-full h-[15px] flex text-[10px] text-center items-center justify-center`};function x(n,u,d,f,p,m){let x=c(`font-awesome-icon`),S=c(`el-progress`);return a(),e(`div`,h,[t(`div`,g,[t(`div`,_,[r(x,{icon:`fa-regular fa-file-alt`}),o(r(S,{type:`circle`,"stroke-width":3,percentage:n.displayPercentage,width:25,class:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[25px] h-[25px] z-[10] m-auto`},null,8,[`percentage`]),[[l,n.isUploading]])])]),t(`div`,v,[t(`span`,y,i(n.name),1)]),n.closable?(a(),e(`div`,b,[r(x,{icon:`fa-solid fa-xmark`,class:`icon icon-close`,onClick:u[0]||=e=>n.$emit(`remove`)})])):s(``,!0)])}var S=d(m,[[`render`,x]]);export{S as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,P as r,Z as i,dt as a,et as o,tt as s,ut as c,v as l}from"./vendor-chart-BJCvKk8-.js";import{t as u}from"./button-BydTr5nV.js";import{t as d}from"./drawer-R6pcaap2.js";import{E as f}from"./index-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,P as r,Z as i,dt as a,et as o,tt as s,ut as c,v as l}from"./vendor-chart-BJCvKk8-.js";import{t as u}from"./button-BydTr5nV.js";import{t as d}from"./drawer-R6pcaap2.js";import{E as f}from"./index-BSfAwkh3.js";import{t as p}from"./index.es-Dd7T5qXe.js";import{n as m}from"./taskDrawerMixin-DEgO_R5H.js";var h=n({name:`LayoutHailuo`,components:{ElDrawer:d,ElButton:u,FontAwesomeIcon:p},mixins:[m]}),g={class:`main flex flex-row flex-1`},_={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},v={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function y(n,u,d,f,p,m){let h=s(`font-awesome-icon`),y=s(`el-button`),b=s(`el-drawer`);return i(),e(`div`,g,[t(`div`,_,[o(n.$slots,`config`,{},void 0,!0)]),t(`div`,v,[o(n.$slots,`result`,{},void 0,!0)]),a(r(y,{circle:``,class:`menu`,onClick:u[0]||=e=>n.drawer=!0},{default:c(()=>[r(h,{icon:`fa-solid fa-magic`})]),_:1},512),[[l,!n.tasksEmpty]]),r(b,{modelValue:n.drawer,"onUpdate:modelValue":u[1]||=e=>n.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`},{default:c(()=>[o(n.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var b=f(h,[[`render`,y],[`__scopeId`,`data-v-3c740ed5`]]);export{b as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{D as e,F as t,O as n,P as r,Wt as i,Z as a,dt as o,nt as s,tt as c,ut as l}from"./vendor-chart-BJCvKk8-.js";import{n as u,t as d}from"./table-NgoMqlKj.js";import{t as f}from"./card-DjyfNde2.js";import{n as p,t as m}from"./row-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{D as e,F as t,O as n,P as r,Wt as i,Z as a,dt as o,nt as s,tt as c,ut as l}from"./vendor-chart-BJCvKk8-.js";import{n as u,t as d}from"./table-NgoMqlKj.js";import{t as f}from"./card-DjyfNde2.js";import{n as p,t as m}from"./row-CUPXlDXl.js";import{t as h}from"./Pagination-B3ByD7bV.js";import{E as g,Rt as _,wn as v}from"./index-BSfAwkh3.js";import{t as y}from"./CopyToClipboard-CwLXmQOG.js";var b=t({name:`ConsoleDistributionList`,components:{Pagination:h,CopyToClipboard:y,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{distributionHistories:[],distributionStatus:void 0,loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{getPriceString:_,onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchDistributionHistory()]).finally(()=>{this.loading=!1})},async onFetchDistributionHistory(){let{data:e}=await v.getAll({user_id:this.$store.getters.user.id,ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit});this.distributionHistories=e.items,this.total=e.count}}}),x={class:`title`},S={class:`key`},C={class:`copy`},w={class:`key`},T={class:`copy`},E={class:`price`},D={class:`description`},O={class:`description`},k={class:`created-at`},A={class:`pagination m-v-lg`};function j(t,u,d,f,p,m){let h=c(`el-col`),g=c(`el-row`),_=c(`copy-to-clipboard`),v=c(`el-table-column`),y=c(`el-table`),b=c(`el-card`),j=c(`pagination`),M=s(`loading`);return a(),n(g,{class:`panel`},{default:l(()=>[r(h,{span:24},{default:l(()=>[r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[e(`h2`,x,i(t.$t(`common.title.distributionHistory`)),1)]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[r(b,{shadow:`hover`},{default:l(()=>[o((a(),n(y,{data:t.distributionHistories,stripe:``},{default:l(()=>[r(v,{prop:`id`,label:t.$t(`distribution.field.id`),"class-name":`text-center`,width:`350px`},{default:l(t=>[e(`span`,S,i(t.row.id),1),e(`span`,C,[r(_,{content:t.row.id},null,8,[`content`])])]),_:1},8,[`label`]),r(v,{prop:`id`,label:t.$t(`distribution.field.userId`),"class-name":`text-center`,width:`350px`},{default:l(t=>[e(`span`,w,i(t.row.user_id),1),e(`span`,T,[r(_,{content:t.row.user_id},null,8,[`content`])])]),_:1},8,[`label`]),r(v,{label:t.$t(`distribution.field.price`),width:`100px`},{default:l(n=>[e(`span`,E,i(t.getPriceString({value:n.row?.price})),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`distribution.field.reward`),width:`100px`},{default:l(n=>[e(`span`,D,i(t.getPriceString({value:n.row?.reward})),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`distribution.field.percentage`),width:`120px`},{default:l(t=>[e(`span`,O,i(t.row.percentage)+`%`,1)]),_:1},8,[`label`]),r(v,{label:t.$t(`distribution.field.createdAt`),width:`200px`},{default:l(n=>[e(`span`,k,i(t.$dayjs.format(n.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[M,t.loading]])]),_:1})]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:10,offset:14},{default:l(()=>[e(`div`,A,[r(j,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var M=g(b,[[`render`,j],[`__scopeId`,`data-v-74b9e778`]]);export{M as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,P as r,Z as i,b as a,dt as o,k as s,tt as c,v as l}from"./vendor-chart-BJCvKk8-.js";import{t as u}from"./progress-CQjsb6Jp.js";import{E as d}from"./index-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,P as r,Z as i,b as a,dt as o,k as s,tt as c,v as l}from"./vendor-chart-BJCvKk8-.js";import{t as u}from"./progress-CQjsb6Jp.js";import{E as d}from"./index-BSfAwkh3.js";import{t as f}from"./index.es-Dd7T5qXe.js";var p=n({name:`ImagePreview`,components:{FontAwesomeIcon:f,ElProgress:u},props:{url:{type:String,required:!0},name:{type:String,required:!0},percentage:{type:Number,required:!1,default:void 0},closable:{type:Boolean,required:!1,default:!0}},emits:[`remove`],computed:{isUploading(){return typeof this.percentage==`number`&&this.percentage<100},displayPercentage(){return typeof this.percentage==`number`?this.percentage:0}}}),m={class:`image w-[50px] h-[50px] relative rounded-[var(--el-border-radius-base)] overflow-hidden shadow-sm bg-[var(--el-fill-color-lighter)]`},h=[`src`,`alt`],g={class:`overlay absolute inset-0 bg-[var(--el-mask-color)] backdrop-blur-[1px]`},_={key:0,class:`close absolute cursor-pointer top-[4px] right-[4px] bg-[rgba(0,0,0,0.65)] text-white w-[16px] h-[16px] rounded-full flex text-[10px] text-center items-center justify-center hover:bg-[rgba(0,0,0,0.8)]`};function v(n,u,d,f,p,v){let y=c(`el-progress`),b=c(`font-awesome-icon`);return i(),e(`div`,m,[t(`img`,{class:`w-full h-full object-cover`,src:n.url,alt:n.name},null,8,h),o(t(`div`,g,null,512),[[l,n.isUploading]]),o(r(y,{type:`circle`,"stroke-width":4,percentage:n.displayPercentage,width:34,class:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[34px] h-[34px] z-[10] m-auto text-[12px]`},null,8,[`percentage`]),[[l,n.isUploading]]),n.closable?(i(),e(`div`,_,[r(b,{icon:`fa-solid fa-xmark`,class:`icon icon-close`,onClick:u[0]||=a(e=>n.$emit(`remove`),[`stop`])})])):s(``,!0)])}var y=d(p,[[`render`,v]]);export{y as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,F as t,N as n,O as r,Wt as i,Z as a,k as o,tt as s,ut as c}from"./vendor-chart-BJCvKk8-.js";import{t as l}from"./button-BydTr5nV.js";import{E as u}from"./index-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,F as t,N as n,O as r,Wt as i,Z as a,k as o,tt as s,ut as c}from"./vendor-chart-BJCvKk8-.js";import{t as l}from"./button-BydTr5nV.js";import{E as u}from"./index-BSfAwkh3.js";var d=t({name:`ImageWrapper`,components:{ElButton:l},props:{src:{type:String,required:!0},rawSrc:{type:String,required:!1,default:void 0}},methods:{onOpenUrl(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()}}}),f={class:`image-wrapper`},p=[`src`];function m(t,l,u,d,m,h){let g=s(`el-button`);return a(),e(`div`,f,[t.src?(a(),e(`img`,{key:0,src:t.src,class:`image`,onError:l[0]||=e=>t.onReload(e)},null,40,p)):o(``,!0),t.rawSrc?(a(),r(g,{key:1,type:`info`,round:``,class:`btn-raw`,onClick:l[1]||=e=>t.onOpenUrl(t.rawSrc)},{default:c(()=>[n(i(t.$t(`common.button.seeRawImage`)),1)]),_:1})):o(``,!0)])}var h=u(d,[[`render`,m],[`__scopeId`,`data-v-4deff0d6`]]);export{h as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,et as d,k as f,tt as p,ut as m,v as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-BydTr5nV.js";import{r as _,t as v}from"./select-CZr0OLx0.js";import{t as y}from"./upload-BucqwIZe.js";import{t as b}from"./image-DZ7QOYIp.js";import{t as x}from"./alert-CuX4SjQB.js";import{n as S,r as C}from"./radio-3Hz7h3DR.js";import{t as w}from"./drawer-R6pcaap2.js";import{t as T}from"./progress-CQjsb6Jp.js";import{$n as E,ar as D,er as O,nr as k,or as A,rr as j,sr as ee,tr as te}from"./constants-Ca2K1_Xb.js";import{Bn as M,E as N,Fr as P,Hr as F,Lt as I,Or as L,Tr as R,hn as z}from"./index-CyGnVnLU.js";import{t as B}from"./index.es-oouVHHE4.js";import{t as V}from"./CopyToClipboard-BEe4439o.js";import{n as H}from"./taskDrawerMixin-DEgO_R5H.js";import{t as U}from"./BotPlaceholder-CZSnVhAb.js";import{t as W}from"./Consumption-CQl7mOM_.js";import{n as G,t as K}from"./pagination-CAeUQQVr.js";import{t as q}from"./ApiCodeButton-DsIM7GI7.js";import{t as J}from"./NoTasks-Cm1U3i0U.js";import{t as Y}from"./VideoPlayer-BngJ8TD_.js";var X=r({name:`LayoutMaestro`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:B},mixins:[H]}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(e,r,i,a,s,c){let f=p(`font-awesome-icon`),g=p(`el-button`),_=p(`el-drawer`);return l(),t(`div`,Z,[n(`div`,Q,[d(e.$slots,`config`,{},void 0,!0)]),n(`div`,ne,[d(e.$slots,`result`,{},void 0,!0)]),u(o(g,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:m(()=>[o(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[h,!e.tasksEmpty]]),o(_,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[d(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=N(X,[[`render`,re],[`__scopeId`,`data-v-91db2b6f`]]),ae=r({name:`MaestroFileUrlsInput`,components:{ElUpload:y,ElButton:g,FontAwesomeIcon:B},data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`,MAESTRO_FILE_ACCEPT:A,MAESTRO_FILE_LIMIT:6}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}}},methods:{onExceed(){P.warning(this.$t(`maestro.message.uploadExceed`))},onError(){P.error(this.$t(`maestro.message.uploadError`))},onChange(){let e=this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e);this.$store.commit(`maestro/setConfig`,{...this.$store.state.maestro?.config,file_urls:e})}}}),oe={class:`text-xs text-[var(--el-text-color-secondary)] mt-1`};function se(e,r,a,s,u,d){let f=p(`font-awesome-icon`),h=p(`el-button`),g=p(`el-upload`);return l(),t(`div`,null,[o(g,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,accept:e.MAESTRO_FILE_ACCEPT,name:`file`,class:`w-full`,limit:e.MAESTRO_FILE_LIMIT,multiple:!0,action:e.uploadUrl,headers:e.headers,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onChange,"on-remove":e.onChange},{default:m(()=>[o(h,{size:`small`,round:``},{default:m(()=>[o(f,{icon:`fa-solid fa-paperclip`,class:`mr-1`}),i(` `+c(e.$t(`maestro.button.uploadFiles`)),1)]),_:1})]),_:1},8,[`file-list`,`accept`,`limit`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`,`on-remove`]),n(`p`,oe,c(e.$t(`maestro.description.files`)),1)])}var ce=r({name:`ConfigPanel`,components:{ElButton:g,ElInput:F,ElSelect:_,ElOption:v,ElRadioGroup:C,ElRadioButton:S,ElAlert:x,Consumption:W,FileUrlsInput:N(ae,[[`render`,se]]),FontAwesomeIcon:B},emits:[`generate`],data(){return{MAESTRO_ALLOWED_LANGS:k,MAESTRO_ALLOWED_ASPECTS:O,MAESTRO_ALLOWED_DURATIONS:te}},computed:{config(){return this.$store.state.maestro?.config},service(){return this.$store.state.maestro?.service},consumption(){return I(this.config,this.service?.cost)},isRemixing(){let e=this.config?.action;return!!e&&e!==`generate`&&!!this.config?.ref_task_id},refTaskId(){return this.config?.ref_task_id},canGenerate(){return!!this.prompt?.trim()},prompt:{get(){return this.config?.prompt},set(e){this.update({prompt:e})}},langs:{get(){return this.config?.langs||[]},set(e){this.update({langs:e.length?e:D})}},aspect:{get(){return this.config?.aspect},set(e){this.update({aspect:e})}},duration:{get(){return this.config?.duration},set(e){this.update({duration:e})}}},mounted(){this.update({action:this.config?.action??`generate`,langs:this.config?.langs?.length?this.config.langs:D,aspect:this.config?.aspect??`9:16`,duration:this.config?.duration??30})},methods:{update(e){this.$store.commit(`maestro/setConfig`,{...this.config,...e})},onClearRemix(){this.update({action:j,ref_task_id:void 0})},onGenerate(){this.$emit(`generate`)}}}),le={class:`flex flex-col h-full`},ue={class:`flex-1 overflow-y-auto p-5`},de={class:`text-xs mb-1`},fe={class:`mb-4`},pe={class:`text-sm font-bold mb-2 block`},me={class:`text-xs text-[var(--el-text-color-secondary)] mt-1`},he={class:`mb-4`},ge={class:`text-sm font-bold mb-2 block`},_e={class:`mb-4`},ve={class:`text-sm font-bold mb-2 block`},ye={class:`text-xs text-[var(--el-text-color-secondary)] mt-1`},be={class:`mb-4`},xe={class:`text-sm font-bold mb-2 block`},Se={class:`mb-4`},Ce={class:`text-sm font-bold mb-2 block`},we={class:`flex flex-col items-center justify-center px-5 pb-5`};function Te(r,u,d,h,g,_){let v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-alert`),x=p(`el-input`),S=p(`file-urls-input`),C=p(`el-option`),w=p(`el-select`),T=p(`el-radio-button`),E=p(`el-radio-group`),D=p(`consumption`);return l(),t(`div`,le,[n(`div`,ue,[r.isRemixing?(l(),a(b,{key:0,closable:!1,type:`info`,class:`mb-4`},{default:m(()=>[n(`p`,de,[o(v,{icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.remixing`))+`: `+c(r.refTaskId),1)]),o(y,{size:`small`,text:``,onClick:r.onClearRemix},{default:m(()=>[i(c(r.$t(`maestro.button.cancelRemix`)),1)]),_:1},8,[`onClick`])]),_:1})):f(``,!0),n(`div`,fe,[n(`span`,pe,c(r.$t(`maestro.name.prompt`)),1),o(x,{modelValue:r.prompt,"onUpdate:modelValue":u[0]||=e=>r.prompt=e,type:`textarea`,rows:6,placeholder:r.$t(`maestro.placeholder.prompt`)},null,8,[`modelValue`,`placeholder`]),n(`p`,me,c(r.$t(`maestro.description.prompt`)),1)]),n(`div`,he,[n(`span`,ge,c(r.$t(`maestro.name.files`)),1),o(S)]),n(`div`,_e,[n(`span`,ve,c(r.$t(`maestro.name.langs`)),1),o(w,{modelValue:r.langs,"onUpdate:modelValue":u[1]||=e=>r.langs=e,multiple:``,"collapse-tags":``,placeholder:r.$t(`maestro.placeholder.select`),class:`w-full`},{default:m(()=>[(l(!0),t(s,null,e(r.MAESTRO_ALLOWED_LANGS,e=>(l(),a(C,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`]),n(`p`,ye,c(r.$t(`maestro.description.langs`)),1)]),n(`div`,be,[n(`span`,xe,c(r.$t(`maestro.name.aspect`)),1),o(E,{modelValue:r.aspect,"onUpdate:modelValue":u[2]||=e=>r.aspect=e,class:`w-full`},{default:m(()=>[(l(!0),t(s,null,e(r.MAESTRO_ALLOWED_ASPECTS,e=>(l(),a(T,{key:e,value:e},{default:m(()=>[i(c(e),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`modelValue`])]),n(`div`,Se,[n(`span`,Ce,c(r.$t(`maestro.name.duration`)),1),o(w,{modelValue:r.duration,"onUpdate:modelValue":u[3]||=e=>r.duration=e,class:`w-full`},{default:m(()=>[(l(!0),t(s,null,e(r.MAESTRO_ALLOWED_DURATIONS,e=>(l(),a(C,{key:e,label:`${e}s`,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])])]),n(`div`,we,[o(D,{value:r.consumption,service:r.service},null,8,[`value`,`service`]),o(y,{type:`primary`,class:`btn w-full`,round:``,disabled:!r.canGenerate,onClick:r.onGenerate},{default:m(()=>[o(v,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+c(r.$t(`maestro.button.generate`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var Ee=N(ce,[[`render`,Te]]),De=[`succeeded`,`failed`],Oe=r({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:x,ElProgress:T,VideoPlayer:Y,ElButton:g,ApiCodeButton:q},props:{modelValue:{type:Object,required:!0}},data(){return{MAESTRO_LOGO:ee}},computed:{variants(){return this.modelValue?.response?.data?.variants||[]},fileCount(){return this.modelValue?.request?.file_urls?.length||0},isTerminal(){return De.includes(this.modelValue?.status||``)},progressMessage(){let e=this.modelValue?.response?.data?.progress,t=e?.length?e[e.length-1]:void 0;return t?.message||t?.stage||this.modelValue?.response?.data?.stage},progressPct(){let e=this.modelValue?.response?.data?.progress,t=e?.length?e[e.length-1]:void 0;return typeof t?.pct==`number`?t.pct:void 0},statusLabel(){let e=`maestro.status.${this.modelValue?.status||`pending`}`,t=this.$t(e);return t===e?this.$t(`maestro.status.processing`):t},failureReason(){let e=this.modelValue?.response?.error;if(e)return typeof e==`string`?e:e?.message}},methods:{onDownload(e,t){e?.stopPropagation(),window.open(t,`_blank`)},onRemix(){let e=this.modelValue?.request,t={...this.$store.state.maestro?.config||{},action:E,ref_task_id:this.modelValue?.id,prompt:``,langs:e?.langs?.length?e.langs:this.$store.state.maestro?.config?.langs,aspect:e?.aspect??this.$store.state.maestro?.config?.aspect,duration:e?.duration??this.$store.state.maestro?.config?.duration,file_urls:[]};this.$store.commit(`maestro/setConfig`,t),P.info(this.$t(`maestro.message.remixLoaded`))}}}),ke={class:`preview`},Ae={class:`left`},je={class:`main`},Me={class:`bot`},Ne={class:`datetime`},Pe={class:`info`},Fe={key:0,class:`prompt mt-2`},Ie={key:0},Le={key:1,class:`text-xs text-[var(--el-text-color-secondary)] mb-1`},Re={key:0,class:`content`},ze={class:`text-xs text-[var(--el-text-color-secondary)] mb-1`},Be={key:1,class:`content`},Ve={class:`text-xs text-[var(--el-text-color-secondary)] mb-1`},$={key:0},He={class:`operations mt-2`},Ue={class:`operations`},We={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ge={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ke={key:2,class:`content`},qe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Je={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Ye(r,u,d,h,g,_){let v=p(`el-image`),y=p(`font-awesome-icon`),b=p(`el-progress`),x=p(`video-player`),S=p(`el-button`),C=p(`api-code-button`),w=p(`copy-to-clipboard`),T=p(`el-alert`);return l(),t(`div`,ke,[n(`div`,Ae,[o(v,{src:r.MAESTRO_LOGO,class:`avatar`},null,8,[`src`])]),n(`div`,je,[n(`div`,Me,[i(c(r.$t(`maestro.name.maestroBot`))+` `,1),n(`span`,Ne,c(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Pe,[r.modelValue?.request?.prompt?(l(),t(`p`,Fe,[i(c(r.modelValue?.request?.prompt)+` `,1),r.isTerminal?f(``,!0):(l(),t(`span`,Ie,` - (`+c(r.statusLabel)+`) `,1))])):f(``,!0),r.fileCount?(l(),t(`p`,Le,[o(y,{icon:`fa-solid fa-paperclip`,class:`mr-1`}),i(c(r.fileCount),1)])):f(``,!0)]),!r.isTerminal&&r.progressMessage?(l(),t(`div`,Re,[n(`p`,ze,c(r.progressMessage),1),r.progressPct===void 0?f(``,!0):(l(),a(b,{key:0,percentage:r.progressPct,"stroke-width":6},null,8,[`percentage`]))])):f(``,!0),r.modelValue?.response?.success===!0&&r.variants.length?(l(),t(`div`,Be,[(l(!0),t(s,null,e(r.variants,(e,s)=>(l(),t(`div`,{key:s,class:`mb-4`},[n(`p`,Ve,[o(y,{icon:`fa-solid fa-language`,class:`mr-1`}),i(c(e.lang),1),e.title?(l(),t(`span`,$,` · `+c(e.title),1)):f(``,!0)]),e.output_url?(l(),a(x,{key:0,src:e.output_url},null,8,[`src`])):f(``,!0),n(`div`,He,[e.output_url?(l(),a(S,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t=>r.onDownload(t,e.output_url)},{default:m(()=>[i(c(r.$t(`maestro.button.download`)),1)]),_:1},8,[`onClick`])):f(``,!0)])]))),128)),n(`div`,Ue,[o(S,{size:`small`,type:`primary`,class:`btn-action`,onClick:r.onRemix},{default:m(()=>[o(y,{icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`}),i(` `+c(r.$t(`maestro.button.remix`)),1)]),_:1},8,[`onClick`]),o(C,{path:`/maestro/videos`,body:r.modelValue?.request},null,8,[`body`])]),o(T,{closable:!1,class:`mt-2 success`},{default:m(()=>[n(`p`,We,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.taskId`))+`: `+c(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),r.modelValue?.elapsed?(l(),t(`p`,Ge,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.elapsed`))+`: `+c(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):f(``,!0)]),_:1})])):f(``,!0),r.modelValue?.response?.success===!1?(l(),t(`div`,Ke,[o(T,{closable:!1,class:`failure`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.failure`)),1)]),default:m(()=>[n(`p`,qe,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.taskId`))+`: `+c(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),r.failureReason?(l(),t(`p`,Je,[o(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.failureReason`))+`: `+c(r.failureReason),1)])):f(``,!0)]),_:1})])):f(``,!0)])])}var Xe=r({name:`RecentPanel`,components:{TaskPreview:N(Oe,[[`render`,Ye],[`__scopeId`,`data-v-69eec75b`]]),NoTasks:J,BotPlaceholder:U,ScrollList:G},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.maestro?.tasks,items:this.$store.state.maestro?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ze={key:0},Qe={key:2,class:`w-full h-full flex items-center justify-center`};function $e(n,r,i,c,u,d){let h=p(`bot-placeholder`),g=p(`task-preview`),_=p(`scroll-list`),v=p(`no-tasks`);return l(),t(s,null,[n.tasks?.items===void 0?(l(),t(`div`,Ze,[o(h)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(l(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:m(()=>[(l(!0),t(s,null,e(n.tasks?.items,(e,t)=>(l(),a(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):f(``,!0),n.tasks?.items?.length===0?(l(),t(`div`,Qe,[o(v)])):f(``,!0)],64)}var et=r({name:`MaestroIndex`,components:{ConfigPanel:Ee,Layout:ie,RecentPanel:N(Xe,[[`render`,$e]])},inject:[`initialized`],data(){return{job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.maestro?.status?.getApplications===R.Request},tasksLoading(){return this.$store.state.maestro?.status?.getTasks===R.Request||this.fetchingTasks},credential(){return this.$store.state.maestro.credential},config(){return this.$store.state.maestro.config},tasks(){return this.$store.state.maestro.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await 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(){await this.$store.dispatch(`maestro/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`maestro/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){let e={...this.config},t=this.credential?.token;if(!t){console.error(`no token specified`);return}P.info(this.$t(`maestro.message.startingTask`)),M(`maestro`,z.generate(e,{token:t})).then(()=>{P.success(this.$t(`maestro.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?P.error(this.$t(`maestro.message.usedUp`)):P.error(this.$t(`maestro.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function tt(e,t,n,r,i,s){let c=p(`config-panel`),u=p(`recent-panel`),d=p(`layout`);return l(),a(d,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(u,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var nt=N(et,[[`render`,tt]]);export{nt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,et as d,k as f,tt as p,ut as m,v as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-BydTr5nV.js";import{r as _,t as v}from"./select-CWa6N3h0.js";import{t as y}from"./upload-Cwu9HhYJ.js";import{t as b}from"./image-PC0AxRLg.js";import{t as x}from"./alert-CuX4SjQB.js";import{n as S,r as C}from"./radio-3Hz7h3DR.js";import{t as w}from"./drawer-R6pcaap2.js";import{t as T}from"./progress-CQjsb6Jp.js";import{$n as E,ar as D,er as O,nr as k,or as A,rr as j,sr as ee,tr as te}from"./constants-Ca2K1_Xb.js";import{Bn as M,E as N,Fr as P,Hr as F,Lt as I,Or as L,Tr as R,hn as z}from"./index-BSfAwkh3.js";import{t as B}from"./index.es-Dd7T5qXe.js";import{t as V}from"./CopyToClipboard-CwLXmQOG.js";import{n as H}from"./taskDrawerMixin-DEgO_R5H.js";import{t as U}from"./BotPlaceholder-BbzoZLYb.js";import{t as W}from"./Consumption-wEBeVsRJ.js";import{n as G,t as K}from"./pagination-CQxRpRhC.js";import{t as q}from"./ApiCodeButton-DvdTN3_N.js";import{t as J}from"./NoTasks-wAViBqi6.js";import{t as Y}from"./VideoPlayer-Cs6XGHgn.js";var X=r({name:`LayoutMaestro`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:B},mixins:[H]}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(e,r,i,a,s,c){let f=p(`font-awesome-icon`),g=p(`el-button`),_=p(`el-drawer`);return l(),t(`div`,Z,[n(`div`,Q,[d(e.$slots,`config`,{},void 0,!0)]),n(`div`,ne,[d(e.$slots,`result`,{},void 0,!0)]),u(o(g,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:m(()=>[o(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[h,!e.tasksEmpty]]),o(_,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[d(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=N(X,[[`render`,re],[`__scopeId`,`data-v-91db2b6f`]]),ae=r({name:`MaestroFileUrlsInput`,components:{ElUpload:y,ElButton:g,FontAwesomeIcon:B},data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`,MAESTRO_FILE_ACCEPT:A,MAESTRO_FILE_LIMIT:6}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}}},methods:{onExceed(){P.warning(this.$t(`maestro.message.uploadExceed`))},onError(){P.error(this.$t(`maestro.message.uploadError`))},onChange(){let e=this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e);this.$store.commit(`maestro/setConfig`,{...this.$store.state.maestro?.config,file_urls:e})}}}),oe={class:`text-xs text-[var(--el-text-color-secondary)] mt-1`};function se(e,r,a,s,u,d){let f=p(`font-awesome-icon`),h=p(`el-button`),g=p(`el-upload`);return l(),t(`div`,null,[o(g,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,accept:e.MAESTRO_FILE_ACCEPT,name:`file`,class:`w-full`,limit:e.MAESTRO_FILE_LIMIT,multiple:!0,action:e.uploadUrl,headers:e.headers,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onChange,"on-remove":e.onChange},{default:m(()=>[o(h,{size:`small`,round:``},{default:m(()=>[o(f,{icon:`fa-solid fa-paperclip`,class:`mr-1`}),i(` `+c(e.$t(`maestro.button.uploadFiles`)),1)]),_:1})]),_:1},8,[`file-list`,`accept`,`limit`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`,`on-remove`]),n(`p`,oe,c(e.$t(`maestro.description.files`)),1)])}var ce=r({name:`ConfigPanel`,components:{ElButton:g,ElInput:F,ElSelect:_,ElOption:v,ElRadioGroup:C,ElRadioButton:S,ElAlert:x,Consumption:W,FileUrlsInput:N(ae,[[`render`,se]]),FontAwesomeIcon:B},emits:[`generate`],data(){return{MAESTRO_ALLOWED_LANGS:k,MAESTRO_ALLOWED_ASPECTS:O,MAESTRO_ALLOWED_DURATIONS:te}},computed:{config(){return this.$store.state.maestro?.config},service(){return this.$store.state.maestro?.service},consumption(){return I(this.config,this.service?.cost)},isRemixing(){let e=this.config?.action;return!!e&&e!==`generate`&&!!this.config?.ref_task_id},refTaskId(){return this.config?.ref_task_id},canGenerate(){return!!this.prompt?.trim()},prompt:{get(){return this.config?.prompt},set(e){this.update({prompt:e})}},langs:{get(){return this.config?.langs||[]},set(e){this.update({langs:e.length?e:D})}},aspect:{get(){return this.config?.aspect},set(e){this.update({aspect:e})}},duration:{get(){return this.config?.duration},set(e){this.update({duration:e})}}},mounted(){this.update({action:this.config?.action??`generate`,langs:this.config?.langs?.length?this.config.langs:D,aspect:this.config?.aspect??`9:16`,duration:this.config?.duration??30})},methods:{update(e){this.$store.commit(`maestro/setConfig`,{...this.config,...e})},onClearRemix(){this.update({action:j,ref_task_id:void 0})},onGenerate(){this.$emit(`generate`)}}}),le={class:`flex flex-col h-full`},ue={class:`flex-1 overflow-y-auto p-5`},de={class:`text-xs mb-1`},fe={class:`mb-4`},pe={class:`text-sm font-bold mb-2 block`},me={class:`text-xs text-[var(--el-text-color-secondary)] mt-1`},he={class:`mb-4`},ge={class:`text-sm font-bold mb-2 block`},_e={class:`mb-4`},ve={class:`text-sm font-bold mb-2 block`},ye={class:`text-xs text-[var(--el-text-color-secondary)] mt-1`},be={class:`mb-4`},xe={class:`text-sm font-bold mb-2 block`},Se={class:`mb-4`},Ce={class:`text-sm font-bold mb-2 block`},we={class:`flex flex-col items-center justify-center px-5 pb-5`};function Te(r,u,d,h,g,_){let v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-alert`),x=p(`el-input`),S=p(`file-urls-input`),C=p(`el-option`),w=p(`el-select`),T=p(`el-radio-button`),E=p(`el-radio-group`),D=p(`consumption`);return l(),t(`div`,le,[n(`div`,ue,[r.isRemixing?(l(),a(b,{key:0,closable:!1,type:`info`,class:`mb-4`},{default:m(()=>[n(`p`,de,[o(v,{icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.remixing`))+`: `+c(r.refTaskId),1)]),o(y,{size:`small`,text:``,onClick:r.onClearRemix},{default:m(()=>[i(c(r.$t(`maestro.button.cancelRemix`)),1)]),_:1},8,[`onClick`])]),_:1})):f(``,!0),n(`div`,fe,[n(`span`,pe,c(r.$t(`maestro.name.prompt`)),1),o(x,{modelValue:r.prompt,"onUpdate:modelValue":u[0]||=e=>r.prompt=e,type:`textarea`,rows:6,placeholder:r.$t(`maestro.placeholder.prompt`)},null,8,[`modelValue`,`placeholder`]),n(`p`,me,c(r.$t(`maestro.description.prompt`)),1)]),n(`div`,he,[n(`span`,ge,c(r.$t(`maestro.name.files`)),1),o(S)]),n(`div`,_e,[n(`span`,ve,c(r.$t(`maestro.name.langs`)),1),o(w,{modelValue:r.langs,"onUpdate:modelValue":u[1]||=e=>r.langs=e,multiple:``,"collapse-tags":``,placeholder:r.$t(`maestro.placeholder.select`),class:`w-full`},{default:m(()=>[(l(!0),t(s,null,e(r.MAESTRO_ALLOWED_LANGS,e=>(l(),a(C,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`]),n(`p`,ye,c(r.$t(`maestro.description.langs`)),1)]),n(`div`,be,[n(`span`,xe,c(r.$t(`maestro.name.aspect`)),1),o(E,{modelValue:r.aspect,"onUpdate:modelValue":u[2]||=e=>r.aspect=e,class:`w-full`},{default:m(()=>[(l(!0),t(s,null,e(r.MAESTRO_ALLOWED_ASPECTS,e=>(l(),a(T,{key:e,value:e},{default:m(()=>[i(c(e),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`modelValue`])]),n(`div`,Se,[n(`span`,Ce,c(r.$t(`maestro.name.duration`)),1),o(w,{modelValue:r.duration,"onUpdate:modelValue":u[3]||=e=>r.duration=e,class:`w-full`},{default:m(()=>[(l(!0),t(s,null,e(r.MAESTRO_ALLOWED_DURATIONS,e=>(l(),a(C,{key:e,label:`${e}s`,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])])]),n(`div`,we,[o(D,{value:r.consumption,service:r.service},null,8,[`value`,`service`]),o(y,{type:`primary`,class:`btn w-full`,round:``,disabled:!r.canGenerate,onClick:r.onGenerate},{default:m(()=>[o(v,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+c(r.$t(`maestro.button.generate`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var Ee=N(ce,[[`render`,Te]]),De=[`succeeded`,`failed`],Oe=r({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:x,ElProgress:T,VideoPlayer:Y,ElButton:g,ApiCodeButton:q},props:{modelValue:{type:Object,required:!0}},data(){return{MAESTRO_LOGO:ee}},computed:{variants(){return this.modelValue?.response?.data?.variants||[]},fileCount(){return this.modelValue?.request?.file_urls?.length||0},isTerminal(){return De.includes(this.modelValue?.status||``)},progressMessage(){let e=this.modelValue?.response?.data?.progress,t=e?.length?e[e.length-1]:void 0;return t?.message||t?.stage||this.modelValue?.response?.data?.stage},progressPct(){let e=this.modelValue?.response?.data?.progress,t=e?.length?e[e.length-1]:void 0;return typeof t?.pct==`number`?t.pct:void 0},statusLabel(){let e=`maestro.status.${this.modelValue?.status||`pending`}`,t=this.$t(e);return t===e?this.$t(`maestro.status.processing`):t},failureReason(){let e=this.modelValue?.response?.error;if(e)return typeof e==`string`?e:e?.message}},methods:{onDownload(e,t){e?.stopPropagation(),window.open(t,`_blank`)},onRemix(){let e=this.modelValue?.request,t={...this.$store.state.maestro?.config||{},action:E,ref_task_id:this.modelValue?.id,prompt:``,langs:e?.langs?.length?e.langs:this.$store.state.maestro?.config?.langs,aspect:e?.aspect??this.$store.state.maestro?.config?.aspect,duration:e?.duration??this.$store.state.maestro?.config?.duration,file_urls:[]};this.$store.commit(`maestro/setConfig`,t),P.info(this.$t(`maestro.message.remixLoaded`))}}}),ke={class:`preview`},Ae={class:`left`},je={class:`main`},Me={class:`bot`},Ne={class:`datetime`},Pe={class:`info`},Fe={key:0,class:`prompt mt-2`},Ie={key:0},Le={key:1,class:`text-xs text-[var(--el-text-color-secondary)] mb-1`},Re={key:0,class:`content`},ze={class:`text-xs text-[var(--el-text-color-secondary)] mb-1`},Be={key:1,class:`content`},Ve={class:`text-xs text-[var(--el-text-color-secondary)] mb-1`},$={key:0},He={class:`operations mt-2`},Ue={class:`operations`},We={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ge={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ke={key:2,class:`content`},qe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Je={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Ye(r,u,d,h,g,_){let v=p(`el-image`),y=p(`font-awesome-icon`),b=p(`el-progress`),x=p(`video-player`),S=p(`el-button`),C=p(`api-code-button`),w=p(`copy-to-clipboard`),T=p(`el-alert`);return l(),t(`div`,ke,[n(`div`,Ae,[o(v,{src:r.MAESTRO_LOGO,class:`avatar`},null,8,[`src`])]),n(`div`,je,[n(`div`,Me,[i(c(r.$t(`maestro.name.maestroBot`))+` `,1),n(`span`,Ne,c(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Pe,[r.modelValue?.request?.prompt?(l(),t(`p`,Fe,[i(c(r.modelValue?.request?.prompt)+` `,1),r.isTerminal?f(``,!0):(l(),t(`span`,Ie,` - (`+c(r.statusLabel)+`) `,1))])):f(``,!0),r.fileCount?(l(),t(`p`,Le,[o(y,{icon:`fa-solid fa-paperclip`,class:`mr-1`}),i(c(r.fileCount),1)])):f(``,!0)]),!r.isTerminal&&r.progressMessage?(l(),t(`div`,Re,[n(`p`,ze,c(r.progressMessage),1),r.progressPct===void 0?f(``,!0):(l(),a(b,{key:0,percentage:r.progressPct,"stroke-width":6},null,8,[`percentage`]))])):f(``,!0),r.modelValue?.response?.success===!0&&r.variants.length?(l(),t(`div`,Be,[(l(!0),t(s,null,e(r.variants,(e,s)=>(l(),t(`div`,{key:s,class:`mb-4`},[n(`p`,Ve,[o(y,{icon:`fa-solid fa-language`,class:`mr-1`}),i(c(e.lang),1),e.title?(l(),t(`span`,$,` · `+c(e.title),1)):f(``,!0)]),e.output_url?(l(),a(x,{key:0,src:e.output_url},null,8,[`src`])):f(``,!0),n(`div`,He,[e.output_url?(l(),a(S,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t=>r.onDownload(t,e.output_url)},{default:m(()=>[i(c(r.$t(`maestro.button.download`)),1)]),_:1},8,[`onClick`])):f(``,!0)])]))),128)),n(`div`,Ue,[o(S,{size:`small`,type:`primary`,class:`btn-action`,onClick:r.onRemix},{default:m(()=>[o(y,{icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`}),i(` `+c(r.$t(`maestro.button.remix`)),1)]),_:1},8,[`onClick`]),o(C,{path:`/maestro/videos`,body:r.modelValue?.request},null,8,[`body`])]),o(T,{closable:!1,class:`mt-2 success`},{default:m(()=>[n(`p`,We,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.taskId`))+`: `+c(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),r.modelValue?.elapsed?(l(),t(`p`,Ge,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.elapsed`))+`: `+c(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):f(``,!0)]),_:1})])):f(``,!0),r.modelValue?.response?.success===!1?(l(),t(`div`,Ke,[o(T,{closable:!1,class:`failure`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.failure`)),1)]),default:m(()=>[n(`p`,qe,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.taskId`))+`: `+c(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),r.failureReason?(l(),t(`p`,Je,[o(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+c(r.$t(`maestro.name.failureReason`))+`: `+c(r.failureReason),1)])):f(``,!0)]),_:1})])):f(``,!0)])])}var Xe=r({name:`RecentPanel`,components:{TaskPreview:N(Oe,[[`render`,Ye],[`__scopeId`,`data-v-69eec75b`]]),NoTasks:J,BotPlaceholder:U,ScrollList:G},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.maestro?.tasks,items:this.$store.state.maestro?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ze={key:0},Qe={key:2,class:`w-full h-full flex items-center justify-center`};function $e(n,r,i,c,u,d){let h=p(`bot-placeholder`),g=p(`task-preview`),_=p(`scroll-list`),v=p(`no-tasks`);return l(),t(s,null,[n.tasks?.items===void 0?(l(),t(`div`,Ze,[o(h)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(l(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:m(()=>[(l(!0),t(s,null,e(n.tasks?.items,(e,t)=>(l(),a(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):f(``,!0),n.tasks?.items?.length===0?(l(),t(`div`,Qe,[o(v)])):f(``,!0)],64)}var et=r({name:`MaestroIndex`,components:{ConfigPanel:Ee,Layout:ie,RecentPanel:N(Xe,[[`render`,$e]])},inject:[`initialized`],data(){return{job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.maestro?.status?.getApplications===R.Request},tasksLoading(){return this.$store.state.maestro?.status?.getTasks===R.Request||this.fetchingTasks},credential(){return this.$store.state.maestro.credential},config(){return this.$store.state.maestro.config},tasks(){return this.$store.state.maestro.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await 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(){await this.$store.dispatch(`maestro/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`maestro/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){let e={...this.config},t=this.credential?.token;if(!t){console.error(`no token specified`);return}P.info(this.$t(`maestro.message.startingTask`)),M(`maestro`,z.generate(e,{token:t})).then(()=>{P.success(this.$t(`maestro.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?P.error(this.$t(`maestro.message.usedUp`)):P.error(this.$t(`maestro.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function tt(e,t,n,r,i,s){let c=p(`config-panel`),u=p(`recent-panel`),d=p(`layout`);return l(),a(d,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(u,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var nt=N(et,[[`render`,tt]]);export{nt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,E as r,F as i,N as a,O as o,P as s,S as c,Vt as l,Wt as u,Z as d,et as f,k as p,tt as m,ut as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-BydTr5nV.js";import{n as _,t as v}from"./tabs-C04jiog4.js";import{t as y}from"./upload-BucqwIZe.js";import{t as b}from"./image-DZ7QOYIp.js";import{t as x}from"./alert-CuX4SjQB.js";import{n as S,r as C}from"./radio-3Hz7h3DR.js";import{t as w}from"./drawer-R6pcaap2.js";import{n as ee,t as te}from"./skeleton-BwNBivMN.js";import"./constants-Ca2K1_Xb.js";import{Bn as T,E,Fn as D,Fr as O,Ft as k,Mt as A,Nt as j,Or as M,Pt as N,Tr as P,dn as F}from"./index-CyGnVnLU.js";import{t as I}from"./index.es-oouVHHE4.js";import{t as L}from"./CopyToClipboard-BEe4439o.js";import{t as R}from"./Status-Cne2AAL7.js";import{t as z}from"./ImagePreview-DDJm1mry.js";import{t as B}from"./InfoIcon-CceIsMfO.js";import{n as V,t as H}from"./pagination-CAeUQQVr.js";import{t as U}from"./ApiCodeButton-DsIM7GI7.js";var W=i({name:`LayoutHeadshots`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:I},data(){return{drawer:!1}}}),G={class:`main flex flex-row flex-1`},K={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 J(e,r,i,a,o,c){let l=m(`font-awesome-icon`),u=m(`el-button`),p=m(`el-drawer`);return d(),t(`div`,G,[n(`div`,K,[f(e.$slots,`config`,{},void 0,!0)]),n(`div`,q,[f(e.$slots,`result`,{},void 0,!0)]),s(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:h(()=>[s(l,{icon:`fa-solid fa-gear`})]),_:1}),s(p,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,"with-header":!1,size:`340px`,class:`drawer`},{default:h(()=>[f(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Y=E(W,[[`render`,J],[`__scopeId`,`data-v-ada6b2d1`]]),X=i({name:`ImageUrlsInput`,components:{ElUpload:y,ElButton:g,InfoIcon:B,ImagePreview:z,FontAwesomeIcon:I},mixins:[k,j],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)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||=void 0,this.onSetImageUrls()},methods:{onExceed(){O.warning(this.$t(`headshots.message.uploadImageExceed`))},onError(){O.error(this.$t(`headshots.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),Z={class:`field`},Q={class:`title font-bold`},ne={class:`upload-wrapper`};function re(e,r,i,o,c,l){let f=m(`image-preview`),p=m(`font-awesome-icon`),g=m(`el-button`),_=m(`el-upload`),v=m(`info-icon`);return d(),t(`div`,Z,[n(`h2`,Q,u(e.$t(`headshots.name.endImageUrls`)),1),n(`div`,ne,[s(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:2,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:h(({file:t})=>[s(f,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:h(()=>[s(g,{size:`small`,type:`primary`,round:``},{default:h(()=>[s(p,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+u(e.$t(`headshots.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])]),s(v,{content:e.$t(`headshots.description.endImageUrls`),class:`info`},null,8,[`content`])])}var ie=E(X,[[`render`,re],[`__scopeId`,`data-v-d468812a`]]),ae=`fast`,oe=i({name:`ModeSelector`,components:{ElRadioButton:S,ElRadioGroup:C},data(){return{options:[{label:this.$t(`headshots.button.fast`),value:`fast`},{label:this.$t(`headshots.button.relax`),value:`relax`}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug(`set mode`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||=ae}}),se={class:`field`},ce={class:`title font-bold`};function le(r,i,l,f,p,g){let _=m(`el-radio-button`),v=m(`el-radio-group`);return d(),t(`div`,se,[n(`h2`,ce,u(r.$t(`headshots.name.mode`)),1),s(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`mode`},{default:h(()=>[(d(!0),t(c,null,e(r.options,e=>(d(),o(_,{key:e.value,label:e.value},{default:h(()=>[a(u(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var ue=E(oe,[[`render`,le],[`__scopeId`,`data-v-e7702494`]]),de=i({name:`StylizeSelector`,components:{ElTabs:_,ElTabPane:v,ElImage:b},data(){return{tab:`styles`,value:``,elements:{styles:{displayName:this.$t(`headshots.styleCategory.styles`),items:[{image:`https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png`,label:this.$t(`headshots.styleTag.malePportrait`),value:`male_portrait`},{image:`https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png`,label:this.$t(`headshots.styleTag.malePportrait2`),value:`male_portrait2`},{image:`https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png`,label:this.$t(`headshots.styleTag.kindergarten`),value:`kindergarten`},{image:`https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp`,label:this.$t(`headshots.styleTag.logoTshirt`),value:`logo_tshirt`},{image:`https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg`,label:this.$t(`headshots.styleTag.wedding`),value:`wedding`},{image:`https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp`,label:this.$t(`headshots.styleTag.businessPphoto`),value:`business_photo`},{image:`https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg`,label:this.$t(`headshots.styleTag.bobSuit`),value:`bob_suit`},{image:`https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp`,label:this.$t(`headshots.styleTag.femalePortrait`),value:`female_portrait`}]}}}},watch:{value(e){console.debug(`set template`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||=``,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value=``:this.value=e,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})}}}),fe={class:`field`},pe=[`onClick`],me={class:`name`};function he(r,i,a,f,p,g){let _=m(`el-image`),v=m(`el-tab-pane`),y=m(`el-tabs`);return d(),t(`div`,fe,[s(y,{modelValue:r.tab,"onUpdate:modelValue":i[0]||=e=>r.tab=e},{default:h(()=>[(d(!0),t(c,null,e(r.elements,(i,a)=>(d(),o(v,{key:a,label:i.displayName,name:a,class:`pane`},{default:h(()=>[(d(!0),t(c,null,e(i.items,(e,i)=>(d(),t(`div`,{key:i,class:l({item:!0,active:r.value===e.value}),onClick:t=>r.onToggle(e.value)},[s(_,{src:e.image,fit:`fill`,class:`preview`},null,8,[`src`]),n(`span`,me,u(e.label),1)],10,pe))),128))]),_:2},1032,[`label`,`name`]))),128))]),_:1},8,[`modelValue`])])}var ge=i({name:`PresetPanel`,components:{ModeSelector:ue,ImageUrlsInput:ie,ElButton:g,FontAwesomeIcon:I,ElementsSelector:E(de,[[`render`,he],[`__scopeId`,`data-v-be4bd25d`]])},emits:[`generate`],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit(`generate`)}}}),_e={class:`panel`},ve={class:`config`},ye={class:`actions`};function be(e,r,i,o,c,l){let f=m(`elements-selector`),p=m(`mode-selector`),g=m(`image-urls-input`),_=m(`font-awesome-icon`),v=m(`el-button`);return d(),t(`div`,_e,[n(`div`,ve,[s(f,{class:`mb-4`}),s(p,{class:`mb-4`}),s(g,{class:`mb-4`}),n(`div`,ye,[s(v,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[s(_,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`headshots.button.generate`)),1)]),_:1},8,[`onClick`])])])])}var xe=E(ge,[[`render`,be],[`__scopeId`,`data-v-848739f6`]]),Se=i({name:`ImageGallery`,props:{modelValue:{type:Object,required:!0}},setup(e){return{images:r(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:e=>{window.open(e,`_blank`)}}}}),Ce={class:`image-gallery`},we=[`src`],Te=[`onClick`];function Ee(r,i,a,o,s,l){return d(),t(`div`,Ce,[(d(!0),t(c,null,e(r.images,(e,i)=>(d(),t(`div`,{key:i,class:`image-container`},[n(`img`,{src:e.image_url,alt:`Image`},null,8,we),e.image_url?(d(),t(`button`,{key:0,class:`view-button`,onClick:t=>r.viewImage(e.image_url)},u(r.$t(`headshots.button.viewImage`)),9,Te)):p(``,!0)]))),128))])}var De=i({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:L,FontAwesomeIcon:I,ElAlert:x,ImageGallery:E(Se,[[`render`,Ee],[`__scopeId`,`data-v-42f0a7be`]]),ApiCodeButton:U},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onReload(e){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()},onOpenVideo(e){window.open(e,`_blank`)}}}),Oe={class:`preview`},ke={class:`left`},Ae={class:`main`},je={class:`bot`},Me={class:`datetime`},Ne={class:`info`},Pe={key:0,class:`prompt mt-2`},Fe={key:0},Ie={key:1},Le={key:0,class:l({content:!0,failed:!0})},Re={class:`image-wrapper`},ze={class:l({operations:!0,"mt-2":!0,"mb-2":!0})},Be={class:`description`},Ve={key:0,class:`description`},He={key:1,class:l({content:!0})},Ue={class:`description`},We={class:`description`},Ge={key:0,class:`description`},Ke={class:`description`},qe={key:2,class:l({content:!0})},Je={class:`description`},$={key:3,class:l({content:!0})},Ye={class:`description`};function Xe(e,r,i,o,c,l){let f=m(`el-image`),g=m(`image-gallery`),_=m(`api-code-button`),v=m(`font-awesome-icon`),y=m(`copy-to-clipboard`),b=m(`el-alert`);return d(),t(`div`,Oe,[n(`div`,ke,[s(f,{src:`https://cdn.acedata.cloud/isxyfw.png`,class:`avatar`})]),n(`div`,Ae,[n(`div`,je,[a(u(e.$t(`headshots.name.headshotsBot`))+` `,1),n(`span`,Me,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ne,[e.modelValue?.request?.template?(d(),t(`p`,Pe,[a(u(e.modelValue?.request?.template)+` `,1),e.modelValue?.response?p(``,!0):(d(),t(`span`,Fe,` - (`+u(e.$t(`headshots.status.pending`))+`) `,1)),e.modelValue?.response?.status===`unknown`?(d(),t(`span`,Ie,` - (`+u(e.$t(`headshots.status.processing`))+`) `,1)):p(``,!0)])):p(``,!0)]),e.modelValue?.response?.success===!0?(d(),t(`div`,Le,[n(`div`,Re,[s(g,{"model-value":e.modelValue},null,8,[`model-value`])]),n(`div`,ze,[s(_,{path:`/headshots/images`,body:e.modelValue?.request},null,8,[`body`])]),s(b,{closable:!1,class:`mt-2 success`},{default:h(()=>[n(`p`,Be,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ve,[s(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0)]),_:1})])):p(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,He,[s(b,{closable:!1,class:`failure`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,Ue,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,We,[s(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),s(y,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ge,[s(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),n(`p`,Ke,[s(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),s(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0),e.modelValue?.response?p(``,!0):(d(),t(`div`,qe,[s(b,{closable:!1,class:`info`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,Je,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])),e.modelValue?.response?.status===`unknown`?(d(),t(`div`,$,[s(b,{closable:!1,class:`info`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,Ye,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0)])])}var Ze=i({name:`RecentPanel`,components:{TaskPreview:E(De,[[`render`,Xe],[`__scopeId`,`data-v-0e921c0c`]]),ElSkeleton:te,ElSkeletonItem:ee,ScrollList:V},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Qe={key:0,class:`tasks`},$e={class:`left`},et={class:`main`},tt={key:1,class:`tasks`},nt={key:2,class:`description`};function rt(r,i,a,l,f,g){let _=m(`el-skeleton-item`),v=m(`el-skeleton`),y=m(`task-preview`),b=m(`scroll-list`);return d(),o(b,{ref:`scrollList`,class:`panel recent`,loading:r.loading,onReachTop:i[0]||=e=>r.$emit(`reach-top`)},{default:h(()=>[r.tasks?.items===void 0?(d(),t(`div`,Qe,[(d(),t(c,null,e(3,e=>n(`div`,{key:e,class:`task placeholder`},[n(`div`,$e,[s(v,{animated:``},{template:h(()=>[s(_,{variant:`image`,class:`avatar`})]),_:1})]),n(`div`,et,[s(v,{animated:``},{template:h(()=>[s(_,{variant:`p`,class:`title`}),s(_,{variant:`image`,class:`icon`})]),_:1})])])),64))])):r.tasks?.items?.length&&r.tasks?.items?.length>0?(d(),t(`div`,tt,[(d(!0),t(c,null,e(r.tasks?.items,(e,t)=>(d(),o(y,{key:t,"model-value":e,class:`preview`},null,8,[`model-value`]))),128))])):p(``,!0),r.tasks?.items?.length===0?(d(),t(`p`,nt,u(r.$t(`headshots.message.noTasks`)),1)):p(``,!0)]),_:1},8,[`loading`])}var it=i({name:`HeadshotsIndex`,components:{ConfigPanel:xe,Layout:Y,ApplicationStatus:R,RecentPanel:E(Ze,[[`render`,rt],[`__scopeId`,`data-v-ffd55c16`]])},mixins:[N],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===P.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===P.Request},needApply(){return this.$store.state.headshots.status.getApplications===P.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await H({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`headshots/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`headshots/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){D.create({application:this.application}).then(({data:e})=>{this.application=e,O.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&O.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(`headshots/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){if(!A(this.uploadTracker,e=>this.$t(e),e=>O.warning(e)))return;let e={...this.config,async:!0},t=this.credential?.token;if(!t){console.error(`no token specified`);return}O.info(this.$t(`headshots.message.startingTask`)),T(`headshots`,F.generate(e,{token:t})).then(()=>{O.success(this.$t(`headshots.message.startTaskSuccess`)),this.$store.commit(`headshots/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?O.error(this.$t(`headshots.message.usedUp`)):O.error(this.$t(`headshots.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function at(e,t,n,r,i,a){let c=m(`config-panel`),l=m(`application-status`),u=m(`recent-panel`),f=m(`layout`);return d(),o(f,null,{config:h(()=>[s(c,{onGenerate:e.onGeneratePicture},null,8,[`onGenerate`])]),result:h(()=>[s(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(`headshots/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),s(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ot=E(it,[[`render`,at],[`__scopeId`,`data-v-c2713194`]]);export{ot as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,E as r,F as i,N as a,O as o,P as s,S as c,Vt as l,Wt as u,Z as d,et as f,k as p,tt as m,ut as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-BydTr5nV.js";import{n as _,t as v}from"./tabs-D94ZEFUM.js";import{t as y}from"./upload-Cwu9HhYJ.js";import{t as b}from"./image-PC0AxRLg.js";import{t as x}from"./alert-CuX4SjQB.js";import{n as S,r as C}from"./radio-3Hz7h3DR.js";import{t as w}from"./drawer-R6pcaap2.js";import{n as ee,t as te}from"./skeleton-BwNBivMN.js";import"./constants-Ca2K1_Xb.js";import{Bn as T,E,Fn as D,Fr as O,Ft as k,Mt as A,Nt as j,Or as M,Pt as N,Tr as P,dn as F}from"./index-BSfAwkh3.js";import{t as I}from"./index.es-Dd7T5qXe.js";import{t as L}from"./CopyToClipboard-CwLXmQOG.js";import{t as R}from"./Status-DMTgisFm.js";import{t as z}from"./ImagePreview-D1gZwWIv.js";import{t as B}from"./InfoIcon-b0ICFsW6.js";import{n as V,t as H}from"./pagination-CQxRpRhC.js";import{t as U}from"./ApiCodeButton-DvdTN3_N.js";var W=i({name:`LayoutHeadshots`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:I},data(){return{drawer:!1}}}),G={class:`main flex flex-row flex-1`},K={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 J(e,r,i,a,o,c){let l=m(`font-awesome-icon`),u=m(`el-button`),p=m(`el-drawer`);return d(),t(`div`,G,[n(`div`,K,[f(e.$slots,`config`,{},void 0,!0)]),n(`div`,q,[f(e.$slots,`result`,{},void 0,!0)]),s(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:h(()=>[s(l,{icon:`fa-solid fa-gear`})]),_:1}),s(p,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,"with-header":!1,size:`340px`,class:`drawer`},{default:h(()=>[f(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Y=E(W,[[`render`,J],[`__scopeId`,`data-v-ada6b2d1`]]),X=i({name:`ImageUrlsInput`,components:{ElUpload:y,ElButton:g,InfoIcon:B,ImagePreview:z,FontAwesomeIcon:I},mixins:[k,j],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)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||=void 0,this.onSetImageUrls()},methods:{onExceed(){O.warning(this.$t(`headshots.message.uploadImageExceed`))},onError(){O.error(this.$t(`headshots.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),Z={class:`field`},Q={class:`title font-bold`},ne={class:`upload-wrapper`};function re(e,r,i,o,c,l){let f=m(`image-preview`),p=m(`font-awesome-icon`),g=m(`el-button`),_=m(`el-upload`),v=m(`info-icon`);return d(),t(`div`,Z,[n(`h2`,Q,u(e.$t(`headshots.name.endImageUrls`)),1),n(`div`,ne,[s(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:2,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:h(({file:t})=>[s(f,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:h(()=>[s(g,{size:`small`,type:`primary`,round:``},{default:h(()=>[s(p,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+u(e.$t(`headshots.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])]),s(v,{content:e.$t(`headshots.description.endImageUrls`),class:`info`},null,8,[`content`])])}var ie=E(X,[[`render`,re],[`__scopeId`,`data-v-d468812a`]]),ae=`fast`,oe=i({name:`ModeSelector`,components:{ElRadioButton:S,ElRadioGroup:C},data(){return{options:[{label:this.$t(`headshots.button.fast`),value:`fast`},{label:this.$t(`headshots.button.relax`),value:`relax`}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug(`set mode`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||=ae}}),se={class:`field`},ce={class:`title font-bold`};function le(r,i,l,f,p,g){let _=m(`el-radio-button`),v=m(`el-radio-group`);return d(),t(`div`,se,[n(`h2`,ce,u(r.$t(`headshots.name.mode`)),1),s(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`mode`},{default:h(()=>[(d(!0),t(c,null,e(r.options,e=>(d(),o(_,{key:e.value,label:e.value},{default:h(()=>[a(u(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var ue=E(oe,[[`render`,le],[`__scopeId`,`data-v-e7702494`]]),de=i({name:`StylizeSelector`,components:{ElTabs:_,ElTabPane:v,ElImage:b},data(){return{tab:`styles`,value:``,elements:{styles:{displayName:this.$t(`headshots.styleCategory.styles`),items:[{image:`https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png`,label:this.$t(`headshots.styleTag.malePportrait`),value:`male_portrait`},{image:`https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png`,label:this.$t(`headshots.styleTag.malePportrait2`),value:`male_portrait2`},{image:`https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png`,label:this.$t(`headshots.styleTag.kindergarten`),value:`kindergarten`},{image:`https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp`,label:this.$t(`headshots.styleTag.logoTshirt`),value:`logo_tshirt`},{image:`https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg`,label:this.$t(`headshots.styleTag.wedding`),value:`wedding`},{image:`https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp`,label:this.$t(`headshots.styleTag.businessPphoto`),value:`business_photo`},{image:`https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg`,label:this.$t(`headshots.styleTag.bobSuit`),value:`bob_suit`},{image:`https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp`,label:this.$t(`headshots.styleTag.femalePortrait`),value:`female_portrait`}]}}}},watch:{value(e){console.debug(`set template`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||=``,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value=``:this.value=e,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})}}}),fe={class:`field`},pe=[`onClick`],me={class:`name`};function he(r,i,a,f,p,g){let _=m(`el-image`),v=m(`el-tab-pane`),y=m(`el-tabs`);return d(),t(`div`,fe,[s(y,{modelValue:r.tab,"onUpdate:modelValue":i[0]||=e=>r.tab=e},{default:h(()=>[(d(!0),t(c,null,e(r.elements,(i,a)=>(d(),o(v,{key:a,label:i.displayName,name:a,class:`pane`},{default:h(()=>[(d(!0),t(c,null,e(i.items,(e,i)=>(d(),t(`div`,{key:i,class:l({item:!0,active:r.value===e.value}),onClick:t=>r.onToggle(e.value)},[s(_,{src:e.image,fit:`fill`,class:`preview`},null,8,[`src`]),n(`span`,me,u(e.label),1)],10,pe))),128))]),_:2},1032,[`label`,`name`]))),128))]),_:1},8,[`modelValue`])])}var ge=i({name:`PresetPanel`,components:{ModeSelector:ue,ImageUrlsInput:ie,ElButton:g,FontAwesomeIcon:I,ElementsSelector:E(de,[[`render`,he],[`__scopeId`,`data-v-be4bd25d`]])},emits:[`generate`],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit(`generate`)}}}),_e={class:`panel`},ve={class:`config`},ye={class:`actions`};function be(e,r,i,o,c,l){let f=m(`elements-selector`),p=m(`mode-selector`),g=m(`image-urls-input`),_=m(`font-awesome-icon`),v=m(`el-button`);return d(),t(`div`,_e,[n(`div`,ve,[s(f,{class:`mb-4`}),s(p,{class:`mb-4`}),s(g,{class:`mb-4`}),n(`div`,ye,[s(v,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[s(_,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`headshots.button.generate`)),1)]),_:1},8,[`onClick`])])])])}var xe=E(ge,[[`render`,be],[`__scopeId`,`data-v-848739f6`]]),Se=i({name:`ImageGallery`,props:{modelValue:{type:Object,required:!0}},setup(e){return{images:r(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:e=>{window.open(e,`_blank`)}}}}),Ce={class:`image-gallery`},we=[`src`],Te=[`onClick`];function Ee(r,i,a,o,s,l){return d(),t(`div`,Ce,[(d(!0),t(c,null,e(r.images,(e,i)=>(d(),t(`div`,{key:i,class:`image-container`},[n(`img`,{src:e.image_url,alt:`Image`},null,8,we),e.image_url?(d(),t(`button`,{key:0,class:`view-button`,onClick:t=>r.viewImage(e.image_url)},u(r.$t(`headshots.button.viewImage`)),9,Te)):p(``,!0)]))),128))])}var De=i({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:L,FontAwesomeIcon:I,ElAlert:x,ImageGallery:E(Se,[[`render`,Ee],[`__scopeId`,`data-v-42f0a7be`]]),ApiCodeButton:U},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onReload(e){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()},onOpenVideo(e){window.open(e,`_blank`)}}}),Oe={class:`preview`},ke={class:`left`},Ae={class:`main`},je={class:`bot`},Me={class:`datetime`},Ne={class:`info`},Pe={key:0,class:`prompt mt-2`},Fe={key:0},Ie={key:1},Le={key:0,class:l({content:!0,failed:!0})},Re={class:`image-wrapper`},ze={class:l({operations:!0,"mt-2":!0,"mb-2":!0})},Be={class:`description`},Ve={key:0,class:`description`},He={key:1,class:l({content:!0})},Ue={class:`description`},We={class:`description`},Ge={key:0,class:`description`},Ke={class:`description`},qe={key:2,class:l({content:!0})},Je={class:`description`},$={key:3,class:l({content:!0})},Ye={class:`description`};function Xe(e,r,i,o,c,l){let f=m(`el-image`),g=m(`image-gallery`),_=m(`api-code-button`),v=m(`font-awesome-icon`),y=m(`copy-to-clipboard`),b=m(`el-alert`);return d(),t(`div`,Oe,[n(`div`,ke,[s(f,{src:`https://cdn.acedata.cloud/isxyfw.png`,class:`avatar`})]),n(`div`,Ae,[n(`div`,je,[a(u(e.$t(`headshots.name.headshotsBot`))+` `,1),n(`span`,Me,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ne,[e.modelValue?.request?.template?(d(),t(`p`,Pe,[a(u(e.modelValue?.request?.template)+` `,1),e.modelValue?.response?p(``,!0):(d(),t(`span`,Fe,` - (`+u(e.$t(`headshots.status.pending`))+`) `,1)),e.modelValue?.response?.status===`unknown`?(d(),t(`span`,Ie,` - (`+u(e.$t(`headshots.status.processing`))+`) `,1)):p(``,!0)])):p(``,!0)]),e.modelValue?.response?.success===!0?(d(),t(`div`,Le,[n(`div`,Re,[s(g,{"model-value":e.modelValue},null,8,[`model-value`])]),n(`div`,ze,[s(_,{path:`/headshots/images`,body:e.modelValue?.request},null,8,[`body`])]),s(b,{closable:!1,class:`mt-2 success`},{default:h(()=>[n(`p`,Be,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ve,[s(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0)]),_:1})])):p(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,He,[s(b,{closable:!1,class:`failure`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,Ue,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,We,[s(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),s(y,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ge,[s(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),n(`p`,Ke,[s(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),s(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0),e.modelValue?.response?p(``,!0):(d(),t(`div`,qe,[s(b,{closable:!1,class:`info`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,Je,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])),e.modelValue?.response?.status===`unknown`?(d(),t(`div`,$,[s(b,{closable:!1,class:`info`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,Ye,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0)])])}var Ze=i({name:`RecentPanel`,components:{TaskPreview:E(De,[[`render`,Xe],[`__scopeId`,`data-v-0e921c0c`]]),ElSkeleton:te,ElSkeletonItem:ee,ScrollList:V},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Qe={key:0,class:`tasks`},$e={class:`left`},et={class:`main`},tt={key:1,class:`tasks`},nt={key:2,class:`description`};function rt(r,i,a,l,f,g){let _=m(`el-skeleton-item`),v=m(`el-skeleton`),y=m(`task-preview`),b=m(`scroll-list`);return d(),o(b,{ref:`scrollList`,class:`panel recent`,loading:r.loading,onReachTop:i[0]||=e=>r.$emit(`reach-top`)},{default:h(()=>[r.tasks?.items===void 0?(d(),t(`div`,Qe,[(d(),t(c,null,e(3,e=>n(`div`,{key:e,class:`task placeholder`},[n(`div`,$e,[s(v,{animated:``},{template:h(()=>[s(_,{variant:`image`,class:`avatar`})]),_:1})]),n(`div`,et,[s(v,{animated:``},{template:h(()=>[s(_,{variant:`p`,class:`title`}),s(_,{variant:`image`,class:`icon`})]),_:1})])])),64))])):r.tasks?.items?.length&&r.tasks?.items?.length>0?(d(),t(`div`,tt,[(d(!0),t(c,null,e(r.tasks?.items,(e,t)=>(d(),o(y,{key:t,"model-value":e,class:`preview`},null,8,[`model-value`]))),128))])):p(``,!0),r.tasks?.items?.length===0?(d(),t(`p`,nt,u(r.$t(`headshots.message.noTasks`)),1)):p(``,!0)]),_:1},8,[`loading`])}var it=i({name:`HeadshotsIndex`,components:{ConfigPanel:xe,Layout:Y,ApplicationStatus:R,RecentPanel:E(Ze,[[`render`,rt],[`__scopeId`,`data-v-ffd55c16`]])},mixins:[N],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===P.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===P.Request},needApply(){return this.$store.state.headshots.status.getApplications===P.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await H({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`headshots/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`headshots/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){D.create({application:this.application}).then(({data:e})=>{this.application=e,O.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&O.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(`headshots/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){if(!A(this.uploadTracker,e=>this.$t(e),e=>O.warning(e)))return;let e={...this.config,async:!0},t=this.credential?.token;if(!t){console.error(`no token specified`);return}O.info(this.$t(`headshots.message.startingTask`)),T(`headshots`,F.generate(e,{token:t})).then(()=>{O.success(this.$t(`headshots.message.startTaskSuccess`)),this.$store.commit(`headshots/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?O.error(this.$t(`headshots.message.usedUp`)):O.error(this.$t(`headshots.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function at(e,t,n,r,i,a){let c=m(`config-panel`),l=m(`application-status`),u=m(`recent-panel`),f=m(`layout`);return d(),o(f,null,{config:h(()=>[s(c,{onGenerate:e.onGeneratePicture},null,8,[`onGenerate`])]),result:h(()=>[s(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(`headshots/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),s(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ot=E(it,[[`render`,at],[`__scopeId`,`data-v-c2713194`]]);export{ot as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,N as r,O as i,P as a,Wt as o,Z as s,k as c,tt as l,ut as u}from"./vendor-chart-BJCvKk8-.js";import{t as d}from"./button-BydTr5nV.js";import{n as f,t as p}from"./table-NgoMqlKj.js";import{t as ee}from"./tooltip-BxeH2Vts.js";import{t as m}from"./card-DjyfNde2.js";import{n as h,t as g}from"./row-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,N as r,O as i,P as a,Wt as o,Z as s,k as c,tt as l,ut as u}from"./vendor-chart-BJCvKk8-.js";import{t as d}from"./button-BydTr5nV.js";import{n as f,t as p}from"./table-NgoMqlKj.js";import{t as ee}from"./tooltip-BxeH2Vts.js";import{t as m}from"./card-DjyfNde2.js";import{n as h,t as g}from"./row-CUPXlDXl.js";import{t as _}from"./divider-LA__Fty9.js";import{t as v}from"./progress-CQjsb6Jp.js";import{t as y}from"./skeleton-BwNBivMN.js";import{Dn as b,E as x,En as S,K as C,Ot as w,Pn as T,Rt as E,Tn as D,W as O}from"./index-BSfAwkh3.js";import{t as k}from"./index.es-Dd7T5qXe.js";import{t as A}from"./CopyToClipboard-CwLXmQOG.js";var j=n({name:`ConsoleDistributionList`,components:{CopyToClipboard:A,FontAwesomeIcon:k,QrCode:w,ElProgress:v,ElRow:g,ElCol:h,ElButton:d,ElDivider:_,ElCard:m,ElTooltip:ee,ElTable:p,ElTableColumn:f,ElSkeleton:y},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:O})},goInvitees(){this.$router.push({name:C})},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 S.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;this.distributionLink=(t||e).replace(`surl.id`,`share.acedata.cloud`)}catch{this.distributionLink=e}},async onFetchDistributionStatus(){let{data:e}=await S.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 D.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=e.items},async onFetchInvitees(){let{data:e}=await T.getInvitees({});this.invitees=e.items,this.inviteesCount=e.count}}}),M={class:`title`},N={key:1},P={class:`icon-wrapper`},F={class:`text-left`},I={class:`description`},L={class:`value`},R={key:1},z={class:`icon-wrapper`},B={class:`text-left`},V={class:`description`},H={class:`value`},U={key:1},W={class:`icon-wrapper`},G={class:`text-left`},K={class:`description`},q={class:`value`},te={key:1},J={class:`icon-wrapper`},Y={class:`text-left`},X={class:`description`},Z={class:`value`},Q={key:1},ne={class:`title`},re={class:`clear-both overflow-hidden`},ie={class:`float-left description`},ae={class:`float-right description`},oe={class:`description`},se={class:`level`},ce={class:`level`},le={class:`level`},ue={key:1},de={class:`title`},fe={class:`link-wrapper text-center`},pe=[`href`],$={class:`qr-wrapper ml-auto mr-auto`},me={class:`mt-0`},he={class:`description`},ge={class:`more`};function _e(n,d,f,p,ee,m){let h=l(`el-col`),g=l(`el-row`),_=l(`el-skeleton`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-card`),x=l(`el-tooltip`),S=l(`el-progress`),C=l(`el-divider`),w=l(`el-table-column`),T=l(`el-table`),E=l(`copy-to-clipboard`),D=l(`qr-code`);return s(),i(g,{class:`panel`},{default:u(()=>[a(h,{span:24},{default:u(()=>[a(g,null,{default:u(()=>[a(h,{span:24},{default:u(()=>[t(`h2`,M,o(n.$t(`common.title.distribution`)),1)]),_:1})]),_:1}),a(g,{gutter:15},{default:u(()=>[a(h,{md:6,xs:24},{default:u(()=>[a(b,{shadow:`hover`,class:`item-mini mb-4`},{default:u(()=>[n.loading?(s(),i(_,{key:0})):(s(),e(`div`,N,[t(`div`,P,[a(v,{icon:`fa-solid fa-wallet`,class:`icon`})]),t(`div`,F,[t(`p`,I,o(n.$t(`distribution.title.price`)),1),t(`p`,L,o(n.getPriceString({value:n.distributionStatus?.price})),1)]),a(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:n.goHistory},{default:u(()=>[r(o(n.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1}),a(h,{md:6,xs:24},{default:u(()=>[a(b,{shadow:`hover`,class:`item-mini mb-4`},{default:u(()=>[n.loading?(s(),i(_,{key:0})):(s(),e(`div`,R,[t(`div`,z,[a(v,{icon:`fa-solid fa-coins`,class:`icon`})]),t(`div`,B,[t(`p`,V,o(n.$t(`distribution.title.reward`)),1),t(`p`,H,o(n.getPriceString({value:n.distributionStatus?.reward})),1)]),a(x,{effect:`dark`,content:n.$t(`distribution.message.developingWithDrawal`),placement:`top`},{default:u(()=>[a(y,{type:`primary`,round:``,size:`small`,class:`btn`},{default:u(()=>[r(o(n.$t(`distribution.button.withdrawal`)),1)]),_:1})]),_:1},8,[`content`])]))]),_:1})]),_:1}),a(h,{md:6,xs:24},{default:u(()=>[a(b,{shadow:`hover`,class:`item-mini mb-4`},{default:u(()=>[n.loading?(s(),i(_,{key:0})):(s(),e(`div`,U,[t(`div`,W,[a(v,{icon:`fa-solid fa-percent`,class:`icon`})]),t(`div`,G,[t(`p`,K,o(n.$t(`distribution.title.percentage`)),1),t(`p`,q,o(n.distributionStatus?.level?.percentage)+`%`,1)])]))]),_:1})]),_:1}),a(h,{md:6,xs:24},{default:u(()=>[a(b,{shadow:`hover`,class:`item-mini mb-4`},{default:u(()=>[n.loading?(s(),i(_,{key:0})):(s(),e(`div`,te,[t(`div`,J,[a(v,{icon:`fa-regular fa-user`,class:`icon`})]),t(`div`,Y,[t(`p`,X,o(n.$t(`distribution.title.inviteesCount`)),1),t(`p`,Z,o(n.inviteesCount),1)]),a(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:n.goInvitees},{default:u(()=>[r(o(n.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1})]),_:1}),a(g,{gutter:15},{default:u(()=>[a(h,{md:12,xs:24},{default:u(()=>[a(b,{shadow:`hover`,class:`level-info mb-4`},{default:u(()=>[n.loading?(s(),i(_,{key:0})):(s(),e(`div`,Q,[t(`h4`,ne,o(n.$t(`distribution.title.levelInfo`)),1),t(`div`,re,[t(`div`,ie,[t(`p`,null,o(n.$t(`distribution.title.currentLevel`))+`: L`+o(n.distributionStatus?.level?.level),1),t(`p`,null,o(n.$t(`distribution.title.currentPercentage`))+`: `+o(n.distributionLevelMap[n.distributionStatus?.level?.level]?.percentage)+`% `,1)]),t(`div`,ae,[t(`p`,null,o(n.$t(`distribution.title.nextLevel`))+`: L`+o(n.distributionStatus?.level?.level+1),1),t(`p`,null,o(n.$t(`distribution.title.nextPercentage`))+`: `+o(n.distributionLevelMap[n.distributionStatus?.level?.level+1]?.percentage)+`% `,1)])]),a(S,{"text-inside":!0,"stroke-width":20,percentage:n.getPercentageForNextLevel(),class:`mb-2`},null,8,[`percentage`]),t(`p`,oe,o(n.$t(`distribution.message.deltaPriceForNextLevel`))+`: $`+o(n.getDeltaForNextLevel()),1),a(C),n.distributionLevels?(s(),i(T,{key:0,data:n.distributionLevels,stripe:``},{default:u(()=>[a(w,{label:n.$t(`distribution.field.level`)},{default:u(e=>[t(`span`,se,`L`+o(e.row?.level),1)]),_:1},8,[`label`]),a(w,{label:n.$t(`distribution.field.threshold`)},{default:u(e=>[t(`span`,ce,`$`+o(e.row?.threshold),1)]),_:1},8,[`label`]),a(w,{label:n.$t(`distribution.field.percentage`)},{default:u(e=>[t(`span`,le,o(e.row?.percentage)+`%`,1)]),_:1},8,[`label`])]),_:1},8,[`data`])):c(``,!0)]))]),_:1})]),_:1}),a(h,{md:12,xs:24},{default:u(()=>[a(b,{shadow:`hover`,class:`distribution-info mb-4`},{default:u(()=>[n.loading?(s(),i(_,{key:0})):(s(),e(`div`,ue,[t(`h4`,de,o(n.$t(`distribution.title.distributionLink`)),1),a(C),t(`div`,fe,[c(``,!0),t(`a`,{href:n.distributionLink,class:`link`},o(n.distributionLink),9,pe),a(E,{content:n.distributionLink},null,8,[`content`])]),t(`div`,$,[n.distributionLink?(s(),i(D,{key:0,value:n.distributionLink,size:180,margin:2,class:`block mb-2 ml-auto mr-auto`,type:`image/png`,color:n.qrColor},null,8,[`value`,`color`])):c(``,!0),t(`p`,me,o(n.$t(`distribution.message.distributionQrDescription`)),1)]),t(`p`,he,[r(o(n.$t(`distribution.message.distributionLinkDescription`))+` `,1),t(`span`,ge,[a(x,{effect:`dark`,content:n.$t(`distribution.message.distributionLinkDescription2`),placement:`top`},{default:u(()=>[r(o(n.$t(`distribution.message.technicalDetail`)),1)]),_:1},8,[`content`])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var ve=x(j,[[`render`,_e],[`__scopeId`,`data-v-1ca0740d`]]);export{ve as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./button-BydTr5nV.js";import{r as y,t as b}from"./select-CZr0OLx0.js";import{t as x}from"./upload-BucqwIZe.js";import{t as S}from"./tooltip-BxeH2Vts.js";import{t as C}from"./image-DZ7QOYIp.js";import{t as w}from"./alert-CuX4SjQB.js";import{t as T}from"./drawer-R6pcaap2.js";import{t as E}from"./input-number-DJC6uV-k.js";import{t as D}from"./slider-CDSayqVn.js";import{Jn as O,Xn as k,Yn as A,qn as ee}from"./constants-Ca2K1_Xb.js";import{Bn as te,E as j,Fr as M,Ft as N,Lt as P,Mt as F,Nt as I,Or as L,Pt as R,Tr as z,mn as B}from"./index-CyGnVnLU.js";import{t as V}from"./index.es-oouVHHE4.js";import{t as H}from"./CopyToClipboard-BEe4439o.js";import{t as U}from"./ImagePreview-DDJm1mry.js";import{n as W}from"./taskDrawerMixin-DEgO_R5H.js";import{t as G}from"./BotPlaceholder-CZSnVhAb.js";import{t as K}from"./InfoIcon-CceIsMfO.js";import{t as q}from"./PromptTextarea-C1F13c1Y.js";import{t as J}from"./Consumption-CQl7mOM_.js";import{n as Y,t as X}from"./pagination-CAeUQQVr.js";import{t as Z}from"./ApiCodeButton-DsIM7GI7.js";import{t as Q}from"./NoTasks-Cm1U3i0U.js";import{t as ne}from"./VideoPlayer-BngJ8TD_.js";var re=r({name:`LayoutPixverse`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:V},mixins:[W]}),ie={class:`main flex flex-row flex-1`},ae={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},oe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function se(e,r,i,a,s,c){let l=h(`font-awesome-icon`),u=h(`el-button`),m=h(`el-drawer`);return d(),t(`div`,ie,[n(`div`,ae,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,oe,[p(e.$slots,`result`,{},void 0,!0)]),f(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ce=j(re,[[`render`,se],[`__scopeId`,`data-v-e688a015`]]),le=r({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},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||=O}}),ue={class:`field`},de={class:`title font-bold`};function fe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ue,[n(`h2`,de,u(r.$t(`pixverse.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var pe=j(le,[[`render`,fe],[`__scopeId`,`data-v-e8f337ca`]]),me=r({name:`QualitySelector`,components:{ElSelect:y,ElOption:b},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||=k}}),he={class:`field`},ge={class:`title font-bold`};function _e(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,he,[n(`h2`,ge,u(r.$t(`pixverse.name.quality`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ve=j(me,[[`render`,_e],[`__scopeId`,`data-v-64aeaae9`]]),ye=r({name:`MotionSelector`,components:{ElSelect:y,ElOption:b},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||=A}}),be={class:`field`},xe={class:`title font-bold`};function Se(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,be,[n(`h2`,xe,u(r.$t(`pixverse.name.motion`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=j(ye,[[`render`,Se],[`__scopeId`,`data-v-94237408`]]),we=r({name:`StyleSelector`,components:{ElSelect:y,ElOption:b},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||=``}}),Te={class:`field`},Ee={class:`title font-bold`};function De(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Te,[n(`h2`,Ee,u(r.$t(`pixverse.name.style`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=j(we,[[`render`,De],[`__scopeId`,`data-v-64e17b3c`]]),ke=r({name:`SeedSelector`,components:{ElSlider:D,InfoIcon:K,ElInputNumber:E},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}}),Ae={class:`flex justify-between`},je={class:`flex justify-start items-center`},Me={class:`text-sm font-bold`},Ne={class:`flex justify-end items-center`},Pe={class:`w-full`};function Fe(e,r,i,a,s,c){let l=h(`info-icon`),f=h(`el-input-number`),p=h(`el-slider`);return d(),t(`div`,null,[n(`div`,Ae,[n(`div`,je,[n(`span`,Me,u(e.$t(`pixverse.name.seed`)),1),o(l,{content:e.$t(`pixverse.description.seed`)},null,8,[`content`])]),n(`div`,Ne,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,Pe,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var Ie=j(ke,[[`render`,Fe]]),Le=r({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},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}}),Re={class:`field`},ze={class:`title font-bold`};function Be(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Re,[n(`h2`,ze,u(r.$t(`pixverse.name.duration`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ve=j(Le,[[`render`,Be],[`__scopeId`,`data-v-065c77ef`]]),He=r({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||=ee}}),Ue={class:`text-sm font-bold mb-2 block`},We={class:`items`},Ge=[`onClick`],Ke={class:`name`};function qe(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,Ue,u(r.$t(`pixverse.name.aspectRatio`)),1),n(`div`,We,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.label])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,Ke,u(e.label),1)],10,Ge))),128))])])}var Je=j(He,[[`render`,qe],[`__scopeId`,`data-v-53038264`]]),Ye=r({name:`StartImage`,components:{ElUpload:x,ElButton:v,InfoIcon:K,FontAwesomeIcon:V,ImagePreview:U},mixins:[N,I],emits:[`change`],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){M.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){M.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()}}}),Xe={class:`relative`},Ze={class:`flex justify-between`},Qe={class:`flex justify-start items-center`},$e={class:`text-sm font-bold`};function et(e,r,s,c,l,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`font-awesome-icon`),y=h(`el-button`),b=h(`el-upload`);return d(),t(`div`,Xe,[n(`div`,Ze,[n(`div`,Qe,[n(`span`,$e,u(e.$t(`pixverse.name.startImage`)),1),o(p,{content:e.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:g(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var tt=j(Ye,[[`render`,et],[`__scopeId`,`data-v-0d570ad7`]]),nt=r({name:`PromptInput`,components:{PromptTextarea:q},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 rt(e,t,n,r,i,o){let s=h(`prompt-textarea`);return d(),a(s,{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 it=r({name:`ConfigPanel`,components:{ElButton:v,FontAwesomeIcon:V,PromptInput:j(nt,[[`render`,rt]]),ModelSelector:pe,QualitySelector:ve,MotionSelector:Ce,StyleSelector:Oe,DurationSelector:Ve,StartImage:tt,SeedSelector:Ie,RatioSelector:Je,Consumption:J},emits:[`generate`],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return P(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),at={class:`flex flex-col h-full`},ot={class:`flex-1 overflow-y-auto p-5`},st={class:`flex flex-col items-center justify-center px-5 pb-5`};function ct(e,r,a,s,c,l){let f=h(`prompt-input`),p=h(`model-selector`),m=h(`style-selector`),_=h(`ratio-selector`),v=h(`motion-selector`),y=h(`quality-selector`),b=h(`start-image`),x=h(`seed-selector`),S=h(`duration-selector`),C=h(`consumption`),w=h(`font-awesome-icon`),T=h(`el-button`);return d(),t(`div`,at,[n(`div`,ot,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-2`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`})]),n(`div`,st,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`pixverse.button.generate`)),1)]),_:1},8,[`onClick`])])])}var lt=j(it,[[`render`,ct]]),ut=r({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:H,FontAwesomeIcon:V,ElAlert:w,VideoPlayer:ne,ElTooltip:S,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`)}}}),dt={class:`preview`},ft={class:`left`},pt={class:`main`},mt={class:`bot`},ht={class:`datetime`},gt={class:`info`},_t={key:0,class:`prompt mt-2`},vt={key:0},yt={key:1},bt={key:0,class:l({content:!0,failed:!0})},xt={key:0,class:`mb-4`},St={key:1,class:l({operations:!0,"mt-2":!0})},Ct={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Et={key:1,class:l({content:!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function At(e,r,s,c,l,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return d(),t(`div`,dt,[n(`div`,ft,[o(p,{src:`https://cdn.acedata.cloud/viy61r.jpg`,class:`avatar`})]),n(`div`,pt,[n(`div`,mt,[i(u(e.$t(`pixverse.name.pixverseBot`))+` `,1),n(`span`,ht,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,gt,[e.modelValue?.request?.prompt?(d(),t(`p`,_t,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(d(),t(`span`,vt,` - (`+u(e.$t(`pixverse.status.pending`))+`) `,1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state===`processing`||e.modelValue?.response?.data[0]?.state===`pending`)?(d(),t(`span`,yt,` - (`+u(e.$t(`pixverse.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),t(`div`,bt,[e.modelValue?.response?.data[0]?.video_url?(d(),t(`div`,xt,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response.success?(d(),t(`div`,St,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:g(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:g(()=>[i(u(e.$t(`pixverse.button.download`)),1)]),_:1})):m(``,!0)]),_:1},8,[`content`]),o(b,{path:`/pixverse/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[n(`p`,Ct,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),n(`p`,wt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Tt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,Et,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failure`)),1)]),default:g(()=>[n(`p`,$,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),n(`p`,Dt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ot,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,kt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0)])])}var jt=r({name:`RecentPanel`,components:{TaskPreview:j(ut,[[`render`,At],[`__scopeId`,`data-v-dd3037dc`]]),NoTasks:Q,BotPlaceholder:G,ScrollList:Y},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?.()}}}),Mt={key:0},Nt={key:2,class:`w-full h-full flex items-center justify-center`};function Pt(n,r,i,c,l,u){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Mt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(d(!0),t(s,null,e(n.tasks?.items,(e,t)=>(d(),a(p,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Nt,[o(v)])):m(``,!0)],64)}var Ft=r({name:`PixverseIndex`,components:{ConfigPanel:lt,Layout:ce,RecentPanel:j(jt,[[`render`,Pt]])},mixins:[R],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===z.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 X({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(!F(this.uploadTracker,e=>this.$t(e),e=>M.warning(e)))return;let e={...this.config,async:!0},t=this.credential?.token;if(!t){console.error(`no token specified`);return}M.info(this.$t(`pixverse.message.startingTask`)),te(`pixverse`,B.generate(e,{token:t})).then(()=>{M.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?M.error(this.$t(`pixverse.message.usedUp`)):M.error(this.$t(`pixverse.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function It(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),u=h(`layout`);return d(),a(u,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Lt=j(Ft,[[`render`,It]]);export{Lt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./button-BydTr5nV.js";import{r as y,t as b}from"./select-CWa6N3h0.js";import{t as x}from"./upload-Cwu9HhYJ.js";import{t as S}from"./tooltip-BxeH2Vts.js";import{t as C}from"./image-PC0AxRLg.js";import{t as w}from"./alert-CuX4SjQB.js";import{t as T}from"./drawer-R6pcaap2.js";import{t as E}from"./input-number-ChE7ZEzD.js";import{t as D}from"./slider-CpyhW-6M.js";import{Jn as O,Xn as k,Yn as A,qn as ee}from"./constants-Ca2K1_Xb.js";import{Bn as te,E as j,Fr as M,Ft as N,Lt as P,Mt as F,Nt as I,Or as L,Pt as R,Tr as z,mn as B}from"./index-BSfAwkh3.js";import{t as V}from"./index.es-Dd7T5qXe.js";import{t as H}from"./CopyToClipboard-CwLXmQOG.js";import{t as U}from"./ImagePreview-D1gZwWIv.js";import{n as W}from"./taskDrawerMixin-DEgO_R5H.js";import{t as G}from"./BotPlaceholder-BbzoZLYb.js";import{t as K}from"./InfoIcon-b0ICFsW6.js";import{t as q}from"./PromptTextarea-C7BOP8k8.js";import{t as J}from"./Consumption-wEBeVsRJ.js";import{n as Y,t as X}from"./pagination-CQxRpRhC.js";import{t as Z}from"./ApiCodeButton-DvdTN3_N.js";import{t as Q}from"./NoTasks-wAViBqi6.js";import{t as ne}from"./VideoPlayer-Cs6XGHgn.js";var re=r({name:`LayoutPixverse`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:V},mixins:[W]}),ie={class:`main flex flex-row flex-1`},ae={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},oe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function se(e,r,i,a,s,c){let l=h(`font-awesome-icon`),u=h(`el-button`),m=h(`el-drawer`);return d(),t(`div`,ie,[n(`div`,ae,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,oe,[p(e.$slots,`result`,{},void 0,!0)]),f(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ce=j(re,[[`render`,se],[`__scopeId`,`data-v-e688a015`]]),le=r({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},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||=O}}),ue={class:`field`},de={class:`title font-bold`};function fe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ue,[n(`h2`,de,u(r.$t(`pixverse.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var pe=j(le,[[`render`,fe],[`__scopeId`,`data-v-e8f337ca`]]),me=r({name:`QualitySelector`,components:{ElSelect:y,ElOption:b},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||=k}}),he={class:`field`},ge={class:`title font-bold`};function _e(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,he,[n(`h2`,ge,u(r.$t(`pixverse.name.quality`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ve=j(me,[[`render`,_e],[`__scopeId`,`data-v-64aeaae9`]]),ye=r({name:`MotionSelector`,components:{ElSelect:y,ElOption:b},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||=A}}),be={class:`field`},xe={class:`title font-bold`};function Se(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,be,[n(`h2`,xe,u(r.$t(`pixverse.name.motion`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=j(ye,[[`render`,Se],[`__scopeId`,`data-v-94237408`]]),we=r({name:`StyleSelector`,components:{ElSelect:y,ElOption:b},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||=``}}),Te={class:`field`},Ee={class:`title font-bold`};function De(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Te,[n(`h2`,Ee,u(r.$t(`pixverse.name.style`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=j(we,[[`render`,De],[`__scopeId`,`data-v-64e17b3c`]]),ke=r({name:`SeedSelector`,components:{ElSlider:D,InfoIcon:K,ElInputNumber:E},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}}),Ae={class:`flex justify-between`},je={class:`flex justify-start items-center`},Me={class:`text-sm font-bold`},Ne={class:`flex justify-end items-center`},Pe={class:`w-full`};function Fe(e,r,i,a,s,c){let l=h(`info-icon`),f=h(`el-input-number`),p=h(`el-slider`);return d(),t(`div`,null,[n(`div`,Ae,[n(`div`,je,[n(`span`,Me,u(e.$t(`pixverse.name.seed`)),1),o(l,{content:e.$t(`pixverse.description.seed`)},null,8,[`content`])]),n(`div`,Ne,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,Pe,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var Ie=j(ke,[[`render`,Fe]]),Le=r({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},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}}),Re={class:`field`},ze={class:`title font-bold`};function Be(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Re,[n(`h2`,ze,u(r.$t(`pixverse.name.duration`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ve=j(Le,[[`render`,Be],[`__scopeId`,`data-v-065c77ef`]]),He=r({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||=ee}}),Ue={class:`text-sm font-bold mb-2 block`},We={class:`items`},Ge=[`onClick`],Ke={class:`name`};function qe(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,Ue,u(r.$t(`pixverse.name.aspectRatio`)),1),n(`div`,We,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.label])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,Ke,u(e.label),1)],10,Ge))),128))])])}var Je=j(He,[[`render`,qe],[`__scopeId`,`data-v-53038264`]]),Ye=r({name:`StartImage`,components:{ElUpload:x,ElButton:v,InfoIcon:K,FontAwesomeIcon:V,ImagePreview:U},mixins:[N,I],emits:[`change`],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){M.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){M.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()}}}),Xe={class:`relative`},Ze={class:`flex justify-between`},Qe={class:`flex justify-start items-center`},$e={class:`text-sm font-bold`};function et(e,r,s,c,l,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`font-awesome-icon`),y=h(`el-button`),b=h(`el-upload`);return d(),t(`div`,Xe,[n(`div`,Ze,[n(`div`,Qe,[n(`span`,$e,u(e.$t(`pixverse.name.startImage`)),1),o(p,{content:e.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:g(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var tt=j(Ye,[[`render`,et],[`__scopeId`,`data-v-0d570ad7`]]),nt=r({name:`PromptInput`,components:{PromptTextarea:q},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 rt(e,t,n,r,i,o){let s=h(`prompt-textarea`);return d(),a(s,{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 it=r({name:`ConfigPanel`,components:{ElButton:v,FontAwesomeIcon:V,PromptInput:j(nt,[[`render`,rt]]),ModelSelector:pe,QualitySelector:ve,MotionSelector:Ce,StyleSelector:Oe,DurationSelector:Ve,StartImage:tt,SeedSelector:Ie,RatioSelector:Je,Consumption:J},emits:[`generate`],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return P(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),at={class:`flex flex-col h-full`},ot={class:`flex-1 overflow-y-auto p-5`},st={class:`flex flex-col items-center justify-center px-5 pb-5`};function ct(e,r,a,s,c,l){let f=h(`prompt-input`),p=h(`model-selector`),m=h(`style-selector`),_=h(`ratio-selector`),v=h(`motion-selector`),y=h(`quality-selector`),b=h(`start-image`),x=h(`seed-selector`),S=h(`duration-selector`),C=h(`consumption`),w=h(`font-awesome-icon`),T=h(`el-button`);return d(),t(`div`,at,[n(`div`,ot,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-2`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`})]),n(`div`,st,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`pixverse.button.generate`)),1)]),_:1},8,[`onClick`])])])}var lt=j(it,[[`render`,ct]]),ut=r({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:H,FontAwesomeIcon:V,ElAlert:w,VideoPlayer:ne,ElTooltip:S,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`)}}}),dt={class:`preview`},ft={class:`left`},pt={class:`main`},mt={class:`bot`},ht={class:`datetime`},gt={class:`info`},_t={key:0,class:`prompt mt-2`},vt={key:0},yt={key:1},bt={key:0,class:l({content:!0,failed:!0})},xt={key:0,class:`mb-4`},St={key:1,class:l({operations:!0,"mt-2":!0})},Ct={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Et={key:1,class:l({content:!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function At(e,r,s,c,l,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return d(),t(`div`,dt,[n(`div`,ft,[o(p,{src:`https://cdn.acedata.cloud/viy61r.jpg`,class:`avatar`})]),n(`div`,pt,[n(`div`,mt,[i(u(e.$t(`pixverse.name.pixverseBot`))+` `,1),n(`span`,ht,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,gt,[e.modelValue?.request?.prompt?(d(),t(`p`,_t,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(d(),t(`span`,vt,` - (`+u(e.$t(`pixverse.status.pending`))+`) `,1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state===`processing`||e.modelValue?.response?.data[0]?.state===`pending`)?(d(),t(`span`,yt,` - (`+u(e.$t(`pixverse.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),t(`div`,bt,[e.modelValue?.response?.data[0]?.video_url?(d(),t(`div`,xt,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response.success?(d(),t(`div`,St,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:g(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:g(()=>[i(u(e.$t(`pixverse.button.download`)),1)]),_:1})):m(``,!0)]),_:1},8,[`content`]),o(b,{path:`/pixverse/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[n(`p`,Ct,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),n(`p`,wt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Tt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,Et,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failure`)),1)]),default:g(()=>[n(`p`,$,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),n(`p`,Dt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ot,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,kt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0)])])}var jt=r({name:`RecentPanel`,components:{TaskPreview:j(ut,[[`render`,At],[`__scopeId`,`data-v-dd3037dc`]]),NoTasks:Q,BotPlaceholder:G,ScrollList:Y},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?.()}}}),Mt={key:0},Nt={key:2,class:`w-full h-full flex items-center justify-center`};function Pt(n,r,i,c,l,u){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Mt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(d(!0),t(s,null,e(n.tasks?.items,(e,t)=>(d(),a(p,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Nt,[o(v)])):m(``,!0)],64)}var Ft=r({name:`PixverseIndex`,components:{ConfigPanel:lt,Layout:ce,RecentPanel:j(jt,[[`render`,Pt]])},mixins:[R],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===z.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 X({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(!F(this.uploadTracker,e=>this.$t(e),e=>M.warning(e)))return;let e={...this.config,async:!0},t=this.credential?.token;if(!t){console.error(`no token specified`);return}M.info(this.$t(`pixverse.message.startingTask`)),te(`pixverse`,B.generate(e,{token:t})).then(()=>{M.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?M.error(this.$t(`pixverse.message.usedUp`)):M.error(this.$t(`pixverse.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function It(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),u=h(`layout`);return d(),a(u,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},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{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./button-BydTr5nV.js";import{n as y,r as b,t as x}from"./select-CZr0OLx0.js";import{t as S}from"./upload-BucqwIZe.js";import{t as C}from"./tooltip-BxeH2Vts.js";import{t as w}from"./image-DZ7QOYIp.js";import{t as T}from"./alert-CuX4SjQB.js";import{t as E}from"./drawer-R6pcaap2.js";import{t as D}from"./input-number-DJC6uV-k.js";import{t as O}from"./switch-B3PyQrxP.js";import{En as k,Sn as A,Tn as j,_n as M,bn as N,gn as P,hn as ee,mn as te,vn as ne,wn as re,xn as F,yn as I}from"./constants-Ca2K1_Xb.js";import{Bn as L,E as R,Fr as z,Lt as B,Mt as V,Nt as H,Or as U,Pt as W,Tr as G,in as K}from"./index-CyGnVnLU.js";import{t as q}from"./index.es-oouVHHE4.js";import{t as J}from"./CopyToClipboard-BEe4439o.js";import{t as Y}from"./ImagePreview-DDJm1mry.js";import{n as X}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ie}from"./BotPlaceholder-CZSnVhAb.js";import{t as Z}from"./InfoIcon-CceIsMfO.js";import{t as ae}from"./PromptTextarea-C1F13c1Y.js";import{t as oe}from"./Consumption-CQl7mOM_.js";import{n as se,t as ce}from"./pagination-CAeUQQVr.js";import{t as le}from"./ApiCodeButton-DsIM7GI7.js";import{t as ue}from"./NoTasks-Cm1U3i0U.js";import{t as de}from"./ImageWrapper-lsiNVtpW.js";var fe=r({name:`LayoutNanobanana`,components:{ElDrawer:E,ElButton:v,FontAwesomeIcon:q},mixins:[X]}),pe={class:`main flex flex-row flex-1`},me={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},he={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ge(e,r,i,a,s,c){let l=h(`font-awesome-icon`),d=h(`el-button`),m=h(`el-drawer`);return u(),t(`div`,pe,[n(`div`,me,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,he,[p(e.$slots,`result`,{},void 0,!0)]),f(o(d,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var _e=R(fe,[[`render`,ge],[`__scopeId`,`data-v-cca80bbd`]]),ve=r({name:`PromptInput`,components:{PromptTextarea:ae},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||=``}});function ye(e,t,n,r,i,o){let s=h(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var be=R(ve,[[`render`,ye]]),xe=r({name:`ImageUrlsInput`,components:{ElUpload:S,ElButton:v,InfoIcon:Z,ImagePreview:Y,FontAwesomeIcon:q},mixins:[H],data(){return{fileList:[],uploadUrl:U()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){z.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){z.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Se={class:`field flex items-center justify-between`},Ce={class:`title font-bold text-[14px] mb-[10px]`},we={class:`upload-wrapper flex flex-col items-start gap-[8px]`},Te={class:`controls flex items-center`},Ee={class:`file-list flex flex-wrap gap-[10px]`};function De(r,c,d,f,p,m){let _=h(`font-awesome-icon`),v=h(`el-button`),y=h(`el-upload`),b=h(`info-icon`),x=h(`image-preview`);return u(),t(s,null,[n(`div`,Se,[n(`h2`,Ce,l(r.$t(`openaiimage.name.imageUrls`)),1),n(`div`,we,[n(`div`,Te,[o(y,{"file-list":r.fileList,"onUpdate:fileList":c[0]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,"on-change":r.onChange,"on-remove":r.onRemove,headers:r.headers},{default:g(()=>[o(v,{size:`small`,type:`primary`,round:``},{default:g(()=>[o(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),o(b,{content:r.$t(`openaiimage.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),n(`div`,Ee,[(u(!0),t(s,null,e(r.fileList,(e,t)=>(u(),a(x,{key:e.uid||e?.response?.file_url||e.url||t,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>r.onRemovePreview(t,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var Oe=R(xe,[[`render`,De]]),ke=r({name:`OpenAIImageModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:Z},data(){return{options:[{value:I,label:this.$t(`openaiimage.model.gptImage1`)},{value:N,label:this.$t(`openaiimage.model.gptImage15`)},{value:F,label:this.$t(`openaiimage.model.gptImage2`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=M}}),Ae={class:`field`},je={class:`label`},Me={class:`box`},Ne={class:`title font-bold`};function Pe(r,i,c,d,f,p){let m=h(`info-icon`),_=h(`el-option`),v=h(`el-select`);return u(),t(`div`,Ae,[n(`div`,je,[n(`div`,Me,[n(`h2`,Ne,l(r.$t(`openaiimage.name.model`)),1),o(m,{content:r.modelDescription,class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`openaiimage.placeholder.select`)},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Fe=R(ke,[[`render`,Pe],[`__scopeId`,`data-v-cec771bd`]]);function Q(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var Ie=r({name:`OpenAIImageSizeSelector`,components:{ElSelect:b,ElOption:x,ElOptionGroup:y,ElSwitch:O,ElInputNumber:D,InfoIcon:Z},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},emptySizeValue(){return``},customSupported(){return P.includes(this.model)},presets(){return A[this.model]??A[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:re},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:j},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:k}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize()}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.emptySizeValue},set(e){this.customMode=!1,this.commitSize(e||void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return te},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0||t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):e*t>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:ee.toLocaleString()}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||this.presets.includes(e))return;let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)||this.commitSize()}},storedSize(e){if(!e){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Q(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),Le={class:`resolution`},Re={class:`field`},ze={class:`label`},Be={class:`box`},Ve={class:`title font-bold`},He={class:`field custom-toggle`},Ue={class:`label`},We={class:`box`},Ge={class:`title font-bold`},Ke={key:0,class:`custom-inputs`},qe={class:`row`},Je={class:`row-label`},Ye={class:`row`},Xe={class:`row-label`},Ze={key:0,class:`error`};function Qe(r,i,c,d,f,p){let _=h(`info-icon`),v=h(`el-option`),y=h(`el-option-group`),b=h(`el-select`),x=h(`el-switch`),S=h(`el-input-number`);return u(),t(`div`,Le,[n(`div`,Re,[n(`div`,ze,[n(`div`,Be,[n(`h2`,Ve,l(r.$t(`openaiimage.name.size`)),1),o(_,{content:r.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),o(b,{modelValue:r.presetValue,"onUpdate:modelValue":i[0]||=e=>r.presetValue=e,class:`value`,placeholder:r.$t(`openaiimage.placeholder.select`),disabled:r.useCustom},{default:g(()=>[o(v,{label:r.$t(`suno.gender.auto`),value:r.emptySizeValue},null,8,[`label`,`value`]),(u(!0),t(s,null,e(r.presetGroups,n=>(u(),a(y,{key:n.label,label:n.label},{default:g(()=>[(u(!0),t(s,null,e(n.options,e=>(u(),a(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),r.customSupported?(u(),t(s,{key:0},[n(`div`,He,[n(`div`,Ue,[n(`div`,We,[n(`h2`,Ge,l(r.$t(`openaiimage.name.customSize`)),1),o(_,{content:r.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),o(x,{modelValue:r.useCustom,"onUpdate:modelValue":i[1]||=e=>r.useCustom=e,class:`value-switch`},null,8,[`modelValue`])]),r.useCustom?(u(),t(`div`,Ke,[n(`div`,qe,[n(`span`,Je,l(r.$t(`openaiimage.name.width`)),1),o(S,{modelValue:r.customWidth,"onUpdate:modelValue":i[2]||=e=>r.customWidth=e,class:`row-input`,min:r.minSide,max:r.maxSide,step:r.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),n(`div`,Ye,[n(`span`,Xe,l(r.$t(`openaiimage.name.height`)),1),o(S,{modelValue:r.customHeight,"onUpdate:modelValue":i[3]||=e=>r.customHeight=e,class:`row-input`,min:r.minSide,max:r.maxSide,step:r.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),r.customError?(u(),t(`div`,Ze,l(r.customError),1)):m(``,!0)])):m(``,!0)],64)):m(``,!0)])}var $e=r({name:`ConfigPanel`,components:{ElButton:v,FontAwesomeIcon:q,PromptInput:be,Consumption:oe,ImageUrlsInput:Oe,ModelSelector:Fe,ResolutionSelector:R(Ie,[[`render`,Qe],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return B({...this.config||{}},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),et={class:`flex flex-col h-full`},tt={class:`flex-1 overflow-y-auto p-5`},nt={class:`flex flex-col items-center justify-center px-5 pb-5`};function rt(e,r,a,s,c,d){let f=h(`model-selector`),p=h(`resolution-selector`),m=h(`prompt-input`),_=h(`image-urls-input`),v=h(`consumption`),y=h(`font-awesome-icon`),b=h(`el-button`);return u(),t(`div`,et,[n(`div`,tt,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`})]),n(`div`,nt,[o(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(b,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(y,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var it=R($e,[[`render`,rt]]),at=r({name:`TaskPreview`,components:{ElImage:w,CopyToClipboard:J,FontAwesomeIcon:q,ElAlert:T,ImageWrapper:de,ElButton:v,ElTooltip:C,ImagePreview:Y,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:ne}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`||e?.action===`edit`||this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action||this.modelValue?.type||this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url||n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)}}}),ot={class:`preview`},st={class:`left`},ct={class:`main`},lt={class:`bot`},ut={class:`datetime`},dt={class:`info`},ft={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},pt={key:1,class:`prompt mt-2`},mt={key:0},ht={key:0,class:c({content:!0,failed:!0})},gt={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},_t={class:c({operations:!0,"mt-2":!0,"mb-2":!0})},vt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:1,class:c({content:!0})},Tt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},jt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Mt={key:2,class:c({content:!0})},Nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function It(r,c,f,p,_,v){let y=h(`el-image`),b=h(`image-preview`),x=h(`image-wrapper`),S=h(`el-button`),C=h(`el-tooltip`),w=h(`api-code-button`),T=h(`font-awesome-icon`),E=h(`copy-to-clipboard`),D=h(`el-alert`);return u(),t(`div`,ot,[n(`div`,st,[o(y,{src:r.OPENAIIMAGE_LOGO,class:`avatar`},null,8,[`src`])]),n(`div`,ct,[n(`div`,lt,[i(l(r.$t(`openaiimage.name.openaiimageBot`))+` `,1),n(`span`,ut,l(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,dt,[r.referenceImages.length>0?(u(),t(`div`,ft,[(u(!0),t(s,null,e(r.referenceImages,(e,t)=>(u(),a(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):m(``,!0),r.modelValue?.request?.prompt?(u(),t(`p`,pt,[i(l(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?m(``,!0):(u(),t(`span`,mt,` - (`+l(r.$t(`openaiimage.status.pending`))+`) `,1))])):m(``,!0)]),r.modelValue?.response?.success===!0?(u(),t(`div`,ht,[n(`div`,gt,[(u(!0),t(s,null,e(r.images,(e,t)=>(u(),a(x,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),n(`div`,_t,[o(C,{class:`box-item`,effect:`dark`,content:r.$t(`common.button.edit`),placement:`top-start`},{default:g(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=d(e=>r.onEdit(r.images?.[0]?.image_url||r.images?.[0]?.url),[`stop`])},{default:g(()=>[i(l(r.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:r.openaiimagePath,body:r.openaiimageCodeBody},null,8,[`path`,`body`])]),o(D,{closable:!1,class:`mt-2 success`},{default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,vt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,yt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,bt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,xt,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,St,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,Ct,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):m(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(u(),t(`div`,wt,[o(D,{closable:!1,class:`failure`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,Tt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,Et,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,Dt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,Ot,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,kt,[o(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failureReason`))+`: `+l(r.modelValue?.response?.error?.message)+` `,1),o(E,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,At,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,jt,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):m(``,!0)]),_:1})])):(u(),t(`div`,Mt,[o(D,{closable:!1,class:`info`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,Nt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,$,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,Pt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,Ft,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var Lt=r({name:`RecentPanel`,components:{TaskPreview:R(at,[[`render`,It],[`__scopeId`,`data-v-8ee5fb87`]]),BotPlaceholder:ie,NoTasks:ue,ScrollList:se},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Rt={key:0},zt={key:2,class:`w-full h-full flex items-center justify-center`};function Bt(n,r,i,c,l,d){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,Rt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,zt,[o(v)])):m(``,!0)],64)}var Vt=r({name:`OpenAIImageIndex`,components:{ConfigPanel:it,Layout:_e,RecentPanel:R(Lt,[[`render`,Bt]])},mixins:[W],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===G.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.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 ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!V(this.uploadTracker,e=>this.$t(e),e=>z.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){z.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size||delete e.size;let n={...e,action:`generate`,async:!0},r={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls||[],async:!0},i=this.credential?.token;if(!i){console.error(`no token specified`);return}z.info(this.$t(`openaiimage.message.startingTask`)),L(`openaiimage`,t?K.edit(r,{token:i}):K.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),z.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?z.error(this.$t(`openaiimage.message.usedUp`)):z.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message||``))}).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 Ht(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),d=h(`layout`);return u(),a(d,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ut=R(Vt,[[`render`,Ht]]);export{Ut as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./button-BydTr5nV.js";import{n as y,r as b,t as x}from"./select-CWa6N3h0.js";import{t as S}from"./upload-Cwu9HhYJ.js";import{t as C}from"./tooltip-BxeH2Vts.js";import{t as w}from"./image-PC0AxRLg.js";import{t as T}from"./alert-CuX4SjQB.js";import{t as E}from"./drawer-R6pcaap2.js";import{t as D}from"./input-number-ChE7ZEzD.js";import{t as O}from"./switch-xAc9KAOg.js";import{En as k,Sn as A,Tn as j,_n as M,bn as N,gn as P,hn as ee,mn as te,vn as ne,wn as re,xn as F,yn as I}from"./constants-Ca2K1_Xb.js";import{Bn as L,E as R,Fr as z,Lt as B,Mt as V,Nt as H,Or as U,Pt as W,Tr as G,in as K}from"./index-BSfAwkh3.js";import{t as q}from"./index.es-Dd7T5qXe.js";import{t as J}from"./CopyToClipboard-CwLXmQOG.js";import{t as Y}from"./ImagePreview-D1gZwWIv.js";import{n as X}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ie}from"./BotPlaceholder-BbzoZLYb.js";import{t as Z}from"./InfoIcon-b0ICFsW6.js";import{t as ae}from"./PromptTextarea-C7BOP8k8.js";import{t as oe}from"./Consumption-wEBeVsRJ.js";import{n as se,t as ce}from"./pagination-CQxRpRhC.js";import{t as le}from"./ApiCodeButton-DvdTN3_N.js";import{t as ue}from"./NoTasks-wAViBqi6.js";import{t as de}from"./ImageWrapper-rT9PsHAM.js";var fe=r({name:`LayoutNanobanana`,components:{ElDrawer:E,ElButton:v,FontAwesomeIcon:q},mixins:[X]}),pe={class:`main flex flex-row flex-1`},me={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},he={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ge(e,r,i,a,s,c){let l=h(`font-awesome-icon`),d=h(`el-button`),m=h(`el-drawer`);return u(),t(`div`,pe,[n(`div`,me,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,he,[p(e.$slots,`result`,{},void 0,!0)]),f(o(d,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var _e=R(fe,[[`render`,ge],[`__scopeId`,`data-v-cca80bbd`]]),ve=r({name:`PromptInput`,components:{PromptTextarea:ae},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||=``}});function ye(e,t,n,r,i,o){let s=h(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var be=R(ve,[[`render`,ye]]),xe=r({name:`ImageUrlsInput`,components:{ElUpload:S,ElButton:v,InfoIcon:Z,ImagePreview:Y,FontAwesomeIcon:q},mixins:[H],data(){return{fileList:[],uploadUrl:U()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){z.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){z.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Se={class:`field flex items-center justify-between`},Ce={class:`title font-bold text-[14px] mb-[10px]`},we={class:`upload-wrapper flex flex-col items-start gap-[8px]`},Te={class:`controls flex items-center`},Ee={class:`file-list flex flex-wrap gap-[10px]`};function De(r,c,d,f,p,m){let _=h(`font-awesome-icon`),v=h(`el-button`),y=h(`el-upload`),b=h(`info-icon`),x=h(`image-preview`);return u(),t(s,null,[n(`div`,Se,[n(`h2`,Ce,l(r.$t(`openaiimage.name.imageUrls`)),1),n(`div`,we,[n(`div`,Te,[o(y,{"file-list":r.fileList,"onUpdate:fileList":c[0]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,"on-change":r.onChange,"on-remove":r.onRemove,headers:r.headers},{default:g(()=>[o(v,{size:`small`,type:`primary`,round:``},{default:g(()=>[o(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),o(b,{content:r.$t(`openaiimage.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),n(`div`,Ee,[(u(!0),t(s,null,e(r.fileList,(e,t)=>(u(),a(x,{key:e.uid||e?.response?.file_url||e.url||t,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>r.onRemovePreview(t,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var Oe=R(xe,[[`render`,De]]),ke=r({name:`OpenAIImageModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:Z},data(){return{options:[{value:I,label:this.$t(`openaiimage.model.gptImage1`)},{value:N,label:this.$t(`openaiimage.model.gptImage15`)},{value:F,label:this.$t(`openaiimage.model.gptImage2`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=M}}),Ae={class:`field`},je={class:`label`},Me={class:`box`},Ne={class:`title font-bold`};function Pe(r,i,c,d,f,p){let m=h(`info-icon`),_=h(`el-option`),v=h(`el-select`);return u(),t(`div`,Ae,[n(`div`,je,[n(`div`,Me,[n(`h2`,Ne,l(r.$t(`openaiimage.name.model`)),1),o(m,{content:r.modelDescription,class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`openaiimage.placeholder.select`)},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Fe=R(ke,[[`render`,Pe],[`__scopeId`,`data-v-cec771bd`]]);function Q(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var Ie=r({name:`OpenAIImageSizeSelector`,components:{ElSelect:b,ElOption:x,ElOptionGroup:y,ElSwitch:O,ElInputNumber:D,InfoIcon:Z},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},emptySizeValue(){return``},customSupported(){return P.includes(this.model)},presets(){return A[this.model]??A[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:re},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:j},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:k}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize()}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.emptySizeValue},set(e){this.customMode=!1,this.commitSize(e||void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return te},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0||t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):e*t>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:ee.toLocaleString()}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||this.presets.includes(e))return;let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)||this.commitSize()}},storedSize(e){if(!e){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Q(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),Le={class:`resolution`},Re={class:`field`},ze={class:`label`},Be={class:`box`},Ve={class:`title font-bold`},He={class:`field custom-toggle`},Ue={class:`label`},We={class:`box`},Ge={class:`title font-bold`},Ke={key:0,class:`custom-inputs`},qe={class:`row`},Je={class:`row-label`},Ye={class:`row`},Xe={class:`row-label`},Ze={key:0,class:`error`};function Qe(r,i,c,d,f,p){let _=h(`info-icon`),v=h(`el-option`),y=h(`el-option-group`),b=h(`el-select`),x=h(`el-switch`),S=h(`el-input-number`);return u(),t(`div`,Le,[n(`div`,Re,[n(`div`,ze,[n(`div`,Be,[n(`h2`,Ve,l(r.$t(`openaiimage.name.size`)),1),o(_,{content:r.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),o(b,{modelValue:r.presetValue,"onUpdate:modelValue":i[0]||=e=>r.presetValue=e,class:`value`,placeholder:r.$t(`openaiimage.placeholder.select`),disabled:r.useCustom},{default:g(()=>[o(v,{label:r.$t(`suno.gender.auto`),value:r.emptySizeValue},null,8,[`label`,`value`]),(u(!0),t(s,null,e(r.presetGroups,n=>(u(),a(y,{key:n.label,label:n.label},{default:g(()=>[(u(!0),t(s,null,e(n.options,e=>(u(),a(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),r.customSupported?(u(),t(s,{key:0},[n(`div`,He,[n(`div`,Ue,[n(`div`,We,[n(`h2`,Ge,l(r.$t(`openaiimage.name.customSize`)),1),o(_,{content:r.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),o(x,{modelValue:r.useCustom,"onUpdate:modelValue":i[1]||=e=>r.useCustom=e,class:`value-switch`},null,8,[`modelValue`])]),r.useCustom?(u(),t(`div`,Ke,[n(`div`,qe,[n(`span`,Je,l(r.$t(`openaiimage.name.width`)),1),o(S,{modelValue:r.customWidth,"onUpdate:modelValue":i[2]||=e=>r.customWidth=e,class:`row-input`,min:r.minSide,max:r.maxSide,step:r.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),n(`div`,Ye,[n(`span`,Xe,l(r.$t(`openaiimage.name.height`)),1),o(S,{modelValue:r.customHeight,"onUpdate:modelValue":i[3]||=e=>r.customHeight=e,class:`row-input`,min:r.minSide,max:r.maxSide,step:r.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),r.customError?(u(),t(`div`,Ze,l(r.customError),1)):m(``,!0)])):m(``,!0)],64)):m(``,!0)])}var $e=r({name:`ConfigPanel`,components:{ElButton:v,FontAwesomeIcon:q,PromptInput:be,Consumption:oe,ImageUrlsInput:Oe,ModelSelector:Fe,ResolutionSelector:R(Ie,[[`render`,Qe],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return B({...this.config||{}},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),et={class:`flex flex-col h-full`},tt={class:`flex-1 overflow-y-auto p-5`},nt={class:`flex flex-col items-center justify-center px-5 pb-5`};function rt(e,r,a,s,c,d){let f=h(`model-selector`),p=h(`resolution-selector`),m=h(`prompt-input`),_=h(`image-urls-input`),v=h(`consumption`),y=h(`font-awesome-icon`),b=h(`el-button`);return u(),t(`div`,et,[n(`div`,tt,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`})]),n(`div`,nt,[o(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(b,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(y,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var it=R($e,[[`render`,rt]]),at=r({name:`TaskPreview`,components:{ElImage:w,CopyToClipboard:J,FontAwesomeIcon:q,ElAlert:T,ImageWrapper:de,ElButton:v,ElTooltip:C,ImagePreview:Y,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:ne}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`||e?.action===`edit`||this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action||this.modelValue?.type||this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url||n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)}}}),ot={class:`preview`},st={class:`left`},ct={class:`main`},lt={class:`bot`},ut={class:`datetime`},dt={class:`info`},ft={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},pt={key:1,class:`prompt mt-2`},mt={key:0},ht={key:0,class:c({content:!0,failed:!0})},gt={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},_t={class:c({operations:!0,"mt-2":!0,"mb-2":!0})},vt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:1,class:c({content:!0})},Tt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},jt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Mt={key:2,class:c({content:!0})},Nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function It(r,c,f,p,_,v){let y=h(`el-image`),b=h(`image-preview`),x=h(`image-wrapper`),S=h(`el-button`),C=h(`el-tooltip`),w=h(`api-code-button`),T=h(`font-awesome-icon`),E=h(`copy-to-clipboard`),D=h(`el-alert`);return u(),t(`div`,ot,[n(`div`,st,[o(y,{src:r.OPENAIIMAGE_LOGO,class:`avatar`},null,8,[`src`])]),n(`div`,ct,[n(`div`,lt,[i(l(r.$t(`openaiimage.name.openaiimageBot`))+` `,1),n(`span`,ut,l(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,dt,[r.referenceImages.length>0?(u(),t(`div`,ft,[(u(!0),t(s,null,e(r.referenceImages,(e,t)=>(u(),a(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):m(``,!0),r.modelValue?.request?.prompt?(u(),t(`p`,pt,[i(l(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?m(``,!0):(u(),t(`span`,mt,` - (`+l(r.$t(`openaiimage.status.pending`))+`) `,1))])):m(``,!0)]),r.modelValue?.response?.success===!0?(u(),t(`div`,ht,[n(`div`,gt,[(u(!0),t(s,null,e(r.images,(e,t)=>(u(),a(x,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),n(`div`,_t,[o(C,{class:`box-item`,effect:`dark`,content:r.$t(`common.button.edit`),placement:`top-start`},{default:g(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=d(e=>r.onEdit(r.images?.[0]?.image_url||r.images?.[0]?.url),[`stop`])},{default:g(()=>[i(l(r.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:r.openaiimagePath,body:r.openaiimageCodeBody},null,8,[`path`,`body`])]),o(D,{closable:!1,class:`mt-2 success`},{default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,vt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,yt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,bt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,xt,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,St,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,Ct,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):m(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(u(),t(`div`,wt,[o(D,{closable:!1,class:`failure`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,Tt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,Et,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,Dt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,Ot,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,kt,[o(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failureReason`))+`: `+l(r.modelValue?.response?.error?.message)+` `,1),o(E,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,At,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,jt,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):m(``,!0)]),_:1})])):(u(),t(`div`,Mt,[o(D,{closable:!1,class:`info`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,Nt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,$,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,Pt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,Ft,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var Lt=r({name:`RecentPanel`,components:{TaskPreview:R(at,[[`render`,It],[`__scopeId`,`data-v-8ee5fb87`]]),BotPlaceholder:ie,NoTasks:ue,ScrollList:se},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Rt={key:0},zt={key:2,class:`w-full h-full flex items-center justify-center`};function Bt(n,r,i,c,l,d){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,Rt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,zt,[o(v)])):m(``,!0)],64)}var Vt=r({name:`OpenAIImageIndex`,components:{ConfigPanel:it,Layout:_e,RecentPanel:R(Lt,[[`render`,Bt]])},mixins:[W],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===G.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.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 ce({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!V(this.uploadTracker,e=>this.$t(e),e=>z.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){z.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size||delete e.size;let n={...e,action:`generate`,async:!0},r={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls||[],async:!0},i=this.credential?.token;if(!i){console.error(`no token specified`);return}z.info(this.$t(`openaiimage.message.startingTask`)),L(`openaiimage`,t?K.edit(r,{token:i}):K.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),z.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?z.error(this.$t(`openaiimage.message.usedUp`)):z.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message||``))}).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 Ht(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),d=h(`layout`);return u(),a(d,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ut=R(Vt,[[`render`,Ht]]);export{Ut as default};
|