fix(useCssVars): fix the loss of CSS variables during updates(#9824)

Merged
Merging
Alfred-Skyblue:fix/useCssVars
into
main
0%
IMPROVEMENTS
0
REGRESSIONS
0
UNTOUCHED
53
NEW
0
DROPPED
0

Benchmarks

1000 refs, 1 computed
packages/reactivity/__tests__/computed.bench.ts::computed::1000 refs, 1 computed
0%
14.7 ms
14.7 ms
create computed
packages/reactivity/__tests__/computed.bench.ts::computed::create computed
0%
37.7 µs
37.8 µs
write independent ref dep
packages/reactivity/__tests__/computed.bench.ts::computed::write independent ref dep
0%
55.6 µs
55.5 µs
write ref, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read 1000 computeds (invoked)
0%
3.4 ms
3.4 ms
write ref, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read 1000 computeds (never invoked)
+1%
62.2 µs
61.3 µs
write ref, don't read computed (invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read computed (invoked)
0%
122.7 µs
122.3 µs
write ref, don't read computed (never invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read computed (never invoked)
+2%
55 µs
53.9 µs
write ref, read 1000 computeds
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, read 1000 computeds
0%
29.7 ms
29.7 ms
write ref, read computed
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, read computed
0%
285.8 µs
285.4 µs
reduce *raw* array, copied, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 10 elements
0%
379.2 µs
378.3 µs
reduce *raw* array, copied, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 100 elements
0%
248 µs
247.9 µs
reduce *raw* array, copied, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 1000 elements
0%
952.8 µs
952.8 µs
reduce *raw* array, manually triggered, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 10 elements
+1%
1.2 ms
1.2 ms
reduce *raw* array, manually triggered, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 100 elements
0%
288.9 µs
288.8 µs
reduce *raw* array, manually triggered, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 1000 elements
0%
1.1 ms
1.1 ms
reduce *reactive* array, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 10 elements
+1%
3.5 ms
3.5 ms
reduce *reactive* array, 10 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 10 elements, only change first value
0%
656.6 µs
656.7 µs
reduce *reactive* array, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 100 elements
0%
11.7 ms
11.7 ms
reduce *reactive* array, 100 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 100 elements, only change first value
0%
3.8 ms
3.8 ms
reduce *reactive* array, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 1000 elements
0%
123.2 ms
123.2 ms
reduce *reactive* array, 1000 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 1000 elements, only change first value
0%
35.4 ms
35.4 ms
reduce *readonly* array, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 10 elements
0%
1.1 ms
1.1 ms
reduce *readonly* array, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 100 elements
0%
6.7 ms
6.7 ms
reduce *readonly* array, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 1000 elements
0%
64 ms
64 ms
1000 reactive maps, 1 computed
packages/reactivity/__tests__/reactiveMap.bench.ts::1000 reactive maps, 1 computed
0%
31.7 ms
31.7 ms
create reactive map
packages/reactivity/__tests__/reactiveMap.bench.ts::create reactive map
0%
57.5 µs
57.4 µs
write reactive map (10'000 items), read computed
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map (10'000 items), read computed
0%
40.4 ms
40.4 ms
write reactive map property
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map property
0%
85.7 µs
85.7 µs
write reactive map, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read 1000 computeds (invoked)
0%
4.9 ms
4.9 ms
write reactive map, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read 1000 computeds (never invoked)
0%
76.5 µs
76.4 µs
write reactive map, don't read computed (invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read computed (invoked)
0%
178.1 µs
177.9 µs
write reactive map, don't read computed (never invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read computed (never invoked)
0%
61.9 µs
61.9 µs
write reactive map, read 1000 computeds
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, read 1000 computeds
0%
48.6 ms
48.6 ms
write reactive map, read computed
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, read computed
0%
302.8 µs
303.2 µs
1000 reactive objs, 1 computed
packages/reactivity/__tests__/reactiveObject.bench.ts::1000 reactive objs, 1 computed
0%
24.1 ms
24.1 ms
create reactive obj
packages/reactivity/__tests__/reactiveObject.bench.ts::create reactive obj
0%
50 µs
50 µs
write reactive obj property
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj property
0%
93.8 µs
93.8 µs
write reactive obj, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read 1000 computeds (invoked)
0%
3.4 ms
3.4 ms
write reactive obj, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read 1000 computeds (never invoked)
0%
122.9 µs
122.8 µs
write reactive obj, don't read computed (invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read computed (invoked)
0%
189.2 µs
189.1 µs
write reactive obj, don't read computed (never invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read computed (never invoked)
0%
92.5 µs
92.4 µs
write reactive obj, read 1000 computeds
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, read 1000 computeds
0%
68.6 ms
68.6 ms
write reactive obj, read computed
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, read computed
0%
297.8 µs
297.7 µs
create ref
packages/reactivity/__tests__/ref.bench.ts::ref::create ref
0%
41.7 µs
41.7 µs
read ref
packages/reactivity/__tests__/ref.bench.ts::ref::read ref
0%
22 µs
22 µs
write ref
packages/reactivity/__tests__/ref.bench.ts::ref::write ref
0%
88.8 µs
88.7 µs
write/read ref
packages/reactivity/__tests__/ref.bench.ts::ref::write/read ref
0%
89.1 µs
89 µs
create watchEffect
packages/runtime-core/__tests__/apiWatch.bench.ts::create watchEffect
0%
107.2 µs
107.2 µs
create watcher
packages/runtime-core/__tests__/apiWatch.bench.ts::create watcher
0%
230.1 µs
230.3 µs
update ref to trigger watchEffect (executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watchEffect (executed)
0%
233.3 µs
233.4 µs
update ref to trigger watchEffect (scheduled but not executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watchEffect (scheduled but not executed)
-1%
1.2 ms
1.2 ms
update ref to trigger watcher (executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watcher (executed)
-1%
1.6 ms
1.6 ms
update ref to trigger watcher (scheduled but not executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watcher (scheduled but not executed)
0%
297.6 µs
297.4 µs

Commits

Click on a commit to change the comparison range
refactor(types): simplify `EmitsToProps` types (#9788)
base
a6503e3
2 months ago by Alfred-Skyblue
0%
test(useCssVars): add test case
6cc1b13
2 months ago by Alfred-Skyblue
0%
fix: add semicolons to handle compound attributes
95af954
2 months ago by Alfred-Skyblue
0%
chore: update cssVarText
0f654f6
2 months ago by Alfred-Skyblue
0%
chore: change `cssVarText` to `const`
6f9d871
2 months ago by Alfred-Skyblue
ResourcesHomePricingDocsBlogGitHub
Copyright © 2024 CodSpeed Technology SAS. All rights reserved.