@acedatacloud/nexior 3.318.3 → 3.318.5
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-kaJ_NK3k.js → ApiCodeButton-CfTk-8ZN.js} +1 -1
- package/dist/assets/{Artifacts-Ca-zFisA.js → Artifacts-DtnLT3mF.js} +1 -1
- package/dist/assets/{AskUserQuestionCard-CSrpD0xi.js → AskUserQuestionCard-Dt50rlVL.js} +1 -1
- package/dist/assets/{Auth-B4H3XHMv.js → Auth-zTc18NFF.js} +1 -1
- package/dist/assets/{Bare-DVHdA-IY.js → Bare-D-YEPFjQ.js} +1 -1
- package/dist/assets/{BotPlaceholder-9DszjIzN.js → BotPlaceholder-CfQq2sHv.js} +1 -1
- package/dist/assets/{BottomFooter-D5XlQ8Uv.js → BottomFooter-LyB-wLYp.js} +1 -1
- package/dist/assets/{Callback-BGROKsrS.js → Callback-CMyuvI8p.js} +1 -1
- package/dist/assets/{CodeSnippet-BB4P0ST2.js → CodeSnippet-B3DhVgP3.js} +1 -1
- package/dist/assets/{Console-CAGcf6oV.js → Console-DHOK2_lk.js} +1 -1
- package/dist/assets/{Consumption-BMyouOPY.js → Consumption-CBuLFrRY.js} +1 -1
- package/dist/assets/{Conversation-BkEV8POi.js → Conversation-CkKSagd9.js} +1 -1
- package/dist/assets/Conversation-Cr6_EUxO.js +1 -0
- package/dist/assets/{Conversation-CZIb3Qr0.css → Conversation-DmC-Rfxa.css} +1 -1
- package/dist/assets/{CopyToClipboard-dZE41GkG.js → CopyToClipboard-CkLFejOF.js} +1 -1
- package/dist/assets/{Detail-D1Xx8xn0.js → Detail-1m_EoFer.js} +2 -2
- package/dist/assets/{Extra-Ddc1J1PJ.js → Extra-CbgMw-ZC.js} +1 -1
- package/dist/assets/{FilePreview-Db2RYg5p.js → FilePreview-DSOlg8No.js} +1 -1
- package/dist/assets/{Hailuo-BGkBKWND.js → Hailuo-D2oukzvJ.js} +1 -1
- package/dist/assets/{History-BkuVmZcz.js → History-4hulq1fF.js} +1 -1
- package/dist/assets/{ImagePreview-C-3zybN8.js → ImagePreview-C7xo-Bs3.js} +1 -1
- package/dist/assets/{ImageWrapper-FePwvr9E.js → ImageWrapper-BfH8F5oC.js} +1 -1
- package/dist/assets/{Index-DZshqmaA.js → Index-B2VQOApC.js} +1 -1
- package/dist/assets/{Index-CWJMiEVT.js → Index-B2WUp-wg.js} +1 -1
- package/dist/assets/{Index-Dl12JD-t.js → Index-B2YIp4iD.js} +1 -1
- package/dist/assets/{Index-ypBRrBU1.js → Index-B9EIWouQ.js} +1 -1
- package/dist/assets/{Index-BKa1LyD3.js → Index-BPGmHkDt.js} +1 -1
- package/dist/assets/{Index-CMYGTcsH.js → Index-BbsJeObo.js} +1 -1
- package/dist/assets/{Index-BGU_hpf8.js → Index-BwtFOviU.js} +1 -1
- package/dist/assets/{Index-HJpN46nL.js → Index-C-Hpv4u_.js} +1 -1
- package/dist/assets/{Index-CW6ADCu7.js → Index-CGwcFTeE.js} +1 -1
- package/dist/assets/{Index-BcVCSRqb.js → Index-CIkMZydh.js} +1 -1
- package/dist/assets/{Index-BlrmxHtF.js → Index-CXLcbDHR.js} +1 -1
- package/dist/assets/{Index-DBC0rdxn.js → Index-CaoRybLE.js} +1 -1
- package/dist/assets/{Index-COyZkusX.js → Index-CnCkNjtm.js} +1 -1
- package/dist/assets/{Index-TkaM8cAi.js → Index-Cp-Ry6xE.js} +1 -1
- package/dist/assets/{Index-Dj5PFjj7.js → Index-CsTYQbU5.js} +1 -1
- package/dist/assets/{Index-ZmXbJUDG.js → Index-D548MPzZ.js} +1 -1
- package/dist/assets/{Index-CYM2ONg6.js → Index-DQEeeBJC.js} +1 -1
- package/dist/assets/{Index-qH9orXUn.js → Index-DbX0DySs.js} +1 -1
- package/dist/assets/{Index-9wuL98BC.js → Index-DhSeQjVE.js} +1 -1
- package/dist/assets/{Index-DnoWKs66.js → Index-Du3zJ9C6.js} +1 -1
- package/dist/assets/{Index-CUyTJIcS.js → Index-HCgEVHEp.js} +1 -1
- package/dist/assets/{Index-Cl0_fZ4S.js → Index-IuYGFDJC.js} +1 -1
- package/dist/assets/{Index-Dk7lPkU4.js → Index-L6w90C2c.js} +1 -1
- package/dist/assets/{Index-Q74AZNW0.js → Index-QcYLsnJo.js} +1 -1
- package/dist/assets/{Index-CW9Hz7Sw.js → Index-Qv-pqXx_.js} +1 -1
- package/dist/assets/{Index-BvuoqiwQ.js → Index-VCuobXmu.js} +1 -1
- package/dist/assets/{Index-Bxp3lx02.js → Index-w1z4xB17.js} +1 -1
- package/dist/assets/{Index-i060oMc6.js → Index-z-P-rQ04.js} +1 -1
- package/dist/assets/{Invitees-BCpTD1jJ.js → Invitees-C2_v_0KK.js} +1 -1
- package/dist/assets/{List-DllQmT8P.js → List-2Pkyp6au.js} +1 -1
- package/dist/assets/{List-By3YZ7zm.js → List-B7i89Uxe.js} +1 -1
- package/dist/assets/{List-BELpeUVh.js → List-x_T2S10P.js} +1 -1
- package/dist/assets/{LocalTools-2dq7A40b.js → LocalTools-DbtfE4YT.js} +1 -1
- package/dist/assets/{LocalTools-B6ADy-WS.js → LocalTools-DxyNmxZJ.js} +1 -1
- package/dist/assets/{Main-buvaaqVf.js → Main-B8sGGG-p.js} +1 -1
- package/dist/assets/{Message-BRtHWxdo.js → Message-c6M6rVBa.js} +1 -1
- package/dist/assets/{Model-BefGZhzr.js → Model-DIwiVU8u.js} +1 -1
- package/dist/assets/{Navigator-DkqDkpwa.js → Navigator-DZaOdewp.js} +3 -3
- package/dist/assets/{Navigator-CnUTissO.css → Navigator-Doxbnw-g.css} +1 -1
- package/dist/assets/{NoTasks-CpK7usEI.js → NoTasks-lgeZQjlj.js} +1 -1
- package/dist/assets/{NotFound-463Nax9r.js → NotFound-BPht6PoR.js} +1 -1
- package/dist/assets/{Pagination-DpB7MA0U.js → Pagination-P4U1SqFf.js} +1 -1
- package/dist/assets/{Pay-4l4jGCQr.js → Pay-SIatFHHz.js} +1 -1
- package/dist/assets/{Player-CMbIPvou.js → Player-CorCqdGg.js} +1 -1
- package/dist/assets/{PromptTextarea-C3cu9qpw.js → PromptTextarea-ZuGxtZha.js} +1 -1
- package/dist/assets/{RealtimeCall-o78Gbp7N.js → RealtimeCall-DiRdD1os.js} +1 -1
- package/dist/assets/{ScheduledTasks-BD-x2YBe.js → ScheduledTasks-BNKEB71f.js} +1 -1
- package/dist/assets/{Status-CMrnuioZ.js → Status-D1Hs_FTi.js} +1 -1
- package/dist/assets/{Subscribe-CzINuxsH.js → Subscribe-Bxu7KyoK.js} +1 -1
- package/dist/assets/{TabSwitcher-6SeQ4bnF.js → TabSwitcher-Cvn5b6Tv.js} +1 -1
- package/dist/assets/{Tts-BKytlywI.js → Tts-CLsZktH_.js} +1 -1
- package/dist/assets/{VideoPlayer-Bo_fE1SY.js → VideoPlayer-CTm4UYz1.js} +1 -1
- package/dist/assets/{VideoPreview-BMc2nCAd.js → VideoPreview-Dmtyl1dG.js} +1 -1
- package/dist/assets/{alert-CjobIfxl.js → alert-CBUoG6YJ.js} +1 -1
- package/dist/assets/{avatar-2yuvNVUi.js → avatar-Lwta2mnu.js} +1 -1
- package/dist/assets/{basic-DH5OVgFq.js → basic-BdIaAusY.js} +1 -1
- package/dist/assets/{chat-BpSFcD8l.js → chat-o0hpoUJs.js} +1 -1
- package/dist/assets/{codingBridge-DFkuNL3X.js → codingBridge-DaOdUYFE.js} +1 -1
- package/dist/assets/{codingBridgeNotify-1JZjiwsI.js → codingBridgeNotify-BTvTPSNw.js} +2 -2
- package/dist/assets/{collapse-B8h6Qri7.js → collapse-EguW2Blk.js} +1 -1
- package/dist/assets/{createTaskActions-CA3NP9J3.js → createTaskActions-CwSh7QNh.js} +1 -1
- package/dist/assets/{date-picker-Dq-FmW65.js → date-picker-D1r7YeMl.js} +1 -1
- package/dist/assets/{digitalhuman-DwZO_8hG.js → digitalhuman-KEwc_WIW.js} +1 -1
- package/dist/assets/{drawer-BZNzf5FS.js → drawer-BkdhdDZF.js} +1 -1
- package/dist/assets/{dropdown-Axzt-fEa.js → dropdown-B5UJ0HSM.js} +1 -1
- package/dist/assets/{dropdown-DnDP6Ucu.js → dropdown-CsocEmX4.js} +1 -1
- package/dist/assets/{esm-DtKoTkcf.js → esm-4FLd55E1.js} +1 -1
- package/dist/assets/esm-B4ihe3Q4.js +1 -0
- package/dist/assets/{esm-jLSNudqS.js → esm-BLE0pW6w.js} +1 -1
- package/dist/assets/{esm-Cf2sahmO.js → esm-C65kjaUr.js} +2 -2
- package/dist/assets/{esm-CtpwR0fQ.js → esm-CAQdbzpu.js} +3 -3
- package/dist/assets/{esm-BFq0uLtq.js → esm-CI8ia1U2.js} +1 -1
- package/dist/assets/{esm-DUXa_2Ov.js → esm-vCNKi_5X.js} +2 -2
- package/dist/assets/{fish-DSZy8dLn.js → fish-_5y6v0og.js} +1 -1
- package/dist/assets/{flux-BQo9m21T.js → flux-XYEEF8-S.js} +1 -1
- package/dist/assets/{grokvideo-DZ35Iw2a.js → grokvideo-DIO92LsP.js} +1 -1
- package/dist/assets/{hailuo-gRJITiHD.js → hailuo-bxsDFbKT.js} +1 -1
- package/dist/assets/{headshots-Dza6jfBi.js → headshots-fItRsJJr.js} +1 -1
- package/dist/assets/{image-BXj6wYmU.js → image-BbCJ9I99.js} +1 -1
- package/dist/assets/{index-BIjIFWZJ.js → index-DiOG7kod.js} +3 -3
- package/dist/assets/{index.browser.esm-eOh7qdoS.js → index.browser.esm-D7Pcbi9T.js} +1 -1
- package/dist/assets/{index.es-BEXw6_kc.js → index.es-DT0Hc4W3.js} +1 -1
- package/dist/assets/{input-number-CVF1_yiG.js → input-number-BgMMHLs0.js} +1 -1
- package/dist/assets/{kling-B4XrEiij.js → kling-C6frSAkO.js} +1 -1
- package/dist/assets/{luma-BDgdqABD.js → luma-CElaSpMp.js} +1 -1
- package/dist/assets/{maestro-BH3SA4Sw.js → maestro-D-8-xf3w.js} +1 -1
- package/dist/assets/{midjourney-C14gUhIt.js → midjourney-GkAz469-.js} +1 -1
- package/dist/assets/{mobileLocalExec-BDQuqHn0.js → mobileLocalExec-BMEe349R.js} +2 -2
- package/dist/assets/{nanobanana-EJ-yHuGM.js → nanobanana-DZGNPLSJ.js} +1 -1
- package/dist/assets/{openaiimage-Cs8mHHSR.js → openaiimage-CfK4d55G.js} +1 -1
- package/dist/assets/{pagination-jgPqIBs9.js → pagination-BJhFxVjL.js} +1 -1
- package/dist/assets/{pika-lFChS9Xo.js → pika-Cspbt6zK.js} +1 -1
- package/dist/assets/{pixverse-DQASDTyf.js → pixverse-CLStLNW6.js} +1 -1
- package/dist/assets/{popover-BEwJ-0Hs.js → popover-BeYwb6db.js} +1 -1
- package/dist/assets/{producer-B5lRXmRG.js → producer-BORyEaTg.js} +1 -1
- package/dist/assets/{qrart-DCehu9ql.js → qrart-DBmNI_Mn.js} +1 -1
- package/dist/assets/{realtime-CLEwVCJJ.js → realtime-uKP29ii9.js} +1 -1
- package/dist/assets/{row-D-v5w7Gr.js → row-CGR2jJFn.js} +1 -1
- package/dist/assets/{seedance-TA20POvl.js → seedance-_01sp6s8.js} +1 -1
- package/dist/assets/{seedream-POdNXeiX.js → seedream-B9Ad_Fc4.js} +1 -1
- package/dist/assets/{select-DlyATkek.js → select-BqaGx3V1.js} +1 -1
- package/dist/assets/{serp-B8Cwq30m.js → serp-DJMLpHAn.js} +1 -1
- package/dist/assets/{slider-CoRfla_t.js → slider-B7fmWxVw.js} +1 -1
- package/dist/assets/{solana-wallets-BsgVZm7f.js → solana-wallets-BBSojAEX.js} +2 -2
- package/dist/assets/{solana-wallets-vue-iGoQ5rwu.js → solana-wallets-vue-DQBd9zZ5.js} +1 -1
- package/dist/assets/{sora-VujWo67n.js → sora-CHlD8azx.js} +1 -1
- package/dist/assets/{suno-D_5pOt74.js → suno-D1pwasiS.js} +1 -1
- package/dist/assets/{switch-DIUex9yo.js → switch-BXG-XSiL.js} +1 -1
- package/dist/assets/{table-DGegyojm.js → table-CnozWFnU.js} +1 -1
- package/dist/assets/{tabs-DksxQqYy.js → tabs-CrOGK4SL.js} +1 -1
- package/dist/assets/{time-picker-C7lQBoKm.js → time-picker-ByCBwJKB.js} +1 -1
- package/dist/assets/{tooltip-DGqinH2V.js → tooltip-zno117MV.js} +1 -1
- package/dist/assets/{upload-UY425RS1.js → upload-Df60JJpG.js} +1 -1
- package/dist/assets/{veo-CQy_VbjM.js → veo-IJLmG8pD.js} +1 -1
- package/dist/assets/{wan-C4EtADm0.js → wan-BOSkItol.js} +1 -1
- package/dist/assets/{web-WoiwKshF.js → web-B9KSkc1a.js} +1 -1
- package/dist/assets/{web-Bx568Em7.js → web-BjoMVUsS.js} +1 -1
- package/dist/assets/{web-RXGXBVp9.js → web-D3RgJcVF.js} +1 -1
- package/dist/assets/{web-B0-G8cNU.js → web-HoEazP6f.js} +1 -1
- package/dist/assets/{web-1Xi0MbRc.js → web-h7xn1-a9.js} +1 -1
- package/dist/assets/{webextrator-c2ClrNMM.js → webextrator-AvDljd7M.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/Conversation-C94Re5mI.js +0 -1
- package/dist/assets/esm-CmBmfhyo.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,Ht as r,I as i,N as a,O as o,P as s,Q as c,S as l,Wt as u,dt as d,et as f,ft as p,k as m,nt as h,tt as g,v as _}from"./vendor-chart-kBsXB1rh.js";import{r as v,t as y}from"./select-DlyATkek.js";import{t as b}from"./upload-UY425RS1.js";import{t as x}from"./image-BXj6wYmU.js";import{t as S}from"./alert-CjobIfxl.js";import{n as C,r as w}from"./radio-Ct6y4mt7.js";import{t as T}from"./drawer-BZNzf5FS.js";import{t as E}from"./slider-CoRfla_t.js";import{t as D}from"./switch-DIUex9yo.js";import{di as O,fi as k,hi as A,mi as j,pi as M}from"./constants-BqvGY8Qp.js";import{A as N,Ht as P,Kt as F,Ln as I,Ut as L,Vr as R,Vt as z,Wr as B,Wt as V,Zn as ee,en as te,fi as H,ti as U,tr as W,xi as G}from"./index-BIjIFWZJ.js";import{t as K}from"./index.es-BEXw6_kc.js";import{t as q}from"./CopyToClipboard-dZE41GkG.js";import{t as J}from"./Status-CMrnuioZ.js";import{t as Y}from"./ImagePreview-C-3zybN8.js";import{n as X}from"./taskDrawerMixin-CfysS2FH.js";import{t as Z}from"./Consumption-BMyouOPY.js";import{i as Q,n as ne,t as re}from"./pagination-jgPqIBs9.js";import{t as ie}from"./ApiCodeButton-kaJ_NK3k.js";import{t as ae}from"./BotPlaceholder-9DszjIzN.js";import{t as oe}from"./NoTasks-CpK7usEI.js";import{t as se}from"./PromptTextarea-C3cu9qpw.js";import{t as ce}from"./ImageWrapper-FePwvr9E.js";var le=i({name:`LayoutQrart`,components:{ElDrawer:T,ElButton:H,FontAwesomeIcon:K},mixins:[X]}),ue={class:`main flex flex-row flex-1`},de={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},fe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function pe(n,r,i,a,o,l){let u=h(`font-awesome-icon`),f=h(`el-button`),m=h(`el-drawer`);return c(),e(`div`,ue,[t(`div`,de,[g(n.$slots,`config`,{},void 0,!0)]),t(`div`,fe,[g(n.$slots,`result`,{},void 0,!0)]),p(s(f,{circle:``,class:`menu`,onClick:r[0]||=e=>n.drawer=!0},{default:d(()=>[s(u,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!n.tasksEmpty]]),s(m,{modelValue:n.drawer,"onUpdate:modelValue":r[1]||=e=>n.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:d(()=>[g(n.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var me=N(le,[[`render`,pe],[`__scopeId`,`data-v-2c672a84`]]),he=i({name:`VersionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{label:this.$t(`qrart.type.text`),value:`text`},{label:this.$t(`qrart.type.link`),value:`link`},{label:this.$t(`qrart.type.email`),value:`email`},{label:this.$t(`qrart.type.phone`),value:`phone`},{label:this.$t(`qrart.type.sms`),value:`sms`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug(`set type`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||=(console.debug(`set default type`,A),A)}}),ge={class:`field`},_e={class:`text-sm font-bold title`};function ve(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,ge,[t(`span`,_e,n(r.$t(`qrart.name.type`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`qrart.placeholder.select`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=N(he,[[`render`,ve],[`__scopeId`,`data-v-b4bd8f04`]]),be=i({name:`AspectRatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:30,height:30},{value:`4:3`,label:`4:3`,width:32,height:24},{value:`3:4`,label:`3:4`,width:24,height:32},{value:`16:9`,label:`16:9`,width:32,height:18},{value:`9:16`,label:`9:16`,width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug(`set aspect ratio`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),xe={class:`text-sm font-bold block mb-2`},Se={class:`items`},Ce=[`onClick`],we={class:`name`};function Te(i,a,o,s,d,p){return c(),e(`div`,null,[t(`span`,xe,n(i.$t(`qrart.name.aspectRatio`)),1),t(`div`,Se,[(c(!0),e(l,null,f(i.options,(a,o)=>(c(),e(`div`,{key:o,class:r({active:i.active===o,item:!0}),onClick:e=>i.value=a.value},[t(`div`,{class:r([`preview`,a.label])},[t(`div`,{class:`rect`,style:u({width:a.width+`px`,height:a.height+`px`})},null,4)],2),t(`p`,we,n(a.label),1)],10,Ce))),128))])])}var Ee=N(be,[[`render`,Te],[`__scopeId`,`data-v-b7590ecc`]]),De=i({name:`QrwSelector`,components:{ElSlider:E,InfoIcon:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||2},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||=(console.debug(`set default qrw`),2)}}),Oe={class:`field`},ke={class:`text-sm font-bold title mb-2`};function Ae(r,i,a,o,l,u){let d=h(`el-slider`),f=h(`info-icon`);return c(),e(`div`,Oe,[t(`span`,ke,n(r.$t(`qrart.name.qrw`)),1),s(d,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,min:1.5,max:3,step:.1,class:`value`},null,8,[`modelValue`]),s(f,{content:r.$t(`qrart.description.qrw`),class:`info`},null,8,[`content`])])}var je=N(De,[[`render`,Ae],[`__scopeId`,`data-v-8410479c`]]),Me=i({name:`StepsSelector`,components:{ElSlider:E,InfoIcon:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||20},set(e){console.debug(`set steps`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||=(console.debug(`set default steps`,20),20)}}),Ne={class:`field`},Pe={class:`text-sm font-bold block mb-2`};function Fe(r,i,a,o,l,u){let d=h(`el-slider`),f=h(`info-icon`);return c(),e(`div`,Ne,[t(`span`,Pe,n(r.$t(`qrart.name.steps`)),1),s(d,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,min:10,max:20,step:1,class:`value`},null,8,[`modelValue`]),s(f,{content:r.$t(`qrart.description.steps`),class:`info`},null,8,[`content`])])}var Ie=N(Me,[[`render`,Fe],[`__scopeId`,`data-v-0c88983e`]]),Le=i({name:`AdvancedSelector`,components:{ElSwitch:D},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug(`set advanced`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Re={class:`field`},ze={class:`title font-bold`};function Be(r,i,a,o,l,u){let d=h(`el-switch`);return c(),e(`div`,Re,[t(`span`,ze,n(r.$t(`qrart.name.advanced`)),1),s(d,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`},null,8,[`modelValue`])])}var Ve=N(Le,[[`render`,Be],[`__scopeId`,`data-v-f8ddf849`]]),He=i({name:`MarkerShapeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.markerShape.square`)},{value:`circle`,label:this.$t(`qrart.markerShape.circle`)},{value:`plus`,label:this.$t(`qrart.markerShape.plus`)},{value:`box`,label:this.$t(`qrart.markerShape.box`)},{value:`octagon`,label:this.$t(`qrart.markerShape.octagon`)},{value:`tiny-plus`,label:this.$t(`qrart.markerShape.tinyPlus`)},{value:`random`,label:this.$t(`qrart.markerShape.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug(`set marker_shape`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||=O}}),Ue={class:`field`},We={class:`text-sm font-bold block mb-2`};function Ge(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,Ue,[t(`span`,We,n(r.$t(`qrart.name.markerShape`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.markerShape`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ke=N(He,[[`render`,Ge],[`__scopeId`,`data-v-de71e0b0`]]),qe=i({name:`SubMarkerSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.subMarker.square`)},{value:`circle`,label:this.$t(`qrart.subMarker.circle`)},{value:`plus`,label:this.$t(`qrart.subMarker.plus`)},{value:`box`,label:this.$t(`qrart.subMarker.box`)},{value:`random`,label:this.$t(`qrart.subMarker.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug(`set sub_marker`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||=j}}),Je={class:`field`},Ye={class:`text-sm font-bold block mb-2`};function Xe(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,Je,[t(`span`,Ye,n(r.$t(`qrart.name.subMarker`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.subMarker`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ze=N(qe,[[`render`,Xe],[`__scopeId`,`data-v-51a39efa`]]),Qe=i({name:`RotateSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug(`set rotate`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||=0}}),$e={class:`field`},et={class:`text-sm font-bold block mb-2`};function tt(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,$e,[t(`span`,et,n(r.$t(`qrart.name.rotate`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.rotate`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var nt=N(Qe,[[`render`,tt],[`__scopeId`,`data-v-72e35835`]]),rt=i({name:`EclSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`L`,label:`L`},{value:`M`,label:`M`},{value:`Q`,label:`Q`},{value:`H`,label:`H`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug(`set ecl`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||=`H`}}),it={class:`field`},at={class:`text-sm font-bold block mb-2`};function ot(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,it,[t(`span`,at,n(r.$t(`qrart.name.ecl`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.ecl`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var st=N(rt,[[`render`,ot],[`__scopeId`,`data-v-b3a5e331`]]),ct=i({name:`MarkerShapeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`center`,label:this.$t(`qrart.position.center`)},{value:`top`,label:this.$t(`qrart.position.top`)},{value:`right`,label:this.$t(`qrart.position.right`)},{value:`bottom`,label:this.$t(`qrart.position.bottom`)},{value:`left`,label:this.$t(`qrart.position.left`)},{value:`top-left`,label:this.$t(`qrart.position.topLeft`)},{value:`top-right`,label:this.$t(`qrart.position.topRight`)},{value:`bottom-left`,label:this.$t(`qrart.position.bottomLeft`)},{value:`bottom-right`,label:this.$t(`qrart.position.bottomRight`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug(`set position`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||=M}}),lt={class:`field`},ut={class:`title font-bold`};function dt(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,lt,[t(`span`,ut,n(r.$t(`qrart.name.position`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.position`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ft=N(ct,[[`render`,dt],[`__scopeId`,`data-v-54186505`]]),pt=i({name:`PaddingLevelSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug(`set padding_level`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||=5}}),mt={class:`field`},ht={class:`text-sm font-bold block mb-2`};function gt(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,mt,[t(`span`,ht,n(r.$t(`qrart.name.paddingLevel`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.paddingLevel`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var _t=N(pt,[[`render`,gt],[`__scopeId`,`data-v-49d801fd`]]),vt=i({name:`PaddingNoiseSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug(`set padding_noise`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||=0}}),yt={class:`field`},bt={class:`text-sm font-bold block mb-2`};function xt(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,yt,[t(`span`,bt,n(r.$t(`qrart.name.paddingNoise`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.paddingNoise`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var St=N(vt,[[`render`,xt],[`__scopeId`,`data-v-a20833bb`]]),Ct=i({name:`PixelStyleSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.pixelStyle.square`)},{value:`rounded`,label:this.$t(`qrart.pixelStyle.rounded`)},{value:`dot`,label:this.$t(`qrart.pixelStyle.dot`)},{value:`squircle`,label:this.$t(`qrart.pixelStyle.squircle`)},{value:`row`,label:this.$t(`qrart.pixelStyle.row`)},{value:`column`,label:this.$t(`qrart.pixelStyle.column`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug(`set pixel_style`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||=k}}),wt={class:`field`},Tt={class:`text-sm font-bold block mb-2`};function Et(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,wt,[t(`span`,Tt,n(r.$t(`qrart.name.pixelStyle`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.pixelStyle`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Dt=N(Ct,[[`render`,Et],[`__scopeId`,`data-v-aca7f79f`]]),Ot=i({name:`SeedInput`,components:{ElInput:G},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0}}),kt={class:`field`},At={class:`text-sm font-bold block mb-2`};function jt(r,i,a,o,l,u){let d=h(`el-input`);return c(),e(`div`,kt,[t(`span`,At,n(r.$t(`qrart.name.seed`)),1),s(d,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`qrart.placeholder.seed`)},null,8,[`modelValue`,`placeholder`])])}var Mt=N(Ot,[[`render`,jt],[`__scopeId`,`data-v-d939305d`]]),Nt=i({name:`PresetSelector`,components:{ElImage:x},data(){return{options:[{value:`sunset`,label:this.$t(`qrart.preset.sunset`),url:`https://cdn.acedata.cloud/rp1h1s.png`},{value:`floral`,label:this.$t(`qrart.preset.floral`),url:`https://cdn.acedata.cloud/upyikx.png`},{value:`snowflakes`,label:this.$t(`qrart.preset.snowflakes`),url:`https://cdn.acedata.cloud/j447da.png`},{value:`feathers`,label:this.$t(`qrart.preset.feathers`),url:`https://cdn.acedata.cloud/d2ctz9.png`},{value:`raindrops`,label:this.$t(`qrart.preset.raindrops`),url:`https://cdn.acedata.cloud/xv2t3s.png`},{value:`ultra-realism`,label:this.$t(`qrart.preset.ultraRealism`),url:`https://cdn.acedata.cloud/nlor4y.png`},{value:`epic-realms`,label:this.$t(`qrart.preset.epicRealms`),url:`https://cdn.acedata.cloud/wwzkvy.png`},{value:`intricate-studio`,label:this.$t(`qrart.preset.intricateStudio`),url:`https://cdn.acedata.cloud/4kzf5y.png`},{value:`symmetric-masterpiece`,label:this.$t(`qrart.preset.symmetricMasterpiece`),url:`https://cdn.acedata.cloud/ff4ii2.png`},{value:`luminous-highway`,label:this.$t(`qrart.preset.luminousHighway`),url:`https://cdn.acedata.cloud/cliodt.png`},{value:`celestial-journey`,label:this.$t(`qrart.preset.celestialJourney`),url:`https://cdn.acedata.cloud/ejellf.png`},{value:`neon-mech`,label:this.$t(`qrart.preset.neonMech`),url:`https://cdn.acedata.cloud/3z0y6z.png`},{value:`ethereal-low-poly`,label:this.$t(`qrart.preset.etherealLowPoly`),url:`https://cdn.acedata.cloud/36o0mm.png`},{value:`golden-vista`,label:this.$t(`qrart.preset.goldenVista`),url:`https://cdn.acedata.cloud/xa0267.png`},{value:`cinematic-expanse`,label:this.$t(`qrart.preset.cinematicExpanse`),url:`https://cdn.acedata.cloud/krl5qp.png`},{value:`cinematic-warm`,label:this.$t(`qrart.preset.cinematicWarm`),url:`https://cdn.acedata.cloud/e1aahg.png`},{value:`desolate-wilderness`,label:this.$t(`qrart.preset.desolateWilderness`),url:`https://cdn.acedata.cloud/9evqqu.png`},{value:`vibrant-palette`,label:this.$t(`qrart.preset.vibrantPalette`),url:`https://cdn.acedata.cloud/3fvsmz.png`},{value:`enigmatic-journey`,label:this.$t(`qrart.preset.enigmaticJourney`),url:`https://cdn.acedata.cloud/l6kku0.png`},{value:`timeless-cinematic`,label:this.$t(`qrart.preset.timelessCinematic`),url:`https://cdn.acedata.cloud/h5mzyn.png`},{value:`regal-galaxy`,label:this.$t(`qrart.preset.regalGalaxy`),url:`https://cdn.acedata.cloud/czkegd.png`},{value:`illustrious-canvas`,label:this.$t(`qrart.preset.illustriousCanvas`),url:`https://cdn.acedata.cloud/m8hwzh.png`},{value:`expressive-mural`,label:this.$t(`qrart.preset.expressiveMural`),url:`https://cdn.acedata.cloud/g4v1rb.png`},{value:`serene-haze`,label:this.$t(`qrart.preset.sereneHaze`),url:`https://cdn.acedata.cloud/3w3ixr.png`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||=``}}),Pt={class:`field`},Ft={class:`text-sm font-bold block mb-2`},It={class:`pane`},Lt=[`onClick`],Rt={class:`name`};function zt(i,a,o,u,d,p){let m=h(`el-image`);return c(),e(`div`,Pt,[t(`span`,Ft,n(i.$t(`qrart.name.preset`)),1),t(`div`,It,[(c(!0),e(l,null,f(i.options,(a,o)=>(c(),e(`div`,{key:o,class:r({item:!0,active:i.value===a.value}),onClick:e=>i.value===a.value?i.value=void 0:i.value=a.value},[s(m,{src:a.url,fit:`fill`,class:`preview`},null,8,[`src`]),t(`span`,Rt,n(a.label),1)],10,Lt))),128))])])}var Bt=N(Nt,[[`render`,zt],[`__scopeId`,`data-v-65c34adf`]]),Vt=i({name:`ContentInput`,components:{ElInput:G,ElUpload:b,ElRadioGroup:w,ElButton:H,ElRadioButton:C,ImagePreview:Y,FontAwesomeIcon:K},mixins:[V,P],data(){return{inputWay:`input`,fileList:[],uploadUrl:B()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||=``,this.onSetContentImageUrl()},methods:{onExceed(){U.warning(this.$t(`qrart.message.uploadDocumentsExceed`))},onError(){U.error(this.$t(`qrart.message.uploadDocumentsError`))},onSetContentImageUrl(){let e=this.urls?.[0];this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),Ht={class:`field`},Ut={class:`flex justify-between items-center mb-4`},Wt={class:`text-sm font-bold title`},Gt={class:`flex items-center`},Kt={key:2,class:`description`};function qt(r,i,l,u,f,p){let g=h(`el-radio-button`),_=h(`el-radio-group`),v=h(`el-input`),y=h(`image-preview`),b=h(`font-awesome-icon`),x=h(`el-button`),S=h(`el-upload`);return c(),e(`div`,Ht,[t(`div`,Ut,[t(`span`,Wt,n(r.$t(`qrart.name.content`)),1),t(`div`,Gt,[s(_,{modelValue:r.inputWay,"onUpdate:modelValue":i[0]||=e=>r.inputWay=e},{default:d(()=>[s(g,{label:`input`},{default:d(()=>[a(n(r.$t(`qrart.inputWay.input`)),1)]),_:1}),s(g,{label:`upload`},{default:d(()=>[a(n(r.$t(`qrart.inputWay.upload`)),1)]),_:1})]),_:1},8,[`modelValue`])])]),r.inputWay==`input`?(c(),o(v,{key:0,modelValue:r.value,"onUpdate:modelValue":i[1]||=e=>r.value=e,class:`content`,placeholder:r.$t(`qrart.placeholder.content`)},null,8,[`modelValue`,`placeholder`])):m(``,!0),r.inputWay==`upload`?(c(),o(S,{key:1,ref:`uploader`,"file-list":r.fileList,"onUpdate:fileList":i[2]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`upload upload-wrapper`,limit:1,multiple:!1,"list-type":`picture`,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,headers:r.headers},{file:d(({file:e})=>[s(y,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:t=>r.fileList.splice(r.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:d(()=>[s(x,{size:`small`,type:`primary`,round:``},{default:d(()=>[s(b,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+n(r.$t(`qrart.button.uploadQr`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])):m(``,!0),r.inputWay==`upload`?(c(),e(`p`,Kt,n(r.$t(`qrart.message.uploadQr`)),1)):m(``,!0)])}var Jt=N(Vt,[[`render`,qt],[`__scopeId`,`data-v-afb72cf1`]]),Yt=i({name:`PromptInput`,components:{PromptTextarea:se},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||=``}});function Xt(e,t,n,r,i,a){let s=h(`prompt-textarea`);return c(),o(s,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,title:e.$t(`qrart.name.prompt`),placeholder:e.$t(`qrart.placeholder.prompt`)},null,8,[`modelValue`,`title`,`placeholder`])}var Zt=i({name:`ConfigPanel`,components:{ElButton:H,FontAwesomeIcon:K,Consumption:Z,TypeSelector:ye,PositionSelector:ft,PixelStyleSelector:Dt,PaddingLevelSelector:_t,SeedInput:Mt,AspectRatioSelector:Ee,QrwSelector:je,EclSelector:st,StepsSelector:Ie,PaddingNoiseSelector:St,AdvancedSelector:Ve,MarkerShapeSelector:Ke,SubMarkerSelector:Ze,RotateSelector:nt,PresetSelector:Bt,ContentInput:Jt,PromptInput:N(Yt,[[`render`,Xt]])},emits:[`generate`],computed:{config(){return this.$store.state.qrart?.config},consumption(){return F(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Qt={class:`flex flex-col h-full`},$t={class:`flex-1 overflow-y-auto p-5`},en={class:`flex flex-col items-center justify-center px-5 pb-5`};function tn(r,i,l,u,f,p){let g=h(`type-selector`),_=h(`content-input`),v=h(`prompt-input`),y=h(`aspect-ratio-selector`),b=h(`qrw-selector`),x=h(`preset-selector`),S=h(`position-selector`),C=h(`advanced-selector`),w=h(`steps-selector`),T=h(`seed-input`),E=h(`pixel-style-selector`),D=h(`marker-shape-selector`),O=h(`sub-marker-selector`),k=h(`rotate-selector`),A=h(`ecl-selector`),j=h(`padding-level-selector`),M=h(`padding-noise-selector`),N=h(`consumption`),P=h(`font-awesome-icon`),F=h(`el-button`);return c(),e(`div`,Qt,[t(`div`,$t,[s(g,{class:`mb-4`}),s(_,{class:`mb-4`}),s(v,{class:`mb-4`}),s(y,{class:`mb-4`}),s(b,{class:`mb-4`}),s(x,{class:`mb-4`}),s(S,{class:`mb-4`}),s(C,{class:`mb-4`}),r.config?.advanced?(c(),o(w,{key:0,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(T,{key:1,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(E,{key:2,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(D,{key:3,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(O,{key:4,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(k,{key:5,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(A,{key:6,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(j,{key:7,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(M,{key:8,class:`mb-4`})):m(``,!0)]),t(`div`,en,[s(N,{value:r.consumption,service:r.service},null,8,[`value`,`service`]),s(F,{type:`primary`,class:`btn w-full`,round:``,onClick:i[0]||=e=>r.$emit(`generate`)},{default:d(()=>[s(P,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+n(r.$t(`qrart.button.generate`)),1)]),_:1})])])}var nn=N(Zt,[[`render`,tn]]),rn=i({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:S,ImageWrapper:ce,ApiCodeButton:ie},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenUrl(e){window.open(e,`_blank`)},onDownload(e){let t=document.createElement(`a`);t.href=e,t.download=e.split(`/`).pop(),t.click()}}}),an={class:`preview w-full h-fit text-left flex flex-row mb-[15px]`},on={class:`left`},sn={class:`main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]`},cn={class:`bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap`},ln={class:`datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]`},un={class:`info`},dn={key:0,class:`prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap`},fn={key:0},pn={key:0,class:r({content:!0,failed:!0})},mn={class:r({operations:!0,"mt-2":!0,"mb-2":!0})},hn={class:`description`},gn={class:`description`},_n={key:0,class:`description`},vn={key:1,class:`description`},yn={key:2,class:`description`},$={key:3,class:`description`},bn={key:1,class:r({content:!0})},xn={class:`description`},Sn={class:`description`},Cn={key:0,class:`description`},wn={class:`description`},Tn={key:2,class:r({content:!0})},En={class:`description`};function Dn(r,i,l,u,f,p){let g=h(`el-image`),_=h(`image-wrapper`),v=h(`api-code-button`),y=h(`font-awesome-icon`),b=h(`copy-to-clipboard`),x=h(`el-alert`);return c(),e(`div`,an,[t(`div`,on,[s(g,{src:`https://cdn.acedata.cloud/bcml67.png`,class:`avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full`})]),t(`div`,sn,[t(`div`,cn,[a(n(r.$t(`qrart.name.qrartBot`))+` `,1),t(`span`,ln,n(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),t(`div`,un,[r.modelValue?.request?.prompt?(c(),e(`p`,dn,[a(n(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?m(``,!0):(c(),e(`span`,fn,` - (`+n(r.$t(`qrart.status.pending`))+`) `,1))])):m(``,!0)]),r.modelValue?.response?.success===!0?(c(),e(`div`,pn,[r.modelValue?.response?.image_url?(c(),o(_,{key:0,src:r.modelValue?.response?.image_url,"raw-src":r.modelValue?.response?.image_url},null,8,[`src`,`raw-src`])):m(``,!0),t(`div`,mn,[s(v,{path:`/qrart/generate`,body:r.modelValue?.request},null,8,[`body`])]),s(x,{closable:!1,class:`mt-2 success`},{default:d(()=>[t(`p`,hn,[s(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.taskId`))+`: `+n(r.modelValue?.id)+` `,1),s(b,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),t(`p`,gn,[s(y,{icon:`fa-solid fa-diamond`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.type`))+`: `+n(r.$t(`qrart.type.`+r.modelValue?.request?.type))+` `,1),s(b,{content:r.modelValue?.request?.type,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.request?.content?(c(),e(`p`,_n,[s(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.content`))+`: `+n(r.modelValue?.request?.content)+` `,1),s(b,{content:r.modelValue?.request?.content,class:`btn-copy`},null,8,[`content`])])):m(``,!0),r.modelValue?.request?.content_image_url?(c(),e(`p`,vn,[s(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.contentImageUrl`))+`: `,1),s(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1 cursor-pointer`,onClick:i[0]||=e=>r.onOpenLink(r.modelValue?.request?.content_image_url)})])):m(``,!0),r.modelValue?.request?.seed||r.modelValue?.response?.seed?(c(),e(`p`,yn,[s(y,{icon:`fa-solid fa-seedling`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.seed`))+`: `+n(r.modelValue?.request?.seed||r.modelValue?.response?.seed)+` `,1),s(b,{content:(r.modelValue?.request?.seed||r.modelValue?.response?.seed).toString(),class:`btn-copy`},null,8,[`content`])])):m(``,!0),r.modelValue?.elapsed?(c(),e(`p`,$,[s(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.elapsed`))+`: `+n(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),r.modelValue?.response?.success===!1?(c(),e(`div`,bn,[s(x,{closable:!1,class:`failure`},{template:d(()=>[s(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.failure`)),1)]),default:d(()=>[t(`p`,xn,[s(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.taskId`))+`: `+n(r.modelValue?.id)+` `,1),s(b,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),t(`p`,Sn,[s(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.failureReason`))+`: `+n(r.modelValue?.response?.error?.message)+` `,1),s(b,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(c(),e(`p`,Cn,[s(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.elapsed`))+`: `+n(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),t(`p`,wn,[s(y,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.traceId`))+`: `+n(r.modelValue?.response?.trace_id)+` `,1),s(b,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):m(``,!0),r.modelValue?.response?m(``,!0):(c(),e(`div`,Tn,[s(x,{closable:!1,class:`info`},{template:d(()=>[s(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.failure`)),1)]),default:d(()=>[t(`p`,En,[s(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.taskId`))+`: `+n(r.modelValue?.id)+` `,1),s(b,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var On=i({name:`RecentPanel`,components:{TaskPreview:N(rn,[[`render`,Dn],[`__scopeId`,`data-v-5c6e6795`]]),BotPlaceholder:ae,NoTasks:oe,ScrollList:ne},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),kn={key:0},An={key:2,class:`w-full h-full flex items-center justify-center`};function jn(t,n,r,i,a,u){let p=h(`bot-placeholder`),g=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return c(),e(l,null,[t.tasks?.items===void 0?(c(),e(`div`,kn,[s(p)])):t.tasks?.items?.length&&t.tasks?.items?.length>0?(c(),o(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:t.loading,onReachTop:n[0]||=e=>t.$emit(`reach-top`)},{default:d(()=>[(c(!0),e(l,null,f(t.tasks?.items,(e,t)=>(c(),o(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),t.tasks?.items?.length===0?(c(),e(`div`,An,[s(v)])):m(``,!0)],64)}var Mn=i({name:`QrartIndex`,components:{ConfigPanel:nn,Layout:me,ApplicationStatus:J,RecentPanel:N(On,[[`render`,jn]])},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===R.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===R.Request||this.fetchingTasks},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===R.Request},needApply(){return this.$store.state.qrart.status.getApplications===R.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await re({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`qrart/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplications`),await this.$store.dispatch(`qrart/getApplications`),console.debug(`end onGetApplications`),await this.onGetTasks()},onApply(){ee.create({application:this.application}).then(({data:e})=>{this.application=e,U.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&U.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`qrart/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!z(this.uploadTracker,e=>this.$t(e),e=>U.warning(e)))return;let e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,async:!0,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}};if(!te())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}U.info(this.$t(`qrart.message.startingTask`)),W(`qrart`,I.generate(e,{token:t})).then(()=>{U.success(this.$t(`qrart.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?U.error(this.$t(`qrart.message.usedUp`)):U.error(this.$t(`qrart.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Nn(e,t,n,r,i,a){let l=h(`config-panel`),u=h(`application-status`),f=h(`recent-panel`),p=h(`layout`);return c(),o(p,null,{config:d(()=>[s(l,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:d(()=>[s(u,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`qrart/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),s(f,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Pn=N(Mn,[[`render`,Nn],[`__scopeId`,`data-v-f87e6eb4`]]);export{Pn as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,Ht as r,I as i,N as a,O as o,P as s,Q as c,S as l,Wt as u,dt as d,et as f,ft as p,k as m,nt as h,tt as g,v as _}from"./vendor-chart-kBsXB1rh.js";import{r as v,t as y}from"./select-BqaGx3V1.js";import{t as b}from"./upload-Df60JJpG.js";import{t as x}from"./image-BbCJ9I99.js";import{t as S}from"./alert-CBUoG6YJ.js";import{n as C,r as w}from"./radio-Ct6y4mt7.js";import{t as T}from"./drawer-BkdhdDZF.js";import{t as E}from"./slider-B7fmWxVw.js";import{t as D}from"./switch-BXG-XSiL.js";import{di as O,fi as k,hi as A,mi as j,pi as M}from"./constants-BqvGY8Qp.js";import{A as N,Ht as P,Kt as F,Ln as I,Ut as L,Vr as R,Vt as z,Wr as B,Wt as V,Zn as ee,en as te,fi as H,ti as U,tr as W,xi as G}from"./index-DiOG7kod.js";import{t as K}from"./index.es-DT0Hc4W3.js";import{t as q}from"./CopyToClipboard-CkLFejOF.js";import{t as J}from"./Status-D1Hs_FTi.js";import{t as Y}from"./ImagePreview-C7xo-Bs3.js";import{n as X}from"./taskDrawerMixin-CfysS2FH.js";import{t as Z}from"./Consumption-CBuLFrRY.js";import{i as Q,n as ne,t as re}from"./pagination-BJhFxVjL.js";import{t as ie}from"./ApiCodeButton-CfTk-8ZN.js";import{t as ae}from"./BotPlaceholder-CfQq2sHv.js";import{t as oe}from"./NoTasks-lgeZQjlj.js";import{t as se}from"./PromptTextarea-ZuGxtZha.js";import{t as ce}from"./ImageWrapper-BfH8F5oC.js";var le=i({name:`LayoutQrart`,components:{ElDrawer:T,ElButton:H,FontAwesomeIcon:K},mixins:[X]}),ue={class:`main flex flex-row flex-1`},de={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},fe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function pe(n,r,i,a,o,l){let u=h(`font-awesome-icon`),f=h(`el-button`),m=h(`el-drawer`);return c(),e(`div`,ue,[t(`div`,de,[g(n.$slots,`config`,{},void 0,!0)]),t(`div`,fe,[g(n.$slots,`result`,{},void 0,!0)]),p(s(f,{circle:``,class:`menu`,onClick:r[0]||=e=>n.drawer=!0},{default:d(()=>[s(u,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!n.tasksEmpty]]),s(m,{modelValue:n.drawer,"onUpdate:modelValue":r[1]||=e=>n.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:d(()=>[g(n.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var me=N(le,[[`render`,pe],[`__scopeId`,`data-v-2c672a84`]]),he=i({name:`VersionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{label:this.$t(`qrart.type.text`),value:`text`},{label:this.$t(`qrart.type.link`),value:`link`},{label:this.$t(`qrart.type.email`),value:`email`},{label:this.$t(`qrart.type.phone`),value:`phone`},{label:this.$t(`qrart.type.sms`),value:`sms`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug(`set type`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||=(console.debug(`set default type`,A),A)}}),ge={class:`field`},_e={class:`text-sm font-bold title`};function ve(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,ge,[t(`span`,_e,n(r.$t(`qrart.name.type`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`qrart.placeholder.select`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=N(he,[[`render`,ve],[`__scopeId`,`data-v-b4bd8f04`]]),be=i({name:`AspectRatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:30,height:30},{value:`4:3`,label:`4:3`,width:32,height:24},{value:`3:4`,label:`3:4`,width:24,height:32},{value:`16:9`,label:`16:9`,width:32,height:18},{value:`9:16`,label:`9:16`,width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug(`set aspect ratio`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),xe={class:`text-sm font-bold block mb-2`},Se={class:`items`},Ce=[`onClick`],we={class:`name`};function Te(i,a,o,s,d,p){return c(),e(`div`,null,[t(`span`,xe,n(i.$t(`qrart.name.aspectRatio`)),1),t(`div`,Se,[(c(!0),e(l,null,f(i.options,(a,o)=>(c(),e(`div`,{key:o,class:r({active:i.active===o,item:!0}),onClick:e=>i.value=a.value},[t(`div`,{class:r([`preview`,a.label])},[t(`div`,{class:`rect`,style:u({width:a.width+`px`,height:a.height+`px`})},null,4)],2),t(`p`,we,n(a.label),1)],10,Ce))),128))])])}var Ee=N(be,[[`render`,Te],[`__scopeId`,`data-v-b7590ecc`]]),De=i({name:`QrwSelector`,components:{ElSlider:E,InfoIcon:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||2},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||=(console.debug(`set default qrw`),2)}}),Oe={class:`field`},ke={class:`text-sm font-bold title mb-2`};function Ae(r,i,a,o,l,u){let d=h(`el-slider`),f=h(`info-icon`);return c(),e(`div`,Oe,[t(`span`,ke,n(r.$t(`qrart.name.qrw`)),1),s(d,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,min:1.5,max:3,step:.1,class:`value`},null,8,[`modelValue`]),s(f,{content:r.$t(`qrart.description.qrw`),class:`info`},null,8,[`content`])])}var je=N(De,[[`render`,Ae],[`__scopeId`,`data-v-8410479c`]]),Me=i({name:`StepsSelector`,components:{ElSlider:E,InfoIcon:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||20},set(e){console.debug(`set steps`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||=(console.debug(`set default steps`,20),20)}}),Ne={class:`field`},Pe={class:`text-sm font-bold block mb-2`};function Fe(r,i,a,o,l,u){let d=h(`el-slider`),f=h(`info-icon`);return c(),e(`div`,Ne,[t(`span`,Pe,n(r.$t(`qrart.name.steps`)),1),s(d,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,min:10,max:20,step:1,class:`value`},null,8,[`modelValue`]),s(f,{content:r.$t(`qrart.description.steps`),class:`info`},null,8,[`content`])])}var Ie=N(Me,[[`render`,Fe],[`__scopeId`,`data-v-0c88983e`]]),Le=i({name:`AdvancedSelector`,components:{ElSwitch:D},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug(`set advanced`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Re={class:`field`},ze={class:`title font-bold`};function Be(r,i,a,o,l,u){let d=h(`el-switch`);return c(),e(`div`,Re,[t(`span`,ze,n(r.$t(`qrart.name.advanced`)),1),s(d,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`},null,8,[`modelValue`])])}var Ve=N(Le,[[`render`,Be],[`__scopeId`,`data-v-f8ddf849`]]),He=i({name:`MarkerShapeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.markerShape.square`)},{value:`circle`,label:this.$t(`qrart.markerShape.circle`)},{value:`plus`,label:this.$t(`qrart.markerShape.plus`)},{value:`box`,label:this.$t(`qrart.markerShape.box`)},{value:`octagon`,label:this.$t(`qrart.markerShape.octagon`)},{value:`tiny-plus`,label:this.$t(`qrart.markerShape.tinyPlus`)},{value:`random`,label:this.$t(`qrart.markerShape.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug(`set marker_shape`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||=O}}),Ue={class:`field`},We={class:`text-sm font-bold block mb-2`};function Ge(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,Ue,[t(`span`,We,n(r.$t(`qrart.name.markerShape`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.markerShape`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ke=N(He,[[`render`,Ge],[`__scopeId`,`data-v-de71e0b0`]]),qe=i({name:`SubMarkerSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.subMarker.square`)},{value:`circle`,label:this.$t(`qrart.subMarker.circle`)},{value:`plus`,label:this.$t(`qrart.subMarker.plus`)},{value:`box`,label:this.$t(`qrart.subMarker.box`)},{value:`random`,label:this.$t(`qrart.subMarker.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug(`set sub_marker`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||=j}}),Je={class:`field`},Ye={class:`text-sm font-bold block mb-2`};function Xe(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,Je,[t(`span`,Ye,n(r.$t(`qrart.name.subMarker`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.subMarker`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ze=N(qe,[[`render`,Xe],[`__scopeId`,`data-v-51a39efa`]]),Qe=i({name:`RotateSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug(`set rotate`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||=0}}),$e={class:`field`},et={class:`text-sm font-bold block mb-2`};function tt(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,$e,[t(`span`,et,n(r.$t(`qrart.name.rotate`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.rotate`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var nt=N(Qe,[[`render`,tt],[`__scopeId`,`data-v-72e35835`]]),rt=i({name:`EclSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`L`,label:`L`},{value:`M`,label:`M`},{value:`Q`,label:`Q`},{value:`H`,label:`H`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug(`set ecl`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||=`H`}}),it={class:`field`},at={class:`text-sm font-bold block mb-2`};function ot(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,it,[t(`span`,at,n(r.$t(`qrart.name.ecl`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.ecl`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var st=N(rt,[[`render`,ot],[`__scopeId`,`data-v-b3a5e331`]]),ct=i({name:`MarkerShapeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`center`,label:this.$t(`qrart.position.center`)},{value:`top`,label:this.$t(`qrart.position.top`)},{value:`right`,label:this.$t(`qrart.position.right`)},{value:`bottom`,label:this.$t(`qrart.position.bottom`)},{value:`left`,label:this.$t(`qrart.position.left`)},{value:`top-left`,label:this.$t(`qrart.position.topLeft`)},{value:`top-right`,label:this.$t(`qrart.position.topRight`)},{value:`bottom-left`,label:this.$t(`qrart.position.bottomLeft`)},{value:`bottom-right`,label:this.$t(`qrart.position.bottomRight`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug(`set position`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||=M}}),lt={class:`field`},ut={class:`title font-bold`};function dt(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,lt,[t(`span`,ut,n(r.$t(`qrart.name.position`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.position`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ft=N(ct,[[`render`,dt],[`__scopeId`,`data-v-54186505`]]),pt=i({name:`PaddingLevelSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug(`set padding_level`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||=5}}),mt={class:`field`},ht={class:`text-sm font-bold block mb-2`};function gt(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,mt,[t(`span`,ht,n(r.$t(`qrart.name.paddingLevel`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.paddingLevel`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var _t=N(pt,[[`render`,gt],[`__scopeId`,`data-v-49d801fd`]]),vt=i({name:`PaddingNoiseSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug(`set padding_noise`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||=0}}),yt={class:`field`},bt={class:`text-sm font-bold block mb-2`};function xt(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,yt,[t(`span`,bt,n(r.$t(`qrart.name.paddingNoise`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.paddingNoise`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var St=N(vt,[[`render`,xt],[`__scopeId`,`data-v-a20833bb`]]),Ct=i({name:`PixelStyleSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:[{value:`square`,label:this.$t(`qrart.pixelStyle.square`)},{value:`rounded`,label:this.$t(`qrart.pixelStyle.rounded`)},{value:`dot`,label:this.$t(`qrart.pixelStyle.dot`)},{value:`squircle`,label:this.$t(`qrart.pixelStyle.squircle`)},{value:`row`,label:this.$t(`qrart.pixelStyle.row`)},{value:`column`,label:this.$t(`qrart.pixelStyle.column`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug(`set pixel_style`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||=k}}),wt={class:`field`},Tt={class:`text-sm font-bold block mb-2`};function Et(r,i,a,u,p,m){let g=h(`el-option`),_=h(`el-select`);return c(),e(`div`,wt,[t(`span`,Tt,n(r.$t(`qrart.name.pixelStyle`)),1),s(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,clearable:``,class:`value`,placeholder:r.$t(`qrart.placeholder.pixelStyle`)},{default:d(()=>[(c(!0),e(l,null,f(r.options,e=>(c(),o(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Dt=N(Ct,[[`render`,Et],[`__scopeId`,`data-v-aca7f79f`]]),Ot=i({name:`SeedInput`,components:{ElInput:G},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0}}),kt={class:`field`},At={class:`text-sm font-bold block mb-2`};function jt(r,i,a,o,l,u){let d=h(`el-input`);return c(),e(`div`,kt,[t(`span`,At,n(r.$t(`qrart.name.seed`)),1),s(d,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`qrart.placeholder.seed`)},null,8,[`modelValue`,`placeholder`])])}var Mt=N(Ot,[[`render`,jt],[`__scopeId`,`data-v-d939305d`]]),Nt=i({name:`PresetSelector`,components:{ElImage:x},data(){return{options:[{value:`sunset`,label:this.$t(`qrart.preset.sunset`),url:`https://cdn.acedata.cloud/rp1h1s.png`},{value:`floral`,label:this.$t(`qrart.preset.floral`),url:`https://cdn.acedata.cloud/upyikx.png`},{value:`snowflakes`,label:this.$t(`qrart.preset.snowflakes`),url:`https://cdn.acedata.cloud/j447da.png`},{value:`feathers`,label:this.$t(`qrart.preset.feathers`),url:`https://cdn.acedata.cloud/d2ctz9.png`},{value:`raindrops`,label:this.$t(`qrart.preset.raindrops`),url:`https://cdn.acedata.cloud/xv2t3s.png`},{value:`ultra-realism`,label:this.$t(`qrart.preset.ultraRealism`),url:`https://cdn.acedata.cloud/nlor4y.png`},{value:`epic-realms`,label:this.$t(`qrart.preset.epicRealms`),url:`https://cdn.acedata.cloud/wwzkvy.png`},{value:`intricate-studio`,label:this.$t(`qrart.preset.intricateStudio`),url:`https://cdn.acedata.cloud/4kzf5y.png`},{value:`symmetric-masterpiece`,label:this.$t(`qrart.preset.symmetricMasterpiece`),url:`https://cdn.acedata.cloud/ff4ii2.png`},{value:`luminous-highway`,label:this.$t(`qrart.preset.luminousHighway`),url:`https://cdn.acedata.cloud/cliodt.png`},{value:`celestial-journey`,label:this.$t(`qrart.preset.celestialJourney`),url:`https://cdn.acedata.cloud/ejellf.png`},{value:`neon-mech`,label:this.$t(`qrart.preset.neonMech`),url:`https://cdn.acedata.cloud/3z0y6z.png`},{value:`ethereal-low-poly`,label:this.$t(`qrart.preset.etherealLowPoly`),url:`https://cdn.acedata.cloud/36o0mm.png`},{value:`golden-vista`,label:this.$t(`qrart.preset.goldenVista`),url:`https://cdn.acedata.cloud/xa0267.png`},{value:`cinematic-expanse`,label:this.$t(`qrart.preset.cinematicExpanse`),url:`https://cdn.acedata.cloud/krl5qp.png`},{value:`cinematic-warm`,label:this.$t(`qrart.preset.cinematicWarm`),url:`https://cdn.acedata.cloud/e1aahg.png`},{value:`desolate-wilderness`,label:this.$t(`qrart.preset.desolateWilderness`),url:`https://cdn.acedata.cloud/9evqqu.png`},{value:`vibrant-palette`,label:this.$t(`qrart.preset.vibrantPalette`),url:`https://cdn.acedata.cloud/3fvsmz.png`},{value:`enigmatic-journey`,label:this.$t(`qrart.preset.enigmaticJourney`),url:`https://cdn.acedata.cloud/l6kku0.png`},{value:`timeless-cinematic`,label:this.$t(`qrart.preset.timelessCinematic`),url:`https://cdn.acedata.cloud/h5mzyn.png`},{value:`regal-galaxy`,label:this.$t(`qrart.preset.regalGalaxy`),url:`https://cdn.acedata.cloud/czkegd.png`},{value:`illustrious-canvas`,label:this.$t(`qrart.preset.illustriousCanvas`),url:`https://cdn.acedata.cloud/m8hwzh.png`},{value:`expressive-mural`,label:this.$t(`qrart.preset.expressiveMural`),url:`https://cdn.acedata.cloud/g4v1rb.png`},{value:`serene-haze`,label:this.$t(`qrart.preset.sereneHaze`),url:`https://cdn.acedata.cloud/3w3ixr.png`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||=``}}),Pt={class:`field`},Ft={class:`text-sm font-bold block mb-2`},It={class:`pane`},Lt=[`onClick`],Rt={class:`name`};function zt(i,a,o,u,d,p){let m=h(`el-image`);return c(),e(`div`,Pt,[t(`span`,Ft,n(i.$t(`qrart.name.preset`)),1),t(`div`,It,[(c(!0),e(l,null,f(i.options,(a,o)=>(c(),e(`div`,{key:o,class:r({item:!0,active:i.value===a.value}),onClick:e=>i.value===a.value?i.value=void 0:i.value=a.value},[s(m,{src:a.url,fit:`fill`,class:`preview`},null,8,[`src`]),t(`span`,Rt,n(a.label),1)],10,Lt))),128))])])}var Bt=N(Nt,[[`render`,zt],[`__scopeId`,`data-v-65c34adf`]]),Vt=i({name:`ContentInput`,components:{ElInput:G,ElUpload:b,ElRadioGroup:w,ElButton:H,ElRadioButton:C,ImagePreview:Y,FontAwesomeIcon:K},mixins:[V,P],data(){return{inputWay:`input`,fileList:[],uploadUrl:B()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||=``,this.onSetContentImageUrl()},methods:{onExceed(){U.warning(this.$t(`qrart.message.uploadDocumentsExceed`))},onError(){U.error(this.$t(`qrart.message.uploadDocumentsError`))},onSetContentImageUrl(){let e=this.urls?.[0];this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),Ht={class:`field`},Ut={class:`flex justify-between items-center mb-4`},Wt={class:`text-sm font-bold title`},Gt={class:`flex items-center`},Kt={key:2,class:`description`};function qt(r,i,l,u,f,p){let g=h(`el-radio-button`),_=h(`el-radio-group`),v=h(`el-input`),y=h(`image-preview`),b=h(`font-awesome-icon`),x=h(`el-button`),S=h(`el-upload`);return c(),e(`div`,Ht,[t(`div`,Ut,[t(`span`,Wt,n(r.$t(`qrart.name.content`)),1),t(`div`,Gt,[s(_,{modelValue:r.inputWay,"onUpdate:modelValue":i[0]||=e=>r.inputWay=e},{default:d(()=>[s(g,{label:`input`},{default:d(()=>[a(n(r.$t(`qrart.inputWay.input`)),1)]),_:1}),s(g,{label:`upload`},{default:d(()=>[a(n(r.$t(`qrart.inputWay.upload`)),1)]),_:1})]),_:1},8,[`modelValue`])])]),r.inputWay==`input`?(c(),o(v,{key:0,modelValue:r.value,"onUpdate:modelValue":i[1]||=e=>r.value=e,class:`content`,placeholder:r.$t(`qrart.placeholder.content`)},null,8,[`modelValue`,`placeholder`])):m(``,!0),r.inputWay==`upload`?(c(),o(S,{key:1,ref:`uploader`,"file-list":r.fileList,"onUpdate:fileList":i[2]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`upload upload-wrapper`,limit:1,multiple:!1,"list-type":`picture`,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,headers:r.headers},{file:d(({file:e})=>[s(y,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:t=>r.fileList.splice(r.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:d(()=>[s(x,{size:`small`,type:`primary`,round:``},{default:d(()=>[s(b,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+n(r.$t(`qrart.button.uploadQr`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])):m(``,!0),r.inputWay==`upload`?(c(),e(`p`,Kt,n(r.$t(`qrart.message.uploadQr`)),1)):m(``,!0)])}var Jt=N(Vt,[[`render`,qt],[`__scopeId`,`data-v-afb72cf1`]]),Yt=i({name:`PromptInput`,components:{PromptTextarea:se},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||=``}});function Xt(e,t,n,r,i,a){let s=h(`prompt-textarea`);return c(),o(s,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,title:e.$t(`qrart.name.prompt`),placeholder:e.$t(`qrart.placeholder.prompt`)},null,8,[`modelValue`,`title`,`placeholder`])}var Zt=i({name:`ConfigPanel`,components:{ElButton:H,FontAwesomeIcon:K,Consumption:Z,TypeSelector:ye,PositionSelector:ft,PixelStyleSelector:Dt,PaddingLevelSelector:_t,SeedInput:Mt,AspectRatioSelector:Ee,QrwSelector:je,EclSelector:st,StepsSelector:Ie,PaddingNoiseSelector:St,AdvancedSelector:Ve,MarkerShapeSelector:Ke,SubMarkerSelector:Ze,RotateSelector:nt,PresetSelector:Bt,ContentInput:Jt,PromptInput:N(Yt,[[`render`,Xt]])},emits:[`generate`],computed:{config(){return this.$store.state.qrart?.config},consumption(){return F(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Qt={class:`flex flex-col h-full`},$t={class:`flex-1 overflow-y-auto p-5`},en={class:`flex flex-col items-center justify-center px-5 pb-5`};function tn(r,i,l,u,f,p){let g=h(`type-selector`),_=h(`content-input`),v=h(`prompt-input`),y=h(`aspect-ratio-selector`),b=h(`qrw-selector`),x=h(`preset-selector`),S=h(`position-selector`),C=h(`advanced-selector`),w=h(`steps-selector`),T=h(`seed-input`),E=h(`pixel-style-selector`),D=h(`marker-shape-selector`),O=h(`sub-marker-selector`),k=h(`rotate-selector`),A=h(`ecl-selector`),j=h(`padding-level-selector`),M=h(`padding-noise-selector`),N=h(`consumption`),P=h(`font-awesome-icon`),F=h(`el-button`);return c(),e(`div`,Qt,[t(`div`,$t,[s(g,{class:`mb-4`}),s(_,{class:`mb-4`}),s(v,{class:`mb-4`}),s(y,{class:`mb-4`}),s(b,{class:`mb-4`}),s(x,{class:`mb-4`}),s(S,{class:`mb-4`}),s(C,{class:`mb-4`}),r.config?.advanced?(c(),o(w,{key:0,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(T,{key:1,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(E,{key:2,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(D,{key:3,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(O,{key:4,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(k,{key:5,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(A,{key:6,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(j,{key:7,class:`mb-4`})):m(``,!0),r.config?.advanced?(c(),o(M,{key:8,class:`mb-4`})):m(``,!0)]),t(`div`,en,[s(N,{value:r.consumption,service:r.service},null,8,[`value`,`service`]),s(F,{type:`primary`,class:`btn w-full`,round:``,onClick:i[0]||=e=>r.$emit(`generate`)},{default:d(()=>[s(P,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+n(r.$t(`qrart.button.generate`)),1)]),_:1})])])}var nn=N(Zt,[[`render`,tn]]),rn=i({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:S,ImageWrapper:ce,ApiCodeButton:ie},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenUrl(e){window.open(e,`_blank`)},onDownload(e){let t=document.createElement(`a`);t.href=e,t.download=e.split(`/`).pop(),t.click()}}}),an={class:`preview w-full h-fit text-left flex flex-row mb-[15px]`},on={class:`left`},sn={class:`main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]`},cn={class:`bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap`},ln={class:`datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]`},un={class:`info`},dn={key:0,class:`prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap`},fn={key:0},pn={key:0,class:r({content:!0,failed:!0})},mn={class:r({operations:!0,"mt-2":!0,"mb-2":!0})},hn={class:`description`},gn={class:`description`},_n={key:0,class:`description`},vn={key:1,class:`description`},yn={key:2,class:`description`},$={key:3,class:`description`},bn={key:1,class:r({content:!0})},xn={class:`description`},Sn={class:`description`},Cn={key:0,class:`description`},wn={class:`description`},Tn={key:2,class:r({content:!0})},En={class:`description`};function Dn(r,i,l,u,f,p){let g=h(`el-image`),_=h(`image-wrapper`),v=h(`api-code-button`),y=h(`font-awesome-icon`),b=h(`copy-to-clipboard`),x=h(`el-alert`);return c(),e(`div`,an,[t(`div`,on,[s(g,{src:`https://cdn.acedata.cloud/bcml67.png`,class:`avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full`})]),t(`div`,sn,[t(`div`,cn,[a(n(r.$t(`qrart.name.qrartBot`))+` `,1),t(`span`,ln,n(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),t(`div`,un,[r.modelValue?.request?.prompt?(c(),e(`p`,dn,[a(n(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?m(``,!0):(c(),e(`span`,fn,` - (`+n(r.$t(`qrart.status.pending`))+`) `,1))])):m(``,!0)]),r.modelValue?.response?.success===!0?(c(),e(`div`,pn,[r.modelValue?.response?.image_url?(c(),o(_,{key:0,src:r.modelValue?.response?.image_url,"raw-src":r.modelValue?.response?.image_url},null,8,[`src`,`raw-src`])):m(``,!0),t(`div`,mn,[s(v,{path:`/qrart/generate`,body:r.modelValue?.request},null,8,[`body`])]),s(x,{closable:!1,class:`mt-2 success`},{default:d(()=>[t(`p`,hn,[s(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.taskId`))+`: `+n(r.modelValue?.id)+` `,1),s(b,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),t(`p`,gn,[s(y,{icon:`fa-solid fa-diamond`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.type`))+`: `+n(r.$t(`qrart.type.`+r.modelValue?.request?.type))+` `,1),s(b,{content:r.modelValue?.request?.type,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.request?.content?(c(),e(`p`,_n,[s(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.content`))+`: `+n(r.modelValue?.request?.content)+` `,1),s(b,{content:r.modelValue?.request?.content,class:`btn-copy`},null,8,[`content`])])):m(``,!0),r.modelValue?.request?.content_image_url?(c(),e(`p`,vn,[s(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.contentImageUrl`))+`: `,1),s(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1 cursor-pointer`,onClick:i[0]||=e=>r.onOpenLink(r.modelValue?.request?.content_image_url)})])):m(``,!0),r.modelValue?.request?.seed||r.modelValue?.response?.seed?(c(),e(`p`,yn,[s(y,{icon:`fa-solid fa-seedling`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.seed`))+`: `+n(r.modelValue?.request?.seed||r.modelValue?.response?.seed)+` `,1),s(b,{content:(r.modelValue?.request?.seed||r.modelValue?.response?.seed).toString(),class:`btn-copy`},null,8,[`content`])])):m(``,!0),r.modelValue?.elapsed?(c(),e(`p`,$,[s(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.elapsed`))+`: `+n(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),r.modelValue?.response?.success===!1?(c(),e(`div`,bn,[s(x,{closable:!1,class:`failure`},{template:d(()=>[s(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.failure`)),1)]),default:d(()=>[t(`p`,xn,[s(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.taskId`))+`: `+n(r.modelValue?.id)+` `,1),s(b,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),t(`p`,Sn,[s(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.failureReason`))+`: `+n(r.modelValue?.response?.error?.message)+` `,1),s(b,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(c(),e(`p`,Cn,[s(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.elapsed`))+`: `+n(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),t(`p`,wn,[s(y,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.traceId`))+`: `+n(r.modelValue?.response?.trace_id)+` `,1),s(b,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):m(``,!0),r.modelValue?.response?m(``,!0):(c(),e(`div`,Tn,[s(x,{closable:!1,class:`info`},{template:d(()=>[s(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.failure`)),1)]),default:d(()=>[t(`p`,En,[s(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+n(r.$t(`qrart.name.taskId`))+`: `+n(r.modelValue?.id)+` `,1),s(b,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var On=i({name:`RecentPanel`,components:{TaskPreview:N(rn,[[`render`,Dn],[`__scopeId`,`data-v-5c6e6795`]]),BotPlaceholder:ae,NoTasks:oe,ScrollList:ne},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),kn={key:0},An={key:2,class:`w-full h-full flex items-center justify-center`};function jn(t,n,r,i,a,u){let p=h(`bot-placeholder`),g=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return c(),e(l,null,[t.tasks?.items===void 0?(c(),e(`div`,kn,[s(p)])):t.tasks?.items?.length&&t.tasks?.items?.length>0?(c(),o(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:t.loading,onReachTop:n[0]||=e=>t.$emit(`reach-top`)},{default:d(()=>[(c(!0),e(l,null,f(t.tasks?.items,(e,t)=>(c(),o(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),t.tasks?.items?.length===0?(c(),e(`div`,An,[s(v)])):m(``,!0)],64)}var Mn=i({name:`QrartIndex`,components:{ConfigPanel:nn,Layout:me,ApplicationStatus:J,RecentPanel:N(On,[[`render`,jn]])},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===R.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===R.Request||this.fetchingTasks},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===R.Request},needApply(){return this.$store.state.qrart.status.getApplications===R.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await re({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`qrart/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplications`),await this.$store.dispatch(`qrart/getApplications`),console.debug(`end onGetApplications`),await this.onGetTasks()},onApply(){ee.create({application:this.application}).then(({data:e})=>{this.application=e,U.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&U.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`qrart/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!z(this.uploadTracker,e=>this.$t(e),e=>U.warning(e)))return;let e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,async:!0,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}};if(!te())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}U.info(this.$t(`qrart.message.startingTask`)),W(`qrart`,I.generate(e,{token:t})).then(()=>{U.success(this.$t(`qrart.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?U.error(this.$t(`qrart.message.usedUp`)):U.error(this.$t(`qrart.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Nn(e,t,n,r,i,a){let l=h(`config-panel`),u=h(`application-status`),f=h(`recent-panel`),p=h(`layout`);return c(),o(p,null,{config:d(()=>[s(l,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:d(()=>[s(u,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`qrart/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),s(f,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Pn=N(Mn,[[`render`,Nn],[`__scopeId`,`data-v-f87e6eb4`]]);export{Pn as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,Ht as r,I as i,N as a,O as o,P as s,Q as c,dt as l,ft as u,k as d,nt as f,rt as p}from"./vendor-chart-kBsXB1rh.js";import{n as m,t as h}from"./row-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,Ht as r,I as i,N as a,O as o,P as s,Q as c,dt as l,ft as u,k as d,nt as f,rt as p}from"./vendor-chart-kBsXB1rh.js";import{n as m,t as h}from"./row-CGR2jJFn.js";import{i as g,n as _,r as v,t as y}from"./container-DMD3nDsL.js";import{n as b,t as x}from"./dropdown-B5UJ0HSM.js";import{a as S,i as C,n as w,r as T,t as E}from"./avatar-Lwta2mnu.js";import{$t as D,A as O,J as k,N as A,P as j,Ur as M,Yr as N,Zr as P,fi as F,nt as I,pt as L,qr as R}from"./index-DiOG7kod.js";import{t as z}from"./BottomFooter-LyB-wLYp.js";var B=i({name:`TopHeader`,components:{ElCol:m,Logo:w,ElRow:h,ElDropdown:x,ElMenu:T,ElMenuItem:C,ElDropdownItem:b,ElButton:F,ElSubMenu:S},data(){return{defaultAvatar:E,products:`chat`}},computed:{site(){return this.$store.state?.site},dark(){return this.$store.getters?.dark},active(){return this.$route.matched?.[0]?.path},user(){return this.$store.getters?.user},authenticated(){return this.$store.getters?.authenticated},isDesktopChrome(){return R()},isMacChrome(){return R()&&N()}},methods:{openTab(e){if(P()){A.open({url:e}).catch(t=>{console.warn(`Browser.open failed, falling back to window.open`,t),window.open(e,`_blank`)});return}window.open(e,`_blank`)},onSelect(e){e&&this.$router.push(e)},onHome(){this.$router.push({name:L})},onLogin(){this.$router.push({name:j})},onDownload(){this.$router.push({name:I})},onProfile(){let e=M();this.openTab(D(`${e}/user/profile`))},onVerify(){let e=M();this.openTab(D(`${e}/user/verify`))},onConsole(){this.$router.push({name:k})},async onLogout(){this.$store.dispatch(`logout`)}}}),V={key:0,class:`mt-4 pr-10`},H={key:1,class:`float-right`},U=[`src`];function W(i,m,h,g,_,v){let y=f(`logo`),b=f(`el-col`),x=f(`el-menu-item`),S=f(`el-sub-menu`),C=f(`el-menu`),w=f(`el-button`),T=f(`language-selector`),E=f(`dark-selector`),D=f(`el-dropdown-item`),O=f(`el-dropdown-menu`),k=f(`el-dropdown`),A=f(`el-row`),j=p(`t`);return c(),o(A,{class:r([`header`,{"desktop-chrome":i.isDesktopChrome,"is-mac":i.isMacChrome}])},{default:l(()=>[s(b,{md:4,xs:24,class:`brand-col`},{default:l(()=>[s(y,{onClick:i.onHome},null,8,[`onClick`])]),_:1}),s(b,{md:16,xs:13},{default:l(()=>[s(C,{"default-active":i.active,mode:`horizontal`,class:`menu`,ellipsis:!0,onSelect:i.onSelect},{default:l(()=>[s(S,{index:i.products},{title:l(()=>[a(n(i.$t(`common.nav.products`)),1)]),default:l(()=>[i.site?.features?.chatgpt?.enabled?u((c(),o(x,{key:0,index:`/chat`},null,512)),[[j,`index.title.chat`]]):d(``,!0),i.site?.features?.midjourney?.enabled?u((c(),o(x,{key:1,index:`/midjourney`},null,512)),[[j,`index.title.midjourney`]]):d(``,!0),i.site?.features?.qrart?.enabled?u((c(),o(x,{key:2,index:`/qrart`},null,512)),[[j,`index.title.qrart`]]):d(``,!0),i.site?.features?.suno?.enabled?u((c(),o(x,{key:3,index:`/suno`},null,512)),[[j,`index.title.suno`]]):d(``,!0),i.site?.features?.luma?.enabled?u((c(),o(x,{key:4,index:`/luma`},null,512)),[[j,`index.title.luma`]]):d(``,!0),i.site?.features?.headshots?.enabled?u((c(),o(x,{key:5,index:`/headshots`},null,512)),[[j,`index.title.headshots`]]):d(``,!0)]),_:1},8,[`index`]),u(s(x,{onRoute:e=>void 0,onClick:i.onDownload},null,8,[`onClick`]),[[j,`common.nav.mobileApp`]]),u(s(x,{onRoute:e=>void 0,onClick:m[0]||=e=>i.openTab(`https://platform.acedata.cloud`)},null,512),[[j,`common.nav.apiPlatform`]]),u(s(x,{onRoute:e=>void 0,onClick:m[1]||=e=>i.openTab(`https://platform.acedata.cloud/support`)},null,512),[[j,`common.nav.support`]]),u(s(x,{onRoute:e=>void 0,onClick:m[2]||=e=>i.openTab(`https://platform.acedata.cloud/earning`)},null,512),[[j,`common.nav.referral`]])]),_:1},8,[`default-active`,`onSelect`])]),_:1}),s(b,{md:4,xs:11},{default:l(()=>[i.authenticated?(c(),e(`div`,H,[t(`div`,{class:`console`,onClick:m[3]||=(...e)=>i.onConsole&&i.onConsole(...e)},n(i.$t(`common.button.console`)),1),s(k,{trigger:`click`},{dropdown:l(()=>[s(O,null,{default:l(()=>[s(D,{onClick:i.onProfile},{default:l(()=>[a(n(i.$t(`common.button.profile`)),1)]),_:1},8,[`onClick`]),s(D,{onClick:i.onLogout},{default:l(()=>[a(n(i.$t(`common.button.logout`)),1)]),_:1},8,[`onClick`])]),_:1})]),default:l(()=>[t(`img`,{src:i.user?.avatar||i.defaultAvatar,class:`avatar`},null,8,U)]),_:1})])):(c(),e(`div`,V,[s(w,{type:`primary`,class:`float-right`,size:`small`,round:``,onClick:i.onLogin},{default:l(()=>[a(n(i.$t(`common.button.login`)),1)]),_:1},8,[`onClick`]),s(T,{class:`locale float-right mr-4`}),s(E,{class:`float-right mr-4`})]))]),_:1})]),_:1},8,[`class`])}var G=i({name:`LayoutIndex`,components:{TopHeader:O(B,[[`render`,W]]),BottomFooter:z,ElContainer:y,ElMain:g,ElFooter:_,ElHeader:v}});function K(e,t,n,r,i,a){let u=f(`top-header`),d=f(`el-header`),p=f(`router-view`),m=f(`el-main`),h=f(`bottom-footer`),g=f(`el-footer`),_=f(`el-container`);return c(),o(_,{class:`wrapper min-h-[100vh]`},{default:l(()=>[s(d,{class:`header p-0 h-auto`},{default:l(()=>[s(u)]),_:1}),s(m,{class:`main`},{default:l(()=>[s(p)]),_:1}),s(g,{class:`footer p-0 h-auto`},{default:l(()=>[s(h)]),_:1})]),_:1})}var q=O(G,[[`render`,K]]);export{q as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{D as e,Gt as t,I as n,O as r,P as i,Q as a,dt as o,ft as s,nt as c,rt as l}from"./vendor-chart-kBsXB1rh.js";import{n as u,t as d}from"./table-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{D as e,Gt as t,I as n,O as r,P as i,Q as a,dt as o,ft as s,nt as c,rt as l}from"./vendor-chart-kBsXB1rh.js";import{n as u,t as d}from"./table-CnozWFnU.js";import{t as f}from"./card-DIjxmFoM.js";import{n as p,t as m}from"./row-CGR2jJFn.js";import{t as h}from"./Pagination-P4U1SqFf.js";import{A as g,Xn as _}from"./index-DiOG7kod.js";import{t as v}from"./CopyToClipboard-CkLFejOF.js";var y=n({name:`ConsoleDistributionInvitees`,components:{Pagination:h,CopyToClipboard:v,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){let{data:e}=await _.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:`-created_at`});this.invitees=e.items,this.total=e.count}}}),b={class:`title`},x={class:`key`},S={class:`copy`},C={class:`description`},w={class:`description`},T={class:`description`},E={class:`created-at`},D={class:`pagination m-v-lg`};function O(n,u,d,f,p,m){let h=c(`el-col`),g=c(`el-row`),_=c(`copy-to-clipboard`),v=c(`el-table-column`),y=c(`el-table`),O=c(`el-card`),k=c(`pagination`),A=l(`loading`);return a(),r(g,{class:`panel`},{default:o(()=>[i(h,{span:24},{default:o(()=>[i(g,null,{default:o(()=>[i(h,{span:24},{default:o(()=>[e(`h2`,b,t(n.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),i(g,null,{default:o(()=>[i(h,{span:24},{default:o(()=>[i(O,{shadow:`hover`},{default:o(()=>[s((a(),r(y,{data:n.invitees,stripe:``},{default:o(()=>[i(v,{prop:`id`,label:n.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:o(n=>[e(`span`,x,t(n.row.id),1),e(`span`,S,[i(_,{content:n.row.id},null,8,[`content`])])]),_:1},8,[`label`]),i(v,{label:n.$t(`user.field.username`),width:`300px`},{default:o(n=>[e(`span`,C,t(n.row?.username),1)]),_:1},8,[`label`]),i(v,{label:n.$t(`user.field.email`),width:`300px`},{default:o(n=>[e(`span`,w,t(n.row?.email),1)]),_:1},8,[`label`]),i(v,{label:n.$t(`user.field.nickname`),width:`200px`},{default:o(n=>[e(`span`,T,t(n.row.nickname),1)]),_:1},8,[`label`]),i(v,{label:n.$t(`user.field.dateJoined`)},{default:o(r=>[e(`span`,E,t(n.$dayjs.format(r.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,n.loading]])]),_:1})]),_:1})]),_:1}),i(g,null,{default:o(()=>[i(h,{span:10,offset:14},{default:o(()=>[e(`div`,D,[i(k,{"current-page":n.page,"page-size":n.limit,total:n.total,onChange:n.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var k=g(y,[[`render`,O],[`__scopeId`,`data-v-4556864d`]]);export{k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,I as r,N as i,O as a,P as o,Q as s,S as c,dt as l,et as u,ft as d,nt as f,rt as p}from"./vendor-chart-kBsXB1rh.js";import{r as m,t as h}from"./select-DlyATkek.js";import{n as g,t as _}from"./table-DGegyojm.js";import{t as v}from"./card-DIjxmFoM.js";import{t as y}from"./date-picker-Dq-FmW65.js";import{n as b,t as x}from"./row-D-v5w7Gr.js";import{t as S}from"./Pagination-DpB7MA0U.js";import{t as C}from"./skeleton-DN9iOc90.js";import{A as w,Nr as T,Wn as E,fi as D,qt as O,ui as k}from"./index-BIjIFWZJ.js";import{t as A}from"./index.es-BEXw6_kc.js";import{t as j}from"./CopyToClipboard-dZE41GkG.js";var M={total_count:0,total_spent:0,state_counts:{}},N=r({name:`ConsoleOrderList`,components:{Pagination:S,CopyToClipboard:j,ElRow:x,ElCol:b,ElTable:_,ElTableColumn:g,ElButton:D,ElTag:k,ElCard:v,ElSelect:m,ElOption:h,ElDatePicker:y,ElSkeleton:C,FontAwesomeIcon:A},data(){return{OrderState:T,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...M},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:T.PENDING,label:this.$t(`order.state.pending`)},{value:T.FINISHED,label:this.$t(`order.state.finished`)},{value:T.PAID,label:this.$t(`order.state.paid`)},{value:T.EXPIRED,label:this.$t(`order.state.expired`)},{value:T.FAILED,label:this.$t(`order.state.failed`)},{value:T.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:O,stateTagType(e){return e===T.FINISHED||e===T.PAID?`success`:e===T.EXPIRED||e===T.FAILED?`danger`:e===T.REFUNDED?`warning`:`info`},stateLabel(e){return{[T.PENDING]:this.$t(`order.state.pending`),[T.PAID]:this.$t(`order.state.paid`),[T.FINISHED]:this.$t(`order.state.finished`),[T.EXPIRED]:this.$t(`order.state.expired`),[T.FAILED]:this.$t(`order.state.failed`),[T.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==T.PAID&&e!==T.FINISHED&&e!==T.EXPIRED&&e!==T.FAILED&&e!==T.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,E.getAll({ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,E.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...M}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,E.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),P={class:`title`},F={key:1,class:`card-content`},I={class:`icon-wrapper`},L={class:`description`},R={class:`value`},z={key:1,class:`card-content`},B={class:`icon-wrapper`},V={class:`description`},H={class:`value`},U={key:1,class:`card-content`},W={class:`icon-wrapper`},ee={class:`description`},G={class:`value`},K={key:1,class:`card-content`},q={class:`icon-wrapper`},J={class:`description`},Y={class:`value`},X={class:`filter-row mb-3`},Z={class:`key`},Q={class:`cursor-pointer`},$={class:`price`},te={class:`description`},ne={class:`text-gray-500`},re={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(r,m,h,g,_,v){let y=f(`el-col`),b=f(`el-row`),x=f(`el-skeleton`),S=f(`font-awesome-icon`),C=f(`el-card`),w=f(`el-option`),T=f(`el-select`),E=f(`el-date-picker`),D=f(`el-button`),O=f(`copy-to-clipboard`),k=f(`el-table-column`),A=f(`el-tag`),j=f(`el-table`),M=f(`pagination`),N=p(`loading`);return s(),a(b,{class:`panel`},{default:l(()=>[o(y,{span:24},{default:l(()=>[o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[t(`h2`,P,n(r.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),o(b,{gutter:16},{default:l(()=>[o(y,{md:6,sm:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:l(()=>[r.summaryLoading?(s(),a(x,{key:0})):(s(),e(`div`,F,[t(`div`,I,[o(S,{icon:`fa-solid fa-receipt`,class:`icon`})]),t(`p`,L,n(r.$t(`order.title.totalOrders`)),1),t(`p`,R,n(r.summary.total_count),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:l(()=>[r.summaryLoading?(s(),a(x,{key:0})):(s(),e(`div`,z,[t(`div`,B,[o(S,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),t(`p`,V,n(r.$t(`order.title.totalSpent`)),1),t(`p`,H,n(r.getPriceString({value:r.summary.total_spent})),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:l(()=>[r.summaryLoading?(s(),a(x,{key:0})):(s(),e(`div`,U,[t(`div`,W,[o(S,{icon:`fa-solid fa-check-circle`,class:`icon`})]),t(`p`,ee,n(r.$t(`order.title.finishedOrders`)),1),t(`p`,G,n(r.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:l(()=>[r.summaryLoading?(s(),a(x,{key:0})):(s(),e(`div`,K,[t(`div`,q,[o(S,{icon:`fa-solid fa-clock`,class:`icon`})]),t(`p`,J,n(r.$t(`order.title.pendingOrders`)),1),t(`p`,Y,n(r.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),t(`div`,X,[o(T,{modelValue:r.filterState,"onUpdate:modelValue":m[0]||=e=>r.filterState=e,clearable:``,placeholder:r.$t(`order.field.allStates`),class:`filter-select`,onChange:r.onFilterChange},{default:l(()=>[(s(!0),e(c,null,u(r.stateOptions,e=>(s(),a(w,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(T,{modelValue:r.filterPayWay,"onUpdate:modelValue":m[1]||=e=>r.filterPayWay=e,clearable:``,placeholder:r.$t(`order.field.allPayWays`),class:`filter-select`,onChange:r.onFilterChange},{default:l(()=>[(s(!0),e(c,null,u(r.payWayOptions,e=>(s(),a(w,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(E,{modelValue:r.createdAtRange,"onUpdate:modelValue":m[2]||=e=>r.createdAtRange=e,type:`datetimerange`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),o(D,{type:`primary`,plain:``,loading:r.exporting,onClick:r.onExport},{default:l(()=>[o(S,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+n(r.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[o(C,{shadow:`hover`},{default:l(()=>[d((s(),a(j,{data:r.orders,stripe:``,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:l(()=>[o(k,{prop:`id`,label:r.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:l(e=>[t(`span`,Z,n(e.row.id),1),t(`span`,Q,[o(O,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.price`),width:`110px`,align:`center`},{default:l(e=>[t(`span`,$,n(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:l(e=>[t(`span`,te,n(e.row.description),1)]),_:1},8,[`label`]),o(k,{prop:`state`,label:r.$t(`order.field.state`),width:`130px`,align:`center`},{default:l(e=>[o(A,{type:r.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:l(()=>[i(n(r.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:l(e=>[t(`span`,ne,n(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:l(e=>[t(`span`,re,n(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),o(k,{"min-width":`130px`,fixed:`right`},{default:l(e=>[t(`div`,ie,[r.isPendingAction(e.row.state)?(s(),a(D,{key:0,type:`primary`,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:l(()=>[i(n(r.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(s(),a(D,{key:1,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:l(()=>[i(n(r.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[N,r.loading]])]),_:1})]),_:1})]),_:1}),o(b,null,{default:l(()=>[o(y,{span:10,offset:14},{default:l(()=>[t(`div`,ae,[o(M,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=w(N,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,I as r,N as i,O as a,P as o,Q as s,S as c,dt as l,et as u,ft as d,nt as f,rt as p}from"./vendor-chart-kBsXB1rh.js";import{r as m,t as h}from"./select-BqaGx3V1.js";import{n as g,t as _}from"./table-CnozWFnU.js";import{t as v}from"./card-DIjxmFoM.js";import{t as y}from"./date-picker-D1r7YeMl.js";import{n as b,t as x}from"./row-CGR2jJFn.js";import{t as S}from"./Pagination-P4U1SqFf.js";import{t as C}from"./skeleton-DN9iOc90.js";import{A as w,Nr as T,Wn as E,fi as D,qt as O,ui as k}from"./index-DiOG7kod.js";import{t as A}from"./index.es-DT0Hc4W3.js";import{t as j}from"./CopyToClipboard-CkLFejOF.js";var M={total_count:0,total_spent:0,state_counts:{}},N=r({name:`ConsoleOrderList`,components:{Pagination:S,CopyToClipboard:j,ElRow:x,ElCol:b,ElTable:_,ElTableColumn:g,ElButton:D,ElTag:k,ElCard:v,ElSelect:m,ElOption:h,ElDatePicker:y,ElSkeleton:C,FontAwesomeIcon:A},data(){return{OrderState:T,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...M},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:T.PENDING,label:this.$t(`order.state.pending`)},{value:T.FINISHED,label:this.$t(`order.state.finished`)},{value:T.PAID,label:this.$t(`order.state.paid`)},{value:T.EXPIRED,label:this.$t(`order.state.expired`)},{value:T.FAILED,label:this.$t(`order.state.failed`)},{value:T.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:O,stateTagType(e){return e===T.FINISHED||e===T.PAID?`success`:e===T.EXPIRED||e===T.FAILED?`danger`:e===T.REFUNDED?`warning`:`info`},stateLabel(e){return{[T.PENDING]:this.$t(`order.state.pending`),[T.PAID]:this.$t(`order.state.paid`),[T.FINISHED]:this.$t(`order.state.finished`),[T.EXPIRED]:this.$t(`order.state.expired`),[T.FAILED]:this.$t(`order.state.failed`),[T.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==T.PAID&&e!==T.FINISHED&&e!==T.EXPIRED&&e!==T.FAILED&&e!==T.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,E.getAll({ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,E.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...M}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,E.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),P={class:`title`},F={key:1,class:`card-content`},I={class:`icon-wrapper`},L={class:`description`},R={class:`value`},z={key:1,class:`card-content`},B={class:`icon-wrapper`},V={class:`description`},H={class:`value`},U={key:1,class:`card-content`},W={class:`icon-wrapper`},ee={class:`description`},G={class:`value`},K={key:1,class:`card-content`},q={class:`icon-wrapper`},J={class:`description`},Y={class:`value`},X={class:`filter-row mb-3`},Z={class:`key`},Q={class:`cursor-pointer`},$={class:`price`},te={class:`description`},ne={class:`text-gray-500`},re={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(r,m,h,g,_,v){let y=f(`el-col`),b=f(`el-row`),x=f(`el-skeleton`),S=f(`font-awesome-icon`),C=f(`el-card`),w=f(`el-option`),T=f(`el-select`),E=f(`el-date-picker`),D=f(`el-button`),O=f(`copy-to-clipboard`),k=f(`el-table-column`),A=f(`el-tag`),j=f(`el-table`),M=f(`pagination`),N=p(`loading`);return s(),a(b,{class:`panel`},{default:l(()=>[o(y,{span:24},{default:l(()=>[o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[t(`h2`,P,n(r.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),o(b,{gutter:16},{default:l(()=>[o(y,{md:6,sm:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:l(()=>[r.summaryLoading?(s(),a(x,{key:0})):(s(),e(`div`,F,[t(`div`,I,[o(S,{icon:`fa-solid fa-receipt`,class:`icon`})]),t(`p`,L,n(r.$t(`order.title.totalOrders`)),1),t(`p`,R,n(r.summary.total_count),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:l(()=>[r.summaryLoading?(s(),a(x,{key:0})):(s(),e(`div`,z,[t(`div`,B,[o(S,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),t(`p`,V,n(r.$t(`order.title.totalSpent`)),1),t(`p`,H,n(r.getPriceString({value:r.summary.total_spent})),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:l(()=>[r.summaryLoading?(s(),a(x,{key:0})):(s(),e(`div`,U,[t(`div`,W,[o(S,{icon:`fa-solid fa-check-circle`,class:`icon`})]),t(`p`,ee,n(r.$t(`order.title.finishedOrders`)),1),t(`p`,G,n(r.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:l(()=>[r.summaryLoading?(s(),a(x,{key:0})):(s(),e(`div`,K,[t(`div`,q,[o(S,{icon:`fa-solid fa-clock`,class:`icon`})]),t(`p`,J,n(r.$t(`order.title.pendingOrders`)),1),t(`p`,Y,n(r.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),t(`div`,X,[o(T,{modelValue:r.filterState,"onUpdate:modelValue":m[0]||=e=>r.filterState=e,clearable:``,placeholder:r.$t(`order.field.allStates`),class:`filter-select`,onChange:r.onFilterChange},{default:l(()=>[(s(!0),e(c,null,u(r.stateOptions,e=>(s(),a(w,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(T,{modelValue:r.filterPayWay,"onUpdate:modelValue":m[1]||=e=>r.filterPayWay=e,clearable:``,placeholder:r.$t(`order.field.allPayWays`),class:`filter-select`,onChange:r.onFilterChange},{default:l(()=>[(s(!0),e(c,null,u(r.payWayOptions,e=>(s(),a(w,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(E,{modelValue:r.createdAtRange,"onUpdate:modelValue":m[2]||=e=>r.createdAtRange=e,type:`datetimerange`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),o(D,{type:`primary`,plain:``,loading:r.exporting,onClick:r.onExport},{default:l(()=>[o(S,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+n(r.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[o(C,{shadow:`hover`},{default:l(()=>[d((s(),a(j,{data:r.orders,stripe:``,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:l(()=>[o(k,{prop:`id`,label:r.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:l(e=>[t(`span`,Z,n(e.row.id),1),t(`span`,Q,[o(O,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.price`),width:`110px`,align:`center`},{default:l(e=>[t(`span`,$,n(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:l(e=>[t(`span`,te,n(e.row.description),1)]),_:1},8,[`label`]),o(k,{prop:`state`,label:r.$t(`order.field.state`),width:`130px`,align:`center`},{default:l(e=>[o(A,{type:r.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:l(()=>[i(n(r.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:l(e=>[t(`span`,ne,n(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:l(e=>[t(`span`,re,n(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),o(k,{"min-width":`130px`,fixed:`right`},{default:l(e=>[t(`div`,ie,[r.isPendingAction(e.row.state)?(s(),a(D,{key:0,type:`primary`,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:l(()=>[i(n(r.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(s(),a(D,{key:1,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:l(()=>[i(n(r.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[N,r.loading]])]),_:1})]),_:1})]),_:1}),o(b,null,{default:l(()=>[o(y,{span:10,offset:14},{default:l(()=>[t(`div`,ae,[o(M,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=w(N,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,I as r,N as i,O as a,P as o,Q as s,S as c,dt as l,et as u,ft as d,k as f,nt as p,rt as ee}from"./vendor-chart-kBsXB1rh.js";import{n as m,t as h}from"./table-DGegyojm.js";import{t as g}from"./card-DIjxmFoM.js";import{n as _,t as v}from"./row-D-v5w7Gr.js";import{t as y}from"./empty-qBuuC2ji.js";import{t as b}from"./Pagination-DpB7MA0U.js";import{t as x}from"./skeleton-DN9iOc90.js";import{t as S}from"./switch-DIUex9yo.js";import{A as C,Jr as w,Mr as T,Rr as E,U as D,Y as O,Zn as k,fi as A,jr as j,ti as M,ui as N,zr as P}from"./index-BIjIFWZJ.js";import{t as F}from"./index.es-BEXw6_kc.js";import{t as I}from"./CopyToClipboard-dZE41GkG.js";var L=r({name:`ConsoleApplicationList`,components:{Pagination:b,CopyToClipboard:I,ElTable:h,ElRow:v,ElButton:A,ElCol:_,ElTag:N,ElSkeleton:x,ElSwitch:S,ElEmpty:y,ElTableColumn:m,ElCard:g,FontAwesomeIcon:F},data(){return{credentialType:j,serviceType:T,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showGlobalPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{rowCanPay(e){return w()?(e?.packages||[]).some(e=>e?.metadata?.apple_product_id):!0},updateAllowConsumeGlobal(e,t){!e||!e.id||k.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{M.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{M.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:O,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:D,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=E.INDIVIDUAL){return new Promise((t,n)=>{k.getAll({limit:this.limit,...e===E.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:P.USAGE,scope:e}).then(({data:n})=>{e===E.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{M.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(E.INDIVIDUAL),this.onFetchApplications(E.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){k.create({type:P.USAGE,scope:E.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(E.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),R={class:`title`},z={key:1,class:`summary-card`},B={class:`icon-wrapper`},V={class:`label`},H={class:`value`},U={class:`description`},W={key:1,class:`flex flex-row justify-between items-center gap-3`},G={class:`summary-card min-w-0 flex-1`},K={class:`flex justify-start items-center gap-2 mb-2 w-full`},q={class:`icon-wrapper !mb-0`},te={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},J={class:`label`},Y={class:`value`},X={class:`description`},Z={class:`flex flex-col items-end gap-2 shrink-0`},Q={class:`copy`},ne={key:0,class:`expired-at`},re={class:`flex flex-wrap items-center justify-end gap-1`},ie={class:`application-cards block sm:hidden`},ae={class:`flex items-center gap-2 flex-wrap`},oe={class:`application-card__name`},se={class:`application-card__id`},ce={class:`truncate`},le={class:`application-card__row`},ue={class:`label`},de={class:`value`},fe={key:0,class:`application-card__row`},pe={class:`label`},$={class:`value`},me={key:1,class:`application-card__row`},he={class:`label`},ge={class:`flex items-center justify-end gap-2 mt-3`},_e={class:`pagination`};function ve(r,m,h,g,_,v){let y=p(`el-col`),b=p(`el-row`),x=p(`el-skeleton`),S=p(`font-awesome-icon`),C=p(`el-card`),w=p(`copy-to-clipboard`),T=p(`el-button`),E=p(`el-table-column`),D=p(`el-tag`),O=p(`el-switch`),k=p(`el-table`),A=p(`el-empty`),j=p(`pagination`),M=ee(`loading`);return s(),a(b,{class:`application-list`},{default:l(()=>[o(y,{span:24},{default:l(()=>[o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[t(`h2`,R,n(r.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),o(b,{gutter:15,class:`mb-3`},{default:l(()=>[o(y,{md:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:l(()=>[r.loading?(s(),a(x,{key:0})):(s(),e(`div`,z,[t(`div`,B,[o(S,{icon:`fa-solid fa-cubes-stacked`})]),t(`p`,V,n(r.$t(`application.title.count`)),1),t(`p`,H,n(r.individualApplicationsTotal),1),t(`p`,U,n(r.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),r.showGlobalPayment&&r.globalApplications?.length>0?(s(),a(y,{key:0,md:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:l(()=>[r.loading?(s(),a(x,{key:0})):(s(),e(`div`,W,[t(`div`,G,[t(`div`,K,[t(`div`,q,[o(S,{icon:`fa-solid fa-wallet`})]),t(`span`,te,[i(n(r.$t(`application.field.id`))+`: `+n(r.globalApplications?.[0]?.id)+` `,1),r.globalApplications?.[0]?.id?(s(),a(w,{key:0,content:r.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):f(``,!0)])]),t(`p`,J,n(r.$t(`application.title.globalBalance`)),1),t(`p`,Y,n(r.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+n(r.$t(`service.unit.credits`)),1),t(`p`,X,n(r.$t(`application.message.globalBalanceDescription`)),1)]),t(`div`,Z,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:m[0]||=e=>r.onGoUsage(r.globalApplications?.[0])},{default:l(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.usage`)),1)]),_:1}),r.showGlobalPayment?(s(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:m[1]||=e=>r.onBuyMore(r.globalApplications?.[0])},{default:l(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.buyMore`)),1)]),_:1})):f(``,!0)])]))]),_:1})]),_:1})):f(``,!0)]),_:1}),o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[o(C,{shadow:`hover`,class:`applications-table-card hidden sm:block`},{default:l(()=>[d((s(),a(k,{data:r.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`)},{default:l(()=>[o(E,{prop:`id`,label:r.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:l(e=>[t(`span`,null,n(e.row.id),1),t(`span`,Q,[o(w,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:l(e=>[e.row?.type===`Period`?(s(),a(D,{key:0,type:`success`,effect:`dark`,round:``},{default:l(()=>[i(n(r.$t(`application.type.period`)),1)]),_:1})):e.row?.type===`Usage`?(s(),a(D,{key:1,effect:`dark`,round:``},{default:l(()=>[i(n(r.$t(`application.type.usage`)),1)]),_:1})):f(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.name`),width:`180px`},{default:l(e=>[t(`span`,null,n(e.row?.service?.title),1),e.row?.role===`grantee`?(s(),a(D,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:l(()=>[i(n(r.$t(`application.badge.shared`)),1)]),_:1})):f(``,!0)]),_:1},8,[`label`]),o(E,{prop:`remaining_amount`,label:r.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:l(e=>[t(`span`,null,n(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`used_amount`,label:r.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:l(e=>[t(`span`,null,n(r.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`allow_consume_global`,label:r.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:l(e=>[e.row.service?.type===r.serviceType.API?(s(),a(O,{key:0,modelValue:e.row.allow_consume_global,"onUpdate:modelValue":t=>e.row.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e.row,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):f(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:l(t=>[t.row.expired_at?(s(),e(`span`,ne,n(r.$dayjs.format(t.row.expired_at)),1)):f(``,!0)]),_:1},8,[`label`]),o(E,{fixed:`right`,width:`200px`},{default:l(e=>[t(`div`,re,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:t=>r.onGoUsage(e?.row)},{default:l(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e?.row)?(s(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e?.row)},{default:l(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):f(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1}),t(`div`,ie,[r.loading?(s(),a(x,{key:0,rows:4,animated:``})):(s(),e(c,{key:1},[r.individualApplications?.length?(s(!0),e(c,{key:1},u(r.individualApplications,c=>(s(),a(C,{key:c.id,shadow:`hover`,class:`application-card mb-2`,"body-style":{padding:`14px 16px`}},{default:l(()=>[t(`div`,ae,[t(`span`,oe,n(c?.service?.title),1),c?.type===`Period`?(s(),a(D,{key:0,type:`success`,effect:`dark`,size:`small`,round:``},{default:l(()=>[i(n(r.$t(`application.type.period`)),1)]),_:1})):c?.type===`Usage`?(s(),a(D,{key:1,effect:`dark`,size:`small`,round:``},{default:l(()=>[i(n(r.$t(`application.type.usage`)),1)]),_:1})):f(``,!0),c?.role===`grantee`?(s(),a(D,{key:2,type:`info`,size:`small`,round:``},{default:l(()=>[i(n(r.$t(`application.badge.shared`)),1)]),_:1})):f(``,!0)]),t(`div`,se,[t(`span`,ce,n(r.$t(`application.field.id`))+`: `+n(c.id),1),o(w,{content:c.id,class:`inline-block shrink-0`},null,8,[`content`])]),t(`div`,le,[t(`span`,ue,n(r.$t(`application.field.remainingAmount`)),1),t(`span`,de,n(r.getRemainingAmount(c)),1)]),c?.expired_at?(s(),e(`div`,fe,[t(`span`,pe,n(r.$t(`application.field.expiredAt`)),1),t(`span`,$,n(r.$dayjs.format(c.expired_at)),1)])):f(``,!0),c.service?.type===r.serviceType.API?(s(),e(`div`,me,[t(`span`,he,n(r.$t(`application.field.allowConsumeGlobal`)),1),o(O,{modelValue:c.allow_consume_global,"onUpdate:modelValue":e=>c.allow_consume_global=e,"active-value":!0,"inactive-value":!1,onChange:e=>r.updateAllowConsumeGlobal(c,e)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])])):f(``,!0),t(`div`,ge,[o(T,{class:`!m-0 !px-3`,size:`small`,round:``,onClick:e=>r.onGoUsage(c)},{default:l(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(c)?(s(),a(T,{key:0,class:`!m-0 !px-3`,type:`primary`,round:``,size:`small`,onClick:e=>r.onBuyMore(c)},{default:l(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):f(``,!0)])]),_:2},1024))),128)):(s(),a(A,{key:0,description:r.$t(`common.message.noData`)},null,8,[`description`]))],64))])]),_:1})]),_:1}),o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[t(`div`,_e,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.individualApplicationsTotal,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ye=C(L,[[`render`,ve],[`__scopeId`,`data-v-b4164ed9`]]);export{ye as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,I as r,N as i,O as a,P as o,Q as s,S as c,dt as l,et as u,ft as d,k as f,nt as p,rt as ee}from"./vendor-chart-kBsXB1rh.js";import{n as m,t as h}from"./table-CnozWFnU.js";import{t as g}from"./card-DIjxmFoM.js";import{n as _,t as v}from"./row-CGR2jJFn.js";import{t as y}from"./empty-qBuuC2ji.js";import{t as b}from"./Pagination-P4U1SqFf.js";import{t as x}from"./skeleton-DN9iOc90.js";import{t as S}from"./switch-BXG-XSiL.js";import{A as C,Jr as w,Mr as T,Rr as E,U as D,Y as O,Zn as k,fi as A,jr as j,ti as M,ui as N,zr as P}from"./index-DiOG7kod.js";import{t as F}from"./index.es-DT0Hc4W3.js";import{t as I}from"./CopyToClipboard-CkLFejOF.js";var L=r({name:`ConsoleApplicationList`,components:{Pagination:b,CopyToClipboard:I,ElTable:h,ElRow:v,ElButton:A,ElCol:_,ElTag:N,ElSkeleton:x,ElSwitch:S,ElEmpty:y,ElTableColumn:m,ElCard:g,FontAwesomeIcon:F},data(){return{credentialType:j,serviceType:T,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showGlobalPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{rowCanPay(e){return w()?(e?.packages||[]).some(e=>e?.metadata?.apple_product_id):!0},updateAllowConsumeGlobal(e,t){!e||!e.id||k.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{M.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{M.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:O,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:D,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=E.INDIVIDUAL){return new Promise((t,n)=>{k.getAll({limit:this.limit,...e===E.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:P.USAGE,scope:e}).then(({data:n})=>{e===E.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{M.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(E.INDIVIDUAL),this.onFetchApplications(E.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){k.create({type:P.USAGE,scope:E.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(E.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),R={class:`title`},z={key:1,class:`summary-card`},B={class:`icon-wrapper`},V={class:`label`},H={class:`value`},U={class:`description`},W={key:1,class:`flex flex-row justify-between items-center gap-3`},G={class:`summary-card min-w-0 flex-1`},K={class:`flex justify-start items-center gap-2 mb-2 w-full`},q={class:`icon-wrapper !mb-0`},te={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},J={class:`label`},Y={class:`value`},X={class:`description`},Z={class:`flex flex-col items-end gap-2 shrink-0`},Q={class:`copy`},ne={key:0,class:`expired-at`},re={class:`flex flex-wrap items-center justify-end gap-1`},ie={class:`application-cards block sm:hidden`},ae={class:`flex items-center gap-2 flex-wrap`},oe={class:`application-card__name`},se={class:`application-card__id`},ce={class:`truncate`},le={class:`application-card__row`},ue={class:`label`},de={class:`value`},fe={key:0,class:`application-card__row`},pe={class:`label`},$={class:`value`},me={key:1,class:`application-card__row`},he={class:`label`},ge={class:`flex items-center justify-end gap-2 mt-3`},_e={class:`pagination`};function ve(r,m,h,g,_,v){let y=p(`el-col`),b=p(`el-row`),x=p(`el-skeleton`),S=p(`font-awesome-icon`),C=p(`el-card`),w=p(`copy-to-clipboard`),T=p(`el-button`),E=p(`el-table-column`),D=p(`el-tag`),O=p(`el-switch`),k=p(`el-table`),A=p(`el-empty`),j=p(`pagination`),M=ee(`loading`);return s(),a(b,{class:`application-list`},{default:l(()=>[o(y,{span:24},{default:l(()=>[o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[t(`h2`,R,n(r.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),o(b,{gutter:15,class:`mb-3`},{default:l(()=>[o(y,{md:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:l(()=>[r.loading?(s(),a(x,{key:0})):(s(),e(`div`,z,[t(`div`,B,[o(S,{icon:`fa-solid fa-cubes-stacked`})]),t(`p`,V,n(r.$t(`application.title.count`)),1),t(`p`,H,n(r.individualApplicationsTotal),1),t(`p`,U,n(r.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),r.showGlobalPayment&&r.globalApplications?.length>0?(s(),a(y,{key:0,md:12,xs:24},{default:l(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:l(()=>[r.loading?(s(),a(x,{key:0})):(s(),e(`div`,W,[t(`div`,G,[t(`div`,K,[t(`div`,q,[o(S,{icon:`fa-solid fa-wallet`})]),t(`span`,te,[i(n(r.$t(`application.field.id`))+`: `+n(r.globalApplications?.[0]?.id)+` `,1),r.globalApplications?.[0]?.id?(s(),a(w,{key:0,content:r.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):f(``,!0)])]),t(`p`,J,n(r.$t(`application.title.globalBalance`)),1),t(`p`,Y,n(r.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+n(r.$t(`service.unit.credits`)),1),t(`p`,X,n(r.$t(`application.message.globalBalanceDescription`)),1)]),t(`div`,Z,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:m[0]||=e=>r.onGoUsage(r.globalApplications?.[0])},{default:l(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.usage`)),1)]),_:1}),r.showGlobalPayment?(s(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:m[1]||=e=>r.onBuyMore(r.globalApplications?.[0])},{default:l(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.buyMore`)),1)]),_:1})):f(``,!0)])]))]),_:1})]),_:1})):f(``,!0)]),_:1}),o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[o(C,{shadow:`hover`,class:`applications-table-card hidden sm:block`},{default:l(()=>[d((s(),a(k,{data:r.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`)},{default:l(()=>[o(E,{prop:`id`,label:r.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:l(e=>[t(`span`,null,n(e.row.id),1),t(`span`,Q,[o(w,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:l(e=>[e.row?.type===`Period`?(s(),a(D,{key:0,type:`success`,effect:`dark`,round:``},{default:l(()=>[i(n(r.$t(`application.type.period`)),1)]),_:1})):e.row?.type===`Usage`?(s(),a(D,{key:1,effect:`dark`,round:``},{default:l(()=>[i(n(r.$t(`application.type.usage`)),1)]),_:1})):f(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.name`),width:`180px`},{default:l(e=>[t(`span`,null,n(e.row?.service?.title),1),e.row?.role===`grantee`?(s(),a(D,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:l(()=>[i(n(r.$t(`application.badge.shared`)),1)]),_:1})):f(``,!0)]),_:1},8,[`label`]),o(E,{prop:`remaining_amount`,label:r.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:l(e=>[t(`span`,null,n(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`used_amount`,label:r.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:l(e=>[t(`span`,null,n(r.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`allow_consume_global`,label:r.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:l(e=>[e.row.service?.type===r.serviceType.API?(s(),a(O,{key:0,modelValue:e.row.allow_consume_global,"onUpdate:modelValue":t=>e.row.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e.row,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):f(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:l(t=>[t.row.expired_at?(s(),e(`span`,ne,n(r.$dayjs.format(t.row.expired_at)),1)):f(``,!0)]),_:1},8,[`label`]),o(E,{fixed:`right`,width:`200px`},{default:l(e=>[t(`div`,re,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:t=>r.onGoUsage(e?.row)},{default:l(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e?.row)?(s(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e?.row)},{default:l(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):f(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1}),t(`div`,ie,[r.loading?(s(),a(x,{key:0,rows:4,animated:``})):(s(),e(c,{key:1},[r.individualApplications?.length?(s(!0),e(c,{key:1},u(r.individualApplications,c=>(s(),a(C,{key:c.id,shadow:`hover`,class:`application-card mb-2`,"body-style":{padding:`14px 16px`}},{default:l(()=>[t(`div`,ae,[t(`span`,oe,n(c?.service?.title),1),c?.type===`Period`?(s(),a(D,{key:0,type:`success`,effect:`dark`,size:`small`,round:``},{default:l(()=>[i(n(r.$t(`application.type.period`)),1)]),_:1})):c?.type===`Usage`?(s(),a(D,{key:1,effect:`dark`,size:`small`,round:``},{default:l(()=>[i(n(r.$t(`application.type.usage`)),1)]),_:1})):f(``,!0),c?.role===`grantee`?(s(),a(D,{key:2,type:`info`,size:`small`,round:``},{default:l(()=>[i(n(r.$t(`application.badge.shared`)),1)]),_:1})):f(``,!0)]),t(`div`,se,[t(`span`,ce,n(r.$t(`application.field.id`))+`: `+n(c.id),1),o(w,{content:c.id,class:`inline-block shrink-0`},null,8,[`content`])]),t(`div`,le,[t(`span`,ue,n(r.$t(`application.field.remainingAmount`)),1),t(`span`,de,n(r.getRemainingAmount(c)),1)]),c?.expired_at?(s(),e(`div`,fe,[t(`span`,pe,n(r.$t(`application.field.expiredAt`)),1),t(`span`,$,n(r.$dayjs.format(c.expired_at)),1)])):f(``,!0),c.service?.type===r.serviceType.API?(s(),e(`div`,me,[t(`span`,he,n(r.$t(`application.field.allowConsumeGlobal`)),1),o(O,{modelValue:c.allow_consume_global,"onUpdate:modelValue":e=>c.allow_consume_global=e,"active-value":!0,"inactive-value":!1,onChange:e=>r.updateAllowConsumeGlobal(c,e)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])])):f(``,!0),t(`div`,ge,[o(T,{class:`!m-0 !px-3`,size:`small`,round:``,onClick:e=>r.onGoUsage(c)},{default:l(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(c)?(s(),a(T,{key:0,class:`!m-0 !px-3`,type:`primary`,round:``,size:`small`,onClick:e=>r.onBuyMore(c)},{default:l(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+n(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):f(``,!0)])]),_:2},1024))),128)):(s(),a(A,{key:0,description:r.$t(`common.message.noData`)},null,8,[`description`]))],64))])]),_:1})]),_:1}),o(b,null,{default:l(()=>[o(y,{span:24},{default:l(()=>[t(`div`,_e,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.individualApplicationsTotal,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ye=C(L,[[`render`,ve],[`__scopeId`,`data-v-b4164ed9`]]);export{ye as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,I as r,N as i,O as a,P as o,Q as s,S as c,a as l,c as u,dt as d,et as f,ft as p,i as m,k as h,n as g,nt as _,o as v,r as y,rt as b,s as x,t as S,v as C}from"./vendor-chart-kBsXB1rh.js";import{r as w,t as T}from"./select-DlyATkek.js";import{n as E,t as D}from"./table-DGegyojm.js";import{n as O,t as k}from"./tabs-DksxQqYy.js";import{t as A}from"./card-DIjxmFoM.js";import{n as j,r as M}from"./radio-Ct6y4mt7.js";import{t as N}from"./date-picker-Dq-FmW65.js";import{n as P,t as F}from"./row-D-v5w7Gr.js";import{t as I}from"./Pagination-DpB7MA0U.js";import{n as L,t as R}from"./skeleton-DN9iOc90.js";import{A as z,Gn as B,Kn as V,Mr as H,Zn as U,fi as W,ii as G,jr as K,qn as q,ui as J,zr as Y}from"./index-BIjIFWZJ.js";import{t as X}from"./index.es-BEXw6_kc.js";import{t as Z}from"./CopyToClipboard-dZE41GkG.js";m.register(y,l,g,x,u,v);var Q=r({name:`ConsoleUsageList`,components:{Pagination:I,ElTag:J,ElDatePicker:N,ElTable:D,ElSelect:w,ElOption:T,CopyToClipboard:Z,ElRow:F,ElCol:P,ElTableColumn:E,ElCard:A,ElRadioButton:j,ElRadioGroup:M,ElSkeleton:R,ElSkeletonItem:L,ElDialog:G,ElTabs:O,ElTabPane:k,ElButton:W,FontAwesomeIcon:X,BarChart:S},data(){return{applicationIds:this.$route.query.application_id?.toString()?this.$route.query.application_id?.toString().split(`,`):[],apiIds:this.$route.query.api_id?.toString()?this.$route.query.api_id?.toString().split(`,`):[],applications:[],apis:[],apisLoading:!1,credentialType:K,serviceType:H,apiUsages:[],proxyUsages:[],createdAtRange:(()=>{let e=this.$route.query.created_at_to?.toString(),t=this.$route.query.created_at_from?.toString();if(t&&e)return[new Date(t),new Date(e)];let n=new Date,r=new Date;return r.setDate(1),r.setHours(0,0,0,0),[r,n]})(),shortcuts:[{text:this.$t(`usage.shortcuts.thisMonth`),value:()=>{let e=new Date,t=new Date;return t.setDate(1),t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last1Day`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-1),[t,e]}},{text:this.$t(`usage.shortcuts.last3Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-3),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}],type:this.$route.query.type?.toString()||H.API,loading:!1,total:void 0,limit:15,totalUsed:0,barChartLabels:[],barChartSeries:[],aggLoading:!1,detailDialogVisible:!1,detailRow:null,detailActiveTab:`request`,detailLoading:!1,exporting:!1,statusCodeFilter:this.$route.query.status_code?.toString()||``,statusCodeOptions:[],statusCodeOptionsLoading:!1}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},totalUsedString(){return`${(this.totalUsed||0).toFixed(2)}`},barChartData(){return{labels:this.barChartLabels,datasets:this.barChartSeries.map(e=>({label:e.label,data:e.data,backgroundColor:e.color}))}},barChartOptions(){return{responsive:!0,plugins:{legend:{position:`top`,onClick:(e,t,n)=>{let r=n?.chart;if(!r||t?.datasetIndex===void 0)return;let i=t.datasetIndex,a=r.data?.datasets||[];a.some((e,t)=>t!==i&&r.isDatasetVisible(t))?a.forEach((e,t)=>r.setDatasetVisibility(t,t===i)):a.forEach((e,t)=>r.setDatasetVisibility(t,!0)),r.update()}},title:{display:!0,text:this.$t(`usage.title.usageTrend`)}},scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0}}}}},watch:{page:{handler(){this.onFetchUsages()}},type:{handler(){this.applicationIds=[],this.apiIds=[],this.onApplicationsChange(this.applicationIds),this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()}}},mounted(){this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},methods:{async onFetchUsages(){this.type===H.API?this.onFetchApiUsages():this.type===H.Proxy&&this.onFetchProxyUsages()},async onApiChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onApisChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e&&e.length?e.join(`,`):``}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onTimeRangeChanged(){console.log(`onTimeRangeChanged`,this.createdAtRange),await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,created_at_from:this.createdAtRange?this.$dayjs.format(this.createdAtRange[0].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``,created_at_to:this.createdAtRange?this.$dayjs.format(this.createdAtRange[1].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``}}),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},async onApplicationChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationsChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e&&e.length?e.join(`,`):``}}),this.onFetchUsages(),this.onFetchAggregate()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`},getDeductedAmount(e){if(e?.deducted_amount===void 0||e?.deducted_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.deducted_amount?.toFixed(6)} ${t}`},getOriginalAmount(e){if(e?.original_amount===void 0||e?.original_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.original_amount?.toFixed(6)} ${t}`},onStatusCodeChange(e){let t={...this.$route.query},n=(e||``).trim();n?t.status_code=n:delete t.status_code,delete t.status_code_filter,this.$router.push({name:this.$route.name?.toString(),query:t}),this.onFetchUsages(),this.onFetchAggregate()},async onFetchStatusCodeOptions(){this.statusCodeOptionsLoading=!0;try{let{data:e}=await V.getStatusCodes({user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}});this.statusCodeOptions=(e?.items||[]).slice().sort((e,t)=>e-t)}catch{this.statusCodeOptions=[]}finally{this.statusCodeOptionsLoading=!1}},formatElapsed(e){return e==null||Number.isNaN(e)?`-`:e<1?`${Math.round(e*1e3)} ms`:`${e.toFixed(2)} s`},getSimpleMetadata(e){if(!e)return{};let t={};for(let[n,r]of Object.entries(e))n===`request`||n===`response`||typeof r==`object`&&r||(t[n]=r);return t},onShowDetail(e){this.detailRow={...e,metadata:void 0},this.detailActiveTab=`request`,this.detailDialogVisible=!0,this.detailLoading=!0,e.id&&V.get(e.id).then(e=>{this.detailRow=e.data}).finally(()=>{this.detailLoading=!1})},formatJson(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}},onFetchApplications(){U.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:Y.USAGE}).then(({data:e})=>{this.applications=e.items.filter(e=>e?.service?.type===this.type)}).catch(()=>{})},onFetchApis(){this.apisLoading=!0,B.getAll({limit:100,offset:0,ordering:`-created_at`}).then(({data:e})=>{this.apis=e.items}).catch(()=>{}).finally(()=>{this.apisLoading=!1})},onFetchApiUsages(){console.log(`onFetchApiUsages`,this.createdAtRange),this.loading=!0,V.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}}).then(({data:e})=>{this.apiUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})},onFetchProxyUsages(){this.loading=!0,q.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{}}).then(({data:e})=>{this.proxyUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})},onExport(){this.exporting=!0,V.exportCsv({user_id:this.$store.getters.user.id,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}}).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`usages.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})},async onFetchAggregate(){if(this.aggLoading=!0,this.type!==this.serviceType.API)return;let e={user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}};try{let{data:t}=await V.getAggregate(e);this.totalUsed=t.total||0;let n=Array.from(new Set((t.items||[]).map(e=>e.date))).sort(),r=Array.from(new Set((t.items||[]).map(e=>e.api_id))),i=e=>`hsl(${e*57%360}, 70%, 60%)`,a=r.map((e,r)=>{let a=t.apis?.[e]?.title||e,o={};return(t.items||[]).filter(t=>t.api_id===e).forEach(e=>{o[e.date]=e.amount||0}),{key:e,label:a,data:n.map(e=>o[e]||0),color:i(r)}});this.barChartLabels=n,this.barChartSeries=a}finally{this.aggLoading=!1}}}}),$={class:`text-[26px] font-bold mb-5 text-[var(--el-text-color-primary)]`},ee={class:`inline-block w-9`},te={class:`inline-block`},ne={key:1,class:`summary-card`},re={class:`icon-wrapper`},ie={class:`text-left`},ae={class:`description`},oe={class:`value`},se={class:`chart-wrapper`},ce={key:0},le={key:1},ue={class:`flex flex-wrap gap-2`},de={class:`key`},fe={key:0,class:`cursor-pointer`},pe={class:`created-at`},me={class:`created-at`},he={key:1,class:`detail-json`},ge={key:2,class:`text-gray-400`},_e={key:1,class:`detail-json`},ve={key:2,class:`text-gray-400`},ye={class:`float-right`};function be(r,l,u,m,g,v){let y=_(`el-col`),x=_(`el-row`),S=_(`el-radio-button`),w=_(`el-radio-group`),T=_(`el-option`),E=_(`el-select`),D=_(`el-skeleton-item`),O=_(`el-skeleton`),k=_(`el-date-picker`),A=_(`font-awesome-icon`),j=_(`el-button`),M=_(`el-card`),N=_(`bar-chart`),P=_(`el-table-column`),F=_(`el-tag`),I=_(`copy-to-clipboard`),L=_(`el-table`),R=_(`el-tab-pane`),z=_(`el-tabs`),B=_(`el-dialog`),V=_(`pagination`),H=b(`loading`);return s(),a(x,null,{default:d(()=>[o(y,{span:24},{default:d(()=>[o(x,null,{default:d(()=>[o(y,{span:24},{default:d(()=>[t(`h2`,$,n(r.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),o(x,null,{default:d(()=>[o(y,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[t(`span`,null,n(r.$t(`application.field.type`)),1),o(w,{modelValue:r.type,"onUpdate:modelValue":l[0]||=e=>r.type=e},{default:d(()=>[o(S,{value:r.serviceType.API,label:r.$t(`application.field.api`)},null,8,[`value`,`label`]),o(S,{value:r.serviceType.Proxy,label:r.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1}),p(o(y,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[t(`span`,ee,n(r.$t(`usage.field.application`)),1),o(E,{modelValue:r.applicationIds,"onUpdate:modelValue":l[1]||=e=>r.applicationIds=e,placeholder:r.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:r.onApplicationsChange},{default:d(()=>[(s(!0),e(c,null,f(r.applications,e=>(s(),a(T,{key:e.id,label:e.service?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[C,!1]]),r.type===r.serviceType.API?(s(),a(y,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[t(`span`,te,n(r.$t(`usage.field.api`)),1),r.apisLoading?(s(),a(O,{key:0,animated:``,class:`w-full`},{template:d(()=>[o(D,{variant:`rect`,style:{height:`32px`,"border-radius":`4px`}})]),_:1})):(s(),a(E,{key:1,modelValue:r.apiIds,"onUpdate:modelValue":l[2]||=e=>r.apiIds=e,placeholder:r.$t(`usage.field.api`),clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:r.onApisChange},{default:d(()=>[(s(!0),e(c,null,f(r.apis,e=>(s(),a(T,{key:e?.id,label:e?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]))]),_:1})):h(``,!0),r.type===r.serviceType.API?(s(),a(y,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[o(k,{modelValue:r.createdAtRange,"onUpdate:modelValue":l[3]||=e=>r.createdAtRange=e,type:`datetimerange`,class:`w-full`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):h(``,!0),r.type===r.serviceType.API?(s(),a(y,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[o(E,{modelValue:r.statusCodeFilter,"onUpdate:modelValue":l[4]||=e=>r.statusCodeFilter=e,placeholder:r.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:r.statusCodeOptionsLoading,onChange:r.onStatusCodeChange},{default:d(()=>[(s(!0),e(c,null,f(r.statusCodeOptions,e=>(s(),a(T,{key:e,label:String(e),value:String(e)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):h(``,!0),r.type===r.serviceType.API?(s(),a(y,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:d(()=>[o(j,{type:`primary`,plain:``,loading:r.exporting,class:`w-full whitespace-nowrap`,onClick:r.onExport},{default:d(()=>[o(A,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+n(r.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):h(``,!0)]),_:1}),o(x,null,{default:d(()=>[o(y,{span:24},{default:d(()=>[r.type===r.serviceType.API?(s(),a(x,{key:0,gutter:24,class:`mb-5`},{default:d(()=>[o(y,{md:6,xs:24},{default:d(()=>[o(M,{shadow:`hover`,class:`h-full`},{default:d(()=>[r.aggLoading?(s(),a(O,{key:0})):(s(),e(`div`,ne,[t(`div`,re,[o(A,{icon:`fa-solid fa-cubes`,class:`icon`})]),t(`div`,ie,[t(`p`,ae,n(r.$t(`usage.title.totalUsed`)),1),t(`p`,oe,n(r.totalUsedString),1)])]))]),_:1})]),_:1}),o(y,{md:18,xs:24},{default:d(()=>[o(M,{shadow:`hover`,class:`h-full`},{default:d(()=>[t(`div`,se,[r.aggLoading?(s(),a(O,{key:0,class:`w-full`})):(s(),a(N,{key:1,data:r.barChartData,options:r.barChartOptions,class:`chart`},null,8,[`data`,`options`]))])]),_:1})]),_:1})]),_:1})):h(``,!0),o(M,{shadow:`hover`},{default:d(()=>[r.type===r.serviceType.API?p((s(),a(L,{key:0,data:r.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:d(()=>[o(P,{label:r.$t(`application.field.name`),width:`160px`},{default:d(e=>[t(`span`,null,n(e.row?.api?.title),1)]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.statusCode`),width:`120px`},{default:d(e=>[t(`span`,null,n(e.row.status_code),1)]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.elapsed`),width:`120px`},{default:d(e=>[t(`span`,null,n(r.formatElapsed(e.row.elapsed)),1)]),_:1},8,[`label`]),o(P,{prop:`deducted_amount`,label:r.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:d(i=>[r.getDeductedAmount(i.row)===r.getOriginalAmount(i.row)?(s(),e(`div`,ce,[t(`span`,null,n(r.getDeductedAmount(i.row)),1)])):(s(),e(`div`,le,[l[7]||=t(`p`,null,null,-1),t(`p`,null,[t(`span`,null,n(r.getDeductedAmount(i.row)),1)]),t(`p`,null,[t(`del`,null,n(r.getOriginalAmount(i.row)),1)])]))]),_:1},8,[`label`]),o(P,{prop:`remaining_amount`,label:r.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:d(e=>[t(`span`,null,n(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(P,{prop:`metadata`,label:r.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:d(o=>[t(`div`,ue,[o.row.original_amount>o.row.deducted_amount&&o.row.original_amount>0?(s(),a(F,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:d(()=>[i(n(((o.row.original_amount-o.row.deducted_amount)*100/o.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):h(``,!0),(s(!0),e(c,null,f(r.getSimpleMetadata(o.row.metadata),(e,t)=>(s(),a(F,{key:t,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:d(()=>[i(n(t)+`: `+n(e),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:d(e=>[e.row.id?(s(),a(j,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:t=>r.onShowDetail(e.row)},{default:d(()=>[i(n(r.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):h(``,!0)]),_:1},8,[`label`]),o(P,{prop:`trace_id`,label:r.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:d(r=>[t(`span`,de,n(r.row.trace_id),1),r.row.trace_id?(s(),e(`span`,fe,[o(I,{content:r.row.trace_id,class:`inline-block`},null,8,[`content`])])):h(``,!0)]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.createdAt`),width:`200px`},{default:d(e=>[t(`span`,pe,n(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[H,r.loading]]):h(``,!0),r.type===r.serviceType.Proxy?p((s(),a(L,{key:1,data:r.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:d(()=>[o(P,{label:r.$t(`application.field.name`),width:`160px`},{default:d(e=>[t(`span`,null,n(e.row?.service?.title),1)]),_:1},8,[`label`]),o(P,{prop:`remaining_amount`,label:r.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:d(e=>[t(`span`,null,n(r.getRemainingAmount(e.row)),1),t(`span`,null,n(r.getOriginalAmount(e.row)),1)]),_:1},8,[`label`]),o(P,{prop:`deducted_amount`,label:r.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:d(e=>[t(`span`,null,n(r.getDeductedAmount(e.row)),1)]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:d(e=>[t(`span`,null,n(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(P,{prop:`metadata`,label:r.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:d(t=>[(s(!0),e(c,null,f(t.row.metadata,(e,t)=>(s(),a(F,{key:t,class:`mb-2`},{default:d(()=>[i(n(t)+`: `+n(e),1)]),_:2},1024))),128))]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.createdAt`),width:`200px`},{default:d(e=>[t(`span`,me,n(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[H,r.loading]]):h(``,!0)]),_:1})]),_:1})]),_:1}),o(B,{modelValue:r.detailDialogVisible,"onUpdate:modelValue":l[6]||=e=>r.detailDialogVisible=e,title:r.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:d(()=>[o(z,{modelValue:r.detailActiveTab,"onUpdate:modelValue":l[5]||=e=>r.detailActiveTab=e},{default:d(()=>[o(R,{label:r.$t(`usage.dialog.request`),name:`request`},{default:d(()=>[r.detailLoading?(s(),a(O,{key:0,rows:6,animated:``})):r.detailRow?.metadata?.request?(s(),e(`pre`,he,n(r.formatJson(r.detailRow.metadata.request)),1)):(s(),e(`p`,ge,n(r.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),o(R,{label:r.$t(`usage.dialog.response`),name:`response`},{default:d(()=>[r.detailLoading?(s(),a(O,{key:0,rows:6,animated:``})):r.detailRow?.metadata?.response?(s(),e(`pre`,_e,n(r.formatJson(r.detailRow.metadata.response)),1)):(s(),e(`p`,ve,n(r.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),o(x,null,{default:d(()=>[o(y,{span:10,offset:14},{default:d(()=>[t(`div`,ye,[o(V,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var xe=z(Q,[[`render`,be],[`__scopeId`,`data-v-38f1845c`]]);export{xe as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,Gt as n,I as r,N as i,O as a,P as o,Q as s,S as c,a as l,c as u,dt as d,et as f,ft as p,i as m,k as h,n as g,nt as _,o as v,r as y,rt as b,s as x,t as S,v as C}from"./vendor-chart-kBsXB1rh.js";import{r as w,t as T}from"./select-BqaGx3V1.js";import{n as E,t as D}from"./table-CnozWFnU.js";import{n as O,t as k}from"./tabs-CrOGK4SL.js";import{t as A}from"./card-DIjxmFoM.js";import{n as j,r as M}from"./radio-Ct6y4mt7.js";import{t as N}from"./date-picker-D1r7YeMl.js";import{n as P,t as F}from"./row-CGR2jJFn.js";import{t as I}from"./Pagination-P4U1SqFf.js";import{n as L,t as R}from"./skeleton-DN9iOc90.js";import{A as z,Gn as B,Kn as V,Mr as H,Zn as U,fi as W,ii as G,jr as K,qn as q,ui as J,zr as Y}from"./index-DiOG7kod.js";import{t as X}from"./index.es-DT0Hc4W3.js";import{t as Z}from"./CopyToClipboard-CkLFejOF.js";m.register(y,l,g,x,u,v);var Q=r({name:`ConsoleUsageList`,components:{Pagination:I,ElTag:J,ElDatePicker:N,ElTable:D,ElSelect:w,ElOption:T,CopyToClipboard:Z,ElRow:F,ElCol:P,ElTableColumn:E,ElCard:A,ElRadioButton:j,ElRadioGroup:M,ElSkeleton:R,ElSkeletonItem:L,ElDialog:G,ElTabs:O,ElTabPane:k,ElButton:W,FontAwesomeIcon:X,BarChart:S},data(){return{applicationIds:this.$route.query.application_id?.toString()?this.$route.query.application_id?.toString().split(`,`):[],apiIds:this.$route.query.api_id?.toString()?this.$route.query.api_id?.toString().split(`,`):[],applications:[],apis:[],apisLoading:!1,credentialType:K,serviceType:H,apiUsages:[],proxyUsages:[],createdAtRange:(()=>{let e=this.$route.query.created_at_to?.toString(),t=this.$route.query.created_at_from?.toString();if(t&&e)return[new Date(t),new Date(e)];let n=new Date,r=new Date;return r.setDate(1),r.setHours(0,0,0,0),[r,n]})(),shortcuts:[{text:this.$t(`usage.shortcuts.thisMonth`),value:()=>{let e=new Date,t=new Date;return t.setDate(1),t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last1Day`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-1),[t,e]}},{text:this.$t(`usage.shortcuts.last3Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-3),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}],type:this.$route.query.type?.toString()||H.API,loading:!1,total:void 0,limit:15,totalUsed:0,barChartLabels:[],barChartSeries:[],aggLoading:!1,detailDialogVisible:!1,detailRow:null,detailActiveTab:`request`,detailLoading:!1,exporting:!1,statusCodeFilter:this.$route.query.status_code?.toString()||``,statusCodeOptions:[],statusCodeOptionsLoading:!1}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},totalUsedString(){return`${(this.totalUsed||0).toFixed(2)}`},barChartData(){return{labels:this.barChartLabels,datasets:this.barChartSeries.map(e=>({label:e.label,data:e.data,backgroundColor:e.color}))}},barChartOptions(){return{responsive:!0,plugins:{legend:{position:`top`,onClick:(e,t,n)=>{let r=n?.chart;if(!r||t?.datasetIndex===void 0)return;let i=t.datasetIndex,a=r.data?.datasets||[];a.some((e,t)=>t!==i&&r.isDatasetVisible(t))?a.forEach((e,t)=>r.setDatasetVisibility(t,t===i)):a.forEach((e,t)=>r.setDatasetVisibility(t,!0)),r.update()}},title:{display:!0,text:this.$t(`usage.title.usageTrend`)}},scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0}}}}},watch:{page:{handler(){this.onFetchUsages()}},type:{handler(){this.applicationIds=[],this.apiIds=[],this.onApplicationsChange(this.applicationIds),this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()}}},mounted(){this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},methods:{async onFetchUsages(){this.type===H.API?this.onFetchApiUsages():this.type===H.Proxy&&this.onFetchProxyUsages()},async onApiChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onApisChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e&&e.length?e.join(`,`):``}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onTimeRangeChanged(){console.log(`onTimeRangeChanged`,this.createdAtRange),await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,created_at_from:this.createdAtRange?this.$dayjs.format(this.createdAtRange[0].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``,created_at_to:this.createdAtRange?this.$dayjs.format(this.createdAtRange[1].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``}}),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},async onApplicationChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationsChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e&&e.length?e.join(`,`):``}}),this.onFetchUsages(),this.onFetchAggregate()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`},getDeductedAmount(e){if(e?.deducted_amount===void 0||e?.deducted_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.deducted_amount?.toFixed(6)} ${t}`},getOriginalAmount(e){if(e?.original_amount===void 0||e?.original_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.original_amount?.toFixed(6)} ${t}`},onStatusCodeChange(e){let t={...this.$route.query},n=(e||``).trim();n?t.status_code=n:delete t.status_code,delete t.status_code_filter,this.$router.push({name:this.$route.name?.toString(),query:t}),this.onFetchUsages(),this.onFetchAggregate()},async onFetchStatusCodeOptions(){this.statusCodeOptionsLoading=!0;try{let{data:e}=await V.getStatusCodes({user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}});this.statusCodeOptions=(e?.items||[]).slice().sort((e,t)=>e-t)}catch{this.statusCodeOptions=[]}finally{this.statusCodeOptionsLoading=!1}},formatElapsed(e){return e==null||Number.isNaN(e)?`-`:e<1?`${Math.round(e*1e3)} ms`:`${e.toFixed(2)} s`},getSimpleMetadata(e){if(!e)return{};let t={};for(let[n,r]of Object.entries(e))n===`request`||n===`response`||typeof r==`object`&&r||(t[n]=r);return t},onShowDetail(e){this.detailRow={...e,metadata:void 0},this.detailActiveTab=`request`,this.detailDialogVisible=!0,this.detailLoading=!0,e.id&&V.get(e.id).then(e=>{this.detailRow=e.data}).finally(()=>{this.detailLoading=!1})},formatJson(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}},onFetchApplications(){U.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:Y.USAGE}).then(({data:e})=>{this.applications=e.items.filter(e=>e?.service?.type===this.type)}).catch(()=>{})},onFetchApis(){this.apisLoading=!0,B.getAll({limit:100,offset:0,ordering:`-created_at`}).then(({data:e})=>{this.apis=e.items}).catch(()=>{}).finally(()=>{this.apisLoading=!1})},onFetchApiUsages(){console.log(`onFetchApiUsages`,this.createdAtRange),this.loading=!0,V.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}}).then(({data:e})=>{this.apiUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})},onFetchProxyUsages(){this.loading=!0,q.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{}}).then(({data:e})=>{this.proxyUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})},onExport(){this.exporting=!0,V.exportCsv({user_id:this.$store.getters.user.id,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}}).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`usages.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})},async onFetchAggregate(){if(this.aggLoading=!0,this.type!==this.serviceType.API)return;let e={user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}};try{let{data:t}=await V.getAggregate(e);this.totalUsed=t.total||0;let n=Array.from(new Set((t.items||[]).map(e=>e.date))).sort(),r=Array.from(new Set((t.items||[]).map(e=>e.api_id))),i=e=>`hsl(${e*57%360}, 70%, 60%)`,a=r.map((e,r)=>{let a=t.apis?.[e]?.title||e,o={};return(t.items||[]).filter(t=>t.api_id===e).forEach(e=>{o[e.date]=e.amount||0}),{key:e,label:a,data:n.map(e=>o[e]||0),color:i(r)}});this.barChartLabels=n,this.barChartSeries=a}finally{this.aggLoading=!1}}}}),$={class:`text-[26px] font-bold mb-5 text-[var(--el-text-color-primary)]`},ee={class:`inline-block w-9`},te={class:`inline-block`},ne={key:1,class:`summary-card`},re={class:`icon-wrapper`},ie={class:`text-left`},ae={class:`description`},oe={class:`value`},se={class:`chart-wrapper`},ce={key:0},le={key:1},ue={class:`flex flex-wrap gap-2`},de={class:`key`},fe={key:0,class:`cursor-pointer`},pe={class:`created-at`},me={class:`created-at`},he={key:1,class:`detail-json`},ge={key:2,class:`text-gray-400`},_e={key:1,class:`detail-json`},ve={key:2,class:`text-gray-400`},ye={class:`float-right`};function be(r,l,u,m,g,v){let y=_(`el-col`),x=_(`el-row`),S=_(`el-radio-button`),w=_(`el-radio-group`),T=_(`el-option`),E=_(`el-select`),D=_(`el-skeleton-item`),O=_(`el-skeleton`),k=_(`el-date-picker`),A=_(`font-awesome-icon`),j=_(`el-button`),M=_(`el-card`),N=_(`bar-chart`),P=_(`el-table-column`),F=_(`el-tag`),I=_(`copy-to-clipboard`),L=_(`el-table`),R=_(`el-tab-pane`),z=_(`el-tabs`),B=_(`el-dialog`),V=_(`pagination`),H=b(`loading`);return s(),a(x,null,{default:d(()=>[o(y,{span:24},{default:d(()=>[o(x,null,{default:d(()=>[o(y,{span:24},{default:d(()=>[t(`h2`,$,n(r.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),o(x,null,{default:d(()=>[o(y,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[t(`span`,null,n(r.$t(`application.field.type`)),1),o(w,{modelValue:r.type,"onUpdate:modelValue":l[0]||=e=>r.type=e},{default:d(()=>[o(S,{value:r.serviceType.API,label:r.$t(`application.field.api`)},null,8,[`value`,`label`]),o(S,{value:r.serviceType.Proxy,label:r.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1}),p(o(y,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[t(`span`,ee,n(r.$t(`usage.field.application`)),1),o(E,{modelValue:r.applicationIds,"onUpdate:modelValue":l[1]||=e=>r.applicationIds=e,placeholder:r.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:r.onApplicationsChange},{default:d(()=>[(s(!0),e(c,null,f(r.applications,e=>(s(),a(T,{key:e.id,label:e.service?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[C,!1]]),r.type===r.serviceType.API?(s(),a(y,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[t(`span`,te,n(r.$t(`usage.field.api`)),1),r.apisLoading?(s(),a(O,{key:0,animated:``,class:`w-full`},{template:d(()=>[o(D,{variant:`rect`,style:{height:`32px`,"border-radius":`4px`}})]),_:1})):(s(),a(E,{key:1,modelValue:r.apiIds,"onUpdate:modelValue":l[2]||=e=>r.apiIds=e,placeholder:r.$t(`usage.field.api`),clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:r.onApisChange},{default:d(()=>[(s(!0),e(c,null,f(r.apis,e=>(s(),a(T,{key:e?.id,label:e?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]))]),_:1})):h(``,!0),r.type===r.serviceType.API?(s(),a(y,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[o(k,{modelValue:r.createdAtRange,"onUpdate:modelValue":l[3]||=e=>r.createdAtRange=e,type:`datetimerange`,class:`w-full`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):h(``,!0),r.type===r.serviceType.API?(s(),a(y,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:d(()=>[o(E,{modelValue:r.statusCodeFilter,"onUpdate:modelValue":l[4]||=e=>r.statusCodeFilter=e,placeholder:r.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:r.statusCodeOptionsLoading,onChange:r.onStatusCodeChange},{default:d(()=>[(s(!0),e(c,null,f(r.statusCodeOptions,e=>(s(),a(T,{key:e,label:String(e),value:String(e)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):h(``,!0),r.type===r.serviceType.API?(s(),a(y,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:d(()=>[o(j,{type:`primary`,plain:``,loading:r.exporting,class:`w-full whitespace-nowrap`,onClick:r.onExport},{default:d(()=>[o(A,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+n(r.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):h(``,!0)]),_:1}),o(x,null,{default:d(()=>[o(y,{span:24},{default:d(()=>[r.type===r.serviceType.API?(s(),a(x,{key:0,gutter:24,class:`mb-5`},{default:d(()=>[o(y,{md:6,xs:24},{default:d(()=>[o(M,{shadow:`hover`,class:`h-full`},{default:d(()=>[r.aggLoading?(s(),a(O,{key:0})):(s(),e(`div`,ne,[t(`div`,re,[o(A,{icon:`fa-solid fa-cubes`,class:`icon`})]),t(`div`,ie,[t(`p`,ae,n(r.$t(`usage.title.totalUsed`)),1),t(`p`,oe,n(r.totalUsedString),1)])]))]),_:1})]),_:1}),o(y,{md:18,xs:24},{default:d(()=>[o(M,{shadow:`hover`,class:`h-full`},{default:d(()=>[t(`div`,se,[r.aggLoading?(s(),a(O,{key:0,class:`w-full`})):(s(),a(N,{key:1,data:r.barChartData,options:r.barChartOptions,class:`chart`},null,8,[`data`,`options`]))])]),_:1})]),_:1})]),_:1})):h(``,!0),o(M,{shadow:`hover`},{default:d(()=>[r.type===r.serviceType.API?p((s(),a(L,{key:0,data:r.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:d(()=>[o(P,{label:r.$t(`application.field.name`),width:`160px`},{default:d(e=>[t(`span`,null,n(e.row?.api?.title),1)]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.statusCode`),width:`120px`},{default:d(e=>[t(`span`,null,n(e.row.status_code),1)]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.elapsed`),width:`120px`},{default:d(e=>[t(`span`,null,n(r.formatElapsed(e.row.elapsed)),1)]),_:1},8,[`label`]),o(P,{prop:`deducted_amount`,label:r.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:d(i=>[r.getDeductedAmount(i.row)===r.getOriginalAmount(i.row)?(s(),e(`div`,ce,[t(`span`,null,n(r.getDeductedAmount(i.row)),1)])):(s(),e(`div`,le,[l[7]||=t(`p`,null,null,-1),t(`p`,null,[t(`span`,null,n(r.getDeductedAmount(i.row)),1)]),t(`p`,null,[t(`del`,null,n(r.getOriginalAmount(i.row)),1)])]))]),_:1},8,[`label`]),o(P,{prop:`remaining_amount`,label:r.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:d(e=>[t(`span`,null,n(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(P,{prop:`metadata`,label:r.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:d(o=>[t(`div`,ue,[o.row.original_amount>o.row.deducted_amount&&o.row.original_amount>0?(s(),a(F,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:d(()=>[i(n(((o.row.original_amount-o.row.deducted_amount)*100/o.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):h(``,!0),(s(!0),e(c,null,f(r.getSimpleMetadata(o.row.metadata),(e,t)=>(s(),a(F,{key:t,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:d(()=>[i(n(t)+`: `+n(e),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:d(e=>[e.row.id?(s(),a(j,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:t=>r.onShowDetail(e.row)},{default:d(()=>[i(n(r.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):h(``,!0)]),_:1},8,[`label`]),o(P,{prop:`trace_id`,label:r.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:d(r=>[t(`span`,de,n(r.row.trace_id),1),r.row.trace_id?(s(),e(`span`,fe,[o(I,{content:r.row.trace_id,class:`inline-block`},null,8,[`content`])])):h(``,!0)]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.createdAt`),width:`200px`},{default:d(e=>[t(`span`,pe,n(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[H,r.loading]]):h(``,!0),r.type===r.serviceType.Proxy?p((s(),a(L,{key:1,data:r.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:d(()=>[o(P,{label:r.$t(`application.field.name`),width:`160px`},{default:d(e=>[t(`span`,null,n(e.row?.service?.title),1)]),_:1},8,[`label`]),o(P,{prop:`remaining_amount`,label:r.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:d(e=>[t(`span`,null,n(r.getRemainingAmount(e.row)),1),t(`span`,null,n(r.getOriginalAmount(e.row)),1)]),_:1},8,[`label`]),o(P,{prop:`deducted_amount`,label:r.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:d(e=>[t(`span`,null,n(r.getDeductedAmount(e.row)),1)]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:d(e=>[t(`span`,null,n(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(P,{prop:`metadata`,label:r.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:d(t=>[(s(!0),e(c,null,f(t.row.metadata,(e,t)=>(s(),a(F,{key:t,class:`mb-2`},{default:d(()=>[i(n(t)+`: `+n(e),1)]),_:2},1024))),128))]),_:1},8,[`label`]),o(P,{label:r.$t(`usage.field.createdAt`),width:`200px`},{default:d(e=>[t(`span`,me,n(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[H,r.loading]]):h(``,!0)]),_:1})]),_:1})]),_:1}),o(B,{modelValue:r.detailDialogVisible,"onUpdate:modelValue":l[6]||=e=>r.detailDialogVisible=e,title:r.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:d(()=>[o(z,{modelValue:r.detailActiveTab,"onUpdate:modelValue":l[5]||=e=>r.detailActiveTab=e},{default:d(()=>[o(R,{label:r.$t(`usage.dialog.request`),name:`request`},{default:d(()=>[r.detailLoading?(s(),a(O,{key:0,rows:6,animated:``})):r.detailRow?.metadata?.request?(s(),e(`pre`,he,n(r.formatJson(r.detailRow.metadata.request)),1)):(s(),e(`p`,ge,n(r.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),o(R,{label:r.$t(`usage.dialog.response`),name:`response`},{default:d(()=>[r.detailLoading?(s(),a(O,{key:0,rows:6,animated:``})):r.detailRow?.metadata?.response?(s(),e(`pre`,_e,n(r.formatJson(r.detailRow.metadata.response)),1)):(s(),e(`p`,ve,n(r.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),o(x,null,{default:d(()=>[o(y,{span:10,offset:14},{default:d(()=>[t(`div`,ye,[o(V,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var xe=z(Q,[[`render`,be],[`__scopeId`,`data-v-38f1845c`]]);export{xe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as e,D as t,Gt as n,I as r,P as i,Q as a,nt as o}from"./vendor-chart-kBsXB1rh.js";import{A as s}from"./index-
|
|
1
|
+
import{A as e,D as t,Gt as n,I as r,P as i,Q as a,nt as o}from"./vendor-chart-kBsXB1rh.js";import{A as s}from"./index-DiOG7kod.js";import{t as c}from"./LocalTools-DxyNmxZJ.js";var l=r({name:`SettingsLocalTools`,components:{LocalToolsSetting:c}}),u={class:`local-tools-page`};function d(r,s,c,l,d,f){let p=o(`local-tools-setting`);return a(),e(`div`,u,[t(`h2`,null,n(r.$t(`common.settings.localTools`)),1),i(p)])}var f=s(l,[[`render`,d],[`__scopeId`,`data-v-ac732814`]]);export{f as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e}from"./rolldown-runtime--c01j_DQ.js";import{A as t,D as n,Gt as r,I as i,N as a,O as o,P as s,Q as c,S as l,dt as u,et as d,k as f,nt as p}from"./vendor-chart-kBsXB1rh.js";import{H as m}from"./use-deprecated-DiBc2upm.js";import{t as ee}from"./switch-
|
|
1
|
+
import{r as e}from"./rolldown-runtime--c01j_DQ.js";import{A as t,D as n,Gt as r,I as i,N as a,O as o,P as s,Q as c,S as l,dt as u,et as d,k as f,nt as p}from"./vendor-chart-kBsXB1rh.js";import{H as m}from"./use-deprecated-DiBc2upm.js";import{t as ee}from"./switch-BXG-XSiL.js";import{A as te,Kr as ne,M as h,Qn as g,Ur as _,fi as v,ui as y,xi as b}from"./index-DiOG7kod.js";import{t as x}from"./index.es-DT0Hc4W3.js";var S=i({name:`LocalToolsSetting`,components:{ElButton:v,ElTag:y,ElSwitch:ee,ElInput:b,FontAwesomeIcon:x},data(){return{Plus:m,roots:[],tools:[],mcpServers:[],mcpUid:0,mcpStatuses:[],mcpBusy:null,savingMcp:!1,mcpSavedTip:!1,mcpError:``,grants:null,perm:null,computerUse:!1,computerTools:[],computerGrants:{},cuBusy:null,builtinTools:[],toolGrants:{},builtinBusy:null,savingCU:!1,preauthorizing:!1,saving:!1,savedTip:!1,a11yEnabled:!1,xhsSkill:null,xhsLoading:!1,xhsInstalling:!1,xhsError:``,onFocus:null,cuOff:null,a11yPoll:null,refreshingA11y:!1}},computed:{desktop(){return!!h()},android(){return ne()},canInstallXhs(){return this.a11yEnabled&&this.computerUse}},async mounted(){let e=h();if(!e)return;let t=await e.getConfig();this.roots=t.roots,this.computerUse=t.computerUse===!0,this.mcpServers=(t.mcp??[]).map(e=>({_uid:this.mcpUid++,id:e.id,command:e.command,argsText:(e.args??[]).join(`
|
|
2
2
|
`),envText:Object.entries(e.env??{}).map(([e,t])=>`${e}=${t}`).join(`
|
|
3
3
|
`),enabled:e.enabled!==!1})),this.mcpStatuses=await e.mcp?.status()??[],this.tools=(await e.listTools()).map(e=>e.name),this.computerTools=await e.computerTools?.()??[],this.builtinTools=await e.builtinTools?.()??[];let n=await e.perm?.status();n?.mac&&(this.perm=n),await this.loadGrants(),this.android&&(await this.refreshA11y(),this.fetchXhsSkill(),this.onFocus=()=>{document.visibilityState===`visible`&&this.refreshA11y()},document.addEventListener(`visibilitychange`,this.onFocus),this.a11yPoll=window.setInterval(()=>{document.visibilityState===`visible`&&this.refreshA11y()},3e3)),this.cuOff=e.onComputerUseDisabled?.(()=>{this.computerUse=!1})??null},beforeUnmount(){this.cuOff?.(),this.onFocus&&document.removeEventListener(`visibilitychange`,this.onFocus),this.a11yPoll&&clearInterval(this.a11yPoll)},methods:{async refreshA11y(){if(!this.refreshingA11y){this.refreshingA11y=!0;try{let e=await h()?.perm?.status();this.a11yEnabled=e?.accessibility===!0}finally{this.refreshingA11y=!1}}},async openAndroidAccessibility(){await h()?.perm?.openPane(`accessibility`)},async fetchXhsSkill(){this.xhsLoading=!0,this.xhsError=``;try{let e=await g.get(`/skills/`,{baseURL:`${_()}/api/v1`,params:{q:`xhs-dm`,limit:10}}),t=Array.isArray(e.data?.items)?e.data.items:[];this.xhsSkill=t.find(e=>e.identifier?.endsWith(`/xhs-dm`))??null}catch(e){console.warn(`[LocalTools] fetch xhs skill failed`,e),this.xhsSkill=null,this.xhsError=this.$t(`common.settings.localToolsAndroidSkillsLoadFailed`)}finally{this.xhsLoading=!1}},async installXhs(){let e=this.xhsSkill;if(!(!e||e.installed)){this.xhsInstalling=!0,this.xhsError=``;try{await g.post(`/skills/${e.id}/install/`,{},{baseURL:`${_()}/api/v1`}),e.installed=!0}catch(t){t?.response?.status===409?e.installed=!0:this.xhsError=this.$t(`common.settings.localToolsAndroidSkillsInstallFailed`)}finally{this.xhsInstalling=!1}}},async loadGrants(){let e=h();if(!e?.grants){this.grants=null;return}let t=await e.grants.list(),n={},r={},i=new Set(this.builtinTools.map(e=>e.name)),a=[];for(let e of t){if(e.startsWith(`computer.`)&&!e.includes(`:`)){n[e]=!0;continue}if(!e.includes(`:`)&&i.has(e)){r[e]=!0;continue}let t=e.indexOf(`:{`),o=t>=0?t:e.indexOf(`:`);a.push({key:e,name:o>=0?e.slice(0,o):e,input:o>=0?e.slice(o+1):``})}this.computerGrants=n,this.toolGrants=r,this.grants=a},async addFolder(){let e=await h()?.pickFolder();e&&!this.roots.includes(e)&&this.roots.push(e)},removeRoot(e){this.roots.splice(e,1)},addMcp(){this.mcpServers.push({_uid:this.mcpUid++,id:``,command:``,argsText:``,envText:``,enabled:!0})},removeMcp(e){this.mcpServers.splice(e,1)},mcpStatusFor(e){let t=e.trim();return this.mcpStatuses.find(e=>e.id===t)},mcpBadgeType(e){let t=this.mcpStatusFor(e)?.status;return t===`connected`?`success`:t===`failed`?`danger`:`info`},mcpBadgeText(e){let t=this.mcpStatusFor(e);return this.mcpBusy===e.trim()?this.$t(`common.settings.localToolsMcpConnecting`):t?t.status===`connected`?this.$t(`common.settings.localToolsMcpConnected`,{n:t.toolCount}):t.status===`disabled`?this.$t(`common.settings.localToolsMcpDisabled`):this.$t(`common.settings.localToolsMcpFailed`):this.$t(`common.settings.localToolsMcpNotSaved`)},mcpErrorFor(e){let t=this.mcpStatusFor(e);return t?.status===`failed`&&t.error?t.error:``},buildMcpPayload(){this.mcpError=``;let e=[],t=new Set;for(let n of this.mcpServers){let r=n.id.trim(),i=n.command.trim();if(!r||!i)return this.mcpError=this.$t(`common.settings.localToolsMcpNameRequired`),null;if(!/^[A-Za-z0-9_-]+$/.test(r))return this.mcpError=this.$t(`common.settings.localToolsMcpNameInvalid`),null;if(t.has(r))return this.mcpError=this.$t(`common.settings.localToolsMcpDuplicateName`),null;t.add(r);let a=n.argsText.split(`
|
|
4
4
|
`).map(e=>e.trim()).filter(Boolean),o={};for(let e of n.envText.split(`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,E as n,Gt as r,I as i,N as a,O as o,P as s,Q as c,dt as l,k as u,nt as d}from"./vendor-chart-kBsXB1rh.js";import{t as f}from"./Navigator-
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,E as n,Gt as r,I as i,N as a,O as o,P as s,Q as c,dt as l,k as u,nt as d}from"./vendor-chart-kBsXB1rh.js";import{t as f}from"./Navigator-DZaOdewp.js";import{t as p}from"./checkbox-CaKO6-i-.js";import{t as m}from"./divider-xrWgvCSM.js";import"./constants-BqvGY8Qp.js";import{A as h,Gt as g,Rr as _,Vr as v,Wr as y,Zn as b,fi as x,ii as S,ti as C,zr as w}from"./index-DiOG7kod.js";import{t as T}from"./Status-D1Hs_FTi.js";var E=i({name:`ApplicationConfirm`,components:{ElDialog:S,ElDivider:m,ElCheckbox:p,ElButton:x},props:{visible:{type:Boolean,required:!1,default:!1}},emits:[`update:visible`,`apply`],data(){return{checked:!0}},watch:{},methods:{getBaseUrlPlatform:y,onApply(){if(!this.checked){C.error(this.$t(`application.message.notAgreePolicy`));return}this.$emit(`apply`)}}}),D={class:`content py-[10px] px-[40px]`},O={class:`my-4`},k={class:`policy mb-[10px]`},A={class:`policy-title text-[12px] relative -bottom-[3px]`},j=[`href`];function M(e,n,i,u,f,p){let m=d(`el-divider`),h=d(`el-checkbox`),g=d(`el-button`),_=d(`el-dialog`);return c(),o(_,{"model-value":e.visible,width:`500px`,title:e.$t(`application.message.welcome`),center:``,onClose:n[1]||=t=>e.$emit(`update:visible`,!1)},{default:l(()=>[t(`div`,D,[t(`p`,O,r(e.$t(`application.message.notApplied`)),1),s(m,{class:`my-2`}),t(`div`,k,[s(h,{modelValue:e.checked,"onUpdate:modelValue":n[0]||=t=>e.checked=t,size:`large`,class:`policy-checkbox mr-[10px]`},null,8,[`modelValue`]),t(`span`,A,r(e.$t(`application.message.readPolicy`)),1),t(`a`,{class:`policy-title text-[12px] relative -bottom-[3px] text-[var(--el-color-primary)] cursor-pointer no-underline`,target:`_blank`,href:e.getBaseUrlPlatform()+`/terms`},` \xA0`+r(e.$t(`application.message.policy`)),9,j)]),s(g,{round:``,type:`primary`,onClick:e.onApply},{default:l(()=>[a(r(e.$t(`common.button.start`)),1)]),_:1},8,[`onClick`])])]),_:1},8,[`model-value`,`title`])}var N=h(E,[[`render`,M]]),P=15e3,F=i({name:`LayoutMain`,components:{Navigator:f,ApplicationStatus:T,ApplicationConfirm:N},provide(){return{initialized:n(()=>this.initialized)}},data(){return{initialized:!1,applying:!1,mobile:typeof window<`u`&&window.innerWidth<768,initializeRunId:0,balanceTimer:0}},computed:{appName(){return this.$route.meta.appName},application(){return this.$store.state[this.appName]?.application},applications(){let e=this.$store.state[this.appName]?.applications??[];console.debug(`individualApplications`,e);let t=this.$store.state.applications??[];return console.debug(`globalApplications`,t),t.concat(e)},loading(){return this.$store.state[this.appName]?.status?.getApplications===v.Request},service(){return this.$store.state[this.appName]?.service},userId(){return this.$store.state.user?.id}},watch:{appName(){this.initialize()},userId(e,t){e&&e!==t&&this.initialize()}},mounted(){this.initialize(),window.addEventListener(`resize`,this.onResize),this.balanceTimer=window.setInterval(this.refreshBalances,P),document.addEventListener(`visibilitychange`,this.onVisibility)},beforeUnmount(){window.removeEventListener(`resize`,this.onResize),window.clearInterval(this.balanceTimer),document.removeEventListener(`visibilitychange`,this.onVisibility)},methods:{onResize(){this.mobile=window.innerWidth<768},onVisibility(){typeof document<`u`&&!document.hidden&&this.refreshBalances()},async refreshBalances(){if(!this.appName||!this.$store.state.token?.access||typeof document<`u`&&document.hidden||this.loading)return;await Promise.allSettled([this.$store.dispatch(`getApplications`),this.$store.dispatch(`${this.appName}/getApplications`)]);let e=this.$store.state[this.appName]?.application;if(!e)return;let t=this.applications?.find(t=>t.id===e.id);t&&t!==e&&this.$store.commit(`${this.appName}/setApplication`,t)},async initialize(){let e=++this.initializeRunId;if(this.initialized=!1,!this.$store.state.token?.access||(console.debug(`Fetching all individual and global applications for`,this.appName),await Promise.allSettled([this.$store.dispatch(`getApplications`),this.$store.dispatch(`${this.appName}/getApplications`)]),e!==this.initializeRunId))return;console.debug(`Fetched all applications`,this.applications),this.$store.state.applications?.length===0&&await this.onAutoApply();let t=this.$store.state[this.appName]?.application;console.debug(`current application`,t);let n=g(this.applications,t);console.debug(`final application`,n),n&&(console.debug(`set final application`,n,n?.type),await this.$store.dispatch(`${this.appName}/setApplication`,n)),console.debug(`finished initialization`),this.initialized=!0},onApply(){this.onAutoApply()},async onAutoApply(){try{await b.create({type:w.USAGE,scope:_.GLOBAL,user_id:this.$store.getters.user.id}),this.applying=!1,await this.$store.dispatch(`getApplications`),this.showWelcomeToast()}catch(e){e?.response?.data?.code===`duplication`?await this.$store.dispatch(`getApplications`):C.error(this.$t(`application.message.applyFailed`))}},showWelcomeToast(){let e=this.$store.state.applications?.[0],t=Math.floor(e?.remaining_amount??0);C({message:t>0?this.$t(`application.message.welcomeWithCredits`,{credits:t}):this.$t(`application.message.welcomeNoCredits`),type:`success`,duration:6e3,showClose:!0})}}}),I={class:`wrapper`};function L(t,n,r,i,a,l){let f=d(`router-view`),p=d(`navigator`),m=d(`application-status`),h=d(`application-confirm`);return c(),e(`div`,I,[s(f,{class:`main`}),s(p,{class:`navigator`,direction:t.mobile?`row`:`column`},null,8,[`direction`]),t.application?(c(),o(m,{key:0,class:`status-floating fixed right-2 z-[200]`,application:t.application,applications:t.applications,"show-price":!1,authenticated:!!t.$store.state.token.access,service:t.service,onSelect:n[0]||=e=>t.$store.dispatch(`${t.appName}/setApplication`,e)},null,8,[`application`,`applications`,`authenticated`,`service`])):u(``,!0),s(h,{modelValue:t.applying,"onUpdate:modelValue":n[1]||=e=>t.applying=e,modelModifiers:{visible:!0},onApply:t.onApply},null,8,[`modelValue`,`onApply`])])}var R=h(F,[[`render`,L],[`__scopeId`,`data-v-f071b44e`]]);export{R as default};
|