fix(stage-tamagotchi): drag issue

moeru-ai · Feb 19, 2025 · bf2d384 · bf2d384
1 parent eaec854
commit bf2d384
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/packages/stage-tamagotchi/src/renderer/src/pages/index.vue b/packages/stage-tamagotchi/src/renderer/src/pages/index.vue
@@ -1,20 +1,18 @@
 <script setup lang="ts">
 import { WidgetStage } from '@proj-airi/stage-ui/components'
+import { refDebounced } from '@vueuse/shared'
 import { ref } from 'vue'
 
 import InteractiveArea from '../components/InteractiveArea.vue'
 
-const dragDelay = ref(0)
 const isDragging = ref(false)
+const isDraggingDebounced = refDebounced(isDragging, 100)
 
 function handleMouseDown() {
-  dragDelay.value = window.setTimeout(() => {
-    isDragging.value = true
-  }, 500)
+  isDragging.value = true
 }
 
 function handleMouseUp() {
-  clearTimeout(dragDelay.value)
   isDragging.value = false
 }
 
@@ -23,7 +21,7 @@ function handleMouseLeave() {
 }
 
 function handleMouseMove(event: MouseEvent) {
-  if (isDragging.value) {
+  if (isDraggingDebounced.value) {
     window.electron.ipcRenderer.send('move-window', event.movementX, event.movementY)
   }
 }

diff --git a/packages/stage-ui/src/components/Live2D/Canvas.vue b/packages/stage-ui/src/components/Live2D/Canvas.vue
@@ -41,6 +41,7 @@ function handleResize() {
 }
 
 watch([() => props.width, () => props.height], () => handleResize())
+
 onMounted(async () => containerRef.value && await initLive2DPixiStage(containerRef.value))
 onUnmounted(() => pixiApp.value?.destroy())
 </script>