@labelbee/lb-components 1.10.0-alpha.2 → 1.10.0-alpha.4

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

@@ -1 +1,175 @@
-"use strict";var index=require("../../../index.js"),ctx=require("../../../store/ctx.js"),es=require("antd/es"),_=require("lodash"),React=require("react"),reactRedux=require("react-redux"),FileError=require("../../../components/fileException/FileError.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/toolStyle/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),StepUtils=require("../../../utils/StepUtils.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var ___default=_interopDefaultLegacy(_),React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,r,o)=>r in t?__defProp(t,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[r]=o,__spreadValues=(t,r)=>{for(var o in r||(r={}))__hasOwnProp.call(r,o)&&__defNormalProp(t,o,r[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(r))__propIsEnum.call(r,o)&&__defNormalProp(t,o,r[o]);return t},__spreadProps=(t,r)=>__defProps(t,__getOwnPropDescs(r));const AnnotationOperation=t=>{const[,r]=React.useState(0),{imgAttribute:o,toolStyle:s,toolInstance:e,annotationEngine:n,imgList:f,imgIndex:b,dataInjectionAtCreation:d,renderEnhance:g,customRenderStyle:c,stepList:v,step:y,drawLayerSlot:p}=t,[E,m]=React.useState({zoom:1,currentPos:{x:0,y:0}}),S=React.useRef(null),I=React.useRef(null),l=useSize(S);React.useEffect(()=>{index.store.dispatch(actionCreators.InitToolStyleConfig())},[]),React.useEffect(()=>{if(!!n){switch(lbUtils.i18n.language){case"cn":case"en":n.setLang(lbUtils.i18n.language);break}n==null||n.setDataInjectionAtCreation(d),n==null||n.setRenderEnhance(g),c&&(n==null||n.setCustomRenderStyle(c))}},[n,d,g,c]),React.useEffect(()=>{const a=(i,P)=>{m({zoom:i,currentPos:P})},u=i=>{m(i)};return e&&(e.singleOn("messageError",i=>{es.message.error(i)}),e.singleOn("messageInfo",i=>{es.message.info(i)}),e.singleOn("changeAnnotationShow",()=>{r(i=>i+1)}),e.on("renderZoom",a),e.on("dragMove",u)),()=>{e&&(e.unbind("renderZoom",a),e.unbind("dragMove",u))}},[e]),React.useEffect(()=>{var a;(n==null?void 0:n.setImgAttribute)?n.setImgAttribute(o):(a=e==null?void 0:e.setImgAttribute)==null||a.call(e,o)},[o,n]),React.useEffect(()=>{e&&e.setStyle(s),n&&n.setStyle(s)},[s]),React.useEffect(()=>{(e==null?void 0:e.setSize)&&e.setSize(l),n&&n.setSize(l)},[l]),React.useEffect(()=>{const a=StepUtils.getCurrentStepInfo(y,v);e==null||e.setConfig(a.config)},[v]);const O=()=>{const a=f==null?void 0:f[b];!(a==null?void 0:a.url)||lbAnnotation.ImgUtils.load(a.url).then(u=>{n.setImgNode(u)})};return React__default.default.createElement("div",{ref:S,className:"annotationOperation"},React__default.default.createElement("div",{className:"canvas",ref:I,style:l,id:"toolContainer"},p==null?void 0:p(E)),(e==null?void 0:e.isImgError)===!0&&React__default.default.createElement(FileError,__spreadProps(__spreadValues({},l),{reloadImage:O,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},mapStateToProps=t=>{const r=___default.default.pickBy(t.annotation,(o,s)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(s));return __spreadValues({imgAttribute:t.imgAttribute,toolStyle:t.toolStyle},r)};var AnnotationOperation$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(AnnotationOperation);module.exports=AnnotationOperation$1;
+'use strict';
+
+var index = require('../../../index.js');
+var ctx = require('../../../store/ctx.js');
+var es = require('antd/es');
+var _ = require('lodash');
+var React = require('react');
+var reactRedux = require('react-redux');
+var FileError = require('../../../components/fileException/FileError.js');
+var useSize = require('../../../hooks/useSize.js');
+var actionCreators = require('../../../store/toolStyle/actionCreators.js');
+var lbAnnotation = require('@labelbee/lb-annotation');
+var lbUtils = require('@labelbee/lb-utils');
+var StepUtils = require('../../../utils/StepUtils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const AnnotationOperation = (props) => {
+  const [, forceRender] = React.useState(0);
+  const {
+    imgAttribute,
+    toolStyle,
+    toolInstance,
+    annotationEngine,
+    imgList,
+    imgIndex,
+    dataInjectionAtCreation,
+    renderEnhance,
+    customRenderStyle,
+    stepList,
+    step,
+    drawLayerSlot
+  } = props;
+  const [annotationPos, setAnnotationPos] = React.useState({zoom: 1, currentPos: {x: 0, y: 0}});
+  const annotationRef = React.useRef(null);
+  const containerRef = React.useRef(null);
+  const size = useSize(annotationRef);
+  React.useEffect(() => {
+    index.store.dispatch(actionCreators.InitToolStyleConfig());
+  }, []);
+  React.useEffect(() => {
+    if (!annotationEngine) {
+      return;
+    }
+    switch (lbUtils.i18n.language) {
+      case "cn":
+      case "en":
+        annotationEngine.setLang(lbUtils.i18n.language);
+        break;
+    }
+    annotationEngine == null ? void 0 : annotationEngine.setDataInjectionAtCreation(dataInjectionAtCreation);
+    annotationEngine == null ? void 0 : annotationEngine.setRenderEnhance(renderEnhance);
+    if (customRenderStyle) {
+      annotationEngine == null ? void 0 : annotationEngine.setCustomRenderStyle(customRenderStyle);
+    }
+  }, [annotationEngine, dataInjectionAtCreation, renderEnhance, customRenderStyle]);
+  React.useEffect(() => {
+    const renderZoom = (zoom, currentPos) => {
+      setAnnotationPos({zoom, currentPos});
+    };
+    const dragMove = (props2) => {
+      setAnnotationPos(props2);
+    };
+    if (toolInstance) {
+      toolInstance.singleOn("messageError", (error) => {
+        es.message.error(error);
+      });
+      toolInstance.singleOn("messageInfo", (info) => {
+        es.message.info(info);
+      });
+      toolInstance.singleOn("changeAnnotationShow", () => {
+        forceRender((s) => s + 1);
+      });
+      toolInstance.on("renderZoom", renderZoom);
+      toolInstance.on("dragMove", dragMove);
+    }
+    return () => {
+      if (toolInstance) {
+        toolInstance.unbind("renderZoom", renderZoom);
+        toolInstance.unbind("dragMove", dragMove);
+      }
+    };
+  }, [toolInstance]);
+  React.useEffect(() => {
+    var _a;
+    if (annotationEngine == null ? void 0 : annotationEngine.setImgAttribute) {
+      annotationEngine.setImgAttribute(imgAttribute);
+    } else {
+      (_a = toolInstance == null ? void 0 : toolInstance.setImgAttribute) == null ? void 0 : _a.call(toolInstance, imgAttribute);
+    }
+  }, [imgAttribute, annotationEngine]);
+  React.useEffect(() => {
+    if (toolInstance) {
+      toolInstance.setStyle(toolStyle);
+    }
+    if (annotationEngine) {
+      annotationEngine.setStyle(toolStyle);
+    }
+  }, [toolStyle]);
+  React.useEffect(() => {
+    if (toolInstance == null ? void 0 : toolInstance.setSize) {
+      toolInstance.setSize(size);
+    }
+    if (annotationEngine) {
+      annotationEngine.setSize(size);
+    }
+  }, [size]);
+  React.useEffect(() => {
+    const currentStepInfo = StepUtils.getCurrentStepInfo(step, stepList);
+    toolInstance == null ? void 0 : toolInstance.setConfig(currentStepInfo.config);
+  }, [stepList]);
+  const reloadImg = () => {
+    const imgInfo = imgList == null ? void 0 : imgList[imgIndex];
+    if (!(imgInfo == null ? void 0 : imgInfo.url)) {
+      return;
+    }
+    lbAnnotation.ImgUtils.load(imgInfo.url).then((imgNode) => {
+      annotationEngine.setImgNode(imgNode);
+    });
+  };
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    ref: annotationRef,
+    className: "annotationOperation"
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "canvas",
+    ref: containerRef,
+    style: size,
+    id: "toolContainer"
+  }, drawLayerSlot == null ? void 0 : drawLayerSlot(annotationPos)), (toolInstance == null ? void 0 : toolInstance.isImgError) === true && /* @__PURE__ */ React__default["default"].createElement(FileError, __spreadProps(__spreadValues({}, size), {
+    reloadImage: reloadImg,
+    backgroundColor: "#e2e2e2",
+    ignoreOffsetY: true
+  })));
+};
+const mapStateToProps = (state) => {
+  const annotationState = ___default["default"].pickBy(state.annotation, (v, k) => [
+    "imgList",
+    "imgIndex",
+    "stepList",
+    "step",
+    "toolInstance",
+    "annotationEngine",
+    "loading"
+  ].includes(k));
+  return __spreadValues({
+    imgAttribute: state.imgAttribute,
+    toolStyle: state.toolStyle
+  }, annotationState);
+};
+var AnnotationOperation$1 = reactRedux.connect(mapStateToProps, null, null, {context: ctx.LabelBeeContext})(AnnotationOperation);
+
+module.exports = AnnotationOperation$1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/views/MainView/annotationOperation/index.tsx"],"sourcesContent":["import { store } from '@/index';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { message } from 'antd/es';\nimport _ from 'lodash';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { AppState } from 'src/store';\nimport { ImgAttributeState } from 'src/store/imgAttribute/types';\n\nimport { AppProps } from '@/App';\nimport FileError from '@/components/fileException/FileError';\nimport useSize from '@/hooks/useSize';\nimport { InitToolStyleConfig } from '@/store/toolStyle/actionCreators';\nimport { AnnotationEngine, ImgUtils } from '@labelbee/lb-annotation';\nimport { i18n } from '@labelbee/lb-utils';\nimport { IStepInfo } from '@/types/step';\nimport StepUtils from '@/utils/StepUtils';\n\ninterface IProps extends AppState, AppProps {\n  imgAttribute: ImgAttributeState;\n  imgIndex: number;\n  annotationEngine: AnnotationEngine;\n  loading: boolean;\n  stepList: IStepInfo[];\n  step: number;\n}\n\nconst AnnotationOperation: React.FC<IProps> = (props: IProps) => {\n  const [, forceRender] = useState<number>(0);\n\n  const {\n    imgAttribute,\n    toolStyle,\n    toolInstance,\n    annotationEngine,\n    imgList,\n    imgIndex,\n    dataInjectionAtCreation,\n    renderEnhance,\n    customRenderStyle,\n    stepList,\n    step,\n    drawLayerSlot,\n  } = props;\n  const [annotationPos, setAnnotationPos] = useState({ zoom: 1, currentPos: { x: 0, y: 0 } });\n  const annotationRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const size = useSize(annotationRef);\n\n  useEffect(() => {\n    store.dispatch(InitToolStyleConfig());\n  }, []);\n\n  useEffect(() => {\n    if (!annotationEngine) {\n      return;\n    }\n\n    // 更改 toolInstance 内部国际化语言\n    switch (i18n.language) {\n      case 'cn':\n      case 'en':\n        annotationEngine.setLang(i18n.language);\n        break;\n      default: {\n        //\n        break;\n      }\n    }\n    annotationEngine?.setDataInjectionAtCreation(dataInjectionAtCreation);\n    annotationEngine?.setRenderEnhance(renderEnhance);\n    if (customRenderStyle) {\n      annotationEngine?.setCustomRenderStyle(customRenderStyle);\n    }\n  }, [annotationEngine, dataInjectionAtCreation, renderEnhance, customRenderStyle]);\n\n  useEffect(() => {\n    const renderZoom = (zoom: number, currentPos: { x: number; y: number }) => {\n      setAnnotationPos({ zoom, currentPos });\n    };\n\n    const dragMove = (props: { currentPos: { x: number; y: number }; zoom: number }) => {\n      setAnnotationPos(props);\n    };\n\n    if (toolInstance) {\n      toolInstance.singleOn('messageError', (error: string) => {\n        message.error(error);\n      });\n\n      toolInstance.singleOn('messageInfo', (info: string) => {\n        message.info(info);\n      });\n\n      toolInstance.singleOn('changeAnnotationShow', () => {\n        forceRender((s) => s + 1);\n      });\n\n      toolInstance.on('renderZoom', renderZoom);\n      toolInstance.on('dragMove', dragMove);\n    }\n\n    return () => {\n      if (toolInstance) {\n        toolInstance.unbind('renderZoom', renderZoom);\n        toolInstance.unbind('dragMove', dragMove);\n      }\n    };\n  }, [toolInstance]);\n\n  useEffect(() => {\n    if (annotationEngine?.setImgAttribute) {\n      annotationEngine.setImgAttribute(imgAttribute);\n    } else {\n      // Old version.\n      toolInstance?.setImgAttribute?.(imgAttribute);\n    }\n  }, [imgAttribute, annotationEngine]);\n\n  /** 样式同步 */\n  useEffect(() => {\n    if (toolInstance) {\n      toolInstance.setStyle(toolStyle);\n    }\n    if (annotationEngine) {\n      annotationEngine.setStyle(toolStyle);\n    }\n  }, [toolStyle]);\n\n  /** 窗口大小监听 */\n  useEffect(() => {\n    if (toolInstance?.setSize) {\n      toolInstance.setSize(size);\n    }\n\n    if (annotationEngine) {\n      annotationEngine.setSize(size);\n    }\n  }, [size]);\n\n  useEffect(() => {\n    // Update StepList When it update by outside\n    const currentStepInfo = StepUtils.getCurrentStepInfo(step, stepList);\n    toolInstance?.setConfig(currentStepInfo.config);\n  }, [stepList]);\n\n  /**\n   * 重新加载图片，避免网络问题导致的图片无法加载\n   * @returns\n   */\n  const reloadImg = () => {\n    const imgInfo = imgList?.[imgIndex];\n    if (!imgInfo?.url) {\n      return;\n    }\n\n    ImgUtils.load(imgInfo.url).then((imgNode) => {\n      annotationEngine.setImgNode(imgNode as HTMLImageElement);\n    });\n  };\n\n  return (\n    <div ref={annotationRef} className='annotationOperation'>\n      <div className='canvas' ref={containerRef} style={size} id='toolContainer'>\n        {drawLayerSlot?.(annotationPos)}\n      </div>\n      {toolInstance?.isImgError === true && (\n        <FileError\n          {...size}\n          reloadImage={reloadImg}\n          backgroundColor='#e2e2e2'\n          ignoreOffsetY={true}\n        />\n      )}\n    </div>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => {\n  const annotationState = _.pickBy(state.annotation, (v, k) =>\n    [\n      'imgList',\n      'imgIndex',\n      'stepList',\n      'step',\n      'toolInstance',\n      'annotationEngine',\n      'loading',\n    ].includes(k),\n  );\n  return {\n    imgAttribute: state.imgAttribute,\n    toolStyle: state.toolStyle,\n    ...annotationState,\n  };\n};\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(\n  AnnotationOperation,\n);\n"],"names":["useState","useRef","useEffect","store","InitToolStyleConfig","i18n","message","ImgUtils","React","_","connect","LabelBeeContext"],"mappings":"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"}

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

@@ -1 +1,32 @@
-"use strict";var React=require("react"),antd=require("antd"),index=require("../../../constant/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const AnnotationTips=({path:e,tips:t})=>!e&&!t?null:React__default.default.createElement("div",{className:`${index.prefix}-tips`},React__default.default.createElement(antd.Tooltip,{placement:"bottomRight",title:t},React__default.default.createElement("span",{className:`${index.prefix}-tips__leftContent`,title:t},t)),React__default.default.createElement(antd.Tooltip,{placement:"bottomRight",title:e},React__default.default.createElement("span",{className:`${index.prefix}-tips__path`},e)));module.exports=AnnotationTips;
+'use strict';
+
+var React = require('react');
+var antd = require('antd');
+var index = require('../../../constant/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const AnnotationTips = ({path, tips}) => {
+  if (!path && !tips) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: `${index.prefix}-tips`
+  }, /* @__PURE__ */ React__default["default"].createElement(antd.Tooltip, {
+    placement: "bottomRight",
+    title: tips
+  }, /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: `${index.prefix}-tips__leftContent`,
+    title: tips
+  }, tips)), /* @__PURE__ */ React__default["default"].createElement(antd.Tooltip, {
+    placement: "bottomRight",
+    title: path
+  }, /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: `${index.prefix}-tips__path`
+  }, path)));
+};
+
+module.exports = AnnotationTips;
+//# sourceMappingURL=index.js.map

package/dist/views/MainView/annotationTips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/views/MainView/annotationTips/index.tsx"],"sourcesContent":["/*\n * Annotation Tips Showing\n * @Author: Laoluo luozefeng@sensetime.com\n * @Date: 2022-05-11 17:15:30\n * @LastEditors: Laoluo luozefeng@sensetime.com\n * @LastEditTime: 2022-05-12 19:34:32\n */\nimport React from 'react';\nimport { Tooltip } from 'antd';\nimport { prefix } from '@/constant';\n\ninterface IProps {\n  tips?: string;\n  path?: string;\n}\n\nconst AnnotationTips = ({ path, tips }: IProps) => {\n  if (!path && !tips) {\n    return null;\n  }\n\n  return (\n    <div className={`${prefix}-tips`}>\n      <Tooltip placement='bottomRight' title={tips}>\n        <span className={`${prefix}-tips__leftContent`} title={tips}>\n          {tips}\n        </span>\n      </Tooltip>\n      <Tooltip placement='bottomRight' title={path}>\n        <span className={`${prefix}-tips__path`}>{path}</span>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default AnnotationTips;\n"],"names":["prefix","Tooltip"],"mappings":";;;;;;;;;;AAgBA,MAAM,cAAiB,GAAA,CAAC,CAAE,IAAA,EAAM,IAAmB,CAAA,KAAA;AACjD,EAAI,IAAA,CAAC,IAAQ,IAAA,CAAC,IAAM,EAAA;AAClB,IAAO,OAAA,IAAA,CAAA;AAAA,GAAA;AAGT,EAAA,+DACG,KAAD,EAAA;AAAA,IAAK,WAAW,CAAG,EAAAA,YAAA,CAAA,KAAA,CAAA;AAAA,GAAA,0DAChBC,YAAD,EAAA;AAAA,IAAS,SAAU,EAAA,aAAA;AAAA,IAAc,KAAO,EAAA,IAAA;AAAA,GAAA,0DACrC,MAAD,EAAA;AAAA,IAAM,WAAW,CAAG,EAAAD,YAAA,CAAA,kBAAA,CAAA;AAAA,IAA4B,KAAO,EAAA,IAAA;AAAA,GACpD,EAAA,IAAA,CAAA,CAAA,0DAGJC,YAAD,EAAA;AAAA,IAAS,SAAU,EAAA,aAAA;AAAA,IAAc,KAAO,EAAA,IAAA;AAAA,GAAA,0DACrC,MAAD,EAAA;AAAA,IAAM,WAAW,CAAG,EAAAD,YAAA,CAAA,WAAA,CAAA;AAAA,GAAsB,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/dist/views/MainView/index.js

@@ -1 +1,122 @@
-"use strict";var index=require("../../components/customResizeHook/index.js"),index$5=require("../../constant/index.js"),antd=require("antd"),es=require("antd/es"),React=require("react"),index$8=require("./annotationOperation/index.js"),index$7=require("./annotationTips/index.js"),index$3=require("./sidebar/index.js"),index$9=require("./toolFooter/index.js"),index$2=require("./toolHeader/index.js"),reducer=require("../../store/annotation/reducer.js"),index$6=require("../../components/videoAnnotate/index.js"),reactRedux=require("react-redux"),ToolUtils=require("../../utils/ToolUtils.js"),index$a=require("../../components/pointCloudView/index.js"),dom=require("../../utils/dom.js"),index$1=require("../../utils/index.js"),ctx=require("../../store/ctx.js"),index$4=require("../../components/predictTracking/previewResult/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$5.prefix}-layout`,ImageAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,e.showTips===!0&&React__default.default.createElement(index$7,{path:e.path,tips:e.tips}),React__default.default.createElement(index$8,__spreadValues({},e)),React__default.default.createElement(index$9.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},PointCloudAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$a,{drawLayerSlot:e.drawLayerSlot,checkMode:e.checkMode,intelligentFit:e.intelligentFit}),React__default.default.createElement(index$9.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:n}=e,r=(t=reducer.getStepConfig(a,n))==null?void 0:t.tool,i=ToolUtils.isVideoTool(r),l=ToolUtils.isPointCloudTool(r);return i?React__default.default.createElement(index$6,__spreadValues({},e)):l?React__default.default.createElement(PointCloudAnnotate,__spreadValues({},e)):React__default.default.createElement(ImageAnnotate,__spreadValues({},e))},MainView=e=>{var t,a,n,r,i;const l=(a=(t=e.style)==null?void 0:t.sider)==null?void 0:a.width;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(antd.Spin,{spinning:e.loading},React__default.default.createElement(es.Layout,{className:index$1.classnames([layoutCls,e.className]),style:(n=e.style)==null?void 0:n.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(r=e.style)==null?void 0:r.header},React__default.default.createElement(index$2,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData})),React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container")},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:l!=null?l:240,style:(i=e.style)==null?void 0:i.sider},React__default.default.createElement(index$3.default,{sider:e==null?void 0:e.sider})),React__default.default.createElement(index$4,null)))))},mapStateToProps=({annotation:e})=>{var t,a,n;const{imgList:r,loading:i}=e,l=(t=r[e.imgIndex])!=null?t:{};return{path:(n=(a=l==null?void 0:l.path)!=null?a:l==null?void 0:l.url)!=null?n:"",loading:i}};var MainView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(MainView);module.exports=MainView$1;
+'use strict';
+
+var index = require('../../components/customResizeHook/index.js');
+var index$5 = require('../../constant/index.js');
+var antd = require('antd');
+var es = require('antd/es');
+var React = require('react');
+var index$8 = require('./annotationOperation/index.js');
+var index$7 = require('./annotationTips/index.js');
+var index$3 = require('./sidebar/index.js');
+var index$9 = require('./toolFooter/index.js');
+var index$2 = require('./toolHeader/index.js');
+var reducer = require('../../store/annotation/reducer.js');
+var index$6 = require('../../components/videoAnnotate/index.js');
+var reactRedux = require('react-redux');
+var ToolUtils = require('../../utils/ToolUtils.js');
+var index$a = require('../../components/pointCloudView/index.js');
+var dom = require('../../utils/dom.js');
+var index$1 = require('../../utils/index.js');
+var ctx = require('../../store/ctx.js');
+var index$4 = require('../../components/predictTracking/previewResult/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const {Sider, Content} = es.Layout;
+const layoutCls = `${index$5.prefix}-layout`;
+const ImageAnnotate = (props) => {
+  var _a;
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, props.showTips === true && /* @__PURE__ */ React__default["default"].createElement(index$7, {
+    path: props.path,
+    tips: props.tips
+  }), /* @__PURE__ */ React__default["default"].createElement(index$8, __spreadValues({}, props)), /* @__PURE__ */ React__default["default"].createElement(index$9["default"], {
+    style: (_a = props.style) == null ? void 0 : _a.footer,
+    mode: props.mode,
+    footer: props == null ? void 0 : props.footer
+  }));
+};
+const PointCloudAnnotate = (props) => {
+  var _a;
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(index$a, {
+    drawLayerSlot: props.drawLayerSlot,
+    checkMode: props.checkMode,
+    intelligentFit: props.intelligentFit
+  }), /* @__PURE__ */ React__default["default"].createElement(index$9["default"], {
+    style: (_a = props.style) == null ? void 0 : _a.footer,
+    mode: props.mode,
+    footer: props == null ? void 0 : props.footer
+  }));
+};
+const AnnotatedArea = (props) => {
+  var _a;
+  const {stepList, step} = props;
+  const currentToolName = (_a = reducer.getStepConfig(stepList, step)) == null ? void 0 : _a.tool;
+  const isVideoTool = ToolUtils.isVideoTool(currentToolName);
+  const isPointCloudTool = ToolUtils.isPointCloudTool(currentToolName);
+  if (isVideoTool) {
+    return /* @__PURE__ */ React__default["default"].createElement(index$6, __spreadValues({}, props));
+  }
+  if (isPointCloudTool) {
+    return /* @__PURE__ */ React__default["default"].createElement(PointCloudAnnotate, __spreadValues({}, props));
+  }
+  return /* @__PURE__ */ React__default["default"].createElement(ImageAnnotate, __spreadValues({}, props));
+};
+const MainView = (props) => {
+  var _a, _b, _c, _d, _e;
+  const siderWidth = (_b = (_a = props.style) == null ? void 0 : _a.sider) == null ? void 0 : _b.width;
+  return /* @__PURE__ */ React__default["default"].createElement(index.ViewportProvider, null, /* @__PURE__ */ React__default["default"].createElement(antd.Spin, {
+    spinning: props.loading
+  }, /* @__PURE__ */ React__default["default"].createElement(es.Layout, {
+    className: index$1.classnames([layoutCls, props.className]),
+    style: (_c = props.style) == null ? void 0 : _c.layout
+  }, /* @__PURE__ */ React__default["default"].createElement("header", {
+    className: `${layoutCls}__header`,
+    style: (_d = props.style) == null ? void 0 : _d.header
+  }, /* @__PURE__ */ React__default["default"].createElement(index$2, {
+    header: props == null ? void 0 : props.header,
+    headerName: props.headerName,
+    goBack: props.goBack,
+    exportData: props.exportData
+  })), /* @__PURE__ */ React__default["default"].createElement(es.Layout, {
+    className: dom.getClassName("layout", "container")
+  }, props == null ? void 0 : props.leftSider, /* @__PURE__ */ React__default["default"].createElement(Content, {
+    className: `${layoutCls}__content`
+  }, /* @__PURE__ */ React__default["default"].createElement(AnnotatedArea, __spreadValues({}, props))), /* @__PURE__ */ React__default["default"].createElement(Sider, {
+    className: `${layoutCls}__side`,
+    width: siderWidth != null ? siderWidth : 240,
+    style: (_e = props.style) == null ? void 0 : _e.sider
+  }, /* @__PURE__ */ React__default["default"].createElement(index$3["default"], {
+    sider: props == null ? void 0 : props.sider
+  })), /* @__PURE__ */ React__default["default"].createElement(index$4, null)))));
+};
+const mapStateToProps = ({annotation}) => {
+  var _a, _b, _c;
+  const {imgList, loading} = annotation;
+  const imgInfo = (_a = imgList[annotation.imgIndex]) != null ? _a : {};
+  return {
+    path: (_c = (_b = imgInfo == null ? void 0 : imgInfo.path) != null ? _b : imgInfo == null ? void 0 : imgInfo.url) != null ? _c : "",
+    loading
+  };
+};
+var MainView$1 = reactRedux.connect(mapStateToProps, null, null, {context: ctx.LabelBeeContext})(MainView);
+
+module.exports = MainView$1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/views/MainView/index.tsx"],"sourcesContent":["import { AppProps } from '@/App';\nimport { ViewportProvider } from '@/components/customResizeHook';\nimport { prefix } from '@/constant';\nimport { Spin } from 'antd';\nimport { Layout } from 'antd/es';\nimport _ from 'lodash';\nimport React from 'react';\nimport AnnotationOperation from './annotationOperation';\nimport AnnotationTips from './annotationTips';\nimport Sidebar from './sidebar';\nimport ToolFooter from './toolFooter';\nimport ToolHeader from './toolHeader';\nimport { getStepConfig } from '@/store/annotation/reducer';\n\nimport VideoAnnotate from '@/components/videoAnnotate';\nimport { AppState } from '@/store';\nimport { connect } from 'react-redux';\nimport ToolUtils from '@/utils/ToolUtils';\nimport PointCloudView from '@/components/pointCloudView';\nimport { getClassName } from '@/utils/dom';\nimport { classnames } from '@/utils';\nimport { LabelBeeContext } from '@/store/ctx';\nimport PreviewResult from '@/components/predictTracking/previewResult';\n\ninterface IProps {\n  path: string;\n  loading: boolean;\n}\n\nconst { Sider, Content } = Layout;\n\nconst layoutCls = `${prefix}-layout`;\n\nconst ImageAnnotate: React.FC<AppProps & IProps> = (props) => {\n  return (\n    <>\n      {props.showTips === true && <AnnotationTips path={props.path} tips={props.tips} />}\n      <AnnotationOperation {...props} />\n      <ToolFooter style={props.style?.footer} mode={props.mode} footer={props?.footer} />\n    </>\n  );\n};\n\nconst PointCloudAnnotate: React.FC<AppProps & IProps> = (props) => {\n  return (\n    <>\n      <PointCloudView\n        drawLayerSlot={props.drawLayerSlot}\n        checkMode={props.checkMode}\n        intelligentFit={props.intelligentFit}\n      />\n      <ToolFooter style={props.style?.footer} mode={props.mode} footer={props?.footer} />\n    </>\n  );\n};\n\nconst AnnotatedArea: React.FC<AppProps & IProps> = (props) => {\n  const { stepList, step } = props;\n  const currentToolName = getStepConfig(stepList, step)?.tool;\n  const isVideoTool = ToolUtils.isVideoTool(currentToolName);\n  const isPointCloudTool = ToolUtils.isPointCloudTool(currentToolName);\n\n  if (isVideoTool) {\n    return <VideoAnnotate {...props} />;\n  }\n\n  if (isPointCloudTool) {\n    return <PointCloudAnnotate {...props} />;\n  }\n\n  return <ImageAnnotate {...props} />;\n};\n\nconst MainView: React.FC<AppProps & IProps> = (props) => {\n  const siderWidth = props.style?.sider?.width;\n\n  return (\n    <ViewportProvider>\n      <Spin spinning={props.loading}>\n        <Layout className={classnames([layoutCls, props.className])} style={props.style?.layout}>\n          <header className={`${layoutCls}__header`} style={props.style?.header}>\n            <ToolHeader\n              header={props?.header}\n              headerName={props.headerName}\n              goBack={props.goBack}\n              exportData={props.exportData}\n            />\n          </header>\n\n          <Layout className={getClassName('layout', 'container')}>\n            {props?.leftSider}\n            <Content className={`${layoutCls}__content`}>\n              <AnnotatedArea {...props} />\n            </Content>\n            <Sider\n              className={`${layoutCls}__side`}\n              width={siderWidth ?? 240}\n              style={props.style?.sider}\n            >\n              <Sidebar sider={props?.sider} />\n            </Sider>\n            <PreviewResult />\n          </Layout>\n        </Layout>\n      </Spin>\n    </ViewportProvider>\n  );\n};\n\nconst mapStateToProps = ({ annotation }: AppState) => {\n  const { imgList, loading } = annotation;\n  const imgInfo = imgList[annotation.imgIndex] ?? {};\n  return {\n    path: imgInfo?.path ?? imgInfo?.url ?? '', // 将当前路径的数据注入\n    loading,\n  };\n};\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(MainView);\n"],"names":["Layout","prefix","React","AnnotationTips","AnnotationOperation","ToolFooter","PointCloudView","getStepConfig","VideoAnnotate","ViewportProvider","Spin","classnames","ToolHeader","getClassName","Sidebar","PreviewResult","connect","LabelBeeContext"],"mappings":"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"}

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

@@ -1 +1,47 @@
-"use strict";var React=require("react"),es=require("antd/es"),index=require("../TextAreaFormat/index.js"),TextUtils=require("../../../../utils/TextUtils.js"),reactRedux=require("react-redux"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const AnnotationText=({toolInstance:e})=>{var u;const[,n]=React.useState(0);if(React.useEffect(()=>{e&&(e.singleOn("selectedChange",()=>{n(r=>r+1)}),e.singleOn("updateTextAttribute",()=>{n(r=>r+1)}),e.singleOn("messageError",r=>{es.message.error(r)}))},[e]),!e)return null;const{config:t}=e;return React__default.default.createElement("div",null,((u=e==null?void 0:e.config)==null?void 0:u.textConfigurable)&&e.selectedID&&React__default.default.createElement(index,{onChange:e.textChange,textValue:e.selectedText,checkString:TextUtils.TextUtils.checkString(t==null?void 0:t.textCheckType,t==null?void 0:t.customFormat),textCheckType:t.textCheckType}))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance}}var AnnotationText$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(AnnotationText);module.exports=AnnotationText$1;
+'use strict';
+
+var React = require('react');
+var es = require('antd/es');
+var index = require('../TextAreaFormat/index.js');
+var TextUtils = require('../../../../utils/TextUtils.js');
+var reactRedux = require('react-redux');
+var ctx = require('../../../../store/ctx.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const AnnotationText = ({toolInstance}) => {
+  var _a;
+  const [, forceRender] = React.useState(0);
+  React.useEffect(() => {
+    if (toolInstance) {
+      toolInstance.singleOn("selectedChange", () => {
+        forceRender((s) => s + 1);
+      });
+      toolInstance.singleOn("updateTextAttribute", () => {
+        forceRender((s) => s + 1);
+      });
+      toolInstance.singleOn("messageError", (error) => {
+        es.message.error(error);
+      });
+    }
+  }, [toolInstance]);
+  if (!toolInstance) {
+    return null;
+  }
+  const {config} = toolInstance;
+  return /* @__PURE__ */ React__default["default"].createElement("div", null, ((_a = toolInstance == null ? void 0 : toolInstance.config) == null ? void 0 : _a.textConfigurable) && toolInstance.selectedID && /* @__PURE__ */ React__default["default"].createElement(index, {
+    onChange: toolInstance.textChange,
+    textValue: toolInstance.selectedText,
+    checkString: TextUtils.TextUtils.checkString(config == null ? void 0 : config.textCheckType, config == null ? void 0 : config.customFormat),
+    textCheckType: config.textCheckType
+  }));
+};
+function mapStateToProps(state) {
+  return {toolInstance: state.annotation.toolInstance};
+}
+var AnnotationText$1 = reactRedux.connect(mapStateToProps, null, null, {context: ctx.LabelBeeContext})(AnnotationText);
+
+module.exports = AnnotationText$1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/AnnotationText/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { message } from 'antd/es';\nimport TextAreaFormat from '@/views/MainView/sidebar/TextAreaFormat';\nimport { TextUtils } from '@/utils/TextUtils';\nimport { AppState } from '@/store';\nimport { GraphToolInstance } from '@/store/annotation/types';\nimport { connect } from 'react-redux';\nimport { LabelBeeContext } from '@/store/ctx';\n\ninterface IProps {\n  toolInstance: GraphToolInstance;\n}\n\nconst AnnotationText: React.FC<IProps> = ({ toolInstance }) => {\n  const [, forceRender] = useState<number>(0);\n  useEffect(() => {\n    if (toolInstance) {\n      toolInstance.singleOn('selectedChange', () => {\n        forceRender((s) => s + 1);\n      });\n      toolInstance.singleOn('updateTextAttribute', () => {\n        // 文本属性的更新\n\n        forceRender((s) => s + 1);\n      });\n\n      toolInstance.singleOn('messageError', (error: string) => {\n        message.error(error);\n      });\n    }\n  }, [toolInstance]);\n  if (!toolInstance) {\n    return null;\n  }\n\n  const { config } = toolInstance;\n\n  return (\n    <div>\n      {toolInstance?.config?.textConfigurable && toolInstance.selectedID && (\n        <TextAreaFormat\n          onChange={toolInstance.textChange}\n          textValue={toolInstance.selectedText}\n          checkString={TextUtils.checkString(config?.textCheckType, config?.customFormat)}\n          textCheckType={config.textCheckType}\n        />\n      )}\n    </div>\n  );\n};\n\nfunction mapStateToProps(state: AppState) {\n  return { toolInstance: state.annotation.toolInstance };\n}\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(AnnotationText);\n"],"names":["useState","useEffect","message","React","TextAreaFormat","TextUtils","connect","LabelBeeContext"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,cAAA,GAAmC,CAAC,CAAE,YAAmB,CAAA,KAAA;AAb/D,EAAA,IAAA,EAAA,CAAA;AAcE,EAAM,MAAA,GAAG,WAAA,CAAA,GAAeA,cAAiB,CAAA,CAAA,CAAA,CAAA;AACzC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAc,EAAA;AAChB,MAAa,YAAA,CAAA,QAAA,CAAS,kBAAkB,MAAM;AAC5C,QAAY,WAAA,CAAA,CAAC,MAAM,CAAI,GAAA,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAEzB,MAAa,YAAA,CAAA,QAAA,CAAS,uBAAuB,MAAM;AAGjD,QAAY,WAAA,CAAA,CAAC,MAAM,CAAI,GAAA,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAGzB,MAAa,YAAA,CAAA,QAAA,CAAS,cAAgB,EAAA,CAAC,KAAkB,KAAA;AACvD,QAAAC,UAAA,CAAQ,KAAM,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAGjB,CAAC,YAAA,CAAA,CAAA,CAAA;AACJ,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAO,OAAA,IAAA,CAAA;AAAA,GAAA;AAGT,EAAA,MAAM,CAAE,MAAW,CAAA,GAAA,YAAA,CAAA;AAEnB,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAAC,KAAD,EAAA,IAAA,EACG,CAAc,CAAA,EAAA,GAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,MAAA,KAAd,mBAAsB,gBAAoB,KAAA,YAAA,CAAa,UACtD,oBAAAA,yBAAA,CAAA,aAAA,CAACC,KAAD,EAAA;AAAA,IACE,UAAU,YAAa,CAAA,UAAA;AAAA,IACvB,WAAW,YAAa,CAAA,YAAA;AAAA,IACxB,WAAa,EAAAC,mBAAA,CAAU,WAAY,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,eAAe,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,YAAA,CAAA;AAAA,IAClE,eAAe,MAAO,CAAA,aAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAOhC,SAAA,eAAA,CAAyB,KAAiB,EAAA;AACxC,EAAO,OAAA,CAAE,YAAc,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,CAAA,CAAA;AAAA,CAAA;AAG1C,uBAAeC,mBAAQ,eAAiB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAASC,mBAAmB,CAAA,CAAA,CAAA,cAAA,CAAA;;;;"}

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

@@ -1 +1,37 @@
-"use strict";var es=require("antd/es"),React=require("react"),icon_clearSmall=require("../../../../assets/annotation/common/icon_clearSmall.svg.js"),actionCreators=require("../../../../store/imgAttribute/actionCreators.js"),index=require("../../../../index.js"),icon_clearSmall_a=require("../../../../assets/annotation/common/icon_clearSmall_a.svg.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const clearIcon=()=>{const[e,t]=React.useState(!1),r=()=>{index.store.dispatch(actionCreators.InitImgAttribute())},{t:a}=reactI18next.useTranslation();return React__default.default.createElement(es.Tooltip,{placement:"bottom",title:a("RestoreImageAttributes")},React__default.default.createElement("img",{onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),style:{marginLeft:6},src:e?icon_clearSmall_a:icon_clearSmall,onClick:o=>{o.stopPropagation(),r()}}))};module.exports=clearIcon;
+'use strict';
+
+var es = require('antd/es');
+var React = require('react');
+var icon_clearSmall = require('../../../../assets/annotation/common/icon_clearSmall.svg.js');
+var actionCreators = require('../../../../store/imgAttribute/actionCreators.js');
+var index = require('../../../../index.js');
+var icon_clearSmall_a = require('../../../../assets/annotation/common/icon_clearSmall_a.svg.js');
+var reactI18next = require('react-i18next');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const clearIcon = () => {
+  const [hoverDelete, setHoverDelete] = React.useState(false);
+  const clearAttribute = () => {
+    index.store.dispatch(actionCreators.InitImgAttribute());
+  };
+  const {t} = reactI18next.useTranslation();
+  return /* @__PURE__ */ React__default["default"].createElement(es.Tooltip, {
+    placement: "bottom",
+    title: t("RestoreImageAttributes")
+  }, /* @__PURE__ */ React__default["default"].createElement("img", {
+    onMouseEnter: () => setHoverDelete(true),
+    onMouseLeave: () => setHoverDelete(false),
+    style: {marginLeft: 6},
+    src: hoverDelete ? icon_clearSmall_a : icon_clearSmall,
+    onClick: (e) => {
+      e.stopPropagation();
+      clearAttribute();
+    }
+  }));
+};
+
+module.exports = clearIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/ClearIcon/index.tsx"],"sourcesContent":["import { Tooltip } from 'antd/es';\nimport React, { useState } from 'react';\n\n// 图片调整的刷子\nimport clearSmall from '@/assets/annotation/common/icon_clearSmall.svg';\n// import clearSmallA from '@//assets/annotation/common/icon_clearSmall_a.svg';\nimport { InitImgAttribute } from '@/store/imgAttribute/actionCreators';\nimport { store } from '@/index';\nimport clearSmallA from '@//assets/annotation/common/icon_clearSmall_a.svg';\nimport { useTranslation } from 'react-i18next';\n\nconst clearIcon = () => {\n  const [hoverDelete, setHoverDelete] = useState(false);\n\n  const clearAttribute = () => {\n    store.dispatch(InitImgAttribute());\n  };\n  const { t } = useTranslation();\n\n  return (\n    <Tooltip placement='bottom' title={t('RestoreImageAttributes')}>\n      <img\n        onMouseEnter={() => setHoverDelete(true)}\n        onMouseLeave={() => setHoverDelete(false)}\n        style={{ marginLeft: 6 }}\n        src={hoverDelete ? clearSmallA : clearSmall}\n        onClick={(e) => {\n          e.stopPropagation();\n          clearAttribute();\n        }}\n      />\n    </Tooltip>\n  );\n};\n\nexport default clearIcon;\n"],"names":["useState","store","InitImgAttribute","useTranslation","Tooltip","clearSmallA","clearSmall"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,YAAY,MAAM;AACtB,EAAM,MAAA,CAAC,WAAa,EAAA,cAAA,CAAA,GAAkBA,cAAS,CAAA,KAAA,CAAA,CAAA;AAE/C,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAAC,WAAA,CAAM,QAAS,CAAAC,+BAAA,EAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAEjB,EAAA,MAAM,CAAE,CAAM,CAAA,GAAAC,2BAAA,EAAA,CAAA;AAEd,EAAA,+DACGC,UAAD,EAAA;AAAA,IAAS,SAAU,EAAA,QAAA;AAAA,IAAS,OAAO,CAAE,CAAA,wBAAA,CAAA;AAAA,GAAA,0DAClC,KAAD,EAAA;AAAA,IACE,YAAA,EAAc,MAAM,cAAe,CAAA,IAAA,CAAA;AAAA,IACnC,YAAA,EAAc,MAAM,cAAe,CAAA,KAAA,CAAA;AAAA,IACnC,KAAA,EAAO,CAAE,UAAY,EAAA,CAAA,CAAA;AAAA,IACrB,GAAA,EAAK,cAAcC,iBAAc,GAAAC,eAAA;AAAA,IACjC,OAAA,EAAS,CAAC,CAAM,KAAA;AACd,MAAE,CAAA,CAAA,eAAA,EAAA,CAAA;AACF,MAAA,cAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

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

@@ -1 +1,101 @@
-"use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),index=require("../../../../constant/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const forbidStyle={color:"#CCCCCC"},PopconfirmTitle=({info:e})=>{const{t}=reactI18next.useTranslation();return e.key.startsWith("sure")?React__default.default.createElement("div",{key:e.key},`${t("ConfirmTo")}${e.name.slice(0)}\uFF1F`):React__default.default.createElement("span",null,e.name)},ActionIcon=({icon:e})=>typeof e=="string"?React__default.default.createElement("img",{width:23,height:25,src:e}):e,ShowIcon=({isHover:e,info:t})=>{const r=!!t.forbidOperation,l=t.key===e&&!r;let n={color:l?"#666fff":""};return r&&(n=forbidStyle),React__default.default.createElement("div",{style:{cursor:r?"not-allowed":"default"},onClick:()=>{var c;return(t==null?void 0:t.forbidConfirm)&&!r&&((c=t==null?void 0:t.onClick)==null?void 0:c.call(t))}},React__default.default.createElement("div",{className:"icon"},React__default.default.createElement(ActionIcon,{icon:l?t.hoverSvg:t.imgSvg})),React__default.default.createElement("div",{className:"toolName",style:n},t.name))},ActionsConfirm=({allOperation:e})=>{const t=React.useRef(null),[r,l]=React.useState(null),{t:n}=reactI18next.useTranslation(),c=Math.floor(24/e.length);return React__default.default.createElement("div",{className:"generalOperation",ref:t},e.map((a,u)=>React__default.default.createElement(antd.Col,{span:c,key:u},React__default.default.createElement("div",{key:a.key,className:"item",onMouseEnter:()=>{l(a.key)},onMouseLeave:()=>{l(null)}},a.forbidConfirm?React__default.default.createElement(ShowIcon,{info:a,isHover:r}):React__default.default.createElement(antd.Popconfirm,{title:React__default.default.createElement(PopconfirmTitle,{info:a}),placement:"topRight",okText:n("Confirm"),cancelText:n("Cancel"),getPopupContainer:()=>{var o;return(o=t.current)!=null?o:document.body},onConfirm:a.onClick,overlayClassName:`${index.prefix}-pop-confirm`},React__default.default.createElement("div",null,React__default.default.createElement(ShowIcon,{info:a,isHover:r})))))))};module.exports=ActionsConfirm;
+'use strict';
+
+var React = require('react');
+var antd = require('antd');
+var reactI18next = require('react-i18next');
+var index = require('../../../../constant/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const forbidStyle = {
+  color: "#CCCCCC"
+};
+const PopconfirmTitle = ({info}) => {
+  const {t} = reactI18next.useTranslation();
+  if (info.key.startsWith("sure")) {
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      key: info.key
+    }, `${t("ConfirmTo")}${info.name.slice(0)}\uFF1F`);
+  }
+  return /* @__PURE__ */ React__default["default"].createElement("span", null, info.name);
+};
+const ActionIcon = ({icon}) => {
+  if (typeof icon === "string") {
+    return /* @__PURE__ */ React__default["default"].createElement("img", {
+      width: 23,
+      height: 25,
+      src: icon
+    });
+  }
+  return icon;
+};
+const ShowIcon = ({isHover, info}) => {
+  const disabled = !!info.forbidOperation;
+  const _isHover = info.key === isHover && !disabled;
+  let textStyle = {
+    color: _isHover ? "#666fff" : ""
+  };
+  if (disabled) {
+    textStyle = forbidStyle;
+  }
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    style: {cursor: disabled ? "not-allowed" : "default"},
+    onClick: () => {
+      var _a;
+      return (info == null ? void 0 : info.forbidConfirm) && !disabled && ((_a = info == null ? void 0 : info.onClick) == null ? void 0 : _a.call(info));
+    }
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "icon"
+  }, /* @__PURE__ */ React__default["default"].createElement(ActionIcon, {
+    icon: _isHover ? info.hoverSvg : info.imgSvg
+  })), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "toolName",
+    style: textStyle
+  }, info.name));
+};
+const ActionsConfirm = ({allOperation}) => {
+  const ref = React.useRef(null);
+  const [isHover, setHover] = React.useState(null);
+  const {t} = reactI18next.useTranslation();
+  const annotationLength = Math.floor(24 / allOperation.length);
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "generalOperation",
+    ref
+  }, allOperation.map((info, index$1) => /* @__PURE__ */ React__default["default"].createElement(antd.Col, {
+    span: annotationLength,
+    key: index$1
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    key: info.key,
+    className: "item",
+    onMouseEnter: () => {
+      setHover(info.key);
+    },
+    onMouseLeave: () => {
+      setHover(null);
+    }
+  }, info.forbidConfirm ? /* @__PURE__ */ React__default["default"].createElement(ShowIcon, {
+    info,
+    isHover
+  }) : /* @__PURE__ */ React__default["default"].createElement(antd.Popconfirm, {
+    title: /* @__PURE__ */ React__default["default"].createElement(PopconfirmTitle, {
+      info
+    }),
+    placement: "topRight",
+    okText: t("Confirm"),
+    cancelText: t("Cancel"),
+    getPopupContainer: () => {
+      var _a;
+      return (_a = ref.current) != null ? _a : document.body;
+    },
+    onConfirm: info.onClick,
+    overlayClassName: `${index.prefix}-pop-confirm`
+  }, /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(ShowIcon, {
+    info,
+    isHover
+  })))))));
+};
+
+module.exports = ActionsConfirm;
+//# sourceMappingURL=ActionsConfirm.js.map