UNPKG

@xzdarcy/react-timeline-editor

Version:

[![npm version](https://img.shields.io/npm/v/@xzdarcy/react-timeline-editor.svg?style=flat-square)](https://www.npmjs.com/package/@xzdarcy/react-timeline-editor) [![npm downloads](https://img.shields.io/npm/dm/@xzdarcy/react-timeline-editor.svg?style=flat

34 lines (33 loc) 1.28 kB
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>>;