vft 0.0.11 → 0.0.14

package/es/components/tooltip/tooltip.vue.d.ts

@@ -0,0 +1,470 @@
+import type { PropType as __PropType } from 'vue';
+import type { Options, Placement } from '@popperjs/core';
+import { type StyleValue } from 'vue';
+import { type Measurable } from 'vft/es/components/popper';
+import type { TooltipTriggerType } from './types';
+export interface ToolTipProps {
+    role?: 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';
+    showArrow?: boolean;
+    arrowOffset?: number;
+    virtualRef?: Measurable;
+    virtualTriggering?: boolean;
+    onMouseenter?: Function;
+    onMouseleave?: Function;
+    onClick?: Function;
+    onKeydown?: Function;
+    onFocus?: Function;
+    onBlur?: Function;
+    onContextmenu?: Function;
+    id?: string;
+    open?: boolean;
+    boundariesPadding?: number;
+    fallbackPlacements?: Placement[];
+    gpuAcceleration?: boolean;
+    offset?: number;
+    placement?: Placement;
+    popperOptions?: Partial<Options>;
+    strategy?: 'fixed' | 'absolute';
+    style?: StyleValue;
+    className?: ClassType;
+    effect?: 'light' | 'dark';
+    visible?: boolean;
+    enterable?: boolean;
+    pure?: boolean;
+    focusOnShow?: boolean;
+    trapping?: boolean;
+    popperClass?: ClassType;
+    popperStyle?: StyleValue;
+    referenceEl?: HTMLElement;
+    triggerTargetEl?: HTMLElement;
+    stopPopperMouseEvent?: boolean;
+    ariaLabel?: string;
+    zIndex?: number;
+    showAfter?: number;
+    hideAfter?: number;
+    appendTo?: HTMLElement | string;
+    content?: string;
+    rawContent?: boolean;
+    persistent?: boolean;
+    transition?: string;
+    teleported?: boolean;
+    disabled?: boolean;
+    trigger?: TooltipTriggerType;
+    triggerKeys?: string[];
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    role: {
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    arrowOffset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    virtualRef: {
+        type: __PropType<Measurable | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    onMouseenter: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onMouseleave: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onClick: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onKeydown: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onFocus: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onBlur: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onContextmenu: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    open: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    boundariesPadding: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    fallbackPlacements: {
+        type: __PropType<Placement[] | undefined>;
+        required: false;
+    };
+    gpuAcceleration: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    strategy: {
+        type: __PropType<"fixed" | "absolute" | undefined>;
+        required: false;
+    };
+    style: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    pure: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    focusOnShow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trapping: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    referenceEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    triggerTargetEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    stopPopperMouseEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    ariaLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    appendTo: {
+        type: __PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    content: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    rawContent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trigger: {
+        type: __PropType<TooltipTriggerType | undefined>;
+        required: false;
+    };
+    triggerKeys: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description el-popper component instance
+     */
+    popperRef: import("vue").Ref<any>;
+    /**
+     * @description el-tooltip-content component instance
+     */
+    contentRef: import("vue").Ref<any>;
+    /**
+     * @description validate current focus event is trigger inside el-tooltip-content
+     */
+    isFocusInsideContent: () => boolean | undefined;
+    /**
+     * @description update el-popper component instance
+     */
+    updatePopper: () => void;
+    /**
+     * @description expose onOpen function to mange el-tooltip open state
+     */
+    onOpen: (event?: Event | undefined) => void;
+    /**
+     * @description expose onOpen function to mange el-tooltip open state
+     */
+    onClose: (event?: Event | undefined) => void;
+    /**
+     * @description expose hide function
+     */
+    hide: (event?: Event | undefined) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    role: {
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    arrowOffset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    virtualRef: {
+        type: __PropType<Measurable | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    onMouseenter: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onMouseleave: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onClick: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onKeydown: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onFocus: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onBlur: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    onContextmenu: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    open: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    boundariesPadding: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    fallbackPlacements: {
+        type: __PropType<Placement[] | undefined>;
+        required: false;
+    };
+    gpuAcceleration: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    strategy: {
+        type: __PropType<"fixed" | "absolute" | undefined>;
+        required: false;
+    };
+    style: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    pure: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    focusOnShow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trapping: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    referenceEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    triggerTargetEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    stopPopperMouseEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    ariaLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    appendTo: {
+        type: __PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    content: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    rawContent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trigger: {
+        type: __PropType<TooltipTriggerType | undefined>;
+        required: false;
+    };
+    triggerKeys: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    "onBefore-show"?: ((...args: any[]) => any) | undefined;
+    "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/tooltip/trigger.vue.d.ts

@@ -0,0 +1,54 @@
+import type { PropType as __PropType } from 'vue';
+import type { Measurable } from '../popper';
+import { type TooltipTriggerType } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trigger: {
+        type: __PropType<TooltipTriggerType | undefined>;
+        required: false;
+    };
+    triggerKeys: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    virtualRef: {
+        type: __PropType<Measurable | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description trigger element
+     */
+    triggerRef: import("vue").Ref<{
+        forwardRef: HTMLElement;
+    } | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trigger: {
+        type: __PropType<TooltipTriggerType | undefined>;
+        required: false;
+    };
+    triggerKeys: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    virtualRef: {
+        type: __PropType<Measurable | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/tooltip/types.d.ts

@@ -0,0 +1,53 @@
+import type { Options, Placement } from '@popperjs/core';
+import type { StyleValue } from 'vue';
+import type { Measurable } from '../popper';
+export type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu';
+export interface ToolTipProps {
+    role?: 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';
+    showArrow?: boolean;
+    arrowOffset?: number;
+    virtualRef?: Measurable;
+    virtualTriggering?: boolean;
+    onMouseenter?: Function;
+    onMouseleave?: Function;
+    onClick?: Function;
+    onKeydown?: Function;
+    onFocus?: Function;
+    onBlur?: Function;
+    onContextmenu?: Function;
+    id?: string;
+    open?: boolean;
+    boundariesPadding?: number;
+    fallbackPlacements?: Placement[];
+    gpuAcceleration?: boolean;
+    offset?: number;
+    placement?: Placement;
+    popperOptions?: Partial<Options>;
+    strategy?: 'fixed' | 'absolute';
+    style?: StyleValue;
+    className?: ClassType;
+    effect?: 'light' | 'dark';
+    visible?: boolean;
+    enterable?: boolean;
+    pure?: boolean;
+    focusOnShow?: boolean;
+    trapping?: boolean;
+    popperClass?: ClassType;
+    popperStyle?: StyleValue;
+    referenceEl?: HTMLElement;
+    triggerTargetEl?: HTMLElement;
+    stopPopperMouseEvent?: boolean;
+    ariaLabel?: string;
+    zIndex?: number;
+    showAfter?: number;
+    hideAfter?: number;
+    appendTo?: HTMLElement | string;
+    content?: string;
+    rawContent?: boolean;
+    persistent?: boolean;
+    transition?: string;
+    teleported?: boolean;
+    disabled?: boolean;
+    trigger?: TooltipTriggerType;
+    triggerKeys?: string[];
+}

package/es/components/tooltip/utils.d.ts

@@ -0,0 +1,11 @@
+import type { Arrayable } from 'vft/es/utils';
+import type { Ref } from 'vue';
+import type { TooltipTriggerType } from './types';
+export declare const isTriggerType: (trigger: Arrayable<TooltipTriggerType>, type: TooltipTriggerType) => boolean;
+export declare const whenTrigger: (trigger: Ref<Arrayable<TooltipTriggerType>>, type: TooltipTriggerType, handler: (e: Event) => void) => (e: Event) => void;
+export declare const useTooltipModelToggle: ({ indicator, toggleReason, shouldHideWhenRouteChanges, shouldProceed, onShow, onHide, }: import("vft/es/hooks").ModelToggleParams) => {
+    hide: (event?: Event | undefined) => void;
+    show: (event?: Event | undefined) => void;
+    toggle: () => void;
+    hasUpdateHandler: import("vue").ComputedRef<boolean>;
+};

package/es/hooks/index.d.ts

@@ -1,2 +1,10 @@
 export * from './use-namespace';
+export * from './use-popper';
+export * from './use-z-index';
+export * from './use-forward-ref';
+export * from './use-id';
+export * from './use-popper-container';
+export * from './use-delayed-toggle';
+export * from './use-timeout';
 export * from './use-ordered-children';
+export * from './use-model-toggle';

package/es/hooks/use-delayed-toggle/index.d.ts

@@ -0,0 +1,10 @@
+export type UseDelayedToggleProps = {
+    open: (event?: Event) => void;
+    close: (event?: Event) => void;
+    showAfter: number;
+    hideAfter: number;
+};
+export declare const useDelayedToggle: ({ showAfter, hideAfter, open, close }: UseDelayedToggleProps) => {
+    onOpen: (event?: Event) => void;
+    onClose: (event?: Event) => void;
+};

package/es/hooks/use-forward-ref/index.d.ts

@@ -0,0 +1,9 @@
+import type { InjectionKey, ObjectDirective, Ref } from 'vue';
+type ForwardRefSetter = <T>(el: T) => void;
+export type ForwardRefInjectionContext = {
+    setForwardRef: ForwardRefSetter;
+};
+export declare const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext>;
+export declare const useForwardRef: <T>(forwardRef: Ref<T | null>) => void;
+export declare const useForwardRefDirective: (setForwardRef: ForwardRefSetter) => ObjectDirective;
+export {};

package/es/hooks/use-id/index.d.ts

@@ -0,0 +1,9 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { MaybeRef } from '@vueuse/core';
+export type ElIdInjectionContext = {
+    prefix: number;
+    current: number;
+};
+export declare const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext>;
+export declare const useIdInjection: () => ElIdInjectionContext;
+export declare const useId: (deterministicId?: MaybeRef<string>) => Ref<string>;

package/es/hooks/use-model-toggle/index.d.ts

@@ -0,0 +1,25 @@
+import type { Ref } from 'vue';
+export declare const createModelToggleComposable: <T extends string>(name: T) => {
+    useModelToggle: ({ indicator, toggleReason, shouldHideWhenRouteChanges, shouldProceed, onShow, onHide, }: ModelToggleParams) => {
+        hide: (event?: Event) => void;
+        show: (event?: Event) => void;
+        toggle: () => void;
+        hasUpdateHandler: import("vue").ComputedRef<boolean>;
+    };
+    useModelToggleEmits: `update:${T}`[];
+};
+declare const useModelToggle: ({ indicator, toggleReason, shouldHideWhenRouteChanges, shouldProceed, onShow, onHide, }: ModelToggleParams) => {
+    hide: (event?: Event) => void;
+    show: (event?: Event) => void;
+    toggle: () => void;
+    hasUpdateHandler: import("vue").ComputedRef<boolean>;
+}, useModelToggleEmits: "update:modelValue"[];
+export { useModelToggle, useModelToggleEmits };
+export type ModelToggleParams = {
+    indicator: Ref<boolean>;
+    toggleReason?: Ref<Event | undefined>;
+    shouldHideWhenRouteChanges?: Ref<boolean>;
+    shouldProceed?: () => boolean;
+    onShow?: (event?: Event) => void;
+    onHide?: (event?: Event) => void;
+};

package/es/hooks/use-namespace/index.d.ts

@@ -1,7 +1,10 @@
-export declare const defaultNamespace = "vri";
+import type { InjectionKey, Ref } from 'vue';
+export declare const defaultNamespace = "vft";
 export declare const _bem: (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => string;
+export declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
+export declare const useGetDerivedNamespace: () => import("vue").ComputedRef<string>;
 export declare const useNamespace: (block: string) => {
-    namespace: import("vue").Ref<string>;
+    namespace: Ref<string>;
     b: (blockSuffix?: string) => string;
     e: (element?: string) => string;
     m: (modifier?: string) => string;