@rxdrag/website-lib-core 0.0.103 → 0.0.104

package/src/motion/types.ts

@@ -1,133 +0,0 @@
-import { PresetAnimations } from "./consts";
-
-// ease配置对象类型，修改为与GSAP兼容的类型
-export type EaseFunction = (progress: number) => number;
-export type EaseString = string;
-
-export interface EaseConfig {
-  type?: string; // 如 "back", "elastic", "bounce" 等
-  config?: {
-    // 配置参数
-    amplitude?: number;
-    period?: number;
-    overshoot?: number;
-    friction?: number;
-    velocity?: number;
-  };
-}
-
-export type AnimationStyles = {
-  // CSS变换属性
-  x?: number | string;
-  y?: number | string;
-  z?: number | string;
-  rotation?: number | string;
-  rotationX?: number | string;
-  rotationY?: number | string;
-  rotationZ?: number | string;
-  scale?: number | string;
-  scaleX?: number | string;
-  scaleY?: number | string;
-  opacity?: number;
-
-  // 其他常用属性
-  transformOrigin?: string;
-  transform?: string;
-  backgroundColor?: string;
-  color?: string;
-  width?: number | string;
-  height?: number | string;
-  // 允许任意CSS属性
-  [prop: string]: unknown;
-};
-
-// GSAP TweenVars类型定义
-export type TweenVars = AnimationStyles & {
-  // 动画控制参数 (也存在于IAnimation中，可保留做细粒度控制)
-  delay?: number;
-  duration?: number;
-  ease?: EaseString | EaseFunction;
-  repeat?: number;
-  repeatDelay?: number;
-  yoyo?: boolean;
-  stagger?: number | object;
-};
-
-export type AnchorPlacement =
-  | "top-bottom"
-  | "top-center"
-  | "top-top"
-  | "center-bottom"
-  | "center-center"
-  | "center-top"
-  | "bottom-bottom"
-  | "bottom-center"
-  | "bottom-top";
-
-export type AnchorOffset = {
-  element: number;
-  viewport: number;
-};
-
-export type AnchorOffsets = Record<AnchorPlacement, AnchorOffset>;
-
-export type BaseAnimationConfig = {
-  // 初始状态设置 (gsap.set) - 立即应用，不产生动画
-  initial?: AnimationStyles;
-  // 主动画配置 - 三选一
-  to?: TweenVars; // 到目标状态 (gsap.to)
-  from?: TweenVars; // 从起始状态 (gsap.from)
-  fromTo?: {
-    // 从起始到目标状态 (gsap.fromTo)
-    from: TweenVars;
-    to: TweenVars;
-  };
-  // 通用动画配置
-  duration?: number;
-  delay?: number;
-  ease?: EaseString | EaseFunction;
-  opacity?: number;
-  autoAlpha?: number;
-  visibility?: string;
-};
-
-export type AnimationConfig = BaseAnimationConfig & {
-  preset?: PresetAnimations;
-};
-
-// 视口动画配置扩展接口
-export type AosAnimationConfig = AnimationConfig & {
-  // 进入视口时的动画
-  enter?: AnimationConfig;
-
-  // 离开视口时的动画
-  exit?: AnimationConfig;
-
-  // 是否只触发一次 (默认false)
-  once?: boolean;
-
-  // 可选：触发阈值 (0-1之间，表示元素多少比例可见时触发)
-  threshold?: number;
-
-  // 可选：触发边距 (类似于IntersectionObserver的rootMargin)
-  margin?: string;
-};
-
-// Hover动画配置扩展接口
-export type HoverAnimationConfig = AnimationConfig & {
-  // 鼠标进入时的动画
-  enter?: AnimationConfig;
-
-  // 鼠标离开时的动画
-  exit?: AnimationConfig;
-};
-
-export type OpenableAnimationConfig = AnimationConfig & {
-  // 初始状态设置 (gsap.set) - 立即应用，不产生动画
-  initial?: AnimationStyles;
-  // 打开时的动画
-  open?: AnimationConfig;
-
-  // 关闭时的动画
-  close?: AnimationConfig;
-};

package/src/react/hooks/index.ts

@@ -1 +0,0 @@
-export * from "./useScroll"

package/src/react/hooks/useScroll.ts

@@ -1,30 +0,0 @@
-import { useCallback, useEffect } from "react";
-
-export const defaultThreshold = 10;
-
-export function useScroll(
-  threshold: number = defaultThreshold,
-  win: Window | undefined = typeof window !== "undefined" ? window : undefined,
-  doc: Document | undefined = typeof document !== "undefined"
-    ? document
-    : undefined
-) {
-  const onScroll = useCallback(() => {
-    if (!win || !doc) return;
-
-    const scrolled = win.scrollY > threshold;
-
-    if (scrolled) {
-      doc.body.classList.add("scrolled");
-    } else {
-      doc.body.classList.remove("scrolled");
-    }
-  }, [threshold, win, doc]);
-
-  useEffect(() => {
-    if (!win) return;
-
-    win.addEventListener("scroll", onScroll);
-    return () => win.removeEventListener("scroll", onScroll);
-  }, [onScroll, win]);
-}