theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(types): fix shallowReadonly type

Browse Source
This commit is contained in:
Evan You 2022-01-10 15:05:07 +08:00
parent eb721d49c0
commit 92f11d6740
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/reactivity/src/reactive.ts
View File

@ -166,9 +166,7 @@ export function readonly<T extends object>(
* returned properties. * returned properties.
* This is used for creating the props proxy object for stateful components. * This is used for creating the props proxy object for stateful components.
*/ */
export function shallowReadonly<T extends object>( export function shallowReadonly<T extends object>(target: T): Readonly<T> {
target: T
): Readonly<{ [K in keyof T]: UnwrapNestedRefs<T[K]> }> {
return createReactiveObject( return createReactiveObject(
target, target,
true, true,

9
test-dts/reactivity.test-d.ts
View File

@ -1,3 +1,4 @@
import { shallowReadonly } from '@vue/reactivity'
import { ref, readonly, describe, expectError, expectType, Ref } from './index' import { ref, readonly, describe, expectError, expectType, Ref } from './index'
describe('should support DeepReadonly', () => { describe('should support DeepReadonly', () => {
@ -13,3 +14,11 @@ describe('readonly ref', () => {
const r = readonly(ref({ count: 1 })) const r = readonly(ref({ count: 1 }))
expectType<Ref>(r) expectType<Ref>(r)
}) })
describe('shallowReadonly ref unwrap', () => {
const r = shallowReadonly({ count: { n: ref(1) } })
// @ts-expect-error
r.count = 2
expectType<Ref>(r.count.n)
r.count.n.value = 123
})