fix(runtime-core): should resolve value instead of delete for dynamic props with options

packages/runtime-core/__tests__/componentProps.spec.ts

@@ -175,9 +175,17 @@ describe('component props', () => {
     expect(proxy.foo).toBe(2)
     expect(proxy.bar).toEqual({ a: 1 })
 
-    render(h(Comp, { foo: undefined, bar: { b: 2 } }), root)
+    render(h(Comp, { bar: { b: 2 } }), root)
     expect(proxy.foo).toBe(1)
     expect(proxy.bar).toEqual({ b: 2 })
+
+    render(h(Comp, { foo: 3, bar: { b: 3 } }), root)
+    expect(proxy.foo).toBe(3)
+    expect(proxy.bar).toEqual({ b: 3 })
+
+    render(h(Comp, { bar: { b: 4 } }), root)
+    expect(proxy.foo).toBe(1)
+    expect(proxy.bar).toEqual({ b: 4 })
   })
 
   test('optimized props updates', async () => {

packages/runtime-core/src/componentProps.ts

@@ -186,9 +186,18 @@ export function updateProps(
           // and converted to camelCase (#955)
           ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey)))
       ) {
+        if (options) {
+          props[key] = resolvePropValue(
+            options,
+            rawProps || EMPTY_OBJ,
+            key,
+            undefined
+          )
+        } else {
           delete props[key]
         }
       }
+    }
     for (const key in attrs) {
       if (!rawProps || !hasOwn(rawProps, key)) {
         delete attrs[key]
@@ -250,10 +259,8 @@ function resolvePropValue(
   key: string,
   value: unknown
 ) {
-  let opt = options[key]
+  const opt = options[key]
-  if (opt == null) {
+  if (opt != null) {
-    return value
-  }
     const hasDefault = hasOwn(opt, 'default')
     // default values
     if (hasDefault && value === undefined) {
@@ -271,6 +278,7 @@ function resolvePropValue(
         value = true
       }
     }
+  }
   return value
 }