@acedatacloud/nexior 3.281.0 → 3.281.2

package/dist/assets/Index-hXaoA1Fv.css

@@ -0,0 +1 @@
+.menu[data-v-abd66a40]{display:none}@media (width<=1180px){.main .preview[data-v-abd66a40]{display:none}}@media (width<=767px){.main .config[data-v-abd66a40]{display:none}.main .result[data-v-abd66a40]{width:100%}.main .preview[data-v-abd66a40]{display:none}.main .menu[data-v-abd66a40]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.model-option[data-v-16e4d6fc]{justify-content:space-between;align-items:center;width:100%;padding:2px 0;display:flex}.model-option-left[data-v-16e4d6fc]{align-items:center;gap:6px;display:flex}.model-option-name[data-v-16e4d6fc]{font-weight:500}.model-option-desc[data-v-16e4d6fc]{color:var(--el-text-color-placeholder);white-space:nowrap;margin-left:8px;font-size:12px}[data-v-16e4d6fc] .model-option-divider{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:4px;padding-bottom:4px}.title[data-v-5f17a1f4]{width:30%;margin-bottom:0;font-size:14px}.recorder-display[data-v-5f17a1f4]{justify-content:center;align-items:center;min-height:48px;display:flex}.recording-dot[data-v-5f17a1f4]{background:#f56c6c;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse-5f17a1f4;display:inline-block}@keyframes pulse-5f17a1f4{0%,to{opacity:1}50%{opacity:.3}}.upload-wrapper,.upload-wrapper .el-upload{width:100%}.upload-wrapper .el-upload-dragger{width:100%;padding:12px}.upload-wrapper .el-upload-list{width:100%;margin:0}.add-audio-tabs .el-tabs__nav-wrap:after{height:1px}.inspo-tags[data-v-58ffcd38]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.inspo-tag[data-v-58ffcd38]{border:1px solid var(--el-border-color);background:var(--el-bg-color);color:var(--el-text-color-regular);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 10px;font-size:12px;transition:all .2s}.inspo-tag[data-v-58ffcd38]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.inspo-tag-refresh[data-v-58ffcd38]{color:var(--el-text-color-placeholder);border-style:dashed;padding:4px 8px}.inspo-tag-refresh[data-v-58ffcd38]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.field[data-v-d7d2ec74] .el-textarea__inner{font-family:monospace;font-size:13px;line-height:1.6}.enhance-bar[data-v-d7d2ec74]{margin-top:6px}.enhance-bar .enhance-input[data-v-d7d2ec74] .el-input-group__append{padding:0 12px}.lyrics-expanded[data-v-d7d2ec74] .el-textarea__inner{font-family:monospace;font-size:14px;line-height:1.8}.style-tags[data-v-ddebb076]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.style-tag[data-v-ddebb076]{border:1px solid var(--el-border-color);background:var(--el-bg-color);color:var(--el-text-color-regular);cursor:pointer;white-space:nowrap;border-radius:14px;padding:3px 10px;font-size:12px;transition:all .2s}.style-tag[data-v-ddebb076]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.style-tag-refresh[data-v-ddebb076]{color:var(--el-text-color-placeholder);border-style:dashed;padding:3px 8px}.style-tag-refresh[data-v-ddebb076]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.field .box[data-v-bcce4821]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.field .box .title[data-v-bcce4821]{margin-bottom:10px;font-size:14px}.field .box .input-wrapper[data-v-bcce4821]{width:150px;margin-left:30px}.field .box[data-v-06640216]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.field .box .title[data-v-06640216]{margin-bottom:10px;font-size:14px}.field .box .input-wrapper[data-v-06640216]{width:150px;margin-left:30px}.advanced-collapse[data-v-363599d3]{border:none}.advanced-collapse[data-v-363599d3] .el-collapse-item__header{background:0 0;border:none;height:32px;font-size:14px;font-weight:700;line-height:32px}.advanced-collapse[data-v-363599d3] .el-collapse-item__wrap{background:0 0;border:none}.advanced-collapse[data-v-363599d3] .el-collapse-item__content{padding-bottom:0}.speed-group[data-v-ba834628]{flex-wrap:wrap;display:flex}.voice-tabs[data-v-8b8e36d9]{margin-bottom:8px}.voice-tabs[data-v-8b8e36d9] .el-tabs__header{margin:0 0 8px}.voice-tabs[data-v-8b8e36d9] .el-tabs__nav-wrap:after{height:1px}.voice-list[data-v-8b8e36d9]{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.voice-item[data-v-8b8e36d9]{cursor:pointer;border:1px solid var(--el-border-color-lighter);border-radius:6px;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.voice-item[data-v-8b8e36d9]:hover{border-color:var(--el-color-primary-light-5);background:var(--el-fill-color-light)}.voice-item.active[data-v-8b8e36d9]{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.voice-name[data-v-8b8e36d9]{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.voice-desc[data-v-8b8e36d9]{color:var(--el-text-color-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.voice-actions[data-v-8b8e36d9]{flex-shrink:0;align-items:center;gap:2px;margin-left:8px;display:flex}.voice-fav-active[data-v-8b8e36d9] svg,.voice-fav-active[data-v-8b8e36d9]{color:#f5a623}.panel[data-v-c62324e6]{flex-direction:column;height:100%;padding:20px;display:flex}.panel .config[data-v-c62324e6]{flex:1;width:100%;height:calc(100% - 50px);position:relative}.panel .actions[data-v-c62324e6]{justify-content:center;align-items:center;height:50px;display:flex}.panel .actions .btn[data-v-c62324e6]{width:100%}.task{cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;margin-bottom:8px;padding:4px;transition:border-color .2s;display:flex}.task:hover{border-color:var(--el-border-color-lighter)}.task .audio{border-radius:10px;margin-bottom:2px;padding:6px;transition:background-color .2s;display:flex}.task .audio:last-child{margin-bottom:0}.task .audio:hover{background-color:var(--el-bg-color-page)}.task .audio.active{background-color:var(--el-color-primary-light-9)}.task .audio .left{flex-shrink:0;width:60px;height:60px;margin-right:16px;position:relative}.task .audio .left .cover{border-radius:6px;width:100%;height:100%}.task .audio .left .duration{color:#fff;background-color:#000000b3;border-radius:2px;padding:2px 4px;font-size:10px;position:absolute;bottom:0;right:0}.task .audio .left .variation-badge{color:#fff;text-align:center;background-color:#0009;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:3px;left:3px}.task .audio .left .play-btn{cursor:pointer;opacity:.92;background-color:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .2s,opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task .audio .left .play-btn .el-icon{color:#fff;font-size:16px}.task .audio .left:hover .play-btn{background-color:var(--el-color-primary);opacity:1}.task .audio .info{flex:1;min-width:0;overflow:hidden}.task .audio .info .title-row{align-items:center;gap:6px;display:flex}.task .audio .info .title{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-top:5px;font-size:14px;font-weight:700;overflow:hidden}.task .audio .info .model-chip{height:16px;color:var(--el-color-primary);background:var(--el-color-primary-light-9);border-radius:8px;flex-shrink:0;margin-top:5px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px}.task .audio .info .edit-icon{color:var(--el-text-color-placeholder);cursor:pointer;opacity:0;flex-shrink:0;margin-top:4px;font-size:10px;transition:opacity .2s}.task .audio .info .title-edit{margin-top:4px;margin-bottom:2px}.task .audio .info .style{color:var(--el-text-color-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;margin-bottom:0;font-size:12px;overflow:hidden}.task .audio .info .progress-row{align-items:center;gap:6px;margin-top:2px;display:flex}.task .audio .info .progress-row .progress-bar{flex:1;max-width:100px}.task .audio .info .progress-row .progress-text{color:var(--el-text-color-placeholder);white-space:nowrap;font-size:10px}.task .audio:hover .edit-icon{opacity:1}.task .audio .mashup-check{flex-shrink:0;align-items:center;padding:0 4px 0 8px;display:flex}.task .audio.mashup-selected{background-color:var(--el-color-primary-light-9);border-radius:8px}.task .audio .right{justify-content:flex-end;align-items:center;width:120px;padding-right:1px;display:flex}.task .audio .right .icon{z-index:100;cursor:pointer;margin-right:15px;display:block}.task .audio .right .el-button{margin-right:15px}.suno-action-menu .menu-icon{width:14px;color:var(--el-text-color-secondary);margin-right:8px}.suno-action-menu .menu-divider{background:var(--el-border-color-lighter);height:1px;margin:4px 12px}.suno-action-menu .delete-item,.suno-action-menu .delete-item .delete-icon{color:var(--el-color-danger)}.task-toolbar[data-v-c10c17d1]{border-bottom:1px solid var(--el-border-color-lighter);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.task-toolbar .task-search[data-v-c10c17d1]{flex:1;max-width:280px}.task-toolbar .task-search[data-v-c10c17d1] .el-input__wrapper{background-color:var(--el-fill-color-light);box-shadow:none;border-radius:999px}.task-toolbar .task-search[data-v-c10c17d1] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-color-primary) inset}.task-toolbar .sort-btn[data-v-c10c17d1]{white-space:nowrap;flex-shrink:0;margin-left:auto}.task-toolbar .filter-btn[data-v-c10c17d1]{white-space:nowrap;flex-shrink:0;position:relative}.task-toolbar .filter-btn.has-active-filter[data-v-c10c17d1]{color:var(--el-color-primary);border-color:var(--el-color-primary-light-5)}.task-toolbar .filter-btn .filter-badge[data-v-c10c17d1]{background:var(--el-color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:10px;line-height:1;display:inline-flex}.filter-popover[data-v-c10c17d1]{flex-direction:column;gap:12px;display:flex}.filter-popover .filter-row[data-v-c10c17d1]{flex-direction:column;gap:6px;display:flex}.filter-popover .filter-label[data-v-c10c17d1]{color:var(--el-text-color-secondary);font-size:12px}.filter-popover .filter-actions[data-v-c10c17d1]{border-top:1px solid var(--el-border-color-lighter);justify-content:flex-end;margin-top:4px;padding-top:8px;display:flex}.status[data-v-e91bac8b]{margin-bottom:10px}.panel.detail[data-v-e91bac8b]{flex:1;width:100%;overflow-y:scroll}.panel.recent[data-v-e91bac8b]{justify-content:initial;width:100%;height:100%;margin-bottom:10px;position:relative}.panel.operation[data-v-e91bac8b]{position:relative}

package/dist/assets/{Index-BsaRG-bJ.js → Index-yuesN1IZ.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,M as i,N as a,O as o,P as s,S as c,Wt as l,Z as u,et as d,k as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-DfsQodL-.js";import{r as g,t as _}from"./select-D5WneZd4.js";import{n as v,t as y}from"./collapse-BxMhJbfp.js";import{t as b}from"./drawer-Dpuj2uIl.js";import"./constants-ER7gAjWT.js";import{E as x,It as S,Pr as C,Vr as w,wr as T}from"./index-Dhx7YLnB.js";import{t as E}from"./index.es-DVh7wRx_.js";import{t as ee}from"./Consumption-TW7l3qDB.js";var te=r({name:`LayoutSerp`,components:{ElDrawer:b,ElButton:h,FontAwesomeIcon:E},data(){return{drawer:!1}}}),D={class:`main flex flex-row flex-1`},O={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},k={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function A(e,r,i,a,o,c){let l=p(`font-awesome-icon`),f=p(`el-button`),h=p(`el-drawer`);return u(),t(`div`,D,[n(`div`,O,[d(e.$slots,`config`,{},void 0,!0)]),n(`div`,k,[d(e.$slots,`result`,{},void 0,!0)]),s(f,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:m(()=>[s(l,{icon:`fa-solid fa-search`})]),_:1}),s(h,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:m(()=>[d(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var j=x(te,[[`render`,A],[`__scopeId`,`data-v-72398911`]]),M=r({name:`QueryInput`,components:{ElInput:w},computed:{query:{get(){return this.$store.state.serp?.config?.query},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e})}}}}),N={class:`field`},P={class:`box`},F={class:`title font-bold`};function I(e,r,i,a,o,c){let d=p(`el-input`);return u(),t(`div`,N,[n(`div`,P,[n(`h2`,F,l(e.$t(`serp.name.query`)),1)]),s(d,{modelValue:e.query,"onUpdate:modelValue":r[0]||=t=>e.query=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`serp.placeholder.query`)},null,8,[`modelValue`,`placeholder`])])}var L=x(M,[[`render`,I],[`__scopeId`,`data-v-3582b195`]]),R=r({name:`TypeSelector`,components:{ElSelect:g,ElOption:_},computed:{value:{get(){return this.$store.state.serp?.config?.type},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,type:e})}}},mounted(){this.value||=`search`}}),z={class:`field`},B={class:`title font-bold`};function V(e,r,i,a,o,c){let d=p(`el-option`),f=p(`el-select`);return u(),t(`div`,z,[n(`h2`,B,l(e.$t(`serp.name.type`)),1),s(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`},{default:m(()=>[s(d,{value:`search`,label:e.$t(`serp.type.search`)},null,8,[`label`]),s(d,{value:`images`,label:e.$t(`serp.type.images`)},null,8,[`label`]),s(d,{value:`news`,label:e.$t(`serp.type.news`)},null,8,[`label`]),s(d,{value:`videos`,label:e.$t(`serp.type.videos`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var H=x(R,[[`render`,V],[`__scopeId`,`data-v-2913fb62`]]),U=r({name:`CountryInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.country},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,country:e})}}},mounted(){this.value||=`US`}}),W={class:`field`},G={class:`title font-bold`};function K(e,r,i,a,o,c){let d=p(`el-input`);return u(),t(`div`,W,[n(`h2`,G,l(e.$t(`serp.name.country`)),1),s(d,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.country`)},null,8,[`modelValue`,`placeholder`])])}var q=x(U,[[`render`,K],[`__scopeId`,`data-v-f0672cc6`]]),J=r({name:`LanguageInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.language},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,language:e})}}},mounted(){this.value||=`en`}}),Y={class:`field`},X={class:`title font-bold`};function Z(e,r,i,a,o,c){let d=p(`el-input`);return u(),t(`div`,Y,[n(`h2`,X,l(e.$t(`serp.name.language`)),1),s(d,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.language`)},null,8,[`modelValue`,`placeholder`])])}var Q=r({name:`SearchPanel`,components:{ElButton:h,FontAwesomeIcon:E,QueryInput:L,TypeSelector:H,CountryInput:q,LanguageInput:x(J,[[`render`,Z],[`__scopeId`,`data-v-dc1c94b7`]]),Consumption:ee},emits:[`search`],computed:{config(){return this.$store.state.serp?.config},consumption(){return S(this.config,this.service?.cost)},service(){return this.$store.state.serp?.service},searching(){return this.$store.state.serp?.status?.search===T.Request}},methods:{onSearch(){this.$emit(`search`)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function ae(e,r,i,o,c,d){let f=p(`query-input`),h=p(`type-selector`),g=p(`country-input`),_=p(`language-input`),v=p(`consumption`),y=p(`font-awesome-icon`),b=p(`el-button`);return u(),t(`div`,ne,[n(`div`,re,[s(f,{class:`mb-4`}),s(h,{class:`mb-4`}),s(g,{class:`mb-4`}),s(_,{class:`mb-4`})]),n(`div`,ie,[s(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),s(b,{type:`primary`,class:`btn w-full`,round:``,loading:e.searching,onClick:e.onSearch},{default:m(()=>[s(y,{icon:`fa-solid fa-search`,class:`mr-2`}),a(` `+l(e.$t(`serp.button.search`)),1)]),_:1},8,[`loading`,`onClick`])])])}var oe=x(Q,[[`render`,ae]]),se=r({name:`KnowledgeGraph`,props:{data:{type:Object,required:!0}}}),ce={class:`knowledge-graph rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},le={class:`flex flex-row gap-4`},ue=[`src`,`alt`],de={class:`flex-1 min-w-0`},fe={key:0,class:`text-xs text-[var(--el-text-color-disabled)] mb-1 uppercase tracking-wide`},pe={class:`text-xl font-bold mb-1.5`},me={key:1,class:`text-sm text-[var(--el-text-color-regular)] mb-3 leading-relaxed`},he=[`href`],ge={key:2,class:`text-sm`},_e={class:`text-[var(--el-text-color-disabled)] flex-none font-medium`},ve={class:`text-[var(--el-text-color-regular)]`};function ye(r,i,o,s,d,p){return u(),t(`div`,ce,[n(`div`,le,[r.data.image_url?(u(),t(`img`,{key:0,src:r.data.image_url,alt:r.data.title,class:`w-28 h-28 rounded-lg object-cover flex-none shadow-sm`},null,8,ue)):f(``,!0),n(`div`,de,[r.data.type?(u(),t(`div`,fe,l(r.data.type),1)):f(``,!0),n(`h3`,pe,l(r.data.title),1),r.data.description?(u(),t(`p`,me,[a(l(r.data.description)+` `,1),r.data.description_link?(u(),t(`a`,{key:0,href:r.data.description_link,target:`_blank`,rel:`noopener noreferrer`,class:`text-[var(--el-color-primary)] hover:underline ml-1`},l(r.data.description_source||`Source`),9,he)):f(``,!0)])):f(``,!0),r.data.attributes&&Object.keys(r.data.attributes).length?(u(),t(`div`,ge,[(u(!0),t(c,null,e(r.data.attributes,(e,r)=>(u(),t(`div`,{key:r,class:`flex gap-2 mb-1 py-0.5`},[n(`span`,_e,l(r)+`:`,1),n(`span`,ve,l(e),1)]))),128))])):f(``,!0)])])])}var be=x(se,[[`render`,ye]]),xe=r({name:`OrganicResult`,props:{data:{type:Object,required:!0}},data(){return{faviconFailed:!1}},computed:{hostname(){if(!this.data.link)return``;try{return new URL(this.data.link).hostname}catch{return``}},pathname(){if(!this.data.link)return``;try{let e=new URL(this.data.link).pathname;return e===`/`?``:e}catch{return``}},displayUrl(){return this.hostname},faviconUrl(){return this.faviconFailed||!this.hostname?``:`https://www.google.com/s2/favicons?domain=${this.hostname}&sz=32`}},methods:{onFaviconError(e){this.faviconFailed=!0,e.target.style.display=`none`}}}),Se={class:`organic-result rounded-lg p-4 transition-all duration-200 hover:bg-[var(--el-fill-color-lighter)]`},Ce={key:0,class:`flex items-center gap-2 mb-1.5`},we=[`src`,`alt`],Te={class:`text-xs text-[var(--el-text-color-secondary)] truncate`},Ee={class:`text-xs text-[var(--el-text-color-disabled)]`},De=[`href`],Oe={key:1,class:`text-xs text-[var(--el-text-color-disabled)] mt-1`},ke={key:2,class:`text-sm text-[var(--el-text-color-regular)] mt-1.5 leading-relaxed line-clamp-3`},Ae={key:3,class:`mt-3 flex flex-wrap gap-x-4 gap-y-1`},je=[`href`];function Me(r,i,a,o,s,d){return u(),t(`div`,Se,[r.displayUrl?(u(),t(`div`,Ce,[n(`img`,{src:r.faviconUrl,alt:r.hostname,class:`w-4 h-4 rounded-sm flex-none`,loading:`lazy`,onError:i[0]||=(...e)=>r.onFaviconError&&r.onFaviconError(...e)},null,40,we),n(`span`,Te,l(r.hostname),1),n(`span`,Ee,l(r.pathname),1)])):f(``,!0),n(`a`,{href:r.data.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-base font-semibold text-[var(--el-color-primary)] hover:underline leading-snug block`},l(r.data.title),9,De),r.data.date?(u(),t(`div`,Oe,l(r.data.date),1)):f(``,!0),r.data.snippet?(u(),t(`p`,ke,l(r.data.snippet),1)):f(``,!0),r.data.sitelinks?.length?(u(),t(`div`,Ae,[(u(!0),t(c,null,e(r.data.sitelinks,(e,n)=>(u(),t(`a`,{key:n,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary-light-3)] hover:text-[var(--el-color-primary)] hover:underline transition-colors`},l(e.title),9,je))),128))])):f(``,!0)])}var Ne=x(xe,[[`render`,Me]]),Pe=r({name:`ImageResults`,props:{data:{type:Array,required:!0}}}),Fe={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Ie={class:`text-base font-bold mb-3`},Le={class:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`},Re=[`href`],ze=[`src`,`alt`],Be={class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 opacity-0 group-hover:opacity-100 transition-opacity duration-200`},Ve={class:`text-xs text-white line-clamp-2`};function He(r,i,a,o,s,d){return u(),t(`div`,Fe,[n(`h3`,Ie,l(r.$t(`serp.name.imageResults`)),1),n(`div`,Le,[(u(!0),t(c,null,e(r.data,(e,r)=>(u(),t(`a`,{key:r,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`group relative rounded-lg overflow-hidden bg-[var(--el-fill-color-light)] aspect-square`},[e.image_url?(u(),t(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover transition-transform duration-300 group-hover:scale-105`,loading:`lazy`},null,8,ze)):f(``,!0),n(`div`,Be,[n(`span`,Ve,l(e.title),1)])],8,Re))),128))])])}var Ue=x(Pe,[[`render`,He]]),We=r({name:`VideoResults`,props:{data:{type:Array,required:!0}}}),Ge={class:`text-base font-bold mb-3`},Ke={class:`space-y-4`},qe=[`href`],Je={class:`relative flex-shrink-0 w-40 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},Ye=[`src`,`alt`],Xe={key:1,class:`absolute bottom-1 right-1 bg-black/80 text-white text-xs px-1 rounded`},Ze={class:`flex-1 min-w-0`},Qe={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},$e={class:`text-xs text-gray-400 mt-1`},et={key:0},tt={key:1},nt={key:2},rt={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`};function it(r,i,a,o,s,d){return u(),t(`div`,null,[n(`h3`,Ge,l(r.$t(`serp.name.videoResults`)),1),n(`div`,Ke,[(u(!0),t(c,null,e(r.data,(e,r)=>(u(),t(`a`,{key:r,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,Je,[e.image_url?(u(),t(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,Ye)):f(``,!0),e.duration?(u(),t(`div`,Xe,l(e.duration),1)):f(``,!0)]),n(`div`,Ze,[n(`div`,Qe,l(e.title),1),n(`div`,$e,[e.source?(u(),t(`span`,et,l(e.source),1)):f(``,!0),e.channel?(u(),t(`span`,tt,` · `+l(e.channel),1)):f(``,!0),e.date?(u(),t(`span`,nt,` · `+l(e.date),1)):f(``,!0)]),e.snippet?(u(),t(`p`,rt,l(e.snippet),1)):f(``,!0)])],8,qe))),128))])])}var at=x(We,[[`render`,it]]),ot=r({name:`NewsResults`,props:{data:{type:Array,required:!0}}}),st={class:`text-base font-bold mb-3`},ct={class:`space-y-4`},lt=[`href`],ut={class:`flex-1 min-w-0`},dt={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},ft={class:`text-xs text-gray-400 mt-1`},pt={key:0},mt={key:1},ht={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`},gt={key:0,class:`flex-shrink-0 w-24 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},_t=[`src`,`alt`];function vt(r,i,a,o,s,d){return u(),t(`div`,null,[n(`h3`,st,l(r.$t(`serp.name.newsResults`)),1),n(`div`,ct,[(u(!0),t(c,null,e(r.data,(e,r)=>(u(),t(`a`,{key:r,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,ut,[n(`div`,dt,l(e.title),1),n(`div`,ft,[e.source?(u(),t(`span`,pt,l(e.source),1)):f(``,!0),e.date?(u(),t(`span`,mt,` · `+l(e.date),1)):f(``,!0)]),e.snippet?(u(),t(`p`,ht,l(e.snippet),1)):f(``,!0)]),e.image_url?(u(),t(`div`,gt,[n(`img`,{src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,_t)])):f(``,!0)],8,lt))),128))])])}var yt=x(ot,[[`render`,vt]]),bt=r({name:`PeopleAlsoAsk`,components:{ElCollapse:y,ElCollapseItem:v},props:{data:{type:Array,required:!0}}}),xt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},St={class:`text-base font-bold mb-3`},Ct={key:0,class:`text-sm text-[var(--el-text-color-regular)] mb-2 leading-relaxed`},wt=[`href`];function Tt(r,i,a,d,h,g){let _=p(`el-collapse-item`),v=p(`el-collapse`);return u(),t(`div`,xt,[n(`h3`,St,l(r.$t(`serp.name.peopleAlsoAsk`)),1),s(v,null,{default:m(()=>[(u(!0),t(c,null,e(r.data,(e,n)=>(u(),o(_,{key:n,title:e.question||e.title||``},{default:m(()=>[e.snippet?(u(),t(`p`,Ct,l(e.snippet),1)):f(``,!0),e.link?(u(),t(`a`,{key:1,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary)] hover:underline`},l(e.title||e.link),9,wt)):f(``,!0)]),_:2},1032,[`title`]))),128))]),_:1})])}var Et=x(bt,[[`render`,Tt]]),Dt=r({name:`RelatedSearches`,components:{FontAwesomeIcon:E},props:{data:{type:Array,required:!0}},emits:[`search`],methods:{onSearch(e){e&&this.$emit(`search`,e)}}}),Ot={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},kt={class:`text-base font-bold mb-3`},At={class:`flex flex-wrap gap-2`},jt=[`onClick`];function Mt(r,i,o,d,f,m){let h=p(`font-awesome-icon`);return u(),t(`div`,Ot,[n(`h3`,kt,l(r.$t(`serp.name.relatedSearches`)),1),n(`div`,At,[(u(!0),t(c,null,e(r.data,(e,n)=>(u(),t(`button`,{key:n,class:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm bg-[var(--el-fill-color-light)] text-[var(--el-text-color-regular)] hover:bg-[var(--el-color-primary-light-9)] hover:text-[var(--el-color-primary)] transition-colors cursor-pointer border-none`,onClick:t=>r.onSearch(e.query)},[s(h,{icon:`fa-solid fa-magnifying-glass`,class:`text-xs opacity-50`}),a(` `+l(e.query),1)],8,jt))),128))])])}var Nt=r({name:`ResultPanel`,components:{FontAwesomeIcon:E,KnowledgeGraph:be,OrganicResult:Ne,ImageResults:Ue,VideoResults:at,NewsResults:yt,PeopleAlsoAsk:Et,RelatedSearches:x(Dt,[[`render`,Mt]])},emits:[`related-search`],computed:{results(){return this.$store.state.serp?.results},searching(){return this.$store.state.serp?.status?.search===T.Request},noResults(){return this.$store.state.serp?.status?.search===T.Success&&this.results&&!this.results.organic?.length&&!this.results.images?.length&&!this.results.videos?.length&&!this.results.news?.length&&!this.results.knowledge_graph?.title}},methods:{onRelatedSearch(e){this.$emit(`related-search`,e)}}}),$={class:`h-full overflow-y-auto p-6`},Pt={key:0,class:`max-w-3xl mx-auto py-8`},Ft={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},It={class:`text-base`},Lt={key:2,class:`max-w-3xl mx-auto`},Rt={key:1,class:`mb-6`},zt={key:3,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Bt={class:`text-base`};function Vt(r,a,d,m,h,g){let _=p(`font-awesome-icon`),v=p(`knowledge-graph`),y=p(`organic-result`),b=p(`image-results`),x=p(`video-results`),S=p(`news-results`),C=p(`people-also-ask`),w=p(`related-searches`);return u(),t(`div`,$,[r.searching?(u(),t(`div`,Pt,[(u(),t(c,null,e(4,e=>n(`div`,{key:e,class:`mb-6 animate-pulse`},[...a[0]||=[i(`<div class="flex items-center gap-2 mb-2"><div class="w-4 h-4 rounded-sm bg-[var(--el-fill-color-darker)]"></div><div class="h-3 w-32 rounded bg-[var(--el-fill-color-darker)]"></div></div><div class="h-4 w-3/4 rounded bg-[var(--el-fill-color-dark)] mb-2"></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1"></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)]"></div>`,4)]])),64))])):r.noResults?(u(),t(`div`,Ft,[s(_,{icon:`fa-solid fa-face-meh`,class:`text-5xl mb-4 opacity-40`}),n(`p`,It,l(r.$t(`serp.message.noResults`)),1)])):r.results?(u(),t(`div`,Lt,[r.results.knowledge_graph?.title?(u(),o(v,{key:0,data:r.results.knowledge_graph,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.organic?.length?(u(),t(`div`,Rt,[(u(!0),t(c,null,e(r.results.organic,(e,t)=>(u(),o(y,{key:t,data:e,class:`mb-1`},null,8,[`data`]))),128))])):f(``,!0),r.results.images?.length?(u(),o(b,{key:2,data:r.results.images,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.videos?.length?(u(),o(x,{key:3,data:r.results.videos,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.news?.length?(u(),o(S,{key:4,data:r.results.news,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.people_also_ask?.length?(u(),o(C,{key:5,data:r.results.people_also_ask,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.related_searches?.length?(u(),o(w,{key:6,data:r.results.related_searches,class:`mb-6`,onSearch:r.onRelatedSearch},null,8,[`data`,`onSearch`])):f(``,!0)])):(u(),t(`div`,zt,[s(_,{icon:`fa-solid fa-globe`,class:`text-5xl mb-4 opacity-30`}),n(`p`,Bt,l(r.$t(`serp.description.query`)),1)]))])}var Ht=r({name:`SerpIndex`,components:{Layout:j,SearchPanel:oe,ResultPanel:x(Nt,[[`render`,Vt]])},inject:[`initialized`],async mounted(){await this.onGetService()},methods:{async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`serp/getService`),console.debug(`end onGetService`)},async onSearch(){if(this.$store.state.serp?.config?.query){C.info(this.$t(`serp.message.searching`));try{await this.$store.dispatch(`serp/search`),C.success(this.$t(`serp.message.searchSuccess`))}catch(e){(e?.response?.data)?.error?.code===`used_up`?C.error(this.$t(`serp.message.usedUp`)):C.error(this.$t(`serp.message.searchFailed`))}}},async onRelatedSearch(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e}),await this.onSearch()}}});function Ut(e,t,n,r,i,a){let c=p(`search-panel`),l=p(`result-panel`),d=p(`layout`);return u(),o(d,null,{config:m(()=>[s(c,{onSearch:e.onSearch},null,8,[`onSearch`])]),result:m(()=>[s(l,{onRelatedSearch:e.onRelatedSearch},null,8,[`onRelatedSearch`])]),_:1})}var Wt=x(Ht,[[`render`,Ut]]);export{Wt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,M as i,N as a,O as o,P as s,S as c,Wt as l,Z as u,et as d,k as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-BydTr5nV.js";import{r as g,t as _}from"./select-B4YDnp3H.js";import{n as v,t as y}from"./collapse-DWdketb8.js";import{t as b}from"./drawer-R6pcaap2.js";import"./constants-ER7gAjWT.js";import{E as x,It as S,Pr as C,Vr as w,wr as T}from"./index-C5kuKDCy.js";import{t as E}from"./index.es-DIZchbTr.js";import{t as ee}from"./Consumption-IIgal6LS.js";var te=r({name:`LayoutSerp`,components:{ElDrawer:b,ElButton:h,FontAwesomeIcon:E},data(){return{drawer:!1}}}),D={class:`main flex flex-row flex-1`},O={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},k={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function A(e,r,i,a,o,c){let l=p(`font-awesome-icon`),f=p(`el-button`),h=p(`el-drawer`);return u(),t(`div`,D,[n(`div`,O,[d(e.$slots,`config`,{},void 0,!0)]),n(`div`,k,[d(e.$slots,`result`,{},void 0,!0)]),s(f,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:m(()=>[s(l,{icon:`fa-solid fa-search`})]),_:1}),s(h,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:m(()=>[d(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var j=x(te,[[`render`,A],[`__scopeId`,`data-v-72398911`]]),M=r({name:`QueryInput`,components:{ElInput:w},computed:{query:{get(){return this.$store.state.serp?.config?.query},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e})}}}}),N={class:`field`},P={class:`box`},F={class:`title font-bold`};function I(e,r,i,a,o,c){let d=p(`el-input`);return u(),t(`div`,N,[n(`div`,P,[n(`h2`,F,l(e.$t(`serp.name.query`)),1)]),s(d,{modelValue:e.query,"onUpdate:modelValue":r[0]||=t=>e.query=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`serp.placeholder.query`)},null,8,[`modelValue`,`placeholder`])])}var L=x(M,[[`render`,I],[`__scopeId`,`data-v-3582b195`]]),R=r({name:`TypeSelector`,components:{ElSelect:g,ElOption:_},computed:{value:{get(){return this.$store.state.serp?.config?.type},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,type:e})}}},mounted(){this.value||=`search`}}),z={class:`field`},B={class:`title font-bold`};function V(e,r,i,a,o,c){let d=p(`el-option`),f=p(`el-select`);return u(),t(`div`,z,[n(`h2`,B,l(e.$t(`serp.name.type`)),1),s(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`},{default:m(()=>[s(d,{value:`search`,label:e.$t(`serp.type.search`)},null,8,[`label`]),s(d,{value:`images`,label:e.$t(`serp.type.images`)},null,8,[`label`]),s(d,{value:`news`,label:e.$t(`serp.type.news`)},null,8,[`label`]),s(d,{value:`videos`,label:e.$t(`serp.type.videos`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var H=x(R,[[`render`,V],[`__scopeId`,`data-v-2913fb62`]]),U=r({name:`CountryInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.country},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,country:e})}}},mounted(){this.value||=`US`}}),W={class:`field`},G={class:`title font-bold`};function K(e,r,i,a,o,c){let d=p(`el-input`);return u(),t(`div`,W,[n(`h2`,G,l(e.$t(`serp.name.country`)),1),s(d,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.country`)},null,8,[`modelValue`,`placeholder`])])}var q=x(U,[[`render`,K],[`__scopeId`,`data-v-f0672cc6`]]),J=r({name:`LanguageInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.language},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,language:e})}}},mounted(){this.value||=`en`}}),Y={class:`field`},X={class:`title font-bold`};function Z(e,r,i,a,o,c){let d=p(`el-input`);return u(),t(`div`,Y,[n(`h2`,X,l(e.$t(`serp.name.language`)),1),s(d,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.language`)},null,8,[`modelValue`,`placeholder`])])}var Q=r({name:`SearchPanel`,components:{ElButton:h,FontAwesomeIcon:E,QueryInput:L,TypeSelector:H,CountryInput:q,LanguageInput:x(J,[[`render`,Z],[`__scopeId`,`data-v-dc1c94b7`]]),Consumption:ee},emits:[`search`],computed:{config(){return this.$store.state.serp?.config},consumption(){return S(this.config,this.service?.cost)},service(){return this.$store.state.serp?.service},searching(){return this.$store.state.serp?.status?.search===T.Request}},methods:{onSearch(){this.$emit(`search`)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function ae(e,r,i,o,c,d){let f=p(`query-input`),h=p(`type-selector`),g=p(`country-input`),_=p(`language-input`),v=p(`consumption`),y=p(`font-awesome-icon`),b=p(`el-button`);return u(),t(`div`,ne,[n(`div`,re,[s(f,{class:`mb-4`}),s(h,{class:`mb-4`}),s(g,{class:`mb-4`}),s(_,{class:`mb-4`})]),n(`div`,ie,[s(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),s(b,{type:`primary`,class:`btn w-full`,round:``,loading:e.searching,onClick:e.onSearch},{default:m(()=>[s(y,{icon:`fa-solid fa-search`,class:`mr-2`}),a(` `+l(e.$t(`serp.button.search`)),1)]),_:1},8,[`loading`,`onClick`])])])}var oe=x(Q,[[`render`,ae]]),se=r({name:`KnowledgeGraph`,props:{data:{type:Object,required:!0}}}),ce={class:`knowledge-graph rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},le={class:`flex flex-row gap-4`},ue=[`src`,`alt`],de={class:`flex-1 min-w-0`},fe={key:0,class:`text-xs text-[var(--el-text-color-disabled)] mb-1 uppercase tracking-wide`},pe={class:`text-xl font-bold mb-1.5`},me={key:1,class:`text-sm text-[var(--el-text-color-regular)] mb-3 leading-relaxed`},he=[`href`],ge={key:2,class:`text-sm`},_e={class:`text-[var(--el-text-color-disabled)] flex-none font-medium`},ve={class:`text-[var(--el-text-color-regular)]`};function ye(r,i,o,s,d,p){return u(),t(`div`,ce,[n(`div`,le,[r.data.image_url?(u(),t(`img`,{key:0,src:r.data.image_url,alt:r.data.title,class:`w-28 h-28 rounded-lg object-cover flex-none shadow-sm`},null,8,ue)):f(``,!0),n(`div`,de,[r.data.type?(u(),t(`div`,fe,l(r.data.type),1)):f(``,!0),n(`h3`,pe,l(r.data.title),1),r.data.description?(u(),t(`p`,me,[a(l(r.data.description)+` `,1),r.data.description_link?(u(),t(`a`,{key:0,href:r.data.description_link,target:`_blank`,rel:`noopener noreferrer`,class:`text-[var(--el-color-primary)] hover:underline ml-1`},l(r.data.description_source||`Source`),9,he)):f(``,!0)])):f(``,!0),r.data.attributes&&Object.keys(r.data.attributes).length?(u(),t(`div`,ge,[(u(!0),t(c,null,e(r.data.attributes,(e,r)=>(u(),t(`div`,{key:r,class:`flex gap-2 mb-1 py-0.5`},[n(`span`,_e,l(r)+`:`,1),n(`span`,ve,l(e),1)]))),128))])):f(``,!0)])])])}var be=x(se,[[`render`,ye]]),xe=r({name:`OrganicResult`,props:{data:{type:Object,required:!0}},data(){return{faviconFailed:!1}},computed:{hostname(){if(!this.data.link)return``;try{return new URL(this.data.link).hostname}catch{return``}},pathname(){if(!this.data.link)return``;try{let e=new URL(this.data.link).pathname;return e===`/`?``:e}catch{return``}},displayUrl(){return this.hostname},faviconUrl(){return this.faviconFailed||!this.hostname?``:`https://www.google.com/s2/favicons?domain=${this.hostname}&sz=32`}},methods:{onFaviconError(e){this.faviconFailed=!0,e.target.style.display=`none`}}}),Se={class:`organic-result rounded-lg p-4 transition-all duration-200 hover:bg-[var(--el-fill-color-lighter)]`},Ce={key:0,class:`flex items-center gap-2 mb-1.5`},we=[`src`,`alt`],Te={class:`text-xs text-[var(--el-text-color-secondary)] truncate`},Ee={class:`text-xs text-[var(--el-text-color-disabled)]`},De=[`href`],Oe={key:1,class:`text-xs text-[var(--el-text-color-disabled)] mt-1`},ke={key:2,class:`text-sm text-[var(--el-text-color-regular)] mt-1.5 leading-relaxed line-clamp-3`},Ae={key:3,class:`mt-3 flex flex-wrap gap-x-4 gap-y-1`},je=[`href`];function Me(r,i,a,o,s,d){return u(),t(`div`,Se,[r.displayUrl?(u(),t(`div`,Ce,[n(`img`,{src:r.faviconUrl,alt:r.hostname,class:`w-4 h-4 rounded-sm flex-none`,loading:`lazy`,onError:i[0]||=(...e)=>r.onFaviconError&&r.onFaviconError(...e)},null,40,we),n(`span`,Te,l(r.hostname),1),n(`span`,Ee,l(r.pathname),1)])):f(``,!0),n(`a`,{href:r.data.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-base font-semibold text-[var(--el-color-primary)] hover:underline leading-snug block`},l(r.data.title),9,De),r.data.date?(u(),t(`div`,Oe,l(r.data.date),1)):f(``,!0),r.data.snippet?(u(),t(`p`,ke,l(r.data.snippet),1)):f(``,!0),r.data.sitelinks?.length?(u(),t(`div`,Ae,[(u(!0),t(c,null,e(r.data.sitelinks,(e,n)=>(u(),t(`a`,{key:n,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary-light-3)] hover:text-[var(--el-color-primary)] hover:underline transition-colors`},l(e.title),9,je))),128))])):f(``,!0)])}var Ne=x(xe,[[`render`,Me]]),Pe=r({name:`ImageResults`,props:{data:{type:Array,required:!0}}}),Fe={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Ie={class:`text-base font-bold mb-3`},Le={class:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`},Re=[`href`],ze=[`src`,`alt`],Be={class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 opacity-0 group-hover:opacity-100 transition-opacity duration-200`},Ve={class:`text-xs text-white line-clamp-2`};function He(r,i,a,o,s,d){return u(),t(`div`,Fe,[n(`h3`,Ie,l(r.$t(`serp.name.imageResults`)),1),n(`div`,Le,[(u(!0),t(c,null,e(r.data,(e,r)=>(u(),t(`a`,{key:r,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`group relative rounded-lg overflow-hidden bg-[var(--el-fill-color-light)] aspect-square`},[e.image_url?(u(),t(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover transition-transform duration-300 group-hover:scale-105`,loading:`lazy`},null,8,ze)):f(``,!0),n(`div`,Be,[n(`span`,Ve,l(e.title),1)])],8,Re))),128))])])}var Ue=x(Pe,[[`render`,He]]),We=r({name:`VideoResults`,props:{data:{type:Array,required:!0}}}),Ge={class:`text-base font-bold mb-3`},Ke={class:`space-y-4`},qe=[`href`],Je={class:`relative flex-shrink-0 w-40 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},Ye=[`src`,`alt`],Xe={key:1,class:`absolute bottom-1 right-1 bg-black/80 text-white text-xs px-1 rounded`},Ze={class:`flex-1 min-w-0`},Qe={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},$e={class:`text-xs text-gray-400 mt-1`},et={key:0},tt={key:1},nt={key:2},rt={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`};function it(r,i,a,o,s,d){return u(),t(`div`,null,[n(`h3`,Ge,l(r.$t(`serp.name.videoResults`)),1),n(`div`,Ke,[(u(!0),t(c,null,e(r.data,(e,r)=>(u(),t(`a`,{key:r,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,Je,[e.image_url?(u(),t(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,Ye)):f(``,!0),e.duration?(u(),t(`div`,Xe,l(e.duration),1)):f(``,!0)]),n(`div`,Ze,[n(`div`,Qe,l(e.title),1),n(`div`,$e,[e.source?(u(),t(`span`,et,l(e.source),1)):f(``,!0),e.channel?(u(),t(`span`,tt,` · `+l(e.channel),1)):f(``,!0),e.date?(u(),t(`span`,nt,` · `+l(e.date),1)):f(``,!0)]),e.snippet?(u(),t(`p`,rt,l(e.snippet),1)):f(``,!0)])],8,qe))),128))])])}var at=x(We,[[`render`,it]]),ot=r({name:`NewsResults`,props:{data:{type:Array,required:!0}}}),st={class:`text-base font-bold mb-3`},ct={class:`space-y-4`},lt=[`href`],ut={class:`flex-1 min-w-0`},dt={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},ft={class:`text-xs text-gray-400 mt-1`},pt={key:0},mt={key:1},ht={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`},gt={key:0,class:`flex-shrink-0 w-24 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},_t=[`src`,`alt`];function vt(r,i,a,o,s,d){return u(),t(`div`,null,[n(`h3`,st,l(r.$t(`serp.name.newsResults`)),1),n(`div`,ct,[(u(!0),t(c,null,e(r.data,(e,r)=>(u(),t(`a`,{key:r,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,ut,[n(`div`,dt,l(e.title),1),n(`div`,ft,[e.source?(u(),t(`span`,pt,l(e.source),1)):f(``,!0),e.date?(u(),t(`span`,mt,` · `+l(e.date),1)):f(``,!0)]),e.snippet?(u(),t(`p`,ht,l(e.snippet),1)):f(``,!0)]),e.image_url?(u(),t(`div`,gt,[n(`img`,{src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,_t)])):f(``,!0)],8,lt))),128))])])}var yt=x(ot,[[`render`,vt]]),bt=r({name:`PeopleAlsoAsk`,components:{ElCollapse:y,ElCollapseItem:v},props:{data:{type:Array,required:!0}}}),xt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},St={class:`text-base font-bold mb-3`},Ct={key:0,class:`text-sm text-[var(--el-text-color-regular)] mb-2 leading-relaxed`},wt=[`href`];function Tt(r,i,a,d,h,g){let _=p(`el-collapse-item`),v=p(`el-collapse`);return u(),t(`div`,xt,[n(`h3`,St,l(r.$t(`serp.name.peopleAlsoAsk`)),1),s(v,null,{default:m(()=>[(u(!0),t(c,null,e(r.data,(e,n)=>(u(),o(_,{key:n,title:e.question||e.title||``},{default:m(()=>[e.snippet?(u(),t(`p`,Ct,l(e.snippet),1)):f(``,!0),e.link?(u(),t(`a`,{key:1,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary)] hover:underline`},l(e.title||e.link),9,wt)):f(``,!0)]),_:2},1032,[`title`]))),128))]),_:1})])}var Et=x(bt,[[`render`,Tt]]),Dt=r({name:`RelatedSearches`,components:{FontAwesomeIcon:E},props:{data:{type:Array,required:!0}},emits:[`search`],methods:{onSearch(e){e&&this.$emit(`search`,e)}}}),Ot={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},kt={class:`text-base font-bold mb-3`},At={class:`flex flex-wrap gap-2`},jt=[`onClick`];function Mt(r,i,o,d,f,m){let h=p(`font-awesome-icon`);return u(),t(`div`,Ot,[n(`h3`,kt,l(r.$t(`serp.name.relatedSearches`)),1),n(`div`,At,[(u(!0),t(c,null,e(r.data,(e,n)=>(u(),t(`button`,{key:n,class:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm bg-[var(--el-fill-color-light)] text-[var(--el-text-color-regular)] hover:bg-[var(--el-color-primary-light-9)] hover:text-[var(--el-color-primary)] transition-colors cursor-pointer border-none`,onClick:t=>r.onSearch(e.query)},[s(h,{icon:`fa-solid fa-magnifying-glass`,class:`text-xs opacity-50`}),a(` `+l(e.query),1)],8,jt))),128))])])}var Nt=r({name:`ResultPanel`,components:{FontAwesomeIcon:E,KnowledgeGraph:be,OrganicResult:Ne,ImageResults:Ue,VideoResults:at,NewsResults:yt,PeopleAlsoAsk:Et,RelatedSearches:x(Dt,[[`render`,Mt]])},emits:[`related-search`],computed:{results(){return this.$store.state.serp?.results},searching(){return this.$store.state.serp?.status?.search===T.Request},noResults(){return this.$store.state.serp?.status?.search===T.Success&&this.results&&!this.results.organic?.length&&!this.results.images?.length&&!this.results.videos?.length&&!this.results.news?.length&&!this.results.knowledge_graph?.title}},methods:{onRelatedSearch(e){this.$emit(`related-search`,e)}}}),$={class:`h-full overflow-y-auto p-6`},Pt={key:0,class:`max-w-3xl mx-auto py-8`},Ft={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},It={class:`text-base`},Lt={key:2,class:`max-w-3xl mx-auto`},Rt={key:1,class:`mb-6`},zt={key:3,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Bt={class:`text-base`};function Vt(r,a,d,m,h,g){let _=p(`font-awesome-icon`),v=p(`knowledge-graph`),y=p(`organic-result`),b=p(`image-results`),x=p(`video-results`),S=p(`news-results`),C=p(`people-also-ask`),w=p(`related-searches`);return u(),t(`div`,$,[r.searching?(u(),t(`div`,Pt,[(u(),t(c,null,e(4,e=>n(`div`,{key:e,class:`mb-6 animate-pulse`},[...a[0]||=[i(`<div class="flex items-center gap-2 mb-2"><div class="w-4 h-4 rounded-sm bg-[var(--el-fill-color-darker)]"></div><div class="h-3 w-32 rounded bg-[var(--el-fill-color-darker)]"></div></div><div class="h-4 w-3/4 rounded bg-[var(--el-fill-color-dark)] mb-2"></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1"></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)]"></div>`,4)]])),64))])):r.noResults?(u(),t(`div`,Ft,[s(_,{icon:`fa-solid fa-face-meh`,class:`text-5xl mb-4 opacity-40`}),n(`p`,It,l(r.$t(`serp.message.noResults`)),1)])):r.results?(u(),t(`div`,Lt,[r.results.knowledge_graph?.title?(u(),o(v,{key:0,data:r.results.knowledge_graph,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.organic?.length?(u(),t(`div`,Rt,[(u(!0),t(c,null,e(r.results.organic,(e,t)=>(u(),o(y,{key:t,data:e,class:`mb-1`},null,8,[`data`]))),128))])):f(``,!0),r.results.images?.length?(u(),o(b,{key:2,data:r.results.images,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.videos?.length?(u(),o(x,{key:3,data:r.results.videos,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.news?.length?(u(),o(S,{key:4,data:r.results.news,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.people_also_ask?.length?(u(),o(C,{key:5,data:r.results.people_also_ask,class:`mb-6`},null,8,[`data`])):f(``,!0),r.results.related_searches?.length?(u(),o(w,{key:6,data:r.results.related_searches,class:`mb-6`,onSearch:r.onRelatedSearch},null,8,[`data`,`onSearch`])):f(``,!0)])):(u(),t(`div`,zt,[s(_,{icon:`fa-solid fa-globe`,class:`text-5xl mb-4 opacity-30`}),n(`p`,Bt,l(r.$t(`serp.description.query`)),1)]))])}var Ht=r({name:`SerpIndex`,components:{Layout:j,SearchPanel:oe,ResultPanel:x(Nt,[[`render`,Vt]])},inject:[`initialized`],async mounted(){await this.onGetService()},methods:{async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`serp/getService`),console.debug(`end onGetService`)},async onSearch(){if(this.$store.state.serp?.config?.query){C.info(this.$t(`serp.message.searching`));try{await this.$store.dispatch(`serp/search`),C.success(this.$t(`serp.message.searchSuccess`))}catch(e){(e?.response?.data)?.error?.code===`used_up`?C.error(this.$t(`serp.message.usedUp`)):C.error(this.$t(`serp.message.searchFailed`))}}},async onRelatedSearch(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e}),await this.onSearch()}}});function Ut(e,t,n,r,i,a){let c=p(`search-panel`),l=p(`result-panel`),d=p(`layout`);return u(),o(d,null,{config:m(()=>[s(c,{onSearch:e.onSearch},null,8,[`onSearch`])]),result:m(()=>[s(l,{onRelatedSearch:e.onRelatedSearch},null,8,[`onRelatedSearch`])]),_:1})}var Wt=x(Ht,[[`render`,Ut]]);export{Wt as default};

package/dist/assets/{InfoIcon-B22x_zY4.js → InfoIcon-UcdRGVgx.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{F as e,O as t,P as n,Z as r,tt as i,ut as a}from"./vendor-chart-BJCvKk8-.js";import{t as o}from"./tooltip-BLwTovWL.js";import{E as s}from"./index-Dhx7YLnB.js";import{t as c}from"./index.es-DVh7wRx_.js";var l=e({name:`InfoIcon`,components:{FontAwesomeIcon:c,ElTooltip:o},props:{content:{type:String,required:!0}}});function u(e,o,s,c,l,u){let d=i(`font-awesome-icon`),f=i(`el-tooltip`);return r(),t(f,{effect:`dark`,content:e.content,placement:`top`},{default:a(()=>[n(d,{icon:`fa-solid fa-info`,class:`icon icon-rotate inline-block w-[20px] h-[20px] border-[3px] border-solid border-[var(--el-text-color-placeholder)] rounded-full text-[10px] p-[5px] scale-[0.4] cursor-pointer text-[var(--el-text-color-placeholder)] -mr-[5px]`})]),_:1},8,[`content`])}var d=s(l,[[`render`,u]]);export{d as t};
+import"./rolldown-runtime--c01j_DQ.js";import{F as e,O as t,P as n,Z as r,tt as i,ut as a}from"./vendor-chart-BJCvKk8-.js";import{t as o}from"./tooltip-BxeH2Vts.js";import{E as s}from"./index-C5kuKDCy.js";import{t as c}from"./index.es-DIZchbTr.js";var l=e({name:`InfoIcon`,components:{FontAwesomeIcon:c,ElTooltip:o},props:{content:{type:String,required:!0}}});function u(e,o,s,c,l,u){let d=i(`font-awesome-icon`),f=i(`el-tooltip`);return r(),t(f,{effect:`dark`,content:e.content,placement:`top`},{default:a(()=>[n(d,{icon:`fa-solid fa-info`,class:`icon icon-rotate inline-block w-[20px] h-[20px] border-[3px] border-solid border-[var(--el-text-color-placeholder)] rounded-full text-[10px] p-[5px] scale-[0.4] cursor-pointer text-[var(--el-text-color-placeholder)] -mr-[5px]`})]),_:1},8,[`content`])}var d=s(l,[[`render`,u]]);export{d as t};

package/dist/assets/{Invitees-Ds3XcNZh.js → Invitees-nAyueM1R.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{D as e,F as t,O as n,P as r,Wt as i,Z as a,dt as o,nt as s,tt as c,ut as l}from"./vendor-chart-BJCvKk8-.js";import{n as u,t as d}from"./table-lRQt4LGt.js";import{t as f}from"./card-DjyfNde2.js";import{n as p,t as m}from"./row-BTCyJ62x.js";import{t as h}from"./Pagination-Dc0tqOZ4.js";import{E as g,Nn as _}from"./index-Dhx7YLnB.js";import{t as v}from"./CopyToClipboard-I0JFDzyf.js";var y=t({name:`ConsoleDistributionInvitees`,components:{Pagination:h,CopyToClipboard:v,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){let{data:e}=await _.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:`-created_at`});this.invitees=e.items,this.total=e.count}}}),b={class:`title`},x={class:`key`},S={class:`copy`},C={class:`description`},w={class:`description`},T={class:`description`},E={class:`created-at`},D={class:`pagination m-v-lg`};function O(t,u,d,f,p,m){let h=c(`el-col`),g=c(`el-row`),_=c(`copy-to-clipboard`),v=c(`el-table-column`),y=c(`el-table`),O=c(`el-card`),k=c(`pagination`),A=s(`loading`);return a(),n(g,{class:`panel`},{default:l(()=>[r(h,{span:24},{default:l(()=>[r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[e(`h2`,b,i(t.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[r(O,{shadow:`hover`},{default:l(()=>[o((a(),n(y,{data:t.invitees,stripe:``},{default:l(()=>[r(v,{prop:`id`,label:t.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:l(t=>[e(`span`,x,i(t.row.id),1),e(`span`,S,[r(_,{content:t.row.id},null,8,[`content`])])]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.username`),width:`300px`},{default:l(t=>[e(`span`,C,i(t.row?.username),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.email`),width:`300px`},{default:l(t=>[e(`span`,w,i(t.row?.email),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.nickname`),width:`200px`},{default:l(t=>[e(`span`,T,i(t.row.nickname),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.dateJoined`)},{default:l(n=>[e(`span`,E,i(t.$dayjs.format(n.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,t.loading]])]),_:1})]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:10,offset:14},{default:l(()=>[e(`div`,D,[r(k,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var k=g(y,[[`render`,O],[`__scopeId`,`data-v-4556864d`]]);export{k as default};
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,F as t,O as n,P as r,Wt as i,Z as a,dt as o,nt as s,tt as c,ut as l}from"./vendor-chart-BJCvKk8-.js";import{n as u,t as d}from"./table-NgoMqlKj.js";import{t as f}from"./card-DjyfNde2.js";import{n as p,t as m}from"./row-_nYj0-hU.js";import{t as h}from"./Pagination-qTwXJkFD.js";import{E as g,Nn as _}from"./index-C5kuKDCy.js";import{t as v}from"./CopyToClipboard-ei_pj1w5.js";var y=t({name:`ConsoleDistributionInvitees`,components:{Pagination:h,CopyToClipboard:v,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){let{data:e}=await _.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:`-created_at`});this.invitees=e.items,this.total=e.count}}}),b={class:`title`},x={class:`key`},S={class:`copy`},C={class:`description`},w={class:`description`},T={class:`description`},E={class:`created-at`},D={class:`pagination m-v-lg`};function O(t,u,d,f,p,m){let h=c(`el-col`),g=c(`el-row`),_=c(`copy-to-clipboard`),v=c(`el-table-column`),y=c(`el-table`),O=c(`el-card`),k=c(`pagination`),A=s(`loading`);return a(),n(g,{class:`panel`},{default:l(()=>[r(h,{span:24},{default:l(()=>[r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[e(`h2`,b,i(t.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[r(O,{shadow:`hover`},{default:l(()=>[o((a(),n(y,{data:t.invitees,stripe:``},{default:l(()=>[r(v,{prop:`id`,label:t.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:l(t=>[e(`span`,x,i(t.row.id),1),e(`span`,S,[r(_,{content:t.row.id},null,8,[`content`])])]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.username`),width:`300px`},{default:l(t=>[e(`span`,C,i(t.row?.username),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.email`),width:`300px`},{default:l(t=>[e(`span`,w,i(t.row?.email),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.nickname`),width:`200px`},{default:l(t=>[e(`span`,T,i(t.row.nickname),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.dateJoined`)},{default:l(n=>[e(`span`,E,i(t.$dayjs.format(n.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,t.loading]])]),_:1})]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:10,offset:14},{default:l(()=>[e(`div`,D,[r(k,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var k=g(y,[[`render`,O],[`__scopeId`,`data-v-4556864d`]]);export{k as default};

package/dist/assets/{List-Z6X0iChl.js → List-BQ5ZFzaW.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,a as u,c as d,dt as f,i as ee,k as p,n as m,nt as h,o as g,r as _,s as v,t as y,tt as b,ut as x,v as S}from"./vendor-chart-BJCvKk8-.js";import{t as C}from"./button-DfsQodL-.js";import{r as w,t as T}from"./select-D5WneZd4.js";import{n as E,t as D}from"./table-lRQt4LGt.js";import{n as O,t as k}from"./tabs-Dfh0KYpu.js";import{t as A}from"./date-picker-C8MJ1kpb.js";import{t as j}from"./card-DjyfNde2.js";import{n as M,r as N}from"./radio-BmBXySlN.js";import{n as P,t as F}from"./row-BTCyJ62x.js";import{t as I}from"./Pagination-Dc0tqOZ4.js";import{n as L,t as R}from"./skeleton-C4sltx62.js";import{An as z,E as B,Lr as V,On as H,Pn as U,Sr as W,hr as G,kn as K,mr as q,zr as J}from"./index-Dhx7YLnB.js";import{t as Y}from"./index.es-DVh7wRx_.js";import{t as X}from"./CopyToClipboard-I0JFDzyf.js";ee.register(_,u,m,v,d,g);var Z=r({name:`ConsoleUsageList`,components:{Pagination:I,ElTag:J,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:V,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:q,serviceType:G,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()||G.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===G.API?this.onFetchApiUsages():this.type===G.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(e*1e3)} ms`:`${e.toFixed(2)} s`},getSimpleMetadata(e){if(!e)return{};let t={};for(let[n,r]of Object.entries(e))n===`request`||n===`response`||typeof r==`object`&&r||(t[n]=r);return t},onShowDetail(e){this.detailRow={...e,metadata:void 0},this.detailActiveTab=`request`,this.detailDialogVisible=!0,this.detailLoading=!0,e.id&&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(){U.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:W.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,z.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(${e*57%360}, 70%, 60%)`,a=r.map((e,r)=>{let a=t.apis?.[e]?.title||e,o={};return(t.items||[]).filter(t=>t.api_id===e).forEach(e=>{o[e.date]=e.amount||0}),{key:e,label:a,data:n.map(e=>o[e]||0),color:i(r)}});this.barChartLabels=n,this.barChartSeries=a}finally{this.aggLoading=!1}}}}),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(r,u,d,ee,m,g){let _=b(`el-col`),v=b(`el-row`),y=b(`el-radio-button`),C=b(`el-radio-group`),w=b(`el-option`),T=b(`el-select`),E=b(`el-skeleton-item`),D=b(`el-skeleton`),O=b(`el-date-picker`),k=b(`font-awesome-icon`),A=b(`el-button`),j=b(`el-card`),M=b(`bar-chart`),N=b(`el-table-column`),P=b(`el-tag`),F=b(`copy-to-clipboard`),I=b(`el-table`),L=b(`el-tab-pane`),R=b(`el-tabs`),z=b(`el-dialog`),B=b(`pagination`),V=h(`loading`);return l(),a(v,null,{default:x(()=>[o(_,{span:24},{default:x(()=>[o(v,null,{default:x(()=>[o(_,{span:24},{default:x(()=>[n(`h2`,Q,c(r.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),o(v,null,{default:x(()=>[o(_,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[n(`span`,null,c(r.$t(`application.field.type`)),1),o(C,{modelValue:r.type,"onUpdate:modelValue":u[0]||=e=>r.type=e},{default:x(()=>[o(y,{value:r.serviceType.API,label:r.$t(`application.field.api`)},null,8,[`value`,`label`]),o(y,{value:r.serviceType.Proxy,label:r.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1}),f(o(_,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[n(`span`,$,c(r.$t(`usage.field.application`)),1),o(T,{modelValue:r.applicationIds,"onUpdate:modelValue":u[1]||=e=>r.applicationIds=e,placeholder:r.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:r.onApplicationsChange},{default:x(()=>[(l(!0),t(s,null,e(r.applications,e=>(l(),a(w,{key:e.id,label:e.service?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[S,!1]]),r.type===r.serviceType.API?(l(),a(_,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[n(`span`,te,c(r.$t(`usage.field.api`)),1),r.apisLoading?(l(),a(D,{key:0,animated:``,class:`w-full`},{template:x(()=>[o(E,{variant:`rect`,style:{height:`32px`,"border-radius":`4px`}})]),_:1})):(l(),a(T,{key:1,modelValue:r.apiIds,"onUpdate:modelValue":u[2]||=e=>r.apiIds=e,placeholder:r.$t(`usage.field.api`),clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:r.onApisChange},{default:x(()=>[(l(!0),t(s,null,e(r.apis,e=>(l(),a(w,{key:e?.id,label:e?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]))]),_:1})):p(``,!0),r.type===r.serviceType.API?(l(),a(_,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[o(O,{modelValue:r.createdAtRange,"onUpdate:modelValue":u[3]||=e=>r.createdAtRange=e,type:`datetimerange`,class:`w-full`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):p(``,!0),r.type===r.serviceType.API?(l(),a(_,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[o(T,{modelValue:r.statusCodeFilter,"onUpdate:modelValue":u[4]||=e=>r.statusCodeFilter=e,placeholder:r.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:r.statusCodeOptionsLoading,onChange:r.onStatusCodeChange},{default:x(()=>[(l(!0),t(s,null,e(r.statusCodeOptions,e=>(l(),a(w,{key:e,label:String(e),value:String(e)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):p(``,!0),r.type===r.serviceType.API?(l(),a(_,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:x(()=>[o(A,{type:`primary`,plain:``,loading:r.exporting,class:`w-full whitespace-nowrap`,onClick:r.onExport},{default:x(()=>[o(k,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+c(r.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):p(``,!0)]),_:1}),o(v,null,{default:x(()=>[o(_,{span:24},{default:x(()=>[r.type===r.serviceType.API?(l(),a(v,{key:0,gutter:24,class:`mb-5`},{default:x(()=>[o(_,{md:6,xs:24},{default:x(()=>[o(j,{shadow:`hover`,class:`h-full`},{default:x(()=>[r.aggLoading?(l(),a(D,{key:0})):(l(),t(`div`,ne,[n(`div`,re,[o(k,{icon:`fa-solid fa-cubes`,class:`icon`})]),n(`div`,ie,[n(`p`,ae,c(r.$t(`usage.title.totalUsed`)),1),n(`p`,oe,c(r.totalUsedString),1)])]))]),_:1})]),_:1}),o(_,{md:18,xs:24},{default:x(()=>[o(j,{shadow:`hover`,class:`h-full`},{default:x(()=>[n(`div`,se,[r.aggLoading?(l(),a(D,{key:0,class:`w-full`})):(l(),a(M,{key:1,data:r.barChartData,options:r.barChartOptions,class:`chart`},null,8,[`data`,`options`]))])]),_:1})]),_:1})]),_:1})):p(``,!0),o(j,{shadow:`hover`},{default:x(()=>[r.type===r.serviceType.API?f((l(),a(I,{key:0,data:r.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:x(()=>[o(N,{label:r.$t(`application.field.name`),width:`160px`},{default:x(e=>[n(`span`,null,c(e.row?.api?.title),1)]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.statusCode`),width:`120px`},{default:x(e=>[n(`span`,null,c(e.row.status_code),1)]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.elapsed`),width:`120px`},{default:x(e=>[n(`span`,null,c(r.formatElapsed(e.row.elapsed)),1)]),_:1},8,[`label`]),o(N,{prop:`deducted_amount`,label:r.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:x(e=>[r.getDeductedAmount(e.row)===r.getOriginalAmount(e.row)?(l(),t(`div`,ce,[n(`span`,null,c(r.getDeductedAmount(e.row)),1)])):(l(),t(`div`,le,[u[7]||=n(`p`,null,null,-1),n(`p`,null,[n(`span`,null,c(r.getDeductedAmount(e.row)),1)]),n(`p`,null,[n(`del`,null,c(r.getOriginalAmount(e.row)),1)])]))]),_:1},8,[`label`]),o(N,{prop:`remaining_amount`,label:r.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:x(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(N,{prop:`metadata`,label:r.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:x(o=>[n(`div`,ue,[o.row.original_amount>o.row.deducted_amount&&o.row.original_amount>0?(l(),a(P,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:x(()=>[i(c(((o.row.original_amount-o.row.deducted_amount)*100/o.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):p(``,!0),(l(!0),t(s,null,e(r.getSimpleMetadata(o.row.metadata),(e,t)=>(l(),a(P,{key:t,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:x(()=>[i(c(t)+`: `+c(e),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:x(e=>[e.row.id?(l(),a(A,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:t=>r.onShowDetail(e.row)},{default:x(()=>[i(c(r.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):p(``,!0)]),_:1},8,[`label`]),o(N,{prop:`trace_id`,label:r.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:x(e=>[n(`span`,de,c(e.row.trace_id),1),e.row.trace_id?(l(),t(`span`,fe,[o(F,{content:e.row.trace_id,class:`inline-block`},null,8,[`content`])])):p(``,!0)]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.createdAt`),width:`200px`},{default:x(e=>[n(`span`,pe,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,r.loading]]):p(``,!0),r.type===r.serviceType.Proxy?f((l(),a(I,{key:1,data:r.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:x(()=>[o(N,{label:r.$t(`application.field.name`),width:`160px`},{default:x(e=>[n(`span`,null,c(e.row?.service?.title),1)]),_:1},8,[`label`]),o(N,{prop:`remaining_amount`,label:r.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:x(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1),n(`span`,null,c(r.getOriginalAmount(e.row)),1)]),_:1},8,[`label`]),o(N,{prop:`deducted_amount`,label:r.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:x(e=>[n(`span`,null,c(r.getDeductedAmount(e.row)),1)]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:x(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(N,{prop:`metadata`,label:r.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:x(n=>[(l(!0),t(s,null,e(n.row.metadata,(e,t)=>(l(),a(P,{key:t,class:`mb-2`},{default:x(()=>[i(c(t)+`: `+c(e),1)]),_:2},1024))),128))]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.createdAt`),width:`200px`},{default:x(e=>[n(`span`,me,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,r.loading]]):p(``,!0)]),_:1})]),_:1})]),_:1}),o(z,{modelValue:r.detailDialogVisible,"onUpdate:modelValue":u[6]||=e=>r.detailDialogVisible=e,title:r.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:x(()=>[o(R,{modelValue:r.detailActiveTab,"onUpdate:modelValue":u[5]||=e=>r.detailActiveTab=e},{default:x(()=>[o(L,{label:r.$t(`usage.dialog.request`),name:`request`},{default:x(()=>[r.detailLoading?(l(),a(D,{key:0,rows:6,animated:``})):r.detailRow?.metadata?.request?(l(),t(`pre`,he,c(r.formatJson(r.detailRow.metadata.request)),1)):(l(),t(`p`,ge,c(r.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),o(L,{label:r.$t(`usage.dialog.response`),name:`response`},{default:x(()=>[r.detailLoading?(l(),a(D,{key:0,rows:6,animated:``})):r.detailRow?.metadata?.response?(l(),t(`pre`,_e,c(r.formatJson(r.detailRow.metadata.response)),1)):(l(),t(`p`,ve,c(r.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),o(v,null,{default:x(()=>[o(_,{span:10,offset:14},{default:x(()=>[n(`div`,ye,[o(B,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var xe=B(Z,[[`render`,be],[`__scopeId`,`data-v-38f1845c`]]);export{xe as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,a as u,c as d,dt as f,i as ee,k as p,n as m,nt as h,o as g,r as _,s as v,t as y,tt as b,ut as x,v as S}from"./vendor-chart-BJCvKk8-.js";import{t as C}from"./button-BydTr5nV.js";import{r as w,t as T}from"./select-B4YDnp3H.js";import{n as E,t as D}from"./table-NgoMqlKj.js";import{n as O,t as k}from"./tabs-BC-iUGvp.js";import{t as A}from"./date-picker-BkYXe0_N.js";import{t as j}from"./card-DjyfNde2.js";import{n as M,r as N}from"./radio-3Hz7h3DR.js";import{n as P,t as F}from"./row-_nYj0-hU.js";import{t as I}from"./Pagination-qTwXJkFD.js";import{n as L,t as R}from"./skeleton-BwNBivMN.js";import{An as z,E as B,Lr as V,On as H,Pn as U,Sr as W,hr as G,kn as K,mr as q,zr as J}from"./index-C5kuKDCy.js";import{t as Y}from"./index.es-DIZchbTr.js";import{t as X}from"./CopyToClipboard-ei_pj1w5.js";ee.register(_,u,m,v,d,g);var Z=r({name:`ConsoleUsageList`,components:{Pagination:I,ElTag:J,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:V,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:q,serviceType:G,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()||G.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===G.API?this.onFetchApiUsages():this.type===G.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(e*1e3)} ms`:`${e.toFixed(2)} s`},getSimpleMetadata(e){if(!e)return{};let t={};for(let[n,r]of Object.entries(e))n===`request`||n===`response`||typeof r==`object`&&r||(t[n]=r);return t},onShowDetail(e){this.detailRow={...e,metadata:void 0},this.detailActiveTab=`request`,this.detailDialogVisible=!0,this.detailLoading=!0,e.id&&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(){U.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:W.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,z.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(${e*57%360}, 70%, 60%)`,a=r.map((e,r)=>{let a=t.apis?.[e]?.title||e,o={};return(t.items||[]).filter(t=>t.api_id===e).forEach(e=>{o[e.date]=e.amount||0}),{key:e,label:a,data:n.map(e=>o[e]||0),color:i(r)}});this.barChartLabels=n,this.barChartSeries=a}finally{this.aggLoading=!1}}}}),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(r,u,d,ee,m,g){let _=b(`el-col`),v=b(`el-row`),y=b(`el-radio-button`),C=b(`el-radio-group`),w=b(`el-option`),T=b(`el-select`),E=b(`el-skeleton-item`),D=b(`el-skeleton`),O=b(`el-date-picker`),k=b(`font-awesome-icon`),A=b(`el-button`),j=b(`el-card`),M=b(`bar-chart`),N=b(`el-table-column`),P=b(`el-tag`),F=b(`copy-to-clipboard`),I=b(`el-table`),L=b(`el-tab-pane`),R=b(`el-tabs`),z=b(`el-dialog`),B=b(`pagination`),V=h(`loading`);return l(),a(v,null,{default:x(()=>[o(_,{span:24},{default:x(()=>[o(v,null,{default:x(()=>[o(_,{span:24},{default:x(()=>[n(`h2`,Q,c(r.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),o(v,null,{default:x(()=>[o(_,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[n(`span`,null,c(r.$t(`application.field.type`)),1),o(C,{modelValue:r.type,"onUpdate:modelValue":u[0]||=e=>r.type=e},{default:x(()=>[o(y,{value:r.serviceType.API,label:r.$t(`application.field.api`)},null,8,[`value`,`label`]),o(y,{value:r.serviceType.Proxy,label:r.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1}),f(o(_,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[n(`span`,$,c(r.$t(`usage.field.application`)),1),o(T,{modelValue:r.applicationIds,"onUpdate:modelValue":u[1]||=e=>r.applicationIds=e,placeholder:r.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:r.onApplicationsChange},{default:x(()=>[(l(!0),t(s,null,e(r.applications,e=>(l(),a(w,{key:e.id,label:e.service?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[S,!1]]),r.type===r.serviceType.API?(l(),a(_,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[n(`span`,te,c(r.$t(`usage.field.api`)),1),r.apisLoading?(l(),a(D,{key:0,animated:``,class:`w-full`},{template:x(()=>[o(E,{variant:`rect`,style:{height:`32px`,"border-radius":`4px`}})]),_:1})):(l(),a(T,{key:1,modelValue:r.apiIds,"onUpdate:modelValue":u[2]||=e=>r.apiIds=e,placeholder:r.$t(`usage.field.api`),clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:r.onApisChange},{default:x(()=>[(l(!0),t(s,null,e(r.apis,e=>(l(),a(w,{key:e?.id,label:e?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]))]),_:1})):p(``,!0),r.type===r.serviceType.API?(l(),a(_,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[o(O,{modelValue:r.createdAtRange,"onUpdate:modelValue":u[3]||=e=>r.createdAtRange=e,type:`datetimerange`,class:`w-full`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):p(``,!0),r.type===r.serviceType.API?(l(),a(_,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:x(()=>[o(T,{modelValue:r.statusCodeFilter,"onUpdate:modelValue":u[4]||=e=>r.statusCodeFilter=e,placeholder:r.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:r.statusCodeOptionsLoading,onChange:r.onStatusCodeChange},{default:x(()=>[(l(!0),t(s,null,e(r.statusCodeOptions,e=>(l(),a(w,{key:e,label:String(e),value:String(e)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):p(``,!0),r.type===r.serviceType.API?(l(),a(_,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:x(()=>[o(A,{type:`primary`,plain:``,loading:r.exporting,class:`w-full whitespace-nowrap`,onClick:r.onExport},{default:x(()=>[o(k,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+c(r.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):p(``,!0)]),_:1}),o(v,null,{default:x(()=>[o(_,{span:24},{default:x(()=>[r.type===r.serviceType.API?(l(),a(v,{key:0,gutter:24,class:`mb-5`},{default:x(()=>[o(_,{md:6,xs:24},{default:x(()=>[o(j,{shadow:`hover`,class:`h-full`},{default:x(()=>[r.aggLoading?(l(),a(D,{key:0})):(l(),t(`div`,ne,[n(`div`,re,[o(k,{icon:`fa-solid fa-cubes`,class:`icon`})]),n(`div`,ie,[n(`p`,ae,c(r.$t(`usage.title.totalUsed`)),1),n(`p`,oe,c(r.totalUsedString),1)])]))]),_:1})]),_:1}),o(_,{md:18,xs:24},{default:x(()=>[o(j,{shadow:`hover`,class:`h-full`},{default:x(()=>[n(`div`,se,[r.aggLoading?(l(),a(D,{key:0,class:`w-full`})):(l(),a(M,{key:1,data:r.barChartData,options:r.barChartOptions,class:`chart`},null,8,[`data`,`options`]))])]),_:1})]),_:1})]),_:1})):p(``,!0),o(j,{shadow:`hover`},{default:x(()=>[r.type===r.serviceType.API?f((l(),a(I,{key:0,data:r.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:x(()=>[o(N,{label:r.$t(`application.field.name`),width:`160px`},{default:x(e=>[n(`span`,null,c(e.row?.api?.title),1)]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.statusCode`),width:`120px`},{default:x(e=>[n(`span`,null,c(e.row.status_code),1)]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.elapsed`),width:`120px`},{default:x(e=>[n(`span`,null,c(r.formatElapsed(e.row.elapsed)),1)]),_:1},8,[`label`]),o(N,{prop:`deducted_amount`,label:r.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:x(e=>[r.getDeductedAmount(e.row)===r.getOriginalAmount(e.row)?(l(),t(`div`,ce,[n(`span`,null,c(r.getDeductedAmount(e.row)),1)])):(l(),t(`div`,le,[u[7]||=n(`p`,null,null,-1),n(`p`,null,[n(`span`,null,c(r.getDeductedAmount(e.row)),1)]),n(`p`,null,[n(`del`,null,c(r.getOriginalAmount(e.row)),1)])]))]),_:1},8,[`label`]),o(N,{prop:`remaining_amount`,label:r.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:x(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(N,{prop:`metadata`,label:r.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:x(o=>[n(`div`,ue,[o.row.original_amount>o.row.deducted_amount&&o.row.original_amount>0?(l(),a(P,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:x(()=>[i(c(((o.row.original_amount-o.row.deducted_amount)*100/o.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):p(``,!0),(l(!0),t(s,null,e(r.getSimpleMetadata(o.row.metadata),(e,t)=>(l(),a(P,{key:t,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:x(()=>[i(c(t)+`: `+c(e),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:x(e=>[e.row.id?(l(),a(A,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:t=>r.onShowDetail(e.row)},{default:x(()=>[i(c(r.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):p(``,!0)]),_:1},8,[`label`]),o(N,{prop:`trace_id`,label:r.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:x(e=>[n(`span`,de,c(e.row.trace_id),1),e.row.trace_id?(l(),t(`span`,fe,[o(F,{content:e.row.trace_id,class:`inline-block`},null,8,[`content`])])):p(``,!0)]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.createdAt`),width:`200px`},{default:x(e=>[n(`span`,pe,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,r.loading]]):p(``,!0),r.type===r.serviceType.Proxy?f((l(),a(I,{key:1,data:r.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:x(()=>[o(N,{label:r.$t(`application.field.name`),width:`160px`},{default:x(e=>[n(`span`,null,c(e.row?.service?.title),1)]),_:1},8,[`label`]),o(N,{prop:`remaining_amount`,label:r.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:x(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1),n(`span`,null,c(r.getOriginalAmount(e.row)),1)]),_:1},8,[`label`]),o(N,{prop:`deducted_amount`,label:r.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:x(e=>[n(`span`,null,c(r.getDeductedAmount(e.row)),1)]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:x(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(N,{prop:`metadata`,label:r.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:x(n=>[(l(!0),t(s,null,e(n.row.metadata,(e,t)=>(l(),a(P,{key:t,class:`mb-2`},{default:x(()=>[i(c(t)+`: `+c(e),1)]),_:2},1024))),128))]),_:1},8,[`label`]),o(N,{label:r.$t(`usage.field.createdAt`),width:`200px`},{default:x(e=>[n(`span`,me,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,r.loading]]):p(``,!0)]),_:1})]),_:1})]),_:1}),o(z,{modelValue:r.detailDialogVisible,"onUpdate:modelValue":u[6]||=e=>r.detailDialogVisible=e,title:r.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:x(()=>[o(R,{modelValue:r.detailActiveTab,"onUpdate:modelValue":u[5]||=e=>r.detailActiveTab=e},{default:x(()=>[o(L,{label:r.$t(`usage.dialog.request`),name:`request`},{default:x(()=>[r.detailLoading?(l(),a(D,{key:0,rows:6,animated:``})):r.detailRow?.metadata?.request?(l(),t(`pre`,he,c(r.formatJson(r.detailRow.metadata.request)),1)):(l(),t(`p`,ge,c(r.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),o(L,{label:r.$t(`usage.dialog.response`),name:`response`},{default:x(()=>[r.detailLoading?(l(),a(D,{key:0,rows:6,animated:``})):r.detailRow?.metadata?.response?(l(),t(`pre`,_e,c(r.formatJson(r.detailRow.metadata.response)),1)):(l(),t(`p`,ve,c(r.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),o(v,null,{default:x(()=>[o(_,{span:10,offset:14},{default:x(()=>[n(`div`,ye,[o(B,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var xe=B(Z,[[`render`,be],[`__scopeId`,`data-v-38f1845c`]]);export{xe as default};

package/dist/assets/{List-Co30QhM1.js → List-D_VEmv8x.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,k as d,nt as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-DfsQodL-.js";import{n as g,t as ee}from"./table-lRQt4LGt.js";import{t as _}from"./card-DjyfNde2.js";import{n as v,t as y}from"./row-BTCyJ62x.js";import{t as b}from"./empty-DA4nlQUv.js";import{t as x}from"./Pagination-Dc0tqOZ4.js";import{t as S}from"./skeleton-C4sltx62.js";import{t as C}from"./switch-krxgbyw4.js";import{Ar as w,E as T,F as E,Pn as D,Pr as O,Sr as k,V as A,hr as j,mr as M,xr as N,zr as P}from"./index-Dhx7YLnB.js";import{t as F}from"./index.es-DVh7wRx_.js";import{t as I}from"./CopyToClipboard-I0JFDzyf.js";var L=r({name:`ConsoleApplicationList`,components:{Pagination:x,CopyToClipboard:I,ElTable:ee,ElRow:y,ElButton:h,ElCol:v,ElTag:P,ElSkeleton:S,ElSwitch:C,ElEmpty:b,ElTableColumn:g,ElCard:_,FontAwesomeIcon:F},data(){return{credentialType:M,serviceType:j,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showGlobalPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{rowCanPay(e){return w()?(e?.packages||[]).some(e=>e?.metadata?.apple_product_id):!0},updateAllowConsumeGlobal(e,t){!e||!e.id||D.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{O.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{O.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:A,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:E,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=N.INDIVIDUAL){return new Promise((t,n)=>{D.getAll({limit:this.limit,...e===N.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===N.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{O.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(N.INDIVIDUAL),this.onFetchApplications(N.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){D.create({type:k.USAGE,scope:N.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(N.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),R={class:`title`},z={key:1,class:`summary-card`},B={class:`icon-wrapper`},V={class:`label`},H={class:`value`},U={class:`description`},W={key:1,class:`flex flex-row justify-between items-center gap-3`},G={class:`summary-card min-w-0 flex-1`},K={class:`flex justify-start items-center gap-2 mb-2 w-full`},q={class:`icon-wrapper !mb-0`},J={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},te={class:`label`},Y={class:`value`},X={class:`description`},Z={class:`flex flex-col items-end gap-2 shrink-0`},Q={class:`copy`},ne={key:0,class:`expired-at`},re={class:`flex flex-wrap items-center justify-end gap-1`},ie={class:`application-cards block sm:hidden`},ae={class:`flex items-center gap-2 flex-wrap`},oe={class:`application-card__name`},se={class:`application-card__id`},ce={class:`truncate`},le={class:`application-card__row`},ue={class:`label`},de={class:`value`},fe={key:0,class:`application-card__row`},pe={class:`label`},$={class:`value`},me={key:1,class:`application-card__row`},he={class:`label`},ge={class:`flex items-center justify-end gap-2 mt-3`},_e={class:`pagination`};function ve(r,h,g,ee,_,v){let y=p(`el-col`),b=p(`el-row`),x=p(`el-skeleton`),S=p(`font-awesome-icon`),C=p(`el-card`),w=p(`copy-to-clipboard`),T=p(`el-button`),E=p(`el-table-column`),D=p(`el-tag`),O=p(`el-switch`),k=p(`el-table`),A=p(`el-empty`),j=p(`pagination`),M=f(`loading`);return l(),a(b,{class:`application-list`},{default:m(()=>[o(y,{span:24},{default:m(()=>[o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`h2`,R,c(r.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),o(b,{gutter:15,class:`mb-3`},{default:m(()=>[o(y,{md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,z,[n(`div`,B,[o(S,{icon:`fa-solid fa-cubes-stacked`})]),n(`p`,V,c(r.$t(`application.title.count`)),1),n(`p`,H,c(r.individualApplicationsTotal),1),n(`p`,U,c(r.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),r.showGlobalPayment&&r.globalApplications?.length>0?(l(),a(y,{key:0,md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,W,[n(`div`,G,[n(`div`,K,[n(`div`,q,[o(S,{icon:`fa-solid fa-wallet`})]),n(`span`,J,[i(c(r.$t(`application.field.id`))+`: `+c(r.globalApplications?.[0]?.id)+` `,1),r.globalApplications?.[0]?.id?(l(),a(w,{key:0,content:r.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):d(``,!0)])]),n(`p`,te,c(r.$t(`application.title.globalBalance`)),1),n(`p`,Y,c(r.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+c(r.$t(`service.unit.credits`)),1),n(`p`,X,c(r.$t(`application.message.globalBalanceDescription`)),1)]),n(`div`,Z,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:h[0]||=e=>r.onGoUsage(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1}),r.showGlobalPayment?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:h[1]||=e=>r.onBuyMore(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1})):d(``,!0)])]))]),_:1})]),_:1})):d(``,!0)]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[o(C,{shadow:`hover`,class:`applications-table-card hidden sm:block`},{default:m(()=>[u((l(),a(k,{data:r.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`)},{default:m(()=>[o(E,{prop:`id`,label:r.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(e.row.id),1),n(`span`,Q,[o(w,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e.row?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.name`),width:`180px`},{default:m(e=>[n(`span`,null,c(e.row?.service?.title),1),e.row?.role===`grantee`?(l(),a(D,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{prop:`remaining_amount`,label:r.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`used_amount`,label:r.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[n(`span`,null,c(r.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`allow_consume_global`,label:r.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.service?.type===r.serviceType.API?(l(),a(O,{key:0,modelValue:e.row.allow_consume_global,"onUpdate:modelValue":t=>e.row.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e.row,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.expired_at?(l(),t(`span`,ne,c(r.$dayjs.format(e.row.expired_at)),1)):d(``,!0)]),_:1},8,[`label`]),o(E,{fixed:`right`,width:`200px`},{default:m(e=>[n(`div`,re,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:t=>r.onGoUsage(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e?.row)?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1}),n(`div`,ie,[r.loading?(l(),a(x,{key:0,rows:4,animated:``})):(l(),t(s,{key:1},[r.individualApplications?.length?(l(!0),t(s,{key:1},e(r.individualApplications,e=>(l(),a(C,{key:e.id,shadow:`hover`,class:`application-card mb-2`,"body-style":{padding:`14px 16px`}},{default:m(()=>[n(`div`,ae,[n(`span`,oe,c(e?.service?.title),1),e?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0),e?.role===`grantee`?(l(),a(D,{key:2,type:`info`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),n(`div`,se,[n(`span`,ce,c(r.$t(`application.field.id`))+`: `+c(e.id),1),o(w,{content:e.id,class:`inline-block shrink-0`},null,8,[`content`])]),n(`div`,le,[n(`span`,ue,c(r.$t(`application.field.remainingAmount`)),1),n(`span`,de,c(r.getRemainingAmount(e)),1)]),e?.expired_at?(l(),t(`div`,fe,[n(`span`,pe,c(r.$t(`application.field.expiredAt`)),1),n(`span`,$,c(r.$dayjs.format(e.expired_at)),1)])):d(``,!0),e.service?.type===r.serviceType.API?(l(),t(`div`,me,[n(`span`,he,c(r.$t(`application.field.allowConsumeGlobal`)),1),o(O,{modelValue:e.allow_consume_global,"onUpdate:modelValue":t=>e.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])])):d(``,!0),n(`div`,ge,[o(T,{class:`!m-0 !px-3`,size:`small`,round:``,onClick:t=>r.onGoUsage(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e)?(l(),a(T,{key:0,class:`!m-0 !px-3`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:2},1024))),128)):(l(),a(A,{key:0,description:r.$t(`common.message.noData`)},null,8,[`description`]))],64))])]),_:1})]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`div`,_e,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.individualApplicationsTotal,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ye=T(L,[[`render`,ve],[`__scopeId`,`data-v-b4164ed9`]]);export{ye as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,k as d,nt as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-BydTr5nV.js";import{n as g,t as ee}from"./table-NgoMqlKj.js";import{t as _}from"./card-DjyfNde2.js";import{n as v,t as y}from"./row-_nYj0-hU.js";import{t as b}from"./empty-CdsD8g84.js";import{t as x}from"./Pagination-qTwXJkFD.js";import{t as S}from"./skeleton-BwNBivMN.js";import{t as C}from"./switch-BTCP0E-n.js";import{Ar as w,E as T,F as E,Pn as D,Pr as O,Sr as k,V as A,hr as j,mr as M,xr as N,zr as P}from"./index-C5kuKDCy.js";import{t as F}from"./index.es-DIZchbTr.js";import{t as I}from"./CopyToClipboard-ei_pj1w5.js";var L=r({name:`ConsoleApplicationList`,components:{Pagination:x,CopyToClipboard:I,ElTable:ee,ElRow:y,ElButton:h,ElCol:v,ElTag:P,ElSkeleton:S,ElSwitch:C,ElEmpty:b,ElTableColumn:g,ElCard:_,FontAwesomeIcon:F},data(){return{credentialType:M,serviceType:j,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showGlobalPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{rowCanPay(e){return w()?(e?.packages||[]).some(e=>e?.metadata?.apple_product_id):!0},updateAllowConsumeGlobal(e,t){!e||!e.id||D.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{O.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{O.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:A,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:E,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=N.INDIVIDUAL){return new Promise((t,n)=>{D.getAll({limit:this.limit,...e===N.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===N.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{O.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(N.INDIVIDUAL),this.onFetchApplications(N.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){D.create({type:k.USAGE,scope:N.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(N.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),R={class:`title`},z={key:1,class:`summary-card`},B={class:`icon-wrapper`},V={class:`label`},H={class:`value`},U={class:`description`},W={key:1,class:`flex flex-row justify-between items-center gap-3`},G={class:`summary-card min-w-0 flex-1`},K={class:`flex justify-start items-center gap-2 mb-2 w-full`},q={class:`icon-wrapper !mb-0`},J={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},te={class:`label`},Y={class:`value`},X={class:`description`},Z={class:`flex flex-col items-end gap-2 shrink-0`},Q={class:`copy`},ne={key:0,class:`expired-at`},re={class:`flex flex-wrap items-center justify-end gap-1`},ie={class:`application-cards block sm:hidden`},ae={class:`flex items-center gap-2 flex-wrap`},oe={class:`application-card__name`},se={class:`application-card__id`},ce={class:`truncate`},le={class:`application-card__row`},ue={class:`label`},de={class:`value`},fe={key:0,class:`application-card__row`},pe={class:`label`},$={class:`value`},me={key:1,class:`application-card__row`},he={class:`label`},ge={class:`flex items-center justify-end gap-2 mt-3`},_e={class:`pagination`};function ve(r,h,g,ee,_,v){let y=p(`el-col`),b=p(`el-row`),x=p(`el-skeleton`),S=p(`font-awesome-icon`),C=p(`el-card`),w=p(`copy-to-clipboard`),T=p(`el-button`),E=p(`el-table-column`),D=p(`el-tag`),O=p(`el-switch`),k=p(`el-table`),A=p(`el-empty`),j=p(`pagination`),M=f(`loading`);return l(),a(b,{class:`application-list`},{default:m(()=>[o(y,{span:24},{default:m(()=>[o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`h2`,R,c(r.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),o(b,{gutter:15,class:`mb-3`},{default:m(()=>[o(y,{md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,z,[n(`div`,B,[o(S,{icon:`fa-solid fa-cubes-stacked`})]),n(`p`,V,c(r.$t(`application.title.count`)),1),n(`p`,H,c(r.individualApplicationsTotal),1),n(`p`,U,c(r.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),r.showGlobalPayment&&r.globalApplications?.length>0?(l(),a(y,{key:0,md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,W,[n(`div`,G,[n(`div`,K,[n(`div`,q,[o(S,{icon:`fa-solid fa-wallet`})]),n(`span`,J,[i(c(r.$t(`application.field.id`))+`: `+c(r.globalApplications?.[0]?.id)+` `,1),r.globalApplications?.[0]?.id?(l(),a(w,{key:0,content:r.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):d(``,!0)])]),n(`p`,te,c(r.$t(`application.title.globalBalance`)),1),n(`p`,Y,c(r.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+c(r.$t(`service.unit.credits`)),1),n(`p`,X,c(r.$t(`application.message.globalBalanceDescription`)),1)]),n(`div`,Z,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:h[0]||=e=>r.onGoUsage(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1}),r.showGlobalPayment?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:h[1]||=e=>r.onBuyMore(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1})):d(``,!0)])]))]),_:1})]),_:1})):d(``,!0)]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[o(C,{shadow:`hover`,class:`applications-table-card hidden sm:block`},{default:m(()=>[u((l(),a(k,{data:r.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`)},{default:m(()=>[o(E,{prop:`id`,label:r.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(e.row.id),1),n(`span`,Q,[o(w,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e.row?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.name`),width:`180px`},{default:m(e=>[n(`span`,null,c(e.row?.service?.title),1),e.row?.role===`grantee`?(l(),a(D,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{prop:`remaining_amount`,label:r.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`used_amount`,label:r.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[n(`span`,null,c(r.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`allow_consume_global`,label:r.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.service?.type===r.serviceType.API?(l(),a(O,{key:0,modelValue:e.row.allow_consume_global,"onUpdate:modelValue":t=>e.row.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e.row,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.expired_at?(l(),t(`span`,ne,c(r.$dayjs.format(e.row.expired_at)),1)):d(``,!0)]),_:1},8,[`label`]),o(E,{fixed:`right`,width:`200px`},{default:m(e=>[n(`div`,re,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:t=>r.onGoUsage(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e?.row)?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1}),n(`div`,ie,[r.loading?(l(),a(x,{key:0,rows:4,animated:``})):(l(),t(s,{key:1},[r.individualApplications?.length?(l(!0),t(s,{key:1},e(r.individualApplications,e=>(l(),a(C,{key:e.id,shadow:`hover`,class:`application-card mb-2`,"body-style":{padding:`14px 16px`}},{default:m(()=>[n(`div`,ae,[n(`span`,oe,c(e?.service?.title),1),e?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0),e?.role===`grantee`?(l(),a(D,{key:2,type:`info`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),n(`div`,se,[n(`span`,ce,c(r.$t(`application.field.id`))+`: `+c(e.id),1),o(w,{content:e.id,class:`inline-block shrink-0`},null,8,[`content`])]),n(`div`,le,[n(`span`,ue,c(r.$t(`application.field.remainingAmount`)),1),n(`span`,de,c(r.getRemainingAmount(e)),1)]),e?.expired_at?(l(),t(`div`,fe,[n(`span`,pe,c(r.$t(`application.field.expiredAt`)),1),n(`span`,$,c(r.$dayjs.format(e.expired_at)),1)])):d(``,!0),e.service?.type===r.serviceType.API?(l(),t(`div`,me,[n(`span`,he,c(r.$t(`application.field.allowConsumeGlobal`)),1),o(O,{modelValue:e.allow_consume_global,"onUpdate:modelValue":t=>e.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])])):d(``,!0),n(`div`,ge,[o(T,{class:`!m-0 !px-3`,size:`small`,round:``,onClick:t=>r.onGoUsage(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e)?(l(),a(T,{key:0,class:`!m-0 !px-3`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:2},1024))),128)):(l(),a(A,{key:0,description:r.$t(`common.message.noData`)},null,8,[`description`]))],64))])]),_:1})]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`div`,_e,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.individualApplicationsTotal,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ye=T(L,[[`render`,ve],[`__scopeId`,`data-v-b4164ed9`]]);export{ye as default};

package/dist/assets/{List-CsCs5iDk.js → List-ThQxcPQe.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,nt as d,tt as f,ut as p}from"./vendor-chart-BJCvKk8-.js";import{t as m}from"./button-DfsQodL-.js";import{r as h,t as ee}from"./select-D5WneZd4.js";import{n as g,t as _}from"./table-lRQt4LGt.js";import{t as v}from"./date-picker-C8MJ1kpb.js";import{t as y}from"./card-DjyfNde2.js";import{n as b,t as x}from"./row-BTCyJ62x.js";import{t as S}from"./Pagination-Dc0tqOZ4.js";import{t as C}from"./skeleton-C4sltx62.js";import{Dn as w,E as T,Lt as E,gr as D,zr as O}from"./index-Dhx7YLnB.js";import{t as k}from"./index.es-DVh7wRx_.js";import{t as A}from"./CopyToClipboard-I0JFDzyf.js";var j={total_count:0,total_spent:0,state_counts:{}},M=r({name:`ConsoleOrderList`,components:{Pagination:S,CopyToClipboard:A,ElRow:x,ElCol:b,ElTable:_,ElTableColumn:g,ElButton:m,ElTag:O,ElCard:y,ElSelect:h,ElOption:ee,ElDatePicker:v,ElSkeleton:C,FontAwesomeIcon:k},data(){return{OrderState:D,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...j},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:D.PENDING,label:this.$t(`order.state.pending`)},{value:D.FINISHED,label:this.$t(`order.state.finished`)},{value:D.PAID,label:this.$t(`order.state.paid`)},{value:D.EXPIRED,label:this.$t(`order.state.expired`)},{value:D.FAILED,label:this.$t(`order.state.failed`)},{value:D.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:E,stateTagType(e){return e===D.FINISHED||e===D.PAID?`success`:e===D.EXPIRED||e===D.FAILED?`danger`:e===D.REFUNDED?`warning`:`info`},stateLabel(e){return{[D.PENDING]:this.$t(`order.state.pending`),[D.PAID]:this.$t(`order.state.paid`),[D.FINISHED]:this.$t(`order.state.finished`),[D.EXPIRED]:this.$t(`order.state.expired`),[D.FAILED]:this.$t(`order.state.failed`),[D.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==D.PAID&&e!==D.FINISHED&&e!==D.EXPIRED&&e!==D.FAILED&&e!==D.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,w.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,w.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...j}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,w.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),N={class:`title`},P={key:1,class:`card-content`},F={class:`icon-wrapper`},I={class:`description`},L={class:`value`},R={key:1,class:`card-content`},z={class:`icon-wrapper`},B={class:`description`},V={class:`value`},H={key:1,class:`card-content`},U={class:`icon-wrapper`},te={class:`description`},W={class:`value`},G={key:1,class:`card-content`},K={class:`icon-wrapper`},q={class:`description`},J={class:`value`},Y={class:`filter-row mb-3`},X={class:`key`},Z={class:`cursor-pointer`},Q={class:`price`},$={class:`description`},ne={class:`text-gray-500`},re={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(r,m,h,ee,g,_){let v=f(`el-col`),y=f(`el-row`),b=f(`el-skeleton`),x=f(`font-awesome-icon`),S=f(`el-card`),C=f(`el-option`),w=f(`el-select`),T=f(`el-date-picker`),E=f(`el-button`),D=f(`copy-to-clipboard`),O=f(`el-table-column`),k=f(`el-tag`),A=f(`el-table`),j=f(`pagination`),M=d(`loading`);return l(),a(y,{class:`panel`},{default:p(()=>[o(v,{span:24},{default:p(()=>[o(y,null,{default:p(()=>[o(v,{span:24},{default:p(()=>[n(`h2`,N,c(r.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),o(y,{gutter:16},{default:p(()=>[o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,P,[n(`div`,F,[o(x,{icon:`fa-solid fa-receipt`,class:`icon`})]),n(`p`,I,c(r.$t(`order.title.totalOrders`)),1),n(`p`,L,c(r.summary.total_count),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,R,[n(`div`,z,[o(x,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),n(`p`,B,c(r.$t(`order.title.totalSpent`)),1),n(`p`,V,c(r.getPriceString({value:r.summary.total_spent})),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,H,[n(`div`,U,[o(x,{icon:`fa-solid fa-check-circle`,class:`icon`})]),n(`p`,te,c(r.$t(`order.title.finishedOrders`)),1),n(`p`,W,c(r.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,G,[n(`div`,K,[o(x,{icon:`fa-solid fa-clock`,class:`icon`})]),n(`p`,q,c(r.$t(`order.title.pendingOrders`)),1),n(`p`,J,c(r.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),n(`div`,Y,[o(w,{modelValue:r.filterState,"onUpdate:modelValue":m[0]||=e=>r.filterState=e,clearable:``,placeholder:r.$t(`order.field.allStates`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.stateOptions,e=>(l(),a(C,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(w,{modelValue:r.filterPayWay,"onUpdate:modelValue":m[1]||=e=>r.filterPayWay=e,clearable:``,placeholder:r.$t(`order.field.allPayWays`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.payWayOptions,e=>(l(),a(C,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(T,{modelValue:r.createdAtRange,"onUpdate:modelValue":m[2]||=e=>r.createdAtRange=e,type:`datetimerange`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),o(E,{type:`primary`,plain:``,loading:r.exporting,onClick:r.onExport},{default:p(()=>[o(x,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+c(r.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),o(y,null,{default:p(()=>[o(v,{span:24},{default:p(()=>[o(S,{shadow:`hover`},{default:p(()=>[u((l(),a(A,{data:r.orders,stripe:``,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:p(()=>[o(O,{prop:`id`,label:r.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:p(e=>[n(`span`,X,c(e.row.id),1),n(`span`,Z,[o(D,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.price`),width:`110px`,align:`center`},{default:p(e=>[n(`span`,Q,c(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,$,c(e.row.description),1)]),_:1},8,[`label`]),o(O,{prop:`state`,label:r.$t(`order.field.state`),width:`130px`,align:`center`},{default:p(e=>[o(k,{type:r.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:p(()=>[i(c(r.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,ne,c(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:p(e=>[n(`span`,re,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),o(O,{"min-width":`130px`,fixed:`right`},{default:p(e=>[n(`div`,ie,[r.isPendingAction(e.row.state)?(l(),a(E,{key:0,type:`primary`,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(l(),a(E,{key:1,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1})]),_:1})]),_:1}),o(y,null,{default:p(()=>[o(v,{span:10,offset:14},{default:p(()=>[n(`div`,ae,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=T(M,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,nt as d,tt as f,ut as p}from"./vendor-chart-BJCvKk8-.js";import{t as m}from"./button-BydTr5nV.js";import{r as h,t as ee}from"./select-B4YDnp3H.js";import{n as g,t as _}from"./table-NgoMqlKj.js";import{t as v}from"./date-picker-BkYXe0_N.js";import{t as y}from"./card-DjyfNde2.js";import{n as b,t as x}from"./row-_nYj0-hU.js";import{t as S}from"./Pagination-qTwXJkFD.js";import{t as C}from"./skeleton-BwNBivMN.js";import{Dn as w,E as T,Lt as E,gr as D,zr as O}from"./index-C5kuKDCy.js";import{t as k}from"./index.es-DIZchbTr.js";import{t as A}from"./CopyToClipboard-ei_pj1w5.js";var j={total_count:0,total_spent:0,state_counts:{}},M=r({name:`ConsoleOrderList`,components:{Pagination:S,CopyToClipboard:A,ElRow:x,ElCol:b,ElTable:_,ElTableColumn:g,ElButton:m,ElTag:O,ElCard:y,ElSelect:h,ElOption:ee,ElDatePicker:v,ElSkeleton:C,FontAwesomeIcon:k},data(){return{OrderState:D,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...j},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:D.PENDING,label:this.$t(`order.state.pending`)},{value:D.FINISHED,label:this.$t(`order.state.finished`)},{value:D.PAID,label:this.$t(`order.state.paid`)},{value:D.EXPIRED,label:this.$t(`order.state.expired`)},{value:D.FAILED,label:this.$t(`order.state.failed`)},{value:D.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:E,stateTagType(e){return e===D.FINISHED||e===D.PAID?`success`:e===D.EXPIRED||e===D.FAILED?`danger`:e===D.REFUNDED?`warning`:`info`},stateLabel(e){return{[D.PENDING]:this.$t(`order.state.pending`),[D.PAID]:this.$t(`order.state.paid`),[D.FINISHED]:this.$t(`order.state.finished`),[D.EXPIRED]:this.$t(`order.state.expired`),[D.FAILED]:this.$t(`order.state.failed`),[D.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==D.PAID&&e!==D.FINISHED&&e!==D.EXPIRED&&e!==D.FAILED&&e!==D.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,w.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,w.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...j}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,w.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),N={class:`title`},P={key:1,class:`card-content`},F={class:`icon-wrapper`},I={class:`description`},L={class:`value`},R={key:1,class:`card-content`},z={class:`icon-wrapper`},B={class:`description`},V={class:`value`},H={key:1,class:`card-content`},U={class:`icon-wrapper`},te={class:`description`},W={class:`value`},G={key:1,class:`card-content`},K={class:`icon-wrapper`},q={class:`description`},J={class:`value`},Y={class:`filter-row mb-3`},X={class:`key`},Z={class:`cursor-pointer`},Q={class:`price`},$={class:`description`},ne={class:`text-gray-500`},re={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(r,m,h,ee,g,_){let v=f(`el-col`),y=f(`el-row`),b=f(`el-skeleton`),x=f(`font-awesome-icon`),S=f(`el-card`),C=f(`el-option`),w=f(`el-select`),T=f(`el-date-picker`),E=f(`el-button`),D=f(`copy-to-clipboard`),O=f(`el-table-column`),k=f(`el-tag`),A=f(`el-table`),j=f(`pagination`),M=d(`loading`);return l(),a(y,{class:`panel`},{default:p(()=>[o(v,{span:24},{default:p(()=>[o(y,null,{default:p(()=>[o(v,{span:24},{default:p(()=>[n(`h2`,N,c(r.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),o(y,{gutter:16},{default:p(()=>[o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,P,[n(`div`,F,[o(x,{icon:`fa-solid fa-receipt`,class:`icon`})]),n(`p`,I,c(r.$t(`order.title.totalOrders`)),1),n(`p`,L,c(r.summary.total_count),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,R,[n(`div`,z,[o(x,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),n(`p`,B,c(r.$t(`order.title.totalSpent`)),1),n(`p`,V,c(r.getPriceString({value:r.summary.total_spent})),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,H,[n(`div`,U,[o(x,{icon:`fa-solid fa-check-circle`,class:`icon`})]),n(`p`,te,c(r.$t(`order.title.finishedOrders`)),1),n(`p`,W,c(r.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),o(v,{md:6,sm:12,xs:24},{default:p(()=>[o(S,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(b,{key:0})):(l(),t(`div`,G,[n(`div`,K,[o(x,{icon:`fa-solid fa-clock`,class:`icon`})]),n(`p`,q,c(r.$t(`order.title.pendingOrders`)),1),n(`p`,J,c(r.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),n(`div`,Y,[o(w,{modelValue:r.filterState,"onUpdate:modelValue":m[0]||=e=>r.filterState=e,clearable:``,placeholder:r.$t(`order.field.allStates`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.stateOptions,e=>(l(),a(C,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(w,{modelValue:r.filterPayWay,"onUpdate:modelValue":m[1]||=e=>r.filterPayWay=e,clearable:``,placeholder:r.$t(`order.field.allPayWays`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.payWayOptions,e=>(l(),a(C,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(T,{modelValue:r.createdAtRange,"onUpdate:modelValue":m[2]||=e=>r.createdAtRange=e,type:`datetimerange`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),o(E,{type:`primary`,plain:``,loading:r.exporting,onClick:r.onExport},{default:p(()=>[o(x,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+c(r.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),o(y,null,{default:p(()=>[o(v,{span:24},{default:p(()=>[o(S,{shadow:`hover`},{default:p(()=>[u((l(),a(A,{data:r.orders,stripe:``,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:p(()=>[o(O,{prop:`id`,label:r.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:p(e=>[n(`span`,X,c(e.row.id),1),n(`span`,Z,[o(D,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.price`),width:`110px`,align:`center`},{default:p(e=>[n(`span`,Q,c(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,$,c(e.row.description),1)]),_:1},8,[`label`]),o(O,{prop:`state`,label:r.$t(`order.field.state`),width:`130px`,align:`center`},{default:p(e=>[o(k,{type:r.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:p(()=>[i(c(r.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,ne,c(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),o(O,{label:r.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:p(e=>[n(`span`,re,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),o(O,{"min-width":`130px`,fixed:`right`},{default:p(e=>[n(`div`,ie,[r.isPendingAction(e.row.state)?(l(),a(E,{key:0,type:`primary`,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(l(),a(E,{key:1,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1})]),_:1})]),_:1}),o(y,null,{default:p(()=>[o(v,{span:10,offset:14},{default:p(()=>[n(`div`,ae,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=T(M,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};

package/dist/assets/{Main-BwiFAgmJ.js → Main-Cv8WLkTB.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,E as n,F as r,N as i,O as a,P as o,Wt as s,Z as c,k as l,tt as u,ut as d}from"./vendor-chart-BJCvKk8-.js";import{t as f}from"./button-DfsQodL-.js";import{t as p}from"./Navigator-DmKtQQcf.js";import{t as m}from"./checkbox-BAeQdLeW.js";import{t as h}from"./divider-LA__Fty9.js";import"./constants-ER7gAjWT.js";import{Dr as g,E as _,Ft as v,Lr as y,Pn as b,Pr as x,Sr as S,wr as C,xr as w}from"./index-Dhx7YLnB.js";import{t as T}from"./Status-Bi_ex9E-.js";var E=r({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:g,onApply(){if(!this.checked){x.error(this.$t(`application.message.notAgreePolicy`));return}this.$emit(`apply`)}}}),D={class:`content py-[10px] px-[40px]`},O={class:`my-4`},k={class:`policy mb-[10px]`},A={class:`policy-title text-[12px] relative -bottom-[3px]`},j=[`href`];function M(e,n,r,l,f,p){let m=u(`el-divider`),h=u(`el-checkbox`),g=u(`el-button`),_=u(`el-dialog`);return c(),a(_,{"model-value":e.visible,width:`500px`,title:e.$t(`application.message.welcome`),center:``,onClose:n[1]||=t=>e.$emit(`update:visible`,!1)},{default:d(()=>[t(`div`,D,[t(`p`,O,s(e.$t(`application.message.notApplied`)),1),o(m,{class:`my-2`}),t(`div`,k,[o(h,{modelValue:e.checked,"onUpdate:modelValue":n[0]||=t=>e.checked=t,size:`large`,class:`policy-checkbox mr-[10px]`},null,8,[`modelValue`]),t(`span`,A,s(e.$t(`application.message.readPolicy`)),1),t(`a`,{class:`policy-title text-[12px] relative -bottom-[3px] text-[var(--el-color-primary)] cursor-pointer no-underline`,target:`_blank`,href:e.getBaseUrlPlatform()+`/terms`},` \xA0`+s(e.$t(`application.message.policy`)),9,j)]),o(g,{round:``,type:`primary`,onClick:e.onApply},{default:d(()=>[i(s(e.$t(`common.button.start`)),1)]),_:1},8,[`onClick`])])]),_:1},8,[`model-value`,`title`])}var N=r({name:`LayoutMain`,components:{Navigator:p,ApplicationStatus:T,ApplicationConfirm:_(E,[[`render`,M]])},provide(){return{initialized:n(()=>this.initialized)}},data(){return{initialized:!1,applying:!1,mobile:typeof window<`u`&&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===C.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=v(this.applications,t);console.debug(`final application`,n),n&&(console.debug(`set final application`,n,n?.type),await this.$store.dispatch(`${this.appName}/setApplication`,n)),console.debug(`finished initialization`),this.initialized=!0},onApply(){this.onAutoApply()},async onAutoApply(){try{await b.create({type:S.USAGE,scope:w.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`):x.error(this.$t(`application.message.applyFailed`))}},showWelcomeToast(){let e=this.$store.state.applications?.[0],t=Math.floor(e?.remaining_amount??0);x({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,r,i,s,d){let f=u(`router-view`),p=u(`navigator`),m=u(`application-status`),h=u(`application-confirm`);return c(),e(`div`,P,[o(f,{class:`main`}),o(p,{class:`navigator`,direction:t.mobile?`row`:`column`},null,8,[`direction`]),t.application?(c(),a(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`])):l(``,!0),o(h,{modelValue:t.applying,"onUpdate:modelValue":n[1]||=e=>t.applying=e,modelModifiers:{visible:!0},onApply:t.onApply},null,8,[`modelValue`,`onApply`])])}var I=_(N,[[`render`,F],[`__scopeId`,`data-v-41b86eb8`]]);export{I as default};
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,E as n,F as r,N as i,O as a,P as o,Wt as s,Z as c,k as l,tt as u,ut as d}from"./vendor-chart-BJCvKk8-.js";import{t as f}from"./button-BydTr5nV.js";import{t as p}from"./Navigator-CU8VtHmB.js";import{t as m}from"./checkbox-XMyzSUf-.js";import{t as h}from"./divider-LA__Fty9.js";import"./constants-ER7gAjWT.js";import{Dr as g,E as _,Ft as v,Lr as y,Pn as b,Pr as x,Sr as S,wr as C,xr as w}from"./index-C5kuKDCy.js";import{t as T}from"./Status-BpCLvxpg.js";var E=r({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:g,onApply(){if(!this.checked){x.error(this.$t(`application.message.notAgreePolicy`));return}this.$emit(`apply`)}}}),D={class:`content py-[10px] px-[40px]`},O={class:`my-4`},k={class:`policy mb-[10px]`},A={class:`policy-title text-[12px] relative -bottom-[3px]`},j=[`href`];function M(e,n,r,l,f,p){let m=u(`el-divider`),h=u(`el-checkbox`),g=u(`el-button`),_=u(`el-dialog`);return c(),a(_,{"model-value":e.visible,width:`500px`,title:e.$t(`application.message.welcome`),center:``,onClose:n[1]||=t=>e.$emit(`update:visible`,!1)},{default:d(()=>[t(`div`,D,[t(`p`,O,s(e.$t(`application.message.notApplied`)),1),o(m,{class:`my-2`}),t(`div`,k,[o(h,{modelValue:e.checked,"onUpdate:modelValue":n[0]||=t=>e.checked=t,size:`large`,class:`policy-checkbox mr-[10px]`},null,8,[`modelValue`]),t(`span`,A,s(e.$t(`application.message.readPolicy`)),1),t(`a`,{class:`policy-title text-[12px] relative -bottom-[3px] text-[var(--el-color-primary)] cursor-pointer no-underline`,target:`_blank`,href:e.getBaseUrlPlatform()+`/terms`},` \xA0`+s(e.$t(`application.message.policy`)),9,j)]),o(g,{round:``,type:`primary`,onClick:e.onApply},{default:d(()=>[i(s(e.$t(`common.button.start`)),1)]),_:1},8,[`onClick`])])]),_:1},8,[`model-value`,`title`])}var N=r({name:`LayoutMain`,components:{Navigator:p,ApplicationStatus:T,ApplicationConfirm:_(E,[[`render`,M]])},provide(){return{initialized:n(()=>this.initialized)}},data(){return{initialized:!1,applying:!1,mobile:typeof window<`u`&&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===C.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=v(this.applications,t);console.debug(`final application`,n),n&&(console.debug(`set final application`,n,n?.type),await this.$store.dispatch(`${this.appName}/setApplication`,n)),console.debug(`finished initialization`),this.initialized=!0},onApply(){this.onAutoApply()},async onAutoApply(){try{await b.create({type:S.USAGE,scope:w.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`):x.error(this.$t(`application.message.applyFailed`))}},showWelcomeToast(){let e=this.$store.state.applications?.[0],t=Math.floor(e?.remaining_amount??0);x({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,r,i,s,d){let f=u(`router-view`),p=u(`navigator`),m=u(`application-status`),h=u(`application-confirm`);return c(),e(`div`,P,[o(f,{class:`main`}),o(p,{class:`navigator`,direction:t.mobile?`row`:`column`},null,8,[`direction`]),t.application?(c(),a(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`])):l(``,!0),o(h,{modelValue:t.applying,"onUpdate:modelValue":n[1]||=e=>t.applying=e,modelModifiers:{visible:!0},onApply:t.onApply},null,8,[`modelValue`,`onApply`])])}var I=_(N,[[`render`,F],[`__scopeId`,`data-v-41b86eb8`]]);export{I as default};

package/dist/assets/{Model-B_cTabC-.js → Model-8HS-TncU.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,k as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-DfsQodL-.js";import{t as g}from"./upload-CU07hwjq.js";import{t as _}from"./image-ycKqbgom.js";import{t as v}from"./alert-OvnfgMB-.js";import{n as y,r as b}from"./radio-BmBXySlN.js";import{t as x}from"./switch-krxgbyw4.js";import{t as S}from"./vendor-axios-Ck2ffRoh.js";import"./constants-ER7gAjWT.js";import{Dr as C,E as w,Mt as T,Pr as E,Vr as ee,Xt as te,Y as D}from"./index-Dhx7YLnB.js";import{t as O}from"./index.es-DVh7wRx_.js";import{t as k}from"./CopyToClipboard-I0JFDzyf.js";import{t as A}from"./Hailuo-wkqA7zWQ.js";import{t as j}from"./BotPlaceholder-BZvXrCTW.js";import{t as M}from"./TabSwitcher-FquaEbZ9.js";var N=4,P=90,F=r({name:`FishRecorder`,components:{ElButton:h,FontAwesomeIcon:O},emits:[`done`,`cancel`,`update:script`],data(){return{state:`idle`,scriptIndex:0,seconds:0,timerId:0,maxTimerId:0,mediaRecorder:null,stream:null,chunks:[],recordedBlob:null,recordedUrl:``,uploading:!1}},computed:{formattedTime(){let e=Math.floor(this.seconds/60),t=this.seconds%60;return`${e.toString().padStart(2,`0`)}:${t.toString().padStart(2,`0`)}`},currentScript(){let e=`fish.script.passage${this.scriptIndex%N+1}`;return this.$t(e)}},beforeUnmount(){this.cleanup()},mounted(){this.$emit(`update:script`,this.currentScript)},methods:{nextScript(){this.scriptIndex=(this.scriptIndex+1)%N,this.$emit(`update:script`,this.currentScript)},async startRecord(){if(!navigator.mediaDevices?.getUserMedia||typeof MediaRecorder>`u`){E.error(this.$t(`fish.message.recorderUnsupported`));return}try{this.stream=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(e){let t=e?.name===`NotAllowedError`||e?.name===`PermissionDeniedError`;E.error(this.$t(t?`fish.message.micDenied`:`fish.message.micError`));return}this.chunks=[];let e=this.pickMimeType();try{this.mediaRecorder=e?new MediaRecorder(this.stream,{mimeType:e}):new MediaRecorder(this.stream)}catch{this.mediaRecorder=new MediaRecorder(this.stream)}this.mediaRecorder.ondataavailable=e=>{e.data&&e.data.size>0&&this.chunks.push(e.data)},this.mediaRecorder.onstop=()=>{let e=new Blob(this.chunks,{type:this.mediaRecorder?.mimeType||`audio/webm`});this.recordedBlob=e,this.recordedUrl=URL.createObjectURL(e),this.state=`recorded`,this.releaseStream()},this.mediaRecorder.start(),this.state=`recording`,this.seconds=0,this.timerId=window.setInterval(()=>{this.seconds++},1e3),this.maxTimerId=window.setTimeout(()=>{this.state===`recording`&&this.stopRecord()},P*1e3)},stopRecord(){this.mediaRecorder&&this.mediaRecorder.state!==`inactive`&&this.mediaRecorder.stop(),window.clearInterval(this.timerId),window.clearTimeout(this.maxTimerId)},reset(){this.recordedUrl&&URL.revokeObjectURL(this.recordedUrl),this.recordedUrl=``,this.recordedBlob=null,this.state=`idle`,this.seconds=0},onCancel(){this.cleanup(),this.$emit(`cancel`)},cleanup(){this.stopRecord(),this.releaseStream(),this.recordedUrl&&URL.revokeObjectURL(this.recordedUrl)},releaseStream(){this.stream?.getTracks().forEach(e=>e.stop()),this.stream=null},pickMimeType(){for(let e of[`audio/webm;codecs=opus`,`audio/webm`,`audio/mp4`,`audio/ogg`])if(typeof MediaRecorder<`u`&&MediaRecorder.isTypeSupported?.(e))return e},extensionForMime(e){return e.includes(`webm`)?`webm`:e.includes(`mp4`)?`m4a`:e.includes(`ogg`)?`ogg`:e.includes(`wav`)?`wav`:`mp3`},async useRecording(){if(this.recordedBlob){if(this.seconds<3){E.warning(this.$t(`fish.message.recordingTooShort`));return}this.uploading=!0;try{let e=this.$store.state.token?.access,t=this.extensionForMime(this.recordedBlob.type||``),n=new File([this.recordedBlob],`recording-${Date.now()}.${t}`,{type:this.recordedBlob.type||`audio/webm`}),r=new FormData;r.append(`file`,n);let{data:i}=await S.post(`${C()}/api/v1/files/`,r,{headers:{Authorization:`Bearer ${e}`}}),a=i?.file_url;if(!a){E.error(this.$t(`fish.message.uploadError`));return}this.$emit(`done`,{url:a,text:this.currentScript})}catch(e){E.error(this.$t(`fish.message.uploadError`)),console.error(`recorder upload failed`,e)}finally{this.uploading=!1}}}}}),I={class:`recorder`},L={key:0,class:`script`},R={class:`script-header`},z={class:`label`},B={class:`script-text`},V={class:`controls`},H={class:`status`},U={class:`hint`},W={key:1,class:`preview`},G=[`src`],K={class:`preview-actions`},q={class:`footer`};function J(e,r,s,d,h,g){let _=p(`font-awesome-icon`),v=p(`el-button`);return u(),t(`div`,I,[e.state===`recorded`?f(``,!0):(u(),t(`div`,L,[n(`div`,R,[o(_,{icon:`fa-solid fa-book-open`,class:`icon mr-1`}),n(`span`,z,l(e.$t(`fish.description.readScript`)),1),o(v,{link:``,size:`small`,class:`ml-auto`,disabled:e.state===`recording`,onClick:e.nextScript},{default:m(()=>[o(_,{icon:`fa-solid fa-shuffle`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.nextScript`)),1)]),_:1},8,[`disabled`,`onClick`])]),n(`p`,B,l(e.currentScript),1)])),n(`div`,V,[e.state===`idle`?(u(),a(v,{key:0,type:`danger`,circle:``,size:`large`,title:e.$t(`fish.button.startRecord`),onClick:e.startRecord},{default:m(()=>[o(_,{icon:`fa-solid fa-microphone`})]),_:1},8,[`title`,`onClick`])):e.state===`recording`?(u(),a(v,{key:1,type:`warning`,circle:``,size:`large`,title:e.$t(`fish.button.stopRecord`),onClick:e.stopRecord},{default:m(()=>[o(_,{icon:`fa-solid fa-stop`})]),_:1},8,[`title`,`onClick`])):f(``,!0),n(`div`,H,[n(`span`,{class:c([`timer`,e.state===`recording`?`live`:``])},l(e.formattedTime),3),n(`span`,U,l(e.state===`idle`?e.$t(`fish.description.recorderIdle`):e.state===`recording`?e.$t(`fish.description.recorderRecording`):e.$t(`fish.description.recorderRecorded`)),1)])]),e.state===`recorded`&&e.recordedUrl?(u(),t(`div`,W,[n(`audio`,{src:e.recordedUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,G),n(`div`,K,[o(v,{size:`small`,disabled:e.uploading,onClick:e.reset},{default:m(()=>[o(_,{icon:`fa-solid fa-rotate-left`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.reRecord`)),1)]),_:1},8,[`disabled`,`onClick`]),o(v,{size:`small`,type:`primary`,loading:e.uploading,onClick:e.useRecording},{default:m(()=>[o(_,{icon:`fa-solid fa-check`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.useRecording`)),1)]),_:1},8,[`loading`,`onClick`])])])):f(``,!0),n(`div`,q,[o(v,{link:``,size:`small`,disabled:e.uploading||e.state===`recording`,onClick:e.onCancel},{default:m(()=>[i(l(e.$t(`fish.button.cancel`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var Y=w(F,[[`render`,J],[`__scopeId`,`data-v-1958e4a1`]]),X=50*1024*1024,Z=()=>({title:``,description:``,texts:``,voicesUrl:``,visibility:`unlist`,trainMode:`fast`,enhanceAudio:!0,generateSample:!1}),Q=r({name:`FishModelConfigPanel`,components:{ElButton:h,ElInput:ee,ElRadioButton:y,ElRadioGroup:b,ElSwitch:x,ElUpload:g,FontAwesomeIcon:O,Recorder:Y},mixins:[T],emits:[`create`],data(){return{form:Z(),fileList:[],uploading:!1,creating:!1,recording:!1,textsAuto:!0}},computed:{uploadUrl(){return C()+`/api/v1/files/`},uploadHeaders(){return{Authorization:`Bearer ${this.$store.state.token?.access}`}},canCreate(){return!!this.form.title.trim()&&!!this.form.voicesUrl&&!this.uploading&&!this.creating},supportsRecorder(){return!!(typeof navigator<`u`?navigator.mediaDevices:void 0)?.getUserMedia&&typeof MediaRecorder<`u`}},methods:{onBeforeUpload(e){return e.size>X?(E.warning(this.$t(`fish.message.audioSizeExceed`)),!1):(this.uploading=!0,!0)},onExceed(){E.warning(this.$t(`fish.message.audioOnlyOne`))},onUploadError(){this.uploading=!1,E.error(this.$t(`fish.message.uploadError`))},onUploadSuccess(e,t,n){this.uploading=!1;let r=e?.file_url;if(!r){E.error(this.$t(`fish.message.uploadError`)),this.fileList=[];return}this.form.voicesUrl=r,this.fileList=n},onRecorded(e){this.form.voicesUrl=e.url,this.recording=!1,e.text&&this.textsAuto&&(this.form.texts=e.text)},onStartRecord(){this.recording=!0,this.textsAuto=!this.form.texts.trim()},onScriptChange(e){this.textsAuto&&this.recording&&(this.form.texts=e)},onTextsInput(){this.textsAuto=!1},clearAudio(){this.form.voicesUrl=``,this.fileList=[]},onCreate(){let e=this.form.title.trim();if(!e){E.warning(this.$t(`fish.message.titleRequired`));return}if(!this.form.voicesUrl){E.warning(this.$t(`fish.message.audioRequired`));return}let t={title:e,voices:this.form.voicesUrl,visibility:this.form.visibility,train_mode:this.form.trainMode,enhance_audio_quality:this.form.enhanceAudio,generate_sample:this.form.generateSample};this.form.description.trim()&&(t.description=this.form.description.trim()),this.form.texts.trim()&&(t.texts=[this.form.texts.trim()]),this.creating=!0,this.$emit(`create`,t),setTimeout(()=>{this.creating=!1,this.form=Z(),this.fileList=[]},600)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`field-block mb-4`},ae={class:`title font-bold`},oe={class:`field-block mb-4`},se={class:`flex items-baseline justify-between mb-1`},ce={class:`title font-bold`},le={key:0,class:`muted`},ue={class:`hint`},de={key:0,class:`audio-actions`},fe={key:1,class:`hint warn`},pe={key:3,class:`mt-2`},me=[`src`],he={class:`ready-actions`},ge={class:`field-block mb-4`},_e={class:`title font-bold`},ve={class:`hint`},ye={class:`field-block mb-4`},be={class:`title font-bold`},xe={class:`field-block mb-4`},Se={class:`title font-bold`},Ce={class:`field-block mb-4`},we={class:`title font-bold`},Te={class:`field-block mb-3`},Ee={class:`field-row`},De={class:`title font-bold`},Oe={class:`hint mt-0 mb-0`},ke={class:`field-block mb-2`},Ae={class:`field-row`},je={class:`title font-bold`},Me={class:`hint mt-0 mb-0`},Ne={class:`flex flex-col items-center justify-center px-5 pb-5`};function Pe(e,r,s,c,d,h){let g=p(`el-input`),_=p(`font-awesome-icon`),v=p(`el-button`),y=p(`el-upload`),b=p(`recorder`),x=p(`el-radio-button`),S=p(`el-radio-group`),C=p(`el-switch`);return u(),t(`div`,ne,[n(`div`,re,[n(`div`,ie,[n(`h2`,ae,[i(l(e.$t(`fish.name.voiceTitle`))+` `,1),r[9]||=n(`span`,{class:`required`},`*`,-1)]),o(g,{modelValue:e.form.title,"onUpdate:modelValue":r[0]||=t=>e.form.title=t,placeholder:e.$t(`fish.placeholder.voiceTitle`),maxlength:`60`},null,8,[`modelValue`,`placeholder`])]),n(`div`,oe,[n(`div`,se,[n(`h2`,ce,[i(l(e.$t(`fish.name.referenceAudio`))+` `,1),r[10]||=n(`span`,{class:`required`},`*`,-1)]),!e.form.voicesUrl&&!e.recording?(u(),t(`span`,le,l(e.$t(`fish.description.audioRequired`)),1)):f(``,!0)]),n(`p`,ue,l(e.$t(`fish.description.uploadAudio`)),1),!e.form.voicesUrl&&!e.recording?(u(),t(`div`,de,[o(y,{"file-list":e.fileList,"onUpdate:fileList":r[1]||=t=>e.fileList=t,name:`file`,limit:1,class:`upload-wrapper`,action:e.uploadUrl,accept:`.mp3,.wav,.m4a,.ogg,.webm,audio/*`,"show-file-list":!1,"on-exceed":e.onExceed,"on-error":e.onUploadError,"on-success":e.onUploadSuccess,"before-upload":e.onBeforeUpload,headers:e.uploadHeaders},{default:m(()=>[o(v,{type:`primary`,plain:``,round:``,loading:e.uploading},{default:m(()=>[o(_,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`fish.button.uploadAudio`)),1)]),_:1},8,[`loading`])]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`before-upload`,`headers`]),o(v,{type:`primary`,round:``,disabled:!e.supportsRecorder,onClick:e.onStartRecord},{default:m(()=>[o(_,{icon:`fa-solid fa-microphone`,class:`icon mr-1`}),i(` `+l(e.$t(`fish.button.recordAudio`)),1)]),_:1},8,[`disabled`,`onClick`])])):f(``,!0),!e.supportsRecorder&&!e.form.voicesUrl&&!e.recording?(u(),t(`p`,fe,l(e.$t(`fish.message.recorderUnsupported`)),1)):f(``,!0),e.recording?(u(),a(b,{key:2,class:`mt-2`,onDone:e.onRecorded,onCancel:r[2]||=t=>e.recording=!1,"onUpdate:script":e.onScriptChange},null,8,[`onDone`,`onUpdate:script`])):f(``,!0),e.form.voicesUrl&&!e.recording?(u(),t(`div`,pe,[n(`audio`,{src:e.form.voicesUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,me),n(`div`,he,[o(v,{link:``,size:`small`,onClick:e.clearAudio},{default:m(()=>[o(_,{icon:`fa-solid fa-rotate-left`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.replaceAudio`)),1)]),_:1},8,[`onClick`])])])):f(``,!0)]),n(`div`,ge,[n(`h2`,_e,l(e.$t(`fish.name.audioTexts`)),1),n(`p`,ve,l(e.$t(`fish.description.audioTexts`)),1),o(g,{modelValue:e.form.texts,"onUpdate:modelValue":r[3]||=t=>e.form.texts=t,type:`textarea`,rows:2,placeholder:e.$t(`fish.placeholder.audioTexts`),maxlength:`500`,onInput:e.onTextsInput},null,8,[`modelValue`,`placeholder`,`onInput`])]),n(`div`,ye,[n(`h2`,be,l(e.$t(`fish.name.voiceDescription`)),1),o(g,{modelValue:e.form.description,"onUpdate:modelValue":r[4]||=t=>e.form.description=t,type:`textarea`,rows:2,placeholder:e.$t(`fish.placeholder.voiceDescription`),maxlength:`500`},null,8,[`modelValue`,`placeholder`])]),n(`div`,xe,[n(`h2`,Se,l(e.$t(`fish.name.visibility`)),1),o(S,{modelValue:e.form.visibility,"onUpdate:modelValue":r[5]||=t=>e.form.visibility=t,size:`small`},{default:m(()=>[o(x,{label:`private`,value:`private`},{default:m(()=>[i(l(e.$t(`fish.value.private`)),1)]),_:1}),o(x,{label:`unlist`,value:`unlist`},{default:m(()=>[i(l(e.$t(`fish.value.unlist`)),1)]),_:1}),o(x,{label:`public`,value:`public`},{default:m(()=>[i(l(e.$t(`fish.value.public`)),1)]),_:1})]),_:1},8,[`modelValue`])]),n(`div`,Ce,[n(`h2`,we,l(e.$t(`fish.name.trainMode`)),1),o(S,{modelValue:e.form.trainMode,"onUpdate:modelValue":r[6]||=t=>e.form.trainMode=t,size:`small`},{default:m(()=>[o(x,{label:`fast`,value:`fast`},{default:m(()=>[i(l(e.$t(`fish.value.trainModeFast`)),1)]),_:1}),o(x,{label:`precise`,value:`precise`},{default:m(()=>[i(l(e.$t(`fish.value.trainModePrecise`)),1)]),_:1})]),_:1},8,[`modelValue`])]),n(`div`,Te,[n(`div`,Ee,[n(`h2`,De,l(e.$t(`fish.name.enhanceAudio`)),1),o(C,{modelValue:e.form.enhanceAudio,"onUpdate:modelValue":r[7]||=t=>e.form.enhanceAudio=t},null,8,[`modelValue`])]),n(`p`,Oe,l(e.$t(`fish.description.enhanceAudio`)),1)]),n(`div`,ke,[n(`div`,Ae,[n(`h2`,je,l(e.$t(`fish.name.generateSample`)),1),o(C,{modelValue:e.form.generateSample,"onUpdate:modelValue":r[8]||=t=>e.form.generateSample=t},null,8,[`modelValue`])]),n(`p`,Me,l(e.$t(`fish.description.generateSample`)),1)])]),n(`div`,Ne,[o(v,{type:`primary`,class:`btn w-full`,round:``,disabled:!e.canCreate||e.creating,loading:e.creating,onClick:e.onCreate},{default:m(()=>[o(_,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`fish.button.createModel`)),1)]),_:1},8,[`disabled`,`loading`,`onClick`])])])}var Fe=w(Q,[[`render`,Pe],[`__scopeId`,`data-v-d8fc0e55`]]),Ie=r({name:`FishVoiceCard`,components:{ElAlert:v,ElButton:h,ElImage:_,CopyToClipboard:k,FontAwesomeIcon:O},props:{modelValue:{type:Object,required:!0}},computed:{sampleAudioUrl(){let e=this.modelValue?.samples;if(e?.length)return e[0]?.audio},voiceId(){let e=this.modelValue;return(e?.id||e?._id||e?.reference_id||``).toString()},coverSrc(){let e=this.modelValue?.cover_image;return e&&typeof e==`string`?e:void 0},createdAtLabel(){let e=this.modelValue?.created_at;if(e==null||e===``)return null;let t=typeof e==`number`?e:parseFloat(String(e));return!Number.isFinite(t)||t<=0?null:this.$dayjs.format(``+new Date(t*1e3))}},methods:{onUseVoice(){let e=this.voiceId;e&&(this.$store.commit(`fish/setConfig`,{...this.$store.state.fish?.config,reference_id:e}),this.$router.push({name:D}))}}}),Le={class:`card`},Re={class:`left`},ze={class:`main`},Be={class:`header`},Ve={class:`title`},He={key:0,class:`datetime`},Ue={key:0,class:`description`},We={key:1,class:`sample mt-2`},Ge=[`src`],Ke={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qe={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Je={class:`operations mt-2`};function Ye(e,r,s,c,h,g){let _=p(`el-image`),v=p(`font-awesome-icon`),y=p(`copy-to-clipboard`),b=p(`el-alert`),x=p(`el-button`);return u(),t(`div`,Le,[n(`div`,Re,[e.coverSrc?(u(),a(_,{key:0,src:e.coverSrc,class:`cover`,fit:`cover`},{error:m(()=>[o(_,{src:`https://cdn.acedata.cloud/e40fccc727.png`,class:`cover fallback`,fit:`cover`})]),placeholder:m(()=>[...r[0]||=[n(`div`,{class:`cover placeholder`},null,-1)]]),_:1},8,[`src`])):(u(),a(_,{key:1,src:`https://cdn.acedata.cloud/e40fccc727.png`,class:`cover fallback`,fit:`cover`}))]),n(`div`,ze,[n(`div`,Be,[n(`span`,Ve,l(e.modelValue?.title||e.$t(`fish.name.untitledVoice`)),1),e.createdAtLabel?(u(),t(`span`,He,l(e.createdAtLabel),1)):f(``,!0)]),e.modelValue?.description?(u(),t(`p`,Ue,l(e.modelValue?.description),1)):f(``,!0),e.sampleAudioUrl?(u(),t(`div`,We,[n(`audio`,{src:e.sampleAudioUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,Ge)])):f(``,!0),o(b,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.voiceId?(u(),t(`p`,Ke,[o(v,{icon:`fa-solid fa-microphone`,class:`mr-1`}),i(` `+l(e.$t(`fish.name.referenceId`))+`: `+l(e.voiceId)+` `,1),o(y,{content:e.voiceId},null,8,[`content`])])):f(``,!0),e.modelValue?.visibility?(u(),t(`p`,qe,[o(v,{icon:`fa-solid fa-eye`,class:`mr-1`}),i(` `+l(e.$t(`fish.name.visibility`))+`: `+l(e.modelValue?.visibility),1)])):f(``,!0)]),_:1}),n(`div`,Je,[o(x,{type:`primary`,size:`small`,plain:``,disabled:!e.voiceId,onClick:d(e.onUseVoice,[`stop`])},{default:m(()=>[o(v,{icon:`fa-solid fa-volume-high`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.useVoice`)),1)]),_:1},8,[`disabled`,`onClick`])])])])}var Xe=r({name:`FishModelListPanel`,components:{VoiceCard:w(Ie,[[`render`,Ye],[`__scopeId`,`data-v-629e2d04`]]),BotPlaceholder:j,FontAwesomeIcon:O},props:{loading:{type:Boolean,default:!1}},computed:{voices(){return this.$store.state.fish?.voices}}}),Ze={class:`model-list-panel flex flex-col h-full`},Qe={class:`header`},$e={class:`title`},et={key:0,class:`count`},tt={class:`body flex-1 min-h-0`},$={key:0,class:`h-full`},nt={key:1,class:`w-full h-full flex flex-col items-center justify-center text-center px-6`},rt={class:`empty-title`},it={class:`empty-hint`},at={key:2,class:`w-full h-full overflow-y-auto pr-1`};function ot(r,i,c,d,m,h){let g=p(`bot-placeholder`),_=p(`font-awesome-icon`),v=p(`voice-card`);return u(),t(`div`,Ze,[n(`header`,Qe,[n(`h2`,$e,l(r.$t(`fish.title.myVoices`)),1),r.voices?.length?(u(),t(`span`,et,l(r.voices?.length),1)):f(``,!0)]),n(`div`,tt,[r.voices===void 0?(u(),t(`div`,$,[o(g)])):r.voices.length===0?(u(),t(`div`,nt,[o(_,{icon:`fa-solid fa-microphone-lines`,class:`empty-icon`}),n(`p`,rt,l(r.$t(`fish.title.noVoicesYet`)),1),n(`p`,it,l(r.$t(`fish.description.noVoicesYet`)),1)])):(u(),t(`div`,at,[(u(!0),t(s,null,e(r.voices,e=>(u(),a(v,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]))])])}var st=r({name:`FishModelIndex`,components:{ModelConfigPanel:Fe,Layout:A,ModelListPanel:w(Xe,[[`render`,ot],[`__scopeId`,`data-v-4aab2294`]]),TabSwitcher:M},inject:[`initialized`],data(){return{loading:!1}},computed:{credential(){return this.$store.state.fish?.credential}},watch:{initialized:{async handler(e){e&&await this.onGetVoices()},immediate:!0}},async mounted(){await this.onGetService()},methods:{async onGetService(){await this.$store.dispatch(`fish/getService`)},async onGetVoices(){await this.$store.dispatch(`fish/getVoices`)},async onCreate(e){let t=this.credential?.token;if(!t){console.error(`no token specified`);return}this.loading=!0,E.info(this.$t(`fish.message.creatingModel`));try{await te.createModel(e,{token:t}),E.success(this.$t(`fish.message.createModelSuccess`)),await this.onGetVoices()}catch(e){let t=e?.response?.data;t?.error?.code===`used_up`?E.error(this.$t(`fish.message.usedUp`)):E.error(t?.error?.message||this.$t(`fish.message.createModelFailed`))}finally{this.loading=!1}}}}),ct={class:`flex flex-col h-full`},lt={class:`flex-1 min-h-0`};function ut(e,t,r,i,s,c){let l=p(`tab-switcher`),d=p(`model-config-panel`),f=p(`model-list-panel`),h=p(`layout`);return u(),a(h,null,{config:m(()=>[n(`div`,ct,[o(l),n(`div`,lt,[o(d,{onCreate:e.onCreate},null,8,[`onCreate`])])])]),result:m(()=>[o(f,{loading:e.loading},null,8,[`loading`])]),_:1})}var dt=w(st,[[`render`,ut]]);export{dt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,k as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-BydTr5nV.js";import{t as g}from"./upload-BF7Pn0vx.js";import{t as _}from"./image-CNuNMoO6.js";import{t as v}from"./alert-CuX4SjQB.js";import{n as y,r as b}from"./radio-3Hz7h3DR.js";import{t as x}from"./switch-BTCP0E-n.js";import{t as S}from"./vendor-axios-Ck2ffRoh.js";import"./constants-ER7gAjWT.js";import{Dr as C,E as w,Mt as T,Pr as E,Vr as ee,Xt as te,Y as D}from"./index-C5kuKDCy.js";import{t as O}from"./index.es-DIZchbTr.js";import{t as k}from"./CopyToClipboard-ei_pj1w5.js";import{t as A}from"./Hailuo-CsHD8LXW.js";import{t as j}from"./BotPlaceholder-ChZyniAi.js";import{t as M}from"./TabSwitcher-DMux0vnK.js";var N=4,P=90,F=r({name:`FishRecorder`,components:{ElButton:h,FontAwesomeIcon:O},emits:[`done`,`cancel`,`update:script`],data(){return{state:`idle`,scriptIndex:0,seconds:0,timerId:0,maxTimerId:0,mediaRecorder:null,stream:null,chunks:[],recordedBlob:null,recordedUrl:``,uploading:!1}},computed:{formattedTime(){let e=Math.floor(this.seconds/60),t=this.seconds%60;return`${e.toString().padStart(2,`0`)}:${t.toString().padStart(2,`0`)}`},currentScript(){let e=`fish.script.passage${this.scriptIndex%N+1}`;return this.$t(e)}},beforeUnmount(){this.cleanup()},mounted(){this.$emit(`update:script`,this.currentScript)},methods:{nextScript(){this.scriptIndex=(this.scriptIndex+1)%N,this.$emit(`update:script`,this.currentScript)},async startRecord(){if(!navigator.mediaDevices?.getUserMedia||typeof MediaRecorder>`u`){E.error(this.$t(`fish.message.recorderUnsupported`));return}try{this.stream=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(e){let t=e?.name===`NotAllowedError`||e?.name===`PermissionDeniedError`;E.error(this.$t(t?`fish.message.micDenied`:`fish.message.micError`));return}this.chunks=[];let e=this.pickMimeType();try{this.mediaRecorder=e?new MediaRecorder(this.stream,{mimeType:e}):new MediaRecorder(this.stream)}catch{this.mediaRecorder=new MediaRecorder(this.stream)}this.mediaRecorder.ondataavailable=e=>{e.data&&e.data.size>0&&this.chunks.push(e.data)},this.mediaRecorder.onstop=()=>{let e=new Blob(this.chunks,{type:this.mediaRecorder?.mimeType||`audio/webm`});this.recordedBlob=e,this.recordedUrl=URL.createObjectURL(e),this.state=`recorded`,this.releaseStream()},this.mediaRecorder.start(),this.state=`recording`,this.seconds=0,this.timerId=window.setInterval(()=>{this.seconds++},1e3),this.maxTimerId=window.setTimeout(()=>{this.state===`recording`&&this.stopRecord()},P*1e3)},stopRecord(){this.mediaRecorder&&this.mediaRecorder.state!==`inactive`&&this.mediaRecorder.stop(),window.clearInterval(this.timerId),window.clearTimeout(this.maxTimerId)},reset(){this.recordedUrl&&URL.revokeObjectURL(this.recordedUrl),this.recordedUrl=``,this.recordedBlob=null,this.state=`idle`,this.seconds=0},onCancel(){this.cleanup(),this.$emit(`cancel`)},cleanup(){this.stopRecord(),this.releaseStream(),this.recordedUrl&&URL.revokeObjectURL(this.recordedUrl)},releaseStream(){this.stream?.getTracks().forEach(e=>e.stop()),this.stream=null},pickMimeType(){for(let e of[`audio/webm;codecs=opus`,`audio/webm`,`audio/mp4`,`audio/ogg`])if(typeof MediaRecorder<`u`&&MediaRecorder.isTypeSupported?.(e))return e},extensionForMime(e){return e.includes(`webm`)?`webm`:e.includes(`mp4`)?`m4a`:e.includes(`ogg`)?`ogg`:e.includes(`wav`)?`wav`:`mp3`},async useRecording(){if(this.recordedBlob){if(this.seconds<3){E.warning(this.$t(`fish.message.recordingTooShort`));return}this.uploading=!0;try{let e=this.$store.state.token?.access,t=this.extensionForMime(this.recordedBlob.type||``),n=new File([this.recordedBlob],`recording-${Date.now()}.${t}`,{type:this.recordedBlob.type||`audio/webm`}),r=new FormData;r.append(`file`,n);let{data:i}=await S.post(`${C()}/api/v1/files/`,r,{headers:{Authorization:`Bearer ${e}`}}),a=i?.file_url;if(!a){E.error(this.$t(`fish.message.uploadError`));return}this.$emit(`done`,{url:a,text:this.currentScript})}catch(e){E.error(this.$t(`fish.message.uploadError`)),console.error(`recorder upload failed`,e)}finally{this.uploading=!1}}}}}),I={class:`recorder`},L={key:0,class:`script`},R={class:`script-header`},z={class:`label`},B={class:`script-text`},V={class:`controls`},H={class:`status`},U={class:`hint`},W={key:1,class:`preview`},G=[`src`],K={class:`preview-actions`},q={class:`footer`};function J(e,r,s,d,h,g){let _=p(`font-awesome-icon`),v=p(`el-button`);return u(),t(`div`,I,[e.state===`recorded`?f(``,!0):(u(),t(`div`,L,[n(`div`,R,[o(_,{icon:`fa-solid fa-book-open`,class:`icon mr-1`}),n(`span`,z,l(e.$t(`fish.description.readScript`)),1),o(v,{link:``,size:`small`,class:`ml-auto`,disabled:e.state===`recording`,onClick:e.nextScript},{default:m(()=>[o(_,{icon:`fa-solid fa-shuffle`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.nextScript`)),1)]),_:1},8,[`disabled`,`onClick`])]),n(`p`,B,l(e.currentScript),1)])),n(`div`,V,[e.state===`idle`?(u(),a(v,{key:0,type:`danger`,circle:``,size:`large`,title:e.$t(`fish.button.startRecord`),onClick:e.startRecord},{default:m(()=>[o(_,{icon:`fa-solid fa-microphone`})]),_:1},8,[`title`,`onClick`])):e.state===`recording`?(u(),a(v,{key:1,type:`warning`,circle:``,size:`large`,title:e.$t(`fish.button.stopRecord`),onClick:e.stopRecord},{default:m(()=>[o(_,{icon:`fa-solid fa-stop`})]),_:1},8,[`title`,`onClick`])):f(``,!0),n(`div`,H,[n(`span`,{class:c([`timer`,e.state===`recording`?`live`:``])},l(e.formattedTime),3),n(`span`,U,l(e.state===`idle`?e.$t(`fish.description.recorderIdle`):e.state===`recording`?e.$t(`fish.description.recorderRecording`):e.$t(`fish.description.recorderRecorded`)),1)])]),e.state===`recorded`&&e.recordedUrl?(u(),t(`div`,W,[n(`audio`,{src:e.recordedUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,G),n(`div`,K,[o(v,{size:`small`,disabled:e.uploading,onClick:e.reset},{default:m(()=>[o(_,{icon:`fa-solid fa-rotate-left`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.reRecord`)),1)]),_:1},8,[`disabled`,`onClick`]),o(v,{size:`small`,type:`primary`,loading:e.uploading,onClick:e.useRecording},{default:m(()=>[o(_,{icon:`fa-solid fa-check`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.useRecording`)),1)]),_:1},8,[`loading`,`onClick`])])])):f(``,!0),n(`div`,q,[o(v,{link:``,size:`small`,disabled:e.uploading||e.state===`recording`,onClick:e.onCancel},{default:m(()=>[i(l(e.$t(`fish.button.cancel`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var Y=w(F,[[`render`,J],[`__scopeId`,`data-v-1958e4a1`]]),X=50*1024*1024,Z=()=>({title:``,description:``,texts:``,voicesUrl:``,visibility:`unlist`,trainMode:`fast`,enhanceAudio:!0,generateSample:!1}),Q=r({name:`FishModelConfigPanel`,components:{ElButton:h,ElInput:ee,ElRadioButton:y,ElRadioGroup:b,ElSwitch:x,ElUpload:g,FontAwesomeIcon:O,Recorder:Y},mixins:[T],emits:[`create`],data(){return{form:Z(),fileList:[],uploading:!1,creating:!1,recording:!1,textsAuto:!0}},computed:{uploadUrl(){return C()+`/api/v1/files/`},uploadHeaders(){return{Authorization:`Bearer ${this.$store.state.token?.access}`}},canCreate(){return!!this.form.title.trim()&&!!this.form.voicesUrl&&!this.uploading&&!this.creating},supportsRecorder(){return!!(typeof navigator<`u`?navigator.mediaDevices:void 0)?.getUserMedia&&typeof MediaRecorder<`u`}},methods:{onBeforeUpload(e){return e.size>X?(E.warning(this.$t(`fish.message.audioSizeExceed`)),!1):(this.uploading=!0,!0)},onExceed(){E.warning(this.$t(`fish.message.audioOnlyOne`))},onUploadError(){this.uploading=!1,E.error(this.$t(`fish.message.uploadError`))},onUploadSuccess(e,t,n){this.uploading=!1;let r=e?.file_url;if(!r){E.error(this.$t(`fish.message.uploadError`)),this.fileList=[];return}this.form.voicesUrl=r,this.fileList=n},onRecorded(e){this.form.voicesUrl=e.url,this.recording=!1,e.text&&this.textsAuto&&(this.form.texts=e.text)},onStartRecord(){this.recording=!0,this.textsAuto=!this.form.texts.trim()},onScriptChange(e){this.textsAuto&&this.recording&&(this.form.texts=e)},onTextsInput(){this.textsAuto=!1},clearAudio(){this.form.voicesUrl=``,this.fileList=[]},onCreate(){let e=this.form.title.trim();if(!e){E.warning(this.$t(`fish.message.titleRequired`));return}if(!this.form.voicesUrl){E.warning(this.$t(`fish.message.audioRequired`));return}let t={title:e,voices:this.form.voicesUrl,visibility:this.form.visibility,train_mode:this.form.trainMode,enhance_audio_quality:this.form.enhanceAudio,generate_sample:this.form.generateSample};this.form.description.trim()&&(t.description=this.form.description.trim()),this.form.texts.trim()&&(t.texts=[this.form.texts.trim()]),this.creating=!0,this.$emit(`create`,t),setTimeout(()=>{this.creating=!1,this.form=Z(),this.fileList=[]},600)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`field-block mb-4`},ae={class:`title font-bold`},oe={class:`field-block mb-4`},se={class:`flex items-baseline justify-between mb-1`},ce={class:`title font-bold`},le={key:0,class:`muted`},ue={class:`hint`},de={key:0,class:`audio-actions`},fe={key:1,class:`hint warn`},pe={key:3,class:`mt-2`},me=[`src`],he={class:`ready-actions`},ge={class:`field-block mb-4`},_e={class:`title font-bold`},ve={class:`hint`},ye={class:`field-block mb-4`},be={class:`title font-bold`},xe={class:`field-block mb-4`},Se={class:`title font-bold`},Ce={class:`field-block mb-4`},we={class:`title font-bold`},Te={class:`field-block mb-3`},Ee={class:`field-row`},De={class:`title font-bold`},Oe={class:`hint mt-0 mb-0`},ke={class:`field-block mb-2`},Ae={class:`field-row`},je={class:`title font-bold`},Me={class:`hint mt-0 mb-0`},Ne={class:`flex flex-col items-center justify-center px-5 pb-5`};function Pe(e,r,s,c,d,h){let g=p(`el-input`),_=p(`font-awesome-icon`),v=p(`el-button`),y=p(`el-upload`),b=p(`recorder`),x=p(`el-radio-button`),S=p(`el-radio-group`),C=p(`el-switch`);return u(),t(`div`,ne,[n(`div`,re,[n(`div`,ie,[n(`h2`,ae,[i(l(e.$t(`fish.name.voiceTitle`))+` `,1),r[9]||=n(`span`,{class:`required`},`*`,-1)]),o(g,{modelValue:e.form.title,"onUpdate:modelValue":r[0]||=t=>e.form.title=t,placeholder:e.$t(`fish.placeholder.voiceTitle`),maxlength:`60`},null,8,[`modelValue`,`placeholder`])]),n(`div`,oe,[n(`div`,se,[n(`h2`,ce,[i(l(e.$t(`fish.name.referenceAudio`))+` `,1),r[10]||=n(`span`,{class:`required`},`*`,-1)]),!e.form.voicesUrl&&!e.recording?(u(),t(`span`,le,l(e.$t(`fish.description.audioRequired`)),1)):f(``,!0)]),n(`p`,ue,l(e.$t(`fish.description.uploadAudio`)),1),!e.form.voicesUrl&&!e.recording?(u(),t(`div`,de,[o(y,{"file-list":e.fileList,"onUpdate:fileList":r[1]||=t=>e.fileList=t,name:`file`,limit:1,class:`upload-wrapper`,action:e.uploadUrl,accept:`.mp3,.wav,.m4a,.ogg,.webm,audio/*`,"show-file-list":!1,"on-exceed":e.onExceed,"on-error":e.onUploadError,"on-success":e.onUploadSuccess,"before-upload":e.onBeforeUpload,headers:e.uploadHeaders},{default:m(()=>[o(v,{type:`primary`,plain:``,round:``,loading:e.uploading},{default:m(()=>[o(_,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`fish.button.uploadAudio`)),1)]),_:1},8,[`loading`])]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`before-upload`,`headers`]),o(v,{type:`primary`,round:``,disabled:!e.supportsRecorder,onClick:e.onStartRecord},{default:m(()=>[o(_,{icon:`fa-solid fa-microphone`,class:`icon mr-1`}),i(` `+l(e.$t(`fish.button.recordAudio`)),1)]),_:1},8,[`disabled`,`onClick`])])):f(``,!0),!e.supportsRecorder&&!e.form.voicesUrl&&!e.recording?(u(),t(`p`,fe,l(e.$t(`fish.message.recorderUnsupported`)),1)):f(``,!0),e.recording?(u(),a(b,{key:2,class:`mt-2`,onDone:e.onRecorded,onCancel:r[2]||=t=>e.recording=!1,"onUpdate:script":e.onScriptChange},null,8,[`onDone`,`onUpdate:script`])):f(``,!0),e.form.voicesUrl&&!e.recording?(u(),t(`div`,pe,[n(`audio`,{src:e.form.voicesUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,me),n(`div`,he,[o(v,{link:``,size:`small`,onClick:e.clearAudio},{default:m(()=>[o(_,{icon:`fa-solid fa-rotate-left`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.replaceAudio`)),1)]),_:1},8,[`onClick`])])])):f(``,!0)]),n(`div`,ge,[n(`h2`,_e,l(e.$t(`fish.name.audioTexts`)),1),n(`p`,ve,l(e.$t(`fish.description.audioTexts`)),1),o(g,{modelValue:e.form.texts,"onUpdate:modelValue":r[3]||=t=>e.form.texts=t,type:`textarea`,rows:2,placeholder:e.$t(`fish.placeholder.audioTexts`),maxlength:`500`,onInput:e.onTextsInput},null,8,[`modelValue`,`placeholder`,`onInput`])]),n(`div`,ye,[n(`h2`,be,l(e.$t(`fish.name.voiceDescription`)),1),o(g,{modelValue:e.form.description,"onUpdate:modelValue":r[4]||=t=>e.form.description=t,type:`textarea`,rows:2,placeholder:e.$t(`fish.placeholder.voiceDescription`),maxlength:`500`},null,8,[`modelValue`,`placeholder`])]),n(`div`,xe,[n(`h2`,Se,l(e.$t(`fish.name.visibility`)),1),o(S,{modelValue:e.form.visibility,"onUpdate:modelValue":r[5]||=t=>e.form.visibility=t,size:`small`},{default:m(()=>[o(x,{label:`private`,value:`private`},{default:m(()=>[i(l(e.$t(`fish.value.private`)),1)]),_:1}),o(x,{label:`unlist`,value:`unlist`},{default:m(()=>[i(l(e.$t(`fish.value.unlist`)),1)]),_:1}),o(x,{label:`public`,value:`public`},{default:m(()=>[i(l(e.$t(`fish.value.public`)),1)]),_:1})]),_:1},8,[`modelValue`])]),n(`div`,Ce,[n(`h2`,we,l(e.$t(`fish.name.trainMode`)),1),o(S,{modelValue:e.form.trainMode,"onUpdate:modelValue":r[6]||=t=>e.form.trainMode=t,size:`small`},{default:m(()=>[o(x,{label:`fast`,value:`fast`},{default:m(()=>[i(l(e.$t(`fish.value.trainModeFast`)),1)]),_:1}),o(x,{label:`precise`,value:`precise`},{default:m(()=>[i(l(e.$t(`fish.value.trainModePrecise`)),1)]),_:1})]),_:1},8,[`modelValue`])]),n(`div`,Te,[n(`div`,Ee,[n(`h2`,De,l(e.$t(`fish.name.enhanceAudio`)),1),o(C,{modelValue:e.form.enhanceAudio,"onUpdate:modelValue":r[7]||=t=>e.form.enhanceAudio=t},null,8,[`modelValue`])]),n(`p`,Oe,l(e.$t(`fish.description.enhanceAudio`)),1)]),n(`div`,ke,[n(`div`,Ae,[n(`h2`,je,l(e.$t(`fish.name.generateSample`)),1),o(C,{modelValue:e.form.generateSample,"onUpdate:modelValue":r[8]||=t=>e.form.generateSample=t},null,8,[`modelValue`])]),n(`p`,Me,l(e.$t(`fish.description.generateSample`)),1)])]),n(`div`,Ne,[o(v,{type:`primary`,class:`btn w-full`,round:``,disabled:!e.canCreate||e.creating,loading:e.creating,onClick:e.onCreate},{default:m(()=>[o(_,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`fish.button.createModel`)),1)]),_:1},8,[`disabled`,`loading`,`onClick`])])])}var Fe=w(Q,[[`render`,Pe],[`__scopeId`,`data-v-d8fc0e55`]]),Ie=r({name:`FishVoiceCard`,components:{ElAlert:v,ElButton:h,ElImage:_,CopyToClipboard:k,FontAwesomeIcon:O},props:{modelValue:{type:Object,required:!0}},computed:{sampleAudioUrl(){let e=this.modelValue?.samples;if(e?.length)return e[0]?.audio},voiceId(){let e=this.modelValue;return(e?.id||e?._id||e?.reference_id||``).toString()},coverSrc(){let e=this.modelValue?.cover_image;return e&&typeof e==`string`?e:void 0},createdAtLabel(){let e=this.modelValue?.created_at;if(e==null||e===``)return null;let t=typeof e==`number`?e:parseFloat(String(e));return!Number.isFinite(t)||t<=0?null:this.$dayjs.format(``+new Date(t*1e3))}},methods:{onUseVoice(){let e=this.voiceId;e&&(this.$store.commit(`fish/setConfig`,{...this.$store.state.fish?.config,reference_id:e}),this.$router.push({name:D}))}}}),Le={class:`card`},Re={class:`left`},ze={class:`main`},Be={class:`header`},Ve={class:`title`},He={key:0,class:`datetime`},Ue={key:0,class:`description`},We={key:1,class:`sample mt-2`},Ge=[`src`],Ke={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qe={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Je={class:`operations mt-2`};function Ye(e,r,s,c,h,g){let _=p(`el-image`),v=p(`font-awesome-icon`),y=p(`copy-to-clipboard`),b=p(`el-alert`),x=p(`el-button`);return u(),t(`div`,Le,[n(`div`,Re,[e.coverSrc?(u(),a(_,{key:0,src:e.coverSrc,class:`cover`,fit:`cover`},{error:m(()=>[o(_,{src:`https://cdn.acedata.cloud/e40fccc727.png`,class:`cover fallback`,fit:`cover`})]),placeholder:m(()=>[...r[0]||=[n(`div`,{class:`cover placeholder`},null,-1)]]),_:1},8,[`src`])):(u(),a(_,{key:1,src:`https://cdn.acedata.cloud/e40fccc727.png`,class:`cover fallback`,fit:`cover`}))]),n(`div`,ze,[n(`div`,Be,[n(`span`,Ve,l(e.modelValue?.title||e.$t(`fish.name.untitledVoice`)),1),e.createdAtLabel?(u(),t(`span`,He,l(e.createdAtLabel),1)):f(``,!0)]),e.modelValue?.description?(u(),t(`p`,Ue,l(e.modelValue?.description),1)):f(``,!0),e.sampleAudioUrl?(u(),t(`div`,We,[n(`audio`,{src:e.sampleAudioUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,Ge)])):f(``,!0),o(b,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.voiceId?(u(),t(`p`,Ke,[o(v,{icon:`fa-solid fa-microphone`,class:`mr-1`}),i(` `+l(e.$t(`fish.name.referenceId`))+`: `+l(e.voiceId)+` `,1),o(y,{content:e.voiceId},null,8,[`content`])])):f(``,!0),e.modelValue?.visibility?(u(),t(`p`,qe,[o(v,{icon:`fa-solid fa-eye`,class:`mr-1`}),i(` `+l(e.$t(`fish.name.visibility`))+`: `+l(e.modelValue?.visibility),1)])):f(``,!0)]),_:1}),n(`div`,Je,[o(x,{type:`primary`,size:`small`,plain:``,disabled:!e.voiceId,onClick:d(e.onUseVoice,[`stop`])},{default:m(()=>[o(v,{icon:`fa-solid fa-volume-high`,class:`mr-1`}),i(` `+l(e.$t(`fish.button.useVoice`)),1)]),_:1},8,[`disabled`,`onClick`])])])])}var Xe=r({name:`FishModelListPanel`,components:{VoiceCard:w(Ie,[[`render`,Ye],[`__scopeId`,`data-v-629e2d04`]]),BotPlaceholder:j,FontAwesomeIcon:O},props:{loading:{type:Boolean,default:!1}},computed:{voices(){return this.$store.state.fish?.voices}}}),Ze={class:`model-list-panel flex flex-col h-full`},Qe={class:`header`},$e={class:`title`},et={key:0,class:`count`},tt={class:`body flex-1 min-h-0`},$={key:0,class:`h-full`},nt={key:1,class:`w-full h-full flex flex-col items-center justify-center text-center px-6`},rt={class:`empty-title`},it={class:`empty-hint`},at={key:2,class:`w-full h-full overflow-y-auto pr-1`};function ot(r,i,c,d,m,h){let g=p(`bot-placeholder`),_=p(`font-awesome-icon`),v=p(`voice-card`);return u(),t(`div`,Ze,[n(`header`,Qe,[n(`h2`,$e,l(r.$t(`fish.title.myVoices`)),1),r.voices?.length?(u(),t(`span`,et,l(r.voices?.length),1)):f(``,!0)]),n(`div`,tt,[r.voices===void 0?(u(),t(`div`,$,[o(g)])):r.voices.length===0?(u(),t(`div`,nt,[o(_,{icon:`fa-solid fa-microphone-lines`,class:`empty-icon`}),n(`p`,rt,l(r.$t(`fish.title.noVoicesYet`)),1),n(`p`,it,l(r.$t(`fish.description.noVoicesYet`)),1)])):(u(),t(`div`,at,[(u(!0),t(s,null,e(r.voices,e=>(u(),a(v,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]))])])}var st=r({name:`FishModelIndex`,components:{ModelConfigPanel:Fe,Layout:A,ModelListPanel:w(Xe,[[`render`,ot],[`__scopeId`,`data-v-4aab2294`]]),TabSwitcher:M},inject:[`initialized`],data(){return{loading:!1}},computed:{credential(){return this.$store.state.fish?.credential}},watch:{initialized:{async handler(e){e&&await this.onGetVoices()},immediate:!0}},async mounted(){await this.onGetService()},methods:{async onGetService(){await this.$store.dispatch(`fish/getService`)},async onGetVoices(){await this.$store.dispatch(`fish/getVoices`)},async onCreate(e){let t=this.credential?.token;if(!t){console.error(`no token specified`);return}this.loading=!0,E.info(this.$t(`fish.message.creatingModel`));try{await te.createModel(e,{token:t}),E.success(this.$t(`fish.message.createModelSuccess`)),await this.onGetVoices()}catch(e){let t=e?.response?.data;t?.error?.code===`used_up`?E.error(this.$t(`fish.message.usedUp`)):E.error(t?.error?.message||this.$t(`fish.message.createModelFailed`))}finally{this.loading=!1}}}}),ct={class:`flex flex-col h-full`},lt={class:`flex-1 min-h-0`};function ut(e,t,r,i,s,c){let l=p(`tab-switcher`),d=p(`model-config-panel`),f=p(`model-list-panel`),h=p(`layout`);return u(),a(h,null,{config:m(()=>[n(`div`,ct,[o(l),n(`div`,lt,[o(d,{onCreate:e.onCreate},null,8,[`onCreate`])])])]),result:m(()=>[o(f,{loading:e.loading},null,8,[`loading`])]),_:1})}var dt=w(st,[[`render`,ut]]);export{dt as default};