detail-8d0031c9-1742542563041.js 14 KB

1
  1. import{C as j}from"./index-e1c0789b-1742542563041.js";import{d as A,e as w,a5 as x,J as C,q as H,f as a,N as F,g as v,x as N,aL as G,a8 as W,b4 as D,r as M,ai as P,a as U,c as V,ap as $,t as q,v as k,a9 as Y,k as O,ak as z,z as J,aS as Q,b9 as K}from"./index-55132a9a-1742542563041.js";import{u as X}from"./catchData-fc21741a-1742542563041.js";import{a as B}from"./contants-84ba384e-1742542563041.js";import{a as Z,f as ee}from"./index-04a59c87-1742542563041.js";import{T as te}from"./index-f27ff590-1742542563041.js";import{T as ae}from"./index-71700731-1742542563041.js";import{c as se}from"./api-5d1645f5-1742542563041.js";import{v as ne}from"./urlUtils-b5855a3c-1742542563041.js";import{P as ie}from"./index-311a3726-1742542563041.js";import{N as le}from"./Scrollbar-511fa224-1742542563041.js";import"./deep-clone-c0d00fc2-1742542563041.js";import"./index-4eae9960-1742542563041.js";import"./Slider-f8fec535-1742542563041.js";import"./index-b1fb26b6-1742542563041.js";import"./index-516b5152-1742542563041.js";import"./icon_default-d1bcaf5f-1742542563041.js";import"./useSpeak-4ada6519-1742542563041.js";import"./api-8c2441e9-1742542563041.js";import"./icon-pan-16e35a82-1742542563041.js";import"./utils-ca810235-1742542563041.js";import"./index-22e714be-1742542563041.js";import"./ding-8e9054d5-1742542563041.js";import"./searchArray-e13293b0-1742542563041.js";import"./index-509ad3d1-1742542563041.js";import"./index-96612680-1742542563041.js";import"./api-e98fb246-1742542563041.js";import"./Cascader-a8600c74-1742542563041.js";import"./index-e98622f4-1742542563041.js";import"./api-532d8393-1742542563041.js";import"./api-5c2aab9e-1742542563041.js";import"./teacherIcon-b8e3946d-1742542563041.js";import"./index-4c2e1e29-1742542563041.js";import"./index-89c5ca44-1742542563041.js";import"./index-5c39d1c8-1742542563041.js";const ce="_xiaokuDetail_gskd2_1",oe="_detailContainer_gskd2_20",re="_inputSearch_gskd2_58",de="_searchSection_gskd2_70",ue="_searchSectionHide_gskd2_76",me="_searchGroup_gskd2_82",pe="_searchGroupOnly_gskd2_88",he="_hideItem_gskd2_91",ge="_btnType_gskd2_97",Se="_moreSearch_gskd2_139",Ie="_activeSearch_gskd2_163",fe="_teachingModal_gskd2_166",_e="_spaceSection_gskd2_169",ye="_collapseWrap_gskd2_179",ve="_collaoseGroup_gskd2_185",Ne="_collaoseBtn_gskd2_191",we="_isStart_gskd2_196",Te="_isHidden_gskd2_199",be="_hideButton_gskd2_203",ke="_popSelect_gskd2_208",Ee="_spaceSection2_gskd2_218",xe="_textBtn_gskd2_223",Ce="_iconArrow_gskd2_236",Me="_textBtnActive_gskd2_249",Ae="_sectionContainer_gskd2_257",Pe="_noSearchContainer_gskd2_264",Oe="_wrapList_gskd2_267",Be="_wrapListEmpty_gskd2_271",He="_empty_gskd2_276",Le="_loadingSection_gskd2_280",Re="_loadingSectionEmpty_gskd2_283",je="_loadingWrap_gskd2_292",Fe="_showLoading_gskd2_298",Ge="_sectionItem_gskd2_304",We="_img_gskd2_321",De="_infos_gskd2_333",Ue="_topName_gskd2_337",Ve="_types_gskd2_351",$e="_hot_gskd2_358",qe="_sing_gskd2_382",Ye="_song_gskd2_383",ze="_author_gskd2_401",s={xiaokuDetail:ce,detailContainer:oe,inputSearch:re,searchSection:de,searchSectionHide:ue,searchGroup:me,searchGroupOnly:pe,hideItem:he,btnType:ge,moreSearch:Se,activeSearch:Ie,teachingModal:fe,spaceSection:_e,collapseWrap:ye,collaoseGroup:ve,collaoseBtn:Ne,isStart:we,isHidden:Te,hideButton:be,popSelect:ke,spaceSection2:Ee,textBtn:xe,iconArrow:Ce,textBtnActive:Me,sectionContainer:Ae,noSearchContainer:Pe,wrapList:Oe,wrapListEmpty:Be,empty:He,loadingSection:Le,loadingSectionEmpty:Re,loadingWrap:je,showLoading:Fe,sectionItem:Ge,img:We,infos:De,topName:Ue,types:Ve,hot:$e,sing:qe,song:Ye,author:ze};function E(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!W(d)}const L=A({name:"ChildNodeSearch",props:{activeRow:{type:Object,default:()=>({})},list:{type:Array,default:()=>[]},isHide:{type:Boolean,default:!1}},emits:["selectChildTag"],setup(d,{emit:_}){const{activeRow:h}=D(d),l=M({});return x(()=>d.activeRow,()=>{h.value=d.activeRow,l.value={}}),()=>{var e;return a(P,null,[((e=h.value)==null?void 0:e.id)&&a(P,null,[a(v,{label:h.value.columnName+":",class:d.isHide&&s.hideItem},{default:()=>[a(N,{class:s.spaceSection},{default:()=>{var r;return[(r=h.value)==null?void 0:r.children.map(m=>a("span",{class:[s.textBtn,(h.value.activeIndex||"")==m.id&&s.textBtnActive],onClick:()=>{h.value.activeIndex=m.id;let g,f="";m.children?(g=[{columnName:m.children[0].columnName,name:"全部",id:""},...m.children],f=m.children[0].columnName,l.value={...m,columnName:f,activeIndex:"",children:g}):l.value={},_("selectChildTag",h.value.activeIndex)}},[m.name]))]}})]}),a(L,{isHide:d.isHide,activeRow:l.value,onSelectChildTag:r=>{_("selectChildTag",r||h.value.activeIndex)}},null)])])}}}),Je=A({name:"search-group",props:{type:{type:String,default:""},musicalInstrumentId:{type:String,default:""}},emits:["search","add"],expose:["init"],setup(d,{emit:_}){const h=X(),l=w({musicTagIds:"",audioPlayTypes:"",bookVersionId:null,subjectId:null}),e=w({showMore:!1,tempSubjectId:null}),r=w({audioPlayTypeList:[],selectParents:{},newTags:[],tags:[],tagActiveId:"",tagActive:{},childSelectId:null});x(()=>d.musicalInstrumentId,()=>{d.musicalInstrumentId?c():p()}),x(()=>d.type,()=>{d.musicalInstrumentId||(p(),g())});const m=C(()=>!!d.type),g=()=>{_("search",{...l,subjectId:l.audioPlayTypes!=="SING"?l.subjectId:null,audioPlayTypes:l.audioPlayTypes?l.audioPlayTypes==="PLAY_SING"?["PLAY","SING"]:[l.audioPlayTypes]:[],bookVersionId:r.childSelectId||r.tagActiveId})},f=()=>{e.showMore=!e.showMore},y=n=>{const i={};return n==null||n.forEach(o=>{o.id===l.subjectId&&(i.selected=!0,i.name=o.name)}),i},T=()=>{const n=h.getMusicTagTree;n.forEach(i=>{if(i.children&&i.children.length>0){const o=i.children;o==null||o.forEach(I=>{I.children=null})}}),r.tags=[{columnName:n[0].columnName,name:"全部",id:""},...n],r.tagActiveId=r.tags[0].id},t=n=>{r.tagActiveId=n.id,r.childSelectId=null;let i,o="";n.children?(i=[{columnName:n.children[0].columnName,name:"全部",id:""},...n.children],o=n.children[0].columnName,r.selectParents={...n,columnName:o,activeIndex:"",children:i}):r.selectParents={},g()},p=()=>{var i,o;const n=h.getSubjectInstrumentOnly;if(n.length>0){const I=n[0];I.instruments&&I.instruments.length>1?(e.tempSubjectId=(i=I.instruments[0])==null?void 0:i.value,l.subjectId=(o=I.instruments[0])==null?void 0:o.value):l.subjectId=I.value}},c=()=>{let n=[];h.getSubjectInstrumentOnly.forEach(i=>{d.musicalInstrumentId===i.value?(n=i.instruments||[],l.subjectId=d.musicalInstrumentId,e.tempSubjectId=d.musicalInstrumentId):Array.isArray(i.instruments)&&i.instruments.forEach(o=>{d.musicalInstrumentId===o.value&&(n=i.instruments||[],l.subjectId=d.musicalInstrumentId,e.tempSubjectId=d.musicalInstrumentId)})}),n.length>0&&y(n)},S=async()=>{try{const i=(await Z()).data||[];r.newTags=[{name:"全部",id:""},...i.map(o=>({name:o.name,id:o.id}))]}catch(n){}};return H(async()=>{const n=Object.keys(B).map(i=>({value:i,name:B[i]}));r.audioPlayTypeList=[{name:"全部",value:""},...n],await S(),await h.getMusicTagTreeApi(),T(),await h.getSubjects(),d.musicalInstrumentId?c():p(),g()}),()=>{let n,i,o,I;return a("div",{class:[s.searchGroup,m.value&&s.searchGroupOnly]},[a(F,{labelAlign:"left",labelPlacement:"left"},{default:()=>{var b;return[r.newTags.length>1&&a(v,{label:"标签:",class:m.value&&s.hideItem},{default:()=>[a(N,{class:s.spaceSection},E(n=r.newTags.map(u=>a("span",{class:[s.textBtn,l.musicTagIds===u.id&&s.textBtnActive],onClick:()=>{l.musicTagIds=u.id,g()}},[u.name])))?n:{default:()=>[n]})]}),a("div",{class:!e.showMore&&s.hideItem},[r.tags.length>0&&a(v,{label:((b=r.tags[0])==null?void 0:b.columnName)+":",class:m.value&&s.hideItem},{default:()=>[a(N,{class:s.spaceSection},E(i=r.tags.map(u=>a("span",{class:[s.textBtn,r.tagActiveId===u.id&&s.textBtnActive],onClick:()=>{t(u)}},[u.name])))?i:{default:()=>[i]})]}),a(L,{isHide:m.value,activeRow:r.selectParents,onSelectChildTag:u=>{r.childSelectId=u,g()}},null)]),a(v,{label:"场景:",class:[!e.showMore&&s.hideItem,m.value&&s.hideItem]},{default:()=>[a(N,{class:s.spaceSection},E(o=r.audioPlayTypeList.map(u=>a("span",{class:[s.textBtn,l.audioPlayTypes===u.value&&s.textBtnActive],onClick:()=>{l.audioPlayTypes=u.value,g()}},[u.name])))?o:{default:()=>[o]})]}),(l.audioPlayTypes!=="SING"||m.value)&&a(v,{label:"乐器:",class:!e.showMore&&!m.value&&s.hideItem},{default:()=>[a(N,{class:s.spaceSection},E(I=h.getSubjectInstrumentOnly.map(u=>u.instruments&&u.instruments.length>1?a(G,{options:u.instruments,trigger:"hover",scrollable:!0,value:e.tempSubjectId,"onUpdate:value":[R=>e.tempSubjectId=R,()=>{l.subjectId=e.tempSubjectId,g()}],key:u.value,class:[s.popSelect]},{default:()=>[a("span",{class:[s.textBtn,y(u.instruments).selected&&s.textBtnActive]},[y(u.instruments).name||u.name,a("i",{class:s.iconArrow},null)])]}):a("span",{class:[s.textBtn,l.subjectId===u.value&&s.textBtnActive],onClick:()=>{l.subjectId=u.value,e.tempSubjectId=null,g()}},[u.name])))?I:{default:()=>[I]})]})]}}),!m.value&&a("div",{class:[s.moreSearch,e.showMore?s.activeSearch:""],onClick:f},[e.showMore?"收起":"展开"])])}}}),At=A({name:"xiaoku-detail",setup(){const d=U(),_=V(),h=M([{name:"AI学练",path:"/xiaoku-list"},{name:"曲目列表",path:""}]),l=w({page:1,rows:32,status:!0,searchType:""}),e=w({countPage:1,loading:!0,finshed:!1,reshing:!1,tabName:"",list:[],allSearch:{name:"",musicTagIds:"",audioPlayTypes:null,bookVersionId:null,musicalInstrumentId:null,subjectId:null},hotSearch:{name:"",musicalInstrumentId:null},newSearch:{name:"",musicalInstrumentId:null},recommendSearch:{name:"",musicalInstrumentId:null},previewModal:!1,previewParams:{type:"",src:""}}),r=C(()=>e.tabName==="RECOMMEND"?e.recommendSearch.name:e.tabName==="HOT"?e.hotSearch.name:e.tabName==="NEW"?e.newSearch.name:e.allSearch.name),m=C(()=>{let t=e.allSearch.musicalInstrumentId;return e.tabName==="RECOMMEND"?t=e.recommendSearch.musicalInstrumentId:e.tabName==="HOT"?t=e.hotSearch.musicalInstrumentId:e.tabName==="NEW"&&(t=e.newSearch.musicalInstrumentId),t}),g=async t=>{l.page=1,e.reshing=!0,e.finshed=!1;const{subjectId:p,...c}=t;e.tabName==="HOT"?e.hotSearch=Object.assign(e.hotSearch,{musicalInstrumentId:p}):e.tabName=="NEW"?e.newSearch=Object.assign(e.newSearch,{musicalInstrumentId:p}):e.tabName==="RECOMMEND"?e.recommendSearch=Object.assign(e.recommendSearch,{musicalInstrumentId:p}):e.allSearch=Object.assign(e.allSearch,{...c,musicalInstrumentId:p,subjectId:null}),f(),z(()=>{})};M();const f=async()=>{var S,n;l.page==1&&(e.loading=!0);let t={};const{...p}=l;let c={...p,searchType:e.tabName};if(e.tabName==="RECOMMEND")c=Object.assign(c,e.recommendSearch),c.rows=60,c.page=1;else if(e.tabName==="HOT")c=Object.assign(c,e.hotSearch),c.rows=60,c.page=1;else if(e.tabName==="NEW")c=Object.assign(c,e.newSearch),c.rows=60,c.page=1;else{c.name=e.allSearch.name;const{...i}=e.allSearch;c=Object.assign(c,{...i})}try{t=await se(c)}catch(i){console.log(i)}e.reshing&&(e.list=[],e.reshing=!1),(t==null?void 0:t.code)===200&&Array.isArray((S=t==null?void 0:t.data)==null?void 0:S.rows)?((((n=t==null?void 0:t.data)==null?void 0:n.rows)||[]).forEach(o=>{if(o.audioPlayTypeArray=o.audioPlayTypes?o.audioPlayTypes.split(","):[],o.musicSheetName){const I=new RegExp(c.name,"gi"),b=o.musicSheetName.replace(I,"<span>$&</span>");o.musicNameReg=b}}),e.list=[...e.list,...t.data.rows],e.finshed=l.page>=t.data.pages,e.countPage=t.data.pages):e.finshed=!0,e.loading=!1},y=t=>{const p=t.scoreType==="FIRST"?"firstTone":t.scoreType==="JIAN"?"fixedTone":t.scoreType==="STAVE"?"staff":"firstTone";let c="".concat(ne(),"/instrument?v=").concat(+new Date,"&platform=pc&id=").concat(t.id,"&Authorization=").concat(_.getToken,"&musicRenderType=").concat(p,"&showGuide=true&part-index=0"),S="";e.tabName==="RECOMMEND"?S=e.recommendSearch.musicalInstrumentId:e.tabName==="HOT"?S=e.hotSearch.musicalInstrumentId:e.tabName==="NEW"?S=e.newSearch.musicalInstrumentId:S=e.allSearch.musicalInstrumentId,S&&(c+="&instrumentId="+S),window.matchMedia("(display-mode: standalone)").matches?(J.application=window.matchMedia("(display-mode: standalone)").matches,e.previewModal=!0,Q(),e.previewParams={type:"music",src:c}):window.open(c,+new Date+"")},T=t=>{var p;((p=t.data)==null?void 0:p.api)==="back"&&(K(),e.previewModal=!e.previewModal)};return H(async()=>{d.query.type&&(e.tabName=d.query.type),window.addEventListener("message",T)}),$(()=>{window.removeEventListener("message",T)}),()=>a("div",{class:s.xiaokuDetail},[a(j,{list:h.value},null),a("div",{class:s.detailContainer},[a(q,{paneClass:s.paneTitle,justifyContent:"start",paneWrapperClass:s.paneWrapperContainer,value:e.tabName,"onUpdate:value":[t=>e.tabName=t,t=>{l.page=1,e.finshed=!1,e.reshing=!0,e.list=[],m.value&&f()}]},{default:()=>[a(k,{name:"",tab:"全部曲目"},null),a(k,{name:"RECOMMEND",tab:"推荐曲目"},null),a(k,{name:"HOT",tab:"热门曲目"},null),a(k,{name:"NEW",tab:"最新曲目"},null)],suffix:()=>a(te,{placeholder:"请输入曲目名称",round:!0,value:r.value,"onUpdate:value":t=>{e.tabName==="RECOMMEND"?e.recommendSearch.name=t:e.tabName==="HOT"?e.hotSearch.name=t:e.tabName==="NEW"?e.newSearch.name=t:e.allSearch.name=t},class:s.inputSearch,onSearch:t=>{e.tabName==="RECOMMEND"?e.recommendSearch.name=t:e.tabName==="HOT"?e.hotSearch.name=t:e.tabName==="NEW"?e.newSearch.name=t:e.allSearch.name=t,l.page=1,e.finshed=!1,e.list=[],f()}},null)}),a(le,{class:[[s.wrapList,!e.loading&&e.list.length===0&&s.wrapListEmpty]],onScroll:async t=>{var n,i,o;if(e.tabName)return;const p=(n=t.target)==null?void 0:n.clientHeight,c=(i=t.target)==null?void 0:i.scrollTop,S=(o=t.target)==null?void 0:o.scrollHeight;if(p+c+20>=S&&!e.finshed&&!e.loading){if(l.page>=e.countPage)return;l.page=l.page+1,await f()}}},{default:()=>[a(Y,{show:e.loading},{default:()=>[a("div",{class:[s.loadingSection,!e.loading&&e.list.length===0&&s.loadingSectionEmpty]},[a("div",{class:[s.searchSection]},[a(Je,{type:e.tabName,musicalInstrumentId:m.value,onSearch:t=>{g(t)}},null)]),e.list.length>0&&a("div",{class:[s.sectionContainer]},[e.list.map(t=>{var p,c;return a("div",{class:s.sectionItem,onClick:()=>y(t)},[a("div",{class:s.img},[a("img",{referrerpolicy:"no-referrer",src:t.titleImg},null)]),a("div",{class:s.infos},[a("div",{class:s.topName,innerHTML:t.musicNameReg},null),a("div",{class:s.types},[a("div",{class:s.hot},[a("span",null,[ee(t.usedNum)])]),((p=t.audioPlayTypes)==null?void 0:p.includes("SING"))&&a("div",{class:s.sing},[O("演唱")]),((c=t.audioPlayTypes)==null?void 0:c.includes("PLAY"))&&a("div",{class:s.song},[O("演奏")]),a("div",{class:s.author},[t.composer])])])])})]),!e.loading&&e.list.length===0&&a("div",{class:s.empty},[a(ae,null,null)])])]})]})]),a(ie,{show:e.previewModal,"onUpdate:show":t=>e.previewModal=t,type:"music",params:e.previewParams},null)])}});export{At as default};