@acedatacloud/nexior 3.106.0 → 3.108.0

package/dist/assets/{Index-BmbP9IN7.js → Index-BRHvzLcH.js}

@@ -1 +1 @@
-import{y as R,z as A,u as x,H as ee,ae as te,S as se,A as ie,k as V,E as oe,aZ as O,D as M,an as U,bL as ae}from"./index-Bk-O7L34.js";import{E as ne}from"./index-B543o7gJ.js";import{E as Z}from"./index-Ry6IyMkb.js";import{E as G,a as q}from"./index-CYAMxtOc.js";import{d as C,q as c,H as g,E as s,u as r,z as L,C as n,R as le,Q as I,F as a,J as w,c as P,x as _,y as o,G as H,O as re,N as de,M as j,I as h,K as W,D as u,a7 as ue}from"./vendor-vue-DU0w5ewx.js";import{E as J}from"./index-25Oi82xK.js";import{E as K}from"./index-TUxTopxs.js";import{E as p}from"./index-Cp42eF2R.js";import{E as me,a as ce}from"./index-BCxNYeqQ.js";import{E as pe}from"./index-Ce8tJ2pd.js";import{E as fe,a as he}from"./index-D2GS-Zbq.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./typescript-DMS-x3hO.js";import"./index-B_uohCDD.js";import"./index-BgPVrzUN.js";import"./use-form-item-DOP-oyAC.js";import"./castArray-D_FrG8JL.js";import"./_baseClone-DLTr8Yd-.js";import"./_Uint8Array-axOCySub.js";import"./_initCloneObject-C4ELQ6fU.js";import"./index-BuyEbX8F.js";import"./validator-Bhm9tAwh.js";import"./index-DQxhaWwh.js";import"./index-Do6OHSnf.js";import"./isPlainObject-WQTaoXoz.js";import"./_baseIteratee-BG9w6eZz.js";import"./isEqual-D4vnwyEd.js";import"./debounce-D2BAnQ-_.js";import"./index-CY1Exr69.js";import"./index-tQF8_Vp3.js";const ge=C({name:"ImgEmpty"}),be=C({...ge,setup(e){const t=A("empty"),i=x();return(d,b)=>(c(),g("svg",{viewBox:"0 0 79 86",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[s("defs",null,[s("linearGradient",{id:`linearGradient-1-${r(i)}`,x1:"38.8503086%",y1:"0%",x2:"61.1496914%",y2:"100%"},[s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,["stop-color"]),s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-4")})`,offset:"100%"},null,8,["stop-color"])],8,["id"]),s("linearGradient",{id:`linearGradient-2-${r(i)}`,x1:"0%",y1:"9.5%",x2:"100%",y2:"90.5%"},[s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,["stop-color"]),s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-6")})`,offset:"100%"},null,8,["stop-color"])],8,["id"]),s("rect",{id:`path-3-${r(i)}`,x:"0",y:"0",width:"17",height:"36"},null,8,["id"])]),s("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[s("g",{transform:"translate(-1268.000000, -535.000000)"},[s("g",{transform:"translate(1268.000000, 535.000000)"},[s("path",{d:"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",fill:`var(${r(t).cssVarBlockName("fill-color-3")})`},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-7")})`,transform:"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",points:"13 58 53 58 42 45 2 45"},null,8,["fill"]),s("g",{transform:"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"},[s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-7")})`,transform:"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",points:"2.84078316e-14 3 18 3 23 7 5 7"},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-5")})`,points:"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"},null,8,["fill"]),s("rect",{fill:`url(#linearGradient-1-${r(i)})`,transform:"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",x:"38",y:"7",width:"17",height:"36"},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-2")})`,transform:"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",points:"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"},null,8,["fill"])]),s("rect",{fill:`url(#linearGradient-2-${r(i)})`,x:"13",y:"45",width:"40",height:"36"},null,8,["fill"]),s("g",{transform:"translate(53.000000, 45.000000)"},[s("use",{fill:`var(${r(t).cssVarBlockName("fill-color-8")})`,transform:"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ","xlink:href":`#path-3-${r(i)}`},null,8,["fill","xlink:href"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-9")})`,mask:`url(#mask-4-${r(i)})`,transform:"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",points:"7 0 24 0 20 18 7 16.5"},null,8,["fill","mask"])]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-2")})`,transform:"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",points:"62 45 79 45 70 58 53 58"},null,8,["fill"])])])])]))}});var ye=R(be,[["__file","img-empty.vue"]]);const $e=ee({image:{type:String,default:""},imageSize:Number,description:{type:String,default:""}}),_e=C({name:"ElEmpty"}),ke=C({..._e,props:$e,setup(e){const t=e,{t:i}=te(),d=A("empty"),b=P(()=>t.description||i("el.table.emptyText")),k=P(()=>({width:se(t.imageSize)}));return(f,y)=>(c(),g("div",{class:I(r(d).b())},[s("div",{class:I(r(d).e("image")),style:le(r(k))},[f.image?(c(),g("img",{key:0,src:f.image,ondragstart:"return false"},null,8,["src"])):L(f.$slots,"image",{key:1},()=>[n(ye)])],6),s("div",{class:I(r(d).e("description"))},[f.$slots.description?L(f.$slots,"description",{key:0}):(c(),g("p",{key:1},a(r(b)),1))],2),f.$slots.default?(c(),g("div",{key:0,class:I(r(d).e("bottom"))},[L(f.$slots,"default")],2)):w("v-if",!0)],2))}});var ve=R(ke,[["__file","empty.vue"]]);const Q=ie(ve);class we{key="site-domains";async getAll(t={}){return await V.get(`/${this.key}/`,{params:t})}async get(t){return await V.get(`/${this.key}/${t}`)}async create(t){return await V.post(`/${this.key}/`,t)}async verify(t){return await V.post(`/${this.key}/${t}/verify/`)}async delete(t){return await V.delete(`/${this.key}/${t}`)}}const E=new we,Ce=/^[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?$/,Ve=["acedata.cloud","surl.id","localhost"];function Ee(e){let t=(e||"").trim().toLowerCase();if(!t)return{ok:!1,reason:"empty"};if(t.includes("://"))try{t=new URL(t).hostname||""}catch{return{ok:!1,reason:"invalid_url"}}if(t=t.replace(/\/.*$/,"").split(":")[0],!t)return{ok:!1,reason:"empty"};if(!t.includes("."))return{ok:!1,reason:"no_dot"};for(const d of Ve)if(t===d||t.endsWith("."+d))return{ok:!1,reason:"reserved"};const i=t.split(".");if(i.length<2)return{ok:!1,reason:"too_few_labels"};for(const d of i)if(!d||!Ce.test(d))return{ok:!1,reason:"bad_label"};return{ok:!0,value:t}}const De=C({name:"DomainsDialog",components:{ElDialog:O,ElButton:J,ElEmpty:Q,ElForm:q,ElFormItem:G,ElInput:Z,ElTag:oe,ElDivider:ne},props:{modelValue:{type:Boolean,required:!0},site:{type:Object,default:null}},emits:["update:modelValue"],data(){return{loading:!1,domains:[],bind:{hostname:""},binding:!1,busyId:null}},watch:{modelValue(e){e&&this.site?.id?this.fetchDomains():e||(this.domains=[],this.bind.hostname="",this.busyId=null)}},methods:{async fetchDomains(){if(this.site?.id){this.loading=!0;try{const{data:e}=await E.getAll({site:this.site.id});this.domains=e?.items||[]}catch(e){console.error("failed to load domains",e),p.error(this.$t("subsite.message.domainsLoadFailed"))}finally{this.loading=!1}}},async onBind(){if(!this.site?.id)return;const e=Ee(this.bind.hostname);if(!e.ok){p.warning(this.$t("subsite.message.hostnameInvalid"));return}this.binding=!0;try{const{data:t}=await E.create({site:this.site.id,hostname:e.value});p.success(this.$t("subsite.message.domainCreated")),this.domains=[t,...this.domains],this.bind.hostname=""}catch(t){const i=t?.response?.data?.hostname||t?.response?.data?.detail||t?.response?.data?.site||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainCreateFailed"))}finally{this.binding=!1}},async onVerify(e){if(e.id){this.busyId=e.id;try{const{data:t}=await E.verify(e.id);this.replaceRow(t),t.status==="Active"?p.success(this.$t("subsite.message.domainActive")):t.status==="Failed"?p.error(t.status_reason||this.$t("subsite.message.domainFailed")):p.info(this.$t("subsite.message.domainProgressed"))}catch(t){const i=t?.response?.data?.verification||t?.response?.data?.edgeone||t?.response?.data?.detail||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainVerifyFailed"))}finally{this.busyId=null}}},async onRefresh(e){if(e.id){this.busyId=e.id;try{const{data:t}=await E.get(e.id);this.replaceRow(t)}catch(t){console.error("refresh failed",t)}finally{this.busyId=null}}},async onDelete(e){if(!(!e.id||!e.hostname)){try{await K.confirm(this.$t("subsite.message.domainDeleteConfirm",{hostname:e.hostname}),this.$t("common.button.delete"),{type:"warning",confirmButtonText:this.$t("common.button.delete"),cancelButtonText:this.$t("common.button.cancel")})}catch{return}this.busyId=e.id;try{await E.delete(e.id),this.domains=this.domains.filter(t=>t.id!==e.id)}catch(t){const i=t?.response?.data?.detail||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainDeleteFailed"))}finally{this.busyId=null}}},replaceRow(e){const t=this.domains.findIndex(i=>i.id===e.id);t>=0?this.domains.splice(t,1,e):this.domains=[e,...this.domains]},canVerify(e){return e.status==="PendingDnsVerification"||e.status==="ProvisioningEo"||e.status==="ProvisioningCert"},verifyButtonLabel(e){return e==="PendingDnsVerification"?this.$t("subsite.button.verify"):this.$t("subsite.button.checkProgress")},statusLabel(e){if(!e)return"-";const t=`subsite.status.${e.charAt(0).toLowerCase()+e.slice(1)}`;return this.$t(t)},statusTagType(e){return e==="Active"?"success":e==="Failed"?"danger":e==="PendingDnsVerification"?"info":"warning"}}}),Se={class:"domains-body"},Be={class:"tip"},Ie={class:"domain-row-head"},Ne={class:"hostname"},ze={class:"row-actions"},Te={key:0,class:"status-reason error"},Le={key:1,class:"dns-instructions"},Fe={class:"instructions"},Ue={class:"dns-record"},Pe={class:"break"},Re={class:"bind-title"},Ae={class:"tip"};function Oe(e,t,i,d,b,k){const f=u("el-empty"),y=u("el-tag"),$=u("el-button"),N=u("el-divider"),v=u("el-input"),z=u("el-form-item"),T=u("el-form"),D=u("el-dialog"),S=W("loading");return c(),_(D,{"model-value":e.modelValue,title:e.$t("subsite.title.domains",{origin:e.site?.origin||""}),width:"640px",class:"domains-dialog","onUpdate:modelValue":t[3]||(t[3]=l=>e.$emit("update:modelValue",l))},{footer:o(()=>[s("span",null,[n($,{round:"",onClick:t[2]||(t[2]=l=>e.$emit("update:modelValue",!1))},{default:o(()=>[h(a(e.$t("common.button.close")),1)]),_:1}),n($,{round:"",type:"primary",loading:e.binding,disabled:!e.bind.hostname.trim(),onClick:e.onBind},{default:o(()=>[h(a(e.$t("subsite.button.bindDomain")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:o(()=>[H((c(),g("div",Se,[s("p",Be,a(e.$t("subsite.message.domainsIntro")),1),!e.loading&&e.domains.length===0?(c(),_(f,{key:0,description:e.$t("subsite.message.domainsEmpty")},null,8,["description"])):w("",!0),(c(!0),g(re,null,de(e.domains,l=>(c(),g("div",{key:l.id,class:"domain-row"},[s("div",Ie,[s("strong",Ne,a(l.hostname),1),n(y,{type:e.statusTagType(l.status),size:"small",class:"status-tag"},{default:o(()=>[h(a(e.statusLabel(l.status)),1)]),_:2},1032,["type"]),s("span",ze,[e.canVerify(l)?(c(),_($,{key:0,size:"small",type:"primary",loading:e.busyId===l.id,link:"",onClick:B=>e.onVerify(l)},{default:o(()=>[h(a(e.verifyButtonLabel(l.status)),1)]),_:2},1032,["loading","onClick"])):w("",!0),l.status!=="Active"?(c(),_($,{key:1,size:"small",link:"",loading:e.busyId===l.id,onClick:B=>e.onRefresh(l)},{default:o(()=>[h(a(e.$t("subsite.button.refresh")),1)]),_:1},8,["loading","onClick"])):w("",!0),n($,{size:"small",link:"",type:"danger",loading:e.busyId===l.id,onClick:B=>e.onDelete(l)},{default:o(()=>[h(a(e.$t("common.button.delete")),1)]),_:1},8,["loading","onClick"])])]),l.status_reason?(c(),g("div",Te,a(l.status_reason),1)):w("",!0),l.dns_instructions?(c(),g("div",Le,[s("p",Fe,a(l.dns_instructions.instructions),1),s("table",Ue,[s("tr",null,[s("th",null,a(e.$t("subsite.field.recordType")),1),s("td",null,[s("code",null,a(l.dns_instructions.record_type),1)])]),s("tr",null,[s("th",null,a(e.$t("subsite.field.recordName")),1),s("td",null,[s("code",null,a(l.dns_instructions.record_name),1)])]),s("tr",null,[s("th",null,a(e.$t("subsite.field.recordValue")),1),s("td",null,[s("code",Pe,a(l.dns_instructions.record_value),1)])])])])):w("",!0)]))),128)),n(N),s("h4",Re,a(e.$t("subsite.title.bindDomain")),1),n(T,{model:e.bind,"label-width":"auto",class:"form",onSubmit:t[1]||(t[1]=j(()=>{},["prevent"]))},{default:o(()=>[n(z,{label:e.$t("subsite.field.hostname"),required:""},{default:o(()=>[n(v,{modelValue:e.bind.hostname,"onUpdate:modelValue":t[0]||(t[0]=l=>e.bind.hostname=l),placeholder:e.$t("subsite.placeholder.hostname"),maxlength:"253",autofocus:""},null,8,["modelValue","placeholder"]),s("span",Ae,a(e.$t("subsite.message.hostnameTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])])),[[S,e.loading]])]),_:1},8,["model-value","title"])}const Me=M(De,[["render",Oe],["__scopeId","data-v-28d4f7c7"]]),Ze=/^(?!.*--)[a-z0-9][a-z0-9-]{1,30}[a-z0-9]$/,Ge=C({name:"SubsiteIndex",components:{ElRow:he,ElCol:fe,ElCard:pe,ElButton:J,ElTable:ce,ElTableColumn:me,ElEmpty:Q,ElDialog:O,ElForm:q,ElFormItem:G,ElInput:Z,DomainsDialog:Me},data(){return{Plus:ue(ae),loading:!1,items:[],creating:{visible:!1,submitting:!1,form:{slug:"",title:""}},domainsDialog:{visible:!1,site:null}}},computed:{parentSite(){return this.$store.state.site},user(){return this.$store.getters.user},subdomainZone(){const e=this.parentSite?.features?.subsite?.subdomain_zone;return e||(typeof window<"u"&&window.location?.host?window.location.host.split(":")[0]:this.parentSite?.origin||"")},maxSubsitesPerUser(){const e=this.parentSite?.features?.subsite?.max_subsites_per_user;return typeof e=="number"&&e>0?e:5},canCreate(){return!!this.subdomainZone&&!!this.user?.id&&this.items.length<this.maxSubsitesPerUser}},mounted(){this.fetchSubsites()},methods:{async fetchSubsites(){const e=this.user?.id;if(!e){this.items=[];return}this.loading=!0;try{const{data:t}=await U.getAll({user_id:e}),i=t?.items||[],d=this.parentSite?.id;this.items=i.filter(b=>{if(b.id===d)return!1;const k=b.metadata||{};return d&&k.parent_site_id?k.parent_site_id===d:!!(b.origin&&this.subdomainZone&&b.origin.endsWith(`.${this.subdomainZone}`))})}catch(t){console.error("failed to load subsites",t),p.error(this.$t("subsite.message.loadFailed"))}finally{this.loading=!1}},onOpenCreate(){this.creating.form.slug="",this.creating.form.title="",this.creating.visible=!0},onCancelCreate(){this.creating.visible=!1},async onSubmitCreate(){const e=this.creating.form.slug.trim().toLowerCase();if(!Ze.test(e)){p.warning(this.$t("subsite.message.slugInvalid"));return}if(!this.subdomainZone){p.error(this.$t("subsite.message.zoneMissing"));return}const t=`${e}.${this.subdomainZone}`;this.creating.submitting=!0;try{const{data:i}=await U.create({origin:t,title:this.creating.form.title.trim()||void 0});p.success(this.$t("subsite.message.created")),this.creating.visible=!1,this.items=[i,...this.items],K.confirm(this.$t("subsite.message.openNowConfirm",{origin:t}),this.$t("subsite.title.openNow"),{confirmButtonText:this.$t("subsite.button.open"),cancelButtonText:this.$t("common.button.cancel"),type:"success"}).then(()=>window.open(`https://${t}/`,"_blank","noopener")).catch(()=>{})}catch(i){const d=i?.response?.data?.origin||i?.response?.data?.detail||i?.message;p.error(typeof d=="string"?d:this.$t("subsite.message.createFailed"))}finally{this.creating.submitting=!1}},onOpenSite(e){e.origin&&window.open(`https://${e.origin}/`,"_blank","noopener")},onManageSite(e){e.origin&&window.open(`https://${e.origin}/site`,"_blank","noopener")},onOpenDomains(e){this.domainsDialog.site=e,this.domainsDialog.visible=!0},rowUrl(e){return e.origin?`https://${e.origin}/`:"#"},formatDate(e){if(!e)return"-";try{return new Date(e).toLocaleString()}catch{return e}}}}),qe={class:"title"},He={class:"tip"},je=["href"],We={class:"tip"};function Je(e,t,i,d,b,k){const f=u("el-col"),y=u("el-button"),$=u("el-row"),N=u("el-empty"),v=u("el-table-column"),z=u("el-table"),T=u("el-card"),D=u("el-input"),S=u("el-form-item"),l=u("el-form"),B=u("el-dialog"),X=u("domains-dialog"),Y=W("loading");return c(),_($,{class:"panel"},{default:o(()=>[n(f,{span:24},{default:o(()=>[n($,{class:"header",justify:"space-between",align:"middle"},{default:o(()=>[n(f,{md:16,xs:24},{default:o(()=>[s("h2",qe,a(e.$t("subsite.title.index")),1),s("p",He,a(e.$t("subsite.message.indexTip")),1)]),_:1}),n(f,{md:8,xs:24,class:"header-actions"},{default:o(()=>[n(y,{type:"primary",round:"",icon:e.Plus,disabled:!e.canCreate,onClick:e.onOpenCreate},{default:o(()=>[h(a(e.$t("subsite.button.create")),1)]),_:1},8,["icon","disabled","onClick"])]),_:1})]),_:1}),H((c(),_(T,{shadow:"hover",class:"list-card"},{default:o(()=>[!e.loading&&e.items.length===0?(c(),_(N,{key:0,description:e.$t("subsite.message.empty")},null,8,["description"])):(c(),_(z,{key:1,data:e.items,stripe:""},{default:o(()=>[n(v,{label:e.$t("subsite.field.origin"),prop:"origin"},{default:o(({row:m})=>[s("a",{href:e.rowUrl(m),target:"_blank",rel:"noopener",class:"origin-link"},a(m.origin),9,je)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.title"),prop:"title"},{default:o(({row:m})=>[s("span",null,a(m.title||"-"),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.createdAt"),prop:"created_at",width:"180"},{default:o(({row:m})=>[s("span",null,a(e.formatDate(m.created_at)),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.actions"),width:"260",fixed:"right"},{default:o(({row:m})=>[n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onOpenSite(m)},{default:o(()=>[h(a(e.$t("subsite.button.open")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onManageSite(m)},{default:o(()=>[h(a(e.$t("subsite.button.manage")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onOpenDomains(m)},{default:o(()=>[h(a(e.$t("subsite.button.domains")),1)]),_:1},8,["onClick"])]),_:1},8,["label"])]),_:1},8,["data"]))]),_:1})),[[Y,e.loading]])]),_:1}),n(B,{modelValue:e.creating.visible,"onUpdate:modelValue":t[3]||(t[3]=m=>e.creating.visible=m),title:e.$t("subsite.title.create"),width:"480px",class:"create-dialog"},{footer:o(()=>[s("span",null,[n(y,{round:"",onClick:e.onCancelCreate},{default:o(()=>[h(a(e.$t("common.button.cancel")),1)]),_:1},8,["onClick"]),n(y,{round:"",type:"primary",loading:e.creating.submitting,disabled:!e.creating.form.slug.trim(),onClick:e.onSubmitCreate},{default:o(()=>[h(a(e.$t("common.button.confirm")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:o(()=>[n(l,{model:e.creating.form,"label-width":"auto",class:"form",onSubmit:t[2]||(t[2]=j(()=>{},["prevent"]))},{default:o(()=>[n(S,{label:e.$t("subsite.field.slug"),required:""},{default:o(()=>[n(D,{modelValue:e.creating.form.slug,"onUpdate:modelValue":t[0]||(t[0]=m=>e.creating.form.slug=m),placeholder:e.$t("subsite.placeholder.slug"),maxlength:"32","show-word-limit":"",autofocus:""},{append:o(()=>[h("."+a(e.subdomainZone),1)]),_:1},8,["modelValue","placeholder"]),s("span",We,a(e.$t("subsite.message.slugTip")),1)]),_:1},8,["label"]),n(S,{label:e.$t("subsite.field.title")},{default:o(()=>[n(D,{modelValue:e.creating.form.title,"onUpdate:modelValue":t[1]||(t[1]=m=>e.creating.form.title=m),placeholder:e.$t("subsite.placeholder.title"),maxlength:"80"},null,8,["modelValue","placeholder"])]),_:1},8,["label"])]),_:1},8,["model"])]),_:1},8,["modelValue","title"]),n(X,{modelValue:e.domainsDialog.visible,"onUpdate:modelValue":t[4]||(t[4]=m=>e.domainsDialog.visible=m),site:e.domainsDialog.site},null,8,["modelValue","site"])]),_:1})}const Dt=M(Ge,[["render",Je],["__scopeId","data-v-b054ab8b"]]);export{Dt as default};
+import{y as R,z as A,u as x,H as ee,ae as te,S as se,A as ie,k as V,E as oe,aZ as O,D as M,an as U,bL as ae}from"./index-CnxV03kA.js";import{E as ne}from"./index-BXYIQVCp.js";import{E as Z}from"./index-CAois4ub.js";import{E as G,a as q}from"./index-sUPnpVwg.js";import{d as C,q as c,H as g,E as s,u as r,z as L,C as n,R as le,Q as I,F as a,J as w,c as P,x as _,y as o,G as H,O as re,N as de,M as j,I as h,K as W,D as u,a7 as ue}from"./vendor-vue-DU0w5ewx.js";import{E as J}from"./index-DRNT-3tY.js";import{E as K}from"./index-HsCXET59.js";import{E as p}from"./index-D9jYVi3R.js";import{E as me,a as ce}from"./index-DAILxU5_.js";import{E as pe}from"./index-Y0NlT3jW.js";import{E as fe,a as he}from"./index-BqfmO_GZ.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./typescript-D-y7TKkl.js";import"./index-CGzKdsQS.js";import"./index-DhIU2Ld8.js";import"./use-form-item-n1D0HOVh.js";import"./castArray-DCHtvbqo.js";import"./_baseClone-CLa2JSau.js";import"./_Uint8Array-BtL2weNZ.js";import"./_initCloneObject-toOyHWRX.js";import"./index-BuyEbX8F.js";import"./validator-kdYNLPlp.js";import"./index-CRyZ32qo.js";import"./index-C36XUd3I.js";import"./isPlainObject-C951NK-Z.js";import"./_baseIteratee-D4xvLM3s.js";import"./isEqual-BUu7kkim.js";import"./debounce-BSdgAkOS.js";import"./index-CvU5FK4u.js";import"./index-B_sHRuvM.js";const ge=C({name:"ImgEmpty"}),be=C({...ge,setup(e){const t=A("empty"),i=x();return(d,b)=>(c(),g("svg",{viewBox:"0 0 79 86",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[s("defs",null,[s("linearGradient",{id:`linearGradient-1-${r(i)}`,x1:"38.8503086%",y1:"0%",x2:"61.1496914%",y2:"100%"},[s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,["stop-color"]),s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-4")})`,offset:"100%"},null,8,["stop-color"])],8,["id"]),s("linearGradient",{id:`linearGradient-2-${r(i)}`,x1:"0%",y1:"9.5%",x2:"100%",y2:"90.5%"},[s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,["stop-color"]),s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-6")})`,offset:"100%"},null,8,["stop-color"])],8,["id"]),s("rect",{id:`path-3-${r(i)}`,x:"0",y:"0",width:"17",height:"36"},null,8,["id"])]),s("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[s("g",{transform:"translate(-1268.000000, -535.000000)"},[s("g",{transform:"translate(1268.000000, 535.000000)"},[s("path",{d:"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",fill:`var(${r(t).cssVarBlockName("fill-color-3")})`},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-7")})`,transform:"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",points:"13 58 53 58 42 45 2 45"},null,8,["fill"]),s("g",{transform:"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"},[s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-7")})`,transform:"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",points:"2.84078316e-14 3 18 3 23 7 5 7"},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-5")})`,points:"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"},null,8,["fill"]),s("rect",{fill:`url(#linearGradient-1-${r(i)})`,transform:"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",x:"38",y:"7",width:"17",height:"36"},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-2")})`,transform:"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",points:"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"},null,8,["fill"])]),s("rect",{fill:`url(#linearGradient-2-${r(i)})`,x:"13",y:"45",width:"40",height:"36"},null,8,["fill"]),s("g",{transform:"translate(53.000000, 45.000000)"},[s("use",{fill:`var(${r(t).cssVarBlockName("fill-color-8")})`,transform:"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ","xlink:href":`#path-3-${r(i)}`},null,8,["fill","xlink:href"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-9")})`,mask:`url(#mask-4-${r(i)})`,transform:"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",points:"7 0 24 0 20 18 7 16.5"},null,8,["fill","mask"])]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-2")})`,transform:"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",points:"62 45 79 45 70 58 53 58"},null,8,["fill"])])])])]))}});var ye=R(be,[["__file","img-empty.vue"]]);const $e=ee({image:{type:String,default:""},imageSize:Number,description:{type:String,default:""}}),_e=C({name:"ElEmpty"}),ke=C({..._e,props:$e,setup(e){const t=e,{t:i}=te(),d=A("empty"),b=P(()=>t.description||i("el.table.emptyText")),k=P(()=>({width:se(t.imageSize)}));return(f,y)=>(c(),g("div",{class:I(r(d).b())},[s("div",{class:I(r(d).e("image")),style:le(r(k))},[f.image?(c(),g("img",{key:0,src:f.image,ondragstart:"return false"},null,8,["src"])):L(f.$slots,"image",{key:1},()=>[n(ye)])],6),s("div",{class:I(r(d).e("description"))},[f.$slots.description?L(f.$slots,"description",{key:0}):(c(),g("p",{key:1},a(r(b)),1))],2),f.$slots.default?(c(),g("div",{key:0,class:I(r(d).e("bottom"))},[L(f.$slots,"default")],2)):w("v-if",!0)],2))}});var ve=R(ke,[["__file","empty.vue"]]);const Q=ie(ve);class we{key="site-domains";async getAll(t={}){return await V.get(`/${this.key}/`,{params:t})}async get(t){return await V.get(`/${this.key}/${t}`)}async create(t){return await V.post(`/${this.key}/`,t)}async verify(t){return await V.post(`/${this.key}/${t}/verify/`)}async delete(t){return await V.delete(`/${this.key}/${t}`)}}const E=new we,Ce=/^[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?$/,Ve=["acedata.cloud","surl.id","localhost"];function Ee(e){let t=(e||"").trim().toLowerCase();if(!t)return{ok:!1,reason:"empty"};if(t.includes("://"))try{t=new URL(t).hostname||""}catch{return{ok:!1,reason:"invalid_url"}}if(t=t.replace(/\/.*$/,"").split(":")[0],!t)return{ok:!1,reason:"empty"};if(!t.includes("."))return{ok:!1,reason:"no_dot"};for(const d of Ve)if(t===d||t.endsWith("."+d))return{ok:!1,reason:"reserved"};const i=t.split(".");if(i.length<2)return{ok:!1,reason:"too_few_labels"};for(const d of i)if(!d||!Ce.test(d))return{ok:!1,reason:"bad_label"};return{ok:!0,value:t}}const De=C({name:"DomainsDialog",components:{ElDialog:O,ElButton:J,ElEmpty:Q,ElForm:q,ElFormItem:G,ElInput:Z,ElTag:oe,ElDivider:ne},props:{modelValue:{type:Boolean,required:!0},site:{type:Object,default:null}},emits:["update:modelValue"],data(){return{loading:!1,domains:[],bind:{hostname:""},binding:!1,busyId:null}},watch:{modelValue(e){e&&this.site?.id?this.fetchDomains():e||(this.domains=[],this.bind.hostname="",this.busyId=null)}},methods:{async fetchDomains(){if(this.site?.id){this.loading=!0;try{const{data:e}=await E.getAll({site:this.site.id});this.domains=e?.items||[]}catch(e){console.error("failed to load domains",e),p.error(this.$t("subsite.message.domainsLoadFailed"))}finally{this.loading=!1}}},async onBind(){if(!this.site?.id)return;const e=Ee(this.bind.hostname);if(!e.ok){p.warning(this.$t("subsite.message.hostnameInvalid"));return}this.binding=!0;try{const{data:t}=await E.create({site:this.site.id,hostname:e.value});p.success(this.$t("subsite.message.domainCreated")),this.domains=[t,...this.domains],this.bind.hostname=""}catch(t){const i=t?.response?.data?.hostname||t?.response?.data?.detail||t?.response?.data?.site||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainCreateFailed"))}finally{this.binding=!1}},async onVerify(e){if(e.id){this.busyId=e.id;try{const{data:t}=await E.verify(e.id);this.replaceRow(t),t.status==="Active"?p.success(this.$t("subsite.message.domainActive")):t.status==="Failed"?p.error(t.status_reason||this.$t("subsite.message.domainFailed")):p.info(this.$t("subsite.message.domainProgressed"))}catch(t){const i=t?.response?.data?.verification||t?.response?.data?.edgeone||t?.response?.data?.detail||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainVerifyFailed"))}finally{this.busyId=null}}},async onRefresh(e){if(e.id){this.busyId=e.id;try{const{data:t}=await E.get(e.id);this.replaceRow(t)}catch(t){console.error("refresh failed",t)}finally{this.busyId=null}}},async onDelete(e){if(!(!e.id||!e.hostname)){try{await K.confirm(this.$t("subsite.message.domainDeleteConfirm",{hostname:e.hostname}),this.$t("common.button.delete"),{type:"warning",confirmButtonText:this.$t("common.button.delete"),cancelButtonText:this.$t("common.button.cancel")})}catch{return}this.busyId=e.id;try{await E.delete(e.id),this.domains=this.domains.filter(t=>t.id!==e.id)}catch(t){const i=t?.response?.data?.detail||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainDeleteFailed"))}finally{this.busyId=null}}},replaceRow(e){const t=this.domains.findIndex(i=>i.id===e.id);t>=0?this.domains.splice(t,1,e):this.domains=[e,...this.domains]},canVerify(e){return e.status==="PendingDnsVerification"||e.status==="ProvisioningEo"||e.status==="ProvisioningCert"},verifyButtonLabel(e){return e==="PendingDnsVerification"?this.$t("subsite.button.verify"):this.$t("subsite.button.checkProgress")},statusLabel(e){if(!e)return"-";const t=`subsite.status.${e.charAt(0).toLowerCase()+e.slice(1)}`;return this.$t(t)},statusTagType(e){return e==="Active"?"success":e==="Failed"?"danger":e==="PendingDnsVerification"?"info":"warning"}}}),Se={class:"domains-body"},Be={class:"tip"},Ie={class:"domain-row-head"},Ne={class:"hostname"},ze={class:"row-actions"},Te={key:0,class:"status-reason error"},Le={key:1,class:"dns-instructions"},Fe={class:"instructions"},Ue={class:"dns-record"},Pe={class:"break"},Re={class:"bind-title"},Ae={class:"tip"};function Oe(e,t,i,d,b,k){const f=u("el-empty"),y=u("el-tag"),$=u("el-button"),N=u("el-divider"),v=u("el-input"),z=u("el-form-item"),T=u("el-form"),D=u("el-dialog"),S=W("loading");return c(),_(D,{"model-value":e.modelValue,title:e.$t("subsite.title.domains",{origin:e.site?.origin||""}),width:"640px",class:"domains-dialog","onUpdate:modelValue":t[3]||(t[3]=l=>e.$emit("update:modelValue",l))},{footer:o(()=>[s("span",null,[n($,{round:"",onClick:t[2]||(t[2]=l=>e.$emit("update:modelValue",!1))},{default:o(()=>[h(a(e.$t("common.button.close")),1)]),_:1}),n($,{round:"",type:"primary",loading:e.binding,disabled:!e.bind.hostname.trim(),onClick:e.onBind},{default:o(()=>[h(a(e.$t("subsite.button.bindDomain")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:o(()=>[H((c(),g("div",Se,[s("p",Be,a(e.$t("subsite.message.domainsIntro")),1),!e.loading&&e.domains.length===0?(c(),_(f,{key:0,description:e.$t("subsite.message.domainsEmpty")},null,8,["description"])):w("",!0),(c(!0),g(re,null,de(e.domains,l=>(c(),g("div",{key:l.id,class:"domain-row"},[s("div",Ie,[s("strong",Ne,a(l.hostname),1),n(y,{type:e.statusTagType(l.status),size:"small",class:"status-tag"},{default:o(()=>[h(a(e.statusLabel(l.status)),1)]),_:2},1032,["type"]),s("span",ze,[e.canVerify(l)?(c(),_($,{key:0,size:"small",type:"primary",loading:e.busyId===l.id,link:"",onClick:B=>e.onVerify(l)},{default:o(()=>[h(a(e.verifyButtonLabel(l.status)),1)]),_:2},1032,["loading","onClick"])):w("",!0),l.status!=="Active"?(c(),_($,{key:1,size:"small",link:"",loading:e.busyId===l.id,onClick:B=>e.onRefresh(l)},{default:o(()=>[h(a(e.$t("subsite.button.refresh")),1)]),_:1},8,["loading","onClick"])):w("",!0),n($,{size:"small",link:"",type:"danger",loading:e.busyId===l.id,onClick:B=>e.onDelete(l)},{default:o(()=>[h(a(e.$t("common.button.delete")),1)]),_:1},8,["loading","onClick"])])]),l.status_reason?(c(),g("div",Te,a(l.status_reason),1)):w("",!0),l.dns_instructions?(c(),g("div",Le,[s("p",Fe,a(l.dns_instructions.instructions),1),s("table",Ue,[s("tr",null,[s("th",null,a(e.$t("subsite.field.recordType")),1),s("td",null,[s("code",null,a(l.dns_instructions.record_type),1)])]),s("tr",null,[s("th",null,a(e.$t("subsite.field.recordName")),1),s("td",null,[s("code",null,a(l.dns_instructions.record_name),1)])]),s("tr",null,[s("th",null,a(e.$t("subsite.field.recordValue")),1),s("td",null,[s("code",Pe,a(l.dns_instructions.record_value),1)])])])])):w("",!0)]))),128)),n(N),s("h4",Re,a(e.$t("subsite.title.bindDomain")),1),n(T,{model:e.bind,"label-width":"auto",class:"form",onSubmit:t[1]||(t[1]=j(()=>{},["prevent"]))},{default:o(()=>[n(z,{label:e.$t("subsite.field.hostname"),required:""},{default:o(()=>[n(v,{modelValue:e.bind.hostname,"onUpdate:modelValue":t[0]||(t[0]=l=>e.bind.hostname=l),placeholder:e.$t("subsite.placeholder.hostname"),maxlength:"253",autofocus:""},null,8,["modelValue","placeholder"]),s("span",Ae,a(e.$t("subsite.message.hostnameTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])])),[[S,e.loading]])]),_:1},8,["model-value","title"])}const Me=M(De,[["render",Oe],["__scopeId","data-v-28d4f7c7"]]),Ze=/^(?!.*--)[a-z0-9][a-z0-9-]{1,30}[a-z0-9]$/,Ge=C({name:"SubsiteIndex",components:{ElRow:he,ElCol:fe,ElCard:pe,ElButton:J,ElTable:ce,ElTableColumn:me,ElEmpty:Q,ElDialog:O,ElForm:q,ElFormItem:G,ElInput:Z,DomainsDialog:Me},data(){return{Plus:ue(ae),loading:!1,items:[],creating:{visible:!1,submitting:!1,form:{slug:"",title:""}},domainsDialog:{visible:!1,site:null}}},computed:{parentSite(){return this.$store.state.site},user(){return this.$store.getters.user},subdomainZone(){const e=this.parentSite?.features?.subsite?.subdomain_zone;return e||(typeof window<"u"&&window.location?.host?window.location.host.split(":")[0]:this.parentSite?.origin||"")},maxSubsitesPerUser(){const e=this.parentSite?.features?.subsite?.max_subsites_per_user;return typeof e=="number"&&e>0?e:5},canCreate(){return!!this.subdomainZone&&!!this.user?.id&&this.items.length<this.maxSubsitesPerUser}},mounted(){this.fetchSubsites()},methods:{async fetchSubsites(){const e=this.user?.id;if(!e){this.items=[];return}this.loading=!0;try{const{data:t}=await U.getAll({user_id:e}),i=t?.items||[],d=this.parentSite?.id;this.items=i.filter(b=>{if(b.id===d)return!1;const k=b.metadata||{};return d&&k.parent_site_id?k.parent_site_id===d:!!(b.origin&&this.subdomainZone&&b.origin.endsWith(`.${this.subdomainZone}`))})}catch(t){console.error("failed to load subsites",t),p.error(this.$t("subsite.message.loadFailed"))}finally{this.loading=!1}},onOpenCreate(){this.creating.form.slug="",this.creating.form.title="",this.creating.visible=!0},onCancelCreate(){this.creating.visible=!1},async onSubmitCreate(){const e=this.creating.form.slug.trim().toLowerCase();if(!Ze.test(e)){p.warning(this.$t("subsite.message.slugInvalid"));return}if(!this.subdomainZone){p.error(this.$t("subsite.message.zoneMissing"));return}const t=`${e}.${this.subdomainZone}`;this.creating.submitting=!0;try{const{data:i}=await U.create({origin:t,title:this.creating.form.title.trim()||void 0});p.success(this.$t("subsite.message.created")),this.creating.visible=!1,this.items=[i,...this.items],K.confirm(this.$t("subsite.message.openNowConfirm",{origin:t}),this.$t("subsite.title.openNow"),{confirmButtonText:this.$t("subsite.button.open"),cancelButtonText:this.$t("common.button.cancel"),type:"success"}).then(()=>window.open(`https://${t}/`,"_blank","noopener")).catch(()=>{})}catch(i){const d=i?.response?.data?.origin||i?.response?.data?.detail||i?.message;p.error(typeof d=="string"?d:this.$t("subsite.message.createFailed"))}finally{this.creating.submitting=!1}},onOpenSite(e){e.origin&&window.open(`https://${e.origin}/`,"_blank","noopener")},onManageSite(e){e.origin&&window.open(`https://${e.origin}/site`,"_blank","noopener")},onOpenDomains(e){this.domainsDialog.site=e,this.domainsDialog.visible=!0},rowUrl(e){return e.origin?`https://${e.origin}/`:"#"},formatDate(e){if(!e)return"-";try{return new Date(e).toLocaleString()}catch{return e}}}}),qe={class:"title"},He={class:"tip"},je=["href"],We={class:"tip"};function Je(e,t,i,d,b,k){const f=u("el-col"),y=u("el-button"),$=u("el-row"),N=u("el-empty"),v=u("el-table-column"),z=u("el-table"),T=u("el-card"),D=u("el-input"),S=u("el-form-item"),l=u("el-form"),B=u("el-dialog"),X=u("domains-dialog"),Y=W("loading");return c(),_($,{class:"panel"},{default:o(()=>[n(f,{span:24},{default:o(()=>[n($,{class:"header",justify:"space-between",align:"middle"},{default:o(()=>[n(f,{md:16,xs:24},{default:o(()=>[s("h2",qe,a(e.$t("subsite.title.index")),1),s("p",He,a(e.$t("subsite.message.indexTip")),1)]),_:1}),n(f,{md:8,xs:24,class:"header-actions"},{default:o(()=>[n(y,{type:"primary",round:"",icon:e.Plus,disabled:!e.canCreate,onClick:e.onOpenCreate},{default:o(()=>[h(a(e.$t("subsite.button.create")),1)]),_:1},8,["icon","disabled","onClick"])]),_:1})]),_:1}),H((c(),_(T,{shadow:"hover",class:"list-card"},{default:o(()=>[!e.loading&&e.items.length===0?(c(),_(N,{key:0,description:e.$t("subsite.message.empty")},null,8,["description"])):(c(),_(z,{key:1,data:e.items,stripe:""},{default:o(()=>[n(v,{label:e.$t("subsite.field.origin"),prop:"origin"},{default:o(({row:m})=>[s("a",{href:e.rowUrl(m),target:"_blank",rel:"noopener",class:"origin-link"},a(m.origin),9,je)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.title"),prop:"title"},{default:o(({row:m})=>[s("span",null,a(m.title||"-"),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.createdAt"),prop:"created_at",width:"180"},{default:o(({row:m})=>[s("span",null,a(e.formatDate(m.created_at)),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.actions"),width:"260",fixed:"right"},{default:o(({row:m})=>[n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onOpenSite(m)},{default:o(()=>[h(a(e.$t("subsite.button.open")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onManageSite(m)},{default:o(()=>[h(a(e.$t("subsite.button.manage")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onOpenDomains(m)},{default:o(()=>[h(a(e.$t("subsite.button.domains")),1)]),_:1},8,["onClick"])]),_:1},8,["label"])]),_:1},8,["data"]))]),_:1})),[[Y,e.loading]])]),_:1}),n(B,{modelValue:e.creating.visible,"onUpdate:modelValue":t[3]||(t[3]=m=>e.creating.visible=m),title:e.$t("subsite.title.create"),width:"480px",class:"create-dialog"},{footer:o(()=>[s("span",null,[n(y,{round:"",onClick:e.onCancelCreate},{default:o(()=>[h(a(e.$t("common.button.cancel")),1)]),_:1},8,["onClick"]),n(y,{round:"",type:"primary",loading:e.creating.submitting,disabled:!e.creating.form.slug.trim(),onClick:e.onSubmitCreate},{default:o(()=>[h(a(e.$t("common.button.confirm")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:o(()=>[n(l,{model:e.creating.form,"label-width":"auto",class:"form",onSubmit:t[2]||(t[2]=j(()=>{},["prevent"]))},{default:o(()=>[n(S,{label:e.$t("subsite.field.slug"),required:""},{default:o(()=>[n(D,{modelValue:e.creating.form.slug,"onUpdate:modelValue":t[0]||(t[0]=m=>e.creating.form.slug=m),placeholder:e.$t("subsite.placeholder.slug"),maxlength:"32","show-word-limit":"",autofocus:""},{append:o(()=>[h("."+a(e.subdomainZone),1)]),_:1},8,["modelValue","placeholder"]),s("span",We,a(e.$t("subsite.message.slugTip")),1)]),_:1},8,["label"]),n(S,{label:e.$t("subsite.field.title")},{default:o(()=>[n(D,{modelValue:e.creating.form.title,"onUpdate:modelValue":t[1]||(t[1]=m=>e.creating.form.title=m),placeholder:e.$t("subsite.placeholder.title"),maxlength:"80"},null,8,["modelValue","placeholder"])]),_:1},8,["label"])]),_:1},8,["model"])]),_:1},8,["modelValue","title"]),n(X,{modelValue:e.domainsDialog.visible,"onUpdate:modelValue":t[4]||(t[4]=m=>e.domainsDialog.visible=m),site:e.domainsDialog.site},null,8,["modelValue","site"])]),_:1})}const Dt=M(Ge,[["render",Je],["__scopeId","data-v-b054ab8b"]]);export{Dt as default};

package/dist/assets/{Index-BUH5gnd0.css → Index-BSgYtcBS.css}

@@ -1 +1 @@
-.menu[data-v-8fa7523c]{display:none}@media(max-width:767px){.config[data-v-8fa7523c]{display:none}.result[data-v-8fa7523c]{width:100%}.menu[data-v-8fa7523c]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.field[data-v-04059875]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-04059875]{font-size:14px;margin:0;width:30%}.field .value[data-v-04059875]{width:120px}.field[data-v-9a8fa3c5]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .header[data-v-9a8fa3c5]{display:flex;flex-direction:row;align-items:center;width:50%}.field .header .title[data-v-9a8fa3c5]{font-size:14px;margin:0}.field .value[data-v-9a8fa3c5]{width:120px}.opt-disabled[data-v-9a8fa3c5]{color:var(--el-text-color-disabled)}.opt-tip[data-v-9a8fa3c5]{margin-left:8px;font-size:11px;color:var(--el-text-color-placeholder)}.field[data-v-aa1a22a1]{display:flex;flex-direction:column}.field .header[data-v-aa1a22a1]{display:flex;flex-direction:row;align-items:center}.field .header .title[data-v-aa1a22a1]{font-size:14px;margin:0}.field .header .value-display[data-v-aa1a22a1]{margin-left:auto;font-size:13px;font-weight:600;color:var(--el-color-primary);min-width:40px;text-align:right}.field .slider[data-v-aa1a22a1]{margin:4px 8px 18px}.title[data-v-cdb14b2f]{font-size:14px;margin-bottom:10px}.items[data-v-cdb14b2f]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.items .item[data-v-cdb14b2f]{width:48px;height:70px;border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:10px;transition:background-color .2s ease,border-color .2s ease}.items .item .preview[data-v-cdb14b2f]{margin-top:8px;width:30px;height:30px;margin-bottom:4px;display:flex;flex-direction:row;align-items:center;justify-content:center}.items .item .preview .rect[data-v-cdb14b2f]{border:1px solid var(--el-border-color-lighter);width:20px;height:20px;border-radius:2px}.items .item .name[data-v-cdb14b2f]{display:block;font-size:12px;color:var(--el-text-color-primary)}.items .item[data-v-cdb14b2f]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-cdb14b2f]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-cdb14b2f]{border-color:var(--el-color-primary)}.title[data-v-40832274]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-40832274]{position:absolute;top:5px;right:0}.title[data-v-6959ad44]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-6959ad44]{position:absolute;top:5px;right:0}.field[data-v-fb7b34d0]{display:flex;flex-direction:column;gap:8px}.field .header[data-v-fb7b34d0]{display:flex;flex-direction:row;align-items:center}.field .value[data-v-fb7b34d0]{width:100%}.config-grid[data-v-fb7b34d0]{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:8px;background-color:var(--el-fill-color-lighter)}.config-grid .cfg-row[data-v-fb7b34d0]{display:flex;flex-direction:column;gap:0}.config-grid .cfg-row .cfg-row-head[data-v-fb7b34d0]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.config-grid .cfg-row .cfg-row-head .cfg-name[data-v-fb7b34d0]{font-size:12px;color:var(--el-text-color-regular)}.config-grid .cfg-row .cfg-row-head .cfg-num[data-v-fb7b34d0]{width:100px}.pills[data-v-5fc4fa65]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pill[data-v-5fc4fa65]{display:inline-flex;align-items:center;padding:3px 4px 3px 10px;border-radius:999px;background-color:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-7);color:var(--el-color-primary);font-size:12px;line-height:1;max-width:100%}.pill .pill-text[data-v-5fc4fa65]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.pill .pill-remove[data-v-5fc4fa65]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;padding:0;border:none;background:transparent;border-radius:50%;color:var(--el-color-primary);cursor:pointer;font-size:10px}.pill .pill-remove[data-v-5fc4fa65]:hover{background-color:var(--el-color-primary-light-7)}.field .box[data-v-0a5c57b8]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;margin-bottom:6px}.field .box .title[data-v-0a5c57b8]{font-size:14px;margin:0}.field .box .actions[data-v-0a5c57b8]{display:inline-flex;align-items:center;gap:4px}.field .box .inspiration-btn[data-v-0a5c57b8]{font-size:12px;color:var(--el-color-primary);padding:0 6px;height:24px}.field .info[data-v-0a5c57b8]{margin-left:4px}.field .box[data-v-de98cf01]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-de98cf01]{font-size:14px;margin-bottom:10px}.field .info[data-v-de98cf01]{margin-left:auto}.drawer-content[data-v-7d457a69]{display:flex;flex-direction:column;height:100%;padding:16px 18px 24px;overflow-y:auto}.drawer-header[data-v-7d457a69]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-header .title-row[data-v-7d457a69]{display:inline-flex;align-items:center;font-size:16px;font-weight:600;color:var(--el-text-color-primary)}.drawer-header .close-btn[data-v-7d457a69]{padding:6px;height:32px;width:32px}.hint[data-v-7d457a69]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:12px;line-height:1.5}.selected-bar[data-v-7d457a69]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background-color:var(--el-color-primary-light-9);border-radius:8px;font-size:12px}.selected-bar .selected-text[data-v-7d457a69]{color:var(--el-color-primary);font-weight:500}.groups[data-v-7d457a69]{display:flex;flex-direction:column;gap:18px}.group .group-title[data-v-7d457a69]{font-size:13px;font-weight:600;color:var(--el-text-color-regular);margin-bottom:8px}.group .chip-grid[data-v-7d457a69]{display:flex;flex-wrap:wrap;gap:8px}.chip[data-v-7d457a69]{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);color:var(--el-text-color-regular);font-size:13px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.chip[data-v-7d457a69]:hover{border-color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9)}.chip.active[data-v-7d457a69]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);font-weight:500}.kling-inspiration-drawer .el-drawer__body{padding:0}.summary-chip[data-v-418a6733]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;margin-bottom:10px;border-radius:999px;background-color:var(--el-fill-color-light);color:var(--el-text-color-regular);font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.summary-chip .part[data-v-418a6733]{white-space:nowrap}.summary-chip .dot[data-v-418a6733]{color:var(--el-text-color-disabled)}.summary-chip .audio[data-v-418a6733]{margin-left:4px;color:var(--el-color-primary);font-size:11px}.btn.btn-upload[data-v-37d42da7]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.btn.btn-upload[data-v-5cf93212]{position:absolute;top:5px;right:0}.field .box[data-v-ca9fdbe5]{display:flex;flex-direction:row;align-items:center;position:relative}.field .box .title[data-v-ca9fdbe5]{font-size:14px;margin-bottom:10px}.field .info[data-v-ca9fdbe5]{margin-left:auto}.field[data-v-7a91195b]{display:flex;flex-direction:column;gap:6px}.field .header[data-v-7a91195b]{display:flex;flex-direction:row;align-items:center}.field[data-v-1295688c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .header[data-v-1295688c]{display:flex;flex-direction:row;align-items:center;width:50%}.field .header .title[data-v-1295688c]{font-size:14px;margin:0}.field .value[data-v-1295688c]{width:120px}.kling-tabs[data-v-c6b8d834]{flex:none;padding:0 8px;background-color:var(--app-sidebar-bg)}.kling-tabs[data-v-c6b8d834] .el-tabs__header{margin:0}.kling-tabs[data-v-c6b8d834] .el-tabs__nav-wrap:after{height:1px}.kling-tabs[data-v-c6b8d834] .el-tabs__item{height:38px;line-height:38px;font-size:13px;padding:0 6px}.kling-tabs .tab-label[data-v-c6b8d834]{display:inline-flex;align-items:center;white-space:nowrap}.kling-tabs .tab-label .text[data-v-c6b8d834]{max-width:100%;overflow:hidden;text-overflow:ellipsis}.kling-tabs .tab-label .badge[data-v-c6b8d834]{margin-left:4px;font-size:9px;height:16px;line-height:14px;padding:0 4px}.preview[data-v-cddeff01]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-cddeff01]{width:70px}.preview .left .avatar[data-v-cddeff01]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-cddeff01]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-cddeff01]{font-size:16px;font-weight:700;color:var(--el-color-primary);margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview .main .bot .datetime[data-v-cddeff01]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info[data-v-cddeff01]{overflow:hidden}.preview .main .info .prompt[data-v-cddeff01]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.preview .main .content[data-v-cddeff01]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-cddeff01]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-cddeff01]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-cddeff01]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-cddeff01]{border-color:var(--el-color-info)}.preview .main .operations[data-v-cddeff01]{display:flex;justify-content:left;flex-direction:row;width:100%;align-items:baseline;flex-wrap:wrap;overflow:hidden;text-align:center;color:var(--el-text-color-regular);font-size:14px;overflow-y:scroll}.preview .main .operations.full[data-v-cddeff01]{height:70px}.preview .main .operations .btn-action[data-v-cddeff01]{margin-bottom:10px}
+.menu[data-v-8fa7523c]{display:none}@media(max-width:767px){.config[data-v-8fa7523c]{display:none}.result[data-v-8fa7523c]{width:100%}.menu[data-v-8fa7523c]{display:block;position:absolute;right:8px;top:45px;z-index:1000}}.field[data-v-04059875]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .title[data-v-04059875]{font-size:14px;margin:0;width:30%}.field .value[data-v-04059875]{width:120px}.field[data-v-9a8fa3c5]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .header[data-v-9a8fa3c5]{display:flex;flex-direction:row;align-items:center;width:50%}.field .header .title[data-v-9a8fa3c5]{font-size:14px;margin:0}.field .value[data-v-9a8fa3c5]{width:120px}.opt-disabled[data-v-9a8fa3c5]{color:var(--el-text-color-disabled)}.opt-tip[data-v-9a8fa3c5]{margin-left:8px;font-size:11px;color:var(--el-text-color-placeholder)}.field[data-v-aa1a22a1]{display:flex;flex-direction:column}.field .header[data-v-aa1a22a1]{display:flex;flex-direction:row;align-items:center}.field .header .title[data-v-aa1a22a1]{font-size:14px;margin:0}.field .header .value-display[data-v-aa1a22a1]{margin-left:auto;font-size:13px;font-weight:600;color:var(--el-color-primary);min-width:40px;text-align:right}.field .slider[data-v-aa1a22a1]{margin:4px 8px 18px}.title[data-v-cdb14b2f]{font-size:14px;margin-bottom:10px}.items[data-v-cdb14b2f]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.items .item[data-v-cdb14b2f]{width:48px;height:70px;border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:10px;transition:background-color .2s ease,border-color .2s ease}.items .item .preview[data-v-cdb14b2f]{margin-top:8px;width:30px;height:30px;margin-bottom:4px;display:flex;flex-direction:row;align-items:center;justify-content:center}.items .item .preview .rect[data-v-cdb14b2f]{border:1px solid var(--el-border-color-lighter);width:20px;height:20px;border-radius:2px}.items .item .name[data-v-cdb14b2f]{display:block;font-size:12px;color:var(--el-text-color-primary)}.items .item[data-v-cdb14b2f]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-cdb14b2f]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-cdb14b2f]{border-color:var(--el-color-primary)}.title[data-v-40832274]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-40832274]{position:absolute;top:5px;right:0}.title[data-v-6959ad44]{font-size:14px;margin-bottom:0;width:30%}.btn.btn-upload[data-v-6959ad44]{position:absolute;top:5px;right:0}.field[data-v-fb7b34d0]{display:flex;flex-direction:column;gap:8px}.field .header[data-v-fb7b34d0]{display:flex;flex-direction:row;align-items:center}.field .value[data-v-fb7b34d0]{width:100%}.config-grid[data-v-fb7b34d0]{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:8px;background-color:var(--el-fill-color-lighter)}.config-grid .cfg-row[data-v-fb7b34d0]{display:flex;flex-direction:column;gap:0}.config-grid .cfg-row .cfg-row-head[data-v-fb7b34d0]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.config-grid .cfg-row .cfg-row-head .cfg-name[data-v-fb7b34d0]{font-size:12px;color:var(--el-text-color-regular)}.config-grid .cfg-row .cfg-row-head .cfg-num[data-v-fb7b34d0]{width:100px}.pills[data-v-5fc4fa65]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pill[data-v-5fc4fa65]{display:inline-flex;align-items:center;padding:3px 4px 3px 10px;border-radius:999px;background-color:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-7);color:var(--el-color-primary);font-size:12px;line-height:1;max-width:100%}.pill .pill-text[data-v-5fc4fa65]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.pill .pill-remove[data-v-5fc4fa65]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;padding:0;border:none;background:transparent;border-radius:50%;color:var(--el-color-primary);cursor:pointer;font-size:10px}.pill .pill-remove[data-v-5fc4fa65]:hover{background-color:var(--el-color-primary-light-7)}.field .box[data-v-0a5c57b8]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;margin-bottom:6px}.field .box .title[data-v-0a5c57b8]{font-size:14px;margin:0}.field .box .actions[data-v-0a5c57b8]{display:inline-flex;align-items:center;gap:4px}.field .box .inspiration-btn[data-v-0a5c57b8]{font-size:12px;color:var(--el-color-primary);padding:0 6px;height:24px}.field .info[data-v-0a5c57b8]{margin-left:4px}.field .box[data-v-de98cf01]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.field .box .title[data-v-de98cf01]{font-size:14px;margin-bottom:10px}.field .info[data-v-de98cf01]{margin-left:auto}.drawer-content[data-v-7d457a69]{display:flex;flex-direction:column;height:100%;padding:16px 18px 24px;overflow-y:auto}.drawer-header[data-v-7d457a69]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-header .title-row[data-v-7d457a69]{display:inline-flex;align-items:center;font-size:16px;font-weight:600;color:var(--el-text-color-primary)}.drawer-header .close-btn[data-v-7d457a69]{padding:6px;height:32px;width:32px}.hint[data-v-7d457a69]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:12px;line-height:1.5}.selected-bar[data-v-7d457a69]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background-color:var(--el-color-primary-light-9);border-radius:8px;font-size:12px}.selected-bar .selected-text[data-v-7d457a69]{color:var(--el-color-primary);font-weight:500}.groups[data-v-7d457a69]{display:flex;flex-direction:column;gap:18px}.group .group-title[data-v-7d457a69]{font-size:13px;font-weight:600;color:var(--el-text-color-regular);margin-bottom:8px}.group .chip-grid[data-v-7d457a69]{display:flex;flex-wrap:wrap;gap:8px}.chip[data-v-7d457a69]{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);color:var(--el-text-color-regular);font-size:13px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.chip[data-v-7d457a69]:hover{border-color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9)}.chip.active[data-v-7d457a69]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);font-weight:500}.kling-inspiration-drawer .el-drawer__body{padding:0}.summary-chip[data-v-418a6733]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;margin-bottom:10px;border-radius:999px;background-color:var(--el-fill-color-light);color:var(--el-text-color-regular);font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.summary-chip .part[data-v-418a6733]{white-space:nowrap}.summary-chip .dot[data-v-418a6733]{color:var(--el-text-color-disabled)}.summary-chip .audio[data-v-418a6733]{margin-left:4px;color:var(--el-color-primary);font-size:11px}.btn.btn-upload[data-v-37d42da7]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.btn.btn-upload[data-v-5cf93212]{position:absolute;top:5px;right:0}.field .box[data-v-ca9fdbe5]{display:flex;flex-direction:row;align-items:center;position:relative}.field .box .title[data-v-ca9fdbe5]{font-size:14px;margin-bottom:10px}.field .info[data-v-ca9fdbe5]{margin-left:auto}.field[data-v-7a91195b]{display:flex;flex-direction:column;gap:6px}.field .header[data-v-7a91195b]{display:flex;flex-direction:row;align-items:center}.field[data-v-1295688c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .header[data-v-1295688c]{display:flex;flex-direction:row;align-items:center;width:50%}.field .header .title[data-v-1295688c]{font-size:14px;margin:0}.field .value[data-v-1295688c]{width:120px}.kling-tabs[data-v-bf00c27e]{flex:none;padding:0 8px;background-color:var(--app-sidebar-bg)}.kling-tabs[data-v-bf00c27e] .el-tabs__header{margin:0}.kling-tabs[data-v-bf00c27e] .el-tabs__nav-wrap:after{height:1px}.kling-tabs[data-v-bf00c27e] .el-tabs__item{height:38px;line-height:38px;font-size:13px;padding:0 6px}.kling-tabs .tab-label[data-v-bf00c27e]{display:inline-flex;align-items:center;white-space:nowrap}.kling-tabs .tab-label .text[data-v-bf00c27e]{max-width:100%;overflow:hidden;text-overflow:ellipsis}.kling-tabs .tab-label .badge[data-v-bf00c27e]{margin-left:4px;font-size:9px;height:16px;line-height:14px;padding:0 4px}.preview[data-v-e8e87659]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-e8e87659]{width:70px}.preview .left .avatar[data-v-e8e87659]{width:50px;height:50px;margin:10px;border-radius:50%}.preview .main[data-v-e8e87659]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-e8e87659]{font-size:16px;font-weight:700;color:var(--el-color-primary);margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview .main .bot .datetime[data-v-e8e87659]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info[data-v-e8e87659]{overflow:hidden}.preview .main .info .prompt[data-v-e8e87659]{font-size:16px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.preview .main .content[data-v-e8e87659]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-e8e87659]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-e8e87659]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-e8e87659]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-e8e87659]{border-color:var(--el-color-info)}.preview .main .operations[data-v-e8e87659]{display:flex;justify-content:left;flex-direction:row;width:100%;align-items:baseline;flex-wrap:wrap;overflow:hidden;text-align:center;color:var(--el-text-color-regular);font-size:14px;overflow-y:scroll}.preview .main .operations.full[data-v-e8e87659]{height:70px}.preview .main .operations .btn-action[data-v-e8e87659]{margin-bottom:10px}

package/dist/assets/Index-BUhhttiR.js

@@ -0,0 +1 @@
+import{F as U}from"./index.es-CR5c3J-H.js";import{E as L}from"./index-DRNT-3tY.js";import{E as q}from"./index-CtIMFI1x.js";import{d as b,H as c,E as n,z as C,C as t,y as m,D as s,q as a,F as l,I as h,x as v,J as f,M,Q as T,O as F,N as H}from"./vendor-vue-DU0w5ewx.js";import{D as w,b0 as j,ao as z}from"./index-CnxV03kA.js";import{a as J,b as K,c as Q}from"./luma-DcySqBv2.js";import{I as S,S as x}from"./ScrollList-CLSW3Dbs.js";import{E as R}from"./index-DCAfo8xw.js";import{p as D}from"./pasteUploadMixin-BurWbGNQ.js";import{I as B}from"./ImagePreview-Dh9-XvKp.js";import{E as A}from"./index-DAIZ68Ng.js";import{E}from"./index-D9jYVi3R.js";import{F as W}from"./FilePreview-Bo7MaLrW.js";import{E as X}from"./index-CAois4ub.js";import{V as O}from"./VideoPlayer-e--8Rl5J.js";import{C as Y}from"./Consumption-DtKxSOW0.js";import{a as Z}from"./price-WuGL9UMF.js";import{b as ee}from"./errorCode-Cqj9Td_Z.js";import{l as te}from"./luma-La5liYsl.js";import{C as oe}from"./CopyToClipboard-D8MfLJZp.js";import{E as se}from"./index-C36XUd3I.js";import{E as ne}from"./index-BGWjIWtx.js";import{E as ae}from"./index-DOwlxqQ4.js";import{B as le}from"./BotPlaceholder-PAjP823v.js";import{N as ie}from"./NoTasks-DqYFgS_3.js";import{l as re}from"./pagination-CcnL0MdN.js";import"./use-form-item-n1D0HOVh.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./validator-kdYNLPlp.js";import"./index-CGzKdsQS.js";import"./index-DPvEmYP7.js";import"./typescript-D-y7TKkl.js";import"./_baseClone-CLa2JSau.js";import"./_Uint8Array-BtL2weNZ.js";import"./_initCloneObject-toOyHWRX.js";import"./isEqual-BUu7kkim.js";import"./index-DhIU2Ld8.js";import"./vue-plyr-BO2nlN4c.js";import"./debounce-BSdgAkOS.js";import"./index-CFMP3iYS.js";const ce=b({name:"LayoutLuma",components:{ElDrawer:q,ElButton:L,FontAwesomeIcon:U},data(){return{drawer:!1}}}),me={class:"main flex flex-row flex-1"},de={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ue={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function pe(e,o,_,$,k,y){const r=s("font-awesome-icon"),u=s("el-button"),d=s("el-drawer");return a(),c("div",me,[n("div",de,[C(e.$slots,"config",{},void 0,!0)]),n("div",ue,[C(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=g=>e.drawer=!0)},{default:m(()=>[t(r,{icon:"fa-solid fa-magic"})]),_:1}),t(d,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"350px",class:"drawer"},{default:m(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const fe=w(ce,[["render",pe],["__scopeId","data-v-7be1f25b"]]),_e=b({name:"EnhancementSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug("set enhancement",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=J)}}),he={class:"relative"},$e={class:"flex justify-between"},ge={class:"flex justify-start items-center"},ve={class:"text-sm font-bold"},be={class:"flex justify-end items-center"};function we(e,o,_,$,k,y){const r=s("info-icon"),u=s("el-switch");return a(),c("div",he,[n("div",$e,[n("div",ge,[n("span",ve,l(e.$t("luma.name.enhancement")),1),t(r,{content:e.$t("luma.description.enhancement")},null,8,["content"])]),n("div",be,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=d=>e.value=d),class:"value"},null,8,["modelValue"])])])])}const ke=w(_e,[["render",we]]),ye=b({name:"CustomSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug("set custom",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=K)}}),Ee={class:"relative"},Ve={class:"flex justify-between"},Se={class:"flex justify-start items-center"},Ue={class:"text-sm font-bold"},Le={class:"flex justify-end items-center"};function Ie(e,o,_,$,k,y){const r=s("info-icon"),u=s("el-switch");return a(),c("div",Ee,[n("div",Ve,[n("div",Se,[n("span",Ue,l(e.$t("luma.name.custom")),1),t(r,{content:e.$t("luma.description.custom")},null,8,["content"])]),n("div",Le,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=d=>e.value=d),class:"value"},null,8,["modelValue"])])])])}const Te=w(ye,[["render",Ie]]),Ce=b({name:"LoopSelector",components:{ElSwitch:R,InfoIcon:S},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug("set loop",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=Q)}}),je={class:"relative"},Re={class:"flex justify-between"},Ae={class:"flex justify-start items-center"},Pe={class:"text-sm font-bold"},Ge={class:"flex justify-end items-center"};function Me(e,o,_,$,k,y){const r=s("info-icon"),u=s("el-switch");return a(),c("div",je,[n("div",Re,[n("div",Ae,[n("span",Pe,l(e.$t("luma.name.loop")),1),t(r,{content:e.$t("luma.description.loop")},null,8,["content"])]),n("div",Ge,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=d=>e.value=d),class:"value"},null,8,["modelValue"])])])])}const Fe=w(Ce,[["render",Me]]),ze=b({name:"EndImage",components:{ElUpload:A,ElButton:L,ImagePreview:B,InfoIcon:S,FontAwesomeIcon:U},mixins:[D],data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),De={class:"relative"},Be={class:"flex justify-between"},Oe={class:"flex justify-start items-center"},Ne={class:"text-sm font-bold"};function qe(e,o,_,$,k,y){const r=s("info-icon"),u=s("image-preview"),d=s("font-awesome-icon"),g=s("el-button"),p=s("el-upload");return a(),c("div",De,[n("div",Be,[n("div",Oe,[n("span",Ne,l(e.$t("luma.name.endImageUrl")),1),t(r,{content:e.$t("luma.description.endImageUrl")},null,8,["content"])])]),t(p,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=i=>e.fileList=i),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:i})=>[i.url&&i.percentage!==void 0?(a(),v(u,{key:0,url:i.url,name:i.name,percentage:i.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(i),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(g,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(d,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("luma.button.uploadEndImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const He=w(ze,[["render",qe],["__scopeId","data-v-7a787b4d"]]),Je=b({name:"StartImage",components:{ElUpload:A,ElButton:L,ImagePreview:B,InfoIcon:S,FontAwesomeIcon:U},mixins:[D],data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("luma.message.uploadReferencesExceed"))},onError(){E.error(this.$t("luma.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ke={class:"relative"},Qe={class:"flex justify-between"},xe={class:"flex justify-start items-center"},We={class:"text-sm font-bold"};function Xe(e,o,_,$,k,y){const r=s("info-icon"),u=s("image-preview"),d=s("font-awesome-icon"),g=s("el-button"),p=s("el-upload");return a(),c("div",Ke,[n("div",Qe,[n("div",xe,[n("span",We,l(e.$t("luma.name.startImageUrl")),1),t(r,{content:e.$t("luma.description.startImageUrl")},null,8,["content"])])]),t(p,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=i=>e.fileList=i),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:i})=>[i.percentage!=null?(a(),v(u,{key:0,url:i.url||i.response.file_url,name:i.name,percentage:i.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(i),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(g,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(d,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("luma.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ye=w(Je,[["render",Xe],["__scopeId","data-v-8c5cfe84"]]),Ze=b({name:"UploadVideo",components:{ElUpload:A,ElButton:L,InfoIcon:S,FilePreview:W,FontAwesomeIcon:U},data(){return{fileList:[],uploadUrl:j()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||(this.value=void 0)},methods:{onExceed(){E.warning(this.$t("luma.message.uploadVideoExceed"))},onError(){E.error(this.$t("luma.message.uploadVideoError"))},beforeUpload(e){const o=e.type==="video/mp4",_=e.size/1024/1024<10;return o?_?!0:(E.error(this.$t("luma.message.uploadVideoSizeExceed")),!1):(E.error(this.$t("luma.message.uploadVideoTypeFailed")),!1)},onSetVideoUrl(){const e=this.urls?.[0];this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_url:e,action:"extend"})},async onSuccess(){this.onSetVideoUrl()}}}),et={class:"relative"},tt={class:"flex justify-between"},ot={class:"flex justify-start items-center"},st={class:"text-sm font-bold"};function nt(e,o,_,$,k,y){const r=s("info-icon"),u=s("file-preview"),d=s("font-awesome-icon"),g=s("el-button"),p=s("el-upload");return a(),c("div",et,[n("div",tt,[n("div",ot,[n("span",st,l(e.$t("luma.name.videoUrl")),1),t(r,{content:e.$t("luma.description.videoUrl")},null,8,["content"])])]),t(p,{"file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=i=>e.fileList=i),accept:".mp4",name:"file",class:"value","show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:i})=>[i.percentage!=null?(a(),v(u,{key:0,url:i.url||i.response?.file_url,name:i.name,percentage:i.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(i),1)},null,8,["url","name","percentage","onRemove"])):f("",!0)]),default:m(()=>[t(g,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[t(d,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("luma.button.uploadVideoUrl")),1)]),_:1})]),_:1},8,["file-list","action","before-upload","on-exceed","on-error","on-success","headers"])])}const at=w(Ze,[["render",nt],["__scopeId","data-v-74e51526"]]),lt="",it=b({name:"PromptInput",components:{ElInput:X,InfoIcon:S},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=lt)}}),rt={class:"field"},ct={class:"box"},mt={class:"title font-bold"};function dt(e,o,_,$,k,y){const r=s("info-icon"),u=s("el-input");return a(),c("div",rt,[n("div",ct,[n("h2",mt,l(e.$t("luma.name.prompt")),1),t(r,{content:e.$t("luma.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=d=>e.prompt=d),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("luma.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const ut=w(it,[["render",dt],["__scopeId","data-v-281baab8"]]),pt=b({name:"ExtendFromInput",components:{VideoPlayer:O},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.luma?.config}}}),ft={class:"relative"},_t={class:"flex mb-2"},ht={class:"text-sm font-bold"};function $t(e,o,_,$,k,y){const r=s("video-player");return a(),c("div",ft,[n("div",_t,[n("span",ht,l(e.$t("luma.name.extend")),1)]),n("div",null,[e.config?.video_url?(a(),v(r,{key:0,src:e.config?.video_url},null,8,["src"])):f("",!0)])])}const gt=w(pt,[["render",$t]]),vt=b({name:"ConfigPanel",components:{LoopSelector:Fe,StartImageInput:Ye,EndImageInput:He,EnhancementSelector:ke,ElButton:L,FontAwesomeIcon:U,PromptInput:ut,ExtendFromInput:gt,CustomSelector:Te,UploadVideo:at,Consumption:Y},emits:["generate"],computed:{config(){return this.$store.state.luma?.config},consumption(){return Z(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit("generate")}}}),bt={class:"flex flex-col h-full"},wt={class:"flex-1 overflow-y-auto p-5"},kt={class:"flex flex-col items-center justify-center px-5 pb-5"};function yt(e,o,_,$,k,y){const r=s("extend-from-input"),u=s("prompt-input"),d=s("custom-selector"),g=s("upload-video"),p=s("start-image-input"),i=s("end-image-input"),V=s("enhancement-selector"),I=s("loop-selector"),N=s("consumption"),P=s("font-awesome-icon"),G=s("el-button");return a(),c("div",bt,[n("div",wt,[e.config?.video_id||e.config?.video_url?(a(),v(r,{key:0,class:"mb-4"})):f("",!0),t(u,{class:"mb-4"}),e.config?.video_id?f("",!0):(a(),v(d,{key:1,class:"mb-4"})),e.config?.custom?(a(),v(g,{key:2,class:"mb-4"})):f("",!0),!(e.config?.video_id||e.config?.video_url)&&!e.config?.custom?(a(),v(p,{key:3,class:"mb-4"})):f("",!0),t(i,{class:"mb-4"}),t(V,{class:"mb-4"}),t(I,{class:"mb-4"})]),n("div",kt,[t(N,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(a(),v(G,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(P,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("luma.button.extend")),1)]),_:1},8,["onClick"])):(a(),v(G,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(P,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("luma.button.generate")),1)]),_:1},8,["onClick"]))])])}const Et=w(vt,[["render",yt]]),Vt=b({name:"TaskPreview",components:{ElImage:ae,CopyToClipboard:oe,FontAwesomeIcon:U,ElAlert:ne,VideoPlayer:O,ElTooltip:se,ElButton:L},props:{modelValue:{type:Object,required:!0}},emits:["extend"],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,o){console.debug("set config",o),this.$store.commit("luma/setConfig",{...this.$store.state.luma?.config,video_id:o.video_id,prompt:o.prompt,action:"extend",thumbnail_url:o.thumbnail_url,video_url:o.video_url}),this.$emit("extend")},onDownload(e){window.open(e,"_blank")}}}),St={class:"preview"},Ut={class:"left"},Lt={class:"main"},It={class:"bot"},Tt={class:"datetime"},Ct={class:"info"},jt={key:0,class:"prompt mt-2"},Rt={key:0},At={key:1},Pt={key:0,class:T({content:!0,failed:!0})},Gt={key:0,class:"mb-4"},Mt={key:1,class:T({operations:!0,"mt-2":!0,"mb-4":!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Dt={key:1,class:T({content:!0})},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ht={key:2,class:T({content:!0})},Jt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Kt(e,o,_,$,k,y){const r=s("el-image"),u=s("video-player"),d=s("el-button"),g=s("el-tooltip"),p=s("font-awesome-icon"),i=s("copy-to-clipboard"),V=s("el-alert");return a(),c("div",St,[n("div",Ut,[t(r,{src:"https://cdn.acedata.cloud/ahjfwi.png",class:"avatar"})]),n("div",Lt,[n("div",It,[h(l(e.$t("luma.name.lumaBot"))+" ",1),n("span",Tt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),n("div",Ct,[e.modelValue?.request?.prompt?(a(),c("p",jt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Rt," - ("+l(e.$t("luma.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),c("span",At," - ("+l(e.$t("luma.status.processing"))+") ",1)):f("",!0)])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Pt,[e.modelValue.response.video_url?(a(),c("div",Gt,[t(u,{src:e.modelValue.response.video_url},null,8,["src"])])):f("",!0),e.modelValue?.response&&!e.config?.custom?(a(),c("div",Mt,[t(g,{class:"box-item",effect:"dark",content:e.$t("luma.message.extendVideo"),placement:"top-start"},{default:m(()=>[t(d,{type:"info",size:"small",class:"btn-action",onClick:o[0]||(o[0]=M(I=>e.onExtend(I,e.modelValue?.response),["stop"]))},{default:m(()=>[h(l(e.$t("luma.button.extend")),1)]),_:1})]),_:1},8,["content"]),t(g,{class:"box-item",effect:"dark",content:e.$t("luma.message.downloadVideo"),placement:"top-start"},{default:m(()=>[t(d,{type:"info",size:"small",class:"btn-action",onClick:o[1]||(o[1]=M(I=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:m(()=>[h(l(e.$t("luma.button.download")),1)]),_:1})]),_:1},8,["content"])])):f("",!0),t(V,{closable:!1,class:"mt-2 success"},{default:m(()=>[n("p",Ft,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("luma.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(a(),c("p",zt,[t(p,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+l(e.$t("luma.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.state==="failed"||e.modelValue?.response?.success===!1?(a(),c("div",Dt,[t(V,{closable:!1,class:"failure"},{template:m(()=>[t(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("luma.name.failure")),1)]),default:m(()=>[n("p",Bt,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("luma.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id},null,8,["content"])]),n("p",Ot,[t(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("luma.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),t(i,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(a(),c("p",Nt,[t(p,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+l(e.$t("luma.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):f("",!0),n("p",qt,[t(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("luma.name.traceId"))+": "+l(e.modelValue?.trace_id)+" ",1),t(i,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):f("",!0),!e.modelValue?.response||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"?(a(),c("div",Ht,[t(V,{closable:!1,class:"info"},{template:m(()=>[t(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("luma.name.failure")),1)]),default:m(()=>[n("p",Jt,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("luma.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):f("",!0)])])}const Qt=w(Vt,[["render",Kt],["__scopeId","data-v-bcbb3d1c"]]),xt=b({name:"RecentPanel",components:{BotPlaceholder:le,TaskPreview:Qt,NoTasks:ie,ScrollList:x},props:{loading:{type:Boolean,default:!1}},emits:["reach-top","extend"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Wt={key:0},Xt={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,o,_,$,k,y){const r=s("bot-placeholder"),u=s("task-preview"),d=s("scroll-list"),g=s("no-tasks");return a(),c(F,null,[e.tasks?.items===void 0?(a(),c("div",Wt,[t(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),v(d,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:o[1]||(o[1]=p=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),c(F,null,H(e.tasks?.items,p=>(a(),v(u,{key:p.id,"model-value":p,onExtend:o[0]||(o[0]=i=>e.$emit("extend"))},null,8,["model-value"]))),128))]),_:1},8,["loading"])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",Xt,[t(g)])):f("",!0)],64)}const Zt=w(xt,[["render",Yt]]),eo="https://webhook.acedata.cloud/luma",to=b({name:"LumaIndex",components:{ConfigPanel:Et,Layout:fe,RecentPanel:Zt},inject:["initialized"],emits:["extend"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===z.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await re({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("luma/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("luma/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){console.debug("scrolling down"),await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:_,createdAtMax:$}=e||{};console.debug("limit",o,"createdAtMin",_,"createdAtMax",$),this.fetchingTasks=!0;try{await this.$store.dispatch("luma/getTasks",{limit:o,createdAtMin:_,createdAtMax:$})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:eo},o=this.credential?.token;if(!o){console.error("no token specified");return}E.info(this.$t("luma.message.startingTask")),te.generate(e,{token:o}).then(()=>{E.success(this.$t("luma.message.startTaskSuccess"))}).catch(_=>{_?.response?.data?.error?.code===ee?E.error(this.$t("luma.message.usedUp")):E.error(this.$t("luma.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function oo(e,o,_,$,k,y){const r=s("config-panel"),u=s("recent-panel"),d=s("layout");return a(),v(d,null,{config:m(()=>[t(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:o[0]||(o[0]=g=>e.$emit("extend"))},null,8,["loading","onReachTop"])]),_:1})}const Ko=w(to,[["render",oo]]);export{Ko as default};

package/dist/assets/{Index-GDj6u4d5.js → Index-BWsajPgD.js}

@@ -1 +1 @@
-import{F as D}from"./index.es-B2ceJEe-.js";import{E as W}from"./index-25Oi82xK.js";import{E as oe}from"./index-Cu3g7nB4.js";import{d as b,H as c,E as o,z as B,C as s,y as d,D as r,q as n,F as a,O as G,N as q,J as f,x as v,I as U,G as R,K as H,M as E,u as A,c as T,w as se,L as ne}from"./vendor-vue-DU0w5ewx.js";import{D as V,b0 as re,e2 as Y,e3 as Q,R as K,G as ie,ao as L,e4 as Z,e5 as ae,a6 as le}from"./index-Bk-O7L34.js";import{a as ce}from"./errorCode-Cqj9Td_Z.js";import{p as I}from"./producer-DzJnaKD8.js";import{b as de}from"./producer-DP85fuAq.js";import{E as ue}from"./index-YxPqkKIL.js";import{E as pe,a as me}from"./index-Bd4BP7So.js";import{I as F,S as fe}from"./ScrollList-aZu_p1B4.js";import{E as he}from"./index-D7vWKmzW.js";import{E as w}from"./index-Cp42eF2R.js";import{E as z}from"./index-Ry6IyMkb.js";import{u as j,F as _e,O as $e,_ as ee,P as ge,a as ve,V as ye,E as ke}from"./IconPark.vue_vue_type_script_setup_true_lang-Sl16svi6.js";import{E as X,a as x}from"./index-DFo9jeHo.js";import{E as N}from"./index-Bxu6veir.js";import{E as be,a as we}from"./index-CDT-Snwp.js";import{E as Ce,a as Ve}from"./index-Dwj1xevj.js";import{C as Se}from"./Consumption-DYQFnbqu.js";import{a as Ue}from"./price-BfW_ZaN-.js";import{E as Pe,b as Ee,a as Ae}from"./index-BF94xmZz.js";import{E as Te}from"./index-Do6OHSnf.js";import{E as Fe}from"./index-BuOK2l4t.js";import{N as Ie}from"./NoTasks-D1kN6xBe.js";import{a as Le,E as Ge}from"./index-C1iMhCA7.js";import{l as je}from"./pagination-CcnL0MdN.js";import"./use-form-item-DOP-oyAC.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./validator-Bhm9tAwh.js";import"./index-B_uohCDD.js";import"./index-DQxhaWwh.js";import"./typescript-DMS-x3hO.js";import"./strings-DigWlKo9.js";import"./isEqual-D4vnwyEd.js";import"./_Uint8Array-axOCySub.js";import"./castArray-D_FrG8JL.js";import"./debounce-D2BAnQ-_.js";import"./_baseIteratee-BG9w6eZz.js";import"./index-tQF8_Vp3.js";import"./index-CIXUtLqg.js";import"./_baseClone-DLTr8Yd-.js";import"./_initCloneObject-C4ELQ6fU.js";import"./index-BgPVrzUN.js";import"./index-Bz0iDXPF.js";import"./index-GFPsC8yY.js";import"./dropdown-DkKlWf_G.js";const De=b({name:"LayoutProducer",components:{ElDrawer:oe,ElButton:W,FontAwesomeIcon:D},data(){return{drawer:!1,preview:!1}},computed:{}}),Re={class:"main flex flex-row flex-1"},Ze={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ze={class:"result h-full flex flex-col flex-1 min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"},Ne={class:"preview h-full w-[300px] flex flex-col"};function Me(e,t,l,i,h,p){const u=r("font-awesome-icon"),m=r("el-button"),_=r("el-drawer");return n(),c("div",Re,[o("div",Ze,[B(e.$slots,"config",{},void 0,!0)]),o("div",ze,[B(e.$slots,"result",{},void 0,!0)]),o("div",Ne,[B(e.$slots,"preview",{},void 0,!0)]),s(m,{circle:"",class:"menu",onClick:t[0]||(t[0]=$=>e.drawer=!0)},{default:d(()=>[s(u,{icon:"fa-solid fa-magic"})]),_:1}),s(_,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=$=>e.drawer=$),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[B(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Oe=V(De,[["render",Me],["__scopeId","data-v-7453886f"]]),Be=b({name:"TypeSelector",components:{ElSelect:me,ElOption:pe,ElSwitch:ue},data(){return{options:[{label:"FUZZ-2.0 Pro",value:"FUZZ-2.0 Pro",info:"8 min"},{label:"FUZZ-2.0",value:"FUZZ-2.0",info:"8 min"},{label:"FUZZ-2.0 Raw",value:"FUZZ-2.0 Raw",info:"8 min"},{label:"FUZZ-1.1 Pro",value:"FUZZ-1.1 Pro",info:"4 min"},{label:"FUZZ-1.0 Pro",value:"FUZZ-1.0 Pro",info:"4 min"},{label:"FUZZ-1.1",value:"FUZZ-1.1",info:"4 min"},{label:"FUZZ-1.0",value:"FUZZ-1.0",info:"2 min"},{label:"FUZZ-0.8",value:"FUZZ-0.8",info:"2 min"}]}},computed:{custom:{get(){return this.$store.state.producer?.config?.custom||!1},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,custom:e})}},instrumental:{get(){return this.$store.state.producer?.config?.instrumental||!1},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,instrumental:e})}},model:{get(){return this.$store.state.producer?.config?.model},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:e})}}},mounted(){this.model||(this.model=de)}}),qe={class:"flex items-center justify-between mb-3"},We={class:"text-sm font-bold"},He={class:"mb-3"},Ke={class:"flex items-center mb-1"},Je={class:"text-sm font-bold"},Ye={class:"flex items-center justify-between w-full"},Qe={class:"text-xs text-[var(--el-text-color-placeholder)]"},Xe={key:0,class:"flex items-center justify-between mb-3"},xe={class:"text-sm font-bold"};function et(e,t,l,i,h,p){const u=r("el-switch"),m=r("el-option"),_=r("el-select");return n(),c("div",null,[o("div",qe,[o("span",We,a(e.$t("producer.name.type")),1),s(u,{modelValue:e.custom,"onUpdate:modelValue":t[0]||(t[0]=$=>e.custom=$)},null,8,["modelValue"])]),o("div",He,[o("div",Ke,[o("span",Je,a(e.$t("producer.name.model")),1)]),s(_,{modelValue:e.model,"onUpdate:modelValue":t[1]||(t[1]=$=>e.model=$),class:"w-full",size:"default",placeholder:e.$t("producer.placeholder.select")},{default:d(()=>[(n(!0),c(G,null,q(e.options,$=>(n(),v(m,{key:$.value,label:$.label,value:$.value},{default:d(()=>[o("div",Ye,[o("span",null,a($.label),1),o("span",Qe,a($.info),1)])]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])]),e.custom?(n(),c("div",Xe,[o("span",xe,a(e.$t("producer.name.instrumental")),1),s(u,{modelValue:e.instrumental,"onUpdate:modelValue":t[2]||(t[2]=$=>e.instrumental=$)},null,8,["modelValue"])])):f("",!0)])}const tt=V(Be,[["render",et]]),ot=b({name:"UploadAudio",components:{ElUpload:he,ElButton:W,InfoIcon:F,FontAwesomeIcon:D},emits:["change"],data(){return{fileList:[],uploadUrl:re()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.producer?.config?.audio_id},set(){}}},watch:{urls:{handler(e){this.$emit("change",e)}}},mounted(){this.value||(this.value=void 0),this.onSetAudio()},methods:{onExceed(){w.warning(this.$t("producer.message.uploadReferencesExceed"))},onError(){w.error(this.$t("producer.message.uploadReferencesError"))},async onSuccess(){const e=this.urls?.[0];await this.onGenerateAudioId(e)},async onGenerateAudioId(e){const t={audio_url:e},l=this.credential?.token;if(!l){console.error("no token specified");return}w.info(this.$t("producer.message.startingUploadAudio")),I.upload(t,{token:l}).then(i=>{console.debug("get upload music success",i.data);const h=i.data?.data.audio_id;this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,audio_id:h,action:"upload_extend"}),w.success(this.$t("producer.message.startUploadAudioSuccess"))}).catch(i=>{w.error(i?.response?.data?.error?.message||this.$t("producer.message.startUploadAudioFailed"))})},onSetAudio(){}}}),st={class:"relative"},nt={class:"flex justify-between"},rt={class:"flex justify-start items-center"},it={class:"text-sm font-bold"};function at(e,t,l,i,h,p){const u=r("info-icon"),m=r("font-awesome-icon"),_=r("el-button"),$=r("el-upload");return n(),c("div",st,[o("div",nt,[o("div",rt,[o("span",it,a(e.$t("producer.name.referenceAudios")),1),s(u,{content:e.$t("producer.description.uploadAudios")},null,8,["content"])])]),s($,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=k=>e.fileList=k),name:"file",limit:1,class:"upload-wrapper",action:e.uploadUrl,accept:".mp3","show-file-list":!0,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{default:d(()=>[s(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:d(()=>[s(m,{icon:"fa-solid fa-upload",class:"icon mr-1"}),U(" "+a(e.$t("producer.button.uploadAudios")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const lt=V(ot,[["render",at],["__scopeId","data-v-e4cd0467"]]),ct="",dt=b({name:"PromptInput",components:{ElInput:z,InfoIcon:F},computed:{prompt:{get(){return this.$store.state.producer?.config?.prompt},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}}),ut={class:"field"},pt={class:"flex items-center mb-1"},mt={class:"text-sm font-bold"};function ft(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-input");return n(),c("div",ut,[o("div",pt,[o("span",mt,a(e.$t("producer.name.songDescription")),1),s(u,{content:e.$t("producer.description.prompt")},null,8,["content"])]),s(m,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),rows:4,type:"textarea",placeholder:e.$t("producer.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const ht=V(dt,[["render",ft]]),_t="",$t=b({name:"LyricInput",components:{ElInput:z,ElButton:W,FontAwesomeIcon:D,InfoIcon:F},data(){return{generatingLyrics:!1}},computed:{lyric:{get(){return this.$store.state.producer?.config?.lyric},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,lyric:e})}},config(){return this.$store.state.producer?.config},credential(){return this.$store.state.producer?.credential}},mounted(){this.lyric||(this.lyric=_t)},methods:{async onGenerateLyrics(){const e=this.credential?.token;if(!e)return;const t=this.config?.style||this.config?.title||"a beautiful song";this.generatingLyrics=!0,w.info(this.$t("producer.message.generatingLyrics"));try{const i=(await I.lyric({prompt:t},{token:e})).data?.data;i?.text&&(this.lyric=i.text,i?.title&&!this.config?.title&&this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,lyric:i.text,title:i.title}),w.success(this.$t("producer.message.generateLyricsSuccess")))}catch{w.error(this.$t("producer.message.generateLyricsFailed"))}finally{this.generatingLyrics=!1}}}}),gt={class:"field"},vt={class:"flex items-center justify-between mb-1"},yt={class:"flex items-center"},kt={class:"text-sm font-bold"};function bt(e,t,l,i,h,p){const u=r("info-icon"),m=r("font-awesome-icon"),_=r("el-button"),$=r("el-input");return n(),c("div",gt,[o("div",vt,[o("div",yt,[o("span",kt,a(e.$t("producer.name.lyrics")),1),s(u,{content:e.$t("producer.description.lyrics")},null,8,["content"])]),e.config?.action!=="extend"?(n(),v(_,{key:0,size:"small",loading:e.generatingLyrics,round:"",onClick:e.onGenerateLyrics},{default:d(()=>[e.generatingLyrics?f("",!0):(n(),v(m,{key:0,icon:"fa-solid fa-wand-magic-sparkles",class:"mr-1"})),U(" "+a(e.$t("producer.button.generate_lyrics")),1)]),_:1},8,["loading","onClick"])):f("",!0)]),e.config?.action!=="extend"?(n(),v($,{key:0,modelValue:e.lyric,"onUpdate:modelValue":t[0]||(t[0]=k=>e.lyric=k),rows:5,type:"textarea",class:"lyrics",placeholder:e.$t("producer.placeholder.lyrics")},null,8,["modelValue","placeholder"])):(n(),v($,{key:1,modelValue:e.lyric,"onUpdate:modelValue":t[1]||(t[1]=k=>e.lyric=k),rows:5,type:"textarea",class:"lyrics",placeholder:e.$t("producer.placeholder.extend.lyrics")},null,8,["modelValue","placeholder"]))])}const wt=V($t,[["render",bt],["__scopeId","data-v-88c6da2b"]]),Ct=b({name:"StyleInput",components:{ElInput:z,InfoIcon:F},computed:{style:{get(){return this.$store.state.producer?.config?.style},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,style:e})}}}}),Vt={class:"field"},St={class:"flex items-center justify-between mb-1"},Ut={class:"flex items-center"},Pt={class:"text-sm font-bold"};function Et(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-input");return n(),c("div",Vt,[o("div",St,[o("div",Ut,[o("span",Pt,a(e.$t("producer.name.style")),1),s(u,{content:e.$t("producer.description.style")},null,8,["content"])])]),s(m,{modelValue:e.style,"onUpdate:modelValue":t[0]||(t[0]=_=>e.style=_),rows:2,type:"textarea",placeholder:e.$t("producer.placeholder.style")},null,8,["modelValue","placeholder"])])}const At=V(Ct,[["render",Et]]),Tt=b({name:"TitleInput",components:{ElInput:z,InfoIcon:F},computed:{title:{get(){return this.$store.state.producer?.config?.title},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,title:e})}}}}),Ft={class:"field"},It={class:"flex items-center mb-1"},Lt={class:"text-sm font-bold"};function Gt(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-input");return n(),c("div",Ft,[o("div",It,[o("span",Lt,a(e.$t("producer.name.title")),1),s(u,{content:e.$t("producer.description.title")},null,8,["content"])]),s(m,{modelValue:e.title,"onUpdate:modelValue":t[0]||(t[0]=_=>e.title=_),placeholder:e.$t("producer.placeholder.title")},null,8,["modelValue","placeholder"])])}const jt=V(Tt,[["render",Gt]]),Dt=b({name:"ExtendFromInput",components:{ElImage:N,ElIcon:K,ElInputNumber:X,VideoPlay:Q,VideoPause:Y},data(){return{}},computed:{audio(){return this.$store.state.producer?.config?.audio},value:{get(){return this.$store.state.producer?.config?.continue_at},set(e){console.debug("set continue_at",e),this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)},methods:{handleChange(e){if(e===void 0){this.value=void 0;return}e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:j,onPlay(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),Rt={class:"field"},Zt={class:"box"},zt={class:"title font-bold"},Nt={class:"input-wrapper"},Mt={class:"task"},Ot={class:"left"},Bt={key:2,class:"duration"},qt={class:"info"},Wt={class:"title"},Ht={class:"style"};function Kt(e,t,l,i,h,p){const u=r("el-input-number"),m=r("el-image"),_=r("video-pause"),$=r("el-icon"),k=r("video-play"),y=H("loading");return n(),c("div",Rt,[o("div",Zt,[o("h2",zt,a(e.$t("producer.name.extend")),1),o("div",Nt,[s(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=P=>e.value=P),class:"value",min:0,max:e.audio?.duration,controls:!1,placeholder:e.$t("producer.placeholder.extend.continue_at"),onChange:e.handleChange},null,8,["modelValue","max","placeholder","onChange"])])]),o("div",Mt,[e.audio?(n(),c("div",{key:0,class:"audio",onClick:t[3]||(t[3]=P=>e.onClick(e.audio))},[R((n(),c("div",Ot,[s(m,{src:e.audio?.image_url,class:"cover",fit:"cover"},null,8,["src"]),e.audio?.audio_url&&e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state==="playing"?(n(),c("div",{key:0,class:"overlay",onClick:t[1]||(t[1]=P=>e.onPause(e.audio))},[s($,null,{default:d(()=>[s(_)]),_:1})])):f("",!0),e.audio?.audio_url&&(e.$store.state?.producer?.audio?.id!==e.audio.id||e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state==="paused")?(n(),c("div",{key:1,class:"overlay",onClick:t[2]||(t[2]=P=>e.onPlay(e.audio))},[s($,null,{default:d(()=>[s(k)]),_:1})])):f("",!0),e.audio?.duration?(n(),c("div",Bt,a(e.useFormatDuring(e.audio?.duration)),1)):f("",!0)])),[[y,!e.audio?.audio_url]]),o("div",qt,[o("h2",Wt,a(e.audio?.title),1),o("p",Ht,a(e.audio?.style),1)])])):f("",!0)])])}const Jt=V(Dt,[["render",Kt],["__scopeId","data-v-26d43480"]]),Yt=b({name:"CoverFromInput",components:{ElImage:N,ElIcon:K,VideoPlay:Q,VideoPause:Y},data(){return{}},computed:{audio(){return this.$store.state.producer?.config?.audio},value:{get(){return this.$store.state.producer?.config?.continue_at},set(e){console.debug("set continue_at",e),this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)},methods:{handleChange(e){e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:j,onPlay(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),Qt={class:"field"},Xt={class:"box"},xt={class:"title font-bold"},eo={class:"task"},to={class:"left"},oo={key:2,class:"duration"},so={class:"info"},no={class:"title"},ro={class:"style"};function io(e,t,l,i,h,p){const u=r("el-image"),m=r("video-pause"),_=r("el-icon"),$=r("video-play"),k=H("loading");return n(),c("div",Qt,[o("div",Xt,[o("h2",xt,a(e.$t("producer.name.cover")),1)]),o("div",eo,[e.audio?(n(),c("div",{key:0,class:"audio",onClick:t[2]||(t[2]=y=>e.onClick(e.audio))},[R((n(),c("div",to,[s(u,{src:e.audio?.image_url,class:"cover",fit:"cover"},null,8,["src"]),e.audio?.audio_url&&e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state==="playing"?(n(),c("div",{key:0,class:"overlay",onClick:t[0]||(t[0]=y=>e.onPause(e.audio))},[s(_,null,{default:d(()=>[s(m)]),_:1})])):f("",!0),e.audio?.audio_url&&(e.$store.state?.producer?.audio?.id!==e.audio.id||e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state==="paused")?(n(),c("div",{key:1,class:"overlay",onClick:t[1]||(t[1]=y=>e.onPlay(e.audio))},[s(_,null,{default:d(()=>[s($)]),_:1})])):f("",!0),e.audio?.duration?(n(),c("div",oo,a(e.useFormatDuring(e.audio?.duration)),1)):f("",!0)])),[[k,!e.audio?.audio_url]]),o("div",so,[o("h2",no,a(e.audio?.title),1),o("p",ro,a(e.audio?.style),1)])])):f("",!0)])])}const ao=V(Yt,[["render",io],["__scopeId","data-v-d8a8e583"]]),lo=b({name:"VocalGenderSelector",components:{ElRadioGroup:we,ElRadioButton:be,InfoIcon:F},computed:{vocalGender:{get(){return this.$store.state.producer?.config?.vocal_gender||""},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,vocal_gender:e||void 0})}}}}),co={class:"mb-2"},uo={class:"flex items-center mb-1"},po={class:"text-sm font-bold"};function mo(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-radio-button"),_=r("el-radio-group");return n(),c("div",co,[o("div",uo,[o("span",po,a(e.$t("producer.name.vocalGender")),1),s(u,{content:e.$t("producer.description.vocalGender")},null,8,["content"])]),s(_,{modelValue:e.vocalGender,"onUpdate:modelValue":t[0]||(t[0]=$=>e.vocalGender=$)},{default:d(()=>[s(m,{value:""},{default:d(()=>[U(a(e.$t("producer.gender.auto")),1)]),_:1}),s(m,{value:"f"},{default:d(()=>[U(a(e.$t("producer.gender.female")),1)]),_:1}),s(m,{value:"m"},{default:d(()=>[U(a(e.$t("producer.gender.male")),1)]),_:1})]),_:1},8,["modelValue"])])}const fo=V(lo,[["render",mo]]),ho=b({name:"AdvancedParams",components:{ElCollapse:Ve,ElCollapseItem:Ce,ElInput:z,ElSlider:x,ElInputNumber:X},data(){return{activeNames:[]}},computed:{config(){return this.$store.state.producer?.config},styleNegative:{get(){return this.$store.state.producer?.config?.style_negative||""},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,style_negative:e||void 0})}},lyricPrompt:{get(){return this.$store.state.producer?.config?.lyric_prompt||""},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,lyric_prompt:e||void 0})}},weirdness:{get(){return this.$store.state.producer?.config?.weirdness??0},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,weirdness:e||void 0})}},soundStrength:{get(){return this.$store.state.producer?.config?.sound_strength??50},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,sound_strength:e})}},lyricsStrength:{get(){return this.$store.state.producer?.config?.lyrics_strength??50},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,lyrics_strength:e})}},seed:{get(){return this.$store.state.producer?.config?.seed},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,seed:e})}}}}),_o={key:0,class:"mb-3"},$o={class:"flex items-center mb-1"},go={class:"text-xs font-bold"},vo={key:1,class:"mb-3"},yo={class:"flex items-center mb-1"},ko={class:"text-xs font-bold"},bo={key:2,class:"mb-3"},wo={class:"flex items-center justify-between mb-1"},Co={class:"text-xs font-bold"},Vo={class:"text-xs text-[var(--el-text-color-secondary)]"},So={key:3,class:"mb-3"},Uo={class:"flex items-center justify-between mb-1"},Po={class:"text-xs font-bold"},Eo={class:"text-xs text-[var(--el-text-color-secondary)]"},Ao={key:4,class:"mb-3"},To={class:"flex items-center justify-between mb-1"},Fo={class:"text-xs font-bold"},Io={class:"text-xs text-[var(--el-text-color-secondary)]"},Lo={key:5,class:"mb-3"},Go={class:"flex items-center mb-1"},jo={class:"text-xs font-bold"};function Do(e,t,l,i,h,p){const u=r("el-input"),m=r("el-slider"),_=r("el-input-number"),$=r("el-collapse-item"),k=r("el-collapse");return n(),v(k,{modelValue:e.activeNames,"onUpdate:modelValue":t[6]||(t[6]=y=>e.activeNames=y),class:"advanced-collapse"},{default:d(()=>[s($,{title:e.$t("producer.name.advancedParams"),name:"advanced"},{default:d(()=>[e.config?.custom?(n(),c("div",_o,[o("div",$o,[o("span",go,a(e.$t("producer.name.styleNegative")),1)]),s(u,{modelValue:e.styleNegative,"onUpdate:modelValue":t[0]||(t[0]=y=>e.styleNegative=y),placeholder:e.$t("producer.placeholder.styleNegative")},null,8,["modelValue","placeholder"])])):f("",!0),e.config?.custom&&!e.config?.instrumental?(n(),c("div",vo,[o("div",yo,[o("span",ko,a(e.$t("producer.name.lyricPrompt")),1)]),s(u,{modelValue:e.lyricPrompt,"onUpdate:modelValue":t[1]||(t[1]=y=>e.lyricPrompt=y),placeholder:e.$t("producer.placeholder.lyricPrompt")},null,8,["modelValue","placeholder"])])):f("",!0),e.config?.custom?(n(),c("div",bo,[o("div",wo,[o("span",Co,a(e.$t("producer.name.weirdness")),1),o("span",Vo,a(e.weirdness??0),1)]),s(m,{modelValue:e.weirdness,"onUpdate:modelValue":t[2]||(t[2]=y=>e.weirdness=y),min:0,max:100,step:1},null,8,["modelValue"])])):f("",!0),e.config?.custom?(n(),c("div",So,[o("div",Uo,[o("span",Po,a(e.$t("producer.name.soundStrength")),1),o("span",Eo,a(e.soundStrength??50),1)]),s(m,{modelValue:e.soundStrength,"onUpdate:modelValue":t[3]||(t[3]=y=>e.soundStrength=y),min:0,max:100,step:1},null,8,["modelValue"])])):f("",!0),e.config?.custom&&!e.config?.instrumental?(n(),c("div",Ao,[o("div",To,[o("span",Fo,a(e.$t("producer.name.lyricsStrength")),1),o("span",Io,a(e.lyricsStrength??50),1)]),s(m,{modelValue:e.lyricsStrength,"onUpdate:modelValue":t[4]||(t[4]=y=>e.lyricsStrength=y),min:0,max:100,step:1},null,8,["modelValue"])])):f("",!0),e.config?.custom?(n(),c("div",Lo,[o("div",Go,[o("span",jo,a(e.$t("producer.name.seed")),1)]),s(_,{modelValue:e.seed,"onUpdate:modelValue":t[5]||(t[5]=y=>e.seed=y),min:0,controls:!1,placeholder:e.$t("producer.placeholder.seed"),class:"w-full"},null,8,["modelValue","placeholder"])])):f("",!0)]),_:1},8,["title"])]),_:1},8,["modelValue"])}const Ro=V(ho,[["render",Do],["__scopeId","data-v-88e65aee"]]),Zo=b({name:"ReplaceSectionInput",components:{ElInputNumber:X,ElImage:N,InfoIcon:F},computed:{audio(){return this.$store.state.producer?.config?.audio},replaceSectionStart:{get(){return this.$store.state.producer?.config?.replace_section_start},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,replace_section_start:e})}},replaceSectionEnd:{get(){return this.$store.state.producer?.config?.replace_section_end},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,replace_section_end:e})}}},methods:{onClick(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"playing"})}}}),zo={class:"field"},No={class:"flex items-center mb-2"},Mo={class:"text-sm font-bold m-0"},Oo={key:0,class:"task mb-2"},Bo={class:"left relative w-[50px] h-[50px] mr-3 flex-shrink-0"},qo={class:"info flex-1 min-w-0"},Wo={class:"text-sm font-bold m-0 truncate"},Ho={class:"text-xs text-[var(--el-text-color-secondary)] m-0 truncate"},Ko={class:"flex gap-2"};function Jo(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-image"),_=r("el-input-number"),$=H("loading");return n(),c("div",zo,[o("div",No,[o("h2",Mo,a(e.$t("producer.name.replaceSection")),1),s(u,{content:e.$t("producer.description.replaceSection")},null,8,["content"])]),e.audio?(n(),c("div",Oo,[o("div",{class:"audio flex items-center",onClick:t[0]||(t[0]=k=>e.onClick(e.audio))},[R((n(),c("div",Bo,[s(m,{src:e.audio?.image_url,class:"w-full h-full rounded",fit:"cover"},null,8,["src"])])),[[$,!e.audio?.audio_url]]),o("div",qo,[o("h2",Wo,a(e.audio?.title),1),o("p",Ho,a(e.audio?.style),1)])])])):f("",!0),o("div",Ko,[s(_,{modelValue:e.replaceSectionStart,"onUpdate:modelValue":t[1]||(t[1]=k=>e.replaceSectionStart=k),class:"flex-1",min:0,max:e.audio?.duration,controls:!1,placeholder:e.$t("producer.placeholder.replaceSectionStart")},null,8,["modelValue","max","placeholder"]),s(_,{modelValue:e.replaceSectionEnd,"onUpdate:modelValue":t[2]||(t[2]=k=>e.replaceSectionEnd=k),class:"flex-1",min:e.replaceSectionStart||0,max:e.audio?.duration,controls:!1,placeholder:e.$t("producer.placeholder.replaceSectionEnd")},null,8,["modelValue","min","max","placeholder"])])])}const Yo=V(Zo,[["render",Jo]]),Qo=b({name:"PresetPanel",components:{TypeSelector:tt,PromptInput:ht,LyricInput:wt,StyleInput:At,TitleInput:jt,ExtendFromInput:Jt,CoverFromInput:ao,UploadAudio:lt,VocalGenderSelector:fo,AdvancedParams:Ro,ReplaceSectionInput:Yo,FontAwesomeIcon:D,ElButton:W,Consumption:Se},emits:["generate"],computed:{config(){return this.$store.state.producer?.config},consumption(){return Ue(this.config,this.service?.cost)},service(){return this.$store.state.producer?.service},generateButtonText(){const e=this.config?.action;return e==="extend"?this.$t("producer.button.extend"):e==="cover"?this.$t("producer.button.cover_music"):e==="variation"?this.$t("producer.button.variation"):e==="replace_section"?this.$t("producer.button.replace_section"):e==="stems"?this.$t("producer.button.get_stems"):e==="swap_vocals"?this.$t("producer.button.swap_vocals"):e==="swap_instrumentals"?this.$t("producer.button.swap_instrumentals"):this.$t("producer.button.generate")}},methods:{onGenerate(){this.$emit("generate")}}}),Xo={class:"flex flex-col h-full"},xo={class:"flex-1 overflow-y-auto p-5"},es={class:"flex flex-col items-center justify-center px-5 pb-5"};function ts(e,t,l,i,h,p){const u=r("type-selector"),m=r("upload-audio"),_=r("prompt-input"),$=r("lyric-input"),k=r("style-input"),y=r("title-input"),P=r("vocal-gender-selector"),S=r("extend-from-input"),M=r("cover-from-input"),O=r("replace-section-input"),J=r("advanced-params"),g=r("consumption"),C=r("font-awesome-icon"),te=r("el-button");return n(),c("div",Xo,[o("div",xo,[s(u,{class:"mb-4"}),s(m,{class:"mb-4"}),e.config?.custom?f("",!0):(n(),v(_,{key:0,class:"mb-4"})),e.config?.custom&&!e.config.instrumental?(n(),v($,{key:1,class:"mb-4"})):f("",!0),e.config?.custom?(n(),v(k,{key:2,class:"mb-4"})):f("",!0),e.config?.custom?(n(),v(y,{key:3,class:"mb-4"})):f("",!0),e.config?.custom&&!e.config.instrumental?(n(),v(P,{key:4,class:"mb-4"})):f("",!0),e.config?.action==="extend"?(n(),v(S,{key:5,class:"mb-4"})):f("",!0),e.config?.action==="cover"?(n(),v(M,{key:6,class:"mb-4"})):f("",!0),e.config?.action==="replace_section"?(n(),v(O,{key:7,class:"mb-4"})):f("",!0),s(J,{class:"mb-4"})]),o("div",es,[s(g,{value:e.consumption,service:e.service},null,8,["value","service"]),s(te,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:d(()=>[s(C,{icon:"fa-solid fa-magic",class:"mr-2"}),U(" "+a(e.generateButtonText),1)]),_:1},8,["onClick"])])])}const os=V(Qo,[["render",ts],["__scopeId","data-v-6642bb3c"]]),ss="https://webhook.acedata.cloud/producer",ns=b({name:"TaskPreview",components:{ElImage:N,ElIcon:K,ElTooltip:Te,FontAwesomeIcon:D,VideoPlay:Q,VideoPause:Y,ElDropdown:Ae,ElDropdownMenu:Ee,ElDropdownItem:Pe,Loading:ie},props:{modelValue:{type:Object,required:!0}},data(){return{isFetchingVideoUrl:!1,isFetchingWav:!1}},computed:{loading(){return this.$store.state.producer?.status?.getApplications===L.Request},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},task(){return this.$store.state.producer?.tasks},audios(){const e=this.modelValue?.response?.data??[],t=this.modelValue?.request?.action;return t?e.map(l=>({...l,action:t})):e},application(){return this.$store.state.producer?.application},active(){return this.$store.state.producer?.tasks?.active}},methods:{useFormatDuring:j,onPlay(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})},onExtend(e,t){e.stopPropagation(),console.debug("set config",t),this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:t.model,custom:!0,instrumental:!1,style:t.style,action:"extend",audio:t,audio_id:t.id,continue_at:t.duration})},onDownload(e,t){e&&e.stopPropagation();const i=new URL(t).pathname,h=i.substring(i.lastIndexOf("/")+1);fetch(t).then(p=>p.blob()).then(p=>{_e.saveAs(p,h)})},async handleVideoDownload(e){if(e.video_url){this.onDownload(null,e.video_url);return}if(!this.isFetchingVideoUrl)try{this.isFetchingVideoUrl=!0;const t=await this.fetchVideoUrlFromApi(e?.id);console.log(`get videoUrl: ${t}`),e.video_url=t,this.onDownload(null,t)}catch(t){console.error("get videoUrl failed:",t),w.error(this.$t("producer.message.getVideoUrlFailed"))}finally{this.isFetchingVideoUrl=!1}},async fetchVideoUrlFromApi(e){return new Promise((t,l)=>{const i={audio_id:e},h=this.credential?.token;if(!h){console.error("no token specified"),l(new Error("No token specified"));return}I.video(i,{token:h}).then(p=>{const u=p.data?.data?.video_url;u?t(u):l(new Error("Video URL not found in response"))}).catch(p=>{l(p)})})},onPreview(e,t){e.stopPropagation(),window.open(t,"_blank")},async onGetStems(e){await this.onGenerateAudioUrl("stems",e)},onCover(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:e.model,custom:!0,instrumental:!1,style:e.style,action:"cover",audio:e,audio_id:e.id})},onVariation(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:e.model,custom:!0,style:e.style,action:"variation",audio:e,audio_id:e.id})},async onSwapVocals(e){await this.onGenerateAudioUrl("swap_vocals",e)},async onSwapInstrumentals(e){await this.onGenerateAudioUrl("swap_instrumentals",e)},async onGetAllStems(e){await this.onGenerateAudioUrl("all_stems",e)},onReplaceSection(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:e.model,custom:!0,instrumental:!1,style:e.style,action:"replace_section",audio:e,audio_id:e.id,replace_section_start:0,replace_section_end:Math.min(30,e.duration||30)})},async handleWavDownload(e){if(!e?.id||this.isFetchingWav)return;const t=this.credential?.token;if(t)try{this.isFetchingWav=!0,w.info(this.$t("producer.message.fetchingWav"));const i=(await I.wav({audio_id:e.id},{token:t})).data?.data?.audio_url;i?this.onDownload(null,i):w.error(this.$t("producer.message.fetchWavFailed"))}catch{w.error(this.$t("producer.message.fetchWavFailed"))}finally{this.isFetchingWav=!1}},async onGenerateAudioUrl(e,t){const l={action:e,audio_id:t,callback_url:ss},i=this.credential?.token;if(!i){console.error("no token specified");return}w.info(this.$t("producer.message.startingTask")),I.audio(l,{token:i}).then(()=>{w.success(this.$t("producer.message.startTaskSuccess"))}).catch(h=>{w.error(h?.response?.data?.error?.message||this.$t("producer.message.startTaskFailed"))}).finally(async()=>{await this.onGetTasks(),await this.onScrollDown()})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(){if(this.loading){console.debug("loading");return}await this.$store.dispatch("producer/getTasks",{limit:30,offset:0})}}}),rs={class:"task"},is=["onClick"],as={class:"left"},ls=["onClick"],cs=["onClick"],ds={key:2,class:"duration"},us={class:"info"},ps={class:"title"},ms={class:"style"},fs={class:"right"},hs={class:"el-dropdown-link"},_s={class:"flex items-center min-w-[120px]"},$s={class:"flex items-center min-w-[120px]"},gs={class:"el-dropdown-link"};function vs(e,t,l,i,h,p){const u=r("el-image"),m=r("video-pause"),_=r("el-icon"),$=r("video-play"),k=r("font-awesome-icon"),y=r("el-tooltip"),P=r("Loading"),S=r("el-dropdown-item"),M=r("el-dropdown-menu"),O=r("el-dropdown"),J=H("loading");return n(),c("div",rs,[(n(!0),c(G,null,q(e.audios,g=>(n(),c("div",{key:g.id,class:"audio",onClick:E(C=>e.onClick(g),["stop"])},[R((n(),c("div",as,[s(u,{src:g?.image_url,class:"cover",fit:"cover",lazy:""},null,8,["src"]),g?.audio_url&&e.$store.state?.producer?.audio?.id===g.id&&e.$store.state?.producer?.audio?.state==="playing"?(n(),c("div",{key:0,class:"overlay",onClick:E(C=>e.onPause(g),["stop"])},[s(_,null,{default:d(()=>[s(m)]),_:1})],8,ls)):f("",!0),g?.audio_url&&(e.$store.state?.producer?.audio?.id!==g.id||e.$store.state?.producer?.audio?.id===g.id&&e.$store.state?.producer?.audio?.state==="paused")?(n(),c("div",{key:1,class:"overlay",onClick:E(C=>e.onPlay(g),["stop"])},[s(_,null,{default:d(()=>[s($)]),_:1})],8,cs)):f("",!0),g?.duration?(n(),c("div",ds,a(e.useFormatDuring(g?.duration)),1)):f("",!0)])),[[J,!g?.audio_url]]),o("div",us,[o("h2",ps,a(g?.title),1),o("p",ms,a(g?.style),1)]),o("div",fs,[s(O,null,{dropdown:d(()=>[s(M,null,{default:d(()=>[s(S,{disabled:e.isFetchingVideoUrl,onClick:C=>e.handleVideoDownload(g)},{default:d(()=>[o("div",_s,[e.isFetchingVideoUrl?(n(),v(_,{key:0,class:"is-loading mr-2"},{default:d(()=>[s(P)]),_:1})):f("",!0),o("span",null,a(e.$t("producer.button.download_video")),1)])]),_:1},8,["disabled","onClick"]),g?.audio_url?(n(),v(S,{key:0,onClick:E(C=>e.onDownload(C,g?.audio_url),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.download_audio")),1)]),_:1},8,["onClick"])):f("",!0),s(S,{disabled:e.isFetchingWav,onClick:C=>e.handleWavDownload(g)},{default:d(()=>[o("div",$s,[e.isFetchingWav?(n(),v(_,{key:0,class:"is-loading mr-2"},{default:d(()=>[s(P)]),_:1})):f("",!0),o("span",null,a(e.$t("producer.button.download_wav")),1)])]),_:1},8,["disabled","onClick"])]),_:2},1024)]),default:d(()=>[o("span",hs,[s(y,{effect:"dark",content:e.$t("producer.button.download"),placement:"top"},{default:d(()=>[g?.audio_url||g?.video_url?(n(),v(k,{key:0,icon:"fa-solid fa-download",class:"icon icon-download"})):f("",!0)]),_:2},1032,["content"])])]),_:2},1024),s(O,null,{dropdown:d(()=>[s(M,null,{default:d(()=>[g?.audio_url?(n(),v(S,{key:0,onClick:E(C=>e.onExtend(C,g),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.extend")),1)]),_:1},8,["onClick"])):f("",!0),g.id?(n(),v(S,{key:1,onClick:E(C=>e.onGetStems(g.id),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.get_stems")),1)]),_:1},8,["onClick"])):f("",!0),g.id?(n(),v(S,{key:2,onClick:E(C=>e.onGetAllStems(g.id),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.all_stems")),1)]),_:1},8,["onClick"])):f("",!0),s(S,{onClick:E(C=>e.onCover(g),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.cover_music")),1)]),_:1},8,["onClick"]),g?.id?(n(),v(S,{key:3,onClick:E(C=>e.onVariation(g),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.variation")),1)]),_:1},8,["onClick"])):f("",!0),g?.id?(n(),v(S,{key:4,onClick:E(C=>e.onSwapVocals(g.id),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.swap_vocals")),1)]),_:1},8,["onClick"])):f("",!0),g?.id?(n(),v(S,{key:5,onClick:E(C=>e.onSwapInstrumentals(g.id),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.swap_instrumentals")),1)]),_:1},8,["onClick"])):f("",!0),g?.id?(n(),v(S,{key:6,onClick:E(C=>e.onReplaceSection(g),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.replace_section")),1)]),_:1},8,["onClick"])):f("",!0)]),_:2},1024)]),default:d(()=>[o("span",gs,[s(y,{effect:"dark",content:e.$t("producer.button.more"),placement:"top"},{default:d(()=>[g?.audio_url||g?.video_url?(n(),v(k,{key:0,icon:"fa-solid fa-ellipsis",class:"icon icon-ellipsis"})):f("",!0)]),_:2},1032,["content"])])]),_:2},1024)])],8,is))),128))])}const ys=V(ns,[["render",vs]]),ks={class:"player-slider"},bs=b({__name:"PlayerSlider",setup(e){const t=Z(),l=T({get:()=>t.state.producer?.audio?.progress,set:u=>t.commit("producer/setAudio",{...t.state.producer.audio,progress:u})}),i=T({get:()=>t.state.producer?.audio?.duration,set:u=>t.commit("producer/setAudio",{...t.state.producer.audio,duration:u})}),h=()=>{},p=u=>t.dispatch("producer/setAudio",{...t.state.producer.audio,progress:u});return(u,m)=>(n(),c("div",ks,[s(A(x),{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=_=>l.value=_),"show-tooltip":!1,min:0,max:i.value,onChange:p,onInput:h},null,8,["modelValue","max"])]))}}),ws={class:"flex player-song"},Cs=["src"],Vs={class:"ml-2 text-xs flex flex-col justify-between"},Ss={class:"w-52 2xl:w-96 cursor-pointer truncate"},Us={class:"flex"},Ps={class:"ml-2 text-dc"},Es=b({__name:"PlayerSong",setup(e){const t=Z(),l=T({get:()=>t.state.producer.audio,set:i=>t.commit("producer/setAudio",i)});return se(l,(i,h)=>{if(i?.audio_url!==h?.audio_url){console.log("audio changed",i),i.object&&(console.log("111",i.object),i.object.pause(),delete i.object);const p=new Audio(i.audio_url);i.state==="playing"?p.play():p.pause(),p.addEventListener("loadedmetadata",()=>{p.currentTime=0,p.addEventListener("timeupdate",()=>{t.commit("producer/setAudio",{...t.state.producer.audio,progress:p.currentTime})})}),t.commit("producer/setAudio",{...t.state.producer.audio,object:p})}else if(i?.progress!==h?.progress&&Math.abs(i.progress-i.object.currentTime)>2){console.log("progress changed",i.progress);const p=t.state.producer.audio;p.object&&(p.object.currentTime=p.progress)}else i?.state!==h?.state&&(console.log("state changed",i.state),i.object&&(i.state==="playing"?i.object.play():i.object.pause()));i?.volume!==h?.volume&&(console.log("volume changed",i.volume),i.object&&(i.object.volume=i.volume/100))}),(i,h)=>(n(),c("div",ws,[o("img",{alt:"",class:"w-11 h-11 rounded",src:l.value?.image_url||A($e)},null,8,Cs),o("div",Vs,[o("div",Ss,[o("div",Us,[o("span",null,a(l.value?.title||"Music"),1),o("span",Ps,"- "+a(l.value?.style||"SmallRuralDog"),1)])])])]))}}),As={class:"flex justify-end items-center gap-x-2.5"},Ts={class:"text-xs"},Fs=b({__name:"PlayerAction",setup(e){const t=Z(),l=T({get:()=>t.state.producer?.audio?.progress,set:h=>t.commit("producer/setAudio",{...t.state.producer.audio,progress:h})}),i=T({get:()=>t.state.producer?.audio?.duration,set:h=>t.commit("producer/setAudio",{...t.state.producer.audio,duration:h})});return(h,p)=>(n(),c("div",As,[o("span",Ts,a(A(j)(l.value))+" / "+a(A(j)(i.value)),1)]))}}),Is={class:"player-volume flex flex-col items-center pt-2"},Ls={class:"text-sm mt-3"},Gs=b({__name:"PlayerVolumeSlider",setup(e){const t=Z(),l=T({get:()=>t.state.producer.audio?.volume,set:p=>t.commit("producer/setAudio",{...t.state.producer.audio,volume:p})}),i=T({get:()=>t.state.producer.audio?.muted,set:p=>t.commit("producer/setAudio",{...t.state.producer.audio,muted:p})}),h=p=>t.dispatch("producer/setVolume",p);return(p,u)=>(n(),c("div",Is,[s(A(x),{modelValue:l.value,"onUpdate:modelValue":u[0]||(u[0]=m=>l.value=m),vertical:"",height:"100px","show-tooltip":!1,max:100,min:0,size:"small",disabled:i.value,onInput:h},null,8,["modelValue","disabled"]),o("div",Ls,a(l.value),1)]))}}),js={class:"flex items-center justify-center gap-x-3"},Ds=b({__name:"PlayerController",setup(e){const t=Z(),l=()=>t.dispatch("producer/setAudio",{...t.state.producer.audio,state:t.state.producer.audio.state==="playing"?"paused":"playing"}),i=T(()=>t.state.producer.audio);return(h,p)=>(n(),c("div",js,[s(ee,{icon:i.value?.state==="playing"?A(ge):A(ve),size:"45",theme:"filled",class:"text-[var(--el-color-primary)] cursor-pointer",onClick:l},null,8,["icon"]),s(A(Fe),{placement:"top",width:"50px",trigger:"click"},{reference:d(()=>[s(ee,{icon:A(ye),size:"20","stroke-width":2,class:"cursor-pointer"},null,8,["icon"])]),default:d(()=>[s(Gs)]),_:1})]))}}),Rs={class:"flex flex-col items-stretch h-20"},Zs={class:"flex grow px-5 items-center"},zs={class:"flex-1"},Ns={class:"flex-1"},Ms={class:"flex-1"},Os=b({__name:"Player",setup(e){return(t,l)=>(n(),c("div",Rs,[s(bs),o("div",Zs,[o("div",zs,[s(Es)]),o("div",Ns,[s(Ds)]),o("div",Ms,[s(Fs)])])]))}}),Bs=b({name:"RecentPanel",components:{ElSkeletonItem:Ge,ElSkeleton:Le,TaskPreview:ys,Player:Os,NoTasks:Ie,ScrollList:fe},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.producer?.tasks,items:this.$store.state.producer?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),qs={key:0,class:"tasks"},Ws={class:"left w-[70px] p-[10px] flex items-center"},Hs={class:"main w-[calc(100%-70px)] flex-1 p-[10px]"},Ks={key:2,class:"w-full flex-1 flex items-center justify-center"},Js={class:"h-20"};function Ys(e,t,l,i,h,p){const u=r("el-skeleton-item"),m=r("el-skeleton"),_=r("task-preview"),$=r("scroll-list"),k=r("no-tasks"),y=r("player");return n(),c(G,null,[e.tasks?.items===void 0?(n(),c("div",qs,[(n(),c(G,null,q(3,P=>o("div",{key:P,class:"flex"},[o("div",Ws,[s(m,{animated:""},{template:d(()=>[s(u,{variant:"image",class:"avatar w-[50px] h-[50px]"})]),_:1})]),o("div",Hs,[s(m,{animated:""},{template:d(()=>[s(u,{variant:"p",class:"w-[200px] h-[15px] mb-[5px] mt-[10px]"}),s(u,{variant:"text"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),v($,{key:1,ref:"scrollList",class:"flex-1 w-full overflow-y-auto tasks p-2",loading:e.loading,onReachTop:t[0]||(t[0]=P=>e.$emit("reach-top"))},{default:d(()=>[(n(!0),c(G,null,q(e.tasks?.items,(P,S)=>(n(),v(_,{key:S,"model-value":P,class:"preview"},null,8,["model-value"]))),128))]),_:1},8,["loading"])):f("",!0),e.tasks?.items?.length===0?(n(),c("div",Ks,[s(k)])):f("",!0),R(o("div",Js,[s(y)],512),[[ne,!!e.$store?.state?.producer?.audio?.object]])],64)}const Qs=V(Bs,[["render",Ys]]),Xs=b({name:"TaskPreview",components:{IconPicture:ae,ElImage:N,ElAvatar:ke,ElIcon:K},computed:{audio(){return this.$store.state.producer?.audio}}}),xs={key:0,class:"size-full overflow-hidden"},en={class:"relative h-[300px]"},tn={class:"flex items-center justify-center size-full bg-[var(--el-bg-color)]"},on={class:"absolute bottom-0 left-0 right-0 m-0 p-4 text-white z-10 bg-gradient-to-t from-black/70 to-transparent"},sn={class:"p-4"},nn={class:"flex items-center font-bold mb-2"},rn={class:"text-[var(--el-text-color-regular)] mb-2"},an={class:"text-xs text-[var(--el-text-color-regular)]"},ln={class:"mt-4 text-sm leading-[25px] whitespace-pre-wrap"},cn={key:1,class:"w-full h-full"};function dn(e,t,l,i,h,p){const u=r("icon-picture"),m=r("el-icon"),_=r("el-image"),$=r("el-avatar");return e.audio?.object?(n(),c("div",xs,[o("div",en,[s(_,{src:e.audio.image_url,fit:"cover",class:"size-full"},{error:d(()=>[o("div",tn,[s(m,{class:"text-3xl"},{default:d(()=>[s(u)]),_:1})])]),_:1},8,["src"]),o("h2",on,a(e.audio?.title),1)]),o("div",sn,[o("div",nn,[s($,{size:30,src:e.audio?.image_url,class:"mr-2"},null,8,["src"]),o("span",null,a(e.audio?.title),1)]),o("p",rn,a(e.audio?.style),1),o("p",an,a(e.$dayjs.format(e.audio?.created_at)),1),o("div",ln,[o("p",null,a(e.audio?.lyric),1)])])])):(n(),c("div",cn))}const un=V(Xs,[["render",dn]]),pn="https://webhook.acedata.cloud/producer",mn=b({name:"ProducerIndex",components:{Layout:Oe,ConfigPanel:os,RecentPanel:Qs,PreviewPanel:un},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.producer?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.producer?.status?.getTasks===L.Request||this.fetchingTasks},service(){return this.$store.state.producer.service},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},initializing(){return this.$store.state.producer.status.getApplications===L.Request},needApply(){return this.$store.state.producer.status.getApplications===L.Success&&!this.application},application(){return this.$store.state.producer.application},tasks(){return this.$store.state.producer.tasks},applications(){return this.$store.state.producer.applications}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await je({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("producer/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("producer/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){le.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ce&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:l,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",l,"createdAtMax",i),this.fetchingTasks=!0;try{await this.$store.dispatch("producer/getTasks",{limit:t,createdAtMin:l,createdAtMax:i})}finally{this.fetchingTasks=!1}},async onGenerateAudio(){const e={...this.config,callback_url:pn},t=this.credential?.token;if(!t){console.error("no token specified");return}w.info(this.$t("producer.message.startingTask")),I.audio(e,{token:t}).then(()=>{w.success(this.$t("producer.message.startTaskSuccess"))}).catch(l=>{w.error(l?.response?.data?.error?.message||this.$t("producer.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function fn(e,t,l,i,h,p){const u=r("config-panel"),m=r("recent-panel"),_=r("preview-panel"),$=r("layout");return n(),v($,null,{config:d(()=>[s(u,{onGenerate:e.onGenerateAudio},null,8,["onGenerate"])]),result:d(()=>[s(m,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),preview:d(()=>[s(_)]),_:1})}const ur=V(mn,[["render",fn],["__scopeId","data-v-638e0ac5"]]);export{ur as default};
+import{F as D}from"./index.es-CR5c3J-H.js";import{E as W}from"./index-DRNT-3tY.js";import{E as oe}from"./index-CtIMFI1x.js";import{d as b,H as c,E as o,z as B,C as s,y as d,D as r,q as n,F as a,O as G,N as q,J as f,x as v,I as U,G as R,K as H,M as E,u as A,c as T,w as se,L as ne}from"./vendor-vue-DU0w5ewx.js";import{D as V,b0 as re,e2 as Y,e3 as Q,R as K,G as ie,ao as L,e4 as Z,e5 as ae,a6 as le}from"./index-CnxV03kA.js";import{a as ce}from"./errorCode-Cqj9Td_Z.js";import{p as I}from"./producer-DbMvJ5IJ.js";import{b as de}from"./producer-DP85fuAq.js";import{E as ue}from"./index-DCAfo8xw.js";import{E as pe,a as me}from"./index-BlBQVbe7.js";import{I as F,S as fe}from"./ScrollList-CLSW3Dbs.js";import{E as he}from"./index-DAIZ68Ng.js";import{E as w}from"./index-D9jYVi3R.js";import{E as z}from"./index-CAois4ub.js";import{u as j,F as _e,O as $e,_ as ee,P as ge,a as ve,V as ye,E as ke}from"./IconPark.vue_vue_type_script_setup_true_lang-D5nebBc1.js";import{E as X,a as x}from"./index-BKQt60Ja.js";import{E as N}from"./index-DOwlxqQ4.js";import{E as be,a as we}from"./index-CahX5AtG.js";import{E as Ce,a as Ve}from"./index-Bd3Ciuoz.js";import{C as Se}from"./Consumption-DtKxSOW0.js";import{a as Ue}from"./price-WuGL9UMF.js";import{E as Pe,b as Ee,a as Ae}from"./index-CBjdw82V.js";import{E as Te}from"./index-C36XUd3I.js";import{E as Fe}from"./index-aX-s__p_.js";import{N as Ie}from"./NoTasks-DqYFgS_3.js";import{a as Le,E as Ge}from"./index-CFMP3iYS.js";import{l as je}from"./pagination-CcnL0MdN.js";import"./use-form-item-n1D0HOVh.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./validator-kdYNLPlp.js";import"./index-CGzKdsQS.js";import"./index-CRyZ32qo.js";import"./typescript-D-y7TKkl.js";import"./strings-DigWlKo9.js";import"./isEqual-BUu7kkim.js";import"./_Uint8Array-BtL2weNZ.js";import"./castArray-DCHtvbqo.js";import"./debounce-BSdgAkOS.js";import"./_baseIteratee-D4xvLM3s.js";import"./index-B_sHRuvM.js";import"./index-DPvEmYP7.js";import"./_baseClone-CLa2JSau.js";import"./_initCloneObject-toOyHWRX.js";import"./index-DhIU2Ld8.js";import"./index-Bz0iDXPF.js";import"./index-h55T8DVq.js";import"./dropdown-CYDyXxEu.js";const De=b({name:"LayoutProducer",components:{ElDrawer:oe,ElButton:W,FontAwesomeIcon:D},data(){return{drawer:!1,preview:!1}},computed:{}}),Re={class:"main flex flex-row flex-1"},Ze={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ze={class:"result h-full flex flex-col flex-1 min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"},Ne={class:"preview h-full w-[300px] flex flex-col"};function Me(e,t,l,i,h,p){const u=r("font-awesome-icon"),m=r("el-button"),_=r("el-drawer");return n(),c("div",Re,[o("div",Ze,[B(e.$slots,"config",{},void 0,!0)]),o("div",ze,[B(e.$slots,"result",{},void 0,!0)]),o("div",Ne,[B(e.$slots,"preview",{},void 0,!0)]),s(m,{circle:"",class:"menu",onClick:t[0]||(t[0]=$=>e.drawer=!0)},{default:d(()=>[s(u,{icon:"fa-solid fa-magic"})]),_:1}),s(_,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=$=>e.drawer=$),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[B(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Oe=V(De,[["render",Me],["__scopeId","data-v-7453886f"]]),Be=b({name:"TypeSelector",components:{ElSelect:me,ElOption:pe,ElSwitch:ue},data(){return{options:[{label:"FUZZ-2.0 Pro",value:"FUZZ-2.0 Pro",info:"8 min"},{label:"FUZZ-2.0",value:"FUZZ-2.0",info:"8 min"},{label:"FUZZ-2.0 Raw",value:"FUZZ-2.0 Raw",info:"8 min"},{label:"FUZZ-1.1 Pro",value:"FUZZ-1.1 Pro",info:"4 min"},{label:"FUZZ-1.0 Pro",value:"FUZZ-1.0 Pro",info:"4 min"},{label:"FUZZ-1.1",value:"FUZZ-1.1",info:"4 min"},{label:"FUZZ-1.0",value:"FUZZ-1.0",info:"2 min"},{label:"FUZZ-0.8",value:"FUZZ-0.8",info:"2 min"}]}},computed:{custom:{get(){return this.$store.state.producer?.config?.custom||!1},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,custom:e})}},instrumental:{get(){return this.$store.state.producer?.config?.instrumental||!1},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,instrumental:e})}},model:{get(){return this.$store.state.producer?.config?.model},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:e})}}},mounted(){this.model||(this.model=de)}}),qe={class:"flex items-center justify-between mb-3"},We={class:"text-sm font-bold"},He={class:"mb-3"},Ke={class:"flex items-center mb-1"},Je={class:"text-sm font-bold"},Ye={class:"flex items-center justify-between w-full"},Qe={class:"text-xs text-[var(--el-text-color-placeholder)]"},Xe={key:0,class:"flex items-center justify-between mb-3"},xe={class:"text-sm font-bold"};function et(e,t,l,i,h,p){const u=r("el-switch"),m=r("el-option"),_=r("el-select");return n(),c("div",null,[o("div",qe,[o("span",We,a(e.$t("producer.name.type")),1),s(u,{modelValue:e.custom,"onUpdate:modelValue":t[0]||(t[0]=$=>e.custom=$)},null,8,["modelValue"])]),o("div",He,[o("div",Ke,[o("span",Je,a(e.$t("producer.name.model")),1)]),s(_,{modelValue:e.model,"onUpdate:modelValue":t[1]||(t[1]=$=>e.model=$),class:"w-full",size:"default",placeholder:e.$t("producer.placeholder.select")},{default:d(()=>[(n(!0),c(G,null,q(e.options,$=>(n(),v(m,{key:$.value,label:$.label,value:$.value},{default:d(()=>[o("div",Ye,[o("span",null,a($.label),1),o("span",Qe,a($.info),1)])]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])]),e.custom?(n(),c("div",Xe,[o("span",xe,a(e.$t("producer.name.instrumental")),1),s(u,{modelValue:e.instrumental,"onUpdate:modelValue":t[2]||(t[2]=$=>e.instrumental=$)},null,8,["modelValue"])])):f("",!0)])}const tt=V(Be,[["render",et]]),ot=b({name:"UploadAudio",components:{ElUpload:he,ElButton:W,InfoIcon:F,FontAwesomeIcon:D},emits:["change"],data(){return{fileList:[],uploadUrl:re()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.producer?.config?.audio_id},set(){}}},watch:{urls:{handler(e){this.$emit("change",e)}}},mounted(){this.value||(this.value=void 0),this.onSetAudio()},methods:{onExceed(){w.warning(this.$t("producer.message.uploadReferencesExceed"))},onError(){w.error(this.$t("producer.message.uploadReferencesError"))},async onSuccess(){const e=this.urls?.[0];await this.onGenerateAudioId(e)},async onGenerateAudioId(e){const t={audio_url:e},l=this.credential?.token;if(!l){console.error("no token specified");return}w.info(this.$t("producer.message.startingUploadAudio")),I.upload(t,{token:l}).then(i=>{console.debug("get upload music success",i.data);const h=i.data?.data.audio_id;this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,audio_id:h,action:"upload_extend"}),w.success(this.$t("producer.message.startUploadAudioSuccess"))}).catch(i=>{w.error(i?.response?.data?.error?.message||this.$t("producer.message.startUploadAudioFailed"))})},onSetAudio(){}}}),st={class:"relative"},nt={class:"flex justify-between"},rt={class:"flex justify-start items-center"},it={class:"text-sm font-bold"};function at(e,t,l,i,h,p){const u=r("info-icon"),m=r("font-awesome-icon"),_=r("el-button"),$=r("el-upload");return n(),c("div",st,[o("div",nt,[o("div",rt,[o("span",it,a(e.$t("producer.name.referenceAudios")),1),s(u,{content:e.$t("producer.description.uploadAudios")},null,8,["content"])])]),s($,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=k=>e.fileList=k),name:"file",limit:1,class:"upload-wrapper",action:e.uploadUrl,accept:".mp3","show-file-list":!0,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{default:d(()=>[s(_,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:d(()=>[s(m,{icon:"fa-solid fa-upload",class:"icon mr-1"}),U(" "+a(e.$t("producer.button.uploadAudios")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const lt=V(ot,[["render",at],["__scopeId","data-v-e4cd0467"]]),ct="",dt=b({name:"PromptInput",components:{ElInput:z,InfoIcon:F},computed:{prompt:{get(){return this.$store.state.producer?.config?.prompt},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}}),ut={class:"field"},pt={class:"flex items-center mb-1"},mt={class:"text-sm font-bold"};function ft(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-input");return n(),c("div",ut,[o("div",pt,[o("span",mt,a(e.$t("producer.name.songDescription")),1),s(u,{content:e.$t("producer.description.prompt")},null,8,["content"])]),s(m,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),rows:4,type:"textarea",placeholder:e.$t("producer.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const ht=V(dt,[["render",ft]]),_t="",$t=b({name:"LyricInput",components:{ElInput:z,ElButton:W,FontAwesomeIcon:D,InfoIcon:F},data(){return{generatingLyrics:!1}},computed:{lyric:{get(){return this.$store.state.producer?.config?.lyric},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,lyric:e})}},config(){return this.$store.state.producer?.config},credential(){return this.$store.state.producer?.credential}},mounted(){this.lyric||(this.lyric=_t)},methods:{async onGenerateLyrics(){const e=this.credential?.token;if(!e)return;const t=this.config?.style||this.config?.title||"a beautiful song";this.generatingLyrics=!0,w.info(this.$t("producer.message.generatingLyrics"));try{const i=(await I.lyric({prompt:t},{token:e})).data?.data;i?.text&&(this.lyric=i.text,i?.title&&!this.config?.title&&this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,lyric:i.text,title:i.title}),w.success(this.$t("producer.message.generateLyricsSuccess")))}catch{w.error(this.$t("producer.message.generateLyricsFailed"))}finally{this.generatingLyrics=!1}}}}),gt={class:"field"},vt={class:"flex items-center justify-between mb-1"},yt={class:"flex items-center"},kt={class:"text-sm font-bold"};function bt(e,t,l,i,h,p){const u=r("info-icon"),m=r("font-awesome-icon"),_=r("el-button"),$=r("el-input");return n(),c("div",gt,[o("div",vt,[o("div",yt,[o("span",kt,a(e.$t("producer.name.lyrics")),1),s(u,{content:e.$t("producer.description.lyrics")},null,8,["content"])]),e.config?.action!=="extend"?(n(),v(_,{key:0,size:"small",loading:e.generatingLyrics,round:"",onClick:e.onGenerateLyrics},{default:d(()=>[e.generatingLyrics?f("",!0):(n(),v(m,{key:0,icon:"fa-solid fa-wand-magic-sparkles",class:"mr-1"})),U(" "+a(e.$t("producer.button.generate_lyrics")),1)]),_:1},8,["loading","onClick"])):f("",!0)]),e.config?.action!=="extend"?(n(),v($,{key:0,modelValue:e.lyric,"onUpdate:modelValue":t[0]||(t[0]=k=>e.lyric=k),rows:5,type:"textarea",class:"lyrics",placeholder:e.$t("producer.placeholder.lyrics")},null,8,["modelValue","placeholder"])):(n(),v($,{key:1,modelValue:e.lyric,"onUpdate:modelValue":t[1]||(t[1]=k=>e.lyric=k),rows:5,type:"textarea",class:"lyrics",placeholder:e.$t("producer.placeholder.extend.lyrics")},null,8,["modelValue","placeholder"]))])}const wt=V($t,[["render",bt],["__scopeId","data-v-88c6da2b"]]),Ct=b({name:"StyleInput",components:{ElInput:z,InfoIcon:F},computed:{style:{get(){return this.$store.state.producer?.config?.style},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,style:e})}}}}),Vt={class:"field"},St={class:"flex items-center justify-between mb-1"},Ut={class:"flex items-center"},Pt={class:"text-sm font-bold"};function Et(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-input");return n(),c("div",Vt,[o("div",St,[o("div",Ut,[o("span",Pt,a(e.$t("producer.name.style")),1),s(u,{content:e.$t("producer.description.style")},null,8,["content"])])]),s(m,{modelValue:e.style,"onUpdate:modelValue":t[0]||(t[0]=_=>e.style=_),rows:2,type:"textarea",placeholder:e.$t("producer.placeholder.style")},null,8,["modelValue","placeholder"])])}const At=V(Ct,[["render",Et]]),Tt=b({name:"TitleInput",components:{ElInput:z,InfoIcon:F},computed:{title:{get(){return this.$store.state.producer?.config?.title},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,title:e})}}}}),Ft={class:"field"},It={class:"flex items-center mb-1"},Lt={class:"text-sm font-bold"};function Gt(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-input");return n(),c("div",Ft,[o("div",It,[o("span",Lt,a(e.$t("producer.name.title")),1),s(u,{content:e.$t("producer.description.title")},null,8,["content"])]),s(m,{modelValue:e.title,"onUpdate:modelValue":t[0]||(t[0]=_=>e.title=_),placeholder:e.$t("producer.placeholder.title")},null,8,["modelValue","placeholder"])])}const jt=V(Tt,[["render",Gt]]),Dt=b({name:"ExtendFromInput",components:{ElImage:N,ElIcon:K,ElInputNumber:X,VideoPlay:Q,VideoPause:Y},data(){return{}},computed:{audio(){return this.$store.state.producer?.config?.audio},value:{get(){return this.$store.state.producer?.config?.continue_at},set(e){console.debug("set continue_at",e),this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)},methods:{handleChange(e){if(e===void 0){this.value=void 0;return}e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:j,onPlay(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),Rt={class:"field"},Zt={class:"box"},zt={class:"title font-bold"},Nt={class:"input-wrapper"},Mt={class:"task"},Ot={class:"left"},Bt={key:2,class:"duration"},qt={class:"info"},Wt={class:"title"},Ht={class:"style"};function Kt(e,t,l,i,h,p){const u=r("el-input-number"),m=r("el-image"),_=r("video-pause"),$=r("el-icon"),k=r("video-play"),y=H("loading");return n(),c("div",Rt,[o("div",Zt,[o("h2",zt,a(e.$t("producer.name.extend")),1),o("div",Nt,[s(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=P=>e.value=P),class:"value",min:0,max:e.audio?.duration,controls:!1,placeholder:e.$t("producer.placeholder.extend.continue_at"),onChange:e.handleChange},null,8,["modelValue","max","placeholder","onChange"])])]),o("div",Mt,[e.audio?(n(),c("div",{key:0,class:"audio",onClick:t[3]||(t[3]=P=>e.onClick(e.audio))},[R((n(),c("div",Ot,[s(m,{src:e.audio?.image_url,class:"cover",fit:"cover"},null,8,["src"]),e.audio?.audio_url&&e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state==="playing"?(n(),c("div",{key:0,class:"overlay",onClick:t[1]||(t[1]=P=>e.onPause(e.audio))},[s($,null,{default:d(()=>[s(_)]),_:1})])):f("",!0),e.audio?.audio_url&&(e.$store.state?.producer?.audio?.id!==e.audio.id||e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state==="paused")?(n(),c("div",{key:1,class:"overlay",onClick:t[2]||(t[2]=P=>e.onPlay(e.audio))},[s($,null,{default:d(()=>[s(k)]),_:1})])):f("",!0),e.audio?.duration?(n(),c("div",Bt,a(e.useFormatDuring(e.audio?.duration)),1)):f("",!0)])),[[y,!e.audio?.audio_url]]),o("div",qt,[o("h2",Wt,a(e.audio?.title),1),o("p",Ht,a(e.audio?.style),1)])])):f("",!0)])])}const Jt=V(Dt,[["render",Kt],["__scopeId","data-v-26d43480"]]),Yt=b({name:"CoverFromInput",components:{ElImage:N,ElIcon:K,VideoPlay:Q,VideoPause:Y},data(){return{}},computed:{audio(){return this.$store.state.producer?.config?.audio},value:{get(){return this.$store.state.producer?.config?.continue_at},set(e){console.debug("set continue_at",e),this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)},methods:{handleChange(e){e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:j,onPlay(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),Qt={class:"field"},Xt={class:"box"},xt={class:"title font-bold"},eo={class:"task"},to={class:"left"},oo={key:2,class:"duration"},so={class:"info"},no={class:"title"},ro={class:"style"};function io(e,t,l,i,h,p){const u=r("el-image"),m=r("video-pause"),_=r("el-icon"),$=r("video-play"),k=H("loading");return n(),c("div",Qt,[o("div",Xt,[o("h2",xt,a(e.$t("producer.name.cover")),1)]),o("div",eo,[e.audio?(n(),c("div",{key:0,class:"audio",onClick:t[2]||(t[2]=y=>e.onClick(e.audio))},[R((n(),c("div",to,[s(u,{src:e.audio?.image_url,class:"cover",fit:"cover"},null,8,["src"]),e.audio?.audio_url&&e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state==="playing"?(n(),c("div",{key:0,class:"overlay",onClick:t[0]||(t[0]=y=>e.onPause(e.audio))},[s(_,null,{default:d(()=>[s(m)]),_:1})])):f("",!0),e.audio?.audio_url&&(e.$store.state?.producer?.audio?.id!==e.audio.id||e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state==="paused")?(n(),c("div",{key:1,class:"overlay",onClick:t[1]||(t[1]=y=>e.onPlay(e.audio))},[s(_,null,{default:d(()=>[s($)]),_:1})])):f("",!0),e.audio?.duration?(n(),c("div",oo,a(e.useFormatDuring(e.audio?.duration)),1)):f("",!0)])),[[k,!e.audio?.audio_url]]),o("div",so,[o("h2",no,a(e.audio?.title),1),o("p",ro,a(e.audio?.style),1)])])):f("",!0)])])}const ao=V(Yt,[["render",io],["__scopeId","data-v-d8a8e583"]]),lo=b({name:"VocalGenderSelector",components:{ElRadioGroup:we,ElRadioButton:be,InfoIcon:F},computed:{vocalGender:{get(){return this.$store.state.producer?.config?.vocal_gender||""},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,vocal_gender:e||void 0})}}}}),co={class:"mb-2"},uo={class:"flex items-center mb-1"},po={class:"text-sm font-bold"};function mo(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-radio-button"),_=r("el-radio-group");return n(),c("div",co,[o("div",uo,[o("span",po,a(e.$t("producer.name.vocalGender")),1),s(u,{content:e.$t("producer.description.vocalGender")},null,8,["content"])]),s(_,{modelValue:e.vocalGender,"onUpdate:modelValue":t[0]||(t[0]=$=>e.vocalGender=$)},{default:d(()=>[s(m,{value:""},{default:d(()=>[U(a(e.$t("producer.gender.auto")),1)]),_:1}),s(m,{value:"f"},{default:d(()=>[U(a(e.$t("producer.gender.female")),1)]),_:1}),s(m,{value:"m"},{default:d(()=>[U(a(e.$t("producer.gender.male")),1)]),_:1})]),_:1},8,["modelValue"])])}const fo=V(lo,[["render",mo]]),ho=b({name:"AdvancedParams",components:{ElCollapse:Ve,ElCollapseItem:Ce,ElInput:z,ElSlider:x,ElInputNumber:X},data(){return{activeNames:[]}},computed:{config(){return this.$store.state.producer?.config},styleNegative:{get(){return this.$store.state.producer?.config?.style_negative||""},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,style_negative:e||void 0})}},lyricPrompt:{get(){return this.$store.state.producer?.config?.lyric_prompt||""},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,lyric_prompt:e||void 0})}},weirdness:{get(){return this.$store.state.producer?.config?.weirdness??0},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,weirdness:e||void 0})}},soundStrength:{get(){return this.$store.state.producer?.config?.sound_strength??50},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,sound_strength:e})}},lyricsStrength:{get(){return this.$store.state.producer?.config?.lyrics_strength??50},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,lyrics_strength:e})}},seed:{get(){return this.$store.state.producer?.config?.seed},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,seed:e})}}}}),_o={key:0,class:"mb-3"},$o={class:"flex items-center mb-1"},go={class:"text-xs font-bold"},vo={key:1,class:"mb-3"},yo={class:"flex items-center mb-1"},ko={class:"text-xs font-bold"},bo={key:2,class:"mb-3"},wo={class:"flex items-center justify-between mb-1"},Co={class:"text-xs font-bold"},Vo={class:"text-xs text-[var(--el-text-color-secondary)]"},So={key:3,class:"mb-3"},Uo={class:"flex items-center justify-between mb-1"},Po={class:"text-xs font-bold"},Eo={class:"text-xs text-[var(--el-text-color-secondary)]"},Ao={key:4,class:"mb-3"},To={class:"flex items-center justify-between mb-1"},Fo={class:"text-xs font-bold"},Io={class:"text-xs text-[var(--el-text-color-secondary)]"},Lo={key:5,class:"mb-3"},Go={class:"flex items-center mb-1"},jo={class:"text-xs font-bold"};function Do(e,t,l,i,h,p){const u=r("el-input"),m=r("el-slider"),_=r("el-input-number"),$=r("el-collapse-item"),k=r("el-collapse");return n(),v(k,{modelValue:e.activeNames,"onUpdate:modelValue":t[6]||(t[6]=y=>e.activeNames=y),class:"advanced-collapse"},{default:d(()=>[s($,{title:e.$t("producer.name.advancedParams"),name:"advanced"},{default:d(()=>[e.config?.custom?(n(),c("div",_o,[o("div",$o,[o("span",go,a(e.$t("producer.name.styleNegative")),1)]),s(u,{modelValue:e.styleNegative,"onUpdate:modelValue":t[0]||(t[0]=y=>e.styleNegative=y),placeholder:e.$t("producer.placeholder.styleNegative")},null,8,["modelValue","placeholder"])])):f("",!0),e.config?.custom&&!e.config?.instrumental?(n(),c("div",vo,[o("div",yo,[o("span",ko,a(e.$t("producer.name.lyricPrompt")),1)]),s(u,{modelValue:e.lyricPrompt,"onUpdate:modelValue":t[1]||(t[1]=y=>e.lyricPrompt=y),placeholder:e.$t("producer.placeholder.lyricPrompt")},null,8,["modelValue","placeholder"])])):f("",!0),e.config?.custom?(n(),c("div",bo,[o("div",wo,[o("span",Co,a(e.$t("producer.name.weirdness")),1),o("span",Vo,a(e.weirdness??0),1)]),s(m,{modelValue:e.weirdness,"onUpdate:modelValue":t[2]||(t[2]=y=>e.weirdness=y),min:0,max:100,step:1},null,8,["modelValue"])])):f("",!0),e.config?.custom?(n(),c("div",So,[o("div",Uo,[o("span",Po,a(e.$t("producer.name.soundStrength")),1),o("span",Eo,a(e.soundStrength??50),1)]),s(m,{modelValue:e.soundStrength,"onUpdate:modelValue":t[3]||(t[3]=y=>e.soundStrength=y),min:0,max:100,step:1},null,8,["modelValue"])])):f("",!0),e.config?.custom&&!e.config?.instrumental?(n(),c("div",Ao,[o("div",To,[o("span",Fo,a(e.$t("producer.name.lyricsStrength")),1),o("span",Io,a(e.lyricsStrength??50),1)]),s(m,{modelValue:e.lyricsStrength,"onUpdate:modelValue":t[4]||(t[4]=y=>e.lyricsStrength=y),min:0,max:100,step:1},null,8,["modelValue"])])):f("",!0),e.config?.custom?(n(),c("div",Lo,[o("div",Go,[o("span",jo,a(e.$t("producer.name.seed")),1)]),s(_,{modelValue:e.seed,"onUpdate:modelValue":t[5]||(t[5]=y=>e.seed=y),min:0,controls:!1,placeholder:e.$t("producer.placeholder.seed"),class:"w-full"},null,8,["modelValue","placeholder"])])):f("",!0)]),_:1},8,["title"])]),_:1},8,["modelValue"])}const Ro=V(ho,[["render",Do],["__scopeId","data-v-88e65aee"]]),Zo=b({name:"ReplaceSectionInput",components:{ElInputNumber:X,ElImage:N,InfoIcon:F},computed:{audio(){return this.$store.state.producer?.config?.audio},replaceSectionStart:{get(){return this.$store.state.producer?.config?.replace_section_start},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,replace_section_start:e})}},replaceSectionEnd:{get(){return this.$store.state.producer?.config?.replace_section_end},set(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,replace_section_end:e})}}},methods:{onClick(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"playing"})}}}),zo={class:"field"},No={class:"flex items-center mb-2"},Mo={class:"text-sm font-bold m-0"},Oo={key:0,class:"task mb-2"},Bo={class:"left relative w-[50px] h-[50px] mr-3 flex-shrink-0"},qo={class:"info flex-1 min-w-0"},Wo={class:"text-sm font-bold m-0 truncate"},Ho={class:"text-xs text-[var(--el-text-color-secondary)] m-0 truncate"},Ko={class:"flex gap-2"};function Jo(e,t,l,i,h,p){const u=r("info-icon"),m=r("el-image"),_=r("el-input-number"),$=H("loading");return n(),c("div",zo,[o("div",No,[o("h2",Mo,a(e.$t("producer.name.replaceSection")),1),s(u,{content:e.$t("producer.description.replaceSection")},null,8,["content"])]),e.audio?(n(),c("div",Oo,[o("div",{class:"audio flex items-center",onClick:t[0]||(t[0]=k=>e.onClick(e.audio))},[R((n(),c("div",Bo,[s(m,{src:e.audio?.image_url,class:"w-full h-full rounded",fit:"cover"},null,8,["src"])])),[[$,!e.audio?.audio_url]]),o("div",qo,[o("h2",Wo,a(e.audio?.title),1),o("p",Ho,a(e.audio?.style),1)])])])):f("",!0),o("div",Ko,[s(_,{modelValue:e.replaceSectionStart,"onUpdate:modelValue":t[1]||(t[1]=k=>e.replaceSectionStart=k),class:"flex-1",min:0,max:e.audio?.duration,controls:!1,placeholder:e.$t("producer.placeholder.replaceSectionStart")},null,8,["modelValue","max","placeholder"]),s(_,{modelValue:e.replaceSectionEnd,"onUpdate:modelValue":t[2]||(t[2]=k=>e.replaceSectionEnd=k),class:"flex-1",min:e.replaceSectionStart||0,max:e.audio?.duration,controls:!1,placeholder:e.$t("producer.placeholder.replaceSectionEnd")},null,8,["modelValue","min","max","placeholder"])])])}const Yo=V(Zo,[["render",Jo]]),Qo=b({name:"PresetPanel",components:{TypeSelector:tt,PromptInput:ht,LyricInput:wt,StyleInput:At,TitleInput:jt,ExtendFromInput:Jt,CoverFromInput:ao,UploadAudio:lt,VocalGenderSelector:fo,AdvancedParams:Ro,ReplaceSectionInput:Yo,FontAwesomeIcon:D,ElButton:W,Consumption:Se},emits:["generate"],computed:{config(){return this.$store.state.producer?.config},consumption(){return Ue(this.config,this.service?.cost)},service(){return this.$store.state.producer?.service},generateButtonText(){const e=this.config?.action;return e==="extend"?this.$t("producer.button.extend"):e==="cover"?this.$t("producer.button.cover_music"):e==="variation"?this.$t("producer.button.variation"):e==="replace_section"?this.$t("producer.button.replace_section"):e==="stems"?this.$t("producer.button.get_stems"):e==="swap_vocals"?this.$t("producer.button.swap_vocals"):e==="swap_instrumentals"?this.$t("producer.button.swap_instrumentals"):this.$t("producer.button.generate")}},methods:{onGenerate(){this.$emit("generate")}}}),Xo={class:"flex flex-col h-full"},xo={class:"flex-1 overflow-y-auto p-5"},es={class:"flex flex-col items-center justify-center px-5 pb-5"};function ts(e,t,l,i,h,p){const u=r("type-selector"),m=r("upload-audio"),_=r("prompt-input"),$=r("lyric-input"),k=r("style-input"),y=r("title-input"),P=r("vocal-gender-selector"),S=r("extend-from-input"),M=r("cover-from-input"),O=r("replace-section-input"),J=r("advanced-params"),g=r("consumption"),C=r("font-awesome-icon"),te=r("el-button");return n(),c("div",Xo,[o("div",xo,[s(u,{class:"mb-4"}),s(m,{class:"mb-4"}),e.config?.custom?f("",!0):(n(),v(_,{key:0,class:"mb-4"})),e.config?.custom&&!e.config.instrumental?(n(),v($,{key:1,class:"mb-4"})):f("",!0),e.config?.custom?(n(),v(k,{key:2,class:"mb-4"})):f("",!0),e.config?.custom?(n(),v(y,{key:3,class:"mb-4"})):f("",!0),e.config?.custom&&!e.config.instrumental?(n(),v(P,{key:4,class:"mb-4"})):f("",!0),e.config?.action==="extend"?(n(),v(S,{key:5,class:"mb-4"})):f("",!0),e.config?.action==="cover"?(n(),v(M,{key:6,class:"mb-4"})):f("",!0),e.config?.action==="replace_section"?(n(),v(O,{key:7,class:"mb-4"})):f("",!0),s(J,{class:"mb-4"})]),o("div",es,[s(g,{value:e.consumption,service:e.service},null,8,["value","service"]),s(te,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:d(()=>[s(C,{icon:"fa-solid fa-magic",class:"mr-2"}),U(" "+a(e.generateButtonText),1)]),_:1},8,["onClick"])])])}const os=V(Qo,[["render",ts],["__scopeId","data-v-6642bb3c"]]),ss="https://webhook.acedata.cloud/producer",ns=b({name:"TaskPreview",components:{ElImage:N,ElIcon:K,ElTooltip:Te,FontAwesomeIcon:D,VideoPlay:Q,VideoPause:Y,ElDropdown:Ae,ElDropdownMenu:Ee,ElDropdownItem:Pe,Loading:ie},props:{modelValue:{type:Object,required:!0}},data(){return{isFetchingVideoUrl:!1,isFetchingWav:!1}},computed:{loading(){return this.$store.state.producer?.status?.getApplications===L.Request},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},task(){return this.$store.state.producer?.tasks},audios(){const e=this.modelValue?.response?.data??[],t=this.modelValue?.request?.action;return t?e.map(l=>({...l,action:t})):e},application(){return this.$store.state.producer?.application},active(){return this.$store.state.producer?.tasks?.active}},methods:{useFormatDuring:j,onPlay(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"playing"}),console.log("on play")},onPause(e){this.$store.dispatch("producer/setAudio",{...this.$store.state.producer.audio,...e,state:"paused"}),console.log("on pause")},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})},onExtend(e,t){e.stopPropagation(),console.debug("set config",t),this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:t.model,custom:!0,instrumental:!1,style:t.style,action:"extend",audio:t,audio_id:t.id,continue_at:t.duration})},onDownload(e,t){e&&e.stopPropagation();const i=new URL(t).pathname,h=i.substring(i.lastIndexOf("/")+1);fetch(t).then(p=>p.blob()).then(p=>{_e.saveAs(p,h)})},async handleVideoDownload(e){if(e.video_url){this.onDownload(null,e.video_url);return}if(!this.isFetchingVideoUrl)try{this.isFetchingVideoUrl=!0;const t=await this.fetchVideoUrlFromApi(e?.id);console.log(`get videoUrl: ${t}`),e.video_url=t,this.onDownload(null,t)}catch(t){console.error("get videoUrl failed:",t),w.error(this.$t("producer.message.getVideoUrlFailed"))}finally{this.isFetchingVideoUrl=!1}},async fetchVideoUrlFromApi(e){return new Promise((t,l)=>{const i={audio_id:e},h=this.credential?.token;if(!h){console.error("no token specified"),l(new Error("No token specified"));return}I.video(i,{token:h}).then(p=>{const u=p.data?.data?.video_url;u?t(u):l(new Error("Video URL not found in response"))}).catch(p=>{l(p)})})},onPreview(e,t){e.stopPropagation(),window.open(t,"_blank")},async onGetStems(e){await this.onGenerateAudioUrl("stems",e)},onCover(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:e.model,custom:!0,instrumental:!1,style:e.style,action:"cover",audio:e,audio_id:e.id})},onVariation(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:e.model,custom:!0,style:e.style,action:"variation",audio:e,audio_id:e.id})},async onSwapVocals(e){await this.onGenerateAudioUrl("swap_vocals",e)},async onSwapInstrumentals(e){await this.onGenerateAudioUrl("swap_instrumentals",e)},async onGetAllStems(e){await this.onGenerateAudioUrl("all_stems",e)},onReplaceSection(e){this.$store.commit("producer/setConfig",{...this.$store.state.producer?.config,model:e.model,custom:!0,instrumental:!1,style:e.style,action:"replace_section",audio:e,audio_id:e.id,replace_section_start:0,replace_section_end:Math.min(30,e.duration||30)})},async handleWavDownload(e){if(!e?.id||this.isFetchingWav)return;const t=this.credential?.token;if(t)try{this.isFetchingWav=!0,w.info(this.$t("producer.message.fetchingWav"));const i=(await I.wav({audio_id:e.id},{token:t})).data?.data?.audio_url;i?this.onDownload(null,i):w.error(this.$t("producer.message.fetchWavFailed"))}catch{w.error(this.$t("producer.message.fetchWavFailed"))}finally{this.isFetchingWav=!1}},async onGenerateAudioUrl(e,t){const l={action:e,audio_id:t,callback_url:ss},i=this.credential?.token;if(!i){console.error("no token specified");return}w.info(this.$t("producer.message.startingTask")),I.audio(l,{token:i}).then(()=>{w.success(this.$t("producer.message.startTaskSuccess"))}).catch(h=>{w.error(h?.response?.data?.error?.message||this.$t("producer.message.startTaskFailed"))}).finally(async()=>{await this.onGetTasks(),await this.onScrollDown()})},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(){if(this.loading){console.debug("loading");return}await this.$store.dispatch("producer/getTasks",{limit:30,offset:0})}}}),rs={class:"task"},is=["onClick"],as={class:"left"},ls=["onClick"],cs=["onClick"],ds={key:2,class:"duration"},us={class:"info"},ps={class:"title"},ms={class:"style"},fs={class:"right"},hs={class:"el-dropdown-link"},_s={class:"flex items-center min-w-[120px]"},$s={class:"flex items-center min-w-[120px]"},gs={class:"el-dropdown-link"};function vs(e,t,l,i,h,p){const u=r("el-image"),m=r("video-pause"),_=r("el-icon"),$=r("video-play"),k=r("font-awesome-icon"),y=r("el-tooltip"),P=r("Loading"),S=r("el-dropdown-item"),M=r("el-dropdown-menu"),O=r("el-dropdown"),J=H("loading");return n(),c("div",rs,[(n(!0),c(G,null,q(e.audios,g=>(n(),c("div",{key:g.id,class:"audio",onClick:E(C=>e.onClick(g),["stop"])},[R((n(),c("div",as,[s(u,{src:g?.image_url,class:"cover",fit:"cover",lazy:""},null,8,["src"]),g?.audio_url&&e.$store.state?.producer?.audio?.id===g.id&&e.$store.state?.producer?.audio?.state==="playing"?(n(),c("div",{key:0,class:"overlay",onClick:E(C=>e.onPause(g),["stop"])},[s(_,null,{default:d(()=>[s(m)]),_:1})],8,ls)):f("",!0),g?.audio_url&&(e.$store.state?.producer?.audio?.id!==g.id||e.$store.state?.producer?.audio?.id===g.id&&e.$store.state?.producer?.audio?.state==="paused")?(n(),c("div",{key:1,class:"overlay",onClick:E(C=>e.onPlay(g),["stop"])},[s(_,null,{default:d(()=>[s($)]),_:1})],8,cs)):f("",!0),g?.duration?(n(),c("div",ds,a(e.useFormatDuring(g?.duration)),1)):f("",!0)])),[[J,!g?.audio_url]]),o("div",us,[o("h2",ps,a(g?.title),1),o("p",ms,a(g?.style),1)]),o("div",fs,[s(O,null,{dropdown:d(()=>[s(M,null,{default:d(()=>[s(S,{disabled:e.isFetchingVideoUrl,onClick:C=>e.handleVideoDownload(g)},{default:d(()=>[o("div",_s,[e.isFetchingVideoUrl?(n(),v(_,{key:0,class:"is-loading mr-2"},{default:d(()=>[s(P)]),_:1})):f("",!0),o("span",null,a(e.$t("producer.button.download_video")),1)])]),_:1},8,["disabled","onClick"]),g?.audio_url?(n(),v(S,{key:0,onClick:E(C=>e.onDownload(C,g?.audio_url),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.download_audio")),1)]),_:1},8,["onClick"])):f("",!0),s(S,{disabled:e.isFetchingWav,onClick:C=>e.handleWavDownload(g)},{default:d(()=>[o("div",$s,[e.isFetchingWav?(n(),v(_,{key:0,class:"is-loading mr-2"},{default:d(()=>[s(P)]),_:1})):f("",!0),o("span",null,a(e.$t("producer.button.download_wav")),1)])]),_:1},8,["disabled","onClick"])]),_:2},1024)]),default:d(()=>[o("span",hs,[s(y,{effect:"dark",content:e.$t("producer.button.download"),placement:"top"},{default:d(()=>[g?.audio_url||g?.video_url?(n(),v(k,{key:0,icon:"fa-solid fa-download",class:"icon icon-download"})):f("",!0)]),_:2},1032,["content"])])]),_:2},1024),s(O,null,{dropdown:d(()=>[s(M,null,{default:d(()=>[g?.audio_url?(n(),v(S,{key:0,onClick:E(C=>e.onExtend(C,g),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.extend")),1)]),_:1},8,["onClick"])):f("",!0),g.id?(n(),v(S,{key:1,onClick:E(C=>e.onGetStems(g.id),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.get_stems")),1)]),_:1},8,["onClick"])):f("",!0),g.id?(n(),v(S,{key:2,onClick:E(C=>e.onGetAllStems(g.id),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.all_stems")),1)]),_:1},8,["onClick"])):f("",!0),s(S,{onClick:E(C=>e.onCover(g),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.cover_music")),1)]),_:1},8,["onClick"]),g?.id?(n(),v(S,{key:3,onClick:E(C=>e.onVariation(g),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.variation")),1)]),_:1},8,["onClick"])):f("",!0),g?.id?(n(),v(S,{key:4,onClick:E(C=>e.onSwapVocals(g.id),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.swap_vocals")),1)]),_:1},8,["onClick"])):f("",!0),g?.id?(n(),v(S,{key:5,onClick:E(C=>e.onSwapInstrumentals(g.id),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.swap_instrumentals")),1)]),_:1},8,["onClick"])):f("",!0),g?.id?(n(),v(S,{key:6,onClick:E(C=>e.onReplaceSection(g),["stop"])},{default:d(()=>[U(a(e.$t("producer.button.replace_section")),1)]),_:1},8,["onClick"])):f("",!0)]),_:2},1024)]),default:d(()=>[o("span",gs,[s(y,{effect:"dark",content:e.$t("producer.button.more"),placement:"top"},{default:d(()=>[g?.audio_url||g?.video_url?(n(),v(k,{key:0,icon:"fa-solid fa-ellipsis",class:"icon icon-ellipsis"})):f("",!0)]),_:2},1032,["content"])])]),_:2},1024)])],8,is))),128))])}const ys=V(ns,[["render",vs]]),ks={class:"player-slider"},bs=b({__name:"PlayerSlider",setup(e){const t=Z(),l=T({get:()=>t.state.producer?.audio?.progress,set:u=>t.commit("producer/setAudio",{...t.state.producer.audio,progress:u})}),i=T({get:()=>t.state.producer?.audio?.duration,set:u=>t.commit("producer/setAudio",{...t.state.producer.audio,duration:u})}),h=()=>{},p=u=>t.dispatch("producer/setAudio",{...t.state.producer.audio,progress:u});return(u,m)=>(n(),c("div",ks,[s(A(x),{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=_=>l.value=_),"show-tooltip":!1,min:0,max:i.value,onChange:p,onInput:h},null,8,["modelValue","max"])]))}}),ws={class:"flex player-song"},Cs=["src"],Vs={class:"ml-2 text-xs flex flex-col justify-between"},Ss={class:"w-52 2xl:w-96 cursor-pointer truncate"},Us={class:"flex"},Ps={class:"ml-2 text-dc"},Es=b({__name:"PlayerSong",setup(e){const t=Z(),l=T({get:()=>t.state.producer.audio,set:i=>t.commit("producer/setAudio",i)});return se(l,(i,h)=>{if(i?.audio_url!==h?.audio_url){console.log("audio changed",i),i.object&&(console.log("111",i.object),i.object.pause(),delete i.object);const p=new Audio(i.audio_url);i.state==="playing"?p.play():p.pause(),p.addEventListener("loadedmetadata",()=>{p.currentTime=0,p.addEventListener("timeupdate",()=>{t.commit("producer/setAudio",{...t.state.producer.audio,progress:p.currentTime})})}),t.commit("producer/setAudio",{...t.state.producer.audio,object:p})}else if(i?.progress!==h?.progress&&Math.abs(i.progress-i.object.currentTime)>2){console.log("progress changed",i.progress);const p=t.state.producer.audio;p.object&&(p.object.currentTime=p.progress)}else i?.state!==h?.state&&(console.log("state changed",i.state),i.object&&(i.state==="playing"?i.object.play():i.object.pause()));i?.volume!==h?.volume&&(console.log("volume changed",i.volume),i.object&&(i.object.volume=i.volume/100))}),(i,h)=>(n(),c("div",ws,[o("img",{alt:"",class:"w-11 h-11 rounded",src:l.value?.image_url||A($e)},null,8,Cs),o("div",Vs,[o("div",Ss,[o("div",Us,[o("span",null,a(l.value?.title||"Music"),1),o("span",Ps,"- "+a(l.value?.style||"SmallRuralDog"),1)])])])]))}}),As={class:"flex justify-end items-center gap-x-2.5"},Ts={class:"text-xs"},Fs=b({__name:"PlayerAction",setup(e){const t=Z(),l=T({get:()=>t.state.producer?.audio?.progress,set:h=>t.commit("producer/setAudio",{...t.state.producer.audio,progress:h})}),i=T({get:()=>t.state.producer?.audio?.duration,set:h=>t.commit("producer/setAudio",{...t.state.producer.audio,duration:h})});return(h,p)=>(n(),c("div",As,[o("span",Ts,a(A(j)(l.value))+" / "+a(A(j)(i.value)),1)]))}}),Is={class:"player-volume flex flex-col items-center pt-2"},Ls={class:"text-sm mt-3"},Gs=b({__name:"PlayerVolumeSlider",setup(e){const t=Z(),l=T({get:()=>t.state.producer.audio?.volume,set:p=>t.commit("producer/setAudio",{...t.state.producer.audio,volume:p})}),i=T({get:()=>t.state.producer.audio?.muted,set:p=>t.commit("producer/setAudio",{...t.state.producer.audio,muted:p})}),h=p=>t.dispatch("producer/setVolume",p);return(p,u)=>(n(),c("div",Is,[s(A(x),{modelValue:l.value,"onUpdate:modelValue":u[0]||(u[0]=m=>l.value=m),vertical:"",height:"100px","show-tooltip":!1,max:100,min:0,size:"small",disabled:i.value,onInput:h},null,8,["modelValue","disabled"]),o("div",Ls,a(l.value),1)]))}}),js={class:"flex items-center justify-center gap-x-3"},Ds=b({__name:"PlayerController",setup(e){const t=Z(),l=()=>t.dispatch("producer/setAudio",{...t.state.producer.audio,state:t.state.producer.audio.state==="playing"?"paused":"playing"}),i=T(()=>t.state.producer.audio);return(h,p)=>(n(),c("div",js,[s(ee,{icon:i.value?.state==="playing"?A(ge):A(ve),size:"45",theme:"filled",class:"text-[var(--el-color-primary)] cursor-pointer",onClick:l},null,8,["icon"]),s(A(Fe),{placement:"top",width:"50px",trigger:"click"},{reference:d(()=>[s(ee,{icon:A(ye),size:"20","stroke-width":2,class:"cursor-pointer"},null,8,["icon"])]),default:d(()=>[s(Gs)]),_:1})]))}}),Rs={class:"flex flex-col items-stretch h-20"},Zs={class:"flex grow px-5 items-center"},zs={class:"flex-1"},Ns={class:"flex-1"},Ms={class:"flex-1"},Os=b({__name:"Player",setup(e){return(t,l)=>(n(),c("div",Rs,[s(bs),o("div",Zs,[o("div",zs,[s(Es)]),o("div",Ns,[s(Ds)]),o("div",Ms,[s(Fs)])])]))}}),Bs=b({name:"RecentPanel",components:{ElSkeletonItem:Ge,ElSkeleton:Le,TaskPreview:ys,Player:Os,NoTasks:Ie,ScrollList:fe},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.producer?.tasks,items:this.$store.state.producer?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),qs={key:0,class:"tasks"},Ws={class:"left w-[70px] p-[10px] flex items-center"},Hs={class:"main w-[calc(100%-70px)] flex-1 p-[10px]"},Ks={key:2,class:"w-full flex-1 flex items-center justify-center"},Js={class:"h-20"};function Ys(e,t,l,i,h,p){const u=r("el-skeleton-item"),m=r("el-skeleton"),_=r("task-preview"),$=r("scroll-list"),k=r("no-tasks"),y=r("player");return n(),c(G,null,[e.tasks?.items===void 0?(n(),c("div",qs,[(n(),c(G,null,q(3,P=>o("div",{key:P,class:"flex"},[o("div",Ws,[s(m,{animated:""},{template:d(()=>[s(u,{variant:"image",class:"avatar w-[50px] h-[50px]"})]),_:1})]),o("div",Hs,[s(m,{animated:""},{template:d(()=>[s(u,{variant:"p",class:"w-[200px] h-[15px] mb-[5px] mt-[10px]"}),s(u,{variant:"text"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),v($,{key:1,ref:"scrollList",class:"flex-1 w-full overflow-y-auto tasks p-2",loading:e.loading,onReachTop:t[0]||(t[0]=P=>e.$emit("reach-top"))},{default:d(()=>[(n(!0),c(G,null,q(e.tasks?.items,(P,S)=>(n(),v(_,{key:S,"model-value":P,class:"preview"},null,8,["model-value"]))),128))]),_:1},8,["loading"])):f("",!0),e.tasks?.items?.length===0?(n(),c("div",Ks,[s(k)])):f("",!0),R(o("div",Js,[s(y)],512),[[ne,!!e.$store?.state?.producer?.audio?.object]])],64)}const Qs=V(Bs,[["render",Ys]]),Xs=b({name:"TaskPreview",components:{IconPicture:ae,ElImage:N,ElAvatar:ke,ElIcon:K},computed:{audio(){return this.$store.state.producer?.audio}}}),xs={key:0,class:"size-full overflow-hidden"},en={class:"relative h-[300px]"},tn={class:"flex items-center justify-center size-full bg-[var(--el-bg-color)]"},on={class:"absolute bottom-0 left-0 right-0 m-0 p-4 text-white z-10 bg-gradient-to-t from-black/70 to-transparent"},sn={class:"p-4"},nn={class:"flex items-center font-bold mb-2"},rn={class:"text-[var(--el-text-color-regular)] mb-2"},an={class:"text-xs text-[var(--el-text-color-regular)]"},ln={class:"mt-4 text-sm leading-[25px] whitespace-pre-wrap"},cn={key:1,class:"w-full h-full"};function dn(e,t,l,i,h,p){const u=r("icon-picture"),m=r("el-icon"),_=r("el-image"),$=r("el-avatar");return e.audio?.object?(n(),c("div",xs,[o("div",en,[s(_,{src:e.audio.image_url,fit:"cover",class:"size-full"},{error:d(()=>[o("div",tn,[s(m,{class:"text-3xl"},{default:d(()=>[s(u)]),_:1})])]),_:1},8,["src"]),o("h2",on,a(e.audio?.title),1)]),o("div",sn,[o("div",nn,[s($,{size:30,src:e.audio?.image_url,class:"mr-2"},null,8,["src"]),o("span",null,a(e.audio?.title),1)]),o("p",rn,a(e.audio?.style),1),o("p",an,a(e.$dayjs.format(e.audio?.created_at)),1),o("div",ln,[o("p",null,a(e.audio?.lyric),1)])])])):(n(),c("div",cn))}const un=V(Xs,[["render",dn]]),pn="https://webhook.acedata.cloud/producer",mn=b({name:"ProducerIndex",components:{Layout:Oe,ConfigPanel:os,RecentPanel:Qs,PreviewPanel:un},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.producer?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.producer?.status?.getTasks===L.Request||this.fetchingTasks},service(){return this.$store.state.producer.service},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},initializing(){return this.$store.state.producer.status.getApplications===L.Request},needApply(){return this.$store.state.producer.status.getApplications===L.Success&&!this.application},application(){return this.$store.state.producer.application},tasks(){return this.$store.state.producer.tasks},applications(){return this.$store.state.producer.applications}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await je({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("producer/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("producer/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){le.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===ce&&w.error(this.$t("application.message.alreadyApplied"))})},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:l,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",l,"createdAtMax",i),this.fetchingTasks=!0;try{await this.$store.dispatch("producer/getTasks",{limit:t,createdAtMin:l,createdAtMax:i})}finally{this.fetchingTasks=!1}},async onGenerateAudio(){const e={...this.config,callback_url:pn},t=this.credential?.token;if(!t){console.error("no token specified");return}w.info(this.$t("producer.message.startingTask")),I.audio(e,{token:t}).then(()=>{w.success(this.$t("producer.message.startTaskSuccess"))}).catch(l=>{w.error(l?.response?.data?.error?.message||this.$t("producer.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function fn(e,t,l,i,h,p){const u=r("config-panel"),m=r("recent-panel"),_=r("preview-panel"),$=r("layout");return n(),v($,null,{config:d(()=>[s(u,{onGenerate:e.onGenerateAudio},null,8,["onGenerate"])]),result:d(()=>[s(m,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),preview:d(()=>[s(_)]),_:1})}const ur=V(mn,[["render",fn],["__scopeId","data-v-638e0ac5"]]);export{ur as default};

package/dist/assets/{Index-Co3U_irQ.js → Index-BXgQL3oy.js}

@@ -1 +1 @@
-import{aZ as S,b5 as $,D as b,b6 as O,b1 as N,b2 as T,b3 as U,a9 as D,b7 as L,b8 as R,b9 as B,b0 as P}from"./index-Bk-O7L34.js";import{F as v}from"./index.es-B2ceJEe-.js";import{E as A,a as F}from"./index-DNc1Hhcd.js";import{E as H}from"./index-BuOK2l4t.js";import{E as k}from"./index-Bxu6veir.js";import{d as E,x as f,y as n,C as o,I as _,F as m,J as g,E as s,D as t,q as r,H as h,R as V,O as X,N as q,Q as J}from"./vendor-vue-DU0w5ewx.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./typescript-DMS-x3hO.js";import"./index-GFPsC8yY.js";import"./index-Do6OHSnf.js";import"./index-B_uohCDD.js";import"./index-BuyEbX8F.js";import"./index-tQF8_Vp3.js";import"./dropdown-DkKlWf_G.js";import"./debounce-D2BAnQ-_.js";import"./index-BgPVrzUN.js";const M=E({name:"HelpEntry",components:{ElImage:k,ElDialog:S,ElPopover:H,ElMenu:F,ElMenuItem:A,FontAwesomeIcon:v},props:{visible:{type:Boolean,default:!0}},emits:["close"],computed:{site(){return this.$store.state.site}},methods:{onJoin(){window.open(this.$store.state.site?.features?.support?.discord?.url,"_blank")},onProfit(){this.$router.push({name:$})}}}),z={class:"flex"},j={class:"flex-1 text-center"};function G(e,i,w,I,y,x){const c=t("font-awesome-icon"),l=t("el-menu-item"),p=t("el-image"),u=t("el-popover"),a=t("el-menu"),d=t("el-dialog");return r(),f(d,{"model-value":e.visible,width:200,class:"text-center",onClose:i[0]||(i[0]=C=>e.$emit("close"))},{default:n(()=>[o(a,{collapse:!1,class:"menu"},{default:n(()=>[e.site?.features?.support?.discord?.enabled?(r(),f(l,{key:0,index:"1",onClick:e.onJoin},{title:n(()=>[_(m(e.$t("common.message.joinDiscord")),1)]),default:n(()=>[o(c,{icon:"fa-brands fa-discord",class:"mr-2"})]),_:1},8,["onClick"])):g("",!0),o(u,{width:350,trigger:"hover"},{reference:n(()=>[e.site?.features?.support?.wechat?.enabled?(r(),f(l,{key:0,index:"2"},{title:n(()=>[_(m(e.$t("common.message.addWeChat")),1)]),default:n(()=>[o(c,{icon:"fa-brands fa-weixin",class:"mr-2"})]),_:1})):g("",!0)]),default:n(()=>[s("div",z,[s("div",j,[o(p,{src:e.site?.features?.support?.wechat?.qr},null,8,["src"])])])]),_:1})]),_:1})]),_:1},8,["model-value"])}const Q=b(M,[["render",G],["__scopeId","data-v-0fce633f"]]),W=E({name:"ProfileIndex",components:{ElImage:k,HelpDialog:Q,FontAwesomeIcon:v},data(){return{operating:{locale:!1,dark:!1,help:!1}}},computed:{user(){return this.$store.getters.user},showSupport(){return this.$store?.state?.site?.features?.support?.enabled&&(this.$store?.state?.site?.features?.support?.discord?.enabled||this.$store?.state?.site?.features?.support?.wechat?.enabled)},showSite(){return this.$store?.state?.site?.admins?.includes(this.$store.getters.user?.id)},showSubsite(){return!!this.$store?.state?.site?.features?.subsite?.enabled},links(){return[{key:"profile",text:this.$t("console.menu.userProfile"),href:`${B()}/user/profile`,icon:"fa-regular fa-user"},{key:"application-list",text:this.$t("console.menu.applicationList"),name:T,icon:"fa-solid fa-cube"},{key:"order-list",text:this.$t("console.menu.orderList"),name:U,icon:"fa-solid fa-store"},{key:"usage-list",text:this.$t("console.menu.usageList"),name:D,icon:"fa-solid fa-rotate-left"},{key:"distribution-index",text:this.$t("console.menu.distributionIndex"),name:$,icon:"fa-solid fa-coins"},...this.showSite?[{key:"site-index",text:this.$t("common.nav.site"),name:L,icon:"fa-solid fa-gear"}]:[],...this.showSubsite?[{key:"subsite-index",text:this.$t("common.nav.subsite"),name:R,icon:"fa-solid fa-sitemap"}]:[],{key:"dark-setting",text:this.$t("common.nav.darkMode"),icon:"fa-solid fa-moon",callback:()=>{this.operating.dark=!0}},{key:"locale-setting",text:this.$t("common.nav.locale"),icon:"fa-solid fa-language",callback:()=>{this.operating.locale=!0}},{key:"developerPlatform",text:this.$t("console.menu.developerPlatform"),href:P(),icon:"fa-solid fa-laptop-code"},...this.showSupport?[{key:"support",text:this.$t("common.nav.support"),callback:()=>{this.operating.help=!0},icon:"fa-solid fa-question"}]:[],{key:"logout",text:this.$t("common.nav.logOut"),icon:"fa-solid fa-arrow-right-from-bracket",callback:async()=>{await this.$store.dispatch("logout")}}]}},methods:{onHome(){this.$router.push({name:N})},onNavigate(e){e.name?this.$router.push({name:e.name}):e.href?window.open(O(e.href),"_blank"):e.callback&&e.callback()}}}),Z={class:"profile"},K={class:"info"},Y={class:"links"},ee=["onClick"],te={class:"icon"},oe={class:"text"},se={class:"suffix"};function ae(e,i,w,I,y,x){const c=t("el-image"),l=t("font-awesome-icon"),p=t("locale-selector"),u=t("help-dialog");return r(),h("div",Z,[s("div",K,[o(c,{src:e.user.avatar,fit:"cover",class:"avatar"},null,8,["src"]),s("h2",null,m(e.user.username),1),s("div",{style:V({backgroundImage:"url("+e.user.avatar+")"}),class:"background"},null,4)]),s("div",Y,[(r(!0),h(X,null,q(e.links,(a,d)=>(r(),h("a",{key:d,class:J({link:!0,active:e.$route.name===a.name}),onClick:C=>e.onNavigate(a)},[s("span",te,[o(l,{icon:a.icon,class:"text-sm"},null,8,["icon"])]),s("span",oe,m(a.text),1),s("span",se,[o(l,{icon:"fa-solid fa-chevron-right",class:"text-sm"})])],10,ee))),128))]),o(p,{visible:e.operating.locale==!0,onClose:i[0]||(i[0]=a=>e.operating.locale=!1)},null,8,["visible"]),o(u,{visible:e.operating.help==!0,onClose:i[1]||(i[1]=a=>e.operating.help=!1)},null,8,["visible"])])}const we=b(W,[["render",ae],["__scopeId","data-v-864cff91"]]);export{we as default};
+import{aZ as S,b5 as $,D as b,b6 as O,b1 as N,b2 as T,b3 as U,a9 as D,b7 as L,b8 as R,b9 as B,b0 as P}from"./index-CnxV03kA.js";import{F as v}from"./index.es-CR5c3J-H.js";import{E as A,a as F}from"./index-C719vQ0b.js";import{E as H}from"./index-aX-s__p_.js";import{E as k}from"./index-DOwlxqQ4.js";import{d as E,x as f,y as n,C as o,I as _,F as m,J as g,E as s,D as t,q as r,H as h,R as V,O as X,N as q,Q as J}from"./vendor-vue-DU0w5ewx.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./typescript-D-y7TKkl.js";import"./index-h55T8DVq.js";import"./index-C36XUd3I.js";import"./index-CGzKdsQS.js";import"./index-BuyEbX8F.js";import"./index-B_sHRuvM.js";import"./dropdown-CYDyXxEu.js";import"./debounce-BSdgAkOS.js";import"./index-DhIU2Ld8.js";const M=E({name:"HelpEntry",components:{ElImage:k,ElDialog:S,ElPopover:H,ElMenu:F,ElMenuItem:A,FontAwesomeIcon:v},props:{visible:{type:Boolean,default:!0}},emits:["close"],computed:{site(){return this.$store.state.site}},methods:{onJoin(){window.open(this.$store.state.site?.features?.support?.discord?.url,"_blank")},onProfit(){this.$router.push({name:$})}}}),z={class:"flex"},j={class:"flex-1 text-center"};function G(e,i,w,I,y,x){const c=t("font-awesome-icon"),l=t("el-menu-item"),p=t("el-image"),u=t("el-popover"),a=t("el-menu"),d=t("el-dialog");return r(),f(d,{"model-value":e.visible,width:200,class:"text-center",onClose:i[0]||(i[0]=C=>e.$emit("close"))},{default:n(()=>[o(a,{collapse:!1,class:"menu"},{default:n(()=>[e.site?.features?.support?.discord?.enabled?(r(),f(l,{key:0,index:"1",onClick:e.onJoin},{title:n(()=>[_(m(e.$t("common.message.joinDiscord")),1)]),default:n(()=>[o(c,{icon:"fa-brands fa-discord",class:"mr-2"})]),_:1},8,["onClick"])):g("",!0),o(u,{width:350,trigger:"hover"},{reference:n(()=>[e.site?.features?.support?.wechat?.enabled?(r(),f(l,{key:0,index:"2"},{title:n(()=>[_(m(e.$t("common.message.addWeChat")),1)]),default:n(()=>[o(c,{icon:"fa-brands fa-weixin",class:"mr-2"})]),_:1})):g("",!0)]),default:n(()=>[s("div",z,[s("div",j,[o(p,{src:e.site?.features?.support?.wechat?.qr},null,8,["src"])])])]),_:1})]),_:1})]),_:1},8,["model-value"])}const Q=b(M,[["render",G],["__scopeId","data-v-0fce633f"]]),W=E({name:"ProfileIndex",components:{ElImage:k,HelpDialog:Q,FontAwesomeIcon:v},data(){return{operating:{locale:!1,dark:!1,help:!1}}},computed:{user(){return this.$store.getters.user},showSupport(){return this.$store?.state?.site?.features?.support?.enabled&&(this.$store?.state?.site?.features?.support?.discord?.enabled||this.$store?.state?.site?.features?.support?.wechat?.enabled)},showSite(){return this.$store?.state?.site?.admins?.includes(this.$store.getters.user?.id)},showSubsite(){return!!this.$store?.state?.site?.features?.subsite?.enabled},links(){return[{key:"profile",text:this.$t("console.menu.userProfile"),href:`${B()}/user/profile`,icon:"fa-regular fa-user"},{key:"application-list",text:this.$t("console.menu.applicationList"),name:T,icon:"fa-solid fa-cube"},{key:"order-list",text:this.$t("console.menu.orderList"),name:U,icon:"fa-solid fa-store"},{key:"usage-list",text:this.$t("console.menu.usageList"),name:D,icon:"fa-solid fa-rotate-left"},{key:"distribution-index",text:this.$t("console.menu.distributionIndex"),name:$,icon:"fa-solid fa-coins"},...this.showSite?[{key:"site-index",text:this.$t("common.nav.site"),name:L,icon:"fa-solid fa-gear"}]:[],...this.showSubsite?[{key:"subsite-index",text:this.$t("common.nav.subsite"),name:R,icon:"fa-solid fa-sitemap"}]:[],{key:"dark-setting",text:this.$t("common.nav.darkMode"),icon:"fa-solid fa-moon",callback:()=>{this.operating.dark=!0}},{key:"locale-setting",text:this.$t("common.nav.locale"),icon:"fa-solid fa-language",callback:()=>{this.operating.locale=!0}},{key:"developerPlatform",text:this.$t("console.menu.developerPlatform"),href:P(),icon:"fa-solid fa-laptop-code"},...this.showSupport?[{key:"support",text:this.$t("common.nav.support"),callback:()=>{this.operating.help=!0},icon:"fa-solid fa-question"}]:[],{key:"logout",text:this.$t("common.nav.logOut"),icon:"fa-solid fa-arrow-right-from-bracket",callback:async()=>{await this.$store.dispatch("logout")}}]}},methods:{onHome(){this.$router.push({name:N})},onNavigate(e){e.name?this.$router.push({name:e.name}):e.href?window.open(O(e.href),"_blank"):e.callback&&e.callback()}}}),Z={class:"profile"},K={class:"info"},Y={class:"links"},ee=["onClick"],te={class:"icon"},oe={class:"text"},se={class:"suffix"};function ae(e,i,w,I,y,x){const c=t("el-image"),l=t("font-awesome-icon"),p=t("locale-selector"),u=t("help-dialog");return r(),h("div",Z,[s("div",K,[o(c,{src:e.user.avatar,fit:"cover",class:"avatar"},null,8,["src"]),s("h2",null,m(e.user.username),1),s("div",{style:V({backgroundImage:"url("+e.user.avatar+")"}),class:"background"},null,4)]),s("div",Y,[(r(!0),h(X,null,q(e.links,(a,d)=>(r(),h("a",{key:d,class:J({link:!0,active:e.$route.name===a.name}),onClick:C=>e.onNavigate(a)},[s("span",te,[o(l,{icon:a.icon,class:"text-sm"},null,8,["icon"])]),s("span",oe,m(a.text),1),s("span",se,[o(l,{icon:"fa-solid fa-chevron-right",class:"text-sm"})])],10,ee))),128))]),o(p,{visible:e.operating.locale==!0,onClose:i[0]||(i[0]=a=>e.operating.locale=!1)},null,8,["visible"]),o(u,{visible:e.operating.help==!0,onClose:i[1]||(i[1]=a=>e.operating.help=!1)},null,8,["visible"])])}const we=b(W,[["render",ae],["__scopeId","data-v-864cff91"]]);export{we as default};