@labelbee/lb-components 1.3.0 → 1.5.0

package/dist/types/App.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ToolInstance } from './store/annotation/types';
-import { GetFileData, OnSave, OnSubmit, IFileItem } from './types/data';
+import { GetFileData, OnSave, OnSubmit, IFileItem, OnPageChange, OnStepChange, LoadFileList } from './types/data';
 import { Footer, Header, Sider } from './types/main';
 import { IStepInfo } from './types/step';
 interface IAnnotationStyle {
@@ -12,13 +12,17 @@ interface IAnnotationStyle {
 export interface AppProps {
     exportData?: (data: any[]) => void;
     goBack?: () => void;
-    imgList: IFileItem[];
+    imgList?: IFileItem[];
     config: string;
     stepList: IStepInfo[];
     step: number;
     onSubmit?: OnSubmit;
     onSave?: OnSave;
+    onPageChange?: OnPageChange;
+    onStepChange?: OnStepChange;
     getFileData?: GetFileData;
+    pageSize: number;
+    loadFileList?: LoadFileList;
     headerName?: string;
     initialIndex?: number;
     className?: string;
@@ -42,6 +46,7 @@ export interface AppProps {
     };
     setToolInstance?: (tool: ToolInstance) => void;
     mode?: 'light' | 'dark';
+    showTips?: boolean;
     defaultLang: 'en' | 'cn';
     leftSider?: () => React.ReactNode | React.ReactNode;
     dataInjectionAtCreation: (annotationData: any) => {};

package/dist/types/components/{ImageError/index.d.ts → fileException/FileError.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IProps {
+export interface IFileErrorProps {
     width?: number;
     height?: number;
     reloadImage: () => void;
@@ -8,7 +8,8 @@ interface IProps {
     ignoreOffsetY?: boolean;
     layerStyle?: React.CSSProperties;
     backgroundColor: string;
-    fileTypeName?: string;
+    fileType?: string;
+    isError?: boolean;
 }
-declare const ImageError: (props: IProps) => JSX.Element;
-export default ImageError;
+declare const FileError: (props: IFileErrorProps) => JSX.Element;
+export default FileError;

package/dist/types/components/fileException/FileInvalid.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @file File invalid layer, display while isValid equal false
+ * @date 2022-06-07
+ */
+import React from 'react';
+export interface IFileInvalidProps {
+    fileType?: string;
+    isValid: boolean;
+}
+declare const FileInvalid: React.FC<IFileInvalidProps>;
+export default FileInvalid;

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

@@ -0,0 +1,17 @@
+/**
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @file File exception layer, determine whether to render FileInvalid or FileError
+ * @date 2022-06-07
+ */
+import React from 'react';
+import { IFileErrorProps } from './FileError';
+import { IFileInvalidProps } from './FileInvalid';
+interface IFileExceptionProps {
+    errorProps: IFileErrorProps & {
+        isError: boolean;
+    };
+    invalidProps: IFileInvalidProps;
+    fileType: string;
+}
+declare const FileException: React.FC<IFileExceptionProps>;
+export default FileException;

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

@@ -0,0 +1,15 @@
+/**
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @file connect store & TagToolInstanceAdaptor
+ * @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;
+} & {
+    children?: React.ReactNode;
+}, "annotation">>;
+export default _default;

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

@@ -0,0 +1,90 @@
+/**
+ * @file Implement TagTool interaction through class components.
+ *       Refer to: packages/lb-annotation/src/core/toolOperation/tagOperation.ts
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @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[];
+    pageForward: () => void;
+    pageJump: (page: string) => void;
+    pageBackward: () => void;
+    onMounted: (instance: TagToolInstanceAdaptor) => void;
+    onUnmounted: () => void;
+    step: number;
+    stepList: IStepInfo[];
+}
+interface IVideoTagInstanceAdaptorState {
+    tagResult: any[];
+    labelSelectedList: number[];
+    valid: boolean;
+}
+export declare class TagToolInstanceAdaptor extends React.Component<IVideoTagInstanceAdaptorProps, IVideoTagInstanceAdaptorState> {
+    fns: {
+        [key: string]: () => void;
+    };
+    videoRef?: HTMLVideoElement;
+    labelSelectedList: number[];
+    constructor(props: IVideoTagInstanceAdaptorProps);
+    get config(): any;
+    /** Just implementation, no actual logic */
+    get history(): {
+        initRecord: () => void;
+        pushHistory: () => void;
+    };
+    get currentTagResult(): any;
+    get valid(): boolean;
+    clearResult: (sendMsg?: boolean, value?: string) => void;
+    exportData: () => (any[] | {
+        valid: boolean;
+        duration: number;
+        frames: number | undefined;
+        videoWidth: number;
+        videoHeight: number;
+    })[];
+    singleOn(event: string, func: () => void): void;
+    on(event: string, func: () => void): void;
+    getTagResultByCode(num1: number, num2?: number): {
+        value: {
+            key: any;
+            value: any;
+        };
+        isMulti: any;
+    } | undefined;
+    setLabelBySelectedList(num1: number, num2?: number): void;
+    emitEvent: (event: string) => void;
+    /**
+     * Combine result with inputValue and existValue
+     * @param inputValue
+     * @param existValue
+     * @returns newValue
+     */
+    combineResult: (inputValue: {
+        value: {
+            key: string;
+            value: string;
+        };
+        isMulti: boolean;
+    }, existValue?: ObjectString) => _.Dictionary<string | undefined>;
+    setResult: (tagResult: any[]) => void;
+    setLabel: (num1: number, num2: number) => void;
+    /**
+     * Keydown event for recording keycode input(numeric only)
+     * @param event
+     */
+    keydown: (event: KeyboardEvent) => void;
+    setValid: (valid: boolean) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    setResultFromImgList: (props: IVideoTagInstanceAdaptorProps) => void;
+    /** Observer imgIndex and set tagResult */
+    shouldComponentUpdate(props: IVideoTagInstanceAdaptorProps): boolean;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,8 @@
+import { IVideoTagInstanceAdaptorProps } from './TagToolInstanceAdaptor';
+/**
+ * I18n provider for InstanceAdaptorI18nProvider
+ * @param props
+ */
+export declare const VideoTagTool: (props: IVideoTagInstanceAdaptorProps & {
+    lang?: string;
+}) => JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IInputList } from '@/types/main';
+interface IVideoTagLayerProps {
+    result: Array<{
+        result: {
+            [key: string]: string;
+        };
+    }>;
+    inputList: IInputList[];
+}
+export declare const VideoTagLayer: React.FC<IVideoTagLayerProps>;
+export {};

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

@@ -0,0 +1,2 @@
+declare const VideoController: () => JSX.Element;
+export default VideoController;

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

@@ -0,0 +1,73 @@
+/**
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @file Implement video player, including mouse and keyboard event
+ * @date 2022-06-02
+ */
+import React from 'react';
+import { IFileItem } from '@/types/data';
+export declare const VideoPlayerCtx: React.Context<{
+    videoRef?: React.RefObject<HTMLVideoElement> | null | undefined;
+    isPlay: boolean;
+    playPause: () => void;
+    updateNextPlaybackRate: (isForward?: boolean) => void;
+    setCurrentTime: (time: number) => void;
+    playbackRate: number;
+    currentTime: number;
+    duration: number;
+    buffered: number;
+    imgList: IFileItem[];
+    imgIndex: number;
+    pageBackward: () => void;
+    pageJump: (page: string) => void;
+    pageForward: () => void;
+}>;
+interface IVideoPlayerProps {
+    imgList: IFileItem[];
+    imgIndex: number;
+    pageBackward: () => void;
+    pageJump: (page: string) => void;
+    pageForward: () => void;
+    valid: boolean;
+    setVideoRef?: (video: HTMLVideoElement) => void;
+}
+interface IVideoPlayerState {
+    playbackRate: number;
+    currentTime: number;
+    isPlay: boolean;
+    duration: number;
+    buffered: number;
+    error: boolean;
+}
+export declare class VideoPlayer extends React.Component<IVideoPlayerProps, IVideoPlayerState> {
+    videoRef?: React.RefObject<HTMLVideoElement>;
+    timeInterval?: number;
+    constructor(props: IVideoPlayerProps);
+    get videoElm(): HTMLVideoElement | null | undefined;
+    get videoSrc(): string;
+    changePlaybackPate: (playbackRate: number) => void;
+    playPause: () => void;
+    updateNextPlaybackRate: (isForward?: boolean) => void;
+    fastForward: () => void;
+    rewind: () => void;
+    /**
+     * Implement Video's keydown
+     * Play / Pause           -   Space
+     * Rewind / FastForward   -   ⬅️  /  ➡️
+     * Speed                  -   ⬆️  /  ⬇
+     * @param event
+     */
+    keydown: (event: KeyboardEvent) => void;
+    onPlay: () => void;
+    onPause: () => void;
+    onVideoStopped: () => void;
+    onVideoStart: () => void;
+    resetVideoData: () => void;
+    setDuration: () => void;
+    setCurrentTime: (currentTime: number) => void;
+    reload: () => void;
+    onError: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export default VideoPlayer;

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

@@ -0,0 +1,8 @@
+export interface ITagLabelItem {
+    keyLabel: string;
+    valuesLabelArray: string[];
+}
+export declare type ITagLabelsArray = ITagLabelItem[];
+export interface ObjectString {
+    [key: string]: string | undefined;
+}

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

@@ -0,0 +1,36 @@
+/**
+ * Find key and value to display label through inputList
+ * @param key
+ * @param value
+ * @param inputList
+ */
+export declare const findTagLabel: (key: string, value: string, inputList: any[]) => {
+    keyLabel: any;
+    valueLabel: any;
+};
+/**
+ * Sort tags through inputList
+ * @param tagsKeys
+ * @param inputList
+ */
+export declare const tagsSortThruInputList: (tagsKeys: string[], inputList: any[]) => string[];
+/**
+ * Convent result's array to array of showing the labels
+ * @param result
+ * @param inputList
+ * @returns {ITagLabelsArray}
+ */
+export declare const result2LabelKey: (result: any[], inputList: any[]) => any;
+/**
+ * Get key number through keyCode, Such as 49(keycode) => 1(number)
+ * @param {Number} keyCode
+ * @returns {Number} keyCode in scope if it greater than 0
+ */
+export declare const getKeyCodeNumber: (keyCode: number) => number;
+/**
+ * Preserve decimals for number
+ * @param num
+ * @param places
+ * @returns {Number}
+ */
+export declare const decimalReserved: (num: number, places?: number) => number;

package/dist/types/index.d.ts

@@ -2,9 +2,10 @@ import { AppProps } from '@/App';
 import AnnotationView from '@/components/AnnotationView';
 import { i18n } from '@labelbee/lb-utils';
 import React from 'react';
+import { VideoTagTool } from '@/components/videoPlayer/TagToolInstanceAdaptorI18nProvider';
 export declare const store: import("redux").Store<{}, import("redux").Action<any>> & {
     dispatch: unknown;
 };
 declare const _default: React.ForwardRefExoticComponent<AppProps & React.RefAttributes<unknown>>;
 export default _default;
-export { AnnotationView, i18n };
+export { AnnotationView, i18n, VideoTagTool };

package/dist/types/store/Actions.d.ts

@@ -6,10 +6,15 @@ export declare const ANNOTATION_ACTIONS: {
     SUBMIT_FILE_DATA: string;
     SET_TASK_CONFIG: string;
     INIT_TOOL: string;
+    SET_TOOL: string;
     UPDATE_ON_SUBMIT: string;
     UPDATE_ON_SAVE: string;
+    UPDATE_ON_PAGE_CHANGE: string;
+    UPDATE_ON_STEP_CHANGE: string;
     UPDATE_ROTATE: string;
     UPDATE_GET_FILE_DATA: string;
+    UPDATE_PAGE_SIZE: string;
+    UPDATE_LOAD_FILE_LIST: string;
     GET_FILE_DATA: string;
     SET_FILE_DATA: string;
     COPY_BACKWARD_RESULT: string;

package/dist/types/store/annotation/actionCreators.d.ts

@@ -1,5 +1,5 @@
 import { IStepInfo } from '@/types/step';
-import { GetFileData, IFileItem, OnSave, OnSubmit } from '@/types/data';
+import { GetFileData, LoadFileList, IFileItem, OnPageChange, OnSave, OnStepChange, OnSubmit } from '@/types/data';
 import { AnnotationActionTypes, ToolInstance } from './types';
 import { ESubmitType } from '@/constant';
 import { EPageTurningOperation } from '@/data/enums/AnnotationSize';
@@ -12,35 +12,47 @@ export declare function SetTaskConfig({ stepList, step, }: {
 }): AnnotationActionTypes;
 export declare function UpdateOnSubmit(onSubmit: OnSubmit): AnnotationActionTypes;
 export declare function UpdateOnSave(onSave: OnSave): AnnotationActionTypes;
+export declare function UpdateOnPageChange(onPageChange: OnPageChange): AnnotationActionTypes;
+export declare function UpdateOnStepChange(onStepChange: OnStepChange): AnnotationActionTypes;
 export declare function UpdateGetFileData(getFileData: GetFileData): AnnotationActionTypes;
+export declare function UpdatePageSize(pageSize: number): AnnotationActionTypes;
+export declare function UpdateGetFileList(loadFileList: LoadFileList): AnnotationActionTypes;
 export declare function UpdateRotate(): AnnotationActionTypes;
 export declare function CopyBackWordResult(): AnnotationActionTypes;
 /**
  * 初始化任务数据
  * @param param0
  */
-export declare function InitTaskData({ onSubmit, onSave, getFileData, imgList, step, stepList, initialIndex, }: any): any;
+export declare function InitTaskData({ onSubmit, onSave, onPageChange, onStepChange, getFileData, pageSize, loadFileList, step, stepList, }: any): any;
 /** 切换到下一步 */
-export declare const ToNextStep: (pageNumber?: number | undefined) => (dispatch: any, getState: any) => any[];
+export declare const ToNextStep: (pageNumber?: number) => (dispatch: any, getState: any) => any[];
 /**
  * 更新当前操作的步骤
  * @param {number} toStep
  */
-export declare const UpdateProcessingStep: (toStep: number, index?: number | undefined) => (dispatch: any, state: any) => any[];
+export declare const UpdateProcessingStep: (toStep: number, index?: number) => (dispatch: any, getState: any) => any[];
 /**
  * 提交当前的文件数据
  * @param submitType
  */
 export declare const ToSubmitFileData: (submitType: ESubmitType) => (dispatch: any) => any[];
 /** 向前翻页 */
-export declare const PageBackward: (triggerEventAfterIndexChanged?: boolean) => (dispatch: any, getState: any) => any;
+export declare const PageBackward: (triggerEventAfterIndexChanged?: boolean) => (dispatch: any, getState: any) => Promise<any>;
 /** 向后翻页 */
-export declare const PageForward: (triggerEventAfterIndexChanged?: boolean) => (dispatch: any, getState: any) => any;
+export declare const PageForward: (triggerEventAfterIndexChanged?: boolean) => (dispatch: any, getState: any) => Promise<any>;
 /**
  * 跳到指定文件索引
  * @param toIndex
  */
-export declare const PageJump: (toIndex: number, triggerEventAfterIndexChanged?: boolean) => (dispatch: any, getState: any) => any;
+export declare const PageJump: (toIndex: number, triggerEventAfterIndexChanged?: boolean) => (dispatch: any, getState: any) => Promise<any> | undefined;
+/**
+ * 加载文件列表
+ * @param dispatch
+ * @param getState
+ * @param nextIndex 需要加载的图片index
+ * @param isInitial // 是否为初始化加载
+ */
+export declare const loadImgList: (dispatch: any, getState: any, nextIndex: number, isInitial?: boolean) => Promise<true | undefined>;
 /**
  * 判断翻页还是切换依赖数据
  * @param dispatch
@@ -48,7 +60,7 @@ export declare const PageJump: (toIndex: number, triggerEventAfterIndexChanged?:
  * @param pageTurningOperation
  * @param toIndex
  */
-export declare const DispatcherTurning: (dispatch: any, getState: any, pageTurningOperation: EPageTurningOperation, triggerEventAfterIndexChanged?: boolean, toIndex?: number | undefined) => any;
+export declare const DispatcherTurning: (dispatch: any, getState: any, pageTurningOperation: EPageTurningOperation, triggerEventAfterIndexChanged?: boolean, toIndex?: number) => Promise<any>;
 /**
  * 保存当前页数据
  * */

package/dist/types/store/annotation/reducer.d.ts

@@ -10,5 +10,5 @@ export declare const getTotalPage: (state: AnnotationState) => number;
  * @param nextIndex
  * @param nextBasicIndex
  */
-export declare const LoadImageAndFileData: (nextIndex: number, nextBasicIndex?: number | undefined) => (dispatch: any, getState: any) => Promise<void>;
+export declare const LoadFileAndFileData: (nextIndex: number, nextBasicIndex?: number) => any;
 export declare const annotationReducer: (state: AnnotationState | undefined, action: AnnotationActionTypes) => AnnotationState;

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

@@ -1,7 +1,7 @@
 import { AnnotationEngine, RectOperation, TagOperation, TextToolOperation, PointOperation, PolygonOperation, LineToolOperation } from '@labelbee/lb-annotation';
 import { ANNOTATION_ACTIONS } from '@/store/Actions';
 import { IStepInfo } from '@/types/step';
-import { OnSubmit, IFileItem, GetFileData, OnSave } from '@/types/data';
+import { OnSubmit, IFileItem, GetFileData, OnSave, OnPageChange, OnStepChange, LoadFileList } from '@/types/data';
 import { ESubmitType } from '@/constant';
 export declare type GraphToolInstance = RectOperation | PointOperation | PolygonOperation | LineToolOperation;
 export declare type ToolInstance = GraphToolInstance | TagOperation | TextToolOperation;
@@ -21,7 +21,11 @@ export interface AnnotationState {
     imgNode: HTMLImageElement;
     onSubmit?: OnSubmit;
     onSave?: OnSave;
+    onPageChange?: OnPageChange;
+    onStepChange?: OnStepChange;
     getFileData?: GetFileData;
+    loadFileList?: LoadFileList;
+    pageSize?: number;
     basicIndex: number;
     basicResultList: any[];
     resultList: any[];
@@ -87,14 +91,38 @@ interface UpdateOnSave {
         onSave: OnSave;
     };
 }
+interface UpdateOnPageChange {
+    type: typeof ANNOTATION_ACTIONS.UPDATE_ON_PAGE_CHANGE;
+    payload: {
+        getFileData: OnPageChange;
+    };
+}
+interface UpdateOnStepChange {
+    type: typeof ANNOTATION_ACTIONS.UPDATE_ON_STEP_CHANGE;
+    payload: {
+        getFileData: OnStepChange;
+    };
+}
 interface UpdateGetFileData {
     type: typeof ANNOTATION_ACTIONS.UPDATE_GET_FILE_DATA;
     payload: {
         getFileData: GetFileData;
     };
 }
+interface UpdatePageSize {
+    type: typeof ANNOTATION_ACTIONS.UPDATE_PAGE_SIZE;
+    payload: {
+        pageSize: number;
+    };
+}
+interface UpdateGetFileList {
+    type: typeof ANNOTATION_ACTIONS.UPDATE_LOAD_FILE_LIST;
+    payload: {
+        getFileData: LoadFileList;
+    };
+}
 interface CopyBackWordResult extends CommonActions {
     type: typeof ANNOTATION_ACTIONS.COPY_BACKWARD_RESULT;
 }
-export declare type AnnotationActionTypes = UpdateToolInstance | UpdateImgList | UpdateAnnotationConfig | SubmitFileData | LoadFileData | SetTaskConfig | InitTool | UpdateOnSubmit | UpdateGetFileData | CopyBackWordResult | UpdateOnSave;
+export declare type AnnotationActionTypes = UpdateToolInstance | UpdateImgList | UpdateAnnotationConfig | SubmitFileData | LoadFileData | SetTaskConfig | InitTool | UpdateOnSubmit | UpdateOnPageChange | UpdateOnStepChange | UpdateGetFileData | UpdatePageSize | UpdateGetFileList | CopyBackWordResult | UpdateOnSave;
 export {};

package/dist/types/utils/PageOperator.d.ts

@@ -43,6 +43,6 @@ declare class PageOperator {
      * @param pageTurningOperation
      * @param fileIndex
      */
-    static getNextFileIndex: (pageTurningOperation: EPageTurningOperation, pageInfo: IPageInfo, fileIndex?: number | undefined) => number;
+    static getNextFileIndex: (pageTurningOperation: EPageTurningOperation, pageInfo: IPageInfo, fileIndex?: number) => number;
 }
 export default PageOperator;

package/dist/types/utils/StepUtils.d.ts

@@ -15,4 +15,11 @@ export default class StepUtils {
      * @returns 步骤配置
      */
     static getStepInfo(step: number, stepList: IStepInfo[]): IStepInfo;
+    /**
+     * 根据toolName判断当前步骤是否为视频工具
+     * @param step 步骤
+     * @param stepList 步骤列表
+     * @returns {Number} 是否为视频工具
+     */
+    static currentToolIsVideo(step: number, stepList: IStepInfo[]): boolean;
 }

package/dist/types/utils/TextUtils.d.ts

@@ -3,5 +3,5 @@ export declare const REGEXP_NUMBER = "^[0-9]+$";
 export declare const REGEXP_ENGLISH = "^[A-Za-z]+$";
 export declare class TextUtils {
     static checkString(textCheckType: ETextType, customFormat: string): string;
-    static getErrorNotice(textCheckType: ETextType): "" | "请按仅数字的格式输入" | "请按仅英文的格式输入" | "请按要求的格式输入";
+    static getErrorNotice(textCheckType: ETextType): string;
 }

package/dist/types/utils/dom.d.ts

@@ -2,4 +2,10 @@ import { MutableRefObject } from 'react';
 export declare type BasicTarget<T = HTMLElement> = (() => T | null) | T | null | MutableRefObject<T | null | undefined>;
 declare type TargetElement = HTMLElement | Element | Document | Window;
 export declare function getTargetElement(target?: BasicTarget<TargetElement>, defaultElement?: TargetElement): TargetElement | undefined | null;
+/**
+ * Get class like BEM
+ * @param elm
+ * @param modify
+ */
+export declare const getClassName: (elm: string, modify?: string) => string;
 export {};

package/dist/types/views/MainView/annotationTips/index.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+    tips: string;
+}
+declare const AnnotationTips: ({ tips }: IProps) => JSX.Element | null;
+export default AnnotationTips;

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

@@ -1,4 +1,10 @@
 import { AppProps } from '@/App';
 import React from 'react';
-declare const MainView: React.FC<AppProps>;
-export default MainView;
+interface IProps {
+    path: string;
+    loading: boolean;
+}
+declare const _default: import("react-redux").ConnectedComponent<React.FC<AppProps & IProps>, import("react-redux").Omit<AppProps & IProps & {
+    children?: React.ReactNode;
+}, "loading" | "path">>;
+export default _default;

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

@@ -107,3 +107,26 @@ export declare const saveResult: {
     icon: any;
     shortCut: string[];
 };
+export declare const speed: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+    shortCutUseHtml: boolean;
+};
+export declare const playPause: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const forwardForward: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+    shortCutUseHtml: boolean;
+};
+export declare const rewind: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+    shortCutUseHtml: boolean;
+};

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

@@ -1,13 +1,8 @@
 import React from 'react';
 interface IProps {
-    isSingleImg?: boolean;
     style?: any;
-}
-export interface IShortcuts {
-    name: string;
-    icon: any;
-    shortCut: string[];
-    noticeInfo?: string;
+    title?: React.ReactElement<any>;
+    toolName?: string;
 }
 declare const ToolHotKey: React.FC<IProps>;
 export default ToolHotKey;

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

@@ -53,7 +53,13 @@ export declare const suspendAbsorption: {
     noticeInfo: string;
     shortCut: string[];
 };
-export declare const segment: {
+export declare const splitPolygon: {
+    name: string;
+    icon: any;
+    noticeInfo: string;
+    shortCut: string[];
+};
+export declare const combinePolygon: {
     name: string;
     icon: any;
     noticeInfo: string;

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

@@ -0,0 +1,3 @@
+import { IShortcut } from '@/types/tool';
+declare const videoTagToolShortCurTable: IShortcut[];
+export default videoTagToolShortCurTable;

package/dist/types/views/MainView/toolFooter/Pagination.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IPagination {
+    imgIndex: number;
+    totalPage: number;
+    pageJump: (page: string) => void;
+    pageForward: () => void;
+    pageBackward: () => void;
+    footerCls: string;
+    isVideo?: boolean;
+}
+export declare const Pagination: React.FC<IPagination>;
+export {};

package/dist/utils/StepUtils.js

@@ -1 +1 @@
-"use strict";var index=require("../constant/index.js");class StepUtils{static getCurrentStepInfo(n,t){const e=this.getStepInfo(n,t);return[index.EStepType.QUALITY_INSPECTION,index.EStepType.MANUAL_CORRECTION].includes(e==null?void 0:e.type)?this.getStepInfo(e.dataSourceStep,t):e}static getStepInfo(n,t){return t==null?void 0:t.filter(e=>e.step===n)[0]}}module.exports=StepUtils;
+"use strict";var index=require("../constant/index.js"),lbAnnotation=require("@labelbee/lb-annotation");const{EVideoToolName}=lbAnnotation.cTool;class StepUtils{static getCurrentStepInfo(n,t){const e=this.getStepInfo(n,t);return[index.EStepType.QUALITY_INSPECTION,index.EStepType.MANUAL_CORRECTION].includes(e==null?void 0:e.type)?this.getStepInfo(e.dataSourceStep,t):e}static getStepInfo(n,t){return t==null?void 0:t.filter(e=>e.step===n)[0]}static currentToolIsVideo(n,t){const e=StepUtils.getCurrentStepInfo(n,t);return Object.values(EVideoToolName).includes(e==null?void 0:e.tool)}}module.exports=StepUtils;