fix: ドラッグの終了判定を緩和する

[uni-kakurenbo]

概要

• ドラッグ中，pointerup が発火する前にキーボード操作等でフォーカスが切り替わるとドラッグの継続判定が残り続ける不具合があったのを修正．
  • 以下の場合にもドラッグが終了したと判定する：
    • Escape キーが押下されたとき
    • pointercancel イベントが発火したとき
    • document の contextmenu イベントが発火したとき
    • document の changevisivility イベントが発火し， hidden となったとき
    • window の blur イベントが発火したとき
• optimize: VueUse を用いてグローバルなイベント監視を効率化する #4890 に依存しています

なぜこの PR を入れたいのか

• このへん：https://q.trap.jp/messages/019b695e-8649-7f22-a59b-cdfe7b47a531

PR を出す前の確認事項

• 動作確認ができている
• 自分で一度コードを眺めて自分的に問題はなさそう

[github-actions]

Preview (prod) → https://4998-prod.traq-preview.trapti.tech/
Preview (dev) → https://4998-dev.traq-preview.trapti.tech/

[cp-20]

diff がデカくて見づらいので #4890 の後に見ます

[cp-20]

ありがとう

概ね良いと思いますが、1つだけコメントしたので直してもらえると嬉しいです

[cp-20]

このスタイルは useNavigationResizer に特化したものなので、ここにあると良くなさそう

[uni-kakurenbo]

あっ、なおしました

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 60.81%. Comparing base (57d6ef2) to head (05dc12c).
⚠️ Report is 2 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #4998   +/-   ##
=======================================
  Coverage   60.81%   60.81%           
=======================================
  Files         101      101           
  Lines        2973     2973           
  Branches      616      616           
=======================================
  Hits         1808     1808           
  Misses       1071     1071           
  Partials       94       94           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Copilot]

Pull request overview

This PR fixes a bug where drag operations would not properly terminate when focus changed during dragging (e.g., via keyboard shortcuts). The fix introduces a new reusable useDragging composable that handles multiple drag termination conditions beyond the standard pointerup event.

• Introduced useDragging composable to centralize drag handling logic with enhanced termination conditions
• Refactored useNavigationResizer to use the new composable, reducing code duplication
• Added pointercancel event handler to the resizer element for better drag state management

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
src/composables/dom/useDragging.ts	New composable that manages drag state and handles termination via Escape key, pointercancel, contextmenu, visibilitychange, blur, and pagehide events
src/components/Main/NavigationBar/composables/useNavigationResizer.ts	Refactored to use useDragging composable, simplifying code and removing duplicate drag handling logic
src/components/Main/NavigationBar/DesktopNavigationBar.vue	Added @pointercancel event listener to handle pointer cancellation events

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[cp-20]

LGTM