@labelbee/lb-components 1.4.0 → 1.5.0-alpha.0

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/index.d.ts

@@ -2,8 +2,9 @@ import { AppProps } from '@/App';
 import React from 'react';
 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;
-}, "path">>;
+}, "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?: JSX.Element;
+    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;

package/dist/utils/TextUtils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var ToolType=require("../data/enums/ToolType.js");const REGEXP_NUMBER="^[0-9]+$",REGEXP_ENGLISH="^[A-Za-z]+$";class TextUtils{static checkString(t,u){let e="";switch(t){case ToolType.ETextType.Order:case ToolType.ETextType.NumberOnly:e=REGEXP_NUMBER;break;case ToolType.ETextType.EnglishOnly:e=REGEXP_ENGLISH;break;case ToolType.ETextType.CustomFormat:e=u;break}return e}static getErrorNotice(t){switch(t){case ToolType.ETextType.Order:case ToolType.ETextType.NumberOnly:return"\u8BF7\u6309\u4EC5\u6570\u5B57\u7684\u683C\u5F0F\u8F93\u5165";case ToolType.ETextType.EnglishOnly:return"\u8BF7\u6309\u4EC5\u82F1\u6587\u7684\u683C\u5F0F\u8F93\u5165";case ToolType.ETextType.CustomFormat:return"\u8BF7\u6309\u8981\u6C42\u7684\u683C\u5F0F\u8F93\u5165";default:return""}}}exports.REGEXP_ENGLISH=REGEXP_ENGLISH,exports.REGEXP_NUMBER=REGEXP_NUMBER,exports.TextUtils=TextUtils;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var ToolType=require("../data/enums/ToolType.js"),lbUtils=require("@labelbee/lb-utils");const REGEXP_NUMBER="^[0-9]+$",REGEXP_ENGLISH="^[A-Za-z]+$";class TextUtils{static checkString(t,r){let e="";switch(t){case ToolType.ETextType.Order:case ToolType.ETextType.NumberOnly:e=REGEXP_NUMBER;break;case ToolType.ETextType.EnglishOnly:e=REGEXP_ENGLISH;break;case ToolType.ETextType.CustomFormat:e=r;break}return e}static getErrorNotice(t){switch(t){case ToolType.ETextType.Order:case ToolType.ETextType.NumberOnly:return lbUtils.i18n.t("TextCheckNumberOnly");case ToolType.ETextType.EnglishOnly:return lbUtils.i18n.t("TextCheckEnglishOnly");case ToolType.ETextType.CustomFormat:return lbUtils.i18n.t("TextCheckCustomFormat");default:return""}}}exports.REGEXP_ENGLISH=REGEXP_ENGLISH,exports.REGEXP_NUMBER=REGEXP_NUMBER,exports.TextUtils=TextUtils;

package/dist/utils/dom.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});function getTargetElement(e,n){if(!e)return n;let t;return typeof e=="function"?t=e():"current"in e?t=e.current:t=e,t}exports.getTargetElement=getTargetElement;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index=require("../constant/index.js");function getTargetElement(e,t){if(!e)return t;let n;return typeof e=="function"?n=e():"current"in e?n=e.current:n=e,n}const getClassName=(e,t)=>`${index.prefix}-${e}${t?"__"+t:""}`;exports.getClassName=getClassName,exports.getTargetElement=getTargetElement;

package/dist/views/MainView/annotationOperation/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),es=require("antd/es"),reactRedux=require("react-redux"),_=require("lodash"),index=require("../../../index.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/toolStyle/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$1=require("../../../components/ImageError/index.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const AnnotationOperation=e=>{const[,t]=React.useState(0),{imgAttribute:r,toolStyle:i,toolInstance:n,annotationEngine:a,loading:f,imgList:d,imgIndex:g,dataInjectionAtCreation:l,renderEnhance:u}=e,c=React.useRef(null),p=React.useRef(null),s=useSize(c);React.useEffect(()=>{index.store.dispatch(actionCreators.InitToolStyleConfig())},[]),React.useEffect(()=>{if(!!a){switch(lbUtils.i18n.language){case"cn":case"en":a.setLang(lbUtils.i18n.language);break}a==null||a.setDataInjectionAtCreation(l),a==null||a.setRenderEnhance(u)}},[a,l,u]),React.useEffect(()=>{n&&(n.singleOn("messageError",o=>{es.message.error(o)}),n.singleOn("messageInfo",o=>{es.message.info(o)}),n.singleOn("changeAnnotationShow",()=>{t(o=>o+1)}))},[n]),React.useEffect(()=>{n&&n.setImgAttribute(r)},[r]),React.useEffect(()=>{n&&n.setStyle(i),a&&a.setStyle(i)},[i]),React.useEffect(()=>{(n==null?void 0:n.setSize)&&n.setSize(s),a&&a.setSize(s)},[s]);const m=()=>{const o=d[g];!o.url||lbAnnotation.ImgUtils.load(o.url).then(v=>{a.setImgNode(v)})};return React__default.default.createElement("div",{ref:c,className:"annotationOperation"},React__default.default.createElement(es.Spin,{spinning:f,delay:500},React__default.default.createElement("div",{className:"canvas",ref:p,style:s,id:"toolContainer"})),(n==null?void 0:n.isImgError)===!0&&React__default.default.createElement(index$1,__spreadProps(__spreadValues({},s),{reloadImage:m,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},mapStateToProps=e=>{const t=___default.default.pickBy(e.annotation,(r,i)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(i));return __spreadValues({imgAttribute:e.imgAttribute,toolStyle:e.toolStyle},t)};var AnnotationOperation$1=reactRedux.connect(mapStateToProps)(AnnotationOperation);module.exports=AnnotationOperation$1;
+"use strict";var React=require("react"),es=require("antd/es"),reactRedux=require("react-redux"),_=require("lodash"),index=require("../../../index.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/toolStyle/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),FileError=require("../../../components/fileException/FileError.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const AnnotationOperation=e=>{const[,t]=React.useState(0),{imgAttribute:r,toolStyle:i,toolInstance:n,annotationEngine:o,imgList:l,imgIndex:d,dataInjectionAtCreation:u,renderEnhance:c}=e,f=React.useRef(null),g=React.useRef(null),s=useSize(f);React.useEffect(()=>{index.store.dispatch(actionCreators.InitToolStyleConfig())},[]),React.useEffect(()=>{if(!!o){switch(lbUtils.i18n.language){case"cn":case"en":o.setLang(lbUtils.i18n.language);break}o==null||o.setDataInjectionAtCreation(u),o==null||o.setRenderEnhance(c)}},[o,u,c]),React.useEffect(()=>{n&&(n.singleOn("messageError",a=>{es.message.error(a)}),n.singleOn("messageInfo",a=>{es.message.info(a)}),n.singleOn("changeAnnotationShow",()=>{t(a=>a+1)}))},[n]),React.useEffect(()=>{n&&n.setImgAttribute(r)},[r]),React.useEffect(()=>{n&&n.setStyle(i),o&&o.setStyle(i)},[i]),React.useEffect(()=>{(n==null?void 0:n.setSize)&&n.setSize(s),o&&o.setSize(s)},[s]);const p=()=>{const a=l==null?void 0:l[d];!(a==null?void 0:a.url)||lbAnnotation.ImgUtils.load(a.url).then(v=>{o.setImgNode(v)})};return React__default.default.createElement("div",{ref:f,className:"annotationOperation"},React__default.default.createElement("div",{className:"canvas",ref:g,style:s,id:"toolContainer"}),(n==null?void 0:n.isImgError)===!0&&React__default.default.createElement(FileError,__spreadProps(__spreadValues({},s),{reloadImage:p,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},mapStateToProps=e=>{const t=___default.default.pickBy(e.annotation,(r,i)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(i));return __spreadValues({imgAttribute:e.imgAttribute,toolStyle:e.toolStyle},t)};var AnnotationOperation$1=reactRedux.connect(mapStateToProps)(AnnotationOperation);module.exports=AnnotationOperation$1;

package/dist/views/MainView/index.js

@@ -1 +1 @@
-"use strict";var index=require("../../components/customResizeHook/index.js"),index$6=require("../../constant/index.js"),es=require("antd/es"),React=require("react"),reactRedux=require("react-redux"),index$3=require("./annotationOperation/index.js"),index$2=require("./annotationTips/index.js"),index$5=require("./sidebar/index.js"),index$4=require("./toolFooter/index.js"),index$1=require("./toolHeader/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const{Sider,Content}=es.Layout,layoutCls=`${index$6.prefix}-layout`,MainView=e=>{var t,a,l,r,n;const i=(t=e.showTips)!=null?t:!1;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(es.Layout,{className:`${layoutCls} ${e.className}`,style:(a=e.style)==null?void 0:a.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(l=e.style)==null?void 0:l.header},React__default.default.createElement(index$1,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData}),","),React__default.default.createElement(es.Layout,null,e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},i===!0&&React__default.default.createElement(index$2,{tips:e.path}),React__default.default.createElement(index$3,__spreadValues({},e)),React__default.default.createElement(index$4.default,{style:(r=e.style)==null?void 0:r.footer,mode:e.mode,footer:e==null?void 0:e.footer})),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:"auto",style:(n=e.style)==null?void 0:n.sider},React__default.default.createElement(index$5,{sider:e==null?void 0:e.sider})))))},mapStateToProps=({annotation:e})=>{var t,a,l;const r=(t=e.imgList[e.imgIndex])!=null?t:{};return{path:(l=(a=r==null?void 0:r.url)!=null?a:r==null?void 0:r.path)!=null?l:""}};var MainView$1=reactRedux.connect(mapStateToProps)(MainView);module.exports=MainView$1;
+"use strict";var index=require("../../components/customResizeHook/index.js"),index$3=require("../../constant/index.js"),antd=require("antd"),es=require("antd/es"),React=require("react"),index$6=require("./annotationOperation/index.js"),index$5=require("./annotationTips/index.js"),index$2=require("./sidebar/index.js"),index$7=require("./toolFooter/index.js"),index$1=require("./toolHeader/index.js"),reducer=require("../../store/annotation/reducer.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$4=require("../../components/videoAnnotate/index.js"),reactRedux=require("react-redux");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const{EVideoToolName}=lbAnnotation.cTool,{Sider,Content}=es.Layout,layoutCls=`${index$3.prefix}-layout`,ImageAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,e.showTips===!0&&React__default.default.createElement(index$5,{tips:e.path}),React__default.default.createElement(index$6,__spreadValues({},e)),React__default.default.createElement(index$7.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},AnnotatedArea=e=>{var t;const{stepList:a,step:r}=e,l=(t=reducer.getStepConfig(a,r))==null?void 0:t.tool;return Object.values(EVideoToolName).includes(l)?React__default.default.createElement(index$4,__spreadValues({},e)):React__default.default.createElement(ImageAnnotate,__spreadValues({},e))},MainView=e=>{var t,a,r;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(antd.Spin,{spinning:e.loading},React__default.default.createElement(es.Layout,{className:`${layoutCls} ${e.className}`,style:(t=e.style)==null?void 0:t.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(a=e.style)==null?void 0:a.header},React__default.default.createElement(index$1,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData})),React__default.default.createElement(es.Layout,null,e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement(AnnotatedArea,__spreadValues({},e))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:"auto",style:(r=e.style)==null?void 0:r.sider},React__default.default.createElement(index$2,{sider:e==null?void 0:e.sider}))))))},mapStateToProps=({annotation:e})=>{var t,a,r;const{imgList:l,loading:o}=e,n=(t=l[e.imgIndex])!=null?t:{};return{path:(r=(a=n==null?void 0:n.url)!=null?a:n==null?void 0:n.path)!=null?r:"",loading:o}};var MainView$1=reactRedux.connect(mapStateToProps)(MainView);module.exports=MainView$1;

package/dist/views/MainView/sidebar/GeneralOperation/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),es=require("antd/es"),icon_clear=require("../../../../assets/annotation/common/icon_clear.svg.js"),icon_clear_a=require("../../../../assets/annotation/common/icon_clear_a.svg.js"),icon_invalid=require("../../../../assets/annotation/common/icon_invalid.svg.js"),icon_invalid_a=require("../../../../assets/annotation/common/icon_invalid_a.svg.js"),icons=require("@ant-design/icons"),index$1=require("../../../../index.js"),reactRedux=require("react-redux"),StepUtils=require("../../../../utils/StepUtils.js"),index=require("../../../../utils/index.js"),actionCreators=require("../../../../store/annotation/actionCreators.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};const makeSure=(e,t,r)=>React__default.default.createElement("div",{key:t},`${r("ConfirmTo")}${e.slice(0)}\uFF1F`),renderImg=e=>typeof e=="string"?React__default.default.createElement("img",{width:23,height:25,src:e}):e,GenerationOperation=({toolInstance:e,stepInfo:t,imgList:r,imgIndex:o})=>{const[l,s]=React.useState(null),{t:n}=reactI18next.useTranslation(),i=[{name:n("ClearLabel"),key:"sureClear",imgSvg:icon_clear,hoverSvg:icon_clear_a,onClick:()=>{e==null||e.clearResult()}}],c=index.jsonParser(t==null?void 0:t.config);if((t==null?void 0:t.dataSourceStep)===0){const a={height:"25px",lineHeight:"25px",display:"flex",justifyContent:"center",alignItems:"center"};i.push({name:n(e.valid===!0?"SetAsInvalid":"SetAsValid"),key:"sureQuestion",imgSvg:React__default.default.createElement(icons.StopOutlined,{style:a}),hoverSvg:React__default.default.createElement(icons.StopOutlined,{style:__spreadValues({color:"#666fff"},a)}),onClick:()=>{e.setValid(!e.valid)}})}(c==null?void 0:c.copyBackwardResult)&&i.unshift({name:n("CopyThePrevious"),key:"sureCopy",imgSvg:icon_invalid,hoverSvg:icon_invalid_a,onClick:()=>{index$1.store.dispatch(actionCreators.CopyBackWordResult())}});const u=Math.floor(24/i.length);return React__default.default.createElement("div",{className:"generalOperation"},i.map((a,v)=>React__default.default.createElement(es.Col,{span:u,key:v},React__default.default.createElement("div",{key:a.key,className:"item",onMouseEnter:()=>{s(a.key)},onMouseLeave:()=>{s(null)}},React__default.default.createElement(es.Popconfirm,{title:a.key.startsWith("sure")?makeSure(a.name,a.key,n):a.name,disabled:!a.key.startsWith("sure"),placement:"topRight",okText:n("Confirm"),cancelText:n("Cancel"),onConfirm:a.onClick},React__default.default.createElement("div",{className:"icon"},renderImg(a.key===l?a.hoverSvg:a.imgSvg)),React__default.default.createElement("div",{className:"toolName",style:{color:a.key===l?"#666fff":""}},a.name))))))},mapStateToProps=e=>{var t,r;const o=StepUtils.getCurrentStepInfo((t=e.annotation)==null?void 0:t.step,(r=e.annotation)==null?void 0:r.stepList);return{toolInstance:e.annotation.toolInstance,stepInfo:o,imgList:e.annotation.imgList,imgIndex:e.annotation.imgIndex}};var GeneralOperation=reactRedux.connect(mapStateToProps)(GenerationOperation);module.exports=GeneralOperation;
+"use strict";var React=require("react"),es=require("antd/es"),icon_clear=require("../../../../assets/annotation/common/icon_clear.svg.js"),icon_clear_a=require("../../../../assets/annotation/common/icon_clear_a.svg.js"),icon_invalid=require("../../../../assets/annotation/common/icon_invalid.svg.js"),icon_invalid_a=require("../../../../assets/annotation/common/icon_invalid_a.svg.js"),icons=require("@ant-design/icons"),index$1=require("../../../../index.js"),reactRedux=require("react-redux"),StepUtils=require("../../../../utils/StepUtils.js"),index=require("../../../../utils/index.js"),actionCreators=require("../../../../store/annotation/actionCreators.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};const makeSure=(e,t,r)=>React__default.default.createElement("div",{key:t},`${r("ConfirmTo")}${e.slice(0)}\uFF1F`),renderImg=e=>typeof e=="string"?React__default.default.createElement("img",{width:23,height:25,src:e}):e,GeneralOperation=({toolInstance:e,stepInfo:t})=>{const[r,o]=React.useState(null),{t:n}=reactI18next.useTranslation(),i=[{name:n("ClearLabel"),key:"sureClear",imgSvg:icon_clear,hoverSvg:icon_clear_a,onClick:()=>{e==null||e.clearResult()}}],l=index.jsonParser(t==null?void 0:t.config);if((t==null?void 0:t.dataSourceStep)===0){const a={height:"25px",lineHeight:"25px",display:"flex",justifyContent:"center",alignItems:"center"};i.push({name:n(e.valid===!0?"SetAsInvalid":"SetAsValid"),key:"sureQuestion",imgSvg:React__default.default.createElement(icons.StopOutlined,{style:a}),hoverSvg:React__default.default.createElement(icons.StopOutlined,{style:__spreadValues({color:"#666fff"},a)}),onClick:()=>{e.setValid(!e.valid)}})}(l==null?void 0:l.copyBackwardResult)&&i.unshift({name:n("CopyThePrevious"),key:"sureCopy",imgSvg:icon_invalid,hoverSvg:icon_invalid_a,onClick:()=>{index$1.store.dispatch(actionCreators.CopyBackWordResult())}});const s=Math.floor(24/i.length);return React__default.default.createElement("div",{className:"generalOperation"},i.map((a,c)=>React__default.default.createElement(es.Col,{span:s,key:c},React__default.default.createElement("div",{key:a.key,className:"item",onMouseEnter:()=>{o(a.key)},onMouseLeave:()=>{o(null)}},React__default.default.createElement(es.Popconfirm,{title:a.key.startsWith("sure")?makeSure(a.name,a.key,n):a.name,disabled:!a.key.startsWith("sure"),placement:"topRight",okText:n("Confirm"),cancelText:n("Cancel"),onConfirm:a.onClick},React__default.default.createElement("div",{className:"icon"},renderImg(a.key===r?a.hoverSvg:a.imgSvg)),React__default.default.createElement("div",{className:"toolName",style:{color:a.key===r?"#666fff":""}},a.name))))))},mapStateToProps=e=>{var t,r;const o=StepUtils.getCurrentStepInfo((t=e.annotation)==null?void 0:t.step,(r=e.annotation)==null?void 0:r.stepList);return{toolInstance:e.annotation.toolInstance,stepInfo:o,imgList:e.annotation.imgList,imgIndex:e.annotation.imgIndex}};var GeneralOperation$1=reactRedux.connect(mapStateToProps)(GeneralOperation);module.exports=GeneralOperation$1;

package/dist/views/MainView/sidebar/TagSidebar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("../../../../components/attributeList/index.js"),index=require("../../../../components/checkboxList/index.js"),icons=require("@ant-design/icons"),es=require("antd/es"),_=require("lodash"),React=require("react"),icon_clearSmall=require("../../../../assets/annotation/common/icon_clearSmall.svg.js"),icon_clearSmall_a=require("../../../../assets/annotation/common/icon_clearSmall_a.svg.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactRedux=require("react-redux"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,expandIconFuc=({isActive:e})=>React__default.default.createElement(icons.CaretRightOutlined,{rotate:e?90:0}),TagSidebar=({toolInstance:e,imgIndex:C})=>{const[u,v]=React.useState([]),s=React.useRef(null),[,R]=React.useState(0),[q,m]=React.useState(-1),{t:f}=reactI18next.useTranslation();React.useEffect(()=>{e&&(v(e.config.inputList.map(t=>t.value)),e.singleOn("render",()=>{R(t=>t+1)}))},[e]),React.useEffect(()=>{if(e&&(e.singleOn("expend",T),e.labelSelectedList.length===1)){let t=0;for(let a=0;a<e.labelSelectedList[0];a++)t+=46,n[a]&&u[a]!==""&&n[a].subSelected.forEach(r=>{t+=40});s.current&&(s.current.children[0].scrollTop=t)}}),React.useEffect(()=>{s.current&&(s.current.children[0].scrollTop=0)},[C]);const T=()=>{var t;const a=e.labelSelectedList[0],r=(t=n.filter((l,o)=>o===a)[0])==null?void 0:t.value;p(a,r,!0)},p=React.useCallback((t,a,r)=>{const l=_.cloneDeep(u);l[t]===""||r===!0?l[t]=a:l[t]="",v(l)},[u]);if(!e)return null;const{labelSelectedList:c,config:{inputList:n},currentTagResult:i,setLabel:g}=e,j=t=>c.length>0&&c[0]===t?React__default.default.createElement("span",{className:"keyDownIconActive"},t+1):React__default.default.createElement("span",{className:"keyDownIcon"},t+1),b=(t,a=-1)=>t?t.map((r,l)=>{var o,y,E,h,L;if(r.subSelected){const k=lbAnnotation.TagUtils.judgeResultIsInInputList(r.value,(o=i==null?void 0:i.result)==null?void 0:o[r.value],n);return React__default.default.createElement(es.Collapse,{bordered:!1,expandIcon:expandIconFuc,key:`collapse_${l}_${a+1}`,onChange:()=>p(l,r.value),activeKey:[u[l]]},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,r.key,React__default.default.createElement(es.Tooltip,{placement:"bottom",title:f("ClearThisOption")},React__default.default.createElement("img",{style:{marginLeft:5,cursor:"pointer"},onClick:O=>{O.stopPropagation(),e.clearResult(!0,r.value)},src:q===l||k?icon_clearSmall_a:icon_clearSmall,onMouseEnter:()=>{m(l)},onMouseLeave:()=>{m(-1)}})),k&&u[l]===""&&React__default.default.createElement(es.Badge,{color:"#87d068"})),(n==null?void 0:n.length)>1&&j(l)),key:r.value},React__default.default.createElement("div",{className:"level",style:{backgroundColor:c.length>0&&c[0]===l?"rgba(158, 158, 158, 0.18)":""}},b(r.subSelected,l))))}const d=(n==null?void 0:n[a])?n==null?void 0:n[a].value:0,S=((h=(E=(y=i==null?void 0:i.result)==null?void 0:y[d])==null?void 0:E.split(";"))==null?void 0:h.indexOf(r.value))>-1?r.value:"";return((L=n==null?void 0:n[a])==null?void 0:L.isMulti)===!0?React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index,{attributeChanged:()=>g(a,l),selectedAttribute:[S],list:[{value:r.value,label:r.key}],num:l+1})):React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index$1.default,{forbidColor:!0,attributeChanged:()=>g(a,l),selectedAttribute:S,list:[{value:r.value,label:r.key}],num:l+1}))}):null,N=window.innerHeight-61-80;return React__default.default.createElement("div",{className:"tagOperationMenu",ref:s},(n==null?void 0:n.length)===0?React__default.default.createElement("div",{style:{padding:20,textAlign:"center"}},f("NoConfiguration")):React__default.default.createElement("div",{className:"main",style:{height:N}},b(n)))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance,imgIndex:e.annotation.imgIndex}}var TagSidebar$1=reactRedux.connect(mapStateToProps)(TagSidebar);exports.default=TagSidebar$1,exports.expandIconFuc=expandIconFuc;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("../../../../components/attributeList/index.js"),index=require("../../../../components/checkboxList/index.js"),icons=require("@ant-design/icons"),es=require("antd/es"),_=require("lodash"),React=require("react"),icon_clearSmall=require("../../../../assets/annotation/common/icon_clearSmall.svg.js"),icon_clearSmall_a=require("../../../../assets/annotation/common/icon_clearSmall_a.svg.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactRedux=require("react-redux"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,expandIconFuc=({isActive:e})=>React__default.default.createElement(icons.CaretRightOutlined,{rotate:e?90:0}),TagSidebar=({toolInstance:e,imgIndex:C})=>{const[u,v]=React.useState([]),s=React.useRef(null),[,R]=React.useState(0),[q,f]=React.useState(-1),{t:m}=reactI18next.useTranslation();React.useEffect(()=>{e&&(v(e.config.inputList.map(t=>t.value)),e.singleOn("render",()=>{R(t=>t+1)}))},[e]),React.useEffect(()=>{if(e&&(e.singleOn("expend",T),e.labelSelectedList.length===1)){let t=0;for(let a=0;a<e.labelSelectedList[0];a++)t+=46,n[a]&&u[a]!==""&&n[a].subSelected.forEach(r=>{t+=40});s.current&&(s.current.children[0].scrollTop=t)}}),React.useEffect(()=>{s.current&&(s.current.children[0].scrollTop=0)},[C]);const T=()=>{var t;const a=e.labelSelectedList[0],r=(t=n.filter((l,o)=>o===a)[0])==null?void 0:t.value;p(a,r,!0)},p=React.useCallback((t,a,r)=>{const l=_.cloneDeep(u);l[t]===""||r===!0?l[t]=a:l[t]="",v(l)},[u]);if(!e)return null;const{labelSelectedList:c,config:{inputList:n},currentTagResult:i,setLabel:g}=e,j=t=>c.length>0&&c[0]===t?React__default.default.createElement("span",{className:"keyDownIconActive"},t+1):React__default.default.createElement("span",{className:"keyDownIcon"},t+1),b=(t,a=-1)=>t?t.map((r,l)=>{var o,y,E,h,L;if(r.subSelected){const k=lbAnnotation.TagUtils.judgeResultIsInInputList(r.value,(o=i==null?void 0:i.result)==null?void 0:o[r.value],n);return React__default.default.createElement(es.Collapse,{bordered:!1,expandIcon:expandIconFuc,key:`collapse_${l}_${a+1}`,onChange:()=>p(l,r.value),activeKey:[u[l]]},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",flex:1}},React__default.default.createElement("span",null,r.key,React__default.default.createElement(es.Tooltip,{placement:"bottom",title:m("ClearThisOption")},React__default.default.createElement("img",{style:{marginLeft:5,cursor:"pointer"},onClick:O=>{O.stopPropagation(),e.clearResult(!0,r.value)},src:q===l||k?icon_clearSmall_a:icon_clearSmall,onMouseEnter:()=>{f(l)},onMouseLeave:()=>{f(-1)}})),k&&u[l]===""&&React__default.default.createElement(es.Badge,{color:"#87d068"})),(n==null?void 0:n.length)>1&&j(l)),key:r.value},React__default.default.createElement("div",{className:"level",style:{backgroundColor:c.length>0&&c[0]===l?"rgba(158, 158, 158, 0.18)":""}},b(r.subSelected,l))))}const d=(n==null?void 0:n[a])?n==null?void 0:n[a].value:0,S=((h=(E=(y=i==null?void 0:i.result)==null?void 0:y[d])==null?void 0:E.split(";"))==null?void 0:h.indexOf(r.value))>-1?r.value:"";return((L=n==null?void 0:n[a])==null?void 0:L.isMulti)===!0?React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index,{attributeChanged:()=>g(a,l),selectedAttribute:[S],list:[{value:r.value,label:r.key}],num:l+1})):React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index$1.default,{forbidColor:!0,attributeChanged:()=>g(a,l),selectedAttribute:S,list:[{value:r.value,label:r.key}],num:l+1}))}):null,N=window.innerHeight-61-80;return React__default.default.createElement("div",{className:"tagOperationMenu",ref:s},(n==null?void 0:n.length)===0?React__default.default.createElement("div",{style:{padding:20,textAlign:"center"}},m("NoConfiguration")):React__default.default.createElement("div",{className:"main",style:{height:N}},b(n)))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance,imgIndex:e.annotation.imgIndex}}var TagSidebar$1=reactRedux.connect(mapStateToProps)(TagSidebar);exports.default=TagSidebar$1,exports.expandIconFuc=expandIconFuc;

package/dist/views/MainView/sidebar/index.js

@@ -1 +1 @@
-"use strict";var icon_line_a=require("../../../assets/annotation/lineTool/icon_line_a.svg.js"),icon_point_a=require("../../../assets/annotation/pointTool/icon_point_a.svg.js"),icon_polygon_a=require("../../../assets/annotation/polygonTool/icon_polygon_a.svg.js"),icon_rectPattern=require("../../../assets/annotation/rectTool/icon_rectPattern.svg.js"),index$4=require("../../../constant/index.js"),ToolType=require("../../../data/enums/ToolType.js"),StepUtils=require("../../../utils/StepUtils.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),index$7=require("./AnnotationText/index.js"),index$1=require("./ClearIcon/index.js"),index$8=require("./GeneralOperation/index.js"),index$2=require("./ImgAttributeInfo/index.js"),index$6=require("./SwitchAttributeList/index.js"),index=require("./TagSidebar/index.js"),index$3=require("./TextToolSidebar/index.js"),index$5=require("./ToolStyle/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,toolList=[{toolName:ToolType.EToolName.Rect,commonSvg:icon_rectPattern,selectedSvg:icon_rectPattern},{toolName:ToolType.EToolName.Polygon,commonSvg:icon_polygon_a,selectedSvg:icon_polygon_a},{toolName:ToolType.EToolName.Line,commonSvg:icon_line_a,selectedSvg:icon_line_a,pattern:ToolType.EToolName.Line},{toolName:ToolType.EToolName.Point,commonSvg:icon_point_a,selectedSvg:icon_point_a,pattern:"drawPoint"}],sidebarCls=`${index$4.prefix}-sidebar`,Sidebar=({sider:e})=>{const o=reactRedux.useSelector(t=>StepUtils.getCurrentStepInfo(t.annotation.step,t.annotation.stepList)),n=o==null?void 0:o.tool,{t:r}=reactI18next.useTranslation();if(!n)return null;const a=toolList==null?void 0:toolList.find(t=>(t==null?void 0:t.toolName)===n),f=t=>{const p=React__default.default.createElement(index$5,null);return React__default.default.createElement(Panel,{header:r("Style"),className:"panel",key:t},p)},i=React__default.default.createElement("div",{className:`${sidebarCls}__level`},React__default.default.createElement(es.Row,{className:`${sidebarCls}__toolsOption`},a&&React__default.default.createElement("a",null,React__default.default.createElement("img",{className:`${sidebarCls}__singleTool`,src:a==null?void 0:a.selectedSvg})))),s=React__default.default.createElement(index$6,null),c=React__default.default.createElement(index$7,null),u=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index.expandIconFuc},f("1")),d=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index.expandIconFuc},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",null,r("Adjust"),React__default.default.createElement(index$1,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$2,null))),m=React__default.default.createElement(index$8,null),v=React__default.default.createElement(index.default,null),E=React__default.default.createElement(index$3.default,null),l=React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`});return e?typeof e=="function"?React__default.default.createElement("div",{className:`${sidebarCls}`},e({toolIcon:i,attributeList:s,annotationText:c,toolStyle:u,imageAttributeInfo:d,operation:m,tagToolSideBar:v,textToolSideBar:E,horizontal:l})):e:[ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon].includes(n)?React__default.default.createElement("div",{className:`${sidebarCls}`},i,l,s,c,l,React__default.default.createElement("div",{className:`${sidebarCls}__content`},u,d),m):n===ToolType.EToolName.Tag?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index.default,null)):n===ToolType.EToolName.Text?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$3.default,null)):null};module.exports=Sidebar;
+"use strict";var icon_line_a=require("../../../assets/annotation/lineTool/icon_line_a.svg.js"),icon_point_a=require("../../../assets/annotation/pointTool/icon_point_a.svg.js"),icon_polygon_a=require("../../../assets/annotation/polygonTool/icon_polygon_a.svg.js"),icon_rectPattern=require("../../../assets/annotation/rectTool/icon_rectPattern.svg.js"),index$4=require("../../../constant/index.js"),ToolType=require("../../../data/enums/ToolType.js"),StepUtils=require("../../../utils/StepUtils.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),index$7=require("./AnnotationText/index.js"),index$1=require("./ClearIcon/index.js"),index$8=require("./GeneralOperation/index.js"),index$2=require("./ImgAttributeInfo/index.js"),index$6=require("./SwitchAttributeList/index.js"),index=require("./TagSidebar/index.js"),index$3=require("./TextToolSidebar/index.js"),index$5=require("./ToolStyle/index.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName}=lbAnnotation.cTool,{Panel}=es.Collapse,toolList=[{toolName:ToolType.EToolName.Rect,commonSvg:icon_rectPattern,selectedSvg:icon_rectPattern},{toolName:ToolType.EToolName.Polygon,commonSvg:icon_polygon_a,selectedSvg:icon_polygon_a},{toolName:ToolType.EToolName.Line,commonSvg:icon_line_a,selectedSvg:icon_line_a,pattern:ToolType.EToolName.Line},{toolName:ToolType.EToolName.Point,commonSvg:icon_point_a,selectedSvg:icon_point_a,pattern:"drawPoint"}],sidebarCls=`${index$4.prefix}-sidebar`,Sidebar=({sider:e})=>{const r=reactRedux.useSelector(t=>StepUtils.getCurrentStepInfo(t.annotation.step,t.annotation.stepList)),a=r==null?void 0:r.tool,{t:i}=reactI18next.useTranslation();if(!a)return null;const n=toolList==null?void 0:toolList.find(t=>(t==null?void 0:t.toolName)===a),f=t=>{const T=React__default.default.createElement(index$5,null);return React__default.default.createElement(Panel,{header:i("Style"),className:"panel",key:t},T)},c=React__default.default.createElement("div",{className:`${sidebarCls}__level`},React__default.default.createElement(es.Row,{className:`${sidebarCls}__toolsOption`},n&&React__default.default.createElement("a",null,React__default.default.createElement("img",{className:`${sidebarCls}__singleTool`,src:n==null?void 0:n.selectedSvg})))),s=React__default.default.createElement(index$6,null),u=React__default.default.createElement(index$7,null),d=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index.expandIconFuc},f("1")),m=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index.expandIconFuc},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",null,i("Adjust"),React__default.default.createElement(index$1,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$2,null))),l=React__default.default.createElement(index$8,null),v=React__default.default.createElement(index.default,null),E=React__default.default.createElement(index$3.default,null),o=React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`});return e?typeof e=="function"?React__default.default.createElement("div",{className:`${sidebarCls}`},e({toolIcon:c,attributeList:s,annotationText:u,toolStyle:d,imageAttributeInfo:m,operation:l,tagToolSideBar:v,textToolSideBar:E,horizontal:o})):e:[ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon].includes(a)?React__default.default.createElement("div",{className:`${sidebarCls}`},c,o,s,u,o,React__default.default.createElement("div",{className:`${sidebarCls}__content`},d,m),l):a===ToolType.EToolName.Tag?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index.default,null)):a===EVideoToolName.VideoTagTool?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index.default,null)),l):a===ToolType.EToolName.Text?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$3.default,null)):null};module.exports=Sidebar;

package/dist/views/MainView/toolFooter/FooterTips/ToolHotKey/common/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icon_cencel_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_cencel_kj.svg.js"),icon_reform_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_reform_kj.svg.js"),icon_loupe_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_loupe_kj.svg.js"),icon_mouse_middle_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_middle_kj.svg.js"),icon_fullView_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_fullView_kj.svg.js"),icon_reload_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_reload_kj.svg.js"),setValid$1=require("../../../../../../assets/annotation/toolHotKeyIcon/setValid.svg.js"),icon_last_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_last_kj.svg.js"),icon_next_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_next_kj.svg.js"),icon_move_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_move_kj.svg.js"),icon_mouse_right_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg.js"),icon_mouse_left_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg.js"),icon_tab_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_tab_kj.svg.js"),icon_alttab_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_alttab_kj.svg.js"),icon_save_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_save_kj.svg.js"),icon_lineSpecial_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_lineSpecial_kj.svg.js"),icon_noDisplay=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_noDisplay.svg.js");const revoke={name:"Undo",icon:icon_cencel_kj,shortCut:["Ctrl","Z"]},restore={name:"Redo",icon:icon_reform_kj,shortCut:["Ctrl","Shift","Z"]},scale={name:"Scale",icon:icon_loupe_kj,shortCut:[icon_mouse_middle_kj]},fullScreen={name:"Fullscreen",icon:icon_fullView_kj,shortCut:["F11"]},rotate={name:"Rotate",icon:icon_reload_kj,shortCut:["R"],noticeInfo:"ToOriginalStep"},setValid={name:"ToggleEffectiveness",icon:setValid$1,shortCut:["Y"]},backward={name:"Previous",icon:icon_last_kj,shortCut:["A"]},forward={name:"Next",icon:icon_next_kj,shortCut:["D"]},dargWithRightClick={name:"Drag",icon:icon_move_kj,shortCut:[icon_mouse_right_kj],noticeInfo:"Press"},dargWithLeftClick={name:"Drag",icon:icon_move_kj,shortCut:["Space",icon_mouse_left_kj]},tabChangeSelected={name:"ToggleSelected",icon:icon_tab_kj,shortCut:["Tab"]},tabReverseChangeSelected={name:"ToggleSelectedReverse",icon:icon_alttab_kj,shortCut:["Shift","Tab"]},hidden={name:"HideGraphics",icon:icon_noDisplay,noticeInfo:"",shortCut:["Z"]},changeSpecialLine={name:"ToggleLineParticularity",icon:icon_lineSpecial_kj,noticeInfo:"ToSide",shortCut:["Shift",icon_mouse_left_kj]},saveResult={name:"Save",icon:icon_save_kj,shortCut:["Ctrl","S"]};exports.backward=backward,exports.changeSpecialLine=changeSpecialLine,exports.dargWithLeftClick=dargWithLeftClick,exports.dargWithRightClick=dargWithRightClick,exports.forward=forward,exports.fullScreen=fullScreen,exports.hidden=hidden,exports.restore=restore,exports.revoke=revoke,exports.rotate=rotate,exports.saveResult=saveResult,exports.scale=scale,exports.setValid=setValid,exports.tabChangeSelected=tabChangeSelected,exports.tabReverseChangeSelected=tabReverseChangeSelected;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icon_cencel_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_cencel_kj.svg.js"),icon_reform_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_reform_kj.svg.js"),icon_loupe_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_loupe_kj.svg.js"),icon_mouse_middle_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_middle_kj.svg.js"),icon_fullView_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_fullView_kj.svg.js"),icon_reload_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_reload_kj.svg.js"),setValid$1=require("../../../../../../assets/annotation/toolHotKeyIcon/setValid.svg.js"),icon_last_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_last_kj.svg.js"),icon_next_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_next_kj.svg.js"),icon_move_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_move_kj.svg.js"),icon_mouse_right_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_right_kj.svg.js"),icon_mouse_left_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_mouse_left_kj.svg.js"),icon_tab_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_tab_kj.svg.js"),icon_alttab_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_alttab_kj.svg.js"),icon_save_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_save_kj.svg.js"),icon_lineSpecial_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_lineSpecial_kj.svg.js"),icon_noDisplay=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_noDisplay.svg.js"),icon_playPause=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_playPause.svg.js"),icon_forward_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_forward_kj.svg.js"),icon_back_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_back_kj.svg.js"),icon_speed_kj=require("../../../../../../assets/annotation/toolHotKeyIcon/icon_speed_kj.svg.js");const revoke={name:"Undo",icon:icon_cencel_kj,shortCut:["Ctrl","Z"]},restore={name:"Redo",icon:icon_reform_kj,shortCut:["Ctrl","Shift","Z"]},scale={name:"Scale",icon:icon_loupe_kj,shortCut:[icon_mouse_middle_kj]},fullScreen={name:"Fullscreen",icon:icon_fullView_kj,shortCut:["F11"]},rotate={name:"Rotate",icon:icon_reload_kj,shortCut:["R"],noticeInfo:"ToOriginalStep"},setValid={name:"ToggleEffectiveness",icon:setValid$1,shortCut:["Y"]},backward={name:"PreviousImage",icon:icon_last_kj,shortCut:["A"]},forward={name:"NextImage",icon:icon_next_kj,shortCut:["D"]},dargWithRightClick={name:"Drag",icon:icon_move_kj,shortCut:[icon_mouse_right_kj],noticeInfo:"Press"},dargWithLeftClick={name:"Drag",icon:icon_move_kj,shortCut:["Space",icon_mouse_left_kj]},tabChangeSelected={name:"ToggleSelected",icon:icon_tab_kj,shortCut:["Tab"]},tabReverseChangeSelected={name:"ToggleSelectedReverse",icon:icon_alttab_kj,shortCut:["Shift","Tab"]},hidden={name:"HideGraphics",icon:icon_noDisplay,noticeInfo:"",shortCut:["Z"]},changeSpecialLine={name:"ToggleLineParticularity",icon:icon_lineSpecial_kj,noticeInfo:"ToSide",shortCut:["Shift",icon_mouse_left_kj]},saveResult={name:"Save",icon:icon_save_kj,shortCut:["Ctrl","S"]},speed={name:"Speed",icon:icon_speed_kj,shortCut:["↑","↓"],shortCutUseHtml:!0},playPause={name:"PlayPause",icon:icon_playPause,shortCut:["Space"]},forwardForward={name:"FastForward",icon:icon_forward_kj,shortCut:["→"],shortCutUseHtml:!0},rewind={name:"Rewind",icon:icon_back_kj,shortCut:["←"],shortCutUseHtml:!0};exports.backward=backward,exports.changeSpecialLine=changeSpecialLine,exports.dargWithLeftClick=dargWithLeftClick,exports.dargWithRightClick=dargWithRightClick,exports.forward=forward,exports.forwardForward=forwardForward,exports.fullScreen=fullScreen,exports.hidden=hidden,exports.playPause=playPause,exports.restore=restore,exports.revoke=revoke,exports.rewind=rewind,exports.rotate=rotate,exports.saveResult=saveResult,exports.scale=scale,exports.setValid=setValid,exports.speed=speed,exports.tabChangeSelected=tabChangeSelected,exports.tabReverseChangeSelected=tabReverseChangeSelected;

package/dist/views/MainView/toolFooter/FooterTips/ToolHotKey/index.js

@@ -1 +1 @@
-"use strict";var es=require("antd/es"),React=require("react"),reactRedux=require("react-redux"),icon_kj1=require("../../../../../assets/annotation/toolHotKeyIcon/icon_kj1.svg.js"),icon_kj_h=require("../../../../../assets/annotation/toolHotKeyIcon/icon_kj_h.svg.js"),ToolType=require("../../../../../data/enums/ToolType.js"),index=require("./rectToolShortCutTable/index.js"),index$2=require("./point/index.js"),index$3=require("./polygon/index.js"),index$4=require("./line/index.js"),index$1=require("./tag/index.js"),index$5=require("./text/index.js"),StepUtils=require("../../../../../utils/StepUtils.js"),index$6=require("../../index.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const shortCutTable={[ToolType.EToolName.Rect]:index.default,[ToolType.EToolName.Tag]:index$1.default,[ToolType.EToolName.Point]:index$2.default,[ToolType.EToolName.Polygon]:index$3.default,[ToolType.EToolName.Line]:index$4.default,[ToolType.EToolName.Text]:index$5},ToolHotKey=({isSingleImg:n,style:d})=>{var c;const[p,o]=React.useState(!1),{t:u}=reactI18next.useTranslation(),r=reactRedux.useSelector(e=>{var a,i;return StepUtils.getCurrentStepInfo((a=e==null?void 0:e.annotation)==null?void 0:a.step,(i=e.annotation)==null?void 0:i.stepList)}),y=e=>typeof e=="string"?React__default.default.createElement("img",{width:16,height:16,src:e,style:m}):e,f={width:320,display:"flex",justifyContent:"space-between",margin:"23px 21px"},m={marginRight:10},s={display:"block",padding:"0 3px",minWidth:"20px",marginRight:"3px",border:"1px solid rgba(204,204,204,1)",verticalAlign:"middle",fontSize:"12px",textAlign:"center"},g=(e,a)=>React__default.default.createElement("div",{style:f,key:a},React__default.default.createElement("span",{style:{display:"flex",alignItems:"center"}},y(e.icon),u(e.name)),React__default.default.createElement("span",{style:{display:"flex",alignItems:"center"}},e.noticeInfo&&React__default.default.createElement("span",{style:{marginRight:"5px",color:"#CCCCCC"}},u(e.noticeInfo)),v(e.shortCut,e.shortCutUseHtml,e.linkSymbol))),v=(e,a=!1,i)=>{const E=e.map((t,l)=>a?React__default.default.createElement("span",{key:l,style:{display:"flex"}},React__default.default.createElement("span",{style:s,dangerouslySetInnerHTML:{__html:t}})):l<e.length-1?typeof t=="number"?React__default.default.createElement("span",{key:l,style:{display:"flex"}},React__default.default.createElement("span",{style:s},t),React__default.default.createElement("span",{style:{marginRight:"3px"}},"~")):(t==null?void 0:t.startsWith("data"))?React__default.default.createElement("span",{key:l,style:{display:"flex"}},React__default.default.createElement("span",{className:"shortCutButton",style:{marginRight:"3px"}},React__default.default.createElement("img",{width:16,height:23,src:t})),React__default.default.createElement("span",{style:{marginRight:"3px"}},"+")):React__default.default.createElement("span",{key:l,style:{display:"flex"}},React__default.default.createElement("span",{style:s},t),React__default.default.createElement("span",{style:{marginRight:"3px"}},i||"+")):typeof t=="number"?React__default.default.createElement("span",{key:l,style:{display:"flex"}},React__default.default.createElement("span",{style:s},t)):(t==null?void 0:t.startsWith("data"))?React__default.default.createElement("span",{className:"shortCutButton",key:l,style:{marginRight:"3px"}},React__default.default.createElement("img",{width:16,height:23,src:t})):React__default.default.createElement("span",{style:s,key:l},t));return React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-around",alignItems:"center"}},E)},h=React__default.default.createElement("div",{className:`${index$6.footerCls}__hotkey-content`},r&&((c=shortCutTable[r==null?void 0:r.tool])==null?void 0:c.map((e,a)=>g(e,a)))),x=d||{width:100};return r&&!shortCutTable[r==null?void 0:r.tool]?null:React__default.default.createElement(es.Popover,{placement:"topLeft",content:h,onMouseMove:()=>o(!0),onMouseLeave:()=>{o(!1)},overlayClassName:"tool-hotkeys-popover"},React__default.default.createElement("div",{className:"shortCutTitle",onMouseMove:()=>o(!0),onMouseLeave:()=>o(!1),style:x},React__default.default.createElement("a",{className:"svg"},React__default.default.createElement("img",{src:p?icon_kj_h:icon_kj1,width:15,height:13,style:{marginRight:"5px"}}),u("Hotkeys"))))};module.exports=ToolHotKey;
+"use strict";var es=require("antd/es"),React=require("react"),icon_kj1=require("../../../../../assets/annotation/toolHotKeyIcon/icon_kj1.svg.js"),icon_kj_h=require("../../../../../assets/annotation/toolHotKeyIcon/icon_kj_h.svg.js"),ToolType=require("../../../../../data/enums/ToolType.js"),index=require("./rectToolShortCutTable/index.js"),index$2=require("./point/index.js"),index$3=require("./polygon/index.js"),index$4=require("./line/index.js"),index$1=require("./tag/index.js"),index$5=require("./text/index.js"),index$6=require("./videoTag/index.js"),index$7=require("../../index.js"),reactI18next=require("react-i18next"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName}=lbAnnotation.cTool,shortCutTable={[ToolType.EToolName.Rect]:index.default,[ToolType.EToolName.Tag]:index$1.default,[ToolType.EToolName.Point]:index$2.default,[ToolType.EToolName.Polygon]:index$3.default,[ToolType.EToolName.Line]:index$4.default,[ToolType.EToolName.Text]:index$5,[EVideoToolName.VideoTagTool]:index$6},ToolHotKey=({style:l,title:u,toolName:o})=>{var c;const[d,s]=React.useState(!1),{t:i}=reactI18next.useTranslation();if(!o)return null;const y=e=>typeof e=="string"?React__default.default.createElement("img",{width:16,height:16,src:e,style:p}):e,f={width:320,display:"flex",justifyContent:"space-between",margin:"23px 21px"},p={marginRight:10},n={display:"block",padding:"0 3px",minWidth:"20px",marginRight:"3px",border:"1px solid rgba(204,204,204,1)",verticalAlign:"middle",fontSize:"12px",textAlign:"center"},m=(e,r)=>React__default.default.createElement("div",{style:f,key:r},React__default.default.createElement("span",{style:{display:"flex",alignItems:"center"}},y(e.icon),i(e.name)),React__default.default.createElement("span",{style:{display:"flex",alignItems:"center"}},e.noticeInfo&&React__default.default.createElement("span",{style:{marginRight:"5px",color:"#CCCCCC"}},i(e.noticeInfo)),g(e.shortCut,e.shortCutUseHtml,e.linkSymbol))),g=(e,r=!1,v)=>{const E=e.map((t,a)=>r?React__default.default.createElement("span",{key:a,style:{display:"flex"}},React__default.default.createElement("span",{style:n,dangerouslySetInnerHTML:{__html:t}})):a<e.length-1?typeof t=="number"?React__default.default.createElement("span",{key:a,style:{display:"flex"}},React__default.default.createElement("span",{style:n},t),React__default.default.createElement("span",{style:{marginRight:"3px"}},"~")):(t==null?void 0:t.startsWith("data"))?React__default.default.createElement("span",{key:a,style:{display:"flex"}},React__default.default.createElement("span",{className:"shortCutButton",style:{marginRight:"3px"}},React__default.default.createElement("img",{width:16,height:23,src:t})),React__default.default.createElement("span",{style:{marginRight:"3px"}},"+")):React__default.default.createElement("span",{key:a,style:{display:"flex"}},React__default.default.createElement("span",{style:n},t),React__default.default.createElement("span",{style:{marginRight:"3px"}},v||"+")):typeof t=="number"?React__default.default.createElement("span",{key:a,style:{display:"flex"}},React__default.default.createElement("span",{style:n},t)):(t==null?void 0:t.startsWith("data"))?React__default.default.createElement("span",{className:"shortCutButton",key:a,style:{marginRight:"3px"}},React__default.default.createElement("img",{width:16,height:23,src:t})):React__default.default.createElement("span",{style:n,key:a},t));return React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-around",alignItems:"center"}},E)},h=React__default.default.createElement("div",{className:`${index$7.footerCls}__hotkey-content`},(c=shortCutTable[o])==null?void 0:c.map((e,r)=>m(e,r))),x=l||{width:100};return shortCutTable[o]?React__default.default.createElement(es.Popover,{placement:"topLeft",content:h,onMouseMove:()=>s(!0),onMouseLeave:()=>{s(!1)},overlayClassName:"tool-hotkeys-popover"},React__default.default.createElement("div",{className:"shortCutTitle",onMouseMove:()=>s(!0),onMouseLeave:()=>s(!1),style:x},u!=null?u:React__default.default.createElement("a",{className:"svg"},React__default.default.createElement("img",{src:d?icon_kj_h:icon_kj1,width:15,height:13,style:{marginRight:"5px"}}),i("Hotkeys")))):null};module.exports=ToolHotKey;