github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

perf(Typography): fast and efficient syncEllipsis (#7146)

feat-4.1
Nined 2023-12-18 11:21:55 +08:00 committed by GitHub
parent a8a774a5ff
commit 67efafca4a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/typography/Base.tsx
View File

@ -166,6 +166,7 @@ const Base = defineComponent({
}); });
onMounted(() => { onMounted(() => {
state.clientRendered = true; state.clientRendered = true;
syncEllipsis();
}); });
onBeforeUnmount(() => { onBeforeUnmount(() => {
@ -180,7 +181,7 @@ const Base = defineComponent({
resizeOnNextFrame(); resizeOnNextFrame();
}); });
}, },
{ flush: 'post', deep: true, immediate: true }, { flush: 'post', deep: true },
); );
watchEffect(() => { watchEffect(() => {
@ -296,7 +297,12 @@ const Base = defineComponent({
); );
// ============== Ellipsis ============== // ============== Ellipsis ==============
function resizeOnNextFrame() { function resizeOnNextFrame(sizeInfo?: { width: number; height: number }) {
if (sizeInfo) {
const { width, height } = sizeInfo;
if (!width || !height) return;
}
raf.cancel(state.rafId); raf.cancel(state.rafId);
state.rafId = raf(() => { state.rafId = raf(() => {
// Do not bind `syncEllipsis`. It need for test usage on prototype // Do not bind `syncEllipsis`. It need for test usage on prototype