| 1 |
- import{i as v}from"./icon_back-c5ec0a72-1723427255937.js";import{i as g,a as T,b as x}from"./icon-plus-t-35f4cdeb-1723427255937.js";import{c as B,d as k}from"./api-3b5866ae-1723427255937.js";import{T as S}from"./index-621c35fd-1723427255937.js";import{d as L,u as D,r as p,e as R,q as b,f as t,x as z,aQ as A,aR as K,k as d,E as w}from"./index-5796f5ea-1723427255937.js";import{u as I}from"./useSpeak-d55c73d9-1723427255937.js";import{N as E}from"./Slider-50e067fb-1723427255937.js";const P="_container_136et_1",N="_iconBack_136et_6",F="_separator_136et_39",O="_wrap_136et_44",W="_wrapBottom_136et_50",$="_contentWrap_136et_53",q="_content_136et_53",M="_scrollBar_136et_70",U="_empty_136et_74",V="_directoryList_136et_79",H="_treeParent_136et_92",Q="_treeChild_136et_95",j="_treeItem_136et_98",G="_childItem_136et_107",J="_title_136et_107",X="_dir_136et_79",Y="_titleSelect_136et_129",Z="_arrow_136et_137",ee="_arrowSelect_136et_144",te="_childArrow_136et_148",se="_childSelect_136et_158",le="_musicStaff_136et_165",ce="_musicTitle_136et_188",ae="_musicContent_136et_196",oe="_musicTitleRight_136et_209",ne="_textRead_136et_215",ie="_textClose_136et_216",re="_icon_136et_6",de="_changeSizeSection_136et_242",ue="_iconT_136et_255",_e="_iconAddT_136et_259",me="_iconPlusT_136et_260",pe="_selectionCouser_136et_277",fe="_hide_136et_282",he="_textStart_136et_286",Se="_textReadOnly_136et_287",e={container:P,iconBack:N,separator:F,wrap:O,wrapBottom:W,contentWrap:$,content:q,scrollBar:M,empty:U,directoryList:V,treeParent:H,treeChild:Q,treeItem:j,childItem:G,title:J,dir:X,titleSelect:Y,arrow:Z,arrowSelect:ee,childArrow:te,childSelect:se,musicStaff:le,musicTitle:ce,musicContent:ae,musicTitleRight:oe,textRead:ne,textClose:ie,icon:re,changeSizeSection:de,iconT:ue,iconAddT:_e,iconPlusT:me,selectionCouser:pe,hide:fe,textStart:he,textReadOnly:Se},Be=L({name:"cotnent-knowledge",setup(){const C=D(),i=p(!1),o=p(!1),n=I(),f=p(),l=R({fontSize:18,tableList:[],selectKey:null,details:{}}),y=async()=>{i.value=!0,o.value=!0;try{const{data:a}=await B({type:"COURSEWARE"});if(l.tableList=a||[],l.tableList.length){const s=l.tableList[0].lessonCoursewareDetailKnowledgeDetailList;if(l.tableList[0].selected=!0,s&&s.length){const u=s[0];l.selectKey=u.id,await h()}}}catch(a){}o.value=!1,i.value=!1},h=async()=>{var a;o.value=!0;try{const{data:s}=await k({id:l.selectKey}),c=new DOMParser().parseFromString(s.desc,"text/html"),_=document.querySelectorAll(".only-child-select");_.length>0&&_.forEach(r=>{r.remove()});const m=c.body.childNodes;m==null||m.forEach(r=>{r==null||r.classList.add("only-child-select")}),(a=document.querySelector("#musicContent"))==null||a.appendChild(n.processNode(c.body)),l.details=s}catch(s){}o.value=!1};return b(()=>{y()}),()=>{var a;return t("div",{class:e.container},[t(z,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:v,class:e.iconBack,onClick:()=>{C.push("/")}},null),t(A,{separator:""},{default:()=>[t(K,{onClick:()=>{}},{default:()=>[d("乐理知识")]})]})]}),t("div",{class:[e.wrap]},[t("div",{class:e.content},[t("div",{class:e.contentWrap},[t("div",{class:e.directoryList},[t("div",{class:[e.scrollBar,!i.value&&l.tableList.length<=0?e.empty:""],style:{minHeight:"100%"}},[t(w,{show:i.value},{default:()=>[t("div",{class:[e.listSection]},[l.tableList.map((s,u)=>t("div",{class:e.treeParent,key:"parent"+u},[t("div",{class:[e.treeItem,e.parentItem],onClick:()=>{l.tableList.forEach(c=>{s.id!==c.id&&(c.selected=!1)}),s.selected=!s.selected}},[s.lessonCoursewareDetailKnowledgeDetailList&&s.lessonCoursewareDetailKnowledgeDetailList.length>0&&t("span",{class:[e.arrow,s.selected?e.arrowSelect:""]},null),t("p",{class:[e.title,s.selected?e.titleSelect:""]},[t("span",{class:[e.dir,s.selected?e.dirSelect:""]},null),s.name])]),s.selected&&s.lessonCoursewareDetailKnowledgeDetailList&&s.lessonCoursewareDetailKnowledgeDetailList.map((c,_)=>t("div",{key:"child"+_,class:[e.treeItem,e.childItem,e.animation,l.selectKey===c.id?e.childSelect:""],onClick:()=>{l.selectKey!==c.id&&(l.selectKey=c.id,h(),f.value.$el.scrollTo(0,0))}},[t("span",{class:e.childArrow},null),t("p",{class:e.title},[c.name])]))]))])]}),!i.value&&l.tableList.length<=0&&t(S,{style:{height:"100%"}},null)])]),t("div",{class:e.musicStaff},[t("div",{class:e.musicTitleRight},[n.isSpeak.value?t("span",{class:e.textClose,onClick:n.onCloseSpeak},[t("i",{class:e.icon},null),d("关闭朗读")]):t("span",{class:e.textRead,onClick:n.onAllSpeak},[t("i",{class:e.icon},null),d("全文朗读")])]),t(w,{show:o.value,ref:f,class:!o.value&&!((a=l.details)!=null&&a.desc)?e.empty:""},{default:()=>{var s;return[t("div",{class:e.musicContent,id:"musicContent",style:{fontSize:l.fontSize+"px"}},[t("div",{id:"selectionCouser",class:[e.selectionCouser,!n.showDom.value&&e.hide]},[t("span",{class:e.textStart,onClick:n.onTextStart},[d("开始朗读"),t("i",{class:e.icon},null)]),t("span",{class:e.textReadOnly,onClick:n.onTextReadOnly},[d("只读这段"),t("i",{class:e.icon},null)])])]),!o.value&&!((s=l.details)!=null&&s.desc)&&t(S,null,null)]}})]),t("div",{class:e.changeSizeSection},[t("img",{src:g,class:e.iconT},null),t("img",{src:T,class:e.iconAddT,onClick:()=>{l.fontSize>=32||(l.fontSize+=1)}},null),t(E,{value:l.fontSize,"onUpdate:value":s=>l.fontSize=s,vertical:!0,min:12,max:32},null),t("img",{src:x,class:e.iconPlusT,onClick:()=>{l.fontSize<=12||(l.fontSize-=1)}},null)])])])])])}}});export{Be as default};
|
