detail-81f6ee2f-1728473459135.js 10.0 KB

1
  1. import{C as M}from"./index-38fd7132-1728473459135.js";import{d as q,e as N,q as B,f as a,N as O,g as y,x as I,ay as R,D as k,aR as F,r as w,A as j,F as A,a as G,U as W,t as H,v as T,k as x,E as D}from"./index-b85b6a74-1728473459135.js";import{u as V}from"./catchData-6e0b6ac5-1728473459135.js";import{a as P}from"./contants-32f8b17d-1728473459135.js";import{a as Y,f as U}from"./index-b87dc631-1728473459135.js";import{T as Q}from"./index-6d2ec7b2-1728473459135.js";import{T as z}from"./index-76619a2a-1728473459135.js";import{c as J}from"./api-ed0e7c34-1728473459135.js";import{N as K}from"./Scrollbar-2114bb68-1728473459135.js";import"./index-9f0e5795-1728473459135.js";const X="_xiaokuDetail_qrm60_1",Z="_detailContainer_qrm60_6",$="_inputSearch_qrm60_44",ee="_searchSection_qrm60_47",ae="_searchSectionHide_qrm60_51",te="_searchGroup_qrm60_57",se="_hideItem_qrm60_63",ne="_btnType_qrm60_69",oe="_moreSearch_qrm60_104",ce="_activeSearch_qrm60_129",le="_teachingModal_qrm60_132",ie="_spaceSection_qrm60_135",re="_collapseWrap_qrm60_145",ue="_collaoseGroup_qrm60_151",me="_collaoseBtn_qrm60_157",de="_isStart_qrm60_162",pe="_isHidden_qrm60_165",he="_hideButton_qrm60_169",_e="_popSelect_qrm60_174",ge="_spaceSection2_qrm60_184",Se="_textBtn_qrm60_189",fe="_iconArrow_qrm60_201",ve="_textBtnActive_qrm60_210",ye="_sectionContainer_qrm60_218",Ie="_noSearchContainer_qrm60_225",Ne="_wrapList_qrm60_228",Te="_wrapListEmpty_qrm60_232",be="_empty_qrm60_237",we="_loadingWrap_qrm60_246",qe="_showLoading_qrm60_251",Ce="_sectionItem_qrm60_257",Ae="_img_qrm60_266",xe="_infos_qrm60_278",Pe="_topName_qrm60_282",Be="_types_qrm60_296",Ee="_hot_qrm60_303",Le="_sing_qrm60_325",Me="_song_qrm60_326",Oe="_author_qrm60_343",t={xiaokuDetail:X,detailContainer:Z,inputSearch:$,searchSection:ee,searchSectionHide:ae,searchGroup:te,hideItem:se,btnType:ne,moreSearch:oe,activeSearch:ce,teachingModal:le,spaceSection:ie,collapseWrap:re,collaoseGroup:ue,collaoseBtn:me,isStart:de,isHidden:pe,hideButton:he,popSelect:_e,spaceSection2:ge,textBtn:Se,iconArrow:fe,textBtnActive:ve,sectionContainer:ye,noSearchContainer:Ie,wrapList:Ne,wrapListEmpty:Te,empty:be,loadingWrap:we,showLoading:qe,sectionItem:Ce,img:Ae,infos:xe,topName:Pe,types:Be,hot:Ee,sing:Le,song:Me,author:Oe};function b(h){return typeof h=="function"||Object.prototype.toString.call(h)==="[object Object]"&&!k(h)}const E=q({name:"ChildNodeSearch",props:{activeRow:{type:Object,default:()=>({})},list:{type:Array,default:()=>[]}},emits:["selectChildTag"],setup(h,{emit:d}){const{activeRow:e}=F(h),c=w({});return j(()=>h.activeRow,()=>{e.value=h.activeRow,c.value={}}),()=>{var m;return a(A,null,[((m=e.value)==null?void 0:m.id)&&a(A,null,[a(y,{label:e.value.columnName+":"},{default:()=>[a(I,{class:t.spaceSection},{default:()=>{var o;return[(o=e.value)==null?void 0:o.children.map(r=>a("span",{class:[t.textBtn,(e.value.activeIndex||"")==r.id&&t.textBtnActive],onClick:()=>{e.value.activeIndex=r.id;let _,f="";r.children?(_=[{columnName:r.children[0].columnName,name:"全部",id:""},...r.children],f=r.children[0].columnName,c.value={...r,columnName:f,activeIndex:"",children:_}):c.value={},d("selectChildTag",e.value.activeIndex)}},[r.name]))]}})]}),a(E,{activeRow:c.value,onSelectChildTag:o=>{d("selectChildTag",o||e.value.activeIndex)}},null)])])}}}),Re=q({name:"search-group",emits:["search","add"],expose:["init"],setup(h,{emit:d}){const e=V(),c=N({musicTagIds:"",audioPlayTypes:"",bookVersionId:null,subjectId:null}),m=N({showMore:!1,tempSubjectId:null}),o=N({audioPlayTypeList:[],selectParents:{},newTags:[],tags:[],tagActiveId:"",tagActive:{},childSelectId:null}),r=()=>{d("search",{...c,subjectId:c.audioPlayTypes!=="SING"?c.subjectId:null,audioPlayTypes:c.audioPlayTypes?c.audioPlayTypes==="PLAY_SING"?["PLAY","SING"]:[c.audioPlayTypes]:[],bookVersionId:o.childSelectId||o.tagActiveId})},_=()=>{m.showMore=!m.showMore},f=s=>{const i={};return s==null||s.forEach(u=>{u.id===c.subjectId&&(i.selected=!0,i.name=u.name)}),i},n=()=>{const s=e.getMusicTagTree;o.tags=[{columnName:s[0].columnName,name:"全部",id:""},...s],o.tagActiveId=o.tags[0].id},p=s=>{o.tagActiveId=s.id,o.childSelectId=null;let i,u="";s.children?(i=[{columnName:s.children[0].columnName,name:"全部",id:""},...s.children],u=s.children[0].columnName,o.selectParents={...s,columnName:u,activeIndex:"",children:i}):o.selectParents={},r()},g=()=>{var i,u;const s=e.getSubjectInstrumentOnly;if(s.length>0){const S=s[0];S.instruments&&S.instruments.length>1?(m.tempSubjectId=(i=S.instruments[0])==null?void 0:i.value,c.subjectId=(u=S.instruments[0])==null?void 0:u.value):c.subjectId=S.value}},v=async()=>{try{const i=(await Y()).data||[];o.newTags=[{name:"全部",id:""},...i.map(u=>({name:u.name,id:u.id}))]}catch(s){}};return B(async()=>{const s=Object.keys(P).map(i=>({value:i,name:P[i]}));o.audioPlayTypeList=[{name:"全部",value:""},...s],await v(),await e.getMusicTagTreeApi(),n(),await e.getSubjects(),g(),r()}),()=>{let s,i,u,S;return a("div",{class:t.searchGroup},[a(O,{labelAlign:"left",labelPlacement:"left"},{default:()=>{var C;return[o.newTags.length>0&&a(y,{label:"标签:"},{default:()=>[a(I,{class:t.spaceSection},b(s=o.newTags.map(l=>a("span",{class:[t.textBtn,c.musicTagIds===l.id&&t.textBtnActive],onClick:()=>{c.musicTagIds=l.id,r()}},[l.name])))?s:{default:()=>[s]})]}),o.tags.length>0&&a(y,{label:((C=o.tags[0])==null?void 0:C.columnName)+":"},{default:()=>[a(I,{class:t.spaceSection},b(i=o.tags.map(l=>a("span",{class:[t.textBtn,o.tagActiveId===l.id&&t.textBtnActive],onClick:()=>{p(l)}},[l.name])))?i:{default:()=>[i]})]}),a(E,{activeRow:o.selectParents,onSelectChildTag:l=>{o.childSelectId=l,r()}},null),a(y,{label:"场景:",class:!m.showMore&&t.hideItem},{default:()=>[a(I,{class:t.spaceSection},b(u=o.audioPlayTypeList.map(l=>a("span",{class:[t.textBtn,c.audioPlayTypes===l.value&&t.textBtnActive],onClick:()=>{c.audioPlayTypes=l.value,r()}},[l.name])))?u:{default:()=>[u]})]}),c.audioPlayTypes!=="SING"&&a(y,{label:"乐器:",class:!m.showMore&&t.hideItem},{default:()=>[a(I,{class:t.spaceSection},b(S=e.getSubjectInstrumentOnly.map(l=>l.instruments&&l.instruments.length>1?a(R,{options:l.instruments,trigger:"hover",scrollable:!0,value:m.tempSubjectId,"onUpdate:value":[L=>m.tempSubjectId=L,()=>{c.subjectId=m.tempSubjectId,r()}],key:l.value,class:[t.popSelect]},{default:()=>[a("span",{class:[t.textBtn,f(l.instruments).selected&&t.textBtnActive]},[f(l.instruments).name||l.name,a("i",{class:t.iconArrow},null)])]}):a("span",{class:[t.textBtn,c.subjectId===l.value&&t.textBtnActive],onClick:()=>{c.subjectId=l.value,m.tempSubjectId=null,r()}},[l.name])))?S:{default:()=>[S]})]})]}}),a("div",{class:[t.moreSearch,m.showMore?t.activeSearch:""],onClick:_},[m.showMore?"收起选项":"展开更多"])])}}}),Qe=q({name:"xiaoku-detail",setup(){G();const h=w([{name:"AI学练",path:"/xiaoku-list"},{name:"全部曲目",path:""}]),d=N({page:1,rows:24,status:!0,searchType:""}),e=N({loading:!0,finshed:!1,reshing:!1,tabName:"",list:[],allSearch:{name:"",musicTagIds:"",audioPlayTypes:null,bookVersionId:null,subjectId:null},hotSearch:{name:""},newSearch:{name:""},recommendSearch:{name:""}}),c=W(()=>e.tabName==="RECOMMEND"?e.recommendSearch.name:e.tabName==="HOT"?e.hotSearch.name:e.tabName==="NEW"?e.newSearch.name:e.allSearch.name),m=async n=>{d.page=1,e.reshing=!0,e.finshed=!1;const{subjectId:p,...g}=n;e.allSearch=Object.assign(e.allSearch,{...g,musicalInstrumentId:p,subjectId:null}),_()},o=w(),r=()=>{e.loading||e.finshed||(d.page=d.page+1,_())},_=async()=>{var p,g;e.loading=!0;let n={};try{const{...v}=d;let s={...v,searchType:e.tabName};if(e.tabName==="RECOMMEND")s=Object.assign(s,e.recommendSearch);else if(e.tabName==="HOT")s=Object.assign(s,e.hotSearch);else if(e.tabName==="NEW")s=Object.assign(s,e.newSearch);else{s.name=e.allSearch.name;const{audioPlayTypes:i,...u}=e.allSearch;s=Object.assign(s,{...u}),s.audioPlayTypes=i?i==="PLAY_SING"?["PLAY","SING"]:[i]:[]}n=await J(s)}catch(v){console.log(v)}e.reshing&&(e.list=[],e.reshing=!1),(n==null?void 0:n.code)===200&&Array.isArray((p=n==null?void 0:n.data)==null?void 0:p.rows)?((((g=n==null?void 0:n.data)==null?void 0:g.rows)||[]).forEach(s=>{s.audioPlayTypeArray=s.audioPlayTypes?s.audioPlayTypes.split(","):[]}),e.list=[...e.list,...n.data.rows],e.finshed=d.page>=n.data.pages):e.finshed=!0,e.loading=!1},f=()=>{new IntersectionObserver(p=>{p[0].intersectionRatio>0&&r()}).observe(o.value)};return B(async()=>{f()}),()=>a("div",{class:t.xiaokuDetail},[a(M,{list:h.value},null),a("div",{class:t.detailContainer},[a(H,{paneClass:t.paneTitle,justifyContent:"start",paneWrapperClass:t.paneWrapperContainer,value:e.tabName,"onUpdate:value":[n=>e.tabName=n,n=>{d.page=1,e.finshed=!1,e.reshing=!0,e.list=[],_(),f()}]},{default:()=>[a(T,{name:"",tab:"全部曲目"},null),a(T,{name:"RECOMMEND",tab:"推荐曲目"},null),a(T,{name:"HOT",tab:"热门曲目"},null),a(T,{name:"NEW",tab:"最新曲目"},null)],suffix:()=>a(Q,{placeholder:"请输入曲目名称",round:!0,value:c.value,class:t.inputSearch,onSearch:n=>{e.tabName==="RECOMMEND"?e.recommendSearch.name=n:e.tabName==="HOT"?e.hotSearch.name=n:e.tabName==="NEW"?e.newSearch.name=n:e.allSearch.name=n,d.page=1,e.finshed=!1,e.list=[],_()}},null)}),a(K,{class:[[t.wrapList,!e.loading&&e.list.length===0&&t.wrapListEmpty]]},{default:()=>[a("div",{class:[t.searchSection,e.tabName?t.searchSectionHide:""]},[a(Re,{onSearch:n=>{m(n)}},null)]),e.list.length>0&&a("div",{class:[t.sectionContainer,e.tabName&&t.noSearchContainer]},[e.list.map(n=>{var p,g;return a("div",{class:t.sectionItem},[a("div",{class:t.img},[a("img",{referrerpolicy:"no-referrer",src:n.titleImg},null)]),a("div",{class:t.infos},[a("div",{class:t.topName},[n.musicSheetName]),a("div",{class:t.types},[a("div",{class:t.hot},[a("span",null,[U(n.usedNum)])]),((p=n.audioPlayTypes)==null?void 0:p.includes("SING"))&&a("div",{class:t.sing},[x("演唱")]),((g=n.audioPlayTypes)==null?void 0:g.includes("PLAY"))&&a("div",{class:t.song},[x("演奏")]),a("div",{class:t.author},[n.composer])])])])})]),a("div",{ref:o,class:[t.loadingWrap,e.finshed&&t.showLoading]},[a(D,{show:!0},null)]),!e.loading&&e.list.length===0&&a("div",{class:t.empty},[a(z,null,null)])]})])])}});export{Qe as default};