directix 1.1.0 → 1.3.0

package/dist/index.d.ts

@@ -13,6 +13,73 @@ export declare function addCleanupVue2(el: Element, fn: () => void): void;
  */
 export declare function addCleanupVue3(el: Element, fn: () => void): void;
 
+/**
+ * Directive binding value type
+ */
+export declare type CapitalcaseBinding = boolean | CapitalcaseOptions;
+
+/**
+ * Capitalcase directive options
+ */
+export declare interface CapitalcaseOptions {
+    /**
+     * Whether to capitalize each word or just the first word
+     * @default true
+     */
+    every?: boolean;
+    /**
+     * Words to keep lowercase (articles, prepositions, etc.)
+     * @default ['a', 'an', 'the', 'and', 'but', 'or', 'for', 'nor', 'on', 'at', 'to', 'from', 'by']
+     */
+    keepLower?: string[];
+    /**
+     * Whether to transform on input (for input elements)
+     * @default true
+     */
+    onInput?: boolean;
+}
+
+/**
+ * Directive binding value type
+ */
+export declare type ClickDelayBinding = ClickDelayHandler | ClickDelayOptions;
+
+/**
+ * Click delay handler
+ */
+export declare type ClickDelayHandler = (event: MouseEvent | TouchEvent) => void;
+
+/**
+ * Click delay directive options
+ */
+export declare interface ClickDelayOptions {
+    /**
+     * Click handler
+     * @required
+     */
+    handler: ClickDelayHandler;
+    /**
+     * Delay time in milliseconds
+     * @default 300
+     */
+    delay?: number;
+    /**
+     * Whether to disable
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * CSS class to add during delay
+     * @default 'v-click-delay--pending'
+     */
+    pendingClass?: string;
+    /**
+     * Whether to show visual feedback
+     * @default true
+     */
+    feedback?: boolean;
+}
+
 /**
  * Directive binding value type
  */
@@ -111,6 +178,91 @@ export declare interface CopyOptions {
  */
 export declare type CopySuccessCallback = (text: string) => void;
 
+/**
+ * Directive binding value type
+ */
+export declare type CountdownBinding = CountdownOptions | Date | number | string;
+
+/**
+ * Countdown complete callback
+ */
+export declare type CountdownCompleteCallback = () => void;
+
+/**
+ * Countdown format function
+ */
+export declare type CountdownFormatFunction = (time: CountdownTime) => string;
+
+/**
+ * Countdown directive options
+ */
+export declare interface CountdownOptions {
+    /**
+     * Target time (Date object, timestamp, or ISO string)
+     * @required
+     */
+    target: Date | number | string;
+    /**
+     * Format string or custom format function
+     * - 'dd:hh:mm:ss' - Days:Hours:Minutes:Seconds
+     * - 'hh:mm:ss' - Hours:Minutes:Seconds
+     * - 'mm:ss' - Minutes:Seconds
+     * - 'ss' - Seconds only
+     * @default 'hh:mm:ss'
+     */
+    format?: string | CountdownFormatFunction;
+    /**
+     * Callback when countdown completes
+     */
+    onComplete?: CountdownCompleteCallback;
+    /**
+     * Callback on each tick
+     */
+    onTick?: CountdownTickCallback;
+    /**
+     * Update interval in milliseconds
+     * @default 1000
+     */
+    interval?: number;
+    /**
+     * Whether to show milliseconds
+     * @default false
+     */
+    showMilliseconds?: boolean;
+    /**
+     * Whether to auto-start
+     * @default true
+     */
+    autoStart?: boolean;
+    /**
+     * Custom labels for i18n
+     */
+    labels?: {
+        days?: string;
+        hours?: string;
+        minutes?: string;
+        seconds?: string;
+        milliseconds?: string;
+    };
+}
+
+/**
+ * Countdown tick callback
+ */
+export declare type CountdownTickCallback = (time: CountdownTime) => void;
+
+/**
+ * Countdown time object
+ */
+export declare interface CountdownTime {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    milliseconds: number;
+    total: number;
+}
+
 /**
  * Vue 2 directive adapter
  * @returns Vue 2 directive object with bind/inserted/update/unbind hooks
@@ -280,6 +432,104 @@ export declare interface DirectiveInstallOptions {
  */
 export declare const Directix: Plugin_2;
 
+/**
+ * Draggable axis
+ */
+export declare type DraggableAxis = 'x' | 'y' | 'both';
+
+/**
+ * Directive binding value type
+ */
+export declare type DraggableBinding = boolean | DraggableOptions;
+
+/**
+ * Draggable directive options
+ */
+export declare interface DraggableOptions {
+    /**
+     * Drag axis
+     * @default 'both'
+     */
+    axis?: DraggableAxis;
+    /**
+     * Constrain to parent element
+     * @default false
+     */
+    constrain?: boolean;
+    /**
+     * Boundary element selector or element
+     */
+    boundary?: string | HTMLElement | (() => HTMLElement | null);
+    /**
+     * Handle element selector
+     */
+    handle?: string;
+    /**
+     * Whether dragging is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Grid snapping [x, y]
+     */
+    grid?: [number, number];
+    /**
+     * Start drag callback
+     */
+    onStart?: (position: {
+        x: number;
+        y: number;
+    }, event: MouseEvent | TouchEvent) => void;
+    /**
+     * Drag callback
+     */
+    onDrag?: (position: {
+        x: number;
+        y: number;
+    }, event: MouseEvent | TouchEvent) => void;
+    /**
+     * End drag callback
+     */
+    onEnd?: (position: {
+        x: number;
+        y: number;
+    }, event: MouseEvent | TouchEvent) => void;
+}
+
+/**
+ * Directive binding value type
+ */
+export declare type EllipsisBinding = number | EllipsisOptions;
+
+/**
+ * Ellipsis directive options
+ */
+export declare interface EllipsisOptions {
+    /**
+     * Number of lines to show before truncating
+     * @default 1
+     */
+    lines?: number;
+    /**
+     * Custom ellipsis string
+     * @default '...'
+     */
+    ellipsis?: string;
+    /**
+     * Whether to expand on click
+     * @default false
+     */
+    expandable?: boolean;
+    /**
+     * Title attribute behavior
+     * - 'auto': Show full text as title only when truncated
+     * - 'always': Always show full text as title
+     * - 'none': Don't show title
+     * @default 'auto'
+     */
+    titleBehavior?: 'auto' | 'always' | 'none';
+}
+
 /**
  * Directive binding value type
  */
@@ -330,6 +580,20 @@ export declare function getPermissionConfig(): PermissionConfig | null;
  */
 export declare function getVueVersion(): VueVersion;
 
+export declare type HotkeyBinding = HotkeyHandler | HotkeyDefinition | HotkeyDefinition[] | Record<string, HotkeyHandler | HotkeyDefinition>;
+
+export declare interface HotkeyDefinition {
+    key: string;
+    modifiers?: ModifierKey[];
+    handler: HotkeyHandler;
+    prevent?: boolean;
+    stop?: boolean;
+    disabled?: boolean;
+    global?: boolean;
+}
+
+export declare type HotkeyHandler = (event: KeyboardEvent) => void;
+
 /**
  * Directive binding value type
  */
@@ -378,6 +642,48 @@ export declare interface HoverOptions {
     leaveDelay?: number;
 }
 
+export declare type ImagePreviewBinding = string | ImagePreviewOptions;
+
+/**
+ * Image preview options
+ */
+export declare interface ImagePreviewOptions {
+    /** Image source URL */
+    src?: string;
+    /** Preview image source URL (higher resolution) */
+    previewSrc?: string;
+    /** Alt text for accessibility */
+    alt?: string;
+    /** Whether preview is disabled @default false */
+    disabled?: boolean;
+    /** Close on click outside @default true */
+    closeOnClickOutside?: boolean;
+    /** Close on escape key @default true */
+    closeOnEsc?: boolean;
+    /** Show close button @default true */
+    showCloseButton?: boolean;
+    /** Z-index of the preview overlay @default 9999 */
+    zIndex?: number;
+    /** Custom class for the preview overlay */
+    class?: string;
+    /** Enable pinch zoom on mobile @default true */
+    enablePinchZoom?: boolean;
+    /** Enable double tap to zoom @default true */
+    enableDoubleTap?: boolean;
+    /** Enable swipe up to close @default true */
+    enableSwipeClose?: boolean;
+    /** Show zoom indicator @default true */
+    showZoomIndicator?: boolean;
+    /** Minimum zoom scale @default 0.5 */
+    minScale?: number;
+    /** Maximum zoom scale @default 5 */
+    maxScale?: number;
+    /** Callback when preview opens */
+    onOpen?: () => void;
+    /** Callback when preview closes */
+    onClose?: () => void;
+}
+
 /**
  * Directive binding value type
  */
@@ -539,6 +845,11 @@ export declare function isVue27(): boolean;
  */
 export declare function isVue3(): boolean;
 
+/**
+ * Virtual list item size function
+ */
+export declare type ItemSizeFunction = (index: number) => number;
+
 /**
  * Directive binding value type
  */
@@ -715,6 +1026,27 @@ export declare interface LongPressOptions {
     stop?: boolean;
 }
 
+/**
+ * Directive binding value type
+ */
+export declare type LowercaseBinding = boolean | LowercaseOptions;
+
+/**
+ * Lowercase directive options
+ */
+export declare interface LowercaseOptions {
+    /**
+     * Transform only the first character
+     * @default false
+     */
+    first?: boolean;
+    /**
+     * Transform on input event (for input elements)
+     * @default true
+     */
+    onInput?: boolean;
+}
+
 export declare type MaskBinding = string | MaskOptions;
 
 /**
@@ -739,6 +1071,20 @@ export declare interface MaskOptions {
     onComplete?: (value: string) => void;
 }
 
+export declare type ModifierKey = 'ctrl' | 'alt' | 'shift' | 'meta';
+
+export declare type MoneyBinding = string | MoneyOptions;
+
+/**
+ * Money directive options
+ */
+export declare interface MoneyOptions extends NumberFormatOptions {
+    /** Currency symbol @default '$' */
+    symbol?: string;
+    /** Symbol position @default 'before' */
+    symbolPosition?: 'before' | 'after';
+}
+
 /**
  * Directive binding value type
  */
@@ -799,6 +1145,39 @@ export declare interface MutationOptions {
     disabled?: boolean;
 }
 
+export declare type NumberBinding = number | NumberOptions;
+
+/**
+ * Shared utilities for number and money formatting directives
+ */
+/**
+ * Base options shared by number and money formatting
+ */
+declare interface NumberFormatOptions {
+    /** Number of decimal places */
+    precision?: number;
+    /** Thousands separator */
+    separator?: string;
+    /** Decimal separator */
+    decimal?: string;
+    /** Whether to allow negative numbers @default true */
+    allowNegative?: boolean;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+}
+
+/**
+ * Number directive options
+ */
+export declare interface NumberOptions extends NumberFormatOptions {
+    /** Prefix string (e.g., '$') */
+    prefix?: string;
+    /** Suffix string (e.g., '%') */
+    suffix?: string;
+}
+
 /**
  * Parse time argument
  * Supports formats: "300" | "300ms" | "1s"
@@ -848,6 +1227,91 @@ export declare interface PermissionOptions {
     onChange?: (hasPermission: boolean) => void;
 }
 
+/**
+ * Print before callback
+ */
+export declare type PrintBeforeCallback = () => boolean | void;
+
+/**
+ * Directive binding value type
+ */
+export declare type PrintBinding = PrintOptions | boolean;
+
+/**
+ * Print complete callback
+ */
+export declare type PrintCompleteCallback = () => void;
+
+/**
+ * Print directive options
+ */
+export declare interface PrintOptions {
+    /**
+     * Title for the printed document
+     */
+    title?: string;
+    /**
+     * Additional CSS styles to inject
+     */
+    styles?: string | string[];
+    /**
+     * Additional CSS URLs to include
+     */
+    cssUrls?: string[];
+    /**
+     * Callback before printing
+     * Return false to cancel printing
+     */
+    onBeforePrint?: PrintBeforeCallback;
+    /**
+     * Callback after printing
+     */
+    onAfterPrint?: PrintCompleteCallback;
+    /**
+     * Whether to print immediately on mount
+     * @default false
+     */
+    immediate?: boolean;
+    /**
+     * Print target selector
+     * If not specified, prints the element itself
+     */
+    target?: string;
+    /**
+     * Whether to print in a new window
+     * @default false
+     */
+    newWindow?: boolean;
+    /**
+     * Custom class for print container
+     */
+    printClass?: string;
+}
+
+export declare type PullRefreshBinding = PullRefreshHandler | PullRefreshOptions;
+
+export declare type PullRefreshHandler = () => Promise<void> | void;
+
+export declare interface PullRefreshOptions {
+    handler: PullRefreshHandler;
+    distance?: number;
+    maxDistance?: number;
+    disabled?: boolean;
+    indicator?: {
+        idle?: string;
+        pulling?: string;
+        ready?: string;
+        loading?: string;
+        success?: string;
+        error?: string;
+    };
+    successDuration?: number;
+    errorDuration?: number;
+    onStateChange?: (state: PullRefreshState) => void;
+}
+
+export declare type PullRefreshState = 'idle' | 'pulling' | 'ready' | 'loading' | 'success' | 'error';
+
 /**
  * Reset Vue version (useful for testing)
  */
@@ -1132,6 +1596,31 @@ export declare const supportsPassive: () => boolean;
  */
 export declare const supportsResizeObserver: () => boolean;
 
+export declare type SwipeBinding = SwipeHandler | SwipeOptions;
+
+export declare type SwipeDirection = 'left' | 'right' | 'up' | 'down';
+
+/**
+ * Swipe direction
+ */
+declare type SwipeDirection_2 = 'left' | 'right' | 'up' | 'down';
+
+export declare type SwipeHandler = (direction: SwipeDirection, event: Event) => void;
+
+export declare interface SwipeOptions {
+    handler?: SwipeHandler;
+    threshold?: number;
+    maxTime?: number;
+    directions?: SwipeDirection[];
+    preventScrollOnSwipe?: boolean;
+    disabled?: boolean;
+    mouse?: boolean;
+    onLeft?: () => void;
+    onRight?: () => void;
+    onUp?: () => void;
+    onDown?: () => void;
+}
+
 /**
  * Directive binding value type
  */
@@ -1180,24 +1669,254 @@ export declare interface ThrottleOptions<T extends (...args: any[]) => any = any
     trailing?: boolean;
 }
 
+export declare type TooltipBinding = string | TooltipOptions;
+
+/**
+ * Tooltip directive options
+ */
+export declare interface TooltipOptions {
+    /** Tooltip content */
+    content: string;
+    /** Tooltip placement @default 'top' */
+    placement?: TooltipPlacement;
+    /** Trigger type @default 'hover' */
+    trigger?: TooltipTrigger;
+    /** Show delay in milliseconds @default 0 */
+    delay?: number;
+    /** Hide delay in milliseconds @default 0 */
+    hideDelay?: number;
+    /** Offset from the element in pixels @default 8 */
+    offset?: number;
+    /** Custom class for the tooltip */
+    class?: string;
+    /** Whether to show arrow @default true */
+    arrow?: boolean;
+    /** Whether the tooltip is disabled @default false */
+    disabled?: boolean;
+    /** Maximum width of the tooltip */
+    maxWidth?: number | string;
+    /** Z-index of the tooltip @default 9999 */
+    zIndex?: number;
+    /** Callback when tooltip is shown */
+    onShow?: () => void;
+    /** Callback when tooltip is hidden */
+    onHide?: () => void;
+}
+
 /**
- * v-click-outside directive
- *
- * @example
- * ```vue
- * <template>
- *   <div v-click-outside="handleClickOutside">
- *     Dropdown menu
- *   </div>
- * </template>
- * ```
- */
-declare const vClickOutside: Directive;
-export { vClickOutside as clickOutside }
-export { vClickOutside }
+ * Tooltip placement
+ */
+export declare type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+/**
+ * Tooltip trigger
+ */
+export declare type TooltipTrigger = 'hover' | 'click' | 'focus' | 'manual';
+
+/**
+ * Touch gesture options
+ */
+export declare interface TouchOptions {
+    /** Minimum swipe distance in pixels @default 30 */
+    swipeThreshold?: number;
+    /** Maximum time for a swipe in milliseconds @default 500 */
+    swipeTimeout?: number;
+    /** Minimum pinch scale change @default 0.1 */
+    pinchThreshold?: number;
+    /** Enable swipe detection @default true */
+    enableSwipe?: boolean;
+    /** Enable pinch detection @default true */
+    enablePinch?: boolean;
+    /** Enable rotate detection @default true */
+    enableRotate?: boolean;
+    /** Enable tap detection @default true */
+    enableTap?: boolean;
+    /** Maximum time for a tap in milliseconds @default 250 */
+    tapTimeout?: number;
+    /** Maximum movement for a tap in pixels @default 10 */
+    tapThreshold?: number;
+    /** Enable long press detection @default true */
+    enableLongPress?: boolean;
+    /** Long press timeout in milliseconds @default 500 */
+    longPressTimeout?: number;
+    /** Enable mouse event simulation for desktop @default true */
+    enableMouse?: boolean;
+    onSwipe?: (direction: SwipeDirection_2, event: TouchEvent | MouseEvent) => void;
+    onSwipeLeft?: (event: TouchEvent | MouseEvent) => void;
+    onSwipeRight?: (event: TouchEvent | MouseEvent) => void;
+    onSwipeUp?: (event: TouchEvent | MouseEvent) => void;
+    onSwipeDown?: (event: TouchEvent | MouseEvent) => void;
+    onPinch?: (scale: number, event: TouchEvent) => void;
+    onRotate?: (angle: number, event: TouchEvent) => void;
+    onTap?: (event: TouchEvent | MouseEvent) => void;
+    onLongPress?: (event: TouchEvent | MouseEvent) => void;
+    onTouchStart?: (event: TouchEvent | MouseEvent) => void;
+    onTouchMove?: (event: TouchEvent | MouseEvent) => void;
+    onTouchEnd?: (event: TouchEvent | MouseEvent) => void;
+}
 
 /**
- * v-copy directive
+ * Directive binding value type
+ */
+export declare type TrimBinding = boolean | TrimPosition | TrimOptions;
+
+/**
+ * Trim directive options
+ */
+export declare interface TrimOptions {
+    /**
+     * Trim position
+     * @default 'both'
+     */
+    position?: TrimPosition;
+    /**
+     * Whether to trim on input (for input elements)
+     * @default true
+     */
+    onInput?: boolean;
+    /**
+     * Whether to trim on blur
+     * @default true
+     */
+    onBlur?: boolean;
+    /**
+     * Custom characters to trim (in addition to whitespace)
+     */
+    chars?: string;
+}
+
+/**
+ * Trim position
+ */
+export declare type TrimPosition = 'start' | 'end' | 'both';
+
+/**
+ * Directive binding value type
+ */
+export declare type TruncateBinding = number | TruncateOptions;
+
+/**
+ * Truncate directive options
+ */
+export declare interface TruncateOptions {
+    /**
+     * Maximum length of text
+     * @default 100
+     */
+    length?: number;
+    /**
+     * Truncation position
+     * @default 'end'
+     */
+    position?: TruncatePosition;
+    /**
+     * Ellipsis string
+     * @default '...'
+     */
+    ellipsis?: string;
+    /**
+     * Whether to use CSS truncation (use text-overflow: ellipsis)
+     * When true, length and position options are ignored
+     * @default false
+     */
+    useCss?: boolean;
+    /**
+     * Show full text on hover (as title attribute)
+     * @default true
+     */
+    showTitle?: boolean;
+}
+
+/**
+ * Truncate position
+ */
+export declare type TruncatePosition = 'start' | 'middle' | 'end';
+
+/**
+ * Directive binding value type
+ */
+export declare type UppercaseBinding = boolean | UppercaseOptions;
+
+/**
+ * Uppercase directive options
+ */
+export declare interface UppercaseOptions {
+    /**
+     * Transform only the first character
+     * @default false
+     */
+    first?: boolean;
+    /**
+     * Transform on input event (for input elements)
+     * @default true
+     */
+    onInput?: boolean;
+}
+
+/**
+ * v-capitalcase directive
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Simple usage: capitalize each word -->
+ *   <input v-capitalcase v-model="title" />
+ *
+ *   <!-- Capitalize only first word -->
+ *   <span v-capitalcase="{ every: false }">{{ text }}</span>
+ *
+ *   <!-- With custom lowercase words -->
+ *   <input v-capitalcase="{ keepLower: ['a', 'the'] }" v-model="title" />
+ * </template>
+ * ```
+ */
+declare const vCapitalcase: Directive;
+export { vCapitalcase as capitalcase }
+export { vCapitalcase }
+
+/**
+ * v-click-delay directive
+ *
+ * Prevents repeated clicks within a specified time period.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Basic usage -->
+ *   <button v-click-delay="handleClick">Click Me</button>
+ *
+ *   <!-- With delay time -->
+ *   <button v-click-delay:500="handleClick">Click Me (500ms)</button>
+ *
+ *   <!-- With options -->
+ *   <button v-click-delay="{ handler: handleClick, delay: 1000 }">
+ *     Click Me (1s)
+ *   </button>
+ * </template>
+ * ```
+ */
+declare const vClickDelay: Directive;
+export { vClickDelay as clickDelay }
+export { vClickDelay }
+
+/**
+ * v-click-outside directive
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <div v-click-outside="handleClickOutside">
+ *     Dropdown menu
+ *   </div>
+ * </template>
+ * ```
+ */
+declare const vClickOutside: Directive;
+export { vClickOutside as clickOutside }
+export { vClickOutside }
+
+/**
+ * v-copy directive
  *
  * @example
  * ```vue
@@ -1210,6 +1929,39 @@ declare const vCopy: Directive;
 export { vCopy as copy }
 export { vCopy }
 
+/**
+ * v-countdown directive
+ *
+ * Displays a countdown timer.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Basic usage -->
+ *   <span v-countdown="targetDate"></span>
+ *
+ *   <!-- With timestamp -->
+ *   <span v-countdown="Date.now() + 60000"></span>
+ *
+ *   <!-- With options -->
+ *   <span v-countdown="{
+ *     target: targetDate,
+ *     format: 'dd:hh:mm:ss',
+ *     onComplete: handleComplete
+ *   }"></span>
+ *
+ *   <!-- With custom format function -->
+ *   <span v-countdown="{
+ *     target: targetDate,
+ *     format: (time) => `${time.days} days ${time.hours}:${time.minutes}:${time.seconds}`
+ *   }"></span>
+ * </template>
+ * ```
+ */
+declare const vCountdown: Directive;
+export { vCountdown as countdown }
+export { vCountdown }
+
 /**
  * v-debounce directive
  *
@@ -1228,6 +1980,58 @@ declare const vDebounce: Directive;
 export { vDebounce as debounce }
 export { vDebounce }
 
+/**
+ * v-draggable directive
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Simple usage -->
+ *   <div v-draggable>Drag me</div>
+ *
+ *   <!-- Constrain to parent -->
+ *   <div v-draggable="{ constrain: true }">Drag me</div>
+ *
+ *   <!-- With handle -->
+ *   <div v-draggable="{ handle: '.drag-handle' }">
+ *     <div class="drag-handle">Drag here</div>
+ *     <div>Content</div>
+ *   </div>
+ *
+ *   <!-- With callbacks -->
+ *   <div v-draggable="{ onDrag: handleDrag }">Drag me</div>
+ * </template>
+ * ```
+ */
+declare const vDraggable: Directive;
+export { vDraggable as draggable }
+export { vDraggable }
+
+/**
+ * v-ellipsis directive
+ *
+ * Truncates text with ellipsis, supports single and multi-line truncation.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Single line ellipsis -->
+ *   <p v-ellipsis>Long text here...</p>
+ *
+ *   <!-- Multi-line ellipsis (3 lines) -->
+ *   <p v-ellipsis="3">Long text here...</p>
+ *
+ *   <!-- With options -->
+ *   <p v-ellipsis="{ lines: 2, expandable: true }">
+ *     Click to expand long text...
+ *   </p>
+ * </template>
+ * ```
+ */
+declare const vEllipsis: Directive;
+export { vEllipsis as ellipsis }
+export { vEllipsis }
+
 /**
  * v-focus directive
  *
@@ -1243,6 +2047,10 @@ declare const vFocus: Directive;
 export { vFocus as focus }
 export { vFocus }
 
+declare const vHotkey: Directive;
+export { vHotkey as hotkey }
+export { vHotkey }
+
 /**
  * v-hover directive
  *
@@ -1258,6 +2066,27 @@ declare const vHover: Directive;
 export { vHover as hover }
 export { vHover }
 
+/**
+ * v-image-preview directive
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Simple usage -->
+ *   <img v-image-preview src="thumbnail.jpg" data-preview="full.jpg" />
+ *
+ *   <!-- With options -->
+ *   <img v-image-preview="{ src: 'thumbnail.jpg', previewSrc: 'full.jpg' }" />
+ *
+ *   <!-- On non-img element -->
+ *   <div v-image-preview="{ src: 'image.jpg' }">Click to preview</div>
+ * </template>
+ * ```
+ */
+declare const vImagePreview: Directive;
+export { vImagePreview as imagePreview }
+export { vImagePreview }
+
 /**
  * v-infinite-scroll directive
  *
@@ -1292,6 +2121,60 @@ declare const vIntersect: Directive;
 export { vIntersect as intersect }
 export { vIntersect }
 
+/**
+ * Directive binding value type
+ */
+export declare type VirtualListBinding<T = any> = VirtualListOptions<T> | T[];
+
+/**
+ * Virtual list directive options
+ */
+export declare interface VirtualListOptions<T = any> {
+    /**
+     * Array of items to render
+     * @required
+     */
+    items: T[];
+    /**
+     * Height of each item (in pixels)
+     * Can be a fixed number or a function
+     * @default 50
+     */
+    itemSize?: number | ItemSizeFunction;
+    /**
+     * Height of the container (in pixels)
+     * @default 400
+     */
+    height?: number | string;
+    /**
+     * Number of extra items to render above/below visible area
+     * @default 3
+     */
+    overscan?: number;
+    /**
+     * Custom render function
+     */
+    render?: VirtualListRenderFunction;
+    /**
+     * Key field name for items
+     * @default 'id'
+     */
+    keyField?: string;
+    /**
+     * Callback when scroll position changes
+     */
+    onScroll?: (scrollTop: number) => void;
+    /**
+     * Callback when visible range changes
+     */
+    onVisibleChange?: (startIndex: number, endIndex: number) => void;
+}
+
+/**
+ * Virtual list render function
+ */
+export declare type VirtualListRenderFunction = (item: any, index: number) => string;
+
 /**
  * Directive binding value type
  */
@@ -1374,6 +2257,24 @@ declare const vLongPress: Directive;
 export { vLongPress as longPress }
 export { vLongPress }
 
+/**
+ * v-lowercase directive
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Transform all characters to lowercase -->
+ *   <input v-lowercase v-model="text" />
+ *
+ *   <!-- Transform only first character -->
+ *   <span v-lowercase="{ first: true }">{{ text }}</span>
+ * </template>
+ * ```
+ */
+declare const vLowercase: Directive;
+export { vLowercase as lowercase }
+export { vLowercase }
+
 /**
  * v-mask directive
  *
@@ -1388,6 +2289,10 @@ declare const vMask: Directive;
 export { vMask as mask }
 export { vMask }
 
+declare const vMoney: Directive;
+export { vMoney as money }
+export { vMoney }
+
 /**
  * v-mutation directive
  *
@@ -1414,6 +2319,10 @@ declare const vMutation: Directive;
 export { vMutation as mutation }
 export { vMutation }
 
+declare const vNumber: Directive;
+export { vNumber as number }
+export { vNumber }
+
 /**
  * v-permission directive
  *
@@ -1444,6 +2353,38 @@ declare const vPermission: Directive;
 export { vPermission as permission }
 export { vPermission }
 
+/**
+ * v-print directive
+ *
+ * Prints the element content when clicked or immediately.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Print on click -->
+ *   <button v-print>Print Page</button>
+ *
+ *   <!-- Print specific element -->
+ *   <button v-print="{ target: '#content' }">Print Content</button>
+ *
+ *   <!-- Print with custom title -->
+ *   <button v-print="{ title: 'My Document', styles: 'body { font-size: 12px }' }">
+ *     Print
+ *   </button>
+ *
+ *   <!-- Print immediately on mount -->
+ *   <div v-print="{ immediate: true }">Auto print</div>
+ * </template>
+ * ```
+ */
+declare const vPrint: Directive;
+export { vPrint as print }
+export { vPrint }
+
+declare const vPullRefresh: Directive;
+export { vPullRefresh as pullRefresh }
+export { vPullRefresh }
+
 /**
  * v-resize directive
  *
@@ -1520,6 +2461,10 @@ declare const vSticky: Directive;
 export { vSticky as sticky }
 export { vSticky }
 
+declare const vSwipe: Directive;
+export { vSwipe as swipe }
+export { vSwipe }
+
 /**
  * v-throttle directive
  *
@@ -1537,6 +2482,62 @@ declare const vThrottle: Directive;
 export { vThrottle as throttle }
 export { vThrottle }
 
+declare const vTooltip: Directive;
+export { vTooltip as tooltip }
+export { vTooltip }
+
+declare const vTouch: Directive;
+export { vTouch as touch }
+export { vTouch }
+
+/**
+ * v-trim directive
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Simple usage: trim both sides -->
+ *   <input v-trim v-model="text" />
+ *
+ *   <!-- Trim only start -->
+ *   <input v-trim="'start'" v-model="text" />
+ *
+ *   <!-- Trim only end -->
+ *   <input v-trim="'end'" v-model="text" />
+ *
+ *   <!-- With options -->
+ *   <input v-trim="{ position: 'both', onBlur: true }" v-model="text" />
+ *
+ *   <!-- For display only -->
+ *   <span v-trim>  Text with spaces  </span>
+ * </template>
+ * ```
+ */
+declare const vTrim: Directive;
+export { vTrim as trim }
+export { vTrim }
+
+/**
+ * v-truncate directive
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Simple usage: truncate to 50 characters -->
+ *   <p v-truncate="50">Long text here...</p>
+ *
+ *   <!-- With options -->
+ *   <p v-truncate="{ length: 100, position: 'middle' }">Long text here...</p>
+ *
+ *   <!-- CSS truncation -->
+ *   <p v-truncate="{ useCss: true }">Long text here...</p>
+ * </template>
+ * ```
+ */
+declare const vTruncate: Directive;
+export { vTruncate as truncate }
+export { vTruncate }
+
 /**
  * Vue 2 directive hooks
  */
@@ -1569,6 +2570,48 @@ export declare interface Vue3DirectiveHooks {
  */
 export declare type VueVersion = 2 | 2.7 | 3;
 
+/**
+ * v-uppercase directive
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Transform all characters to uppercase -->
+ *   <input v-uppercase v-model="text" />
+ *
+ *   <!-- Transform only first character -->
+ *   <span v-uppercase="{ first: true }">{{ text }}</span>
+ * </template>
+ * ```
+ */
+declare const vUppercase: Directive;
+export { vUppercase as uppercase }
+export { vUppercase }
+
+/**
+ * v-virtual-list directive
+ *
+ * Renders a large list efficiently using virtualization.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <div v-virtual-list="{ items: largeList, itemSize: 50 }"></div>
+ *
+ *   <div v-virtual-list="{
+ *     items: largeList,
+ *     itemSize: (index) => index % 10 === 0 ? 100 : 50,
+ *     height: 600,
+ *     overscan: 5,
+ *     render: (item, index) => `<div class="item">${item.name}</div>`
+ *   }"></div>
+ * </template>
+ * ```
+ */
+declare const vVirtualList: Directive;
+export { vVirtualList }
+export { vVirtualList as virtualList }
+
 /**
  * v-visible directive
  *
@@ -1585,4 +2628,108 @@ declare const vVisible: Directive;
 export { vVisible }
 export { vVisible as visible }
 
+/**
+ * v-watermark directive
+ *
+ * Adds a watermark layer to an element.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <!-- Simple watermark -->
+ *   <div v-watermark="'Confidential'">Protected content</div>
+ *
+ *   <!-- Multi-line watermark -->
+ *   <div v-watermark="{ content: ['Company Name', 'User: John'] }">
+ *     Protected content
+ *   </div>
+ *
+ *   <!-- Customized watermark -->
+ *   <div v-watermark="{
+ *     content: 'DRAFT',
+ *     fontSize: 24,
+ *     color: 'rgba(255, 0, 0, 0.2)',
+ *     rotate: -30,
+ *     gap: 50
+ *   }">
+ *     Draft document
+ *   </div>
+ * </template>
+ * ```
+ */
+declare const vWatermark: Directive;
+export { vWatermark }
+export { vWatermark as watermark }
+
+/**
+ * Directive binding value type
+ */
+export declare type WatermarkBinding = string | WatermarkOptions;
+
+/**
+ * Watermark options
+ */
+export declare interface WatermarkOptions {
+    /**
+     * Watermark text content
+     * @required
+     */
+    content: string | string[];
+    /**
+     * Width of watermark canvas
+     * @default 300
+     */
+    width?: number;
+    /**
+     * Height of watermark canvas
+     * @default 200
+     */
+    height?: number;
+    /**
+     * Rotation angle in degrees
+     * @default -22
+     */
+    rotate?: number;
+    /**
+     * Font size in pixels
+     * @default 16
+     */
+    fontSize?: number;
+    /**
+     * Font family
+     * @default 'sans-serif'
+     */
+    fontFamily?: string;
+    /**
+     * Font weight
+     * @default 'normal'
+     */
+    fontWeight?: string | number;
+    /**
+     * Font color
+     * @default 'rgba(128, 128, 128, 0.15)'
+     */
+    color?: string;
+    /**
+     * Gap between watermarks in pixels
+     * @default [100, 100]
+     */
+    gap?: [number, number] | number;
+    /**
+     * Z-index of watermark layer
+     * @default 9999
+     */
+    zIndex?: number;
+    /**
+     * Whether to disable watermark (for dynamic control)
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether to prevent removal attempts
+     * @default true
+     */
+    protect?: boolean;
+}
+
 export { }