| 1 |
- System.register(["./index-legacy-b53a8a09-1706251752246.js","./icon_back-legacy-a8ad0d25-1706251752246.js","./index-legacy-2bc5e857-1706251752246.js","./index-legacy-2b76934e-1706251752246.js","./icon-collect-active-legacy-b7c75e66-1706251752246.js","./icon_default-legacy-fa9bb009-1706251752246.js","./index-legacy-0df01c0a-1706251752246.js","./api-legacy-67d76987-1706251752246.js","./api-legacy-0e61e2e2-1706251752246.js","./index-legacy-a3aad436-1706251752246.js","./state-legacy-ae5305d9-1706251752246.js","./index-legacy-db59835a-1706251752246.js","./Slider-legacy-6dd3981d-1706251752246.js","./index-legacy-0c33c6bd-1706251752246.js"],(function(e,t){"use strict";var i,n,a,l,s,o,d,r,c,_,u,y,p,g,m,v,h,w,f,k,b,x,S,C,I,P,A,j,L,F,R,z,B,U,E,M,N,T,$,W,D,O,G,J,V,X,q,H,K,Q;return{setters:[e=>{i=e.d,n=e.e,a=e.X,l=e.r,s=e.p,o=e.H,d=e.O,r=e.f,c=e.c1,_=e.bT,u=e.k,y=e.F,p=e.c,g=e.a,m=e.u,v=e.M,h=e.U,w=e.w,f=e.ck,k=e.cl,b=e.j,x=e.v,S=e.x,C=e.A,I=e.W,P=e.a6,A=e.l,j=e.aV},e=>{L=e.i},e=>{F=e.i,R=e.P,z=e.a,B=e.b,U=e.c,E=e.d},e=>{M=e.T},e=>{N=e.i,T=e.a},e=>{$=e.i},e=>{W=e.T},e=>{D=e.c,O=e.d,G=e.e},e=>{J=e.g,V=e.s,X=e.a,q=e.b},e=>{H=e.T},e=>{K=e.s},e=>{Q=e.u},null,null],execute:function(){var Y=document.createElement("style");Y.textContent="._container_d7nyk_1{display:flex;flex-direction:column;height:100%}._container_d7nyk_1 ._iconBack_d7nyk_6{width:1.875vw;height:1.875vw}._container_d7nyk_1 .n-breadcrumb .n-breadcrumb-item{font-size:max(.83333333rem,12Px)!important}._container_d7nyk_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_d7nyk_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_d7nyk_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_d7nyk_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_d7nyk_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_d7nyk_1>.n-space{height:1.875vw;flex-shrink:0}._container_d7nyk_1 ._separator_d7nyk_39{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_d7nyk_44{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_d7nyk_44._wrapBottom_d7nyk_50{padding-bottom:5.625vw}._content_d7nyk_53{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw}._tools_d7nyk_60{padding:1.04166667vw;display:flex;align-items:center;flex-shrink:0}._tools_d7nyk_60 .n-input{margin-left:auto;width:18.80208333vw}._tools_d7nyk_60 .n-input__input-el{height:100%;line-height:100%}._tools_d7nyk_60 .n-button{--n-height: 1.92708333vw !important;height:1.92708333vw;padding:0 1.25vw;font-size:max(.9375rem,13Px)}._tools_d7nyk_60 .n-button.n-button--primary-type{font-weight:700!important;color:#fff}._contentWrap_d7nyk_84{flex:1;display:flex;padding:0 1.04166667vw 1.04166667vw;overflow:hidden;gap:0 1.66666667vw}._musicList_d7nyk_91{background-color:#fff;border-radius:.83333333vw;width:26.66666667vw;min-width:15.3125vw;height:100%;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_d7nyk_91::-webkit-scrollbar{width:0;display:none}._musicList_d7nyk_91 ._wrapList_d7nyk_105{width:26.66666667vw;min-width:15.3125vw;min-height:100%;border-radius:.83333333vw}._musicList_d7nyk_91 ._empty_d7nyk_111{display:flex;align-items:center;justify-content:center;height:50vh}._itemContainer_d7nyk_117{width:100%;border-radius:.83333333vw;padding:.20833333vw .41666667vw}._itemContainer_d7nyk_117:first-child{padding-top:.41666667vw}._itemContainer_d7nyk_117:last-child{padding-bottom:.41666667vw}._item_d7nyk_117{position:relative;display:flex;align-items:center;padding:.52083333vw;border-radius:.625vw;cursor:pointer}._item_d7nyk_117:hover{background-color:rgba(0,0,0,.05)}._item_d7nyk_117._active_d7nyk_139{background-color:#ddf2ff}._item_d7nyk_117._active_d7nyk_139 ._arrow_d7nyk_142{opacity:1}._item_d7nyk_117 ._img_d7nyk_145{position:relative;width:3.125vw;height:3.125vw;border-radius:.41666667vw;margin-right:.625vw;overflow:hidden;flex-shrink:0}._item_d7nyk_117 ._img_d7nyk_145 .n-image{width:3.125vw;height:3.125vw}._item_d7nyk_117 ._img_d7nyk_145 img{transition:opacity .3s;opacity:0;height:100%;width:100%}._item_d7nyk_117 ._img_d7nyk_145 img[data-loaded=true]{opacity:1}._item_d7nyk_117 ._title_d7nyk_167{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_d7nyk_117 ._title_d7nyk_167 ._titleName_d7nyk_174{font-size:max(.9375rem,13Px);font-weight:600;color:#131415;line-height:1.45833333vw;width:100%}._item_d7nyk_117 ._title_d7nyk_167 ._titleDes_d7nyk_181{font-size:max(.72916667rem,11Px);font-weight:400;color:#777;line-height:1.04166667vw;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_d7nyk_117 ._btn_d7nyk_191{margin-left:auto;width:4.375vw;height:1.875vw;background:linear-gradient(to right,#44CAFF,#259DFE);border:none;padding:0;font-weight:700!important;flex-shrink:0;min-width:3.22916667vw;min-height:1.5625vw;font-size:max(.9375rem,12Px)}._item_d7nyk_117 ._btn_d7nyk_191 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._item_d7nyk_117 ._arrow_d7nyk_142{position:absolute;top:50%;right:.625vw;transform:translate(124%,-50%);opacity:0}._item_d7nyk_117 ._showPlayLoading_d7nyk_216{opacity:0}._loadingWrap_d7nyk_219{display:flex;justify-content:center;min-height:4.16666667vw}._musicStaff_d7nyk_224{display:flex;flex-direction:column;position:relative;left:-.41666667vw;flex:1;background-color:#fff;border-radius:.83333333vw;z-index:1;overflow:hidden}._musicStaff_d7nyk_224::-webkit-scrollbar{width:0;display:none}._musicStaff_d7nyk_224 ._goBtn_d7nyk_239{position:absolute;left:50%;bottom:2.39583333vw;transform:translate(-50%);height:3.64583333vw;cursor:pointer;transition:all .2s ease-in}._musicStaff_d7nyk_224 ._favitor_d7nyk_248{position:absolute;top:1.04166667vw;right:1.25vw;width:2.5vw;height:2.5vw;cursor:pointer;transition:all .3s}._musicStaff_d7nyk_224 ._favitor_d7nyk_248:hover{transform:scale(1.1)}._musicStaff_d7nyk_224 ._favitor_d7nyk_248>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083333vw rgba(27,35,55,.1))}._musicName_d7nyk_266{padding-top:1.5625vw;font-size:1.25rem;font-weight:500;color:#333;line-height:1.25vw;text-align:center}._staffImgs_d7nyk_274{flex:1;overflow-y:auto;height:100%;padding:0 1.5625vw}._staffImgs_d7nyk_274>img{width:100%}.van-fade-enter-active,.van-fade-leave-active{transition:all .3s}.van-fade-enter-from,.van-fade-leave-to{opacity:0}._previewWindow_d7nyk_291{width:85%;height:85vh;position:relative}._previewWindow_d7nyk_291 ._previewClose_d7nyk_296{position:absolute;left:2.08333333vw;top:2.08333333vw;width:3.125vw;height:3.38541667vw}._previewWindow_d7nyk_291 ._previewIframe_d7nyk_303{width:100%;height:85vh;background-color:#fff;border-radius:.83333333vw}\n",document.head.appendChild(Y);const Z="_container_d7nyk_1",ee="_iconBack_d7nyk_6",te="_separator_d7nyk_39",ie="_wrap_d7nyk_44",ne="_wrapBottom_d7nyk_50",ae="_content_d7nyk_53",le="_tools_d7nyk_60",se="_contentWrap_d7nyk_84",oe="_musicList_d7nyk_91",de="_wrapList_d7nyk_105",re="_empty_d7nyk_111",ce="_itemContainer_d7nyk_117",_e="_item_d7nyk_117",ue="_active_d7nyk_139",ye="_arrow_d7nyk_142",pe="_img_d7nyk_145",ge="_title_d7nyk_167",me="_titleName_d7nyk_174",ve="_titleDes_d7nyk_181",he="_btn_d7nyk_191",we="_showPlayLoading_d7nyk_216",fe="_loadingWrap_d7nyk_219",ke="_musicStaff_d7nyk_224",be="_goBtn_d7nyk_239",xe="_favitor_d7nyk_248",Se="_musicName_d7nyk_266",Ce="_staffImgs_d7nyk_274",Ie="_previewWindow_d7nyk_291",Pe="_previewClose_d7nyk_296",Ae="_previewIframe_d7nyk_303",je=""+new URL("icon_goXiaoku-5d0db670.png",t.meta.url).href,Le=""+new URL("icon-close-1bf25bcf.png",t.meta.url).href,Fe=i({name:"music-guide",emits:["close"],setup(e,{emit:t}){const i=n({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:J("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:a(-4),left:a(0),width:a(533),height:a(271)},btnsStyle:{bottom:a(40),left:a(159)},eleRectPadding:{left:7,top:7,width:14,height:14},boxStyle:{}},{ele:"",img:J("music2.png"),imgStyle:{top:a(-4),left:a(-205),width:a(420),height:a(228)},btnsStyle:{bottom:a(35),left:a(-48)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:J("music3.png"),imgStyle:{top:"100%",left:a(-130),width:a(401),height:a(304)},btnsStyle:{bottom:a(100),left:a(30)},boxStyle:{borderRadius:"40px"},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),p=l(!1),g=l({});(async()=>{try{const e=await X({guideTag:"teacher-guideInfo"});e.data?g.value=JSON.parse(e.data?.guideValue)||null:g.value={},g.value&&g.value.musicGuide?p.value=!1:p.value=!0}catch(e){console.log(e)}})();const m=()=>{const e=document.getElementById(`music-${i.step}`);if(e){const t=e.getBoundingClientRect();if(console.log(e.style.display,"ele"),"none"==e.style.display)return void w();const n=i.steps[i.step].eleRectPadding?.left||0,a=i.steps[i.step].eleRectPadding?.top||0,l=i.steps[i.step].eleRectPadding?.width||0,s=i.steps[i.step].eleRectPadding?.height||0;i.box={left:t.x-n+"px",top:t.y-a+"px",width:t.width+l+"px",height:t.height+s+"px"}}else w()},v=async e=>{try{if("xiaoku-music"!==e)return;g.value?g.value.musicGuide=!1:g.value={musicGuide:!1};try{await q({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(g.value)})}catch(t){console.log(t)}i.step=0,m(),p.value=!0}catch{}};s((()=>{m(),window.addEventListener("resize",h),o.on("teacher-guideInfo",(e=>v(e)))}));const h=()=>{m()};d((()=>{window.removeEventListener("resize",h),o.off("teacher-guideInfo",v)}));const w=()=>{i.step>=3?f():(i.step=i.step+1,m())},f=async()=>{g.value?g.value.musicGuide=!0:g.value={musicGuide:!0};try{await q({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(g.value)})}catch(e){console.log(e)}p.value=!1};return()=>r(y,null,[p.value?c(r("div",{"onUpdate:show":e=>p.value=e,class:["n-modal-mask","n-modal-mask-guide"]},[r("div",{class:V.content,onClick:()=>w()},[r("div",{class:V.backBtn,onClick:e=>{e.stopPropagation(),f()}},[u("跳过")]),r("div",{class:V.box,style:{...i.box,...i.steps[i.step].boxStyle},id:`modeType-${i.step}`},[i.steps.map(((e,t)=>r("div",{onClick:e=>e.stopPropagation(),class:V.item,style:"bottom"==e.type?{display:t===i.step?"":"none",left:`${e.eleRect?.left}px`,top:`-${e.imgStyle?.height}`}:{display:t===i.step?"":"none",left:`${e.eleRect?.left}px`,top:`${i.box?.height}`}},[r("img",{class:V.img,style:e.imgStyle,src:e.img},null),r("div",{class:V.btns,style:e.btnsStyle},[i.step+1==i.steps.length?r(y,null,[r("div",{class:[V.endBtn],onClick:()=>f()},[u("完成")]),r("div",{class:V.nextBtn,onClick:()=>{i.step=0,m()}},[u("再看一遍")])]):r("div",{class:V.btn,onClick:()=>w()},[u("下一步 ("),i.step+1,u("/"),i.steps.length,u(")")])])])))])])]),[[_,p.value,"show"]]):null])}});e("default",i({name:"XiaokuMusic",setup(){const e=p(),t=g(),i=m(),a=n({page:1,rows:20,status:!0,name:"",musicSheetCategoriesId:t.query.id||""}),o=n({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,playState:"pause",showPlayer:!1,previewModal:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0}),c=l(!1),_=p(),y=async()=>{o.loading=!0;let e={};try{e=await D({...a,musicSubject:o.tagIndex?o.tagIndex:""})}catch(t){console.log(t)}o.reshing&&(o.list=[],o.reshing=!1),200===e?.code&&Array.isArray(e?.data?.rows)&&(o.list=[...o.list,...e.data.rows],o.finshed=e.data.rows.length<a.rows,console.log("🚀 ~ data.finshed:",o.finshed)),o.list[o.listActive]&&q(o.list[o.listActive]),o.loading=!1,setTimeout((()=>{c.value=!0}),500)},J=()=>{o.listActive=0,o.showPlayer=!1,o.playState="pause",a.page=1,o.finshed=!1,y()},V=l(),X=e=>{"api_fingerPreView"===e.data?.api&&(o.showCloseBtn=!e.data.state)};s((async()=>{Q(document.querySelector(".musicList-container"),(e=>{const t=e[0],{height:i}=t.contentRect;console.log(i,"height - 11"),document.documentElement.style.setProperty("--xiaoku-music-height",i+"px")})),(async()=>{const e=sessionStorage.getItem("musicSubjectList")?JSON.parse(sessionStorage.getItem("musicSubjectList")):[];o.tags=[{name:"全部",id:0},...e]})(),await y();const e=new IntersectionObserver((e=>{e[0].intersectionRatio>0&&(console.log(o.finshed),o.loading||o.finshed||(a.page=a.page+1,y()))}));v((()=>{e.observe(V.value)})),window.addEventListener("message",X)})),d((()=>{window.removeEventListener("message",X)}));const q=async e=>{const t=await O({type:"MUSIC",materialId:e.id});200===t?.code&&(e.favitor=t.data)},Y=h((()=>(o.list[o.listActive]&&(/(localhost|192)/.test(location.host)||location.origin,console.log(o.list[o.listActive].xmlFileUrl,"data.list[data.listActive]"),o.list[o.listActive].xmlFileUrl,_.getToken),o.list[o.listActive]||{}))),Re=()=>{o.list[o.listActive].favitor=!o.list[o.listActive].favitor,G({favoriteFlag:o.list[o.listActive].favitor,type:"MUSIC",materialId:o.list[o.listActive].id})},ze=e=>{const t=o.list.findIndex((t=>t.id===e.id));t>-1&&(o.listActive===t?o.playState="play"===o.playState?"pause":"play":o.playState="play",o.showPlayer=!0,o.listActive=t)},Be=e=>{"play"===e?o.playState="play":"pause"===e?o.playState="pause":"pre"===e?o.list[o.listActive-1]&&ze(o.list[o.listActive-1]):"next"===e?o.list[o.listActive+1]&&ze(o.list[o.listActive+1]):"favitor"===e&&Re()};return()=>{let n;return r("div",{class:Z},[r(w,{align:"center",wrapItem:!1,size:16},{default:()=>[r("img",{style:{cursor:"pointer"},src:L,class:ee,onClick:()=>i.push({path:"/xiaoku-ai"})},null),r(f,{separator:""},{default:()=>[r(k,{onClick:()=>i.push({path:"/xiaoku-ai"})},{default:()=>[u("全部列表")]}),r("img",{class:te,src:F},null),r(k,null,{default:()=>[t.query.name]})]})]}),r("div",{class:[ie,o.showPlayer?ne:""]},[r("div",{class:ae},[r("div",{class:le},[r(w,{style:{width:"100%"},size:[24,12],wrapItem:!1},{default:()=>{return[r("div",{id:"music-0"},[r(w,{style:{width:"100%"},size:[24,12],wrapItem:!1},(e=n=o.tags.map((e=>r(b,{round:!0,textColor:o.tagIndex===e.id?"#fff":"#000",color:o.tagIndex===e.id?"#198CFE":"#fff",type:o.tagIndex===e.id?"primary":"default",onClick:()=>{o.tagIndex=e.id,o.reshing=!0,J()}},{default:()=>[e.name]}))),"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!j(e)?n:{default:()=>[n]}))])];var e}}),r(M,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:e=>{a.name=e,o.reshing=!0,J()}},null)]),r("div",{class:se},[r("div",{class:[oe,"musicList-container"]},[r("div",{class:de},[o.list.map(((e,t)=>r("div",{class:ce},[r("div",{class:[_e,o.listActive===t&&ue],onClick:()=>(e=>{const t=o.list.findIndex((t=>t.id===e.id));t>-1&&(o.listActive=t),q(e)})(e)},[r("div",{class:pe},[r(x,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:e.titleImg||$,onLoad:e=>{e.target.dataset.loaded="true"}},null),r(R,{class:[o.listActive===t&&"play"===o.playState?"":we]},null)]),r("div",{class:ge},[r("div",{class:me},[r(W,{text:e.musicSheetName},null)]),r("div",{class:ve},[e.composer])]),r(b,0==t?S({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:he,type:"primary",onClick:t=>{t.stopPropagation(),ze(e)}}):{color:"#259CFE",textColor:"#fff",round:!0,class:he,type:"primary",onClick:t=>{t.stopPropagation(),ze(e)}},{default:()=>[u("试听"),r("img",{src:o.listActive===t&&"play"===o.playState?z:B},null)]}),r("img",{class:ye,src:U},null)])]))),!o.finshed&&r("div",{ref:V,class:fe},[r(C,{show:!0},null)]),!o.loading&&0===o.list.length&&r("div",{class:re},[r(H,null,null)])])]),r("div",{class:ke},[r("div",{class:Se},[Y.value.musicSheetName]),r("img",{id:"music-2",style:{display:Y.value.id?"":"none"},class:[be],src:je,onClick:()=>{Be("pause");const t=`${/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin}/instrument?v=${+new Date}&platform=pc&showGuide=true&id=${Y.value.id}&Authorization=${e.getToken}`;window.matchMedia("(display-mode: standalone)").matches?(K.application=window.matchMedia("(display-mode: standalone)").matches,o.previewModal=!0,o.previewUrl=t,o.showPreivew=!1):window.open(t)}},null),r("div",{style:{display:Y.value.id?"":"none"},class:xe,onClick:()=>Re()},[r(I,{name:"favitor",mode:"out-in"},{default:()=>[Y.value.favitor?r("img",{src:N,key:"1"},null):r("img",{src:T,key:"2"},null)]})]),r("div",{class:Ce},[r(P,{name:"van-fade"},{default:()=>[Y.value?.musicSvg||Y.value?.musicImg?(Y.value?.musicSvg||Y.value?.musicImg)?.split(",").map(((e,t)=>r("img",{src:e,key:e},null))):r(H,null,null)]})])])])])]),0!==o.list.length&&r(E,{show:o.showPlayer,playState:o.playState,item:Y.value,onChange:e=>Be(e)},null),c.value?r(Fe,null,null):null,r(A,{show:o.previewModal,"onUpdate:show":[e=>o.previewModal=e,e=>{e||(o.previewUrl="")}],class:Ie,showIcon:!1,displayDirective:"show"},{default:()=>[r(C,{show:o.showPreivew,style:"--n-opacity-spinning: 1;"},{default:()=>[r("img",{style:{display:o.showCloseBtn?"":"none"},src:Le,class:Pe,onClick:()=>{o.previewModal=!1,o.previewUrl=""}},null),r("iframe",{class:Ae,onLoad:()=>{o.showPreivew=!1},frameborder:"0",src:o.previewUrl},null)]})]})])}}}))}}}));
|
