@glodon-aiot/dataset-annotation 3.2.2-beta.3 → 3.2.2-beta.4

package/dist/src/Common/Page/index.d.ts

@@ -1,5 +1,4 @@
-import React, { ReactElement } from 'react';
-import './style.less';
+import { default as React, ReactElement } from 'react';
 interface PageProps {
     className?: string;
     title?: string;

package/dist/src/Common/PageHeader/index.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import './style.less';
 export interface PageHeaderProps {
     breadcrumb?: ReactNode;
     title: ReactNode;

package/dist/src/DatasetContext/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { AIShopApi, CVForceDatahubApi, IDataSet, IPagination, ISample, IVersion, ModelServiceApi } from "@glodon-aiot/apis";
-import { FeaturesConfig } from "../featuresConfig";
+import { AIShopApi, CVForceDatahubApi, IDataSet, IPagination, ISample, IVersion, ModelServiceApi } from '@glodon-aiot/apis';
+import { FeaturesConfig } from '../featuresConfig';
 interface DatasetDetails {
     datasetId: string;
     versionId: string;
@@ -18,5 +17,5 @@ interface DatasetDetails {
     };
     featuresConfig?: FeaturesConfig;
 }
-declare const DatasetContext: import("react").Context<DatasetDetails>;
+declare const DatasetContext: import('react').Context<DatasetDetails>;
 export default DatasetContext;

package/dist/src/components/CompositionInput/index.d.ts

@@ -1,5 +1,5 @@
-import { InputProps } from "antd";
-import React from "react";
+import { InputProps } from 'antd';
+import { default as React } from 'react';
 interface ICompositionInputProps extends Omit<InputProps, "onChange"> {
     onChange?: (value: string) => void;
 }

package/dist/src/components/DataEmpty/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 interface DataEmptyProps {
     emptyClassName?: string;
     emptyStyle?: React.CSSProperties;

package/dist/src/components/DetectionAnnotation/PreSamplesPage/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { ILabel, ISample } from '@glodon-aiot/apis';
 interface IPreSamplesProps {
     datasetId: string;

package/dist/src/components/DetectionAnnotation/components/DisabledTooltip/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { TooltipPlacement } from "antd/es/tooltip";
+import { default as React } from 'react';
+import { TooltipPlacement } from 'antd/es/tooltip';
 interface ImageDetailProps {
     isPreLabel: boolean;
     placement?: TooltipPlacement;

package/dist/src/components/DetectionAnnotation/components/ImageDetail/index.d.ts

@@ -1,5 +1,4 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import './style.less';
+import { default as React, Dispatch, SetStateAction } from 'react';
 import { ILabel, ISample } from '@glodon-aiot/apis';
 import { LabelItem } from '../../../DetectionImageAnnotation';
 interface ImageDetailProps {

package/dist/src/components/DetectionAnnotation/components/LabelMaker/Drawable.d.ts

@@ -1,5 +1,5 @@
-import { LabelBox } from ".";
-import { fabric } from "fabric";
+import { LabelBox } from '.';
+import { fabric } from 'fabric';
 /**
  * @name stopDraw 停止绘制
  * @param canvas fabric Canvas

package/dist/src/components/DetectionAnnotation/components/LabelMaker/RectLabel.d.ts

@@ -1,5 +1,6 @@
-import { fabric } from "fabric";
-import { Color } from "../../../../utils/color";
+import { fabric } from 'fabric';
+import { IPolylineOptions } from 'fabric/fabric-impl';
+import { Color } from '../../../../utils/color';
 type ControlName = "TL" | "BL" | "TR" | "BR" | "ML" | "MB" | "MR" | "MT" | "MTR";
 interface RectLabelConfig {
     id: string;
@@ -43,9 +44,9 @@ declare class RectLabel {
     set hover(v: boolean);
     get canvas(): fabric.Canvas;
     set canvas(v: fabric.Canvas);
-    get normalStyle(): fabric.IPolylineOptions;
-    get activeStyle(): fabric.IPolylineOptions;
-    get hoverStyle(): fabric.IPolylineOptions;
+    get normalStyle(): IPolylineOptions;
+    get activeStyle(): IPolylineOptions;
+    get hoverStyle(): IPolylineOptions;
     createRect(): fabric.Rect;
     scaledNumber(v: number): number;
     createLabelName(): fabric.Group;

package/dist/src/components/DetectionAnnotation/components/LabelMaker/index.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { fabric } from 'fabric';
-import './style.less';
 import { ILabel } from '@glodon-aiot/apis';
 import { LabelItem } from '../../../DetectionImageAnnotation';
 interface Point {

package/dist/src/components/DetectionAnnotation/components/Labels/index.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import './style.less';
 import { ILabel, Label } from '@glodon-aiot/apis';
 interface LabelsProps {
     datasetId: string;

package/dist/src/components/DetectionAnnotation/components/TagItem/index.d.ts

@@ -1,5 +1,4 @@
-import React, { ReactNode } from 'react';
-import './style.less';
+import { default as React, ReactNode } from 'react';
 import { KeyFilter } from 'ahooks/lib/useKeyPress';
 export interface Tag {
 }

package/dist/src/components/DetectionAnnotation/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { AnnotationProps } from '../../featuresConfig';
 interface DetectionAnnotationProps extends AnnotationProps {
 }

package/dist/src/components/DetectionImageAnnotation/index.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import './style.less';
 import { ILabel, TInfer } from '@glodon-aiot/apis';
 export interface LabelExtra {
     [key: string]: any;

package/dist/src/components/Iconfont/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Iconfont: import("react").FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
+declare const Iconfont: import('react').FC<import('@ant-design/icons/lib/components/IconFont').IconFontProps<string>>;
 export default Iconfont;

package/dist/src/components/MarkDescriptions/index.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import './style.less';
 import { Category, TInfer } from '@glodon-aiot/apis';
 interface MarkDescriptionsProps {
     labels: TInfer[];

package/dist/src/components/OCRImageViewer/index.d.ts

@@ -1,5 +1,4 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import './style.less';
+import { default as React, CSSProperties, ReactNode } from 'react';
 import { TInfer } from '@glodon-aiot/apis';
 interface OCRImageViewerProps {
     url: string;

package/dist/src/components/OcrAnnotation/MarkKVOCRModal/KVOCRLabelMaker/LabelEditorInput.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import { OCRLabel } from "./LabelEditorItem";
+import { FC } from 'react';
+import { OCRLabel } from './LabelEditorItem';
 interface LabelEditorInputProps {
     value?: Partial<OCRLabel>;
     selected?: boolean;

package/dist/src/components/OcrAnnotation/MarkKVOCRModal/KVOCRLabelMaker/LabelEditorItem.d.ts

@@ -1,5 +1,4 @@
-import { FC } from "react";
-import "./style.less";
+import { FC } from 'react';
 export interface OCRLabel {
     uuid: string;
     box: [number, number][];

package/dist/src/components/OcrAnnotation/MarkKVOCRModal/KVOCRLabelMaker/LableEditor.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import './style.less';
 import { OCRLabel } from './LabelEditorItem';
 import { Category } from '@glodon-aiot/apis';
 interface LabelEditorProps {

package/dist/src/components/OcrAnnotation/MarkKVOCRModal/index.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import './style.less';
 import { ISample } from '@glodon-aiot/apis';
 interface MarkKVOCRModalProps {
     visible: boolean;

package/dist/src/components/OcrAnnotation/MarkOCRBoxModal/ImageDetail/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { Category, ILabel, ISample } from '@glodon-aiot/apis';
 import { LabelItem } from '../../../DetectionImageAnnotation';
 interface ImageDetailProps {

package/dist/src/components/OcrAnnotation/MarkOCRBoxModal/OCRBoxMaker/LabelEditorInput.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import { OCRLabel } from "./LabelEditorItem";
+import { FC } from 'react';
+import { OCRLabel } from './LabelEditorItem';
 interface LabelEditorInputProps {
     value?: Partial<OCRLabel>;
     selected?: boolean;

package/dist/src/components/OcrAnnotation/MarkOCRBoxModal/OCRBoxMaker/LabelEditorItem.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import './style.less';
 export interface OCRLabel {
     uuid: string;
     box: [number, number][];

package/dist/src/components/OcrAnnotation/MarkOCRBoxModal/OCRBoxMaker/LableEditor.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import './style.less';
 import { OCRLabel } from './LabelEditorItem';
 import { Category } from '@glodon-aiot/apis';
 interface LabelEditorProps {

package/dist/src/components/OcrAnnotation/MarkOCRBoxModal/OCRBoxMaker/index.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { OCRLabel } from './LabelEditorItem';
-import './style.less';
 import { LabelItem } from '../../../DetectionImageAnnotation';
 interface Category {
     id: string;

package/dist/src/components/OcrAnnotation/MarkOCRBoxModal/index.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import './style.less';
 import { ISample } from '@glodon-aiot/apis';
 interface MarkOCRBoxModalProps {
     visible: boolean;

package/dist/src/components/OcrAnnotation/OcrModal/index.d.ts

@@ -1,5 +1,4 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import './style.less';
+import { default as React, Dispatch, SetStateAction } from 'react';
 import { ISample } from '@glodon-aiot/apis';
 interface ImageDetailModalProps {
     isOcrModalVisible: boolean;

package/dist/src/components/OcrAnnotation/PreLabelOCR/PreLabelModal.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { IPreLabelTask } from '@glodon-aiot/apis';
 export declare enum IDatasetType {
     Detection = "detection",

package/dist/src/components/OcrAnnotation/PreLabelOCR/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { IPreLabelTask } from '@glodon-aiot/apis';
 interface IPreLabelOCRProps {
     datasetId: string;

package/dist/src/components/OcrAnnotation/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { AnnotationProps } from '../../featuresConfig';
 interface OcrAnnotationProps extends AnnotationProps {
 }

package/dist/src/components/OcrImageAnnotation/index.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import './style.less';
 import { Category, ILabel, TInfer } from '@glodon-aiot/apis';
 import { LabelItem } from '../DetectionImageAnnotation';
 export interface OcrLabelmakerValue {

package/dist/src/components/PageNav/index.d.ts

@@ -1,5 +1,4 @@
-import React, { ReactNode } from 'react';
-import './style.less';
+import { default as React, ReactNode } from 'react';
 interface PageNavProps {
     left?: ReactNode;
     right?: ReactNode;

package/dist/src/components/PicZipImportModal/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { RcFile } from 'antd/es/upload/interface';
 import { IAM, IVersion } from '@glodon-aiot/apis';
 export declare enum IAcceptType {

package/dist/src/components/PreLabelOCR/PreLabelModal.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IPreLabelTask } from '@glodon-aiot/apis';
-import './style.less';
 export declare enum IDatasetType {
     Detection = "detection",
     OCR = "ocr"

package/dist/src/components/PreLabelOCR/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IPreLabelTask } from '@glodon-aiot/apis';
-import './style.less';
 interface IPreLabelOCRProps {
     datasetId: string;
     versionId: string;

package/dist/src/components/ScanTable/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { TInfer } from '@glodon-aiot/apis';
 interface ScanTableProps {
     currentInfer?: TInfer[];

package/dist/src/components/Thumbnail/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './style.less';
+import { default as React } from 'react';
 import { IProxy } from '@glodon-aiot/apis';
 interface IThumbnailProps {
     imgProxy?: IProxy;

package/dist/src/components/hooks/Prompt.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function Prompt(props: {
     when: boolean;
     content: string;

package/dist/src/components/hooks/useBlocker.d.ts

@@ -1,2 +1,2 @@
-import { Transition } from "history";
+import { Transition } from 'history';
 export declare function useBlocker(blocker: (tx: Transition) => void, when?: boolean): void;

package/dist/src/featuresConfig.d.ts

@@ -1,4 +1,4 @@
-import { CVForceDatahubApi, IVersion, ModelServiceApi } from "@glodon-aiot/apis";
+import { CVForceDatahubApi, IVersion, ModelServiceApi } from '@glodon-aiot/apis';
 export interface LabelManager {
     visible?: boolean;
     add?: boolean;

package/dist/src/utils/sign.d.ts

@@ -1,4 +1,4 @@
-export declare const hash: (path: string, key: string, salt: string) => Promise<Uint8Array>;
+export declare const hash: (path: string, key: string, salt: string) => Promise<Uint8Array<ArrayBufferLike>>;
 export declare const sign: (path: string, key: string, salt: string) => Promise<unknown>;
 export declare const getThumbnailtUrl: (url: string, payload: {
     width: number;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@glodon-aiot/dataset-annotation",
-  "version": "3.2.2-beta.3",
+  "version": "3.2.2-beta.4",
   "module": "./dist/dataset-annotation.js",
   "main": "./dist/dataset-annotation.umd.cjs",
   "types": "./dist/src/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/dataset-annotation.js",
-      "require": "./dist/dataset-annotation.umd.cjs",
+      "import": "./dist/es/index.mjs",
+      "require": "./dist/lib/index.js",
       "types": "./dist/src/index.d.ts"
     },
     "./style.css": "./dist/style.css"
@@ -19,7 +19,8 @@
   "scripts": {
     "dev": "vite",
     "start": "vite",
-    "build": "tsc && vite build --mode prod",
+    "build": "tsc && vite build --mode prod && yarn build:cdn",
+    "build:cdn": "tsc && vite build --mode prod --config ./vite.config.cdn.ts",
     "build:pre": "tsc && vite build --mode prod",
     "preview": "vite preview",
     "check": "yarn prettier --check .",
@@ -36,13 +37,18 @@
   "dependencies": {
     "@ant-design/icons": "^5.3.4",
     "@aws-crypto/sha256-js": "^3.0.0",
-    "@glodon-aiot/apis": "^3.2.2-beta.3",
+    "@glodon-aiot/apis": "^3.2.2-beta.4",
     "@reduxjs/toolkit": "^1.9.5",
     "@types/fabric": "^5.3.2",
+    "ahooks": "^3.8.5",
     "antd": "4.x",
+    "axios": "0.24.0",
     "browser-md5-file": "^1.1.1",
+    "classnames": "^2.5.1",
     "fabric": "^5.3.0",
+    "js-base64": "^3.7.7",
     "lodash": "^4.17.21",
+    "rc-virtual-list": "^3.18.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-json-view": "^1.21.3",
@@ -90,10 +96,13 @@
     "postcss-loader": "^7.2.4",
     "prettier": "2.7.1",
     "require-from-string": "^2.0.2",
+    "rollup-plugin-visualizer": "^6.0.1",
     "storybook-less-loader": "^0.1.0",
     "typescript": "*",
     "vite": "^4.1.1",
-    "vite-plugin-css-injected-by-js": "^3.5.0"
+    "vite-plugin-css-injected-by-js": "^3.5.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-externalize-deps": "^0.9.0"
   },
   "lint-staged": {
     "*.{js,css,md,jsx,less,ts,tsx,json}": "prettier --write"