element-plus/packages/components/popper/src/renderers/trigger.ts

A Component Library for Vue 3

import { cloneVNode } from 'vue'
import { throwError } from '@element-plus/utils/error'
import { getFirstValidNode } from '@element-plus/utils/vnode'

import type { VNode, Ref, ComponentPublicInstance } from 'vue'

type EventHandler = (e: Event) => any
interface IRenderTriggerProps extends Record<string, unknown> {
  ref: string | Ref<ComponentPublicInstance | HTMLElement>
  onClick?: EventHandler
  onMouseover?: EventHandler
  onMouseleave?: EventHandler
  onFocus?: EventHandler
}

export default function renderTrigger(
  trigger: VNode[],
  extraProps: IRenderTriggerProps
) {
  const firstElement = getFirstValidNode(trigger, 1)
  if (!firstElement)
    throwError('renderTrigger', 'trigger expects single rooted node')
  return cloneVNode(firstElement, extraProps, true)
}