@labelbee/lb-components 1.0.0-alpha.1

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

@@ -0,0 +1,77 @@
+import { IStepInfo } from '@/types/step';
+export default class AnnotationDataUtils {
+    /**
+     * 复制上一张图片结果
+     * @param copyResult 复制的结果
+     * @param step 复制的步骤
+     * @param currentResult 当前的步骤
+     * @returns
+     */
+    static copyResultChange(copyResult: string, step: number, currentResult: string): string;
+    /**
+     * 判断结果sourceID与依赖数据的id是否能对应
+     * @param result
+     * @param basicResultList
+     */
+    static isResultSourceMatchedDependence(result: any, basicResultList: any[]): boolean;
+    /**
+     * 获取依赖增量更新的内容
+     * @param result
+     * @param basicResultList
+     * @returns
+     */
+    static deltaUpdateBasicResultList(result: any, basicResultList: any[]): any[];
+    /**
+     *
+     * @param stepResult
+     * @param toolInstance
+     * @param stepConfig
+     * @param basicResultList 获取初始化数据 该部分默认输入需要为空数组
+     * @param isInitData
+     * @returns
+     */
+    static getInitialResultList(stepResult: any[] | undefined, toolInstance: any, stepConfig: any, basicResultList: any[], isInitData: boolean): any;
+    /**
+     * 修正数据，找到被删除的数据，并将依赖该数据的结果全部删除
+     * @param newResStr 新提交的数据
+     * @param oldResStr 当前的数据
+     * @param step 当前操作的步骤
+     * @param stepList 步骤列表
+     */
+    static dataCorrection(newResStr: string, oldResStr: string, step: number, stepList: IStepInfo[]): string;
+    /**
+     * id sort 规则
+     * @param a
+     * @param b
+     * @returns
+     */
+    static idCmp(a: any, b: any): 0 | 1 | -1;
+    /**
+     * 找到结果被删除的id
+     * @param newResForCurStep
+     * @param oldResForCurStep
+     * @returns {Array<string>}
+     */
+    static findDeletedIds(newResForCurStep: any[], oldResForCurStep: any[]): any[];
+    /**
+     * 找到被删除的结果
+     * @param oldResForCurStep
+     * @param newResForCurStep
+     * @returns {Array<any>}
+     */
+    static findDeletedItems(oldResForCurStep: any[], newResForCurStep: any[]): any[];
+    /**
+     * 根据结果找到所有的步骤
+     * @param res
+     * @returns {Array<number>} 结果步骤列表
+     */
+    static getStepKeys(res: any): number[];
+    /**
+     * 删除依赖数据的结果
+     * @param resData 当前文件的结果
+     * @param dataSourceStep 依赖步骤
+     * @param deletedIds 需要删除的sourceID
+     * @param stepKeys 结果的步骤
+     */
+    static deleteRes(resData: any, dataSourceStep: number, deletedIds: string[], stepKeys: number[]): void;
+}

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

@@ -0,0 +1,9 @@
+export declare class ConfigUtils {
+    static jsonParser(content: any, defaultValue?: any): any;
+    /**
+     * 获取对应的步骤配置
+     * @param stepList
+     * @param step
+     */
+    static getStepConfig: (stepList: any[], step: number) => any;
+}

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

@@ -0,0 +1,48 @@
+import { EPageTurningOperation } from '../data/enums/AnnotationSize';
+interface IPageInfo {
+    fileIndex: number;
+    basicIndex: number;
+    basicList: any[];
+    fileList: any[];
+    step: number;
+    stepList: any[];
+}
+declare class PageOperator {
+    static getPageInfo(annotationStore: any): {
+        fileIndex: any;
+        basicIndex: any;
+        basicList: any;
+        fileList: any;
+        step: any;
+        stepList: any;
+    };
+    /**
+     *
+     * @param pageTurningOperation
+     * @param nextIndex
+     */
+    static getNextPageInfo(pageTurningOperation: EPageTurningOperation, annotationStore: any, nextIndex?: number): {
+        fileIndex: number;
+        basicIndex: number;
+        fileIndexChanged: boolean;
+        basicIndexChanged: boolean;
+    };
+    /**
+     * 获取下一个依赖索引
+     * @param pageTurningOperation
+     */
+    static getNextBasicIndex: (pageTurningOperation: EPageTurningOperation, basicIndex: number) => number;
+    /**
+     * 存在下一个依赖数据
+     * @param pageTurningOperation
+     */
+    static hasNextBasicIndex: (pageTurningOperation: EPageTurningOperation, pageInfo: IPageInfo) => boolean;
+    static getBasicResultIndexForNextFile: (pageInfo: IPageInfo, fileIndex: number) => number;
+    /**
+     * 计算下一个文件的索引
+     * @param pageTurningOperation
+     * @param fileIndex
+     */
+    static getNextFileIndex: (pageTurningOperation: EPageTurningOperation, pageInfo: IPageInfo, fileIndex?: number) => number;
+}
+export default PageOperator;

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

@@ -0,0 +1,32 @@
+import { IStepInfo } from '@/types/step';
+export default class StepUtils {
+    /**
+     * 获取当前步骤的步骤配置信息，用于当前标注配置的获取
+     * @export
+     * @param {number} currentStep
+     * @param {IStepInfo[]} stepList
+     * @returns {*}
+     */
+    static getCurrentStepInfo(currentStep: number, stepList: IStepInfo[]): IStepInfo;
+    /**
+     * 找到指定步骤的数据
+     * @param step 获取的步骤
+     * @param stepList 步骤列表
+     * @returns 步骤配置
+     */
+    static getStepInfo(step: number, stepList: IStepInfo[]): IStepInfo;
+    /**
+     * 根据toolName判断当前步骤是否为视频工具
+     * @param step 步骤
+     * @param stepList 步骤列表
+     * @returns {Number} 是否为视频工具
+     */
+    static currentToolIsVideo(step: number, stepList: IStepInfo[]): boolean;
+    /**
+     * Check for PointCloud
+     * @param step
+     * @param stepList
+     * @returns
+     */
+    static currentToolIsPointCloud(step: number, stepList: IStepInfo[]): boolean;
+}

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

@@ -0,0 +1,7 @@
+import { ETextType } from '@/data/enums/ToolType';
+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): string;
+}

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

@@ -0,0 +1,18 @@
+export declare class ToolStyleUtils {
+    static changeOpacity: {
+        [a: number]: number;
+    };
+    static colorSplit(color: string, opacity: number): string;
+    static computeOpacity(opacity: number, color: string): number;
+    static getToolColors(borderOpacityParam?: number, fillOpacityParam?: number): {
+        [a: number]: any;
+    };
+    static getAttributeColors(borderOpacityParam?: number, fillOpacityParam?: number): string[];
+    static getDefaultToolLineColors(): any;
+    static initByOpacity(borderOpacity: number, fillOpacity: number): {
+        toolColor: {
+            [a: number]: any;
+        };
+        attributeColor: string[];
+    };
+}

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

@@ -0,0 +1,12 @@
+/**
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @file Tool utils
+ * @date 2022-06-20
+ */
+import { cTool } from '@labelbee/lb-annotation';
+declare class ToolUtils {
+    static isVideoTool(tool?: string): boolean;
+    static isPointCloudTool(tool?: string): boolean;
+    static getPointCloudToolList(): cTool.EToolName[];
+}
+export default ToolUtils;

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

@@ -0,0 +1,15 @@
+/**
+ * 解析结果，将图片信息注入到结果
+ * @param result
+ * @param basicImgInfo
+ */
+export declare const composeResultWithBasicImgInfo: (result: string, basicImgInfo: {
+    [a: string]: any;
+}) => string;
+export declare const composeResult: (result: string, pos: {
+    step: number;
+    stepList: any[];
+}, newData: {
+    rect: any[];
+    basicRectID?: string;
+}, customObject: Object) => string;

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

@@ -0,0 +1,11 @@
+import { MutableRefObject } from 'react';
+export type BasicTarget<T = HTMLElement> = (() => T | null) | T | null | MutableRefObject<T | null | undefined>;
+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: (block: string, elm?: string, modify?: string) => string;
+export {};

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

@@ -0,0 +1,5 @@
+export declare const jsonParser: (content: any, defaultValue?: any) => any;
+export declare const getNewNode: <T>(newNode: T, oldNode: T) => T;
+export declare const classnames: (className: {
+    [key: string]: boolean;
+} | (string | undefined)[]) => string;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AppState } from 'src/store';
+import { ImgAttributeState } from 'src/store/imgAttribute/types';
+import { AppProps } from '@/App';
+import { AnnotationEngine } from '@labelbee/lb-annotation';
+import { IStepInfo } from '@/types/step';
+interface IProps extends AppState, AppProps {
+    imgAttribute: ImgAttributeState;
+    imgIndex: number;
+    annotationEngine: AnnotationEngine;
+    loading: boolean;
+    stepList: IStepInfo[];
+    step: number;
+}
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "imgAttribute" | "toolStyle" | "dispatch">>;
+export default _default;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IProps {
+    tips?: string;
+    path?: string;
+}
+declare const AnnotationTips: ({ path, tips }: IProps) => JSX.Element | null;
+export default AnnotationTips;

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

@@ -0,0 +1,10 @@
+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;
+}, "loading" | "path">>;
+export default _default;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GraphToolInstance } from '@/store/annotation/types';
+interface IProps {
+    toolInstance: GraphToolInstance;
+}
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "toolInstance">>;
+export default _default;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const clearIcon: () => JSX.Element;
+export default clearIcon;

package/dist/types/views/MainView/sidebar/GeneralOperation/ActionsConfirm.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface IOperationConfig {
+    name: string;
+    key: string;
+    imgSvg: string | React.ReactElement;
+    hoverSvg: string | React.ReactElement;
+    onClick?: () => void;
+    forbidConfirm?: boolean;
+    forbidOperation?: boolean;
+}
+declare const ActionsConfirm: React.FC<{
+    allOperation: IOperationConfig[];
+}>;
+export default ActionsConfirm;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ConnectedComponent } from 'react-redux';
+import { ToolInstance } from '@/store/annotation/types';
+import { IStepInfo } from '@/types/step';
+import { AnnotationFileList } from '@/types/data';
+interface IProps {
+    toolInstance: ToolInstance;
+    stepInfo: IStepInfo;
+    imgList: AnnotationFileList;
+    imgIndex: number;
+    stepList: IStepInfo[];
+}
+export declare const PointCloudOperation: ConnectedComponent<React.FC<IProps>, Omit<IProps & {
+    children?: React.ReactNode;
+}, 'toolInstance' | 'stepInfo' | 'imgList' | 'imgIndex' | 'stepList'>>;
+declare const _default: ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "stepList" | "imgIndex" | "imgList" | "toolInstance" | "stepInfo">>;
+export default _default;

package/dist/types/views/MainView/sidebar/GeneralOperation/useOperationList.d.ts

@@ -0,0 +1,12 @@
+import { IOperationConfig } from './ActionsConfirm';
+/**
+ * Hooks for sidebar common operations' config
+ * @param toolInstance
+ * @returns
+ */
+declare const useOperationList: (toolInstance: any) => {
+    empty: IOperationConfig;
+    setValidity: IOperationConfig;
+    copyPrevious: IOperationConfig;
+};
+export default useOperationList;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ImgAttributeState } from '@/store/imgAttribute/types';
+interface IProps {
+    imgAttribute: ImgAttributeState;
+}
+declare const _default: import("react-redux").ConnectedComponent<(props: IProps) => JSX.Element, import("react-redux").Omit<IProps, "imgAttribute">>;
+export default _default;

package/dist/types/views/MainView/sidebar/PointCloudToolSidebar/components/batchUpdateModal/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ToolInstance } from '@/store/annotation/types';
+import { AnnotationFileList } from '@/types/data';
+import { IStepInfo } from '@/types/step';
+/**
+ * 检查当前数字是否为有效数字
+ * @param value
+ * @param nonZero 是否包括 0
+ * @returns
+ */
+export declare const isInvalidNumber: (value: any, nonZero?: boolean) => boolean;
+interface IProps {
+    id: number;
+    toolInstance: ToolInstance;
+    imgList: AnnotationFileList;
+    imgIndex: number;
+    stepList: IStepInfo[];
+}
+declare const _default: import("react-redux").ConnectedComponent<({ id, stepList, imgList, imgIndex, toolInstance }: IProps) => JSX.Element, import("react-redux").Omit<IProps, "stepList" | "imgIndex" | "imgList" | "toolInstance">>;
+export default _default;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IStepInfo } from '@/types/step';
+import { ICustomToolInstance } from '@/hooks/annotation';
+import { IFileItem } from '@/types/data';
+interface IProps {
+    stepInfo: IStepInfo;
+    toolInstance: ICustomToolInstance;
+    imgList: IFileItem[];
+    imgIndex: number;
+}
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "imgIndex" | "imgList" | "toolInstance" | "stepInfo">>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    onChange: (tool: number, values: number) => void;
+}
+declare const ScribbleSidebar: React.FC<IProps>;
+export default ScribbleSidebar;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { GraphToolInstance } from 'src/store/annotation/types';
+import { IStepInfo } from '@/types/step';
+interface IProps {
+    toolInstance: GraphToolInstance;
+    stepInfo: IStepInfo;
+}
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "toolInstance" | "stepInfo">>;
+export default _default;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TagOperation } from '@labelbee/lb-annotation';
+interface IProps {
+    imgIndex: number;
+    toolInstance: TagOperation;
+}
+export declare const expandIconFuc: ({ isActive }: any) => JSX.Element;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "imgIndex" | "toolInstance">>;
+export default _default;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface IProps {
+    onChange: (value: string, isSubmit?: boolean) => void;
+    textValue: string | undefined;
+    checkString: string;
+    textCheckType: number;
+}
+declare const TextAreaFormat: (props: IProps) => JSX.Element;
+export default TextAreaFormat;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IStepInfo } from '@/types/step';
+import TextToolOperation from '@labelbee/lb-annotation/dist/types/core/toolOperation/TextToolOperation';
+interface ITextareaWithFooterProps {
+    textareaProps?: any;
+    footer?: any;
+}
+export declare const TextareaWithFooter: (props: ITextareaWithFooterProps) => JSX.Element;
+interface IProps {
+    dispatch: Function;
+    toolInstance: TextToolOperation;
+    imgIndex: number;
+    triggerEventAfterIndexChanged: boolean;
+    step: number;
+    stepList: IStepInfo[];
+    basicResultList: any[];
+}
+export declare const SingleTextInput: (props: any) => JSX.Element;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "stepList" | "step" | "imgIndex" | "basicResultList" | "toolInstance" | "triggerEventAfterIndexChanged" | "dispatch">>;
+export default _default;

package/dist/types/views/MainView/sidebar/ToolIcons.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @file Tool options on tool's sidebar
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @createdate 2022-07-14
+ */
+/// <reference types="react" />
+import { EToolName } from '@/data/enums/ToolType';
+export declare const ToolIcons: ({ toolName, selectedToolName, onChange, }: {
+    toolName: string;
+    selectedToolName?: string | undefined;
+    onChange: (toolName: EToolName) => void;
+}) => JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ToolStyleState } from '@/store/toolStyle/types';
+interface IProps {
+    toolStyle: ToolStyleState;
+    config: string;
+}
+declare const _default: import("react-redux").ConnectedComponent<(props: IProps) => JSX.Element, import("react-redux").Omit<IProps, "config" | "toolStyle">>;
+export default _default;

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

@@ -0,0 +1,10 @@
+import { EToolName } from '@/data/enums/ToolType';
+import { Sider } from '@/types/main';
+import React from 'react';
+interface IProps {
+    toolName?: EToolName;
+    sider?: Sider;
+}
+export declare const sidebarCls: string;
+declare const Sidebar: React.FC<IProps>;
+export default Sidebar;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const AnnotatedAttributesPanel: () => JSX.Element;
+export declare const AnnotatedAttributesPanelFixedLeft: () => JSX.Element | null;
+export declare const AnnotatedAttributesPanelFixedRight: () => JSX.Element | null;
+export declare const AnnotatedAttributesIcon: () => JSX.Element | null;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+type Source = string | React.ReactElement;
+declare const FooterPopover: ({ hoverIcon, icon, containerStyle, content, title, }: {
+    hoverIcon: Source;
+    icon: Source;
+    containerStyle?: React.CSSProperties | undefined;
+    content: React.ReactNode;
+    title: string;
+}) => JSX.Element;
+export default FooterPopover;

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

@@ -0,0 +1,132 @@
+export declare const revoke: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const restore: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const scale: {
+    name: string;
+    icon: any;
+    shortCut: any[];
+};
+export declare const fullScreen: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const rotate: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+    noticeInfo: string;
+};
+export declare const setValid: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const backward: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const forward: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const backwardPage: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const forwardPage: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const dargWithRightClick: {
+    name: string;
+    icon: any;
+    shortCut: any[];
+    noticeInfo: string;
+};
+export declare const dargWithLeftClick: {
+    name: string;
+    icon: any;
+    shortCut: any[];
+};
+export declare const forwardWithEnter: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const copyBackwardResult: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const attributeLock: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const attributeClickLock: {
+    name: string;
+    icon: any;
+    shortCut: any[];
+};
+export declare const tabChangeSelected: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const tabReverseChangeSelected: {
+    name: string;
+    icon: any;
+    shortCut: string[];
+};
+export declare const hidden: {
+    name: string;
+    icon: any;
+    noticeInfo: string;
+    shortCut: string[];
+};
+export declare const changeSpecialLine: {
+    name: string;
+    icon: any;
+    noticeInfo: string;
+    shortCut: any[];
+};
+export declare const saveResult: {
+    name: string;
+    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/cuboid/index.d.ts

@@ -0,0 +1,6 @@
+declare const cuboidShortCutTable: {
+    name: string;
+    icon: any;
+    shortCut: any[];
+}[];
+export default cuboidShortCutTable;