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

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

@@ -0,0 +1,59 @@
+'use strict';
+
+var React = require('react');
+var lbAnnotation = require('@labelbee/lb-annotation');
+var antd = require('antd');
+var reactRedux = require('react-redux');
+var ctx = require('../../../../store/ctx.js');
+var PointCloudContext = require('../../../../components/pointCloudView/PointCloudContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const SwitchPattern = ({toolName}) => {
+  const {
+    globalPattern,
+    setGlobalPattern,
+    setTopViewInstance,
+    setSideViewInstance,
+    setBackViewInstance,
+    setMainViewInstance
+  } = React.useContext(PointCloudContext.PointCloudContext);
+  if (toolName !== lbAnnotation.EPointCloudName.PointCloud) {
+    return null;
+  }
+  const clearDetection = () => {
+    setTopViewInstance(void 0);
+    setSideViewInstance(void 0);
+    setBackViewInstance(void 0);
+    setMainViewInstance(void 0);
+  };
+  const updateDetection = () => {
+    setGlobalPattern(lbAnnotation.EPointCloudPattern.Detection);
+    clearDetection();
+  };
+  const updateSegmentation = () => {
+    setGlobalPattern(lbAnnotation.EPointCloudPattern.Segmentation);
+    clearDetection();
+  };
+  return /* @__PURE__ */ React__default["default"].createElement("span", {
+    style: {margin: "0 10px"}
+  }, /* @__PURE__ */ React__default["default"].createElement(antd.Button, {
+    type: globalPattern === lbAnnotation.EPointCloudPattern.Detection ? "primary" : void 0,
+    onClick: updateDetection
+  }, "\u68C0\u6D4B\u6A21\u5F0F"), /* @__PURE__ */ React__default["default"].createElement(antd.Button, {
+    type: globalPattern === lbAnnotation.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 = reactRedux.connect(mapStateToProps, null, null, {context: ctx.LabelBeeContext})(SwitchPattern);
+
+module.exports = SwitchPattern$1;
+//# sourceMappingURL=index.js.map

package/dist/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":["useContext","PointCloudContext","EPointCloudName","EPointCloudPattern","Button","connect","LabelBeeContext"],"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,GACEA,gBAAW,CAAAC,mCAAA,CAAA,CAAA;AAEf,EAAI,IAAA,QAAA,KAAaC,6BAAgB,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,CAAiBC,+BAAmB,CAAA,SAAA,CAAA,CAAA;AACpC,IAAA,cAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAEF,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,gBAAA,CAAiBA,+BAAmB,CAAA,YAAA,CAAA,CAAA;AACpC,IAAA,cAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAGF,EAAA,+DACG,MAAD,EAAA;AAAA,IAAM,KAAA,EAAO,CAAE,MAAQ,EAAA,QAAA,CAAA;AAAA,GAAA,0DACpBC,WAAD,EAAA;AAAA,IACE,IAAM,EAAA,aAAA,KAAkBD,+BAAmB,CAAA,SAAA,GAAY,SAAY,GAAA,KAAA,CAAA;AAAA,IACnE,OAAS,EAAA,eAAA;AAAA,GACV,EAAA,0BAAA,CAAA,0DAGAC,WAAD,EAAA;AAAA,IACE,IAAM,EAAA,aAAA,KAAkBD,+BAAmB,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,sBAAeE,mBAAQ,eAAiB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAASC,mBAAmB,CAAA,CAAA,CAAA,aAAA,CAAA;;;;"}

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

@@ -1 +1,151 @@
-"use strict";var React=require("react"),ctx=require("../../../../store/ctx.js"),icon_r=require("../../../../assets/annotation/common/icon_r.svg.js"),icon_next=require("../../../../assets/annotation/common/icon_next.svg.js"),icon_back=require("../../../../assets/annotation/common/icon_back.svg.js"),icon_rA=require("../../../../assets/annotation/common/icon_rA.svg.js"),icon_nextA=require("../../../../assets/annotation/common/icon_nextA.svg.js"),icon_backA=require("../../../../assets/annotation/common/icon_backA.svg.js"),icon_save=require("../../../../assets/annotation/common/icon_save.svg.js"),icon_saveA=require("../../../../assets/annotation/common/icon_saveA.svg.js"),index=require("../../../../constant/index.js"),ToolType=require("../../../../data/enums/ToolType.js"),actionCreators=require("../../../../store/annotation/actionCreators.js"),reactI18next=require("react-i18next"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName,EPointCloudName}=lbAnnotation.cTool;var EColor;(function(o){o.Hover="#666fff",o.Normal="#999999"})(EColor||(EColor={}));const HeaderOption=o=>{const[r,c]=React.useState(""),{stepInfo:t}=o,u=ctx.useDispatch(),{annotation:{toolInstance:a,onSave:v}}=ctx.useSelector(e=>({annotation:e.annotation,imgAttribute:e.imgAttribute})),{t:m}=reactI18next.useTranslation(),s=[ToolType.EToolName.Tag,EVideoToolName.VideoTagTool].includes(t==null?void 0:t.tool),l=[EVideoToolName.VideoTagTool].includes(t==null?void 0:t.tool),d=[EPointCloudName.PointCloud].includes(t==null?void 0:t.tool),n=o.isBegin||s,g=()=>{t.dataSourceStep!==0&&t.dataSourceStep!==void 0||a==null||a.updateRotate()},S=React.useCallback(()=>{a==null||a.undo()},[a]),p=React.useCallback(()=>{a==null||a.redo()},[a]);let i=[{toolName:"save",title:"Save",show:!!v,commonSvg:icon_save,selectedSvg:icon_saveA,click:()=>{u(actionCreators.ChangeSave)},style:{fontSize:"12px",color:!n&&r==="save"?EColor.Hover:EColor.Normal}},{toolName:"revocation",title:"Undo",show:!0,commonSvg:icon_back,selectedSvg:icon_backA,click:()=>{s||S()},style:{opacity:n===!0?.4:1,fontSize:"12px",color:!n&&r==="revocation"?EColor.Hover:EColor.Normal}},{toolName:"restore",title:"Redo",show:!0,commonSvg:icon_next,selectedSvg:icon_nextA,click:()=>{s||p()},style:{opacity:n===!0?.4:1,fontSize:"12px",color:!n&&r==="restore"?EColor.Hover:EColor.Normal}},{toolName:"rotate",title:"Rotate",show:!0,selectedSvg:icon_rA,commonSvg:icon_r,click:()=>{l||g()},style:{opacity:l===!0?.4:1,fontSize:"12px",color:!n&&r==="rotate"?EColor.Hover:EColor.Normal}}];return d&&(i=i.slice(0,3)),React__default.default.createElement("div",{className:`${index.prefix}-header__hotKey`},i.map(e=>e.show&&React__default.default.createElement("div",{key:e.toolName,className:"item",onMouseEnter:()=>c(e.toolName),onMouseLeave:()=>c("")},React__default.default.createElement("a",{className:"item",onClick:e.click},React__default.default.createElement("img",{className:"singleTool",src:r===e.toolName?e.selectedSvg:e.commonSvg,style:e.style}),React__default.default.createElement("div",{style:e.style},m(e.title))))))};module.exports=HeaderOption;
+'use strict';
+
+var React = require('react');
+var ctx = require('../../../../store/ctx.js');
+var icon_r = require('../../../../assets/annotation/common/icon_r.svg.js');
+var icon_next = require('../../../../assets/annotation/common/icon_next.svg.js');
+var icon_back = require('../../../../assets/annotation/common/icon_back.svg.js');
+var icon_rA = require('../../../../assets/annotation/common/icon_rA.svg.js');
+var icon_nextA = require('../../../../assets/annotation/common/icon_nextA.svg.js');
+var icon_backA = require('../../../../assets/annotation/common/icon_backA.svg.js');
+var icon_save = require('../../../../assets/annotation/common/icon_save.svg.js');
+var icon_saveA = require('../../../../assets/annotation/common/icon_saveA.svg.js');
+var index = require('../../../../constant/index.js');
+var ToolType = require('../../../../data/enums/ToolType.js');
+var actionCreators = require('../../../../store/annotation/actionCreators.js');
+var reactI18next = require('react-i18next');
+var lbAnnotation = require('@labelbee/lb-annotation');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const {EVideoToolName, EPointCloudName} = lbAnnotation.cTool;
+var EColor;
+(function(EColor2) {
+  EColor2["Hover"] = "#666fff";
+  EColor2["Normal"] = "#999999";
+})(EColor || (EColor = {}));
+const HeaderOption = (props) => {
+  const [toolHover, setToolHover] = React.useState("");
+  const {stepInfo} = props;
+  const dispatch = ctx.useDispatch();
+  const {
+    annotation: {toolInstance, onSave}
+  } = ctx.useSelector((state) => ({
+    annotation: state.annotation,
+    imgAttribute: state.imgAttribute
+  }));
+  const {t} = reactI18next.useTranslation();
+  const isTagTool = [ToolType.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 = React.useCallback(() => {
+    toolInstance == null ? void 0 : toolInstance.undo();
+  }, [toolInstance]);
+  const restore = React.useCallback(() => {
+    toolInstance == null ? void 0 : toolInstance.redo();
+  }, [toolInstance]);
+  let commonOptionList = [
+    {
+      toolName: "save",
+      title: "Save",
+      show: !!onSave,
+      commonSvg: icon_save,
+      selectedSvg: icon_saveA,
+      click: () => {
+        dispatch(actionCreators.ChangeSave);
+      },
+      style: {
+        fontSize: "12px",
+        color: !isBegin && toolHover === "save" ? EColor.Hover : EColor.Normal
+      }
+    },
+    {
+      toolName: "revocation",
+      title: "Undo",
+      show: true,
+      commonSvg: icon_back,
+      selectedSvg: icon_backA,
+      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: icon_next,
+      selectedSvg: icon_nextA,
+      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: icon_rA,
+      commonSvg: icon_r,
+      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__default["default"].createElement("div", {
+    className: `${index.prefix}-header__hotKey`
+  }, commonOptionList.map((info) => {
+    return info.show && /* @__PURE__ */ React__default["default"].createElement("div", {
+      key: info.toolName,
+      className: "item",
+      onMouseEnter: () => setToolHover(info.toolName),
+      onMouseLeave: () => setToolHover("")
+    }, /* @__PURE__ */ React__default["default"].createElement("a", {
+      className: "item",
+      onClick: info.click
+    }, /* @__PURE__ */ React__default["default"].createElement("img", {
+      className: "singleTool",
+      src: toolHover === info.toolName ? info.selectedSvg : info.commonSvg,
+      style: info.style
+    }), /* @__PURE__ */ React__default["default"].createElement("div", {
+      style: info.style
+    }, t(info.title))));
+  }));
+};
+
+module.exports = HeaderOption;
+//# sourceMappingURL=index.js.map

package/dist/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":["cTool","useState","useDispatch","useSelector","useTranslation","EToolName","useCallback","saveSvg","saveLightSvg","ChangeSave","revocationSvg","revocationHighlightSvg","restoreSvg","restoreHighlightSvg","rotateHighlightSvg","rotateSvg","prefix","React"],"mappings":"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"}

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

@@ -1 +1,180 @@
-"use strict";var index$2=require("../../../constant/index.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),icons=require("@ant-design/icons"),lbUtils=require("@labelbee/lb-utils"),es=require("antd/es"),classNames=require("classnames"),_=require("lodash"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),ctx=require("../../../store/ctx.js"),index$5=require("../../../index.js"),index$3=require("./ExportData/index.js"),index$4=require("./headerOption/index.js"),index=require("./StepSwitch/index.js"),index$1=require("../../../components/predictTracking/predictTrackingIcon/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React);const NextButton=({disabled:e,imgList:n})=>{const{t}=reactI18next.useTranslation(),r=()=>{const{dispatch:a,getState:i}=index$5.store;n[0]?a(actionCreators.ToNextStep(0)):actionCreators.loadImgList(a,i,0).then(o=>{o&&a(actionCreators.ToNextStep(0))})};return React__default.default.createElement(es.Button,{type:"primary",style:{marginLeft:10},onClick:r,disabled:e},t("NextStep"))},NextStep=({step:e,stepProgress:n,stepList:t,imgList:r})=>{var a;const{t:i}=reactI18next.useTranslation(),o=(a=_.last(t))==null?void 0:a.step;if(t.length<2||e===o)return null;const l=n<1;return l?React__default.default.createElement(es.Tooltip,{title:i("StepNotFinishedNotify")},React__default.default.createElement("span",null,React__default.default.createElement(NextButton,{disabled:l,imgList:r}))):React__default.default.createElement(NextButton,{disabled:l,imgList:r})},ToolHeader=({goBack:e,exportData:n,header:t,headerName:r,imgList:a,stepProgress:i,stepInfo:o,stepList:l,step:h,annotationEngine:u})=>{var d;const $=ctx.useDispatch(),[,q]=React.useReducer(s=>s+1,0),c=React.useRef(null),f=useSize(c),S=React__default.default.createElement(index$3,{exportData:n}),L=()=>{$(actionCreators.ToSubmitFileData(index$2.ESubmitType.Quit)),e&&e(a)},p=s=>{lbUtils.i18n.changeLanguage(s),u==null||u.setLang(s),q()},m=lbUtils.i18n.language,T=(d=f==null?void 0:f.width)!=null?d:window.innerWidth,x=React__default.default.createElement(icons.LeftOutlined,{className:`${index$2.prefix}-header__icon`,onClick:L}),v=r?React__default.default.createElement("span",{className:`${index$2.prefix}-header__name`},r):"",N=l.length>1&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index,{stepProgress:i}),React__default.default.createElement(NextStep,{step:h,stepProgress:i,stepList:l,imgList:a})),E=React__default.default.createElement(index$4,{stepInfo:o}),b=React__default.default.createElement("div",{className:`${index$2.prefix}-header__lang`},React__default.default.createElement("span",{className:`${index$2.prefix}-langCN ${m==="cn"?"active":""}`,onClick:()=>p("cn")},"\u4E2D\u6587")," / ",React__default.default.createElement("span",{className:`${index$2.prefix}-langEN ${m==="en"?"active":""}`,onClick:()=>p("en")},"En")),g=React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$1,null),b);return t?typeof t=="function"?React__default.default.createElement("div",{className:classNames__default.default(`${index$2.prefix}-header`),ref:c},React__default.default.createElement("div",{className:`${index$2.prefix}-header__title`},t({backNode:x,headerNameNode:v,stepListNode:N,headerOptionNode:E,langNode:g}))):t:React__default.default.createElement("div",{className:classNames__default.default(`${index$2.prefix}-header`),ref:c},React__default.default.createElement("div",{className:`${index$2.prefix}-header__title`},x,v,N,S,React__default.default.createElement("div",{id:"operationNode",className:`${index$2.prefix}-header__operationNode`,style:{left:T/2-174/2}},E),React__default.default.createElement("div",{className:`${index$2.prefix}-header__titlePlacement`}),g))},mapStateToProps=e=>{var n;return{imgList:e.annotation.imgList,annotationEngine:e.annotation.annotationEngine,stepProgress:e.annotation.stepProgress,toolName:(n=e.annotation.stepList[e.annotation.step-1])==null?void 0:n.tool,stepList:e.annotation.stepList,stepInfo:e.annotation.stepList[e.annotation.step-1],step:e.annotation.step}};var ToolHeader$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(ToolHeader);module.exports=ToolHeader$1;
+'use strict';
+
+var index$2 = require('../../../constant/index.js');
+var useSize = require('../../../hooks/useSize.js');
+var actionCreators = require('../../../store/annotation/actionCreators.js');
+var icons = require('@ant-design/icons');
+var lbUtils = require('@labelbee/lb-utils');
+var es = require('antd/es');
+var classNames = require('classnames');
+var _ = require('lodash');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var reactRedux = require('react-redux');
+var ctx = require('../../../store/ctx.js');
+var index$5 = require('../../../index.js');
+var index$3 = require('./ExportData/index.js');
+var index$4 = require('./headerOption/index.js');
+var index = require('./StepSwitch/index.js');
+var index$1 = require('../../../components/predictTracking/predictTrackingIcon/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const NextButton = ({
+  disabled,
+  imgList
+}) => {
+  const {t} = reactI18next.useTranslation();
+  const toNext = () => {
+    const {dispatch, getState} = index$5.store;
+    if (imgList[0]) {
+      dispatch(actionCreators.ToNextStep(0));
+    } else {
+      actionCreators.loadImgList(dispatch, getState, 0).then((isSuccess) => {
+        if (isSuccess) {
+          dispatch(actionCreators.ToNextStep(0));
+        }
+      });
+    }
+  };
+  return /* @__PURE__ */ React__default["default"].createElement(es.Button, {
+    type: "primary",
+    style: {
+      marginLeft: 10
+    },
+    onClick: toNext,
+    disabled
+  }, t("NextStep"));
+};
+const NextStep = ({step, stepProgress, stepList, imgList}) => {
+  var _a;
+  const {t} = reactI18next.useTranslation();
+  const lastStep = (_a = _.last(stepList)) == null ? void 0 : _a.step;
+  if (stepList.length < 2 || step === lastStep) {
+    return null;
+  }
+  const disabled = stepProgress < 1;
+  if (disabled) {
+    return /* @__PURE__ */ React__default["default"].createElement(es.Tooltip, {
+      title: t("StepNotFinishedNotify")
+    }, /* @__PURE__ */ React__default["default"].createElement("span", null, /* @__PURE__ */ React__default["default"].createElement(NextButton, {
+      disabled,
+      imgList
+    })));
+  }
+  return /* @__PURE__ */ React__default["default"].createElement(NextButton, {
+    disabled,
+    imgList
+  });
+};
+const ToolHeader = ({
+  goBack,
+  exportData,
+  header,
+  headerName,
+  imgList,
+  stepProgress,
+  stepInfo,
+  stepList,
+  step,
+  annotationEngine
+}) => {
+  var _a;
+  const dispatch = ctx.useDispatch();
+  const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
+  const ref = React.useRef(null);
+  const size = useSize(ref);
+  const currentOption = /* @__PURE__ */ React__default["default"].createElement(index$3, {
+    exportData
+  });
+  const closeAnnotation = () => {
+    dispatch(actionCreators.ToSubmitFileData(index$2.ESubmitType.Quit));
+    if (goBack) {
+      goBack(imgList);
+    }
+  };
+  const changeLanguage = (lang) => {
+    lbUtils.i18n.changeLanguage(lang);
+    annotationEngine == null ? void 0 : annotationEngine.setLang(lang);
+    forceUpdate();
+  };
+  const curLang = lbUtils.i18n.language;
+  const width = (_a = size == null ? void 0 : size.width) != null ? _a : window.innerWidth;
+  const backNode = /* @__PURE__ */ React__default["default"].createElement(icons.LeftOutlined, {
+    className: `${index$2.prefix}-header__icon`,
+    onClick: closeAnnotation
+  });
+  const headerNameNode = headerName ? /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: `${index$2.prefix}-header__name`
+  }, headerName) : "";
+  const stepListNode = stepList.length > 1 && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(index, {
+    stepProgress
+  }), /* @__PURE__ */ React__default["default"].createElement(NextStep, {
+    step,
+    stepProgress,
+    stepList,
+    imgList
+  }));
+  const headerOptionNode = /* @__PURE__ */ React__default["default"].createElement(index$4, {
+    stepInfo
+  });
+  const langNode = /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: `${index$2.prefix}-header__lang`
+  }, /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: `${index$2.prefix}-langCN ${curLang === "cn" ? "active" : ""}`,
+    onClick: () => changeLanguage("cn")
+  }, "\u4E2D\u6587"), ` / `, /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: `${index$2.prefix}-langEN ${curLang === "en" ? "active" : ""}`,
+    onClick: () => changeLanguage("en")
+  }, "En"));
+  const rightActions = /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(index$1, null), langNode);
+  if (header) {
+    if (typeof header === "function") {
+      return /* @__PURE__ */ React__default["default"].createElement("div", {
+        className: classNames__default["default"](`${index$2.prefix}-header`),
+        ref
+      }, /* @__PURE__ */ React__default["default"].createElement("div", {
+        className: `${index$2.prefix}-header__title`
+      }, header({
+        backNode,
+        headerNameNode,
+        stepListNode,
+        headerOptionNode,
+        langNode: rightActions
+      })));
+    } else {
+      return header;
+    }
+  }
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: classNames__default["default"](`${index$2.prefix}-header`),
+    ref
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: `${index$2.prefix}-header__title`
+  }, backNode, headerNameNode, stepListNode, currentOption, /* @__PURE__ */ React__default["default"].createElement("div", {
+    id: "operationNode",
+    className: `${index$2.prefix}-header__operationNode`,
+    style: {left: width / 2 - 174 / 2}
+  }, headerOptionNode), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: `${index$2.prefix}-header__titlePlacement`
+  }), rightActions));
+};
+const mapStateToProps = (state) => {
+  var _a;
+  return {
+    imgList: state.annotation.imgList,
+    annotationEngine: state.annotation.annotationEngine,
+    stepProgress: state.annotation.stepProgress,
+    toolName: (_a = state.annotation.stepList[state.annotation.step - 1]) == null ? void 0 : _a.tool,
+    stepList: state.annotation.stepList,
+    stepInfo: state.annotation.stepList[state.annotation.step - 1],
+    step: state.annotation.step
+  };
+};
+var ToolHeader$1 = reactRedux.connect(mapStateToProps, null, null, {context: ctx.LabelBeeContext})(ToolHeader);
+
+module.exports = ToolHeader$1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/views/MainView/toolHeader/index.tsx"],"sourcesContent":["import { ESubmitType, prefix } from '@/constant';\nimport { EToolName } from '@/data/enums/ToolType';\nimport useSize from '@/hooks/useSize';\nimport { AppState } from '@/store';\nimport { loadImgList, ToNextStep, ToSubmitFileData } from '@/store/annotation/actionCreators';\nimport { IFileItem } from '@/types/data';\nimport { Header } from '@/types/main';\nimport { IStepInfo } from '@/types/step';\nimport { LeftOutlined } from '@ant-design/icons';\nimport { AnnotationEngine } from '@labelbee/lb-annotation';\nimport { i18n } from '@labelbee/lb-utils';\nimport { Button, Tooltip } from 'antd/es';\nimport classNames from 'classnames';\nimport { last } from 'lodash';\nimport React, { useReducer, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\nimport { useDispatch, LabelBeeContext } from '@/store/ctx';\nimport { store } from '@/index';\nimport ExportData from './ExportData';\nimport HeaderOption from './headerOption';\nimport StepSwitch from './StepSwitch';\nimport PredictTrackingIcon from '@/components/predictTracking/predictTrackingIcon';\n\ninterface INextStep {\n  stepProgress: number;\n  stepList: IStepInfo[];\n  step: number; // 当前步骤\n  imgList: IFileItem[];\n}\n\nconst NextButton: React.FC<{ disabled: boolean; imgList: IFileItem[] }> = ({\n  disabled,\n  imgList,\n}) => {\n  const { t } = useTranslation();\n\n  const toNext = () => {\n    const { dispatch, getState } = store;\n    // 点击下一步跳转到第一页 第一页没有图片的话则需要先加载图片\n    if (imgList[0]) {\n      dispatch(ToNextStep(0) as any);\n    } else {\n      loadImgList(dispatch, getState, 0).then((isSuccess) => {\n        if (isSuccess) {\n          dispatch(ToNextStep(0) as any);\n        }\n      });\n    }\n  };\n\n  return (\n    <Button\n      type='primary'\n      style={{\n        marginLeft: 10,\n      }}\n      onClick={toNext}\n      disabled={disabled}\n    >\n      {t('NextStep')}\n    </Button>\n  );\n};\n\nconst NextStep: React.FC<INextStep> = ({ step, stepProgress, stepList, imgList }) => {\n  const { t } = useTranslation();\n  // 最后一步不显示下一步按钮\n  const lastStep = last(stepList)?.step;\n\n  if (stepList.length < 2 || step === lastStep) {\n    return null;\n  }\n\n  const disabled = stepProgress < 1;\n\n  if (disabled) {\n    return (\n      <Tooltip title={t('StepNotFinishedNotify')}>\n        <span>\n          <NextButton disabled={disabled} imgList={imgList} />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return <NextButton disabled={disabled} imgList={imgList} />;\n};\n\ninterface IToolHeaderProps {\n  goBack?: (imgList?: IFileItem[]) => void;\n  exportData?: (data: any[]) => void;\n  header?: Header;\n  headerName?: string;\n  imgList: IFileItem[];\n  annotationEngine: AnnotationEngine;\n  stepProgress: number;\n  toolName: EToolName;\n  stepInfo: IStepInfo;\n  stepList: IStepInfo[];\n  step: number;\n}\n\nconst ToolHeader: React.FC<IToolHeaderProps> = ({\n  goBack,\n  exportData,\n  header,\n  headerName,\n  imgList,\n  stepProgress,\n  stepInfo,\n  stepList,\n  step,\n  annotationEngine,\n}) => {\n  const dispatch = useDispatch();\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n  const ref = useRef(null);\n\n  const size = useSize(ref);\n\n  // render 数据展示\n  const currentOption = <ExportData exportData={exportData} />;\n\n  const closeAnnotation = () => {\n    dispatch(ToSubmitFileData(ESubmitType.Quit));\n\n    if (goBack) {\n      goBack(imgList);\n    }\n  };\n\n  const changeLanguage = (lang: 'en' | 'cn') => {\n    i18n.changeLanguage(lang);\n    annotationEngine?.setLang(lang);\n    forceUpdate();\n  };\n\n  const curLang = i18n.language;\n\n  const width = size?.width ?? window.innerWidth;\n\n  const backNode = <LeftOutlined className={`${prefix}-header__icon`} onClick={closeAnnotation} />;\n\n  const headerNameNode = headerName ? (\n    <span className={`${prefix}-header__name`}>{headerName}</span>\n  ) : (\n    ''\n  );\n\n  const stepListNode = stepList.length > 1 && (\n    <>\n      <StepSwitch stepProgress={stepProgress} />\n      <NextStep step={step} stepProgress={stepProgress} stepList={stepList} imgList={imgList} />\n    </>\n  );\n\n  const headerOptionNode = <HeaderOption stepInfo={stepInfo} />;\n\n  const langNode = (\n    <div className={`${prefix}-header__lang`}>\n      <span\n        className={`${prefix}-langCN ${curLang === 'cn' ? 'active' : ''}`}\n        onClick={() => changeLanguage('cn')}\n      >\n        中文\n      </span>\n      {` / `}\n      <span\n        className={`${prefix}-langEN ${curLang === 'en' ? 'active' : ''}`}\n        onClick={() => changeLanguage('en')}\n      >\n        En\n      </span>\n    </div>\n  );\n\n  const rightActions = (\n    <>\n      <PredictTrackingIcon />\n      {langNode}\n    </>\n  );\n\n  if (header) {\n    if (typeof header === 'function') {\n      return (\n        <div className={classNames(`${prefix}-header`)} ref={ref}>\n          <div className={`${prefix}-header__title`}>\n            {header({\n              backNode,\n              headerNameNode,\n              stepListNode,\n              headerOptionNode,\n              langNode: rightActions,\n            })}\n          </div>\n        </div>\n      );\n    } else {\n      return header;\n    }\n  }\n\n  return (\n    <div className={classNames(`${prefix}-header`)} ref={ref}>\n      <div className={`${prefix}-header__title`}>\n        {backNode}\n        {headerNameNode}\n        {stepListNode}\n        {currentOption}\n        <div\n          id='operationNode'\n          className={`${prefix}-header__operationNode`}\n          style={{ left: width / 2 - 174 / 2 }}\n        >\n          {headerOptionNode}\n        </div>\n        <div className={`${prefix}-header__titlePlacement`} />\n        {rightActions}\n      </div>\n    </div>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  imgList: state.annotation.imgList,\n  annotationEngine: state.annotation.annotationEngine,\n  stepProgress: state.annotation.stepProgress,\n  toolName: state.annotation.stepList[state.annotation.step - 1]?.tool,\n  stepList: state.annotation.stepList,\n  stepInfo: state.annotation.stepList[state.annotation.step - 1],\n  step: state.annotation.step,\n});\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(ToolHeader);\n"],"names":["useTranslation","store","ToNextStep","loadImgList","Button","last","Tooltip","React","useDispatch","useReducer","useRef","ExportData","ToSubmitFileData","ESubmitType","i18n","LeftOutlined","prefix","StepSwitch","HeaderOption","PredictTrackingIcon","classNames","connect","LabelBeeContext"],"mappings":"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"}

package/es/App.js

@@ -1 +1,138 @@
-import x from"./views/MainView/index.js";import{i18n as o}from"@labelbee/lb-utils";import I,{useState as E,useEffect as s}from"react";import{connect as F}from"react-redux";import{store as n}from"./index.js";import{LabelBeeContext as N}from"./store/ctx.js";import{ANNOTATION_ACTIONS as D}from"./store/Actions.js";import{InitTaskData as U,InitAnnotationState as M,UpdateInjectFunc as z,UpdateProcessingStep as R,loadImgList as V}from"./store/annotation/actionCreators.js";import{LoadFileAndFileData as L}from"./store/annotation/reducer.js";import{ConfigProvider as B}from"antd/es";import k from"antd/es/locale/zh_CN";import G from"antd/es/locale/en_US";var $=Object.defineProperty,q=Object.defineProperties,H=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable,C=(e,t,a)=>t in e?$(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,Q=(e,t)=>{for(var a in t||(t={}))J.call(t,a)&&C(e,a,t[a]);if(j)for(var a of j(t))K.call(t,a)&&C(e,a,t[a]);return e},W=(e,t)=>q(e,H(t));const X=e=>{const[t,a]=E(0),{imgList:c,step:p=1,stepList:l,onSubmit:d,onSave:f,onPageChange:g,onStepChange:m,initialIndex:u=0,toolInstance:O,setToolInstance:S,getFileData:_,pageSize:h=10,loadFileList:r,defaultLang:P="cn",skipBeforePageTurning:b,beforeRotate:v,checkMode:w=!1,intelligentFit:y=!0}=e;s(()=>{n.dispatch(U({onSubmit:d,stepList:l,step:p,getFileData:_,pageSize:h,loadFileList:r,onSave:f,onPageChange:g,onStepChange:m,skipBeforePageTurning:b,beforeRotate:v,checkMode:w})),A(),o.changeLanguage(P);const i=()=>{a(T=>T+1)};return o.on("languageChanged",i),()=>{o.off("languageChanged",i),M(n.dispatch)}},[]),s(()=>{n.dispatch(z({onSubmit:d,stepList:l,getFileData:_,pageSize:h,loadFileList:r,onSave:f,onPageChange:g,onStepChange:m,beforeRotate:v})),o.changeLanguage(P)},[d,l,_,h,r,f,g,m,P,v]),s(()=>{n.dispatch(R(p))},[p]),s(()=>{S==null||S(O)},[O]);const A=()=>{r?V(n.dispatch,n.getState,u,!0).then(i=>{i&&n.dispatch(L(u))}):c&&c.length>0&&(n.dispatch({type:D.UPDATE_IMG_LIST,payload:{imgList:c}}),n.dispatch(L(u)))};return I.createElement("div",null,I.createElement(B,{locale:o.language==="en"?G:k},I.createElement(x,W(Q({},e),{intelligentFit:y}))))},Y=e=>({toolInstance:e.annotation.toolInstance});var Z=F(Y,null,null,{context:N})(X);export{Z as default};
+import MainView from './views/MainView/index.js';
+import { i18n } from '@labelbee/lb-utils';
+import React, { useState, useEffect } from 'react';
+import { connect } from 'react-redux';
+import { store } from './index.js';
+import { LabelBeeContext } from './store/ctx.js';
+import { ANNOTATION_ACTIONS } from './store/Actions.js';
+import { InitTaskData, InitAnnotationState, UpdateInjectFunc, loadImgList } from './store/annotation/actionCreators.js';
+import { LoadFileAndFileData } from './store/annotation/reducer.js';
+import { ConfigProvider } from 'antd/es';
+import zhCN from 'antd/es/locale/zh_CN';
+import enUS from 'antd/es/locale/en_US';
+
+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 App = (props) => {
+  const [_, forceRender] = useState(0);
+  const {
+    imgList,
+    step = 1,
+    stepList,
+    onSubmit,
+    onSave,
+    onPageChange,
+    onStepChange,
+    initialIndex = 0,
+    toolInstance,
+    setToolInstance,
+    getFileData,
+    pageSize = 10,
+    loadFileList,
+    defaultLang = "cn",
+    skipBeforePageTurning,
+    beforeRotate,
+    checkMode = false,
+    intelligentFit = true
+  } = props;
+  useEffect(() => {
+    store.dispatch(InitTaskData({
+      onSubmit,
+      stepList,
+      step,
+      getFileData,
+      pageSize,
+      loadFileList,
+      onSave,
+      onPageChange,
+      onStepChange,
+      skipBeforePageTurning,
+      beforeRotate,
+      checkMode
+    }));
+    initImgList();
+    i18n.changeLanguage(defaultLang);
+    const i18nLanguageChangedFunc = () => {
+      forceRender((v) => v + 1);
+    };
+    i18n.on("languageChanged", i18nLanguageChangedFunc);
+    return () => {
+      i18n.off("languageChanged", i18nLanguageChangedFunc);
+      InitAnnotationState(store.dispatch);
+    };
+  }, []);
+  useEffect(() => {
+    store.dispatch(UpdateInjectFunc({
+      onSubmit,
+      stepList,
+      getFileData,
+      pageSize,
+      loadFileList,
+      onSave,
+      onPageChange,
+      onStepChange,
+      beforeRotate
+    }));
+    i18n.changeLanguage(defaultLang);
+  }, [
+    onSubmit,
+    stepList,
+    getFileData,
+    pageSize,
+    loadFileList,
+    onSave,
+    onPageChange,
+    onStepChange,
+    defaultLang,
+    beforeRotate
+  ]);
+  useEffect(() => {
+    setToolInstance == null ? void 0 : setToolInstance(toolInstance);
+  }, [toolInstance]);
+  const initImgList = () => {
+    if (loadFileList) {
+      loadImgList(store.dispatch, store.getState, initialIndex, true).then((isSuccess) => {
+        if (isSuccess) {
+          store.dispatch(LoadFileAndFileData(initialIndex));
+        }
+      });
+    } else if (imgList && imgList.length > 0) {
+      store.dispatch({
+        type: ANNOTATION_ACTIONS.UPDATE_IMG_LIST,
+        payload: {
+          imgList
+        }
+      });
+      store.dispatch(LoadFileAndFileData(initialIndex));
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ConfigProvider, {
+    locale: i18n.language === "en" ? enUS : zhCN
+  }, /* @__PURE__ */ React.createElement(MainView, __spreadProps(__spreadValues({}, props), {
+    intelligentFit
+  }))));
+};
+const mapStateToProps = (state) => ({
+  toolInstance: state.annotation.toolInstance
+});
+var App$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(App);
+
+export { App$1 as default };
+//# sourceMappingURL=App.js.map

package/es/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sources":["../src/App.tsx"],"sourcesContent":["import MainView from '@/views/MainView';\nimport { i18n } from '@labelbee/lb-utils';\nimport React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { store } from '.';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { AppState } from './store';\nimport { ANNOTATION_ACTIONS } from './store/Actions';\nimport {\n  InitAnnotationState,\n  InitTaskData,\n  loadImgList,\n  UpdateInjectFunc,\n} from './store/annotation/actionCreators';\nimport { LoadFileAndFileData } from './store/annotation/reducer';\nimport { ToolInstance } from './store/annotation/types';\nimport {\n  GetFileData,\n  IFileItem,\n  LoadFileList,\n  OnPageChange,\n  OnSave,\n  OnStepChange,\n  OnSubmit,\n} from './types/data';\nimport { Header, RenderFooter, Sider } from './types/main';\nimport { IStepInfo } from './types/step';\nimport { ConfigProvider } from 'antd/es';\nimport zhCN from 'antd/es/locale/zh_CN';\nimport enUS from 'antd/es/locale/en_US';\n\ninterface IAnnotationStyle {\n  strokeColor: string;\n  fillColor: string;\n  textColor: string;\n  toolColor: any;\n}\n\nexport interface AppProps {\n  exportData?: (data: any[]) => void;\n  goBack?: () => void;\n  imgList?: IFileItem[];\n  config: string;\n  stepList: IStepInfo[];\n  step: number;\n  onSubmit?: OnSubmit;\n  onSave?: OnSave;\n  onPageChange?: OnPageChange;\n  onStepChange?: OnStepChange;\n  getFileData?: GetFileData;\n  pageSize: number;\n  loadFileList?: LoadFileList;\n  headerName?: string;\n  initialIndex?: number;\n  className?: string;\n  toolInstance: ToolInstance;\n  header?: Header;\n  footer?: RenderFooter;\n  sider?: Sider;\n  style?: {\n    layout?: { [key: string]: any };\n    header?: { [key: string]: any };\n    sider?: { [key: string]: any };\n    footer?: { [key: string]: any };\n  };\n  setToolInstance?: (tool: ToolInstance) => void;\n  mode?: 'light' | 'dark'; // 临时需求应用于 toolFooter 的操作\n  showTips?: boolean; // 是否展示 tips\n  tips?: string; // Tips 具体内容\n  defaultLang: 'en' | 'cn'; // 国际化设置\n  leftSider?: () => React.ReactNode | React.ReactNode;\n\n  // data Correction\n  skipBeforePageTurning?: (pageTurning: Function) => void;\n  beforeRotate?: () => boolean;\n\n  drawLayerSlot?: (props: {\n    zoom: number;\n    currentPos: { x: number; y: number };\n  }) => React.ReactNode;\n\n  // 标注信息扩展的功能\n  dataInjectionAtCreation: (annotationData: any) => {};\n  // 渲染增强\n  renderEnhance: {\n    staticRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;\n    selectedRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;\n    creatingRender?: (canvas: HTMLCanvasElement, data: any, style: IAnnotationStyle) => void;\n  };\n  customRenderStyle?: (data: any) => IAnnotationStyle;\n\n  checkMode?: boolean;\n  intelligentFit?: boolean;\n}\n\nconst App: React.FC<AppProps> = (props) => {\n  const [_, forceRender] = useState(0);\n  const {\n    imgList,\n    step = 1,\n    stepList,\n    onSubmit,\n    onSave,\n    onPageChange,\n    onStepChange,\n    initialIndex = 0,\n    toolInstance,\n    setToolInstance,\n    getFileData,\n    pageSize = 10,\n    loadFileList,\n    defaultLang = 'cn',\n    skipBeforePageTurning,\n    beforeRotate,\n    checkMode = false,\n    intelligentFit = true,\n  } = props;\n\n  useEffect(() => {\n    store.dispatch(\n      InitTaskData({\n        onSubmit,\n        stepList,\n        step,\n        getFileData,\n        pageSize,\n        loadFileList,\n        onSave,\n        onPageChange,\n        onStepChange,\n        skipBeforePageTurning,\n        beforeRotate,\n        checkMode,\n      }),\n    );\n\n    initImgList();\n    // 初始化国际化语言\n    i18n.changeLanguage(defaultLang);\n\n    const i18nLanguageChangedFunc = () => {\n      forceRender((v) => v + 1);\n    };\n\n    i18n.on('languageChanged', i18nLanguageChangedFunc);\n    return () => {\n      i18n.off('languageChanged', i18nLanguageChangedFunc);\n\n      // Init all annotation state after unmounting\n      InitAnnotationState(store.dispatch);\n    };\n  }, []);\n\n  useEffect(() => {\n    store.dispatch(\n      UpdateInjectFunc({\n        onSubmit,\n        stepList,\n        getFileData,\n        pageSize,\n        loadFileList,\n        onSave,\n        onPageChange,\n        onStepChange,\n        beforeRotate,\n      }),\n    );\n\n    i18n.changeLanguage(defaultLang);\n  }, [\n    onSubmit,\n    stepList,\n    getFileData,\n    pageSize,\n    loadFileList,\n    onSave,\n    onPageChange,\n    onStepChange,\n    defaultLang,\n    beforeRotate,\n  ]);\n\n  useEffect(() => {\n    setToolInstance?.(toolInstance);\n  }, [toolInstance]);\n\n  // 初始化imgList 优先以loadFileList方式加载数据\n  const initImgList = () => {\n    if (loadFileList) {\n      loadImgList(store.dispatch, store.getState, initialIndex, true).then((isSuccess) => {\n        if (isSuccess) {\n          store.dispatch(LoadFileAndFileData(initialIndex));\n        }\n      });\n    } else if (imgList && imgList.length > 0) {\n      store.dispatch({\n        type: ANNOTATION_ACTIONS.UPDATE_IMG_LIST,\n        payload: {\n          imgList,\n        },\n      });\n      store.dispatch(LoadFileAndFileData(initialIndex));\n    }\n  };\n\n  return (\n    <div>\n      <ConfigProvider locale={i18n.language === 'en' ? enUS : zhCN}>\n        <MainView {...props} intelligentFit={intelligentFit} />\n      </ConfigProvider>\n    </div>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  toolInstance: state.annotation.toolInstance,\n});\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(App);\n"],"names":[],"mappings":"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"}