@ajmaln/react-timeline-editor - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

dist/components/cursor/cursor.d.ts

@@ -20,3 +20,6 @@ import React, { FC } from 'react';
     scrollSync: React.MutableRefObject<ScrollSync>;
+    /** Internal */
+    onCursorMoveStart?: () => void;
+    onCursorMoveEnd?: () => void;
 };
 export declare const Cursor: FC<CursorProps>;

dist/components/edit_area/edit_action.d.ts

@@ -15,3 +15,5 @@ import React, { FC } from 'react';
     deltaScrollLeft?: (delta: number) => void;
+    onActionDragStart?: () => void;
+    onActionDragEnd?: () => void;
 };
 export declare const EditAction: FC<EditActionProps>;

dist/components/edit_area/edit_area.d.ts

@@ -11,2 +11,4 @@ import React from 'react';
     scrollTop: number;
+    /** 编辑器数据 */
+    isCursorDragging: boolean;
     /** 滚动回调，用于同步滚动 */
@@ -28,2 +30,4 @@ onScroll: (params: OnScrollParams) => void;
     scrollTop: number;
+    /** 编辑器数据 */
+    isCursorDragging: boolean;
     /** 滚动回调，用于同步滚动 */
@@ -30,0 +34,0 @@ onScroll: (params: OnScrollParams) => void;

dist/components/edit_area/edit_row.d.ts

@@ -9,2 +9,5 @@ import React, { FC } from 'react';
     rowData?: TimelineRow;
+    isLastRow: boolean;
+    isCursorDragging: boolean;
+    rowIndex: number;
     style?: React.CSSProperties;
@@ -11,0 +14,0 @@ dragLineData: DragLineData;

dist/interface/timeline.d.ts

@@ -83,2 +83,6 @@ import React, { ReactNode } from 'react';
     /**
+     * @description 自定义ghost渲染
+     */
+    getGhostRender?: (row: TimelineRow) => ReactNode;
+    /**
      * @description 自定义scale渲染
@@ -148,2 +152,10 @@ */
     /**
+     * @description 点击行回调
+     */
+    onGhostClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, param: {
+        row: TimelineRow;
+        start: number;
+        end: number;
+    }) => void;
+    /**
      * @description 点击动作回调
@@ -224,2 +236,4 @@ */
     listener: Emitter<EventTypes>;
+    /** 运行器是否正在播放 */
+    engine: ITimelineEngine;
     /** 是否正在播放 */
@@ -230,3 +244,6 @@ isPlaying: boolean;
     /** 设置当前播放时间 */
-    setTime: (time: number) => void;
+    setTime: (time: number, params?: {
+        left?: number;
+        updateTime?: boolean;
+    }) => void;
     /** 获取当前播放时间 */
@@ -233,0 +250,0 @@ getTime: () => number;

package.json

 {
   "name": "@ajmaln/react-timeline-editor",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "author": "xzdarcy",
@@ -40,2 +40,3 @@ "license": "MIT",
   "dependencies": {
+    "@floating-ui/react": "^0.26.14",
     "@interactjs/types": "^1.10.11",
@@ -42,0 +43,0 @@ "@types/react-virtualized": "^9.21.14",

README.md

 # React Timeline Editor
-[![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-square)](https://www.npmjs.com/package/@xzdarcy/react-timeline-editor)
+[![npm version](https://img.shields.io/npm/v/@ajmaln/react-timeline-editor.svg?style=flat-square)](https://www.npmjs.com/package/@ajmaln/react-timeline-editor)
+[![npm downloads](https://img.shields.io/npm/dm/@ajmaln/react-timeline-editor.svg?style=flat-square)](https://www.npmjs.com/package/@ajmaln/react-timeline-editor)
 
@@ -11,7 +11,7 @@ **[React Timeline Editor](https://zdarcy.com/)** is a react component used to quickly build a timeline animation editor.
 ```bash
-npm install @xzdarcy/react-timeline-editor
+npm install @ajmaln/react-timeline-editor
 ```
 
 ```ts
-import { Timeline, TimelineEffect, TimelineRow } from '@xzdarcy/react-timeline-editor';
+import { Timeline, TimelineEffect, TimelineRow } from '@ajmaln/react-timeline-editor';
 import React from 'react';
@@ -18,0 +18,0 @@

No alert changes

Improved metrics

Total package byte prevSize

249485

increased by8.61%

Number of package files

33

increased by6.45%

Lines of code

7151

increased by8.07%

Worsened metrics

Dependency count

8

increased by14.29%

Dependency changes

• + Added@floating-ui/react@^0.26.14

• + Added@floating-ui/core@1.6.9(transitive)

• + Added@floating-ui/dom@1.6.13(transitive)

• + Added@floating-ui/react@0.26.28(transitive)

• + Added@floating-ui/react-dom@2.1.2(transitive)

• + Added@floating-ui/utils@0.2.9(transitive)

• + Addedtabbable@6.2.0(transitive)