@labelbee/lb-components 1.21.1 → 1.22.0-alpha.10

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

@@ -1 +1 @@
-import n from"react";import l from"./ToolHotKey/index.js";import i from"../../../../utils/StepUtils.js";import{useSelector as s}from"../../../../store/ctx.js";const p=()=>{const t=s(o=>{var e,r;return i.getCurrentStepInfo((e=o==null?void 0:o.annotation)==null?void 0:e.step,(r=o.annotation)==null?void 0:r.stepList)});return n.createElement(l,{toolName:t==null?void 0:t.tool})};export{p as default};
+import l from"react";import n from"./ToolHotKey/index.js";import i from"../../../../utils/StepUtils.js";import{useSelector as s}from"../../../../store/ctx.js";const p=()=>{const t=s(o=>{var e,r;return i.getCurrentStepInfo((e=o==null?void 0:o.annotation)==null?void 0:e.step,(r=o.annotation)==null?void 0:r.stepList)});return l.createElement(n,{toolName:t==null?void 0:t.tool})};export{p as default};

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

@@ -1 +1 @@
-import n,{useState as i,useEffect as s}from"react";import{connect as c}from"react-redux";import{Divider as l}from"antd/es";import{useTranslation as d}from"react-i18next";import{LabelBeeContext as u}from"../../../../store/ctx.js";const m=e=>{const{toolInstance:t}=e,[x,o]=i(0),{t:r}=d();return s(()=>{t&&t.singleOn("hiddenChange",()=>{o(a=>a+1)})},[t]),t&&t.isHidden?n.createElement("span",null,r("HideDrawnAnnotation"),n.createElement(l,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}})):null},p=e=>{var t;return{toolInstance:(t=e.annotation)==null?void 0:t.toolInstance}};var f=c(p,null,null,{context:u})(m);export{f as default};
+import n,{useState as i,useEffect as s}from"react";import{connect as l}from"react-redux";import{Divider as c}from"antd/es";import{useTranslation as d}from"react-i18next";import{LabelBeeContext as u}from"../../../../store/ctx.js";const f=e=>{const{toolInstance:t}=e,[x,o]=i(0),{t:r}=d();return s(()=>{t&&t.singleOn("hiddenChange",()=>{o(a=>a+1)})},[t]),t&&t.isHidden?n.createElement("span",null,r("HideDrawnAnnotation"),n.createElement(c,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}})):null},m=e=>{var t;return{toolInstance:(t=e.annotation)==null?void 0:t.toolInstance}};var p=l(m,null,null,{context:u})(f);export{p as default};

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

@@ -1 +1 @@
-import l,{useState as p,useContext as d,useEffect as f}from"react";import{connect as g}from"react-redux";import{Divider as b}from"antd/es";import{useTranslation as x}from"react-i18next";import{LabelBeeContext as P}from"../../../../store/ctx.js";import{PointCloudContext as C}from"../../../../components/pointCloudView/PointCloudContext.js";import{EPointCloudPattern as v}from"@labelbee/lb-utils";const h=n=>{var e,o;const{toolInstance:t}=n,[_,a]=p(0),{pointCloudBoxList:u,segmentation:i,globalPattern:s}=d(C),{t:c}=x();if(f(()=>{t&&t.singleOn("updatePageNumber",()=>{a(m=>m+1)})},[t]),!t)return null;const r=(o=(e=t==null?void 0:t.currentPageResult)==null?void 0:e.length)!=null?o:s===v.Detection?u.length:i.length;return r>=0?l.createElement("span",null,`${c("ItemsOfThisPage")}: ${r}`,l.createElement(b,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}})):null},E=n=>{var e;return{toolInstance:(e=n.annotation)==null?void 0:e.toolInstance}};var I=g(E,null,null,{context:P})(h);export{I as default};
+import l,{useState as p,useContext as d,useEffect as f}from"react";import{connect as g}from"react-redux";import{Divider as b}from"antd/es";import{useTranslation as x}from"react-i18next";import{LabelBeeContext as P}from"../../../../store/ctx.js";import{PointCloudContext as C}from"../../../../components/pointCloudView/PointCloudContext.js";import{EPointCloudPattern as v}from"@labelbee/lb-utils";const h=n=>{var e,o;const{toolInstance:t}=n,[I,a]=p(0),{pointCloudBoxList:u,segmentation:i,globalPattern:s}=d(C),{t:c}=x();if(f(()=>{t&&t.singleOn("updatePageNumber",()=>{a(m=>m+1)})},[t]),!t)return null;const r=(o=(e=t==null?void 0:t.currentPageResult)==null?void 0:e.length)!=null?o:s===v.Detection?u.length:i.length;return r>=0?l.createElement("span",null,`${c("ItemsOfThisPage")}: ${r}`,l.createElement(b,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}})):null},_=n=>{var e;return{toolInstance:(e=n.annotation)==null?void 0:e.toolInstance}};var E=g(_,null,null,{context:P})(h);export{E as default};

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

@@ -1 +1 @@
-import{getClassName as d}from"../../../utils/dom.js";import{StepForwardFilled as _,RightOutlined as f,StepBackwardFilled as P,LeftOutlined as E}from"@ant-design/icons";import{Input as v}from"antd";import r,{useState as w,useRef as h,useEffect as O}from"react";var y=Object.defineProperty,m=Object.getOwnPropertySymbols,N=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,p=(e,n,t)=>n in e?y(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,l=(e,n)=>{for(var t in n||(n={}))N.call(n,t)&&p(e,t,n[t]);if(m)for(var t of m(n))S.call(n,t)&&p(e,t,n[t]);return e};const u=e=>{const{jumpSkip:n,imgIndex:t}=e,[s,i]=w(t),c=h(null);O(()=>{i(t+1)},[t]);const a=o=>{/^\d*$/.test(o.target.value)&&i(o.target.value)},g=o=>{o.keyCode===13&&n(o.target.value)};return r.createElement(v,{className:d("page-input"),ref:c,onChange:a,value:s,onKeyDown:g})},I=e=>e.isVideo?r.createElement(_,l({},e.iconProps)):r.createElement(f,l({},e.iconProps)),j=e=>e.isVideo?r.createElement(P,l({},e.iconProps)):r.createElement(E,l({},e.iconProps)),k=({pageBackward:e,imgIndex:n,pageJump:t,totalPage:s,pageForward:i,isVideo:c,footerCls:a})=>r.createElement("div",{className:`${a}__pagination`},r.createElement(j,{isVideo:c,iconProps:{className:`${a}__highlight`,onClick:e}}),r.createElement(u,{imgIndex:n,jumpSkip:t}),"/",r.createElement("span",{className:`${a}__pageAll`},s),r.createElement(I,{isVideo:c,iconProps:{className:`${a}__highlight`,onClick:i}}));export{u as PageInput,k as Pagination};
+import{getClassName as d}from"../../../utils/dom.js";import{StepForwardFilled as _,RightOutlined as f,StepBackwardFilled as P,LeftOutlined as E}from"@ant-design/icons";import{Input as v}from"antd";import r,{useState as w,useRef as h,useEffect as O}from"react";var y=Object.defineProperty,m=Object.getOwnPropertySymbols,N=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,p=(e,n,t)=>n in e?y(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,c=(e,n)=>{for(var t in n||(n={}))N.call(n,t)&&p(e,t,n[t]);if(m)for(var t of m(n))S.call(n,t)&&p(e,t,n[t]);return e};const u=e=>{const{jumpSkip:n,imgIndex:t}=e,[s,i]=w(t),l=h(null);O(()=>{i(t+1)},[t]);const a=o=>{/^\d*$/.test(o.target.value)&&i(o.target.value)},g=o=>{o.keyCode===13&&n(o.target.value)};return r.createElement(v,{className:d("page-input"),ref:l,onChange:a,value:s,onKeyDown:g})},I=e=>e.isVideo?r.createElement(_,c({},e.iconProps)):r.createElement(f,c({},e.iconProps)),j=e=>e.isVideo?r.createElement(P,c({},e.iconProps)):r.createElement(E,c({},e.iconProps)),k=({pageBackward:e,imgIndex:n,pageJump:t,totalPage:s,pageForward:i,isVideo:l,footerCls:a})=>r.createElement("div",{className:`${a}__pagination`},r.createElement(j,{isVideo:l,iconProps:{className:`${a}__highlight`,onClick:e}}),r.createElement(u,{imgIndex:n,jumpSkip:t}),"/",r.createElement("span",{className:`${a}__pageAll`},s),r.createElement(I,{isVideo:l,iconProps:{className:`${a}__highlight`,onClick:i}}));export{u as PageInput,k as Pagination};

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

@@ -1 +1 @@
-import{Switch as s}from"antd";import t,{useContext as a}from"react";import{useTranslation as u}from"react-i18next";import{PointCloudContext as m}from"../../../../components/pointCloudView/PointCloudContext.js";import{useStatus as l}from"../../../../components/pointCloudView/hooks/useStatus.js";const d=()=>{const{cuboidBoxIn2DView:o,setCuboidBoxIn2DView:n}=a(m),{t:e}=u(),{isPointCloudSegmentationPattern:i}=l(),r=c=>{n(c)};return i?null:t.createElement(t.Fragment,null,t.createElement("span",{style:{marginRight:10}},e("ImageLabels")),t.createElement(s,{checkedChildren:e("3DRect"),unCheckedChildren:e("2DRect"),checked:o,onChange:r}))};export{d as default};
+import{Switch as s}from"antd";import t,{useContext as a}from"react";import{useTranslation as u}from"react-i18next";import{PointCloudContext as l}from"../../../../components/pointCloudView/PointCloudContext.js";import{useStatus as m}from"../../../../components/pointCloudView/hooks/useStatus.js";const d=()=>{const{cuboidBoxIn2DView:o,setCuboidBoxIn2DView:n}=a(l),{t:e}=u(),{isPointCloudSegmentationPattern:i}=m(),r=c=>{n(c)};return i?null:t.createElement(t.Fragment,null,t.createElement("span",{style:{marginRight:10}},e("ImageLabels")),t.createElement(s,{checkedChildren:e("3DRect"),unCheckedChildren:e("2DRect"),checked:o,onChange:r}))};export{d as default};

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

@@ -1 +1 @@
-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 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()}})))},_=({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 C=g(e=>({toolInstance:e.annotation.toolInstance}),null,null,{context:f})(_);export{m as ZoomController,C as default};

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

@@ -1 +1 @@
-import{prefix as B}from"../../../constant/index.js";import{PageBackward as g,PageForward as x,PageJump as b}from"../../../store/annotation/actionCreators.js";import{getTotalPage as L}from"../../../store/annotation/reducer.js";import{Divider as N}from"antd/es";import e from"react";import{useTranslation as S}from"react-i18next";import{connect as k}from"react-redux";import{LabelBeeContext as D,useDispatch as A}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 J from"./SwitchCuboidBoxIn2DView/index.js";import{Pagination as K}from"./Pagination.js";import{AnnotatedAttributesIcon as E}from"./AnnotatedAttributes/index.js";import{cTool as V}from"@labelbee/lb-annotation";import{shortCutTable as Z,ToolHotKeyCom as z}from"./FooterTips/ToolHotKey/index.js";const{EPointCloudName:_}=V,l=`${B}-footer`,P=()=>e.createElement(N,{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=A(),{t:h}=S(),d=(a=s[m-1])!=null?a:{},j=!!d.dataSourceStep,C=()=>{if(n){n(()=>r(g()));return}r(g())},y=()=>{if(n){n(()=>r(x()));return}r(x())},v=w=>{const f=~~w-1;if(n){n(()=>r(b(f)));return}r(b(f))},p=e.createElement(K,{imgIndex:t.imgIndex,totalPage:t.totalPage,pageJump:v,pageBackward:C,pageForward:y,footerCls:l}),F=j&&i.length>0?e.createElement("span",null,h("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(E,null),e.createElement("div",{style:{flex:1}}),e.createElement(J,null),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(E,null),pagination:p,zoomController:e.createElement($,{mode:u}),curItems:F,footerDivider:e.createElement(P,null),shortCutTable:Z,ToolHotKeyCom:z})):o},G=t=>({totalPage:L(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=k(G,null,null,{context:D})(q);export{P as FooterDivider,M as default,l as footerCls};
+import{prefix as B}from"../../../constant/index.js";import{PageBackward as g,PageForward as x,PageJump as b}from"../../../store/annotation/actionCreators.js";import{getTotalPage as L}from"../../../store/annotation/reducer.js";import{Divider as N}from"antd/es";import e from"react";import{useTranslation as S}from"react-i18next";import{connect as k}from"react-redux";import{LabelBeeContext as D,useDispatch as A}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 _ from"./SwitchCuboidBoxIn2DView/index.js";import{Pagination as J}from"./Pagination.js";import{AnnotatedAttributesIcon as E}from"./AnnotatedAttributes/index.js";import{cTool as K}from"@labelbee/lb-annotation";import{shortCutTable as V,ToolHotKeyCom as Z}from"./FooterTips/ToolHotKey/index.js";const{EPointCloudName:z}=K,l=`${B}-footer`,P=()=>e.createElement(N,{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=A(),{t:h}=S(),d=(a=s[m-1])!=null?a:{},j=!!d.dataSourceStep,C=()=>{if(n){n(()=>r(g()));return}r(g())},y=()=>{if(n){n(()=>r(x()));return}r(x())},v=w=>{const f=~~w-1;if(n){n(()=>r(b(f)));return}r(b(f))},p=e.createElement(J,{imgIndex:t.imgIndex,totalPage:t.totalPage,pageJump:v,pageBackward:C,pageForward:y,footerCls:l}),F=j&&i.length>0?e.createElement("span",null,h("curItems",{current:c+1,total:i.length})):null;return typeof o=="function"?o===I&&d.tool===z.PointCloud?e.createElement("div",{className:`${l}`,style:t.style},e.createElement(T,null),e.createElement(E,null),e.createElement("div",{style:{flex:1}}),e.createElement(_,null),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(E,null),pagination:p,zoomController:e.createElement($,{mode:u}),curItems:F,footerDivider:e.createElement(P,null),shortCutTable:V,ToolHotKeyCom:Z})):o},G=t=>({totalPage:L(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=k(G,null,null,{context:D})(q);export{P as FooterDivider,M as default,l as footerCls};

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

@@ -1 +1 @@
-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 a from"react";import{Button as i}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 a.createElement(i,{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};

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

@@ -1 +1 @@
-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 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 u from"../../../../components/customAntd/IconWithText/index.js";import{prefix as x}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:`${x}`},t.createElement(p,{overlay:t.createElement(S,{stepList:n,updateStep:a,currentStep:o})},t.createElement(u,{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};

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

@@ -1 +1 @@
-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};
+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")},f=()=>{P(),l(a.Detection)},v=()=>{b(),l(a.Segmentation)},c=t!=="",s=o.createElement(m,{type:i===a.Segmentation?"primary":void 0,onClick:v,disabled:c},e("SegmentationMode"));return o.createElement("span",{style:{margin:"0 10px"}},o.createElement(m,{type:i===a.Detection?"primary":void 0,onClick:f},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 _=D(B,null,null,{context:E})(V);export{_ as default};

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

@@ -1 +1 @@
-import r,{useState as j,useContext as k,useCallback as d}from"react";import{useDispatch as h,useSelector as E}from"../../../../store/ctx.js";import _ from"../../../../assets/annotation/common/icon_r.svg.js";import A from"../../../../assets/annotation/common/icon_next.svg.js";import H from"../../../../assets/annotation/common/icon_back.svg.js";import P from"../../../../assets/annotation/common/icon_rA.svg.js";import $ from"../../../../assets/annotation/common/icon_nextA.svg.js";import w from"../../../../assets/annotation/common/icon_backA.svg.js";import R from"../../../../assets/annotation/common/icon_save.svg.js";import V from"../../../../assets/annotation/common/icon_saveA.svg.js";import{prefix as z}from"../../../../constant/index.js";import{EToolName as B}from"../../../../data/enums/ToolType.js";import{ChangeSave as D}from"../../../../store/annotation/actionCreators.js";import{useTranslation as I}from"react-i18next";import{EAudioToolName as L,cTool as M}from"@labelbee/lb-annotation";import{PointCloudContext as O}from"../../../../components/pointCloudView/PointCloudContext.js";import{EPointCloudPattern as v}from"@labelbee/lb-utils";const{EVideoToolName:g,EPointCloudName:K}=M;var e;(function(a){a.Hover="#666fff",a.Normal="#999999"})(e||(e={}));const U=a=>{const[l,c]=j(""),{stepInfo:t}=a,p=h(),{annotation:{toolInstance:n,onSave:f}}=E(o=>({annotation:o.annotation,imgAttribute:o.imgAttribute})),{globalPattern:S}=k(O),{t:N}=I(),m=[B.Tag,g.VideoTagTool].includes(t==null?void 0:t.tool),u=[g.VideoTagTool].includes(t==null?void 0:t.tool),T=[K.PointCloud].includes(t==null?void 0:t.tool),x=[L.AudioTextTool].includes(t==null?void 0:t.tool),i=a.isBegin||m,b=()=>{t.dataSourceStep!==0&&t.dataSourceStep!==void 0||n==null||n.updateRotate()},y=d(()=>{n==null||n.undo()},[n]),C=d(()=>{n==null||n.redo()},[n]);let s=[{toolName:"save",title:"Save",show:!!f,commonSvg:R,selectedSvg:V,click:()=>{p(D)},style:{fontSize:"12px",color:!i&&l==="save"?e.Hover:e.Normal}},{toolName:"revocation",title:"Undo",show:!0,commonSvg:H,selectedSvg:w,click:()=>{m||y()},style:{opacity:i===!0?.4:1,fontSize:"12px",color:!i&&l==="revocation"?e.Hover:e.Normal}},{toolName:"restore",title:"Redo",show:!0,commonSvg:A,selectedSvg:$,click:()=>{m||C()},style:{opacity:i===!0?.4:1,fontSize:"12px",color:!i&&l==="restore"?e.Hover:e.Normal}},{toolName:"rotate",title:"Rotate",show:!0,selectedSvg:P,commonSvg:_,click:()=>{u||b()},style:{opacity:u===!0?.4:1,fontSize:"12px",color:!i&&l==="rotate"?e.Hover:e.Normal}}];if(T)switch(S){case v.Segmentation:s=s.slice(0,1);break;case v.Detection:s=s.slice(0,3);break}return x&&(s=s.slice(0,1)),r.createElement("div",{className:`${z}-header__hotKey`},s.map(o=>o.show&&r.createElement("div",{key:o.toolName,className:"item",onMouseEnter:()=>c(o.toolName),onMouseLeave:()=>c("")},r.createElement("a",{className:"item",onClick:o.click},r.createElement("img",{className:"singleTool",src:l===o.toolName?o.selectedSvg:o.commonSvg,style:o.style}),r.createElement("div",{style:o.style},N(o.title))))))};export{U as default};
+import r,{useState as j,useContext as k,useCallback as d}from"react";import{useDispatch as _,useSelector as h}from"../../../../store/ctx.js";import E from"../../../../assets/annotation/common/icon_r.svg.js";import A from"../../../../assets/annotation/common/icon_next.svg.js";import H from"../../../../assets/annotation/common/icon_back.svg.js";import P from"../../../../assets/annotation/common/icon_rA.svg.js";import $ from"../../../../assets/annotation/common/icon_nextA.svg.js";import w from"../../../../assets/annotation/common/icon_backA.svg.js";import R from"../../../../assets/annotation/common/icon_save.svg.js";import V from"../../../../assets/annotation/common/icon_saveA.svg.js";import{prefix as z}from"../../../../constant/index.js";import{EToolName as B}from"../../../../data/enums/ToolType.js";import{ChangeSave as D}from"../../../../store/annotation/actionCreators.js";import{useTranslation as I}from"react-i18next";import{EAudioToolName as L,cTool as M}from"@labelbee/lb-annotation";import{PointCloudContext as O}from"../../../../components/pointCloudView/PointCloudContext.js";import{EPointCloudPattern as v}from"@labelbee/lb-utils";const{EVideoToolName:g,EPointCloudName:K}=M;var e;(function(i){i.Hover="#666fff",i.Normal="#999999"})(e||(e={}));const U=i=>{const[l,c]=j(""),{stepInfo:t}=i,p=_(),{annotation:{toolInstance:n,onSave:f}}=h(o=>({annotation:o.annotation,imgAttribute:o.imgAttribute})),{globalPattern:S}=k(O),{t:N}=I(),m=[B.Tag,g.VideoTagTool].includes(t==null?void 0:t.tool),u=[g.VideoTagTool].includes(t==null?void 0:t.tool),T=[K.PointCloud].includes(t==null?void 0:t.tool),x=[L.AudioTextTool].includes(t==null?void 0:t.tool),a=i.isBegin||m,b=()=>{t.dataSourceStep!==0&&t.dataSourceStep!==void 0||n==null||n.updateRotate()},y=d(()=>{n==null||n.undo()},[n]),C=d(()=>{n==null||n.redo()},[n]);let s=[{toolName:"save",title:"Save",show:!!f,commonSvg:R,selectedSvg:V,click:()=>{p(D)},style:{fontSize:"12px",color:!a&&l==="save"?e.Hover:e.Normal}},{toolName:"revocation",title:"Undo",show:!0,commonSvg:H,selectedSvg:w,click:()=>{m||y()},style:{opacity:a===!0?.4:1,fontSize:"12px",color:!a&&l==="revocation"?e.Hover:e.Normal}},{toolName:"restore",title:"Redo",show:!0,commonSvg:A,selectedSvg:$,click:()=>{m||C()},style:{opacity:a===!0?.4:1,fontSize:"12px",color:!a&&l==="restore"?e.Hover:e.Normal}},{toolName:"rotate",title:"Rotate",show:!0,selectedSvg:P,commonSvg:E,click:()=>{u||b()},style:{opacity:u===!0?.4:1,fontSize:"12px",color:!a&&l==="rotate"?e.Hover:e.Normal}}];if(T)switch(S){case v.Segmentation:s=s.slice(0,1);break;case v.Detection:s=s.slice(0,3);break}return x&&(s=s.slice(0,1)),r.createElement("div",{className:`${z}-header__hotKey`},s.map(o=>o.show&&r.createElement("div",{key:o.toolName,className:"item",onMouseEnter:()=>c(o.toolName),onMouseLeave:()=>c("")},r.createElement("a",{className:"item",onClick:o.click},r.createElement("img",{className:"singleTool",src:l===o.toolName?o.selectedSvg:o.commonSvg,style:o.style}),r.createElement("div",{style:o.style},N(o.title))))))};export{U as default};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.21.1",
+  "version": "1.22.0-alpha.10",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -43,14 +43,15 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "1.25.1",
-    "@labelbee/lb-utils": "1.17.0",
+    "@labelbee/lb-annotation": "1.26.0-alpha.5",
+    "@labelbee/lb-utils": "1.18.0-alpha.2",
     "@labelbee/wavesurfer": "1.0.0",
     "@types/react-dom": "^18.2.7",
     "@types/react-transition-group": "^4.4.9",
     "ahooks": "^3.4.0",
     "classnames": "^2.3.0",
     "decimal.js": "^10.4.3",
+    "diff-match-patch": "^1.0.5",
     "github-markdown-css": "^5.2.0",
     "lodash": "^4.17.21",
     "postcss-url": "^10.1.3",
@@ -65,10 +66,10 @@
     "redux-actions": "^2.6.5",
     "redux-thunk": "^2.3.0",
     "rehype-katex": "^6.0.3",
-    "diff-match-patch": "^1.0.5",
-    "remark-math": "^5.1.1",
     "remark-gfm": "^3.0.1",
-    "resize-observer-polyfill": "^1.5.1"
+    "remark-math": "^5.1.1",
+    "resize-observer-polyfill": "^1.5.1",
+    "zustand": "^4.5.0"
   },
   "peerDependencies": {
     "antd": ">=4.15.0",
@@ -82,6 +83,8 @@
     "@rollup/plugin-eslint": "^8.0.1",
     "@rollup/plugin-image": "^2.0.6",
     "@rollup/plugin-node-resolve": "^11.2.1",
+    "@svgr/core": "^8.1.0",
+    "@svgr/rollup": "^8.1.0",
     "@types/diff-match-patch": "^1.0.36",
     "@types/lodash": "^4.14.168",
     "@types/react": "^16.13.1",