@acedatacloud/nexior 3.86.0 → 3.88.0

package/dist/assets/{Index-BvvIJJY1.js → Index-Cs09Sc6n.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,h as V,E as ae,aZ as O,D as M,an as U,bN as oe}from"./index-BrzGoc9w.js";import{E as ne}from"./index-DSRfEjST.js";import{E as Z}from"./index-CyLz9gAB.js";import{E as G,a as q}from"./index-C9uTVM53.js";import{d as C,q as c,H as g,E as s,u as r,z as F,C as n,R as le,Q as I,F as o,J as w,c as P,x as _,y as a,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-C5BV5QrY.js";import{E as J}from"./index-tqJB1jHk.js";import{E as K}from"./index-ejYhAAne.js";import{E as p}from"./index-DLboAQV8.js";import{E as me,a as ce}from"./index-CbXHAIom.js";import{E as pe}from"./index-DBzHZ-GT.js";import{E as fe,a as he}from"./index-CV9K6jrH.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-Bl-Po99g.js";import"./typescript-TkgQUed9.js";import"./index-DR-gGUll.js";import"./index-CIicIOwh.js";import"./use-form-item-Ba4HUS6_.js";import"./castArray-BjuY6S6U.js";import"./_baseClone-C2-4tJcl.js";import"./_Uint8Array-D2WQC74G.js";import"./_initCloneObject-FTaNr8RK.js";import"./index-BuyEbX8F.js";import"./validator-CMuFBVd4.js";import"./index-BqJZyYQm.js";import"./index-D69Ws_Mf.js";import"./isPlainObject-CotdIs2s.js";import"./_baseIteratee-CjWBu9n7.js";import"./isEqual-DiEF_W0X.js";import"./debounce-nUXpLGnC.js";import"./index-DA467GJv.js";import"./index-d3hpeMTQ.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"])):F(f.$slots,"image",{key:1},()=>[n(ye)])],6),s("div",{class:I(r(d).e("description"))},[f.$slots.description?F(f.$slots,"description",{key:0}):(c(),g("p",{key:1},o(r(b)),1))],2),f.$slots.default?(c(),g("div",{key:0,class:I(r(d).e("bottom"))},[F(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:ae,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"},Fe={key:1,class:"dns-instructions"},Le={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:a(()=>[s("span",null,[n($,{round:"",onClick:t[2]||(t[2]=l=>e.$emit("update:modelValue",!1))},{default:a(()=>[h(o(e.$t("common.button.close")),1)]),_:1}),n($,{round:"",type:"primary",loading:e.binding,disabled:!e.bind.hostname.trim(),onClick:e.onBind},{default:a(()=>[h(o(e.$t("subsite.button.bindDomain")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:a(()=>[H((c(),g("div",Se,[s("p",Be,o(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,o(l.hostname),1),n(y,{type:e.statusTagType(l.status),size:"small",class:"status-tag"},{default:a(()=>[h(o(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:a(()=>[h(o(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:a(()=>[h(o(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:a(()=>[h(o(e.$t("common.button.delete")),1)]),_:1},8,["loading","onClick"])])]),l.status_reason?(c(),g("div",Te,o(l.status_reason),1)):w("",!0),l.dns_instructions?(c(),g("div",Fe,[s("p",Le,o(l.dns_instructions.instructions),1),s("table",Ue,[s("tr",null,[s("th",null,o(e.$t("subsite.field.recordType")),1),s("td",null,[s("code",null,o(l.dns_instructions.record_type),1)])]),s("tr",null,[s("th",null,o(e.$t("subsite.field.recordName")),1),s("td",null,[s("code",null,o(l.dns_instructions.record_name),1)])]),s("tr",null,[s("th",null,o(e.$t("subsite.field.recordValue")),1),s("td",null,[s("code",Pe,o(l.dns_instructions.record_value),1)])])])])):w("",!0)]))),128)),n(N),s("h4",Re,o(e.$t("subsite.title.bindDomain")),1),n(T,{model:e.bind,"label-width":"auto",class:"form",onSubmit:t[1]||(t[1]=j(()=>{},["prevent"]))},{default:a(()=>[n(z,{label:e.$t("subsite.field.hostname"),required:""},{default:a(()=>[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,o(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(oe),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(){return this.parentSite?.features?.subsite?.subdomain_zone||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.parentSite?.features?.subsite?.enabled&&!!this.subdomainZone&&!!this.user?.id&&this.items.length<this.maxSubsitesPerUser}},mounted(){if(!this.parentSite?.features?.subsite?.enabled){this.$router.replace("/");return}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:a(()=>[n(f,{span:24},{default:a(()=>[n($,{class:"header",justify:"space-between",align:"middle"},{default:a(()=>[n(f,{md:16,xs:24},{default:a(()=>[s("h2",qe,o(e.$t("subsite.title.index")),1),s("p",He,o(e.$t("subsite.message.indexTip")),1)]),_:1}),n(f,{md:8,xs:24,class:"header-actions"},{default:a(()=>[n(y,{type:"primary",round:"",icon:e.Plus,disabled:!e.canCreate,onClick:e.onOpenCreate},{default:a(()=>[h(o(e.$t("subsite.button.create")),1)]),_:1},8,["icon","disabled","onClick"])]),_:1})]),_:1}),H((c(),_(T,{shadow:"hover",class:"list-card"},{default:a(()=>[!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:a(()=>[n(v,{label:e.$t("subsite.field.origin"),prop:"origin"},{default:a(({row:m})=>[s("a",{href:e.rowUrl(m),target:"_blank",rel:"noopener",class:"origin-link"},o(m.origin),9,je)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.title"),prop:"title"},{default:a(({row:m})=>[s("span",null,o(m.title||"-"),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.createdAt"),prop:"created_at",width:"180"},{default:a(({row:m})=>[s("span",null,o(e.formatDate(m.created_at)),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.actions"),width:"260",fixed:"right"},{default:a(({row:m})=>[n(y,{size:"small",link:"",type:"primary",onClick:L=>e.onOpenSite(m)},{default:a(()=>[h(o(e.$t("subsite.button.open")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:L=>e.onManageSite(m)},{default:a(()=>[h(o(e.$t("subsite.button.manage")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:L=>e.onOpenDomains(m)},{default:a(()=>[h(o(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:a(()=>[s("span",null,[n(y,{round:"",onClick:e.onCancelCreate},{default:a(()=>[h(o(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:a(()=>[h(o(e.$t("common.button.confirm")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:a(()=>[n(l,{model:e.creating.form,"label-width":"auto",class:"form",onSubmit:t[2]||(t[2]=j(()=>{},["prevent"]))},{default:a(()=>[n(S,{label:e.$t("subsite.field.slug"),required:""},{default:a(()=>[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:a(()=>[h("."+o(e.subdomainZone),1)]),_:1},8,["modelValue","placeholder"]),s("span",We,o(e.$t("subsite.message.slugTip")),1)]),_:1},8,["label"]),n(S,{label:e.$t("subsite.field.title")},{default:a(()=>[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-5e9a2d4b"]]);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,h as V,E as ae,aZ as O,D as M,an as U,bN as oe}from"./index-Bn7YDYmR.js";import{E as ne}from"./index-x9pEAxsV.js";import{E as Z}from"./index-CGLEnOu2.js";import{E as G,a as q}from"./index-D83vqHYw.js";import{d as C,q as c,H as g,E as s,u as r,z as F,C as n,R as le,Q as I,F as o,J as w,c as P,x as _,y as a,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-C5BV5QrY.js";import{E as J}from"./index-Dl6KqLVE.js";import{E as K}from"./index-CbW-RUg3.js";import{E as p}from"./index-DEhQFSab.js";import{E as me,a as ce}from"./index-FcsFTRum.js";import{E as pe}from"./index-DgysfsHq.js";import{E as fe,a as he}from"./index-D14VANp0.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-Bl-Po99g.js";import"./typescript-CoAxGsjg.js";import"./index-BfRP23SC.js";import"./index-DLEICRsh.js";import"./use-form-item-DTGT08pf.js";import"./castArray-yAIf1Ihj.js";import"./_baseClone-Bh3JK93r.js";import"./_Uint8Array-BLlXLAO2.js";import"./_initCloneObject-1g0v6DQg.js";import"./index-BuyEbX8F.js";import"./validator-CV9JtUBJ.js";import"./index-zHy_Tns_.js";import"./index-g-OqTOL-.js";import"./isPlainObject-DyQHv-ss.js";import"./_baseIteratee-Cg1nAllN.js";import"./isEqual-BQxacRy6.js";import"./debounce-kCVbleAy.js";import"./index-KHi_aXm4.js";import"./index-BLBMDJiy.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"])):F(f.$slots,"image",{key:1},()=>[n(ye)])],6),s("div",{class:I(r(d).e("description"))},[f.$slots.description?F(f.$slots,"description",{key:0}):(c(),g("p",{key:1},o(r(b)),1))],2),f.$slots.default?(c(),g("div",{key:0,class:I(r(d).e("bottom"))},[F(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:ae,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"},Fe={key:1,class:"dns-instructions"},Le={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:a(()=>[s("span",null,[n($,{round:"",onClick:t[2]||(t[2]=l=>e.$emit("update:modelValue",!1))},{default:a(()=>[h(o(e.$t("common.button.close")),1)]),_:1}),n($,{round:"",type:"primary",loading:e.binding,disabled:!e.bind.hostname.trim(),onClick:e.onBind},{default:a(()=>[h(o(e.$t("subsite.button.bindDomain")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:a(()=>[H((c(),g("div",Se,[s("p",Be,o(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,o(l.hostname),1),n(y,{type:e.statusTagType(l.status),size:"small",class:"status-tag"},{default:a(()=>[h(o(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:a(()=>[h(o(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:a(()=>[h(o(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:a(()=>[h(o(e.$t("common.button.delete")),1)]),_:1},8,["loading","onClick"])])]),l.status_reason?(c(),g("div",Te,o(l.status_reason),1)):w("",!0),l.dns_instructions?(c(),g("div",Fe,[s("p",Le,o(l.dns_instructions.instructions),1),s("table",Ue,[s("tr",null,[s("th",null,o(e.$t("subsite.field.recordType")),1),s("td",null,[s("code",null,o(l.dns_instructions.record_type),1)])]),s("tr",null,[s("th",null,o(e.$t("subsite.field.recordName")),1),s("td",null,[s("code",null,o(l.dns_instructions.record_name),1)])]),s("tr",null,[s("th",null,o(e.$t("subsite.field.recordValue")),1),s("td",null,[s("code",Pe,o(l.dns_instructions.record_value),1)])])])])):w("",!0)]))),128)),n(N),s("h4",Re,o(e.$t("subsite.title.bindDomain")),1),n(T,{model:e.bind,"label-width":"auto",class:"form",onSubmit:t[1]||(t[1]=j(()=>{},["prevent"]))},{default:a(()=>[n(z,{label:e.$t("subsite.field.hostname"),required:""},{default:a(()=>[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,o(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(oe),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(){return this.parentSite?.features?.subsite?.subdomain_zone||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.parentSite?.features?.subsite?.enabled&&!!this.subdomainZone&&!!this.user?.id&&this.items.length<this.maxSubsitesPerUser}},mounted(){if(!this.parentSite?.features?.subsite?.enabled){this.$router.replace("/");return}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:a(()=>[n(f,{span:24},{default:a(()=>[n($,{class:"header",justify:"space-between",align:"middle"},{default:a(()=>[n(f,{md:16,xs:24},{default:a(()=>[s("h2",qe,o(e.$t("subsite.title.index")),1),s("p",He,o(e.$t("subsite.message.indexTip")),1)]),_:1}),n(f,{md:8,xs:24,class:"header-actions"},{default:a(()=>[n(y,{type:"primary",round:"",icon:e.Plus,disabled:!e.canCreate,onClick:e.onOpenCreate},{default:a(()=>[h(o(e.$t("subsite.button.create")),1)]),_:1},8,["icon","disabled","onClick"])]),_:1})]),_:1}),H((c(),_(T,{shadow:"hover",class:"list-card"},{default:a(()=>[!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:a(()=>[n(v,{label:e.$t("subsite.field.origin"),prop:"origin"},{default:a(({row:m})=>[s("a",{href:e.rowUrl(m),target:"_blank",rel:"noopener",class:"origin-link"},o(m.origin),9,je)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.title"),prop:"title"},{default:a(({row:m})=>[s("span",null,o(m.title||"-"),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.createdAt"),prop:"created_at",width:"180"},{default:a(({row:m})=>[s("span",null,o(e.formatDate(m.created_at)),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.actions"),width:"260",fixed:"right"},{default:a(({row:m})=>[n(y,{size:"small",link:"",type:"primary",onClick:L=>e.onOpenSite(m)},{default:a(()=>[h(o(e.$t("subsite.button.open")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:L=>e.onManageSite(m)},{default:a(()=>[h(o(e.$t("subsite.button.manage")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:L=>e.onOpenDomains(m)},{default:a(()=>[h(o(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:a(()=>[s("span",null,[n(y,{round:"",onClick:e.onCancelCreate},{default:a(()=>[h(o(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:a(()=>[h(o(e.$t("common.button.confirm")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:a(()=>[n(l,{model:e.creating.form,"label-width":"auto",class:"form",onSubmit:t[2]||(t[2]=j(()=>{},["prevent"]))},{default:a(()=>[n(S,{label:e.$t("subsite.field.slug"),required:""},{default:a(()=>[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:a(()=>[h("."+o(e.subdomainZone),1)]),_:1},8,["modelValue","placeholder"]),s("span",We,o(e.$t("subsite.message.slugTip")),1)]),_:1},8,["label"]),n(S,{label:e.$t("subsite.field.title")},{default:a(()=>[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-5e9a2d4b"]]);export{Dt as default};

package/dist/assets/{Index-BTxVcPsx.js → Index-D5LzBDLx.js}

@@ -1 +1 @@
-import{F as C}from"./index.es-DE_kijvM.js";import{E as P}from"./index-tqJB1jHk.js";import{E as G}from"./index-CqmUViS4.js";import{d as v,H as l,E as r,z as A,C as t,y as d,D as a,q as o,F as i,I as _,O as I,N as T,x as E,Q as S,c as U,J as $}from"./vendor-vue-C5BV5QrY.js";import{D as b,b1 as D,a6 as z,ao as V}from"./index-BrzGoc9w.js";import{p as M}from"./pasteUploadMixin-BurWbGNQ.js";import{I as O,S as j}from"./ScrollList-DJ_s7hRn.js";import{I as B}from"./ImagePreview-Bks77b_o.js";import{E as q}from"./index-aNCtzjoq.js";import{E as w}from"./index-DLboAQV8.js";import{a as N,E as F}from"./index-C9ce5DVt.js";import{E as L}from"./index-DwKDHh7r.js";import{E as H,a as J}from"./index-BNX5K5xg.js";import{b as Q,a as K}from"./errorCode-Cqj9Td_Z.js";import{h as W}from"./headshots-DXIXTcpi.js";import{A as X}from"./Status-DA8E_ZQM.js";import{C as Y}from"./CopyToClipboard-DWv68cQC.js";import{E as Z}from"./index-Dy_oj-sm.js";import{E as x,a as ee}from"./index-EtCgXRWO.js";import{l as te}from"./pagination-D5yjLyAE.js";import"./use-form-item-Ba4HUS6_.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-Bl-Po99g.js";import"./index-D69Ws_Mf.js";import"./index-DR-gGUll.js";import"./typescript-TkgQUed9.js";import"./index-tHp45E0F.js";import"./_baseClone-C2-4tJcl.js";import"./_Uint8Array-D2WQC74G.js";import"./_initCloneObject-FTaNr8RK.js";import"./isEqual-DiEF_W0X.js";import"./debounce-nUXpLGnC.js";import"./index-CIicIOwh.js";import"./strings-DGr9fDRd.js";import"./isPlainObject-CotdIs2s.js";const se=v({name:"LayoutHeadshots",components:{ElDrawer:G,ElButton:P,FontAwesomeIcon:C},data(){return{drawer:!1}}}),oe={class:"main flex flex-row flex-1"},ae={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ne={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ie(e,s,m,h,k,y){const p=a("font-awesome-icon"),u=a("el-button"),n=a("el-drawer");return o(),l("div",oe,[r("div",ae,[A(e.$slots,"config",{},void 0,!0)]),r("div",ne,[A(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:s[0]||(s[0]=c=>e.drawer=!0)},{default:d(()=>[t(p,{icon:"fa-solid fa-gear"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=c=>e.drawer=c),"with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[A(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const le=b(se,[["render",ie],["__scopeId","data-v-202b355b"]]),re=v({name:"ImageUrlsInput",components:{ElUpload:q,ElButton:P,InfoIcon:O,ImagePreview:B,FontAwesomeIcon:C},mixins:[M],data(){return{fileList:[],uploadUrl:D()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ce={class:"field"},de={class:"title font-bold"},pe={class:"upload-wrapper"};function me(e,s,m,h,k,y){const p=a("image-preview"),u=a("font-awesome-icon"),n=a("el-button"),c=a("el-upload"),f=a("info-icon");return o(),l("div",ce,[r("h2",de,i(e.$t("headshots.name.endImageUrls")),1),r("div",pe,[t(c,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:d(({file:g})=>[t(p,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:R=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:d(()=>[t(n,{size:"small",type:"primary",round:""},{default:d(()=>[t(u,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),t(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const he=b(re,[["render",me],["__scopeId","data-v-ca56051e"]]),ue="fast",fe=v({name:"ModeSelector",components:{ElRadioButton:F,ElRadioGroup:N},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=ue)}}),ge={class:"field"},_e={class:"title font-bold"};function $e(e,s,m,h,k,y){const p=a("el-radio-button"),u=a("el-radio-group");return o(),l("div",ge,[r("h2",_e,i(e.$t("headshots.name.mode")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"mode"},{default:d(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(p,{key:n.value,label:n.value},{default:d(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const ve=b(fe,[["render",$e],["__scopeId","data-v-e7702494"]]),be=v({name:"StylizeSelector",components:{ElTabs:J,ElTabPane:H,ElImage:L},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),ke={class:"field"},ye=["onClick"],we={class:"name"};function Ie(e,s,m,h,k,y){const p=a("el-image"),u=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",ke,[t(n,{modelValue:e.tab,"onUpdate:modelValue":s[0]||(s[0]=c=>e.tab=c)},{default:d(()=>[(o(!0),l(I,null,T(e.elements,(c,f)=>(o(),E(u,{key:f,label:c.displayName,name:f,class:"pane"},{default:d(()=>[(o(!0),l(I,null,T(c.items,(g,R)=>(o(),l("div",{key:R,class:S({item:!0,active:e.value===g.value}),onClick:$t=>e.onToggle(g.value)},[t(p,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),r("span",we,i(g.label),1)],10,ye))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const Te=b(be,[["render",Ie],["__scopeId","data-v-be4bd25d"]]),Ee=v({name:"PresetPanel",components:{ModeSelector:ve,ImageUrlsInput:he,ElButton:P,FontAwesomeIcon:C,ElementsSelector:Te},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Se={class:"panel"},Ve={class:"config"},Ce={class:"actions"};function Ae(e,s,m,h,k,y){const p=a("elements-selector"),u=a("mode-selector"),n=a("image-urls-input"),c=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Se,[r("div",Ve,[t(p,{class:"mb-4"}),t(u,{class:"mb-4"}),t(n,{class:"mb-4"}),r("div",Ce,[t(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:d(()=>[t(c,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Pe=b(Ee,[["render",Ae],["__scopeId","data-v-848739f6"]]),Re=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:U(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:h=>{window.open(h,"_blank")}}}}),Le={class:"image-gallery"},Ge=["src"],Ue=["onClick"];function De(e,s,m,h,k,y){return o(),l("div",Le,[(o(!0),l(I,null,T(e.images,(p,u)=>(o(),l("div",{key:u,class:"image-container"},[r("img",{src:p.image_url,alt:"Image"},null,8,Ge),p.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(p.image_url)},i(e.$t("headshots.button.viewImage")),9,Ue)):$("",!0)]))),128))])}const ze=b(Re,[["render",De],["__scopeId","data-v-42f0a7be"]]),Me=v({name:"TaskPreview",components:{ElImage:L,CopyToClipboard:Y,FontAwesomeIcon:C,ElAlert:Z,ImageGallery:ze},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onReload(e){const s=e.target,m=new URL(s.src),h=m.searchParams.get("retry");if(!h)m.searchParams.set("retry","1");else if(parseInt(h)<2)m.searchParams.set("retry",(parseInt(h)+1).toString());else return;s.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),Oe={class:"preview"},je={class:"left"},Be={class:"main"},qe={class:"bot"},Ne={class:"datetime"},Fe={class:"info"},He={key:0,class:"prompt mt-2"},Je={key:0},Qe={key:1},Ke={key:0,class:S({content:!0,failed:!0})},We={class:"image-wrapper"},Xe={class:"description"},Ye={key:1,class:S({content:!0})},Ze={class:"description"},xe={class:"description"},et={class:"description"},tt={key:2,class:S({content:!0})},st={class:"description"},ot={key:3,class:S({content:!0})},at={class:"description"};function nt(e,s,m,h,k,y){const p=a("el-image"),u=a("image-gallery"),n=a("font-awesome-icon"),c=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",Oe,[r("div",je,[t(p,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),r("div",Be,[r("div",qe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),r("span",Ne,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",Fe,[e.modelValue?.request?.template?(o(),l("p",He,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",Je," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Qe," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",Ke,[r("div",We,[t(u,{"model-value":e.modelValue},null,8,["model-value"])]),t(f,{closable:!1,class:"mt-2 success"},{default:d(()=>[r("p",Xe,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Ye,[t(f,{closable:!1,class:"failure"},{template:d(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",Ze,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",xe,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(c,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),r("p",et,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(c,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",tt,[t(f,{closable:!1,class:"info"},{template:d(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",st,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",ot,[t(f,{closable:!1,class:"info"},{template:d(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",at,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const it=b(Me,[["render",nt],["__scopeId","data-v-91e2f073"]]),lt=v({name:"RecentPanel",components:{TaskPreview:it,ElSkeleton:ee,ElSkeletonItem:x,ScrollList:j},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),rt={key:0,class:"tasks"},ct={class:"left"},dt={class:"main"},pt={key:1,class:"tasks"},mt={key:2,class:"description"};function ht(e,s,m,h,k,y){const p=a("el-skeleton-item"),u=a("el-skeleton"),n=a("task-preview"),c=a("scroll-list");return o(),E(c,{ref:"scrollList",class:"panel recent",loading:e.loading,onReachTop:s[0]||(s[0]=f=>e.$emit("reach-top"))},{default:d(()=>[e.tasks?.items===void 0?(o(),l("div",rt,[(o(),l(I,null,T(3,f=>r("div",{key:f,class:"task placeholder"},[r("div",ct,[t(u,{animated:""},{template:d(()=>[t(p,{variant:"image",class:"avatar"})]),_:1})]),r("div",dt,[t(u,{animated:""},{template:d(()=>[t(p,{variant:"p",class:"title"}),t(p,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",pt,[(o(!0),l(I,null,T(e.tasks?.items,(f,g)=>(o(),E(n,{key:g,"model-value":f,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",mt,i(e.$t("headshots.message.noTasks")),1)):$("",!0)]),_:1},8,["loading"])}const ut=b(lt,[["render",ht],["__scopeId","data-v-ffd55c16"]]),ft="https://webhook.acedata.cloud/headshots",gt=v({name:"HeadshotsIndex",components:{ConfigPanel:Pe,Layout:le,ApplicationStatus:X,RecentPanel:ut},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===V.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===V.Request},needApply(){return this.$store.state.headshots.status.getApplications===V.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.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 te({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){z.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===K&&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:s=5,createdAtMin:m,createdAtMax:h}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",h),this.fetchingTasks=!0;try{await this.$store.dispatch("headshots/getTasks",{limit:s,createdAtMin:m,createdAtMax:h})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){const e={...this.config,callback_url:ft},s=this.credential?.token;if(!s){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),W.generate(e,{token:s}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===Q?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function _t(e,s,m,h,k,y){const p=a("config-panel"),u=a("application-status"),n=a("recent-panel"),c=a("layout");return o(),E(c,null,{config:d(()=>[t(p,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:d(()=>[t(u,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),t(n,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ss=b(gt,[["render",_t],["__scopeId","data-v-6cafffbd"]]);export{ss as default};
+import{F as C}from"./index.es-2lzQ8vMU.js";import{E as P}from"./index-Dl6KqLVE.js";import{E as G}from"./index-aK6rv_gD.js";import{d as v,H as l,E as r,z as A,C as t,y as d,D as a,q as o,F as i,I as _,O as I,N as T,x as E,Q as S,c as U,J as $}from"./vendor-vue-C5BV5QrY.js";import{D as b,b1 as D,a6 as z,ao as V}from"./index-Bn7YDYmR.js";import{p as M}from"./pasteUploadMixin-BurWbGNQ.js";import{I as O,S as j}from"./ScrollList-BOpzsSMs.js";import{I as B}from"./ImagePreview-BeWsfeNk.js";import{E as q}from"./index-DdZsYKJE.js";import{E as w}from"./index-DEhQFSab.js";import{a as N,E as F}from"./index-7xh8EwUI.js";import{E as L}from"./index-C4jCFUIP.js";import{E as H,a as J}from"./index-dyGUihGe.js";import{b as Q,a as K}from"./errorCode-Cqj9Td_Z.js";import{h as W}from"./headshots-Dxph8juL.js";import{A as X}from"./Status-9YKfMLP0.js";import{C as Y}from"./CopyToClipboard-aJVlmG7i.js";import{E as Z}from"./index-D6rIKr0a.js";import{E as x,a as ee}from"./index-y73PzSA7.js";import{l as te}from"./pagination-D5yjLyAE.js";import"./use-form-item-DTGT08pf.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-Bl-Po99g.js";import"./index-g-OqTOL-.js";import"./index-BfRP23SC.js";import"./typescript-CoAxGsjg.js";import"./index-ChzvNzFS.js";import"./_baseClone-Bh3JK93r.js";import"./_Uint8Array-BLlXLAO2.js";import"./_initCloneObject-1g0v6DQg.js";import"./isEqual-BQxacRy6.js";import"./debounce-kCVbleAy.js";import"./index-DLEICRsh.js";import"./strings-DGr9fDRd.js";import"./isPlainObject-DyQHv-ss.js";const se=v({name:"LayoutHeadshots",components:{ElDrawer:G,ElButton:P,FontAwesomeIcon:C},data(){return{drawer:!1}}}),oe={class:"main flex flex-row flex-1"},ae={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ne={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ie(e,s,m,h,k,y){const p=a("font-awesome-icon"),u=a("el-button"),n=a("el-drawer");return o(),l("div",oe,[r("div",ae,[A(e.$slots,"config",{},void 0,!0)]),r("div",ne,[A(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:s[0]||(s[0]=c=>e.drawer=!0)},{default:d(()=>[t(p,{icon:"fa-solid fa-gear"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=c=>e.drawer=c),"with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[A(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const le=b(se,[["render",ie],["__scopeId","data-v-202b355b"]]),re=v({name:"ImageUrlsInput",components:{ElUpload:q,ElButton:P,InfoIcon:O,ImagePreview:B,FontAwesomeIcon:C},mixins:[M],data(){return{fileList:[],uploadUrl:D()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrls()},methods:{onExceed(){w.warning(this.$t("headshots.message.uploadImageExceed"))},onError(){w.error(this.$t("headshots.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),ce={class:"field"},de={class:"title font-bold"},pe={class:"upload-wrapper"};function me(e,s,m,h,k,y){const p=a("image-preview"),u=a("font-awesome-icon"),n=a("el-button"),c=a("el-upload"),f=a("info-icon");return o(),l("div",ce,[r("h2",de,i(e.$t("headshots.name.endImageUrls")),1),r("div",pe,[t(c,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":s[0]||(s[0]=g=>e.fileList=g),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:2,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:d(({file:g})=>[t(p,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:R=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:d(()=>[t(n,{size:"small",type:"primary",round:""},{default:d(()=>[t(u,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+i(e.$t("headshots.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])]),t(f,{content:e.$t("headshots.description.endImageUrls"),class:"info"},null,8,["content"])])}const he=b(re,[["render",me],["__scopeId","data-v-ca56051e"]]),ue="fast",fe=v({name:"ModeSelector",components:{ElRadioButton:F,ElRadioGroup:N},data(){return{options:[{label:this.$t("headshots.button.fast"),value:"fast"},{label:this.$t("headshots.button.relax"),value:"relax"}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug("set mode",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||(this.value=ue)}}),ge={class:"field"},_e={class:"title font-bold"};function $e(e,s,m,h,k,y){const p=a("el-radio-button"),u=a("el-radio-group");return o(),l("div",ge,[r("h2",_e,i(e.$t("headshots.name.mode")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=n=>e.value=n),class:"mode"},{default:d(()=>[(o(!0),l(I,null,T(e.options,n=>(o(),E(p,{key:n.value,label:n.value},{default:d(()=>[_(i(n.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const ve=b(fe,[["render",$e],["__scopeId","data-v-e7702494"]]),be=v({name:"StylizeSelector",components:{ElTabs:J,ElTabPane:H,ElImage:L},data(){return{tab:"styles",value:"",elements:{styles:{displayName:this.$t("headshots.styleCategory.styles"),items:[{image:"https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png",label:this.$t("headshots.styleTag.malePportrait"),value:"male_portrait"},{image:"https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png",label:this.$t("headshots.styleTag.malePportrait2"),value:"male_portrait2"},{image:"https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png",label:this.$t("headshots.styleTag.kindergarten"),value:"kindergarten"},{image:"https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp",label:this.$t("headshots.styleTag.logoTshirt"),value:"logo_tshirt"},{image:"https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg",label:this.$t("headshots.styleTag.wedding"),value:"wedding"},{image:"https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp",label:this.$t("headshots.styleTag.businessPphoto"),value:"business_photo"},{image:"https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg",label:this.$t("headshots.styleTag.bobSuit"),value:"bob_suit"},{image:"https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp",label:this.$t("headshots.styleTag.femalePortrait"),value:"female_portrait"}]}}}},watch:{value(e){console.debug("set template",e),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||(this.value=""),console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value="":this.value=e,console.debug("set template",this.value),this.$store.commit("headshots/setConfig",{...this.$store.state.headshots?.config,template:this.value})}}}),ke={class:"field"},ye=["onClick"],we={class:"name"};function Ie(e,s,m,h,k,y){const p=a("el-image"),u=a("el-tab-pane"),n=a("el-tabs");return o(),l("div",ke,[t(n,{modelValue:e.tab,"onUpdate:modelValue":s[0]||(s[0]=c=>e.tab=c)},{default:d(()=>[(o(!0),l(I,null,T(e.elements,(c,f)=>(o(),E(u,{key:f,label:c.displayName,name:f,class:"pane"},{default:d(()=>[(o(!0),l(I,null,T(c.items,(g,R)=>(o(),l("div",{key:R,class:S({item:!0,active:e.value===g.value}),onClick:$t=>e.onToggle(g.value)},[t(p,{src:g.image,fit:"fill",class:"preview"},null,8,["src"]),r("span",we,i(g.label),1)],10,ye))),128))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}const Te=b(be,[["render",Ie],["__scopeId","data-v-be4bd25d"]]),Ee=v({name:"PresetPanel",components:{ModeSelector:ve,ImageUrlsInput:he,ElButton:P,FontAwesomeIcon:C,ElementsSelector:Te},emits:["generate"],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit("generate")}}}),Se={class:"panel"},Ve={class:"config"},Ce={class:"actions"};function Ae(e,s,m,h,k,y){const p=a("elements-selector"),u=a("mode-selector"),n=a("image-urls-input"),c=a("font-awesome-icon"),f=a("el-button");return o(),l("div",Se,[r("div",Ve,[t(p,{class:"mb-4"}),t(u,{class:"mb-4"}),t(n,{class:"mb-4"}),r("div",Ce,[t(f,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:d(()=>[t(c,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+i(e.$t("headshots.button.generate")),1)]),_:1},8,["onClick"])])])])}const Pe=b(Ee,[["render",Ae],["__scopeId","data-v-848739f6"]]),Re=v({name:"ImageGallery",props:{modelValue:{type:Object,required:!0}},setup(e){return{images:U(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:h=>{window.open(h,"_blank")}}}}),Le={class:"image-gallery"},Ge=["src"],Ue=["onClick"];function De(e,s,m,h,k,y){return o(),l("div",Le,[(o(!0),l(I,null,T(e.images,(p,u)=>(o(),l("div",{key:u,class:"image-container"},[r("img",{src:p.image_url,alt:"Image"},null,8,Ge),p.image_url?(o(),l("button",{key:0,class:"view-button",onClick:n=>e.viewImage(p.image_url)},i(e.$t("headshots.button.viewImage")),9,Ue)):$("",!0)]))),128))])}const ze=b(Re,[["render",De],["__scopeId","data-v-42f0a7be"]]),Me=v({name:"TaskPreview",components:{ElImage:L,CopyToClipboard:Y,FontAwesomeIcon:C,ElAlert:Z,ImageGallery:ze},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,s){e.stopPropagation(),console.log("on download"),window.open(s,"_blank")},onReload(e){const s=e.target,m=new URL(s.src),h=m.searchParams.get("retry");if(!h)m.searchParams.set("retry","1");else if(parseInt(h)<2)m.searchParams.set("retry",(parseInt(h)+1).toString());else return;s.src=m.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),Oe={class:"preview"},je={class:"left"},Be={class:"main"},qe={class:"bot"},Ne={class:"datetime"},Fe={class:"info"},He={key:0,class:"prompt mt-2"},Je={key:0},Qe={key:1},Ke={key:0,class:S({content:!0,failed:!0})},We={class:"image-wrapper"},Xe={class:"description"},Ye={key:1,class:S({content:!0})},Ze={class:"description"},xe={class:"description"},et={class:"description"},tt={key:2,class:S({content:!0})},st={class:"description"},ot={key:3,class:S({content:!0})},at={class:"description"};function nt(e,s,m,h,k,y){const p=a("el-image"),u=a("image-gallery"),n=a("font-awesome-icon"),c=a("copy-to-clipboard"),f=a("el-alert");return o(),l("div",Oe,[r("div",je,[t(p,{src:"https://cdn.acedata.cloud/isxyfw.png",class:"avatar"})]),r("div",Be,[r("div",qe,[_(i(e.$t("headshots.name.headshotsBot"))+" ",1),r("span",Ne,i(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",Fe,[e.modelValue?.request?.template?(o(),l("p",He,[_(i(e.modelValue?.request?.template)+" ",1),e.modelValue?.response?$("",!0):(o(),l("span",Je," - ("+i(e.$t("headshots.status.pending"))+") ",1)),e.modelValue?.response?.status==="unknown"?(o(),l("span",Qe," - ("+i(e.$t("headshots.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(o(),l("div",Ke,[r("div",We,[t(u,{"model-value":e.modelValue},null,8,["model-value"])]),t(f,{closable:!1,class:"mt-2 success"},{default:d(()=>[r("p",Xe,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(o(),l("div",Ye,[t(f,{closable:!1,class:"failure"},{template:d(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",Ze,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",xe,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failureReason"))+": "+i(e.modelValue?.response?.error?.message)+" ",1),t(c,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),r("p",et,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+i(e.$t("headshots.name.traceId"))+": "+i(e.modelValue?.response?.trace_id)+" ",1),t(c,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(o(),l("div",tt,[t(f,{closable:!1,class:"info"},{template:d(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",st,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])),e.modelValue?.response?.status==="unknown"?(o(),l("div",ot,[t(f,{closable:!1,class:"info"},{template:d(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+i(e.$t("headshots.name.failure")),1)]),default:d(()=>[r("p",at,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+i(e.$t("headshots.name.taskId"))+": "+i(e.modelValue?.id)+" ",1),t(c,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0)])])}const it=b(Me,[["render",nt],["__scopeId","data-v-91e2f073"]]),lt=v({name:"RecentPanel",components:{TaskPreview:it,ElSkeleton:ee,ElSkeletonItem:x,ScrollList:j},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),rt={key:0,class:"tasks"},ct={class:"left"},dt={class:"main"},pt={key:1,class:"tasks"},mt={key:2,class:"description"};function ht(e,s,m,h,k,y){const p=a("el-skeleton-item"),u=a("el-skeleton"),n=a("task-preview"),c=a("scroll-list");return o(),E(c,{ref:"scrollList",class:"panel recent",loading:e.loading,onReachTop:s[0]||(s[0]=f=>e.$emit("reach-top"))},{default:d(()=>[e.tasks?.items===void 0?(o(),l("div",rt,[(o(),l(I,null,T(3,f=>r("div",{key:f,class:"task placeholder"},[r("div",ct,[t(u,{animated:""},{template:d(()=>[t(p,{variant:"image",class:"avatar"})]),_:1})]),r("div",dt,[t(u,{animated:""},{template:d(()=>[t(p,{variant:"p",class:"title"}),t(p,{variant:"image",class:"icon"})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),l("div",pt,[(o(!0),l(I,null,T(e.tasks?.items,(f,g)=>(o(),E(n,{key:g,"model-value":f,class:"preview"},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(o(),l("p",mt,i(e.$t("headshots.message.noTasks")),1)):$("",!0)]),_:1},8,["loading"])}const ut=b(lt,[["render",ht],["__scopeId","data-v-ffd55c16"]]),ft="https://webhook.acedata.cloud/headshots",gt=v({name:"HeadshotsIndex",components:{ConfigPanel:Pe,Layout:le,ApplicationStatus:X,RecentPanel:ut},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===V.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===V.Request},needApply(){return this.$store.state.headshots.status.getApplications===V.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.tasks}},watch:{tasks:{handler(e,s){e?.items?.length>s?.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 te({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("headshots/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("headshots/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){z.create({application:this.application}).then(({data:e})=>{this.application=e,w.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===K&&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:s=5,createdAtMin:m,createdAtMax:h}=e||{};console.debug("limit",s,"createdAtMin",m,"createdAtMax",h),this.fetchingTasks=!0;try{await this.$store.dispatch("headshots/getTasks",{limit:s,createdAtMin:m,createdAtMax:h})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){const e={...this.config,callback_url:ft},s=this.credential?.token;if(!s){console.error("no token specified");return}w.info(this.$t("headshots.message.startingTask")),W.generate(e,{token:s}).then(()=>{w.success(this.$t("headshots.message.startTaskSuccess")),this.$store.commit("headshots/setConfig",{config:void 0})}).catch(m=>{m?.response?.data?.error?.code===Q?w.error(this.$t("headshots.message.usedUp")):w.error(this.$t("headshots.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function _t(e,s,m,h,k,y){const p=a("config-panel"),u=a("application-status"),n=a("recent-panel"),c=a("layout");return o(),E(c,null,{config:d(()=>[t(p,{onGenerate:e.onGeneratePicture},null,8,["onGenerate"])]),result:d(()=>[t(u,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:s[0]||(s[0]=f=>e.$store.dispatch("headshots/setApplication",f))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),t(n,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ss=b(gt,[["render",_t],["__scopeId","data-v-6cafffbd"]]);export{ss as default};

package/dist/assets/Index-DDv936FH.js

@@ -0,0 +1 @@
+import{F as E}from"./index.es-2lzQ8vMU.js";import{E as M}from"./index-Dl6KqLVE.js";import{E as ie}from"./index-aK6rv_gD.js";import{d as k,H as c,z as A,J as $,E as s,C as n,y as f,D as o,q as i,F as a,O as T,N as I,x as w,Q as L,R as fe,I as y}from"./vendor-vue-C5BV5QrY.js";import{D as b,b1 as G,$ as _e,E as he,ao as Y}from"./index-Bn7YDYmR.js";import{b as $e,c as X,d as F,e as z,f as ve,g as ke,h as be}from"./kling-CtoPhhA9.js";import{a as P,E as O}from"./index-D37lqh67.js";import{I as S,S as ye}from"./ScrollList-BOpzsSMs.js";import{a as B,E as le}from"./index-BS-SPe39.js";import{p as q}from"./pasteUploadMixin-BurWbGNQ.js";import{I as D}from"./ImagePreview-BeWsfeNk.js";import{E as j}from"./index-DdZsYKJE.js";import{E as C}from"./index-DEhQFSab.js";import{C as ae}from"./Consumption-98bh7-Af.js";import{E as re}from"./index-CaNwHQ-J.js";import{E as H}from"./index-CGLEnOu2.js";import{a as ce}from"./price-C9hkxRAq.js";import{F as we}from"./FilePreview-DjVcc49f.js";import{E as Ve,a as Ce}from"./index-7xh8EwUI.js";import{E as de}from"./index-g-OqTOL-.js";import{b as Z}from"./errorCode-Cqj9Td_Z.js";import{k as x}from"./kling-YItZ28uZ.js";import{C as Se}from"./CopyToClipboard-aJVlmG7i.js";import{V as Te}from"./VideoPlayer-CvzD97_k.js";import{E as Ee}from"./index-D6rIKr0a.js";import{E as Ie}from"./index-C4jCFUIP.js";import{B as Me}from"./BotPlaceholder-DGoHs3OO.js";import{N as Le}from"./NoTasks-BzrlLtXg.js";import{l as Ue}from"./pagination-D5yjLyAE.js";import"./use-form-item-DTGT08pf.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-Bl-Po99g.js";import"./index-zHy_Tns_.js";import"./typescript-CoAxGsjg.js";import"./index-BfRP23SC.js";import"./strings-DGr9fDRd.js";import"./isEqual-BQxacRy6.js";import"./_Uint8Array-BLlXLAO2.js";import"./castArray-yAIf1Ihj.js";import"./debounce-kCVbleAy.js";import"./_baseIteratee-Cg1nAllN.js";import"./index-BLBMDJiy.js";import"./index-D-qg-A9-.js";import"./index-ChzvNzFS.js";import"./_baseClone-Bh3JK93r.js";import"./_initCloneObject-1g0v6DQg.js";import"./validator-CV9JtUBJ.js";import"./index-DLEICRsh.js";import"./vue-plyr-BO2nlN4c.js";import"./index-y73PzSA7.js";const Re=k({name:"LayoutKling",components:{ElDrawer:ie,ElButton:M,FontAwesomeIcon:E},data(){return{drawer:!1}}}),Ae={class:"kling-layout flex flex-col flex-1 min-h-0"},Ge={class:"main flex flex-row flex-1 min-h-0"},Pe={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Oe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function De(e,t,p,g,_,v){const d=o("font-awesome-icon"),m=o("el-button"),u=o("el-drawer");return i(),c("div",Ae,[e.$slots.tabs?A(e.$slots,"tabs",{key:0},void 0,!0):$("",!0),s("div",Ge,[s("div",Pe,[A(e.$slots,"config",{},void 0,!0)]),s("div",Oe,[A(e.$slots,"result",{},void 0,!0)]),n(m,{circle:"",class:"menu",onClick:t[0]||(t[0]=l=>e.drawer=!0)},{default:f(()=>[n(d,{icon:"fa-solid fa-magic"})]),_:1}),n(u,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=l=>e.drawer=l),direction:"ltr","with-header":!1,size:"350px"},{default:f(()=>[A(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])])}const je=b(Re,[["render",De],["__scopeId","data-v-ee7afcd6"]]),Ke=k({name:"ModelSelector",components:{ElSelect:O,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"kling-v3",label:"v3"},{value:"kling-v3-omni",label:"v3-Omni"},{value:"kling-v2-6",label:"v2.6"},{value:"kling-v2-5-turbo",label:"v2.5-Turbo"},{value:"kling-v2-1-master",label:"v2.1-Master"},{value:"kling-v2-master",label:"v2-Master"},{value:"kling-v1-6",label:"v1.6"},{value:"kling-v1",label:"v1"},{value:"kling-video-o1",label:"Video-o1"}]}},computed:{value:{get(){return this.$store.state.kling?.config?.model},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,model:e})}}},mounted(){this.value||(this.value=$e)}}),ze={class:"field"},Ne={class:"title font-bold"};function Fe(e,t,p,g,_,v){const d=o("el-option"),m=o("el-select");return i(),c("div",ze,[s("h2",Ne,a(e.$t("pika.name.model")),1),n(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=u=>e.value=u),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:f(()=>[(i(!0),c(T,null,I(e.options,u=>(i(),w(d,{key:u.value,label:u.label,value:u.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Be=b(Ke,[["render",Fe],["__scopeId","data-v-a1b940c0"]]),qe=k({name:"ModeSelector",components:{ElSelect:O,ElOption:P,InfoIcon:S},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],computed:{selectedModel(){return this.$store.state.kling?.config?.model||""},cameraControlSet(){return!!this.$store.state.kling?.config?.camera_control?.type},fourKReason(){return F.includes(this.selectedModel)?this.cameraControlSet?this.$t("kling.description.mode4kIncompatibleCamera"):"":this.$t("kling.description.mode4kRequiresV3")},options(){return[{value:"std",label:this.$t("kling.name.modeStd"),disabled:!1,disabledReason:""},{value:"pro",label:this.$t("kling.name.modePro"),disabled:!1,disabledReason:""},{value:"4k",label:this.$t("kling.name.mode4k"),disabled:!!this.fourKReason,disabledReason:this.fourKReason}]},value:{get(){return this.$store.state.kling?.config?.mode},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,mode:e})}}},watch:{fourKReason(e){e&&this.value==="4k"&&(this.value=X)}},mounted(){this.value||(this.value=X)}}),He={class:"field"},We={class:"header"},Je={class:"title font-bold"},Qe={key:0,class:"opt-tip"};function Ye(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-option"),u=o("el-select");return i(),c("div",He,[s("div",We,[s("h2",Je,a(e.$t("kling.name.mode")),1),n(d,{content:e.$t("kling.description.mode"),class:"info-icon"},null,8,["content"])]),n(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select"),clearable:!0},{default:f(()=>[(i(!0),c(T,null,I(e.options,l=>(i(),w(m,{key:l.value,label:l.label,value:l.value,disabled:l.disabled},{default:f(()=>[s("span",{class:L({"opt-disabled":l.disabled})},a(l.label),3),l.disabled&&l.disabledReason?(i(),c("span",Qe,a(l.disabledReason),1)):$("",!0)]),_:2},1032,["label","value","disabled"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Xe=b(qe,[["render",Ye],["__scopeId","data-v-6e5d6c31"]]),ee=[3,5,8,10,12,15],te=[5,10],Ze=k({name:"DurationSelector",components:{ElSlider:B,InfoIcon:S},props:{modelValue:{type:Number,default:void 0}},emits:["update:modelValue"],computed:{selectedModel(){return this.$store.state.kling?.config?.model||""},isV3Model(){return F.includes(this.selectedModel)},sliderMin(){return this.isV3Model?3:5},sliderMax(){return this.isV3Model?15:10},sliderStep(){return this.isV3Model?1:5},marks(){const e=this.isV3Model?ee:te,t={};for(const p of e)t[p]=`${p}s`;return t},value(){return this.$store.state.kling?.config?.duration??z},sliderValue:{get(){const e=this.value;return e<this.sliderMin?this.sliderMin:e>this.sliderMax?this.sliderMax:e},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling.config,duration:e})}}},watch:{isV3Model(e){(this.isV3Model?ee:te).includes(this.value)||(this.sliderValue=z)}},mounted(){this.$store.state.kling?.config?.duration||(this.sliderValue=z)}}),xe={class:"field"},et={class:"header"},tt={class:"title font-bold"},ot={class:"value-display"};function nt(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-slider");return i(),c("div",xe,[s("div",et,[s("h2",tt,a(e.$t("kling.name.duration")),1),n(d,{content:e.$t("kling.description.duration"),class:"info-icon ml-1"},null,8,["content"]),s("span",ot,a(e.value)+"s",1)]),n(m,{modelValue:e.sliderValue,"onUpdate:modelValue":t[0]||(t[0]=u=>e.sliderValue=u),class:"slider",min:e.sliderMin,max:e.sliderMax,step:e.sliderStep,marks:e.marks,"show-tooltip":!1},null,8,["modelValue","min","max","step","marks"])])}const st=b(Ze,[["render",nt],["__scopeId","data-v-51126e44"]]),it=k({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug("set ratio",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=ve)}}),lt={class:"text-sm font-bold mb-2 block"},at={class:"items"},rt=["onClick"],ct={class:"name"};function dt(e,t,p,g,_,v){return i(),c("div",null,[s("span",lt,a(e.$t("kling.name.ratio")),1),s("div",at,[(i(!0),c(T,null,I(e.options,(d,m)=>(i(),c("div",{key:m,class:L({active:e.active===m,item:!0}),onClick:u=>e.value=d.value},[s("div",{class:L(["preview",d.label])},[s("div",{class:"rect",style:fe({width:d.width+"px",height:d.height+"px"})},null,4)],2),s("p",ct,a(d.label),1)],10,rt))),128))])])}const pt=b(it,[["render",dt],["__scopeId","data-v-cdb14b2f"]]),mt=k({name:"StartImage",components:{ElUpload:j,ElButton:M,InfoIcon:S,FontAwesomeIcon:E,ImagePreview:D},mixins:[q],emits:["change"],data(){return{fileList:[],uploadUrl:G()+"/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?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){C.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){C.error(this.$t("kling.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),ut={class:"relative"},gt={class:"flex justify-between"},ft={class:"flex justify-start items-center"},_t={class:"text-sm font-bold"};function ht(e,t,p,g,_,v){const d=o("info-icon"),m=o("image-preview"),u=o("font-awesome-icon"),l=o("el-button"),h=o("el-upload");return i(),c("div",ut,[s("div",gt,[s("div",ft,[s("span",_t,a(e.$t("kling.name.startImage")),1),n(d,{content:e.$t("kling.description.uploadStartImage")},null,8,["content"])])]),n(h,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),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:f(({file:r})=>[r.url&&r.percentage!==void 0?(i(),w(m,{key:0,url:r.url,name:r.name,percentage:r.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(r),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:f(()=>[n(l,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[n(u,{icon:"fa-solid fa-upload",class:"icon mr-1"}),y(" "+a(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const $t=b(mt,[["render",ht],["__scopeId","data-v-852a31cd"]]),vt=k({name:"EndImage",components:{ElUpload:j,ElButton:M,ImagePreview:D,InfoIcon:S,FontAwesomeIcon:E},mixins:[q],data(){return{fileList:[],uploadUrl:G()+"/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?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetEndImageUrl()},methods:{onExceed(){C.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){C.error(this.$t("kling.message.uploadReferencesError"))},onSetEndImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),kt={class:"relative"},bt={class:"flex justify-between"},yt={class:"flex justify-start items-center"},wt={class:"text-sm font-bold"};function Vt(e,t,p,g,_,v){const d=o("info-icon"),m=o("image-preview"),u=o("font-awesome-icon"),l=o("el-button"),h=o("el-upload");return i(),c("div",kt,[s("div",bt,[s("div",yt,[s("span",wt,a(e.$t("kling.name.endImage")),1),n(d,{content:e.$t("kling.description.uploadEndImage")},null,8,["content"])])]),n(h,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),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:f(({file:r})=>[r.url&&r.percentage!==void 0?(i(),w(m,{key:0,url:r.url,name:r.name,percentage:r.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(r),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:f(()=>[n(l,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[n(u,{icon:"fa-solid fa-upload",class:"icon mr-1"}),y(" "+a(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ct=b(vt,[["render",Vt],["__scopeId","data-v-e23f5fb8"]]),St=k({name:"CfgScaleSelector",components:{ElSlider:B,InfoIcon:S,ElInputNumber:le},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug("set cfg_scale",e),this.$store.commit("kling/setConfig",{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||(this.value=ke)}}),Tt={class:"flex justify-between"},Et={class:"flex justify-start items-center"},It={class:"text-sm font-bold"},Mt={class:"flex justify-end items-center"},Lt={class:"w-full"};function Ut(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-input-number"),u=o("el-slider");return i(),c("div",null,[s("div",Tt,[s("div",Et,[s("span",It,a(e.$t("kling.name.cfgScale")),1),n(d,{content:e.$t("kling.description.cfgScale")},null,8,["content"])]),s("div",Mt,[n(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),"controls-position":"right"},null,8,["modelValue"])])]),s("div",Lt,[n(u,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),min:0,max:1,step:.1},null,8,["modelValue"])])])}const Rt=b(St,[["render",Ut]]),At=k({name:"GenerateAudioSelector",components:{ElSwitch:re,InfoIcon:S},computed:{selectedModel(){return this.$store.state.kling?.config?.model||""},selectedMode(){return this.$store.state.kling?.config?.mode||""},supported(){return!!(F.includes(this.selectedModel)||this.selectedModel==="kling-v2-6"&&this.selectedMode==="pro")},tooltipContent(){return this.supported?this.$t("kling.description.generateAudio"):this.$t("kling.description.generateAudioUnsupported")},value:{get(){return this.supported?this.$store.state.kling?.config?.generate_audio??be:!1},set(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,generate_audio:e})}}},watch:{supported(e){!e&&this.$store.state.kling?.config?.generate_audio&&this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,generate_audio:!1})}}}),Gt={class:"relative"},Pt={class:"flex justify-between items-center"},Ot={class:"flex justify-start items-center"},Dt={class:"text-sm font-bold"};function jt(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-switch");return i(),c("div",Gt,[s("div",Pt,[s("div",Ot,[s("span",Dt,a(e.$t("kling.name.generateAudio")),1),n(d,{content:e.tooltipContent},null,8,["content"])]),n(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=u=>e.value=u),class:"value",disabled:!e.supported},null,8,["modelValue","disabled"])])])}const Kt=b(At,[["render",jt]]),zt=["horizontal","vertical","pan","tilt","roll","zoom"],Nt=k({name:"CameraControlSelector",components:{ElSelect:O,ElOption:P,ElSlider:B,ElInputNumber:le,InfoIcon:S},data(){return{configKeys:zt}},computed:{typeOptions(){return[{value:"",label:this.$t("kling.name.cameraTypeNone")},{value:"simple",label:this.$t("kling.name.cameraTypeSimple")},{value:"down_back",label:this.$t("kling.name.cameraTypeDownBack")},{value:"forward_up",label:this.$t("kling.name.cameraTypeForwardUp")},{value:"left_turn_forward",label:this.$t("kling.name.cameraTypeLeftTurnForward")},{value:"right_turn_forward",label:this.$t("kling.name.cameraTypeRightTurnForward")}]},selectedMode(){return this.$store.state.kling?.config?.mode||""},disabled(){return this.selectedMode==="4k"},tooltipContent(){return this.disabled?this.$t("kling.description.cameraControlDisabled4k"):this.$t("kling.description.cameraControl")},selectedType(){return this.$store.state.kling?.config?.camera_control?.type},selectedTypeRaw:{get(){return this.selectedType??""},set(e){const t=this.$store.state.kling?.config||{};if(!e){const g={...t};delete g.camera_control,this.$store.commit("kling/setConfig",g);return}const p=e;this.$store.commit("kling/setConfig",{...t,camera_control:{type:p,config:p==="simple"?t.camera_control?.config||{}:void 0}})}},configValues(){return this.$store.state.kling?.config?.camera_control?.config||{}}},watch:{disabled(e){e&&this.selectedType!==void 0&&(this.selectedTypeRaw="")}},methods:{writeConfig(e,t){const p=this.$store.state.kling?.config||{},g=p.camera_control||{type:"simple"},_={...g.config||{}};t==null?delete _[e]:_[e]=t,this.$store.commit("kling/setConfig",{...p,camera_control:{...g,type:"simple",config:_}})},onSliderChange(e,t){this.writeConfig(e,t)},onNumberChange(e,t){this.writeConfig(e,t)}}}),Ft={class:"field"},Bt={class:"header"},qt={class:"text-sm font-bold"},Ht={key:0,class:"config-grid"},Wt={class:"cfg-row-head"},Jt={class:"cfg-name"};function Qt(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-option"),u=o("el-select"),l=o("el-input-number"),h=o("el-slider");return i(),c("div",Ft,[s("div",Bt,[s("span",qt,a(e.$t("kling.name.cameraControl")),1),n(d,{content:e.tooltipContent},null,8,["content"])]),n(u,{modelValue:e.selectedTypeRaw,"onUpdate:modelValue":t[0]||(t[0]=r=>e.selectedTypeRaw=r),class:"value",placeholder:e.$t("kling.placeholder.cameraType"),clearable:!0,disabled:e.disabled},{default:f(()=>[(i(!0),c(T,null,I(e.typeOptions,r=>(i(),w(m,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"]),e.selectedType==="simple"&&!e.disabled?(i(),c("div",Ht,[(i(!0),c(T,null,I(e.configKeys,r=>(i(),c("div",{key:r,class:"cfg-row"},[s("div",Wt,[s("span",Jt,a(e.$t(`kling.name.cc_${r}`)),1),n(l,{modelValue:e.configValues[r],"onUpdate:modelValue":V=>e.configValues[r]=V,min:-1,max:1,step:.1,precision:1,"controls-position":"right",size:"small",class:"cfg-num",onChange:V=>e.onNumberChange(r,V)},null,8,["modelValue","onUpdate:modelValue","onChange"])]),n(h,{"model-value":e.configValues[r]??0,min:-1,max:1,step:.1,onInput:V=>e.onSliderChange(r,V)},null,8,["model-value","onInput"])]))),128))])):$("",!0)])}const Yt=b(Nt,[["render",Qt],["__scopeId","data-v-fb7b34d0"]]),Xt="",Zt=k({name:"PromptInput",components:{ElInput:H,ElButton:M,FontAwesomeIcon:E,InfoIcon:S},emits:["open-inspiration"],computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Xt)}}),xt={class:"field"},eo={class:"box"},to={class:"title font-bold"},oo={class:"actions"};function no(e,t,p,g,_,v){const d=o("font-awesome-icon"),m=o("el-button"),u=o("info-icon"),l=o("el-input");return i(),c("div",xt,[s("div",eo,[s("h2",to,a(e.$t("kling.name.prompt")),1),s("div",oo,[n(m,{text:"",size:"small",class:"inspiration-btn",onClick:t[0]||(t[0]=h=>e.$emit("open-inspiration"))},{default:f(()=>[n(d,{icon:"fa-regular fa-lightbulb",class:"mr-1"}),y(" "+a(e.$t("kling.inspiration.openButton")),1)]),_:1}),n(u,{content:e.$t("kling.description.prompt"),class:"info"},null,8,["content"])])]),n(l,{modelValue:e.prompt,"onUpdate:modelValue":t[1]||(t[1]=h=>e.prompt=h),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const so=b(Zt,[["render",no],["__scopeId","data-v-b8bded08"]]),io="",lo=k({name:"NegativePromptInput",components:{ElInput:H,InfoIcon:S},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug("set prompt",e),this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||(this.prompt=io)}}),ao={class:"field"},ro={class:"box"},co={class:"title font-bold"};function po(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-input");return i(),c("div",ao,[s("div",ro,[s("h2",co,a(e.$t("kling.name.negativePrompt")),1),n(d,{content:e.$t("kling.description.negativePrompt"),class:"info"},null,8,["content"])]),n(m,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=u=>e.prompt=u),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.negativePrompt")},null,8,["modelValue","placeholder"])])}const mo=b(lo,[["render",po],["__scopeId","data-v-de98cf01"]]),uo=[{groupKey:"cameraMovements",chipKeys:["rotateAround","stationary","handheld","zoomOut","zoomIn","follow","panRight","tiltUp","tiltDown","orbit"]},{groupKey:"cameraSpeed",chipKeys:["speedSlow","speedMedium","speedFast"]},{groupKey:"shotType",chipKeys:["shotClose","shotMedium","shotLong","shotLowAngle","shotHighAngle","shotShallowDof","shotFront","shotProfile","shotCloseUp","shotDrone"]},{groupKey:"light",chipKeys:["lightSunlight","lightSoft","lightNeon","lightWarm","lightNature","lightCandle","lightCityNight"]},{groupKey:"frame",chipKeys:["frameRichDetails","frameSimpleBg"]},{groupKey:"atmosphere",chipKeys:["atmosphereMysterious","atmospherePeaceful","atmosphereHeartwarming","atmosphereVivid","atmosphereColorful"]}],N=", ",go=k({name:"InspirationDrawer",components:{ElDrawer:ie,ElButton:M,FontAwesomeIcon:E},props:{modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],data(){return{groups:uo,Close:_e}},computed:{visible:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e)}},drawerSize(){return window.innerWidth<768?"100%":"380px"},prompt(){return this.$store.state.kling?.config?.prompt||""},allChipTexts(){return this.groups.flatMap(e=>e.chipKeys.map(t=>this.$t(`kling.inspiration.chip.${t}`)))},selectedCount(){return this.allChipTexts.filter(e=>this.isSelected(e)).length}},methods:{chipText(e){return this.$t(`kling.inspiration.chip.${e}`)},isSelected(e){return e?this.prompt.includes(e):!1},setPrompt(e){this.$store.commit("kling/setConfig",{...this.$store.state.kling?.config,prompt:e})},onToggle(e){e&&(this.isSelected(e)?this.setPrompt(this.removeChunk(this.prompt,e)):this.setPrompt(this.appendChunk(this.prompt,e)))},onClearSelected(){let e=this.prompt;for(const t of this.allChipTexts)for(;e.includes(t);)e=this.removeChunk(e,t);this.setPrompt(e)},appendChunk(e,t){const p=e.trim();return p?p.includes(t)?p:`${p}${N}${t}`:t},removeChunk(e,t){const p=[`${t}${N}`,`${N}${t}`,t];let g=e;for(const _ of p)if(g.includes(_)){g=g.replace(_,"");break}return g.replace(/(?:,\s*)+$/,"").replace(/^(?:,\s*)+/,"")}}}),fo={class:"drawer-content"},_o={class:"drawer-header"},ho={class:"title-row"},$o={class:"title"},vo={class:"hint"},ko={key:0,class:"selected-bar"},bo={class:"selected-text"},yo={class:"groups"},wo={class:"group-title"},Vo={class:"chip-grid"},Co=["onClick"];function So(e,t,p,g,_,v){const d=o("font-awesome-icon"),m=o("el-button"),u=o("el-drawer");return i(),w(u,{modelValue:e.visible,"onUpdate:modelValue":t[1]||(t[1]=l=>e.visible=l),direction:"rtl","with-header":!1,size:e.drawerSize,"custom-class":"kling-inspiration-drawer","destroy-on-close":!1},{default:f(()=>[s("div",fo,[s("div",_o,[s("div",ho,[n(d,{icon:"fa-regular fa-lightbulb",class:"mr-2"}),s("span",$o,a(e.$t("kling.inspiration.title")),1)]),n(m,{text:"",icon:e.Close,class:"close-btn",onClick:t[0]||(t[0]=l=>e.visible=!1)},null,8,["icon"])]),s("div",vo,a(e.$t("kling.inspiration.hint")),1),e.selectedCount>0?(i(),c("div",ko,[s("span",bo,a(e.$t("kling.inspiration.selectedSummary",{count:e.selectedCount})),1),n(m,{text:"",size:"small",class:"clear-btn",onClick:e.onClearSelected},{default:f(()=>[y(a(e.$t("kling.inspiration.clearSelected")),1)]),_:1},8,["onClick"])])):$("",!0),s("div",yo,[(i(!0),c(T,null,I(e.groups,l=>(i(),c("div",{key:l.groupKey,class:"group"},[s("div",wo,a(e.$t(`kling.inspiration.group.${l.groupKey}`)),1),s("div",Vo,[(i(!0),c(T,null,I(l.chipKeys,h=>(i(),c("button",{key:h,type:"button",class:L({chip:!0,active:e.isSelected(e.chipText(h))}),onClick:r=>e.onToggle(e.chipText(h))},a(e.chipText(h)),11,Co))),128))])]))),128))])])]),_:1},8,["modelValue","size"])}const To=b(go,[["render",So],["__scopeId","data-v-11110c53"]]),Eo={"kling-v3":"v3","kling-v3-omni":"v3-Omni","kling-v2-6":"v2.6","kling-v2-5-turbo":"v2.5-Turbo","kling-v2-1-master":"v2.1-Master","kling-v2-master":"v2-Master","kling-v1-6":"v1.6","kling-v1":"v1","kling-video-o1":"Video-o1"},Io={std:"720p",pro:"1080p","4k":"4K"},Mo=k({name:"SummaryChip",components:{FontAwesomeIcon:E},computed:{config(){return this.$store.state.kling?.config||{}},modelLabel(){const e=this.config?.model||"kling-v2-5-turbo";return Eo[e]||e},durationLabel(){return`${this.config?.duration??5}s`},aspectRatio(){return this.config?.aspect_ratio||""},modeLabel(){const e=this.config?.mode||"std";return Io[e]||e},generateAudio(){return!!this.config?.generate_audio}}}),Lo={class:"summary-chip"},Uo=["title"],Ro=["title"],Ao=["title"],Go=["title"],Po=["title"];function Oo(e,t,p,g,_,v){const d=o("font-awesome-icon");return i(),c("div",Lo,[s("span",{class:"part",title:e.$t("kling.name.model")},a(e.modelLabel),9,Uo),t[0]||(t[0]=s("span",{class:"dot"},"·",-1)),s("span",{class:"part",title:e.$t("kling.name.duration")},a(e.durationLabel),9,Ro),t[1]||(t[1]=s("span",{class:"dot"},"·",-1)),s("span",{class:"part",title:e.$t("kling.name.ratio")},a(e.aspectRatio||"16:9"),9,Ao),t[2]||(t[2]=s("span",{class:"dot"},"·",-1)),s("span",{class:"part",title:e.$t("kling.name.mode")},a(e.modeLabel),9,Go),e.generateAudio?(i(),c("span",{key:0,class:"audio",title:e.$t("kling.name.generateAudio")},[n(d,{icon:"fa-solid fa-headphones"})],8,Po)):$("",!0)])}const Do=b(Mo,[["render",Oo],["__scopeId","data-v-418a6733"]]),jo=k({name:"ConfigPanel",components:{ElButton:M,Consumption:ae,FontAwesomeIcon:E,PromptInput:so,NegativePromptInput:mo,ModelSelector:Be,ModeSelector:Xe,DurationSelector:st,RatioSelector:pt,StartImage:$t,CfgScaleSelector:Rt,GenerateAudioSelector:Kt,CameraControlSelector:Yt,InspirationDrawer:To,SummaryChip:Do,EndImage:Ct},emits:["generate"],data(){return{inspirationOpen:!1}},computed:{config(){return this.$store.state.kling?.config},consumption(){return ce(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ko={class:"flex flex-col h-full"},zo={class:"flex-1 overflow-y-auto p-5"},No={class:"flex flex-col items-center justify-center px-5 pb-5"};function Fo(e,t,p,g,_,v){const d=o("prompt-input"),m=o("model-selector"),u=o("ratio-selector"),l=o("start-image"),h=o("end-image"),r=o("duration-selector"),V=o("mode-selector"),R=o("generate-audio-selector"),U=o("camera-control-selector"),K=o("cfg-scale-selector"),pe=o("negative-prompt-input"),me=o("summary-chip"),ue=o("consumption"),W=o("font-awesome-icon"),J=o("el-button"),ge=o("inspiration-drawer");return i(),c("div",Ko,[s("div",zo,[n(d,{class:"mb-4",onOpenInspiration:t[0]||(t[0]=Q=>e.inspirationOpen=!0)}),n(m,{class:"mb-4"}),n(u,{class:"mb-4"}),n(l,{class:"mb-2"}),n(h,{class:"mb-2"}),n(r,{class:"mb-4"}),n(V,{class:"mb-4"}),n(R,{class:"mb-4"}),n(U,{class:"mb-4"}),n(K,{class:"mb-4"}),n(pe,{class:"mb-4"})]),s("div",No,[n(me),n(ue,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(i(),w(J,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[n(W,{icon:"fa-solid fa-magic",class:"mr-2"}),y(" "+a(e.$t("kling.button.extend")),1)]),_:1},8,["onClick"])):(i(),w(J,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[n(W,{icon:"fa-solid fa-magic",class:"mr-2"}),y(" "+a(e.$t("kling.button.generate")),1)]),_:1},8,["onClick"]))]),n(ge,{modelValue:e.inspirationOpen,"onUpdate:modelValue":t[1]||(t[1]=Q=>e.inspirationOpen=Q)},null,8,["modelValue"])])}const Bo=b(jo,[["render",Fo]]),qo=k({name:"MotionImage",components:{ElUpload:j,ElButton:M,InfoIcon:S,FontAwesomeIcon:E,ImagePreview:D},mixins:[q],data(){return{fileList:[],uploadUrl:G()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetImageUrl()},methods:{onExceed(){C.warning(this.$t("kling.message.uploadReferencesExceed"))},onError(){C.error(this.$t("kling.message.uploadReferencesError"))},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit("kling/setMotionConfig",{...this.$store.state.kling?.motionConfig,image_url:void 0})},onSetImageUrl(){const e=this.urls?.[0];this.$store.commit("kling/setMotionConfig",{...this.$store.state.kling?.motionConfig,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),Ho={class:"relative"},Wo={class:"flex justify-between"},Jo={class:"flex justify-start items-center"},Qo={class:"text-sm font-bold"};function Yo(e,t,p,g,_,v){const d=o("info-icon"),m=o("image-preview"),u=o("font-awesome-icon"),l=o("el-button"),h=o("el-upload");return i(),c("div",Ho,[s("div",Wo,[s("div",Jo,[s("span",Qo,a(e.$t("kling.name.motionImage")),1),n(d,{content:e.$t("kling.description.motionImage")},null,8,["content"])])]),n(h,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:1,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:f(({file:r})=>[r.url&&r.percentage!==void 0?(i(),w(m,{key:0,url:r.url,name:r.name,percentage:r.percentage,onRemove:V=>e.onRemove(r)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:f(()=>[n(l,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[n(u,{icon:"fa-solid fa-upload",class:"icon mr-1"}),y(" "+a(e.$t("kling.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Xo=b(qo,[["render",Yo],["__scopeId","data-v-37d42da7"]]),Zo=k({name:"MotionVideo",components:{ElUpload:j,ElButton:M,InfoIcon:S,FilePreview:we,FontAwesomeIcon:E},data(){return{fileList:[],uploadUrl:G()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetVideoUrl()},methods:{onExceed(){C.warning(this.$t("kling.message.uploadVideoExceed"))},onError(){C.error(this.$t("kling.message.uploadVideoError"))},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit("kling/setMotionConfig",{...this.$store.state.kling?.motionConfig,video_url:void 0})},beforeUpload(e){const t=e.type==="video/mp4"||e.type==="video/quicktime",p=e.size/1024/1024<100;return t?p?!0:(C.error(this.$t("kling.message.uploadVideoSizeExceed")),!1):(C.error(this.$t("kling.message.uploadVideoTypeFailed")),!1)},onSetVideoUrl(){const e=this.urls?.[0];this.$store.commit("kling/setMotionConfig",{...this.$store.state.kling?.motionConfig,video_url:e})},async onSuccess(){this.onSetVideoUrl()}}}),xo={class:"relative"},en={class:"flex justify-between"},tn={class:"flex justify-start items-center"},on={class:"text-sm font-bold"};function nn(e,t,p,g,_,v){const d=o("info-icon"),m=o("file-preview"),u=o("font-awesome-icon"),l=o("el-button"),h=o("el-upload");return i(),c("div",xo,[s("div",en,[s("div",tn,[s("span",on,a(e.$t("kling.name.motionVideo")),1),n(d,{content:e.$t("kling.description.motionVideo")},null,8,["content"])])]),n(h,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),accept:".mp4,.mov",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:f(({file:r})=>[r.percentage!==void 0?(i(),w(m,{key:0,url:r.url||r.response?.file_url,name:r.name,percentage:r.percentage,onRemove:V=>e.onRemove(r)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:f(()=>[n(l,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[n(u,{icon:"fa-solid fa-upload",class:"icon mr-1"}),y(" "+a(e.$t("kling.button.uploadVideoUrl")),1)]),_:1})]),_:1},8,["file-list","action","before-upload","on-exceed","on-error","on-success","headers"])])}const sn=b(Zo,[["render",nn],["__scopeId","data-v-5cf93212"]]),ln=k({name:"MotionPromptInput",components:{ElInput:H,InfoIcon:S},computed:{prompt:{get(){return this.$store.state.kling?.motionConfig?.prompt||""},set(e){this.$store.commit("kling/setMotionConfig",{...this.$store.state.kling?.motionConfig,prompt:e})}}}}),an={class:"field"},rn={class:"box"},cn={class:"title font-bold"};function dn(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-input");return i(),c("div",an,[s("div",rn,[s("h2",cn,a(e.$t("kling.name.motionPrompt")),1),n(d,{content:e.$t("kling.description.motionPrompt"),class:"info"},null,8,["content"])]),n(m,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=u=>e.prompt=u),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("kling.placeholder.motionPrompt")},null,8,["modelValue","placeholder"])])}const pn=b(ln,[["render",dn],["__scopeId","data-v-ca9fdbe5"]]),oe="video",mn=k({name:"CharacterOrientationSelector",components:{ElRadioGroup:Ce,ElRadioButton:Ve,InfoIcon:S},computed:{value:{get(){return this.$store.state.kling?.motionConfig?.character_orientation||oe},set(e){this.$store.commit("kling/setMotionConfig",{...this.$store.state.kling?.motionConfig,character_orientation:e})}}},mounted(){this.$store.state.kling?.motionConfig?.character_orientation||(this.value=oe)}}),un={class:"field"},gn={class:"header"},fn={class:"text-sm font-bold"};function _n(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-radio-button"),u=o("el-radio-group");return i(),c("div",un,[s("div",gn,[s("span",fn,a(e.$t("kling.name.characterOrientation")),1),n(d,{content:e.$t("kling.description.characterOrientation")},null,8,["content"])]),n(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),size:"small",class:"value"},{default:f(()=>[n(m,{label:"image"},{default:f(()=>[y(a(e.$t("kling.name.orientationImage")),1)]),_:1}),n(m,{label:"video"},{default:f(()=>[y(a(e.$t("kling.name.orientationVideo")),1)]),_:1})]),_:1},8,["modelValue"])])}const hn=b(mn,[["render",_n],["__scopeId","data-v-7a91195b"]]),ne="std",$n=k({name:"MotionModeSelector",components:{ElSelect:O,ElOption:P,InfoIcon:S},computed:{options(){return[{value:"std",label:this.$t("kling.name.modeStd")},{value:"pro",label:this.$t("kling.name.modePro")}]},value:{get(){return this.$store.state.kling?.motionConfig?.mode||ne},set(e){this.$store.commit("kling/setMotionConfig",{...this.$store.state.kling?.motionConfig,mode:e})}}},mounted(){this.$store.state.kling?.motionConfig?.mode||(this.value=ne)}}),vn={class:"field"},kn={class:"header"},bn={class:"title font-bold"};function yn(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-option"),u=o("el-select");return i(),c("div",vn,[s("div",kn,[s("h2",bn,a(e.$t("kling.name.mode")),1),n(d,{content:e.$t("kling.description.motionMode")},null,8,["content"])]),n(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),class:"value",placeholder:e.$t("kling.placeholder.select")},{default:f(()=>[(i(!0),c(T,null,I(e.options,l=>(i(),w(m,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const wn=b($n,[["render",yn],["__scopeId","data-v-1295688c"]]),Vn=k({name:"KeepOriginalSoundSelector",components:{ElSwitch:re,InfoIcon:S},computed:{value:{get(){return(this.$store.state.kling?.motionConfig?.keep_original_sound??"yes")==="yes"},set(e){this.$store.commit("kling/setMotionConfig",{...this.$store.state.kling?.motionConfig,keep_original_sound:e?"yes":"no"})}}}}),Cn={class:"relative"},Sn={class:"flex justify-between items-center"},Tn={class:"flex justify-start items-center"},En={class:"text-sm font-bold"};function In(e,t,p,g,_,v){const d=o("info-icon"),m=o("el-switch");return i(),c("div",Cn,[s("div",Sn,[s("div",Tn,[s("span",En,a(e.$t("kling.name.keepOriginalSound")),1),n(d,{content:e.$t("kling.description.keepOriginalSound")},null,8,["content"])]),n(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=u=>e.value=u)},null,8,["modelValue"])])])}const Mn=b(Vn,[["render",In]]),Ln=k({name:"MotionPanel",components:{ElButton:M,FontAwesomeIcon:E,Consumption:ae,MotionImage:Xo,MotionVideo:sn,MotionPromptInput:pn,CharacterOrientationSelector:hn,MotionModeSelector:wn,KeepOriginalSoundSelector:Mn},emits:["generate"],computed:{motionConfig(){return this.$store.state.kling?.motionConfig},consumption(){return ce(this.motionConfig,this.service?.cost)},service(){return this.$store.state.kling?.service},canGenerate(){const e=this.motionConfig;return!!(e?.image_url&&e?.video_url)}},methods:{onGenerate(){this.$emit("generate")}}}),Un={class:"flex flex-col h-full"},Rn={class:"flex-1 overflow-y-auto p-5"},An={class:"flex flex-col items-center justify-center px-5 pb-5"};function Gn(e,t,p,g,_,v){const d=o("motion-image"),m=o("motion-video"),u=o("motion-prompt-input"),l=o("character-orientation-selector"),h=o("motion-mode-selector"),r=o("keep-original-sound-selector"),V=o("consumption"),R=o("font-awesome-icon"),U=o("el-button");return i(),c("div",Un,[s("div",Rn,[n(d,{class:"mb-3"}),n(m,{class:"mb-3"}),n(u,{class:"mb-4"}),n(l,{class:"mb-4"}),n(h,{class:"mb-4"}),n(r,{class:"mb-4"})]),s("div",An,[n(V,{value:e.consumption,service:e.service},null,8,["value","service"]),n(U,{type:"primary",class:"btn w-full",round:"",disabled:!e.canGenerate,onClick:e.onGenerate},{default:f(()=>[n(R,{icon:"fa-solid fa-magic",class:"mr-2"}),y(" "+a(e.$t("kling.button.generateMotion")),1)]),_:1},8,["disabled","onClick"])])])}const Pn=b(Ln,[["render",Gn]]),On=k({name:"KlingTabSwitcher",components:{ElTooltip:de,ElTag:he,FontAwesomeIcon:E},props:{modelValue:{type:String,default:"videos"}},emits:["update:modelValue"],computed:{tabs(){return[{value:"videos",label:this.$t("kling.tab.videoGeneration"),icon:"fa-solid fa-film"},{value:"motion",label:this.$t("kling.tab.motionControl"),icon:"fa-solid fa-person-running"},{value:"avatar",label:this.$t("kling.tab.avatar"),icon:"fa-solid fa-user-tie",disabled:!0,disabledReason:this.$t("kling.tab.avatarComingSoon"),badge:this.$t("kling.tab.comingSoon")}]}},methods:{onSelect(e){e.disabled||e.value!=="avatar"&&this.$emit("update:modelValue",e.value)}}}),Dn={class:"kling-tabs"},jn=["onClick"];function Kn(e,t,p,g,_,v){const d=o("font-awesome-icon"),m=o("el-tooltip"),u=o("el-tag");return i(),c("div",Dn,[(i(!0),c(T,null,I(e.tabs,l=>(i(),c("div",{key:l.value,class:L({tab:!0,active:l.value===e.modelValue,disabled:l.disabled}),onClick:h=>e.onSelect(l)},[l.icon?(i(),w(d,{key:0,icon:l.icon,class:"mr-2"},null,8,["icon"])):$("",!0),s("span",null,a(l.label),1),l.disabled&&l.disabledReason?(i(),w(m,{key:1,effect:"dark",content:l.disabledReason,placement:"top"},{default:f(()=>[n(d,{icon:"fa-solid fa-info",class:"info ml-2"})]),_:1},8,["content"])):$("",!0),l.badge?(i(),w(u,{key:2,size:"small",type:"warning",class:"ml-2 badge"},{default:f(()=>[y(a(l.badge),1)]),_:2},1024)):$("",!0)],10,jn))),128))])}const zn=b(On,[["render",Kn],["__scopeId","data-v-74fbca7e"]]),Nn=k({name:"TaskPreview",components:{ElImage:Ie,CopyToClipboard:Se,FontAwesomeIcon:E,ElAlert:Ee,VideoPlayer:Te,ElTooltip:de,ElButton:M,ImagePreview:D},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config},referenceImages(){const e=[],t=this.modelValue?.request?.start_image_url,p=this.modelValue?.request?.end_image_url;return t&&e.push({url:t,name:"start-image"}),p&&e.push({url:p,name:"end-image"}),e}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Fn={class:"preview"},Bn={class:"left"},qn={class:"main"},Hn={class:"bot"},Wn={class:"datetime"},Jn={class:"info"},Qn={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},Yn={key:1,class:"prompt mt-2"},Xn={key:0},Zn={key:1},xn={key:0,class:L({content:!0,failed:!0})},es={key:0,class:"mb-4"},ts={key:1,class:L({operations:!0,"mt-2":!0})},os={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ns={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ss={key:1,class:L({content:!0})},is={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ls={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},as={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},rs={key:2,class:L({content:!0})},cs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ds={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function ps(e,t,p,g,_,v){const d=o("el-image"),m=o("image-preview"),u=o("video-player"),l=o("el-button"),h=o("el-tooltip"),r=o("font-awesome-icon"),V=o("copy-to-clipboard"),R=o("el-alert");return i(),c("div",Fn,[s("div",Bn,[n(d,{src:"https://cdn.acedata.cloud/qpbbbb.jpg",class:"avatar"})]),s("div",qn,[s("div",Hn,[y(a(e.$t("kling.name.klingBot"))+" ",1),s("span",Wn,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),s("div",Jn,[e.referenceImages.length>0?(i(),c("div",Qn,[(i(!0),c(T,null,I(e.referenceImages,(U,K)=>(i(),w(m,{key:K,url:U.url,name:U.name,closable:!1},null,8,["url","name"]))),128))])):$("",!0),e.modelValue?.request?.prompt?(i(),c("p",Yn,[y(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(i(),c("span",Xn," - ("+a(e.$t("kling.status.pending"))+") ",1)),e.modelValue?.response?.state==="submitted"||e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="completed"?(i(),c("span",Zn," - ("+a(e.$t("kling.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0?(i(),c("div",xn,[e.modelValue?.response.video_url?(i(),c("div",es,[n(u,{src:e.modelValue?.response.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(i(),c("div",ts,[n(h,{class:"box-item",effect:"dark",content:e.$t("kling.message.downloadVideo"),placement:"top-start"},{default:f(()=>[e.modelValue?.response.video_url?(i(),w(l,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=U=>e.onDownload(U,e.modelValue?.response.video_url))},{default:f(()=>[y(a(e.$t("kling.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),n(R,{closable:!1,class:"mt-2 success"},{default:f(()=>[s("p",os,[n(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+a(e.$t("kling.name.model"))+": "+a(e.modelValue?.request?.model),1)]),s("p",ns,[n(r,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+a(e.$t("kling.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),n(V,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(i(),c("div",ss,[n(R,{closable:!1,class:"failure"},{template:f(()=>[n(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),y(" "+a(e.$t("kling.name.failure")),1)]),default:f(()=>[s("p",is,[n(r,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+a(e.$t("kling.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),n(V,{content:e.modelValue?.id},null,8,["content"])]),s("p",ls,[n(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),y(" "+a(e.$t("kling.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),n(V,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(i(),c("p",as,[n(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+a(e.$t("kling.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),n(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(i(),c("div",rs,[n(R,{closable:!1,class:"info"},{template:f(()=>[n(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),y(" "+a(e.$t("kling.name.failure")),1)]),default:f(()=>[s("p",cs,[n(r,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+a(e.$t("kling.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),n(V,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(i(),c("p",ds,[n(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+a(e.$t("kling.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),n(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const ms=b(Nn,[["render",ps],["__scopeId","data-v-cddeff01"]]),us=k({name:"RecentPanel",components:{TaskPreview:ms,NoTasks:Le,BotPlaceholder:Me,ScrollList:ye},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),gs={key:0},fs={key:2,class:"w-full h-full flex items-center justify-center"};function _s(e,t,p,g,_,v){const d=o("bot-placeholder"),m=o("task-preview"),u=o("scroll-list"),l=o("no-tasks");return i(),c(T,null,[e.tasks?.items===void 0?(i(),c("div",gs,[n(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(i(),w(u,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:t[0]||(t[0]=h=>e.$emit("reach-top"))},{default:f(()=>[(i(!0),c(T,null,I(e.tasks?.items,h=>(i(),w(m,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(i(),c("div",fs,[n(l)])):$("",!0)],64)}const hs=b(us,[["render",_s]]),se="https://webhook.acedata.cloud/kling",$s=k({name:"KlingIndex",components:{ConfigPanel:Bo,MotionPanel:Pn,TabSwitcher:zn,Layout:je,RecentPanel:hs},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===Y.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===Y.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},motionConfig(){return this.$store.state.kling.motionConfig},taskType(){return this.$store.state.kling.taskType||"videos"},tasks(){return this.$store.state.kling.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Ue({tasks: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("kling/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("kling/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},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:p,createdAtMax:g}=e||{};console.debug("limit",t,"createdAtMin",p,"createdAtMax",g),this.fetchingTasks=!0;try{await this.$store.dispatch("kling/getTasks",{limit:t,createdAtMin:p,createdAtMax:g})}finally{this.fetchingTasks=!1}},async onGenerate(){const{camera_control:e,...t}=this.config||{},p={...t,callback_url:se};e?.type&&(p.camera_control={type:e.type,...e.type==="simple"&&e.config?{config:Object.fromEntries(Object.entries(e.config).filter(([,_])=>_!=null))}:{}});const g=this.credential?.token;if(!g){console.error("no token specified");return}C.info(this.$t("kling.message.startingTask")),x.generate(p,{token:g}).then(()=>{C.success(this.$t("kling.message.startTaskSuccess"))}).catch(_=>{_?.response?.data?.error?.code===Z?C.error(this.$t("kling.message.usedUp")):C.error(this.$t("kling.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},async onTabChange(e){e!==this.taskType&&(await this.$store.dispatch("kling/setTaskType",e),await this.onGetTasks(),await this.onScrollDown())},async onGenerateMotion(){const e=this.motionConfig||{};if(!e.image_url||!e.video_url){C.warning(this.$t("kling.message.motionMissingInputs"));return}const t={image_url:e.image_url,video_url:e.video_url,character_orientation:e.character_orientation||"video",mode:e.mode||"std",keep_original_sound:e.keep_original_sound??"yes",...e.prompt?{prompt:e.prompt}:{},callback_url:se},p=this.credential?.token;if(!p){console.error("no token specified");return}C.info(this.$t("kling.message.startingTask")),x.motion(t,{token:p}).then(()=>{C.success(this.$t("kling.message.startTaskSuccess"))}).catch(g=>{g?.response?.data?.error?.code===Z?C.error(this.$t("kling.message.usedUp")):C.error(this.$t("kling.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function vs(e,t,p,g,_,v){const d=o("tab-switcher"),m=o("config-panel"),u=o("motion-panel"),l=o("recent-panel"),h=o("layout");return i(),w(h,null,{tabs:f(()=>[n(d,{"model-value":e.taskType,"onUpdate:modelValue":e.onTabChange},null,8,["model-value","onUpdate:modelValue"])]),config:f(()=>[e.taskType==="videos"?(i(),w(m,{key:0,onGenerate:e.onGenerate},null,8,["onGenerate"])):e.taskType==="motion"?(i(),w(u,{key:1,onGenerate:e.onGenerateMotion},null,8,["onGenerate"])):$("",!0)]),result:f(()=>[n(l,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const $i=b($s,[["render",vs]]);export{$i as default};