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

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

@@ -1 +1,86 @@
-import s,{useState as f,useCallback as h}from"react";import{connect as d}from"react-redux";import k from"../../../../utils/StepUtils.js";import{jsonParser as g}from"../../../../utils/index.js";import v from"./ActionsConfirm.js";import C from"./useOperationList.js";import{LabelBeeContext as x}from"../../../../store/ctx.js";import B from"../../../../assets/annotation/pointCloudTool/unitAttribute.svg.js";import I from"../../../../assets/annotation/pointCloudTool/unitAttributeForbid.svg.js";import U from"../../../../assets/annotation/pointCloudTool/unitAttributeHover.svg.js";import{useTranslation as T}from"react-i18next";import w from"../../../../components/pointCloudView/components/UnifyParamsModal/index.js";import{useSingleBox as A}from"../../../../components/pointCloudView/hooks/useSingleBox.js";import{composeResultByToolInstance as E}from"../../../../store/annotation/reducer.js";const y=o=>{var t,n;const i=k.getCurrentStepInfo((t=o.annotation)==null?void 0:t.step,(n=o.annotation)==null?void 0:n.stepList);return{toolInstance:o.annotation.toolInstance,stepInfo:i,imgList:o.annotation.imgList,imgIndex:o.annotation.imgIndex,stepList:o.annotation.stepList}},M=({toolInstance:o,stepInfo:t})=>{const n=C(o),i=g(t==null?void 0:t.config),e=[n.empty];return(t==null?void 0:t.dataSourceStep)===0&&e.push(n.setValidity),(i==null?void 0:i.copyBackwardResult)&&e.push(n.copyPrevious),s.createElement(v,{allOperation:e})},V=d(y,null,null,{context:x})(({toolInstance:o,stepInfo:t,imgList:n,stepList:i,imgIndex:e})=>{const{t:L}=T(),{selectedBox:r}=A(),a=C(o),[S,l]=f(!1),[j,b]=f([]),m=g(t.config);let c=[a.copyPrevious,a.empty,a.setValidity];if(m.trackConfigurable===!0){const p=!r,O={name:L("UnifyParams"),key:"UnifyParams",imgSvg:p?I:B,hoverSvg:U,onClick:()=>{b(E({toolInstance:o,imgList:n,imgIndex:e,stepList:i})),l(!0)},forbidConfirm:!0,forbidOperation:p};c.unshift(O)}const P=h(()=>{l(!1)},[]),u=r==null?void 0:r.info;return s.createElement(s.Fragment,null,s.createElement(v,{allOperation:c}),s.createElement(w,{id:u==null?void 0:u.trackID,visible:S,onCancel:P,config:m,imgList:j}))});var R=d(y,null,null,{context:x})(M);export{V as PointCloudOperation,R as default};
+import React, { useState, useCallback } from 'react';
+import { connect } from 'react-redux';
+import StepUtils from '../../../../utils/StepUtils.js';
+import { jsonParser } from '../../../../utils/index.js';
+import ActionsConfirm from './ActionsConfirm.js';
+import useOperationList from './useOperationList.js';
+import { LabelBeeContext } from '../../../../store/ctx.js';
+import img$1 from '../../../../assets/annotation/pointCloudTool/unitAttribute.svg.js';
+import img from '../../../../assets/annotation/pointCloudTool/unitAttributeForbid.svg.js';
+import img$2 from '../../../../assets/annotation/pointCloudTool/unitAttributeHover.svg.js';
+import { useTranslation } from 'react-i18next';
+import UnifyParamsModal from '../../../../components/pointCloudView/components/UnifyParamsModal/index.js';
+import { useSingleBox } from '../../../../components/pointCloudView/hooks/useSingleBox.js';
+import { composeResultByToolInstance } from '../../../../store/annotation/reducer.js';
+
+const mapStateToProps = (state) => {
+  var _a, _b;
+  const stepInfo = StepUtils.getCurrentStepInfo((_a = state.annotation) == null ? void 0 : _a.step, (_b = state.annotation) == null ? void 0 : _b.stepList);
+  return {
+    toolInstance: state.annotation.toolInstance,
+    stepInfo,
+    imgList: state.annotation.imgList,
+    imgIndex: state.annotation.imgIndex,
+    stepList: state.annotation.stepList
+  };
+};
+const GeneralOperation = ({toolInstance, stepInfo}) => {
+  const operationList = useOperationList(toolInstance);
+  const config = jsonParser(stepInfo == null ? void 0 : stepInfo.config);
+  const allOperation = [operationList.empty];
+  if ((stepInfo == null ? void 0 : stepInfo.dataSourceStep) === 0) {
+    allOperation.push(operationList.setValidity);
+  }
+  if (config == null ? void 0 : config.copyBackwardResult) {
+    allOperation.push(operationList.copyPrevious);
+  }
+  return /* @__PURE__ */ React.createElement(ActionsConfirm, {
+    allOperation
+  });
+};
+const PointCloudOperation = connect(mapStateToProps, null, null, {context: LabelBeeContext})(({toolInstance, stepInfo, imgList, stepList, imgIndex}) => {
+  const {t} = useTranslation();
+  const {selectedBox} = useSingleBox();
+  const operationList = useOperationList(toolInstance);
+  const [isShowModal, setShowModal] = useState(false);
+  const [composeImgList, setComposeImgList] = useState([]);
+  const config = jsonParser(stepInfo.config);
+  let allOperation = [
+    operationList.copyPrevious,
+    operationList.empty,
+    operationList.setValidity
+  ];
+  if (config.trackConfigurable === true) {
+    const forbidOperation = !selectedBox;
+    const UnifyParams = {
+      name: t("UnifyParams"),
+      key: "UnifyParams",
+      imgSvg: forbidOperation ? img : img$1,
+      hoverSvg: img$2,
+      onClick: () => {
+        setComposeImgList(composeResultByToolInstance({toolInstance, imgList, imgIndex, stepList}));
+        setShowModal(true);
+      },
+      forbidConfirm: true,
+      forbidOperation
+    };
+    allOperation.unshift(UnifyParams);
+  }
+  const onCancel = useCallback(() => {
+    setShowModal(false);
+  }, []);
+  const selectedBoxInfo = selectedBox == null ? void 0 : selectedBox.info;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionsConfirm, {
+    allOperation
+  }), /* @__PURE__ */ React.createElement(UnifyParamsModal, {
+    id: selectedBoxInfo == null ? void 0 : selectedBoxInfo.trackID,
+    visible: isShowModal,
+    onCancel,
+    config,
+    imgList: composeImgList
+  }));
+});
+var GeneralOperation$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(GeneralOperation);
+
+export { PointCloudOperation, GeneralOperation$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/sidebar/GeneralOperation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/GeneralOperation/index.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { AppState } from '@/store';\nimport { connect, ConnectedComponent } from 'react-redux';\nimport { ToolInstance } from '@/store/annotation/types';\nimport StepUtils from '@/utils/StepUtils';\nimport { IStepInfo } from '@/types/step';\nimport { jsonParser } from '@/utils';\nimport { AnnotationFileList, IFileItem } from '@/types/data';\nimport ActionsConfirm, { IOperationConfig } from './ActionsConfirm';\nimport useOperationList from './useOperationList';\nimport { LabelBeeContext } from '@/store/ctx';\nimport UnifyParamsSvg from '@/assets/annotation/pointCloudTool/unitAttribute.svg';\nimport UnifyParamsForbidSvg from '@/assets/annotation/pointCloudTool/unitAttributeForbid.svg';\nimport UnifyParamsHoverSvg from '@/assets/annotation/pointCloudTool/unitAttributeHover.svg';\nimport { useTranslation } from 'react-i18next';\nimport UnifyParamsModal from '../../../../components/pointCloudView/components/UnifyParamsModal';\nimport { useSingleBox } from '@/components/pointCloudView/hooks/useSingleBox';\nimport { composeResultByToolInstance } from '@/store/annotation/reducer';\n\nconst mapStateToProps = (state: AppState) => {\n  const stepInfo = StepUtils.getCurrentStepInfo(state.annotation?.step, state.annotation?.stepList);\n\n  return {\n    toolInstance: state.annotation.toolInstance,\n    stepInfo,\n    imgList: state.annotation.imgList,\n    imgIndex: state.annotation.imgIndex,\n    stepList: state.annotation.stepList,\n  };\n};\ninterface IProps {\n  toolInstance: ToolInstance;\n  stepInfo: IStepInfo;\n  imgList: AnnotationFileList;\n  imgIndex: number;\n  stepList: IStepInfo[];\n}\n\nconst GeneralOperation: React.FC<IProps> = ({ toolInstance, stepInfo }) => {\n  const operationList = useOperationList(toolInstance);\n  const config = jsonParser(stepInfo?.config);\n  const allOperation: IOperationConfig[] = [operationList.empty];\n\n  if (stepInfo?.dataSourceStep === 0) {\n    allOperation.push(operationList.setValidity);\n  }\n\n  if (config?.copyBackwardResult) {\n    allOperation.push(operationList.copyPrevious);\n  }\n\n  return <ActionsConfirm allOperation={allOperation} />;\n};\n\nexport const PointCloudOperation: ConnectedComponent<\n  React.FC<IProps>,\n  Omit<\n    IProps & {\n      children?: React.ReactNode;\n    },\n    'toolInstance' | 'stepInfo' | 'imgList' | 'imgIndex' | 'stepList'\n  >\n> = connect(mapStateToProps, null, null, { context: LabelBeeContext })(\n  ({ toolInstance, stepInfo, imgList, stepList, imgIndex }) => {\n    const { t } = useTranslation();\n    const { selectedBox } = useSingleBox();\n    const operationList = useOperationList(toolInstance);\n    const [isShowModal, setShowModal] = useState(false);\n    const [composeImgList, setComposeImgList] = useState<IFileItem[]>([]);\n\n    const config = jsonParser(stepInfo.config);\n\n    let allOperation: IOperationConfig[] = [\n      operationList.copyPrevious,\n      operationList.empty,\n      operationList.setValidity,\n    ];\n\n    if (config.trackConfigurable === true) {\n      const forbidOperation = !selectedBox;\n      const UnifyParams: IOperationConfig = {\n        name: t('UnifyParams'),\n        key: 'UnifyParams',\n        imgSvg: forbidOperation ? UnifyParamsForbidSvg : UnifyParamsSvg,\n        hoverSvg: UnifyParamsHoverSvg,\n        onClick: () => {\n          // TODO, The inner modal needs to use the newest ImgList\n          setComposeImgList(\n            composeResultByToolInstance({ toolInstance, imgList, imgIndex, stepList }),\n          );\n\n          setShowModal(true);\n        },\n        forbidConfirm: true,\n        forbidOperation: forbidOperation,\n      };\n      allOperation.unshift(UnifyParams);\n    }\n\n    const onCancel = useCallback(() => {\n      setShowModal(false);\n    }, []);\n\n    const selectedBoxInfo = selectedBox?.info;\n\n    return (\n      <>\n        <ActionsConfirm allOperation={allOperation} />\n        <UnifyParamsModal\n          id={selectedBoxInfo?.trackID}\n          visible={isShowModal}\n          onCancel={onCancel}\n          config={config}\n          imgList={composeImgList}\n        />\n      </>\n    );\n  },\n);\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(GeneralOperation);\n"],"names":["UnifyParamsForbidSvg","UnifyParamsSvg","UnifyParamsHoverSvg"],"mappings":"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"}

package/es/views/MainView/sidebar/GeneralOperation/useOperationList.js

@@ -1 +1,88 @@
-import y from"../../../../assets/annotation/common/icon_clear.svg.js";import _ from"../../../../assets/annotation/common/icon_clear_a.svg.js";import S from"../../../../assets/annotation/common/icon_invalid.svg.js";import h from"../../../../assets/annotation/common/icon_invalid_a.svg.js";import{StopOutlined as a}from"@ant-design/icons";import{useTranslation as j}from"react-i18next";import s,{useState as O,useMemo as P}from"react";import{CopyBackWordResult as x}from"../../../../store/annotation/actionCreators.js";import{store as C}from"../../../../index.js";import{useSelector as k}from"../../../../store/ctx.js";var w=Object.defineProperty,m=Object.getOwnPropertySymbols,V=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,c=(e,t,r)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,R=(e,t)=>{for(var r in t||(t={}))V.call(t,r)&&c(e,r,t[r]);if(m)for(var r of m(t))E.call(t,r)&&c(e,r,t[r]);return e};const b=e=>{const[t,r]=O(0),{t:o,i18n:l}=j(),{currentData:p}=k(i=>{const{imgList:g,imgIndex:d}=i.annotation;return{currentData:g[d]}}),n={height:"25px",lineHeight:"25px",display:"flex",justifyContent:"center",alignItems:"center"},u={name:o("ClearLabel"),key:"empty",imgSvg:y,hoverSvg:_,onClick:()=>{e==null||e.clearResult()}},v={name:o((e==null?void 0:e.valid)===!1?"SetAsValid":"SetAsInvalid"),key:"setValidity",imgSvg:s.createElement(a,{style:n}),hoverSvg:s.createElement(a,{style:R({color:"#666fff"},n)}),onClick:()=>{e.setValid(!e.valid),setTimeout(()=>{r(i=>i+1)})}},f={name:o("CopyThePrevious"),key:"copyPrevious",imgSvg:S,hoverSvg:h,onClick:()=>{C.dispatch(x())}};return P(()=>({empty:u,setValidity:v,copyPrevious:f}),[e,t,p,l.language])};export{b as default};
+import img from '../../../../assets/annotation/common/icon_clear.svg.js';
+import img$1 from '../../../../assets/annotation/common/icon_clear_a.svg.js';
+import img$2 from '../../../../assets/annotation/common/icon_invalid.svg.js';
+import img$3 from '../../../../assets/annotation/common/icon_invalid_a.svg.js';
+import { StopOutlined } from '@ant-design/icons';
+import { useTranslation } from 'react-i18next';
+import React, { useState, useMemo } from 'react';
+import { CopyBackWordResult } from '../../../../store/annotation/actionCreators.js';
+import { store } from '../../../../index.js';
+import { useSelector } from '../../../../store/ctx.js';
+
+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 useOperationList = (toolInstance) => {
+  const [updateNum, forceRender] = useState(0);
+  const {t, i18n} = useTranslation();
+  const {currentData} = useSelector((state) => {
+    const {imgList, imgIndex} = state.annotation;
+    return {
+      currentData: imgList[imgIndex]
+    };
+  });
+  const iconStyle = {
+    height: "25px",
+    lineHeight: "25px",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  };
+  const empty = {
+    name: t("ClearLabel"),
+    key: "empty",
+    imgSvg: img,
+    hoverSvg: img$1,
+    onClick: () => {
+      toolInstance == null ? void 0 : toolInstance.clearResult();
+    }
+  };
+  const setValidity = {
+    name: t((toolInstance == null ? void 0 : toolInstance.valid) === false ? "SetAsValid" : "SetAsInvalid"),
+    key: "setValidity",
+    imgSvg: /* @__PURE__ */ React.createElement(StopOutlined, {
+      style: iconStyle
+    }),
+    hoverSvg: /* @__PURE__ */ React.createElement(StopOutlined, {
+      style: __spreadValues({color: "#666fff"}, iconStyle)
+    }),
+    onClick: () => {
+      toolInstance.setValid(!toolInstance.valid);
+      setTimeout(() => {
+        forceRender((v) => v + 1);
+      });
+    }
+  };
+  const copyPrevious = {
+    name: t("CopyThePrevious"),
+    key: "copyPrevious",
+    imgSvg: img$2,
+    hoverSvg: img$3,
+    onClick: () => {
+      store.dispatch(CopyBackWordResult());
+    }
+  };
+  return useMemo(() => {
+    return {
+      empty,
+      setValidity,
+      copyPrevious
+    };
+  }, [toolInstance, updateNum, currentData, i18n.language]);
+};
+
+export { useOperationList as default };
+//# sourceMappingURL=useOperationList.js.map

package/es/views/MainView/sidebar/GeneralOperation/useOperationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOperationList.js","sources":["../../../../../src/views/MainView/sidebar/GeneralOperation/useOperationList.tsx"],"sourcesContent":["import { IOperationConfig } from './ActionsConfirm';\nimport clearResultSvg from '@/assets/annotation/common/icon_clear.svg';\nimport clearResultASvg from '@/assets/annotation/common/icon_clear_a.svg';\nimport copyBackStepSvg from '@/assets/annotation/common/icon_invalid.svg';\nimport copyBackStepASvg from '@/assets/annotation/common/icon_invalid_a.svg';\nimport { StopOutlined } from '@ant-design/icons';\nimport { useTranslation } from 'react-i18next';\nimport React, { useMemo, useState } from 'react';\nimport { CopyBackWordResult } from '@/store/annotation/actionCreators';\nimport { store } from '@/index';\nimport { AppState } from '@/store';\nimport { useSelector } from '@/store/ctx';\n\n/**\n * Hooks for sidebar common operations' config\n * @param toolInstance\n * @returns\n */\nconst useOperationList = (toolInstance: any) => {\n  const [updateNum, forceRender] = useState(0);\n  const { t, i18n } = useTranslation();\n  const { currentData } = useSelector((state: AppState) => {\n    const { imgList, imgIndex } = state.annotation;\n\n    return {\n      currentData: imgList[imgIndex],\n    };\n  });\n\n  const iconStyle = {\n    height: '25px',\n    lineHeight: '25px',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  };\n\n  /**\n   * Empty current file result\n   */\n  const empty: IOperationConfig = {\n    name: t('ClearLabel'),\n    key: 'empty',\n    imgSvg: clearResultSvg,\n    hoverSvg: clearResultASvg,\n    onClick: () => {\n      toolInstance?.clearResult();\n    },\n  };\n\n  /**\n   * Set set validity for current file\n   */\n  const setValidity: IOperationConfig = {\n    name: t(toolInstance?.valid === false ? 'SetAsValid' : 'SetAsInvalid'),\n    key: 'setValidity',\n    imgSvg: <StopOutlined style={iconStyle} />,\n    hoverSvg: <StopOutlined style={{ color: '#666fff', ...iconStyle }} />,\n    onClick: () => {\n      toolInstance.setValid(!toolInstance.valid);\n      setTimeout(() => {\n        forceRender((v) => v + 1);\n      });\n    },\n  };\n\n  /**\n   * Copy previous file result\n   */\n  const copyPrevious: IOperationConfig = {\n    name: t('CopyThePrevious'),\n    key: 'copyPrevious',\n    imgSvg: copyBackStepSvg,\n    hoverSvg: copyBackStepASvg,\n    onClick: () => {\n      store.dispatch(CopyBackWordResult());\n    },\n  };\n\n  return useMemo(() => {\n    return {\n      empty,\n      setValidity,\n      copyPrevious,\n    };\n  }, [toolInstance, updateNum, currentData, i18n.language]);\n};\n\nexport default useOperationList;\n"],"names":["clearResultSvg","clearResultASvg","copyBackStepSvg","copyBackStepASvg"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBM,MAAA,gBAAA,GAAmB,CAAC,YAAsB,KAAA;AAC9C,EAAM,MAAA,CAAC,SAAW,EAAA,WAAA,CAAA,GAAe,QAAS,CAAA,CAAA,CAAA,CAAA;AAC1C,EAAM,MAAA,CAAE,GAAG,IAAS,CAAA,GAAA,cAAA,EAAA,CAAA;AACpB,EAAA,MAAM,CAAE,WAAA,CAAA,GAAgB,WAAY,CAAA,CAAC,KAAoB,KAAA;AACvD,IAAM,MAAA,CAAE,OAAS,EAAA,QAAA,CAAA,GAAa,KAAM,CAAA,UAAA,CAAA;AAEpC,IAAO,OAAA;AAAA,MACL,aAAa,OAAQ,CAAA,QAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAIzB,EAAA,MAAM,SAAY,GAAA;AAAA,IAChB,MAAQ,EAAA,MAAA;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,GAAA,CAAA;AAMd,EAAA,MAAM,KAA0B,GAAA;AAAA,IAC9B,MAAM,CAAE,CAAA,YAAA,CAAA;AAAA,IACR,GAAK,EAAA,OAAA;AAAA,IACL,MAAQ,EAAAA,GAAA;AAAA,IACR,QAAU,EAAAC,KAAA;AAAA,IACV,SAAS,MAAM;AACb,MAAc,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,WAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAOlB,EAAA,MAAM,WAAgC,GAAA;AAAA,IACpC,IAAM,EAAA,CAAA,CAAE,CAAc,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,MAAU,QAAQ,YAAe,GAAA,cAAA,CAAA;AAAA,IACvD,GAAK,EAAA,aAAA;AAAA,IACL,MAAA,sCAAS,YAAD,EAAA;AAAA,MAAc,KAAO,EAAA,SAAA;AAAA,KAAA,CAAA;AAAA,IAC7B,QAAA,sCAAW,YAAD,EAAA;AAAA,MAAc,KAAA,EAAO,cAAE,CAAA,CAAA,KAAA,EAAO,SAAc,CAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;AAAA,IACtD,SAAS,MAAM;AACb,MAAa,YAAA,CAAA,QAAA,CAAS,CAAC,YAAa,CAAA,KAAA,CAAA,CAAA;AACpC,MAAA,UAAA,CAAW,MAAM;AACf,QAAY,WAAA,CAAA,CAAC,MAAM,CAAI,GAAA,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAQ7B,EAAA,MAAM,YAAiC,GAAA;AAAA,IACrC,MAAM,CAAE,CAAA,iBAAA,CAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAAC,KAAA;AAAA,IACR,QAAU,EAAAC,KAAA;AAAA,IACV,SAAS,MAAM;AACb,MAAA,KAAA,CAAM,QAAS,CAAA,kBAAA,EAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAInB,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAO,OAAA;AAAA,MACL,KAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,KAAA,CAAA;AAAA,GAAA,EAED,CAAC,YAAA,EAAc,SAAW,EAAA,WAAA,EAAa,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/views/MainView/sidebar/ImgAttributeInfo/index.js

@@ -1 +1,128 @@
-import{Row as s,Col as n,Slider as E,Input as h,Switch as x}from"antd/es";import{connect as b}from"react-redux";import{throttle as f}from"lodash";import e,{useEffect as C}from"react";import o from"../../../../store/imgAttribute/actionCreators.js";import{store as i}from"../../../../index.js";import{LabelBeeContext as A}from"../../../../store/ctx.js";import I from"../../../../assets/annotation/image/saturation.svg.js";import N from"../../../../assets/annotation/image/contrast.svg.js";import S from"../../../../assets/annotation/image/brightness.svg.js";import j from"../../../../assets/attributeIcon/zoomUp.svg.js";import y from"../../../../assets/annotation/image/icon_yuantu.svg.js";import{useTranslation as z}from"react-i18next";const $=r=>{const{imgAttribute:{contrast:l,saturation:c,brightness:g,zoomRatio:p,isOriginalSize:u}}=r,{t:m}=z(),a=f(t=>{i.dispatch(o.UpdateImgAttribute(t))},60,{trailing:!0}),d=[{name:"Saturation",min:-100,max:500,step:2,onChange:t=>a({saturation:t}),value:c,svg:I},{name:"Contrast",min:-100,max:300,step:2,onChange:t=>a({contrast:t}),value:l,svg:N},{name:"Exposure",min:-100,max:400,step:2,onChange:t=>a({brightness:t}),value:g,svg:S},{name:"ScreenRatio",min:.1,max:10,step:.1,onChange:t=>a({zoomRatio:t}),value:p,svg:j}];return C(()=>()=>{i.dispatch(o.InitImgAttribute())},[]),e.createElement("div",null,d.map((t,v)=>e.createElement("div",{className:"imgAttributeController",key:`option_${v}`},e.createElement(s,{className:"tools",style:{padding:"0px 0"}},e.createElement(n,{span:24},e.createElement("span",{className:"singleTool"},e.createElement("img",{width:12,height:12,src:t.svg}),e.createElement("span",{className:"toolName"},m(t.name))))),e.createElement(s,null,e.createElement(n,{span:20},e.createElement(E,{min:t.min,max:t.max,step:t.step,value:t.value,onChange:t.onChange,trackStyle:{background:"#666fff"}})),e.createElement(n,{span:4},e.createElement(h,{value:t.value,disabled:!0,style:{fontSize:12,marginBottom:23,padding:"0px 2px",textAlign:"center"}}))))),e.createElement("div",{className:"imgAttributeController"},e.createElement(s,{className:"tools",style:{padding:"10px 0"}},e.createElement(n,{span:18},e.createElement("span",{className:"singleTool"},e.createElement("img",{src:y,width:16,style:{marginTop:"-2px"}}),e.createElement("span",{className:"toolName"},m("OriginalScale")))),e.createElement(n,null,e.createElement(x,{checked:u,onChange:t=>a({isOriginalSize:t})})))))};function R({imgAttribute:r}){return{imgAttribute:r}}var T=b(R,null,null,{context:A})($);export{T as default};
+import { Row, Col, Slider, Input, Switch } from 'antd/es';
+import { connect } from 'react-redux';
+import { throttle } from 'lodash';
+import React, { useEffect } from 'react';
+import ImgAttribute from '../../../../store/imgAttribute/actionCreators.js';
+import { store } from '../../../../index.js';
+import { LabelBeeContext } from '../../../../store/ctx.js';
+import img$1 from '../../../../assets/annotation/image/saturation.svg.js';
+import img$2 from '../../../../assets/annotation/image/contrast.svg.js';
+import img$3 from '../../../../assets/annotation/image/brightness.svg.js';
+import img$4 from '../../../../assets/attributeIcon/zoomUp.svg.js';
+import img from '../../../../assets/annotation/image/icon_yuantu.svg.js';
+import { useTranslation } from 'react-i18next';
+
+const ImgAttributeInfo = (props) => {
+  const {
+    imgAttribute: {contrast, saturation, brightness, zoomRatio, isOriginalSize}
+  } = props;
+  const {t} = useTranslation();
+  const imgAttributeChange = throttle((payload) => {
+    store.dispatch(ImgAttribute.UpdateImgAttribute(payload));
+  }, 60, {trailing: true});
+  const imgAttributeInfo = [
+    {
+      name: "Saturation",
+      min: -100,
+      max: 500,
+      step: 2,
+      onChange: (v) => imgAttributeChange({saturation: v}),
+      value: saturation,
+      svg: img$1
+    },
+    {
+      name: "Contrast",
+      min: -100,
+      max: 300,
+      step: 2,
+      onChange: (v) => imgAttributeChange({contrast: v}),
+      value: contrast,
+      svg: img$2
+    },
+    {
+      name: "Exposure",
+      min: -100,
+      max: 400,
+      step: 2,
+      onChange: (v) => imgAttributeChange({brightness: v}),
+      value: brightness,
+      svg: img$3
+    },
+    {
+      name: "ScreenRatio",
+      min: 0.1,
+      max: 10,
+      step: 0.1,
+      onChange: (v) => imgAttributeChange({zoomRatio: v}),
+      value: zoomRatio,
+      svg: img$4
+    }
+  ];
+  useEffect(() => {
+    return () => {
+      store.dispatch(ImgAttribute.InitImgAttribute());
+    };
+  }, []);
+  return /* @__PURE__ */ React.createElement("div", null, imgAttributeInfo.map((info, index) => /* @__PURE__ */ React.createElement("div", {
+    className: "imgAttributeController",
+    key: `option_${index}`
+  }, /* @__PURE__ */ React.createElement(Row, {
+    className: "tools",
+    style: {padding: "0px 0"}
+  }, /* @__PURE__ */ React.createElement(Col, {
+    span: 24
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "singleTool"
+  }, /* @__PURE__ */ React.createElement("img", {
+    width: 12,
+    height: 12,
+    src: info.svg
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: "toolName"
+  }, t(info.name))))), /* @__PURE__ */ React.createElement(Row, null, /* @__PURE__ */ React.createElement(Col, {
+    span: 20
+  }, /* @__PURE__ */ React.createElement(Slider, {
+    min: info.min,
+    max: info.max,
+    step: info.step,
+    value: info.value,
+    onChange: info.onChange,
+    trackStyle: {background: "#666fff"}
+  })), /* @__PURE__ */ React.createElement(Col, {
+    span: 4
+  }, /* @__PURE__ */ React.createElement(Input, {
+    value: info.value,
+    disabled: true,
+    style: {
+      fontSize: 12,
+      marginBottom: 23,
+      padding: "0px 2px",
+      textAlign: "center"
+    }
+  }))))), /* @__PURE__ */ React.createElement("div", {
+    className: "imgAttributeController"
+  }, /* @__PURE__ */ React.createElement(Row, {
+    className: "tools",
+    style: {padding: "10px 0"}
+  }, /* @__PURE__ */ React.createElement(Col, {
+    span: 18
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "singleTool"
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: img,
+    width: 16,
+    style: {marginTop: "-2px"}
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: "toolName"
+  }, t("OriginalScale")))), /* @__PURE__ */ React.createElement(Col, null, /* @__PURE__ */ React.createElement(Switch, {
+    checked: isOriginalSize,
+    onChange: (v) => imgAttributeChange({isOriginalSize: v})
+  })))));
+};
+function mapStateToProps({imgAttribute}) {
+  return {imgAttribute};
+}
+var ImgAttributeInfo$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(ImgAttributeInfo);
+
+export { ImgAttributeInfo$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/sidebar/ImgAttributeInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/sidebar/ImgAttributeInfo/index.tsx"],"sourcesContent":["import { Col, Row, Slider, Switch, Input } from 'antd/es';\nimport { connect } from 'react-redux';\nimport { throttle } from 'lodash';\nimport React, { useEffect } from 'react';\nimport { ImgAttributeState } from '@/store/imgAttribute/types';\nimport ImgAttribute from '@/store/imgAttribute/actionCreators';\nimport { store } from '@/index';\nimport { LabelBeeContext } from '@/store/ctx';\n\nimport saturationSvg from '@/assets/annotation/image/saturation.svg';\nimport contrastSvg from '@/assets/annotation/image/contrast.svg';\nimport brightnessSvg from '@/assets/annotation/image/brightness.svg';\nimport ZoomUpSvg from '@/assets/attributeIcon/zoomUp.svg';\nimport originalPic from '@/assets/annotation/image/icon_yuantu.svg';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n  imgAttribute: ImgAttributeState;\n}\n\nconst ImgAttributeInfo = (props: IProps) => {\n  const {\n    imgAttribute: { contrast, saturation, brightness, zoomRatio, isOriginalSize },\n  } = props;\n\n  const { t } = useTranslation();\n\n  const imgAttributeChange = throttle(\n    (payload: Partial<ImgAttributeState>) => {\n      store.dispatch(ImgAttribute.UpdateImgAttribute(payload as ImgAttributeState));\n    },\n    60,\n    { trailing: true },\n  );\n\n  const imgAttributeInfo = [\n    {\n      name: 'Saturation',\n      min: -100,\n      max: 500,\n      step: 2,\n      onChange: (v: number) => imgAttributeChange({ saturation: v }),\n      value: saturation,\n      svg: saturationSvg,\n    },\n    {\n      name: 'Contrast',\n      min: -100,\n      max: 300,\n      step: 2,\n      onChange: (v: number) => imgAttributeChange({ contrast: v }),\n      value: contrast,\n      svg: contrastSvg,\n    },\n    {\n      name: 'Exposure',\n      min: -100,\n      max: 400,\n      step: 2,\n      onChange: (v: number) => imgAttributeChange({ brightness: v }),\n      value: brightness,\n      svg: brightnessSvg,\n    },\n    {\n      name: 'ScreenRatio',\n      min: 0.1,\n      max: 10,\n      step: 0.1,\n      onChange: (v: number) => imgAttributeChange({ zoomRatio: v }),\n      value: zoomRatio,\n      svg: ZoomUpSvg,\n    },\n  ];\n\n  useEffect(() => {\n    return () => {\n      store.dispatch(ImgAttribute.InitImgAttribute());\n    };\n  }, []);\n\n  return (\n    <div>\n      {imgAttributeInfo.map((info: any, index: number) => (\n        <div className='imgAttributeController' key={`option_${index}`}>\n          <Row className='tools' style={{ padding: '0px 0' }}>\n            <Col span={24}>\n              <span className='singleTool'>\n                <img width={12} height={12} src={info.svg} />\n                <span className='toolName'>{t(info.name)}</span>\n              </span>\n            </Col>\n          </Row>\n          <Row>\n            <Col span={20}>\n              <Slider\n                min={info.min}\n                max={info.max}\n                step={info.step}\n                value={info.value}\n                onChange={info.onChange}\n                trackStyle={{ background: '#666fff' }}\n              />\n            </Col>\n            <Col span={4}>\n              <Input\n                value={info.value}\n                disabled\n                style={{\n                  fontSize: 12,\n                  marginBottom: 23,\n                  padding: '0px 2px',\n                  textAlign: 'center',\n                }}\n              />\n            </Col>\n          </Row>\n        </div>\n      ))}\n      <div className='imgAttributeController'>\n        <Row className='tools' style={{ padding: '10px 0' }}>\n          <Col span={18}>\n            <span className='singleTool'>\n              <img src={originalPic} width={16} style={{ marginTop: '-2px' }} />\n              <span className='toolName'>{t('OriginalScale')}</span>\n            </span>\n          </Col>\n          <Col>\n            <Switch\n              checked={isOriginalSize}\n              onChange={(v: boolean) => imgAttributeChange({ isOriginalSize: v })}\n            />\n          </Col>\n        </Row>\n      </div>\n    </div>\n  );\n};\n\nfunction mapStateToProps({ imgAttribute }: any) {\n  return { imgAttribute };\n}\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(ImgAttributeInfo);\n"],"names":["saturationSvg","contrastSvg","brightnessSvg","ZoomUpSvg","originalPic"],"mappings":"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"}

package/es/views/MainView/sidebar/PointCloudToolSidebar/components/batchUpdateModal/index.js

@@ -1 +1,122 @@
-import{BatchUpdateTrackID as _}from"../../../../../../store/annotation/actionCreators.js";import{composeResultByToolInstance as E}from"../../../../../../store/annotation/reducer.js";import{LabelBeeContext as w,useDispatch as h}from"../../../../../../store/ctx.js";import{Form as o,Modal as v,InputNumber as c}from"antd";import r,{useState as O}from"react";import{useTranslation as D}from"react-i18next";import{connect as k}from"react-redux";var C=Object.defineProperty,T=Object.defineProperties,B=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,d=(e,t,n)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))j.call(t,n)&&d(e,n,t[n]);if(u)for(var n of u(t))F.call(t,n)&&d(e,n,t[n]);return e},S=(e,t)=>T(e,B(t));const U={labelCol:{span:8},wrapperCol:{span:16}},m={width:"80px"},N=({id:e,stepList:t,imgList:n,imgIndex:f,toolInstance:y})=>{const g=h(),[I,l]=O(!1),[p]=o.useForm(),{t:a}=D(),b=i=>{g(_({id:e,newID:i.newID,rangeIndex:[i.prevPage-1,i.nextPage-1],imgList:E({toolInstance:y,imgList:n,imgIndex:f,stepList:t})})),l(!1)},x=()=>l(!1),P=()=>p.submit(),s=[{required:!0,message:a("PositiveIntegerCheck")}];return r.createElement(r.Fragment,null,r.createElement("a",{style:{color:"#666FFF"},onClick:()=>l(!0)},a("BatchUpdateText")),r.createElement(v,{title:a("BatchUpdateTrackID"),visible:I,onCancel:x,onOk:P,wrapClassName:"labelbee-custom-modal"},r.createElement(o,S(L({},U),{form:p,onFinish:b}),r.createElement(o.Item,{name:"id",label:a("CurrentBoxTrackIDs")},e),r.createElement(o.Item,{name:"newID",label:a("TrackIDUnifyAs"),rules:s},r.createElement(c,{precision:0,min:1,style:m})),r.createElement(o.Item,{label:a("UnifyTrackIDRange"),required:!0},r.createElement(o.Item,{style:{display:"inline-block"},rules:s,name:"prevPage",noStyle:!0},r.createElement(c,{precision:0,min:1,style:m})),r.createElement("span",{style:{display:"inline-block",width:"24px",textAlign:"center"}},"-"),r.createElement(o.Item,{style:{display:"inline-block"},rules:s,name:"nextPage",noStyle:!0},r.createElement(c,{precision:0,min:1,style:m})),r.createElement("span",{style:{display:"inline-block",width:"40x",marginLeft:"10px",textAlign:"center"}},a("Page"))))))},R=e=>({toolInstance:e.annotation.toolInstance,imgList:e.annotation.imgList,imgIndex:e.annotation.imgIndex,stepList:e.annotation.stepList});var A=k(R,null,null,{context:w})(N);export{A as default};
+import { BatchUpdateTrackID } from '../../../../../../store/annotation/actionCreators.js';
+import { composeResultByToolInstance } from '../../../../../../store/annotation/reducer.js';
+import { LabelBeeContext, useDispatch } from '../../../../../../store/ctx.js';
+import { Form, Modal, InputNumber } from 'antd';
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+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 layout = {
+  labelCol: {span: 8},
+  wrapperCol: {span: 16}
+};
+const inputStyle = {
+  width: "80px"
+};
+const BatchUpdateModal = ({id, stepList, imgList, imgIndex, toolInstance}) => {
+  const dispatch = useDispatch();
+  const [visible, setVisible] = useState(false);
+  const [form] = Form.useForm();
+  const {t} = useTranslation();
+  const onFinish = (values) => {
+    dispatch(BatchUpdateTrackID({
+      id,
+      newID: values.newID,
+      rangeIndex: [values.prevPage - 1, values.nextPage - 1],
+      imgList: composeResultByToolInstance({toolInstance, imgList, imgIndex, stepList})
+    }));
+    setVisible(false);
+  };
+  const onCancel = () => setVisible(false);
+  const onOk = () => form.submit();
+  const defaultNumberRules = [{required: true, message: t("PositiveIntegerCheck")}];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("a", {
+    style: {color: "#666FFF"},
+    onClick: () => setVisible(true)
+  }, t("BatchUpdateText")), /* @__PURE__ */ React.createElement(Modal, {
+    title: t("BatchUpdateTrackID"),
+    visible,
+    onCancel,
+    onOk,
+    wrapClassName: "labelbee-custom-modal"
+  }, /* @__PURE__ */ React.createElement(Form, __spreadProps(__spreadValues({}, layout), {
+    form,
+    onFinish
+  }), /* @__PURE__ */ React.createElement(Form.Item, {
+    name: "id",
+    label: t("CurrentBoxTrackIDs")
+  }, id), /* @__PURE__ */ React.createElement(Form.Item, {
+    name: "newID",
+    label: t("TrackIDUnifyAs"),
+    rules: defaultNumberRules
+  }, /* @__PURE__ */ React.createElement(InputNumber, {
+    precision: 0,
+    min: 1,
+    style: inputStyle
+  })), /* @__PURE__ */ React.createElement(Form.Item, {
+    label: t("UnifyTrackIDRange"),
+    required: true
+  }, /* @__PURE__ */ React.createElement(Form.Item, {
+    style: {display: "inline-block"},
+    rules: defaultNumberRules,
+    name: "prevPage",
+    noStyle: true
+  }, /* @__PURE__ */ React.createElement(InputNumber, {
+    precision: 0,
+    min: 1,
+    style: inputStyle
+  })), /* @__PURE__ */ React.createElement("span", {
+    style: {
+      display: "inline-block",
+      width: "24px",
+      textAlign: "center"
+    }
+  }, "-"), /* @__PURE__ */ React.createElement(Form.Item, {
+    style: {display: "inline-block"},
+    rules: defaultNumberRules,
+    name: "nextPage",
+    noStyle: true
+  }, /* @__PURE__ */ React.createElement(InputNumber, {
+    precision: 0,
+    min: 1,
+    style: inputStyle
+  })), /* @__PURE__ */ React.createElement("span", {
+    style: {
+      display: "inline-block",
+      width: "40x",
+      marginLeft: "10px",
+      textAlign: "center"
+    }
+  }, t("Page"))))));
+};
+const mapStateToProps = (state) => {
+  return {
+    toolInstance: state.annotation.toolInstance,
+    imgList: state.annotation.imgList,
+    imgIndex: state.annotation.imgIndex,
+    stepList: state.annotation.stepList
+  };
+};
+var BatchUpdateModal$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(BatchUpdateModal);
+
+export { BatchUpdateModal$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/sidebar/PointCloudToolSidebar/components/batchUpdateModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/sidebar/PointCloudToolSidebar/components/batchUpdateModal/index.tsx"],"sourcesContent":["import { AppState } from '@/store';\nimport { BatchUpdateTrackID } from '@/store/annotation/actionCreators';\nimport { composeResultByToolInstance } from '@/store/annotation/reducer';\nimport { ToolInstance } from '@/store/annotation/types';\nimport { LabelBeeContext, useDispatch } from '@/store/ctx';\nimport { AnnotationFileList } from '@/types/data';\nimport { IStepInfo } from '@/types/step';\nimport { Form, InputNumber, Modal } from 'antd';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\n\nconst layout = {\n  labelCol: { span: 8 },\n  wrapperCol: { span: 16 },\n};\n\n/**\n * 检查当前数字是否为有效数字\n * @param value\n * @param nonZero 是否包括 0\n * @returns\n */\nexport const isInvalidNumber = (value: any, nonZero = false) => {\n  const intValue = Number(value);\n  if (typeof value === 'undefined' || intValue < 0 || isNaN(intValue)) {\n    return true;\n  }\n  if (nonZero === true && intValue === 0) {\n    return true;\n  }\n  return false;\n};\n\ninterface IProps {\n  id: number;\n  toolInstance: ToolInstance;\n  imgList: AnnotationFileList;\n  imgIndex: number;\n  stepList: IStepInfo[];\n}\n\nconst inputStyle = {\n  width: '80px',\n};\n\nconst BatchUpdateModal = ({ id, stepList, imgList, imgIndex, toolInstance }: IProps) => {\n  const dispatch = useDispatch();\n  const [visible, setVisible] = useState(false);\n  const [form] = Form.useForm();\n  const { t } = useTranslation();\n\n  const onFinish = (values: any) => {\n    // New ImgList without UpdateData\n    dispatch(\n      BatchUpdateTrackID({\n        id,\n        newID: values.newID,\n        rangeIndex: [values.prevPage - 1, values.nextPage - 1],\n        // TODO: Not to submit result, just to compose result.\n        imgList: composeResultByToolInstance({ toolInstance, imgList, imgIndex, stepList }),\n      }),\n    );\n    setVisible(false);\n  };\n\n  const onCancel = () => setVisible(false);\n\n  const onOk = () => form.submit();\n  const defaultNumberRules = [{ required: true, message: t('PositiveIntegerCheck') }];\n\n  return (\n    <>\n      <a style={{ color: '#666FFF' }} onClick={() => setVisible(true)}>\n        {t('BatchUpdateText')}\n      </a>\n      <Modal\n        title={t('BatchUpdateTrackID')}\n        visible={visible}\n        onCancel={onCancel}\n        onOk={onOk}\n        wrapClassName='labelbee-custom-modal'\n      >\n        <Form {...layout} form={form} onFinish={onFinish}>\n          <Form.Item name='id' label={t('CurrentBoxTrackIDs')}>\n            {id}\n          </Form.Item>\n\n          <Form.Item name='newID' label={t('TrackIDUnifyAs')} rules={defaultNumberRules}>\n            <InputNumber precision={0} min={1} style={inputStyle} />\n          </Form.Item>\n          <Form.Item label={t('UnifyTrackIDRange')} required={true}>\n            <Form.Item\n              style={{ display: 'inline-block' }}\n              rules={defaultNumberRules}\n              name='prevPage'\n              noStyle={true}\n            >\n              <InputNumber precision={0} min={1} style={inputStyle} />\n            </Form.Item>\n            <span\n              style={{\n                display: 'inline-block',\n                width: '24px',\n                textAlign: 'center',\n              }}\n            >\n              -\n            </span>\n            <Form.Item\n              style={{ display: 'inline-block' }}\n              rules={defaultNumberRules}\n              name='nextPage'\n              noStyle={true}\n            >\n              <InputNumber precision={0} min={1} style={inputStyle} />\n            </Form.Item>\n            <span\n              style={{\n                display: 'inline-block',\n                width: '40x',\n                marginLeft: '10px',\n                textAlign: 'center',\n              }}\n            >\n              {t('Page')}\n            </span>\n          </Form.Item>\n        </Form>\n      </Modal>\n    </>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => {\n  return {\n    toolInstance: state.annotation.toolInstance,\n    imgList: state.annotation.imgList,\n    imgIndex: state.annotation.imgIndex,\n    stepList: state.annotation.stepList,\n  };\n};\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(BatchUpdateModal);\n"],"names":[],"mappings":"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"}