From 4722a2d157387cb5a01b089d27dea107be5ab966 Mon Sep 17 00:00:00 2001
From: Miao_Spring <539943419@qq.com>
Date: Mon, 30 Sep 2024 00:03:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BE=9D=E7=84=B6=E6=B2=A1=E6=9C=89?=
 =?UTF-8?q?=E8=A7=A3=E5=86=B3=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E9=97=AE=E9=A2=98=E3=80=82=E6=98=8E=E5=A4=A9?=
 =?UTF-8?q?=E5=86=8D=E8=A7=A3=E5=86=B3=E5=90=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |  4 +++-
 .../miaoVideoPlayer/miaoVideoPlayer.vue       |  5 ++++-
 .../playerPlugin/lockScreen/lockScreen.ts     | 21 ++++++++++++-------
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7607649..e6d154b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,6 +22,8 @@ const { baseUrl } = config
 
 const showModal = ref<boolean>(false)
 
+const viewRef = ref<HTMLDivElement>()
+
 const modalData = shallowRef<{
     component: any
     props: any
@@ -121,7 +123,7 @@ provide('rootDirectory', rootDirectory)
 </script>
 
 <template>
-    <div class="view">
+    <div class="view" ref="viewRef">
         <miao-message-provider ref="messageProviderRef">
             <div class="view-controller">
                 <n-scrollbar x-scrollable>
diff --git a/src/plugins/miaoVideoPlayer/miaoVideoPlayer.vue b/src/plugins/miaoVideoPlayer/miaoVideoPlayer.vue
index 5c69b5a..ca4db1b 100644
--- a/src/plugins/miaoVideoPlayer/miaoVideoPlayer.vue
+++ b/src/plugins/miaoVideoPlayer/miaoVideoPlayer.vue
@@ -67,7 +67,10 @@ const { setVideo } = (() => {
             },
             progress: {
                 isDragingSeek: true
-            }
+            },
+            // mobile: {
+            //     disableGesture: true
+            // }
         })
     }
     return {
diff --git a/src/plugins/miaoVideoPlayer/playerPlugin/lockScreen/lockScreen.ts b/src/plugins/miaoVideoPlayer/playerPlugin/lockScreen/lockScreen.ts
index 973568c..9f0dcf2 100644
--- a/src/plugins/miaoVideoPlayer/playerPlugin/lockScreen/lockScreen.ts
+++ b/src/plugins/miaoVideoPlayer/playerPlugin/lockScreen/lockScreen.ts
@@ -8,8 +8,8 @@ export default class LockPlugin extends BasePlugin {
 	}
 
 	private locked: boolean;
-	private lockDiv: HTMLDivElement | null = null;
-	private overlayDiv: HTMLDivElement | null = null;
+	private lockDiv: HTMLDivElement = document.createElement("div");
+	private overlayDiv: HTMLDivElement = document.createElement("div");
 
 	private lockOpenSVG: string = `
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -29,22 +29,26 @@ export default class LockPlugin extends BasePlugin {
 	}
 
 	afterCreate() {
-		this.createLockDiv();
-		this.createOverlayDiv();
+		this.initLockDiv();
+		this.initOverlayDiv();
 		this.bindEvents();
 	}
 
-	private createLockDiv() {
-		this.lockDiv = document.createElement("div");
+	private initLockDiv() {
 		this.lockDiv.innerHTML = this.lockClosedSVG;
 		this.lockDiv.className = "lock-div";
 		this.player.root !== null && this.player.root.appendChild(this.lockDiv);
 	}
 
-	private createOverlayDiv() {
-		this.overlayDiv = document.createElement("div");
+	private initOverlayDiv() {
 		this.overlayDiv.className = "overlay-div";
 		this.player.root !== null && this.player.root.appendChild(this.overlayDiv);
+		this.overlayDiv.addEventListener('mousedown', (e) => {
+			e.preventDefault();
+		});
+		this.overlayDiv.addEventListener('mousemove', (e) => {
+			e.preventDefault();
+		});
 	}
 
 	private bindEvents() {
@@ -69,6 +73,7 @@ export default class LockPlugin extends BasePlugin {
 
 	private toggleLock() {
         const mobile = this.getPlugin('mobile') as MobilePlugin | undefined
+		// mobile?.disableGesture()
 		if (this.lockDiv && this.overlayDiv) {
 			this.locked = !this.locked;
 			this.lockDiv.innerHTML = this.locked ? this.lockOpenSVG : this.lockClosedSVG;