chore: fix type annotations in Vue source files

oku-ui · Feb 5, 2024 · 0fad6e1 · 0fad6e1
1 parent f19d4bc
commit 0fad6e1
Show file tree

Hide file tree

Showing 18 changed files with 58 additions and 58 deletions.
diff --git a/packages/vue/src/accordion/props.ts b/packages/vue/src/accordion/props.ts
@@ -66,8 +66,8 @@ export const useCollapsibleScope = createCollapsibleScope()
 
 type AccordionValueProviderValue = {
   value: Ref<string[]>
-  onItemOpen(value: string): void
-  onItemClose(value: string): void
+  onItemOpen: (value: string) => void
+  onItemClose: (value: string) => void
 }
 
 export const [AccordionValueProvider, useAccordionValueInject]

diff --git a/packages/vue/src/avatar/utils.ts b/packages/vue/src/avatar/utils.ts
@@ -9,7 +9,7 @@ export const [createAvatarProvide, createAvatarScope]
 
 export type AvatarProvide = {
   imageLoadingStatus: Ref<ImageLoadingStatus>
-  onImageLoadingStatusChange(status: ImageLoadingStatus): void
+  onImageLoadingStatusChange: (status: ImageLoadingStatus) => void
 }
 
 export const [useAvatarProvider, useAvatarInject]

diff --git a/packages/vue/src/collapsible/collapsible.ts b/packages/vue/src/collapsible/collapsible.ts
@@ -14,7 +14,7 @@ export type CollapsibleProvideValue = {
   contentId: Ref<string>
   disabled?: Ref<boolean | undefined>
   open: Ref<boolean>
-  onOpenToggle(): void
+  onOpenToggle: () => void
 }
 
 export interface CollapsibleProps extends PrimitiveProps {

diff --git a/packages/vue/src/dialog/utils.ts b/packages/vue/src/dialog/utils.ts
@@ -26,8 +26,8 @@ type DialogProvideValue = {
   descriptionId: Ref<string>
   open: Ref<boolean>
   modal: Ref<boolean>
-  onOpenToggle(): void
-  onOpenChange(open: boolean): void
+  onOpenToggle: () => void
+  onOpenChange: (open: boolean) => void
 }
 
 export const [DialogProvider, useDialogInject]

diff --git a/packages/vue/src/focus-scope/focus-scope-stack.ts b/packages/vue/src/focus-scope/focus-scope-stack.ts
@@ -2,7 +2,7 @@
  * FocusScope stack
  * ----------------------------------------------------------------------------------------------- */
 
-type FocusScopeAPI = { paused: boolean, pause(): void, resume(): void }
+type FocusScopeAPI = { paused: boolean, pause: () => void, resume: () => void }
 const focusScopesStack = createFocusScopesStack()
 
 function createFocusScopesStack() {

diff --git a/packages/vue/src/focus-scope/utils.ts b/packages/vue/src/focus-scope/utils.ts
@@ -1,4 +1,4 @@
-type FocusableTarget = HTMLElement | { focus(): void }
+type FocusableTarget = HTMLElement | { focus: () => void }
 
 /* -------------------------------------------------------------------------------------------------
  * Utils

diff --git a/packages/vue/src/hover-card/hoverCard.ts b/packages/vue/src/hover-card/hoverCard.ts
@@ -16,10 +16,10 @@ export const usePopperScope = createPopperScope()
 
 type HoverCardProvideValue = {
   open: Ref<boolean>
-  onOpenChange(open: boolean): void
-  onOpen(): void
-  onClose(): void
-  onDismiss(): void
+  onOpenChange: (open: boolean) => void
+  onOpen: () => void
+  onClose: () => void
+  onDismiss: () => void
   hasSelectionRef: Ref<boolean>
   isPointerDownOnContentRef: Ref<boolean>
 }

diff --git a/packages/vue/src/menu/props.ts b/packages/vue/src/menu/props.ts
@@ -77,15 +77,15 @@ export const useRovingFocusGroupScope = createRovingFocusGroupScope()
 
 type MenuInjectValue = {
   open: Ref<boolean | undefined>
-  onOpenChange(open: boolean): void
+  onOpenChange: (open: boolean) => void
   content: Ref<MenuContentElement | null>
-  onContentChange(content: MenuContentElement | null): void
+  onContentChange: (content: MenuContentElement | null) => void
 }
 
 export const [menuProvider, useMenuInject] = createMenuProvide<MenuInjectValue>(MENU_NAME)
 
 type MenuRootInjectValue = {
-  onClose(): void
+  onClose: () => void
   isUsingKeyboardRef: Ref<boolean>
   dir: Ref<Direction>
   modal: Ref<boolean>
@@ -318,12 +318,12 @@ export type MenuContentNativeElement = MenuRootContentTypeNativeElement
 export type MenuContentElement = MenuRootContentTypeElement
 
 type MenuContentInjectValue = {
-  onItemEnter(event: PointerEvent): void
-  onItemLeave(event: PointerEvent): void
-  onTriggerLeave(event: PointerEvent): void
+  onItemEnter: (event: PointerEvent) => void
+  onItemLeave: (event: PointerEvent) => void
+  onTriggerLeave: (event: PointerEvent) => void
   searchRef: Ref<string>
   pointerGraceTimerRef: Ref<number>
-  onPointerGraceIntentChange(intent: GraceIntent | null): void
+  onPointerGraceIntentChange: (intent: GraceIntent | null) => void
 }
 
 export const [menuContentProvider, useMenuContentInject] = createMenuProvide<MenuContentInjectValue>(MENU_CONTENT_NAME)
@@ -638,7 +638,7 @@ type MenuSubInjectValue = {
   contentId: Ref<string>
   triggerId: Ref<string>
   trigger: Ref<MenuSubTriggerElement | null>
-  onTriggerChange(trigger: MenuSubTriggerElement | null): void
+  onTriggerChange: (trigger: MenuSubTriggerElement | null) => void
 }
 
 export const [menuSubProvider, useMenuSubInject] = createMenuProvide<MenuSubInjectValue>(MENU_SUB_NAME)

diff --git a/packages/vue/src/popover/props.ts b/packages/vue/src/popover/props.ts
@@ -43,11 +43,11 @@ export type PopoverProvideValue = {
   triggerRef: Ref<HTMLButtonElement | null>
   contentId: Ref<string>
   open: Ref<boolean>
-  onOpenChange(open: boolean): void
-  onOpenToggle(): void
+  onOpenChange: (open: boolean) => void
+  onOpenToggle: () => void
   hasCustomAnchor: Ref<boolean>
-  onCustomAnchorAdd(): void
-  onCustomAnchorRemove(): void
+  onCustomAnchorAdd: () => void
+  onCustomAnchorRemove: () => void
   modal: Ref<boolean>
 }
 

diff --git a/packages/vue/src/popper/utils.ts b/packages/vue/src/popper/utils.ts
@@ -66,12 +66,12 @@ export function getSideAndAlignFromPlacement(placement: Placement) {
 
 export type PopperContext = {
   anchor: Ref<Measurable | null>
-  onAnchorChange(anchor: Measurable | null): void
+  onAnchorChange: (anchor: Measurable | null) => void
 }
 
 export type PopperContentContext = {
   placedSide: Ref<Side | undefined>
-  onArrowChange(arrow: HTMLSpanElement | null): void
+  onArrowChange: (arrow: HTMLSpanElement | null) => void
   arrowX?: Ref<number | undefined>
   arrowY?: Ref<number | undefined>
   shouldHideArrow: Ref<boolean | undefined>

diff --git a/packages/vue/src/progress/Progress.vue b/packages/vue/src/progress/Progress.vue
@@ -24,9 +24,9 @@ export interface ProgressProps extends PrimitiveProps {
   scopeOkuProgress?: Scope
   value?: number | null | undefined
   max?: number
-  getValueLabel?(value: number, max: number): string
+  getValueLabel?: (value: number, max: number) => string
   scopeProgress?: Scope
-  valueChange?(value: number | null | undefined): void
+  valueChange?: (value: number | null | undefined) => void
 }
 
 export type ProgressEmits = {

diff --git a/packages/vue/src/roving-focus/props.ts b/packages/vue/src/roving-focus/props.ts
@@ -74,10 +74,10 @@ type RovingContext = {
   loop?: Ref<boolean | undefined>
 
   currentTabStopId: Ref<string | null>
-  onItemFocus(tabStopId: string): void
-  onItemShiftTab(): void
-  onFocusableItemAdd(): void
-  onFocusableItemRemove(): void
+  onItemFocus: (tabStopId: string) => void
+  onItemShiftTab: () => void
+  onFocusableItemAdd: () => void
+  onFocusableItemRemove: () => void
 }
 
 export const [rovingFocusProvider, useRovingFocusInject]

diff --git a/packages/vue/src/scroll-area/props.ts b/packages/vue/src/scroll-area/props.ts
@@ -48,19 +48,19 @@ export type ScrollAreaProvideValue = {
   scrollHideDelay: Ref<number>
   scrollArea: Ref<ScrollAreaElement | null>
   viewport: Ref<ScrollAreaViewportElement | null>
-  onViewportChange(viewport: ScrollAreaViewportElement | null): void
+  onViewportChange: (viewport: ScrollAreaViewportElement | null) => void
   content: Ref<HTMLDivElement | null>
-  onContentChange(content: HTMLDivElement): void
+  onContentChange: (content: HTMLDivElement) => void
   scrollbarX: Ref<ScrollAreaScrollbarElement | null>
-  onScrollbarXChange(scrollbar: ScrollAreaScrollbarElement | null): void
+  onScrollbarXChange: (scrollbar: ScrollAreaScrollbarElement | null) => void
   scrollbarXEnabled: Ref<boolean>
-  onScrollbarXEnabledChange(rendered: boolean): void
+  onScrollbarXEnabledChange: (rendered: boolean) => void
   scrollbarY: Ref<ScrollAreaScrollbarElement | null>
-  onScrollbarYChange(scrollbar: ScrollAreaScrollbarElement | null): void
+  onScrollbarYChange: (scrollbar: ScrollAreaScrollbarElement | null) => void
   scrollbarYEnabled: Ref<boolean>
-  onScrollbarYEnabledChange(rendered: boolean): void
-  onCornerWidthChange(width: number): void
-  onCornerHeightChange(height: number): void
+  onScrollbarYEnabledChange: (rendered: boolean) => void
+  onCornerWidthChange: (width: number) => void
+  onCornerHeightChange: (height: number) => void
 }
 
 export interface ScrollAreaProps extends PrimitiveProps {
@@ -206,10 +206,10 @@ export const [createScrollProvide, createScrollScope] = createScope(SCROLL_AREA_
 export type ScrollbarProvideValue = {
   hasThumb: Ref<boolean>
   scrollbar: Ref<ScrollAreaScrollbarElement | null>
-  onThumbChange(thumb: ScrollAreaThumbElement | null): void
-  onThumbPointerUp(): void
-  onThumbPointerDown(pointerPos: { x: number, y: number }): void
-  onThumbPositionChange(): void
+  onThumbChange: (thumb: ScrollAreaThumbElement | null) => void
+  onThumbPointerUp: () => void
+  onThumbPointerDown: (pointerPos: { x: number, y: number }) => void
+  onThumbPositionChange: () => void
 }
 
 export const [scrollbarProvider, useScrollbarInject] = createScrollProvide<ScrollbarProvideValue>(SCROLL_AREA_SCROLLBAR_NAME)

diff --git a/packages/vue/src/toast/share.ts b/packages/vue/src/toast/share.ts
@@ -19,9 +19,9 @@ type ToastProviderProvideValue = {
   swipeThreshold: Ref<number>
   toastCount: Ref<number>
   viewport: Ref<ToastViewportElement | null>
-  onViewportChange(viewport: ToastViewportElement): void
-  onToastAdd(): void
-  onToastRemove(): void
+  onViewportChange: (viewport: ToastViewportElement) => void
+  onToastAdd: () => void
+  onToastRemove: () => void
   isFocusedToastEscapeKeyDownRef: Ref<boolean>
   isClosePausedRef: Ref<boolean>
 }

diff --git a/packages/vue/src/toggle-group/props.ts b/packages/vue/src/toggle-group/props.ts
@@ -120,8 +120,8 @@ export type ToggleGroupImplSingleElement = ToggleGroupImplElement
 type ToggleGroupValueProviderValue = {
   type: 'single' | 'multiple'
   value: Ref<string[]>
-  onItemActivate(value: string): void
-  onItemDeactivate(value: string): void
+  onItemActivate: (value: string) => void
+  onItemDeactivate: (value: string) => void
 }
 
 export const [toggleGroupValueProvider, useToggleGroupValueInject]

diff --git a/packages/vue/src/tooltip/tooltip.ts b/packages/vue/src/tooltip/tooltip.ts
@@ -15,11 +15,11 @@ type TooltipInjectValue = {
   open: Ref<boolean | undefined>
   stateAttribute: Ref<'closed' | 'delayed-open' | 'instant-open'>
   trigger: Ref<TooltipTriggerElement | null>
-  onTriggerChange(trigger: TooltipTriggerElement | null): void
-  onTriggerEnter(): void
-  onTriggerLeave(): void
-  onOpen(): void
-  onClose(): void
+  onTriggerChange: (trigger: TooltipTriggerElement | null) => void
+  onTriggerEnter: () => void
+  onTriggerLeave: () => void
+  onOpen: () => void
+  onClose: () => void
   disableHoverableContent: Ref<boolean>
 }
 

diff --git a/packages/vue/src/tooltip/tooltipProvider.ts b/packages/vue/src/tooltip/tooltipProvider.ts
@@ -8,9 +8,9 @@ const PROVIDER_NAME = 'TooltipProvider'
 type TooltipProviderProvideValue = {
   isOpenDelayed: Ref<boolean>
   delayDuration: Ref<number>
-  onOpen(): void
-  onClose(): void
-  onPointerInTransitChange(inTransit: boolean): void
+  onOpen: () => void
+  onClose: () => void
+  onPointerInTransitChange: (inTransit: boolean) => void
   isPointerInTransitRef: Ref<boolean>
   disableHoverableContent: Ref<boolean>
 }

diff --git a/packages/vue/src/utils/observeElementRect.ts b/packages/vue/src/utils/observeElementRect.ts
@@ -1,4 +1,4 @@
-type Measurable = { getBoundingClientRect(): DOMRect }
+type Measurable = { getBoundingClientRect: () => DOMRect }
 
 type CallbackFn = (rect: DOMRect) => void