@cloudgpt/timeline-editor/dist/components/edit_area/edit_area.d.ts

Enhanced React timeline editor with advanced features including theme system, max duration controls, cursor customization, handle styling, and media support for video editing applications.

import React from 'react';
import { OnScrollParams } from 'react-virtualized';
import { TimelineRow } from '../../interface/action';
import { CommonProp } from '../../interface/common_prop';
import './edit_area.less';
export type EditAreaProps = CommonProp & {
    /** 距离左侧滚动距离 */
    scrollLeft: number;
    /** 距离顶部滚动距离 */
    scrollTop: number;
    /** 滚动回调，用于同步滚动 */
    onScroll: (params: OnScrollParams) => void;
    /** 设置编辑器数据 */
    setEditorData: (params: TimelineRow[]) => void;
    /** 设置scroll left */
    deltaScrollLeft: (scrollLeft: number) => void;
};
/** edit area ref数据 */
export interface EditAreaState {
    domRef: React.MutableRefObject<HTMLDivElement>;
}
export declare const EditArea: React.ForwardRefExoticComponent<CommonProp & {
    /** 距离左侧滚动距离 */
    scrollLeft: number;
    /** 距离顶部滚动距离 */
    scrollTop: number;
    /** 滚动回调，用于同步滚动 */
    onScroll: (params: OnScrollParams) => void;
    /** 设置编辑器数据 */
    setEditorData: (params: TimelineRow[]) => void;
    /** 设置scroll left */
    deltaScrollLeft: (scrollLeft: number) => void;
} & React.RefAttributes<EditAreaState>>;