@labelbee/lb-components 1.22.0-alpha.1 → 1.22.0-alpha.2

package/es/components/videoAnnotate/videoClipTool/components/resizableSnippet/index.js

@@ -1 +1 @@
-import{Resizable as D}from"re-resizable";import i,{useState as N}from"react";import W from"../ToolTipForClip.js";import{getDisplayContent as I}from"../videoTrack/index.js";import u from"./index.module.scss.js";import{decimalReserved as L}from"../../../../videoPlayer/utils.js";var k=Object.defineProperty,F=Object.defineProperties,H=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,n=(e,t)=>{for(var r in t||(t={}))A.call(t,r)&&w(e,r,t[r]);if(_)for(var r of _(t))G.call(t,r)&&w(e,r,t[r]);return e},g=(e,t)=>F(e,H(t));const y=45,K=e=>{var t;const{track:r,currentTime:s,attributeList:l,readonly:O,onClipping:b,onTrackResizeStart:c}=e,{start:d,end:P}=r,R=P||s,[S,f]=N({width:0,height:0}),z=(o,E,j,h)=>{var v;const C=(h.width-S.width)/((v=j.parentNode)==null?void 0:v.clientWidth);f(h),e.onResize(E,C)},T=()=>{f({width:0,height:0}),c==null||c()},m=n({transform:"none",overflow:"hidden",textOverflow:"ellipsis",fontSize:12},e.style),x={top:!1,right:!0,left:!0,bottom:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},p=i.createElement("div",{style:{margin:"10px 5px"}},i.createElement("div",{className:u.textOverflow},`${L(Math.max(R-d,1),0)}s`),i.createElement("div",{className:u.textOverflow},I(r,l)));let a;if(b||O||!e.isSelected){const o=g(n({},m),{height:y});e.isSelected&&s-d<0&&(o.width=100,o.backgroundColor="transparent"),a=i.createElement("div",{style:o},p)}else a=i.createElement(D,{size:{width:(t=e.style.width)!=null?t:0,height:y},minWidth:1,onResize:z,onResizeStart:T,enable:x,style:m},p);return i.createElement(W,{slot:a,item:g(n({},r),{end:r.end===null?s:r.end}),attributeList:l})};export{K as default};
+import{Resizable as D}from"re-resizable";import i,{useState as N}from"react";import W from"../ToolTipForClip.js";import{getDisplayContent as I}from"../videoTrack/index.js";import u from"./index.module.scss.js";import{decimalReserved as L}from"../../../../videoPlayer/utils.js";var k=Object.defineProperty,F=Object.defineProperties,H=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))A.call(t,r)&&w(e,r,t[r]);if(_)for(var r of _(t))G.call(t,r)&&w(e,r,t[r]);return e},g=(e,t)=>F(e,H(t));const y=45,K=e=>{var t;const{track:r,currentTime:s,attributeList:n,readonly:O,onClipping:b,onTrackResizeStart:c}=e,{start:d,end:P}=r,R=P||s,[S,f]=N({width:0,height:0}),z=(o,E,j,h)=>{var v;const C=(h.width-S.width)/((v=j.parentNode)==null?void 0:v.clientWidth);f(h),e.onResize(E,C)},T=()=>{f({width:0,height:0}),c==null||c()},m=l({transform:"none",overflow:"hidden",textOverflow:"ellipsis",fontSize:12},e.style),x={top:!1,right:!0,left:!0,bottom:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},p=i.createElement("div",{style:{margin:"10px 5px"}},i.createElement("div",{className:u.textOverflow},`${L(Math.max(R-d,1),0)}s`),i.createElement("div",{className:u.textOverflow},I(r,n)));let a;if(b||O||!e.isSelected){const o=g(l({},m),{height:y});e.isSelected&&s-d<0&&(o.width=100,o.backgroundColor="transparent"),a=i.createElement("div",{style:o},p)}else a=i.createElement(D,{size:{width:(t=e.style.width)!=null?t:0,height:y},minWidth:1,onResize:z,onResizeStart:T,enable:x,style:m},p);return i.createElement(W,{slot:a,item:g(l({},r),{end:r.end===null?s:r.end}),attributeList:n})};export{K as default};

package/es/components/videoAnnotate/videoClipTool/components/timeSliceRange/index.js

@@ -1 +1 @@
-import{classnames as h}from"../../../../../utils/index.js";import{Input as I,message as T}from"antd";import j from"lodash";import e,{useState as O,useEffect as y}from"react";import{ETimeSliceType as A,PER_SLICE_CHANGE as g}from"../../constant.js";import a from"./index.module.scss.js";import{precisionMinus as G,precisionAdd as M,timeFormat as l}from"../../../../../utils/audio.js";import{decimalReserved as _}from"../../../../videoPlayer/utils.js";import{useTranslation as v}from"react-i18next";const p=({initialVal:t,timeType:E="",videoPlayer:r,min:F,max:m,updateTime:i,disabled:c})=>{const[f,d]=O(""),{t:B}=v(),C=()=>{S(f).then(u=>{i(u)}).catch(u=>{T.error(u),x()})},R=u=>{const[s,o]=u.split(":");return~~s*60+parseFloat(o)},D=(u,s=!1)=>{if(F!==void 0&&u<F){const n=l(F,"ss.SS");return s?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u4FEE\u6539\u65F6\u95F4\u4E0D\u5141\u8BB8\u5C11\u4E8E${n}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5C11\u4E8E${n}`}if(m!==void 0&&u>m){const n=l(m,"ss.SS");return s?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u4FEE\u6539\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${n}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${n}`}const o=r==null?void 0:r.duration;if(r&&o&&u>o){const n=l(o,"ss.SS");return s?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${n}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${n}`}},S=u=>new Promise((s,o)=>{if(u.match(/^\d+\:\d\d\.\d\d$/)){const n=R(u),N=D(n);if(N){o(N);return}s(n)}else o(new Error("\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u65F6\u95F4\u683C\u5F0F\u5E94\u4E3Axx:xx.xx"))}),x=()=>{j.isNumber(t)&&d(l(t,"ss.SS"))},$=()=>{if(!c&&r){const u=_(r==null?void 0:r.currentTime,2),s=D(u,!0);if(s){T.error(s);return}i(u)}};return y(()=>{x()},[t]),e.createElement("div",{className:a.inputWrapper},e.createElement(I,{placeholder:"00:00.00",value:f,onChange:u=>d(u.target.value),onBlur:C,onPressEnter:C,disabled:c}),e.createElement("span",{className:h({[a.getCurr]:!0,[a.disabled]:c!=null?c:!1}),onClick:$},B(E==="start"?"GetStartTime":"GetEndTime")))},w=({selectedTimeSlice:t,videoPlayer:E,updateTimeForSelected:r,disabled:F})=>{if(!t)return null;const{t:m}=v();return(t==null?void 0:t.type)===A.Period?e.createElement("div",{className:a.timeSliceInputContainer},e.createElement("div",{className:a.title},m("ClipTime")),e.createElement("div",{className:a.inputContainer},e.createElement(p,{initialVal:t.start,timeType:"start",videoPlayer:E,max:G(t.end,g),updateTime:i=>{r(i,"start")},disabled:F}),e.createElement("span",{className:a.spliter}),e.createElement(p,{initialVal:t.end,timeType:"end",videoPlayer:E,min:M(t.start,g),updateTime:i=>{r(i,"end")},disabled:F}))):e.createElement("div",{className:a.timeSliceInputContainer},e.createElement("div",{className:a.title},m("StampTime")),e.createElement(p,{initialVal:t.start,videoPlayer:E,updateTime:i=>{r(i,"start")}}))};export{w as default};
+import{classnames as h}from"../../../../../utils/index.js";import{Input as I,message as T}from"antd";import _ from"lodash";import e,{useState as j,useEffect as O}from"react";import{ETimeSliceType as y,PER_SLICE_CHANGE as g}from"../../constant.js";import a from"./index.module.scss.js";import{precisionMinus as A,precisionAdd as G,timeFormat as l}from"../../../../../utils/audio.js";import{decimalReserved as M}from"../../../../videoPlayer/utils.js";import{useTranslation as v}from"react-i18next";const p=({initialVal:t,timeType:E="",videoPlayer:r,min:F,max:m,updateTime:i,disabled:c})=>{const[f,d]=j(""),{t:B}=v(),C=()=>{S(f).then(u=>{i(u)}).catch(u=>{T.error(u),x()})},R=u=>{const[s,o]=u.split(":");return~~s*60+parseFloat(o)},D=(u,s=!1)=>{if(F!==void 0&&u<F){const n=l(F,"ss.SS");return s?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u4FEE\u6539\u65F6\u95F4\u4E0D\u5141\u8BB8\u5C11\u4E8E${n}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5C11\u4E8E${n}`}if(m!==void 0&&u>m){const n=l(m,"ss.SS");return s?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u4FEE\u6539\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${n}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${n}`}const o=r==null?void 0:r.duration;if(r&&o&&u>o){const n=l(o,"ss.SS");return s?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${n}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${n}`}},S=u=>new Promise((s,o)=>{if(u.match(/^\d+\:\d\d\.\d\d$/)){const n=R(u),N=D(n);if(N){o(N);return}s(n)}else o(new Error("\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u65F6\u95F4\u683C\u5F0F\u5E94\u4E3Axx:xx.xx"))}),x=()=>{_.isNumber(t)&&d(l(t,"ss.SS"))},$=()=>{if(!c&&r){const u=M(r==null?void 0:r.currentTime,2),s=D(u,!0);if(s){T.error(s);return}i(u)}};return O(()=>{x()},[t]),e.createElement("div",{className:a.inputWrapper},e.createElement(I,{placeholder:"00:00.00",value:f,onChange:u=>d(u.target.value),onBlur:C,onPressEnter:C,disabled:c}),e.createElement("span",{className:h({[a.getCurr]:!0,[a.disabled]:c!=null?c:!1}),onClick:$},B(E==="start"?"GetStartTime":"GetEndTime")))},w=({selectedTimeSlice:t,videoPlayer:E,updateTimeForSelected:r,disabled:F})=>{if(!t)return null;const{t:m}=v();return(t==null?void 0:t.type)===y.Period?e.createElement("div",{className:a.timeSliceInputContainer},e.createElement("div",{className:a.title},m("ClipTime")),e.createElement("div",{className:a.inputContainer},e.createElement(p,{initialVal:t.start,timeType:"start",videoPlayer:E,max:A(t.end,g),updateTime:i=>{r(i,"start")},disabled:F}),e.createElement("span",{className:a.spliter}),e.createElement(p,{initialVal:t.end,timeType:"end",videoPlayer:E,min:G(t.start,g),updateTime:i=>{r(i,"end")},disabled:F}))):e.createElement("div",{className:a.timeSliceInputContainer},e.createElement("div",{className:a.title},m("StampTime")),e.createElement(p,{initialVal:t.start,videoPlayer:E,updateTime:i=>{r(i,"start")}}))};export{w as default};

package/es/components/videoAnnotate/videoClipTool/components/videoClipToolHotkey/index.js

@@ -1 +1 @@
-import e from"react";import t from"./index.module.scss.js";import a from"../../../../../assets/annotation/video/icon_videoCut.svg.js";import n from"../../../../../assets/annotation/video/icon_timePoint.svg.js";const i=({toggleClipStatus:o,addTime:s})=>e.createElement("div",{className:t.clipToolbar},e.createElement("span",{className:t.buttonWrapper},e.createElement("img",{src:a,className:t.cutButton,onClick:()=>{o==null||o()}}),"\u622A\u53D6"),e.createElement("span",{className:t.buttonWrapper},e.createElement("img",{src:n,className:t.localButton,onClick:s}),"\u6807\u65F6\u95F4\u70B9"));export{i as default};
+import e from"react";import t from"./index.module.scss.js";import s from"../../../../../assets/annotation/video/icon_videoCut.svg.js";import n from"../../../../../assets/annotation/video/icon_timePoint.svg.js";const i=({toggleClipStatus:o,addTime:a})=>e.createElement("div",{className:t.clipToolbar},e.createElement("span",{className:t.buttonWrapper},e.createElement("img",{src:s,className:t.cutButton,onClick:()=>{o==null||o()}}),"\u622A\u53D6"),e.createElement("span",{className:t.buttonWrapper},e.createElement("img",{src:n,className:t.localButton,onClick:a}),"\u6807\u65F6\u95F4\u70B9"));export{i as default};

package/es/components/videoAnnotate/videoClipTool/components/videoTimeSlicesOverVideo/index.js

@@ -1 +1 @@
-import{classnames as S}from"../../../../../utils/index.js";import{AttributeUtils as u,MathUtils as d}from"@labelbee/lb-annotation";import s from"react";import{CSSTransition as g,TransitionGroup as E}from"react-transition-group";import{TIME_SLICE_TYPE as h,ETimeSliceType as w}from"../../constant.js";import a from"./index.module.scss.js";var O=Object.defineProperty,P=Object.defineProperties,x=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,T=(i,e,r)=>e in i?O(i,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[e]=r,A=(i,e)=>{for(var r in e||(e={}))I.call(e,r)&&T(i,r,e[r]);if(f)for(var r of f(e))j.call(e,r)&&T(i,r,e[r]);return i},N=(i,e)=>P(i,x(e));const C=i=>{const{attributeList:e,result:r,currentTime:m,extraStyle:_}=i,y=t=>{const{type:o,start:n,end:p}=t;let l=!1;return o===w.Time?l=d.isInRange(m,[n-.1,n+.1]):l=p===null||d.isInRange(m,[n,p]),l},b=[],c=[];r.forEach(t=>{(y(t)?c:b).push(t)});const v=c.sort((t,o)=>t.start-o.start).map(t=>N(A({},t),{withinTime:!0})).map(t=>s.createElement(g,{classNames:"fade",key:t.id,timeout:500},s.createElement("div",{className:S({[a.timeSliceWrapper]:!0,[a.active]:t.withinTime})},s.createElement("div",{className:a.timeSliceItemAttribute,style:{textAlign:"right"}},s.createElement("span",{style:{backgroundColor:u.getAttributeColor(t.attribute,e)}},`${h[t.type]}: ${u.getAttributeShowText(t.attribute,e)||"\u65E0\u5C5E\u6027"}`)),t.textAttribute&&s.createElement("div",{className:a.timeSliceItemText},`\u6587\u672C: ${t.textAttribute}`))));return s.createElement("div",{className:a.videoTimeSlices,style:_},s.createElement(E,{className:"fade-group"},v))};export{C as default};
+import{classnames as S}from"../../../../../utils/index.js";import{AttributeUtils as u,MathUtils as d}from"@labelbee/lb-annotation";import s from"react";import{CSSTransition as g,TransitionGroup as E}from"react-transition-group";import{TIME_SLICE_TYPE as h,ETimeSliceType as w}from"../../constant.js";import a from"./index.module.scss.js";var O=Object.defineProperty,P=Object.defineProperties,x=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,_=(i,e,r)=>e in i?O(i,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[e]=r,A=(i,e)=>{for(var r in e||(e={}))I.call(e,r)&&_(i,r,e[r]);if(f)for(var r of f(e))j.call(e,r)&&_(i,r,e[r]);return i},N=(i,e)=>P(i,x(e));const C=i=>{const{attributeList:e,result:r,currentTime:m,extraStyle:T}=i,y=t=>{const{type:o,start:n,end:p}=t;let l=!1;return o===w.Time?l=d.isInRange(m,[n-.1,n+.1]):l=p===null||d.isInRange(m,[n,p]),l},b=[],c=[];r.forEach(t=>{(y(t)?c:b).push(t)});const v=c.sort((t,o)=>t.start-o.start).map(t=>N(A({},t),{withinTime:!0})).map(t=>s.createElement(g,{classNames:"fade",key:t.id,timeout:500},s.createElement("div",{className:S({[a.timeSliceWrapper]:!0,[a.active]:t.withinTime})},s.createElement("div",{className:a.timeSliceItemAttribute,style:{textAlign:"right"}},s.createElement("span",{style:{backgroundColor:u.getAttributeColor(t.attribute,e)}},`${h[t.type]}: ${u.getAttributeShowText(t.attribute,e)||"\u65E0\u5C5E\u6027"}`)),t.textAttribute&&s.createElement("div",{className:a.timeSliceItemText},`\u6587\u672C: ${t.textAttribute}`))));return s.createElement("div",{className:a.videoTimeSlices,style:T},s.createElement(E,{className:"fade-group"},v))};export{C as default};

package/es/components/videoAnnotate/videoClipTool/components/videoTrack/index.js

@@ -1 +1 @@
-import{timeFormat as $}from"../../../../../utils/audio.js";import{AttributeUtils as b,MathUtils as g}from"@labelbee/lb-annotation";import{EnvironmentFilled as z}from"@ant-design/icons";import i,{useContext as R,useRef as D,useMemo as S}from"react";import X from"../resizableSnippet/index.js";import{ETimeSliceType as N,EClipStatus as U}from"../../constant.js";import W from"../ToolTipForClip.js";import u from"./index.module.scss.js";import{decimalReserved as x,hashCode as L}from"../../../../videoPlayer/utils.js";import{VideoClipToolContext as q}from"../../VideoClipToolContext.js";import{VideoPlayerCtx as B}from"../../../../videoPlayer/index.js";import{useTranslation as G}from"react-i18next";var H=Object.defineProperty,K=Object.defineProperties,Q=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,A=(o,r,t)=>r in o?H(o,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[r]=t,J=(o,r)=>{for(var t in r||(r={}))Y.call(r,t)&&A(o,t,r[t]);if(w)for(var t of w(r))Z.call(r,t)&&A(o,t,r[t]);return o},tt=(o,r)=>K(o,Q(r));const et=(o,r)=>{const{t}=G(),{attribute:p,textAttribute:n}=o;return[b.getAttributeShowText(p,r)||t("NoAttribute"),n?`${t("textTool")}: ${n}`:""].filter(y=>y).join("\uFF0C")},rt=(o,r)=>{const t=(o||[]).filter(n=>n).map(()=>[]);o.forEach(n=>{if(n.id!==r){const s=t.findIndex(y=>{const l=n.start,c=n.end;return y.every(f=>{const T=[f.start,f.end],m=[l,c];return!g.isInRange(l,T)&&!g.isInRange(c,T)&&!g.isInRange(f.start,m)&&!g.isInRange(f.end,m)})});s>-1&&t[s].push(n)}});const p=ot(t.filter(n=>n.length>0));return p==null?void 0:p.map(n=>({data:n,id:L(n==null?void 0:n.map(s=>s.id).join("_"))}))},ot=(o,r=2)=>{let t=o;return t.length-r<0&&(t=t.concat(Array.from({length:r-t.length}))),t},nt=o=>{var r;const{currentTime:t,readonly:p,onTrackResizeStart:n}=o,{result:s,selectedAttribute:y,attributeList:l,selectedID:c,clipStatus:f,contextToCancel:T}=R(q),{duration:m}=R(B),C=D(null),I=t/m,h=(e,a=4)=>`${x(e*100,a)}%`,k=e=>{if(e){const a=b.getAttributeColor(e.attribute,l),v=Math.max((e.end||t)-e.start,0)/m,d={backgroundColor:a,left:h(e.start/m,2),width:h(e.end?Math.max(v,.001):v,2),position:"absolute",borderRadius:5};return e.type===N.Time&&(delete d.width,delete d.backgroundColor,d.top="50%",d.transform="translate(-50%)",d.color=a),d}return{}},_=b.getAttributeColor(y,l),E=((r=C.current)==null?void 0:r.clientWidth)||0,P=x(Math.max(E*I,0),0),F=x(Math.min(P,Math.floor(E-68)),0),j=e=>{if(e)return e.type===N.Time?i.createElement(W,{slot:i.createElement(z,{style:k(e)}),item:tt(J({},e),{end:e.end===null?t:e.end}),attributeList:l}):i.createElement(X,{track:e,currentTime:t,style:k(e),onResize:(a,v)=>o.onTrackResize(e.id,a,v),onTrackResizeStart:n,onClipping:f===U.Clipping,isSelected:e.id===c,readonly:p,attributeList:l})},M=S(()=>{const e=rt(s,c);return e==null?void 0:e.map((a,v)=>{var d;return i.createElement("div",{className:u.track,key:(a==null?void 0:a.id)||v},(d=a.data)==null?void 0:d.map(O=>j(O)))})},[s,c,m,JSON.stringify(l)]),V=S(()=>{const e=s.find(a=>(a==null?void 0:a.id)===c);return c&&e?i.createElement("div",{className:u.track,key:e==null?void 0:e.id},j(e)):null},[s,c,m,t,JSON.stringify(l)]);return i.createElement("div",{className:u.videoTrackContainer,ref:C,onContextMenu:T},i.createElement("div",{className:u.timeTrack}),i.createElement("div",{className:u.videoTrack},V,M),i.createElement("div",{className:u.timeline,style:{transform:`translate3d(${P}px, 0px, 0px)`,backgroundColor:_}}),i.createElement("div",{className:u.displayTime,style:{backgroundColor:_,transform:`translateX(${F}px, 0px, 0px)`}},$(t)))};var at=nt;export{at as default,et as getDisplayContent};
+import{timeFormat as $}from"../../../../../utils/audio.js";import{AttributeUtils as b,MathUtils as g}from"@labelbee/lb-annotation";import{EnvironmentFilled as z}from"@ant-design/icons";import i,{useContext as R,useRef as D,useMemo as S}from"react";import X from"../resizableSnippet/index.js";import{ETimeSliceType as N,EClipStatus as U}from"../../constant.js";import W from"../ToolTipForClip.js";import u from"./index.module.scss.js";import{decimalReserved as x,hashCode as L}from"../../../../videoPlayer/utils.js";import{VideoClipToolContext as q}from"../../VideoClipToolContext.js";import{VideoPlayerCtx as B}from"../../../../videoPlayer/index.js";import{useTranslation as G}from"react-i18next";var H=Object.defineProperty,K=Object.defineProperties,Q=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,A=(o,r,t)=>r in o?H(o,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[r]=t,J=(o,r)=>{for(var t in r||(r={}))Y.call(r,t)&&A(o,t,r[t]);if(w)for(var t of w(r))Z.call(r,t)&&A(o,t,r[t]);return o},tt=(o,r)=>K(o,Q(r));const et=(o,r)=>{const{t}=G(),{attribute:p,textAttribute:n}=o;return[b.getAttributeShowText(p,r)||t("NoAttribute"),n?`${t("textTool")}: ${n}`:""].filter(y=>y).join("\uFF0C")},rt=(o,r)=>{const t=(o||[]).filter(n=>n).map(()=>[]);o.forEach(n=>{if(n.id!==r){const s=t.findIndex(y=>{const l=n.start,c=n.end;return y.every(f=>{const T=[f.start,f.end],m=[l,c];return!g.isInRange(l,T)&&!g.isInRange(c,T)&&!g.isInRange(f.start,m)&&!g.isInRange(f.end,m)})});s>-1&&t[s].push(n)}});const p=ot(t.filter(n=>n.length>0));return p==null?void 0:p.map(n=>({data:n,id:L(n==null?void 0:n.map(s=>s.id).join("_"))}))},ot=(o,r=2)=>{let t=o;return t.length-r<0&&(t=t.concat(Array.from({length:r-t.length}))),t},nt=o=>{var r;const{currentTime:t,readonly:p,onTrackResizeStart:n}=o,{result:s,selectedAttribute:y,attributeList:l,selectedID:c,clipStatus:f,contextToCancel:T}=R(q),{duration:m}=R(B),C=D(null),I=t/m,_=(e,a=4)=>`${x(e*100,a)}%`,h=e=>{if(e){const a=b.getAttributeColor(e.attribute,l),v=Math.max((e.end||t)-e.start,0)/m,d={backgroundColor:a,left:_(e.start/m,2),width:_(e.end?Math.max(v,.001):v,2),position:"absolute",borderRadius:5};return e.type===N.Time&&(delete d.width,delete d.backgroundColor,d.top="50%",d.transform="translate(-50%)",d.color=a),d}return{}},k=b.getAttributeColor(y,l),E=((r=C.current)==null?void 0:r.clientWidth)||0,P=x(Math.max(E*I,0),0),F=x(Math.min(P,Math.floor(E-68)),0),j=e=>{if(e)return e.type===N.Time?i.createElement(W,{slot:i.createElement(z,{style:h(e)}),item:tt(J({},e),{end:e.end===null?t:e.end}),attributeList:l}):i.createElement(X,{track:e,currentTime:t,style:h(e),onResize:(a,v)=>o.onTrackResize(e.id,a,v),onTrackResizeStart:n,onClipping:f===U.Clipping,isSelected:e.id===c,readonly:p,attributeList:l})},M=S(()=>{const e=rt(s,c);return e==null?void 0:e.map((a,v)=>{var d;return i.createElement("div",{className:u.track,key:(a==null?void 0:a.id)||v},(d=a.data)==null?void 0:d.map(O=>j(O)))})},[s,c,m,JSON.stringify(l)]),V=S(()=>{const e=s.find(a=>(a==null?void 0:a.id)===c);return c&&e?i.createElement("div",{className:u.track,key:e==null?void 0:e.id},j(e)):null},[s,c,m,t,JSON.stringify(l)]);return i.createElement("div",{className:u.videoTrackContainer,ref:C,onContextMenu:T},i.createElement("div",{className:u.timeTrack}),i.createElement("div",{className:u.videoTrack},V,M),i.createElement("div",{className:u.timeline,style:{transform:`translate3d(${P}px, 0px, 0px)`,backgroundColor:k}}),i.createElement("div",{className:u.displayTime,style:{backgroundColor:k,transform:`translateX(${F}px, 0px, 0px)`}},$(t)))};var at=nt;export{at as default,et as getDisplayContent};

package/es/components/videoAnnotate/videoTagTool/TagToolInstanceAdaptorI18nProvider.js

@@ -1 +1 @@
-import o,{useEffect as c}from"react";import{i18n as a}from"@labelbee/lb-utils";import{I18nextProvider as i}from"react-i18next";import{TagToolInstanceAdaptor as p}from"./TagToolInstanceAdaptor.js";var f=Object.defineProperty,n=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,l=(e,r,t)=>r in e?f(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,u=(e,r)=>{for(var t in r||(r={}))m.call(r,t)&&l(e,t,r[t]);if(n)for(var t of n(r))s.call(r,t)&&l(e,t,r[t]);return e};const _=e=>(c(()=>{a.changeLanguage(e.lang)},[e.lang]),o.createElement(i,{i18n:a},o.createElement(p,u({},e))));export{_ as VideoTagTool};
+import a,{useEffect as c}from"react";import{i18n as o}from"@labelbee/lb-utils";import{I18nextProvider as f}from"react-i18next";import{TagToolInstanceAdaptor as i}from"./TagToolInstanceAdaptor.js";var p=Object.defineProperty,n=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,l=(e,r,t)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,u=(e,r)=>{for(var t in r||(r={}))m.call(r,t)&&l(e,t,r[t]);if(n)for(var t of n(r))_.call(r,t)&&l(e,t,r[t]);return e};const s=e=>(c(()=>{o.changeLanguage(e.lang)},[e.lang]),a.createElement(f,{i18n:o},a.createElement(i,u({},e))));export{s as VideoTagTool};

package/es/components/videoPlayer/VideoTagLayer.js

@@ -1 +1 @@
-import e from"react";import{result2LabelKey as c}from"./utils.js";const m=({result:r,inputList:l,hasPromptLayer:a})=>{const o=c(r,l),n={position:"absolute",zIndex:20,padding:"0 20px",color:"white",fontSize:15,lineHeight:"32px",background:"rgba(0, 255, 255, 0.32)",top:a?40:0,right:0,maxHeight:"calc(100% - 80px)",overflowY:"scroll"};return e.createElement("div",{style:n},e.createElement("table",null,e.createElement("tbody",null,o.map(({keyLabel:t,valuesLabelArray:i})=>e.createElement("tr",{key:t},e.createElement("td",{style:{paddingRight:8}},`${t}:`),e.createElement("td",null,`${i.join("\u3001")}`))))))};export{m as VideoTagLayer};
+import e from"react";import{result2LabelKey as c}from"./utils.js";const d=({result:l,inputList:r,hasPromptLayer:a})=>{const o=c(l,r),n={position:"absolute",zIndex:20,padding:"0 20px",color:"white",fontSize:15,lineHeight:"32px",background:"rgba(0, 255, 255, 0.32)",top:a?40:0,right:0,maxHeight:"calc(100% - 80px)",overflowY:"scroll"};return e.createElement("div",{style:n},e.createElement("table",null,e.createElement("tbody",null,o.map(({keyLabel:t,valuesLabelArray:i})=>e.createElement("tr",{key:t},e.createElement("td",{style:{paddingRight:8}},`${t}:`),e.createElement("td",null,`${i.join("\u3001")}`))))))};export{d as VideoTagLayer};

package/es/components/videoPlayer/VideoTextLayer.js

@@ -1,2 +1,2 @@
-import t,{useRef as y}from"react";const x=n=>{const{toolColor:i,value:l,configList:a,showEmptyValue:c,hasPromptLayer:u}=n,p=y(null),s=e=>{var o;const r=a==null?void 0:a.find(m=>m.key===e);return(o=r==null?void 0:r.label)!=null?o:e},d=e=>e.endsWith(`
-`)?e+" ":e;return t.createElement("div",{ref:p,style:{position:"absolute",right:0,top:u?40:0,zIndex:22,maxWidth:416,fontFamily:"SourceHanSansCN-Regular",background:i,color:"white",wordBreak:"break-all",lineHeight:"24px",whiteSpace:"pre-wrap",maxHeight:"80%",overflowY:"auto",opacity:.9}},Object.keys(l).filter(e=>c?!0:l[e]).map(e=>t.createElement("div",{key:e,style:{padding:"8px 16px"}},t.createElement("div",null,`${s(e)}:`),t.createElement("div",null,d(l[e])||"(\u7A7A)"))))};export{x as VideoTextLayer};
+import t,{useRef as y}from"react";const x=n=>{const{toolColor:i,value:l,configList:a,showEmptyValue:u,hasPromptLayer:c}=n,d=y(null),p=e=>{var o;const r=a==null?void 0:a.find(m=>m.key===e);return(o=r==null?void 0:r.label)!=null?o:e},s=e=>e.endsWith(`
+`)?e+" ":e;return t.createElement("div",{ref:d,style:{position:"absolute",right:0,top:c?40:0,zIndex:22,maxWidth:416,fontFamily:"SourceHanSansCN-Regular",background:i,color:"white",wordBreak:"break-all",lineHeight:"24px",whiteSpace:"pre-wrap",maxHeight:"80%",overflowY:"auto",opacity:.9}},Object.keys(l).filter(e=>u?!0:l[e]).map(e=>t.createElement("div",{key:e,style:{padding:"8px 16px"}},t.createElement("div",null,`${p(e)}:`),t.createElement("div",null,s(l[e])||"(\u7A7A)"))))};export{x as VideoTextLayer};

package/es/components/videoPlayer/components/SpeedController/index.js

@@ -1 +1 @@
-import{CaretUpOutlined as k,CaretDownOutlined as x}from"@ant-design/icons";import t,{useState as I,useEffect as K}from"react";import d from"./index.module.scss.js";import{cKeyCode as L,CommonToolUtils as S}from"@labelbee/lb-annotation";import{useTranslation as T}from"react-i18next";const E=L.default,m=[.5,1,1.5,2,4,6,8,16],A=[.5,.75,1,1.25,1.5,1.75,2];var c;(function(e){e[e.Video=0]="Video",e[e.Audio=1]="Audio"})(c||(c={}));var f;(function(e){e[e.Increase=0]="Increase",e[e.Reduce=1]="Reduce"})(f||(f={}));const u={[0]:m,[1]:A},Y=e=>{const{onChange:C,playerType:_}=e,{t:p}=T(),o=u[_],P=o.slice(-1)[0],R=o[0],[s,y]=I(1),r=n=>{const a=n===0?1:-1;if(a===1&&s===P||a===-1&&s===R)return;const w=o.findIndex(D=>D===s)+a,l=o[w];y(l),C(l)},i=n=>{!S.hotkeyFilter(n)||(n.keyCode===E.Up&&r(0),n.keyCode===E.Down&&r(1))};return K(()=>(window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i))),t.createElement("div",{className:d.speedControllerWrap},t.createElement("span",{style:{display:"flex",alignItems:"center"}},t.createElement("span",{style:{fontSize:12}},p("Speed")),s,"x"),t.createElement("span",{className:d.speedController},t.createElement(k,{onClick:()=>r(0)}),t.createElement(x,{onClick:()=>r(1)})))};export{A as AUDIO_PLAYBACK_RATE_SPEED,c as EPlayerType,u as PLAYER_TYPE_RATE_SPEED,m as VIDEO_PLAYBACK_RATE_SPEED,Y as default};
+import{CaretUpOutlined as k,CaretDownOutlined as x}from"@ant-design/icons";import t,{useState as I,useEffect as K}from"react";import d from"./index.module.scss.js";import{cKeyCode as L,CommonToolUtils as S}from"@labelbee/lb-annotation";import{useTranslation as T}from"react-i18next";const E=L.default,m=[.5,1,1.5,2,4,6,8,16],A=[.5,.75,1,1.25,1.5,1.75,2];var c;(function(e){e[e.Video=0]="Video",e[e.Audio=1]="Audio"})(c||(c={}));var f;(function(e){e[e.Increase=0]="Increase",e[e.Reduce=1]="Reduce"})(f||(f={}));const u={[0]:m,[1]:A},Y=e=>{const{onChange:_,playerType:C}=e,{t:p}=T(),o=u[C],P=o.slice(-1)[0],R=o[0],[s,y]=I(1),r=n=>{const a=n===0?1:-1;if(a===1&&s===P||a===-1&&s===R)return;const w=o.findIndex(D=>D===s)+a,l=o[w];y(l),_(l)},i=n=>{!S.hotkeyFilter(n)||(n.keyCode===E.Up&&r(0),n.keyCode===E.Down&&r(1))};return K(()=>(window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i))),t.createElement("div",{className:d.speedControllerWrap},t.createElement("span",{style:{display:"flex",alignItems:"center"}},t.createElement("span",{style:{fontSize:12}},p("Speed")),s,"x"),t.createElement("span",{className:d.speedController},t.createElement(k,{onClick:()=>r(0)}),t.createElement(x,{onClick:()=>r(1)})))};export{A as AUDIO_PLAYBACK_RATE_SPEED,c as EPlayerType,u as PLAYER_TYPE_RATE_SPEED,m as VIDEO_PLAYBACK_RATE_SPEED,Y as default};

package/es/components/videoPlayer/components/controller/index.js

@@ -1 +1 @@
-import e,{useContext as $,useMemo as w}from"react";import{getClassName as l}from"../../../../utils/dom.js";import{CaretUpOutlined as b,CaretDownOutlined as j,PauseOutlined as H,CaretRightOutlined as R}from"@ant-design/icons";import{VideoPlayerCtx as d}from"../../index.js";import{Pagination as S}from"../../../../views/MainView/toolFooter/Pagination.js";import M from"../../../../assets/annotation/video/icon_keyboard_h.svg.js";import F from"../../../../views/MainView/toolFooter/FooterTips/ToolHotKey/index.js";import{useTranslation as f}from"react-i18next";import{decimalReserved as g}from"../../utils.js";import{cTool as K}from"@labelbee/lb-annotation";import O from"../../../videoAnnotate/videoClipTool/components/videoClipToolHotkey/index.js";import{VideoClipToolContext as A}from"../../../videoAnnotate/videoClipTool/VideoClipToolContext.js";const{EVideoToolName:B}=K,C=t=>{const o=Math.floor(t/60),n=~~Math.floor(t%60),r=(t*10).toString().split("").pop(),i=a=>a<10?`0${a}`:a;return`${i(o)}:${i(n)}:${r}`};var E;(function(t){t[t.Video=0]="Video",t[t.Audio=1]="Audio"})(E||(E={}));const I=()=>{const{currentTime:t,duration:o,buffered:n,setCurrentTime:r}=e.useContext(d),i=e.useRef(null),a=w(()=>`${g(n/o*100,1)}%`,[n,o]),c=w(()=>`${g(t/o*100,1)}%`,[t,o]),u=s=>{if(i.current){const p=s.clientX,v=i.current.clientWidth,m=g(p/v*o,1);r(m)}};return e.createElement("div",{className:l("video-progress"),ref:i,onMouseUp:s=>{s.stopPropagation(),s.nativeEvent.stopImmediatePropagation(),u(s)}},e.createElement("div",{className:l("video-slider")},e.createElement("div",{className:l("video-slider","played"),style:{width:c}}),e.createElement("div",{className:l("video-slider","loaded"),style:{width:a}}),e.createElement("div",{className:l("video-slider","played"),style:{width:c}})),e.createElement("div",{className:l("video-slider-bar"),style:{left:c}}))},_=()=>{const{updateNextPlaybackRate:t,playbackRate:o}=e.useContext(d),{t:n}=f();return e.createElement("span",{className:l("video-controller","speed")},e.createElement("span",null,n("Speed")),e.createElement("span",{className:l("video-controller","speedNum")},`${o}x`),e.createElement("span",{className:l("video-controller","speedButton")},e.createElement(b,{onClick:()=>{t()}}),e.createElement(j,{onClick:()=>{t(!1)}})))},L=()=>{const{t}=f();return e.createElement(F,{title:e.createElement("span",{className:l("video-controller","hotkey")},e.createElement("img",{src:M}),t("Hotkeys")),style:{},toolName:B.VideoTagTool})},U=()=>{const{imgIndex:t,imgList:o,pageBackward:n,pageJump:r,pageForward:i}=e.useContext(d);return e.createElement(S,{isVideo:!0,pageBackward:n,imgIndex:t,pageJump:r,totalPage:o.length,pageForward:i,footerCls:l("video-controller")})},X=()=>{const{currentTime:t,duration:o}=e.useContext(d),n=o*10-t*10,r=(n>0?n:0)/10;return e.createElement("div",{className:l("video-controller","time")},`${C(t)} / -${C(r)}`)},z=t=>{const{playPause:o,isPlay:n}=t;return e.createElement("span",{onClick:()=>{o()},className:l("video-controller","playButton")},n?e.createElement(H,null):e.createElement(R,null))},D=t=>{var o,n;const{footer:r}=t,{playPause:i,isPlay:a,addTime:c,toggleClipStatus:u}=e.useContext(d),{result:s}=$(A),p=(n=(o=s==null?void 0:s.filter(k=>k.end!==null))==null?void 0:o.length)!=null?n:0,{t:v}=f(),m=e.createElement(I,null),y=e.createElement(z,{playPause:i,isPlay:a}),T=e.createElement(X,null),x=e.createElement(_,null),N=e.createElement(U,null),P=e.createElement(L,null),V=e.createElement(O,{addTime:c,toggleClipStatus:u}),h=e.createElement("span",{style:{margin:"0px 8px",fontSize:12}},`${v("ItemsOfThisPage")}: ${p}`);return r?typeof r=="function"?r({videoProgress:m,videoPlayIcon:y,videoTime:T,videoSpeed:x,videoPageChange:N,videoHotKeys:P,videoClipHotKey:V,videoResultCount:h}):r:e.createElement("div",{className:l("video-controller","wrapper")},m,e.createElement("div",{className:l("video-controller")},y,T,x,V,e.createElement("div",{className:l("video-controller","holder")}),h,N,P))};export{E as EPlayerType,D as default,C as videoTimeFormat};
+import e,{useContext as $,useMemo as w}from"react";import{getClassName as l}from"../../../../utils/dom.js";import{CaretUpOutlined as b,CaretDownOutlined as j,PauseOutlined as H,CaretRightOutlined as R}from"@ant-design/icons";import{VideoPlayerCtx as d}from"../../index.js";import{Pagination as S}from"../../../../views/MainView/toolFooter/Pagination.js";import M from"../../../../assets/annotation/video/icon_keyboard_h.svg.js";import _ from"../../../../views/MainView/toolFooter/FooterTips/ToolHotKey/index.js";import{useTranslation as f}from"react-i18next";import{decimalReserved as g}from"../../utils.js";import{cTool as F}from"@labelbee/lb-annotation";import K from"../../../videoAnnotate/videoClipTool/components/videoClipToolHotkey/index.js";import{VideoClipToolContext as O}from"../../../videoAnnotate/videoClipTool/VideoClipToolContext.js";const{EVideoToolName:A}=F,C=t=>{const o=Math.floor(t/60),n=~~Math.floor(t%60),r=(t*10).toString().split("").pop(),i=a=>a<10?`0${a}`:a;return`${i(o)}:${i(n)}:${r}`};var E;(function(t){t[t.Video=0]="Video",t[t.Audio=1]="Audio"})(E||(E={}));const B=()=>{const{currentTime:t,duration:o,buffered:n,setCurrentTime:r}=e.useContext(d),i=e.useRef(null),a=w(()=>`${g(n/o*100,1)}%`,[n,o]),c=w(()=>`${g(t/o*100,1)}%`,[t,o]),u=s=>{if(i.current){const p=s.clientX,v=i.current.clientWidth,m=g(p/v*o,1);r(m)}};return e.createElement("div",{className:l("video-progress"),ref:i,onMouseUp:s=>{s.stopPropagation(),s.nativeEvent.stopImmediatePropagation(),u(s)}},e.createElement("div",{className:l("video-slider")},e.createElement("div",{className:l("video-slider","played"),style:{width:c}}),e.createElement("div",{className:l("video-slider","loaded"),style:{width:a}}),e.createElement("div",{className:l("video-slider","played"),style:{width:c}})),e.createElement("div",{className:l("video-slider-bar"),style:{left:c}}))},I=()=>{const{updateNextPlaybackRate:t,playbackRate:o}=e.useContext(d),{t:n}=f();return e.createElement("span",{className:l("video-controller","speed")},e.createElement("span",null,n("Speed")),e.createElement("span",{className:l("video-controller","speedNum")},`${o}x`),e.createElement("span",{className:l("video-controller","speedButton")},e.createElement(b,{onClick:()=>{t()}}),e.createElement(j,{onClick:()=>{t(!1)}})))},L=()=>{const{t}=f();return e.createElement(_,{title:e.createElement("span",{className:l("video-controller","hotkey")},e.createElement("img",{src:M}),t("Hotkeys")),style:{},toolName:A.VideoTagTool})},U=()=>{const{imgIndex:t,imgList:o,pageBackward:n,pageJump:r,pageForward:i}=e.useContext(d);return e.createElement(S,{isVideo:!0,pageBackward:n,imgIndex:t,pageJump:r,totalPage:o.length,pageForward:i,footerCls:l("video-controller")})},X=()=>{const{currentTime:t,duration:o}=e.useContext(d),n=o*10-t*10,r=(n>0?n:0)/10;return e.createElement("div",{className:l("video-controller","time")},`${C(t)} / -${C(r)}`)},z=t=>{const{playPause:o,isPlay:n}=t;return e.createElement("span",{onClick:()=>{o()},className:l("video-controller","playButton")},n?e.createElement(H,null):e.createElement(R,null))},D=t=>{var o,n;const{footer:r}=t,{playPause:i,isPlay:a,addTime:c,toggleClipStatus:u}=e.useContext(d),{result:s}=$(O),p=(n=(o=s==null?void 0:s.filter(k=>k.end!==null))==null?void 0:o.length)!=null?n:0,{t:v}=f(),m=e.createElement(B,null),y=e.createElement(z,{playPause:i,isPlay:a}),T=e.createElement(X,null),x=e.createElement(I,null),N=e.createElement(U,null),P=e.createElement(L,null),V=e.createElement(K,{addTime:c,toggleClipStatus:u}),h=e.createElement("span",{style:{margin:"0px 8px",fontSize:12}},`${v("ItemsOfThisPage")}: ${p}`);return r?typeof r=="function"?r({videoProgress:m,videoPlayIcon:y,videoTime:T,videoSpeed:x,videoPageChange:N,videoHotKeys:P,videoClipHotKey:V,videoResultCount:h}):r:e.createElement("div",{className:l("video-controller","wrapper")},m,e.createElement("div",{className:l("video-controller")},y,T,x,V,e.createElement("div",{className:l("video-controller","holder")}),h,N,P))};export{E as EPlayerType,D as default,C as videoTimeFormat};

package/es/components/videoPlayer/index.js

@@ -1 +1 @@
-import o from"react";import A from"./components/controller/index.js";import j from"../videoAnnotate/videoClipTool/components/videoTrack/index.js";import{getClassName as l}from"../../utils/dom.js";import{cKeyCode as M}from"@labelbee/lb-annotation";import{decimalReserved as d}from"./utils.js";import z from"../fileException/index.js";const s=M.default,c=o.createContext({isPlay:!1,playPause:()=>{},updateNextPlaybackRate:()=>{},playbackRate:1,currentTime:0,duration:0,buffered:0,setCurrentTime:()=>{},imgList:[],imgIndex:-1,pageBackward:()=>{},pageJump:f=>{},pageForward:()=>{},addTime:()=>{},toggleClipStatus:()=>{}}),U=50,p=.1,n=[.5,1,1.5,2,4,6,8,16];class v extends o.Component{constructor(a){super(a);this.changePlaybackPate=e=>{this.videoElm&&(this.videoElm.playbackRate=e,this.setState({playbackRate:e}))},this.playPause=()=>{var e,t,i;((e=this.videoElm)==null?void 0:e.paused)?(t=this.videoElm)==null||t.play():(i=this.videoElm)==null||i.pause()},this.updateNextPlaybackRate=(e=!0)=>{const t=n.findIndex(r=>r===this.state.playbackRate);let i=e?Math.min(t+1,n.length-1):Math.max(t-1,0);this.changePlaybackPate(n[i])},this.fastForward=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime+p)},this.rewind=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime-p)},this.keydown=e=>{e.keyCode===s.Space&&(e.preventDefault(),this.playPause()),e.keyCode===s.Up&&(e.preventDefault(),this.updateNextPlaybackRate()),e.keyCode===s.Down&&(e.preventDefault(),this.updateNextPlaybackRate(!1)),e.keyCode===s.Left&&(e.preventDefault(),this.rewind()),e.keyCode===s.Right&&(e.preventDefault(),this.fastForward())},this.onPlay=()=>{this.setState({isPlay:!0},this.onVideoStart)},this.onPause=()=>{this.onVideoStopped()},this.onTimeUpdate=()=>{var e;this.videoElm&&this.setState({currentTime:d((e=this.videoElm)==null?void 0:e.currentTime,1)})},this.onVideoStopped=()=>{this.setState({isPlay:!1}),this.timeInterval&&(clearInterval(this.timeInterval),this.timeInterval=void 0),this.videoElm&&this.setCurrentTime(this.videoElm.currentTime)},this.onVideoStart=()=>{this.timeInterval=window.setInterval(()=>{var e,t,i;if(this.videoElm)try{if(((e=this.videoElm)==null?void 0:e.buffered.length)>0){const r=(t=this.videoElm)==null?void 0:t.buffered.end(0);this.setState({currentTime:d((i=this.videoElm)==null?void 0:i.currentTime,1),buffered:r})}}catch(r){console.error(r)}},U)},this.resetVideoData=()=>{this.setState({currentTime:0,buffered:0,error:!1,isPlay:!1}),this.videoElm&&(this.videoElm.playbackRate=this.state.playbackRate),this.onVideoStopped()},this.setDuration=()=>{var e,t,i;if(this.videoElm){const r=d((e=this.videoElm)==null?void 0:e.duration,1);(i=(t=this.props).dataLoaded)==null||i.call(t),this.setState({duration:r})}},this.setCurrentTime=e=>{var t,i;this.videoElm&&(this.videoElm.currentTime=e,this.setState({currentTime:e}),(i=(t=this.props).updateCurrentTime)==null||i.call(t,e))},this.reload=()=>{var e;(e=this.videoElm)==null||e.load()},this.onError=()=>{this.resetVideoData(),this.setState({error:!0})},this.state={playbackRate:1,currentTime:0,isPlay:!1,duration:0,buffered:0,error:!1},this.videoRef=o.createRef()}get videoElm(){var a;return(a=this.videoRef)==null?void 0:a.current}get videoSrc(){var a,e;const{imgIndex:t,imgList:i}=this.props;return t>-1&&(e=(a=i[t])==null?void 0:a.url)!=null?e:""}componentDidMount(){var a,e;window.addEventListener("keydown",this.keydown),((a=this.videoRef)==null?void 0:a.current)&&this.props.setVideoRef&&this.props.setVideoRef((e=this.videoRef)==null?void 0:e.current)}componentWillUnmount(){window.removeEventListener("keydown",this.keydown)}render(){const{isPlay:a,playbackRate:e,currentTime:t,duration:i,buffered:r,error:E}=this.state,{imgList:y,imgIndex:k,pageBackward:g,pageJump:T,pageForward:R,valid:P,footer:b,drawLayerSlot:h}=this.props,C=isNaN(i)?0:Math.max(d(i,1)-t,0),{playPause:m,updateNextPlaybackRate:w,onPause:x,onPlay:S,onTimeUpdate:_,resetVideoData:V,setDuration:D,setCurrentTime:I,onError:N,videoRef:L,videoSrc:F}=this;return o.createElement(c.Provider,{value:{videoRef:this.videoRef,addTime:this.props.addTime,toggleClipStatus:this.props.toggleClipStatus,isPlay:a,playPause:m,updateNextPlaybackRate:w,playbackRate:e,currentTime:t,duration:i,buffered:r,setCurrentTime:I,imgIndex:k,imgList:y,pageBackward:g,pageJump:T,pageForward:R}},o.createElement(o.Fragment,null,h==null?void 0:h({currentTime:t,remainingTime:C,zoom:1,currentPos:{x:0,y:0}}),o.createElement("div",{className:l("video-wrapper")},o.createElement("div",{className:l("video-container")},o.createElement("video",{ref:L,className:l(this.props.showVideoTrack?"video-track":"video"),src:F,onPause:x,onPlay:S,onTimeUpdate:_,onLoadedMetadata:V,onError:N,onDurationChange:D,width:"100%",height:"100%",onClick:m}),this.props.showVideoTrack&&o.createElement(j,{currentTime:t,onTrackResize:this.props.onTrackResize,onTrackResizeStart:()=>{var u;(u=this.videoElm)==null||u.pause()},readonly:!1}),o.createElement(z,{fileType:"video",errorProps:{reloadImage:this.reload,backgroundColor:"#e2e2e2",ignoreOffsetY:!0,isError:E},invalidProps:{isValid:P}})),o.createElement(A,{footer:b}))))}}export{v as VideoPlayer,c as VideoPlayerCtx,v as default};
+import o from"react";import A from"./components/controller/index.js";import j from"../videoAnnotate/videoClipTool/components/videoTrack/index.js";import{getClassName as l}from"../../utils/dom.js";import{cKeyCode as M}from"@labelbee/lb-annotation";import{decimalReserved as d}from"./utils.js";import z from"../fileException/index.js";const s=M.default,c=o.createContext({isPlay:!1,playPause:()=>{},updateNextPlaybackRate:()=>{},playbackRate:1,currentTime:0,duration:0,buffered:0,setCurrentTime:()=>{},imgList:[],imgIndex:-1,pageBackward:()=>{},pageJump:f=>{},pageForward:()=>{},addTime:()=>{},toggleClipStatus:()=>{}}),U=50,p=.1,n=[.5,1,1.5,2,4,6,8,16];class v extends o.Component{constructor(a){super(a);this.changePlaybackPate=e=>{this.videoElm&&(this.videoElm.playbackRate=e,this.setState({playbackRate:e}))},this.playPause=()=>{var e,t,i;((e=this.videoElm)==null?void 0:e.paused)?(t=this.videoElm)==null||t.play():(i=this.videoElm)==null||i.pause()},this.updateNextPlaybackRate=(e=!0)=>{const t=n.findIndex(r=>r===this.state.playbackRate);let i=e?Math.min(t+1,n.length-1):Math.max(t-1,0);this.changePlaybackPate(n[i])},this.fastForward=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime+p)},this.rewind=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime-p)},this.keydown=e=>{e.keyCode===s.Space&&(e.preventDefault(),this.playPause()),e.keyCode===s.Up&&(e.preventDefault(),this.updateNextPlaybackRate()),e.keyCode===s.Down&&(e.preventDefault(),this.updateNextPlaybackRate(!1)),e.keyCode===s.Left&&(e.preventDefault(),this.rewind()),e.keyCode===s.Right&&(e.preventDefault(),this.fastForward())},this.onPlay=()=>{this.setState({isPlay:!0},this.onVideoStart)},this.onPause=()=>{this.onVideoStopped()},this.onTimeUpdate=()=>{var e;this.videoElm&&this.setState({currentTime:d((e=this.videoElm)==null?void 0:e.currentTime,1)})},this.onVideoStopped=()=>{this.setState({isPlay:!1}),this.timeInterval&&(clearInterval(this.timeInterval),this.timeInterval=void 0),this.videoElm&&this.setCurrentTime(this.videoElm.currentTime)},this.onVideoStart=()=>{this.timeInterval=window.setInterval(()=>{var e,t,i;if(this.videoElm)try{if(((e=this.videoElm)==null?void 0:e.buffered.length)>0){const r=(t=this.videoElm)==null?void 0:t.buffered.end(0);this.setState({currentTime:d((i=this.videoElm)==null?void 0:i.currentTime,1),buffered:r})}}catch(r){console.error(r)}},U)},this.resetVideoData=()=>{this.setState({currentTime:0,buffered:0,error:!1,isPlay:!1}),this.videoElm&&(this.videoElm.playbackRate=this.state.playbackRate),this.onVideoStopped()},this.setDuration=()=>{var e,t,i;if(this.videoElm){const r=d((e=this.videoElm)==null?void 0:e.duration,1);(i=(t=this.props).dataLoaded)==null||i.call(t),this.setState({duration:r})}},this.setCurrentTime=e=>{var t,i;this.videoElm&&(this.videoElm.currentTime=e,this.setState({currentTime:e}),(i=(t=this.props).updateCurrentTime)==null||i.call(t,e))},this.reload=()=>{var e;(e=this.videoElm)==null||e.load()},this.onError=()=>{this.resetVideoData(),this.setState({error:!0})},this.state={playbackRate:1,currentTime:0,isPlay:!1,duration:0,buffered:0,error:!1},this.videoRef=o.createRef()}get videoElm(){var a;return(a=this.videoRef)==null?void 0:a.current}get videoSrc(){var a,e;const{imgIndex:t,imgList:i}=this.props;return t>-1&&(e=(a=i[t])==null?void 0:a.url)!=null?e:""}componentDidMount(){var a,e;window.addEventListener("keydown",this.keydown),((a=this.videoRef)==null?void 0:a.current)&&this.props.setVideoRef&&this.props.setVideoRef((e=this.videoRef)==null?void 0:e.current)}componentWillUnmount(){window.removeEventListener("keydown",this.keydown)}render(){const{isPlay:a,playbackRate:e,currentTime:t,duration:i,buffered:r,error:E}=this.state,{imgList:y,imgIndex:k,pageBackward:g,pageJump:T,pageForward:R,valid:P,footer:b,drawLayerSlot:h}=this.props,C=isNaN(i)?0:Math.max(d(i,1)-t,0),{playPause:m,updateNextPlaybackRate:w,onPause:x,onPlay:_,onTimeUpdate:S,resetVideoData:V,setDuration:D,setCurrentTime:I,onError:N,videoRef:L,videoSrc:F}=this;return o.createElement(c.Provider,{value:{videoRef:this.videoRef,addTime:this.props.addTime,toggleClipStatus:this.props.toggleClipStatus,isPlay:a,playPause:m,updateNextPlaybackRate:w,playbackRate:e,currentTime:t,duration:i,buffered:r,setCurrentTime:I,imgIndex:k,imgList:y,pageBackward:g,pageJump:T,pageForward:R}},o.createElement(o.Fragment,null,h==null?void 0:h({currentTime:t,remainingTime:C,zoom:1,currentPos:{x:0,y:0}}),o.createElement("div",{className:l("video-wrapper")},o.createElement("div",{className:l("video-container")},o.createElement("video",{ref:L,className:l(this.props.showVideoTrack?"video-track":"video"),src:F,onPause:x,onPlay:_,onTimeUpdate:S,onLoadedMetadata:V,onError:N,onDurationChange:D,width:"100%",height:"100%",onClick:m}),this.props.showVideoTrack&&o.createElement(j,{currentTime:t,onTrackResize:this.props.onTrackResize,onTrackResizeStart:()=>{var u;(u=this.videoElm)==null||u.pause()},readonly:!1}),o.createElement(z,{fileType:"video",errorProps:{reloadImage:this.reload,backgroundColor:"#e2e2e2",ignoreOffsetY:!0,isError:E},invalidProps:{isValid:P}})),o.createElement(A,{footer:b}))))}}export{v as VideoPlayer,c as VideoPlayerCtx,v as default};

package/es/hooks/useSafeSate.js

@@ -1 +1 @@
-import t from"react";import o from"./useUnmountedRef.js";function f(e){const n=o(),[u,r]=t.useState(e),s=t.useCallback(a=>{n.current||r(a)},[]);return[u,s]}export{f as default};
+import t from"react";import o from"./useUnmountedRef.js";function f(e){const u=o(),[n,r]=t.useState(e),a=t.useCallback(s=>{u.current||r(s)},[]);return[n,a]}export{f as default};

package/es/index.css

@@ -24,6 +24,39 @@
 .index-module_imgView__wmxDk .index-module_item__-80YI .index-module_image__V49oW .ant-image {
   display: flex;
 }
+.index-module_annotatedBox__gmg-f {
+  padding: 24px;
+  border-bottom: 1px solid #eee;
+}
+.index-module_annotatedBox__gmg-f .index-module_tag__wIcdd {
+  color: #666;
+  background-color: #f3f4ff;
+  border-color: transparent;
+  cursor: pointer;
+  position: relative;
+}
+.index-module_annotatedBox__gmg-f .index-module_tag__wIcdd.index-module_disabled__OuTHq {
+  color: #ccc;
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+}
+.index-module_annotatedBox__gmg-f .index-module_tag__wIcdd.index-module_selected__UhwdY {
+  color: #fff;
+  background-color: #666fff;
+}
+.index-module_annotatedBox__gmg-f .index-module_tag__wIcdd .index-module_highlight__g25J2 {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
+.index-module_container__RwV5P {
+  padding: 12px 20px;
+}
+.index-module_container__RwV5P .index-module_content__vHpS9 {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 4px;
+}
 .index-module_latexEditor__0fK8G {
   line-height: 32px;
   background-color: #ededed;

package/es/index.js

@@ -1 +1 @@
-export{default as AnnotationView}from"./components/AnnotationView/index.js";export{default as PointCloudAnnotationView}from"./components/AnnotationView/pointCloudAnnotationView.js";export{default as QuestionView}from"./components/LLMToolView/questionView/index.js";import{i18n as c}from"@labelbee/lb-utils";export{i18n}from"@labelbee/lb-utils";import n,{useState as d,useImperativeHandle as m}from"react";import{I18nextProvider as f}from"react-i18next";import{Provider as u}from"react-redux";import x from"./App.js";import w from"./configureStore.js";import{PageBackward as g,PageForward as v,PageJump as P}from"./store/annotation/actionCreators.js";export{VideoTagTool}from"./components/videoAnnotate/videoTagTool/TagToolInstanceAdaptorI18nProvider.js";import{PointCloudProvider as _}from"./components/pointCloudView/PointCloudContext.js";import{LabelBeeContext as j}from"./store/ctx.js";export{default as PredictTracking}from"./components/predictTracking/predictTrackingIcon/index.js";export{default as LLMToolView}from"./components/LLMToolView/index.js";export{default as SwitchCuboidBoxIn2DView}from"./views/MainView/toolFooter/SwitchCuboidBoxIn2DView/index.js";export{default as MeasureCanvas}from"./components/measureCanvas/index.js";export{EDataFormatType,ELLMDataType,EStepType,ESubmitType,componentCls,prefix}from"./constant/index.js";var T=Object.defineProperty,V=Object.defineProperties,b=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,p=(o,e,t)=>e in o?T(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,O=(o,e)=>{for(var t in e||(e={}))C.call(e,t)&&p(o,t,e[t]);if(s)for(var t of s(e))I.call(e,t)&&p(o,t,e[t]);return o},A=(o,e)=>V(o,b(e));const r=w(),E=(o,e)=>{const[t,l]=d();return m(e,()=>({toolInstance:t,annotationEngine:r.getState().annotation.annotationEngine,pageBackwardActions:()=>r.dispatch(g()),pageForwardActions:()=>r.dispatch(v()),pageJump:a=>{const i=~~a-1;r.dispatch(P(i))},hello:()=>alert("hello labelBee!!!")}),[t]),n.createElement(u,{store:r,context:j},n.createElement(f,{i18n:c},n.createElement(_,null,n.createElement(x,A(O({},o),{setToolInstance:a=>{var i;l(a),(i=o.onLoad)==null||i.call(o,{toolInstance:a})}})))))};var y=n.forwardRef(E);export{y as default,r as store};
+export{default as AnnotationView}from"./components/AnnotationView/index.js";export{default as PointCloudAnnotationView}from"./components/AnnotationView/pointCloudAnnotationView.js";export{default as QuestionView}from"./components/LLMToolView/questionView/index.js";import{i18n as l}from"@labelbee/lb-utils";export{i18n}from"@labelbee/lb-utils";import r,{useState as c,useImperativeHandle as m}from"react";import{I18nextProvider as f}from"react-i18next";import{Provider as u}from"react-redux";import x from"./App.js";import w from"./configureStore.js";import{PageBackward as v,PageForward as P,PageJump as g}from"./store/annotation/actionCreators.js";export{VideoTagTool}from"./components/videoAnnotate/videoTagTool/TagToolInstanceAdaptorI18nProvider.js";import{PointCloudProvider as T}from"./components/pointCloudView/PointCloudContext.js";import{LabelBeeContext as _}from"./store/ctx.js";export{default as PredictTracking}from"./components/predictTracking/predictTrackingIcon/index.js";export{default as LLMToolView}from"./components/LLMToolView/index.js";export{default as SwitchCuboidBoxIn2DView}from"./views/MainView/toolFooter/SwitchCuboidBoxIn2DView/index.js";export{default as MeasureCanvas}from"./components/measureCanvas/index.js";export{default as AnnotatedBox}from"./views/MainView/sidebar/PointCloudToolSidebar/components/annotatedBox/index.js";export{FindTrackIDIndexInCheckMode as FindTrackIDIndex}from"./views/MainView/sidebar/PointCloudToolSidebar/components/findTrackIDIndex/index.js";export{EDataFormatType,ELLMDataType,EStepType,ESubmitType,componentCls,prefix}from"./constant/index.js";var j=Object.defineProperty,I=Object.defineProperties,b=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,V=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,p=(o,e,t)=>e in o?j(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,A=(o,e)=>{for(var t in e||(e={}))V.call(e,t)&&p(o,t,e[t]);if(s)for(var t of s(e))C.call(e,t)&&p(o,t,e[t]);return o},O=(o,e)=>I(o,b(e));const n=w(),E=(o,e)=>{const[t,d]=c();return m(e,()=>({toolInstance:t,annotationEngine:n.getState().annotation.annotationEngine,pageBackwardActions:()=>n.dispatch(v()),pageForwardActions:()=>n.dispatch(P()),pageJump:a=>{const i=~~a-1;n.dispatch(g(i))},hello:()=>alert("hello labelBee!!!")}),[t]),r.createElement(u,{store:n,context:_},r.createElement(f,{i18n:l},r.createElement(T,null,r.createElement(x,O(A({},o),{setToolInstance:a=>{var i;d(a),(i=o.onLoad)==null||i.call(o,{toolInstance:a})}})))))};var S=r.forwardRef(E);export{S as default,n as store};

package/es/store/annotatedBox/index.js

@@ -0,0 +1 @@
+import{create as o}from"zustand";const a=o(e=>({ptCtx:{},pointCloudBoxList:[],setPointCloudBoxList:t=>e(s=>({pointCloudBoxList:t})),highlightIDs:[],setHighlightIDs:t=>e(s=>({highlightIDs:t})),selectedIDs:[],setSelectedIDs:t=>e(s=>({selectedIDs:t})),setPtCtx:t=>e(s=>({ptCtx:t}))}));export{a as default};

package/es/utils/audio.js

@@ -1 +1 @@
-import"antd";import{cStyle as b}from"@labelbee/lb-annotation";import"lodash";import s from"decimal.js";import c from"moment";const{COLORS_ARRAY:a,ICON_ARRAY:F,INVALID_ICON:k,NULL_COLOR:d,NULL_ICON:D,WHITE_FONT_COLOR_ARRAY:h}=b,p={label:"\u6587\u672C",key:"text",required:!1,default:"",maxLength:1e3},C=(t,e)=>{var r,n;try{const o=i(t,e);return(n=(r=e[o])==null?void 0:r.key)!=null?n:t}catch(o){return t}},i=(t,e)=>{try{return e.findIndex(n=>n.value===t)}catch(r){return-1}},m=(t,e)=>{try{const r=i(t,e);return r===-1?d:a[r%a.length]}catch(r){return d}},I=(t,e)=>{try{const r=m(t,e);return h.includes(r)?"#fff":"#333"}catch(r){return"#333"}},g=(t,e)=>{var r;try{const n=((r=t.match(/\((.*)\)/))==null?void 0:r[1].split(","))||[];return n.splice(3,1,e.toString()),`rgba(${n.join(",")})`}catch(n){return t}},v=(t,e)=>new s(Number(t)||0).minus(Number(e)||0).toNumber(),A=(t,e)=>new s(t).add(e).toNumber(),_=t=>{let e=null;return n=>e?n.target===(e==null?void 0:e.target):(e=n,setTimeout(()=>{e=null},t),!1)},N=_(300),O=t=>{const e=Math.floor(t*1e3),r=c.duration(e);return`${Math.floor(r.asMinutes())}:${c.utc(e).format("ss")}`},x=(t,e="ss.S")=>{const r=Math.floor(t*1e3),n=c.duration(r);return`${y(Math.floor(n.asMinutes()))}:${c.utc(r).format(e)}`},y=t=>t<10?`0${t}`:t,E=(t,e)=>{let r=null,n=null;const o=t.length;if(o===0)return{min:r,max:n};let u=0;return e<t[u]?n=t[u]:(t.forEach((l,f)=>{e>l&&(r=l,u=f)}),r&&u<o-1&&(n=t[u+1])),{min:r,max:n}},R=()=>{const t=document.createEvent("Event");t.initEvent("resize",!0,!0),window.dispatchEvent(t)};function L(t){try{const e=JSON.parse(t);return typeof e.valid=="boolean"?e.valid:!0}catch(e){return!0}}export{p as DEFAULT_TEXT_CONFIG_ITEM,R as dispatchResizeEvent,O as formatTime,m as getAttributeColor,I as getAttributeFontColor,i as getAttributeIndex,C as getAttributeShowText,E as getCanMoveRange,N as isDoubleClick,L as isImageValue,A as precisionAdd,v as precisionMinus,x as timeFormat,g as updateColorOpacity};
+import"antd";import{cStyle as b}from"@labelbee/lb-annotation";import"lodash";import s from"decimal.js";import c from"moment";const{COLORS_ARRAY:a,ICON_ARRAY:F,INVALID_ICON:k,NULL_COLOR:d,NULL_ICON:D,WHITE_FONT_COLOR_ARRAY:h}=b,p={label:"\u6587\u672C",key:"text",required:!1,default:"",maxLength:1e3},C=(t,e)=>{var r,n;try{const o=i(t,e);return(n=(r=e[o])==null?void 0:r.key)!=null?n:t}catch(o){return t}},i=(t,e)=>{try{return e.findIndex(n=>n.value===t)}catch(r){return-1}},m=(t,e)=>{try{const r=i(t,e);return r===-1?d:a[r%a.length]}catch(r){return d}},I=(t,e)=>{try{const r=m(t,e);return h.includes(r)?"#fff":"#333"}catch(r){return"#333"}},g=(t,e)=>{var r;try{const n=((r=t.match(/\((.*)\)/))==null?void 0:r[1].split(","))||[];return n.splice(3,1,e.toString()),`rgba(${n.join(",")})`}catch(n){return t}},v=(t,e)=>new s(Number(t)||0).minus(Number(e)||0).toNumber(),A=(t,e)=>new s(t).add(e).toNumber(),_=t=>{let e=null;return n=>e?n.target===(e==null?void 0:e.target):(e=n,setTimeout(()=>{e=null},t),!1)},N=_(500),O=t=>{const e=Math.floor(t*1e3),r=c.duration(e);return`${Math.floor(r.asMinutes())}:${c.utc(e).format("ss")}`},x=(t,e="ss.S")=>{const r=Math.floor(t*1e3),n=c.duration(r);return`${y(Math.floor(n.asMinutes()))}:${c.utc(r).format(e)}`},y=t=>t<10?`0${t}`:t,E=(t,e)=>{let r=null,n=null;const o=t.length;if(o===0)return{min:r,max:n};let u=0;return e<t[u]?n=t[u]:(t.forEach((l,f)=>{e>l&&(r=l,u=f)}),r&&u<o-1&&(n=t[u+1])),{min:r,max:n}},R=()=>{const t=document.createEvent("Event");t.initEvent("resize",!0,!0),window.dispatchEvent(t)};function L(t){try{const e=JSON.parse(t);return typeof e.valid=="boolean"?e.valid:!0}catch(e){return!0}}export{p as DEFAULT_TEXT_CONFIG_ITEM,R as dispatchResizeEvent,O as formatTime,m as getAttributeColor,I as getAttributeFontColor,i as getAttributeIndex,C as getAttributeShowText,E as getCanMoveRange,N as isDoubleClick,L as isImageValue,A as precisionAdd,v as precisionMinus,x as timeFormat,g as updateColorOpacity};

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

@@ -1 +1 @@
-import{prefix as a}from"../../../constant/index.js";import{Layout as m}from"antd/es";import t,{useState as o,useMemo as f}from"react";import v from"../sidebar/index.js";import y from"../toolFooter/index.js";import{getClassName as M}from"../../../utils/dom.js";import{classnames as w}from"../../../utils/index.js";import{LLMContext as x}from"../../../store/ctx.js";import h from"../../../components/LLMToolView/index.js";const{Sider:j,Content:E}=m,c=`${a}-layout`,_=e=>{var l,n;const[s,d]=o(-1),[i,u]=o([]),[r,L]=o([]);return t.createElement(m,{className:M("layout","container")},t.createElement(x.Provider,{value:f(()=>({hoverKey:s,setHoverKey:d,modelAPIResponse:i,setModelAPIResponse:u,newAnswerList:r,setNewAnswerList:L}),[s,i,r])},e==null?void 0:e.leftSider,t.createElement(E,{className:w({[`${c}__content`]:!0,[`${a}-LLMLayout`]:!0})},t.createElement(h,{checkMode:e.checkMode,showTips:e.showTips,tips:e.tips}),t.createElement(y,{style:(l=e.style)==null?void 0:l.footer,mode:e.mode,footer:e==null?void 0:e.footer})),t.createElement(j,{className:`${c}__side`,width:600,style:{position:"relative"}},t.createElement(v,{sider:e==null?void 0:e.sider,checkMode:e==null?void 0:e.checkMode}),(n=e.drawLayerSlot)==null?void 0:n.call(e,{}))))};export{_ as default};
+import{prefix as a}from"../../../constant/index.js";import{Layout as m}from"antd/es";import t,{useState as o,useMemo as L}from"react";import v from"../sidebar/index.js";import y from"../toolFooter/index.js";import{getClassName as M}from"../../../utils/dom.js";import{classnames as w}from"../../../utils/index.js";import{LLMContext as x}from"../../../store/ctx.js";import h from"../../../components/LLMToolView/index.js";const{Sider:_,Content:j}=m,c=`${a}-layout`,E=e=>{var l,n;const[s,d]=o(-1),[i,u]=o([]),[r,f]=o([]);return t.createElement(m,{className:M("layout","container")},t.createElement(x.Provider,{value:L(()=>({hoverKey:s,setHoverKey:d,modelAPIResponse:i,setModelAPIResponse:u,newAnswerList:r,setNewAnswerList:f}),[s,i,r])},e==null?void 0:e.leftSider,t.createElement(j,{className:w({[`${c}__content`]:!0,[`${a}-LLMLayout`]:!0})},t.createElement(h,{checkMode:e.checkMode,showTips:e.showTips,tips:e.tips}),t.createElement(y,{style:(l=e.style)==null?void 0:l.footer,mode:e.mode,footer:e==null?void 0:e.footer})),t.createElement(_,{className:`${c}__side`,width:600,style:{position:"relative"}},t.createElement(v,{sider:e==null?void 0:e.sider,checkMode:e==null?void 0:e.checkMode}),(n=e.drawLayerSlot)==null?void 0:n.call(e,{}))))};export{E as default};

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

@@ -1 +1 @@
-import{store as L}from"../../../index.js";import{LabelBeeContext as N}from"../../../store/ctx.js";import{message as y}from"antd/es";import D from"lodash";import f,{useState as _,useRef as O,useEffect as a}from"react";import{connect as M}from"react-redux";import U from"../../../components/fileException/FileError.js";import Z from"../../../hooks/useSize.js";import{InitToolStyleConfig as k}from"../../../store/toolStyle/actionCreators.js";import{ImgUtils as B}from"@labelbee/lb-annotation";import{i18n as P}from"@labelbee/lb-utils";import F from"../../../utils/StepUtils.js";var T=Object.defineProperty,V=Object.defineProperties,Y=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,j=(n,o,r)=>o in n?T(n,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[o]=r,A=(n,o)=>{for(var r in o||(o={}))$.call(o,r)&&j(n,r,o[r]);if(E)for(var r of E(o))q.call(o,r)&&j(n,r,o[r]);return n},G=(n,o)=>V(n,Y(o));const H=n=>{const[,o]=_(0),{imgAttribute:r,toolStyle:l,toolInstance:e,annotationEngine:t,imgList:d,imgIndex:h,dataInjectionAtCreation:p,renderEnhance:g,customRenderStyle:u,stepList:v,step:w,drawLayerSlot:S}=n,[x,b]=_({zoom:1,currentPos:{x:0,y:0}}),I=O(null),C=O(null),c=Z(I);a(()=>{L.dispatch(k())},[]),a(()=>{if(!!t){switch(P.language){case"cn":case"en":t.setLang(P.language);break}t==null||t.setDataInjectionAtCreation(p),t==null||t.setRenderEnhance(g),u&&(t==null||t.setCustomRenderStyle(u))}},[t,p,g,u]),a(()=>{const i=(s,z)=>{b({zoom:s,currentPos:z})},m=s=>{b(s)};return e&&(e.singleOn("messageError",s=>{y.error(s)}),e.singleOn("messageInfo",s=>{y.info(s)}),e.singleOn("changeAnnotationShow",()=>{o(s=>s+1)}),e.on("renderZoom",i),e.on("dragMove",m)),()=>{e&&(e.unbind("renderZoom",i),e.unbind("dragMove",m))}},[e]),a(()=>{var i;(t==null?void 0:t.setImgAttribute)?t.setImgAttribute(r):(i=e==null?void 0:e.setImgAttribute)==null||i.call(e,r)},[r,t]),a(()=>{e&&e.setStyle(l),t&&t.setStyle(l)},[l]),a(()=>{(e==null?void 0:e.setSize)&&e.setSize(c),t&&t.setSize(c)},[c]),a(()=>{const i=F.getCurrentStepInfo(w,v);e==null||e.setConfig(i.config)},[v]);const R=()=>{const i=d==null?void 0:d[h];!(i==null?void 0:i.url)||B.load(i.url).then(m=>{t.setImgNode(m)})};return f.createElement("div",{ref:I,className:"annotationOperation"},f.createElement("div",{className:"canvas",ref:C,style:c,id:"toolContainer"},S==null?void 0:S(x)),(e==null?void 0:e.isImgError)===!0&&f.createElement(U,G(A({},c),{reloadImage:R,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},J=n=>{const o=D.pickBy(n.annotation,(r,l)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(l));return A({imgAttribute:n.imgAttribute,toolStyle:n.toolStyle},o)};var K=M(J,null,null,{context:N})(H);export{K as default};
+import{store as L}from"../../../index.js";import{LabelBeeContext as N}from"../../../store/ctx.js";import{message as I}from"antd/es";import D from"lodash";import f,{useState as y,useRef as O,useEffect as a}from"react";import{connect as M}from"react-redux";import U from"../../../components/fileException/FileError.js";import Z from"../../../hooks/useSize.js";import{InitToolStyleConfig as k}from"../../../store/toolStyle/actionCreators.js";import{ImgUtils as B}from"@labelbee/lb-annotation";import{i18n as P}from"@labelbee/lb-utils";import F from"../../../utils/StepUtils.js";var T=Object.defineProperty,V=Object.defineProperties,Y=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,j=(n,o,r)=>o in n?T(n,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[o]=r,A=(n,o)=>{for(var r in o||(o={}))$.call(o,r)&&j(n,r,o[r]);if(E)for(var r of E(o))q.call(o,r)&&j(n,r,o[r]);return n},G=(n,o)=>V(n,Y(o));const H=n=>{const[,o]=y(0),{imgAttribute:r,toolStyle:l,toolInstance:e,annotationEngine:t,imgList:d,imgIndex:h,dataInjectionAtCreation:p,renderEnhance:g,customRenderStyle:u,stepList:v,step:w,drawLayerSlot:S}=n,[x,_]=y({zoom:1,currentPos:{x:0,y:0}}),b=O(null),C=O(null),c=Z(b);a(()=>{L.dispatch(k())},[]),a(()=>{if(!!t){switch(P.language){case"cn":case"en":t.setLang(P.language);break}t==null||t.setDataInjectionAtCreation(p),t==null||t.setRenderEnhance(g),u&&(t==null||t.setCustomRenderStyle(u))}},[t,p,g,u]),a(()=>{const i=(s,z)=>{_({zoom:s,currentPos:z})},m=s=>{_(s)};return e&&(e.singleOn("messageError",s=>{I.error(s)}),e.singleOn("messageInfo",s=>{I.info(s)}),e.singleOn("changeAnnotationShow",()=>{o(s=>s+1)}),e.on("renderZoom",i),e.on("dragMove",m)),()=>{e&&(e.unbind("renderZoom",i),e.unbind("dragMove",m))}},[e]),a(()=>{var i;(t==null?void 0:t.setImgAttribute)?t.setImgAttribute(r):(i=e==null?void 0:e.setImgAttribute)==null||i.call(e,r)},[r,t]),a(()=>{e&&e.setStyle(l),t&&t.setStyle(l)},[l]),a(()=>{(e==null?void 0:e.setSize)&&e.setSize(c),t&&t.setSize(c)},[c]),a(()=>{const i=F.getCurrentStepInfo(w,v);e==null||e.setConfig(i.config)},[v]);const R=()=>{const i=d==null?void 0:d[h];!(i==null?void 0:i.url)||B.load(i.url).then(m=>{t.setImgNode(m)})};return f.createElement("div",{ref:b,className:"annotationOperation"},f.createElement("div",{className:"canvas",ref:C,style:c,id:"toolContainer"},S==null?void 0:S(x)),(e==null?void 0:e.isImgError)===!0&&f.createElement(U,G(A({},c),{reloadImage:R,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},J=n=>{const o=D.pickBy(n.annotation,(r,l)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(l));return A({imgAttribute:n.imgAttribute,toolStyle:n.toolStyle},o)};var K=M(J,null,null,{context:N})(H);export{K as default};

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

@@ -1 +1 @@
-import t from"react";import{Tooltip as l}from"antd";import{prefix as a}from"../../../constant/index.js";const m=({path:n,tips:e})=>!n&&!e?null:t.createElement("div",{className:`${a}-tips`},t.createElement(l,{placement:"bottomRight",title:e},t.createElement("span",{className:`${a}-tips__leftContent`,title:e},e)),t.createElement(l,{placement:"bottomRight",title:n},t.createElement("span",{className:`${a}-tips__path`},n)));export{m as default};
+import t from"react";import{Tooltip as l}from"antd";import{prefix as n}from"../../../constant/index.js";const m=({path:a,tips:e})=>!a&&!e?null:t.createElement("div",{className:`${n}-tips`},t.createElement(l,{placement:"bottomRight",title:e},t.createElement("span",{className:`${n}-tips__leftContent`,title:e},e)),t.createElement(l,{placement:"bottomRight",title:a},t.createElement("span",{className:`${n}-tips__path`},a)));export{m as default};

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

@@ -1 +1 @@
-import o,{useState as a,useEffect as u}from"react";import{message as m}from"antd/es";import x from"../TextAreaFormat/index.js";import{TextUtils as l}from"../../../../utils/TextUtils.js";import{connect as c}from"react-redux";import{LabelBeeContext as s}from"../../../../store/ctx.js";const f=({toolInstance:e})=>{var i;const[,n]=a(0);if(u(()=>{e&&(e.singleOn("selectedChange",()=>{n(r=>r+1)}),e.singleOn("updateTextAttribute",()=>{n(r=>r+1)}),e.singleOn("messageError",r=>{m.error(r)}))},[e]),!e)return null;const{config:t}=e;return((i=e==null?void 0:e.config)==null?void 0:i.textConfigurable)&&e.selectedID&&o.createElement(x,{onChange:e.textChange,textValue:e.selectedText,checkString:l.checkString(t==null?void 0:t.textCheckType,t==null?void 0:t.customFormat),textCheckType:t.textCheckType})};function d(e){return{toolInstance:e.annotation.toolInstance}}var g=c(d,null,null,{context:s})(f);export{g as default};
+import o,{useState as a,useEffect as u}from"react";import{message as l}from"antd/es";import m from"../TextAreaFormat/index.js";import{TextUtils as x}from"../../../../utils/TextUtils.js";import{connect as c}from"react-redux";import{LabelBeeContext as f}from"../../../../store/ctx.js";const s=({toolInstance:e})=>{var i;const[,n]=a(0);if(u(()=>{e&&(e.singleOn("selectedChange",()=>{n(r=>r+1)}),e.singleOn("updateTextAttribute",()=>{n(r=>r+1)}),e.singleOn("messageError",r=>{l.error(r)}))},[e]),!e)return null;const{config:t}=e;return((i=e==null?void 0:e.config)==null?void 0:i.textConfigurable)&&e.selectedID&&o.createElement(m,{onChange:e.textChange,textValue:e.selectedText,checkString:x.checkString(t==null?void 0:t.textCheckType,t==null?void 0:t.customFormat),textCheckType:t.textCheckType})};function d(e){return{toolInstance:e.annotation.toolInstance}}var g=c(d,null,null,{context:f})(s);export{g as default};

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

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

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

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

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

@@ -0,0 +1 @@
+import n,{useState as k,useEffect as x}from"react";import{Popover as B,Checkbox as w,Tag as T}from"antd";import{i18n as j,PointCloudUtils as H}from"@labelbee/lb-utils";import{I18nextProvider as L,useTranslation as A}from"react-i18next";import h from"./index.module.scss.js";import N from"classnames";import F from"../../../../../../assets/annotation/pointCloudTool/highlight.svg.js";import M from"../../../../../../assets/annotation/pointCloudTool/highlight_a.svg.js";import{QuestionCircleOutlined as R}from"@ant-design/icons";import{isDoubleClick as Q}from"../../../../../../utils/audio.js";import U from"../../../../../../store/annotatedBox/index.js";var V=Object.defineProperty,$=Object.defineProperties,q=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,z=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,C=(o,t,e)=>t in o?V(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,y=(o,t)=>{for(var e in t||(t={}))z.call(t,e)&&C(o,e,t[e]);if(_)for(var e of _(t))G.call(t,e)&&C(o,e,t[e]);return o},J=(o,t)=>$(o,q(t));const K=o=>{const t=U(),e=t.ptCtx,m=g=>{var s;(s=e==null?void 0:e.addHighlightID)==null||s.call(e,g.trackID)},d=g=>{var s;(s=e==null?void 0:e.addSelectedID)==null||s.call(e,g.id)},u=g=>{var s;(s=e==null?void 0:e.setSelectedIDs)==null||s.call(e,g)},D=J(y({},o),{pointCloudBoxList:t.pointCloudBoxList,highlightIDs:t.highlightIDs,selectedIDs:t.selectedIDs,addHighlightID:m,addSelectedID:d,setSelectedIDs:u});return n.createElement(L,{i18n:j},n.createElement(W,y({},D)))},W=o=>{const{imgList:t,imgIndex:e,highlightIDs:m,selectedIDs:d,pointCloudBoxList:u,addHighlightID:D,addSelectedID:g,setSelectedIDs:s}=o,{t:I}=A(),[P,S]=k([]),[v,b]=k(!1);return x(()=>{const r=t;let a=new Map;const p=d.map(l=>{var i;return(i=u.find(c=>c.id===l))==null?void 0:i.trackID});S(H.getAllPointCloudResult({imgList:r,extraBoxList:u,ignoreIndexList:[e]}).filter(l=>!l.trackID||a.get(l.trackID)?!1:(a.set(l.trackID,!0),!0)).sort((l,i)=>{var c,f;const E=(c=l==null?void 0:l.trackID)!=null?c:0,O=(f=i==null?void 0:i.trackID)!=null?f:0;return E-O}).map(l=>{var i;const c=u.find(f=>f.trackID===l.trackID);return{id:(i=c==null?void 0:c.id)!=null?i:l.id,trackID:l.trackID,disabled:!c,selected:p.includes(l.trackID),isHighlight:(l==null?void 0:l.trackID)?m.includes(l.trackID):!1}}))},[u,t,d,m,e]),x(()=>{const r=u.filter(a=>a.trackID&&m.includes(a.trackID));if((r==null?void 0:r.length)&&r.every(p=>!d.includes(p.id))){const p=[...d,...r.map(l=>l.id)];s(p)}},[e,m,d]),n.createElement("div",{className:h.annotatedBox},n.createElement("div",{style:{marginBottom:16}},I("AllTrackIDs"),n.createElement(B,{placement:"topRight",content:n.createElement(n.Fragment,null,n.createElement("div",null,I("ClickOnTheIdToHighlightTheMarkupBox")),n.createElement("div",null,I("DoubleClickOnTheIdToContinuouslyHighlightBoxesAcrossFrames")))},n.createElement(R,{style:{marginLeft:8}}))),n.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:16,justifyContent:"flex-end"}},n.createElement(w,{checked:v,onChange:r=>b(r.target.checked)},I("OnlyCurrentFrame"))),n.createElement("div",null,P.map(r=>r.disabled&&v?null:n.createElement(T,{key:r.trackID,className:N({[h.tag]:!0,[h.disabled]:r.disabled,[h.selected]:r.selected,[h.highlight]:r.isHighlight}),style:{marginBottom:8},onClick:a=>{if(a.preventDefault(),a.stopPropagation(),Q(a)){D(r);return}r.disabled||g(r)}},r.isHighlight&&n.createElement("img",{src:r.disabled?F:M,className:h.highlight}),r.trackID))))};export{K as default};

package/es/views/MainView/sidebar/PointCloudToolSidebar/components/annotatedBox/index.module.scss.js

@@ -0,0 +1 @@
+var e={annotatedBox:"index-module_annotatedBox__gmg-f",tag:"index-module_tag__wIcdd",disabled:"index-module_disabled__OuTHq",selected:"index-module_selected__UhwdY",highlight:"index-module_highlight__g25J2"};export{e as default};

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

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

package/es/views/MainView/sidebar/PointCloudToolSidebar/components/findTrackIDIndex/arrow.js

@@ -0,0 +1 @@
+import t from"react";import r from"classnames";import{ReactComponent as s}from"../../../../../../assets/annotation/pointCloudTool/leftArrow.svg.js";import{ReactComponent as l}from"../../../../../../assets/annotation/pointCloudTool/rightArrow.svg.js";const i=a=>{const{disabled:n,onClick:o,type:e}=a;return t.createElement("li",{className:r({"ant-pagination-disabled":n,[`ant-pagination-${e==="left"?"prev":"next"}`]:!0}),onClick:o},t.createElement("button",{className:"ant-pagination-item-link",type:"button"},t.createElement("span",{role:"img",className:`anticon anticon-${e}`},e==="left"?t.createElement(s,null):t.createElement(l,null))))};export{i as default};

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

@@ -0,0 +1 @@
+import n,{useState as p,useEffect as w}from"react";import u from"./index.module.scss.js";import{Input as C,message as T}from"antd";import{Provider as j}from"react-redux";import{I18nextProvider as k,useTranslation as O}from"react-i18next";import{i18n as D,PointCloudUtils as F}from"@labelbee/lb-utils";import{LabelBeeContext as L,useDispatch as N}from"../../../../../../store/ctx.js";import{PageJump as S}from"../../../../../../store/annotation/actionCreators.js";import{store as B}from"../../../../../../index.js";import f from"./arrow.js";var J=Object.defineProperty,I=Object.getOwnPropertySymbols,R=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable,g=(r,e,t)=>e in r?J(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,z=(r,e)=>{for(var t in e||(e={}))R.call(e,t)&&g(r,t,e[t]);if(I)for(var t of I(e))V.call(e,t)&&g(r,t,e[t]);return r};const v=r=>{const{imgList:e,imgIndex:t,pageJump:l}=r,{t:i}=O(),x=N(),[c,E]=p(0),[s,h]=p([]),a=s.findIndex(o=>o===t),P=o=>{const b=o.target.value,d=parseInt(b,10);if(!(d>0)){T.error(i("PositiveIntegerCheck"));return}E(d)},m=o=>{if(l){l(o);return}x(S(o))};w(()=>{if(c){const o=F.getIndexByTrackID(c,e);(o==null?void 0:o.length)&&h(o)}},[c,t]);const _=()=>{a<0||m(s[a-1])},y=()=>{a!==s.length-1&&m(s[a+1])};return n.createElement("div",{className:u.container},n.createElement("div",null,i("FindTheFrameCorrespondingToTheLabeledFrameId")),n.createElement("div",{className:u.content},n.createElement(C,{size:"small",onPressEnter:P,style:{width:50}}),n.createElement("div",null,a>-1&&n.createElement("span",{style:{marginRight:4}},i("Frame"),": ",a+1),n.createElement(f,{disabled:a<=0,onClick:_,type:"left"}),n.createElement(f,{disabled:a===-1||a===s.length-1,onClick:y,type:"right"}))))},A=r=>n.createElement(j,{store:B,context:L},n.createElement(k,{i18n:D},n.createElement(v,z({},r))));export{A as FindTrackIDIndexInCheckMode,v as default};

package/es/views/MainView/sidebar/PointCloudToolSidebar/components/findTrackIDIndex/index.module.scss.js

@@ -0,0 +1 @@
+var e={container:"index-module_container__RwV5P",content:"index-module_content__vHpS9"};export{e as default};

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

@@ -1 +1 @@
-import t,{useContext as T,useState as k,useEffect as h}from"react";import{EditFilled as re}from"@ant-design/icons";import{ToolIcons as ae}from"../ToolIcons.js";import{cTool as ie}from"@labelbee/lb-annotation";import{PointCloudContext as B}from"../../../../components/pointCloudView/PointCloudContext.js";import{Divider as A,Tag as se,Input as ce,Select as U,message as j}from"antd";import ue from"../../../../utils/StepUtils.js";import{connect as de}from"react-redux";import{jsonParser as me,classnames as pe}from"../../../../utils/index.js";import{useStatus as z}from"../../../../components/pointCloudView/hooks/useStatus.js";import{useSingleBox as M}from"../../../../components/pointCloudView/hooks/useSingleBox.js";import{useTranslation as V}from"react-i18next";import{LabelBeeContext as ge,useDispatch as ve}from"../../../../store/ctx.js";import fe from"./components/batchUpdateModal/index.js";import{PointCloudUtils as Se,EPointCloudSegmentStatus as N,EPointCloudPattern as Ce}from"@labelbee/lb-utils";import W from"../../../../components/attributeList/index.js";import{useAttribute as be}from"../../../../components/pointCloudView/hooks/useAttribute.js";import _e from"../../../../assets/annotation/pointCloudTool/lassoSelector.svg.js";import xe from"../../../../assets/annotation/pointCloudTool/lassoSelector_a.svg.js";import Pe from"../../../../assets/annotation/pointCloudTool/circleSelector.svg.js";import Ee from"../../../../assets/annotation/pointCloudTool/circleSelector_a.svg.js";import ye from"../../../../assets/annotation/rectTool/icon_rect.svg.js";import Ie from"../../../../assets/annotation/rectTool/icon_rect_a.svg.js";import{sidebarCls as O}from"../index.js";import{SetTaskStepList as De}from"../../../../store/annotation/actionCreators.js";import{usePointCloudViews as we}from"../../../../components/pointCloudView/hooks/usePointCloudViews.js";var ke=Object.defineProperty,Le=Object.defineProperties,Te=Object.getOwnPropertyDescriptors,J=Object.getOwnPropertySymbols,he=Object.prototype.hasOwnProperty,Be=Object.prototype.propertyIsEnumerable,q=(n,e,l)=>e in n?ke(n,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[e]=l,$=(n,e)=>{for(var l in e||(e={}))he.call(e,l)&&q(n,l,e[l]);if(J)for(var l of J(e))Be.call(e,l)&&q(n,l,e[l]);return n},F=(n,e)=>Le(n,Te(e));const je=({imgList:n,imgIndex:e})=>{const l=T(B),[p,u]=k([]),{t:r}=V();h(()=>{const s=n;let v=new Map;u(Se.getAllPointCloudResult({imgList:s,extraBoxList:d,ignoreIndexList:[e]}).filter(a=>!a.trackID||v.get(a.trackID)?!1:(v.set(a.trackID,!0),!0)).sort((a,i)=>{var c,f;const m=(c=a==null?void 0:a.trackID)!=null?c:0,g=(f=i==null?void 0:i.trackID)!=null?f:0;return m-g}).map(a=>{var i;return(i=a==null?void 0:a.trackID)!=null?i:0}))},[l.pointCloudBoxList,n]);const{pointCloudBoxList:d}=l;return t.createElement("div",{style:{padding:24,borderBottom:"1px solid #eee"}},t.createElement("div",{style:{marginBottom:16}},r("AllTrackIDs")),t.createElement("div",null,p.map(s=>t.createElement(se,{color:"#F3F4FF",key:s,style:{color:"#666",marginBottom:8}},s))))},Ve=()=>{const[n,e]=k(!1),l=T(B),{pointCloudBoxList:p}=l,{selectedBox:u,updateSelectedBox:r}=M(),[d,s]=k(""),{t:v}=V(),a=u==null?void 0:u.info.trackID,i=m=>!!p.find(b=>b.trackID===m&&b.id!==(u==null?void 0:u.info.id)),c=(m=!1)=>{const g=parseInt(d,10);if(m&&e(!1),isNaN(g)){j.error(v("PositiveIntegerCheck"));return}if(d.indexOf(".")>-1){j.error(v("NotAllowDecimalPointsInTrackID"));return}if(i(g)){j.error(v("DuplicateTrackIDsExist"));return}if(!(g>0)){j.error(v("PositiveIntegerCheck"));return}f(g)};h(()=>{e(!1)},[a]);const f=m=>{var g;const b=r({trackID:m});(g=l==null?void 0:l.topViewInstance)==null||g.updatePolygonList(b!=null?b:[])};return t.createElement("div",{style:{padding:24}},t.createElement("div",{style:{marginBottom:16,display:"flex",justifyContent:"space-between",alignItems:"center"}},t.createElement("span",null,v("CurrentBoxTrackIDs")),a&&t.createElement(fe,{id:a,updateCurrentPolygonList:m=>f(m)})),t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},n&&a?t.createElement(ce,{defaultValue:a,onChange:m=>{s(m.target.value)},disabled:!a,size:"small",onBlur:()=>{c()},onPressEnter:()=>{c(!0)}}):t.createElement("span",null,a),t.createElement(re,{style:{color:"#999",marginLeft:16,cursor:typeof a!="undefined"?"pointer":"not-allowed"},onClick:()=>{a&&e(!n)}})))},G=({segmentStatus:n,globalPattern:e})=>e===Ce.Segmentation&&![N.Edit,N.Ready].includes(n),H=({attributeList:n,subAttributeList:e,toolInstance:l,config:p,stepList:u,stepInfo:r,enableColorPicker:d})=>{const[s,v]=k({segmentStatus:N.Ready}),{selectedBox:a}=M(),i=T(B),{ptSegmentInstance:c}=i,{t:f}=V(),{defaultAttribute:m}=be(),g=we(),{isPointCloudSegmentationPattern:b}=z(),Q=ve(),X={fontWeight:500,fontSize:14,margin:"12px 0 8px 20px"},Y={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"};h(()=>{if(!!c)return c.on("syncPointCloudStatus",v),()=>{c.unbind("syncPointCloudStatus",v)}},[c]);const Z=(o,x)=>{var P,E,y,I,D;const _=(P=p==null?void 0:p.attributeList)==null?void 0:P.map(C=>C.value===o?F($({},C),{color:x}):C),w=F($({},p),{attributeList:_}),L=JSON.stringify(w),S=u==null?void 0:u.map(C=>(C==null?void 0:C.step)===(r==null?void 0:r.step)?F($({},C),{config:L}):C);(E=i==null?void 0:i.topViewInstance)==null||E.updateAttributeList(_),(y=i==null?void 0:i.sideViewInstance)==null||y.updateAttributeList(_),(I=i==null?void 0:i.backViewInstance)==null||I.updateAttributeList(_),(D=i==null?void 0:i.mainViewInstance)==null||D.setConfig(w),Q(De({stepList:S}))},ee=o=>{g.updateViewsByDefaultSize&&g.updateViewsByDefaultSize(o)},te=o=>{G({globalPattern:i.globalPattern,segmentStatus:s.segmentStatus})||l.setDefaultAttribute(o)},R=(o,x)=>{G({globalPattern:i.globalPattern,segmentStatus:s.segmentStatus})||l.setSubAttribute(o,x)},oe=n.map(o=>({label:o.key,value:o.value,color:o==null?void 0:o.color,limit:o==null?void 0:o.limit,isDefault:o==null?void 0:o.isDefault})),ne=a||s.cacheSegData&&s.segmentStatus===N.Edit,le=b;return t.createElement("div",null,t.createElement("div",{style:X},f("Attribute")),t.createElement(W,{list:oe,forbidDefault:!0,selectedAttribute:m!=null?m:"",attributeChanged:o=>te(o),updateColorConfig:Z,enableColorPicker:d,updateSize:ee,forbidShowLimitPopover:le}),t.createElement(A,{style:{margin:0}}),ne&&t.createElement(t.Fragment,null,e.map(o=>{var x,P,E,y,I,D,_,w,L;return(o==null?void 0:o.subSelected)&&t.createElement("div",{style:{marginTop:12},key:o.value},t.createElement("div",{style:Y},f("SubAttribute"),"-",o.key),((x=o.subSelected)==null?void 0:x.length)<5?t.createElement(W,{list:o.subSelected.map(S=>({label:S.key,value:S.value})),selectedAttribute:((E=(P=i.selectedPointCloudBox)==null?void 0:P.subAttribute)==null?void 0:E[o.value])||((I=(y=s.cacheSegData)==null?void 0:y.subAttribute)==null?void 0:I[o.value]),num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:S=>R(o.value,S),style:{marginBottom:12}}):t.createElement(U,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:((_=(D=i.selectedPointCloudBox)==null?void 0:D.subAttribute)==null?void 0:_[o.value])||((L=(w=s.cacheSegData)==null?void 0:w.subAttribute)==null?void 0:L[o.value]),placeholder:f("PleaseSelect"),onChange:S=>R(o.value,S),allowClear:!0},o.subSelected.map(S=>t.createElement(U.Option,{key:S.value,value:S.value},S.key))),t.createElement(A,{style:{margin:0}}))})))},Ne=[{toolName:"LassoSelector",commonSvg:_e,selectedSvg:xe},{toolName:"RectSelector",commonSvg:ye,selectedSvg:Ie},{toolName:"CircleSelector",commonSvg:Pe,selectedSvg:Ee}],K=({toolInstance:n})=>{const{ptSegmentInstance:e}=T(B),[l,p]=k("LassoSelector"),{t:u}=V();return h(()=>{if(!e)return;const r=()=>{p("LassoSelector")},d=()=>{p("RectSelector")},s=()=>{p("CircleSelector")};return e.on("LassoSelector",r),e.on("RectSelector",d),e.on("CircleSelector",s),()=>{e.unbind("LassoSelector",r),e.unbind("RectSelector",d),e.unbind("CircleSelector",s)}},[e]),t.createElement("div",{className:`${O}__level`},Ne.map(r=>{const d=l===r.toolName;return t.createElement("span",{className:`${O}__toolOption`,key:r.toolName,onClick:()=>e==null?void 0:e.emit(r.toolName)},t.createElement("img",{className:`${O}__singleTool`,src:d?r==null?void 0:r.selectedSvg:r==null?void 0:r.commonSvg}),t.createElement("span",{className:pe({[`${O}__toolOption__selected`]:d})},u(r.toolName)))}))},Oe=({stepInfo:n,toolInstance:e,imgList:l,imgIndex:p,stepList:u,enableColorPicker:r})=>{var d,s;const{updatePointCloudPattern:v,pointCloudPattern:a,isPointCloudSegmentationPattern:i}=z(),c=me(n.config),f=(d=c==null?void 0:c.attributeList)!=null?d:[],m=(c==null?void 0:c.secondaryAttributeConfigurable)===!0?(s=c==null?void 0:c.inputList)!=null?s:[]:[];return i?t.createElement(t.Fragment,null,t.createElement(K,{toolInstance:e}),t.createElement(H,{toolInstance:e,attributeList:f,subAttributeList:m,config:c,stepList:u,stepInfo:n,enableColorPicker:r})):t.createElement(t.Fragment,null,t.createElement(ae,{toolName:ie.EPointCloudName.PointCloud,selectedToolName:a,onChange:g=>v==null?void 0:v(g)}),t.createElement(H,{toolInstance:e,attributeList:f,subAttributeList:m,config:c,stepList:u,stepInfo:n,enableColorPicker:r}),(c==null?void 0:c.trackConfigurable)===!0&&t.createElement(t.Fragment,null,t.createElement(Ve,null),t.createElement(A,{style:{margin:0}}),t.createElement(je,{imgList:l,imgIndex:p})))},Ae=n=>{var e,l,p,u;const r=ue.getCurrentStepInfo((e=n.annotation)==null?void 0:e.step,(l=n.annotation)==null?void 0:l.stepList),d=(p=n.annotation)==null?void 0:p.toolInstance,s=(u=n.annotation)==null?void 0:u.stepList;return{stepInfo:r,toolInstance:d,imgList:n.annotation.imgList,imgIndex:n.annotation.imgIndex,stepList:s}};var $e=de(Ae,null,null,{context:ge})(Oe);export{K as PointCloudSegToolIcon,$e as default};
+import t,{useState as T,useContext as V,useEffect as N}from"react";import{EditFilled as re}from"@ant-design/icons";import{ToolIcons as ae}from"../ToolIcons.js";import{cTool as ie}from"@labelbee/lb-annotation";import{PointCloudContext as O}from"../../../../components/pointCloudView/PointCloudContext.js";import{Divider as h,Input as se,Select as F,message as j}from"antd";import ce from"../../../../utils/StepUtils.js";import{connect as ue}from"react-redux";import{jsonParser as de,classnames as me}from"../../../../utils/index.js";import{useStatus as U}from"../../../../components/pointCloudView/hooks/useStatus.js";import{useSingleBox as W}from"../../../../components/pointCloudView/hooks/useSingleBox.js";import{useTranslation as A}from"react-i18next";import{LabelBeeContext as pe,useDispatch as fe}from"../../../../store/ctx.js";import ve from"./components/batchUpdateModal/index.js";import ge from"./components/annotatedBox/index.js";import Se from"./components/findTrackIDIndex/index.js";import{EPointCloudSegmentStatus as k,EPointCloudPattern as Ce}from"@labelbee/lb-utils";import M from"../../../../components/attributeList/index.js";import{useAttribute as be}from"../../../../components/pointCloudView/hooks/useAttribute.js";import _e from"../../../../assets/annotation/pointCloudTool/lassoSelector.svg.js";import Pe from"../../../../assets/annotation/pointCloudTool/lassoSelector_a.svg.js";import xe from"../../../../assets/annotation/pointCloudTool/circleSelector.svg.js";import Ee from"../../../../assets/annotation/pointCloudTool/circleSelector_a.svg.js";import ye from"../../../../assets/annotation/rectTool/icon_rect.svg.js";import Ie from"../../../../assets/annotation/rectTool/icon_rect_a.svg.js";import{sidebarCls as B}from"../index.js";import{SetTaskStepList as we}from"../../../../store/annotation/actionCreators.js";import{usePointCloudViews as De}from"../../../../components/pointCloudView/hooks/usePointCloudViews.js";var Le=Object.defineProperty,Te=Object.defineProperties,he=Object.getOwnPropertyDescriptors,J=Object.getOwnPropertySymbols,je=Object.prototype.hasOwnProperty,ke=Object.prototype.propertyIsEnumerable,q=(n,e,l)=>e in n?Le(n,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[e]=l,$=(n,e)=>{for(var l in e||(e={}))je.call(e,l)&&q(n,l,e[l]);if(J)for(var l of J(e))ke.call(e,l)&&q(n,l,e[l]);return n},R=(n,e)=>Te(n,he(e));const Be=()=>{const[n,e]=T(!1),l=V(O),{pointCloudBoxList:c}=l,{selectedBox:u,updateSelectedBox:r}=W(),[d,s]=T(""),{t:g}=A(),p=u==null?void 0:u.info.trackID,i=m=>!!c.find(b=>b.trackID===m&&b.id!==(u==null?void 0:u.info.id)),a=(m=!1)=>{const f=parseInt(d,10);if(m&&e(!1),isNaN(f)){j.error(g("PositiveIntegerCheck"));return}if(d.indexOf(".")>-1){j.error(g("NotAllowDecimalPointsInTrackID"));return}if(i(f)){j.error(g("DuplicateTrackIDsExist"));return}if(!(f>0)){j.error(g("PositiveIntegerCheck"));return}S(f)};N(()=>{e(!1)},[p]);const S=m=>{var f;const b=r({trackID:m});(f=l==null?void 0:l.topViewInstance)==null||f.updatePolygonList(b!=null?b:[])};return t.createElement("div",{style:{padding:24}},t.createElement("div",{style:{marginBottom:16,display:"flex",justifyContent:"space-between",alignItems:"center"}},t.createElement("span",null,g("CurrentBoxTrackIDs")),p&&t.createElement(ve,{id:p,updateCurrentPolygonList:m=>S(m)})),t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},n&&p?t.createElement(se,{defaultValue:p,onChange:m=>{s(m.target.value)},disabled:!p,size:"small",onBlur:()=>{a()},onPressEnter:()=>{a(!0)}}):t.createElement("span",null,p),t.createElement(re,{style:{color:"#999",marginLeft:16,cursor:typeof p!="undefined"?"pointer":"not-allowed"},onClick:()=>{p&&e(!n)}})))},G=({segmentStatus:n,globalPattern:e})=>e===Ce.Segmentation&&![k.Edit,k.Ready].includes(n),H=({attributeList:n,subAttributeList:e,toolInstance:l,config:c,stepList:u,stepInfo:r,enableColorPicker:d})=>{const[s,g]=T({segmentStatus:k.Ready}),{selectedBox:p}=W(),i=V(O),{ptSegmentInstance:a}=i,{t:S}=A(),{defaultAttribute:m}=be(),f=De(),{isPointCloudSegmentationPattern:b}=U(),Q=fe(),X={fontWeight:500,fontSize:14,margin:"12px 0 8px 20px"},Y={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"};N(()=>{if(!!a)return a.on("syncPointCloudStatus",g),()=>{a.unbind("syncPointCloudStatus",g)}},[a]);const Z=(o,P)=>{var x,E,y,I,w;const _=(x=c==null?void 0:c.attributeList)==null?void 0:x.map(C=>C.value===o?R($({},C),{color:P}):C),D=R($({},c),{attributeList:_}),L=JSON.stringify(D),v=u==null?void 0:u.map(C=>(C==null?void 0:C.step)===(r==null?void 0:r.step)?R($({},C),{config:L}):C);(E=i==null?void 0:i.topViewInstance)==null||E.updateAttributeList(_),(y=i==null?void 0:i.sideViewInstance)==null||y.updateAttributeList(_),(I=i==null?void 0:i.backViewInstance)==null||I.updateAttributeList(_),(w=i==null?void 0:i.mainViewInstance)==null||w.setConfig(D),Q(we({stepList:v}))},ee=o=>{f.updateViewsByDefaultSize&&f.updateViewsByDefaultSize(o)},te=o=>{G({globalPattern:i.globalPattern,segmentStatus:s.segmentStatus})||l.setDefaultAttribute(o)},z=(o,P)=>{G({globalPattern:i.globalPattern,segmentStatus:s.segmentStatus})||l.setSubAttribute(o,P)},oe=n.map(o=>({label:o.key,value:o.value,color:o==null?void 0:o.color,limit:o==null?void 0:o.limit,isDefault:o==null?void 0:o.isDefault})),ne=p||s.cacheSegData&&s.segmentStatus===k.Edit,le=b;return t.createElement("div",null,t.createElement("div",{style:X},S("Attribute")),t.createElement(M,{list:oe,forbidDefault:!0,selectedAttribute:m!=null?m:"",attributeChanged:o=>te(o),updateColorConfig:Z,enableColorPicker:d,updateSize:ee,forbidShowLimitPopover:le}),t.createElement(h,{style:{margin:0}}),ne&&t.createElement(t.Fragment,null,e.map(o=>{var P,x,E,y,I,w,_,D,L;return(o==null?void 0:o.subSelected)&&t.createElement("div",{style:{marginTop:12},key:o.value},t.createElement("div",{style:Y},S("SubAttribute"),"-",o.key),((P=o.subSelected)==null?void 0:P.length)<5?t.createElement(M,{list:o.subSelected.map(v=>({label:v.key,value:v.value})),selectedAttribute:((E=(x=i.selectedPointCloudBox)==null?void 0:x.subAttribute)==null?void 0:E[o.value])||((I=(y=s.cacheSegData)==null?void 0:y.subAttribute)==null?void 0:I[o.value]),num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:v=>z(o.value,v),style:{marginBottom:12}}):t.createElement(F,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:((_=(w=i.selectedPointCloudBox)==null?void 0:w.subAttribute)==null?void 0:_[o.value])||((L=(D=s.cacheSegData)==null?void 0:D.subAttribute)==null?void 0:L[o.value]),placeholder:S("PleaseSelect"),onChange:v=>z(o.value,v),allowClear:!0},o.subSelected.map(v=>t.createElement(F.Option,{key:v.value,value:v.value},v.key))),t.createElement(h,{style:{margin:0}}))})))},Ve=[{toolName:"LassoSelector",commonSvg:_e,selectedSvg:Pe},{toolName:"RectSelector",commonSvg:ye,selectedSvg:Ie},{toolName:"CircleSelector",commonSvg:xe,selectedSvg:Ee}],K=({toolInstance:n})=>{const{ptSegmentInstance:e}=V(O),[l,c]=T("LassoSelector"),{t:u}=A();return N(()=>{if(!e)return;const r=()=>{c("LassoSelector")},d=()=>{c("RectSelector")},s=()=>{c("CircleSelector")};return e.on("LassoSelector",r),e.on("RectSelector",d),e.on("CircleSelector",s),()=>{e.unbind("LassoSelector",r),e.unbind("RectSelector",d),e.unbind("CircleSelector",s)}},[e]),t.createElement("div",{className:`${B}__level`},Ve.map(r=>{const d=l===r.toolName;return t.createElement("span",{className:`${B}__toolOption`,key:r.toolName,onClick:()=>e==null?void 0:e.emit(r.toolName)},t.createElement("img",{className:`${B}__singleTool`,src:d?r==null?void 0:r.selectedSvg:r==null?void 0:r.commonSvg}),t.createElement("span",{className:me({[`${B}__toolOption__selected`]:d})},u(r.toolName)))}))},Ne=({stepInfo:n,toolInstance:e,imgList:l,imgIndex:c,stepList:u,enableColorPicker:r})=>{var d,s;const{updatePointCloudPattern:g,pointCloudPattern:p,isPointCloudSegmentationPattern:i}=U(),a=de(n.config),S=(d=a==null?void 0:a.attributeList)!=null?d:[],m=(a==null?void 0:a.secondaryAttributeConfigurable)===!0?(s=a==null?void 0:a.inputList)!=null?s:[]:[];return i?t.createElement(t.Fragment,null,t.createElement(K,{toolInstance:e}),t.createElement(H,{toolInstance:e,attributeList:S,subAttributeList:m,config:a,stepList:u,stepInfo:n,enableColorPicker:r})):t.createElement(t.Fragment,null,t.createElement(ae,{toolName:ie.EPointCloudName.PointCloud,selectedToolName:p,onChange:f=>g==null?void 0:g(f)}),t.createElement(H,{toolInstance:e,attributeList:S,subAttributeList:m,config:a,stepList:u,stepInfo:n,enableColorPicker:r}),(a==null?void 0:a.trackConfigurable)===!0&&t.createElement(t.Fragment,null,t.createElement(Be,null),t.createElement(h,{style:{margin:0}}),t.createElement(ge,{imgList:l,imgIndex:c}),t.createElement(h,{style:{margin:0}}),t.createElement(Se,{imgList:l,imgIndex:c})))},Oe=n=>{var e,l,c,u;const r=ce.getCurrentStepInfo((e=n.annotation)==null?void 0:e.step,(l=n.annotation)==null?void 0:l.stepList),d=(c=n.annotation)==null?void 0:c.toolInstance,s=(u=n.annotation)==null?void 0:u.stepList;return{stepInfo:r,toolInstance:d,imgList:n.annotation.imgList,imgIndex:n.annotation.imgIndex,stepList:s}};var Ae=ue(Oe,null,null,{context:pe})(Ne);export{K as PointCloudSegToolIcon,Ae as default};

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

@@ -1 +1 @@
-import r,{useState as d,useEffect as w}from"react";import{Slider as k}from"antd";import y from"../../../../assets/attributeIcon/pen_a.svg.js";import h from"../../../../assets/attributeIcon/pen.svg.js";import C from"../../../../assets/attributeIcon/eraser_a.svg.js";import _ from"../../../../assets/attributeIcon/eraser.svg.js";import{getClassName as n}from"../../../../utils/dom.js";import{EScribblePattern as o}from"../../../../data/enums/ToolType.js";import{useSelector as j}from"../../../../store/ctx.js";import{cKeyCode as N}from"@labelbee/lb-annotation";const i=N.default,u=1,S=50,L=20,P=E=>{const{onChange:p}=E,s=j(t=>t.annotation.toolInstance),[e,l]=d(L),[m,f]=d(o.Scribble),a=()=>{p(m,e)};w(()=>(window.addEventListener("keydown",b),()=>{window.removeEventListener("keydown",b)}),[e]);const b=t=>{const{keyCode:I}=t;switch(I){case i.Q:c(o.Scribble);break;case i.W:c(o.Erase);break;case i.F:g();break;case i.G:v();break}},g=()=>{e!==S&&(l(e+1),a(),s==null||s.setPenSize(e+1))},v=()=>{e!==u&&(l(e-1),a(),s==null||s.setPenSize(e-1))},c=t=>{f(t),s==null||s.setPattern(t),a()};return r.createElement("div",{className:n("scribble")},r.createElement("div",{className:n("scribble","select")},r.createElement("img",{src:m===o.Scribble?y:h,onClick:()=>c(o.Scribble)}),r.createElement("img",{src:m===o.Erase?C:_,onClick:()=>c(o.Erase)})),r.createElement("div",{className:n("scribble","slider")},r.createElement("span",{className:n("scribble","circle")}),r.createElement(k,{onChange:t=>{l(t),a(),s==null||s.setPenSize(t)},min:u,max:S,style:{width:"60%"},value:e}),r.createElement("span",{className:n("scribble","circle"),style:{width:"10px",height:"10px"}})))};export{P as default};
+import r,{useState as d,useEffect as w}from"react";import{Slider as _}from"antd";import k from"../../../../assets/attributeIcon/pen_a.svg.js";import y from"../../../../assets/attributeIcon/pen.svg.js";import h from"../../../../assets/attributeIcon/eraser_a.svg.js";import C from"../../../../assets/attributeIcon/eraser.svg.js";import{getClassName as a}from"../../../../utils/dom.js";import{EScribblePattern as o}from"../../../../data/enums/ToolType.js";import{useSelector as j}from"../../../../store/ctx.js";import{cKeyCode as N}from"@labelbee/lb-annotation";const i=N.default,u=1,S=50,L=20,P=E=>{const{onChange:f}=E,s=j(t=>t.annotation.toolInstance),[e,l]=d(L),[m,p]=d(o.Scribble),n=()=>{f(m,e)};w(()=>(window.addEventListener("keydown",b),()=>{window.removeEventListener("keydown",b)}),[e]);const b=t=>{const{keyCode:I}=t;switch(I){case i.Q:c(o.Scribble);break;case i.W:c(o.Erase);break;case i.F:g();break;case i.G:v();break}},g=()=>{e!==S&&(l(e+1),n(),s==null||s.setPenSize(e+1))},v=()=>{e!==u&&(l(e-1),n(),s==null||s.setPenSize(e-1))},c=t=>{p(t),s==null||s.setPattern(t),n()};return r.createElement("div",{className:a("scribble")},r.createElement("div",{className:a("scribble","select")},r.createElement("img",{src:m===o.Scribble?k:y,onClick:()=>c(o.Scribble)}),r.createElement("img",{src:m===o.Erase?h:C,onClick:()=>c(o.Erase)})),r.createElement("div",{className:a("scribble","slider")},r.createElement("span",{className:a("scribble","circle")}),r.createElement(_,{onChange:t=>{l(t),n(),s==null||s.setPenSize(t)},min:u,max:S,style:{width:"60%"},value:e}),r.createElement("span",{className:a("scribble","circle"),style:{width:"10px",height:"10px"}})))};export{P as default};

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

@@ -1 +1 @@
-import m,{useState as d,useRef as p,useEffect as v}from"react";import{connect as S}from"react-redux";import A from"../../../../components/attributeList/index.js";import g from"../../../../utils/StepUtils.js";import{jsonParser as I}from"../../../../utils/index.js";import{useTranslation as x}from"react-i18next";import{EToolName as L}from"../../../../data/enums/ToolType.js";import{LabelBeeContext as h}from"../../../../store/ctx.js";const T=t=>{var o;const[c,i]=d(0),l=p(null),{toolInstance:e}=t,{t:f}=x();if(v(()=>(e&&e.singleOn("changeAttributeSidebar",a=>{var s;i(n=>n+1),!!l.current&&((s=l.current.children[a])==null||s.scrollIntoView({block:"center"}))}),()=>{e==null||e.unbindAll("changeAttributeSidebar")}),[e,l]),!t.stepInfo)return null;const r=I(t.stepInfo.config),u=t.stepInfo.tool===L.ScribbleTool;if(r.attributeConfigurable!==!0&&!u)return null;if((r.attributeConfigurable===!0||u)&&(r==null?void 0:r.attributeList)){const a=r.attributeList.map(n=>({label:n.key,value:n.value,color:n==null?void 0:n.color}));u||a.unshift({label:f("NoAttribute"),value:""});const s=n=>{e.setDefaultAttribute(n),i(b=>b+1)};return m.createElement(A,{list:a,attributeChanged:s,selectedAttribute:(o=e==null?void 0:e.defaultAttribute)!=null?o:"",ref:l,forbidDefault:u})}return null},j=t=>{var o,c;const i=g.getCurrentStepInfo((o=t.annotation)==null?void 0:o.step,(c=t.annotation)==null?void 0:c.stepList);return{toolInstance:t.annotation.toolInstance,stepInfo:i}};var C=S(j,null,null,{context:h})(T);export{C as default};
+import d,{useState as m,useRef as p,useEffect as v}from"react";import{connect as S}from"react-redux";import A from"../../../../components/attributeList/index.js";import g from"../../../../utils/StepUtils.js";import{jsonParser as I}from"../../../../utils/index.js";import{useTranslation as x}from"react-i18next";import{EToolName as L}from"../../../../data/enums/ToolType.js";import{LabelBeeContext as h}from"../../../../store/ctx.js";const T=t=>{var o;const[c,l]=m(0),i=p(null),{toolInstance:e}=t,{t:f}=x();if(v(()=>(e&&e.singleOn("changeAttributeSidebar",a=>{var s;l(n=>n+1),!!i.current&&((s=i.current.children[a])==null||s.scrollIntoView({block:"center"}))}),()=>{e==null||e.unbindAll("changeAttributeSidebar")}),[e,i]),!t.stepInfo)return null;const r=I(t.stepInfo.config),u=t.stepInfo.tool===L.ScribbleTool;if(r.attributeConfigurable!==!0&&!u)return null;if((r.attributeConfigurable===!0||u)&&(r==null?void 0:r.attributeList)){const a=r.attributeList.map(n=>({label:n.key,value:n.value,color:n==null?void 0:n.color}));u||a.unshift({label:f("NoAttribute"),value:""});const s=n=>{e.setDefaultAttribute(n),l(b=>b+1)};return d.createElement(A,{list:a,attributeChanged:s,selectedAttribute:(o=e==null?void 0:e.defaultAttribute)!=null?o:"",ref:i,forbidDefault:u})}return null},_=t=>{var o,c;const l=g.getCurrentStepInfo((o=t.annotation)==null?void 0:o.step,(c=t.annotation)==null?void 0:c.stepList);return{toolInstance:t.annotation.toolInstance,stepInfo:l}};var j=S(_,null,null,{context:h})(T);export{j as default};

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

@@ -1 +1 @@
-import{TEXT_ATTRIBUTE_MAX_LENGTH as m}from"../../../../data/enums/ToolType.js";import{TextUtils as C}from"../../../../utils/TextUtils.js";import{Tooltip as k,message as i,Input as A}from"antd/es";import t,{useState as r,useEffect as f}from"react";import I from"../../../../assets/annotation/common/icon_clearSmall_a.svg.js";import _ from"../../../../assets/annotation/common/icon_clearSmall.svg.js";import{classnames as T}from"../../../../utils/index.js";import{useTranslation as F}from"react-i18next";const L=v=>{const{t:n}=F(),{onChange:o,textValue:a,checkString:u,textCheckType:h}=v,[p,s]=r(0),[l,c]=r(!1),[g,x]=r(!1),[d,E]=r(!1),y=t.createElement("a",null,t.createElement(k,{placement:"bottom",title:n("EmptyTextInput")},t.createElement("img",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:{marginLeft:6},src:d?I:_,onClick:e=>{e.stopPropagation(),o("")}}))),N=e=>{e.stopPropagation()};f(()=>{a&&s(a.length)},[]),f(()=>{var e;if(a===void 0||a==="")c(!1);else try{a&&c(!new RegExp(u).test(a))}catch(j){c(!0),i.destroy(),i.error(n("RegularExpIncorrectly"))}s((e=a==null?void 0:a.length)!=null?e:0)},[a]);const w=e=>{if(l||!new RegExp(u).test(e.target.value))return o(""),i.error(C.getErrorNotice(h)),!0;o(e.target.value,!0)};return t.createElement("div",{className:"textInputContainer"},t.createElement("div",{className:"label"},n("TextInput"),y),t.createElement("div",{className:T({textareaContainer:!0,focus:g})},t.createElement("div",{className:T({toolTextAreaBox:!0,toolTextAreaBoxFocus:g})},t.createElement(A.TextArea,{style:{resize:"none",height:120,wordBreak:"break-all"},maxLength:m,onKeyDownCapture:e=>{e.stopPropagation()},onKeyUpCapture:e=>{e.stopPropagation()},onChange:e=>{o(e.target.value),s(e.target.value.length)},onFocus:e=>x(!0),onBlur:e=>{w(e),x(!1)},value:a,onKeyDown:N,className:l?"warning":""}),t.createElement("div",{className:"textAreaFooter"},t.createElement("span",{className:"wordCount"},t.createElement("span",{className:p>m||l?"warning":""},p),"/",t.createElement("span",null,m))))))};export{L as default};
+import{TEXT_ATTRIBUTE_MAX_LENGTH as m}from"../../../../data/enums/ToolType.js";import{TextUtils as C}from"../../../../utils/TextUtils.js";import{Tooltip as _,message as i,Input as k}from"antd/es";import t,{useState as r,useEffect as E}from"react";import A from"../../../../assets/annotation/common/icon_clearSmall_a.svg.js";import I from"../../../../assets/annotation/common/icon_clearSmall.svg.js";import{classnames as T}from"../../../../utils/index.js";import{useTranslation as F}from"react-i18next";const L=v=>{const{t:n}=F(),{onChange:o,textValue:a,checkString:u,textCheckType:d}=v,[p,s]=r(0),[l,c]=r(!1),[g,x]=r(!1),[h,f]=r(!1),y=t.createElement("a",null,t.createElement(_,{placement:"bottom",title:n("EmptyTextInput")},t.createElement("img",{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),style:{marginLeft:6},src:h?A:I,onClick:e=>{e.stopPropagation(),o("")}}))),N=e=>{e.stopPropagation()};E(()=>{a&&s(a.length)},[]),E(()=>{var e;if(a===void 0||a==="")c(!1);else try{a&&c(!new RegExp(u).test(a))}catch(j){c(!0),i.destroy(),i.error(n("RegularExpIncorrectly"))}s((e=a==null?void 0:a.length)!=null?e:0)},[a]);const w=e=>{if(l||!new RegExp(u).test(e.target.value))return o(""),i.error(C.getErrorNotice(d)),!0;o(e.target.value,!0)};return t.createElement("div",{className:"textInputContainer"},t.createElement("div",{className:"label"},n("TextInput"),y),t.createElement("div",{className:T({textareaContainer:!0,focus:g})},t.createElement("div",{className:T({toolTextAreaBox:!0,toolTextAreaBoxFocus:g})},t.createElement(k.TextArea,{style:{resize:"none",height:120,wordBreak:"break-all"},maxLength:m,onKeyDownCapture:e=>{e.stopPropagation()},onKeyUpCapture:e=>{e.stopPropagation()},onChange:e=>{o(e.target.value),s(e.target.value.length)},onFocus:e=>x(!0),onBlur:e=>{w(e),x(!1)},value:a,onKeyDown:N,className:l?"warning":""}),t.createElement("div",{className:"textAreaFooter"},t.createElement("span",{className:"wordCount"},t.createElement("span",{className:p>m||l?"warning":""},p),"/",t.createElement("span",null,m))))))};export{L as default};

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

@@ -1 +1 @@
-import o,{useState as u,useEffect as h,useRef as I}from"react";import{connect as M}from"react-redux";import{cloneDeep as z}from"lodash";import{classnames as S}from"../../../../utils/index.js";import{Switch as W,Input as J}from"antd/es";import{cKeyCode as G,cTool as H}from"@labelbee/lb-annotation";import{PageForward as Q}from"../../../../store/annotation/actionCreators.js";import{ConfigUtils as X}from"../../../../utils/ConfigUtils.js";import{useTranslation as A}from"react-i18next";import{LabelBeeContext as Y}from"../../../../store/ctx.js";var Z=Object.defineProperty,K=Object.getOwnPropertySymbols,ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable,$=(e,t,r)=>t in e?Z(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ne=(e,t)=>{for(var r in t||(t={}))ee.call(t,r)&&$(e,r,t[r]);if(K)for(var r of K(t))te.call(t,r)&&$(e,r,t[r]);return e};const j=G.default,{EVideoToolName:oe}=H,V=e=>{e.stopPropagation(),e.nativeEvent.stopPropagation(),e.nativeEvent.stopImmediatePropagation()},D=e=>{const{textareaProps:t,footer:r}=e;return o.createElement(o.Fragment,null,o.createElement(J.TextArea,ne({key:`${t.id}-${t.defaultValue}`,bordered:!1,rows:6,onKeyDown:V,onKeyUp:V},t)),o.createElement("div",{className:S({textAreaLength:!0})},r))},q=e=>{var t;const r=I(null),[E,m]=u(!1),[N,P]=u(!1),{t:w}=A(),{disabled:s,config:i,result:f,updateText:p,index:d,switchToNextTextarea:y,hasMultiple:L,onNext:b}=e,{maxLength:g}=i,c=f?f[i.key]:"",[C,_]=u((t=c==null?void 0:c.length)!=null?t:0);h(()=>{var n;_((n=c==null?void 0:c.length)!=null?n:0)},[c]);const v=(n,T)=>{p&&(p(n,i.key,T),i.required&&P(!n))},x=L&&y,k={id:`textInput-${d}`,ref:r,disabled:s,defaultValue:c,maxLength:g,autoSize:{minRows:2,maxRows:6},onChange:n=>{const T=n.target.value;_(n.target.value.length),v(T,!1)},onFocus:()=>{m(!0)},onBlur:n=>{m(!1),v(n.target.value,!0),i.required&&P(!n.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:n=>{n.ctrlKey&&n.keyCode===j.Enter&&(b&&b(),n.preventDefault()),n.keyCode===j.Tab&&x&&(n.preventDefault(),n.nativeEvent.stopImmediatePropagation(),y(d)),n.nativeEvent.stopPropagation()}},F=o.createElement("div",{className:"textAreaFooter"},o.createElement("div",{className:"hotkeyTip"},x&&o.createElement("span",null,`[${w("Switch")}]Tab`),o.createElement("span",null,`[${w("TurnPage")}]Ctrl+Enter`)),o.createElement("div",{className:"wordCount"},o.createElement("span",{className:C>=g?"warning":""},C),"/",o.createElement("span",null,g)));return h(()=>{s&&m(!1)},[s]),o.createElement("div",{className:"textField"},o.createElement("div",{className:"label"},o.createElement("span",{className:S({required:i.required})},i.label),o.createElement("i",{className:S({clearText:!0,disabled:s}),onClick:()=>{s||v("",!0)}})),o.createElement("div",{className:S({disabled:s,"textarea-outline":!0,"ant-input-focused":E,textareaContainer:!0,focus:E,invalid:N})},o.createElement(D,{footer:F,textareaProps:k})))},ae=({toolInstance:e,imgIndex:t,dispatch:r,triggerEventAfterIndexChanged:E,step:m,stepList:N,basicResultList:P,disabled:w})=>{var s,i,f,p;const[d,y]=u([]),[L,b]=u(0),[g,c]=u(!0),[,C]=u(0),{t:_}=A(),v=a=>{const l=(a+1)%d.length;x(l)},x=a=>{setTimeout(()=>{const l=document.getElementById(`textInput-${a}`);l&&(b(a),l.focus(),l.select(),l.scrollIntoView({behavior:"smooth",block:"center"}))})};h(()=>{e&&e.singleOn("valueUpdated",()=>{C(a=>a+1)})},[e]),h(()=>{var a;e&&y(z((a=e==null?void 0:e.config)==null?void 0:a.configList))},[JSON.stringify((s=e==null?void 0:e.config)==null?void 0:s.configList)]);const k=(p=(f=(i=e==null?void 0:e.textList)==null?void 0:i[0])==null?void 0:f.value)!=null?p:{},F=(a,l,U=!1)=>{var O,R;(R=e==null?void 0:e.updateTextValue)==null||R.call(e,l,a,U,(O=e==null?void 0:e.textList)==null?void 0:O[0])};h(()=>{t>-1&&E&&x(0)},[t]);const n=()=>{r(Q(!0))},T=a=>{c(a),e==null||e.toggleShowText(a)},B=X.getStepConfig(N,m).tool===oe.VideoTextTool;return e&&o.createElement("div",{className:"textToolOperationMenu"},d.map((a,l)=>o.createElement(q,{config:a,key:a.key,index:l,result:k,updateText:F,switchToNextTextarea:v,hasMultiple:d.length>1,focus:L===l,onNext:n,disabled:w})),B&&o.createElement("div",{className:"textToolSwitchItem"},_("toggleShowText"),o.createElement(W,{style:{alignSelf:"center"},checked:g,onChange:a=>{T(a)}})))};function re(e){return{toolInstance:e.annotation.toolInstance,imgIndex:e.annotation.imgIndex,step:e.annotation.step,basicResultList:e.annotation.basicResultList,stepList:e.annotation.stepList,triggerEventAfterIndexChanged:e.annotation.triggerEventAfterIndexChanged}}var le=M(re,null,null,{context:Y})(ae);export{q as SingleTextInput,D as TextareaWithFooter,le as default};
+import o,{useState as u,useEffect as h,useRef as I}from"react";import{connect as M}from"react-redux";import{cloneDeep as z}from"lodash";import{classnames as S}from"../../../../utils/index.js";import{Switch as W,Input as J}from"antd/es";import{cKeyCode as G,cTool as H}from"@labelbee/lb-annotation";import{PageForward as Q}from"../../../../store/annotation/actionCreators.js";import{ConfigUtils as X}from"../../../../utils/ConfigUtils.js";import{useTranslation as A}from"react-i18next";import{LabelBeeContext as Y}from"../../../../store/ctx.js";var Z=Object.defineProperty,K=Object.getOwnPropertySymbols,ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable,$=(e,t,r)=>t in e?Z(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ne=(e,t)=>{for(var r in t||(t={}))ee.call(t,r)&&$(e,r,t[r]);if(K)for(var r of K(t))te.call(t,r)&&$(e,r,t[r]);return e};const j=G.default,{EVideoToolName:oe}=H,V=e=>{e.stopPropagation(),e.nativeEvent.stopPropagation(),e.nativeEvent.stopImmediatePropagation()},D=e=>{const{textareaProps:t,footer:r}=e;return o.createElement(o.Fragment,null,o.createElement(J.TextArea,ne({key:`${t.id}-${t.defaultValue}`,bordered:!1,rows:6,onKeyDown:V,onKeyUp:V},t)),o.createElement("div",{className:S({textAreaLength:!0})},r))},q=e=>{var t;const r=I(null),[E,f]=u(!1),[N,P]=u(!1),{t:w}=A(),{disabled:s,config:i,result:m,updateText:p,index:d,switchToNextTextarea:y,hasMultiple:L,onNext:b}=e,{maxLength:g}=i,c=m?m[i.key]:"",[_,C]=u((t=c==null?void 0:c.length)!=null?t:0);h(()=>{var n;C((n=c==null?void 0:c.length)!=null?n:0)},[c]);const v=(n,T)=>{p&&(p(n,i.key,T),i.required&&P(!n))},x=L&&y,k={id:`textInput-${d}`,ref:r,disabled:s,defaultValue:c,maxLength:g,autoSize:{minRows:2,maxRows:6},onChange:n=>{const T=n.target.value;C(n.target.value.length),v(T,!1)},onFocus:()=>{f(!0)},onBlur:n=>{f(!1),v(n.target.value,!0),i.required&&P(!n.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:n=>{n.ctrlKey&&n.keyCode===j.Enter&&(b&&b(),n.preventDefault()),n.keyCode===j.Tab&&x&&(n.preventDefault(),n.nativeEvent.stopImmediatePropagation(),y(d)),n.nativeEvent.stopPropagation()}},F=o.createElement("div",{className:"textAreaFooter"},o.createElement("div",{className:"hotkeyTip"},x&&o.createElement("span",null,`[${w("Switch")}]Tab`),o.createElement("span",null,`[${w("TurnPage")}]Ctrl+Enter`)),o.createElement("div",{className:"wordCount"},o.createElement("span",{className:_>=g?"warning":""},_),"/",o.createElement("span",null,g)));return h(()=>{s&&f(!1)},[s]),o.createElement("div",{className:"textField"},o.createElement("div",{className:"label"},o.createElement("span",{className:S({required:i.required})},i.label),o.createElement("i",{className:S({clearText:!0,disabled:s}),onClick:()=>{s||v("",!0)}})),o.createElement("div",{className:S({disabled:s,"textarea-outline":!0,"ant-input-focused":E,textareaContainer:!0,focus:E,invalid:N})},o.createElement(D,{footer:F,textareaProps:k})))},ae=({toolInstance:e,imgIndex:t,dispatch:r,triggerEventAfterIndexChanged:E,step:f,stepList:N,basicResultList:P,disabled:w})=>{var s,i,m,p;const[d,y]=u([]),[L,b]=u(0),[g,c]=u(!0),[,_]=u(0),{t:C}=A(),v=a=>{const l=(a+1)%d.length;x(l)},x=a=>{setTimeout(()=>{const l=document.getElementById(`textInput-${a}`);l&&(b(a),l.focus(),l.select(),l.scrollIntoView({behavior:"smooth",block:"center"}))})};h(()=>{e&&e.singleOn("valueUpdated",()=>{_(a=>a+1)})},[e]),h(()=>{var a;e&&y(z((a=e==null?void 0:e.config)==null?void 0:a.configList))},[JSON.stringify((s=e==null?void 0:e.config)==null?void 0:s.configList)]);const k=(p=(m=(i=e==null?void 0:e.textList)==null?void 0:i[0])==null?void 0:m.value)!=null?p:{},F=(a,l,U=!1)=>{var O,R;(R=e==null?void 0:e.updateTextValue)==null||R.call(e,l,a,U,(O=e==null?void 0:e.textList)==null?void 0:O[0])};h(()=>{t>-1&&E&&x(0)},[t]);const n=()=>{r(Q(!0))},T=a=>{c(a),e==null||e.toggleShowText(a)},B=X.getStepConfig(N,f).tool===oe.VideoTextTool;return e&&o.createElement("div",{className:"textToolOperationMenu"},d.map((a,l)=>o.createElement(q,{config:a,key:a.key,index:l,result:k,updateText:F,switchToNextTextarea:v,hasMultiple:d.length>1,focus:L===l,onNext:n,disabled:w})),B&&o.createElement("div",{className:"textToolSwitchItem"},C("toggleShowText"),o.createElement(W,{style:{alignSelf:"center"},checked:g,onChange:a=>{T(a)}})))};function re(e){return{toolInstance:e.annotation.toolInstance,imgIndex:e.annotation.imgIndex,step:e.annotation.step,basicResultList:e.annotation.basicResultList,stepList:e.annotation.stepList,triggerEventAfterIndexChanged:e.annotation.triggerEventAfterIndexChanged}}var le=M(re,null,null,{context:Y})(ae);export{q as SingleTextInput,D as TextareaWithFooter,le as default};

package/es/views/MainView/sidebar/ToolIcons.js

@@ -1 +1 @@
-import{EToolName as e}from"../../../data/enums/ToolType.js";import t from"react";import{sidebarCls as s}from"./index.js";import p from"../../../assets/annotation/lineTool/icon_line.svg.js";import v from"../../../assets/annotation/lineTool/icon_line_a.svg.js";import _ from"../../../assets/annotation/pointTool/icon_point.svg.js";import d from"../../../assets/annotation/pointTool/icon_point_a.svg.js";import N from"../../../assets/annotation/polygonTool/icon_polygon_a.svg.js";import T from"../../../assets/annotation/polygonTool/icon_polygon.svg.js";import u from"../../../assets/annotation/rectTool/icon_rect.svg.js";import f from"../../../assets/annotation/rectTool/icon_rect_a.svg.js";import{cTool as S}from"@labelbee/lb-annotation";import $ from"classnames";import{useTranslation as j}from"react-i18next";const{EPointCloudName:E,TOOL_NAME:y,TOOL_NAME_EN:O}=S,m=[{toolName:e.Rect,commonSvg:u,selectedSvg:f},{toolName:e.Polygon,commonSvg:T,selectedSvg:N},{toolName:e.Line,commonSvg:p,selectedSvg:v},{toolName:e.Point,commonSvg:_,selectedSvg:d}],P=n=>n==="en"?O:y,L=({toolName:n,selectedToolName:r,onChange:l})=>{const{i18n:c}=j(),i=m==null?void 0:m.filter(o=>n===E.PointCloud?[e.Polygon,e.Rect,e.Point,e.Line].includes(o==null?void 0:o.toolName):(o==null?void 0:o.toolName)===n),g=i.length>1;return t.createElement("div",{className:`${s}__level`},i.map(o=>{const a=g&&r===o.toolName;return t.createElement("span",{className:`${s}__toolOption`,key:o.toolName,onClick:()=>l==null?void 0:l(o.toolName)},t.createElement("img",{className:`${s}__singleTool`,src:a?o==null?void 0:o.selectedSvg:o==null?void 0:o.commonSvg}),t.createElement("span",{className:$({[`${s}__toolOption__selected`]:a})},P(c.language)[o.toolName]))}))};export{L as ToolIcons};
+import{EToolName as e}from"../../../data/enums/ToolType.js";import t from"react";import{sidebarCls as s}from"./index.js";import p from"../../../assets/annotation/lineTool/icon_line.svg.js";import _ from"../../../assets/annotation/lineTool/icon_line_a.svg.js";import v from"../../../assets/annotation/pointTool/icon_point.svg.js";import d from"../../../assets/annotation/pointTool/icon_point_a.svg.js";import u from"../../../assets/annotation/polygonTool/icon_polygon_a.svg.js";import N from"../../../assets/annotation/polygonTool/icon_polygon.svg.js";import T from"../../../assets/annotation/rectTool/icon_rect.svg.js";import f from"../../../assets/annotation/rectTool/icon_rect_a.svg.js";import{cTool as S}from"@labelbee/lb-annotation";import $ from"classnames";import{useTranslation as j}from"react-i18next";const{EPointCloudName:E,TOOL_NAME:y,TOOL_NAME_EN:O}=S,m=[{toolName:e.Rect,commonSvg:T,selectedSvg:f},{toolName:e.Polygon,commonSvg:N,selectedSvg:u},{toolName:e.Line,commonSvg:p,selectedSvg:_},{toolName:e.Point,commonSvg:v,selectedSvg:d}],P=n=>n==="en"?O:y,L=({toolName:n,selectedToolName:r,onChange:l})=>{const{i18n:c}=j(),i=m==null?void 0:m.filter(o=>n===E.PointCloud?[e.Polygon,e.Rect,e.Point,e.Line].includes(o==null?void 0:o.toolName):(o==null?void 0:o.toolName)===n),g=i.length>1;return t.createElement("div",{className:`${s}__level`},i.map(o=>{const a=g&&r===o.toolName;return t.createElement("span",{className:`${s}__toolOption`,key:o.toolName,onClick:()=>l==null?void 0:l(o.toolName)},t.createElement("img",{className:`${s}__singleTool`,src:a?o==null?void 0:o.selectedSvg:o==null?void 0:o.commonSvg}),t.createElement("span",{className:$({[`${s}__toolOption__selected`]:a})},P(c.language)[o.toolName]))}))};export{L as ToolIcons};

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

@@ -1 +1 @@
-import{prefix as F}from"../../../constant/index.js";import{EToolName as r}from"../../../data/enums/ToolType.js";import K from"../../../utils/StepUtils.js";import{Collapse as d}from"antd/es";import e,{useState as R}from"react";import{useTranslation as z}from"react-i18next";import D from"./AnnotationText/index.js";import G from"./ClearIcon/index.js";import U,{PointCloudOperation as N}from"./GeneralOperation/index.js";import q from"./ImgAttributeInfo/index.js";import H from"./SwitchAttributeList/index.js";import u,{expandIconFuc as j}from"./TagSidebar/index.js";import p from"./TextToolSidebar/index.js";import _ from"./PointCloudToolSidebar/index.js";import J from"./ToolStyle/index.js";import{cTool as Q}from"@labelbee/lb-annotation";import W from"./ScribbleSidebar/index.js";import{ToolIcons as X}from"./ToolIcons.js";import{useSelector as Y}from"../../../store/ctx.js";import{Tabs as $}from"antd";import{classnames as Z}from"../../../utils/index.js";import I from"../../../assets/annotation/common/icon_menu_fold.svg.js";import ee from"../../../components/LLMToolView/sidebar/index.js";import te from"../../../components/videoAnnotate/videoClipTool/components/annotatedList/index.js";const{EVideoToolName:f,EPointCloudName:ne}=Q,{Panel:L}=d,t=`${F}-sidebar`,oe=({sider:i,enableColorPicker:A,setSiderWidth:E,propsSiderWidth:re,checkMode:P})=>{const b=Y(o=>K.getCurrentStepInfo(o.annotation.step,o.annotation.stepList)),[s,w]=R(!0),n=b==null?void 0:b.tool,{t:x}=z();if(!n)return null;const V=o=>{const c=e.createElement(J,null);return e.createElement(L,{header:x("Style"),className:"panel",key:o},c)},T=e.createElement(X,{toolName:n,onChange:()=>{}}),a=e.createElement(H,null),S=e.createElement(D,null),g=e.createElement(d,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:j},V("1")),h=e.createElement(d,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:j},e.createElement(L,{header:e.createElement("div",null,x("Adjust"),e.createElement(G,null)),className:"panel",key:"imgAttribute"},e.createElement(q,null))),l=e.createElement(U,null),k=e.createElement(u,null),B=o=>e.createElement(p,{disabled:o}),v=e.createElement(W,{onChange:(o,c)=>{}}),C=e.createElement(te,null),y=e.createElement(ee,{checkMode:P}),m=e.createElement("div",{className:`${t}__horizontal`}),M=e.createElement(_,{enableColorPicker:A}),O=e.createElement(N,null);if(i)return typeof i=="function"?e.createElement("div",{className:`${t}`},i({toolIcon:T,attributeList:a,annotationText:S,toolStyle:g,imageAttributeInfo:h,operation:l,tagToolSideBar:k,textToolSideBar:B,horizontal:m,pointCloudToolSidebar:M,pointCloudOperation:O,scribbleSidebar:v,LLMSidebar:y,videoClipSidebar:C})):i;if([r.Rect,r.Point,r.Line,r.Rect,r.Polygon,r.Cuboid].includes(n))return e.createElement("div",{className:`${t}`},T,m,a,S,m,e.createElement("div",{className:`${t}__content`},g,h),l);if(n===r.Tag)return e.createElement("div",{className:`${t}`},e.createElement(u,null));if(n===f.VideoClipTool)return e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},C,a),l);if(n===f.VideoTagTool)return e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},e.createElement(u,null)),l);if(n===f.VideoTextTool)return e.createElement("div",{className:`${t}`},e.createElement(p,null));if(n===r.Text)return e.createElement("div",{className:`${t}`},"s",e.createElement(p,null));if(n===ne.PointCloud){const o=()=>{w(!s),E&&E(s?48:void 0)},c=e.createElement("div",{style:{width:"48px",height:"100%",display:"flex",justifyContent:"center",background:"#ffffff"}},e.createElement("span",{onClick:()=>o()},e.createElement("img",{style:{width:"16px",height:"16px",marginTop:"18px",cursor:"pointer",transform:"rotate(180deg)"},src:I})));return s?e.createElement($,{type:"card",activeKey:"1",className:Z({[`${t}`]:!0,[`${t}__pointCloud`]:!0}),tabBarExtraContent:{left:e.createElement("span",{onClick:()=>o(),style:{padding:"0px 4px"}},e.createElement("img",{style:{width:"16px",height:"16px",marginLeft:"4px",cursor:"pointer"},src:I}))}},e.createElement($.TabPane,{tab:"\u5DE5\u5177\u9762\u677F",key:"1",style:{height:"100%",display:"flex",flexDirection:"column"}},e.createElement("div",{className:`${t}__content`},e.createElement(_,null)),e.createElement(N,null))):c}return n===r.ScribbleTool?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},v,a),l):n===r.LLM?y:null};export{oe as default,t as sidebarCls};
+import{prefix as F}from"../../../constant/index.js";import{EToolName as r}from"../../../data/enums/ToolType.js";import K from"../../../utils/StepUtils.js";import{Collapse as d}from"antd/es";import e,{useState as R}from"react";import{useTranslation as z}from"react-i18next";import D from"./AnnotationText/index.js";import G from"./ClearIcon/index.js";import U,{PointCloudOperation as N}from"./GeneralOperation/index.js";import q from"./ImgAttributeInfo/index.js";import H from"./SwitchAttributeList/index.js";import u,{expandIconFuc as _}from"./TagSidebar/index.js";import p from"./TextToolSidebar/index.js";import j from"./PointCloudToolSidebar/index.js";import J from"./ToolStyle/index.js";import{cTool as Q}from"@labelbee/lb-annotation";import W from"./ScribbleSidebar/index.js";import{ToolIcons as X}from"./ToolIcons.js";import{useSelector as Y}from"../../../store/ctx.js";import{Tabs as $}from"antd";import{classnames as Z}from"../../../utils/index.js";import I from"../../../assets/annotation/common/icon_menu_fold.svg.js";import ee from"../../../components/LLMToolView/sidebar/index.js";import te from"../../../components/videoAnnotate/videoClipTool/components/annotatedList/index.js";const{EVideoToolName:f,EPointCloudName:ne}=Q,{Panel:L}=d,t=`${F}-sidebar`,oe=({sider:i,enableColorPicker:A,setSiderWidth:E,propsSiderWidth:re,checkMode:P})=>{const b=Y(o=>K.getCurrentStepInfo(o.annotation.step,o.annotation.stepList)),[s,w]=R(!0),n=b==null?void 0:b.tool,{t:x}=z();if(!n)return null;const V=o=>{const c=e.createElement(J,null);return e.createElement(L,{header:x("Style"),className:"panel",key:o},c)},T=e.createElement(X,{toolName:n,onChange:()=>{}}),a=e.createElement(H,null),S=e.createElement(D,null),g=e.createElement(d,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:_},V("1")),h=e.createElement(d,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:_},e.createElement(L,{header:e.createElement("div",null,x("Adjust"),e.createElement(G,null)),className:"panel",key:"imgAttribute"},e.createElement(q,null))),l=e.createElement(U,null),k=e.createElement(u,null),B=o=>e.createElement(p,{disabled:o}),v=e.createElement(W,{onChange:(o,c)=>{}}),C=e.createElement(te,null),y=e.createElement(ee,{checkMode:P}),m=e.createElement("div",{className:`${t}__horizontal`}),M=e.createElement(j,{enableColorPicker:A}),O=e.createElement(N,null);if(i)return typeof i=="function"?e.createElement("div",{className:`${t}`},i({toolIcon:T,attributeList:a,annotationText:S,toolStyle:g,imageAttributeInfo:h,operation:l,tagToolSideBar:k,textToolSideBar:B,horizontal:m,pointCloudToolSidebar:M,pointCloudOperation:O,scribbleSidebar:v,LLMSidebar:y,videoClipSidebar:C})):i;if([r.Rect,r.Point,r.Line,r.Rect,r.Polygon,r.Cuboid].includes(n))return e.createElement("div",{className:`${t}`},T,m,a,S,m,e.createElement("div",{className:`${t}__content`},g,h),l);if(n===r.Tag)return e.createElement("div",{className:`${t}`},e.createElement(u,null));if(n===f.VideoClipTool)return e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},C,a),l);if(n===f.VideoTagTool)return e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},e.createElement(u,null)),l);if(n===f.VideoTextTool)return e.createElement("div",{className:`${t}`},e.createElement(p,null));if(n===r.Text)return e.createElement("div",{className:`${t}`},"s",e.createElement(p,null));if(n===ne.PointCloud){const o=()=>{w(!s),E&&E(s?48:void 0)},c=e.createElement("div",{style:{width:"48px",height:"100%",display:"flex",justifyContent:"center",background:"#ffffff"}},e.createElement("span",{onClick:()=>o()},e.createElement("img",{style:{width:"16px",height:"16px",marginTop:"18px",cursor:"pointer",transform:"rotate(180deg)"},src:I})));return s?e.createElement($,{type:"card",activeKey:"1",className:Z({[`${t}`]:!0,[`${t}__pointCloud`]:!0}),tabBarExtraContent:{left:e.createElement("span",{onClick:()=>o(),style:{padding:"0px 4px"}},e.createElement("img",{style:{width:"16px",height:"16px",marginLeft:"4px",cursor:"pointer"},src:I}))}},e.createElement($.TabPane,{tab:"\u5DE5\u5177\u9762\u677F",key:"1",style:{height:"100%",display:"flex",flexDirection:"column"}},e.createElement("div",{className:`${t}__content`},e.createElement(j,null)),e.createElement(N,null))):c}return n===r.ScribbleTool?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},v,a),l):n===r.LLM?y:null};export{oe as default,t as sidebarCls};