@labelbee/lb-components 1.12.0 → 1.12.1

package/dist/types/typeTem.d.ts

@@ -2,11 +2,11 @@
  * Temporary use, for external access
  */
 import React from 'react';
-export type Header = ({ backNode, headerNameNode, stepListNode, headerOptionNode, langNode, pointCloudSwitchPattern, }: {
+export type Header = ({ backNode, headerNameNode, stepListNode, headerOptionNode, langNode, PointCloudSwitchPattern, }: {
     backNode: React.ReactNode;
     headerNameNode: React.ReactNode;
     stepListNode: React.ReactNode;
     headerOptionNode: React.ReactNode;
     langNode: React.ReactNode;
-    pointCloudSwitchPattern?: React.ReactNode;
+    PointCloudSwitchPattern?: React.ReactNode;
 }) => React.ReactNode;

package/dist/types/views/MainView/toolHeader/SwitchPattern/index.d.ts

@@ -7,6 +7,7 @@
 import React from 'react';
 interface IProps {
     toolName: string;
+    forbidSegmentationText?: string;
 }
-declare const _default: import("react-redux").ConnectedComponent<({ toolName }: IProps) => React.JSX.Element | null, import("react-redux").Omit<IProps, "toolName">>;
+declare const _default: import("react-redux").ConnectedComponent<({ toolName, forbidSegmentationText }: IProps) => React.JSX.Element | null, import("react-redux").Omit<IProps, "toolName">>;
 export default _default;

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

@@ -1 +1 @@
-"use strict";var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),antd=require("antd"),reactRedux=require("react-redux"),ctx=require("../../../../store/ctx.js"),PointCloudContext=require("../../../../components/pointCloudView/PointCloudContext.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const SwitchPattern=({toolName:t})=>{const{t:e}=reactI18next.useTranslation(),{globalPattern:n,setGlobalPattern:o,setTopViewInstance:r,setSideViewInstance:i,setBackViewInstance:l,setMainViewInstance:c,ptSegmentInstance:a,setSelectedIDs:u}=React.useContext(PointCloudContext.PointCloudContext);if(t!==lbAnnotation.EPointCloudName.PointCloud)return null;const s=()=>{u([]),r(void 0),i(void 0),l(void 0),c(void 0)},d=()=>{a==null||a.emit("clearStash")},p=()=>{d(),o(lbUtils.EPointCloudPattern.Detection)},v=()=>{s(),o(lbUtils.EPointCloudPattern.Segmentation)};return React__default.default.createElement("span",{style:{margin:"0 10px"}},React__default.default.createElement(antd.Button,{type:n===lbUtils.EPointCloudPattern.Detection?"primary":void 0,onClick:p},e("DetectionMode")),React__default.default.createElement(antd.Button,{type:n===lbUtils.EPointCloudPattern.Segmentation?"primary":void 0,onClick:v},e("SegmentationMode")))},mapStateToProps=t=>{var e,n;return{toolName:(n=(e=t.annotation.stepList[t.annotation.step-1])==null?void 0:e.tool)!=null?n:""}};var SwitchPattern$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(SwitchPattern);module.exports=SwitchPattern$1;
+"use strict";var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),antd=require("antd"),reactRedux=require("react-redux"),ctx=require("../../../../store/ctx.js"),PointCloudContext=require("../../../../components/pointCloudView/PointCloudContext.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const SwitchPattern=({toolName:t,forbidSegmentationText:e=""})=>{const{t:n}=reactI18next.useTranslation(),{globalPattern:o,setGlobalPattern:a,setTopViewInstance:c,setSideViewInstance:u,setBackViewInstance:s,setMainViewInstance:d,ptSegmentInstance:i,setSelectedIDs:m}=React.useContext(PointCloudContext.PointCloudContext);if(t!==lbAnnotation.EPointCloudName.PointCloud)return null;const p=()=>{m([]),c(void 0),u(void 0),s(void 0),d(void 0)},v=()=>{i==null||i.emit("clearStash")},P=()=>{v(),a(lbUtils.EPointCloudPattern.Detection)},C=()=>{p(),a(lbUtils.EPointCloudPattern.Segmentation)},r=e!=="",l=React__default.default.createElement(antd.Button,{type:o===lbUtils.EPointCloudPattern.Segmentation?"primary":void 0,onClick:C,disabled:r},n("SegmentationMode"));return React__default.default.createElement("span",{style:{margin:"0 10px"}},React__default.default.createElement(antd.Button,{type:o===lbUtils.EPointCloudPattern.Detection?"primary":void 0,onClick:P},n("DetectionMode")),r?React__default.default.createElement(antd.Tooltip,{title:e},l):l)},mapStateToProps=t=>{var e,n;return{toolName:(n=(e=t.annotation.stepList[t.annotation.step-1])==null?void 0:e.tool)!=null?n:""}};var SwitchPattern$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(SwitchPattern);module.exports=SwitchPattern$1;

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

@@ -1 +1 @@
-"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$6=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"),index$5=require("./SwitchPattern/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:a})=>{const{t}=reactI18next.useTranslation(),r=()=>{const{dispatch:n,getState:i}=index$6.store;a[0]?n(actionCreators.ToNextStep(0)):actionCreators.loadImgList(n,i,0).then(o=>{o&&n(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:a,stepList:t,imgList:r})=>{var n;const{t:i}=reactI18next.useTranslation(),o=(n=_.last(t))==null?void 0:n.step;if(t.length<2||e===o)return null;const l=a<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:a,header:t,headerName:r,imgList:n,stepProgress:i,stepInfo:o,stepList:l,step:$,annotationEngine:u})=>{var d;const q=ctx.useDispatch(),[,S]=React.useReducer(s=>s+1,0),c=React.useRef(null),f=useSize(c),L=React__default.default.createElement(index$3,{exportData:a}),T=()=>{q(actionCreators.ToSubmitFileData(index$2.ESubmitType.Quit)),e&&e(n)},p=s=>{lbUtils.i18n.changeLanguage(s),u==null||u.setLang(s),S()},m=lbUtils.i18n.language,j=(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:T}),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:$,stepProgress:i,stepList:l,imgList:n})),E=React__default.default.createElement(index$4,{stepInfo:o}),g=React__default.default.createElement(index$5,null),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")),h=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:h,pointCloudSwitchPattern: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,L,React__default.default.createElement("div",{id:"operationNode",className:`${index$2.prefix}-header__operationNode`,style:{left:j/2-174/2}},E),React__default.default.createElement("div",{className:`${index$2.prefix}-header__titlePlacement`}),g,h))},mapStateToProps=e=>{var a;return{imgList:e.annotation.imgList,annotationEngine:e.annotation.annotationEngine,stepProgress:e.annotation.stepProgress,toolName:(a=e.annotation.stepList[e.annotation.step-1])==null?void 0:a.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"),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$6=require("../../../index.js"),index$4=require("./ExportData/index.js"),index$5=require("./headerOption/index.js"),index=require("./StepSwitch/index.js"),index$1=require("../../../components/predictTracking/predictTrackingIcon/index.js"),index$3=require("./SwitchPattern/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:a})=>{const{t}=reactI18next.useTranslation(),r=()=>{const{dispatch:n,getState:i}=index$6.store;a[0]?n(actionCreators.ToNextStep(0)):actionCreators.loadImgList(n,i,0).then(o=>{o&&n(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:a,stepList:t,imgList:r})=>{var n;const{t:i}=reactI18next.useTranslation(),o=(n=_.last(t))==null?void 0:n.step;if(t.length<2||e===o)return null;const l=a<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:a,header:t,headerName:r,imgList:n,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$4,{exportData:a}),L=()=>{$(actionCreators.ToSubmitFileData(index$2.ESubmitType.Quit)),e&&e(n)},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:n})),E=React__default.default.createElement(index$5,{stepInfo:o}),j=index$3,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,PointCloudSwitchPattern:j}))):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`}),React__default.default.createElement(index$3,null),g))},mapStateToProps=e=>{var a;return{imgList:e.annotation.imgList,annotationEngine:e.annotation.annotationEngine,stepProgress:e.annotation.stepProgress,toolName:(a=e.annotation.stepList[e.annotation.step-1])==null?void 0:a.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;

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

@@ -1 +1 @@
-import a,{useContext as b}from"react";import{EPointCloudName as f}from"@labelbee/lb-annotation";import{EPointCloudPattern as o}from"@labelbee/lb-utils";import{Button as l}from"antd";import{connect as v}from"react-redux";import{LabelBeeContext as x}from"../../../../store/ctx.js";import{PointCloudContext as g}from"../../../../components/pointCloudView/PointCloudContext.js";import{useTranslation as w}from"react-i18next";const D=({toolName:n})=>{const{t}=w(),{globalPattern:e,setGlobalPattern:i,setTopViewInstance:c,setSideViewInstance:s,setBackViewInstance:m,setMainViewInstance:p,ptSegmentInstance:r,setSelectedIDs:d}=b(g);if(n!==f.PointCloud)return null;const u=()=>{d([]),c(void 0),s(void 0),m(void 0),p(void 0)},C=()=>{r==null||r.emit("clearStash")},S=()=>{C(),i(o.Detection)},P=()=>{u(),i(o.Segmentation)};return a.createElement("span",{style:{margin:"0 10px"}},a.createElement(l,{type:e===o.Detection?"primary":void 0,onClick:S},t("DetectionMode")),a.createElement(l,{type:e===o.Segmentation?"primary":void 0,onClick:P},t("SegmentationMode")))},I=n=>{var t,e;return{toolName:(e=(t=n.annotation.stepList[n.annotation.step-1])==null?void 0:t.tool)!=null?e:""}};var y=v(I,null,null,{context:x})(D);export{y as default};
+import o,{useContext as g}from"react";import{EPointCloudName as x}from"@labelbee/lb-annotation";import{EPointCloudPattern as a}from"@labelbee/lb-utils";import{Button as m,Tooltip as w}from"antd";import{connect as D}from"react-redux";import{LabelBeeContext as E}from"../../../../store/ctx.js";import{PointCloudContext as I}from"../../../../components/pointCloudView/PointCloudContext.js";import{useTranslation as y}from"react-i18next";const V=({toolName:n,forbidSegmentationText:t=""})=>{const{t:e}=y(),{globalPattern:i,setGlobalPattern:l,setTopViewInstance:d,setSideViewInstance:p,setBackViewInstance:u,setMainViewInstance:C,ptSegmentInstance:r,setSelectedIDs:S}=g(I);if(n!==x.PointCloud)return null;const b=()=>{S([]),d(void 0),p(void 0),u(void 0),C(void 0)},P=()=>{r==null||r.emit("clearStash")},v=()=>{P(),l(a.Detection)},f=()=>{b(),l(a.Segmentation)},c=t!=="",s=o.createElement(m,{type:i===a.Segmentation?"primary":void 0,onClick:f,disabled:c},e("SegmentationMode"));return o.createElement("span",{style:{margin:"0 10px"}},o.createElement(m,{type:i===a.Detection?"primary":void 0,onClick:v},e("DetectionMode")),c?o.createElement(w,{title:t},s):s)},B=n=>{var t,e;return{toolName:(e=(t=n.annotation.stepList[n.annotation.step-1])==null?void 0:t.tool)!=null?e:""}};var h=D(B,null,null,{context:E})(V);export{h as default};

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

@@ -1 +1 @@
-import{prefix as n,ESubmitType as F}from"../../../constant/index.js";import I from"../../../hooks/useSize.js";import{ToSubmitFileData as z,ToNextStep as $,loadImgList as H}from"../../../store/annotation/actionCreators.js";import{LeftOutlined as R}from"@ant-design/icons";import{i18n as L}from"@labelbee/lb-utils";import{Tooltip as A,Button as B}from"antd/es";import T from"classnames";import{last as Q}from"lodash";import e,{useReducer as U,useRef as W}from"react";import{useTranslation as j}from"react-i18next";import{connect as q}from"react-redux";import{LabelBeeContext as G,useDispatch as J}from"../../../store/ctx.js";import{store as K}from"../../../index.js";import M from"./ExportData/index.js";import V from"./headerOption/index.js";import X from"./StepSwitch/index.js";import Y from"../../../components/predictTracking/predictTrackingIcon/index.js";import Z from"./SwitchPattern/index.js";const w=({disabled:t,imgList:r})=>{const{t:o}=j(),i=()=>{const{dispatch:a,getState:s}=K;r[0]?a($(0)):H(a,s,0).then(l=>{l&&a($(0))})};return e.createElement(B,{type:"primary",style:{marginLeft:10},onClick:i,disabled:t},o("NextStep"))},ee=({step:t,stepProgress:r,stepList:o,imgList:i})=>{var a;const{t:s}=j(),l=(a=Q(o))==null?void 0:a.step;if(o.length<2||t===l)return null;const c=r<1;return c?e.createElement(A,{title:s("StepNotFinishedNotify")},e.createElement("span",null,e.createElement(w,{disabled:c,imgList:i}))):e.createElement(w,{disabled:c,imgList:i})},te=({goBack:t,exportData:r,header:o,headerName:i,imgList:a,stepProgress:s,stepInfo:l,stepList:c,step:b,annotationEngine:d})=>{var u;const k=J(),[,C]=U(m=>m+1,0),p=W(null),f=I(p),y=e.createElement(M,{exportData:r}),P=()=>{k(z(F.Quit)),t&&t(a)},E=m=>{L.changeLanguage(m),d==null||d.setLang(m),C()},N=L.language,D=(u=f==null?void 0:f.width)!=null?u:window.innerWidth,h=e.createElement(R,{className:`${n}-header__icon`,onClick:P}),g=i?e.createElement("span",{className:`${n}-header__name`},i):"",x=c.length>1&&e.createElement(e.Fragment,null,e.createElement(X,{stepProgress:s}),e.createElement(ee,{step:b,stepProgress:s,stepList:c,imgList:a})),S=e.createElement(V,{stepInfo:l}),v=e.createElement(Z,null),O=e.createElement("div",{className:`${n}-header__lang`},e.createElement("span",{className:`${n}-langCN ${N==="cn"?"active":""}`,onClick:()=>E("cn")},"\u4E2D\u6587")," / ",e.createElement("span",{className:`${n}-langEN ${N==="en"?"active":""}`,onClick:()=>E("en")},"En")),_=e.createElement(e.Fragment,null,e.createElement(Y,null),O);return o?typeof o=="function"?e.createElement("div",{className:T(`${n}-header`),ref:p},e.createElement("div",{className:`${n}-header__title`},o({backNode:h,headerNameNode:g,stepListNode:x,headerOptionNode:S,langNode:_,pointCloudSwitchPattern:v}))):o:e.createElement("div",{className:T(`${n}-header`),ref:p},e.createElement("div",{className:`${n}-header__title`},h,g,x,y,e.createElement("div",{id:"operationNode",className:`${n}-header__operationNode`,style:{left:D/2-174/2}},S),e.createElement("div",{className:`${n}-header__titlePlacement`}),v,_))},ne=t=>{var r;return{imgList:t.annotation.imgList,annotationEngine:t.annotation.annotationEngine,stepProgress:t.annotation.stepProgress,toolName:(r=t.annotation.stepList[t.annotation.step-1])==null?void 0:r.tool,stepList:t.annotation.stepList,stepInfo:t.annotation.stepList[t.annotation.step-1],step:t.annotation.step}};var oe=q(ne,null,null,{context:G})(te);export{oe as default};
+import{prefix as n,ESubmitType as I}from"../../../constant/index.js";import z from"../../../hooks/useSize.js";import{ToSubmitFileData as H,ToNextStep as _,loadImgList as R}from"../../../store/annotation/actionCreators.js";import{LeftOutlined as A}from"@ant-design/icons";import{i18n as $}from"@labelbee/lb-utils";import{Tooltip as B,Button as Q}from"antd/es";import L from"classnames";import{last as U}from"lodash";import e,{useReducer as W,useRef as q}from"react";import{useTranslation as T}from"react-i18next";import{connect as G}from"react-redux";import{LabelBeeContext as J,useDispatch as K}from"../../../store/ctx.js";import{store as M}from"../../../index.js";import V from"./ExportData/index.js";import X from"./headerOption/index.js";import Y from"./StepSwitch/index.js";import Z from"../../../components/predictTracking/predictTrackingIcon/index.js";import j from"./SwitchPattern/index.js";const w=({disabled:t,imgList:r})=>{const{t:o}=T(),i=()=>{const{dispatch:a,getState:s}=M;r[0]?a(_(0)):R(a,s,0).then(l=>{l&&a(_(0))})};return e.createElement(Q,{type:"primary",style:{marginLeft:10},onClick:i,disabled:t},o("NextStep"))},ee=({step:t,stepProgress:r,stepList:o,imgList:i})=>{var a;const{t:s}=T(),l=(a=U(o))==null?void 0:a.step;if(o.length<2||t===l)return null;const c=r<1;return c?e.createElement(B,{title:s("StepNotFinishedNotify")},e.createElement("span",null,e.createElement(w,{disabled:c,imgList:i}))):e.createElement(w,{disabled:c,imgList:i})},te=({goBack:t,exportData:r,header:o,headerName:i,imgList:a,stepProgress:s,stepInfo:l,stepList:c,step:b,annotationEngine:d})=>{var u;const k=K(),[,C]=W(m=>m+1,0),p=q(null),f=z(p),P=e.createElement(V,{exportData:r}),y=()=>{k(H(I.Quit)),t&&t(a)},E=m=>{$.changeLanguage(m),d==null||d.setLang(m),C()},N=$.language,D=(u=f==null?void 0:f.width)!=null?u:window.innerWidth,h=e.createElement(A,{className:`${n}-header__icon`,onClick:y}),g=i?e.createElement("span",{className:`${n}-header__name`},i):"",x=c.length>1&&e.createElement(e.Fragment,null,e.createElement(Y,{stepProgress:s}),e.createElement(ee,{step:b,stepProgress:s,stepList:c,imgList:a})),S=e.createElement(X,{stepInfo:l}),O=j,F=e.createElement("div",{className:`${n}-header__lang`},e.createElement("span",{className:`${n}-langCN ${N==="cn"?"active":""}`,onClick:()=>E("cn")},"\u4E2D\u6587")," / ",e.createElement("span",{className:`${n}-langEN ${N==="en"?"active":""}`,onClick:()=>E("en")},"En")),v=e.createElement(e.Fragment,null,e.createElement(Z,null),F);return o?typeof o=="function"?e.createElement("div",{className:L(`${n}-header`),ref:p},e.createElement("div",{className:`${n}-header__title`},o({backNode:h,headerNameNode:g,stepListNode:x,headerOptionNode:S,langNode:v,PointCloudSwitchPattern:O}))):o:e.createElement("div",{className:L(`${n}-header`),ref:p},e.createElement("div",{className:`${n}-header__title`},h,g,x,P,e.createElement("div",{id:"operationNode",className:`${n}-header__operationNode`,style:{left:D/2-174/2}},S),e.createElement("div",{className:`${n}-header__titlePlacement`}),e.createElement(j,null),v))},ne=t=>{var r;return{imgList:t.annotation.imgList,annotationEngine:t.annotation.annotationEngine,stepProgress:t.annotation.stepProgress,toolName:(r=t.annotation.stepList[t.annotation.step-1])==null?void 0:r.tool,stepList:t.annotation.stepList,stepInfo:t.annotation.stepList[t.annotation.step-1],step:t.annotation.step}};var oe=G(ne,null,null,{context:J})(te);export{oe as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",