From d52f260f2223fc3634b6af7da893e991f4bd3376 Mon Sep 17 00:00:00 2001
From: Zhong <cszhjh@gmail.com>
Date: Sun, 14 Sep 2025 18:31:39 +0800
Subject: [PATCH] fix(components): [tour] make path responsive to window size
 (#22145)

---
 packages/components/tour/src/mask.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/components/tour/src/mask.vue b/packages/components/tour/src/mask.vue
index 4a1e1d035f..3c0d9176e4 100644
--- a/packages/components/tour/src/mask.vue
+++ b/packages/components/tour/src/mask.vue
@@ -14,6 +14,7 @@
 <script setup lang="ts">
 import { computed, inject, toRef } from 'vue'
 import { useLockscreen } from '@element-plus/hooks'
+import { useWindowSize } from '@vueuse/core'
 import { maskProps } from './mask'
 import { tourKey } from './helper'
 
@@ -39,9 +40,11 @@ const roundInfo = computed(() => {
   }
 })
 
+const { width: windowWidth, height: windowHeight } = useWindowSize()
+
 const path = computed(() => {
-  const width = window.innerWidth
-  const height = window.innerHeight
+  const width = windowWidth.value
+  const height = windowHeight.value
   const info = roundInfo.value
   const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`
   const _radius = radius.value