@lytjs/plugin-animation 6.4.0 → 6.6.0

package/dist/index.cjs

@@ -353,7 +353,7 @@ function createAnimation(animateFn, options = {}) {
     delay = 0,
     iterations = 1,
     direction = "normal",
-    fill = "none",
+    fill: _fill = "none",
     onStart,
     onUpdate,
     onComplete,
@@ -365,7 +365,7 @@ function createAnimation(animateFn, options = {}) {
   let state = "idle";
   let progress = 0;
   let startTime = 0;
-  let pausedTime = 0;
+  let _pausedTime = 0;
   let animationFrameId = null;
   let currentIteration = 0;
   let isReversed = direction === "reverse" || direction === "alternate-reverse";
@@ -427,7 +427,7 @@ function createAnimation(animateFn, options = {}) {
   function pause() {
     if (state !== "playing") return;
     state = "paused";
-    pausedTime = performance.now();
+    _pausedTime = performance.now();
     if (animationFrameId) {
       cancelAnimationFrame(animationFrameId);
       animationFrameId = null;
@@ -456,7 +456,7 @@ function createAnimation(animateFn, options = {}) {
     currentIteration = 0;
     progressSignal.set(0);
     startTime = 0;
-    pausedTime = 0;
+    _pausedTime = 0;
     isReversed = direction === "reverse" || direction === "alternate-reverse";
   }
   function seek(newProgress) {
@@ -501,7 +501,7 @@ function transitionElement(element, toggle, options = {}) {
     onAfterLeave
   } = options;
   const propertyStr = Array.isArray(property) ? property.join(", ") : property;
-  const easingFn = getEasingFunction(easing);
+  const _easingFn = getEasingFunction(easing);
   if (toggle) {
     if (onBeforeEnter) {
       onBeforeEnter();
@@ -715,7 +715,7 @@ function createAnimationManager(options = {}) {
   const {
     defaultDuration = 300,
     defaultEasing = "ease",
-    autoCleanup = true
+    autoCleanup: _autoCleanup = true
   } = options;
   const animations = /* @__PURE__ */ new Map();
   function animate(animateFn, opts) {
@@ -764,7 +764,7 @@ function createAnimationManager(options = {}) {
     }
   }
   function clear() {
-    for (const [id, animation] of animations) {
+    for (const [_id, animation] of animations) {
       animation.cancel();
     }
     animations.clear();

package/dist/index.js

@@ -317,7 +317,7 @@ function createAnimation(animateFn, options = {}) {
     delay = 0,
     iterations = 1,
     direction = "normal",
-    fill = "none",
+    fill: _fill = "none",
     onStart,
     onUpdate,
     onComplete,
@@ -329,7 +329,7 @@ function createAnimation(animateFn, options = {}) {
   let state = "idle";
   let progress = 0;
   let startTime = 0;
-  let pausedTime = 0;
+  let _pausedTime = 0;
   let animationFrameId = null;
   let currentIteration = 0;
   let isReversed = direction === "reverse" || direction === "alternate-reverse";
@@ -391,7 +391,7 @@ function createAnimation(animateFn, options = {}) {
   function pause() {
     if (state !== "playing") return;
     state = "paused";
-    pausedTime = performance.now();
+    _pausedTime = performance.now();
     if (animationFrameId) {
       cancelAnimationFrame(animationFrameId);
       animationFrameId = null;
@@ -420,7 +420,7 @@ function createAnimation(animateFn, options = {}) {
     currentIteration = 0;
     progressSignal.set(0);
     startTime = 0;
-    pausedTime = 0;
+    _pausedTime = 0;
     isReversed = direction === "reverse" || direction === "alternate-reverse";
   }
   function seek(newProgress) {
@@ -465,7 +465,7 @@ function transitionElement(element, toggle, options = {}) {
     onAfterLeave
   } = options;
   const propertyStr = Array.isArray(property) ? property.join(", ") : property;
-  const easingFn = getEasingFunction(easing);
+  const _easingFn = getEasingFunction(easing);
   if (toggle) {
     if (onBeforeEnter) {
       onBeforeEnter();
@@ -679,7 +679,7 @@ function createAnimationManager(options = {}) {
   const {
     defaultDuration = 300,
     defaultEasing = "ease",
-    autoCleanup = true
+    autoCleanup: _autoCleanup = true
   } = options;
   const animations = /* @__PURE__ */ new Map();
   function animate(animateFn, opts) {
@@ -728,7 +728,7 @@ function createAnimationManager(options = {}) {
     }
   }
   function clear() {
-    for (const [id, animation] of animations) {
+    for (const [_id, animation] of animations) {
       animation.cancel();
     }
     animations.clear();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lytjs/plugin-animation",
-  "version": "6.4.0",
+  "version": "6.6.0",
   "description": "LytJS official animation plugin with CSS transitions and animations",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -29,8 +29,8 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@lytjs/core": "^6.4.0",
-    "@lytjs/reactivity": "^6.4.0"
+    "@lytjs/core": "workspace:*",
+    "@lytjs/reactivity": "workspace:*"
   },
   "devDependencies": {
     "tsup": "^8.0.0",

package/dist/index.d.cts

@@ -1,459 +0,0 @@
-import * as _lytjs_core from '@lytjs/core';
-
-/**
- * @lytjs/plugin-animation - 类型定义
- */
-type EasingFunction = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'ease-in-quad' | 'ease-out-quad' | 'ease-in-out-quad' | 'ease-in-cubic' | 'ease-out-cubic' | 'ease-in-out-cubic' | 'ease-in-quart' | 'ease-out-quart' | 'ease-in-out-quart' | 'ease-in-quint' | 'ease-out-quint' | 'ease-in-out-quint' | 'ease-in-sine' | 'ease-out-sine' | 'ease-in-out-sine' | 'ease-in-expo' | 'ease-out-expo' | 'ease-in-out-expo' | 'ease-in-circ' | 'ease-out-circ' | 'ease-in-out-circ' | 'ease-in-back' | 'ease-out-back' | 'ease-in-out-back' | 'spring' | ((t: number) => number);
-interface AnimationOptions {
-    /** 动画时长（毫秒） */
-    duration?: number;
-    /** 缓动函数 */
-    easing?: EasingFunction;
-    /** 动画延迟（毫秒） */
-    delay?: number;
-    /** 动画次数，-1 表示无限循环 */
-    iterations?: number;
-    /** 动画方向 */
-    direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
-    /** 动画填充模式 */
-    fill?: 'none' | 'forwards' | 'backwards' | 'both' | 'auto';
-    /** 动画开始前的回调 */
-    onStart?: () => void;
-    /** 动画更新时的回调 */
-    onUpdate?: (progress: number) => void;
-    /** 动画完成时的回调 */
-    onComplete?: () => void;
-    /** 动画暂停时的回调 */
-    onPause?: () => void;
-    /** 动画取消时的回调 */
-    onCancel?: () => void;
-}
-interface TransitionOptions {
-    /** 过渡属性，默认 all */
-    property?: string | string[];
-    /** 过渡时长（毫秒） */
-    duration?: number;
-    /** 缓动函数 */
-    easing?: EasingFunction;
-    /** 过渡延迟（毫秒） */
-    delay?: number;
-    /** 过渡开始前的回调 */
-    onBeforeEnter?: () => void;
-    /** 过渡进入中回调 */
-    onEnter?: () => void;
-    /** 过渡进入完成回调 */
-    onAfterEnter?: () => void;
-    /** 过渡离开前回调 */
-    onBeforeLeave?: () => void;
-    /** 过渡离开中回调 */
-    onLeave?: () => void;
-    /** 过渡离开完成回调 */
-    onAfterLeave?: () => void;
-}
-interface Keyframe {
-    /** 进度百分比 */
-    offset: number;
-    /** CSS 属性 */
-    [property: string]: string | number;
-}
-interface AnimationPluginOptions {
-    /** 默认动画时长 */
-    defaultDuration?: number;
-    /** 默认缓动函数 */
-    defaultEasing?: EasingFunction;
-    /** 是否启用自动清理 */
-    autoCleanup?: boolean;
-}
-interface AnimationInstance {
-    /** 动画 ID */
-    id: string;
-    /** 动画状态 */
-    state: 'idle' | 'playing' | 'paused' | 'completed' | 'cancelled';
-    /** 当前进度 0-1 */
-    progress: number;
-    /** 播放动画 */
-    play: () => void;
-    /** 暂停动画 */
-    pause: () => void;
-    /** 取消动画 */
-    cancel: () => void;
-    /** 重置动画 */
-    reset: () => void;
-    /** 跳转到指定进度 */
-    seek: (progress: number) => void;
-    /** 反转动画方向 */
-    reverse: () => void;
-}
-interface AnimationInstance {
-    /** 动画 ID */
-    id: string;
-    /** 动画状态 */
-    state: 'idle' | 'playing' | 'paused' | 'completed' | 'cancelled';
-    /** 当前进度 0-1 */
-    progress: number;
-    /** 播放动画 */
-    play: () => void;
-    /** 暂停动画 */
-    pause: () => void;
-    /** 取消动画 */
-    cancel: () => void;
-    /** 重置动画 */
-    reset: () => void;
-    /** 跳转到指定进度 */
-    seek: (progress: number) => void;
-    /** 反转动画方向 */
-    reverse: () => void;
-}
-interface AnimationInstance {
-    /** 动画 ID */
-    id: string;
-    /** 动画状态 */
-    state: 'idle' | 'playing' | 'paused' | 'completed' | 'cancelled';
-    /** 当前进度 0-1 */
-    progress: number;
-    /** 播放动画 */
-    play: () => void;
-    /** 暂停动画 */
-    pause: () => void;
-    /** 取消动画 */
-    cancel: () => void;
-    /** 重置动画 */
-    reset: () => void;
-    /** 跳转到指定进度 */
-    seek: (progress: number) => void;
-    /** 反转动画方向 */
-    reverse: () => void;
-}
-
-/**
- * @lytjs/plugin-animation - GPU 加速增强
- *
- * 提供高性能的 GPU 加速动画支持
- */
-/**
- * GPU 加速配置
- */
-interface GPUAccelerationOptions {
-    enable3D?: boolean;
-    willChange?: 'auto' | 'transform' | 'opacity' | 'scroll-position';
-    force3D?: boolean;
-    compositorThreshold?: number;
-}
-/**
- * 将 2D transform 转换为 3D（启用 GPU 加速）
- */
-declare function to3DTransform(transform: string): string;
-/**
- * 检测元素是否支持 GPU 加速
- */
-declare function canUseGPU(element: Element): boolean;
-/**
- * 为元素启用 GPU 加速
- */
-declare function enableGPUAcceleration(element: HTMLElement, options?: GPUAccelerationOptions): void;
-/**
- * 禁用元素的 GPU 加速
- */
-declare function disableGPUAcceleration(element: HTMLElement): void;
-/**
- * GPU 加速的预设动画
- */
-declare const GPU_PRESETS: {
-    /**
-     * 快速滑入（GPU 加速）
-     */
-    gpuSlideIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 快速滑出（GPU 加速）
-     */
-    gpuSlideOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 缩放进入（GPU 加速）
-     */
-    gpuZoomIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 缩放离开（GPU 加速）
-     */
-    gpuZoomOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 3D 旋转进入
-     */
-    rotate3dIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 3D 旋转离开
-     */
-    rotate3dOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 弹性弹跳（GPU 加速）
-     */
-    elasticBounce: {
-        '0%': {
-            transform: string;
-            opacity: number;
-        };
-        '30%': {
-            transform: string;
-            opacity: number;
-        };
-        '50%': {
-            transform: string;
-            opacity: number;
-        };
-        '70%': {
-            transform: string;
-            opacity: number;
-        };
-        '100%': {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 翻转进入
-     */
-    flipIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        '40%': {
-            transform: string;
-            opacity: number;
-        };
-        '100%': {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 翻转离开
-     */
-    flipOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        '30%': {
-            transform: string;
-            opacity: number;
-        };
-        '100%': {
-            transform: string;
-            opacity: number;
-        };
-    };
-};
-/**
- * 性能优化工具
- */
-declare class PerformanceOptimizer {
-    private gpuEnabled;
-    private options;
-    private activeAnimations;
-    private rafId;
-    private batchedUpdates;
-    constructor(options?: GPUAccelerationOptions);
-    private checkGPUAvailability;
-    isGPUAvailable(): boolean;
-    shouldUseGPU(properties: string[]): boolean;
-    optimizeElement(element: HTMLElement): void;
-    batchAnimation(id: string, update: () => void): void;
-    private flushBatchedUpdates;
-    trackAnimation(id: string): void;
-    untrackAnimation(id: string): void;
-    getActiveAnimationCount(): number;
-    cleanup(): void;
-}
-declare function getGlobalOptimizer(): PerformanceOptimizer;
-declare function resetGlobalOptimizer(options?: GPUAccelerationOptions): void;
-
-/**
- * 创建动画实例
- */
-declare function createAnimation(animateFn: (progress: number) => void, options?: AnimationOptions): AnimationInstance;
-/**
- * 元素过渡动画
- */
-declare function transitionElement(element: Element, toggle: boolean, options?: TransitionOptions): void;
-/**
- * 创建 CSS 关键帧动画
- */
-declare function createKeyframeAnimation(element: Element, keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: AnimationOptions): AnimationInstance;
-/**
- * 预设动画集合
- */
-declare const PRESETS: {
-    /** 淡入 */
-    fadeIn: {
-        from: {
-            opacity: number;
-        };
-        to: {
-            opacity: number;
-        };
-    };
-    /** 淡出 */
-    fadeOut: {
-        from: {
-            opacity: number;
-        };
-        to: {
-            opacity: number;
-        };
-    };
-    /** 滑入（上方） */
-    slideInUp: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 滑入（下方） */
-    slideInDown: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 滑入（左侧） */
-    slideInLeft: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 滑入（右侧） */
-    slideInRight: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 缩放进入 */
-    zoomIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 缩放离开 */
-    zoomOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 弹跳进入 */
-    bounceIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        '40%': {
-            transform: string;
-        };
-        '70%': {
-            transform: string;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 摇摆进入 */
-    shake: {
-        '10%, 90%': {
-            transform: string;
-        };
-        '20%, 80%': {
-            transform: string;
-        };
-        '30%, 50%, 70%': {
-            transform: string;
-        };
-        '40%, 60%': {
-            transform: string;
-        };
-    };
-};
-declare const pluginAnimation: _lytjs_core.PluginDefinition<unknown>;
-
-export { type AnimationInstance, type AnimationOptions, type AnimationPluginOptions, type EasingFunction, type GPUAccelerationOptions, GPU_PRESETS, type Keyframe, PRESETS, PerformanceOptimizer, type TransitionOptions, canUseGPU, createAnimation, createKeyframeAnimation, pluginAnimation as default, disableGPUAcceleration, enableGPUAcceleration, getGlobalOptimizer, resetGlobalOptimizer, to3DTransform, transitionElement };

package/dist/index.d.ts

@@ -1,459 +0,0 @@
-import * as _lytjs_core from '@lytjs/core';
-
-/**
- * @lytjs/plugin-animation - 类型定义
- */
-type EasingFunction = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'ease-in-quad' | 'ease-out-quad' | 'ease-in-out-quad' | 'ease-in-cubic' | 'ease-out-cubic' | 'ease-in-out-cubic' | 'ease-in-quart' | 'ease-out-quart' | 'ease-in-out-quart' | 'ease-in-quint' | 'ease-out-quint' | 'ease-in-out-quint' | 'ease-in-sine' | 'ease-out-sine' | 'ease-in-out-sine' | 'ease-in-expo' | 'ease-out-expo' | 'ease-in-out-expo' | 'ease-in-circ' | 'ease-out-circ' | 'ease-in-out-circ' | 'ease-in-back' | 'ease-out-back' | 'ease-in-out-back' | 'spring' | ((t: number) => number);
-interface AnimationOptions {
-    /** 动画时长（毫秒） */
-    duration?: number;
-    /** 缓动函数 */
-    easing?: EasingFunction;
-    /** 动画延迟（毫秒） */
-    delay?: number;
-    /** 动画次数，-1 表示无限循环 */
-    iterations?: number;
-    /** 动画方向 */
-    direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
-    /** 动画填充模式 */
-    fill?: 'none' | 'forwards' | 'backwards' | 'both' | 'auto';
-    /** 动画开始前的回调 */
-    onStart?: () => void;
-    /** 动画更新时的回调 */
-    onUpdate?: (progress: number) => void;
-    /** 动画完成时的回调 */
-    onComplete?: () => void;
-    /** 动画暂停时的回调 */
-    onPause?: () => void;
-    /** 动画取消时的回调 */
-    onCancel?: () => void;
-}
-interface TransitionOptions {
-    /** 过渡属性，默认 all */
-    property?: string | string[];
-    /** 过渡时长（毫秒） */
-    duration?: number;
-    /** 缓动函数 */
-    easing?: EasingFunction;
-    /** 过渡延迟（毫秒） */
-    delay?: number;
-    /** 过渡开始前的回调 */
-    onBeforeEnter?: () => void;
-    /** 过渡进入中回调 */
-    onEnter?: () => void;
-    /** 过渡进入完成回调 */
-    onAfterEnter?: () => void;
-    /** 过渡离开前回调 */
-    onBeforeLeave?: () => void;
-    /** 过渡离开中回调 */
-    onLeave?: () => void;
-    /** 过渡离开完成回调 */
-    onAfterLeave?: () => void;
-}
-interface Keyframe {
-    /** 进度百分比 */
-    offset: number;
-    /** CSS 属性 */
-    [property: string]: string | number;
-}
-interface AnimationPluginOptions {
-    /** 默认动画时长 */
-    defaultDuration?: number;
-    /** 默认缓动函数 */
-    defaultEasing?: EasingFunction;
-    /** 是否启用自动清理 */
-    autoCleanup?: boolean;
-}
-interface AnimationInstance {
-    /** 动画 ID */
-    id: string;
-    /** 动画状态 */
-    state: 'idle' | 'playing' | 'paused' | 'completed' | 'cancelled';
-    /** 当前进度 0-1 */
-    progress: number;
-    /** 播放动画 */
-    play: () => void;
-    /** 暂停动画 */
-    pause: () => void;
-    /** 取消动画 */
-    cancel: () => void;
-    /** 重置动画 */
-    reset: () => void;
-    /** 跳转到指定进度 */
-    seek: (progress: number) => void;
-    /** 反转动画方向 */
-    reverse: () => void;
-}
-interface AnimationInstance {
-    /** 动画 ID */
-    id: string;
-    /** 动画状态 */
-    state: 'idle' | 'playing' | 'paused' | 'completed' | 'cancelled';
-    /** 当前进度 0-1 */
-    progress: number;
-    /** 播放动画 */
-    play: () => void;
-    /** 暂停动画 */
-    pause: () => void;
-    /** 取消动画 */
-    cancel: () => void;
-    /** 重置动画 */
-    reset: () => void;
-    /** 跳转到指定进度 */
-    seek: (progress: number) => void;
-    /** 反转动画方向 */
-    reverse: () => void;
-}
-interface AnimationInstance {
-    /** 动画 ID */
-    id: string;
-    /** 动画状态 */
-    state: 'idle' | 'playing' | 'paused' | 'completed' | 'cancelled';
-    /** 当前进度 0-1 */
-    progress: number;
-    /** 播放动画 */
-    play: () => void;
-    /** 暂停动画 */
-    pause: () => void;
-    /** 取消动画 */
-    cancel: () => void;
-    /** 重置动画 */
-    reset: () => void;
-    /** 跳转到指定进度 */
-    seek: (progress: number) => void;
-    /** 反转动画方向 */
-    reverse: () => void;
-}
-
-/**
- * @lytjs/plugin-animation - GPU 加速增强
- *
- * 提供高性能的 GPU 加速动画支持
- */
-/**
- * GPU 加速配置
- */
-interface GPUAccelerationOptions {
-    enable3D?: boolean;
-    willChange?: 'auto' | 'transform' | 'opacity' | 'scroll-position';
-    force3D?: boolean;
-    compositorThreshold?: number;
-}
-/**
- * 将 2D transform 转换为 3D（启用 GPU 加速）
- */
-declare function to3DTransform(transform: string): string;
-/**
- * 检测元素是否支持 GPU 加速
- */
-declare function canUseGPU(element: Element): boolean;
-/**
- * 为元素启用 GPU 加速
- */
-declare function enableGPUAcceleration(element: HTMLElement, options?: GPUAccelerationOptions): void;
-/**
- * 禁用元素的 GPU 加速
- */
-declare function disableGPUAcceleration(element: HTMLElement): void;
-/**
- * GPU 加速的预设动画
- */
-declare const GPU_PRESETS: {
-    /**
-     * 快速滑入（GPU 加速）
-     */
-    gpuSlideIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 快速滑出（GPU 加速）
-     */
-    gpuSlideOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 缩放进入（GPU 加速）
-     */
-    gpuZoomIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 缩放离开（GPU 加速）
-     */
-    gpuZoomOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 3D 旋转进入
-     */
-    rotate3dIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 3D 旋转离开
-     */
-    rotate3dOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 弹性弹跳（GPU 加速）
-     */
-    elasticBounce: {
-        '0%': {
-            transform: string;
-            opacity: number;
-        };
-        '30%': {
-            transform: string;
-            opacity: number;
-        };
-        '50%': {
-            transform: string;
-            opacity: number;
-        };
-        '70%': {
-            transform: string;
-            opacity: number;
-        };
-        '100%': {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 翻转进入
-     */
-    flipIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        '40%': {
-            transform: string;
-            opacity: number;
-        };
-        '100%': {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /**
-     * 翻转离开
-     */
-    flipOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        '30%': {
-            transform: string;
-            opacity: number;
-        };
-        '100%': {
-            transform: string;
-            opacity: number;
-        };
-    };
-};
-/**
- * 性能优化工具
- */
-declare class PerformanceOptimizer {
-    private gpuEnabled;
-    private options;
-    private activeAnimations;
-    private rafId;
-    private batchedUpdates;
-    constructor(options?: GPUAccelerationOptions);
-    private checkGPUAvailability;
-    isGPUAvailable(): boolean;
-    shouldUseGPU(properties: string[]): boolean;
-    optimizeElement(element: HTMLElement): void;
-    batchAnimation(id: string, update: () => void): void;
-    private flushBatchedUpdates;
-    trackAnimation(id: string): void;
-    untrackAnimation(id: string): void;
-    getActiveAnimationCount(): number;
-    cleanup(): void;
-}
-declare function getGlobalOptimizer(): PerformanceOptimizer;
-declare function resetGlobalOptimizer(options?: GPUAccelerationOptions): void;
-
-/**
- * 创建动画实例
- */
-declare function createAnimation(animateFn: (progress: number) => void, options?: AnimationOptions): AnimationInstance;
-/**
- * 元素过渡动画
- */
-declare function transitionElement(element: Element, toggle: boolean, options?: TransitionOptions): void;
-/**
- * 创建 CSS 关键帧动画
- */
-declare function createKeyframeAnimation(element: Element, keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: AnimationOptions): AnimationInstance;
-/**
- * 预设动画集合
- */
-declare const PRESETS: {
-    /** 淡入 */
-    fadeIn: {
-        from: {
-            opacity: number;
-        };
-        to: {
-            opacity: number;
-        };
-    };
-    /** 淡出 */
-    fadeOut: {
-        from: {
-            opacity: number;
-        };
-        to: {
-            opacity: number;
-        };
-    };
-    /** 滑入（上方） */
-    slideInUp: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 滑入（下方） */
-    slideInDown: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 滑入（左侧） */
-    slideInLeft: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 滑入（右侧） */
-    slideInRight: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 缩放进入 */
-    zoomIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 缩放离开 */
-    zoomOut: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 弹跳进入 */
-    bounceIn: {
-        from: {
-            transform: string;
-            opacity: number;
-        };
-        '40%': {
-            transform: string;
-        };
-        '70%': {
-            transform: string;
-        };
-        to: {
-            transform: string;
-            opacity: number;
-        };
-    };
-    /** 摇摆进入 */
-    shake: {
-        '10%, 90%': {
-            transform: string;
-        };
-        '20%, 80%': {
-            transform: string;
-        };
-        '30%, 50%, 70%': {
-            transform: string;
-        };
-        '40%, 60%': {
-            transform: string;
-        };
-    };
-};
-declare const pluginAnimation: _lytjs_core.PluginDefinition<unknown>;
-
-export { type AnimationInstance, type AnimationOptions, type AnimationPluginOptions, type EasingFunction, type GPUAccelerationOptions, GPU_PRESETS, type Keyframe, PRESETS, PerformanceOptimizer, type TransitionOptions, canUseGPU, createAnimation, createKeyframeAnimation, pluginAnimation as default, disableGPUAcceleration, enableGPUAcceleration, getGlobalOptimizer, resetGlobalOptimizer, to3DTransform, transitionElement };