feat(render-engine): facade adds onCellPointerOver,onCellDragOver,onCellDrop

[Dushusir]

• render engine adds drag event
• facade adds onCellPointerOver,onCellDragOver,onCellDrop
• univer.ai docs PR docs(facade): cell hooks PointerMove,PointerOver,DragOver,Drop univer.ai#133

如何测试？

分别在控制台粘贴以下代码测试 API，测试一个刷新一次页面

window.univerAPI.getSheetHooks().onCellPointerMove((cell) => {
    // 拿到当前鼠标指向的单元格
    console.log(cell?.location.row, cell?.location.col);
  })

鼠标hover在sheet区域，跟随鼠标移动触发

window.univerAPI.getSheetHooks().onCellPointerOver((cell) => {
    // 拿到当前鼠标指向的单元格
    console.log(cell?.location.row, cell?.location.col);
  })

鼠标hover在sheet区域，打中不同单元格时才触发

window.univerAPI.getSheetHooks().onCellDragOver((cell) => {
    // 拿到当前鼠标指向的单元格
    console.log(cell?.location.row, cell?.location.col);
  })

从外部拖拽一个可拖拽元素（比如本地记事本的文本）到sheet区域，打中不同单元格时触发

window.univerAPI.getSheetHooks().onCellDrop((cell) => {
    // 拿到当前鼠标指向的单元格
    console.log(cell?.location.row, cell?.location.col);
  })

从外部拖拽一个可拖拽元素（比如本地记事本的文本）到sheet区域，松开鼠标时触发

[github-actions]

View Deployment

📑 Examples	📚 Storybook
🔗 Preview link	🔗 Preview link

[codecov]

Codecov Report

Attention: Patch coverage is 2.70270% with 288 lines in your changes are missing coverage. Please review.

Project coverage is 30.17%. Comparing base (7b411b3) to head (e64a146).

Files	Patch %	Lines
packages/engine-render/src/engine.ts	0.00%	68 Missing ⚠️
...ges/sheets-ui/src/services/drag-manager.service.ts	0.00%	51 Missing ⚠️
packages/engine-render/src/scene.input-manager.ts	0.00%	49 Missing ⚠️
...heets-ui/src/controllers/drag-render.controller.ts	0.00%	29 Missing ⚠️
packages/engine-render/src/base-object.ts	0.00%	28 Missing ⚠️
packages/engine-render/src/scene.ts	0.00%	28 Missing ⚠️
packages/sheets-ui/src/common/utils.ts	0.00%	19 Missing ⚠️
packages/engine-render/src/thin-scene.ts	0.00%	8 Missing ⚠️
...es/sheets-ui/src/services/hover-manager.service.ts	0.00%	7 Missing ⚠️
...formula/src/views/more-functions/MoreFunctions.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##              dev    #2240      +/-   ##
==========================================
- Coverage   30.28%   30.17%   -0.11%     
==========================================
  Files        1413     1415       +2     
  Lines       72270    72547     +277     
  Branches    15149    15198      +49     
==========================================
+ Hits        21886    21894       +8     
- Misses      50384    50653     +269     

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

[univer-bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

Origin Title: feat(render-engine): facade adds onCellPointerOver,onCellDragOver,onCellDrop

Title: feat(render-engine): facade adds onCellPointerOver,onCellDragOver,onCellDrop

---

• render engine adds drag event
• facade adds onCellPointerOver,onCellDragOver,onCellDrop
• univer.ai docs PR docs(facade): cell hooks PointerMove,PointerOver,DragOver,Drop univer.ai#133

How to test?

Paste the following codes in the console to test the API and refresh the page each time.

window.univerAPI.getSheetHooks().onCellPointerMove((cell) => {
    // Get the cell currently pointed by the mouse
    console.log(cell?.location.row, cell?.location.col);
  })

When the mouse hovers in the sheet area, it is triggered following the mouse movement.

window.univerAPI.getSheetHooks().onCellPointerOver((cell) => {
    // Get the cell currently pointed by the mouse
    console.log(cell?.location.row, cell?.location.col);
  })

It is triggered when the mouse hovers in the sheet area and hits different cells.

window.univerAPI.getSheetHooks().onCellDragOver((cell) => {
    // Get the cell currently pointed by the mouse
    console.log(cell?.location.row, cell?.location.col);
  })

Drag a draggable element (such as local notepad text) from outside to the sheet area, and trigger when hitting different cells.

window.univerAPI.getSheetHooks().onCellDrop((cell) => {
    // Get the cell currently pointed by the mouse
    console.log(cell?.location.row, cell?.location.col);
  })

Drag a draggable element (such as local notepad text) from outside to the sheet area, and trigger when the mouse is released.