feat: 一行谱页面修改

dist/css/index-3b65ea06.css

@@ -1 +0,0 @@
-._skeleton_1ro2x_1{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:.53333rem .8rem;background-color:#fff;z-index:1000;--van-skeleton-paragraph-height: .8rem}._detail_1ro2x_12{width:100vw;height:auto;overflow:hidden;overflow-y:auto;--header-height: 1.65333rem;background:transparent}._detail_1ro2x_12 ._container_1ro2x_20{margin:0 .26667rem;border-radius:.26667rem}._detail_1ro2x_12 #osmdCanvasPage1{position:relative!important}._detail_1ro2x_12 #musicAndSelection{height:initial!important;max-height:initial!important}._detail_1ro2x_12 .smoothAnimationBox{height:0!important;overflow:hidden}

dist/css/index-efd0d228.css

@@ -0,0 +1 @@
+._skeleton_1jzuh_1{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:.53333rem .8rem;background-color:#fff;z-index:1000;--van-skeleton-paragraph-height: .8rem}._detail_1jzuh_12{width:100vw;height:auto;overflow:hidden;--header-height: 1.65333rem;background:transparent}._detail_1jzuh_12 ._container_1jzuh_19{margin:0;border-radius:.26667rem}._detail_1jzuh_12 #osmdCanvasPage1{position:relative!important}._detail_1jzuh_12 #musicAndSelection{height:initial!important;max-height:initial!important}._detail_1jzuh_12 .smoothAnimationBox{height:0!important;overflow:hidden}

dist/js/index-8ca4f39f.js

@@ -1 +0,0 @@
-import{d as g,g as S,n as T,c as y,bF as f,m as t,bG as b,ae as h,h as s,av as _,a0 as v,V as P,bH as w,bI as x,aD as D,bJ as F,bK as L,bL as C,bM as M,bN as N,bO as B}from"./index-1ae0581a.js";const I="_skeleton_1ro2x_1",A="_detail_1ro2x_12",k="_container_1ro2x_20",d={skeleton:I,detail:A,container:k},V=g({name:"simple-detail",setup(){const r=S(),n=T({isLoading:!0,currentTime:0,totalTime:6e4}),l=e=>{var a;((a=e==null?void 0:e.data)==null?void 0:a.api)==="playProgress"&&e!=null&&e.data.data&&(t.playState="play",console.log(e.data))},u=e=>{var a,o,m;n.currentTime=(e==null?void 0:e.currentTime)||((a=e==null?void 0:e.content)==null?void 0:a.currentTime),n.totalTime=(e==null?void 0:e.totalDuration)||((o=e==null?void 0:e.content)==null?void 0:o.totalDuration),n.currentTime/1e3,((m=e==null?void 0:e.content)==null?void 0:m.totalDuration)>1e3&&n.currentTime>=n.totalTime};y(async()=>{const e=r.id||"";await f(e),n.isLoading=!1,t.isSingleLine=!0,t.isSimplePage=!0,b(u),window.addEventListener("message",l)}),h(()=>{t.isSimplePage=!1,window.removeEventListener("message",l)});const p=async e=>{console.log("渲染完成"),t.osmd=e,t.originSpeed===0&&(t.originSpeed=t.speed=e.bpm||e.Sheet.userStartTempoInBPM||100);const a=(v.get("speeds")||{})[t.examSongId]||t.speed||e.bpm||e.Sheet.userStartTempoInBPM;a&&P(a),w(),x(),t.times=D(e),console.log("🚀 ~ state.times:",t.times,t.subjectId,t),F(t.times),L(),C.isShow.value=!1,t.playState="play",i()},c=()=>{n.currentTime+=.03;const e=n.currentTime,a=n.totalTime;t.playProgress=e/a*100;let o=M(e);o&&N(o),t.isSingleLine&&B(e)},i=()=>{if(t.playState!=="play"){console.log("暂停播放");return}let e=Date.now();requestAnimationFrame(()=>{Date.now()-e<16.7?(c(),i()):setTimeout(()=>{c(),i()},16.7)})};return()=>s("div",{class:d.detail},[s("div",{id:"scrollContainer",class:[d.container,"hideCursor"]},[!n.isLoading&&s(_,{onRendered:p,musicColor:"#FFFFFF"},null)])])}});export{V as default};

dist/js/index-59007d32.js → dist/js/index-bcfe0344.js

@@ -1 +1 @@
-import{d as i,g as l,n as d,bB as e,c,m as r,h as s,av as u}from"./index-1ae0581a.js";const m="_skeleton_vtlsh_1",f="_detail_vtlsh_12",p="_container_vtlsh_20",a={skeleton:m,detail:f,container:p},y=i({name:"music-list",setup(){const n=l(),t=d({isLoading:!0,isProductLoading:!1,product:[{state:!1,name:"五线谱",type:e.staff,base64:""},{state:!1,name:"首调",type:e.firstTone,base64:""},{state:!1,name:"固定调",type:e.fixedTone,base64:""}]});c(()=>{window.appName="colexiu",r.xmlUrl=n.xmlUrl,t.isLoading=!1});const o=async()=>{console.log("渲染完成")};return()=>s("div",{class:a.detail},[s("div",{id:"scrollContainer",class:[a.container,"hideCursor"]},[!t.isLoading&&s(u,{onRendered:o},null)])])}});export{y as default};
+import{d as i,g as l,n as d,bB as e,c,m as r,h as s,av as u}from"./index-a9c95725.js";const m="_skeleton_vtlsh_1",f="_detail_vtlsh_12",p="_container_vtlsh_20",a={skeleton:m,detail:f,container:p},y=i({name:"music-list",setup(){const n=l(),t=d({isLoading:!0,isProductLoading:!1,product:[{state:!1,name:"五线谱",type:e.staff,base64:""},{state:!1,name:"首调",type:e.firstTone,base64:""},{state:!1,name:"固定调",type:e.fixedTone,base64:""}]});c(()=>{window.appName="colexiu",r.xmlUrl=n.xmlUrl,t.isLoading=!1});const o=async()=>{console.log("渲染完成")};return()=>s("div",{class:a.detail},[s("div",{id:"scrollContainer",class:[a.container,"hideCursor"]},[!t.isLoading&&s(u,{onRendered:o},null)])])}});export{y as default};

dist/js/index-legacy-517459d1.js → dist/js/index-legacy-6c739207.js

@@ -1 +1 @@
-System.register(["./index-legacy-3851b920.js"],(function(e,t){"use strict";var i,n,a,o,r,s,d,l,c=document.createElement("style");return c.textContent="._skeleton_vtlsh_1{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:.53333rem .8rem;background-color:#fff;z-index:1000;--van-skeleton-paragraph-height: .8rem}._detail_vtlsh_12{width:100vw;height:100vh;overflow:hidden;overflow-y:auto;--header-height: 1.65333rem;background:var(--container-background)}._detail_vtlsh_12 ._container_vtlsh_20{margin:0 .26667rem;border-radius:.26667rem}._detail_vtlsh_12 #musicAndSelection{overflow:initial!important;height:initial!important;max-height:initial!important}\n",document.head.appendChild(c),{setters:[e=>{i=e.d,n=e.g,a=e.n,o=e.bB,r=e.c,s=e.m,d=e.h,l=e.av}],execute:function(){const t="_detail_vtlsh_12",c="_container_vtlsh_20";e("default",i({name:"music-list",setup(){const e=n(),i=a({isLoading:!0,isProductLoading:!1,product:[{state:!1,name:"五线谱",type:o.staff,base64:""},{state:!1,name:"首调",type:o.firstTone,base64:""},{state:!1,name:"固定调",type:o.fixedTone,base64:""}]});r((()=>{window.appName="colexiu",s.xmlUrl=e.xmlUrl,i.isLoading=!1}));const h=async()=>{console.log("渲染完成")};return()=>d("div",{class:t},[d("div",{id:"scrollContainer",class:[c,"hideCursor"]},[!i.isLoading&&d(l,{onRendered:h},null)])])}}))}}}));
+System.register(["./index-legacy-3df09c7c.js"],(function(e,t){"use strict";var i,n,a,o,r,s,d,l,c=document.createElement("style");return c.textContent="._skeleton_vtlsh_1{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:.53333rem .8rem;background-color:#fff;z-index:1000;--van-skeleton-paragraph-height: .8rem}._detail_vtlsh_12{width:100vw;height:100vh;overflow:hidden;overflow-y:auto;--header-height: 1.65333rem;background:var(--container-background)}._detail_vtlsh_12 ._container_vtlsh_20{margin:0 .26667rem;border-radius:.26667rem}._detail_vtlsh_12 #musicAndSelection{overflow:initial!important;height:initial!important;max-height:initial!important}\n",document.head.appendChild(c),{setters:[e=>{i=e.d,n=e.g,a=e.n,o=e.bB,r=e.c,s=e.m,d=e.h,l=e.av}],execute:function(){const t="_detail_vtlsh_12",c="_container_vtlsh_20";e("default",i({name:"music-list",setup(){const e=n(),i=a({isLoading:!0,isProductLoading:!1,product:[{state:!1,name:"五线谱",type:o.staff,base64:""},{state:!1,name:"首调",type:o.firstTone,base64:""},{state:!1,name:"固定调",type:o.fixedTone,base64:""}]});r((()=>{window.appName="colexiu",s.xmlUrl=e.xmlUrl,i.isLoading=!1}));const h=async()=>{console.log("渲染完成")};return()=>d("div",{class:t},[d("div",{id:"scrollContainer",class:[c,"hideCursor"]},[!i.isLoading&&d(l,{onRendered:h},null)])])}}))}}}));

src/helpers/communication.ts

@@ -528,4 +528,12 @@ export const simple_paused = (callback: any) => {
 /** 监听APP拖动进度 */
 export const simple_updateProgress = (callback: any) => {
 	listenerMessage("api_updateProgress", callback);
+};
+
+/** simple页面渲染完成 */
+export const simple_musicPage = (content: any) => {
+	postMessage({
+		api: "api_musicPage",
+		content,
+	});
 };

src/page-instrument/App.tsx

@@ -54,17 +54,21 @@ export default defineComponent({
       if (query.Authorization) {
         setToken(query.Authorization);
       }
-      if (!getToken()) {
-        const res = await api_getToken();
-        if (res?.content) {
-          const content = res.content;
-          const token = content.tokenType + " " + content.accessToken;
-          setToken(token);
+      if (window.location.href.includes("simple-detail")) {
+        // 
+      } else {
+        if (!getToken()) {
+          const res = await api_getToken();
+          if (res?.content) {
+            const content = res.content;
+            const token = content.tokenType + " " + content.accessToken;
+            setToken(token);
+          }
+        }
+        if (query.productXmlImg) {
+          storeData.status = "login";
+          return;
         }
-      }
-      if (query.productXmlImg) {
-        storeData.status = "login";
-        return;
       }
       setUser();
       setBehaviorId(getRandomKey());

src/page-instrument/simple-detail/index.tsx

@@ -8,7 +8,7 @@ import store from "store";
 import { formateTimes } from "../../helpers/formateMusic";
 import { setCustomGradual, setCustomNoteRealValue } from "/src/helpers/customMusicScore"
 import { initSmoothAnimation, smoothAnimationState, destroySmoothAnimation, moveSmoothAnimationByPlayTime } from "../view-detail/smoothAnimation";
-import { api_playProgress, api_cloudLoading, simple_playProgress, simple_remove_playProgress, simple_play, simple_paused, simple_updateProgress } from "/src/helpers/communication";
+import { api_playProgress, api_cloudLoading, simple_playProgress, simple_remove_playProgress, simple_play, simple_paused, simple_updateProgress, simple_musicPage } from "/src/helpers/communication";
 
 export default defineComponent({
 	name: "simple-detail",
@@ -114,7 +114,10 @@ export default defineComponent({
 				  height: svgHeight
 				},
 				"*"
-			);			
+			);		
+			simple_musicPage({
+				height: svgHeight
+			})	
 			// state.playState = 'play';
 			// setStep();
 		};