fix(plugin-block): fix mouse move debouncing does not work

[syfxlin]

• I read the contributing guide
• I agree to follow the code of conduct

Summary

The lodash.debounce function creates a wrapped function, and if you recreate the wrapped function each time, debounce will not take effect.

The following sample code briefly explains how it works, you can see that the timerId is saved in the context of the debounce function, you need to save it to achieve the debounce effect, if you call the lodash.debounce function every time, it will always be the initial value.

function debounce(fn, wait = 500) {
  let timerId;
  return (...args) => {
    clearTimeout(timerId);
    timerId = setTimeout(() => {
      fn(...args);
    }, wait);
  };
}

How did you test this change?

before

You can see that the buttons on the left side of the mouse are constantly jumping when you move the mouse, and debounce has no effect.

after

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
milkdown-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 18, 2024 4:13pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 08b4e8f. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 3 targets

• nx build @milkdown/e2e
• nx run-many --target=tsc --all --parallel
• nx run-many --target=build --all --parallel

---

Sent with 💌 from NxCloud.

[cypress]

Passing run #738 ↗︎

0

83

0

0

0

Details:

fix(plugin-block): fix mouse move debouncing does not work (#1271)
Project: Default Project	Commit: d79c1d179c
Status: Passed	Duration: 01:52 💡
Started: Mar 21, 2024 7:59 AM	Ended: Mar 21, 2024 8:01 AM

Review all test suite changes for PR #1271 ↗︎