blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

perf(TextEllipsis): reuse windowWidth to avoid repeat calculations (#12471)

Browse Source
This commit is contained in:
inottn 2023-11-24 18:20:18 +08:00 committed by GitHub
parent 3410b1c74f
commit f0b7af18c6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/vant/src/text-ellipsis/TextEllipsis.tsx
View File

@ -7,11 +7,13 @@ import {
type ExtractPropTypes, type ExtractPropTypes,
} from 'vue'; } from 'vue';
// Composables
import { useEventListener } from '@vant/use';
// Utils // Utils
import { makeNumericProp, makeStringProp, createNamespace } from '../utils'; import {
makeNumericProp,
makeStringProp,
createNamespace,
windowWidth,
} from '../utils';
const [name, bem] = createNamespace('text-ellipsis'); const [name, bem] = createNamespace('text-ellipsis');
@ -196,9 +198,10 @@ export default defineComponent({
onMounted(calcEllipsised); onMounted(calcEllipsised);
watch(() => [props.content, props.rows, props.position], calcEllipsised); watch(
[windowWidth, () => [props.content, props.rows, props.position]],
useEventListener('resize', calcEllipsised); calcEllipsised,
);
return () => ( return () => (
<div ref={root} class={bem()}> <div ref={root} class={bem()}>