@labelbee/lb-components 1.19.1-alpha.1 → 1.20.0-alpha.10

package/dist/types/components/pointCloudView/PointCloud3DView.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { IA2MapStateProps } from '@/store/annotation/map';
 declare const _default: import("react-redux").ConnectedComponent<React.FC<IA2MapStateProps>, import("react-redux").Omit<IA2MapStateProps & {
     children?: React.ReactNode;
-}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/pointCloudView/PointCloudBackView.d.ts

@@ -3,5 +3,5 @@ import { IA2MapStateProps } from '@/store/annotation/map';
 interface IProps {
     checkMode?: boolean;
 }
-declare const _default: import("react-redux").ConnectedComponent<({ currentData, config, checkMode }: IA2MapStateProps & IProps) => React.JSX.Element, import("react-redux").Omit<IA2MapStateProps & IProps, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+declare const _default: import("react-redux").ConnectedComponent<({ currentData, config, checkMode }: IA2MapStateProps & IProps) => React.JSX.Element, import("react-redux").Omit<IA2MapStateProps & IProps, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/pointCloudView/PointCloudListener.d.ts

@@ -7,5 +7,5 @@ interface IProps extends IA2MapStateProps {
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
     children?: React.ReactNode;
-}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/pointCloudView/PointCloudSegment.d.ts

@@ -5,5 +5,5 @@ interface IProps extends IA2MapStateProps {
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
     children?: React.ReactNode;
-}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/pointCloudView/PointCloudSegment2DView.d.ts

@@ -3,5 +3,5 @@ import React from 'react';
 interface IProps extends IA2MapStateProps {
     checkMode?: boolean;
 }
-declare const _default: import("react-redux").ConnectedComponent<({ currentData, highlightAttribute }: IProps) => React.JSX.Element | null, import("react-redux").Omit<IProps, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+declare const _default: import("react-redux").ConnectedComponent<({ currentData, highlightAttribute }: IProps) => React.JSX.Element | null, import("react-redux").Omit<IProps, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/pointCloudView/PointCloudSegmentListener.d.ts

@@ -7,5 +7,5 @@ interface IProps extends IA2MapStateProps {
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
     children?: React.ReactNode;
-}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/pointCloudView/PointCloudSideView.d.ts

@@ -5,5 +5,5 @@ interface IProps {
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<IA2MapStateProps & IProps>, import("react-redux").Omit<IA2MapStateProps & IProps & {
     children?: React.ReactNode;
-}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/pointCloudView/PointCloudTopView.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { IA2MapStateProps } from '@/store/annotation/map';
-import { TDrawLayerSlot } from '@/types/main';
+import { DrawLayerSlot } from '@/types/main';
 interface IProps extends IA2MapStateProps {
-    drawLayerSlot?: TDrawLayerSlot;
+    drawLayerSlot?: DrawLayerSlot;
     checkMode?: boolean;
     intelligentFit?: boolean;
     setIsEnlargeTopView: (value: boolean) => void;
@@ -11,5 +11,5 @@ interface IProps extends IA2MapStateProps {
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
     children?: React.ReactNode;
-}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/pointCloudView/index.d.ts

@@ -5,14 +5,14 @@
  * @date 2022-06-21
  */
 import React from 'react';
-import { TDrawLayerSlot } from '@/types/main';
+import { DrawLayerSlot } from '@/types/main';
 import { IA2MapStateProps } from '@/store/annotation/map';
 interface IProps extends IA2MapStateProps {
-    drawLayerSlot?: TDrawLayerSlot;
+    drawLayerSlot?: DrawLayerSlot;
     checkMode?: boolean;
     intelligentFit?: boolean;
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
     children?: React.ReactNode;
-}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
+}, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "stepInfo" | "currentData" | "configString">>;
 export default _default;

package/dist/types/components/videoAnnotate/index.d.ts

@@ -4,12 +4,23 @@
  * @date 2022-06-02
  */
 import React from 'react';
-import { AnnotationState } from '@/store/annotation/types';
-declare const _default: import("react-redux").ConnectedComponent<React.FC<{
-    annotation: AnnotationState;
-}>, import("react-redux").Omit<{
-    annotation: AnnotationState;
-} & {
+import { DrawLayerSlot } from '@/types/main';
+import { IStepInfo } from '@/types/step';
+import { IFileItem } from '@/types/data';
+export interface IVideoAnnotateProps {
+    path: string;
+    loading: boolean;
+    videoContext?: any;
+    stepInfo: IStepInfo;
+    step: number;
+    stepList: IStepInfo[];
+    config: any;
+    imgIndex: number;
+    imgList: IFileItem[];
+    drawLayerSlot?: DrawLayerSlot;
+    footer?: any;
+}
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IVideoAnnotateProps>, import("react-redux").Omit<IVideoAnnotateProps & {
     children?: React.ReactNode;
-}, "annotation">>;
+}, "stepList" | "step" | "imgIndex" | "imgList" | "config" | "loading" | "path" | "stepInfo">>;
 export default _default;

package/dist/types/components/videoAnnotate/videoClipTool/VideoClipToolContext.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @author whq <752342314@qq.com>
+ * @file Store for VideoClipTool
+ * @date 2023-12-12
+ */
+import React from 'react';
+import { EClipStatus } from './constant';
+import { IInputList, IVideoTimeSlice } from '@labelbee/lb-utils';
+interface IVideoClipToolContext {
+    result: IVideoTimeSlice[];
+    selectedID: string;
+    attributeList: IInputList[];
+    videoPlayer?: any;
+    clipStatus: EClipStatus;
+    selectedAttribute?: string;
+    contextToCancel?: (e: any) => void;
+}
+export declare const VideoClipToolContext: React.Context<IVideoClipToolContext>;
+export declare const VideoClipToolContextProvider: React.Provider<IVideoClipToolContext>;
+interface IVideoClipAnnotatedListContext {
+    onSelectedTimeSlice: (timeSlice: IVideoTimeSlice) => void;
+    removeTimeSlice: (timeSlice: IVideoTimeSlice) => void;
+    updateSelectedSliceTimeProperty: (val: number, key: 'start' | 'end') => void;
+}
+export declare const VideoClipAnnotatedListContext: React.Context<IVideoClipAnnotatedListContext>;
+export declare const VideoClipAnnotatedListContextProvider: React.Provider<IVideoClipAnnotatedListContext>;
+export {};

package/dist/types/components/videoAnnotate/videoClipTool/components/ToolTipForClip.d.ts

@@ -0,0 +1,8 @@
+import { IVideoTimeSlice, IInputList } from '@labelbee/lb-utils';
+import React from 'react';
+declare const ToolTipForClip: (props: {
+    slot: React.ReactElement | undefined;
+    item: IVideoTimeSlice;
+    attributeList: IInputList[];
+}) => React.JSX.Element | null;
+export default ToolTipForClip;

package/dist/types/components/videoAnnotate/videoClipTool/components/annotatedList/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: import("react-redux").ConnectedComponent<(props: {
+    toolInstance: any;
+}) => React.JSX.Element | null, import("react-redux").Omit<{
+    toolInstance: any;
+}, "toolInstance">>;
+export default _default;

package/dist/types/components/videoAnnotate/videoClipTool/components/resizableSnippet/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IProps {
+    track: any;
+    currentTime: number;
+    attributeList: any[];
+    readonly: boolean;
+    onClipping: boolean;
+    onTrackResizeStart: () => void;
+    onResize: (direction: any, changedPercentage: number) => void;
+    style: React.CSSProperties;
+    isSelected?: boolean;
+}
+declare const ResizableSnippet: (props: IProps) => React.JSX.Element;
+export default ResizableSnippet;

package/dist/types/components/videoAnnotate/videoClipTool/components/timeSliceRange/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @file 视频截取工具，片段截取时间范围
+ * @author lijingchi <lijingchi1@sensetime.com>
+ * @createdate 2022-11-07
+ */
+import { IVideoTimeSlice } from '@labelbee/lb-utils';
+import React from 'react';
+/**
+ * 选中的片段进行时间更新的输入模块
+ * @returns
+ */
+declare const TimeSliceRange: ({ selectedTimeSlice, videoPlayer, updateTimeForSelected, disabled, }: {
+    selectedTimeSlice?: IVideoTimeSlice | undefined;
+    videoPlayer?: any;
+    updateTimeForSelected: (val: number, key: 'start' | 'end') => void;
+    disabled: boolean;
+}) => React.JSX.Element | null;
+export default TimeSliceRange;

package/dist/types/components/videoAnnotate/videoClipTool/components/videoClipToolHotkey/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const VideoClipToolHotkey: ({ toggleClipStatus, addTime, }: {
+    toggleClipStatus?: (() => void) | undefined;
+    addTime?: (() => void) | undefined;
+}) => React.JSX.Element;
+export default VideoClipToolHotkey;

package/dist/types/components/videoAnnotate/videoClipTool/components/videoTimeSlicesOverVideo/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const VideoTimeSlicesOverVideo: (props: any) => React.JSX.Element;
+export default VideoTimeSlicesOverVideo;

package/dist/types/components/videoAnnotate/videoClipTool/components/videoTrack/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface IProps {
+    currentTime: number;
+    onTrackResize: any;
+    readonly: boolean;
+    onTrackResizeStart: () => void;
+}
+/** 视频片段的显示内容 */
+export declare const getDisplayContent: (i: any, attributeList: any) => string;
+declare const VideoTrack: (props: IProps) => React.JSX.Element;
+export default VideoTrack;

package/dist/types/components/videoAnnotate/videoClipTool/constant.d.ts

@@ -0,0 +1,26 @@
+export declare enum EPageChanges {
+    /** 往前翻页 */
+    AHEAD = 1,
+    /** 往后翻页 */
+    BACK = -1
+}
+export declare enum EDirection {
+    Left = "left",
+    Right = "right"
+}
+export declare enum EClipStatus {
+    Clipping = 0,
+    Stop = 1
+}
+export declare enum ETimeSliceType {
+    /** 片段 */
+    Period = 0,
+    /** 时间点 */
+    Time = 1
+}
+export declare const TIME_SLICE_TYPE: {
+    [key: number]: string;
+};
+/** 最小允许片段时间 */
+export declare const SLICE_MIN_TIME = 0.05;
+export declare const PER_SLICE_CHANGE = 0.05;

package/dist/types/components/videoAnnotate/videoClipTool/index.d.ts

@@ -0,0 +1,131 @@
+import _ from 'lodash';
+import React from 'react';
+import { IVideoTimeSlice } from '@labelbee/lb-utils';
+import { EClipStatus, EDirection } from './constant';
+import { IVideoAnnotateProps } from '@/components/videoAnnotate';
+interface IVideoClipProps extends IVideoAnnotateProps {
+    pageForward: () => void;
+    pageJump: (page: string) => void;
+    pageBackward: () => void;
+    onMounted: (instance: any) => void;
+    onUnmounted: () => void;
+}
+interface IState {
+    result: IVideoTimeSlice[];
+    selectedAttribute: string;
+    textValue: string;
+    clipStatus: EClipStatus;
+    selectedID: string;
+    loading: boolean;
+    videoError: boolean;
+    remainingTime: number;
+    currentTime: number;
+    configLoading: boolean;
+    valid: boolean;
+}
+declare class VideoClipTool extends React.Component<IVideoClipProps, IState> {
+    get videoUrl(): string;
+    get isClipping(): boolean;
+    /** 结果JSON */
+    get resultJSON(): string | undefined;
+    get disabled(): boolean;
+    get loading(): boolean;
+    get defaultTextAttribute(): string;
+    get defaultAttribute(): string;
+    get selectedSliceIndex(): number;
+    get exportContext(): {
+        selectedID: string;
+        result: IVideoTimeSlice[];
+        clipStatus: EClipStatus;
+        videoPlayer: any;
+        attributeList: any;
+        onSelectedTimeSlice: (i: IVideoTimeSlice) => void;
+        removeTimeSlice: (item: IVideoTimeSlice) => void;
+        updateSelectedSliceTimeProperty: (val: number, key: "end" | "start") => void;
+    };
+    fns: Map<string, any[]>;
+    videoPlayer?: any;
+    videoNode?: HTMLVideoElement;
+    videoRef?: HTMLVideoElement;
+    throttledUpdateTime: _.DebouncedFunc<(newValue: number) => void>;
+    constructor(props: IVideoClipProps);
+    get valid(): boolean;
+    /** 步骤信息 */
+    stepInfo: () => import("../../../types/step").IStepInfo;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(newProps: any, newState: IState): boolean;
+    emitEvent: (event: string) => void;
+    singleOn(event: string, func: () => void): void;
+    on(event: string, func: () => void): void;
+    unbindAll(eventName: string): void;
+    setValid: (valid: boolean) => void;
+    updateSidebar: () => void;
+    exportData: () => (IVideoTimeSlice[] | {
+        valid: boolean;
+        duration: number;
+    })[];
+    /**
+     * 微调选中截取片段的开始时间（start）
+     * @param changeTime
+     */
+    updateSelectedSliceTimeStartByPer: (changeTime: number) => void;
+    /**
+     * 微调选中截取片段的最后时间（end）
+     * @param changeTime
+     */
+    updateSelectedSliceTimeEndByPer: (changeTime: number) => void;
+    updateSelectedSliceTimeProperty: (val: number, key: 'start' | 'end') => void;
+    keyDownEvents: (e: KeyboardEvent) => void;
+    videoLoaded: (totalTime?: number) => void;
+    setVideoError: (videoError: boolean, errorType: any, curTime: number) => void;
+    clearResult: () => void;
+    /** 取消截取 */
+    cancelClipped: () => void;
+    /**
+     * 切换截取状态，如为开启则添加end为null的数据，否则将对应截取片段的时间补全
+     * @param curTime
+     * @returns
+     */
+    toggleClipStatus: (curTime?: number) => void;
+    /** 添加时间点 */
+    addTime: () => void;
+    /**
+     * 视频右键操作
+     * @param e
+     */
+    contextToCancel: (e: MouseEvent) => void;
+    /**
+     * 重新调整片段长度
+     * @param id
+     * @param direction
+     * @param changedPercent
+     */
+    onTrackResize: (id: string, direction: EDirection, changedPercent: number) => void;
+    /**
+     * 渲染页面标注视频组件
+     * @returns
+     */
+    renderMediaContent: () => React.JSX.Element;
+    /**
+     * 选中片段
+     * @param i
+     * @returns
+     */
+    onSelectedTimeSlice: (i: IVideoTimeSlice) => void;
+    /** 根据数据删除片段 */
+    removeTimeSlice: (item: IVideoTimeSlice) => void;
+    setResult: (loading?: boolean, props?: any) => void;
+    /**
+     * 当前选中的属性改变
+     * @param attribute
+     */
+    setDefaultAttribute: (attribute: string) => void;
+    /**
+     * 设置当前选中片段的文本
+     * @param textValue
+     */
+    setTextAttribute: (textValue: string) => void;
+    render(): React.JSX.Element;
+}
+export default VideoClipTool;

package/dist/types/components/{videoPlayer → videoAnnotate/videoTagTool}/TagToolInstanceAdaptor.d.ts

@@ -5,20 +5,15 @@
  * @date 2022-05-31
  */
 import React from 'react';
-import { IStepInfo } from '@/types/step';
 import _ from 'lodash';
-import type { ObjectString } from './types';
-import { IFileItem } from '@/types/data';
-export interface IVideoTagInstanceAdaptorProps {
-    imgIndex: number;
-    imgList: IFileItem[];
+import type { ObjectString } from '../../videoPlayer/types';
+import { IVideoAnnotateProps } from '@/components/videoAnnotate';
+export interface IVideoTagInstanceAdaptorProps extends IVideoAnnotateProps {
     pageForward: () => void;
     pageJump: (page: string) => void;
     pageBackward: () => void;
-    onMounted: (instance: TagToolInstanceAdaptor) => void;
+    onMounted: (instance: any) => void;
     onUnmounted: () => void;
-    step: number;
-    stepList: IStepInfo[];
 }
 interface IVideoTagInstanceAdaptorState {
     tagResult: any[];
@@ -29,7 +24,7 @@ export declare class TagToolInstanceAdaptor extends React.Component<IVideoTagIns
     fns: {
         [key: string]: () => void;
     };
-    videoRef?: HTMLVideoElement;
+    videoPlayer?: HTMLVideoElement;
     labelSelectedList: number[];
     constructor(props: IVideoTagInstanceAdaptorProps);
     get config(): any;
@@ -50,6 +45,7 @@ export declare class TagToolInstanceAdaptor extends React.Component<IVideoTagIns
     })[];
     singleOn(event: string, func: () => void): void;
     on(event: string, func: () => void): void;
+    unbindAll(eventName: string): void;
     getTagResultByCode(num1: number, num2?: number): {
         value: {
             key: any;

package/dist/types/components/videoAnnotate/videoTextTool/index.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { IVideoAnnotateProps } from '@/components/videoAnnotate';
+export interface IVideoTextInstanceAdaptorProps extends IVideoAnnotateProps {
+    pageForward: () => void;
+    pageJump: (page: string) => void;
+    pageBackward: () => void;
+    onMounted: (instance: any) => void;
+    onUnmounted: () => void;
+}
+interface IVideoTextInstanceAdaptorState {
+    result: any;
+    valid: boolean;
+    showText: boolean;
+}
+export declare class VideoTextTool extends React.Component<IVideoTextInstanceAdaptorProps, IVideoTextInstanceAdaptorState> {
+    fns: {
+        [key: string]: () => void;
+    };
+    videoPlayer?: HTMLVideoElement;
+    constructor(props: IVideoTextInstanceAdaptorProps);
+    get config(): any;
+    /** Just implementation, no actual logic */
+    get history(): {
+        initRecord: () => void;
+        pushHistory: () => void;
+    };
+    get valid(): boolean;
+    get textList(): any[];
+    getColor(config?: any, attribute?: string): any;
+    clearResult: (sendMsg?: boolean) => void;
+    exportData: () => (any[] | {
+        valid: boolean;
+        duration: number;
+        frames: number | undefined;
+        videoWidth: number;
+        videoHeight: number;
+    })[];
+    toggleShowText: (v: boolean) => void;
+    singleOn(event: string, func: () => void): void;
+    on(event: string, func: () => void): void;
+    unbindAll(eventName: string): void;
+    emitEvent: (event: string) => void;
+    updateSidebar: () => void;
+    updateTextValue: (key: string, text: string, result?: {
+        [key: string]: string;
+    } | undefined) => void;
+    setResult: (result: any) => void;
+    setValid: (valid: boolean) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    setResultFromImgList: (props: IVideoTextInstanceAdaptorProps) => void;
+    /** Observer imgIndex and set result */
+    shouldComponentUpdate(props: IVideoTextInstanceAdaptorProps): boolean;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/types/components/videoPlayer/VideoTagLayer.d.ts

@@ -7,6 +7,7 @@ interface IVideoTagLayerProps {
         };
     }>;
     inputList: IInputList[];
+    hasPromptLayer?: boolean;
 }
 export declare const VideoTagLayer: React.FC<IVideoTagLayerProps>;
 export {};

package/dist/types/components/videoPlayer/VideoTextLayer.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VideoTextLayer: (props: any) => React.JSX.Element;

package/dist/types/components/videoPlayer/components/controller/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 /**
  * Format video time to display
  * Such as 61.9 => 01:01:9
@@ -10,5 +9,8 @@ export declare enum EPlayerType {
     Video = 0,
     Audio = 1
 }
-declare const VideoController: () => React.JSX.Element;
+interface IProps {
+    footer?: any;
+}
+declare const VideoController: (props: IProps) => any;
 export default VideoController;

package/dist/types/components/videoPlayer/index.d.ts

@@ -5,6 +5,7 @@
  */
 import React from 'react';
 import { IFileItem } from '@/types/data';
+export declare const PLAYER_CONTROL_BAR_HEIGHT = 60;
 export declare const VideoPlayerCtx: React.Context<{
     videoRef?: React.RefObject<HTMLVideoElement> | null | undefined;
     isPlay: boolean;
@@ -20,6 +21,8 @@ export declare const VideoPlayerCtx: React.Context<{
     pageBackward: () => void;
     pageJump: (page: string) => void;
     pageForward: () => void;
+    addTime?: (() => void) | undefined;
+    toggleClipStatus?: (() => void) | undefined;
 }>;
 interface IVideoPlayerProps {
     imgList: IFileItem[];
@@ -29,6 +32,13 @@ interface IVideoPlayerProps {
     pageForward: () => void;
     valid: boolean;
     setVideoRef?: (video: HTMLVideoElement) => void;
+    showVideoTrack?: boolean;
+    onTrackResize?: any;
+    footer?: any;
+    dataLoaded?: (totalTime: number) => void;
+    addTime?: () => void;
+    toggleClipStatus?: () => void;
+    drawLayerSlot?: any;
 }
 interface IVideoPlayerState {
     playbackRate: number;
@@ -59,6 +69,7 @@ export declare class VideoPlayer extends React.Component<IVideoPlayerProps, IVid
     keydown: (event: KeyboardEvent) => void;
     onPlay: () => void;
     onPause: () => void;
+    onTimeUpdate: () => void;
     onVideoStopped: () => void;
     onVideoStart: () => void;
     resetVideoData: () => void;

package/dist/types/components/videoPlayer/utils.d.ts

@@ -34,3 +34,9 @@ export declare const getKeyCodeNumber: (keyCode: number) => number;
  * @returns {Number}
  */
 export declare const decimalReserved: (num: number, places?: number) => number;
+/**
+ * Compute the hash code of given string
+ * @param str
+ * @returns {Number}
+ */
+export declare const hashCode: (str: string | undefined) => number | undefined;

package/dist/types/hooks/annotation.d.ts

@@ -4,9 +4,9 @@ export interface ICustomToolInstance {
     valid: boolean;
     exportData: () => [any, {}];
     exportCustomData: () => {};
-    singleOn: () => void;
+    singleOn: (eventName: string, callback: (...args: any[]) => void) => void;
     clearResult: () => void;
-    on: () => void;
+    on: (eventName: string, callback: (...args: any[]) => void) => void;
     unbind: () => void;
     setResult: (result: any) => void;
     setValid: (valid: boolean) => void;

package/dist/types/index.d.ts

@@ -4,7 +4,7 @@ import PointCloudAnnotationView from '@/components/AnnotationView/pointCloudAnno
 import QuestionView from '@/components/LLMToolView/questionView';
 import { i18n } from '@labelbee/lb-utils';
 import React from 'react';
-import { VideoTagTool } from '@/components/videoPlayer/TagToolInstanceAdaptorI18nProvider';
+import { VideoTagTool } from '@/components/videoAnnotate/videoTagTool/TagToolInstanceAdaptorI18nProvider';
 import './index.scss';
 import PredictTracking from '@/components/predictTracking';
 import LLMToolView from '@/components/LLMToolView';

package/dist/types/views/MainView/sidebar/TextToolSidebar/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IStepInfo } from '@/types/step';
 import TextToolOperation from '@labelbee/lb-annotation/dist/types/core/toolOperation/TextToolOperation';
+import { VideoTextTool } from '@/components/videoAnnotate/videoTextTool';
 interface ITextareaWithFooterProps {
     textareaProps?: any;
     footer?: any;
@@ -8,7 +9,7 @@ interface ITextareaWithFooterProps {
 export declare const TextareaWithFooter: (props: ITextareaWithFooterProps) => React.JSX.Element;
 interface IProps {
     dispatch: Function;
-    toolInstance: TextToolOperation;
+    toolInstance: TextToolOperation | VideoTextTool;
     imgIndex: number;
     triggerEventAfterIndexChanged: boolean;
     step: number;

package/dist/types/views/MainView/toolFooter/FooterTips/ToolHotKey/scribble/index.d.ts

@@ -1,3 +1,28 @@
+export declare const scribbleImg: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const eraseImg: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const scribbleLine: {
+    name: string;
+    icon: any;
+    shortCut: any[];
+};
+export declare const strokeEnlarge: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const strokeReduction: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
 declare const scribbleShortCutTable: {
     name: string;
     icon: any;