@douyinfe/semi-ui/lib/cjs/_base/base.d.ts

A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.

/// <reference types="react" />
export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
export type Motion<P extends Record<string, any> = any> = boolean | MotionObject | MotionFunction<P>;
export type MotionFunction<P> = (props: P) => MotionObject;
export interface MotionObject {
    [x: string]: any;
    children?: React.ReactNode | ((props: MotionChildrenProps) => React.ReactNode);
    willEnter?: () => void;
    didEnter?: () => void;
    willLeave?: () => void;
    didLeave?: () => void;
    onStart?: () => void;
    onRest?: () => void;
    state?: string;
}
export interface MotionChildrenProps {
    animateCls?: string;
    animateStyle?: {
        animationTimingFunction?: string;
        animationName?: string;
        animationDuration?: number | string;
        animationDelay?: number | string;
        animationIterationCount?: number | string;
        animationDirection?: 'alternate' | 'normal';
        animationFillMode?: string;
    };
    animateEvents?: {
        onAnimationIteration?: React.AnimationEventHandler<any>;
        onAnimationStart?: React.AnimationEventHandler<any>;
        onAnimationEnd?: React.AnimationEventHandler<any>;
    };
}