import{i as w}from"./icon_back-c5ec0a72-1737412120514.js";import{T as d,P as C,b as T,c as x,i as k,a as P}from"./index-26f91184-1737412120514.js";import{i as g}from"./icon_default-d1bcaf5f-1737412120514.js";import{i as B}from"./icon_separator-e0f6c575-1737412120514.js";import{u as F,i as A,a as I,b as N}from"./useSpeak-304730dd-1737412120514.js";import{i as L}from"./icon-pan-16e35a82-1737412120514.js";import{d as R,a as D,u as z,e as y,J as W,q as E,f as t,x as O,b4 as q,b5 as v,k as a,w as $,j as G,a9 as U}from"./index-bdb998fe-1737412120514.js";import{T as j}from"./index-119eceee-1737412120514.js";import{e as M}from"./api-c09dcd72-1737412120514.js";import{N as V}from"./Slider-1495d2f5-1737412120514.js";const J="_container_609br_1",H="_iconBack_609br_6",K="_separator_609br_43",Q="_wrap_609br_48",X="_wrapBottom_609br_54",Y="_content_609br_57",Z="_tools_609br_64",tt="_contentWrap_609br_78",st="_musicList_609br_86",et="_instrumentGroup_609br_100",it="_instrumentImg_609br_108",nt="_instrumentName_609br_114",at="_instrumentTag_609br_122",ot="_wrapList_609br_127",lt="_titlec_609br_137",ct="_icon2_609br_147",rt="_empty_609br_154",ut="_itemContainer_609br_160",_t="_item_609br_160",mt="_active_609br_182",dt="_arrow_609br_185",pt="_img_609br_188",gt="_title_609br_137",ft="_titleName_609br_217",bt="_titleDes_609br_224",yt="_btn_609br_234",vt="_showPlayLoading_609br_258",ht="_loadingWrap_609br_261",St="_musicStaff_609br_266",wt="_musicTitle_609br_282",Ct="_icon1_609br_292",Tt="_musicTitleLeft_609br_300",xt="_musicTitleRight_609br_304",kt="_textRead_609br_304",Pt="_textClose_609br_305",Bt="_icon_609br_6",Ft="_musicContent_609br_331",At="_staffImgs_609br_349",It="_changeSizeSection_609br_366",Nt="_iconT_609br_379",Lt="_iconAddT_609br_383",Rt="_iconPlusT_609br_384",Dt="_musicTop_609br_411",zt="_musicInfo_609br_412",Wt="_musicImg_609br_422",Et="_panSection_609br_438",Ot="_img2_609br_449",qt="_iconPan_609br_456",$t="_info_609br_487",Gt="_name_609br_490",Ut="_c_609br_1",jt="_selectionCouser_609br_511",Mt="_hide_609br_516",Vt="_textStart_609br_520",Jt="_textReadOnly_609br_521",e={container:J,iconBack:H,separator:K,wrap:Q,wrapBottom:X,content:Y,tools:Z,contentWrap:tt,musicList:st,instrumentGroup:et,instrumentImg:it,instrumentName:nt,instrumentTag:at,wrapList:ot,titlec:lt,icon2:ct,empty:rt,itemContainer:ut,item:_t,active:mt,arrow:dt,img:pt,title:gt,titleName:ft,titleDes:bt,btn:yt,showPlayLoading:vt,loadingWrap:ht,musicStaff:St,musicTitle:wt,icon1:Ct,musicTitleLeft:Tt,musicTitleRight:xt,textRead:kt,textClose:Pt,icon:Bt,musicContent:Ft,staffImgs:At,changeSizeSection:It,iconT:Nt,iconAddT:Lt,iconPlusT:Rt,musicTop:Dt,musicInfo:zt,musicImg:Wt,panSection:Et,img2:Ot,iconPan:qt,info:$t,name:Gt,c:Ut,selectionCouser:jt,hide:Mt,textStart:Vt,textReadOnly:Jt},ns=R({name:"instrument-detail",setup(){const p=D(),f=z(),c=F();y({page:1,rows:20,status:!0,name:"",type:p.query.type});const s=y({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),h=W(()=>s.list[s.listActive]||{}),u=i=>{const o=s.list.findIndex(n=>n.id===i.id);o>-1&&(s.listActive===o?s.playState=s.playState==="play"?"pause":"play":s.playState="play",s.showPlayer=!0,s.listActive=o)},_=i=>{i==="play"?s.playState="play":i==="pause"?s.playState="pause":i==="pre"?s.list[s.listActive-1]&&u(s.list[s.listActive-1]):i==="next"&&s.list[s.listActive+1]&&u(s.list[s.listActive+1])},S=async()=>{var b;s.loading=!0;let i={};try{i=await M({id:p.query.id})}catch(r){console.log(r)}s.reshing&&(s.list=[],s.reshing=!1),s.finshed=!0,s.list=i.data.knowledgeWikiResources||[],s.list.forEach(r=>{r.audioFileUrl=r.url,r.musicSheetName=r.name});const o=i.data.knowledgeWikiCategories||[];i.data.knowledgeName=o.length>0?o[0].name:"",i.data.intros=i.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"');const m=new DOMParser().parseFromString(i.data.intros,"text/html"),l=document.createElement("div");l.classList.add("html-to-dom"),l.appendChild(c.processNode(m.body)),(b=document.querySelector("#musicContent"))==null||b.appendChild(l),s.details=i.data,s.loading=!1};return E(()=>{S()}),()=>{var i,o;return t("div",{class:e.container},[t(O,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:w,class:e.iconBack,onClick:()=>{f.push("/content-music")}},null),t(q,{separator:""},{default:()=>[t(v,{onClick:()=>{f.push("/content-music")}},{default:()=>[a("名曲鉴赏")]}),t("img",{class:e.separator,src:B},null),t(v,null,{default:()=>[p.query.name]})]})]}),t("div",{class:[e.wrap,s.showPlayer?e.wrapBottom:""]},[t("div",{class:e.content},[t("div",{class:e.contentWrap},[t("div",{class:[e.musicList,"musicList-container"]},[t("div",{class:e.wrapList},[t("div",{class:e.musicInfo},[t("div",{class:e.musicImg},[t("img",{src:((i=s.details)==null?void 0:i.avatar)||g,class:e.img},null),t("div",{class:e.panSection},[t("img",{src:L,class:e.iconPan},null),t("img",{src:((o=s.details)==null?void 0:o.avatar)||g,class:e.img2},null)])]),t("div",{class:e.info},[t("div",{class:e.name},[t(d,{text:s.details.name,style:{marginRight:"0"}},null)]),t("div",{class:e.c},[s.details.composers?t("div",null,[t("span",null,[a("作曲：")]),t(d,{text:s.details.composers,style:{marginRight:"0"}},null)]):"",s.details.lyricists?t("div",null,[t("span",null,[a("作词：")]),t(d,{text:s.details.lyricists,style:{marginRight:"0"}},null)]):""])])]),t("div",{class:e.titlec},[t("i",{class:e.icon2},null),a("名曲鉴赏")]),s.list.map((n,m)=>t("div",{class:e.itemContainer},[t("div",{class:[e.item],onClick:l=>{l.stopPropagation(),u(n)}},[t("div",{class:e.img},[t($,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:n.titleImg||g,onLoad:l=>{l.target.dataset.loaded="true"}},null),t(C,{class:[s.listActive===m&&s.playState==="play"?"":e.showPlayLoading]},null)]),t("div",{class:e.title},[t("div",{class:e.titleName},[t(d,{text:n.name,style:{marginRight:"12px"}},null)])]),t(G,{color:"#259CFE",textColor:"#fff",round:!0,class:e.btn,type:"primary",onClick:l=>{l.stopPropagation(),u(n),c.onCloseSpeak()}},{default:()=>[a("播放"),t("img",{src:s.listActive===m&&s.playState==="play"?T:x},null)]}),t("img",{class:e.arrow,src:k},null)])])),!s.finshed&&t("div",{class:e.loadingWrap},[t(U,{show:!0},null)]),!s.loading&&s.list.length===0&&t("div",{class:e.empty},[t(j,{description:"暂无名曲鉴赏",style:{paddingTop:"0px"}},null)])])]),t("div",{class:e.musicStaff},[t("div",{class:e.musicTitle},[t("div",{class:e.musicTitleLeft},[t("i",{class:e.icon1},null),a("名曲故事")]),t("div",{class:e.musicTitleRight},[c.isSpeak.value?t("span",{class:e.textClose,onClick:c.onCloseSpeak},[t("i",{class:e.icon},null),a("关闭朗读")]):t("span",{class:e.textRead,onClick:()=>{c.onAllSpeak(),_("pause")}},[t("i",{class:e.icon},null),a("全文朗读")])])]),t("div",{class:e.musicContent,id:"musicContent",style:{fontSize:s.fontSize+"px"}},[t("div",{id:"selectionCouser",class:[e.selectionCouser,!c.showDom.value&&e.hide]},[t("span",{class:e.textStart,onClick:()=>{c.onTextStart(),_("pause")}},[a("开始朗读"),t("i",{class:e.icon},null)]),t("span",{class:e.textReadOnly,onClick:()=>{c.onTextReadOnly(),_("pause")}},[a("只读这段"),t("i",{class:e.icon},null)])])])]),t("div",{class:e.changeSizeSection},[t("img",{src:A,class:e.iconT},null),t("img",{src:I,class:e.iconAddT,onClick:()=>{s.fontSize>=32||(s.fontSize+=1)}},null),t(V,{value:s.fontSize,"onUpdate:value":n=>s.fontSize=n,placement:"left",vertical:!0,min:12,max:32},null),t("img",{src:N,class:e.iconPlusT,onClick:()=>{s.fontSize<=12||(s.fontSize-=1)}},null)])])])]),s.list.length!==0&&t(P,{show:s.showPlayer,playState:s.playState,item:h.value,onChange:n=>_(n),onShow:n=>{s.showPlayer=n}},null)])}}});export{ns as default};