detail-53d2788b-1728525661307.js 12 KB

1
  1. import{C as L}from"./index-8f3ad134-1728525661307.js";import{d as P,e as y,q as B,f as t,N as O,g as v,x as f,ay as R,D as k,aR as F,r as C,A as G,F as A,a as j,c as W,U as D,T as H,t as U,v as N,k as x,E as V,z as $,aD as Y,aW as z}from"./index-324a91a1-1728525661307.js";import{u as Q}from"./catchData-7b56150c-1728525661307.js";import{a as M}from"./contants-32f8b17d-1728525661307.js";import{a as J,f as K}from"./index-f289c906-1728525661307.js";import{T as X}from"./index-234002d0-1728525661307.js";import{T as Z}from"./index-e4dbb426-1728525661307.js";import{c as ee}from"./api-cf6cc973-1728525661307.js";import{v as ae}from"./urlUtils-72ef455d-1728525661307.js";import{P as te}from"./index-974f5f6f-1728525661307.js";import{N as se}from"./Scrollbar-26dcbbee-1728525661307.js";import"./index-4e5d834b-1728525661307.js";import"./Slider-63b34f2d-1728525661307.js";import"./index-cf57836f-1728525661307.js";import"./index-df2d52b9-1728525661307.js";import"./icon_default-d1bcaf5f-1728525661307.js";import"./useSpeak-8c9b83a5-1728525661307.js";import"./api-77ea9366-1728525661307.js";import"./icon-pan-16e35a82-1728525661307.js";import"./api-14a9206b-1728525661307.js";import"./api-4f96d229-1728525661307.js";import"./ding-8e9054d5-1728525661307.js";import"./searchArray-5457e010-1728525661307.js";import"./index-a5039825-1728525661307.js";import"./index-791965d8-1728525661307.js";import"./index-da106294-1728525661307.js";import"./api-759580be-1728525661307.js";import"./api-929c568b-1728525661307.js";import"./teacherIcon-b8e3946d-1728525661307.js";import"./index-4013b5e1-1728525661307.js";import"./api-1a36072a-1728525661307.js";import"./Cascader-38d28280-1728525661307.js";import"./index-5ded45d7-1728525661307.js";import"./index-3a73a98d-1728525661307.js";const ne="_xiaokuDetail_qrm60_1",oe="_detailContainer_qrm60_6",ie="_inputSearch_qrm60_44",le="_searchSection_qrm60_47",re="_searchSectionHide_qrm60_51",ce="_searchGroup_qrm60_57",me="_hideItem_qrm60_63",de="_btnType_qrm60_69",ue="_moreSearch_qrm60_104",pe="_activeSearch_qrm60_129",he="_teachingModal_qrm60_132",_e="_spaceSection_qrm60_135",Se="_collapseWrap_qrm60_145",ge="_collaoseGroup_qrm60_151",ve="_collaoseBtn_qrm60_157",fe="_isStart_qrm60_162",ye="_isHidden_qrm60_165",we="_hideButton_qrm60_169",Ie="_popSelect_qrm60_174",Ne="_spaceSection2_qrm60_184",Te="_textBtn_qrm60_189",be="_iconArrow_qrm60_201",qe="_textBtnActive_qrm60_210",Ce="_sectionContainer_qrm60_218",Pe="_noSearchContainer_qrm60_225",Ae="_wrapList_qrm60_228",xe="_wrapListEmpty_qrm60_232",Me="_empty_qrm60_237",Be="_loadingWrap_qrm60_246",Ee="_showLoading_qrm60_251",Le="_sectionItem_qrm60_257",Oe="_img_qrm60_266",Re="_infos_qrm60_278",ke="_topName_qrm60_282",Fe="_types_qrm60_296",Ge="_hot_qrm60_303",je="_sing_qrm60_325",We="_song_qrm60_326",De="_author_qrm60_343",s={xiaokuDetail:ne,detailContainer:oe,inputSearch:ie,searchSection:le,searchSectionHide:re,searchGroup:ce,hideItem:me,btnType:de,moreSearch:ue,activeSearch:pe,teachingModal:he,spaceSection:_e,collapseWrap:Se,collaoseGroup:ge,collaoseBtn:ve,isStart:fe,isHidden:ye,hideButton:we,popSelect:Ie,spaceSection2:Ne,textBtn:Te,iconArrow:be,textBtnActive:qe,sectionContainer:Ce,noSearchContainer:Pe,wrapList:Ae,wrapListEmpty:xe,empty:Me,loadingWrap:Be,showLoading:Ee,sectionItem:Le,img:Oe,infos:Re,topName:ke,types:Fe,hot:Ge,sing:je,song:We,author:De};function T(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!k(p)}const E=P({name:"ChildNodeSearch",props:{activeRow:{type:Object,default:()=>({})},list:{type:Array,default:()=>[]}},emits:["selectChildTag"],setup(p,{emit:S}){const{activeRow:d}=F(p),o=C({});return G(()=>p.activeRow,()=>{d.value=p.activeRow,o.value={}}),()=>{var e;return t(A,null,[((e=d.value)==null?void 0:e.id)&&t(A,null,[t(v,{label:d.value.columnName+":"},{default:()=>[t(f,{class:s.spaceSection},{default:()=>{var l;return[(l=d.value)==null?void 0:l.children.map(c=>t("span",{class:[s.textBtn,(d.value.activeIndex||"")==c.id&&s.textBtnActive],onClick:()=>{d.value.activeIndex=c.id;let h,_="";c.children?(h=[{columnName:c.children[0].columnName,name:"全部",id:""},...c.children],_=c.children[0].columnName,o.value={...c,columnName:_,activeIndex:"",children:h}):o.value={},S("selectChildTag",d.value.activeIndex)}},[c.name]))]}})]}),t(E,{activeRow:o.value,onSelectChildTag:l=>{S("selectChildTag",l||d.value.activeIndex)}},null)])])}}}),He=P({name:"search-group",emits:["search","add"],expose:["init"],setup(p,{emit:S}){const d=Q(),o=y({musicTagIds:"",audioPlayTypes:"",bookVersionId:null,subjectId:null}),e=y({showMore:!1,tempSubjectId:null}),l=y({audioPlayTypeList:[],selectParents:{},newTags:[],tags:[],tagActiveId:"",tagActive:{},childSelectId:null}),c=()=>{S("search",{...o,subjectId:o.audioPlayTypes!=="SING"?o.subjectId:null,audioPlayTypes:o.audioPlayTypes?o.audioPlayTypes==="PLAY_SING"?["PLAY","SING"]:[o.audioPlayTypes]:[],bookVersionId:l.childSelectId||l.tagActiveId})},h=()=>{e.showMore=!e.showMore},_=a=>{const n={};return a==null||a.forEach(r=>{r.id===o.subjectId&&(n.selected=!0,n.name=r.name)}),n},g=()=>{const a=d.getMusicTagTree;l.tags=[{columnName:a[0].columnName,name:"全部",id:""},...a],l.tagActiveId=l.tags[0].id},w=a=>{l.tagActiveId=a.id,l.childSelectId=null;let n,r="";a.children?(n=[{columnName:a.children[0].columnName,name:"全部",id:""},...a.children],r=a.children[0].columnName,l.selectParents={...a,columnName:r,activeIndex:"",children:n}):l.selectParents={},c()},b=()=>{var n,r;const a=d.getSubjectInstrumentOnly;if(a.length>0){const u=a[0];u.instruments&&u.instruments.length>1?(e.tempSubjectId=(n=u.instruments[0])==null?void 0:n.value,o.subjectId=(r=u.instruments[0])==null?void 0:r.value):o.subjectId=u.value}},I=async()=>{try{const n=(await J()).data||[];l.newTags=[{name:"全部",id:""},...n.map(r=>({name:r.name,id:r.id}))]}catch(a){}};return B(async()=>{const a=Object.keys(M).map(n=>({value:n,name:M[n]}));l.audioPlayTypeList=[{name:"全部",value:""},...a],await I(),await d.getMusicTagTreeApi(),g(),await d.getSubjects(),b(),c()}),()=>{let a,n,r,u;return t("div",{class:s.searchGroup},[t(O,{labelAlign:"left",labelPlacement:"left"},{default:()=>{var m;return[l.newTags.length>0&&t(v,{label:"标签:"},{default:()=>[t(f,{class:s.spaceSection},T(a=l.newTags.map(i=>t("span",{class:[s.textBtn,o.musicTagIds===i.id&&s.textBtnActive],onClick:()=>{o.musicTagIds=i.id,c()}},[i.name])))?a:{default:()=>[a]})]}),l.tags.length>0&&t(v,{label:((m=l.tags[0])==null?void 0:m.columnName)+":"},{default:()=>[t(f,{class:s.spaceSection},T(n=l.tags.map(i=>t("span",{class:[s.textBtn,l.tagActiveId===i.id&&s.textBtnActive],onClick:()=>{w(i)}},[i.name])))?n:{default:()=>[n]})]}),t(E,{activeRow:l.selectParents,onSelectChildTag:i=>{l.childSelectId=i,c()}},null),t(v,{label:"场景:",class:!e.showMore&&s.hideItem},{default:()=>[t(f,{class:s.spaceSection},T(r=l.audioPlayTypeList.map(i=>t("span",{class:[s.textBtn,o.audioPlayTypes===i.value&&s.textBtnActive],onClick:()=>{o.audioPlayTypes=i.value,c()}},[i.name])))?r:{default:()=>[r]})]}),o.audioPlayTypes!=="SING"&&t(v,{label:"乐器:",class:!e.showMore&&s.hideItem},{default:()=>[t(f,{class:s.spaceSection},T(u=d.getSubjectInstrumentOnly.map(i=>i.instruments&&i.instruments.length>1?t(R,{options:i.instruments,trigger:"hover",scrollable:!0,value:e.tempSubjectId,"onUpdate:value":[q=>e.tempSubjectId=q,()=>{o.subjectId=e.tempSubjectId,c()}],key:i.value,class:[s.popSelect]},{default:()=>[t("span",{class:[s.textBtn,_(i.instruments).selected&&s.textBtnActive]},[_(i.instruments).name||i.name,t("i",{class:s.iconArrow},null)])]}):t("span",{class:[s.textBtn,o.subjectId===i.value&&s.textBtnActive],onClick:()=>{o.subjectId=i.value,e.tempSubjectId=null,c()}},[i.name])))?u:{default:()=>[u]})]})]}}),t("div",{class:[s.moreSearch,e.showMore?s.activeSearch:""],onClick:h},[e.showMore?"收起选项":"展开更多"])])}}}),Ta=P({name:"xiaoku-detail",setup(){const p=j(),S=W(),d=C([{name:"AI学练",path:"/xiaoku-list"},{name:"全部曲目",path:""}]),o=y({page:1,rows:24,status:!0,searchType:""}),e=y({loading:!0,finshed:!1,reshing:!1,tabName:"",list:[],allSearch:{name:"",musicTagIds:"",audioPlayTypes:null,bookVersionId:null,musicalInstrumentId:null,subjectId:null},hotSearch:{name:""},newSearch:{name:""},recommendSearch:{name:""},previewModal:!1,previewParams:{type:"",src:""}}),l=D(()=>e.tabName==="RECOMMEND"?e.recommendSearch.name:e.tabName==="HOT"?e.hotSearch.name:e.tabName==="NEW"?e.newSearch.name:e.allSearch.name),c=async a=>{o.page=1,e.reshing=!0,e.finshed=!1;const{subjectId:n,...r}=a;e.allSearch=Object.assign(e.allSearch,{...r,musicalInstrumentId:n,subjectId:null}),g()},h=C(),_=()=>{e.loading||e.finshed||(o.page=o.page+1,g())},g=async()=>{var n,r;e.loading=!0;let a={};try{const{...u}=o;let m={...u,searchType:e.tabName};if(e.tabName==="RECOMMEND")m=Object.assign(m,e.recommendSearch);else if(e.tabName==="HOT")m=Object.assign(m,e.hotSearch);else if(e.tabName==="NEW")m=Object.assign(m,e.newSearch);else{m.name=e.allSearch.name;const{audioPlayTypes:i,...q}=e.allSearch;m=Object.assign(m,{...q}),m.audioPlayTypes=i?i==="PLAY_SING"?["PLAY","SING"]:[i]:[]}a=await ee(m)}catch(u){console.log(u)}e.reshing&&(e.list=[],e.reshing=!1),(a==null?void 0:a.code)===200&&Array.isArray((n=a==null?void 0:a.data)==null?void 0:n.rows)?((((r=a==null?void 0:a.data)==null?void 0:r.rows)||[]).forEach(m=>{m.audioPlayTypeArray=m.audioPlayTypes?m.audioPlayTypes.split(","):[]}),e.list=[...e.list,...a.data.rows],e.finshed=o.page>=a.data.pages):e.finshed=!0,e.loading=!1},w=()=>{new IntersectionObserver(n=>{n[0].intersectionRatio>0&&_()}).observe(h.value)},b=a=>{let n=a.scoreType||"FIRST",r="".concat(ae(),"/instrument?v=").concat(+new Date,"&platform=pc&id=").concat(a.id,"&Authorization=").concat(S.getToken,"&musicRenderType=").concat(n,"&showGuide=true&part-index=0");e.allSearch.musicalInstrumentId&&!e.tabName&&(r+="&instrumentId="+e.allSearch.musicalInstrumentId),window.matchMedia("(display-mode: standalone)").matches?($.application=window.matchMedia("(display-mode: standalone)").matches,e.previewModal=!0,Y(),e.previewParams={type:"music",src:r}):window.open(r,+new Date+"")},I=a=>{var n;((n=a.data)==null?void 0:n.api)==="onAttendToggleMenu"&&(z(),e.previewModal=!e.previewModal)};return B(async()=>{p.query.type&&(e.tabName=p.query.type),w(),window.addEventListener("message",I)}),H(()=>{window.removeEventListener("message",I)}),()=>t("div",{class:s.xiaokuDetail},[t(L,{list:d.value},null),t("div",{class:s.detailContainer},[t(U,{paneClass:s.paneTitle,justifyContent:"start",paneWrapperClass:s.paneWrapperContainer,value:e.tabName,"onUpdate:value":[a=>e.tabName=a,a=>{o.page=1,e.finshed=!1,e.reshing=!0,e.list=[],g(),w()}]},{default:()=>[t(N,{name:"",tab:"全部曲目"},null),t(N,{name:"RECOMMEND",tab:"推荐曲目"},null),t(N,{name:"HOT",tab:"热门曲目"},null),t(N,{name:"NEW",tab:"最新曲目"},null)],suffix:()=>t(X,{placeholder:"请输入曲目名称",round:!0,value:l.value,class:s.inputSearch,onSearch:a=>{e.tabName==="RECOMMEND"?e.recommendSearch.name=a:e.tabName==="HOT"?e.hotSearch.name=a:e.tabName==="NEW"?e.newSearch.name=a:e.allSearch.name=a,o.page=1,e.finshed=!1,e.list=[],g()}},null)}),t(se,{class:[[s.wrapList,!e.loading&&e.list.length===0&&s.wrapListEmpty]]},{default:()=>[t("div",{class:[s.searchSection,e.tabName?s.searchSectionHide:""]},[t(He,{onSearch:a=>{c(a)}},null)]),e.list.length>0&&t("div",{class:[s.sectionContainer,e.tabName&&s.noSearchContainer]},[e.list.map(a=>{var n,r;return t("div",{class:s.sectionItem,onClick:()=>b(a)},[t("div",{class:s.img},[t("img",{referrerpolicy:"no-referrer",src:a.titleImg},null)]),t("div",{class:s.infos},[t("div",{class:s.topName},[a.musicSheetName]),t("div",{class:s.types},[t("div",{class:s.hot},[t("span",null,[K(a.usedNum)])]),((n=a.audioPlayTypes)==null?void 0:n.includes("SING"))&&t("div",{class:s.sing},[x("演唱")]),((r=a.audioPlayTypes)==null?void 0:r.includes("PLAY"))&&t("div",{class:s.song},[x("演奏")]),t("div",{class:s.author},[a.composer])])])])})]),t("div",{ref:h,class:[s.loadingWrap,e.finshed&&s.showLoading]},[t(V,{show:!0},null)]),!e.loading&&e.list.length===0&&t("div",{class:s.empty},[t(Z,null,null)])]})]),t(te,{show:e.previewModal,"onUpdate:show":a=>e.previewModal=a,type:"music",params:e.previewParams},null)])}});export{Ta as default};