| 1 |
- import{i as v}from"./icon_back-c5ec0a72-1742542563041.js";import{u as g,i as T,a as k,b as B}from"./useSpeak-4ada6519-1742542563041.js";import{c as L,d as D}from"./api-8c2441e9-1742542563041.js";import{T as f}from"./index-71700731-1742542563041.js";import{d as b,u as R,r as p,e as z,q as A,f as t,x as K,b5 as I,b6 as E,k as d,a9 as S}from"./index-55132a9a-1742542563041.js";import{N as P}from"./Slider-f8fec535-1742542563041.js";const N="_container_1xwi9_1",F="_iconBack_1xwi9_6",O="_separator_1xwi9_39",W="_wrap_1xwi9_44",$="_wrapBottom_1xwi9_50",q="_contentWrap_1xwi9_53",M="_content_1xwi9_53",U="_scrollBar_1xwi9_70",V="_empty_1xwi9_74",H="_directoryList_1xwi9_79",j="_treeParent_1xwi9_92",G="_treeChild_1xwi9_95",J="_treeItem_1xwi9_98",Q="_childItem_1xwi9_107",X="_title_1xwi9_107",Y="_dir_1xwi9_79",Z="_titleSelect_1xwi9_129",ee="_arrow_1xwi9_137",te="_arrowSelect_1xwi9_144",se="_childArrow_1xwi9_148",le="_childSelect_1xwi9_158",ie="_musicStaff_1xwi9_165",ce="_musicTitle_1xwi9_188",ae="_musicContent_1xwi9_196",ne="_musicTitleRight_1xwi9_212",oe="_textRead_1xwi9_218",re="_textClose_1xwi9_219",de="_icon_1xwi9_6",ue="_changeSizeSection_1xwi9_245",_e="_iconT_1xwi9_258",we="_iconAddT_1xwi9_262",me="_iconPlusT_1xwi9_263",pe="_selectionCouser_1xwi9_290",xe="_hide_1xwi9_295",he="_textStart_1xwi9_299",fe="_textReadOnly_1xwi9_300",e={container:N,iconBack:F,separator:O,wrap:W,wrapBottom:$,contentWrap:q,content:M,scrollBar:U,empty:V,directoryList:H,treeParent:j,treeChild:G,treeItem:J,childItem:Q,title:X,dir:Y,titleSelect:Z,arrow:ee,arrowSelect:te,childArrow:se,childSelect:le,musicStaff:ie,musicTitle:ce,musicContent:ae,musicTitleRight:ne,textRead:oe,textClose:re,icon:de,changeSizeSection:ue,iconT:_e,iconAddT:we,iconPlusT:me,selectionCouser:pe,hide:xe,textStart:he,textReadOnly:fe},ke=b({name:"cotnent-knowledge",setup(){const C=R(),o=p(!1),n=p(!1),c=g(),x=p(),l=z({fontSize:18,tableList:[],selectKey:null,details:{}}),y=async()=>{o.value=!0,n.value=!0;try{const{data:a}=await L({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){}n.value=!1,o.value=!1},h=async()=>{var a;n.value=!0;try{const{data:s}=await D({id:l.selectKey}),i=new DOMParser().parseFromString(s.desc,"text/html"),_=document.querySelectorAll(".only-child-select");_.length>0&&_.forEach(r=>{r.remove()});const w=i.body.childNodes;w==null||w.forEach(r=>{r==null||r.classList.add("only-child-select")});const m=document.createElement("div");m.classList.add("html-to-dom"),m.appendChild(c.processNode(i.body)),(a=document.querySelector("#musicContent"))==null||a.appendChild(m),l.details=s}catch(s){}n.value=!1};return A(()=>{y()}),()=>{var a;return t("div",{class:e.container},[t(K,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:v,class:e.iconBack,onClick:()=>{C.push("/")}},null),t(I,{separator:""},{default:()=>[t(E,{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,!o.value&&l.tableList.length<=0?e.empty:""],style:{minHeight:"100%"}},[t(S,{show:o.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(i=>{s.id!==i.id&&(i.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((i,_)=>t("div",{key:"child"+_,class:[e.treeItem,e.childItem,e.animation,l.selectKey===i.id?e.childSelect:""],onClick:()=>{l.selectKey!==i.id&&(l.selectKey=i.id,h(),c.onCloseSpeak(),x.value.$el.scrollTo(0,0))}},[t("span",{class:e.childArrow},null),t("p",{class:e.title},[i.name])]))]))])]}),!o.value&&l.tableList.length<=0&&t(f,{style:{height:"100%"}},null)])]),t("div",{class:e.musicStaff},[t("div",{class:e.musicTitleRight},[c.isSpeak.value?t("span",{class:e.textClose,onClick:c.onCloseSpeak},[t("i",{class:e.icon},null),d("关闭朗读")]):t("span",{class:e.textRead,onClick:c.onAllSpeak},[t("i",{class:e.icon},null),d("全文朗读")])]),t(S,{show:n.value,ref:x,class:!n.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,!c.showDom.value&&e.hide]},[t("span",{class:e.textStart,onClick:c.onTextStart},[d("开始朗读"),t("i",{class:e.icon},null)]),t("span",{class:e.textReadOnly,onClick:c.onTextReadOnly},[d("只读这段"),t("i",{class:e.icon},null)])])]),!n.value&&!((s=l.details)!=null&&s.desc)&&t(f,null,null)]}})]),t("div",{class:e.changeSizeSection},[t("img",{src:T,class:e.iconT},null),t("img",{src:k,class:e.iconAddT,onClick:()=>{l.fontSize>=32||(l.fontSize+=1)}},null),t(P,{value:l.fontSize,"onUpdate:value":s=>l.fontSize=s,vertical:!0,min:12,max:32},null),t("img",{src:B,class:e.iconPlusT,onClick:()=>{l.fontSize<=12||(l.fontSize-=1)}},null)])])])])])}}});export{ke as default};
|
