| 1 |
- import{i as S}from"./icon_back-c5ec0a72-1723427255937.js";import{P as v,T as C,b as w,c as T,i as k,a as I}from"./index-57e10711-1723427255937.js";import{i as N}from"./icon_default-d1bcaf5f-1723427255937.js";import{i as A}from"./icon_separator-e0f6c575-1723427255937.js";import{i as B,a as P,b as L}from"./icon-plus-t-35f4cdeb-1723427255937.js";import{d as R,a as z,u as F,e as g,U as W,q as E,f as t,x as D,aQ as U,aR as x,w as f,k as r,j as M,E as O}from"./index-5796f5ea-1723427255937.js";import{T as q}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 $}from"./Slider-50e067fb-1723427255937.js";const V="_container_16oxb_1",Q="_iconBack_16oxb_6",H="_separator_16oxb_39",J="_wrap_16oxb_44",K="_wrapBottom_16oxb_50",X="_content_16oxb_53",Y="_tools_16oxb_60",Z="_contentWrap_16oxb_74",tt="_musicList_16oxb_82",et="_instrumentGroup_16oxb_96",st="_instrumentImg_16oxb_104",ot="_otherImg_16oxb_110",it="_instrumentName_16oxb_117",nt="_instrumentTag_16oxb_125",at="_wrapList_16oxb_130",ct="_titlec_16oxb_140",lt="_icon2_16oxb_150",rt="_empty_16oxb_157",ut="_itemContainer_16oxb_163",_t="_item_16oxb_163",mt="_active_16oxb_185",dt="_arrow_16oxb_188",pt="_img_16oxb_191",gt="_title_16oxb_140",xt="_titleName_16oxb_220",ft="_titleDes_16oxb_227",yt="_btn_16oxb_237",bt="_showPlayLoading_16oxb_261",ht="_loadingWrap_16oxb_264",St="_musicStaff_16oxb_269",vt="_musicTitle_16oxb_284",Ct="_musicTitleLeft_16oxb_294",wt="_icon1_16oxb_298",Tt="_icon3_16oxb_299",kt="_musicTitleRight_16oxb_311",It="_textRead_16oxb_311",Nt="_textClose_16oxb_312",At="_icon_16oxb_6",Bt="_musicContent_16oxb_338",Pt="_staffImgs_16oxb_353",Lt="_changeSizeSection_16oxb_370",Rt="_iconT_16oxb_383",zt="_iconAddT_16oxb_387",Ft="_iconPlusT_16oxb_388",Wt="_selectionCouser_16oxb_405",Et="_hide_16oxb_410",Dt="_textStart_16oxb_414",Ut="_textReadOnly_16oxb_415",s={container:V,iconBack:Q,separator:H,wrap:J,wrapBottom:K,content:X,tools:Y,contentWrap:Z,musicList:tt,instrumentGroup:et,instrumentImg:st,otherImg:ot,instrumentName:it,instrumentTag:nt,wrapList:at,titlec:ct,icon2:lt,empty:rt,itemContainer:ut,item:_t,active:mt,arrow:dt,img:pt,title:gt,titleName:xt,titleDes:ft,btn:yt,showPlayLoading:bt,loadingWrap:ht,musicStaff:St,musicTitle:vt,musicTitleLeft:Ct,icon1:wt,icon3:Tt,musicTitleRight:kt,textRead:It,textClose:Nt,icon:At,musicContent:Bt,staffImgs:Pt,changeSizeSection:Lt,iconT:Rt,iconAddT:zt,iconPlusT:Ft,selectionCouser:Wt,hide:Et,textStart:Dt,textReadOnly:Ut},Kt=R({name:"instrument-detail",setup(){const m=z(),d=F(),n=j(),c=g({page:1,rows:20,status:!0,name:"",type:m.query.type}),e=g({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),y=W(()=>e.list[e.listActive]||{}),_=i=>{const o=e.list.findIndex(u=>u.id===i.id);o>-1&&(e.listActive===o?e.playState=e.playState==="play"?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=o)},b=i=>{i==="play"?e.playState="play":i==="pause"?e.playState="pause":i==="pre"?e.list[e.listActive-1]&&_(e.list[e.listActive-1]):i==="next"&&e.list[e.listActive+1]&&_(e.list[e.listActive+1])},h=async()=>{var p;e.loading=!0;let i={};try{i=await G({id:m.query.id})}catch(l){console.log(l)}e.reshing&&(e.list=[],e.reshing=!1),e.finshed=!0,e.list=i.data.knowledgeWikiResources||[],e.list.forEach(l=>{l.audioFileUrl=l.url,l.musicSheetName=l.name});const o=i.data.knowledgeWikiCategories||[];i.data.knowledgeName=o.length>0?o[0].knowledgeWikiCategoryTypeName:"",i.data.intros=i.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"');const a=new DOMParser().parseFromString(i.data.intros,"text/html");(p=document.querySelector("#musicContent"))==null||p.appendChild(n.processNode(a.body)),e.details=i.data,e.loading=!1};return E(async()=>{h()}),()=>{var i;return t("div",{class:s.container},[t(D,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:S,class:s.iconBack,onClick:()=>{const o=c.type==="MUSICIAN"?"/content-musician":"/content-instruments";d.push({path:o})}},null),t(U,{separator:""},{default:()=>[t(x,{onClick:()=>{const o=c.type==="MUSICIAN"?"/content-musician":"/content-instruments";d.push({path:o})}},{default:()=>[c.type==="MUSICIAN"?"音乐家":"乐器百科"]}),t("img",{class:s.separator,src:A},null),t(x,null,{default:()=>[m.query.name]})]})]}),t("div",{class:[s.wrap,e.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.instrumentGroup},[t(f,{class:[s.instrumentImg,c.type==="MUSICIAN"&&s.otherImg],src:(i=e.details)==null?void 0:i.avatar,objectFit:"cover"},null),t("p",{class:s.instrumentName},[e.details.name]),t("p",{class:s.instrumentTag},[e.details.knowledgeName])]),t("div",{class:s.titlec},[t("i",{class:s.icon2},null),r("代表作")]),e.list.map((o,u)=>t("div",{class:s.itemContainer},[t("div",{class:[s.item],onClick:a=>{a.stopPropagation(),_(o)}},[t("div",{class:s.img},[t(f,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:o.titleImg||N,onLoad:a=>{a.target.dataset.loaded="true"}},null),t(v,{class:[e.listActive===u&&e.playState==="play"?"":s.showPlayLoading]},null)]),t("div",{class:s.title},[t("div",{class:s.titleName},[t(C,{text:o.name,style:{marginRight:"12px"}},null)])]),t(M,{color:"#259CFE",textColor:"#fff",round:!0,class:s.btn,type:"primary",onClick:a=>{a.stopPropagation(),_(o)}},{default:()=>[r("播放"),t("img",{src:e.listActive===u&&e.playState==="play"?w:T},null)]}),t("img",{class:s.arrow,src:k},null)])])),!e.finshed&&t("div",{class:s.loadingWrap},[t(O,{show:!0},null)]),!e.loading&&e.list.length===0&&t("div",{class:s.empty},[t(q,{description:"暂无代表作"},null)])])]),t("div",{class:s.musicStaff},[t("div",{class:s.musicTitle},[t("div",{class:s.musicTitleLeft},[t("i",{class:c.type==="MUSICIAN"?s.icon3:s.icon1},null),c.type==="MUSICIAN"?"个人简介":"乐器简介"]),t("div",{class:s.musicTitleRight},[n.isSpeak.value?t("span",{class:s.textClose,onClick:n.onCloseSpeak},[t("i",{class:s.icon},null),r("关闭朗读")]):t("span",{class:s.textRead,onClick:n.onAllSpeak},[t("i",{class:s.icon},null),r("全文朗读")])])]),t("div",{class:[s.musicContent],id:"musicContent",style:{fontSize:e.fontSize+"px"}},[t("div",{id:"selectionCouser",class:[s.selectionCouser,!n.showDom.value&&s.hide]},[t("span",{class:s.textStart,onClick:n.onTextStart},[r("开始朗读"),t("i",{class:s.icon},null)]),t("span",{class:s.textReadOnly,onClick:n.onTextReadOnly},[r("只读这段"),t("i",{class:s.icon},null)])])])]),t("div",{class:s.changeSizeSection},[t("img",{src:B,class:s.iconT},null),t("img",{src:P,class:s.iconAddT,onClick:()=>{e.fontSize>=32||(e.fontSize+=1)}},null),t($,{value:e.fontSize,"onUpdate:value":o=>e.fontSize=o,placement:"left",vertical:!0,min:12,max:32},null),t("img",{src:L,class:s.iconPlusT,onClick:()=>{e.fontSize<=12||(e.fontSize-=1)}},null)])])])]),e.list.length!==0&&t(I,{show:e.showPlayer,playState:e.playState,item:y.value,onChange:o=>b(o)},null)])}}});export{Kt as default};
|
