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

package/es/views/MainView/toolFooter/ZoomController/index.js

@@ -1 +1,63 @@
-import o from"react";import c from"../../../../assets/annotation/common/icon_adapt.svg.js";import i from"../../../../assets/annotation/common/icon_adapt_black.svg.js";import{MinusOutlined as d,PlusOutlined as u}from"@ant-design/icons";import{connect as g}from"react-redux";import p from"./ZoomLevel/index.js";import{footerCls as a}from"../index.js";import{LabelBeeContext as f}from"../../../../store/ctx.js";const m=({mode:e,initialPosition:t,zoomOut:n,zoomIn:l,zoom:r})=>{const s=e==="light"?c:i;return o.createElement("div",null,o.createElement("span",{className:`${a}__zoomController`},o.createElement(d,{className:`${a}__highlight`,onClick:()=>{n==null||n()}}),o.createElement("span",{className:`${a}__zoomText`,onClick:()=>{t==null||t()}},o.createElement("img",{src:s,className:"adaptIcon"}),o.createElement(p,{zoom:r})),o.createElement(u,{className:`${a}__highlight`,onClick:()=>{l==null||l()}})))},C=({toolInstance:e})=>{const t=()=>{e.initImgPos()},n=()=>{e.zoomChanged(!1)},l=()=>{e.zoomChanged(!0)};return o.createElement(m,{initialPosition:t,zoomIn:l,zoomOut:n})};var _=g(e=>({toolInstance:e.annotation.toolInstance}),null,null,{context:f})(C);export{m as ZoomController,_ as default};
+import React from 'react';
+import img from '../../../../assets/annotation/common/icon_adapt.svg.js';
+import img$1 from '../../../../assets/annotation/common/icon_adapt_black.svg.js';
+import { MinusOutlined, PlusOutlined } from '@ant-design/icons';
+import { connect } from 'react-redux';
+import ZoomLevel from './ZoomLevel/index.js';
+import { footerCls } from '../index.js';
+import { LabelBeeContext } from '../../../../store/ctx.js';
+
+const ZoomController = ({
+  mode,
+  initialPosition,
+  zoomOut,
+  zoomIn,
+  zoom
+}) => {
+  const defaultIcon = mode === "light" ? img : img$1;
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", {
+    className: `${footerCls}__zoomController`
+  }, /* @__PURE__ */ React.createElement(MinusOutlined, {
+    className: `${footerCls}__highlight`,
+    onClick: () => {
+      zoomOut == null ? void 0 : zoomOut();
+    }
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: `${footerCls}__zoomText`,
+    onClick: () => {
+      initialPosition == null ? void 0 : initialPosition();
+    }
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: defaultIcon,
+    className: "adaptIcon"
+  }), /* @__PURE__ */ React.createElement(ZoomLevel, {
+    zoom
+  })), /* @__PURE__ */ React.createElement(PlusOutlined, {
+    className: `${footerCls}__highlight`,
+    onClick: () => {
+      zoomIn == null ? void 0 : zoomIn();
+    }
+  })));
+};
+const ZoomControllerWithToolInstance = ({toolInstance}) => {
+  const initialPosition = () => {
+    toolInstance.initImgPos();
+  };
+  const zoomOut = () => {
+    toolInstance.zoomChanged(false);
+  };
+  const zoomIn = () => {
+    toolInstance.zoomChanged(true);
+  };
+  return /* @__PURE__ */ React.createElement(ZoomController, {
+    initialPosition,
+    zoomIn,
+    zoomOut
+  });
+};
+var ZoomController$1 = connect((state) => ({
+  toolInstance: state.annotation.toolInstance
+}), null, null, {context: LabelBeeContext})(ZoomControllerWithToolInstance);
+
+export { ZoomController, ZoomController$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolFooter/ZoomController/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolFooter/ZoomController/index.tsx"],"sourcesContent":["import React from 'react';\nimport adaptIcon from '@/assets/annotation/common/icon_adapt.svg';\nimport adaptIconBlack from '@/assets/annotation/common/icon_adapt_black.svg';\nimport { MinusOutlined, PlusOutlined } from '@ant-design/icons';\nimport { AppState } from '@/store';\nimport { ToolInstance } from '@/store/annotation/types';\nimport { connect } from 'react-redux';\nimport ZoomLevel from './ZoomLevel';\nimport { footerCls, FooterTheme } from '../index';\nimport { LabelBeeContext } from '@/store/ctx';\n\ninterface IZoomControllerProps {\n  mode?: FooterTheme;\n  initialPosition?: () => void;\n  zoomIn?: () => void;\n  zoomOut?: () => void;\n  zoom?: number; // Allow to show zoom directly\n}\n\nexport const ZoomController: React.FC<IZoomControllerProps> = ({\n  mode,\n  initialPosition,\n  zoomOut,\n  zoomIn,\n  zoom,\n}) => {\n  const defaultIcon = mode === 'light' ? adaptIcon : adaptIconBlack;\n  return (\n    <div>\n      <span className={`${footerCls}__zoomController`}>\n        <MinusOutlined\n          className={`${footerCls}__highlight`}\n          onClick={() => {\n            zoomOut?.();\n          }}\n        />\n        <span\n          className={`${footerCls}__zoomText`}\n          onClick={() => {\n            initialPosition?.();\n          }}\n        >\n          <img src={defaultIcon} className='adaptIcon' />\n          <ZoomLevel zoom={zoom} />\n        </span>\n        <PlusOutlined\n          className={`${footerCls}__highlight`}\n          onClick={() => {\n            zoomIn?.();\n          }}\n        />\n      </span>\n    </div>\n  );\n};\n\nconst ZoomControllerWithToolInstance: React.FC<{\n  toolInstance: ToolInstance;\n  mode: FooterTheme;\n}> = ({ toolInstance }) => {\n  const initialPosition = () => {\n    toolInstance.initImgPos();\n  };\n\n  const zoomOut = () => {\n    toolInstance.zoomChanged(false);\n  };\n\n  const zoomIn = () => {\n    toolInstance.zoomChanged(true);\n  };\n\n  return <ZoomController initialPosition={initialPosition} zoomIn={zoomIn} zoomOut={zoomOut} />;\n};\n\nexport default connect(\n  (state: AppState) => ({\n    toolInstance: state.annotation.toolInstance,\n  }),\n  null,\n  null,\n  { context: LabelBeeContext },\n)(ZoomControllerWithToolInstance);\n"],"names":["adaptIcon","adaptIconBlack"],"mappings":";;;;;;;;;AAmBO,MAAM,iBAAiD,CAAC;AAAA,EAC7D,IAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,CACI,KAAA;AACJ,EAAM,MAAA,WAAA,GAAc,IAAS,KAAA,OAAA,GAAUA,GAAY,GAAAC,KAAA,CAAA;AACnD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAD,IACE,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAD,EAAA;AAAA,IAAM,WAAW,CAAG,EAAA,SAAA,CAAA,gBAAA,CAAA;AAAA,GAAA,sCACjB,aAAD,EAAA;AAAA,IACE,WAAW,CAAG,EAAA,SAAA,CAAA,WAAA,CAAA;AAAA,IACd,SAAS,MAAM;AACb,MAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,sCAGH,MAAD,EAAA;AAAA,IACE,WAAW,CAAG,EAAA,SAAA,CAAA,UAAA,CAAA;AAAA,IACd,SAAS,MAAM;AACb,MAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA,sCAGD,KAAD,EAAA;AAAA,IAAK,GAAK,EAAA,WAAA;AAAA,IAAa,SAAU,EAAA,WAAA;AAAA,GAAA,CAAA,sCAChC,SAAD,EAAA;AAAA,IAAW,IAAA;AAAA,GAAA,CAAA,CAAA,sCAEZ,YAAD,EAAA;AAAA,IACE,WAAW,CAAG,EAAA,SAAA,CAAA,WAAA,CAAA;AAAA,IACd,SAAS,MAAM;AACb,MAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAQZ,MAAM,8BAAA,GAGD,CAAC,CAAE,YAAmB,CAAA,KAAA;AACzB,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAa,YAAA,CAAA,UAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAGf,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,YAAA,CAAa,WAAY,CAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAG3B,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,YAAA,CAAa,WAAY,CAAA,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAG3B,EAAA,2CAAQ,cAAD,EAAA;AAAA,IAAgB,eAAA;AAAA,IAAkC,MAAA;AAAA,IAAgB,OAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAG3E,uBAAe,OAAA,CACb,CAAC,KAAqB,MAAA;AAAA,EACpB,YAAA,EAAc,MAAM,UAAW,CAAA,YAAA;AAAA,CAAA,CAAA,EAEjC,IACA,EAAA,IAAA,EACA,CAAE,OAAA,EAAS,eACX,CAAA,CAAA,CAAA,8BAAA,CAAA;;;;"}

package/es/views/MainView/toolFooter/index.js

@@ -1 +1,125 @@
-import{prefix as N}from"../../../constant/index.js";import{PageBackward as g,PageForward as x,PageJump as b}from"../../../store/annotation/actionCreators.js";import{getTotalPage as k}from"../../../store/annotation/reducer.js";import{Divider as B}from"antd/es";import e from"react";import{useTranslation as A}from"react-i18next";import{connect as S}from"react-redux";import{LabelBeeContext as w,useDispatch as D}from"../../../store/ctx.js";import T from"./FooterTips/index.js";import H from"./HiddenTips/index.js";import R from"./PageNumber/index.js";import $ from"./ZoomController/index.js";import{Pagination as J}from"./Pagination.js";import{AnnotatedAttributesIcon as P}from"./AnnotatedAttributes/index.js";import{cTool as K}from"@labelbee/lb-annotation";import{shortCutTable as Z,ToolHotKeyCom as z}from"./FooterTips/ToolHotKey/index.js";const{EPointCloudName:_}=K,l=`${N}-footer`,E=()=>e.createElement(B,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}}),I=({footerTips:t,hiddenTips:a,pageNumber:s,pagination:m,zoomController:i,curItems:c,footerDivider:u,annotateAttrList:o})=>e.createElement(e.Fragment,null,t,o,e.createElement("div",{style:{flex:1}}),a,s,m,c,u,i),q=t=>{var a;const{stepList:s,step:m,basicResultList:i,basicIndex:c,mode:u="light",footer:o=I,skipBeforePageTurning:n}=t,r=D(),{t:j}=A(),d=(a=s[m-1])!=null?a:{},y=!!d.dataSourceStep,h=()=>{if(n){n(()=>r(g()));return}r(g())},v=()=>{if(n){n(()=>r(x()));return}r(x())},C=L=>{const f=~~L-1;if(n){n(()=>r(b(f)));return}r(b(f))},p=e.createElement(J,{imgIndex:t.imgIndex,totalPage:t.totalPage,pageJump:C,pageBackward:h,pageForward:v,footerCls:l}),F=y&&i.length>0?e.createElement("span",null,j("curItems",{current:c+1,total:i.length})):null;return typeof o=="function"?o===I&&d.tool===_.PointCloud?e.createElement("div",{className:`${l}`,style:t.style},e.createElement(T,null),e.createElement(P,null),e.createElement("div",{style:{flex:1}}),p):e.createElement("div",{className:`${l}`,style:t.style},o({footerTips:e.createElement(T,null),hiddenTips:e.createElement(H,null),pageNumber:e.createElement(R,null),annotateAttrList:e.createElement(P,null),pagination:p,zoomController:e.createElement($,{mode:u}),curItems:F,footerDivider:e.createElement(E,null),shortCutTable:Z,ToolHotKeyCom:z})):o},G=t=>({totalPage:k(t.annotation),imgIndex:t.annotation.imgIndex,stepList:t.annotation.stepList,step:t.annotation.step,basicIndex:t.annotation.basicIndex,basicResultList:t.annotation.basicResultList,skipBeforePageTurning:t.annotation.skipBeforePageTurning});var M=S(G,null,null,{context:w})(q);export{E as FooterDivider,M as default,l as footerCls};
+import { prefix } from '../../../constant/index.js';
+import { PageBackward, PageForward, PageJump } from '../../../store/annotation/actionCreators.js';
+import { getTotalPage } from '../../../store/annotation/reducer.js';
+import { Divider } from 'antd/es';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { LabelBeeContext, useDispatch } from '../../../store/ctx.js';
+import FooterTips from './FooterTips/index.js';
+import HiddenTips from './HiddenTips/index.js';
+import PageNumber from './PageNumber/index.js';
+import ZoomController from './ZoomController/index.js';
+import { Pagination } from './Pagination.js';
+import { AnnotatedAttributesIcon } from './AnnotatedAttributes/index.js';
+import { cTool } from '@labelbee/lb-annotation';
+import { shortCutTable, ToolHotKeyCom } from './FooterTips/ToolHotKey/index.js';
+
+const {EPointCloudName} = cTool;
+const footerCls = `${prefix}-footer`;
+const FooterDivider = () => /* @__PURE__ */ React.createElement(Divider, {
+  type: "vertical",
+  style: {background: "rgba(153, 153, 153, 1)", height: "16px"}
+});
+const renderFooter = ({
+  footerTips,
+  hiddenTips,
+  pageNumber,
+  pagination,
+  zoomController,
+  curItems,
+  footerDivider,
+  annotateAttrList
+}) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, footerTips, annotateAttrList, /* @__PURE__ */ React.createElement("div", {
+    style: {flex: 1}
+  }), hiddenTips, pageNumber, pagination, curItems, footerDivider, zoomController);
+};
+const ToolFooter = (props) => {
+  var _a;
+  const {
+    stepList,
+    step,
+    basicResultList,
+    basicIndex,
+    mode = "light",
+    footer = renderFooter,
+    skipBeforePageTurning
+  } = props;
+  const dispatch = useDispatch();
+  const {t} = useTranslation();
+  const stepInfo = (_a = stepList[step - 1]) != null ? _a : {};
+  const hasSourceStep = !!stepInfo.dataSourceStep;
+  const pageBackward = () => {
+    if (skipBeforePageTurning) {
+      skipBeforePageTurning(() => dispatch(PageBackward()));
+      return;
+    }
+    dispatch(PageBackward());
+  };
+  const pageForward = () => {
+    if (skipBeforePageTurning) {
+      skipBeforePageTurning(() => dispatch(PageForward()));
+      return;
+    }
+    dispatch(PageForward());
+  };
+  const toPageNumber = (page) => {
+    const imgIndex = ~~page - 1;
+    if (skipBeforePageTurning) {
+      skipBeforePageTurning(() => dispatch(PageJump(imgIndex)));
+      return;
+    }
+    dispatch(PageJump(imgIndex));
+  };
+  const pagination = /* @__PURE__ */ React.createElement(Pagination, {
+    imgIndex: props.imgIndex,
+    totalPage: props.totalPage,
+    pageJump: toPageNumber,
+    pageBackward,
+    pageForward,
+    footerCls
+  });
+  const curItems = hasSourceStep && basicResultList.length > 0 ? /* @__PURE__ */ React.createElement("span", null, t("curItems", {current: basicIndex + 1, total: basicResultList.length})) : null;
+  if (typeof footer === "function") {
+    if (footer === renderFooter && stepInfo.tool === EPointCloudName.PointCloud) {
+      return /* @__PURE__ */ React.createElement("div", {
+        className: `${footerCls}`,
+        style: props.style
+      }, /* @__PURE__ */ React.createElement(FooterTips, null), /* @__PURE__ */ React.createElement(AnnotatedAttributesIcon, null), /* @__PURE__ */ React.createElement("div", {
+        style: {flex: 1}
+      }), pagination);
+    }
+    return /* @__PURE__ */ React.createElement("div", {
+      className: `${footerCls}`,
+      style: props.style
+    }, footer({
+      footerTips: /* @__PURE__ */ React.createElement(FooterTips, null),
+      hiddenTips: /* @__PURE__ */ React.createElement(HiddenTips, null),
+      pageNumber: /* @__PURE__ */ React.createElement(PageNumber, null),
+      annotateAttrList: /* @__PURE__ */ React.createElement(AnnotatedAttributesIcon, null),
+      pagination,
+      zoomController: /* @__PURE__ */ React.createElement(ZoomController, {
+        mode
+      }),
+      curItems,
+      footerDivider: /* @__PURE__ */ React.createElement(FooterDivider, null),
+      shortCutTable,
+      ToolHotKeyCom
+    }));
+  }
+  return footer;
+};
+const mapStateToProps = (state) => ({
+  totalPage: getTotalPage(state.annotation),
+  imgIndex: state.annotation.imgIndex,
+  stepList: state.annotation.stepList,
+  step: state.annotation.step,
+  basicIndex: state.annotation.basicIndex,
+  basicResultList: state.annotation.basicResultList,
+  skipBeforePageTurning: state.annotation.skipBeforePageTurning
+});
+var ToolFooter$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(ToolFooter);
+
+export { FooterDivider, ToolFooter$1 as default, footerCls };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/views/MainView/toolFooter/index.tsx"],"sourcesContent":["import { prefix } from '@/constant';\nimport { AppState } from '@/store';\nimport { PageBackward, PageForward, PageJump } from '@/store/annotation/actionCreators';\nimport { getTotalPage } from '@/store/annotation/reducer';\nimport { RenderFooter } from '@/types/main';\nimport { IStepInfo } from '@/types/step';\nimport { Divider } from 'antd/es';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\nimport { useDispatch, LabelBeeContext } from '@/store/ctx';\nimport FooterTips from './FooterTips';\nimport HiddenTips from './HiddenTips';\nimport PageNumber from './PageNumber';\nimport ZoomController from './ZoomController';\nimport { Pagination } from './Pagination';\nimport { AnnotatedAttributesIcon } from './AnnotatedAttributes';\nimport { cTool } from '@labelbee/lb-annotation';\nimport { shortCutTable, ToolHotKeyCom } from './FooterTips/ToolHotKey';\n\nconst { EPointCloudName } = cTool;\n\nexport type FooterTheme = 'light' | 'dark';\ninterface IProps {\n  totalPage: number;\n  imgIndex: number;\n  style?: { [key: string]: any };\n  stepList: IStepInfo[];\n  step: number;\n  basicResultList: any[];\n  basicIndex: number;\n  mode?: FooterTheme; // 后面通过 context 的形式进行编写\n  footer?: RenderFooter;\n\n  skipBeforePageTurning?: (pageTurning: Function) => void;\n}\n\nexport const footerCls = `${prefix}-footer`;\n\nexport const FooterDivider = () => (\n  <Divider type='vertical' style={{ background: 'rgba(153, 153, 153, 1)', height: '16px' }} />\n);\n\n/**\n * default footer renderer\n * @param param0\n * @returns\n */\nconst renderFooter: RenderFooter = ({\n  footerTips,\n  hiddenTips,\n  pageNumber,\n  pagination,\n  zoomController,\n  curItems,\n  footerDivider,\n  annotateAttrList,\n}) => {\n  return (\n    <>\n      {footerTips}\n      {annotateAttrList}\n      <div style={{ flex: 1 }} />\n      {hiddenTips}\n      {pageNumber}\n      {pagination}\n      {curItems}\n      {footerDivider}\n      {zoomController}\n    </>\n  );\n};\n\nconst ToolFooter: React.FC<IProps> = (props: IProps) => {\n  const {\n    stepList,\n    step,\n    basicResultList,\n    basicIndex,\n    mode = 'light',\n    footer = renderFooter,\n    skipBeforePageTurning,\n  } = props;\n\n  const dispatch = useDispatch();\n  const { t } = useTranslation();\n  const stepInfo = stepList[step - 1] ?? {};\n  const hasSourceStep = !!stepInfo.dataSourceStep;\n\n  const pageBackward = () => {\n    if (skipBeforePageTurning) {\n      skipBeforePageTurning(() => dispatch(PageBackward()));\n      return;\n    }\n\n    dispatch(PageBackward());\n  };\n\n  const pageForward = () => {\n    if (skipBeforePageTurning) {\n      skipBeforePageTurning(() => dispatch(PageForward()));\n      return;\n    }\n    dispatch(PageForward());\n  };\n\n  const toPageNumber = (page: string) => {\n    const imgIndex = ~~page - 1;\n    if (skipBeforePageTurning) {\n      skipBeforePageTurning(() => dispatch(PageJump(imgIndex)));\n      return;\n    }\n    dispatch(PageJump(imgIndex));\n  };\n\n  const pagination = (\n    <Pagination\n      imgIndex={props.imgIndex}\n      totalPage={props.totalPage}\n      pageJump={toPageNumber}\n      pageBackward={pageBackward}\n      pageForward={pageForward}\n      footerCls={footerCls}\n    />\n  );\n\n  const curItems =\n    hasSourceStep && basicResultList.length > 0 ? (\n      <span>{t('curItems', { current: basicIndex + 1, total: basicResultList.length })}</span>\n    ) : null;\n\n  if (typeof footer === 'function') {\n    if (footer === renderFooter && stepInfo.tool === EPointCloudName.PointCloud) {\n      return (\n        <div className={`${footerCls}`} style={props.style}>\n          <FooterTips />\n          <AnnotatedAttributesIcon />\n          <div style={{ flex: 1 }} />\n          {pagination}\n        </div>\n      );\n    }\n\n    return (\n      <div className={`${footerCls}`} style={props.style}>\n        {footer({\n          footerTips: <FooterTips />,\n          hiddenTips: <HiddenTips />,\n          pageNumber: <PageNumber />,\n          annotateAttrList: <AnnotatedAttributesIcon />,\n          pagination,\n          zoomController: <ZoomController mode={mode} />,\n          curItems,\n          footerDivider: <FooterDivider />,\n          shortCutTable,\n          ToolHotKeyCom,\n        })}\n      </div>\n    );\n  }\n\n  return footer;\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  totalPage: getTotalPage(state.annotation),\n  imgIndex: state.annotation.imgIndex,\n  stepList: state.annotation.stepList,\n  step: state.annotation.step,\n  basicIndex: state.annotation.basicIndex,\n  basicResultList: state.annotation.basicResultList,\n  skipBeforePageTurning: state.annotation.skipBeforePageTurning,\n});\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(ToolFooter);\n"],"names":[],"mappings":"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"}

package/es/views/MainView/toolHeader/ExportData/index.js

@@ -1 +1,38 @@
-import i from"react";import{Button as a}from"antd/es";import{connect as m}from"react-redux";import{ANNOTATION_ACTIONS as s}from"../../../../store/Actions.js";import{ESubmitType as c}from"../../../../constant/index.js";import{useTranslation as p}from"react-i18next";import{LabelBeeContext as l}from"../../../../store/ctx.js";const u=({imgList:t,dispatch:n,onSubmit:T,exportData:o})=>{const{t:r}=p();if(!o)return null;const e=()=>{n({type:s.SUBMIT_FILE_DATA,payload:{submitType:c.Export}}),o&&o(t)};return i.createElement(a,{style:{marginLeft:20},onClick:e},r("Export"))},f=t=>({toolInstance:t.annotation.toolInstance,imgList:t.annotation.imgList,onSubmit:t.annotation.onSubmit});var x=m(f,null,null,{context:l})(u);export{x as default};
+import React from 'react';
+import { Button } from 'antd/es';
+import { connect } from 'react-redux';
+import { ANNOTATION_ACTIONS } from '../../../../store/Actions.js';
+import { ESubmitType } from '../../../../constant/index.js';
+import { useTranslation } from 'react-i18next';
+import { LabelBeeContext } from '../../../../store/ctx.js';
+
+const ExportData = ({imgList, dispatch, onSubmit, exportData}) => {
+  const {t} = useTranslation();
+  if (!exportData) {
+    return null;
+  }
+  const exportDataFuc = () => {
+    dispatch({
+      type: ANNOTATION_ACTIONS.SUBMIT_FILE_DATA,
+      payload: {
+        submitType: ESubmitType.Export
+      }
+    });
+    if (exportData) {
+      exportData(imgList);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Button, {
+    style: {marginLeft: 20},
+    onClick: exportDataFuc
+  }, t("Export"));
+};
+const mapStateToProps = (state) => ({
+  toolInstance: state.annotation.toolInstance,
+  imgList: state.annotation.imgList,
+  onSubmit: state.annotation.onSubmit
+});
+var ExportData$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(ExportData);
+
+export { ExportData$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolHeader/ExportData/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolHeader/ExportData/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'antd/es';\nimport { AppState } from '@/store';\nimport { ToolInstance } from '@/store/annotation/types';\nimport { connect } from 'react-redux';\nimport { IFileItem, OnSubmit } from '@/types/data';\nimport { ANNOTATION_ACTIONS } from '@/store/Actions';\nimport { ESubmitType } from '@/constant';\nimport { Dispatch } from 'redux';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\n\ninterface IProps {\n  toolInstance: ToolInstance;\n  imgList: IFileItem[];\n  onSubmit?: OnSubmit;\n  exportData?: (imgList: IFileItem[]) => void;\n  dispatch: Dispatch;\n}\n\nconst ExportData: React.FC<IProps> = ({ imgList, dispatch, onSubmit, exportData }) => {\n  const { t } = useTranslation();\n\n  if (!exportData) {\n    return null;\n  }\n\n  const exportDataFuc = () => {\n    dispatch({\n      type: ANNOTATION_ACTIONS.SUBMIT_FILE_DATA,\n      payload: {\n        submitType: ESubmitType.Export,\n      },\n    });\n\n    if (exportData) {\n      exportData(imgList);\n    }\n  };\n\n  return (\n    <Button style={{ marginLeft: 20 }} onClick={exportDataFuc}>\n      {t('Export')}\n    </Button>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  toolInstance: state.annotation.toolInstance,\n  imgList: state.annotation.imgList,\n  onSubmit: state.annotation.onSubmit,\n});\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(ExportData);\n"],"names":[],"mappings":";;;;;;;;AAoBA,MAAM,aAA+B,CAAC,CAAE,OAAS,EAAA,QAAA,EAAU,UAAU,UAAiB,CAAA,KAAA;AACpF,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AAEd,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,IAAA,CAAA;AAAA,GAAA;AAGT,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAS,QAAA,CAAA;AAAA,MACP,MAAM,kBAAmB,CAAA,gBAAA;AAAA,MACzB,OAAS,EAAA;AAAA,QACP,YAAY,WAAY,CAAA,MAAA;AAAA,OAAA;AAAA,KAAA,CAAA,CAAA;AAI5B,IAAA,IAAI,UAAY,EAAA;AACd,MAAW,UAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAIf,EAAA,2CACG,MAAD,EAAA;AAAA,IAAQ,KAAA,EAAO,CAAE,UAAY,EAAA,EAAA,CAAA;AAAA,IAAM,OAAS,EAAA,aAAA;AAAA,GAAA,EACzC,CAAE,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAKT,MAAM,eAAA,GAAkB,CAAC,KAAqB,MAAA;AAAA,EAC5C,YAAA,EAAc,MAAM,UAAW,CAAA,YAAA;AAAA,EAC/B,OAAA,EAAS,MAAM,UAAW,CAAA,OAAA;AAAA,EAC1B,QAAA,EAAU,MAAM,UAAW,CAAA,QAAA;AAAA,CAAA,CAAA,CAAA;AAG7B,mBAAe,QAAQ,eAAiB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAAmB,CAAA,CAAA,CAAA,UAAA,CAAA;;;;"}

package/es/views/MainView/toolHeader/StepSwitch/index.js

@@ -1 +1,41 @@
-import{Dropdown as p}from"antd/es";import{OrderedListOutlined as c,CaretDownOutlined as m}from"@ant-design/icons";import t from"react";import{connect as l}from"react-redux";import{LabelBeeContext as d,useDispatch as f}from"../../../../store/ctx.js";import x from"../../../../components/customAntd/IconWithText/index.js";import{prefix as u}from"../../../../constant/index.js";import S from"../../../../components/annotationStepPopover/index.js";import{UpdateProcessingStep as h}from"../../../../store/annotation/actionCreators.js";import{useTranslation as j}from"react-i18next";const E=({stepProgress:e,step:o,stepList:n})=>{const r=f(),{t:s}=j(),a=i=>{r(h(i))};return t.createElement("span",{className:`${u}`},t.createElement(p,{overlay:t.createElement(S,{stepList:n,updateStep:a,currentStep:o})},t.createElement(x,{text:s("Steps"),Icon:c,iconChildren:t.createElement(m,{style:{fontSize:8}})})))},P=e=>({stepList:e.annotation.stepList,step:e.annotation.step});var v=l(P,null,null,{context:d})(E);export{v as default};
+import { Dropdown } from 'antd/es';
+import { OrderedListOutlined, CaretDownOutlined } from '@ant-design/icons';
+import React from 'react';
+import { connect } from 'react-redux';
+import { LabelBeeContext, useDispatch } from '../../../../store/ctx.js';
+import IconWithText from '../../../../components/customAntd/IconWithText/index.js';
+import { prefix } from '../../../../constant/index.js';
+import AnnotationStepPopover from '../../../../components/annotationStepPopover/index.js';
+import { UpdateProcessingStep } from '../../../../store/annotation/actionCreators.js';
+import { useTranslation } from 'react-i18next';
+
+const StepSwitch = ({stepProgress, step, stepList}) => {
+  const dispatch = useDispatch();
+  const {t} = useTranslation();
+  const updateStep = (toStep) => {
+    dispatch(UpdateProcessingStep(toStep));
+  };
+  return /* @__PURE__ */ React.createElement("span", {
+    className: `${prefix}`
+  }, /* @__PURE__ */ React.createElement(Dropdown, {
+    overlay: /* @__PURE__ */ React.createElement(AnnotationStepPopover, {
+      stepList,
+      updateStep,
+      currentStep: step
+    })
+  }, /* @__PURE__ */ React.createElement(IconWithText, {
+    text: t("Steps"),
+    Icon: OrderedListOutlined,
+    iconChildren: /* @__PURE__ */ React.createElement(CaretDownOutlined, {
+      style: {fontSize: 8}
+    })
+  })));
+};
+const mapStateToProps = (state) => ({
+  stepList: state.annotation.stepList,
+  step: state.annotation.step
+});
+var StepSwitch$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(StepSwitch);
+
+export { StepSwitch$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolHeader/StepSwitch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolHeader/StepSwitch/index.tsx"],"sourcesContent":["/**\n * 用于多步骤中的切换\n */\n\nimport { Dropdown } from 'antd/es';\nimport { CaretDownOutlined, OrderedListOutlined } from '@ant-design/icons';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { useDispatch, LabelBeeContext } from '@/store/ctx';\n\nimport { AppState } from '@/store';\nimport IconWithText from '@/components/customAntd/IconWithText';\nimport { prefix } from '@/constant';\nimport AnnotationStepPopover from '@/components/annotationStepPopover';\nimport { IStepInfo } from '@/types/step';\nimport { UpdateProcessingStep } from '@/store/annotation/actionCreators';\nimport { useTranslation } from 'react-i18next';\n\ninterface IProps {\n  stepProgress: number;\n  stepList: IStepInfo[];\n  step: number;\n}\n\nconst StepSwitch: React.FC<IProps> = ({ stepProgress, step, stepList }) => {\n  const dispatch = useDispatch();\n  const { t } = useTranslation();\n  const updateStep = (toStep: number) => {\n    dispatch(UpdateProcessingStep(toStep));\n  };\n\n  return (\n    <span className={`${prefix}`}>\n      <Dropdown\n        overlay={\n          <AnnotationStepPopover stepList={stepList} updateStep={updateStep} currentStep={step} />\n        }\n      >\n        <IconWithText\n          text={t('Steps')}\n          Icon={OrderedListOutlined}\n          iconChildren={<CaretDownOutlined style={{ fontSize: 8 }} />}\n        />\n      </Dropdown>\n    </span>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  stepList: state.annotation.stepList,\n  step: state.annotation.step,\n});\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(StepSwitch);\n"],"names":[],"mappings":";;;;;;;;;;;AAwBA,MAAM,UAA+B,GAAA,CAAC,CAAE,YAAA,EAAc,MAAM,QAAe,CAAA,KAAA;AACzE,EAAA,MAAM,QAAW,GAAA,WAAA,EAAA,CAAA;AACjB,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AACd,EAAM,MAAA,UAAA,GAAa,CAAC,MAAmB,KAAA;AACrC,IAAA,QAAA,CAAS,oBAAqB,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAGhC,EAAA,2CACG,MAAD,EAAA;AAAA,IAAM,WAAW,CAAG,EAAA,MAAA,CAAA,CAAA;AAAA,GAAA,sCACjB,QAAD,EAAA;AAAA,IACE,OAAA,sCACG,qBAAD,EAAA;AAAA,MAAuB,QAAA;AAAA,MAAoB,UAAA;AAAA,MAAwB,WAAa,EAAA,IAAA;AAAA,KAAA,CAAA;AAAA,GAAA,sCAGjF,YAAD,EAAA;AAAA,IACE,MAAM,CAAE,CAAA,OAAA,CAAA;AAAA,IACR,IAAM,EAAA,mBAAA;AAAA,IACN,YAAA,sCAAe,iBAAD,EAAA;AAAA,MAAmB,KAAA,EAAO,CAAE,QAAU,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAO9D,MAAM,eAAA,GAAkB,CAAC,KAAqB,MAAA;AAAA,EAC5C,QAAA,EAAU,MAAM,UAAW,CAAA,QAAA;AAAA,EAC3B,IAAA,EAAM,MAAM,UAAW,CAAA,IAAA;AAAA,CAAA,CAAA,CAAA;AAGzB,mBAAe,QAAQ,eAAiB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAAmB,CAAA,CAAA,CAAA,UAAA,CAAA;;;;"}

package/es/views/MainView/toolHeader/SwitchPattern/index.js

@@ -0,0 +1,53 @@
+import React, { useContext } from 'react';
+import { EPointCloudName, EPointCloudPattern } from '@labelbee/lb-annotation';
+import { Button } from 'antd';
+import { connect } from 'react-redux';
+import { LabelBeeContext } from '../../../../store/ctx.js';
+import { PointCloudContext } from '../../../../components/pointCloudView/PointCloudContext.js';
+
+const SwitchPattern = ({toolName}) => {
+  const {
+    globalPattern,
+    setGlobalPattern,
+    setTopViewInstance,
+    setSideViewInstance,
+    setBackViewInstance,
+    setMainViewInstance
+  } = useContext(PointCloudContext);
+  if (toolName !== EPointCloudName.PointCloud) {
+    return null;
+  }
+  const clearDetection = () => {
+    setTopViewInstance(void 0);
+    setSideViewInstance(void 0);
+    setBackViewInstance(void 0);
+    setMainViewInstance(void 0);
+  };
+  const updateDetection = () => {
+    setGlobalPattern(EPointCloudPattern.Detection);
+    clearDetection();
+  };
+  const updateSegmentation = () => {
+    setGlobalPattern(EPointCloudPattern.Segmentation);
+    clearDetection();
+  };
+  return /* @__PURE__ */ React.createElement("span", {
+    style: {margin: "0 10px"}
+  }, /* @__PURE__ */ React.createElement(Button, {
+    type: globalPattern === EPointCloudPattern.Detection ? "primary" : void 0,
+    onClick: updateDetection
+  }, "\u68C0\u6D4B\u6A21\u5F0F"), /* @__PURE__ */ React.createElement(Button, {
+    type: globalPattern === EPointCloudPattern.Segmentation ? "primary" : void 0,
+    onClick: updateSegmentation
+  }, "\u5206\u5272\u6A21\u5F0F"));
+};
+const mapStateToProps = (state) => {
+  var _a, _b;
+  return {
+    toolName: (_b = (_a = state.annotation.stepList[state.annotation.step - 1]) == null ? void 0 : _a.tool) != null ? _b : ""
+  };
+};
+var SwitchPattern$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(SwitchPattern);
+
+export { SwitchPattern$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolHeader/SwitchPattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolHeader/SwitchPattern/index.tsx"],"sourcesContent":["/**\n * Switch Pattern in PointCloudTool\n *\n *\n */\nimport React, { useContext } from 'react';\nimport { EPointCloudName, EPointCloudPattern } from '@labelbee/lb-annotation';\nimport { Button } from 'antd';\nimport { AppState } from '@/store';\nimport { connect } from 'react-redux';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { PointCloudContext } from '@/components/pointCloudView/PointCloudContext';\n\ninterface IProps {\n  toolName: string;\n}\n\nconst SwitchPattern = ({ toolName }: IProps) => {\n  const {\n    globalPattern,\n    setGlobalPattern,\n    setTopViewInstance,\n    setSideViewInstance,\n    setBackViewInstance,\n    setMainViewInstance,\n  } = useContext(PointCloudContext);\n\n  if (toolName !== EPointCloudName.PointCloud) {\n    return null;\n  }\n\n  const clearDetection = () => {\n    setTopViewInstance(undefined);\n    setSideViewInstance(undefined);\n    setBackViewInstance(undefined);\n    setMainViewInstance(undefined);\n  };\n\n  const updateDetection = () => {\n    setGlobalPattern(EPointCloudPattern.Detection);\n    clearDetection();\n  };\n  const updateSegmentation = () => {\n    setGlobalPattern(EPointCloudPattern.Segmentation);\n    clearDetection();\n  };\n\n  return (\n    <span style={{ margin: '0 10px' }}>\n      <Button\n        type={globalPattern === EPointCloudPattern.Detection ? 'primary' : undefined}\n        onClick={updateDetection}\n      >\n        检测模式\n      </Button>\n      <Button\n        type={globalPattern === EPointCloudPattern.Segmentation ? 'primary' : undefined}\n        onClick={updateSegmentation}\n      >\n        分割模式\n      </Button>\n    </span>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  toolName: state.annotation.stepList[state.annotation.step - 1]?.tool ?? '',\n});\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(SwitchPattern);\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,aAAA,GAAgB,CAAC,CAAE,QAAuB,CAAA,KAAA;AAC9C,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,mBAAA;AAAA,IACA,mBAAA;AAAA,IACA,mBAAA;AAAA,GAAA,GACE,UAAW,CAAA,iBAAA,CAAA,CAAA;AAEf,EAAI,IAAA,QAAA,KAAa,gBAAgB,UAAY,EAAA;AAC3C,IAAO,OAAA,IAAA,CAAA;AAAA,GAAA;AAGT,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAmB,kBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACnB,IAAoB,mBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACpB,IAAoB,mBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACpB,IAAoB,mBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAGtB,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,gBAAA,CAAiB,kBAAmB,CAAA,SAAA,CAAA,CAAA;AACpC,IAAA,cAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAEF,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,gBAAA,CAAiB,kBAAmB,CAAA,YAAA,CAAA,CAAA;AACpC,IAAA,cAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAGF,EAAA,2CACG,MAAD,EAAA;AAAA,IAAM,KAAA,EAAO,CAAE,MAAQ,EAAA,QAAA,CAAA;AAAA,GAAA,sCACpB,MAAD,EAAA;AAAA,IACE,IAAM,EAAA,aAAA,KAAkB,kBAAmB,CAAA,SAAA,GAAY,SAAY,GAAA,KAAA,CAAA;AAAA,IACnE,OAAS,EAAA,eAAA;AAAA,GACV,EAAA,0BAAA,CAAA,sCAGA,MAAD,EAAA;AAAA,IACE,IAAM,EAAA,aAAA,KAAkB,kBAAmB,CAAA,YAAA,GAAe,SAAY,GAAA,KAAA,CAAA;AAAA,IACtE,OAAS,EAAA,kBAAA;AAAA,GACV,EAAA,0BAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAOP,MAAM,eAAA,GAAkB,CAAC,KAAiB,KAAA;AAjE1C,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAiE8C,EAAA,OAAA;AAAA,IAC5C,QAAA,EAAU,CAAM,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,UAAA,CAAW,QAAS,CAAA,KAAA,CAAM,WAAW,IAAO,GAAA,CAAA,CAAA,KAAlD,IAAsD,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,KAAtD,IAA8D,GAAA,EAAA,GAAA,EAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAG1E,sBAAe,QAAQ,eAAiB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAAmB,CAAA,CAAA,CAAA,aAAA,CAAA;;;;"}

package/es/views/MainView/toolHeader/headerOption/index.js

@@ -1 +1,145 @@
-import r,{useState as j,useCallback as u}from"react";import{useDispatch as x,useSelector as h}from"../../../../store/ctx.js";import k from"../../../../assets/annotation/common/icon_r.svg.js";import _ from"../../../../assets/annotation/common/icon_next.svg.js";import E from"../../../../assets/annotation/common/icon_back.svg.js";import b from"../../../../assets/annotation/common/icon_rA.svg.js";import H from"../../../../assets/annotation/common/icon_nextA.svg.js";import $ from"../../../../assets/annotation/common/icon_backA.svg.js";import C from"../../../../assets/annotation/common/icon_save.svg.js";import A from"../../../../assets/annotation/common/icon_saveA.svg.js";import{prefix as w}from"../../../../constant/index.js";import{EToolName as R}from"../../../../data/enums/ToolType.js";import{ChangeSave as z}from"../../../../store/annotation/actionCreators.js";import{useTranslation as V}from"react-i18next";import{cTool as P}from"@labelbee/lb-annotation";const{EVideoToolName:d,EPointCloudName:B}=P;var t;(function(a){a.Hover="#666fff",a.Normal="#999999"})(t||(t={}));const I=a=>{const[i,l]=j(""),{stepInfo:e}=a,g=x(),{annotation:{toolInstance:n,onSave:p}}=h(o=>({annotation:o.annotation,imgAttribute:o.imgAttribute})),{t:S}=V(),m=[R.Tag,d.VideoTagTool].includes(e==null?void 0:e.tool),v=[d.VideoTagTool].includes(e==null?void 0:e.tool),f=[B.PointCloud].includes(e==null?void 0:e.tool),s=a.isBegin||m,N=()=>{e.dataSourceStep!==0&&e.dataSourceStep!==void 0||n==null||n.updateRotate()},T=u(()=>{n==null||n.undo()},[n]),y=u(()=>{n==null||n.redo()},[n]);let c=[{toolName:"save",title:"Save",show:!!p,commonSvg:C,selectedSvg:A,click:()=>{g(z)},style:{fontSize:"12px",color:!s&&i==="save"?t.Hover:t.Normal}},{toolName:"revocation",title:"Undo",show:!0,commonSvg:E,selectedSvg:$,click:()=>{m||T()},style:{opacity:s===!0?.4:1,fontSize:"12px",color:!s&&i==="revocation"?t.Hover:t.Normal}},{toolName:"restore",title:"Redo",show:!0,commonSvg:_,selectedSvg:H,click:()=>{m||y()},style:{opacity:s===!0?.4:1,fontSize:"12px",color:!s&&i==="restore"?t.Hover:t.Normal}},{toolName:"rotate",title:"Rotate",show:!0,selectedSvg:b,commonSvg:k,click:()=>{v||N()},style:{opacity:v===!0?.4:1,fontSize:"12px",color:!s&&i==="rotate"?t.Hover:t.Normal}}];return f&&(c=c.slice(0,3)),r.createElement("div",{className:`${w}-header__hotKey`},c.map(o=>o.show&&r.createElement("div",{key:o.toolName,className:"item",onMouseEnter:()=>l(o.toolName),onMouseLeave:()=>l("")},r.createElement("a",{className:"item",onClick:o.click},r.createElement("img",{className:"singleTool",src:i===o.toolName?o.selectedSvg:o.commonSvg,style:o.style}),r.createElement("div",{style:o.style},S(o.title))))))};export{I as default};
+import React, { useState, useCallback } from 'react';
+import { useDispatch, useSelector } from '../../../../store/ctx.js';
+import img$7 from '../../../../assets/annotation/common/icon_r.svg.js';
+import img$4 from '../../../../assets/annotation/common/icon_next.svg.js';
+import img$2 from '../../../../assets/annotation/common/icon_back.svg.js';
+import img$6 from '../../../../assets/annotation/common/icon_rA.svg.js';
+import img$5 from '../../../../assets/annotation/common/icon_nextA.svg.js';
+import img$3 from '../../../../assets/annotation/common/icon_backA.svg.js';
+import img from '../../../../assets/annotation/common/icon_save.svg.js';
+import img$1 from '../../../../assets/annotation/common/icon_saveA.svg.js';
+import { prefix } from '../../../../constant/index.js';
+import { EToolName } from '../../../../data/enums/ToolType.js';
+import { ChangeSave } from '../../../../store/annotation/actionCreators.js';
+import { useTranslation } from 'react-i18next';
+import { cTool } from '@labelbee/lb-annotation';
+
+const {EVideoToolName, EPointCloudName} = cTool;
+var EColor;
+(function(EColor2) {
+  EColor2["Hover"] = "#666fff";
+  EColor2["Normal"] = "#999999";
+})(EColor || (EColor = {}));
+const HeaderOption = (props) => {
+  const [toolHover, setToolHover] = useState("");
+  const {stepInfo} = props;
+  const dispatch = useDispatch();
+  const {
+    annotation: {toolInstance, onSave}
+  } = useSelector((state) => ({
+    annotation: state.annotation,
+    imgAttribute: state.imgAttribute
+  }));
+  const {t} = useTranslation();
+  const isTagTool = [EToolName.Tag, EVideoToolName.VideoTagTool].includes(stepInfo == null ? void 0 : stepInfo.tool);
+  const isVideo = [EVideoToolName.VideoTagTool].includes(stepInfo == null ? void 0 : stepInfo.tool);
+  const isPointCloud = [EPointCloudName.PointCloud].includes(stepInfo == null ? void 0 : stepInfo.tool);
+  const isBegin = props.isBegin || isTagTool;
+  const updateRotate = () => {
+    if (stepInfo.dataSourceStep !== 0 && stepInfo.dataSourceStep !== void 0) {
+      return;
+    }
+    toolInstance == null ? void 0 : toolInstance.updateRotate();
+  };
+  const revocation = useCallback(() => {
+    toolInstance == null ? void 0 : toolInstance.undo();
+  }, [toolInstance]);
+  const restore = useCallback(() => {
+    toolInstance == null ? void 0 : toolInstance.redo();
+  }, [toolInstance]);
+  let commonOptionList = [
+    {
+      toolName: "save",
+      title: "Save",
+      show: !!onSave,
+      commonSvg: img,
+      selectedSvg: img$1,
+      click: () => {
+        dispatch(ChangeSave);
+      },
+      style: {
+        fontSize: "12px",
+        color: !isBegin && toolHover === "save" ? EColor.Hover : EColor.Normal
+      }
+    },
+    {
+      toolName: "revocation",
+      title: "Undo",
+      show: true,
+      commonSvg: img$2,
+      selectedSvg: img$3,
+      click: () => {
+        if (isTagTool) {
+          return;
+        }
+        revocation();
+      },
+      style: {
+        opacity: isBegin === true ? 0.4 : 1,
+        fontSize: "12px",
+        color: !isBegin && toolHover === "revocation" ? EColor.Hover : EColor.Normal
+      }
+    },
+    {
+      toolName: "restore",
+      title: "Redo",
+      show: true,
+      commonSvg: img$4,
+      selectedSvg: img$5,
+      click: () => {
+        if (isTagTool) {
+          return;
+        }
+        restore();
+      },
+      style: {
+        opacity: isBegin === true ? 0.4 : 1,
+        fontSize: "12px",
+        color: !isBegin && toolHover === "restore" ? EColor.Hover : EColor.Normal
+      }
+    },
+    {
+      toolName: "rotate",
+      title: "Rotate",
+      show: true,
+      selectedSvg: img$6,
+      commonSvg: img$7,
+      click: () => {
+        if (isVideo) {
+          return;
+        }
+        updateRotate();
+      },
+      style: {
+        opacity: isVideo === true ? 0.4 : 1,
+        fontSize: "12px",
+        color: !isBegin && toolHover === "rotate" ? EColor.Hover : EColor.Normal
+      }
+    }
+  ];
+  if (isPointCloud) {
+    commonOptionList = commonOptionList.slice(0, 3);
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    className: `${prefix}-header__hotKey`
+  }, commonOptionList.map((info) => {
+    return info.show && /* @__PURE__ */ React.createElement("div", {
+      key: info.toolName,
+      className: "item",
+      onMouseEnter: () => setToolHover(info.toolName),
+      onMouseLeave: () => setToolHover("")
+    }, /* @__PURE__ */ React.createElement("a", {
+      className: "item",
+      onClick: info.click
+    }, /* @__PURE__ */ React.createElement("img", {
+      className: "singleTool",
+      src: toolHover === info.toolName ? info.selectedSvg : info.commonSvg,
+      style: info.style
+    }), /* @__PURE__ */ React.createElement("div", {
+      style: info.style
+    }, t(info.title))));
+  }));
+};
+
+export { HeaderOption as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolHeader/headerOption/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolHeader/headerOption/index.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { useDispatch, useSelector } from '@/store/ctx';\nimport { AppState } from '@/store';\nimport rotateSvg from '@/assets/annotation/common/icon_r.svg';\nimport restoreSvg from '@/assets/annotation/common/icon_next.svg';\nimport revocationSvg from '@/assets/annotation/common/icon_back.svg';\nimport rotateHighlightSvg from '@/assets/annotation/common/icon_rA.svg';\nimport restoreHighlightSvg from '@/assets/annotation/common/icon_nextA.svg';\nimport revocationHighlightSvg from '@/assets/annotation/common/icon_backA.svg';\nimport saveSvg from '@/assets/annotation/common/icon_save.svg';\nimport saveLightSvg from '@/assets/annotation/common/icon_saveA.svg';\nimport { prefix } from '@/constant';\nimport { EToolName } from '@/data/enums/ToolType';\nimport { ChangeSave } from '@/store/annotation/actionCreators';\nimport { IStepInfo } from '@/types/step';\nimport { useTranslation } from 'react-i18next';\nimport { cTool } from '@labelbee/lb-annotation';\nconst { EVideoToolName, EPointCloudName } = cTool;\n\ninterface IProps {\n  isBegin?: boolean;\n  stepInfo: IStepInfo;\n}\n\nenum EColor {\n  Hover = '#666fff',\n  Normal = '#999999',\n}\n\nconst HeaderOption: React.FC<IProps> = (props) => {\n  const [toolHover, setToolHover] = useState('');\n  const { stepInfo } = props;\n  const dispatch = useDispatch();\n  const {\n    annotation: { toolInstance, onSave },\n  } = useSelector((state: AppState) => ({\n    annotation: state.annotation,\n    imgAttribute: state.imgAttribute,\n  }));\n  const { t } = useTranslation();\n\n  const isTagTool = [EToolName.Tag, EVideoToolName.VideoTagTool].includes(stepInfo?.tool as any);\n  const isVideo = [EVideoToolName.VideoTagTool].includes(stepInfo?.tool as any);\n  const isPointCloud = [EPointCloudName.PointCloud].includes(stepInfo?.tool as any);\n\n  const isBegin = props.isBegin || isTagTool;\n\n  const updateRotate = () => {\n    /**\n     * 1. 非第一步无法旋转\n     * 2. 单步骤不存在 dataSourceStep\n     */\n    if (stepInfo.dataSourceStep !== 0 && stepInfo.dataSourceStep !== undefined) {\n      return;\n    }\n\n    toolInstance?.updateRotate();\n  };\n\n  const revocation = useCallback(() => {\n    toolInstance?.undo();\n  }, [toolInstance]);\n\n  const restore = useCallback(() => {\n    toolInstance?.redo();\n  }, [toolInstance]);\n\n  let commonOptionList: any = [\n    {\n      toolName: 'save',\n      title: 'Save',\n      show: !!onSave,\n      commonSvg: saveSvg,\n      selectedSvg: saveLightSvg,\n      click: () => {\n        dispatch(ChangeSave);\n      },\n      style: {\n        fontSize: '12px',\n        color: !isBegin && toolHover === 'save' ? EColor.Hover : EColor.Normal,\n      },\n    },\n    {\n      toolName: 'revocation',\n      title: 'Undo',\n      show: true,\n      commonSvg: revocationSvg,\n      selectedSvg: revocationHighlightSvg,\n      click: () => {\n        if (isTagTool) {\n          return;\n        }\n\n        revocation();\n      },\n      style: {\n        opacity: isBegin === true ? 0.4 : 1,\n        fontSize: '12px',\n        color: !isBegin && toolHover === 'revocation' ? EColor.Hover : EColor.Normal,\n      },\n    },\n    {\n      toolName: 'restore',\n      title: 'Redo',\n      show: true,\n      commonSvg: restoreSvg,\n      selectedSvg: restoreHighlightSvg,\n      click: () => {\n        if (isTagTool) {\n          return;\n        }\n\n        restore();\n      },\n      style: {\n        opacity: isBegin === true ? 0.4 : 1,\n        fontSize: '12px',\n        color: !isBegin && toolHover === 'restore' ? EColor.Hover : EColor.Normal,\n      },\n    },\n    {\n      toolName: 'rotate',\n      title: 'Rotate',\n      show: true,\n      selectedSvg: rotateHighlightSvg,\n      commonSvg: rotateSvg,\n      click: () => {\n        if (isVideo) {\n          // VideoTool don't need to rotate\n          return;\n        }\n\n        updateRotate();\n      },\n      style: {\n        opacity: isVideo === true ? 0.4 : 1,\n        fontSize: '12px',\n        color: !isBegin && toolHover === 'rotate' ? EColor.Hover : EColor.Normal,\n      },\n    },\n  ];\n\n  // PointCloudTool temporarily removes \"restore\" & \"redo\"\n  if (isPointCloud) {\n    commonOptionList = commonOptionList.slice(0, 3);\n  }\n\n  return (\n    <div className={`${prefix}-header__hotKey`}>\n      {commonOptionList.map((info: any) => {\n        return (\n          info.show && (\n            <div\n              key={info.toolName}\n              className='item'\n              onMouseEnter={() => setToolHover(info.toolName)}\n              onMouseLeave={() => setToolHover('')}\n            >\n              <a className='item' onClick={info.click}>\n                <img\n                  className='singleTool'\n                  src={toolHover === info.toolName ? info.selectedSvg : info.commonSvg}\n                  style={info.style}\n                />\n                <div style={info.style}>{t(info.title)}</div>\n              </a>\n            </div>\n          )\n        );\n      })}\n    </div>\n  );\n};\n\nexport default HeaderOption;\n"],"names":["saveSvg","saveLightSvg","revocationSvg","revocationHighlightSvg","restoreSvg","restoreHighlightSvg","rotateHighlightSvg","rotateSvg"],"mappings":"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"}