1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./CommonRouteTo-BOxOTc0E.js","./layout-shell-Dan5C4ZE.js","../layout-shell.ChxKN5UT.css","../CommonRouteTo.CYpLVG8C.css"])))=>i.map(i=>d[i]); 2import{b as e,p as a}from"./dl-DXd3PT4h.js";import{u as t,n as l,c as r,a as o,b as i}from"./index-LrIe5ODw.js";import{A as s,d as n,s as c,y as u,c as d,o as p,n as k,u as v,b as g,bF as m,w as x,F as f,B as y,g as b,t as h,a as w,e as K,_ as C,I as M,v as S,x as W,aH as _,i as T,f as $,aa as L,bG as I,bH as j,k as V,a8 as z,r as R,H as E,X as P,bI as A,bJ as B,bK as U,aA as N,ak as F,aW as H,M as O,Q as G,bL as q,bM as D,bN as J,bO as Q,J as X,a0 as Z,a1 as Y,a2 as ee,a3 as ae,ai as te,bP as le,bQ as re,aj as oe}from"./layout-shell-Dan5C4ZE.js";/* empty css */import{C as ie,u as se}from"./tool-k8Tcu_SN.js";import{u as ne,a as ce,c as ue,f as de,g as pe}from"./pod-C1qb1h6B.js";import{I as ke}from"./index-NIsuzBbF.js";import{P as ve}from"./PlayModel--NKTmjmW.js";/* empty css */import"./el-tooltip-l0sNRNKZ.js";/* empty css */import"./CommonRouteTo-BOxOTc0E.js";import"./index-BQvQtL_N.js";import"./entry-B2X2WHUh.js";const ge={key:0,class:"w-full flex flex-col items-center justify-center overflow-hidden"},me=["data-text","data-progress"],xe={key:1},fe={class:"text-whitetext-xl min-h-[20px] flex items-center pl-[20px]"},ye={key:0},be={class:"text-whitetext-xl"},he=["data-text","data-progress"],we={key:1},Ke={class:"text-whitetext-xl min-h-[20px] flex items-center justify-end pr-[20px]"},Ce={key:0},Me={class:"text-whitetext-xl"},Se=["data-text","data-progress"],We={key:1},_e=C(s({__name:"lyric",setup(e,{expose:a}){const r=t(),o=n(()=>{const e=l(r.lyricStyle.fillColor,"#8882f5"),a=l(r.lyricStyle.activeColor,"#fff09a");return{color:a,backgroundImage:`linear-gradient(to right, ${e} 0%, ${e} 50%, ${a} 50%)`,fontSize:r.scale*r.lyricStyle.fontSize+"px",fontWeight:r.lyricStyle.bold?"bold":"normal",fontStyle:r.lyricStyle.italic?"italic":"normal",textTransform:r.lyricStyle.uppercase?"uppercase":"none"}}),i=n(()=>{const e=l(r.lyricStyle.inactiveLineColor,"#ffffff"),a=l(r.lyricStyle.inactiveOutlineColor,"#000000");return{color:e,fontSize:r.scale*r.lyricStyle.fontSize+"px",fontWeight:r.lyricStyle.bold?"bold":"normal",fontStyle:r.lyricStyle.italic?"italic":"normal",textTransform:r.lyricStyle.uppercase?"uppercase":"none",textShadow:`0px 0px 1px ${a}, 0px 0px 1px ${a}, 0px 0px 1px ${a}, 0px 0px 1px ${a}`}}),s=n(()=>r.output.segments||[]),C=n(()=>{const e=s.value||[];if(!e.length)return[];let a=T.value;a<0&&(a=0);const t=[],l=e[a-1],r=e[a],o=e[a+1];return l&&l.text&&t.push({type:"prev",text:l.text,key:"line-"+(a-1),index:a-1}),r&&r.text&&t.push({type:"current",text:r.text,key:`line-${a}`,index:a}),o&&o.text&&t.push({type:"next",text:o.text,key:`line-${a+1}`,index:a+1}),t});u(s,e=>{T.value>-1&&(T.value%2==0?(M.value=e[T.value],W.value=e[T.value],S.value=e[T.value+1]||{}):(M.value=e[T.value-1]||{},W.value=M.value,S.value=e[T.value]))});const M=c({}),S=c({}),W=c({}),_=c({}),T=c(-1),$=c(0),L=n(()=>-1===T.value?"none":T.value%2==0?"top":"bottom"),I=n(()=>{if(-1===T.value)return[];if(!M.value)return[];let e=M.value;if(e.words&&Array.isArray(e.words)&&e.words.length>0)return e.words.map(e=>({word:e.word,text:e.word,start:e.start,end:e.end}));if(!e.text)return[];let a=e.text.split(" "),t=(e.end-e.start)/a.length,l=[];for(let r=0;r<a.length;r++)l.push({text:a[r],word:a[r],start:e.start+t*r,end:e.start+t*(r+1),dist:t});return l}),j=n(()=>{if(-1===T.value)return[];if(!S.value)return[];let e=S.value;if(e.words&&Array.isArray(e.words)&&e.words.length>0)return e.words.map(e=>({word:e.word,text:e.word,start:e.start,end:e.end}));if(!e.text)return[];let a=e.text.split(" "),t=(e.end-e.start)/a.length,l=[];for(let r=0;r<a.length;r++)l.push({text:a[r],word:a[r],start:e.start+t*r,end:e.start+t*(r+1),dist:t});return l}),V=n(()=>{const e=s.value||[],a=T.value;return a<0||a>=e.length?null:e[a]}),z=n(()=>{if(!V.value||!V.value.text)return[];const e=V.value;if(e.words&&Array.isArray(e.words)&&e.words.length>0)return e.words.map(e=>({word:e.word,text:e.word,start:e.start,end:e.end}));if(!e.text)return[];const a=e.text.split(" "),t=(e.end-e.start)/a.length,l=[];for(let r=0;r<a.length;r++)l.push({text:a[r],word:a[r],start:e.start+t*r,end:e.start+t*(r+1),dist:t});return l});s.value&&s.value.length>0&&(M.value=s.value[0],S.value=s.value[1]||{});const R=(e,a,t)=>t<=e?1:t>=a||a<=e?0:(100-(t-e)/(a-e)*100)/100;return a({updateLyric:e=>{r.isShowTitle=e>r.titleStyle.start&&e<r.titleStyle.start+r.titleStyle.duration,$.value=e;let a=-1,t=s.value;for(let l=0;l<t.length;l++){let r=t[l].start,o=t[l].end;if(e<r)break;
2if(e>=r&&e<=o){a=l;break}a=l}if(a=a>t.length-1?t.length-1:a,T.value,T.value!==a){if(T.value=a,-1===a)return M.value={},void(S.value=t[0]);a%2==0?(W.value=t[a]||{},_.value=t[a+1]||{},M.value=W.value,S.value=_.value):(W.value=t[a+1]||{},_.value=t[a]||{},S.value=_.value,M.value=W.value)}}}),(e,a)=>{var t,l,s,n,c,u;return p(),d("div",{class:k(["w-full absolute left-0 my-[3%]",`lyric-${v(r).layout}`])},[2===v(r).alignment?(p(),d("div",ge,[g(m,{name:"lyric-scroll",tag:"div",class:"flex flex-col items-center space-y-1 animate-lyric-scroll relative w-full"},{default:x(()=>[(p(!0),d(f,null,y(v(C),e=>(p(),d("div",{key:e.key,class:"min-h-[20px] flex items-center justify-center px-[20px] w-full"},["current"===e.type?(p(!0),d(f,{key:0},y(v(z),(e,a)=>(p(),d("span",{key:a,class:"relative single-span","data-text":e.word||e.text,"data-progress":R(e.start,e.end,v($)),style:b({display:"inline-block",...v(o),"background-position-x":100*R(e.start,e.end,v($))+"%",backgroundSize:"200% 100%",backgroundClip:"text",transition:"background-position-x 200ms linear",willChange:"background-position","-webkit-text-fill-color":"transparent"})},h(e.word||e.text),13,me))),128)):(p(),d("div",{key:1,style:b(v(i)),class:"text-center whitespace-nowrap"},h(e.text),5))]))),128))]),_:1})])):(p(),d("div",xe,[w("div",fe,["top"===v(L)||(null==(t=v(W))?void 0:t.text)!==(null==(l=v(M))?void 0:l.text)?(p(),d("div",ye,[w("div",be,[(p(!0),d(f,null,y(v(I),(e,a)=>(p(),d("span",{key:a,class:"relative single-span","data-text":e.word||e.text,"data-
2progress":R(e.start,e.end,v($)),style:b({display:"inline-block",...v(o),"background-position-x":100*R(e.start,e.end,v($))+"%",backgroundSize:"200% 100%",backgroundClip:"text",transition:"background-position-x 200ms linear",willChange:"background-position","-webkit-text-fill-color":"transparent"})},h(e.word||e.text),13,he))),128))])])):"bottom"===v(L)?(p(),d("div",we,[w("div",{style:b(v(i))},h(null==(s=v(W))?void 0:s.text),5)])):K("",!0)]),w("div",Ke,["bottom"===v(L)||(null==(n=v(_))?void 0:n.text)!==(null==(c=v(S))?void 0:c.text)?(p(),d("div",Ce,[w("div",Me,[(p(!0),d(f,null,y(v(j),(e,a)=>(p(),d("span",{key:a,class:"relative single-span","data-text":e.word||e.text,"data-progress":R(e.start,e.end,v($)),style:b({display:"inline-block",...v(o),"background-position-x":100*R(e.start,e.end,v($))+"%",backgroundSize:"200% 100%",backgroundClip:"text",transition:"background-position-x 200ms linear",willChange:"background-position","-webkit-text-fill-color":"transparent"})},h(e.word||e.text),13,Se))),128))])])):(p(),d("div",We,[w("div",{style:b(v(i))},h(null==(u=v(_))?void 0:u.text),5)]))])]))],2)}}}),[["__scopeId","data-v-04b7cba6"]]),Te=C(s({__name:"title",setup(e){const a=t(),l=n(()=>({textAlign:"center",color:a.titleStyle.primaryColor,fontSize:a.scale*a.titleStyle.fontSize+"px",textShadow:`0px 0px 1px ${a.titleStyle.outlineColor}, 0px 0px 1px ${a.titleStyle.outlineColor}, 0px 0px 1px ${a.titleStyle.outlineColor}, 0px 0px 1px ${a.titleStyle.outlineColor}`,fontWeight:a.titleStyle.bold?"bold":"normal",fontStyle:a.titleStyle.italic?"italic":"normal",textTransform:a.titleStyle.uppercase?"uppercase":"none"}));return(e,t)=>v(a).isShowTitle?(p(),d("div",{key:0,class:k(["w-full pt-8 absolute left-0",`title-${v(a).titleLayout}`])},[w("div",{style:b(v(l))},h(v(a).titleStyle.title),5)],2)):K("",!0)}}),[["__scopeId","data-v-7dc70794"]]),$e=["src"],Le={class:"w-full h-full absolute left-0 top-0 overflow-hidden"},Ie={class:"flex items-center justify-between gap-2 z-10 relative px-2"},je={class:"flex items-center gap-2"},Ve={key:0},ze={key:1},Re={key:0},Ee={key:1},Pe={class:"min-w-[80px] text-sm"},Ae={class:"mt-2 w-full flex items-center px-6"},Be=["src"],Ue=C({__name:"videocomponent",setup(l,{expose:r}){const{$sendLog:o}=M(),i=t(),s=()=>{setTimeout(()=>{L.value=!1},1e3)},m=n(()=>"color"===i.background.status?"":"image"===i.background.status?i.background.image:i.background.video),x=c(null),f=c(null),y=c(null),K=c(!1),C=c(!1),_=c(0),T=c(0),$=c(!1),L=c(!1),I=c(i.audioSrc);function j(){var e,a;K.value?(f.value.pause(),"video"===i.background.status&&(null==(a=y.value)||a.pause()),K.value=!1):(f.value.play(),"video"===i.background.status&&(null==(e=y.value)||e.play()),K.value=!0),o("1814",{detail:"karaoke toggle play",playing:K.value,src:i.output.output})}function V(){C.value=!C.value,f.value.muted=C.value}function z(){f.value&&(_.value=f.value.currentTime,i.currentTime=_.value,x.value&&x.value.updateLyric(_.value))}function R(){y.value.currentTime=_.value||0}u(()=>i.audioSrc,e=>{if(!e)return;const a=K.value;if(I.value=e,_.value=0,f.value&&(f.value.currentTime=0,f.value.load()),y.value&&(y.value.currentTime=0),a&&f.value){const e=()=>{f.value.play().catch(e=>{})},a=()=>{"video"===i.background.status&&y.value&&y.value.play().catch(e=>{})};if(f.value.readyState>=2)e(),a();else{const t=()=>{e(),a(),f.value.removeEventListener("canplay",t)};f.value.addEventListener("canplay",t,{once:!0})}}},{deep:!0}),u(()=>i.seekTime,e=>{if(null!==e&&f.value){const a=e;f.value.currentTime=a,_.value=a,i.currentTime=a,"video"===i.background.status&&y.value&&(y.value.currentTime=a),x.value&&x.value.updateLyric(a),i.seekTime=null}});function E(){T.value=f.value.duration}function P(){K.value=!1}function A(){if("undefined"!=typeof window){if($.value)document.exitFullscreen();else{const e=f.value.parentElement;e.requestFullscreen&&e.requestFullscreen()}$.value=!$.value}}function B(e){return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}const U=c(null),N=c(0),F=c(0),H=n(()=>
2{if("16:9"===i.aspectRatio)return i.scale=F.value/1080,{width:N.value,height:F.value};if("9:16"===i.aspectRatio){let e=765,a=1;return window&&(e=window.innerHeight,N.value>e&&(a=e/N.value)),i.scale=F.value*a/1080,{width:F.value*a,height:N.value*a}}return"4:3"===i.aspectRatio?(i.scale=4*F.value/3/1024,{width:4*F.value/3,height:F.value}):{width:N.value,height:F.value}});let O=null;const G=()=>{O&&clearTimeout(O),O=setTimeout(()=>{const e=U.value;if(!e)return;const a=e.clientWidth;e.clientHeight,i.scale=a/1920,N.value=a,F.value=9*a/16},200)};return S(()=>{G(),window.addEventListener("resize",G),f.value&&(T.value=f.value.duration||0)}),W(()=>{window.removeEventListener("resize",G)}),r({togglePlay:j}),(t,l)=>(p(),d("div",{class:k(["karaoke-preview-shell text-white overflow-hidden","video"===v(i).background.status?"bg-black":""])},[w("div",{onMouseenterCapture:l[2]||(l[2]=e=>L.value=!0),onMouseleave:s,ref_key:"videoContainer",ref:U,class:"aspect-video relative flex justify-center"},[w("div",{class:"w-full relative h-full",style:b({width:v(H).width+"px",height:v(H).height+"px"})},[w("video",{ref_key:"videoRef",ref:y,onLoadedmetadata:R,class:"w-full h-full object-cover",src:v(m),muted:""},null,40,$e),w("div",{style:b({background:"color"===v(i).background.status?v(i).background.color:"image"===v(i).background.status?`url('${v(i).background.image}') center / cover no-repeat`:""}),class:k(["w-full h-full absolute top-0 left-0 overflow-hidden",{hidden:"video"===v(i).background.status}])},null,6),w("div",Le,[g(Te),g(_e,{ref_key:"lyricRef",ref:x},null,512)]),w("div",{onMouseenter:l[1]||(l[1]=e=>L.value=!0),class:k([{hidden:!v(L)},"absolute bottom-2 left-0 px-2 bg-black/50 backdrop-blur-sm rounded-lg shadow-2xl py-2"]),style:b({width:v(H).width+"px"})},[w("div",Ie,[w("div",je,[w("button",{onClick:j,class:"px-2 py-1 rounded hover:bg-white/10 transition sng-tes"},[v(K)?(p(),d("span",ze,[g(v(a))])):(p(),d("span",Ve,[g(v(e))]))]),w("button",{onClick:V,class:"px-2 py-1 rounded hover:bg-white/10 transition"},[v(C)?(p(),d("span",Ee,[...l[4]||(l[4]=[w("svg",{width:"25",height:"25",viewBox:"0 0 24 24"},[w("path",{d:"M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4
2-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z",fill:"var(--karaoke-button-text)"})],-1)])])):(p(),d("span",Re,[...l[3]||(l[3]=[w("svg",{width:"25",height:"25",viewBox:"0 0 24 24"},[w("path",{d:"M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z",fill:"var(--karaoke-button-text)"})],-1)])]))]),w("span",Pe,h(B(v(_)))+" / "+h(B(v(T))),1)]),w("button",{onClick:A,class:"px-2 py-1 rounded hover:bg-white/10 transition"}," ⶠ")]),w("div",Ae,[w("div",{class:"flex-1 h-[6px] bg-[color-mix(in_srgb,var(--karaoke-accent,var(--system-color))_18%,var(--karaoke-surface-border))] rounded-lg relative cursor-pointer w-[300px]",onClick:l[0]||(l[0]=e=>{const a=e.currentTarget.getBoundingClientRect(),t=(e.clientX-a.left)/a.width*v(T);_.value=t;const l=v(f);var r;l&&(l.currentTime=t),r=t,"video"===i.background.status&&y.value&&(y.value.currentTime=r)})},[w("div",{class:"h-[6px] bg-[var(--karaoke-accent)] rounded-lg transition-all",style:b({width:(v(_)/v(T)*100||0)+"%"})},null,4),w("div",{class:"absolute top-1/2 -translate-y-1/2",style:b([{left:(v(_)/v(T)*100||0)+"%"},{transform:"translate(-50%, -50%)"}])},[...l[5]||(l[5]=[w("div",{class:"w-4 h-4 bg-[var(--karaoke-accent)] rounded-full border-2 border-white dark:border-gray-800 shadow-md hover:scale-110 transition-transform"},null,-1)])],4)])])],38)],4)],544),w("audio",{class:"invisible",ref_key:"audioRef",ref:f,src:v(I),onTimeupdate:z,onLoadedmetadata:E,onEnded:P},null,40,Be)],2))}},[["__scopeId","data-v-64456e3e"]]),Ne=s({name:"KaraokeButton",props:{title:{type:String,default:""},color:{type:String,default:""},direction:{type:String,default:"horizontal"}},emits:["changeColor","click"],setup(e,{emit:a}){const t=()=>l(e.color,"#000000"),r=e=>{a("changeColor",l(e.target.value,t()))};return()=>g("div",{class:"flex gap-2 w-full overflow-hidden "+("horizontal"===e.direction?"flex-row items-center":"flex-col")},[e.title&&g("label",{class:"whitespace-nowrap"},[e.title]),g("div",{class:"flex max-w-[120px] w-full h-[36px]"},[g("input",{class:"border border-[color:var(--karaoke-input-border)] rounded-md focus:outline-none pl-2",style:{width:"calc(100% - 32px)",borderTopRightRadius:"0",borderBottomRightRadius:"0",borderRight:"none"},type:"text",name:"colorText",value:t(),onBlur:r},null),g("input",{class:"border border-[color:var(--karaoke-input-border)] rounded-md h-[36px] w-[36px] focus:outline-none",style:{borderTopLeftRadius:"0",borderBottomLeftRadius:"0",borderLeft:"none"},type:"color",name:"color",value:t(),onChange:r},null)])])}}),Fe={class:"w-full overflow-hidden"},He={class:"karaoke-tab-strip gap-2"},Oe=["onClick"],Ge={key:0,class:"w-full h-full pt-4"},qe={class:"p-4"},De={key:1,class:"w-full h-full pt-4"},Je={class:"mb-2"},Qe={class:"grid gap-2 place-items-center pb-2",style:{"grid-template-columns":"repeat(auto-fit, minmax(100px, 1fr))"}},Xe=["onClick"],Ze=["src","alt"],Ye={key:0,class:"w-6 h-6 text-[color:var(--karaoke-accent)] rounded-full absolute bottom-2 right-2 flex items-center justify-center text-[12px]"},ea={key:2,class:"w-full h-full pt-4"},aa={class:"mb-2"},ta={class:"flex flex-wrap gap-2 pb-2 items-center pl-1"},la=["onClick"],ra=["src"],oa=["src"],ia={key:0,class:"w-6 h-6 text-[color:var(--karaoke-accent)] rounded-full absolute bottom-2 right-2 flex items-center justify-center text-[12px]"},sa=s({__name:"backgroud",props:{Alt:{default:"karaoke"}},setup(e){const{$sendLog:a}=M(),l=t(),r=n(()=>l.background.status),o=n(()=>l.aspectRatio.replace(":","/")),i=_("r2");0===l.imgList.length&&(l.imgList=[{id:1,url:`${i}/karaokPic/16x9.webp`},{id:2,url:`${i}/karaokPic/2.webp`},{id:3,url:`${i}/karaokPic/3.webp`},{id:4,url:`${i}/karaokPic/4.webp`},{id:5,url:`${i}/karaokPic/5.webp`},{id:6,url:`${i}/karaokPic/6.webp`},{id:7,url:`${i}/karaokPic/7.webp`},{id:8,url:`${i}/karaokPic/8.webp`},{id:9,url:`${i}/karaokPic/9.webp`}]);const s=n(()=>l.imgList),m=n(()=>l.videoList),x=n({get:()=>l.chooseVideoIndex,set:e=>{l.chooseVideoIndex=e}}),{t:C}=T(),S=n(()=>
2[{value:"color",label:C("WorkspaceKit.KaraokeMaker.generate.color")},{value:"image",label:C("WorkspaceKit.KaraokeMaker.generate.image")},{value:"video",label:C("WorkspaceKit.KaraokeMaker.generate.video")}]),W=c(l.background.status??"color"),I=n({get:()=>l.chooseImageIndex,set:e=>{l.chooseImageIndex=e}}),{uploadFile:j,fileProgress:V,isUploading:z,ossUrlSrc:R,showUploadError:E}=ne({up1Code:"1802",up2Code:"1803",up3Code:"1818"});u(R,e=>{e&&(l.background.image=e,l.imgList.unshift({id:l.imgList.length+1,url:e}),l.background.status="image",l.chooseImageIndex=0)});const{handleUpload:P}=ce("1809",[".jpg",".jpeg",".png",".webp"],j),A=n(()=>z.value?V.value+"%":C("WorkspaceKit.KaraokeMaker.generate.uploadImage")),{uploadFile:B,fileProgress:U,isUploading:N,ossUrlSrc:F,upLoadFileSource:H}=ne({up1Code:"1810",up2Code:"1811",up3Code:"1812"}),{handleUpload:O}=ce("1813",[".mp4",".webm"],B);if(u(F,e=>{if(e){l.background.video=e,l.background.status="video";const a=l.videoList.findIndex(a=>a.url===e);-1===a?(l.videoList.unshift({id:l.videoList.length+1,url:e}),l.chooseVideoIndex=0):l.chooseVideoIndex=a}}),"video"===r.value&&!F.value&&(F.value=l.background.video,l.background.video)){const e=l.background.video.split("/").pop()||"karaoke.mp4";H.value=new File([],e,{type:"video/mp4"})}const G=n(()=>N.value?U.value+"%":C("WorkspaceKit.KaraokeMaker.generate.uploadVideo")),q=e=>{l.background.status="color",l.background.color=e},D=()=>{l.background.status="color"};return(e,t)=>(p(),d(f,null,[w("div",Fe,[w("div",He,[(p(!0),d(f,null,y(v(S),e=>(p(),d("button",{key:e.value,type:"button",onClick:a=>{return t=e,W.value=t.value,void("color"===l.background.status?(l.chooseVideoIndex=-1,l.chooseImageIndex=-1):"image"===l.background.status?l.chooseVideoIndex=-1:"video"===l.background.status&&(l.chooseImageIndex=-1));var t},class:k(["karaoke-tab-btn flex-1 text-xs",v(W)===e.value?"is-active":""])},h(e.label),11,Oe))),128))]),"color"===v(W)?(p(),d("div",Ge,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.chooseColor")),1),w("div",qe,[g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.chooseBgColor"),color:v(l).background.color,onChangeColor:q},null,8,["title","color"])]),w("div",{onClick:L(D,["stop"]),class:"m-auto h-[200px]",style:b({backgroundColor:v(l).background.color,aspectRatio:v(o)})},null,4)])):K("",!0),"image"===v(W)?(p(),d("div",De,[w("div",Je,h(e.$t("WorkspaceKit.KaraokeMaker.generate.weSupport1",{a:".jpg, .png ",b:".webp",c:"50MB"})),1),w("div",Qe,[w("button",{type:"button",class:"border-2 border-[color:var(--karaoke-accent-border)] hover:border-[color:var(--karaoke-accent)] bg-[var(--karaoke-accent-soft)] px-1 py-2 rounded-lg text-center text-xs h-[53px] text-[--system-color] dark:text-gray-300 transition-colors w-[100px]",onClick:t[0]||(t[0]=(...e)=>v(P)&&v(P)(...e))},h(v(A)),1),(p(!0),d(f,null,y(v(s),(a,t)=>(p(),d("div",{key:a.id,class:k(["aspect-video w-[100px] rounded-[4px] overflow-hidden relative cursor-pointer bg-gray-200 transition-all duration-200",v(I)===t?"border border-transparent ring-0 shadow-[0_0_20px_8px_var(--karaoke-accent-shadow)]":"border border-transparent hover:shadow-[0_0_14px_7px_var(--karaoke-accent-shadow)]"]),onClick:e=>(e=>{l.chooseImageIndex!==e?(l.chooseImageIndex=e,l.background.image=l.imgList[e].url,l.background.status="image",R.value=""):l.chooseImageIndex=-1})(Number(t))},[w("img",{src:a.url,loading:"lazy",alt:e.Alt,class:"w-full h-full object-cover"},null,8,Ze),v(I)===t?(p(),d("div",Ye," â
ï¸ ")):K("",!0)],10,Xe))),128))])])):K("",!0),"video"===v(W)?(p(),d("div",ea,[w("div",aa,h(e.$t("WorkspaceKit.KaraokeMaker.generate.weSupport2",{a:".mp4, ",b:".webm ",c:"500MB"})),1),w("div",ta,[w("button",{type:"button",class:"border-2 border-[color:var(--karaoke-accent-border)] hover:border-[color:var(--karaoke-accent)] bg-[var(--karaoke-accent-soft)] px-1 py-2 rounded-lg text-center text-xs h-[53px] text-[--system-color] dark:text-gray-300 transition-colors w-[100px] flex items-center justify-center",onClick:t[1]||(t[1]=(...e)=>v(O)&&v(O)(...e))},h(v(G)),1),(p(!0),d(f,null,y(v(m),(e,a)=>(p(),d("div",{key:e.id,class:k(["aspect-video w-[100px] rounded-[4px] overflow-hidden relative cursor-pointer bg-gray-200 transition-all duration-200 flex items-center justify-center",v(x)===a?"border border-transparent ring-0 shadow-[0_0_20px_8px_var(--karaoke-accent-shadow)]":"border border-transparent hover:shadow-[0_0_14px_7px_var(--karaoke-accent-shadow)]"]),onClick:e=>(e=>{if(l.chooseVideoIndex===e)return l.chooseVideoIndex=-1,l.background.video="",void(F.value="");l.chooseVideoIndex=e;const a=l.videoList[e].url;l.background.video=a,l.background.status="video",F.value=a})(Number(a))},[w("video",{src:e.url,muted:"",class:"w-full h-full object-cover"},[w("source",{src:e.url,type:"video/mp4"},null,8,oa)],8,ra),v(x)===a?(p(),d("div",ia," â
ï¸ ")):K("",!0)],10,la))),128))])])):K("",!0)]),v(E)?(p(),$(v(ie),{key:0,title:v(C)("Worksp
2aceKit.KaraokeMaker.generate.errors.uploadErrorTip.title"),contentList:[v(C)("WorkspaceKit.KaraokeMaker.generate.errors.uploadErrorTip.content1"),v(C)("WorkspaceKit.KaraokeMaker.generate.errors.uploadErrorTip.content2"),v(C)("WorkspaceKit.KaraokeMaker.generate.errors.uploadErrorTip.content3"),v(C)("WorkspaceKit.KaraokeMaker.generate.errors.uploadErrorTip.content4"),v(C)("WorkspaceKit.KaraokeMaker.generate.errors.uploadErrorTip.content5")],confirmText:v(C)("WorkspaceKit.KaraokeMaker.generate.errors.uploadErrorTip.confirmText"),onClosex:t[2]||(t[2]=e=>E.value=!1),onClose:t[3]||(t[3]=()=>{v(a)("4011",{detail:"upload failed"}),E.value=!1})},null,8,["title","contentList","confirmText"])):K("",!0)],64))}}),na={class:"flex flex-row flex-wrap gap-4 w-[152px]"},ca={class:"flex flex-row flex-wrap gap-2 mt-6"},ua={class:"flex flex-col gap-2"},da={class:"flex items-center my-2"},pa=["value"],ka={class:"flex flex-col gap-2"},va={class:"flex"},ga={class:"flex flex-col gap-2"},ma={class:"flex"},xa={class:"flex flex-col gap-2"},fa={class:"flex"},ya=s({__name:"fontStyle",setup(e){const a=t(),l=a.lyricStyle,r=(e,t)=>{a.lyricStyle[e]=t},o=e=>{const a=e.target;r("fontSize",parseInt(a.value))},i=e=>{a.lyricStyle[e]=!a.lyricStyle[e]};return(e,a)=>(p(),d("div",null,[w("div",na,[g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.fillColor"),direction:"vertical",color:v(l).fillColor,onChangeColor:a[0]||(a[0]=e=>r("fillColor",e))},null,8,["title","color"]),g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.activeLineColor"),direction:"vertical",color:v(l).activeColor,onChangeColor:a[1]||(a[1]=e=>r("activeColor",e))},null,8,["title","color"]),g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.activeOutlineColor"),direction:"vertical",color:v(l).activeOutlineColor,onChangeColor:a[2]||(a[2]=e=>r("activeOutlineColor",e))},null,8,["title","color"]),g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.inactiveLineColor"),direction:"vertical",color:v(l).inactiveLineColor,onChangeColor:a[3]||(a[3]=e=>r("inactiveLineColor",e))},null,8,["title","color"]),g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.inactiveOutlineColor"),direction:"vertical",color:v(l).inactiveOutlineColor,onChangeColor:a[4]||(a[4]=e=>r("inactiveOutlineColor",e))},null,8,["title","color"]),g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.shadowColor"),direction:"vertical",color:v(l).shadowColor,onChangeColor:a[5]||(a[5]=e=>r("shadowColor",e))},null,8,["title","color"])]),w("div",ca,[w("div",ua,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.fontSize")),1),w("div",da,[w("input",{class:"karaoke-field w-[100px]",type:"number",value:v(l).fontSize,onInput:o},null,40,pa)])]),w("div",ka,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.bold")),1),w("div",va,[w("div",{onClick:a[6]||(a[6]=e=>i("bold")),class:k([v(l).bold?"is-active":"","karaoke-toggle-btn my-2 w-12"])},[...a[9]||(a[9]=[w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-bold"},[w("path",{d:"M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8"})],-1)])],2)])]),w("div",ga,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.italic")),1),w("div",ma,[w("div",{onClick:a[7]||(a[7]=e=>i("italic")),class:k([v(l).italic?"is-active":"","karaoke-toggle-btn my-2 w-12"])},[...a[10]||(a[10]=[w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-italic"},[w("line",{x1:"19",x2:"10",y1:"4",y2:"4"}),w("line",{x1:"14",x2:"5",y1:"20",y2:"20"}),w("line",{x1:"15",x2:"9",y1:"4",y2:"20"})],-1)])],2)])]),w("div",xa,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.uppercase")),1),w("div",fa,[w("div",{onClick:a[8]||(a[8]=e=>i("uppercase")),class:k([v(l).uppercase?"is-active":"","karaoke-toggle-btn my-2 w-12"])},[...a[11]||(a[11]=[w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-case-upper"},[w("path",{d:"m3 15 4-8 4 8"}),w("path",{d:"M4 13h6"}),w("path",{d:"M15 11h4.5a2 2 0 0 1 0 4H15V7h4a2 2 0 0 1 0 4"})],-1)])],2)])])]),a[12]||(a[12]=w("div",null,null,-1))]))}}),ba={class:"flex flex-col gap-2"},ha={class:"flex items-center my-2"},wa=["value","placeholder"],Ka={class:"flex flex-row flex-wrap gap-4 w-[152px]"},Ca={class:"flex flex-row flex-wrap gap-2 mt-6"},Ma={class:"flex flex-col gap-2"},Sa={class:"flex items-center my-2"},Wa=["value"],_a={class:"flex flex-col gap-2"},Ta={class:"flex"},$a={class:"flex flex-col gap-2"},La={class:"flex"},Ia={class:"flex flex-col gap-2"},ja={class:"flex"},Va={class:"flex flex-row flex-wrap gap-2 mt-6"},za={class:"flex flex-col gap-2"},Ra={class:"flex items-center my-2"},Ea=["value"],Pa={class:"flex flex-col gap-2"},Aa={class:"flex items-center my-2"},Ba=["value"],Ua=s({__name:"titleStyle",setup(e){const{t:a}=T(),l=t(),r=l.titleStyle;u(()=>[l.titleStyle.start,l.titleStyle.duration],([e,a])=>{l.isShowTitle=l.currentTime>=e&&l.currentTime<=e+a});const o=(e,a)=>{l.titleStyle[e]=a},i=(e,a)=>{const t=a.target;l.titleStyle[e]=parseInt(t.value)},s=e=>{l.titleStyle[e]=!l.titleStyle[e]};return(e,t)=>{const n=j,c=I;return p(),d("div",null,[w("div",ba,[w("div",ha,[w("input",{maxlength:"50",type:"text",class:"karaoke-field w-full",value:v(r).title,placeholder:e.$t("WorkspaceKit.KaraokeMaker.generate.pleaseEnterATitle"),onInput:t[0]||(t[0]=e=>((e,a)=>{const t=a.target;l.titleStyle[e]=t.value})("title",e))},null,40,wa)])]),w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.position")),1),w("div",null,[g(c,{modelValue:v(l).titleLayout,"onUpdate:modelValue":t[1]||(t[1]=e=>v(l).titleLayout=e)},{default:x(()=>[g(n,{value:1},{default:x(()=>
2[V(h(v(a)("WorkspaceKit.KaraokeMaker.generate.top")),1)]),_:1}),g(n,{value:2},{default:x(()=>[V(h(v(a)("WorkspaceKit.KaraokeMaker.generate.center")),1)]),_:1}),g(n,{value:3},{default:x(()=>[V(h(v(a)("WorkspaceKit.KaraokeMaker.generate.bottom")),1)]),_:1})]),_:1},8,["modelValue"])]),w("div",Ka,[g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.primaryColor"),direction:"vertical",color:v(r).primaryColor,onChangeColor:t[2]||(t[2]=e=>o("primaryColor",e))},null,8,["title","color"]),g(v(Ne),{title:e.$t("WorkspaceKit.KaraokeMaker.generate.outlineColor"),direction:"vertical",color:v(r).outlineColor,onChangeColor:t[3]||(t[3]=e=>o("outlineColor",e))},null,8,["title","color"])]),w("div",Ca,[w("div",Ma,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.fontSize")),1),w("div",Sa,[w("input",{class:"karaoke-field w-[100px]",type:"number",value:v(r).fontSize,onInput:t[4]||(t[4]=e=>i("fontSize",e))},null,40,Wa)])]),w("div",_a,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.bold")),1),w("div",Ta,[w("div",{onClick:t[5]||(t[5]=e=>s("bold")),class:k([v(r).bold?"is-active":"","karaoke-toggle-btn my-2 w-12"])},[...t[10]||(t[10]=[w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-bold"},[w("path",{d:"M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8"})],-1)])],2)])]),w("div",$a,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.italic")),1),w("div",La,[w("div",{onClick:t[6]||(t[6]=e=>s("italic")),class:k([v(r).italic?"is-active":"","karaoke-toggle-btn my-2 w-12"])},[...t[11]||(t[11]=[w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-italic"},[w("line",{x1:"19",x2:"10",y1:"4",y2:"4"}),w("line",{x1:"14",x2:"5",y1:"20",y2:"20"}),w("line",{x1:"15",x2:"9",y1:"4",y2:"20"})],-1)])],2)])]),w("div",Ia,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.uppercase")),1),w("div",ja,[w("div",{onClick:t[7]||(t[7]=e=>s("uppercase")),class:k([v(r).uppercase?"is-active":"","karaoke-toggle-btn my-2 w-12"])},[...t[12]||(t[12]=[w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-case-upper"},[w("path",{d:"m3 15 4-8 4 8"}),w("path",{d:"M4 13h6"}),w("path",{d:"M15 11h4.5a2 2 0 0 1 0 4H15V7h4a2 2 0 0 1 0 4"})],-1)])],2)])])]),w("div",Va,[w("div",za,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.start")),1),w("div",Ra,[w("input",{class:"karaoke-field w-[100px]",type:"number",value:v(r).start,onInput:t[8]||(t[8]=e=>i("start",e))},null,40,Ea)])]),w("div",Pa,[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.duration")),1),w("div",Aa,[w("input",{class:"karaoke-field w-[100px]",type:"number",value:v(r).duration,onInput:t[9]||(t[9]=e=>i("duration",e))},null,40,Ba)])])])])}}}),Na={class:"text-sm text-[color:var(--karaoke-muted-text)] dark:text-gray-400 mb-2"},Fa={class:"karaoke-tab-strip mb-8"},Ha=["onClick"],Oa={key:0},Ga={key:1},qa={key:0},Da={class:"karaoke-track-label-row"},Ja={class:"karaoke-track-label"},Qa={key:0,class:"karaoke-lossless-badge"},Xa={class:"w-full flex items-center justify-between"},Za=["onClick"],Ya={key:1},et={class:"karaoke-track-label-row"},at={class:"karaoke-track-label"},tt={key:0,class:"karaoke-lossless-badge"},lt={class:"w-full flex items-center justify-between"},rt=["onClick"],ot=C(s({__name:"tracks",setup(e){const{rightIcon:a}=ke,{t:l}=T(),r=c(!1),o=t(),i=n(()=>[{value:"karaoke",label:l("WorkspaceKit.KaraokeMaker.generate.karaoke")},{value:"original",label:l("WorkspaceKit.KaraokeMaker.generate.original")}]),s=n(()=>[{value:"instrumental",audioSrc:o.output.output[0],label:l("WorkspaceKit.KaraokeMaker.generate.instrumental")},{value:"vocals",audioSrc:o.output.output[1],label:l("WorkspaceKit.KaraokeMaker.generate.vocals")}]),u=n(()=>[{value:"original",audioSrc:o.output.input,label:l("WorkspaceKit.KaraokeMaker.generate.original")}]),m=e=>{o.activeTrack=e.value,o.audioSrc=e.audioSrc};return(e,t)=>(p(),d("div",null,[w("div",Na,h(e.$t("WorkspaceKit.KaraokeMaker.generate.tracksTip")),1),w("div",Fa,[(p(!0),d(f,null,y(v(i),e=>(p(),d("button",{key:e.value,type:"button",onClick:a=>(e=>{o.selectedTrack=e.value,r.value=!0,setTimeout(()=>{r.value=!1},2e3)})(e),class:k(["karaoke-tab-btn flex-1 text-xs",v(o).selectedTrack===e.value?"is-active":""])},h(e.label),11,Ha))),128))]),v(r)?(p(),d("div",Oa,[(p(),d(f,null,y(2,e=>w("div",{key:e,class:"karaoke-track-card flex relative mb-8 last:mb-0"},[...t[0]||(t[0]=[z('<div class="absolute left-4 top-[-14px] flex items-center" data-v-4480379b><div class="text-sm text-gray-700 mr-2 px-1 rounded-full h-5 w-20 animate-pulse" data-v-4480379b></div></div><div class="w-full flex items-center justify-between" data-v-4480379b><div class="karaoke-play-row max-sm:gap-2" data-v-4480379b><div class="h-8 w-8 rounded-full bg-gray-200 animate-pulse" data-v-4480379b></div><div class="flex-1 h-4 bg-gray-200 rounded animate-pulse" data-v-4480379b></div></div><div class="border border-[color:var(--karaoke-accent-border)] rounded-full h-[30px] w-[30px] flex items-center justify-center ml-4" data-v-4480379b><div class="h-5 w-5 rounded-full bg-gray-200 animate-pulse" data-v-4480379b></div></div></div>',2)])])),64))])):(p(),d("div",Ga,["karaoke"===v(o).selectedTrack?(p(),d("div",qa,[(p(!0),d(f,null,y(v(s),t=>(p(),d("div",{key:t.value,class:"karaoke-track-card flex relative mb-8 last:mb-0"},[w("div",Da,[w("div",Ja,h(t.label),1),"instrumental"===t.value?(p(),d("div",Qa,h(e.$t("WorkspaceKit.KaraokeMaker.generate.lossless")),1)):K("",!0)]),w("div",Xa,[g(ve,{"audio-src":t.audioSrc,"play-icon-type":2,controls:!1,"play-icon-class":v(o).activeTrack===t.value?"karaoke-play-row is-active max-sm:gap-2":"karaoke-play-row max-sm:gap-2","icon-class":"text-[--system-color]"},{extra:x(()=>[w("div",{onClick:L(e=>m(t),["stop"]),class:k(["border border-[color:var(--karaoke-accent-border)] rounded-full h-[30px] w-[30px] flex items-center justify-center cursor-pointer transition-all duration-300",v(o).activeTrack===t.value?"border-[--system-color] shadow-md shadow-[--system-color]/50":""]),style:b(v(o).activeTrack===t.value?{boxShadow:"0 0 8px var(--karaoke-accent-shadow), 0 0 20px var(--karaoke-accent-shadow)"}:"")},[g(v(a),{width:25,height:25,class:k(["hover:text-[--system-color] transition-colors",v(o).activeTrack===t.value?"text-[--system-color]":"text-white"])},null,8,["class"])],14,Za)]),_:2},1032,["audio-src","play-icon-class"])])]))),128))])):"original"===v(o).selectedTrack?(p(),d("div",Ya,[(p(!0),d(f,null,y(v(u),t=>(p(),d("div",{key:t.value,class:"karaoke-track-card flex relative mb-8 last:mb-0"},[w("div",et,[w("div",at,h(t.label),1),"instrumental"===t.value?(p(),d("div",tt,h(e.$t("WorkspaceKit.KaraokeMaker.generate.lossless")),1)):K("",!0)]),w("div",lt,[g(ve,{"audio-src":t.audioSrc,"play-icon-type":2,controls:!1,"play-icon-class":v(o).activeTrack===t.value?"karaoke-play-row is-active max-sm:gap-2":"karaoke-play-row max-sm:gap-2","icon-class":"text-[--system-color]"},{extra:x(()=>[w("div",{onClick:L(e=>m(t),["stop"]),class:k(["border border-[color:var(--karaoke-accent-border)] rounded-full h-[30px] w-[30px] flex items-center justify-center cursor-pointer transition-all duration-300",v(o).activeTrack===t.value?"border-[--system-color] shadow-md shadow-[--system-color]/50":""]),style:b(v(o).activeTrack===t.value?{boxShadow:"0 0 8px var(--karaoke-accent-shadow), 0 0 20px var(--karaoke-accent-shadow)"}:"")},[g(v(a),{width:25,height:25,class:k(["hover:text-[--system-color] transition-colors",v(o).activeTrack===t.value?"text-[--system-color]":"text-white"])},null,8,["class"])],14,rt)]),_:2},1032,["audio-src","play-icon-class"])])]))),128))])):K("",!0)]))]))}}),[["__scopeId","data-v-4480379b"]]),it={key:0},st={class:"flex text-xs mb-2"}
2,nt={class:"karaoke-chip w-14 h-5 mr-2"},ct={class:"karaoke-chip w-16 h-5 mr-2"},ut={class:"flex mt-1"},dt={class:"karaoke-chip w-9 h-5 mr-2 hover:text-[var(--karaoke-accent)]"},pt={class:"w-14 h-5 flex justify-center items-center bg-[--system-color] text-white rounded-md mr-2"},kt={key:0,class:"flex items-center flex-1 relative"},vt=["onClick"],gt=["onClick"],mt={class:"relative inline-block ml-2"},xt=["onClick"],ft=["onClick"],yt=["onClick","disabled"],bt=["onClick"],ht=["onClick"],wt=["onClick"],Kt={key:1,class:"text-center text-gray-600 dark:text-gray-400 py-20"},Ct={key:0,class:"lyrics-dialog"},Mt={class:"karaoke-dialog-actions"},St=["disabled"],Wt={key:1},_t={class:"flex items-center mt-2"},Tt={key:0,disabled:!0,class:"karaoke-dialog-icon-button karaoke-dialog-button--primary"},$t={key:2},Lt={class:"keyPoint relative bg-[--system-color] text-white pl-4 py-4"},It={class:"karaoke-dialog-actions"},jt=C(s({__name:"lyrics",setup(e){const{editIcon:a,splitIcon:l,mergeIcon:r,addIcon:o,closeIcon:i}=ke,{t:s}=T(),m=t(),C=c([]),M=c(!1),_=c(null),I=c(new Map),j=c(new Map),z=c(new Map),J=c(new Map),Q=c(new Map),X=c([]),Z=c(null),Y=c(!1),ee=c(s("WorkspaceKit.KaraokeMaker.generate.editLyricDialogTitle")),ae=c("edit"),te=c(""),le=c(""),re=c([]),oe=c([]),ie=c(0),se=c(0),ne=c(0),ce=c([]),ue=c(!1),de=n(()=>M.value?"99vw":"edit"===ae.value?"630px":"600px"),pe=n(()=>(re.value.length?re.value[re.value.length-1].end:0)<ie.value),ve=()=>{m.output.segments=C.value.map(e=>{const{splitStatus:a,...t}=e;return t.words&&Array.isArray(t.words)&&(t.text=t.words.map(e=>e.word).join("")),t})},ge=e=>{e&&e.segments?C.value=e.segments.map(e=>({...e,splitStatus:!1,words:e.words||(e.text?[{word:e.text,start:e.start,end:e.end}]:[])}))||[]:C.value=[]},me=e=>{if("number"!=typeof e||isNaN(e))return"0:00";const a=Math.floor(Number(e)||0);return`${Math.floor(a/60)}:${String(a%60).padStart(2,"0")}`},xe=(e,a)=>{e&&e instanceof HTMLElement&&(X.value[a]=e)},fe=e=>{const a=z.value.get(e),t=j.value.get(e);if(!a||!t)return;const l=a.getBoundingClientRect(),r=t.offsetWidth||200,o=t.offsetHeight||0,i=window.innerWidth,s=l.right+r+8,n=l.left-r-8,c=l.top+l.height/2-o/2;s>i&&n>=0?(J.value.set(e,"left"),Q.value.set(e,{top:`${c}px`,right:i-l.left+8+"px"})):(J.value.set(e,"right"),Q.value.set(e,{top:`${c}px`,left:`${l.right+8}px`}))},ye=e=>Q.value.get(e)||{},be=(e,a,t)=>{switch(ne.value=a,e){case"split":he(a,t);break;case"merge":Ke(a);break;case"edit":Se(a,t);break;case"remove":Te(a,t);break;case"add":Le(a)}_.value=null},he=(e,a)=>{a.splitStatus=!0},we=(e,a)=>[e.slice(0,a+1),e.slice(a+1)],Ke=(e,a)=>{var t;const l=C.value[e],r=C.value[e-1],o={start:r.start,end:l.end,text:r.text+l.text,words:[...r.words||[],...l.words||[]],splitStatus:!1};C.value.splice(e-1,2,o),oe.value=(null==(t=C.value)?void 0:t.length)?C.value.map(e=>({...e})):[],ve()},Ce=(e,a)=>{const t=re.value,l=t[e];if(!l)return;const r=oe.value,o=r[e]||{},i=Number(l.start)||0,n=Number(l.end)||0;let c="";if(n<i&&(c=s("WorkspaceKit.KaraokeMaker.generate.timeValidTip")),!c&&i<se.value&&(c=s("WorkspaceKit.KaraokeMaker.generate.timeValidTip5")),!c&&e>0){const a=t[e-1],l=a||r[e-1];if(l){(a?Number(a.end)||0:l.end)>i&&(c=s("WorkspaceKit.KaraokeMaker.generate.timeValidTip2"))}}if(!c&&e<=t.length-1){const a=t[e+1],l=a;if(l){n>(a?Number(a.start)||0:l.start)&&(c=s("WorkspaceKit.KaraokeMaker.generate.timeValidTip3"))}else n>ie.value&&(c=s("WorkspaceKit.KaraokeMaker.generate.timeValidTip4"))}if(c)return"start"in o&&(l.start=o.start),"end"in o&&(l.end=o.end),void G({message:c,zIndex:9999,offset:20});r[e]={...l,start:i,end:n}},Me=(e,a)=>Number((e+(a-e)/2).toFixed(3)),Se=(e,a)=>{var t,l;Y.value=!0,ae.value="edit",re.value=(null==(t=a.words)?void 0:t.length)?a.words.map(e=>({...e,start:e.start||0,end:e.end||0})):[],oe.value=(null==(l=re.value)?void 0:l.length)?re.value.map(e=>({...e,start:e.start||0,end:e.end||0})):[],ne.value<C.value.length-1?ie.value=C.value[ne.value+1].start:ie.value=C.value[ne.value].end,ne.value>0?se.value=C.value[ne.value-1].end:se.value=C.value[ne.value].start},We=()=>{var e;
2if(0===re.value.length)return void G(s("WorkspaceKit.KaraokeMaker.generate.message.noLyrics"));ce.value=[];let a=!1;if(re.value.forEach((e,t)=>{e.word&&String(e.word).trim()||(ce.value.push(t),a=!0)}),a)return G(s("WorkspaceKit.KaraokeMaker.generate.message.wordRequired")||"Word value cannot be empty"),void O(()=>{const e=ce.value[0];if(void 0!==e&&Z.value){const a=Z.value.$el.querySelectorAll(".el-table__row");a[e]&&a[e].scrollIntoView({behavior:"smooth",block:"center"})}});C.value[ne.value].words=re.value,C.value[ne.value].text=re.value.map(e=>e.word).join(""),re.value.length>0&&(C.value[ne.value].start=re.value[0].start,C.value[ne.value].end=re.value[re.value.length-1].end),oe.value=(null==(e=re.value)?void 0:e.length)?re.value.map(e=>({...e})):[],ve(),je()},_e=()=>{var e;re.value.push({start:re.value.length?re.value[re.value.length-1].end:se.value,end:ie.value,word:re.value.length?"":C.value[ne.value].text}),oe.value=(null==(e=re.value)?void 0:e.length)?re.value.map(e=>({...e})):[],O(()=>{var e;const a=null==(e=Z.value)?void 0:e.$el;if(!a)return;const t=a.querySelector(".el-scrollbar__wrap");t&&(t.scrollTop=t.scrollHeight)})},Te=async(e,a)=>{ee.value=s("WorkspaceKit.KaraokeMaker.generate.removeLyricTip"),Y.value=!0,ae.value="remove",te.value=a.text},$e=()=>{C.value.splice(ne.value,1),ve(),je()},Le=(e,a)=>{if(C.value.length===ne.value+1)return void G(s("WorkspaceKit.KaraokeMaker.generate.addLyricError"));const t=C.value[ne.value],l=C.value[ne.value+1];
2(l?l.start-t.end:0)<2?G(s("WorkspaceKit.KaraokeMaker.generate.addLyricError")):(ee.value=s("WorkspaceKit.KaraokeMaker.generate.addLyricDialogTitle"),Y.value=!0,ae.value="add",ne.value=e)},Ie=()=>{var e;if(0===le.value.trim().length)return;const a=C.value[ne.value],t=C.value[ne.value+1],l=a.end,r=t.start,o=le.value.trim(),i={start:l,end:r,text:o,words:o?[{word:o,start:l,end:r}]:[],splitStatus:!1};C.value.splice(ne.value+1,0,i),oe.value=(null==(e=re.value)?void 0:e.length)?re.value.map(e=>({...e})):[],ve(),je()},je=()=>{Y.value=!1,O(()=>{te.value="",ne.value=0,le.value="",ce.value=[]})},Ve=e=>{if(null===_.value)return;const a=j.value.get(_.value),t=I.value.get(_.value),l=z.value.get(_.value);a&&!a.contains(e.target)&&t&&!t.contains(e.target)&&l&&!l.contains(e.target)&&(_.value=null)},ze=()=>{"undefined"!=typeof window&&(M.value=window.innerWidth<640)};u(()=>m.output,e=>{e&&e.segments&&ge(e)},{deep:!0}),u(()=>m.currentTime,e=>{if(!C.value||0===C.value.length)return m.currentPlayingIndex=-1,void(m.currentPlayingWord=null);let a=-1,t=-1;for(let l=0;l<C.value.length;l++){const r=C.value[l];if(e>=r.start&&e<r.end){if(a=l,r.words&&Array.isArray(r.words)){for(let a=0;a<r.words.length;a++){const l=r.words[a];if(e>=l.start&&e<l.end){t=a;break}}if(-1===t&&r.words.length>0){let a=0,l=Math.abs(e-r.words[0].start);for(let t=1;t<r.words.length;t++){const o=Math.abs(e-r.words[t].start);o<l&&(l=o,a=t)}t=a}}break}if(e<r.start)break;(l===C.value.length-1||e<C.value[l+1].start)&&(a=l,r.words&&Array.isArray(r.words)&&r.words.length>0&&(t=r.words.length-1))}if(m.currentPlayingIndex=a,m.currentPlayingWord=a>=0&&t>=0?{lineIndex:a,wordIndex:t}:null,!ue.value&&a>=0&&I.value.has(a)){const e=I.value.get(a);e&&e.scrollIntoView({behavior:"smooth",block:"center"})}});const Re=(e,a)=>{a&&"number"==typeof a.start&&(_.value===e&&(_.value=null),m.seekTime=a.start)};return S(()=>{m.output&&m.output.segments?ge(m.output):C.value=[],document.addEventListener("click",Ve),ze(),window.addEventListener("resize",ze)}),W(()=>{document.removeEventListener("click",Ve),window.removeEventListener("resize",ze)}),(e,t)=>{const n=U,c=B,u=N,M=F,S=A,W=E;return p(),d("div",null,[v(C).length>0?(p(),d("div",it,[w("div",st,[t[5]||(t[5]=w("div",{class:"karaoke-c
2hip w-9 h-5 mr-2"}," # ",-1)),w("div",nt,h(v(s)("WorkspaceKit.KaraokeMaker.generate.time")),1),w("div",ct,h(v(s)("WorkspaceKit.KaraokeMaker.generate.lyric")),1)]),w("div",{class:k(["max-sm:pb-20 h-96 overflow-y-auto custom-scrollbar","9:16"===v(m).aspectRatio?"h-[510px]":""]),onMouseenter:t[1]||(t[1]=e=>ue.value=!0),onMouseleave:t[2]||(t[2]=e=>ue.value=!1)},[(p(!0),d(f,null,y(v(C),(e,n)=>(p(),d("div",{key:e.start+e.end,class:"flex mb-2 text-xs relative group",ref_for:!0,ref:e=>((e,a)=>{e&&e instanceof HTMLElement?I.value.set(a,e):I.value.delete(a)})(e,n)},[w("div",ut,[w("div",dt,h(n+1),1),w("div",pt,h(me(e.start)),1)]),e.words.length?(p(),d("div",kt,[e.splitStatus?(p(),d("div",{key:0,ref_for:!0,ref:e=>xe(e,n),class:"inline-flex items-center flex-wrap gap-1"},[(p(!0),d(f,null,y(e.words,(a,t)=>{var r,o;return p(),d(f,{key:t},[w("span",{onClick:L(e=>Re(n,a),["stop"]),class:k(["transition-all duration-200 cursor-pointer",{"text-[--system-color]":(null==(r=v(m).currentPlayingWord)?void 0:r.lineIndex)===n&&(null==(o=v(m).currentPlayingWord)?void 0:o.wordIndex)===t}])},h(a.word),11,vt),Number(t)<e.words.length-1?(p(),$(R(v(l)),{key:0,width:16,height:16,class:"inline-block align-middle ml-1 cursor-pointer optionIcon text-[--system-color]",onClick:L(a=>((e,a,t)=>{const l=we(t.words,a),r={start:t.start,end:Me(t.start,t.end),text:l[0].map(e=>e.word).join(""),words:l[0],splitStatus:!1},o={start:Me(t.start,t.end),end:t.end,text:l[1].map(e=>e.word).join(""),words:l[1],splitStatus:!1};C.value.splice(e,1,r,o),C.value[e].splitStatus=!1,ve()})(n,Number(t),e),["stop"])},null,8,["onClick"])):K("",!0)],64)}),128))],512)):(p(),d("div",{key:1,ref_for:!0,ref:e=>xe(e,n),class:"inline-flex items-center flex-wrap gap-1"},[(p(!0),d(f,null,y(e.words,(e,a)=>{var t,l;return p(),d("div",{key:e.start+e.end,onClick:L(a=>Re(n,e),["stop"])},[w("span",{class:k(["transition-all duration-200 cursor-pointer",{"text-[--system-color]":(null==(t=v(m).currentPlayingWord)?void 0:t.lineIndex)===n&&(null==(l=v(m).currentPlayingWord)?void 0:l.wordIndex)===a}])},h(e.word),3)],8,gt)}),128))],512)),w("div",mt,[w("button",{onClick:L(e=>(e=>{_.value===e?_.value=null:(_.value=e,O(()=>{fe(e)}))})(n),["stop"]),ref_for:!0,ref:e=>((e,a)=>{e&&e instanceof HTMLElement?z.value.set(a,e):z.value.delete(a)})(e,n),class:k(["opacity-0 group-hover:opacity-100 transition-opacity duration-200 p-1 hover:bg-gray-200 dark:hover:bg-gray-700 rounded",{"opacity-100":v(_)===n}])},[g(v(a))],10,xt),v(_)===n?(p(),d("div",{key:0,ref_for:!0,ref:e=>((e,a)=>{e&&e instanceof HTMLElement?j.value.set(a,e):j.value.delete(a)})(e,n),class:k(["fixed z-50 rounded-lg shadow-lg py-2 min-w-[200px] context-menu"]),style:b(ye(n)),onClick:t[0]||(t[0]=L(()=>{},["stop"]))},[w("div",{class:k(["absolute top-1/2 -translate-y-1/2 z-10 w-0 h-0","left"===v(J).get(n)?"left-full -ml-1 border-l-[12px] border-t-[8px] border-b-[8px] border-t-transparent border-b-transparent border-l-white dark:border-l-gray-800":"right-full -mr-1 border-r-[12px] border-t-[8px] border-b-[8px] border-t-transparent border-b-transparent border-r-white dark:border-r-gray-800"])},null,2),w("button",{onClick:a=>be("split",n,e),class:"w-full px-2 py-2 text-left flex items-center gap-3 transition-colors menu-items max-sm:text-xs"},[g(v(l)),w("span",null,h(v(s)("WorkspaceKit.KaraokeMaker.generate.splitLine")),1)],8,ft),w("button",{onClick:a=>be("merge",n,e),disabled:0===n,class:k(["w-full px-2 py-2 text-left flex items-center gap-3 transition-colors disabled:cursor-not-allowed menu-items max-sm:text-xs",{"opacity-50":0===n}])},[g(v(r)),w("span",null,h(v(s)("WorkspaceKit.KaraokeMaker.generate.mergeWithPreviousLine")),1)],10,yt),w("button",{onClick:a=>be("edit",n,e),class:"w-full px-2 py-2 text-left flex items-center gap-3 transition-colors menu-items max-sm:text-xs"},[g(v(a)),w("span",null,h(v(s)("WorkspaceKit.KaraokeMaker.generate.editLineText")),1)],8,bt),w("button",{onClick:a=>be("remove",n,e),class:"w-full px-2 py-2 text-left flex items-center gap-3 transition-colors menu-items menu-items-danger max-sm:text-xs"},[g(v(i)),w("span",null,h(v(s)("WorkspaceKit.KaraokeMaker.generate.removeLine")),1)],8,ht),w("button",{onClick:a=>be("add",n,e),class:"w-full px-2 py-2 text-left flex items-center gap-3 transition-colors menu-items menu-items-success max-sm:text-xs"}
2,[g(v(o)),w("span",null,h(v(s)("WorkspaceKit.KaraokeMaker.generate.addNewLineBelow")),1)],8,wt)],4)):K("",!0)])])):K("",!0)]))),128))],34)])):(p(),d("div",Kt,h(v(s)("WorkspaceKit.KaraokeMaker.generate.noLyrics")),1)),g(W,{modelValue:v(Y),"onUpdate:modelValue":t[4]||(t[4]=e=>P(Y)?Y.value=e:null),onClose:je,title:v(ee),width:v(de),class:k(["karaoke-lyric-dialog","edit"===v(ae)?"h-[470px]":"h-[180px] max-sm:h-[220px]"]),"append-to-body":"","lock-scroll":!1,"close-on-click-modal":!1,"close-on-press-escape":!1,style:{marginTop:"50px"}},{default:x(()=>["edit"===v(ae)?(p(),d("div",Ct,[g(S,{data:v(re),style:{width:"100%"},height:350,ref_key:"tableRef",ref:Z},{default:x(()=>[g(c,{prop:"start",label:v(s)("WorkspaceKit.KaraokeMaker.generate.table.start"),width:"95"},{default:x(({row:e,$index:a})=>[g(n,{controls:!1,min:0,precision:3,modelValue:e.start,"onUpdate:modelValue":a=>e.start=a,modelModifiers:{trim:!0},size:"small",class:"search-input",style:{width:"70px"},onChange:e=>Ce(a)},null,8,["modelValue","onUpdate:modelValue","onChange"])]),_:1},8,["label"]),g(c,{prop:"end",label:v(s)("WorkspaceKit.KaraokeMaker.generate.table.end"),width:"95"},{default:x(({row:e,$index:a})=>[g(n,{controls:!1,min:0,precision:3,modelValue:e.end,"onUpdate:modelValue":a=>e.end=a,modelModifiers:{trim:!0},class:"search-input",size:"small",style:{width:"70px"},onChange:e=>Ce(a)},null,8,["modelValue","onUpdate:modelValue","onChange"])]),_:1},8,["label"]),g(c,{prop:"word",label:v(s)("WorkspaceKit.KaraokeMaker.generate.table.word")},{default:x(({row:e,$index:a})=>[g(u,{modelValue:e.word,"onUpdate:modelValue":a=>e.word=a,modelModifiers:{trim:!0},size:"small",class:k(["search-input",{"word-error":v(ce).includes(a)}]),onInput:e=>(e=>{const a=ce.value.indexOf(e);a>-1&&ce.value.splice(a,1)})(a)},null,8,["modelValue","onUpdate:modelValue","class","onInput"])]),_:1},8,["label"]),g(c,{label:v(s)("WorkspaceKit.KaraokeMaker.generate.table.action"),width:"120"},{default:x(({row:e,$index:a})=>[g(M,{link:"",type:"primary",size:"small",onClick:t=>((e,a)=>{e.end&&e.start?(re.value.splice(a+1,0,{start:Me(e.start,e.end),end:e.end,word:""}),e.end=Me(e.start,e.end)):G(s("WorkspaceKit.KaraokeMaker.generate.message.noLyricsTime"))})(e,a)},{default:x(()=>[V(h(v(s)("WorkspaceKit.KaraokeMaker.generate.table.add")),1)]),_:1},8,["onClick"]),g(M,{link:"",type:"primary",size:"small",onClick:t=>((e,a)=>{e.end&&e.start?q(s("WorkspaceKit.KaraokeMaker.generate.table.removeLyricTip"),s("WorkspaceKit.KaraokeMaker.generate.table.messageBoxType"),{confirmButtonText:s("WorkspaceKit.KaraokeMaker.generate.table.sure"),cancelButtonText:s("WorkspaceKit.KaraokeMaker.generate.table.cancel"),type:"warning"}).then(()=>{var e;D({type:"success",message:s("WorkspaceKit.KaraokeMaker.generate.table.deleteSuccess")}),re.value.splice(a,1),oe.value=(null==(e=re.value)?void 0:e.length)?re.value.map(e=>({...e})):[],ve()}).catch(()=>{}):G(s("WorkspaceKit.KaraokeMaker.generate.message.noLyricsTime"))})(e,a)},{default:x(()=>[V(h(v(s)("WorkspaceKit.KaraokeMaker.generate.table.remove")),1)]),_:1},8,["onClick"])]),_:1},8,["label"])]),_:1},8,["data"]),w("div",Mt,[w("button",{onClick:_e,disabled:!v(pe),class:"karaoke-dialog-button karaoke-dialog-button--secondary"},h(v(s)("WorkspaceKit.KaraokeMaker.generate.table.add")),9,St),w("button",{onClick:We,class:"karaoke-dialog-button karaoke-dialog-button--primary"},h(v(s)("WorkspaceKit.KaraokeMaker.generate.table.save")),1)])])):"add"===v(ae)?(p(),d("div",Wt,[w("div",_t,[g(u,{modelValue:v(le),"onUpdate:modelValue":t[3]||(t[3]=e=>P(le)?le.value=e:null),onKeydown:H(Ie,["enter"]),size:"large",class:"w-full rounded-md py-2 mr-2 search-input"},null,8,["modelValue"]),v(le).trim().length?(p(),d("button",{key:1,onClick:Ie,class:"karaoke-dialog-icon-button karaoke-dialog-button--primary"},[g(v(o),{width:24,height:24})])):(p(),d("button",Tt,[g(v(o),{width:24,height:24})]))])])):"remove"===v(ae)?(p(),d("div",$t,[w("div",Lt,h(v(te)),1),w("div",It,[w("button",{onClick:je,class:"karaoke-dialog-button karaoke-dialog-button--secondary"},h(v(s)("WorkspaceKit.KaraokeMaker.generate.cancel")),1),w("button",{onClick:$e,class:"karaoke-dialog-button karaoke-dialog-button--primary"}
2,h(v(s)("WorkspaceKit.KaraokeMaker.generate.remove")),1)])])):K("",!0)]),_:1},8,["modelValue","title","width","class"])])}}}),[["__scopeId","data-v-9a4816c4"]]),Vt={class:"karaoke-tab-strip"},zt=["onClick"],Rt={class:"text-sm text-[color:var(--karaoke-muted-text)] dark:text-gray-400"},Et={class:"'mt-4'"},Pt={class:"mt-2"},At={key:1},Bt=C(s({__name:"settting",setup(e){const{t:a}=T(),l=c(1),r=n(()=>[{label:a("WorkspaceKit.KaraokeMaker.generate.projectSettings"),value:1},{label:a("WorkspaceKit.KaraokeMaker.generate.editLyric"),value:2}]),o=t(),i=c("1"),s=e=>{o.aspectRatio=e};return(e,t)=>{const n=Q,c=j,u=I,m=J;return p(),d("div",null,[w("div",{class:k(["karaoke-settings-panel h-[530px] max-sm:p-3","9:16"===v(o).aspectRatio?"h-[630px]":""])},[w("div",Vt,[(p(!0),d(f,null,y(v(r),e=>(p(),d("button",{key:e.value,type:"button",onClick:a=>l.value=e.value,class:k(["karaoke-tab-btn flex-1 max-sm:text-xs max-sm:px-2",v(l)===e.value?"is-active":""])},h(e.label),11,zt))),128))]),1===v(l)?(p(),d("div",{key:0,class:k(["max-h-[430px] overflow-y-auto custom-scrollbar","9:16"===v(o).aspectRatio?"max-h-[530px]":""])},[w("div",Rt,h(e.$t("WorkspaceKit.KaraokeMaker.generate.customize")),1),g(m,{modelValue:v(i),"onUpdate:modelValue":t[5]||(t[5]=e=>P(i)?i.value=e:null),accordion:""},{default:x(()=>[g(n,{title:e.$t("WorkspaceKit.KaraokeMaker.generate.audio"),name:"1"},{default:x(()=>[g(ot)]),_:1},8,["title"]),g(n,{title:e.$t("WorkspaceKit.KaraokeMaker.generate.aspectRatio"),name:"2"},{default:x(()=>[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.choseAspectRatio")),1),w("div",Et,[w("div",{class:k(["karaoke-option-card","16:9"===v(o).aspectRatio?"is-selected":""]),onClick:t[0]||(t[0]=e=>s("16:9"))},[t[6]||(t[6]=w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"tabler-icon tabler-icon-crop-landscape"},[w("path",{d:"M4 6m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"})],-1)),w("span",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.widescreen"))+" (16:9)",1)],2),w("div",{class:k(["karaoke-option-card","4:3"===v(o).aspectRatio?"is-selected":""]),onClick:t[1]||(t[1]=e=>s("4:3"))},[t[7]||(t[7]=w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"tabler-icon tabler-icon-crop-landscape"},[w("path",{d:"M4 6m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"})],-1)),w("span",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.square"))+" (4:3)",1)],2),w("div",{class:k(["karaoke-option-card","9:16"===v(o).aspectRatio?"is-selected":""]),onClick:t[2]||(t[2]=e=>s("9:16"))},[t[8]||(t[8]=w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"tabler-icon tabler-icon-crop-landscape"},[w("path",{d:"M4 6m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"})],-1)),w("span",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.portrait"))+" (9:16)",1)],2)])]),_:1},8,["title"]),g(n,{title:e.$t("WorkspaceKit.KaraokeMaker.generate.layout"),name:"3"},{default:x(()=>[w("div",null,h(e.$t("WorkspaceKit.KaraokeMaker.generate.position")),1),w("div",null,[g(u,{modelValue:v(o).layout,"onUpdate:modelValue":t[3]||(t[3]=e=>v(o).layout=e)},{default:x(()=>[g(c,{value:1},{default:x(()=>[V(h(v(a)("WorkspaceKit.KaraokeMaker.generate.top")),1)]),_:1}),g(c,{value:2},{default:x(()=>[V(h(v(a)("WorkspaceKit.KaraokeMaker.generate.center")),1)]),_:1}),g(c,{value:3},{default:x(()=>[V(h(v(a)("WorkspaceKit.KaraokeMaker.generate.bottom")),1)]),_:1})]),_:1},8,["modelValue"])]),w("div",Pt,h(e.$t("WorkspaceKit.KaraokeMaker.generate.subtitleAlignment")),1),w("div",null,[g(u,{modelValue:v(o).alignment,"onUpdate:modelValue":t[4]||(t[4]=e=>v(o).alignment=e)},{default:x(()=>[g(c,{value:1},{default:x(()=>
2[V(h(v(a)("WorkspaceKit.KaraokeMaker.generate.split")),1)]),_:1}),g(c,{value:2},{default:x(()=>[V(h(v(a)("WorkspaceKit.KaraokeMaker.generate.center")),1)]),_:1})]),_:1},8,["modelValue"])])]),_:1},8,["title"]),g(n,{title:e.$t("WorkspaceKit.KaraokeMaker.generate.background"),name:"4"},{default:x(()=>[g(sa)]),_:1},8,["title"]),g(n,{title:e.$t("WorkspaceKit.KaraokeMaker.generate.title"),name:"5"},{default:x(()=>[g(Ua)]),_:1},8,["title"]),g(n,{title:e.$t("WorkspaceKit.KaraokeMaker.generate.textStyle"),name:"6"},{default:x(()=>[g(ya)]),_:1},8,["title"])]),_:1},8,["modelValue"])],2)):K("",!0),2===v(l)?(p(),d("div",At,[g(jt,{ref:"lyricsRef"},null,512)])):K("",!0)],2)])}}}),[["__scopeId","data-v-73a94c72"]]),Ut={class:"flex gap-2 items-center"},Nt=s({__name:"actionBtn",props:{workspaceFeature:{default:void 0}},emits:["goStep"],setup(e,{emit:a}){const l=Y(()=>ae(()=>import("./CommonRouteTo-BOxOTc0E.js").then(e=>e.a),__vite__mapDeps([0,1,2,3]),import.meta.url)),{$sendLog:s}=M(),{t:c}=T(),u=t(),{userUuid:k}=se(),g=X(),{isShowTip:m,handleTryAgain:x,handleCloseTip:f}=ue(),y=Z(),b=n(()=>!1!==y.value.hasLogin),{startTaskToGet:C,fileProgress:S,isUploading:W,processStart:_,processStop:L}=de({isShowTip:m,taskCreate:re,taskGet:le,handleSuccess:async(e,a,t)=>{s("1826",{detail:"karaoke start download",...e,...a});let l="";"audio"===u.chooseTab&&(l=u.upFileName),"video"===u.chooseTab&&(l=u.upVideoFileName),await pe(a.output,l||a.filename,(t,l)=>{s("1827",{detail:"karaoke download success",...e,...a}),s("2799",{url:l,component:"Karaoke"})},t=>{s("1828",{detail:"karaoke download failed",...e,...a,error:t})}),z(t.job_id)},taskSuccess:"1817",taskFailed:"1818",taskExceedLimit:"1830",taskGetSuccess:"1824",taskGetFaild:"1825",showTip:"1822"}),I=()=>{s("1823",{detail:"try agin click"}),x(()=>{!g.userName&&b.value||V()})},j=()=>{u.background=r(),u.aspectRatio="16:9",u.activeTrack="instrumental",u.selectedTrack="karaoke",u.scale=1,u.alignment=1,u.titleLayout=1,u.isShowTitle=!1,u.layout=3,u.output={output:"",segments:[]},u.lyricStyle=o(),u.titleStyle=i(),u.countdown_effect=0,u.imgList=[],u.videoList=[],u.chooseImageIndex=-1,u.chooseVideoIndex=-1,u.audioSrc="",E("goStep",1),s("1829",{detail:"karaoke upload new"})},V=async()=>{if(b.value&&!g.userName)return void setTimeout(()=>{g.setLoginModalTitleType(te.KARAOKE),g.setSignupSource("karaoke_download"),g.setLoginModalShow(!0)},200);L(),W.value=!0,_(6e5);const e={type:{color:2,image:1,video:3}[u.background.status],value:u.background[u.background.status]},a={original:{vocals:"original"===u.activeTrack||"vocals"===u.activeTrack?u.output.output[1]:"",no_vocals:"original"===u.activeTrack||"instrumental"===u.activeTrack?u.output.output[0]:""},modified:{vocals:"",no_vocals:""},aspect_ratio:u.aspectRatio,background:e,subtitle:{value:u.output.segments,font_size:u.lyricStyle.fontSize,active_color:u.lyricStyle.activeColor,unchecked_color:u.lyricStyle.inactiveLineColor,inactive_outline_color:u.lyricStyle.inactiveOutlineColor,fill_color:u.lyricStyle.fillColor,font_style:{bold:u.lyricStyle.bold,italic:u.lyricStyle.italic,uppercase:u.lyricStyle.uppercase},layout:u.layout,alignment:u.alignment},title:{value:u.titleStyle.title,font_size:u.titleStyle.fontSize,font_color:u.titleStyle.primaryColor,outline_color:u.titleStyle.outlineColor,font_style:{bold:u.titleStyle.bold,italic:u.titleStyle.italic,uppercase:u.titleStyle.uppercase},start:u.titleStyle.start,duration:u.titleStyle.duration,layout:u.titleLayout},uuid:k.value};s("1816",{...a}),await C(a,{"Turnstile-Token":""})},z=e=>{let a={type:4,job_id:e,is_download:1};oe.recordDownload({...a}).catch(e=>{s("2888",{detail:"recordDownload failed",...a,error:e})})},R=()=>{f(()=>{})},E=a;return(e,a)=>(p(),d("div",Ut,[w("button",{type:"button",class:"karaoke-btn-primary whitespace-nowrap",onClick:V},h(e.$t("WorkspaceKit.KaraokeMaker.generate.export")),1),w("button",{type:"button",class:"karaoke-btn-outline whitespace-nowrap",onClick:j},h(e.$t("WorkspaceKit.KaraokeMaker.generate.uploadNew")),1),v(m)?(p(),$(v(ie),{key:0,title:v(c)("WorkspaceKit.KaraokeMaker.generate.errors.processErrorTip.title"),contentList:[v(c)("Worksp
2aceKit.KaraokeMaker.generate.errors.processErrorTip.content1"),v(c)("WorkspaceKit.KaraokeMaker.generate.errors.processErrorTip.content2"),v(c)("WorkspaceKit.KaraokeMaker.generate.errors.processErrorTip.content3")],confirmText:v(c)("WorkspaceKit.KaraokeMaker.generate.errors.processErrorTip.confirmText"),onClosex:R,onClose:I},null,8,["title","contentList","confirmText"])):K("",!0),(p(),$(ee,{to:".karaoke-main-card"},[v(W)?(p(),$(v(l),{key:0,indeterminate:!0,percentage:v(S),content:v(c)("WorkspaceKit.KaraokeMaker.generate.mergeTips"),rounded:""},null,8,["percentage","content"])):K("",!0)]))]))}}),Ft={class:"flex justify-end mb-2"},Ht={class:"md:flex gap-6"},Ot={class:"md:flex-1 min-w-[0]"},Gt={class:"md:flex-1 min-w-[0] max-sm:mt-4"},qt=s({__name:"result",props:{src:String,result:Object,useOption:Object,workspaceFeature:Object},emits:["goStep"],setup(e,{emit:a}){const t=c(null),l=e,r=n(()=>l.workspaceFeature),o=a,i=e=>{t.value.togglePlay(),O(()=>{o("goStep",e)})};return(e,a)=>(p(),d("div",null,[w("div",Ft,[g(Nt,{"workspace-feature":v(r),onGoStep:i},null,8,["workspace-feature"])]),w("div",Ht,[w("div",Ot,[g(Ue,{ref_key:"videoComponentRef",ref:t},null,512)]),w("div",Gt,[g(Bt)])])]))}});export{qt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.