chore: add headlessui/vue

package.json

@@ -35,6 +35,7 @@
   },
   "dependencies": {
     "@floating-ui/vue": "^1.1.2",
+    "@headlessui/vue": "^1.7.22",
     "@vueuse/core": "^10.11.0",
     "kotl": "^2.1.4",
     "mitt": "^3.0.1"

src/Base/Popper/ElSlot.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type ComponentPublicInstance, Fragment, type VNode, cloneVNode, defineComponent, mergeProps } from 'vue'
+import { cloneVNode, type ComponentPublicInstance, defineComponent, Fragment, mergeProps, type VNode } from 'vue'
 
 defineOptions({ name: 'ElSlot' })
 const emits = defineEmits<{ load: [el: Element] }>()

src/Base/Popper/Popper.vue

@@ -1,14 +1,8 @@
 <script setup lang="ts">
-import { ref, type PropType, computed, toRef, Teleport } from 'vue'
-import ElSlot from './ElSlot.vue'
-import {
-  usePopper,
-  type PopperTrigger,
-  type PopperVirtualElement,
-  type PopperPlacement,
-  type PopperSizeMode,
-} from './core'
+import { computed, type PropType, ref, toRef } from 'vue'
 import { useModelValue } from '../../use/useModelValue'
+import { type PopperPlacement, type PopperTrigger, type PopperVirtualElement, usePopper } from './core'
+import ElSlot from './ElSlot.vue'
 
 defineOptions({ name: 'Popper' })
 

src/Base/Popper/core.ts

@@ -5,27 +5,26 @@ import {
   onMounted,
   provide,
   reactive,
-  ref,
-  toValue,
   type Ref,
+  ref,
   type StyleValue,
+  toValue,
 } from 'vue'
+import { onClickOutside, useEventListener } from '@vueuse/core'
 import {
-  useFloating,
-  offset,
+  arrow,
+  autoUpdate,
   flip,
+  type Middleware,
+  offset,
+  type Placement,
   shift,
   size,
+  useFloating,
   type VirtualElement,
-  arrow,
-  autoUpdate,
-  type Placement,
-  type SizeOptions,
-  type Middleware,
 } from '@floating-ui/vue'
 import { uid } from 'kotl'
-import { onClickOutside, useEventListener } from '@vueuse/core'
-import { useHoverListener, useFocusListener, useClickListener } from '../../use/useTargetEvent'
+import { useClickListener, useFocusListener, useHoverListener } from '../../use/useTargetEvent'
 
 export type PopperPlacement = Placement
 export type PopperVirtualElement = VirtualElement

src/Base/Popper/index.ts

@@ -1,3 +1,2 @@
-export { default as Popper } from './Popper.vue'
-
 export type { PopperPlacement, PopperSizeMode, PopperTrigger, PopperVirtualElement } from './core'
+export { default as Popper } from './Popper.vue'