| 1 |
- import{i as w}from"./icon_back-c5ec0a72-1723427255937.js";import{T as m,P as C,b as T,c as x,i as k,a as B}from"./index-57e10711-1723427255937.js";import{i as d}from"./icon_default-d1bcaf5f-1723427255937.js";import{i as P}from"./icon_separator-e0f6c575-1723427255937.js";import{i as F,a as A,b as I}from"./icon-plus-t-35f4cdeb-1723427255937.js";import{i as N}from"./icon-pan-16e35a82-1723427255937.js";import{d as R,a as L,u as D,e as h,U as z,q as b,f as t,x as W,aQ as E,aR as f,k as n,w as O,j as q,E as U}from"./index-5796f5ea-1723427255937.js";import{T as $}from"./index-621c35fd-1723427255937.js";import{e as G}from"./api-3b5866ae-1723427255937.js";import{u as j}from"./useSpeak-d55c73d9-1723427255937.js";import{N as M}from"./Slider-50e067fb-1723427255937.js";const V="_container_glhll_1",Q="_iconBack_glhll_6",H="_separator_glhll_39",J="_wrap_glhll_44",K="_wrapBottom_glhll_50",X="_content_glhll_53",Y="_tools_glhll_60",Z="_contentWrap_glhll_74",tt="_musicList_glhll_82",lt="_instrumentGroup_glhll_96",st="_instrumentImg_glhll_104",et="_instrumentName_glhll_110",it="_instrumentTag_glhll_118",nt="_wrapList_glhll_123",at="_titlec_glhll_133",ot="_icon2_glhll_143",ct="_empty_glhll_150",rt="_itemContainer_glhll_156",ut="_item_glhll_156",_t="_active_glhll_178",mt="_arrow_glhll_181",gt="_img_glhll_184",dt="_title_glhll_133",pt="_titleName_glhll_213",ht="_titleDes_glhll_220",ft="_btn_glhll_230",yt="_showPlayLoading_glhll_254",vt="_loadingWrap_glhll_257",St="_musicStaff_glhll_262",wt="_musicTitle_glhll_278",Ct="_icon1_glhll_288",Tt="_musicTitleLeft_glhll_296",xt="_musicTitleRight_glhll_300",kt="_textRead_glhll_300",Bt="_textClose_glhll_301",Pt="_icon_glhll_6",Ft="_musicContent_glhll_327",At="_staffImgs_glhll_342",It="_changeSizeSection_glhll_359",Nt="_iconT_glhll_372",Rt="_iconAddT_glhll_376",Lt="_iconPlusT_glhll_377",Dt="_musicTop_glhll_394",zt="_musicInfo_glhll_395",bt="_musicImg_glhll_405",Wt="_panSection_glhll_421",Et="_img2_glhll_432",Ot="_iconPan_glhll_439",qt="_info_glhll_470",Ut="_name_glhll_473",$t="_c_glhll_1",Gt="_selectionCouser_glhll_494",jt="_hide_glhll_499",Mt="_textStart_glhll_503",Vt="_textReadOnly_glhll_504",s={container:V,iconBack:Q,separator:H,wrap:J,wrapBottom:K,content:X,tools:Y,contentWrap:Z,musicList:tt,instrumentGroup:lt,instrumentImg:st,instrumentName:et,instrumentTag:it,wrapList:nt,titlec:at,icon2:ot,empty:ct,itemContainer:rt,item:ut,active:_t,arrow:mt,img:gt,title:dt,titleName:pt,titleDes:ht,btn:ft,showPlayLoading:yt,loadingWrap:vt,musicStaff:St,musicTitle:wt,icon1:Ct,musicTitleLeft:Tt,musicTitleRight:xt,textRead:kt,textClose:Bt,icon:Pt,musicContent:Ft,staffImgs:At,changeSizeSection:It,iconT:Nt,iconAddT:Rt,iconPlusT:Lt,musicTop:Dt,musicInfo:zt,musicImg:bt,panSection:Wt,img2:Et,iconPan:Ot,info:qt,name:Ut,c:$t,selectionCouser:Gt,hide:jt,textStart:Mt,textReadOnly:Vt},il=R({name:"instrument-detail",setup(){const g=L(),p=D(),c=j();h({page:1,rows:20,status:!0,name:"",type:g.query.type});const l=h({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),y=z(()=>l.list[l.listActive]||{}),u=e=>{const a=l.list.findIndex(i=>i.id===e.id);a>-1&&(l.listActive===a?l.playState=l.playState==="play"?"pause":"play":l.playState="play",l.showPlayer=!0,l.listActive=a)},v=e=>{e==="play"?l.playState="play":e==="pause"?l.playState="pause":e==="pre"?l.list[l.listActive-1]&&u(l.list[l.listActive-1]):e==="next"&&l.list[l.listActive+1]&&u(l.list[l.listActive+1])},S=async()=>{var o;l.loading=!0;let e={};try{e=await G({id:g.query.id})}catch(r){console.log(r)}l.reshing&&(l.list=[],l.reshing=!1),l.finshed=!0,l.list=e.data.knowledgeWikiResources||[],l.list.forEach(r=>{r.audioFileUrl=r.url,r.musicSheetName=r.name});const a=e.data.knowledgeWikiCategories||[];e.data.knowledgeName=a.length>0?a[0].name:"",e.data.intros=e.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"');const _=new DOMParser().parseFromString(e.data.intros,"text/html");(o=document.querySelector("#musicContent"))==null||o.appendChild(c.processNode(_.body)),l.details=e.data,l.loading=!1};return b(()=>{S()}),()=>{var e,a;return t("div",{class:s.container},[t(W,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:w,class:s.iconBack,onClick:()=>{p.push("/content-music")}},null),t(E,{separator:""},{default:()=>[t(f,{onClick:()=>{p.push("/content-music")}},{default:()=>[n("名曲鉴赏")]}),t("img",{class:s.separator,src:P},null),t(f,null,{default:()=>[g.query.name]})]})]}),t("div",{class:[s.wrap,l.showPlayer?s.wrapBottom:""]},[t("div",{class:s.content},[t("div",{class:s.contentWrap},[t("div",{class:[s.musicList,"musicList-container"]},[t("div",{class:s.wrapList},[t("div",{class:s.musicInfo},[t("div",{class:s.musicImg},[t("img",{src:((e=l.details)==null?void 0:e.avatar)||d,class:s.img},null),t("div",{class:s.panSection},[t("img",{src:N,class:s.iconPan},null),t("img",{src:((a=l.details)==null?void 0:a.avatar)||d,class:s.img2},null)])]),t("div",{class:s.info},[t("div",{class:s.name},[t(m,{text:l.details.name,style:{marginRight:"0"}},null)]),t("div",{class:s.c},[l.details.composers?t("div",null,[t("span",null,[n("作曲：")]),t(m,{text:l.details.composers,style:{marginRight:"0"}},null)]):"",l.details.lyricists?t("div",null,[t("span",null,[n("作词：")]),t(m,{text:l.details.lyricists,style:{marginRight:"0"}},null)]):""])])]),t("div",{class:s.titlec},[t("i",{class:s.icon2},null),n("名曲鉴赏")]),l.list.map((i,_)=>t("div",{class:s.itemContainer},[t("div",{class:[s.item],onClick:o=>{o.stopPropagation(),u(i)}},[t("div",{class:s.img},[t(O,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:i.titleImg||d,onLoad:o=>{o.target.dataset.loaded="true"}},null),t(C,{class:[l.listActive===_&&l.playState==="play"?"":s.showPlayLoading]},null)]),t("div",{class:s.title},[t("div",{class:s.titleName},[t(m,{text:i.name,style:{marginRight:"12px"}},null)])]),t(q,{color:"#259CFE",textColor:"#fff",round:!0,class:s.btn,type:"primary",onClick:o=>{o.stopPropagation(),u(i)}},{default:()=>[n("播放"),t("img",{src:l.listActive===_&&l.playState==="play"?T:x},null)]}),t("img",{class:s.arrow,src:k},null)])])),!l.finshed&&t("div",{class:s.loadingWrap},[t(U,{show:!0},null)]),!l.loading&&l.list.length===0&&t("div",{class:s.empty},[t($,{description:"暂无名曲鉴赏",style:{paddingTop:"0px"}},null)])])]),t("div",{class:s.musicStaff},[t("div",{class:s.musicTitle},[t("div",{class:s.musicTitleLeft},[t("i",{class:s.icon1},null),n("名曲故事")]),t("div",{class:s.musicTitleRight},[c.isSpeak.value?t("span",{class:s.textClose,onClick:c.onCloseSpeak},[t("i",{class:s.icon},null),n("关闭朗读")]):t("span",{class:s.textRead,onClick:c.onAllSpeak},[t("i",{class:s.icon},null),n("全文朗读")])])]),t("div",{class:s.musicContent,id:"musicContent",style:{fontSize:l.fontSize+"px"}},[t("div",{id:"selectionCouser",class:[s.selectionCouser,!c.showDom.value&&s.hide]},[t("span",{class:s.textStart,onClick:c.onTextStart},[n("开始朗读"),t("i",{class:s.icon},null)]),t("span",{class:s.textReadOnly,onClick:c.onTextReadOnly},[n("只读这段"),t("i",{class:s.icon},null)])])])]),t("div",{class:s.changeSizeSection},[t("img",{src:F,class:s.iconT},null),t("img",{src:A,class:s.iconAddT,onClick:()=>{l.fontSize>=32||(l.fontSize+=1)}},null),t(M,{value:l.fontSize,"onUpdate:value":i=>l.fontSize=i,placement:"left",vertical:!0,min:12,max:32},null),t("img",{src:I,class:s.iconPlusT,onClick:()=>{l.fontSize<=12||(l.fontSize-=1)}},null)])])])]),l.list.length!==0&&t(B,{show:l.showPlayer,playState:l.playState,item:y.value,onChange:i=>v(i)},null)])}}});export{il as default};
|
