| 1 |
- import{i as h}from"./icon_back-c5ec0a72-1701845202730.js";import{i as S,P as T,a as C,b as P,c as k,d as I}from"./index-48f54fb0-1701845202730.js";import{i as d}from"./icon_default-d1bcaf5f-1701845202730.js";import{i as A,a as N,b as F}from"./icon-plus-t-35f4cdeb-1701845202730.js";import{d as L,a as z,u as B,e as g,O as D,n as b,f as s,w as x,ci as W,cj as f,k as o,t as R,j as E,A as U}from"./index-6b4b72b1-1701845202730.js";import{T as _}from"./index-f9f4bf8d-1701845202730.js";import{T as $}from"./index-7a9d4816-1701845202730.js";import{c as j}from"./api-5c6d324f-1701845202730.js";import{N as q}from"./Slider-768f3c2b-1701845202730.js";const G="_container_s3lud_1",M="_iconBack_s3lud_6",V="_separator_s3lud_36",H="_wrap_s3lud_41",O="_wrapBottom_s3lud_47",J="_content_s3lud_50",K="_tools_s3lud_57",Q="_contentWrap_s3lud_71",X="_musicList_s3lud_79",Y="_instrumentGroup_s3lud_93",Z="_instrumentImg_s3lud_101",tt="_instrumentName_s3lud_107",st="_instrumentTag_s3lud_115",it="_wrapList_s3lud_120",nt="_titlec_s3lud_130",at="_icon2_s3lud_140",et="_empty_s3lud_147",lt="_itemContainer_s3lud_153",ot="_item_s3lud_153",ct="_active_s3lud_175",ut="_arrow_s3lud_178",rt="_img_s3lud_181",dt="_title_s3lud_130",_t="_titleName_s3lud_210",mt="_titleDes_s3lud_217",pt="_btn_s3lud_227",gt="_showPlayLoading_s3lud_251",ft="_loadingWrap_s3lud_254",vt="_musicStaff_s3lud_259",yt="_musicTitle_s3lud_275",wt="_icon1_s3lud_284",ht="_musicContent_s3lud_292",St="_staffImgs_s3lud_305",Tt="_changeSizeSection_s3lud_322",Ct="_iconT_s3lud_335",Pt="_iconAddT_s3lud_339",kt="_iconPlusT_s3lud_340",It="_musicTop_s3lud_356",At="_musicInfo_s3lud_357",Nt="_musicImg_s3lud_367",Ft="_panSection_s3lud_383",Lt="_img2_s3lud_394",zt="_iconPan_s3lud_401",Bt="_info_s3lud_432",Dt="_name_s3lud_435",bt="_c_s3lud_1",i={container:G,iconBack:M,separator:V,wrap:H,wrapBottom:O,content:J,tools:K,contentWrap:Q,musicList:X,instrumentGroup:Y,instrumentImg:Z,instrumentName:tt,instrumentTag:st,wrapList:it,titlec:nt,icon2:at,empty:et,itemContainer:lt,item:ot,active:ct,arrow:ut,img:rt,title:dt,titleName:_t,titleDes:mt,btn:pt,showPlayLoading:gt,loadingWrap:ft,musicStaff:vt,musicTitle:yt,icon1:wt,musicContent:ht,staffImgs:St,changeSizeSection:Tt,iconT:Ct,iconAddT:Pt,iconPlusT:kt,musicTop:It,musicInfo:At,musicImg:Nt,panSection:Ft,img2:Lt,iconPan:zt,info:Bt,name:Dt,c:bt},xt=""+new URL("icon-pan-3fb957df.png",import.meta.url).href,Vt=L({name:"instrument-detail",setup(){const r=z(),m=B();g({page:1,rows:20,status:!0,name:"",type:r.query.type});const t=g({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),v=D(()=>t.list[t.listActive]||{}),u=n=>{const e=t.list.findIndex(a=>a.id===n.id);e>-1&&(t.listActive===e?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=e)},y=n=>{n==="play"?t.playState="play":n==="pause"?t.playState="pause":n==="pre"?t.list[t.listActive-1]&&u(t.list[t.listActive-1]):n==="next"&&t.list[t.listActive+1]&&u(t.list[t.listActive+1])},w=async()=>{t.loading=!0;let n={};try{n=await j({id:r.query.id})}catch(a){console.log(a)}t.reshing&&(t.list=[],t.reshing=!1),t.finshed=!0,t.list=n.data.knowledgeWikiResources||[],t.list.forEach(a=>{a.audioFileUrl=a.url,a.musicSheetName=a.name});const e=n.data.knowledgeWikiCategories||[];n.data.knowledgeName=e.length>0?e[0].name:"",n.data.intros=n.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),t.details=n.data,t.loading=!1};return b(()=>{w()}),()=>{var n,e,a;return s("div",{class:i.container},[s(x,{align:"center",wrapItem:!1,size:16},{default:()=>[s("img",{style:{cursor:"pointer"},src:h,class:i.iconBack,onClick:()=>{m.push("/content-music")}},null),s(W,{separator:""},{default:()=>[s(f,{onClick:()=>{m.push("/content-music")}},{default:()=>[o("名曲鉴赏")]}),s("img",{class:i.separator,src:S},null),s(f,null,{default:()=>[r.query.name]})]})]}),s("div",{class:[i.wrap,t.showPlayer?i.wrapBottom:""]},[s("div",{class:i.content},[s("div",{class:i.contentWrap},[s("div",{class:[i.musicList,"musicList-container"]},[s("div",{class:i.wrapList},[s("div",{class:i.musicInfo},[s("div",{class:i.musicImg},[s("img",{src:((n=t.details)==null?void 0:n.avatar)||d,class:i.img},null),s("div",{class:i.panSection},[s("img",{src:xt,class:i.iconPan},null),s("img",{src:((e=t.details)==null?void 0:e.avatar)||d,class:i.img2},null)])]),s("div",{class:i.info},[s("div",{class:i.name},[t.details.name]),s("div",{class:i.c},[t.details.composers?s("div",null,[s("span",null,[o("作曲：")]),s(_,{text:t.details.composers,style:{marginRight:"0"}},null)]):"",t.details.lyricists?s("div",null,[s("span",null,[o("作词：")]),s(_,{text:t.details.lyricists,style:{marginRight:"0"}},null)]):""])])]),s("div",{class:i.titlec},[s("i",{class:i.icon2},null),o("名曲鉴赏")]),t.list.map((l,p)=>s("div",{class:i.itemContainer},[s("div",{class:[i.item],onClick:c=>{c.stopPropagation(),u(l)}},[s("div",{class:i.img},[s(R,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:l.titleImg||d,onLoad:c=>{c.target.dataset.loaded="true"}},null),s(T,{class:[t.listActive===p&&t.playState==="play"?"":i.showPlayLoading]},null)]),s("div",{class:i.title},[s("div",{class:i.titleName},[s(_,{text:l.name,style:{marginRight:"12px"}},null)])]),s(E,{color:"#259CFE",textColor:"#fff",round:!0,class:i.btn,type:"primary",onClick:c=>{c.stopPropagation(),u(l)}},{default:()=>[o("播放"),s("img",{src:t.listActive===p&&t.playState==="play"?C:P},null)]}),s("img",{class:i.arrow,src:k},null)])])),!t.finshed&&s("div",{class:i.loadingWrap},[s(U,{show:!0},null)]),!t.loading&&t.list.length===0&&s("div",{class:i.empty},[s($,{description:"暂无名曲鉴赏",style:{paddingTop:"0px"}},null)])])]),s("div",{class:i.musicStaff},[s("div",{class:i.musicTitle},[s("i",{class:i.icon1},null),o("名曲故事")]),s("div",{class:i.musicContent,innerHTML:(a=t.details)==null?void 0:a.intros,style:{fontSize:t.fontSize+"px"}},null)]),s("div",{class:i.changeSizeSection},[s("img",{src:A,class:i.iconT},null),s("img",{src:N,class:i.iconAddT,onClick:()=>{t.fontSize>=32||(t.fontSize+=1)}},null),s(q,{value:t.fontSize,"onUpdate:value":l=>t.fontSize=l,vertical:!0,min:12,max:32},null),s("img",{src:F,class:i.iconPlusT,onClick:()=>{t.fontSize<=12||(t.fontSize-=1)}},null)])])])]),t.list.length!==0&&s(I,{show:t.showPlayer,playState:t.playState,item:v.value,onChange:l=>y(l)},null)])}}});export{Vt as default};
|
