feat(runtime-vapor): impl fallthrough attrs

Author: Doctor-wu

packages/runtime-vapor/src/apiRender.ts

@@ -5,6 +5,7 @@ import { flushPostFlushCbs, queuePostRenderEffect } from './scheduler'
 import { proxyRefs } from '@vue/reactivity'
 import { invokeLifecycle } from './componentLifecycle'
 import { VaporLifecycleHooks } from './apiLifecycle'
+import { fallThroughAttrs } from './componentAttrs'
 
 export const fragmentKey = Symbol(__DEV__ ? `fragmentKey` : ``)
 
@@ -47,7 +48,11 @@ export function setupComponent(instance: ComponentInternalInstance): void {
       // TODO: warn no template
       block = []
     }
-    return (instance.block = block)
+    instance.block = block
+    if (instance.inheritAttrs !== false) {
+      fallThroughAttrs(instance)
+    }
+    return block
   })
   reset()
 }

packages/runtime-vapor/src/componentAttrs.ts

@@ -1,6 +1,7 @@
-import { camelize, isFunction } from '@vue/shared'
+import { camelize, isArray, isFunction } from '@vue/shared'
 import type { ComponentInternalInstance } from './component'
 import { isEmitListener } from './componentEmits'
+import type { Block } from './apiRender'
 
 export function patchAttrs(instance: ComponentInternalInstance) {
   const attrs = instance.attrs
@@ -42,3 +43,20 @@ export function patchAttrs(instance: ComponentInternalInstance) {
     }
   }
 }
+
+export function fallThroughAttrs(instance: ComponentInternalInstance) {
+  const attrs = instance.attrs
+  const block = getFallThroughNode(instance.block!)
+  if (!block) return
+  for (const key in attrs) {
+    if (block instanceof Element) {
+      block.setAttribute(key, String(attrs[key]))
+    }
+  }
+}
+
+function getFallThroughNode(block: Block) {
+  if (block instanceof Node) return block
+  if (isArray(block) && block.length === 1) return getFallThroughNode(block[0])
+  return null
+}