@hina-ui/vue 1.7.13 → 1.7.14

package/src/components/tour/types.ts

@@ -1,25 +1,53 @@
 import type {
   TourAlign,
   TourBeforeChange,
+  TourCloseReason,
+  TourPlay,
+  TourPlayContext,
+  TourPoint,
+  TourPointer,
+  TourPointerKind,
+  TourRectLike,
   TourSide,
+  TourSpotlightOptions,
   TourStepBase,
   TourTarget,
+  TourTargetItem,
+  TourVirtualElement,
 } from '../../../../shared/src/lib/tour'
 
-export type { TourAlign, TourBeforeChange, TourSide, TourTarget }
+export type {
+  TourAlign,
+  TourBeforeChange,
+  TourCloseReason,
+  TourPlay,
+  TourPlayContext,
+  TourPoint,
+  TourPointer,
+  TourPointerKind,
+  TourRectLike,
+  TourSide,
+  TourSpotlightOptions,
+  TourTarget,
+  TourTargetItem,
+  TourVirtualElement,
+}
 
 export type TourStep = TourStepBase
 
 export interface TourProps {
   steps: TourStep[]
-  mask?: boolean
+  mask?: boolean | 'dim'
   locked?: boolean
   beacon?: boolean
   blockTarget?: boolean
+  blockPage?: boolean
+  pointer?: 'auto' | TourPointerKind
   nextText?: string
   prevText?: string
   finishText?: string
   skipText?: string
+  replayText?: string
   beforeChange?: TourBeforeChange
   dir?: 'ltr' | 'rtl'
   class?: string
@@ -30,9 +58,11 @@ export interface TourSlotProps {
   current: number
   total: number
   busy: boolean
+  playing: boolean
   next: () => void
   prev: () => void
   skip: () => void
+  replay: () => void
 }
 
 export interface TourExpose {
@@ -40,4 +70,5 @@ export interface TourExpose {
   prev: () => Promise<void>
   goTo: (step: number) => Promise<void>
   close: () => void
+  replay: () => void
 }

package/src/index.ts

@@ -147,12 +147,22 @@ export { default as Tour } from './components/tour/Tour.vue'
 export type {
   TourAlign,
   TourBeforeChange,
+  TourCloseReason,
   TourExpose,
+  TourPlay,
+  TourPlayContext,
+  TourPoint,
+  TourPointer,
+  TourPointerKind,
   TourProps,
+  TourRectLike,
   TourSide,
   TourSlotProps,
+  TourSpotlightOptions,
   TourStep,
   TourTarget,
+  TourTargetItem,
+  TourVirtualElement,
 } from './components/tour/types'
 export { default as HoverCard } from './components/hover-card/HoverCard.vue'
 export { default as ContextMenu } from './components/context-menu/ContextMenu.vue'
@@ -292,6 +302,7 @@ export { default as DropdownMenuRadioGroup } from './components/dropdown-menu/Dr
 export { default as DropdownMenuRadioItem } from './components/dropdown-menu/DropdownMenuRadioItem.vue'
 export { default as Dialog } from './components/dialog/Dialog.vue'
 export { default as Drawer } from './components/drawer/Drawer.vue'
+export { default as OverlayBranch } from './components/overlay-branch/OverlayBranch.vue'
 export { default as SidebarTrigger } from './components/sidebar/SidebarTrigger.vue'
 export type { SidebarState } from './components/sidebar/context'
 export { default as Toaster } from './components/toast/Toaster.vue'

package/src/primitives/dismissable-layer/DismissableLayerBranch.ts

@@ -1,13 +1,5 @@
-import {
-  defineComponent,
-  h,
-  mergeProps,
-  onMounted,
-  onUnmounted,
-  renderSlot,
-  withCtx,
-  type PropType,
-} from 'vue'
+import { defineComponent, h, mergeProps, renderSlot, watch, withCtx, type PropType } from 'vue'
+import { isClient } from '@vueuse/core'
 import { addBranch } from '../../../../shared/src/primitives/dismissable-layer'
 import { Primitive, type PrimitiveProps } from '../primitive'
 import { useForwardExpose } from '../utils/useForwardExpose'
@@ -20,14 +12,13 @@ export const DismissableLayerBranch = defineComponent({
   },
   setup(props, { slots }) {
     const { forwardRef, currentElement } = useForwardExpose()
-    let release: (() => void) | undefined
-    onMounted(() => {
-      if (currentElement.value) release = addBranch(currentElement.value)
-    })
-    onUnmounted(() => {
-      release?.()
-      release = undefined
-    })
+    watch(
+      currentElement,
+      (element, _, onCleanup) => {
+        if (isClient && element instanceof HTMLElement) onCleanup(addBranch(element))
+      },
+      { immediate: true, flush: 'post' },
+    )
     return () =>
       h(Primitive, mergeProps({ ref: forwardRef }, props), {
         default: withCtx(() => [renderSlot(slots, 'default')]),