sense-react-timeline-editor 1.0.7 → 1.0.8

package/dist/components/edit_area/edit_action.d.ts

@@ -21,5 +21,6 @@ export declare type EditActionProps = CommonProp & {
     } | null) => void;
     /** time-editor-container的ref引用 */
     containerRef?: React.MutableRefObject<HTMLDivElement>;
+    selectedActionIds?: string[];
 };
 export declare const EditAction: FC<EditActionProps>;

package/dist/components/edit_area/edit_row.d.ts

@@ -22,5 +22,7 @@ export declare type EditRowProps = CommonProp & {
     } | null) => void;
     /** time-editor-container的ref引用 */
     containerRef?: React.MutableRefObject<HTMLDivElement>;
+    /** 选中的 action IDs */
+    selectedActionIds?: string[];
 };
 export declare const EditRow: FC<EditRowProps>;

package/dist/components/edit_area/hooks/use_row_drag.d.ts

@@ -0,0 +1,88 @@
+import React from 'react';
+import { TimelineAction, TimelineRow } from '../../../interface/action';
+export interface UseRowDragOptions {
+    selectedActionIds: string[];
+    editorData: TimelineRow[];
+    containerRef?: React.RefObject<HTMLDivElement>;
+    /** scale 参数 */
+    scale?: number;
+    /** 单个刻度的显示宽度 */
+    scaleWidth?: number;
+    /** 刻度开始距离左侧的距离 */
+    startLeft?: number;
+    /** 设置编辑器数据 */
+    setEditorData?: (data: TimelineRow[]) => void;
+    allowCreateTrack?: boolean;
+    rowHeight?: number;
+}
+export interface MultiDragState {
+    /** 是否正在多选拖拽 */
+    isMultiDrag: boolean;
+    /** 拖拽的主 action ID */
+    primaryActionId?: string | null;
+    /** 所有选中 action 的初始位置信息 */
+    initialPositions: Map<string, {
+        rowId: string;
+        start: number;
+        end: number;
+        left: number;
+        width: number;
+    }>;
+    /** 当前拖拽的偏移量 */
+    dragOffset: {
+        dx: number;
+        dy: number;
+    };
+    /** 拖拽开始时的光标位置 */
+    startCursor?: {
+        x: number;
+        y: number;
+    } | null;
+    /** 是否正在拖拽选中的元素 */
+    isDraggingSelection: boolean;
+    offsetX?: number;
+    offsetY?: number;
+    /** 初始元素位置（用于拖拽计算） */
+    initialElementPositions?: Map<string, {
+        x: number;
+        y: number;
+    }>;
+    start: number;
+    end: number;
+}
+export declare const useRowDrag: (options: UseRowDragOptions) => {
+    onDragStart: ({ action, row }: {
+        action: TimelineAction;
+        row: TimelineRow;
+    }) => void;
+    onDragMove: (params: {
+        actionId: string;
+        left: number;
+        width: number;
+        top: number;
+        height: number;
+        dx: number;
+        dy: number;
+        lastLeft?: number;
+        lastWidth?: number;
+        lastTop?: number;
+        lastHeight?: number;
+    }) => void;
+    onDragEnd: (params?: {
+        actionId: string;
+        left: number;
+        width: number;
+        top: number;
+        height: number;
+        dx?: number;
+        dy?: number;
+        up: number;
+    }) => void;
+    getPreviewPosition: (actionId: string) => {
+        left: number;
+        width: number;
+    } | null;
+    isMultiDragging: () => boolean;
+    getMultiDragState: () => MultiDragState;
+    isMultiDrag: boolean;
+};

package/dist/components/edit_area/hooks/use_row_selection.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TimelineRow } from '../../../interface/action';
+export interface UseRowSelectionOptions {
+    editorData: TimelineRow[];
+    rowHeight: number;
+    scrollTop: number;
+    scrollLeft: number;
+    onSelectionChange: (selectedActionIds: string[]) => void;
+    disabled?: boolean;
+    containerRef?: React.RefObject<HTMLDivElement>;
+}
+export declare const useRowSelection: (options: UseRowSelectionOptions) => {
+    DragSelection: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    selectedActionIds: string[];
+    clearSelection: () => void;
+};