| 1 |
- import{d as Y,e as U,X as r,r as N,p as Z,H as W,O as ee,f as s,c1 as te,bT as se,k as g,F as z,c as O,a as ae,u as ie,U as $,w as E,ck as oe,cl as V,cm as q,j as B,v as ne,x as le,A as J,W as ce,a6 as re,l as ue,aV as de}from"./index-7958028a-1706789657293.js";import{i as pe}from"./icon_back-c5ec0a72-1706789657293.js";import{i as fe,P as me,a as X,b as H,c as ge,d as ve}from"./index-fbbee7e8-1706789657293.js";import{T as he}from"./index-b5c6cfc6-1706789657293.js";import{i as we,a as ye}from"./icon-collect-active-4272e308-1706789657293.js";import{i as _e}from"./icon_default-d1bcaf5f-1706789657293.js";import{T as be}from"./index-38f7eeb8-1706789657293.js";import{u as Se}from"./catchData-11398827-1706789657293.js";import{c as xe,d as Ie,e as Ce}from"./api-2cc1d006-1706789657293.js";import{g as F,s as v,a as Ae,b as K}from"./api-690ba29b-1706789657293.js";import{T as Q}from"./index-c76c7b9b-1706789657293.js";import{s as Be}from"./state-fb82ec50-1706789657293.js";import{u as ke}from"./index-49250ad1-1706789657293.js";import"./Slider-89e15f7b-1706789657293.js";import"./index-062a794f-1706789657293.js";const Le="_container_safb9_1",Pe="_iconBack_safb9_6",Ne="_separator_safb9_39",Re="_wrap_safb9_44",Te="_wrapBottom_safb9_50",$e="_content_safb9_53",Ee="_tools_safb9_60",Fe="_contentWrap_safb9_84",Ue="_musicList_safb9_91",je="_wrapList_safb9_105",Ge="_empty_safb9_111",Me="_itemContainer_safb9_117",De="_item_safb9_117",We="_active_safb9_139",ze="_arrow_safb9_142",Oe="_img_safb9_145",Ve="_title_safb9_167",qe="_titleName_safb9_174",Je="_titleDes_safb9_181",Xe="_btn_safb9_191",He="_showPlayLoading_safb9_216",Ke="_loadingWrap_safb9_219",Qe="_showLoading_safb9_224",Ye="_musicStaff_safb9_229",Ze="_goBtn_safb9_244",et="_rightBtns_safb9_253",tt="_textBtn_safb9_260",st="_favitor_safb9_268",at="_musicName_safb9_283",it="_staffImgs_safb9_291",ot="_previewWindow_safb9_308",nt="_previewClose_safb9_313",lt="_previewIframe_safb9_320",ct="_popSelect_safb9_326",rt="_iconArrow_safb9_336",ut="_textBtnActive_safb9_348",i={container:Le,iconBack:Pe,separator:Ne,wrap:Re,wrapBottom:Te,content:$e,tools:Ee,contentWrap:Fe,musicList:Ue,wrapList:je,empty:Ge,itemContainer:Me,item:De,active:We,arrow:ze,img:Oe,title:Ve,titleName:qe,titleDes:Je,btn:Xe,showPlayLoading:He,loadingWrap:Ke,showLoading:Qe,musicStaff:Ye,goBtn:Ze,rightBtns:et,textBtn:tt,favitor:st,musicName:at,staffImgs:it,previewWindow:ot,previewClose:nt,previewIframe:lt,popSelect:ct,iconArrow:rt,textBtnActive:ut},dt=""+new URL("icon_goXiaoku-5d0db670.png",import.meta.url).href,pt=""+new URL("icon-close-1bf25bcf.png",import.meta.url).href,ft=Y({name:"music-guide",emits:["close"],setup(b,{emit:j}){const n=U({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:F("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:r(-4),left:r(0),width:r(533),height:r(271)},btnsStyle:{bottom:r(40),left:r(159)},eleRectPadding:{left:7,top:7,width:14,height:14},boxStyle:{}},{ele:"",img:F("music2.png"),imgStyle:{top:r(-4),left:r(-205),width:r(420),height:r(228)},btnsStyle:{bottom:r(35),left:r(-48)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:F("music3.png"),imgStyle:{top:"100%",left:r(-130),width:r(401),height:r(304)},btnsStyle:{bottom:r(100),left:r(30)},boxStyle:{borderRadius:"40px"},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),m=N(!1),c=N({});(async()=>{var l;try{const u=await Ae({guideTag:"teacher-guideInfo"});u.data?c.value=JSON.parse((l=u.data)==null?void 0:l.guideValue)||null:c.value={},c.value&&c.value.musicGuide?m.value=!1:m.value=!0}catch(u){console.log(u)}})();const h=()=>{var u,y,_,x;const l=document.getElementById("music-".concat(n.step));if(l){const f=l.getBoundingClientRect();if(console.log(l.style.display,"ele"),l.style.display=="none"){w();return}const p=((u=n.steps[n.step].eleRectPadding)==null?void 0:u.left)||0,L=((y=n.steps[n.step].eleRectPadding)==null?void 0:y.top)||0,I=((_=n.steps[n.step].eleRectPadding)==null?void 0:_.width)||0,R=((x=n.steps[n.step].eleRectPadding)==null?void 0:x.height)||0;n.box={left:f.x-p+"px",top:f.y-L+"px",width:f.width+I+"px",height:f.height+R+"px"}}else w()},C=async l=>{try{if(l!=="xiaoku-music")return;c.value?c.value.musicGuide=!1:c.value={musicGuide:!1};try{await K({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(c.value)})}catch(u){console.log(u)}n.step=0,h(),m.value=!0}catch(u){}};Z(()=>{h(),window.addEventListener("resize",k),W.on("teacher-guideInfo",l=>C(l))});const k=()=>{h()};ee(()=>{window.removeEventListener("resize",k),W.off("teacher-guideInfo",C)});const w=()=>{if(n.step>=3){S();return}n.step=n.step+1,h()},S=async()=>{c.value?c.value.musicGuide=!0:c.value={musicGuide:!0};try{const l=await K({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(c.value)})}catch(l){console.log(l)}m.value=!1};return()=>s(z,null,[m.value?te(s("div",{"onUpdate:show":l=>m.value=l,class:["n-modal-mask","n-modal-mask-guide"]},[s("div",{class:v.content,onClick:()=>w()},[s("div",{class:v.backBtn,onClick:l=>{l.stopPropagation(),S()}},[g("跳过")]),s("div",{class:v.box,style:{...n.box,...n.steps[n.step].boxStyle},id:"modeType-".concat(n.step)},[n.steps.map((l,u)=>{var y,_,x,f;return s("div",{onClick:p=>p.stopPropagation(),class:v.item,style:l.type=="bottom"?{display:u===n.step?"":"none",left:"".concat((y=l.eleRect)==null?void 0:y.left,"px"),top:"-".concat((_=l.imgStyle)==null?void 0:_.height)}:{display:u===n.step?"":"none",left:"".concat((x=l.eleRect)==null?void 0:x.left,"px"),top:"".concat((f=n.box)==null?void 0:f.height)}},[s("img",{class:v.img,style:l.imgStyle,src:l.img},null),s("div",{class:v.btns,style:l.btnsStyle},[n.step+1==n.steps.length?s(z,null,[s("div",{class:[v.endBtn],onClick:()=>S()},[g("完成")]),s("div",{class:v.nextBtn,onClick:()=>{n.step=0,h()}},[g("再看一遍")])]):s("div",{class:v.btn,onClick:()=>w()},[g("下一步 ("),n.step+1,g("/"),n.steps.length,g(")")])])])})])])]),[[se,m.value,"show"]]):null])}});function mt(b){return typeof b=="function"||Object.prototype.toString.call(b)==="[object Object]"&&!de(b)}const Pt=Y({name:"XiaokuMusic",setup(){const b=Se(),j=O(),n=ae(),m=ie(),c=U({page:1,rows:20,status:!0,name:"",musicSheetCategoriesId:n.query.id||""}),e=U({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,musicInstrumentIndex:0,playState:"pause",showPlayer:!1,previewModal:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,iframeSrc:""}),h=N(!1),C=O(),k=async()=>{const a=b.getSubjectInstruments,t=sessionStorage.getItem("musicSubjectList")?JSON.parse(sessionStorage.getItem("musicSubjectList")):[],o=[];a.forEach(d=>{t.find(P=>P.id===d.id)&&o.push(d)}),e.tags=[{name:"全部",id:0,value:0,label:"全部"},...o]},w=async()=>{var t;e.loading=!0;let a={};try{a=await xe({...c,musicalInstrumentId:e.tagIndex?e.tagIndex:""})}catch(o){console.log(o)}console.log(a,"data",e.reshing,"musicSubject"),e.reshing&&(e.list=[],e.reshing=!1),(a==null?void 0:a.code)===200&&Array.isArray((t=a==null?void 0:a.data)==null?void 0:t.rows)&&(e.list=[...e.list,...a.data.rows],e.finshed=a.data.rows.length<c.rows),e.list[e.listActive]&&_(e.list[e.listActive]),e.loading=!1,setTimeout(()=>{h.value=!0},500)},S=()=>{e.listActive=0,e.showPlayer=!1,e.playState="pause",c.page=1,e.finshed=!1,w()},l=N(),u=()=>{e.loading||e.finshed||(c.page=c.page+1,w())},y=a=>{var t;((t=a.data)==null?void 0:t.api)==="api_fingerPreView"&&(e.showCloseBtn=!a.data.state)};Z(async()=>{await b.getSubjects(),ke(document.querySelector(".musicList-container"),t=>{const o=t[0],{height:d}=o.contentRect;document.documentElement.style.setProperty("--xiaoku-music-height",d+"px")}),k(),await w(),new IntersectionObserver(t=>{t[0].intersectionRatio>0&&u()}).observe(l.value),window.addEventListener("message",y)}),ee(()=>{window.removeEventListener("message",y)});const _=async a=>{const t=await Ie({type:"MUSIC",materialId:a.id});(t==null?void 0:t.code)===200&&(a.favitor=t.data)},x=a=>{const t=e.list.findIndex(o=>o.id===a.id);t>-1&&(e.listActive=t),_(a)},f=a=>{const t={};return a==null||a.forEach(o=>{o.id===e.tagIndex&&(t.selected=!0,t.name=o.name)}),t},p=$(()=>{if(e.list[e.listActive]){const a=/(localhost|192)/.test(location.host)?"https://dev.kt.colexiu.com":location.origin;console.log(e.list[e.listActive].xmlFileUrl,"data.list[data.listActive]"),"".concat(a,"/instrument?modelType=practise&id=").concat(e.list[e.listActive].xmlFileUrl,"&Authorization=").concat(C.getToken,"/#/preview")}return e.list[e.listActive]||{}}),L=()=>{e.list[e.listActive].favitor=!e.list[e.listActive].favitor,Ce({favoriteFlag:e.list[e.listActive].favitor,type:"MUSIC",materialId:e.list[e.listActive].id})},I=a=>{const t=e.list.findIndex(o=>o.id===a.id);t>-1&&(e.listActive===t?e.playState=e.playState==="play"?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=t)},R=$(()=>{const a=e.list[e.listActive],t=(a==null?void 0:a.musicalInstruments)||[],o=[];return t.forEach((d,A)=>{o.push({label:d.name,value:A})}),o}),G=$(()=>{const a=e.list[e.listActive],t=a==null?void 0:a.musicalInstruments;return!!(t&&t.length>1)}),T=()=>{const a=C.getToken,t=e.list[e.listActive],o=/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin;console.log(o,"origin","".concat(o,"/instrument/?id=").concat(t.id,"&modelType=practise&modeType=json&Authorization=").concat(a,"&isPreView=true&part-index=").concat(e.musicInstrumentIndex)),e.iframeSrc="".concat(o,"/instrument/?id=").concat(t.id,"&modelType=practise&modeType=json&Authorization=").concat(a,"&isPreView=true&part-index=").concat(e.musicInstrumentIndex)},M=a=>{a==="play"?e.playState="play":a==="pause"?e.playState="pause":a==="pre"?e.list[e.listActive-1]&&I(e.list[e.listActive-1]):a==="next"?e.list[e.listActive+1]&&I(e.list[e.listActive+1]):a==="favitor"&&L()};return()=>{let a;return s("div",{class:i.container},[s(E,{align:"center",wrapItem:!1,size:16},{default:()=>[s("img",{style:{cursor:"pointer"},src:pe,class:i.iconBack,onClick:()=>m.push({path:"/xiaoku-ai"})},null),s(oe,{separator:""},{default:()=>[s(V,{onClick:()=>m.push({path:"/xiaoku-ai"})},{default:()=>[g("全部列表")]}),s("img",{class:i.separator,src:fe},null),s(V,null,{default:()=>[n.query.name]})]})]}),s("div",{class:[i.wrap,e.showPlayer?i.wrapBottom:""]},[s("div",{class:i.content},[s("div",{class:i.tools},[s(E,{style:{width:"100%"},size:[24,12],wrapItem:!1},{default:()=>[s("div",{id:"music-0"},[s(E,{style:{width:"100%"},size:[24,12],wrapItem:!1},mt(a=e.tags.map(t=>t.instruments&&t.instruments.length>1?s(q,{options:t.instruments,trigger:"hover",value:e.tagIndex,"onUpdate:value":[o=>e.tagIndex=o,()=>{e.reshing=!0,document.querySelector(".musicList-container").scroll(0,0),S()}],key:t.value,class:[i.popSelect]},{default:()=>[s(B,{round:!0,textColor:f(t.instruments).selected?"#fff":"#000",color:f(t.instruments).selected?"#198CFE":"#fff",type:f(t.instruments).selected?"primary":"default",class:[i.textBtn,f(t.instruments).selected&&i.textBtnActive]},{default:()=>[f(t.instruments).name||t.name,s("i",{class:i.iconArrow},null)]})]}):s(B,{round:!0,textColor:e.tagIndex===t.value?"#fff":"#000",color:e.tagIndex===t.value?"#198CFE":"#fff",type:e.tagIndex===t.value?"primary":"default",onClick:()=>{e.tagIndex=t.value||0,e.reshing=!0,document.querySelector(".musicList-container").scroll(0,0),S()}},{default:()=>[t.name]})))?a:{default:()=>[a]})])]}),s(he,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:t=>{c.name=t,e.reshing=!0,S()}},null)]),s("div",{class:i.contentWrap},[s("div",{class:[i.musicList,"musicList-container"]},[s("div",{class:[i.wrapList,"music-wrap-list"]},[e.list.map((t,o)=>s("div",{class:i.itemContainer},[s("div",{class:[i.item,e.listActive===o&&i.active],onClick:()=>{x(t),T()}},[s("div",{class:i.img},[s(ne,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:t.titleImg||_e,onLoad:d=>{d.target.dataset.loaded="true"}},null),s(me,{class:[e.listActive===o&&e.playState==="play"?"":i.showPlayLoading]},null)]),s("div",{class:i.title},[s("div",{class:i.titleName},[s(be,{text:t.musicSheetName},null)]),s("div",{class:i.titleDes},[t.composer])]),o==0?s(B,le({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:i.btn,type:"primary",onClick:d=>{d.stopPropagation(),I(t)}}),{default:()=>[g("试听"),s("img",{src:e.listActive===o&&e.playState==="play"?X:H},null)]}):s(B,{color:"#259CFE",textColor:"#fff",round:!0,class:i.btn,type:"primary",onClick:d=>{d.stopPropagation(),I(t)}},{default:()=>[g("试听"),s("img",{src:e.listActive===o&&e.playState==="play"?X:H},null)]}),s("img",{class:i.arrow,src:ge},null)])])),s("div",{ref:l,class:[i.loadingWrap,e.finshed&&i.showLoading]},[s(J,{show:!0},null)]),!e.loading&&e.list.length===0&&s("div",{class:i.empty},[s(Q,null,null)])])]),s("div",{class:i.musicStaff},[s("div",{class:i.musicName},[p.value.musicSheetName]),s("img",{id:"music-2",style:{display:p.value.id?"":"none"},class:[i.goBtn],src:dt,onClick:()=>{M("pause");const t=/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin,o="".concat(t,"/instrument?v=").concat(+new Date,"&platform=pc&showGuide=true&id=").concat(p.value.id,"&Authorization=").concat(j.getToken);window.matchMedia("(display-mode: standalone)").matches?(Be.application=window.matchMedia("(display-mode: standalone)").matches,e.previewModal=!0,e.previewUrl=o,e.showPreivew=!1):window.open(o)}},null),s("div",{class:i.rightBtns,style:{display:p.value.id?"":"none"}},[G.value&&s(q,{options:R.value,trigger:"hover",value:e.musicInstrumentIndex,"onUpdate:value":[t=>e.musicInstrumentIndex=t,t=>{t!==e.musicInstrumentIndex&&T()}],class:[i.popSelect]},{default:()=>[s(B,{round:!0,class:[i.textBtn]},{default:()=>[g("切换声轨"),s("i",{class:i.iconArrow},null)]})]}),s("div",{class:i.favitor,onClick:()=>L()},[s(ce,{name:"favitor",mode:"out-in"},{default:()=>[p.value.favitor?s("img",{src:we,key:"1"},null):s("img",{src:ye,key:"2"},null)]})])]),s("div",{class:i.staffImgs},[G.value?s("iframe",{id:"staffIframeRef",style:{width:"100%"},src:e.iframeSrc,onLoad:T},null):s(re,{name:"van-fade"},{default:()=>{var t,o,d,A,P;return[(t=p.value)!=null&&t.musicSvg||(o=p.value)!=null&&o.musicImg?(P=((d=p.value)==null?void 0:d.musicSvg)||((A=p.value)==null?void 0:A.musicImg))==null?void 0:P.split(",").map(D=>s("img",{src:D,key:D},null)):s(Q,null,null)]}})])])])])]),e.list.length!==0&&s(ve,{show:e.showPlayer,playState:e.playState,item:p.value,onChange:t=>M(t)},null),h.value?s(ft,null,null):null,s(ue,{show:e.previewModal,"onUpdate:show":[t=>e.previewModal=t,t=>{t||(e.previewUrl="")}],class:i.previewWindow,showIcon:!1,displayDirective:"show"},{default:()=>[s(J,{show:e.showPreivew,style:"--n-opacity-spinning: 1;"},{default:()=>[s("img",{style:{display:e.showCloseBtn?"":"none"},src:pt,class:i.previewClose,onClick:()=>{e.previewModal=!1,e.previewUrl=""}},null),s("iframe",{class:i.previewIframe,onLoad:()=>{e.showPreivew=!1},frameborder:"0",src:e.previewUrl},null)]})]})])}}});export{Pt as default};
|
