@labelbee/lb-components 1.0.0-alpha.1

package/dist/types/components/pointCloudView/hooks/usePointCloudViews.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @file Point cloud interface for crud
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @createdate 2022-08-17
+ */
+import { PointCloudAnnotation, PointCloud } from '@labelbee/lb-annotation';
+import { IPointCloudBox, IPointCloudSphere, IPointUnit, UpdatePolygonByDragList, ILine } from '@labelbee/lb-utils';
+import { ISize } from '@/types/main';
+import { IFileItem } from '@/types/data';
+export declare const topViewPoint2PointCloud: (newPoint: any, size: ISize, pointCloud: PointCloud, selectedPointCloudSphere?: IPointCloudSphere, defaultValue?: {
+    [v: string]: any;
+} | undefined) => IPointCloudSphere;
+export declare const topViewPolygon2PointCloud: (newPolygon: any, size: ISize, pointCloud?: PointCloud, selectedPointCloudBox?: IPointCloudBox, defaultValue?: {
+    [v: string]: any;
+} | undefined, intelligentFit?: boolean) => {
+    boxParams: Omit<IPointCloudBox, "trackID">;
+    newPointList: any;
+};
+/**
+ *
+ * @param sphereParams
+ * @param newPoint
+ * @param sideViewInstance
+ * @param url
+ * todo: need to be merged with func synchronizeSideView
+ */
+export declare const syncSideViewByPoint: (sphereParams: IPointCloudSphere, newPoint: IPointUnit, sideViewInstance: PointCloudAnnotation | undefined, url: string, config?: any) => void;
+/**
+ * NewBox synchronize sideView
+ * @param boxParams
+ * @param newPolygon TODO！ Need to add type
+ */
+export declare const synchronizeSideView: (boxParams: IPointCloudBox, newPolygon: any, sideViewInstance: PointCloudAnnotation | undefined, url: string) => void;
+/**
+ *
+ * @param sphereParams
+ * @param newPoint
+ * @param backViewInstance
+ * @param url
+ * todo: need to be merged with func synchronizeBackView
+ */
+export declare const syncBackViewByPoint: (sphereParams: IPointCloudSphere, newPoint: IPointUnit, backViewInstance: PointCloudAnnotation | undefined, url: string, config?: any) => void;
+/**
+ * NewBox synchronize backView
+ * @param boxParams
+ * @param newPolygon TODO！ Need to add type
+ */
+export declare const synchronizeBackView: (boxParams: IPointCloudBox, newPolygon: any, BackViewInstance: PointCloudAnnotation, url: string) => void;
+export declare const syncTopViewByPoint: (newSphereParams: IPointCloudSphere, newPoint: any, topViewInstance?: PointCloudAnnotation, mainViewInstance?: PointCloud) => void;
+/**
+ * NewBox synchronize TopView
+ * @param boxParams
+ * @param newPolygon TODO！ Need to add type
+ */
+export declare const synchronizeTopView: (newBoxParams: IPointCloudBox, newPolygon: any, topViewInstance?: PointCloudAnnotation, mainViewInstance?: PointCloud) => void;
+export declare const usePointCloudViews: () => {
+    topViewAddSphere: () => void;
+    topViewAddBox: () => void;
+    topViewSelectedChanged: () => void;
+    sideViewUpdateBox: () => void;
+    backViewUpdateBox: () => void;
+    topViewUpdatePoint?: undefined;
+    sideViewUpdatePoint?: undefined;
+    backViewUpdatePoint?: undefined;
+    topViewUpdateBox?: undefined;
+    topViewUpdateLine?: undefined;
+    pointCloudBoxListUpdated?: undefined;
+    initPointCloud3d?: undefined;
+    updatePointCloudData?: undefined;
+} | {
+    topViewAddSphere: ({ newPoint, size, zoom, trackConfigurable, }: {
+        newPoint: IPointUnit;
+        size: ISize;
+        zoom: number;
+        trackConfigurable?: boolean | undefined;
+    }) => void;
+    topViewAddBox: ({ polygon, size, imgList, trackConfigurable, zoom, intelligentFit, }: {
+        polygon: any;
+        size: ISize;
+        imgList: IFileItem[];
+        trackConfigurable?: boolean | undefined;
+        zoom: number;
+        intelligentFit?: boolean | undefined;
+    }) => void;
+    topViewSelectedChanged: ({ newSelectedBox, newPointCloudList, newSelectedSphere, newSphereList, }: {
+        newSelectedBox?: IPointCloudBox | undefined;
+        newPointCloudList?: IPointCloudBox[] | undefined;
+        newSelectedSphere?: IPointCloudSphere | undefined;
+        newSphereList?: IPointCloudSphere[] | undefined;
+    }) => void;
+    topViewUpdatePoint: (updatePoint: IPointUnit, size: ISize) => void;
+    sideViewUpdatePoint: (newPoint: IPointUnit, originPoint: IPointUnit) => void;
+    backViewUpdatePoint: (newPoint: IPointUnit, originPoint: IPointUnit) => void;
+    topViewUpdateBox: (updateList: UpdatePolygonByDragList, size: ISize) => void;
+    topViewUpdateLine: (updateList: ILine, size: ISize) => void;
+    sideViewUpdateBox: (newPolygon: any, originPolygon: any) => void;
+    backViewUpdateBox: (newPolygon: any, originPolygon: any) => void;
+    pointCloudBoxListUpdated: (newBoxes: IPointCloudBox[]) => void;
+    initPointCloud3d: (size: ISize) => void;
+    updatePointCloudData: (newData?: any) => Promise<void>;
+};

package/dist/types/components/pointCloudView/hooks/usePolygon.d.ts

@@ -0,0 +1,12 @@
+import { IPolygonData } from '@labelbee/lb-utils';
+/**
+ * PointCloud Polygon Hook
+ * @returns
+ */
+export declare const usePolygon: () => {
+    addPolygon: (polygon: IPolygonData) => void;
+    deletePolygon: (id: string) => void;
+    selectedPolygon: IPolygonData | undefined;
+    updateSelectedPolygon: (polygon: IPolygonData) => void;
+    updatePolygonValidByID: (id: string) => void;
+};

package/dist/types/components/pointCloudView/hooks/useRotate.d.ts

@@ -0,0 +1,8 @@
+import { IAnnotationStateProps } from '@/store/annotation/map';
+/**
+ * PointCloud Rotate Hook
+ * @returns
+ */
+export declare const useRotate: ({ currentData }: IAnnotationStateProps) => {
+    updateRotate: (angle: number) => void;
+};

package/dist/types/components/pointCloudView/hooks/useSingleBox.d.ts

@@ -0,0 +1,18 @@
+import { IPointCloudBox, PartialIPointCloudBoxList } from '@labelbee/lb-utils';
+/** Actions for single selected box */
+export declare const useSingleBox: () => {
+    selectedBox: {
+        info: IPointCloudBox;
+        index: number;
+    } | undefined;
+    updateSelectedBox: (params: Partial<IPointCloudBox>) => import("@labelbee/lb-utils").IPointCloudBoxList;
+    changeSelectedBoxValid: () => void;
+    changeValidByID: (id: string) => import("@labelbee/lb-utils").IPointCloudBoxList | undefined;
+    selectNextBox: (sort?: any) => void;
+    selectPrevBox: () => void;
+    deletePointCloudBox: (id: string) => void;
+    selectedBoxes: IPointCloudBox[];
+    updateSelectedBoxes: (updateList: PartialIPointCloudBoxList) => import("@labelbee/lb-utils").IPointCloudBoxList | undefined;
+    getPointCloudByID: (id: string) => IPointCloudBox | undefined;
+    deleteSelectedPointCloudBoxAndPolygon: () => void;
+};

package/dist/types/components/pointCloudView/hooks/useSphere.d.ts

@@ -0,0 +1,6 @@
+export declare const useSphere: () => {
+    selectedSphere: import("@labelbee/lb-utils").IPointCloudSphere | undefined;
+    getPointCloudSphereByID: (id: string) => import("@labelbee/lb-utils").IPointCloudSphere | undefined;
+    updatePointCloudSphere: (sphereParams: any) => import("@labelbee/lb-utils").IPointCloudSphereList;
+    deletePointCloudSphere: (id: string) => void;
+};

package/dist/types/components/pointCloudView/hooks/useStatus.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @file Update PointCloud Status
+ * @createDate 2022-08-26
+ * @author Ron <ron.f.luo@gmail.com>
+ */
+import { cTool } from '@labelbee/lb-annotation';
+export declare const useStatus: () => {
+    clearAllResult: () => void;
+    updatePointCloudPattern: (toolName: any) => void;
+    pointCloudPattern: cTool.EToolName.Rect | cTool.EToolName.Point | cTool.EToolName.Polygon | cTool.EToolName.Line;
+};

package/dist/types/components/pointCloudView/hooks/useZoom.d.ts

@@ -0,0 +1,11 @@
+import { ICoordinate, ISize } from '@labelbee/lb-utils';
+export declare const useZoom: () => {
+    zoom: number;
+    setZoom: (zoom: number) => void;
+    initialPosition: () => void;
+    zoomOut: () => void;
+    zoomIn: () => void;
+    syncTopviewToolZoom: (currentPos: ICoordinate, zoom: number, size: ISize) => void;
+    syncSideviewToolZoom: (currentPos: ICoordinate, zoom: number, size: ISize) => void;
+    syncBackviewToolZoom: (currentPos: ICoordinate, zoom: number, size: ISize) => void;
+};

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

@@ -0,0 +1,19 @@
+/**
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @file Point cloud tool view
+ *       Includes 2D-view、3Dview、top-view、side-view、back-view
+ * @date 2022-06-21
+ */
+import React from 'react';
+import { IFileItem } from '@/types/data';
+import { TDrawLayerSlot } from '@/types/main';
+interface IProps {
+    imgList: IFileItem[];
+    drawLayerSlot?: TDrawLayerSlot;
+    checkMode?: boolean;
+    intelligentFit?: boolean;
+}
+declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
+    children?: React.ReactNode;
+}, "imgList">>;
+export default _default;

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

@@ -0,0 +1,2 @@
+import PredictTrackingIcon from './predictTrackingIcon';
+export default PredictTrackingIcon;

package/dist/types/components/predictTracking/predictTrackingIcon/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: import("react-redux").ConnectedComponent<(props: {
+    loading: boolean;
+}) => JSX.Element, import("react-redux").Omit<{
+    loading: boolean;
+}, "loading">>;
+export default _default;

package/dist/types/components/predictTracking/previewResult/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IPointCloudBoxWithIndex } from '@/store/annotation/types';
+import { IFileItem } from '@/types/data';
+interface IProps {
+    imgList: IFileItem[];
+    predictionResultVisible: boolean;
+    predictionResult: IPointCloudBoxWithIndex[];
+}
+declare const _default: import("react-redux").ConnectedComponent<(props: IProps) => JSX.Element | null, import("react-redux").Omit<IProps, "imgList" | "predictionResult" | "predictionResultVisible">>;
+export default _default;

package/dist/types/components/predictTracking/previewResult/util.d.ts

@@ -0,0 +1,43 @@
+import { IPointCloudBoxWithIndex } from '@/store/annotation/types';
+import { IFileItem } from '@/types/data';
+import { PointCloud } from '@labelbee/lb-annotation';
+import { EPerspectiveView, IPointCloudBox } from '@labelbee/lb-utils';
+/**
+ * Returns a Promise that resolves after the specified duration.
+ * @param ms - The duration to sleep, in milliseconds.
+ * @returns A Promise that resolves after `ms` milliseconds.
+ */
+export declare const sleep: (time?: number) => Promise<unknown>;
+export declare const views: readonly [EPerspectiveView.Top, EPerspectiveView.Left, EPerspectiveView.Back];
+interface viewDataUrl {
+    [EPerspectiveView.Top]?: string;
+    [EPerspectiveView.Left]?: string;
+    [EPerspectiveView.Back]?: string;
+}
+export type IBox = IPointCloudBoxWithIndex & viewDataUrl;
+/**
+ * Generates data URLs for each view of a given point cloud object using the provided box and zoom level.
+ *
+ * @param {PointCloud} pointCloud - The point cloud object to generate data URLs for.
+ * @param {IBox} box - An object representing the bounding box to use for calculating camera position.
+ * @param {number} zoom - The zoom level to use when generating data URLs.
+ * @returns {Promise<void>} - A promise that resolves once all data URLs have been generated.
+ */
+export declare const getViewsDataUrl: (pointCloud: PointCloud, box: IBox, zoom: number) => Promise<void>;
+/**
+ * Retrieve boxes with a specific trackID from an array of file items.
+ *
+ * @param {Array} imageList - An array of file items to search through.
+ * @param {Number} targetStep - The step number within the result object to retrieve boxes from.
+ * @param {Number} selectedBoxTrackID - The trackID to match when searching for boxes.
+ * @return {Array} An array of point cloud boxes that match the provided trackID, along with their index in the original array.
+ */
+export declare const getBoxesByTrackID: (imageList: IFileItem[], targetStep: number, selectedBoxTrackID: number) => IPointCloudBoxWithIndex[];
+/**
+ * Calculate predicted values for each field in between the start and end points.
+ * @param {IPointCloudBoxWithIndex} start - The starting point, should have the same properties as IPointCloudBoxWithIndex.
+ * @param {IPointCloudBoxWithIndex} end - The ending point, should have the same properties as IPointCloudBoxWithIndex.
+ * @returns {IPointCloudBox[]} An array of objects with the same properties as IPointCloudBox, containing interpolated values between the start and end points for each field.
+ */
+export declare const predict: (start: IPointCloudBoxWithIndex, end: IPointCloudBoxWithIndex) => IPointCloudBox[];
+export {};

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

@@ -0,0 +1,15 @@
+/**
+ * @author Glenfiddish <edwinlee0927@hotmail.com>
+ * @file connect store & TagToolInstanceAdaptor
+ * @date 2022-06-02
+ */
+import React from 'react';
+import { AnnotationState } from '@/store/annotation/types';
+declare const _default: import("react-redux").ConnectedComponent<React.FC<{
+    annotation: AnnotationState;
+}>, import("react-redux").Omit<{
+    annotation: AnnotationState;
+} & {
+    children?: React.ReactNode;
+}, "annotation">>;
+export default _default;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+export interface ITagLabelItem {
+    keyLabel: string;
+    valuesLabelArray: string[];
+}
+export 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/configureStore.d.ts

@@ -0,0 +1,3 @@
+export default function configureStore(): import("redux").Store<{}, import("redux").Action<any>> & {
+    dispatch: unknown;
+};

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

@@ -0,0 +1,22 @@
+export declare enum EStepType {
+    Check = 0,
+    ANNOTATION = 1,
+    QUALITY_INSPECTION = 2,
+    PRE_ANNOTATION = 3,
+    MANUAL_CORRECTION = 4
+}
+export declare enum ESubmitType {
+    Backward = 1,
+    Forward = 2,
+    Jump = 3,
+    Quit = 4,
+    Export = 5,
+    StepChanged = 6,
+    Save = 7,
+    BatchUpdateTrackID = 8,
+    BatchUpdateImgList = 9,
+    SyncImgList = 10001,
+    SyncCurrentPageData = 10002
+}
+export declare const prefix = "bee";
+export declare const componentCls: string;

package/dist/types/constant/styleString.d.ts

@@ -0,0 +1,2 @@
+declare const styleString = "{\"color\":1,\"width\":2,\"borderOpacity\":9,\"fillOpacity\":9,\"toolColor\":{\"1\":{\"valid\":{\"stroke\":\"rgba(0,0,255,0.50)\",\"fill\":\"rgba(0,0,255,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validSelected\":{\"stroke\":\"rgba(0,15,255,1.00)\",\"fill\":\"rgba(0,15,255,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,0.80)\",\"fill\":\"rgba(255,153,102,0.19)\"},\"validHover\":{\"stroke\":\"rgba(0,15,255,0.80)\",\"fill\":\"rgba(0,15,255,0.51)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,0.50)\",\"fill\":\"rgba(255,153,102,0.32)\"}},\"3\":{\"valid\":{\"stroke\":\"rgba(0,255,255,0.50)\",\"fill\":\"rgba(0,255,255,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validSelected\":{\"stroke\":\"rgba(0,212,255,1.00)\",\"fill\":\"rgba(0,212,255,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,0.80)\",\"fill\":\"rgba(255,153,102,0.19)\"},\"validHover\":{\"stroke\":\"rgba(0,212,255,0.80)\",\"fill\":\"rgba(0,212,255,0.51)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,0.50)\",\"fill\":\"rgba(255,153,102,0.32)\"}},\"5\":{\"valid\":{\"stroke\":\"rgba(0,255,0,0.50)\",\"fill\":\"rgba(0,255,0,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validSelected\":{\"stroke\":\"rgba(149,255,1.00)\",\"fill\":\"rgba(149,255,0,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,0.80)\",\"fill\":\"rgba(255,153,102,0.19)\"},\"validHover\":{\"stroke\":\"rgba(149,255,0,0.80)\",\"fill\":\"rgba(149,255,0,0.51)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,0.50)\",\"fill\":\"rgba(255,153,102,0.32)\"}},\"7\":{\"valid\":{\"stroke\":\"rgba(255,255,0,0.50)\",\"fill\":\"rgba(255,255,0,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validSelected\":{\"stroke\":\"rgba(255,230,102,1.00)\",\"fill\":\"rgba(255,213,0,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,0.80)\",\"fill\":\"rgba(255,153,102,0.19)\"},\"validHover\":{\"stroke\":\"rgba(255,230,102,0.80)\",\"fill\":\"rgba(255,230,102,0.51)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,0.50)\",\"fill\":\"rgba(255,153,102,0.32)\"}},\"9\":{\"valid\":{\"stroke\":\"rgba(255,0,255,0.50)\",\"fill\":\"rgba(255,0,255,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validSelected\":{\"stroke\":\"rgba(230,102,255,1.00)\",\"fill\":\"rgba(213,0,255,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,0.80)\",\"fill\":\"rgba(255,153,102,0.19)\"},\"validHover\":{\"stroke\":\"rgba(230,102,255,0.80)\",\"fill\":\"rgba(230,102,255,0.51)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,0.50)\",\"fill\":\"rgba(255,153,102,0.32)\"}}},\"attributeColor\":[{\"valid\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(204,204,204,1.00)\",\"fill\":\"rgba(204,204,204,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}},{\"valid\":{\"stroke\":\"rgba(128,12,249,1.00)\",\"fill\":\"rgba(128,12,249,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(128,12,249,1.00)\",\"fill\":\"rgba(128,12,249,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(128,12,249,1.00)\",\"fill\":\"rgba(128,12,249,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}},{\"valid\":{\"stroke\":\"rgba(0,255,48,1.00)\",\"fill\":\"rgba(0,255,48,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(0,255,48,1.00)\",\"fill\":\"rgba(0,255,48,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(0,255,48,1.00)\",\"fill\":\"rgba(0,255,48,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}},{\"valid\":{\"stroke\":\"rgba(255,136,247,1.00)\",\"fill\":\"rgba(255,136,247,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(255,136,247,1.00)\",\"fill\":\"rgba(255,136,247,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(255,136,247,1.00)\",\"fill\":\"rgba(255,136,247,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}},{\"valid\":{\"stroke\":\"rgba(255,226,50,1.00)\",\"fill\":\"rgba(255,226,50,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(255,226,50,1.00)\",\"fill\":\"rgba(255,226,50,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(255,226,50,1.00)\",\"fill\":\"rgba(255,226,50,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}},{\"valid\":{\"stroke\":\"rgba(153,66,23,1.00)\",\"fill\":\"rgba(153,66,23,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(153,66,23,1.00)\",\"fill\":\"rgba(153,66,23,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(153,66,23,1.00)\",\"fill\":\"rgba(153,66,23,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}},{\"valid\":{\"stroke\":\"rgba(2,130,250,1.00)\",\"fill\":\"rgba(2,130,250,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(2,130,250,1.00)\",\"fill\":\"rgba(2,130,250,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(2,130,250,1.00)\",\"fill\":\"rgba(2,130,250,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}},{\"valid\":{\"stroke\":\"rgba(255,35,35,1.00)\",\"fill\":\"rgba(255,35,35,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(255,35,35,1.00)\",\"fill\":\"rgba(255,35,35,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(255,35,35,1.00)\",\"fill\":\"rgba(255,35,35,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}},{\"valid\":{\"stroke\":\"rgba(0,255,234,1.00)\",\"fill\":\"rgba(0,255,234,0.32)\"},\"invalid\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.32)\"},\"validSelected\":{\"stroke\":\"rgba(0,255,234,1.00)\",\"fill\":\"rgba(0,255,234,0.64)\"},\"invalidSelected\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"},\"validHover\":{\"stroke\":\"rgba(0,255,234,1.00)\",\"fill\":\"rgba(0,255,234,0.64)\"},\"invalidHover\":{\"stroke\":\"rgba(255,153,102,1.00)\",\"fill\":\"rgba(255,153,102,0.64)\"}}],\"lineColor\":{\"1\":\"rgba(102, 111, 255, 1 )\",\"3\":\"rgba(102, 230, 255, 1)\",\"5\":\"rgba(191, 255, 102, 1)\",\"7\":\"rgba(255, 230, 102, 1)\",\"9\":\"rgba(230, 102, 255, 1)\"},\"attributeLineColor\":[\"rgba(204, 204, 204, 1)\",\"rgba(128, 12, 249, 1)\",\"rgba(0, 255, 48, 1)\",\"rgba(255, 136, 247, 1)\",\"rgba(255, 226, 50, 1)\",\"rgba(153, 66, 23, 1)\",\"rgba(2, 130, 250, 1)\",\"rgba(255, 35, 35, 1)\",\"rgba(0, 255, 234, 1)\"]}";
+export default styleString;

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

@@ -0,0 +1,37 @@
+export declare const COLORS_ARRAY: string[];
+export declare const NULL_COLOR = "rgba(204, 204, 204, 1)";
+export declare const DEFAULT_COLOR: {
+    valid: {
+        stroke: string;
+        fill: string;
+    };
+    invalid: {
+        stroke: string;
+        fill: string;
+    };
+    validSelected: {
+        stroke: string;
+        fill: string;
+    };
+    invalidSelected: {
+        stroke: string;
+        fill: string;
+    };
+    validHover: {
+        stroke: string;
+        fill: string;
+    };
+    invalidHover: {
+        stroke: string;
+        fill: string;
+    };
+};
+export declare const CHANGE_COLOR: {
+    [a: number]: any;
+};
+export declare const BORDER_OPACITY_LEVEL: {
+    [a: number]: number;
+};
+export declare const FILL_OPACITY_LEVEL: {
+    [a: number]: number;
+};

package/dist/types/data/enums/AnnotationSize.d.ts

@@ -0,0 +1,32 @@
+export declare const headerHeight = 61;
+export declare const tipsHeight = 40;
+export declare const footerHeight = 40;
+export declare const sidebarWidth = 240;
+export declare const editStepWidth = 320;
+/** 标注步骤的类型 */
+export declare enum EStepType {
+    ANNOTATION = 1,
+    QUALITY_INSPECTION = 2,
+    PRE_ANNOTATION = 3,
+    MANUAL_CORRECTION = 4
+}
+/** 标注工具中最大获取的图片数 */
+export declare const ANNOTATION_MAX_SIZE = 100;
+/** 翻页操作 */
+export declare enum EPageTurningOperation {
+    Backward = 0,
+    Forward = 1,
+    Jump = 2
+}
+/** 拖拽状态 */
+export declare enum EDragStatus {
+    Start = 0,
+    Stop = 1,
+    Wait = 2
+}
+/** 拖拽的内容 */
+export declare enum EDragTarget {
+    Point = 0,
+    Line = 1,
+    Plane = 2
+}