npm - @acedatacloud/nexior - Versions diffs - 3.259.0 → 3.259.1 - Mend

@acedatacloud/nexior 3.259.0 → 3.259.1

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.

Files changed (163) hide show

package/dist/assets/{Index-uaC9voce.js → Index-mtp6XRqu.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{n as _,r as v,t as y}from"./select-DC5zO2Tf.js";import{t as b}from"./upload-B8zBOx3w.js";import{t as x}from"./tooltip-C-9nDsaA.js";import{t as S}from"./image-05OiwhCC.js";import{t as C}from"./alert-Bgv5POrX.js";import{t as w}from"./drawer-BhAAsvLB.js";import{t as T}from"./input-number-rcPsKO0-.js";import{t as E}from"./switch-BXulLLA8.js";import{Bt as D,Gt as ee,Ht as O,Kt as k,Ut as A,Vr as j,Vt as M,Wt as N,Xt as P,Yt as te,Zt as ne,qt as F,zt as re}from"./constants-BoMdh9QC.js";import{Ct as I,Dt as L,On as R,S as z,St as B,dr as V,mr as H,qt as U,wt as W,xr as G}from"./index-DtcnyKXU.js";import{t as K}from"./index.es-D2U_WHjx.js";import{t as q}from"./CopyToClipboard-5NkEhaix.js";import{t as J}from"./ImagePreview-MEfAgvBn.js";import{t as Y}from"./BotPlaceholder-CGAUW1iT.js";import{i as X,n as ie,t as ae}from"./pagination-K-GiKzXg.js";import{n as oe,t as se}from"./NoTasks-Uzzr1qXU.js";import{t as ce}from"./Consumption-VJaAox2V.js";import{t as le}from"./ApiCodeButton-C4MCH2v_.js";import{t as ue}from"./ImageWrapper-CRh-6MMY.js";var de=s({name:`LayoutNanobanana`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:K},data(){return{drawer:!1}}}),fe={class:`main flex flex-row flex-1`},pe={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},me={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function he(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,fe,[r(`div`,pe,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,me,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]\|\|=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]\|\|=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ge=z(de,[[`render`,he],[`__scopeId`,`data-v-e480ada6`]]),_e=s({name:`PromptInput`,components:{PromptTextarea:oe},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt\|\|=``}});function ve(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]\|\|=t=>e.prompt=t,title:e.$t(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ye=z(_e,[[`render`,ve]]),be=s({name:`ImageUrlsInput`,components:{ElUpload:b,ElButton:g,InfoIcon:X,ImagePreview:J,FontAwesomeIcon:K},mixins:[I],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e\|\|e.length===0){let e=(this.fileList\|\|[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e\|\|t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()\|\|e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList\|\|[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e\|\|t?.url===e?.url\|\|t?.response?.file_url===e?.response?.file_url)\|\|t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){G.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){G.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),xe={class:`field flex items-center justify-between`},Se={class:`title font-bold text-[14px] mb-[10px]`},Ce={class:`upload-wrapper flex flex-col items-start gap-[8px]`},we={class:`controls flex items-center`},Te={class:`file-list flex flex-wrap gap-[10px]`};function Ee(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,xe,[r(`h2`,Se,l(e.$t(`openaiimage.name.imageUrls`)),1),r(`div`,Ce,[r(`div`,we,[a(y,{"file-list":e.fileList,"onUpdate:fileList":t[0]\|\|=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`openaiimage.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,Te,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid\|\|t?.response?.file_url\|\|t.url\|\|r,url:t.url\|\|t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var De=z(be,[[`render`,Ee]]),Oe=s({name:`OpenAIImageModelSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:X},data(){return{options:[{value:N,label:this.$t(`openaiimage.model.gptImage1`)},{value:ee,label:this.$t(`openaiimage.model.gptImage15`)},{value:k,label:this.$t(`openaiimage.model.gptImage2`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value\|\|=O}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`openaiimage.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,class:`value`,placeholder:e.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Pe=z(Oe,[[`render`,Ne],[`__scopeId`,`data-v-cec771bd`]]);function Z(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var Fe=s({name:`OpenAIImageSizeSelector`,components:{ElSelect:v,ElOption:y,ElOptionGroup:_,ElSwitch:E,ElInputNumber:T,InfoIcon:X},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model\|\|`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},emptySizeValue(){return``},customSupported(){return M.includes(this.model)},presets(){return F[this.model]??F[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:te},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:P},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:ne}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize()}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.emptySizeValue},set(e){this.customMode=!1,this.commitSize(e\|\|void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return re},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)\|\|!Number.isFinite(t)\|\|e<=0\|\|t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0\|\|t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide\|\|t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):et>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:D.toLocaleString()}):``}},watch:{model:{immediate:!1,handler(){this.customSupported\|\|(this.customMode=!1);let e=this.storedSize;if(!e\|\|this.presets.includes(e))return;let t=Z(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)\|\|this.commitSize()}},storedSize(e){if(!e){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Z(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Z(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError\|\|this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),Ie={class:`resolution`},Le={class:`field`},Re={class:`label`},ze={class:`box`},Be={class:`title font-bold`},Ve={class:`field custom-toggle`},He={class:`label`},Ue={class:`box`},We={class:`title font-bold`},Ge={key:0,class:`custom-inputs`},Ke={class:`row`},qe={class:`row-label`},Je={class:`row`},Ye={class:`row-label`},Xe={key:0,class:`error`};function Ze(e,t,i,s,h,g){let _=d(`info-icon`),v=d(`el-option`),y=d(`el-option-group`),b=d(`el-select`),x=d(`el-switch`),S=d(`el-input-number`);return u(),f(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`div`,ze,[r(`h2`,Be,l(e.$t(`openaiimage.name.size`)),1),a(_,{content:e.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:e.presetValue,"onUpdate:modelValue":t[0]\|\|=t=>e.presetValue=t,class:`value`,placeholder:e.$t(`openaiimage.placeholder.select`),disabled:e.useCustom},{default:p(()=>[a(v,{label:e.$t(`suno.gender.auto`),value:e.emptySizeValue},null,8,[`label`,`value`]),(u(!0),f(m,null,c(e.presetGroups,e=>(u(),n(y,{key:e.label,label:e.label},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),e.customSupported?(u(),f(m,{key:0},[r(`div`,Ve,[r(`div`,He,[r(`div`,Ue,[r(`h2`,We,l(e.$t(`openaiimage.name.customSize`)),1),a(_,{content:e.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:e.useCustom,"onUpdate:modelValue":t[1]\|\|=t=>e.useCustom=t,class:`value-switch`},null,8,[`modelValue`])]),e.useCustom?(u(),f(`div`,Ge,[r(`div`,Ke,[r(`span`,qe,l(e.$t(`openaiimage.name.width`)),1),a(S,{modelValue:e.customWidth,"onUpdate:modelValue":t[2]\|\|=t=>e.customWidth=t,class:`row-input`,min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),r(`div`,Je,[r(`span`,Ye,l(e.$t(`openaiimage.name.height`)),1),a(S,{modelValue:e.customHeight,"onUpdate:modelValue":t[3]\|\|=t=>e.customHeight=t,class:`row-input`,min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e.customError?(u(),f(`div`,Xe,l(e.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var Qe=s({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:K,PromptInput:ye,Consumption:ce,ImageUrlsInput:De,ModelSelector:Pe,ResolutionSelector:z(Fe,[[`render`,Ze],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return L({...this.config\|\|{}},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),$e={class:`flex flex-col h-full`},et={class:`flex-1 overflow-y-auto p-5`},tt={class:`flex flex-col items-center justify-center px-5 pb-5`};function nt(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`image-urls-input`),v=d(`consumption`),y=d(`font-awesome-icon`),b=d(`el-button`);return u(),f(`div`,$e,[r(`div`,et,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`})]),r(`div`,tt,[a(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(b,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(y,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var rt=z(Qe,[[`render`,nt]]),it=s({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:C,ImageWrapper:ue,ElButton:g,ElTooltip:x,ImagePreview:J,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:A}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`\|\|e?.action===`edit`\|\|this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action\|\|this.modelValue?.type\|\|this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url\|\|n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config\|\|{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)}}}),at={class:`preview`},ot={class:`left`},st={class:`main`},ct={class:`bot`},lt={class:`datetime`},ut={class:`info`},dt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},ft={key:1,class:`prompt mt-2`},pt={key:0},mt={key:0,class:t({content:!0,failed:!0})},ht={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},gt={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},_t={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ct={key:1,class:t({content:!0})},wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},jt={key:2,class:t({content:!0})},Mt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Q={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function Ft(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,at,[r(`div`,ot,[a(y,{src:e.OPENAIIMAGE_LOGO,class:`avatar`},null,8,[`src`])]),r(`div`,st,[r(`div`,ct,[i(l(e.$t(`openaiimage.name.openaiimageBot`))+` `,1),r(`span`,lt,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at\|\|``).toString())1e3))),1)]),r(`div`,ut,[e.referenceImages.length>0?(u(),f(`div`,dt,[(u(!0),f(m,null,c(e.referenceImages,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,ft,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,pt,` - (`+l(e.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,mt,[r(`div`,ht,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url\|\|e?.url\|\|``,"raw-src":e?.image_url\|\|e?.url\|\|``},null,8,[`src`,`raw-src`]))),128))]),r(`div`,gt,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]\|\|=h(t=>e.onEdit(e.images?.[0]?.image_url\|\|e.images?.[0]?.url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:e.openaiimagePath,body:e.openaiimageCodeBody},null,8,[`path`,`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,bt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,xt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,St,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,Ct,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,wt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,Tt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,Et,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,Dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,Ot,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,kt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,At,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,jt,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,Mt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,Nt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,Pt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,Q,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var It=s({name:`RecentPanel`,components:{TaskPreview:z(it,[[`render`,Ft],[`__scopeId`,`data-v-8ee5fb87`]]),BotPlaceholder:Y,NoTasks:se,ScrollList:ie},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Lt={key:0},Rt={key:2,class:`w-full h-full flex items-center justify-center`};function zt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,Lt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]\|\|=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Rt,[a(v)])):o(``,!0)],64)}var Bt=z(It,[[`render`,zt]]),$=j(`openaiimage`),Vt=s({name:`OpenAIImageIndex`,components:{ConfigPanel:rt,Layout:ge,RecentPanel:Bt},mixins:[W],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===V.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ae({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading\|\|this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e\|\|{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!B(this.uploadTracker,e=>this.$t(e),e=>G.warning(e)))return;let e={...this.config\|\|{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){G.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size\|\|delete e.size;let n={...e,action:`generate`,callback_url:$},r={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls\|\|[],callback_url:$},i=this.credential?.token;if(!i){console.error(`no token specified`);return}G.info(this.$t(`openaiimage.message.startingTask`)),R(`openaiimage`,t?U.edit(r,{token:i}):U.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),G.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?G.error(this.$t(`openaiimage.message.usedUp`)):G.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message\|\|``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function Ht(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ut=z(Vt,[[`render`,Ht]]);export{Ut as default};
1	+ import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{n as _,r as v,t as y}from"./select-BPjqIeh7.js";import{t as b}from"./upload-B8zBOx3w.js";import{t as x}from"./tooltip-C-9nDsaA.js";import{t as S}from"./image-Ci8jpr3p.js";import{t as C}from"./alert-Bgv5POrX.js";import{t as w}from"./drawer-BhAAsvLB.js";import{t as T}from"./input-number-Iu6CvAj4.js";import{t as E}from"./switch-Duda3Nxc.js";import{Bt as D,Gt as O,Hr as k,Ht as A,Jt as j,Kt as M,Qt as N,Ut as P,Vt as F,Wt as ee,Xt as te,Zt as ne,qt as re}from"./constants-D3W0tInG.js";import{Dt as I,E as L,Et as R,Mn as z,Ot as B,Tr as V,Zt as H,hr as U,jt as W,vr as G}from"./index-Ckw2kMAN.js";import{t as K}from"./index.es-cJGxFNWz.js";import{t as q}from"./CopyToClipboard-CtojVo1q.js";import{t as J}from"./ImagePreview-Sgc3M4U_.js";import{t as Y}from"./BotPlaceholder-CCToITRl.js";import{i as X,n as ie,t as ae}from"./pagination-CCWtytSY.js";import{n as oe,t as se}from"./NoTasks-BmVoZxvx.js";import{t as ce}from"./Consumption-D5XRIWhM.js";import{t as le}from"./ApiCodeButton-gajL-HwK.js";import{t as ue}from"./ImageWrapper-DstYlsDv.js";var de=s({name:`LayoutNanobanana`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:K},data(){return{drawer:!1}}}),fe={class:`main flex flex-row flex-1`},pe={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},me={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function he(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,fe,[r(`div`,pe,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,me,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]\|\|=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]\|\|=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ge=L(de,[[`render`,he],[`__scopeId`,`data-v-e480ada6`]]),_e=s({name:`PromptInput`,components:{PromptTextarea:oe},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt\|\|=``}});function ve(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]\|\|=t=>e.prompt=t,title:e.$t(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ye=L(_e,[[`render`,ve]]),be=s({name:`ImageUrlsInput`,components:{ElUpload:b,ElButton:g,InfoIcon:X,ImagePreview:J,FontAwesomeIcon:K},mixins:[I],data(){return{fileList:[],uploadUrl:G()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e\|\|e.length===0){let e=(this.fileList\|\|[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e\|\|t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()\|\|e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList\|\|[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e\|\|t?.url===e?.url\|\|t?.response?.file_url===e?.response?.file_url)\|\|t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){V.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){V.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),xe={class:`field flex items-center justify-between`},Se={class:`title font-bold text-[14px] mb-[10px]`},Ce={class:`upload-wrapper flex flex-col items-start gap-[8px]`},we={class:`controls flex items-center`},Te={class:`file-list flex flex-wrap gap-[10px]`};function Ee(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,xe,[r(`h2`,Se,l(e.$t(`openaiimage.name.imageUrls`)),1),r(`div`,Ce,[r(`div`,we,[a(y,{"file-list":e.fileList,"onUpdate:fileList":t[0]\|\|=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`openaiimage.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,Te,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid\|\|t?.response?.file_url\|\|t.url\|\|r,url:t.url\|\|t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var De=L(be,[[`render`,Ee]]),Oe=s({name:`OpenAIImageModelSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:X},data(){return{options:[{value:O,label:this.$t(`openaiimage.model.gptImage1`)},{value:M,label:this.$t(`openaiimage.model.gptImage15`)},{value:re,label:this.$t(`openaiimage.model.gptImage2`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value\|\|=P}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`openaiimage.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,class:`value`,placeholder:e.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Pe=L(Oe,[[`render`,Ne],[`__scopeId`,`data-v-cec771bd`]]);function Z(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var Fe=s({name:`OpenAIImageSizeSelector`,components:{ElSelect:v,ElOption:y,ElOptionGroup:_,ElSwitch:E,ElInputNumber:T,InfoIcon:X},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model\|\|`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},emptySizeValue(){return``},customSupported(){return A.includes(this.model)},presets(){return j[this.model]??j[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:te},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:ne},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:N}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize()}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.emptySizeValue},set(e){this.customMode=!1,this.commitSize(e\|\|void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return D},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)\|\|!Number.isFinite(t)\|\|e<=0\|\|t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0\|\|t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide\|\|t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):et>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:F.toLocaleString()}):``}},watch:{model:{immediate:!1,handler(){this.customSupported\|\|(this.customMode=!1);let e=this.storedSize;if(!e\|\|this.presets.includes(e))return;let t=Z(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)\|\|this.commitSize()}},storedSize(e){if(!e){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Z(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Z(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError\|\|this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),Ie={class:`resolution`},Le={class:`field`},Re={class:`label`},ze={class:`box`},Be={class:`title font-bold`},Ve={class:`field custom-toggle`},He={class:`label`},Ue={class:`box`},We={class:`title font-bold`},Ge={key:0,class:`custom-inputs`},Ke={class:`row`},qe={class:`row-label`},Je={class:`row`},Ye={class:`row-label`},Xe={key:0,class:`error`};function Ze(e,t,i,s,h,g){let _=d(`info-icon`),v=d(`el-option`),y=d(`el-option-group`),b=d(`el-select`),x=d(`el-switch`),S=d(`el-input-number`);return u(),f(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`div`,ze,[r(`h2`,Be,l(e.$t(`openaiimage.name.size`)),1),a(_,{content:e.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:e.presetValue,"onUpdate:modelValue":t[0]\|\|=t=>e.presetValue=t,class:`value`,placeholder:e.$t(`openaiimage.placeholder.select`),disabled:e.useCustom},{default:p(()=>[a(v,{label:e.$t(`suno.gender.auto`),value:e.emptySizeValue},null,8,[`label`,`value`]),(u(!0),f(m,null,c(e.presetGroups,e=>(u(),n(y,{key:e.label,label:e.label},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),e.customSupported?(u(),f(m,{key:0},[r(`div`,Ve,[r(`div`,He,[r(`div`,Ue,[r(`h2`,We,l(e.$t(`openaiimage.name.customSize`)),1),a(_,{content:e.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:e.useCustom,"onUpdate:modelValue":t[1]\|\|=t=>e.useCustom=t,class:`value-switch`},null,8,[`modelValue`])]),e.useCustom?(u(),f(`div`,Ge,[r(`div`,Ke,[r(`span`,qe,l(e.$t(`openaiimage.name.width`)),1),a(S,{modelValue:e.customWidth,"onUpdate:modelValue":t[2]\|\|=t=>e.customWidth=t,class:`row-input`,min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),r(`div`,Je,[r(`span`,Ye,l(e.$t(`openaiimage.name.height`)),1),a(S,{modelValue:e.customHeight,"onUpdate:modelValue":t[3]\|\|=t=>e.customHeight=t,class:`row-input`,min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e.customError?(u(),f(`div`,Xe,l(e.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var Qe=s({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:K,PromptInput:ye,Consumption:ce,ImageUrlsInput:De,ModelSelector:Pe,ResolutionSelector:L(Fe,[[`render`,Ze],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return W({...this.config\|\|{}},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),$e={class:`flex flex-col h-full`},et={class:`flex-1 overflow-y-auto p-5`},tt={class:`flex flex-col items-center justify-center px-5 pb-5`};function nt(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`image-urls-input`),v=d(`consumption`),y=d(`font-awesome-icon`),b=d(`el-button`);return u(),f(`div`,$e,[r(`div`,et,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`})]),r(`div`,tt,[a(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(b,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(y,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var rt=L(Qe,[[`render`,nt]]),it=s({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:C,ImageWrapper:ue,ElButton:g,ElTooltip:x,ImagePreview:J,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:ee}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`\|\|e?.action===`edit`\|\|this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action\|\|this.modelValue?.type\|\|this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url\|\|n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config\|\|{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)}}}),at={class:`preview`},ot={class:`left`},st={class:`main`},ct={class:`bot`},lt={class:`datetime`},ut={class:`info`},dt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},ft={key:1,class:`prompt mt-2`},pt={key:0},mt={key:0,class:t({content:!0,failed:!0})},ht={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},gt={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},_t={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ct={key:1,class:t({content:!0})},wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},jt={key:2,class:t({content:!0})},Mt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Q={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function Ft(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,at,[r(`div`,ot,[a(y,{src:e.OPENAIIMAGE_LOGO,class:`avatar`},null,8,[`src`])]),r(`div`,st,[r(`div`,ct,[i(l(e.$t(`openaiimage.name.openaiimageBot`))+` `,1),r(`span`,lt,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at\|\|``).toString())1e3))),1)]),r(`div`,ut,[e.referenceImages.length>0?(u(),f(`div`,dt,[(u(!0),f(m,null,c(e.referenceImages,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,ft,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,pt,` - (`+l(e.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,mt,[r(`div`,ht,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url\|\|e?.url\|\|``,"raw-src":e?.image_url\|\|e?.url\|\|``},null,8,[`src`,`raw-src`]))),128))]),r(`div`,gt,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]\|\|=h(t=>e.onEdit(e.images?.[0]?.image_url\|\|e.images?.[0]?.url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:e.openaiimagePath,body:e.openaiimageCodeBody},null,8,[`path`,`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,bt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,xt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,St,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,Ct,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,wt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,Tt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,Et,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,Dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,Ot,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,kt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,At,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,jt,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,Mt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,Nt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,Pt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,Q,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var It=s({name:`RecentPanel`,components:{TaskPreview:L(it,[[`render`,Ft],[`__scopeId`,`data-v-8ee5fb87`]]),BotPlaceholder:Y,NoTasks:se,ScrollList:ie},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Lt={key:0},Rt={key:2,class:`w-full h-full flex items-center justify-center`};function zt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,Lt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]\|\|=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Rt,[a(v)])):o(``,!0)],64)}var Bt=L(It,[[`render`,zt]]),$=k(`openaiimage`),Vt=s({name:`OpenAIImageIndex`,components:{ConfigPanel:rt,Layout:ge,RecentPanel:Bt},mixins:[B],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===U.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===U.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ae({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading\|\|this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e\|\|{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!R(this.uploadTracker,e=>this.$t(e),e=>V.warning(e)))return;let e={...this.config\|\|{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){V.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size\|\|delete e.size;let n={...e,action:`generate`,callback_url:$},r={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls\|\|[],callback_url:$},i=this.credential?.token;if(!i){console.error(`no token specified`);return}V.info(this.$t(`openaiimage.message.startingTask`)),z(`openaiimage`,t?H.edit(r,{token:i}):H.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),V.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?V.error(this.$t(`openaiimage.message.usedUp`)):V.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message\|\|``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function Ht(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ut=L(Vt,[[`render`,Ht]]);export{Ut as default};

package/dist/assets/{Index-BFgs8TTI.js → Index-zUaSxAY6.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{r as _,t as v}from"./select-DC5zO2Tf.js";import{t as y}from"./upload-B8zBOx3w.js";import{t as b}from"./image-05OiwhCC.js";import{t as x}from"./alert-Bgv5POrX.js";import{n as S,r as C}from"./radio-DNLlMkjf.js";import{t as w}from"./drawer-BhAAsvLB.js";import{t as T}from"./slider-CGrxfmRg.js";import{t as E}from"./switch-BXulLLA8.js";import{$n as D,Vr as O,er as k,nr as A,rr as j,tr as M}from"./constants-BoMdh9QC.js";import{Cn as N,Ct as P,Dt as F,On as I,Or as L,S as R,St as z,Tt as B,dr as V,ln as ee,mr as te,wt as H,xr as U}from"./index-DtcnyKXU.js";import{t as W}from"./index.es-D2U_WHjx.js";import{t as G}from"./CopyToClipboard-5NkEhaix.js";import{t as K}from"./Status-Bhx2_jOp.js";import{t as q}from"./ImagePreview-MEfAgvBn.js";import{t as J}from"./BotPlaceholder-CGAUW1iT.js";import{i as Y,n as X,t as Z}from"./pagination-K-GiKzXg.js";import{n as Q,t as ne}from"./NoTasks-Uzzr1qXU.js";import{t as re}from"./Consumption-VJaAox2V.js";import{t as ie}from"./ApiCodeButton-C4MCH2v_.js";import{t as ae}from"./ImageWrapper-CRh-6MMY.js";var oe=c({name:`LayoutQrart`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:W},data(){return{drawer:!1}}}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,se,[r(`div`,ce,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,le,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]\|\|=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]\|\|=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=R(oe,[[`render`,ue],[`__scopeId`,`data-v-0eb52da0`]]),fe=c({name:`VersionSelector`,components:{ElSelect:_,ElOption:v},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`,j),j)}}),pe={class:`field`},me={class:`text-sm font-bold title`};function he(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,pe,[r(`span`,me,u(e.$t(`qrart.name.type`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,class:`value`,placeholder:e.$t(`qrart.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ge=R(fe,[[`render`,he],[`__scopeId`,`data-v-b4bd8f04`]]),_e=c({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`}}),ve={class:`text-sm font-bold block mb-2`},ye={class:`items`},be=[`onClick`],xe={class:`name`};function Se(e,n,a,o,s,c){return d(),p(`div`,null,[r(`span`,ve,u(e.$t(`qrart.name.aspectRatio`)),1),r(`div`,ye,[(d(!0),p(h,null,l(e.options,(n,a)=>(d(),p(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.label])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,xe,u(n.label),1)],10,be))),128))])])}var Ce=R(_e,[[`render`,Se],[`__scopeId`,`data-v-b7590ecc`]]),we=c({name:`QrwSelector`,components:{ElSlider:T,InfoIcon:Y},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)}}),Te={class:`field`},Ee={class:`text-sm font-bold title mb-2`};function De(e,t,n,i,a,s){let c=f(`el-slider`),l=f(`info-icon`);return d(),p(`div`,Te,[r(`span`,Ee,u(e.$t(`qrart.name.qrw`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,min:1.5,max:3,step:.1,class:`value`},null,8,[`modelValue`]),o(l,{content:e.$t(`qrart.description.qrw`),class:`info`},null,8,[`content`])])}var Oe=R(we,[[`render`,De],[`__scopeId`,`data-v-8410479c`]]),ke=c({name:`StepsSelector`,components:{ElSlider:T,InfoIcon:Y},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)}}),Ae={class:`field`},je={class:`text-sm font-bold block mb-2`};function Me(e,t,n,i,a,s){let c=f(`el-slider`),l=f(`info-icon`);return d(),p(`div`,Ae,[r(`span`,je,u(e.$t(`qrart.name.steps`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,min:10,max:20,step:1,class:`value`},null,8,[`modelValue`]),o(l,{content:e.$t(`qrart.description.steps`),class:`info`},null,8,[`content`])])}var Ne=R(ke,[[`render`,Me],[`__scopeId`,`data-v-0c88983e`]]),Pe=c({name:`AdvancedSelector`,components:{ElSwitch:E},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)}}),Fe={class:`field`},Ie={class:`title font-bold`};function Le(e,t,n,i,a,s){let c=f(`el-switch`);return d(),p(`div`,Fe,[r(`span`,Ie,u(e.$t(`qrart.name.advanced`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,class:`value`},null,8,[`modelValue`])])}var Re=R(Pe,[[`render`,Le],[`__scopeId`,`data-v-f8ddf849`]]),ze=c({name:`MarkerShapeSelector`,components:{ElSelect:_,ElOption:v},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\|\|=D}}),Be={class:`field`},Ve={class:`text-sm font-bold block mb-2`};function He(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Be,[r(`span`,Ve,u(e.$t(`qrart.name.markerShape`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.markerShape`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ue=R(ze,[[`render`,He],[`__scopeId`,`data-v-de71e0b0`]]),We=c({name:`SubMarkerSelector`,components:{ElSelect:_,ElOption:v},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\|\|=A}}),Ge={class:`field`},Ke={class:`text-sm font-bold block mb-2`};function qe(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Ge,[r(`span`,Ke,u(e.$t(`qrart.name.subMarker`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.subMarker`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Je=R(We,[[`render`,qe],[`__scopeId`,`data-v-51a39efa`]]),Ye=c({name:`RotateSelector`,components:{ElSelect:_,ElOption:v},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}}),Xe={class:`field`},Ze={class:`text-sm font-bold block mb-2`};function Qe(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Xe,[r(`span`,Ze,u(e.$t(`qrart.name.rotate`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.rotate`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var $e=R(Ye,[[`render`,Qe],[`__scopeId`,`data-v-72e35835`]]),et=c({name:`EclSelector`,components:{ElSelect:_,ElOption:v},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`}}),tt={class:`field`},nt={class:`text-sm font-bold block mb-2`};function rt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,tt,[r(`span`,nt,u(e.$t(`qrart.name.ecl`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.ecl`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var it=R(et,[[`render`,rt],[`__scopeId`,`data-v-b3a5e331`]]),at=c({name:`MarkerShapeSelector`,components:{ElSelect:_,ElOption:v},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}}),ot={class:`field`},st={class:`title font-bold`};function ct(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,ot,[r(`span`,st,u(e.$t(`qrart.name.position`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.position`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var lt=R(at,[[`render`,ct],[`__scopeId`,`data-v-54186505`]]),ut=c({name:`PaddingLevelSelector`,components:{ElSelect:_,ElOption:v},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}}),dt={class:`field`},ft={class:`text-sm font-bold block mb-2`};function pt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,dt,[r(`span`,ft,u(e.$t(`qrart.name.paddingLevel`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.paddingLevel`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var mt=R(ut,[[`render`,pt],[`__scopeId`,`data-v-49d801fd`]]),ht=c({name:`PaddingNoiseSelector`,components:{ElSelect:_,ElOption:v},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}}),gt={class:`field`},_t={class:`text-sm font-bold block mb-2`};function vt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,gt,[r(`span`,_t,u(e.$t(`qrart.name.paddingNoise`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.paddingNoise`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var yt=R(ht,[[`render`,vt],[`__scopeId`,`data-v-a20833bb`]]),bt=c({name:`PixelStyleSelector`,components:{ElSelect:_,ElOption:v},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}}),xt={class:`field`},St={class:`text-sm font-bold block mb-2`};function Ct(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,xt,[r(`span`,St,u(e.$t(`qrart.name.pixelStyle`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.pixelStyle`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var wt=R(bt,[[`render`,Ct],[`__scopeId`,`data-v-aca7f79f`]]),Tt=c({name:`SeedInput`,components:{ElInput:L},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}}),Et={class:`field`},Dt={class:`text-sm font-bold block mb-2`};function Ot(e,t,n,i,a,s){let c=f(`el-input`);return d(),p(`div`,Et,[r(`span`,Dt,u(e.$t(`qrart.name.seed`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,class:`value`,placeholder:e.$t(`qrart.placeholder.seed`)},null,8,[`modelValue`,`placeholder`])])}var kt=R(Tt,[[`render`,Ot],[`__scopeId`,`data-v-d939305d`]]),At=c({name:`PresetSelector`,components:{ElImage:b},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\|\|=``}}),jt={class:`field`},Mt={class:`text-sm font-bold block mb-2`},Nt={class:`pane`},Pt=[`onClick`],Ft={class:`name`};function It(e,n,i,a,s,c){let m=f(`el-image`);return d(),p(`div`,jt,[r(`span`,Mt,u(e.$t(`qrart.name.preset`)),1),r(`div`,Nt,[(d(!0),p(h,null,l(e.options,(n,i)=>(d(),p(`div`,{key:i,class:t({item:!0,active:e.value===n.value}),onClick:t=>e.value===n.value?e.value=void 0:e.value=n.value},[o(m,{src:n.url,fit:`fill`,class:`preview`},null,8,[`src`]),r(`span`,Ft,u(n.label),1)],10,Pt))),128))])])}var Lt=R(At,[[`render`,It],[`__scopeId`,`data-v-65c34adf`]]),Rt=c({name:`ContentInput`,components:{ElInput:L,ElUpload:y,ElRadioGroup:C,ElButton:g,ElRadioButton:S,ImagePreview:q,FontAwesomeIcon:W},mixins:[B,P],data(){return{inputWay:`input`,fileList:[],uploadUrl:te()+`/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()}}}),zt={class:`field`},Bt={class:`flex justify-between items-center mb-4`},Vt={class:`text-sm font-bold title`},Ht={class:`flex items-center`},Ut={key:2,class:`description`};function Wt(e,t,i,c,l,h){let g=f(`el-radio-button`),_=f(`el-radio-group`),v=f(`el-input`),y=f(`image-preview`),b=f(`font-awesome-icon`),x=f(`el-button`),S=f(`el-upload`);return d(),p(`div`,zt,[r(`div`,Bt,[r(`span`,Vt,u(e.$t(`qrart.name.content`)),1),r(`div`,Ht,[o(_,{modelValue:e.inputWay,"onUpdate:modelValue":t[0]\|\|=t=>e.inputWay=t},{default:m(()=>[o(g,{label:`input`},{default:m(()=>[a(u(e.$t(`qrart.inputWay.input`)),1)]),_:1}),o(g,{label:`upload`},{default:m(()=>[a(u(e.$t(`qrart.inputWay.upload`)),1)]),_:1})]),_:1},8,[`modelValue`])])]),e.inputWay==`input`?(d(),n(v,{key:0,modelValue:e.value,"onUpdate:modelValue":t[1]\|\|=t=>e.value=t,class:`content`,placeholder:e.$t(`qrart.placeholder.content`)},null,8,[`modelValue`,`placeholder`])):s(``,!0),e.inputWay==`upload`?(d(),n(S,{key:1,ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[2]\|\|=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`upload upload-wrapper`,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[o(y,{url:t.url\|\|t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[o(x,{size:`small`,type:`primary`,round:``},{default:m(()=>[o(b,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+u(e.$t(`qrart.button.uploadQr`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])):s(``,!0),e.inputWay==`upload`?(d(),p(`p`,Ut,u(e.$t(`qrart.message.uploadQr`)),1)):s(``,!0)])}var Gt=R(Rt,[[`render`,Wt],[`__scopeId`,`data-v-afb72cf1`]]),Kt=c({name:`PromptInput`,components:{PromptTextarea:Q},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 qt(e,t,r,i,a,o){let s=f(`prompt-textarea`);return d(),n(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 Jt=c({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:W,Consumption:re,TypeSelector:ge,PositionSelector:lt,PixelStyleSelector:wt,PaddingLevelSelector:mt,SeedInput:kt,AspectRatioSelector:Ce,QrwSelector:Oe,EclSelector:it,StepsSelector:Ne,PaddingNoiseSelector:yt,AdvancedSelector:Re,MarkerShapeSelector:Ue,SubMarkerSelector:Je,RotateSelector:$e,PresetSelector:Lt,ContentInput:Gt,PromptInput:R(Kt,[[`render`,qt]])},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}}}),Yt={class:`flex flex-col h-full`},Xt={class:`flex-1 overflow-y-auto p-5`},Zt={class:`flex flex-col items-center justify-center px-5 pb-5`};function Qt(e,t,i,c,l,h){let g=f(`type-selector`),_=f(`content-input`),v=f(`prompt-input`),y=f(`aspect-ratio-selector`),b=f(`qrw-selector`),x=f(`preset-selector`),S=f(`position-selector`),C=f(`advanced-selector`),w=f(`steps-selector`),T=f(`seed-input`),E=f(`pixel-style-selector`),D=f(`marker-shape-selector`),O=f(`sub-marker-selector`),k=f(`rotate-selector`),A=f(`ecl-selector`),j=f(`padding-level-selector`),M=f(`padding-noise-selector`),N=f(`consumption`),P=f(`font-awesome-icon`),F=f(`el-button`);return d(),p(`div`,Yt,[r(`div`,Xt,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),e.config?.advanced?(d(),n(w,{key:0,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(T,{key:1,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(E,{key:2,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(D,{key:3,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(O,{key:4,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(k,{key:5,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(A,{key:6,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(j,{key:7,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(M,{key:8,class:`mb-4`})):s(``,!0)]),r(`div`,Zt,[o(N,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(F,{type:`primary`,class:`btn w-full`,round:``,onClick:t[0]\|\|=t=>e.$emit(`generate`)},{default:m(()=>[o(P,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`qrart.button.generate`)),1)]),_:1})])])}var $t=R(Jt,[[`render`,Qt]]),en=c({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:x,ImageWrapper:ae,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()}}}),tn={class:`preview w-full h-fit text-left flex flex-row mb-[15px]`},nn={class:`left`},rn={class:`main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]`},an={class:`bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap`},on={class:`datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]`},sn={class:`info`},cn={key:0,class:`prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap`},ln={key:0},un={key:0,class:t({content:!0,failed:!0})},dn={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},fn={class:`description`},pn={class:`description`},mn={key:0,class:`description`},hn={key:1,class:`description`},gn={key:2,class:`description`},_n={key:3,class:`description`},vn={key:1,class:t({content:!0})},yn={class:`description`},$={class:`description`},bn={key:0,class:`description`},xn={class:`description`},Sn={key:2,class:t({content:!0})},Cn={class:`description`};function wn(e,t,i,c,l,h){let g=f(`el-image`),_=f(`image-wrapper`),v=f(`api-code-button`),y=f(`font-awesome-icon`),b=f(`copy-to-clipboard`),x=f(`el-alert`);return d(),p(`div`,tn,[r(`div`,nn,[o(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`})]),r(`div`,rn,[r(`div`,an,[a(u(e.$t(`qrart.name.qrartBot`))+` `,1),r(`span`,on,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at\|\|``).toString())*1e3))),1)]),r(`div`,sn,[e.modelValue?.request?.prompt?(d(),p(`p`,cn,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),p(`span`,ln,` - (`+u(e.$t(`qrart.status.pending`))+`) `,1))])):s(``,!0)]),e.modelValue?.response?.success===!0?(d(),p(`div`,un,[e.modelValue?.response?.image_url?(d(),n(_,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,[`src`,`raw-src`])):s(``,!0),r(`div`,dn,[o(v,{path:`/qrart/generate`,body:e.modelValue?.request},null,8,[`body`])]),o(x,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,fn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,pn,[o(y,{icon:`fa-solid fa-diamond`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.type`))+`: `+u(e.$t(`qrart.type.`+e.modelValue?.request?.type))+` `,1),o(b,{content:e.modelValue?.request?.type,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.request?.content?(d(),p(`p`,mn,[o(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.content`))+`: `+u(e.modelValue?.request?.content)+` `,1),o(b,{content:e.modelValue?.request?.content,class:`btn-copy`},null,8,[`content`])])):s(``,!0),e.modelValue?.request?.content_image_url?(d(),p(`p`,hn,[o(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.contentImageUrl`))+`: `,1),o(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1 cursor-pointer`,onClick:t[0]\|\|=t=>e.onOpenLink(e.modelValue?.request?.content_image_url)})])):s(``,!0),e.modelValue?.request?.seed\|\|e.modelValue?.response?.seed?(d(),p(`p`,gn,[o(y,{icon:`fa-solid fa-seedling`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.seed`))+`: `+u(e.modelValue?.request?.seed\|\|e.modelValue?.response?.seed)+` `,1),o(b,{content:(e.modelValue?.request?.seed\|\|e.modelValue?.response?.seed).toString(),class:`btn-copy`},null,8,[`content`])])):s(``,!0),e.modelValue?.elapsed?(d(),p(`p`,_n,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,vn,[o(x,{closable:!1,class:`failure`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failure`)),1)]),default:m(()=>[r(`p`,yn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,$,[o(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(b,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,bn,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),r(`p`,xn,[o(y,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(b,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):s(``,!0),e.modelValue?.response?s(``,!0):(d(),p(`div`,Sn,[o(x,{closable:!1,class:`info`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failure`)),1)]),default:m(()=>[r(`p`,Cn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var Tn=c({name:`RecentPanel`,components:{TaskPreview:R(en,[[`render`,wn],[`__scopeId`,`data-v-5c6e6795`]]),BotPlaceholder:J,NoTasks:ne,ScrollList:X},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?.()}}}),En={key:0},Dn={key:2,class:`w-full h-full flex items-center justify-center`};function On(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,En,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]\|\|=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,(e,t)=>(d(),n(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,Dn,[o(v)])):s(``,!0)],64)}var kn=R(Tn,[[`render`,On]]),An=O(`qrart`),jn=c({name:`QrartIndex`,components:{ConfigPanel:$t,Layout:de,ApplicationStatus:K,RecentPanel:kn},mixins:[H],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===V.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===V.Request},needApply(){return this.$store.state.qrart.status.getApplications===V.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 Z({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(){N.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,callback_url:An,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}:{}},t=this.credential?.token;if(!t){console.error(`no token specified`);return}U.info(this.$t(`qrart.message.startingTask`)),I(`qrart`,ee.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 Mn(e,t,r,i,a,s){let c=f(`config-panel`),l=f(`application-status`),u=f(`recent-panel`),p=f(`layout`);return d(),n(p,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]\|\|=t=>e.$store.dispatch(`qrart/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),o(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Nn=R(jn,[[`render`,Mn],[`__scopeId`,`data-v-3bce2743`]]);export{Nn as default};
1	+ import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{r as _,t as v}from"./select-BPjqIeh7.js";import{t as y}from"./upload-B8zBOx3w.js";import{t as b}from"./image-Ci8jpr3p.js";import{t as x}from"./alert-Bgv5POrX.js";import{n as S,r as C}from"./radio-DNLlMkjf.js";import{t as w}from"./drawer-BhAAsvLB.js";import{t as T}from"./slider-Cf0Hl4JD.js";import{t as E}from"./switch-Duda3Nxc.js";import{Hr as D,er as O,ir as k,nr as A,rr as j,tr as M}from"./constants-D3W0tInG.js";import{Dn as N,Dt as P,E as F,Et as ee,Mn as I,Mr as L,Ot as R,Tr as z,hr as B,jt as te,kt as V,pn as H,vr as U}from"./index-Ckw2kMAN.js";import{t as W}from"./index.es-cJGxFNWz.js";import{t as G}from"./CopyToClipboard-CtojVo1q.js";import{t as K}from"./Status-xO7yfDI0.js";import{t as q}from"./ImagePreview-Sgc3M4U_.js";import{t as J}from"./BotPlaceholder-CCToITRl.js";import{i as Y,n as X,t as Z}from"./pagination-CCWtytSY.js";import{n as Q,t as ne}from"./NoTasks-BmVoZxvx.js";import{t as re}from"./Consumption-D5XRIWhM.js";import{t as ie}from"./ApiCodeButton-gajL-HwK.js";import{t as ae}from"./ImageWrapper-DstYlsDv.js";var oe=c({name:`LayoutQrart`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:W},data(){return{drawer:!1}}}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,se,[r(`div`,ce,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,le,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]\|\|=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]\|\|=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=F(oe,[[`render`,ue],[`__scopeId`,`data-v-0eb52da0`]]),fe=c({name:`VersionSelector`,components:{ElSelect:_,ElOption:v},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`,k),k)}}),pe={class:`field`},me={class:`text-sm font-bold title`};function he(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,pe,[r(`span`,me,u(e.$t(`qrart.name.type`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,class:`value`,placeholder:e.$t(`qrart.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ge=F(fe,[[`render`,he],[`__scopeId`,`data-v-b4bd8f04`]]),_e=c({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`}}),ve={class:`text-sm font-bold block mb-2`},ye={class:`items`},be=[`onClick`],xe={class:`name`};function Se(e,n,a,o,s,c){return d(),p(`div`,null,[r(`span`,ve,u(e.$t(`qrart.name.aspectRatio`)),1),r(`div`,ye,[(d(!0),p(h,null,l(e.options,(n,a)=>(d(),p(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.label])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,xe,u(n.label),1)],10,be))),128))])])}var Ce=F(_e,[[`render`,Se],[`__scopeId`,`data-v-b7590ecc`]]),we=c({name:`QrwSelector`,components:{ElSlider:T,InfoIcon:Y},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)}}),Te={class:`field`},Ee={class:`text-sm font-bold title mb-2`};function De(e,t,n,i,a,s){let c=f(`el-slider`),l=f(`info-icon`);return d(),p(`div`,Te,[r(`span`,Ee,u(e.$t(`qrart.name.qrw`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,min:1.5,max:3,step:.1,class:`value`},null,8,[`modelValue`]),o(l,{content:e.$t(`qrart.description.qrw`),class:`info`},null,8,[`content`])])}var Oe=F(we,[[`render`,De],[`__scopeId`,`data-v-8410479c`]]),ke=c({name:`StepsSelector`,components:{ElSlider:T,InfoIcon:Y},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)}}),Ae={class:`field`},je={class:`text-sm font-bold block mb-2`};function Me(e,t,n,i,a,s){let c=f(`el-slider`),l=f(`info-icon`);return d(),p(`div`,Ae,[r(`span`,je,u(e.$t(`qrart.name.steps`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,min:10,max:20,step:1,class:`value`},null,8,[`modelValue`]),o(l,{content:e.$t(`qrart.description.steps`),class:`info`},null,8,[`content`])])}var Ne=F(ke,[[`render`,Me],[`__scopeId`,`data-v-0c88983e`]]),Pe=c({name:`AdvancedSelector`,components:{ElSwitch:E},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)}}),Fe={class:`field`},Ie={class:`title font-bold`};function Le(e,t,n,i,a,s){let c=f(`el-switch`);return d(),p(`div`,Fe,[r(`span`,Ie,u(e.$t(`qrart.name.advanced`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,class:`value`},null,8,[`modelValue`])])}var Re=F(Pe,[[`render`,Le],[`__scopeId`,`data-v-f8ddf849`]]),ze=c({name:`MarkerShapeSelector`,components:{ElSelect:_,ElOption:v},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}}),Be={class:`field`},Ve={class:`text-sm font-bold block mb-2`};function He(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Be,[r(`span`,Ve,u(e.$t(`qrart.name.markerShape`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.markerShape`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ue=F(ze,[[`render`,He],[`__scopeId`,`data-v-de71e0b0`]]),We=c({name:`SubMarkerSelector`,components:{ElSelect:_,ElOption:v},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}}),Ge={class:`field`},Ke={class:`text-sm font-bold block mb-2`};function qe(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Ge,[r(`span`,Ke,u(e.$t(`qrart.name.subMarker`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.subMarker`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Je=F(We,[[`render`,qe],[`__scopeId`,`data-v-51a39efa`]]),Ye=c({name:`RotateSelector`,components:{ElSelect:_,ElOption:v},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}}),Xe={class:`field`},Ze={class:`text-sm font-bold block mb-2`};function Qe(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Xe,[r(`span`,Ze,u(e.$t(`qrart.name.rotate`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.rotate`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var $e=F(Ye,[[`render`,Qe],[`__scopeId`,`data-v-72e35835`]]),et=c({name:`EclSelector`,components:{ElSelect:_,ElOption:v},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`}}),tt={class:`field`},nt={class:`text-sm font-bold block mb-2`};function rt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,tt,[r(`span`,nt,u(e.$t(`qrart.name.ecl`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.ecl`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var it=F(et,[[`render`,rt],[`__scopeId`,`data-v-b3a5e331`]]),at=c({name:`MarkerShapeSelector`,components:{ElSelect:_,ElOption:v},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\|\|=A}}),ot={class:`field`},st={class:`title font-bold`};function ct(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,ot,[r(`span`,st,u(e.$t(`qrart.name.position`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.position`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var lt=F(at,[[`render`,ct],[`__scopeId`,`data-v-54186505`]]),ut=c({name:`PaddingLevelSelector`,components:{ElSelect:_,ElOption:v},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}}),dt={class:`field`},ft={class:`text-sm font-bold block mb-2`};function pt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,dt,[r(`span`,ft,u(e.$t(`qrart.name.paddingLevel`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.paddingLevel`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var mt=F(ut,[[`render`,pt],[`__scopeId`,`data-v-49d801fd`]]),ht=c({name:`PaddingNoiseSelector`,components:{ElSelect:_,ElOption:v},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}}),gt={class:`field`},_t={class:`text-sm font-bold block mb-2`};function vt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,gt,[r(`span`,_t,u(e.$t(`qrart.name.paddingNoise`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.paddingNoise`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var yt=F(ht,[[`render`,vt],[`__scopeId`,`data-v-a20833bb`]]),bt=c({name:`PixelStyleSelector`,components:{ElSelect:_,ElOption:v},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\|\|=M}}),xt={class:`field`},St={class:`text-sm font-bold block mb-2`};function Ct(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,xt,[r(`span`,St,u(e.$t(`qrart.name.pixelStyle`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.pixelStyle`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var wt=F(bt,[[`render`,Ct],[`__scopeId`,`data-v-aca7f79f`]]),Tt=c({name:`SeedInput`,components:{ElInput:L},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}}),Et={class:`field`},Dt={class:`text-sm font-bold block mb-2`};function Ot(e,t,n,i,a,s){let c=f(`el-input`);return d(),p(`div`,Et,[r(`span`,Dt,u(e.$t(`qrart.name.seed`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]\|\|=t=>e.value=t,class:`value`,placeholder:e.$t(`qrart.placeholder.seed`)},null,8,[`modelValue`,`placeholder`])])}var kt=F(Tt,[[`render`,Ot],[`__scopeId`,`data-v-d939305d`]]),At=c({name:`PresetSelector`,components:{ElImage:b},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\|\|=``}}),jt={class:`field`},Mt={class:`text-sm font-bold block mb-2`},Nt={class:`pane`},Pt=[`onClick`],Ft={class:`name`};function It(e,n,i,a,s,c){let m=f(`el-image`);return d(),p(`div`,jt,[r(`span`,Mt,u(e.$t(`qrart.name.preset`)),1),r(`div`,Nt,[(d(!0),p(h,null,l(e.options,(n,i)=>(d(),p(`div`,{key:i,class:t({item:!0,active:e.value===n.value}),onClick:t=>e.value===n.value?e.value=void 0:e.value=n.value},[o(m,{src:n.url,fit:`fill`,class:`preview`},null,8,[`src`]),r(`span`,Ft,u(n.label),1)],10,Pt))),128))])])}var Lt=F(At,[[`render`,It],[`__scopeId`,`data-v-65c34adf`]]),Rt=c({name:`ContentInput`,components:{ElInput:L,ElUpload:y,ElRadioGroup:C,ElButton:g,ElRadioButton:S,ImagePreview:q,FontAwesomeIcon:W},mixins:[V,P],data(){return{inputWay:`input`,fileList:[],uploadUrl:U()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.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(){z.warning(this.$t(`qrart.message.uploadDocumentsExceed`))},onError(){z.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()}}}),zt={class:`field`},Bt={class:`flex justify-between items-center mb-4`},Vt={class:`text-sm font-bold title`},Ht={class:`flex items-center`},Ut={key:2,class:`description`};function Wt(e,t,i,c,l,h){let g=f(`el-radio-button`),_=f(`el-radio-group`),v=f(`el-input`),y=f(`image-preview`),b=f(`font-awesome-icon`),x=f(`el-button`),S=f(`el-upload`);return d(),p(`div`,zt,[r(`div`,Bt,[r(`span`,Vt,u(e.$t(`qrart.name.content`)),1),r(`div`,Ht,[o(_,{modelValue:e.inputWay,"onUpdate:modelValue":t[0]\|\|=t=>e.inputWay=t},{default:m(()=>[o(g,{label:`input`},{default:m(()=>[a(u(e.$t(`qrart.inputWay.input`)),1)]),_:1}),o(g,{label:`upload`},{default:m(()=>[a(u(e.$t(`qrart.inputWay.upload`)),1)]),_:1})]),_:1},8,[`modelValue`])])]),e.inputWay==`input`?(d(),n(v,{key:0,modelValue:e.value,"onUpdate:modelValue":t[1]\|\|=t=>e.value=t,class:`content`,placeholder:e.$t(`qrart.placeholder.content`)},null,8,[`modelValue`,`placeholder`])):s(``,!0),e.inputWay==`upload`?(d(),n(S,{key:1,ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[2]\|\|=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`upload upload-wrapper`,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[o(y,{url:t.url\|\|t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[o(x,{size:`small`,type:`primary`,round:``},{default:m(()=>[o(b,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+u(e.$t(`qrart.button.uploadQr`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])):s(``,!0),e.inputWay==`upload`?(d(),p(`p`,Ut,u(e.$t(`qrart.message.uploadQr`)),1)):s(``,!0)])}var Gt=F(Rt,[[`render`,Wt],[`__scopeId`,`data-v-afb72cf1`]]),Kt=c({name:`PromptInput`,components:{PromptTextarea:Q},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 qt(e,t,r,i,a,o){let s=f(`prompt-textarea`);return d(),n(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 Jt=c({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:W,Consumption:re,TypeSelector:ge,PositionSelector:lt,PixelStyleSelector:wt,PaddingLevelSelector:mt,SeedInput:kt,AspectRatioSelector:Ce,QrwSelector:Oe,EclSelector:it,StepsSelector:Ne,PaddingNoiseSelector:yt,AdvancedSelector:Re,MarkerShapeSelector:Ue,SubMarkerSelector:Je,RotateSelector:$e,PresetSelector:Lt,ContentInput:Gt,PromptInput:F(Kt,[[`render`,qt]])},emits:[`generate`],computed:{config(){return this.$store.state.qrart?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Yt={class:`flex flex-col h-full`},Xt={class:`flex-1 overflow-y-auto p-5`},Zt={class:`flex flex-col items-center justify-center px-5 pb-5`};function Qt(e,t,i,c,l,h){let g=f(`type-selector`),_=f(`content-input`),v=f(`prompt-input`),y=f(`aspect-ratio-selector`),b=f(`qrw-selector`),x=f(`preset-selector`),S=f(`position-selector`),C=f(`advanced-selector`),w=f(`steps-selector`),T=f(`seed-input`),E=f(`pixel-style-selector`),D=f(`marker-shape-selector`),O=f(`sub-marker-selector`),k=f(`rotate-selector`),A=f(`ecl-selector`),j=f(`padding-level-selector`),M=f(`padding-noise-selector`),N=f(`consumption`),P=f(`font-awesome-icon`),F=f(`el-button`);return d(),p(`div`,Yt,[r(`div`,Xt,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),e.config?.advanced?(d(),n(w,{key:0,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(T,{key:1,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(E,{key:2,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(D,{key:3,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(O,{key:4,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(k,{key:5,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(A,{key:6,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(j,{key:7,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(M,{key:8,class:`mb-4`})):s(``,!0)]),r(`div`,Zt,[o(N,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(F,{type:`primary`,class:`btn w-full`,round:``,onClick:t[0]\|\|=t=>e.$emit(`generate`)},{default:m(()=>[o(P,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`qrart.button.generate`)),1)]),_:1})])])}var $t=F(Jt,[[`render`,Qt]]),en=c({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:x,ImageWrapper:ae,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()}}}),tn={class:`preview w-full h-fit text-left flex flex-row mb-[15px]`},nn={class:`left`},rn={class:`main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]`},an={class:`bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap`},on={class:`datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]`},sn={class:`info`},cn={key:0,class:`prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap`},ln={key:0},un={key:0,class:t({content:!0,failed:!0})},dn={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},fn={class:`description`},pn={class:`description`},mn={key:0,class:`description`},hn={key:1,class:`description`},gn={key:2,class:`description`},_n={key:3,class:`description`},vn={key:1,class:t({content:!0})},yn={class:`description`},$={class:`description`},bn={key:0,class:`description`},xn={class:`description`},Sn={key:2,class:t({content:!0})},Cn={class:`description`};function wn(e,t,i,c,l,h){let g=f(`el-image`),_=f(`image-wrapper`),v=f(`api-code-button`),y=f(`font-awesome-icon`),b=f(`copy-to-clipboard`),x=f(`el-alert`);return d(),p(`div`,tn,[r(`div`,nn,[o(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`})]),r(`div`,rn,[r(`div`,an,[a(u(e.$t(`qrart.name.qrartBot`))+` `,1),r(`span`,on,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at\|\|``).toString())*1e3))),1)]),r(`div`,sn,[e.modelValue?.request?.prompt?(d(),p(`p`,cn,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),p(`span`,ln,` - (`+u(e.$t(`qrart.status.pending`))+`) `,1))])):s(``,!0)]),e.modelValue?.response?.success===!0?(d(),p(`div`,un,[e.modelValue?.response?.image_url?(d(),n(_,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,[`src`,`raw-src`])):s(``,!0),r(`div`,dn,[o(v,{path:`/qrart/generate`,body:e.modelValue?.request},null,8,[`body`])]),o(x,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,fn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,pn,[o(y,{icon:`fa-solid fa-diamond`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.type`))+`: `+u(e.$t(`qrart.type.`+e.modelValue?.request?.type))+` `,1),o(b,{content:e.modelValue?.request?.type,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.request?.content?(d(),p(`p`,mn,[o(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.content`))+`: `+u(e.modelValue?.request?.content)+` `,1),o(b,{content:e.modelValue?.request?.content,class:`btn-copy`},null,8,[`content`])])):s(``,!0),e.modelValue?.request?.content_image_url?(d(),p(`p`,hn,[o(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.contentImageUrl`))+`: `,1),o(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1 cursor-pointer`,onClick:t[0]\|\|=t=>e.onOpenLink(e.modelValue?.request?.content_image_url)})])):s(``,!0),e.modelValue?.request?.seed\|\|e.modelValue?.response?.seed?(d(),p(`p`,gn,[o(y,{icon:`fa-solid fa-seedling`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.seed`))+`: `+u(e.modelValue?.request?.seed\|\|e.modelValue?.response?.seed)+` `,1),o(b,{content:(e.modelValue?.request?.seed\|\|e.modelValue?.response?.seed).toString(),class:`btn-copy`},null,8,[`content`])])):s(``,!0),e.modelValue?.elapsed?(d(),p(`p`,_n,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,vn,[o(x,{closable:!1,class:`failure`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failure`)),1)]),default:m(()=>[r(`p`,yn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,$,[o(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(b,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,bn,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),r(`p`,xn,[o(y,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(b,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):s(``,!0),e.modelValue?.response?s(``,!0):(d(),p(`div`,Sn,[o(x,{closable:!1,class:`info`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failure`)),1)]),default:m(()=>[r(`p`,Cn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var Tn=c({name:`RecentPanel`,components:{TaskPreview:F(en,[[`render`,wn],[`__scopeId`,`data-v-5c6e6795`]]),BotPlaceholder:J,NoTasks:ne,ScrollList:X},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?.()}}}),En={key:0},Dn={key:2,class:`w-full h-full flex items-center justify-center`};function On(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,En,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]\|\|=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,(e,t)=>(d(),n(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,Dn,[o(v)])):s(``,!0)],64)}var kn=F(Tn,[[`render`,On]]),An=D(`qrart`),jn=c({name:`QrartIndex`,components:{ConfigPanel:$t,Layout:de,ApplicationStatus:K,RecentPanel:kn},mixins:[R],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===B.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===B.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===B.Request},needApply(){return this.$store.state.qrart.status.getApplications===B.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 Z({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(){N.create({application:this.application}).then(({data:e})=>{this.application=e,z.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&z.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(!ee(this.uploadTracker,e=>this.$t(e),e=>z.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,callback_url:An,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}:{}},t=this.credential?.token;if(!t){console.error(`no token specified`);return}z.info(this.$t(`qrart.message.startingTask`)),I(`qrart`,H.generate(e,{token:t})).then(()=>{z.success(this.$t(`qrart.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?z.error(this.$t(`qrart.message.usedUp`)):z.error(this.$t(`qrart.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Mn(e,t,r,i,a,s){let c=f(`config-panel`),l=f(`application-status`),u=f(`recent-panel`),p=f(`layout`);return d(),n(p,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]\|\|=t=>e.$store.dispatch(`qrart/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),o(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Nn=F(jn,[[`render`,Mn],[`__scopeId`,`data-v-3bce2743`]]);export{Nn as default};

package/dist/assets/{Invitees-CBLQwvVM.js → Invitees-BJAEGq-t.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,N as n,P as r,Ut as i,X as a,et as o,lt as s,tt as c,ut as l}from"./vendor-chart-Df3WBvr0.js";import{n as u,t as d}from"./table-BjrEDV1-.js";import{t as f}from"./card-pDppUT2_.js";import{n as p,t as m}from"./row-BgYJmo3R.js";import{t as h}from"./Pagination-~~BbB0LvQQ~~.js";import{S as g,Sn as _}from"./index-~~DtcnyKXU~~.js";import{t as v}from"./CopyToClipboard-~~5NkEhaix~~.js";var y=r({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(r,u,d,f,p,m){let h=o(`el-col`),g=o(`el-row`),_=o(`copy-to-clipboard`),v=o(`el-table-column`),y=o(`el-table`),O=o(`el-card`),k=o(`pagination`),A=c(`loading`);return a(),e(g,{class:`panel`},{default:s(()=>[n(h,{span:24},{default:s(()=>[n(g,null,{default:s(()=>[n(h,{span:24},{default:s(()=>[t(`h2`,b,i(r.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),n(g,null,{default:s(()=>[n(h,{span:24},{default:s(()=>[n(O,{shadow:`hover`},{default:s(()=>[l((a(),e(y,{data:r.invitees,stripe:``},{default:s(()=>[n(v,{prop:`id`,label:r.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:s(e=>[t(`span`,x,i(e.row.id),1),t(`span`,S,[n(_,{content:e.row.id},null,8,[`content`])])]),_:1},8,[`label`]),n(v,{label:r.$t(`user.field.username`),width:`300px`},{default:s(e=>[t(`span`,C,i(e.row?.username),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`user.field.email`),width:`300px`},{default:s(e=>[t(`span`,w,i(e.row?.email),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`user.field.nickname`),width:`200px`},{default:s(e=>[t(`span`,T,i(e.row.nickname),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`user.field.dateJoined`)},{default:s(e=>[t(`span`,E,i(r.$dayjs.format(e.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,r.loading]])]),_:1})]),_:1})]),_:1}),n(g,null,{default:s(()=>[n(h,{span:10,offset:14},{default:s(()=>[t(`div`,D,[n(k,{"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 k=g(y,[[`render`,O],[`__scopeId`,`data-v-4556864d`]]);export{k as default};
1	+ import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,N as n,P as r,Ut as i,X as a,et as o,lt as s,tt as c,ut as l}from"./vendor-chart-Df3WBvr0.js";import{n as u,t as d}from"./table-BjrEDV1-.js";import{t as f}from"./card-pDppUT2_.js";import{n as p,t as m}from"./row-BgYJmo3R.js";import{t as h}from"./Pagination-CijLX9R5.js";import{E as g,En as _}from"./index-Ckw2kMAN.js";import{t as v}from"./CopyToClipboard-CtojVo1q.js";var y=r({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(r,u,d,f,p,m){let h=o(`el-col`),g=o(`el-row`),_=o(`copy-to-clipboard`),v=o(`el-table-column`),y=o(`el-table`),O=o(`el-card`),k=o(`pagination`),A=c(`loading`);return a(),e(g,{class:`panel`},{default:s(()=>[n(h,{span:24},{default:s(()=>[n(g,null,{default:s(()=>[n(h,{span:24},{default:s(()=>[t(`h2`,b,i(r.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),n(g,null,{default:s(()=>[n(h,{span:24},{default:s(()=>[n(O,{shadow:`hover`},{default:s(()=>[l((a(),e(y,{data:r.invitees,stripe:``},{default:s(()=>[n(v,{prop:`id`,label:r.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:s(e=>[t(`span`,x,i(e.row.id),1),t(`span`,S,[n(_,{content:e.row.id},null,8,[`content`])])]),_:1},8,[`label`]),n(v,{label:r.$t(`user.field.username`),width:`300px`},{default:s(e=>[t(`span`,C,i(e.row?.username),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`user.field.email`),width:`300px`},{default:s(e=>[t(`span`,w,i(e.row?.email),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`user.field.nickname`),width:`200px`},{default:s(e=>[t(`span`,T,i(e.row.nickname),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`user.field.dateJoined`)},{default:s(e=>[t(`span`,E,i(r.$dayjs.format(e.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,r.loading]])]),_:1})]),_:1})]),_:1}),n(g,null,{default:s(()=>[n(h,{span:10,offset:14},{default:s(()=>[t(`div`,D,[n(k,{"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 k=g(y,[[`render`,O],[`__scopeId`,`data-v-4556864d`]]);export{k as default};

package/dist/assets/{List-krUYxZb6.js → List-B3nUnKDd.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Q as o,Ut as s,X as c,_ as l,a as u,c as d,et as f,i as ee,k as p,lt as m,n as h,o as g,r as _,s as v,t as y,tt as b,ut as x,x as S}from"./vendor-chart-Df3WBvr0.js";import{t as C}from"./button-DgZFgZDr.js";import{r as w,t as T}from"./select-DC5zO2Tf.js";import{n as E,t as D}from"./table-BjrEDV1-.js";import{n as O,t as k}from"./tabs-DT_RvYVg.js";import{t as A}from"./date-picker-DlzFe37R.js";import{t as j}from"./card-pDppUT2_.js";import{n as M,r as N}from"./radio-DNLlMkjf.js";import{n as P,t as F}from"./row-BgYJmo3R.js";import{t as I}from"./Pagination-BbB0LvQQ.js";import{n as L,t as R}from"./skeleton-k2vAVQdD.js";import{Cn as z,Er as B,S as V,_n as H,lr as U,nr as W,tr as G,vn as K,wr as q,yn as J}from"./index-DtcnyKXU.js";import{t as Y}from"./index.es-D2U_WHjx.js";import{t as X}from"./CopyToClipboard-5NkEhaix.js";ee.register(_,u,h,v,d,g);var Z=a({name:`ConsoleUsageList`,components:{Pagination:I,ElTag:B,ElDatePicker:A,ElTable:D,ElSelect:w,ElOption:T,CopyToClipboard:X,ElRow:F,ElCol:P,ElTableColumn:E,ElCard:j,ElRadioButton:M,ElRadioGroup:N,ElSkeleton:R,ElSkeletonItem:L,ElDialog:q,ElTabs:O,ElTabPane:k,ElButton:C,FontAwesomeIcon:Y,BarChart:y},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:G,serviceType:W,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()\|\|W.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===W.API?this.onFetchApiUsages():this.type===W.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 K.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(e1e3)} 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&&K.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(){z.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:U.USAGE}).then(({data:e})=>{this.applications=e.items.filter(e=>e?.service?.type===this.type)}).catch(()=>{})},onFetchApis(){this.apisLoading=!0,H.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,K.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,J.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,K.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 K.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(${e57%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}}}}),Q={class:`text-[26px] font-bold mb-5 text-[var(--el-text-color-primary)]`},$={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(a,u,d,ee,h,g){let _=f(`el-col`),v=f(`el-row`),y=f(`el-radio-button`),C=f(`el-radio-group`),w=f(`el-option`),T=f(`el-select`),E=f(`el-skeleton-item`),D=f(`el-skeleton`),O=f(`el-date-picker`),k=f(`font-awesome-icon`),A=f(`el-button`),j=f(`el-card`),M=f(`bar-chart`),N=f(`el-table-column`),P=f(`el-tag`),F=f(`copy-to-clipboard`),I=f(`el-table`),L=f(`el-tab-pane`),R=f(`el-tabs`),z=f(`el-dialog`),B=f(`pagination`),V=b(`loading`);return c(),e(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[r(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[t(`h2`,Q,s(a.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),r(v,null,{default:m(()=>[r(_,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,null,s(a.$t(`application.field.type`)),1),r(C,{modelValue:a.type,"onUpdate:modelValue":u[0]\|\|=e=>a.type=e},{default:m(()=>[r(y,{value:a.serviceType.API,label:a.$t(`application.field.api`)},null,8,[`value`,`label`]),r(y,{value:a.serviceType.Proxy,label:a.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1}),x(r(_,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,$,s(a.$t(`usage.field.application`)),1),r(T,{modelValue:a.applicationIds,"onUpdate:modelValue":u[1]\|\|=e=>a.applicationIds=e,placeholder:a.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:a.onApplicationsChange},{default:m(()=>[(c(!0),p(S,null,o(a.applications,t=>(c(),e(w,{key:t.id,label:t.service?.title,value:t?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[l,!1]]),a.type===a.serviceType.API?(c(),e(_,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,te,s(a.$t(`usage.field.api`)),1),a.apisLoading?(c(),e(D,{key:0,animated:``,class:`w-full`},{template:m(()=>[r(E,{variant:`rect`,style:{height:`32px`,"border-radius":`4px`}})]),_:1})):(c(),e(T,{key:1,modelValue:a.apiIds,"onUpdate:modelValue":u[2]\|\|=e=>a.apiIds=e,placeholder:a.$t(`usage.field.api`),clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:a.onApisChange},{default:m(()=>[(c(!0),p(S,null,o(a.apis,t=>(c(),e(w,{key:t?.id,label:t?.title,value:t?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]))]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[r(O,{modelValue:a.createdAtRange,"onUpdate:modelValue":u[3]\|\|=e=>a.createdAtRange=e,type:`datetimerange`,class:`w-full`,shortcuts:a.shortcuts,"range-separator":a.$t(`usage.placeholder.to`),"start-placeholder":a.$t(`usage.placeholder.startDate`),"end-placeholder":a.$t(`usage.placeholder.endDate`),onChange:a.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[r(T,{modelValue:a.statusCodeFilter,"onUpdate:modelValue":u[4]\|\|=e=>a.statusCodeFilter=e,placeholder:a.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:a.statusCodeOptionsLoading,onChange:a.onStatusCodeChange},{default:m(()=>[(c(!0),p(S,null,o(a.statusCodeOptions,t=>(c(),e(w,{key:t,label:String(t),value:String(t)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:m(()=>[r(A,{type:`primary`,plain:``,loading:a.exporting,class:`w-full whitespace-nowrap`,onClick:a.onExport},{default:m(()=>[r(k,{icon:`fa-solid fa-file-export`,class:`mr-1`}),n(` `+s(a.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):i(``,!0)]),_:1}),r(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[a.type===a.serviceType.API?(c(),e(v,{key:0,gutter:24,class:`mb-5`},{default:m(()=>[r(_,{md:6,xs:24},{default:m(()=>[r(j,{shadow:`hover`,class:`h-full`},{default:m(()=>[a.aggLoading?(c(),e(D,{key:0})):(c(),p(`div`,ne,[t(`div`,re,[r(k,{icon:`fa-solid fa-cubes`,class:`icon`})]),t(`div`,ie,[t(`p`,ae,s(a.$t(`usage.title.totalUsed`)),1),t(`p`,oe,s(a.totalUsedString),1)])]))]),_:1})]),_:1}),r(_,{md:18,xs:24},{default:m(()=>[r(j,{shadow:`hover`,class:`h-full`},{default:m(()=>[t(`div`,se,[a.aggLoading?(c(),e(D,{key:0,class:`w-full`})):(c(),e(M,{key:1,data:a.barChartData,options:a.barChartOptions,class:`chart`},null,8,[`data`,`options`]))])]),_:1})]),_:1})]),_:1})):i(``,!0),r(j,{shadow:`hover`},{default:m(()=>[a.type===a.serviceType.API?x((c(),e(I,{key:0,data:a.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:m(()=>[r(N,{label:a.$t(`application.field.name`),width:`160px`},{default:m(e=>[t(`span`,null,s(e.row?.api?.title),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.statusCode`),width:`120px`},{default:m(e=>[t(`span`,null,s(e.row.status_code),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.elapsed`),width:`120px`},{default:m(e=>[t(`span`,null,s(a.formatElapsed(e.row.elapsed)),1)]),_:1},8,[`label`]),r(N,{prop:`deducted_amount`,label:a.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[a.getDeductedAmount(e.row)===a.getOriginalAmount(e.row)?(c(),p(`div`,ce,[t(`span`,null,s(a.getDeductedAmount(e.row)),1)])):(c(),p(`div`,le,[u[7]\|\|=t(`p`,null,null,-1),t(`p`,null,[t(`span`,null,s(a.getDeductedAmount(e.row)),1)]),t(`p`,null,[t(`del`,null,s(a.getOriginalAmount(e.row)),1)])]))]),_:1},8,[`label`]),r(N,{prop:`remaining_amount`,label:a.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`metadata`,label:a.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:m(r=>[t(`div`,ue,[r.row.original_amount>r.row.deducted_amount&&r.row.original_amount>0?(c(),e(P,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:m(()=>[n(s(((r.row.original_amount-r.row.deducted_amount)*100/r.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):i(``,!0),(c(!0),p(S,null,o(a.getSimpleMetadata(r.row.metadata),(t,r)=>(c(),e(P,{key:r,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:m(()=>[n(s(r)+`: `+s(t),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:m(t=>[t.row.id?(c(),e(A,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:e=>a.onShowDetail(t.row)},{default:m(()=>[n(s(a.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):i(``,!0)]),_:1},8,[`label`]),r(N,{prop:`trace_id`,label:a.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:m(e=>[t(`span`,de,s(e.row.trace_id),1),e.row.trace_id?(c(),p(`span`,fe,[r(F,{content:e.row.trace_id,class:`inline-block`},null,8,[`content`])])):i(``,!0)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.createdAt`),width:`200px`},{default:m(e=>[t(`span`,pe,s(a.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,a.loading]]):i(``,!0),a.type===a.serviceType.Proxy?x((c(),e(I,{key:1,data:a.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:m(()=>[r(N,{label:a.$t(`application.field.name`),width:`160px`},{default:m(e=>[t(`span`,null,s(e.row?.service?.title),1)]),_:1},8,[`label`]),r(N,{prop:`remaining_amount`,label:a.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1),t(`span`,null,s(a.getOriginalAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`deducted_amount`,label:a.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getDeductedAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`metadata`,label:a.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:m(t=>[(c(!0),p(S,null,o(t.row.metadata,(t,r)=>(c(),e(P,{key:r,class:`mb-2`},{default:m(()=>[n(s(r)+`: `+s(t),1)]),_:2},1024))),128))]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.createdAt`),width:`200px`},{default:m(e=>[t(`span`,me,s(a.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,a.loading]]):i(``,!0)]),_:1})]),_:1})]),_:1}),r(z,{modelValue:a.detailDialogVisible,"onUpdate:modelValue":u[6]\|\|=e=>a.detailDialogVisible=e,title:a.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:m(()=>[r(R,{modelValue:a.detailActiveTab,"onUpdate:modelValue":u[5]\|\|=e=>a.detailActiveTab=e},{default:m(()=>[r(L,{label:a.$t(`usage.dialog.request`),name:`request`},{default:m(()=>[a.detailLoading?(c(),e(D,{key:0,rows:6,animated:``})):a.detailRow?.metadata?.request?(c(),p(`pre`,he,s(a.formatJson(a.detailRow.metadata.request)),1)):(c(),p(`p`,ge,s(a.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),r(L,{label:a.$t(`usage.dialog.response`),name:`response`},{default:m(()=>[a.detailLoading?(c(),e(D,{key:0,rows:6,animated:``})):a.detailRow?.metadata?.response?(c(),p(`pre`,_e,s(a.formatJson(a.detailRow.metadata.response)),1)):(c(),p(`p`,ve,s(a.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),r(v,null,{default:m(()=>[r(_,{span:10,offset:14},{default:m(()=>[t(`div`,ye,[r(B,{"current-page":a.page,"page-size":a.limit,total:a.total,onChange:a.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var xe=V(Z,[[`render`,be],[`__scopeId`,`data-v-38f1845c`]]);export{xe as default};
1	+ import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Q as o,Ut as s,X as c,_ as l,a as u,c as d,et as f,i as ee,k as p,lt as m,n as h,o as g,r as _,s as v,t as y,tt as b,ut as x,x as S}from"./vendor-chart-Df3WBvr0.js";import{t as C}from"./button-DgZFgZDr.js";import{r as w,t as T}from"./select-BPjqIeh7.js";import{n as E,t as D}from"./table-BjrEDV1-.js";import{n as O,t as k}from"./tabs-DT_RvYVg.js";import{t as A}from"./date-picker-DPEkWpVw.js";import{t as j}from"./card-pDppUT2_.js";import{n as M,r as N}from"./radio-DNLlMkjf.js";import{n as P,t as F}from"./row-BgYJmo3R.js";import{t as I}from"./Pagination-CijLX9R5.js";import{n as L,t as R}from"./skeleton-k2vAVQdD.js";import{Ar as z,Cn as B,Dn as V,E as H,Or as U,Sn as W,ar as G,or as K,pr as q,xn as J}from"./index-Ckw2kMAN.js";import{t as Y}from"./index.es-cJGxFNWz.js";import{t as X}from"./CopyToClipboard-CtojVo1q.js";ee.register(_,u,h,v,d,g);var Z=a({name:`ConsoleUsageList`,components:{Pagination:I,ElTag:z,ElDatePicker:A,ElTable:D,ElSelect:w,ElOption:T,CopyToClipboard:X,ElRow:F,ElCol:P,ElTableColumn:E,ElCard:j,ElRadioButton:M,ElRadioGroup:N,ElSkeleton:R,ElSkeletonItem:L,ElDialog:U,ElTabs:O,ElTabPane:k,ElButton:C,FontAwesomeIcon:Y,BarChart:y},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:G,serviceType:K,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()\|\|K.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===K.API?this.onFetchApiUsages():this.type===K.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 W.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(e1e3)} 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&&W.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(){V.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:q.USAGE}).then(({data:e})=>{this.applications=e.items.filter(e=>e?.service?.type===this.type)}).catch(()=>{})},onFetchApis(){this.apisLoading=!0,J.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,W.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,B.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,W.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 W.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(${e57%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}}}}),Q={class:`text-[26px] font-bold mb-5 text-[var(--el-text-color-primary)]`},$={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(a,u,d,ee,h,g){let _=f(`el-col`),v=f(`el-row`),y=f(`el-radio-button`),C=f(`el-radio-group`),w=f(`el-option`),T=f(`el-select`),E=f(`el-skeleton-item`),D=f(`el-skeleton`),O=f(`el-date-picker`),k=f(`font-awesome-icon`),A=f(`el-button`),j=f(`el-card`),M=f(`bar-chart`),N=f(`el-table-column`),P=f(`el-tag`),F=f(`copy-to-clipboard`),I=f(`el-table`),L=f(`el-tab-pane`),R=f(`el-tabs`),z=f(`el-dialog`),B=f(`pagination`),V=b(`loading`);return c(),e(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[r(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[t(`h2`,Q,s(a.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),r(v,null,{default:m(()=>[r(_,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,null,s(a.$t(`application.field.type`)),1),r(C,{modelValue:a.type,"onUpdate:modelValue":u[0]\|\|=e=>a.type=e},{default:m(()=>[r(y,{value:a.serviceType.API,label:a.$t(`application.field.api`)},null,8,[`value`,`label`]),r(y,{value:a.serviceType.Proxy,label:a.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1}),x(r(_,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,$,s(a.$t(`usage.field.application`)),1),r(T,{modelValue:a.applicationIds,"onUpdate:modelValue":u[1]\|\|=e=>a.applicationIds=e,placeholder:a.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:a.onApplicationsChange},{default:m(()=>[(c(!0),p(S,null,o(a.applications,t=>(c(),e(w,{key:t.id,label:t.service?.title,value:t?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[l,!1]]),a.type===a.serviceType.API?(c(),e(_,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,te,s(a.$t(`usage.field.api`)),1),a.apisLoading?(c(),e(D,{key:0,animated:``,class:`w-full`},{template:m(()=>[r(E,{variant:`rect`,style:{height:`32px`,"border-radius":`4px`}})]),_:1})):(c(),e(T,{key:1,modelValue:a.apiIds,"onUpdate:modelValue":u[2]\|\|=e=>a.apiIds=e,placeholder:a.$t(`usage.field.api`),clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:a.onApisChange},{default:m(()=>[(c(!0),p(S,null,o(a.apis,t=>(c(),e(w,{key:t?.id,label:t?.title,value:t?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]))]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[r(O,{modelValue:a.createdAtRange,"onUpdate:modelValue":u[3]\|\|=e=>a.createdAtRange=e,type:`datetimerange`,class:`w-full`,shortcuts:a.shortcuts,"range-separator":a.$t(`usage.placeholder.to`),"start-placeholder":a.$t(`usage.placeholder.startDate`),"end-placeholder":a.$t(`usage.placeholder.endDate`),onChange:a.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[r(T,{modelValue:a.statusCodeFilter,"onUpdate:modelValue":u[4]\|\|=e=>a.statusCodeFilter=e,placeholder:a.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:a.statusCodeOptionsLoading,onChange:a.onStatusCodeChange},{default:m(()=>[(c(!0),p(S,null,o(a.statusCodeOptions,t=>(c(),e(w,{key:t,label:String(t),value:String(t)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:m(()=>[r(A,{type:`primary`,plain:``,loading:a.exporting,class:`w-full whitespace-nowrap`,onClick:a.onExport},{default:m(()=>[r(k,{icon:`fa-solid fa-file-export`,class:`mr-1`}),n(` `+s(a.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):i(``,!0)]),_:1}),r(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[a.type===a.serviceType.API?(c(),e(v,{key:0,gutter:24,class:`mb-5`},{default:m(()=>[r(_,{md:6,xs:24},{default:m(()=>[r(j,{shadow:`hover`,class:`h-full`},{default:m(()=>[a.aggLoading?(c(),e(D,{key:0})):(c(),p(`div`,ne,[t(`div`,re,[r(k,{icon:`fa-solid fa-cubes`,class:`icon`})]),t(`div`,ie,[t(`p`,ae,s(a.$t(`usage.title.totalUsed`)),1),t(`p`,oe,s(a.totalUsedString),1)])]))]),_:1})]),_:1}),r(_,{md:18,xs:24},{default:m(()=>[r(j,{shadow:`hover`,class:`h-full`},{default:m(()=>[t(`div`,se,[a.aggLoading?(c(),e(D,{key:0,class:`w-full`})):(c(),e(M,{key:1,data:a.barChartData,options:a.barChartOptions,class:`chart`},null,8,[`data`,`options`]))])]),_:1})]),_:1})]),_:1})):i(``,!0),r(j,{shadow:`hover`},{default:m(()=>[a.type===a.serviceType.API?x((c(),e(I,{key:0,data:a.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:m(()=>[r(N,{label:a.$t(`application.field.name`),width:`160px`},{default:m(e=>[t(`span`,null,s(e.row?.api?.title),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.statusCode`),width:`120px`},{default:m(e=>[t(`span`,null,s(e.row.status_code),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.elapsed`),width:`120px`},{default:m(e=>[t(`span`,null,s(a.formatElapsed(e.row.elapsed)),1)]),_:1},8,[`label`]),r(N,{prop:`deducted_amount`,label:a.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[a.getDeductedAmount(e.row)===a.getOriginalAmount(e.row)?(c(),p(`div`,ce,[t(`span`,null,s(a.getDeductedAmount(e.row)),1)])):(c(),p(`div`,le,[u[7]\|\|=t(`p`,null,null,-1),t(`p`,null,[t(`span`,null,s(a.getDeductedAmount(e.row)),1)]),t(`p`,null,[t(`del`,null,s(a.getOriginalAmount(e.row)),1)])]))]),_:1},8,[`label`]),r(N,{prop:`remaining_amount`,label:a.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`metadata`,label:a.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:m(r=>[t(`div`,ue,[r.row.original_amount>r.row.deducted_amount&&r.row.original_amount>0?(c(),e(P,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:m(()=>[n(s(((r.row.original_amount-r.row.deducted_amount)*100/r.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):i(``,!0),(c(!0),p(S,null,o(a.getSimpleMetadata(r.row.metadata),(t,r)=>(c(),e(P,{key:r,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:m(()=>[n(s(r)+`: `+s(t),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:m(t=>[t.row.id?(c(),e(A,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:e=>a.onShowDetail(t.row)},{default:m(()=>[n(s(a.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):i(``,!0)]),_:1},8,[`label`]),r(N,{prop:`trace_id`,label:a.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:m(e=>[t(`span`,de,s(e.row.trace_id),1),e.row.trace_id?(c(),p(`span`,fe,[r(F,{content:e.row.trace_id,class:`inline-block`},null,8,[`content`])])):i(``,!0)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.createdAt`),width:`200px`},{default:m(e=>[t(`span`,pe,s(a.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,a.loading]]):i(``,!0),a.type===a.serviceType.Proxy?x((c(),e(I,{key:1,data:a.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:m(()=>[r(N,{label:a.$t(`application.field.name`),width:`160px`},{default:m(e=>[t(`span`,null,s(e.row?.service?.title),1)]),_:1},8,[`label`]),r(N,{prop:`remaining_amount`,label:a.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1),t(`span`,null,s(a.getOriginalAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`deducted_amount`,label:a.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getDeductedAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`metadata`,label:a.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:m(t=>[(c(!0),p(S,null,o(t.row.metadata,(t,r)=>(c(),e(P,{key:r,class:`mb-2`},{default:m(()=>[n(s(r)+`: `+s(t),1)]),_:2},1024))),128))]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.createdAt`),width:`200px`},{default:m(e=>[t(`span`,me,s(a.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,a.loading]]):i(``,!0)]),_:1})]),_:1})]),_:1}),r(z,{modelValue:a.detailDialogVisible,"onUpdate:modelValue":u[6]\|\|=e=>a.detailDialogVisible=e,title:a.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:m(()=>[r(R,{modelValue:a.detailActiveTab,"onUpdate:modelValue":u[5]\|\|=e=>a.detailActiveTab=e},{default:m(()=>[r(L,{label:a.$t(`usage.dialog.request`),name:`request`},{default:m(()=>[a.detailLoading?(c(),e(D,{key:0,rows:6,animated:``})):a.detailRow?.metadata?.request?(c(),p(`pre`,he,s(a.formatJson(a.detailRow.metadata.request)),1)):(c(),p(`p`,ge,s(a.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),r(L,{label:a.$t(`usage.dialog.response`),name:`response`},{default:m(()=>[a.detailLoading?(c(),e(D,{key:0,rows:6,animated:``})):a.detailRow?.metadata?.response?(c(),p(`pre`,_e,s(a.formatJson(a.detailRow.metadata.response)),1)):(c(),p(`p`,ve,s(a.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),r(v,null,{default:m(()=>[r(_,{span:10,offset:14},{default:m(()=>[t(`div`,ye,[r(B,{"current-page":a.page,"page-size":a.limit,total:a.total,onChange:a.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var xe=H(Z,[[`render`,be],[`__scopeId`,`data-v-38f1845c`]]);export{xe as default};

package/dist/assets/{List-7Fcdu55c.js → List-C_cs8Ont.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Ut as o,X as s,et as c,k as l,lt as u,tt as d,ut as f}from"./vendor-chart-Df3WBvr0.js";import{t as p}from"./button-DgZFgZDr.js";import{n as m,t as h}from"./table-BjrEDV1-.js";import{t as g}from"./card-pDppUT2_.js";import{n as _,t as v}from"./row-BgYJmo3R.js";import{t as y}from"./Pagination-~~BbB0LvQQ~~.js";import{t as b}from"./skeleton-k2vAVQdD.js";import{t as x}from"./switch-~~BXulLLA8~~.js";import{Cn as S,Er as C,F as w,S as T,_r as E,cr as D,k as O,lr as k,nr as A,tr as j,xr as M}from"./index-~~DtcnyKXU~~.js";import{t as N}from"./index.es-~~D2U_WHjx~~.js";import{t as P}from"./CopyToClipboard-~~5NkEhaix~~.js";var F=a({name:`ConsoleApplicationList`,components:{Pagination:y,CopyToClipboard:P,ElTable:h,ElRow:v,ElButton:p,ElCol:_,ElTag:C,ElSkeleton:b,ElSwitch:x,ElTableColumn:m,ElCard:g,FontAwesomeIcon:N},data(){return{credentialType:j,serviceType:A,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()\|\|`1`)},showPayment(){return!E()}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,t){!e\|\|!e.id\|\|S.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:w,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:O,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=D.INDIVIDUAL){return new Promise((t,n)=>{S.getAll({limit:this.limit,...e===D.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:k.USAGE,scope:e}).then(({data:n})=>{e===D.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(D.INDIVIDUAL),this.onFetchApplications(D.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){S.create({type:k.USAGE,scope:D.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(D.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}`}}}),I={class:`title`},L={key:1,class:`summary-card`},R={class:`icon-wrapper`},z={class:`label`},B={class:`value`},V={class:`description`},H={key:1,class:`flex flex-row justify-between align-center`},U={class:`summary-card`},W={class:`flex justify-start items-center gap-2 mb-2 w-full`},G={class:`icon-wrapper !mb-0`},K={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},q={class:`label`},J={class:`value`},Y={class:`description`},X={class:`flex flex-col items-end gap-2`},Z={class:`copy`},Q={key:0,class:`expired-at`},$={class:`flex flex-wrap items-center justify-end gap-1`},ee={class:`pagination`};function te(a,p,m,h,g,_){let v=c(`el-col`),y=c(`el-row`),b=c(`el-skeleton`),x=c(`font-awesome-icon`),S=c(`el-card`),C=c(`copy-to-clipboard`),w=c(`el-button`),T=c(`el-table-column`),E=c(`el-tag`),D=c(`el-switch`),O=c(`el-table`),k=c(`pagination`),A=d(`loading`);return s(),e(y,{class:`application-list`},{default:u(()=>[r(v,{span:24},{default:u(()=>[r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`h2`,I,o(a.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),r(y,{gutter:15,class:`mb-3`},{default:u(()=>[r(v,{md:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:u(()=>[a.loading?(s(),e(b,{key:0})):(s(),l(`div`,L,[t(`div`,R,[r(x,{icon:`fa-solid fa-cubes-stacked`})]),t(`p`,z,o(a.$t(`application.title.count`)),1),t(`p`,B,o(a.individualApplicationsTotal),1),t(`p`,V,o(a.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),a.showPayment&&a.globalApplications?.length>0?(s(),e(v,{key:0,md:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:u(()=>[a.loading?(s(),e(b,{key:0})):(s(),l(`div`,H,[t(`div`,U,[t(`div`,W,[t(`div`,G,[r(x,{icon:`fa-solid fa-wallet`})]),t(`span`,K,[n(o(a.$t(`application.field.id`))+`: `+o(a.globalApplications?.[0]?.id)+` `,1),a.globalApplications?.[0]?.id?(s(),e(C,{key:0,content:a.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):i(``,!0)])]),t(`p`,q,o(a.$t(`application.title.globalBalance`)),1),t(`p`,J,o(a.globalApplications?.[0]?.remaining_amount?.toFixed(6)\|\|`0.000000`)+` `+o(a.$t(`service.unit.credits`)),1),t(`p`,Y,o(a.$t(`application.message.globalBalanceDescription`)),1)]),t(`div`,X,[r(w,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:p[0]\|\|=e=>a.onGoUsage(a.globalApplications?.[0])},{default:u(()=>[r(x,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.usage`)),1)]),_:1}),a.showPayment?(s(),e(w,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:p[1]\|\|=e=>a.onBuyMore(a.globalApplications?.[0])},{default:u(()=>[r(x,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.buyMore`)),1)]),_:1})):i(``,!0)])]))]),_:1})]),_:1})):i(``,!0)]),_:1}),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[r(S,{shadow:`hover`,class:`applications-table-card`},{default:u(()=>[f((s(),e(O,{data:a.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`)},{default:u(()=>[r(T,{prop:`id`,label:a.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:u(e=>[t(`span`,null,o(e.row.id),1),t(`span`,Z,[r(C,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(t=>[t.row?.type===`Period`?(s(),e(E,{key:0,type:`success`,effect:`dark`,round:``},{default:u(()=>[n(o(a.$t(`application.type.period`)),1)]),_:1})):t.row?.type===`Usage`?(s(),e(E,{key:1,effect:`dark`,round:``},{default:u(()=>[n(o(a.$t(`application.type.usage`)),1)]),_:1})):i(``,!0)]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.name`),width:`180px`},{default:u(r=>[t(`span`,null,o(r.row?.service?.title),1),r.row?.role===`grantee`?(s(),e(E,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:u(()=>[n(o(a.$t(`application.badge.shared`)),1)]),_:1})):i(``,!0)]),_:1},8,[`label`]),r(T,{prop:`remaining_amount`,label:a.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:u(e=>[t(`span`,null,o(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(T,{prop:`used_amount`,label:a.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[t(`span`,null,o(a.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),r(T,{prop:`allow_consume_global`,label:a.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:u(t=>[t.row.service?.type===a.serviceType.API?(s(),e(D,{key:0,modelValue:t.row.allow_consume_global,"onUpdate:modelValue":e=>t.row.allow_consume_global=e,"active-value":!0,"inactive-value":!1,onChange:e=>a.updateAllowConsumeGlobal(t.row,e)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):i(``,!0)]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[e.row.expired_at?(s(),l(`span`,Q,o(a.$dayjs.format(e.row.expired_at)),1)):i(``,!0)]),_:1},8,[`label`]),r(T,{fixed:`right`,width:`200px`},{default:u(c=>[t(`div`,$,[r(w,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:e=>a.onGoUsage(c?.row)},{default:u(()=>[r(x,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),a.showPayment?(s(),e(w,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:e=>a.onBuyMore(c?.row)},{default:u(()=>[r(x,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):i(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[A,a.loading]])]),_:1})]),_:1})]),_:1}),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`div`,ee,[r(k,{"current-page":a.page,"page-size":a.limit,total:a.individualApplicationsTotal,onChange:a.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ne=T(F,[[`render`,te],[`__scopeId`,`data-v-7182b838`]]);export{ne as default};
1	+ import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Ut as o,X as s,et as c,k as l,lt as u,tt as d,ut as f}from"./vendor-chart-Df3WBvr0.js";import{t as p}from"./button-DgZFgZDr.js";import{n as m,t as h}from"./table-BjrEDV1-.js";import{t as g}from"./card-pDppUT2_.js";import{n as _,t as v}from"./row-BgYJmo3R.js";import{t as y}from"./Pagination-CijLX9R5.js";import{t as b}from"./skeleton-k2vAVQdD.js";import{t as x}from"./switch-Duda3Nxc.js";import{Ar as S,Dn as C,E as w,N as T,Tr as E,ar as D,fr as O,or as k,pr as A,xr as j,z as M}from"./index-Ckw2kMAN.js";import{t as N}from"./index.es-cJGxFNWz.js";import{t as P}from"./CopyToClipboard-CtojVo1q.js";var F=a({name:`ConsoleApplicationList`,components:{Pagination:y,CopyToClipboard:P,ElTable:h,ElRow:v,ElButton:p,ElCol:_,ElTag:S,ElSkeleton:b,ElSwitch:x,ElTableColumn:m,ElCard:g,FontAwesomeIcon:N},data(){return{credentialType:D,serviceType:k,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()\|\|`1`)},showPayment(){return!j()}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,t){!e\|\|!e.id\|\|C.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{E.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{E.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:M,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:T,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=O.INDIVIDUAL){return new Promise((t,n)=>{C.getAll({limit:this.limit,...e===O.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:A.USAGE,scope:e}).then(({data:n})=>{e===O.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{E.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(O.INDIVIDUAL),this.onFetchApplications(O.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){C.create({type:A.USAGE,scope:O.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(O.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}`}}}),I={class:`title`},L={key:1,class:`summary-card`},R={class:`icon-wrapper`},z={class:`label`},B={class:`value`},V={class:`description`},H={key:1,class:`flex flex-row justify-between align-center`},U={class:`summary-card`},W={class:`flex justify-start items-center gap-2 mb-2 w-full`},G={class:`icon-wrapper !mb-0`},K={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},q={class:`label`},J={class:`value`},Y={class:`description`},X={class:`flex flex-col items-end gap-2`},Z={class:`copy`},Q={key:0,class:`expired-at`},$={class:`flex flex-wrap items-center justify-end gap-1`},ee={class:`pagination`};function te(a,p,m,h,g,_){let v=c(`el-col`),y=c(`el-row`),b=c(`el-skeleton`),x=c(`font-awesome-icon`),S=c(`el-card`),C=c(`copy-to-clipboard`),w=c(`el-button`),T=c(`el-table-column`),E=c(`el-tag`),D=c(`el-switch`),O=c(`el-table`),k=c(`pagination`),A=d(`loading`);return s(),e(y,{class:`application-list`},{default:u(()=>[r(v,{span:24},{default:u(()=>[r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`h2`,I,o(a.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),r(y,{gutter:15,class:`mb-3`},{default:u(()=>[r(v,{md:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:u(()=>[a.loading?(s(),e(b,{key:0})):(s(),l(`div`,L,[t(`div`,R,[r(x,{icon:`fa-solid fa-cubes-stacked`})]),t(`p`,z,o(a.$t(`application.title.count`)),1),t(`p`,B,o(a.individualApplicationsTotal),1),t(`p`,V,o(a.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),a.showPayment&&a.globalApplications?.length>0?(s(),e(v,{key:0,md:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:u(()=>[a.loading?(s(),e(b,{key:0})):(s(),l(`div`,H,[t(`div`,U,[t(`div`,W,[t(`div`,G,[r(x,{icon:`fa-solid fa-wallet`})]),t(`span`,K,[n(o(a.$t(`application.field.id`))+`: `+o(a.globalApplications?.[0]?.id)+` `,1),a.globalApplications?.[0]?.id?(s(),e(C,{key:0,content:a.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):i(``,!0)])]),t(`p`,q,o(a.$t(`application.title.globalBalance`)),1),t(`p`,J,o(a.globalApplications?.[0]?.remaining_amount?.toFixed(6)\|\|`0.000000`)+` `+o(a.$t(`service.unit.credits`)),1),t(`p`,Y,o(a.$t(`application.message.globalBalanceDescription`)),1)]),t(`div`,X,[r(w,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:p[0]\|\|=e=>a.onGoUsage(a.globalApplications?.[0])},{default:u(()=>[r(x,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.usage`)),1)]),_:1}),a.showPayment?(s(),e(w,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:p[1]\|\|=e=>a.onBuyMore(a.globalApplications?.[0])},{default:u(()=>[r(x,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.buyMore`)),1)]),_:1})):i(``,!0)])]))]),_:1})]),_:1})):i(``,!0)]),_:1}),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[r(S,{shadow:`hover`,class:`applications-table-card`},{default:u(()=>[f((s(),e(O,{data:a.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`)},{default:u(()=>[r(T,{prop:`id`,label:a.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:u(e=>[t(`span`,null,o(e.row.id),1),t(`span`,Z,[r(C,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(t=>[t.row?.type===`Period`?(s(),e(E,{key:0,type:`success`,effect:`dark`,round:``},{default:u(()=>[n(o(a.$t(`application.type.period`)),1)]),_:1})):t.row?.type===`Usage`?(s(),e(E,{key:1,effect:`dark`,round:``},{default:u(()=>[n(o(a.$t(`application.type.usage`)),1)]),_:1})):i(``,!0)]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.name`),width:`180px`},{default:u(r=>[t(`span`,null,o(r.row?.service?.title),1),r.row?.role===`grantee`?(s(),e(E,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:u(()=>[n(o(a.$t(`application.badge.shared`)),1)]),_:1})):i(``,!0)]),_:1},8,[`label`]),r(T,{prop:`remaining_amount`,label:a.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:u(e=>[t(`span`,null,o(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(T,{prop:`used_amount`,label:a.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[t(`span`,null,o(a.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),r(T,{prop:`allow_consume_global`,label:a.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:u(t=>[t.row.service?.type===a.serviceType.API?(s(),e(D,{key:0,modelValue:t.row.allow_consume_global,"onUpdate:modelValue":e=>t.row.allow_consume_global=e,"active-value":!0,"inactive-value":!1,onChange:e=>a.updateAllowConsumeGlobal(t.row,e)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):i(``,!0)]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[e.row.expired_at?(s(),l(`span`,Q,o(a.$dayjs.format(e.row.expired_at)),1)):i(``,!0)]),_:1},8,[`label`]),r(T,{fixed:`right`,width:`200px`},{default:u(c=>[t(`div`,$,[r(w,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:e=>a.onGoUsage(c?.row)},{default:u(()=>[r(x,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),a.showPayment?(s(),e(w,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:e=>a.onBuyMore(c?.row)},{default:u(()=>[r(x,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):i(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[A,a.loading]])]),_:1})]),_:1})]),_:1}),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`div`,ee,[r(k,{"current-page":a.page,"page-size":a.limit,total:a.individualApplicationsTotal,onChange:a.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ne=w(F,[[`render`,te],[`__scopeId`,`data-v-7182b838`]]);export{ne as default};

package/dist/assets/List-CqO7VaHV.js ADDED Viewed

@@ -0,0 +1 @@

+ import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,P as i,Q as a,Ut as o,X as s,et as c,k as l,lt as u,tt as d,ut as f,x as p}from"./vendor-chart-Df3WBvr0.js";import{t as m}from"./button-DgZFgZDr.js";import{r as h,t as g}from"./select-BPjqIeh7.js";import{n as _,t as v}from"./table-BjrEDV1-.js";import{t as y}from"./date-picker-DPEkWpVw.js";import{t as b}from"./card-pDppUT2_.js";import{n as x,t as S}from"./row-BgYJmo3R.js";import{t as C}from"./Pagination-CijLX9R5.js";import{t as w}from"./skeleton-k2vAVQdD.js";import{Ar as T,E,Mt as D,bn as O,sr as k}from"./index-Ckw2kMAN.js";import{t as A}from"./index.es-cJGxFNWz.js";import{t as j}from"./CopyToClipboard-CtojVo1q.js";var M={total_count:0,total_spent:0,state_counts:{}},N=i({name:`ConsoleOrderList`,components:{Pagination:C,CopyToClipboard:j,ElRow:S,ElCol:x,ElTable:v,ElTableColumn:_,ElButton:m,ElTag:T,ElCard:b,ElSelect:h,ElOption:g,ElDatePicker:y,ElSkeleton:w,FontAwesomeIcon:A},data(){return{OrderState:k,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:k.PENDING,label:this.$t(`order.state.pending`)},{value:k.FINISHED,label:this.$t(`order.state.finished`)},{value:k.PAID,label:this.$t(`order.state.paid`)},{value:k.EXPIRED,label:this.$t(`order.state.expired`)},{value:k.FAILED,label:this.$t(`order.state.failed`)},{value:k.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:D,stateTagType(e){return e===k.FINISHED||e===k.PAID?`success`:e===k.EXPIRED||e===k.FAILED?`danger`:e===k.REFUNDED?`warning`:`info`},stateLabel(e){return{[k.PENDING]:this.$t(`order.state.pending`),[k.PAID]:this.$t(`order.state.paid`),[k.FINISHED]:this.$t(`order.state.finished`),[k.EXPIRED]:this.$t(`order.state.expired`),[k.FAILED]:this.$t(`order.state.failed`),[k.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==k.PAID&&e!==k.FINISHED&&e!==k.EXPIRED&&e!==k.FAILED&&e!==k.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,O.getAll({ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,O.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...M}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,O.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),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(i,m,h,g,_,v){let y=c(`el-col`),b=c(`el-row`),x=c(`el-skeleton`),S=c(`font-awesome-icon`),C=c(`el-card`),w=c(`el-option`),T=c(`el-select`),E=c(`el-date-picker`),D=c(`el-button`),O=c(`copy-to-clipboard`),k=c(`el-table-column`),A=c(`el-tag`),j=c(`el-table`),M=c(`pagination`),N=d(`loading`);return s(),e(b,{class:`panel`},{default:u(()=>[r(y,{span:24},{default:u(()=>[r(b,null,{default:u(()=>[r(y,{span:24},{default:u(()=>[t(`h2`,P,o(i.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),r(b,{gutter:16},{default:u(()=>[r(y,{md:6,sm:12,xs:24},{default:u(()=>[r(C,{shadow:`hover`,class:`item-mini mb-3`},{default:u(()=>[i.summaryLoading?(s(),e(x,{key:0})):(s(),l(`div`,F,[t(`div`,I,[r(S,{icon:`fa-solid fa-receipt`,class:`icon`})]),t(`p`,L,o(i.$t(`order.title.totalOrders`)),1),t(`p`,R,o(i.summary.total_count),1)]))]),_:1})]),_:1}),r(y,{md:6,sm:12,xs:24},{default:u(()=>[r(C,{shadow:`hover`,class:`item-mini mb-3`},{default:u(()=>[i.summaryLoading?(s(),e(x,{key:0})):(s(),l(`div`,z,[t(`div`,B,[r(S,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),t(`p`,V,o(i.$t(`order.title.totalSpent`)),1),t(`p`,H,o(i.getPriceString({value:i.summary.total_spent})),1)]))]),_:1})]),_:1}),r(y,{md:6,sm:12,xs:24},{default:u(()=>[r(C,{shadow:`hover`,class:`item-mini mb-3`},{default:u(()=>[i.summaryLoading?(s(),e(x,{key:0})):(s(),l(`div`,U,[t(`div`,W,[r(S,{icon:`fa-solid fa-check-circle`,class:`icon`})]),t(`p`,ee,o(i.$t(`order.title.finishedOrders`)),1),t(`p`,G,o(i.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),r(y,{md:6,sm:12,xs:24},{default:u(()=>[r(C,{shadow:`hover`,class:`item-mini mb-3`},{default:u(()=>[i.summaryLoading?(s(),e(x,{key:0})):(s(),l(`div`,K,[t(`div`,q,[r(S,{icon:`fa-solid fa-clock`,class:`icon`})]),t(`p`,J,o(i.$t(`order.title.pendingOrders`)),1),t(`p`,Y,o(i.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),t(`div`,X,[r(T,{modelValue:i.filterState,"onUpdate:modelValue":m[0]||=e=>i.filterState=e,clearable:``,placeholder:i.$t(`order.field.allStates`),class:`filter-select`,onChange:i.onFilterChange},{default:u(()=>[(s(!0),l(p,null,a(i.stateOptions,t=>(s(),e(w,{key:t.value,label:t.label,value:t.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),r(T,{modelValue:i.filterPayWay,"onUpdate:modelValue":m[1]||=e=>i.filterPayWay=e,clearable:``,placeholder:i.$t(`order.field.allPayWays`),class:`filter-select`,onChange:i.onFilterChange},{default:u(()=>[(s(!0),l(p,null,a(i.payWayOptions,t=>(s(),e(w,{key:t.value,label:t.label,value:t.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),r(E,{modelValue:i.createdAtRange,"onUpdate:modelValue":m[2]||=e=>i.createdAtRange=e,type:`datetimerange`,shortcuts:i.shortcuts,"range-separator":i.$t(`usage.placeholder.to`),"start-placeholder":i.$t(`usage.placeholder.startDate`),"end-placeholder":i.$t(`usage.placeholder.endDate`),onChange:i.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),r(D,{type:`primary`,plain:``,loading:i.exporting,onClick:i.onExport},{default:u(()=>[r(S,{icon:`fa-solid fa-file-export`,class:`mr-1`}),n(` `+o(i.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),r(b,null,{default:u(()=>[r(y,{span:24},{default:u(()=>[r(C,{shadow:`hover`},{default:u(()=>[f((s(),e(j,{data:i.orders,stripe:``,"empty-text":i.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:u(()=>[r(k,{prop:`id`,label:i.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:u(e=>[t(`span`,Z,o(e.row.id),1),t(`span`,Q,[r(O,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),r(k,{label:i.$t(`order.field.price`),width:`110px`,align:`center`},{default:u(e=>[t(`span`,$,o(i.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),r(k,{label:i.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:u(e=>[t(`span`,te,o(e.row.description),1)]),_:1},8,[`label`]),r(k,{prop:`state`,label:i.$t(`order.field.state`),width:`130px`,align:`center`},{default:u(e=>[r(A,{type:i.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:u(()=>[n(o(i.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),r(k,{label:i.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:u(e=>[t(`span`,ne,o(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),r(k,{label:i.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[t(`span`,re,o(i.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),r(k,{"min-width":`130px`,fixed:`right`},{default:u(r=>[t(`div`,ie,[i.isPendingAction(r.row.state)?(s(),e(D,{key:0,type:`primary`,size:`small`,onClick:e=>i.goToDetail(r.row.id)},{default:u(()=>[n(o(i.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(s(),e(D,{key:1,size:`small`,onClick:e=>i.goToDetail(r.row.id)},{default:u(()=>[n(o(i.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[N,i.loading]])]),_:1})]),_:1})]),_:1}),r(b,null,{default:u(()=>[r(y,{span:10,offset:14},{default:u(()=>[t(`div`,ae,[r(M,{"current-page":i.page,"page-size":i.limit,total:i.total,onChange:i.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=E(N,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};

package/dist/assets/{Main-9nM4xiWt.js → Main-BZm07x6-.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,T as o,Ut as s,X as c,et as l,k as u,lt as d}from"./vendor-chart-Df3WBvr0.js";import{t as f}from"./button-DgZFgZDr.js";import{t as p}from"./Navigator-~~CBkmjXto~~.js";import{t as m}from"./checkbox-B_yzN9YW.js";import{t as h}from"./divider-DntlVH34.js";import"./constants-~~BoMdh9QC~~.js";import{Cn as g,Et as _,S as v,cr as y,dr as b,lr as x,mr as S,wr as C,xr as w}from"./index-~~DtcnyKXU~~.js";import{t as T}from"./Status-~~Bhx2_jOp~~.js";var E=a({name:`ApplicationConfirm`,components:{ElDialog:C,ElDivider:h,ElCheckbox:m,ElButton:f},props:{visible:{type:Boolean,required:!1,default:!1}},emits:[`update:visible`,`apply`],data(){return{checked:!0}},watch:{},methods:{getBaseUrlPlatform:S,onApply(){if(!this.checked){w.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(i,a,o,u,f,p){let m=l(`el-divider`),h=l(`el-checkbox`),g=l(`el-button`),_=l(`el-dialog`);return c(),e(_,{"model-value":i.visible,width:`500px`,title:i.$t(`application.message.welcome`),center:``,onClose:a[1]\|\|=e=>i.$emit(`update:visible`,!1)},{default:d(()=>[t(`div`,D,[t(`p`,O,s(i.$t(`application.message.notApplied`)),1),r(m,{class:`my-2`}),t(`div`,k,[r(h,{modelValue:i.checked,"onUpdate:modelValue":a[0]\|\|=e=>i.checked=e,size:`large`,class:`policy-checkbox mr-[10px]`},null,8,[`modelValue`]),t(`span`,A,s(i.$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:i.getBaseUrlPlatform()+`/terms`},` \xA0`+s(i.$t(`application.message.policy`)),9,j)]),r(g,{round:``,type:`primary`,onClick:i.onApply},{default:d(()=>[n(s(i.$t(`common.button.start`)),1)]),_:1},8,[`onClick`])])]),_:1},8,[`model-value`,`title`])}var N=a({name:`LayoutMain`,components:{Navigator:p,ApplicationStatus:T,ApplicationConfirm:v(E,[[`render`,M]])},provide(){return{initialized:o(()=>this.initialized)}},data(){return{initialized:!1,applying:!1,mobile:window.innerWidth<768,initializeRunId: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===b.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)},beforeUnmount(){window.removeEventListener(`resize`,this.onResize)},methods:{onResize(){this.mobile=window.innerWidth<768},async initialize(){let e=++this.initializeRunId;if(this.initialized=!1,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=_(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 g.create({type:x.USAGE,scope:y.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`):w.error(this.$t(`application.message.applyFailed`))}},showWelcomeToast(){let e=this.$store.state.applications?.[0],t=Math.floor(e?.remaining_amount??0);w({message:t>0?this.$t(`application.message.welcomeWithCredits`,{credits:t}):this.$t(`application.message.welcomeNoCredits`),type:`success`,duration:6e3,showClose:!0})}}}),P={class:`wrapper`};function F(t,n,a,o,s,d){let f=l(`router-view`),p=l(`navigator`),m=l(`application-status`),h=l(`application-confirm`);return c(),u(`div`,P,[r(f,{class:`main`}),r(p,{class:`navigator`,direction:t.mobile?`row`:`column`},null,8,[`direction`]),t.application?(c(),e(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`])):i(``,!0),r(h,{modelValue:t.applying,"onUpdate:modelValue":n[1]\|\|=e=>t.applying=e,modelModifiers:{visible:!0},onApply:t.onApply},null,8,[`modelValue`,`onApply`])])}var I=v(N,[[`render`,F],[`__scopeId`,`data-v-319483e1`]]);export{I as default};
1	+ import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,T as o,Ut as s,X as c,et as l,k as u,lt as d}from"./vendor-chart-Df3WBvr0.js";import{t as f}from"./button-DgZFgZDr.js";import{t as p}from"./Navigator-DuN7GVlF.js";import{t as m}from"./checkbox-B_yzN9YW.js";import{t as h}from"./divider-DntlVH34.js";import"./constants-D3W0tInG.js";import{At as g,Dn as _,E as v,Or as y,Tr as b,fr as x,hr as S,pr as C,vr as w}from"./index-Ckw2kMAN.js";import{t as T}from"./Status-xO7yfDI0.js";var E=a({name:`ApplicationConfirm`,components:{ElDialog:y,ElDivider:h,ElCheckbox:m,ElButton:f},props:{visible:{type:Boolean,required:!1,default:!1}},emits:[`update:visible`,`apply`],data(){return{checked:!0}},watch:{},methods:{getBaseUrlPlatform:w,onApply(){if(!this.checked){b.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(i,a,o,u,f,p){let m=l(`el-divider`),h=l(`el-checkbox`),g=l(`el-button`),_=l(`el-dialog`);return c(),e(_,{"model-value":i.visible,width:`500px`,title:i.$t(`application.message.welcome`),center:``,onClose:a[1]\|\|=e=>i.$emit(`update:visible`,!1)},{default:d(()=>[t(`div`,D,[t(`p`,O,s(i.$t(`application.message.notApplied`)),1),r(m,{class:`my-2`}),t(`div`,k,[r(h,{modelValue:i.checked,"onUpdate:modelValue":a[0]\|\|=e=>i.checked=e,size:`large`,class:`policy-checkbox mr-[10px]`},null,8,[`modelValue`]),t(`span`,A,s(i.$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:i.getBaseUrlPlatform()+`/terms`},` \xA0`+s(i.$t(`application.message.policy`)),9,j)]),r(g,{round:``,type:`primary`,onClick:i.onApply},{default:d(()=>[n(s(i.$t(`common.button.start`)),1)]),_:1},8,[`onClick`])])]),_:1},8,[`model-value`,`title`])}var N=a({name:`LayoutMain`,components:{Navigator:p,ApplicationStatus:T,ApplicationConfirm:v(E,[[`render`,M]])},provide(){return{initialized:o(()=>this.initialized)}},data(){return{initialized:!1,applying:!1,mobile:window.innerWidth<768,initializeRunId: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===S.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)},beforeUnmount(){window.removeEventListener(`resize`,this.onResize)},methods:{onResize(){this.mobile=window.innerWidth<768},async initialize(){let e=++this.initializeRunId;if(this.initialized=!1,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 _.create({type:C.USAGE,scope:x.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`):b.error(this.$t(`application.message.applyFailed`))}},showWelcomeToast(){let e=this.$store.state.applications?.[0],t=Math.floor(e?.remaining_amount??0);b({message:t>0?this.$t(`application.message.welcomeWithCredits`,{credits:t}):this.$t(`application.message.welcomeNoCredits`),type:`success`,duration:6e3,showClose:!0})}}}),P={class:`wrapper`};function F(t,n,a,o,s,d){let f=l(`router-view`),p=l(`navigator`),m=l(`application-status`),h=l(`application-confirm`);return c(),u(`div`,P,[r(f,{class:`main`}),r(p,{class:`navigator`,direction:t.mobile?`row`:`column`},null,8,[`direction`]),t.application?(c(),e(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`])):i(``,!0),r(h,{modelValue:t.applying,"onUpdate:modelValue":n[1]\|\|=e=>t.applying=e,modelModifiers:{visible:!0},onApply:t.onApply},null,8,[`modelValue`,`onApply`])])}var I=v(N,[[`render`,F],[`__scopeId`,`data-v-319483e1`]]);export{I as default};