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

fix(compiler-sfc): defineProps return binding or rest binding should be considered reactive

Browse Source
This commit is contained in:
Evan You 2022-05-10 17:34:15 +08:00
parent 03b03eee44
commit 410144149f
6 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/compiler-core/src/options.ts
View File

@ -97,6 +97,10 @@ export const enum BindingTypes {
* template expressions.
*/
SETUP_CONST = 'setup-const',
/**
* a const binding that does not need `unref()`, but may be mutated.
*/
SETUP_REACTIVE_CONST = 'setup-reactive-const',
/**
* a const binding that may be a ref.
*/

4
packages/compiler-core/src/transforms/transformElement.ts
View File

@ -352,7 +352,9 @@ function resolveSetupReference(name: string, context: TransformContext) {
}
}
const fromConst = checkType(BindingTypes.SETUP_CONST)
const fromConst =
checkType(BindingTypes.SETUP_CONST) ||
checkType(BindingTypes.SETUP_REACTIVE_CONST)
if (fromConst) {
return context.inline
? // in inline mode, const setup bindings (e.g. imports) can be used as-is

6
packages/compiler-core/src/transforms/transformExpression.ts
View File

@ -122,7 +122,11 @@ export function processExpression(
const isDestructureAssignment =
parent && isInDestructureAssignment(parent, parentStack)
if (type === BindingTypes.SETUP_CONST || localVars[raw]) {
if (
type === BindingTypes.SETUP_CONST ||
type === BindingTypes.SETUP_REACTIVE_CONST ||
localVars[raw]
) {
return raw
} else if (type === BindingTypes.SETUP_REF) {
return `${raw}.value`

2
packages/compiler-sfc/__tests__/compileScript.spec.ts
View File

@ -68,7 +68,7 @@ const bar = 1
expect(bindings).toStrictEqual({
foo: BindingTypes.PROPS,
bar: BindingTypes.SETUP_CONST,
props: BindingTypes.SETUP_CONST
props: BindingTypes.SETUP_REACTIVE_CONST
})
// should remove defineOptions import and call

2
packages/compiler-sfc/__tests__/compileScriptPropsTransform.spec.ts
View File

@ -141,7 +141,7 @@ describe('sfc props transform', () => {
foo: BindingTypes.PROPS,
bar: BindingTypes.PROPS,
baz: BindingTypes.PROPS,
rest: BindingTypes.SETUP_CONST
rest: BindingTypes.SETUP_REACTIVE_CONST
})
})

11
packages/compiler-sfc/src/compileScript.ts
View File

@ -1207,7 +1207,8 @@ export function compileScript(
// props aliases
if (propsDestructureDecl) {
if (propsDestructureRestId) {
bindingMetadata[propsDestructureRestId] = BindingTypes.SETUP_CONST
bindingMetadata[propsDestructureRestId] =
BindingTypes.SETUP_REACTIVE_CONST
}
for (const key in propsDestructuredBindings) {
const { local } = propsDestructuredBindings[key]
@ -1525,14 +1526,18 @@ function walkDeclaration(
const userReactiveBinding = userImportAlias['reactive'] || 'reactive'
if (isCallOf(init, userReactiveBinding)) {
// treat reactive() calls as let since it's meant to be mutable
bindingType = BindingTypes.SETUP_LET
bindingType = isConst
? BindingTypes.SETUP_REACTIVE_CONST
: BindingTypes.SETUP_LET
} else if (
// if a declaration is a const literal, we can mark it so that
// the generated render fn code doesn't need to unref() it
isDefineCall ||
(isConst && canNeverBeRef(init!, userReactiveBinding))
) {
bindingType = BindingTypes.SETUP_CONST
bindingType = isCallOf(init, DEFINE_PROPS)
? BindingTypes.SETUP_REACTIVE_CONST
: BindingTypes.SETUP_CONST
} else if (isConst) {
if (isCallOf(init, userImportAlias['ref'] || 'ref')) {
bindingType = BindingTypes.SETUP_REF