The performant-ellipsis component may still be insufficiently performant
poerlang opened this issue · comments
Describe the bug
https://stackblitz.com/edit/vitejs-vite-bjmgwg?file=src%2FApp.vue
使用 performant-ellipsis
的性能优化效果不明显,在 n-data-table
+ virtual-scroll
环境下,仍然卡顿明显
Steps to reproduce
- use
n-data-table
- use
virtual-scroll
- use
ellipsis-component="performant-ellipsis"
- use
ellipsis: { tooltip: true }
incolumns
options - 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.