feat(vueltip): allow null and undefined as value

Author: vinpogo

.changeset/neat-garlics-wink.md

@@ -0,0 +1,5 @@
+---
+"@vingy/vueltip": minor
+---
+
+allow undefined and null as value

packages/vueltip/src/directive.ts

@@ -15,19 +15,24 @@ import type {
 } from './types.ts'
 import { ensureKey } from './utils'
 
-const toContent = (value: Binding): Content =>
-  typeof value === 'string'
-    ? { text: value }
-    : typeof value.content === 'string'
-      ? { text: value.content }
-      : value.content
-
+const toContent = (value: Binding): Content => {
+  if (value == null) return { text: value }
+  if (typeof value === 'string') return { text: value }
+  if (value.content == null) return { text: value.content }
+  if (typeof value.content === 'string')
+    return { text: value.content }
+  return value.content
+}
 const extractPlacement = (
   binding: DirectiveBinding<Binding, Modifier, Placement>,
 ) => {
   const { value, arg } = binding
 
-  if (typeof value !== 'string' && 'placement' in value) {
+  if (
+    value &&
+    typeof value !== 'string' &&
+    'placement' in value
+  ) {
     return value.placement
   }
   if (!arg) return getOption('defaultPlacement')

packages/vueltip/src/listeners.ts

@@ -32,8 +32,9 @@ export const onMouseover = ensureEventTarget((target) =>
     const { text } = content
 
     if (
-      elementContainsText(target, text) &&
-      !isTruncated(target)
+      !text ||
+      (elementContainsText(target, text) &&
+        !isTruncated(target))
     ) {
       return
     }

packages/vueltip/src/types.ts

@@ -2,15 +2,16 @@ import type {
   Placement,
   UseFloatingOptions,
 } from '@floating-ui/vue'
+import { Maybe } from '@vingy/shared/types'
 import type { Directive, ShallowRef } from 'vue'
 
 export interface Content {
-  text: string
+  text: Maybe<string>
 }
 export type Binding =
-  | string
+  | Maybe<string>
   | {
-      content: string | Content
+      content: Maybe<string | Content>
       placement: Placement
     }
 export type Modifier = 'x' | 'y' | 'none' | 'both'