hooks fix: useLongPress not working in Tauri apps on macOS

🤔 This is a ...

[ ] New feature
[x] Bug fix
[ ] Site / documentation update
[ ] Demo update
[ ] TypeScript definition update
[ ] Bundle size optimization
[ ] Performance optimization
[ ] Enhancement feature
[ ] Internationalization
[ ] Refactoring
[ ] Code style optimization
[ ] Test Case
[ ] Branch merge
[ ] Other (about what?)

🔗 Related issue link

Fixes alibaba/hooks#2861

💡 Background and solution

useLongPress was not filtering mouse button types and the macOS context menu interfered with long press detection in Tauri apps.

Changes:

Button filtering - Ignore right-click (button 2) and middle-click (button 1), only process left-click (button 0)
Context menu suppression - Prevent default context menu when long press successfully triggers

Files modified:

packages/hooks/src/useLongPress/index.ts - Added button filtering and context menu prevention
packages/hooks/src/useLongPress/__tests__/index.spec.ts - Added comprehensive tests for the new functionality

useLongPress(handleLongPress, containerRef, {
  onClick: openApp,
});
// Now works correctly in Tauri on macOS

📝 Changelog

Language	Changelog
🇺🇸 English	Fix `useLongPress` not working in Tauri apps on macOS by filtering non-left-click events and preventing context menu interference
🇨🇳 Chinese	修复 `useLongPress` 在 macOS 的 Tauri 应用中无法生效的问题,通过过滤非左键点击事件和阻止上下文菜单干扰

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

[x] Doc is updated/provided or not needed
[x] Demo is updated/provided or not needed
[x] TypeScript definition is updated/provided or not needed
[x] Changelog is provided or not needed

Original prompt

This section details on the original issue you should resolve

<issue_title>useLongPress 在 macOS 的 Tauri 应用中无法生效。</issue_title> <issue_description>https://github.com/user-attachments/assets/49616b1f-d4cf-48f8-b479-7b01e68ccbd6

import { convertFileSrc } from "@tauri-apps/api/core";
import { openPath } from "@tauri-apps/plugin-opener";
import { useLongPress } from "ahooks";
import { type FC, useRef } from "react";
import type { App as AppProps } from "@/stores/app";
import { hidePanel } from "@/utils/nsPanel";

const App: FC<AppProps> = (props) => {
  const { name, icon, path } = props;
  const containerRef = useRef<HTMLDivElement>(null);

  const handleLongPress = () => {
    console.log("handleLongPress");
  };

  const openApp = () => {
    console.log("openApp");

    openPath(path);

    hidePanel();
  };

  useLongPress(handleLongPress, containerRef, {
    onClick: openApp,
  });

  return (
    <div
      className="grid place-items-center active:opacity-70"
      ref={containerRef}
    >
      <img alt={name} className="size-24" src={convertFileSrc(icon)} />

      <span className="truncate">{name}</span>
    </div>
  );
};

export default App;
```</issue_description>

<agent_instructions>useLongPress does not take effect in the Tauri application on macOS. Please try to fix it</agent_instructions>

## Comments on the Issue (you are @copilot in this section)

<comments>
<comment_new><author>@meet-student</author><body>
pr welcome</body></comment_new>
</comments>

Fixes alibaba/hooks#2861

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Nov 16 '25 09:11 Copilot

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

Nov 16 '25 09:11 CLAassistant

npm i https://pkg.pr.new/ahooks@2871

npm i https://pkg.pr.new/@ahooksjs/use-url-state@2871

commit: c892a0f

Nov 16 '25 09:11 pkg-pr-new[bot]

@copilot only write useLongPress

Nov 16 '25 10:11 meet-student

@copilot only write useLongPress

Done. Reverted all unrelated formatting changes. Only useLongPress files are now modified (commit c892a0f).

Nov 16 '25 10:11 Copilot