The performant-ellipsis component may still be insufficiently performant

[poerlang]

Describe the bug

https://stackblitz.com/edit/vitejs-vite-bjmgwg?file=src%2FApp.vue

使用 performant-ellipsis 的性能优化效果不明显，在 n-data-table + virtual-scroll 环境下，仍然卡顿明显

Steps to reproduce

1. use n-data-table
2. use virtual-scroll
3. use ellipsis-component="performant-ellipsis"
4. use ellipsis: { tooltip: true } in columns options
5. drag the scroll bar in n-data-table

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-bjmgwg?file=src%2FApp.vue

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (4) x64 Intel(R) Core(TM) i5 CPU         750  @ 2.67GHz
    Memory: 554.26 MB / 7.99 GB
  Binaries:
    Node: 20.11.0 - D:\nodejs\node.EXE
    Yarn: 1.22.21 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 10.4.0 - D:\nodejs\npm.CMD
    pnpm: 8.14.1 - ~\AppData\Roaming\npm\pnpm.CMD
  Browsers:
    Edge: Chromium (123.0.2420.97), ChromiumDev (123.0.2420.10)
    Internet Explorer: 11.0.19041.3636
  npmPackages:
    naive-ui: ^2.38.1 => 2.38.1
    vue: ^3.4.21 => 3.4.25

Used Package Manager

npm

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[poerlang]

QQ2024425-185511.mp4