npm - @labelbee/lb-components - Versions diffs - 1.24.0-alpha.1 → 1.24.0-alpha.11 - Mend

@labelbee/lb-components 1.24.0-alpha.1 → 1.24.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/assets/annotation/rectTool/three_points_rect.svg.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespace(React),_path,_path2,_path3,_path4,_path5,_path6;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}var SvgThreePointsRect=function(t){return React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M17 5h-1.571V3H17zm-3.143 0h-1.571V3h1.571zm-3.143 0H9.143V3h1.571zM7.571 5H6V3h1.571z"})),_path2||(_path2=React__namespace.createElement("path",{fill:"currentColor",d:"M17 17h-2v-2h2zm0-4h-2v-2h2zm0-4h-2V7h2zm0-4h-2V3h2z"})),_path3||(_path3=React__namespace.createElement("path",{fill:"currentColor",d:"M17 17h-1.571v-2H17zm-3.143 0h-1.571v-2h1.571zm-3.143 0H9.143v-2h1.571zm-3.143 0H6v-2h1.571zM6 2H2v4h4zM18 2h-4v4h4zM6 14H2v4h4z"})),_path4||(_path4=React__namespace.createElement("path",{fill:"currentColor",d:"M18 14h-4v4h4z"})),_path5||(_path5=React__namespace.createElement("path",{fill:"#fff",d:"M5 6H3v9h2z"})),_path6||(_path6=React__namespace.createElement("path",{fill:"currentColor",d:"M3 6h2v9H3zM15 3v2H5V3zM15 15v2H5v-2zM15 6h2v9h-2z"})))};exports.ReactComponent=SvgThreePointsRect;

package/dist/assets/annotation/rectTool/two_points_rect.svg.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespace(React),_path,_path2,_path3,_path4;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}var SvgTwoPointsRect=function(t){return React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},t),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M17 5h-1.571V3H17zm-3.143 0h-1.571V3h1.571zm-3.143 0H9.143V3h1.571zM7.571 5H6V3h1.571z"})),_path2||(_path2=React__namespace.createElement("path",{fill:"currentColor",d:"M17 17h-2v-2h2zm0-4h-2v-2h2zm0-4h-2V7h2zm0-4h-2V3h2z"})),_path3||(_path3=React__namespace.createElement("path",{fill:"currentColor",d:"M17 17h-1.571v-2H17zm-3.143 0h-1.571v-2h1.571zm-3.143 0H9.143v-2h1.571zm-3.143 0H6v-2h1.571z"})),_path4||(_path4=React__namespace.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6 2H2v4h1v11h11v1h4v-4h-1V3H6zm9 3H6v1H5v9h9v-1h1z",clipRule:"evenodd"})))};exports.ReactComponent=SvgTwoPointsRect;

package/dist/components/LLMMultiWheelView/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),index$4=require("../../constant/index.js"),reducer=require("../../store/annotation/reducer.js"),ctx=require("../../store/ctx.js"),index$5=require("../../utils/index.js"),reactRedux=require("react-redux"),index=require("../../store/LLMMultiWheel/index.js"),index$1=require("../../views/MainView/LLMMultiWheelLayout/index.js"),index$2=require("../LLMToolView/questionView/components/header/index.js"),index$3=require("./dialogView/index.js"),index$7=require("../messageMaskLayer/index.js"),index$8=require("../../views/MainView/annotationTips/index.js"),reactI18next=require("react-i18next"),index$6=require("../LLMToolView/questionView/index.js"),antd=require("antd"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t\|\|(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const LLMMultiWheelSourceView=e=>{const{questionIsImg:t,answerIsImg:n,LLMConfig:o,dialogList:c,lang:s="cn"}=e,{dataFormatType:u,setDataFormatType:i}=index();return React.useEffect(()=>{var r;s&&((r=lbUtils.i18n)==null\|\|r.changeLanguage(s))},[s]),React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement("div",{className:`${index$1.LLMMultiWheelViewCls}`},React__default.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},React__default.default.createElement(index$2.ToggleDataFormatType,{dataFormatType:u,setDataFormatType:i})),React__default.default.createElement("div",{className:`${index$1.LLMMultiWheelViewCls}-container`},c==null?void 0:c.map((r,d)=>React__default.default.createElement(index$3,__spreadProps(__spreadValues({},r),{key:d,index:d,questionIsImg:t,answerIsImg:n,LLMConfig:o}))))))},getInfoFromLLMFile=({type:e,questionIndex:t,answerIndex:n,llmFile:o})=>{if(e==="question")return o==null?void 0:o.find((s,u)=>t===u);let c=null;return o==null\|\|o.forEach((s,u)=>{var i;(i=s.answerList)==null\|\|i.forEach((r,d)=>{u===t&&n===d&&(c=r)})}),c},LLMMultiWheelView=e=>{var t,n;const{annotation:o,tips:c,showTips:s,drawLayerSlot:u}=e,{imgIndex:i,imgList:r,stepList:d,step:x,toolInstance:p}=o,[w,T]=React.useState(),{setSelectedID:D,newAnswerListMap:y}=index(),[O,q]=React.useState([]),M=((t=w==null?void 0:w.dataType)==null?void 0:t.prompt)===index$4.ELLMDataType.Picture,m=((n=w==null?void 0:w.dataType)==null?void 0:n.response)===index$4.ELLMDataType.Picture,{t:S}=reactI18next.useTranslation(),[,$]=React.useState(0);return React.useEffect(()=>{var a,v,f;if(!r[i])return;const _=(a=r[i])!=null?a:{},L=(f=(v=_==null?void 0:_.questionList)==null?void 0:v.textList)!=null?f:[];q(L),(L==null?void 0:L.length)&&D(L[0].id)},[i]),React.useEffect(()=>{var a,v;const f=(a=r[i])!=null?a:{},_=f==null?void 0:f.questionList,L=(v=f==null?void 0:f.llmFile)==null?void 0:v.textList,E=_==null?void 0:_.textList,C=E==null?void 0:E.map((l,j)=>{var P;return __spreadProps(__spreadValues({},l),{question:M&&getInfoFromLLMFile({type:"question",questionIndex:j,llmFile:L})\|\|(l==null?void 0:l.question),answerList:(P=l==null?void 0:l.answerList)==null?void 0:P.map((g,b)=>{var h,I,V;const W=`${(h=l==null?void 0:l.id)!=null?h:""}-${(I=g==null?void 0:g.id)!=null?I:""}`,A=m?getInfoFromLLMFile({type:"answer",questionIndex:j,answerIndex:b,llmFile:L})\|\|{}:{};return __spreadValues(__spreadProps(__spreadValues({},g),{answer:g.answer,newAnswer:(V=y[W])!=null?V:g.answer,order:b+1}),A)})})});q(C)},[y,M,m]),React.useEffect(()=>{var a;if(d&&x){const v=(a=reducer.getStepConfig(d,x))==null?void 0:a.config;T(index$5.jsonParser(v))}},[d,x]),React.useEffect(()=>{if(p)return p.on("validUpdated",()=>{$(a=>a+1)}),()=>{p.unbindAll("validUpdated")}},[p]),React__default.default.createElement(antd.Layout,{className:index$6.LLMViewCls},!(p==null?void 0:p.valid)&&React__default.default.createElement(index$7,{message:S("InvalidQuestionAndSkip")}),u==null?void 0:u({}),s===!0&&React__default.default.createElement(index$8,{tips:c}),React__default.default.createElement(LLMMultiWheelSourceView,{questionIsImg:M,answerIsImg:m,LLMConfig:w,dialogList:O}))},mapStateToProps=e=>({annotation:e.annotation});var LLMMultiWheelView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMMultiWheelView);exports.LLMMultiWheelSourceView=LLMMultiWheelSourceView,exports.default=LLMMultiWheelView$1;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),index$4=require("../../constant/index.js"),reducer=require("../../store/annotation/reducer.js"),ctx=require("../../store/ctx.js"),index$5=require("../../utils/index.js"),reactRedux=require("react-redux"),index=require("../../store/LLMMultiWheel/index.js"),index$1=require("../../views/MainView/LLMMultiWheelLayout/index.js"),index$2=require("../LLMToolView/questionView/components/header/index.js"),index$3=require("./dialogView/index.js"),index$7=require("../messageMaskLayer/index.js"),index$8=require("../../views/MainView/annotationTips/index.js"),reactI18next=require("react-i18next"),index$6=require("../LLMToolView/questionView/index.js"),antd=require("antd"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t\|\|(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const LLMMultiWheelSourceView=e=>{const{questionIsImg:t,answerIsImg:n,LLMConfig:o,dialogList:c,lang:s="cn"}=e,{dataFormatType:u,setDataFormatType:i}=index();return React.useEffect(()=>{var r;s&&((r=lbUtils.i18n)==null\|\|r.changeLanguage(s))},[s]),React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement("div",{className:`${index$1.LLMMultiWheelViewCls}`},React__default.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",margin:"10px"}},React__default.default.createElement(index$2.ToggleDataFormatType,{dataFormatType:u,setDataFormatType:i})),React__default.default.createElement("div",{className:`${index$1.LLMMultiWheelViewCls}-container`},c==null?void 0:c.map((r,d)=>React__default.default.createElement(index$3,__spreadProps(__spreadValues({},r),{key:d,index:d,questionIsImg:t,answerIsImg:n,LLMConfig:o}))))))},getInfoFromLLMFile=({type:e,questionIndex:t,answerIndex:n,llmFile:o})=>{if(e==="question")return o==null?void 0:o.find((s,u)=>t===u);let c=null;return o==null\|\|o.forEach((s,u)=>{var i;(i=s.answerList)==null\|\|i.forEach((r,d)=>{u===t&&n===d&&(c=r)})}),c},LLMMultiWheelView=e=>{var t,n;const{annotation:o,tips:c,showTips:s,drawLayerSlot:u}=e,{imgIndex:i,imgList:r,stepList:d,step:x,toolInstance:p}=o,[w,T]=React.useState(),{setSelectedID:D,newAnswerListMap:y}=index(),[O,q]=React.useState([]),m=((t=w==null?void 0:w.dataType)==null?void 0:t.prompt)===index$4.ELLMDataType.Picture,M=((n=w==null?void 0:w.dataType)==null?void 0:n.response)===index$4.ELLMDataType.Picture,{t:S}=reactI18next.useTranslation(),[,$]=React.useState(0);return React.useEffect(()=>{var a,v,f;if(!r[i])return;const _=(a=r[i])!=null?a:{},L=(f=(v=_==null?void 0:_.questionList)==null?void 0:v.textList)!=null?f:[];q(L),(L==null?void 0:L.length)&&D(L[0].id)},[i]),React.useEffect(()=>{var a,v;const f=(a=r[i])!=null?a:{},_=f==null?void 0:f.questionList,L=(v=f==null?void 0:f.llmFile)==null?void 0:v.textList,E=_==null?void 0:_.textList,C=E==null?void 0:E.map((l,j)=>{var P;return __spreadProps(__spreadValues({},l),{question:m&&getInfoFromLLMFile({type:"question",questionIndex:j,llmFile:L})\|\|(l==null?void 0:l.question),answerList:(P=l==null?void 0:l.answerList)==null?void 0:P.map((g,b)=>{var h,I,V;const W=`${(h=l==null?void 0:l.id)!=null?h:""}-${(I=g==null?void 0:g.id)!=null?I:""}`,A=M?getInfoFromLLMFile({type:"answer",questionIndex:j,answerIndex:b,llmFile:L})\|\|{}:{};return __spreadValues(__spreadProps(__spreadValues({},g),{answer:g.answer,newAnswer:(V=y[W])!=null?V:g.answer,order:b+1}),A)})})});q(C)},[y,m,M]),React.useEffect(()=>{var a;if(d&&x){const v=(a=reducer.getStepConfig(d,x))==null?void 0:a.config;T(index$5.jsonParser(v))}},[d,x]),React.useEffect(()=>{if(p)return p.on("validUpdated",()=>{$(a=>a+1)}),()=>{p.unbindAll("validUpdated")}},[p]),React__default.default.createElement(antd.Layout,{className:index$6.LLMViewCls},!(p==null?void 0:p.valid)&&React__default.default.createElement(index$7,{message:S("InvalidQuestionAndSkip")}),u==null?void 0:u({}),s===!0&&React__default.default.createElement(index$8,{tips:c}),React__default.default.createElement(LLMMultiWheelSourceView,{questionIsImg:m,answerIsImg:M,LLMConfig:w,dialogList:O}))},mapStateToProps=e=>({annotation:e.annotation});var LLMMultiWheelView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMMultiWheelView);exports.LLMMultiWheelSourceView=LLMMultiWheelSourceView,exports.default=LLMMultiWheelView$1;

package/dist/components/LLMMultiWheelView/sidebar/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),ctx=require("../../../store/ctx.js"),reactRedux=require("react-redux"),index$8=require("../../../constant/index.js"),reducer=require("../../../store/annotation/reducer.js"),index=require("../../../utils/index.js"),index$2=require("../../LLMToolView/sidebar/components/modelAnswerSort/index.js"),reactI18next=require("react-i18next"),annotation=require("../../../hooks/annotation.js"),_=require("lodash"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$3=require("../../LLMToolView/sidebar/index.js"),index$5=require("../../LLMToolView/sidebar/components/textInputBox/index.js"),antd=require("antd"),index$7=require("../../LLMToolView/sidebar/components/answerList/index.js"),index$1=require("../../../store/LLMMultiWheel/index.js"),StepUtils=require("../../../utils/StepUtils.js"),data=require("../../LLMToolView/utils/data.js"),ahooks=require("ahooks"),index$4=require("../../LLMToolView/sidebar/components/answerSort/index.js"),index$6=require("../../tagList/components/overall/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,s,d)=>s in r?__defProp(r,s,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[s]=d,__spreadValues=(r,s)=>{for(var d in s\|\|(s={}))__hasOwnProp.call(s,d)&&__defNormalProp(r,d,s[d]);if(__getOwnPropSymbols)for(var d of __getOwnPropSymbols(s))__propIsEnum.call(s,d)&&__defNormalProp(r,d,s[d]);return r},__spreadProps=(r,s)=>__defProps(r,__getOwnPropDescs(s));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$8.prefix}-sidebar`,initGlobalResult={sort:[],answerSort:{},textAttribute:[],tagList:{}},LLMMultiWheelToolSidebar=r=>{var s,d,N,B,k,W;const{annotation:re,dispatch:C,checkMode:oe}=r,{imgIndex:y,imgList:D,stepList:E,step:M,skipBeforePageTurning:h}=re,[u,le]=React.useState(),{t:m}=reactI18next.useTranslation(),o=(s=D[y])!=null?s:{},z=index.jsonParser(o==null?void 0:o.result),{toolInstanceRef:f}=annotation.useCustomToolInstance({basicInfo:z}),[$,ie]=React.useState(!0),[R,G]=React.useState({}),[p,K]=React.useState(initGlobalResult),I=React.useRef(),[x,O]=React.useState({}),{selectedID:A,setNewAnswerListMap:U,newAnswerListMap:Q}=index$1(),w=React.useMemo(()=>R[A],[A,R]),S=!f.current.valid\|\|oe;React.useEffect(()=>{var e;if(E&&M){const t=(e=reducer.getStepConfig(E,M))==null?void 0:e.config;le(index.jsonParser(t))}},[M,JSON.stringify(E)]),React.useEffect(()=>{!o\|\|y===-1\|\|(f.current.setValid=J,f.current.clearResult=ae,J(),H())},[y,u,o==null?void 0:o.id]);const ae=()=>{var e,t,n,l;H((e=o==null?void 0:o.questionList)==null?void 0:e.textList),((t=I.current)==null?void 0:t.clearValue)&&((n=I.current)==null\|\|n.clearValue());const{waitSorts:c}=index$2.getSorts({selectedSort:(l=L==null?void 0:L.sort)!=null?l:[],initSelected:[],modelList:q?T!=null?T:[]:[]});O(__spreadProps(__spreadValues({},x),{waitSorts:c,newSort:[]}))},J=e=>{var t;const n=e!=null?e:z.valid;_.isBoolean(n)&&(ie(n),f.current.valid=n,(t=f.current)==null\|\|t.emit("validUpdated"))},se=()=>{const e=StepUtils.getCurrentStepInfo(M,E);return data.getCurrentResultFromResultList(o==null?void 0:o.result,e.step)},L=React.useMemo(()=>se(),[M,E,o]),H=ahooks.useMemoizedFn(e=>{var t,n,l,c,i,g,j;const a=L;let b=(t=o==null?void 0:o.questionList)==null?void 0:t.textList;((n=a==null?void 0:a.modelData)==null?void 0:n.length)&&f.current.valid&&(b=a==null?void 0:a.modelData),e&&(b=e,a.sort=[],a.textAttribute=[],a.answerSort=[]);let te={};b==null\|\|b.forEach((v,we)=>{var ne;const Se=data.getRenderDataByResult(u,__spreadProps(__spreadValues({},v),{answerList:(ne=v==null?void 0:v.answerList)==null?void 0:ne.map((F,_e)=>(U(__spreadProps(__spreadValues({},Q),{[`${v.id}-${F.id}`]:F.answer})),__spreadProps(__spreadValues({},F),{order:_e+1})))}));te[v.id]=__spreadProps(__spreadValues({},Se),{order:we+1,id:v.id})});const{waitSorts:Le,newSort:ge}=index$2.getSorts({selectedSort:(l=L==null?void 0:L.sort)!=null?l:[],modelList:q?T!=null?T:[]:[]});O({waitSorts:Le,newSort:ge});const me=((c=u==null?void 0:u.inputList)==null?void 0:c.filter(v=>v==null?void 0:v.isOverall))\|\|[],xe=data.getTagResult(me,a==null?void 0:a.tagList);K({sort:(i=a==null?void 0:a.sort)!=null?i:[],textAttribute:(g=a==null?void 0:a.textAttribute)!=null?g:[],answerSort:(j=a==null?void 0:a.answerSort)!=null?j:{},tagList:xe}),G(te)});React.useEffect(()=>{ue()},[R,$,p]),React.useEffect(()=>(window.addEventListener("keydown",X),()=>{window.removeEventListener("keydown",X)}),[]);const ue=ahooks.useMemoizedFn(()=>{var e,t;const n=(t=(e=o==null?void 0:o.questionList)==null?void 0:e.textList)==null?void 0:t.map(c=>{var i;const g=(i=R[c.id])!=null?i:{};return{id:c.id,answerList:g.answerList}}),l=__spreadProps(__spreadValues({},p),{modelData:n});f.current.exportData=()=>[[l],{valid:$}],f.current.currentPageResult=__spreadProps(__spreadValues({},l),{toolName:lbAnnotation.EToolName.LLMMultiWheel,valid:$})}),X=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(h){h(()=>C(actionCreators.PageForward()));return}C(actionCreators.PageForward())}},de=ahooks.useMemoizedFn(({order:e,value:t,key:n})=>{const{answerList:l}=w,c=l==null?void 0:l.map(i=>{var g,j;if((i==null?void 0:i.order)===e){if(n==="textEdit"&&_.isString(t))return U(__spreadProps(__spreadValues({},Q),{[`${A}-${(g=i==null?void 0:i.id)!=null?g:""}`]:t})),__spreadProps(__spreadValues({},i),{newAnswer:t});if(_.isNumber(t))return __spreadProps(__spreadValues({},i),{score:t});if(_.isObject(t)&&n){const a={[t==null?void 0:t.key]:t.value},b=(j=i[n])!=null?j:{};return __spreadProps(__spreadValues({},i),{[n]:__spreadValues(__spreadValues({},b),a)})}}return i});G(i=>__spreadProps(__spreadValues({},i),{[A]:__spreadProps(__spreadValues({},w),{answerList:c})}))}),P=(e,t)=>{K(n=>__spreadProps(__spreadValues({},n),{[e]:t}))},{indicatorScore:Y=[],indicatorDetermine:Z=[],isTextEdit:ce,dialogSort:q=!1,inputList:V=[],tagInputListConfigurable:ee,enableSort:ve=!1}=u\|\|{},T=React.useMemo(()=>{var e,t,n;return q?(n=(t=(e=o==null?void 0:o.questionList)==null?void 0:e.textList)==null?void 0:t.map((l,c)=>__spreadProps(__spreadValues({},l),{title:c+1})))!=null?n:[]:[]},[o,q]);if(React.useMemo(()=>index$3.getLLMIsNoConfig(u),[u]))return React__default.default.createElement(index$3.EmptyConfig,null);const fe=ee&&((d=V.filter(e=>!e.isOverall))==null?void 0:d.length)>0,pe=(Z==null?void 0:Z.length)>0\|\|(Y==null?void 0:Y.length)>0\|\|ce\|\|fe;return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},m("GlobalAnnotation")),q&&React__default.default.createElement(index$4,{waitSortList:(x==null?void 0:x.waitSorts)\|\|[],sortList:(x==null?void 0:x.newSort)\|\|[],setSortList:e=>{const t=e.map(n=>n.map(l=>l.id));P("sort",t),O(__spreadProps(__spreadValues({},x),{newSort:e}))},disabeledAll:S,title:m("SortConversationQuality"),prefixId:"model"}),(u==null?void 0:u.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$5,{textAttribute:(N=p==null?void 0:p.textAttribute)!=null?N:[],textConfig:(u==null?void 0:u.text)&&_.isArray(u.text)?u==null?void 0:u.text:[],setText:e=>P("textAttribute",e),disabeledAll:S})),ve&&React__default.default.createElement(index$2.default,{modelData:(k=(B=o==null?void 0:o.questionList)==null?void 0:B.textList)!=null?k:[],selectedAnswerSort:e=>P("answerSort",e),selectedSort:(W=L==null?void 0:L.answerSort)!=null?W:[],ref:I,disabeledAll:S,imgIndex:y}),ee&&V.length&&React__default.default.createElement(index$6,{inputList:V,selectedTags:(p==null?void 0:p.tagList)\|\|{},updateValue:e=>{const{key:t,value:n}=e,l=(p==null?void 0:p.tagList)\|\|{};P("tagList",__spreadProps(__spreadValues({},l),{[t]:n}))},disabeledAll:S}),w&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},m("QualifiedAnnotation")),React__default.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Button,{type:"primary",danger:!0},m("Annotating")),React__default.default.createElement("div",{style:{padding:16}},m("Group"),"\uFF1A",w.order)),React__default.default.createElement("div",null,pe&&React__default.default.createElement(index$7,{list:(w==null?void 0:w.answerList)\|\|[],LLMConfig:u,updateValue:de,disabeledAll:S})))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(D==null?void 0:D.length)-1!==y&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(h){h(()=>C(actionCreators.PageForward()));return}C(actionCreators.PageForward())},disabled:S},m("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMMultiWheelToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMMultiWheelToolSidebar);module.exports=LLMMultiWheelToolSidebar$1;
1	+ "use strict";var React=require("react"),ctx=require("../../../store/ctx.js"),reactRedux=require("react-redux"),index$8=require("../../../constant/index.js"),reducer=require("../../../store/annotation/reducer.js"),index=require("../../../utils/index.js"),index$2=require("../../LLMToolView/sidebar/components/modelAnswerSort/index.js"),reactI18next=require("react-i18next"),annotation=require("../../../hooks/annotation.js"),_=require("lodash"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$3=require("../../LLMToolView/sidebar/index.js"),index$5=require("../../LLMToolView/sidebar/components/textInputBox/index.js"),antd=require("antd"),index$7=require("../../LLMToolView/sidebar/components/answerList/index.js"),index$1=require("../../../store/LLMMultiWheel/index.js"),StepUtils=require("../../../utils/StepUtils.js"),data=require("../../LLMToolView/utils/data.js"),ahooks=require("ahooks"),index$4=require("../../LLMToolView/sidebar/components/answerSort/index.js"),index$6=require("../../tagList/components/overall/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,u,d)=>u in r?__defProp(r,u,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[u]=d,__spreadValues=(r,u)=>{for(var d in u\|\|(u={}))__hasOwnProp.call(u,d)&&__defNormalProp(r,d,u[d]);if(__getOwnPropSymbols)for(var d of __getOwnPropSymbols(u))__propIsEnum.call(u,d)&&__defNormalProp(r,d,u[d]);return r},__spreadProps=(r,u)=>__defProps(r,__getOwnPropDescs(u));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$8.prefix}-sidebar`,initGlobalResult={sort:[],answerSort:{},textAttribute:[],tagList:{}},LLMMultiWheelToolSidebar=r=>{var u,d,N,B,k,W;const{annotation:oe,dispatch:C,checkMode:le}=r,{imgIndex:E,imgList:D,stepList:y,step:M,skipBeforePageTurning:h}=oe,[l,ie]=React.useState(),{t:x}=reactI18next.useTranslation(),o=(u=D[E])!=null?u:{},z=index.jsonParser(o==null?void 0:o.result),{toolInstanceRef:f}=annotation.useCustomToolInstance({basicInfo:z}),[$,ae]=React.useState(!0),[R,G]=React.useState({}),[p,K]=React.useState(initGlobalResult),I=React.useRef(),[m,O]=React.useState({}),{selectedID:A,setNewAnswerListMap:U,newAnswerListMap:Q}=index$1(),w=React.useMemo(()=>R[A],[A,R]),S=!f.current.valid\|\|le;React.useEffect(()=>{var e;if(y&&M){const t=(e=reducer.getStepConfig(y,M))==null?void 0:e.config;ie(index.jsonParser(t))}},[M,JSON.stringify(y)]),React.useEffect(()=>{!o\|\|E===-1\|\|(f.current.setValid=J,f.current.clearResult=se,J(),H())},[E,l,o==null?void 0:o.id]);const se=()=>{var e,t,n,i;H((e=o==null?void 0:o.questionList)==null?void 0:e.textList),((t=I.current)==null?void 0:t.clearValue)&&((n=I.current)==null\|\|n.clearValue());const{waitSorts:c}=index$2.getSorts({selectedSort:(i=L==null?void 0:L.sort)!=null?i:[],initSelected:[],modelList:q?P!=null?P:[]:[]});O(__spreadProps(__spreadValues({},m),{waitSorts:c,newSort:[]}))},J=e=>{var t;const n=e!=null?e:z.valid;_.isBoolean(n)&&(ae(n),f.current.valid=n,(t=f.current)==null\|\|t.emit("validUpdated"))},ue=()=>{const e=StepUtils.getCurrentStepInfo(M,y);return data.getCurrentResultFromResultList(o==null?void 0:o.result,e.step)},L=React.useMemo(()=>ue(),[M,y,o]),H=ahooks.useMemoizedFn(e=>{var t,n,i,c,a,g,j;const s=L;let b=(t=o==null?void 0:o.questionList)==null?void 0:t.textList;((n=s==null?void 0:s.modelData)==null?void 0:n.length)&&f.current.valid&&(b=s==null?void 0:s.modelData),e&&(b=e,s.sort=[],s.textAttribute=[],s.answerSort=[]);let ne={};b==null\|\|b.forEach((v,we)=>{var re;const Se=data.getRenderDataByResult(l,__spreadProps(__spreadValues({},v),{answerList:(re=v==null?void 0:v.answerList)==null?void 0:re.map((F,_e)=>((l==null?void 0:l.isTextEdit)&&U(__spreadProps(__spreadValues({},Q),{[`${v.id}-${F.id}`]:F.answer})),__spreadProps(__spreadValues({},F),{order:_e+1})))}));ne[v.id]=__spreadProps(__spreadValues({},Se),{order:we+1,id:v.id})});const{waitSorts:Le,newSort:ge}=index$2.getSorts({selectedSort:(i=L==null?void 0:L.sort)!=null?i:[],modelList:q?P!=null?P:[]:[]});O({waitSorts:Le,newSort:ge});const xe=((c=l==null?void 0:l.inputList)==null?void 0:c.filter(v=>v==null?void 0:v.isOverall))\|\|[],me=data.getTagResult(xe,s==null?void 0:s.tagList);K({sort:(a=s==null?void 0:s.sort)!=null?a:[],textAttribute:(g=s==null?void 0:s.textAttribute)!=null?g:[],answerSort:(j=s==null?void 0:s.answerSort)!=null?j:{},tagList:me}),G(ne)});React.useEffect(()=>{de()},[R,$,p]),React.useEffect(()=>(window.addEventListener("keydown",X),()=>{window.removeEventListener("keydown",X)}),[]);const de=ahooks.useMemoizedFn(()=>{var e,t;const n=(t=(e=o==null?void 0:o.questionList)==null?void 0:e.textList)==null?void 0:t.map(c=>{var a;const g=(a=R[c.id])!=null?a:{};return{id:c.id,answerList:g.answerList}}),i=__spreadProps(__spreadValues({},p),{modelData:n});f.current.exportData=()=>[[i],{valid:$}],f.current.currentPageResult=__spreadProps(__spreadValues({},i),{toolName:lbAnnotation.EToolName.LLMMultiWheel,valid:$})}),X=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(h){h(()=>C(actionCreators.PageForward()));return}C(actionCreators.PageForward())}},ce=ahooks.useMemoizedFn(({order:e,value:t,key:n})=>{const{answerList:i}=w,c=i==null?void 0:i.map(a=>{var g,j;if((a==null?void 0:a.order)===e){if(n==="textEdit"&&_.isString(t)&&ee)return U(__spreadProps(__spreadValues({},Q),{[`${A}-${(g=a==null?void 0:a.id)!=null?g:""}`]:t})),__spreadProps(__spreadValues({},a),{newAnswer:t});if(_.isNumber(t))return __spreadProps(__spreadValues({},a),{score:t});if(_.isObject(t)&&n){const s={[t==null?void 0:t.key]:t.value},b=(j=a[n])!=null?j:{};return __spreadProps(__spreadValues({},a),{[n]:__spreadValues(__spreadValues({},b),s)})}}return a});G(a=>__spreadProps(__spreadValues({},a),{[A]:__spreadProps(__spreadValues({},w),{answerList:c})}))}),T=(e,t)=>{K(n=>__spreadProps(__spreadValues({},n),{[e]:t}))},{indicatorScore:Y=[],indicatorDetermine:Z=[],isTextEdit:ee,dialogSort:q=!1,inputList:V=[],tagInputListConfigurable:te,enableSort:ve=!1}=l\|\|{},P=React.useMemo(()=>{var e,t,n;return q?(n=(t=(e=o==null?void 0:o.questionList)==null?void 0:e.textList)==null?void 0:t.map((i,c)=>__spreadProps(__spreadValues({},i),{title:c+1})))!=null?n:[]:[]},[o,q]);if(React.useMemo(()=>index$3.getLLMIsNoConfig(l),[l]))return React__default.default.createElement(index$3.EmptyConfig,null);const fe=te&&((d=V.filter(e=>!e.isOverall))==null?void 0:d.length)>0,pe=(Z==null?void 0:Z.length)>0\|\|(Y==null?void 0:Y.length)>0\|\|ee\|\|fe;return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},x("GlobalAnnotation")),q&&React__default.default.createElement(index$4,{waitSortList:(m==null?void 0:m.waitSorts)\|\|[],sortList:(m==null?void 0:m.newSort)\|\|[],setSortList:e=>{const t=e.map(n=>n.map(i=>i.id));T("sort",t),O(__spreadProps(__spreadValues({},m),{newSort:e}))},disabeledAll:S,title:x("SortConversationQuality"),prefixId:"model"}),(l==null?void 0:l.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$5,{textAttribute:(N=p==null?void 0:p.textAttribute)!=null?N:[],textConfig:(l==null?void 0:l.text)&&_.isArray(l.text)?l==null?void 0:l.text:[],setText:e=>T("textAttribute",e),disabeledAll:S})),ve&&React__default.default.createElement(index$2.default,{modelData:(k=(B=o==null?void 0:o.questionList)==null?void 0:B.textList)!=null?k:[],selectedAnswerSort:e=>T("answerSort",e),selectedSort:(W=L==null?void 0:L.answerSort)!=null?W:[],ref:I,disabeledAll:S,imgIndex:E}),te&&V.length&&React__default.default.createElement(index$6,{inputList:V,selectedTags:(p==null?void 0:p.tagList)\|\|{},updateValue:e=>{const{key:t,value:n}=e,i=(p==null?void 0:p.tagList)\|\|{};T("tagList",__spreadProps(__spreadValues({},i),{[t]:n}))},disabeledAll:S}),w&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},x("QualifiedAnnotation")),React__default.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Button,{type:"primary",danger:!0},x("Annotating")),React__default.default.createElement("div",{style:{padding:16}},x("Group"),"\uFF1A",w.order)),React__default.default.createElement("div",null,pe&&React__default.default.createElement(index$7,{list:(w==null?void 0:w.answerList)\|\|[],LLMConfig:l,updateValue:ce,disabeledAll:S})))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(D==null?void 0:D.length)-1!==E&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(h){h(()=>C(actionCreators.PageForward()));return}C(actionCreators.PageForward())},disabled:S},x("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMMultiWheelToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMMultiWheelToolSidebar);module.exports=LLMMultiWheelToolSidebar$1;

package/dist/components/attributeList/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icon_eyeLock_a=require("../../assets/attributeIcon/icon_eyeLock_a.svg.js"),icon_eyeLock_h=require("../../assets/attributeIcon/icon_eyeLock_h.svg.js"),Style=require("../../data/Style.js"),index$1=require("../colorTag/index.js"),es=require("antd/es"),React=require("react"),antd=require("antd"),index=require("../colorPalette/index.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),index$2=require("./components/limitPopover/index.js"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,g)=>{const L=React__default.default.useRef(),{t:v}=reactI18next.useTranslation(),k=e.list\|\|[],[y,c]=React.useState(!1),[h,R]=React.useState(void 0),[r,E]=React.useState([]);let d=[...ATTRIBUTE_COLORS];e.forbidDefault===!0&&(d=d.slice(1));let b="sensebee-radio-group";e.noHeightLimit&&(b="sensebee-radio-group-no-limit-height");const C=t=>{var l,o;if(!lbAnnotation.CommonToolUtils.hotkeyFilter(t)\|\|(e==null?void 0:e.forbidColor))return;let a=t.keyCode;e.forbidDefault===!0&&(a=a-1);let i;if(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])&&(i=e.list[a-48]),lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105])&&(i=e.list[a-96]),t.shiftKey&&i){if(!(e==null?void 0:e.attributeLockChange))return;s(t,i),t.preventDefault();return}(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])\|\|lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105]))&&((o=e==null?void 0:e.attributeChanged)==null\|\|o.call(e,(l=i==null?void 0:i.value)!=null?l:""))};React.useEffect(()=>(window.addEventListener("keydown",C),()=>window.removeEventListener("keydown",C)));const A=(t,l)=>{e.updateColorConfig&&e.updateColorConfig(t,l)},O=(t,l)=>{if(t.shiftKey&&(e==null?void 0:e.attributeLockChange)){s(t,l);return}e.attributeChanged(t.target.value)},S=~~___default~~.~~default.debounce~~(O,100),s=(t,l)=>{var o;if(e==null?void 0:e.forbidColor)return;const a=r.includes(l.value);let i=___default.default.cloneDeep(r);a?i=i.filter(n=>n!==l.value):i.push(l.value),E(i),(o=e==null?void 0:e.attributeLockChange)==null\|\|o.call(e,i),a\|\|antd.message.success(v("AttributeLockNotify",{label:l.label})),t.preventDefault()};return React__default.default.createElement("div",{className:b,style:e.style},React__default.default.createElement(es.Radio.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,ref:g},k.map((t,l)=>{var o,a,i;let n=(o=e==null?void 0:e.num)!=null?o:l;const q=(t==null?void 0:t.value)===(e==null?void 0:e.selectedAttribute);e.forbidDefault===!0&&typeof n=="number"&&n++,typeof n=="number"&&n<=9&&n>=0\|\|(n="-");let f=l>8&&!e.forbidDefault?Style.COLORS_ARRAY[(l-1)%Style.COLORS_ARRAY.length]:d[l%d.length];(t==null?void 0:t.color)&&(f=t.color);const{defaultSize:T,logicalCondition:m,sizeRange:w}=((a=t==null?void 0:t.limit)==null?void 0:a.sizeLimit)\|\|{},I=((i=t==null?void 0:t.limit)==null?void 0:i.positionLimit)\|\|T\|\|~~w\|\|~~(m==null?void 0:m.length)>0,D=q&&I&&e.forbidShowLimitPopover!==!0;return React__default.default.createElement(es.Radio,{value:t.value,ref:L,key:t.label+l,onClick:u=>S(u,t)},React__default.default.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&React__default.default.createElement(antd.Popover,{content:React__default.default.createElement(index,{defaultColor:f,setColor:u=>A(t.value,u)}),title:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,v("Palette")),React__default.default.createElement(icons.CloseOutlined,{onClick:()=>c(!1)})),visible:y~~&&h~~===l,onVisibleChange:u=>{!u\|\|c(u)}},React__default.default.createElement(index$1.ColorTag,{color:f,style:{cursor:"pointer",marginRight:"8px"},onClick:()=>{(e==null?void 0:e.enableColorPicker)&&(R(l),c(!0))}})),t.label),!(e==null?void 0:e.forbidColor)&&(e==null?void 0:e.attributeLockChange)&&React__default.default.createElement("img",{onClick:u=>s(u,t),src:r.includes(t.value)?icon_eyeLock_a:icon_eyeLock_h,style:{display:r.includes(t.value)?"inline-block":""},className:"sensebee-radio-icon"}),D&&React__default.default.createElement(index$2,{limit:t.limit,updateSize:e==null?void 0:e.updateSize}),React__default.default.createElement("span",{className:"sensebee-radio-num"},n))})))});exports.ATTRIBUTE_COLORS=ATTRIBUTE_COLORS,exports.default=AttributeList;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icon_eyeLock_a=require("../../assets/attributeIcon/icon_eyeLock_a.svg.js"),icon_eyeLock_h=require("../../assets/attributeIcon/icon_eyeLock_h.svg.js"),Style=require("../../data/Style.js"),index$1=require("../colorTag/index.js"),es=require("antd/es"),React=require("react"),antd=require("antd"),index=require("../colorPalette/index.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),index$2=require("./components/limitPopover/index.js"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation"),ahooks=require("ahooks");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,g)=>{const k=React__default.default.useRef(),{t:v}=reactI18next.useTranslation(),L=e.list\|\|[],[h,c]=React.useState(!1),[y,R]=React.useState(void 0),[r,E]=React.useState([]);let d=[...ATTRIBUTE_COLORS];e.forbidDefault===!0&&(d=d.slice(1));let b="sensebee-radio-group";e.noHeightLimit&&(b="sensebee-radio-group-no-limit-height");const A=t=>{var l,o;if(!lbAnnotation.CommonToolUtils.hotkeyFilter(t)\|\|(e==null?void 0:e.forbidColor))return;let a=t.keyCode;e.forbidDefault===!0&&(a=a-1);let i;if(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])&&(i=e.list[a-48]),lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105])&&(i=e.list[a-96]),t.shiftKey&&i){if(!(e==null?void 0:e.attributeLockChange))return;s(t,i),t.preventDefault();return}(lbAnnotation.MathUtils.isInRange(t.keyCode,[48,57])\|\|lbAnnotation.MathUtils.isInRange(t.keyCode,[96,105]))&&((o=e==null?void 0:e.attributeChanged)==null\|\|o.call(e,(l=i==null?void 0:i.value)!=null?l:""))},{run:C}=ahooks.useDebounceFn(A,{wait:200});React.useEffect(()=>(window.addEventListener("keydown",C),()=>window.removeEventListener("keydown",C)));const O=(t,l)=>{e.updateColorConfig&&e.updateColorConfig(t,l)},w=(t,l)=>{if(t.shiftKey&&(e==null?void 0:e.attributeLockChange)){s(t,l);return}e.attributeChanged(t.target.value)},{run:S}=ahooks.useDebounceFn(w,{wait:100}),s=(t,l)=>{var o;if(e==null?void 0:e.forbidColor)return;const a=r.includes(l.value);let i=___default.default.cloneDeep(r);a?i=i.filter(n=>n!==l.value):i.push(l.value),E(i),(o=e==null?void 0:e.attributeLockChange)==null\|\|o.call(e,i),a\|\|antd.message.success(v("AttributeLockNotify",{label:l.label})),t.preventDefault()};return React__default.default.createElement("div",{className:b,style:e.style},React__default.default.createElement(es.Radio.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,ref:g},L.map((t,l)=>{var o,a,i;let n=(o=e==null?void 0:e.num)!=null?o:l;const q=(t==null?void 0:t.value)===(e==null?void 0:e.selectedAttribute);e.forbidDefault===!0&&typeof n=="number"&&n++,typeof n=="number"&&n<=9&&n>=0\|\|(n="-");let f=l>8&&!e.forbidDefault?Style.COLORS_ARRAY[(l-1)%Style.COLORS_ARRAY.length]:d[l%d.length];(t==null?void 0:t.color)&&(f=t.color);const{defaultSize:D,logicalCondition:m,sizeRange:T}=((a=t==null?void 0:t.limit)==null?void 0:a.sizeLimit)\|\|{},I=((i=t==null?void 0:t.limit)==null?void 0:i.positionLimit)\|\|D\|\|T\|\|(m==null?void 0:m.length)>0,j=q&&I&&e.forbidShowLimitPopover!==!0;return React__default.default.createElement(es.Radio,{value:t.value,ref:k,key:t.label+l,onClick:u=>S(u,t)},React__default.default.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&React__default.default.createElement(antd.Popover,{content:React__default.default.createElement(index,{defaultColor:f,setColor:u=>O(t.value,u)}),title:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,v("Palette")),React__default.default.createElement(icons.CloseOutlined,{onClick:()=>c(!1)})),visible:h&&y===l,onVisibleChange:u=>{!u\|\|c(u)}},React__default.default.createElement(index$1.ColorTag,{color:f,style:{cursor:"pointer",marginRight:"8px"},onClick:()=>{(e==null?void 0:e.enableColorPicker)&&(R(l),c(!0))}})),t.label),!(e==null?void 0:e.forbidColor)&&(e==null?void 0:e.attributeLockChange)&&React__default.default.createElement("img",{onClick:u=>s(u,t),src:r.includes(t.value)?icon_eyeLock_a:icon_eyeLock_h,style:{display:r.includes(t.value)?"inline-block":""},className:"sensebee-radio-icon"}),j&&React__default.default.createElement(index$2,{limit:t.limit,updateSize:e==null?void 0:e.updateSize}),React__default.default.createElement("span",{className:"sensebee-radio-num"},n))})))});exports.ATTRIBUTE_COLORS=ATTRIBUTE_COLORS,exports.default=AttributeList;

package/dist/components/audioAnnotate/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),index$3=require("../audioPlayer/index.js"),dom=require("../../utils/dom.js"),index$4=require("../predictTracking/previewResult/index.js"),es=require("antd/es"),antd=require("antd"),index$5=require("../../constant/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index_module=require("./index.module.scss.js"),index$2=require("./tagResultShow/index.js"),index$1=require("./audioContext/index.js"),index$6=require("./textInput/index.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),ctx=require("../../store/ctx.js"),index=require("../../utils/index.js"),annotation=require("../../hooks/annotation.js"),index$7=require("../../views/MainView/sidebar/index.js"),index$8=require("./audioSide/labelSidebar/index.js"),index$9=require("./audioSide/clipSidebar/index.js"),tag=require("../../assets/annotation/audio/tag.svg.js"),tagA=require("../../assets/annotation/audio/tagA.svg.js"),clip=require("../../assets/annotation/audio/clip.svg.js"),clipA=require("../../assets/annotation/audio/clipA.svg.js"),audio=require("../../utils/audio.js"),dataTransform=require("./utils/dataTransform.js"),ahooks=require("ahooks");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,l,r)=>l in t?__defProp(t,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[l]=r,__spreadValues=(t,l)=>{for(var r in l\|\|(l={}))__hasOwnProp.call(l,r)&&__defNormalProp(t,r,l[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(l))__propIsEnum.call(l,r)&&__defNormalProp(t,r,l[r]);return t},__spreadProps=(t,l)=>__defProps(t,__getOwnPropDescs(l));const{EAudioToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ToggleAudioOption=({setSideTab:t,sideTab:l})=>{const r=[{tab:"tag",commonSvg:tag,selectedSvg:tagA},{tab:"clip",commonSvg:clip,selectedSvg:clipA}];return React__default.default.createElement("div",{className:index_module.toggleAudioOption},r.map((f,x)=>{const{tab:d,selectedSvg:E,commonSvg:_}=f;return React__default.default.createElement("div",{key:x,className:index_module.option},React__default.default.createElement("img",{className:index_module.icon,src:l===d?E:_,onClick:()=>{l!==d&&t(d)}}))}))},AudioTextToolTextarea=({result:t,inputDisabled:l,updateText:r,configList:f,autofocus:x,preContext:d,isCheck:E,clipAttributeConfigurable:_,clipTextConfigurable:A,textConfigurable:m,updateRegion:S,clipAttributeList:c,clipTextList:v})=>React__default.default.createElement("div",{className:index_module.textareaContainer},React__default.default.createElement("div",{className:index_module.textareaContent},React__default.default.createElement(index$6.default,{isCheck:E,result:t==null?void 0:t.value,textInputDisabled:l,textID:(t==null?void 0:t.id)\|\|0,updateText:r,configList:f,autofocus:!l&&x,preContext:d,regions:t==null?void 0:t.regions,clipAttributeConfigurable:_,clipTextConfigurable:A,textConfigurable:m,updateRegion:S,clipAttributeList:c,clipTextList:v}))),AudioSideBar=t=>{var l,r;const{sider:f,config:x,result:d,updateTagResult:E,updateRegion:_,isEdit:A,tagConfigurable:m,clipConfigurable:S}=t;let c=(x==null?void 0:x.inputList)\|\|[],v=(l=d==null?void 0:d.tag)!=null?l:{},s=(r=d==null?void 0:d.regions)!=null?r:[];const[D,j]=React.useState([]),[y,g]=React.useState("tag");React.useEffect(()=>{if(!m&&S){g("clip");return}g("tag")},[m,S]),React.useEffect(()=>(window.addEventListener("keydown",I),()=>{window.removeEventListener("keydown",I)}));const I=n=>{if(m&&S)switch(n.keyCode){case EKeyCode.L:g("tag");break;case EKeyCode.X:g("clip");break}if(y==="tag"){if(!lbAnnotation.CommonToolUtils.hotkeyFilter(n))return;lbAnnotation.CommonToolUtils.isMoveKey(n==null?void 0:n.keyCode)&&n.preventDefault();let o=n.keyCode;if(o&&(o<=57&&o>=49\|\|o<=105&&o>=97)){o>57?o=o-97:o=o-49;const R=D.slice();c.length===1?(T(0,o),j([0,o]),setTimeout(()=>{j([])},500)):R.length===1?(T(R[0],o),j([R[0],o]),setTimeout(()=>{j([])},500)):j([o])}}},T=(n,o)=>{if(n<c.length&&c[n].subSelected&&o<c[n].subSelected.length){const R=c[n].value,a=c[n].isMulti;let L=c[n].subSelected[o].value,M=0;const N=v;for(const b in v)if(b===c[n].value){if(M++,a===!0){const w=N[b].split(";").filter(U=>U!==""),p=w.indexOf(L);p===-1?w.push(L):w.splice(p,1),L=w.join(";")}L===""?delete N[b]:N[b]=L}M===0&&Object.assign(v,{[R]:L}),E(v)}},h=n=>{delete v[n],E(v)},O=m&&S&&React__default.default.createElement(ToggleAudioOption,{setSideTab:g,sideTab:y}),P=y==="tag"&&React__default.default.createElement(index$8.default,{labelInfoSet:m?c:[],labelSelectedList:D,setLabel:T,tagResult:v,clearResult:h,isEdit:A,withPanelTab:!1}),k=y==="clip"&&React__default.default.createElement(index$9,{regions:s,updateRegion:_,useAudioClipStore:index$1.useAudioClipStore});return f?typeof f=="function"?React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},f({toggleAudioOption:O,labelSidebar:P,clipSidebar:k})):f:React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},React__default.default.createElement("div",{className:`${index$7.sidebarCls}__content`},O,P,k))},AudioAnnotate=t=>{var l,r,f,x,d,E,_,A,m;const S=(r=(l=t.style)==null?void 0:l.sider)==null?void 0:r.width,{step:c,stepList:v,audioContext:s,sider:D,drawLayerSlot:j,imgList:y,imgIndex:g,currentData:I,config:T,stepInfo:h,checkMode:O}=t,P=lbAnnotation.CommonToolUtils.getCurrentStepToolAndConfig(c,v),k=index.jsonParser(I.result),{toolInstanceRef:n}=annotation.useCustomToolInstance({basicInfo:k}),[o,R]=React.useState(!0),[a,L]=React.useState(null),[M,N]=React.useState(0),[b,w]=React.useState(!0),p=e=>{if(!e)return;const i=dataTransform.fixData(e);L(i)};React.useEffect(()=>{R(!0)},[g]),React.useEffect(()=>{o===!1&&se()},[o]),React.useEffect(()=>{Z()},[]),React.useEffect(()=>{n.current.exportData=()=>[[a],{duration:M,valid:b}],n.current.setResult=ge,n.current.clearResult=pe,n.current.currentPageResult=a==null?void 0:a.regions,n.current.emit("updatePageNumber"),n.current.setSelectedRegion=U,n.current.setValid=me},[a,b]);const U=e=>{lbAnnotation.EventBus.emit("setSelectedRegion",{id:e,isLoopStatus:!0,playImmediately:!0})},Z=()=>{n.current.emit=e=>{const i=n.current.fns.get(e);i&&i.forEach(u=>{u&&(u==null\|\|u())})},n.current.fns=new Map,n.current.singleOn=(e,i)=>{n.current.fns.set(e,[i])},n.current.on=(e,i)=>{n.current.singleOn(e,i)},n.current.unbindAll=e=>{n.current.fns.delete(e)}},B=React.useMemo(()=>{const e=k[`step_${h==null?void 0:h.step}`];return(e==null?void 0:e.result)\|\|[]},[T,k,h]),{tagConfigurable:z,textConfigurable:F=!0,clipConfigurable:X=!1,clipAttributeConfigurable:G=!1,clipAttributeList:H=[],clipTextConfigurable:V=!1,subAttributeList:ee=[],secondaryAttributeConfigurable:te=!1,inputList:ne=[],configList:le=[],clipTextList:J=index$1.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=React.useMemo(()=>{if(P)return lbAnnotation.CommonToolUtils.jsonParser(P==null?void 0:P.config)},[P]),oe={clipConfigurable:X,clipAttributeConfigurable:G,clipAttributeList:H,clipTextConfigurable:V,subAttributeList:ee,secondaryAttributeConfigurable:te,clipTextList:J},ie=(x=(f=lbAnnotation.CommonToolUtils.jsonParser(I.result))==null?void 0:f.duration)!=null?x:0,ae=b?ie:0,re=!b\|\|o\|\|![F,V].includes(!0)\|\|O;let Q={};if(g!==-1&&(y==null?void 0:y.length)){const e=(d=y[g])==null?void 0:d.preResult,i=(s==null?void 0:s.isEdit)?(E=s==null?void 0:s.stepConfig)==null?void 0:E.loadPreStep:h==null?void 0:h.loadPreStep;if(e&&i){const u=lbAnnotation.CommonToolUtils.jsonParser(e),C=(A=(_=u==null?void 0:u.config)==null?void 0:_.context)!=null?A:{};Object.keys(C).forEach(q=>{q&&C[q]&&(Q[q]={visible:!0,content:C[q],type:q})})}}const se=()=>{(B==null?void 0:B.length)>0?p(B[0]):p({id:lbAnnotation.uuid(),sourceID:"",value:Y(),tag:ue(),regions:[]});const e=audio.isImageValue(y[g].result\|\|"[]");w(e)},Y=(e=!0)=>{const i={};let u=T.configList\|\|[];return u.length>0&&u.forEach(C=>{i[C.key]=e&&C.default\|\|""}),i},ue=()=>lbAnnotation.TagUtils.getDefaultResultByConfig(T.inputList\|\|[]),de=({duration:e,hasError:i})=>{(s==null?void 0:s.onLoaded)&&(s==null\|\|s.onLoaded()),R(!1),N(e)},ce=ahooks.useMemoizedFn(e=>{p(__spreadProps(__spreadValues({},a\|\|{}),{regions:((a==null?void 0:a.regions)\|\|[]).filter(i=>i.id!==e)}))}),K=ahooks.useMemoizedFn(e=>{var i;const u=(i=a==null?void 0:a.regions)!=null?i:[],{id:C}=e,q=u.find($=>$.id===C);let W=[];q?W=u.map($=>C===$.id?__spreadValues(__spreadValues({},$),e):$):W=[...u,e],p(__spreadProps(__spreadValues({},a),{regions:W}))}),fe=(e,i)=>{const u=__spreadProps(__spreadValues({},a),{value:__spreadProps(__spreadValues({},a.value),{[i]:e})});p(u)},ve=e=>{const i=__spreadProps(__spreadValues({},a),{tag:e});p(i)},ge=e=>{p(e)},pe=()=>{const e=__spreadProps(__spreadValues({},a),{value:Y(),tag:{},regions:[]});p(e),lbAnnotation.EventBus.emit("clearRegions")},me=e=>{w(e)};return React__default.default.createElement(index$1.AudioClipProvider,null,React__default.default.createElement(antd.Spin,{spinning:o,wrapperClassName:"audio-tool-spinner"},React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container"),style:{height:"100%",userSelect:"none"}},t==null?void 0:t.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement("div",{className:index_module.containerWrapper},React__default.default.createElement("div",{className:index_module.audioWrapper},z&&React__default.default.createElement(index$2,{result:a==null?void 0:a.tag,labelInfoSet:ne,hasPromptLayer:!!(s==null?void 0:s.promptLayer)}),s==null?void 0:s.promptLayer,React__default.default.createElement(index$3.AudioPlayer,__spreadValues({context:{isEdit:s==null?void 0:s.isEdit,count:ae,toolName:EAudioToolName.AudioTextTool,imgIndex:g},drawLayerSlot:j,fileData:I,onLoaded:de,invalid:!b,updateRegion:K,removeRegion:ce,regions:a==null?void 0:a.regions,activeToolPanel:s==null?void 0:s.activeToolPanel,footer:t.footer,isCheck:O},oe))),(F\|\|V)&&React__default.default.createElement(AudioTextToolTextarea,{preContext:Q,result:a,inputDisabled:re,updateText:fe,updateRegion:K,configList:le,autofocus:!1,textConfigurable:F,clipTextConfigurable:V,clipAttributeList:H,clipAttributeConfigurable:G,clipTextList:J,isCheck:O}))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:S!=null?S:240,style:(m=t.style)==null?void 0:m.sider},React__default.default.createElement(AudioSideBar,{sider:D,config:T,result:a,updateTagResult:ve,updateRegion:K,isEdit:s==null?void 0:s.isEdit,tagConfigurable:z,clipConfigurable:X})),React__default.default.createElement(index$4,null))))};var AudioAnnotate$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(AudioAnnotate);module.exports=AudioAnnotate$1;
1	+ "use strict";var React=require("react"),index$3=require("../audioPlayer/index.js"),dom=require("../../utils/dom.js"),index$4=require("../predictTracking/previewResult/index.js"),es=require("antd/es"),antd=require("antd"),index$5=require("../../constant/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index_module=require("./index.module.scss.js"),index$2=require("./tagResultShow/index.js"),index$1=require("./audioContext/index.js"),index$6=require("./textInput/index.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),ctx=require("../../store/ctx.js"),index=require("../../utils/index.js"),annotation=require("../../hooks/annotation.js"),index$7=require("../../views/MainView/sidebar/index.js"),index$8=require("./audioSide/labelSidebar/index.js"),index$9=require("./audioSide/clipSidebar/index.js"),tag=require("../../assets/annotation/audio/tag.svg.js"),tagA=require("../../assets/annotation/audio/tagA.svg.js"),clip=require("../../assets/annotation/audio/clip.svg.js"),clipA=require("../../assets/annotation/audio/clipA.svg.js"),audio=require("../../utils/audio.js"),dataTransform=require("./utils/dataTransform.js"),ahooks=require("ahooks");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,o,r)=>o in t?__defProp(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r,__spreadValues=(t,o)=>{for(var r in o\|\|(o={}))__hasOwnProp.call(o,r)&&__defNormalProp(t,r,o[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(o))__propIsEnum.call(o,r)&&__defNormalProp(t,r,o[r]);return t},__spreadProps=(t,o)=>__defProps(t,__getOwnPropDescs(o));const{EAudioToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ToggleAudioOption=({setSideTab:t,sideTab:o})=>{const r=[{tab:"tag",commonSvg:tag,selectedSvg:tagA},{tab:"clip",commonSvg:clip,selectedSvg:clipA}];return React__default.default.createElement("div",{className:index_module.toggleAudioOption},r.map((f,x)=>{const{tab:d,selectedSvg:E,commonSvg:C}=f;return React__default.default.createElement("div",{key:x,className:index_module.option},React__default.default.createElement("img",{className:index_module.icon,src:o===d?E:C,onClick:()=>{o!==d&&t(d)}}))}))},AudioTextToolTextarea=({result:t,inputDisabled:o,updateText:r,configList:f,autofocus:x,preContext:d,isCheck:E,clipAttributeConfigurable:C,clipTextConfigurable:A,textConfigurable:m,updateRegion:S,clipAttributeList:c,clipTextList:v})=>React__default.default.createElement(index$6.default,{isCheck:E,result:t==null?void 0:t.value,textInputDisabled:o,textID:(t==null?void 0:t.id)\|\|0,updateText:r,configList:f,autofocus:!o&&x,preContext:d,regions:t==null?void 0:t.regions,clipAttributeConfigurable:C,clipTextConfigurable:A,textConfigurable:m,updateRegion:S,clipAttributeList:c,clipTextList:v}),AudioSideBar=t=>{var o,r;const{sider:f,config:x,result:d,updateTagResult:E,updateRegion:C,isEdit:A,tagConfigurable:m,clipConfigurable:S}=t;let c=(x==null?void 0:x.inputList)\|\|[],v=(o=d==null?void 0:d.tag)!=null?o:{},s=(r=d==null?void 0:d.regions)!=null?r:[];const[D,j]=React.useState([]),[y,g]=React.useState("tag");React.useEffect(()=>{if(!m&&S){g("clip");return}g("tag")},[m,S]),React.useEffect(()=>(window.addEventListener("keydown",I),()=>{window.removeEventListener("keydown",I)}));const I=n=>{if(m&&S)switch(n.keyCode){case EKeyCode.L:g("tag");break;case EKeyCode.X:g("clip");break}if(y==="tag"){if(!lbAnnotation.CommonToolUtils.hotkeyFilter(n))return;lbAnnotation.CommonToolUtils.isMoveKey(n==null?void 0:n.keyCode)&&n.preventDefault();let l=n.keyCode;if(l&&(l<=57&&l>=49\|\|l<=105&&l>=97)){l>57?l=l-97:l=l-49;const R=D.slice();c.length===1?(T(0,l),j([0,l]),setTimeout(()=>{j([])},500)):R.length===1?(T(R[0],l),j([R[0],l]),setTimeout(()=>{j([])},500)):j([l])}}},T=(n,l)=>{if(n<c.length&&c[n].subSelected&&l<c[n].subSelected.length){const R=c[n].value,a=c[n].isMulti;let L=c[n].subSelected[l].value,M=0;const N=v;for(const b in v)if(b===c[n].value){if(M++,a===!0){const w=N[b].split(";").filter(U=>U!==""),p=w.indexOf(L);p===-1?w.push(L):w.splice(p,1),L=w.join(";")}L===""?delete N[b]:N[b]=L}M===0&&Object.assign(v,{[R]:L}),E(v)}},h=n=>{delete v[n],E(v)},O=m&&S&&React__default.default.createElement(ToggleAudioOption,{setSideTab:g,sideTab:y}),P=y==="tag"&&React__default.default.createElement(index$8.default,{labelInfoSet:m?c:[],labelSelectedList:D,setLabel:T,tagResult:v,clearResult:h,isEdit:A,withPanelTab:!1}),k=y==="clip"&&React__default.default.createElement(index$9,{regions:s,updateRegion:C,useAudioClipStore:index$1.useAudioClipStore});return f?typeof f=="function"?React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},f({toggleAudioOption:O,labelSidebar:P,clipSidebar:k})):f:React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},React__default.default.createElement("div",{className:`${index$7.sidebarCls}__content`},O,P,k))},AudioAnnotate=t=>{var o,r,f,x,d,E,C,A,m;const S=(r=(o=t.style)==null?void 0:o.sider)==null?void 0:r.width,{step:c,stepList:v,audioContext:s,sider:D,drawLayerSlot:j,imgList:y,imgIndex:g,currentData:I,config:T,stepInfo:h,checkMode:O}=t,P=lbAnnotation.CommonToolUtils.getCurrentStepToolAndConfig(c,v),k=index.jsonParser(I.result),{toolInstanceRef:n}=annotation.useCustomToolInstance({basicInfo:k}),[l,R]=React.useState(!0),[a,L]=React.useState(null),[M,N]=React.useState(0),[b,w]=React.useState(!0),p=e=>{if(!e)return;const i=dataTransform.fixData(e);L(i)};React.useEffect(()=>{R(!0)},[g]),React.useEffect(()=>{l===!1&&se()},[l]),React.useEffect(()=>{Z()},[]),React.useEffect(()=>{n.current.exportData=()=>[[a],{duration:M,valid:b}],n.current.setResult=ge,n.current.clearResult=pe,n.current.currentPageResult=a==null?void 0:a.regions,n.current.emit("updatePageNumber"),n.current.setSelectedRegion=U,n.current.setValid=me},[a,b]);const U=e=>{lbAnnotation.EventBus.emit("setSelectedRegion",{id:e,isLoopStatus:!0,playImmediately:!0})},Z=()=>{n.current.emit=e=>{const i=n.current.fns.get(e);i&&i.forEach(u=>{u&&(u==null\|\|u())})},n.current.fns=new Map,n.current.singleOn=(e,i)=>{n.current.fns.set(e,[i])},n.current.on=(e,i)=>{n.current.singleOn(e,i)},n.current.unbindAll=e=>{n.current.fns.delete(e)}},B=React.useMemo(()=>{const e=k[`step_${h==null?void 0:h.step}`];return(e==null?void 0:e.result)\|\|[]},[T,k,h]),{tagConfigurable:z,textConfigurable:F=!0,clipConfigurable:X=!1,clipAttributeConfigurable:G=!1,clipAttributeList:H=[],clipTextConfigurable:V=!1,subAttributeList:ee=[],secondaryAttributeConfigurable:te=!1,inputList:ne=[],configList:oe=[],clipTextList:J=index$1.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=React.useMemo(()=>{if(P)return lbAnnotation.CommonToolUtils.jsonParser(P==null?void 0:P.config)},[P]),le={clipConfigurable:X,clipAttributeConfigurable:G,clipAttributeList:H,clipTextConfigurable:V,subAttributeList:ee,secondaryAttributeConfigurable:te,clipTextList:J},ie=(x=(f=lbAnnotation.CommonToolUtils.jsonParser(I.result))==null?void 0:f.duration)!=null?x:0,ae=b?ie:0,re=!b\|\|l\|\|![F,V].includes(!0)\|\|O;let Q={};if(g!==-1&&(y==null?void 0:y.length)){const e=(d=y[g])==null?void 0:d.preResult,i=(s==null?void 0:s.isEdit)?(E=s==null?void 0:s.stepConfig)==null?void 0:E.loadPreStep:h==null?void 0:h.loadPreStep;if(e&&i){const u=lbAnnotation.CommonToolUtils.jsonParser(e),_=(A=(C=u==null?void 0:u.config)==null?void 0:C.context)!=null?A:{};Object.keys(_).forEach(q=>{q&&_[q]&&(Q[q]={visible:!0,content:_[q],type:q})})}}const se=()=>{(B==null?void 0:B.length)>0?p(B[0]):p({id:lbAnnotation.uuid(),sourceID:"",value:Y(),tag:ue(),regions:[]});const e=audio.isImageValue(y[g].result\|\|"[]");w(e)},Y=(e=!0)=>{const i={};let u=T.configList\|\|[];return u.length>0&&u.forEach(_=>{i[_.key]=e&&_.default\|\|""}),i},ue=()=>lbAnnotation.TagUtils.getDefaultResultByConfig(T.inputList\|\|[]),de=({duration:e,hasError:i})=>{(s==null?void 0:s.onLoaded)&&(s==null\|\|s.onLoaded()),R(!1),N(e)},ce=ahooks.useMemoizedFn(e=>{p(__spreadProps(__spreadValues({},a\|\|{}),{regions:((a==null?void 0:a.regions)\|\|[]).filter(i=>i.id!==e)}))}),K=ahooks.useMemoizedFn(e=>{var i;const u=(i=a==null?void 0:a.regions)!=null?i:[],{id:_}=e,q=u.find($=>$.id===_);let W=[];q?W=u.map($=>_===$.id?__spreadValues(__spreadValues({},$),e):$):W=[...u,e],p(__spreadProps(__spreadValues({},a),{regions:W}))}),fe=(e,i)=>{const u=__spreadProps(__spreadValues({},a),{value:__spreadProps(__spreadValues({},a.value),{[i]:e})});p(u)},ve=e=>{const i=__spreadProps(__spreadValues({},a),{tag:e});p(i)},ge=e=>{p(e)},pe=()=>{const e=__spreadProps(__spreadValues({},a),{value:Y(),tag:{},regions:[]});p(e),lbAnnotation.EventBus.emit("clearRegions")},me=e=>{w(e)};return React__default.default.createElement(index$1.AudioClipProvider,null,React__default.default.createElement(antd.Spin,{spinning:l,wrapperClassName:"audio-tool-spinner"},React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container"),style:{height:"100%",userSelect:"none"}},t==null?void 0:t.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement("div",{className:index_module.containerWrapper},React__default.default.createElement("div",{className:index_module.audioWrapper},z&&React__default.default.createElement(index$2,{result:a==null?void 0:a.tag,labelInfoSet:ne,hasPromptLayer:!!(s==null?void 0:s.promptLayer)}),s==null?void 0:s.promptLayer,React__default.default.createElement(index$3.AudioPlayer,__spreadValues({context:{isEdit:s==null?void 0:s.isEdit,count:ae,toolName:EAudioToolName.AudioTextTool,imgIndex:g},drawLayerSlot:j,fileData:I,onLoaded:de,invalid:!b,updateRegion:K,removeRegion:ce,regions:a==null?void 0:a.regions,activeToolPanel:s==null?void 0:s.activeToolPanel,footer:t.footer,isCheck:O},le))),(F\|\|V)&&React__default.default.createElement(AudioTextToolTextarea,{preContext:Q,result:a,inputDisabled:re,updateText:fe,updateRegion:K,configList:oe,autofocus:!1,textConfigurable:F,clipTextConfigurable:V,clipAttributeList:H,clipAttributeConfigurable:G,clipTextList:J,isCheck:O}))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:S!=null?S:240,style:(m=t.style)==null?void 0:m.sider},React__default.default.createElement(AudioSideBar,{sider:D,config:T,result:a,updateTagResult:ve,updateRegion:K,isEdit:s==null?void 0:s.isEdit,tagConfigurable:z,clipConfigurable:X})),React__default.default.createElement(index$4,null))))};var AudioAnnotate$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(AudioAnnotate);module.exports=AudioAnnotate$1;

package/dist/components/audioAnnotate/textInput/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),icons=require("@ant-design/icons"),index$2=require("../../../views/MainView/sidebar/TextToolSidebar/index.js"),audio=require("../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),classNames=require("classnames"),index=require("../audioContext/index.js"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next"),index$1=require("../../longText/index.js"),icon_clearSmall_a=require("../../../assets/annotation/common/icon_clearSmall_a.svg.js"),icon_clearSmall=require("../../../assets/annotation/common/icon_clearSmall.svg.js");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(l,u,n)=>u in l?__defProp(l,u,{enumerable:!0,configurable:!0,writable:!0,value:n}):l[u]=n,__spreadValues=(l,u)=>{for(var n in u\|\|(u={}))__hasOwnProp.call(u,n)&&__defNormalProp(l,n,u[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(u))__propIsEnum.call(u,n)&&__defNormalProp(l,n,u[n]);return l},__spreadProps=(l,u)=>__defProps(l,__getOwnPropDescs(u));const EKeyCode=lbAnnotation.cKeyCode.default,ClearIcon=({onClick:l,title:u,disabled:n})=>{const[T,o]=React.useState(!1);return React__default.default.createElement(antd.Tooltip,{placement:"bottom",title:u},React__default.default.createElement("img",{onMouseEnter:()=>{n\|\|o(!0)},onMouseLeave:()=>o(!1),className:classNames__default.default({[index_module.clearIcon]:!0,[index_module.disabled]:n}),src:T?icon_clearSmall_a:icon_clearSmall,onClick:l}))},SingleTextInput=l=>{var u;const{t:n}=reactI18next.useTranslation(),T=React.useRef(null),[o,y]=React.useState(!1),[_,E]=React.useState(!1),{disabled:s,config:i,result:A,updateText:v,index:x,switchToNextTextarea:L,hasMultiple:S,textID:F,addPlaceholder:p,onFocus:N,onBlur:h,onFocusStyle:C={},extra:b,errorText:I}=l,{maxLength:g}=i,w=A?A[i.key]:"",B=(u=w==null?void 0:w.length)!=null?u:0,k=a=>{v&&(v(a,i.key),i.required&&E(!a))},P=S&&L,f={id:`textInput-${x}`,ref:T,disabled:s,value:w,maxLength:g,autoSize:{minRows:2,maxRows:6},onChange:a=>{const d=a.target.value;k(d)},onFocus:a=>{y(!0),N==null\|\|N(a),a.target.value&&E(!1)},onBlur:a=>{y(!1),h==null\|\|h(a),i.required&&E(!a.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:a=>{const{keyCode:d}=a;if(a.ctrlKey){if(d===EKeyCode.Enter&&a.preventDefault(),p&&[EKeyCode.One,EKeyCode.Two,EKeyCode.Three].includes(d))switch(a.preventDefault(),d){case EKeyCode.One:p("\u4986");break;case EKeyCode.Two:p("\u652B");break;case EKeyCode.Three:p("\u7383");break}}else d===EKeyCode.Tab&&P?(a.preventDefault(),a.nativeEvent.stopImmediatePropagation(),L(x)):a.nativeEvent.stopPropagation()}},m=React__default.default.createElement("div",{className:index_module.textAreaFooter},React__default.default.createElement("div",{className:index_module.hotkeyTip},P&&React__default.default.createElement("span",null,"[",n("Switch"),"]Tab"),React__default.default.createElement("span",null,"[",n("TurnPage"),"]Ctrl+Enter")),React__default.default.createElement("div",{className:index_module.wordCount},React__default.default.createElement("span",{className:B>=g?index_module.warning:""},B),"/",React__default.default.createElement("span",null,g)));return React.useEffect(()=>{s&&y(!1)},[s]),React.useEffect(()=>{E(!1)},[F]),React__default.default.createElement("div",{className:index_module.textField},React__default.default.createElement("div",{className:index_module.label},React__default.default.createElement("div",{className:index_module.labelText},React__default.default.createElement("span",{className:classNames__default.default({[index_module.titleText]:!0,[index_module.required]:i.required})},React__default.default.createElement(index$1,{text:i.label,openByText:!0,isToolTips:!0})),React__default.default.createElement(ClearIcon,{onClick:()=>{s\|\|k("")},title:"",disabled:s})),React__default.default.createElement("div",{className:index_module.extra},b)),React__default.default.createElement("div",{className:classNames__default.default({disabled:s,"textarea-outline":!0,"ant-input-focused":o,[index_module.textareaContainer]:!0,[index_module.focus]:o,[index_module.invalid]:_}),style:o?C:{}},React__default.default.createElement(index$2.TextareaWithFooter,{footer:m,textareaProps:f})),I&&React__default.default.createElement("span",{style:{color:"#ff4d4f",lineHeight:"22px"}},I))},TextInput=l=>{const{configList:u,autofocus:n,textID:T,result:o,showText:y,updateText:_,toggleShowText:E,textInputDisabled:s,isCheck:i,isEdit:A,config:v,preContext:x,regions:L=[],textConfigurable:S=!0,clipTextConfigurable:F,clipAttributeConfigurable:p,updateRegion:N,clipAttributeList:h=[],clipTextList:C=index.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=l,{t:b}=reactI18next.useTranslation(),[I,g]=React.useState(0),[w,B]=React.useState(""),k=React.useRef(null),{audioClipState:P}=index.useAudioClipStore(),f=u\|\|[__spreadValues({},audio.DEFAULT_TEXT_CONFIG_ITEM)];let m=L;if(F&&!i){const e=P.selectedRegion.id;m=m.filter(t=>t.id===e)}const a=e=>{setTimeout(()=>{const t=document.getElementById(`textInput-${e}`);t&&(g(e),t.focus(),t.select(),t.scrollIntoView({behavior:"smooth",block:"center"}))})},d=e=>{const t=S?f.length:0,c=F?m.length*C.length:0,r=t+c,D=(e+1)%r;a(D)},H=e=>{e.keyCode===EKeyCode.Tab&&(e.preventDefault(),(f.length>0\|\|F&&C.length>0)&&a(0))},q=e=>{const t=document.getElementById(`textInput-${I}`);if(!(v==null?void 0:v.enablePlaceholderHotkey)\|\|!t\|\|!_)return;const{value:c,selectionStart:r,selectionEnd:D}=t,R=`${c.slice(0,r)}${e}${c.slice(D)}`;_(R,f[I].key),B(e),setTimeout(()=>{t.setSelectionRange(r+1,r+1),t.focus()},0),clearTimeout(k.current),k.current=setTimeout(()=>{B("")},400)};React.useEffect(()=>(A\|\|document.addEventListener("keydown",H),()=>{document.removeEventListener("keydown",H)}),[u]),React.useEffect(()=>{n&&!s&&a(0)},[T]);let O=f;i&&(O=f.filter(e=>(o==null?void 0:o[e.key])!==void 0));const W=React.useMemo(()=>C.reduce((e,t)=>(m.forEach(c=>{c&&e.push(__spreadProps(__spreadValues({},t),{clipTextResult:c}))}),e),[]),[C,m]);return React__default.default.createElement(React__default.default.Fragment,null,(v==null?void 0:v.enablePlaceholderHotkey)&&React__default.default.createElement("div",{className:index_module.placeholderHotkey},React__default.default.createElement("div",{className:index_module.title},"\u5360\u4F4D\u7B26\u5FEB\u6377\u8F93\u5165",React__default.default.createElement(antd.Tooltip,{overlayStyle:{maxWidth:240},title:React__default.default.createElement("div",null,React__default.default.createElement("div",null,"\u4986\uFF08Ctrl+1\uFF09\uFF1A"),React__default.default.createElement("div",{style:{marginBottom:12}},"\u6587\u5B57\u5F02\u5E38\uFF0C\u4F46\u53EA\u6839\u636E\u8FD9\u4E2A\u5B57\u7684\u5F62\u72B6\u5C31\u53EF\u4EE5\u731C\u51FA\u662F\u4EC0\u4E48\u5B57"),React__default.default.createElement("div",null,"\u652B\uFF08Ctrl+2\uFF09\uFF1A"),React__default.default.createElement("div",{style:{marginBottom:12}},"\u6587\u5B57\u5F02\u5E38\uFF0C\u4E14\u65E0\u6CD5\u6839\u636E\u5F62\u72B6\u731C\u5B57\uFF0C\u4F46\u80FD\u7ED3\u5408\u4E0A\u4E0B\u6587\u8BED\u4E49\u5224\u65AD\u51FA\u662F\u4EC0\u4E48\u5B57"),React__default.default.createElement("div",null,"\u7383\uFF08Ctrl+3\uFF09\uFF1A"),React__default.default.createElement("div",null,"\u5B8C\u5168\u65E0\u6CD5\u5224\u65AD\u662F\u4EC0\u4E48\u5B57")),placement:"bottom"},React__default.default.createElement(icons.QuestionCircleOutlined,{className:index_module.questionIcon}))),React__default.default.createElement(antd.Radio.Group,{value:w},React__default.default.createElement(antd.Radio.Button,{value:"\u4986",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u4986 (\u89C6\u89C9)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+1"))),React__default.default.createElement(antd.Radio.Button,{value:"\u652B",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u652B (\u8BED\u4E49)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+2"))),React__default.default.createElement(antd.Radio.Button,{value:"\u7383",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u7383 (\u65E0\u6548)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+3"))))),React__default.default.createElement("div",{className:index_module.textInputContainer},React__default.default.createElement(index.default,{audioContext:x==null?void 0:x.before}),S&&O.map((e,t)=>React__default.default.createElement(SingleTextInput,{config:e,key:t,index:t,result:o,updateText:_,switchToNextTextarea:d,hasMultiple:f.length>1,disabled:s,textID:T,addPlaceholder:q,onFocus:()=>g(t)})),F&&m.length>0&&W.map((e,t)=>{var c;const{clipTextResult:r}=e,{id:D,start:R,end:z,attribute:j}=r,{maxLength:U=3e3,label:K,key:G,required:X}=e,V=r==null?void 0:r[G],Q={[r.id]:V},J={label:`${K!=null?K:b("textTool")}\uFF08${audio.timeFormat(R,"ss.SSS")} - ${audio.timeFormat(z,"ss.SSS")}\uFF09`,key:D,maxLength:U},$=(S?O.length:0)+t,M=audio.getAttributeColor(j,h),Y={color:audio.getAttributeFontColor(j,h),backgroundColor:M},Z=b("LeastCharacterError",{num:1}),ee=X&&V.length<1?Z:void 0,te=(c=audio.getAttributeShowText(j,[{value:"",key:b("NoAttribute")},...h]))!=null?c:"";return React__default.default.createElement(SingleTextInput,{config:J,key:t,index:$,disabled:s,result:Q,updateText:ae=>{N==null\|\|N(__spreadProps(__spreadValues({},r),{[G]:ae}))},switchToNextTextarea:()=>{d($)},hasMultiple:!0,onFocus:()=>g($),onFocusStyle:p?{borderColor:M,boxShadow:`0 0 0 2px ${audio.updateColorOpacity(M,.4)}`}:{},extra:p?React__default.default.createElement("div",{style:Y,className:index_module.attribute},React__default.default.createElement(index$1,{text:te,openByText:!0,isToolTips:!0})):null,errorText:ee})}),React__default.default.createElement(index.default,{audioContext:x==null?void 0:x.after}),E&&React__default.default.createElement("div",{className:index_module.switchItem},b("toggleShowText"),React__default.default.createElement(antd.Switch,{style:{alignSelf:"center"},checked:y,onChange:e=>{E(e)}}))))};exports.ClearIcon=ClearIcon,exports.SingleTextInput=SingleTextInput,exports.default=TextInput;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),icons=require("@ant-design/icons"),index$2=require("../../../views/MainView/sidebar/TextToolSidebar/index.js"),audio=require("../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),classNames=require("classnames"),index=require("../audioContext/index.js"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next"),index$1=require("../../longText/index.js"),icon_clearSmall_a=require("../../../assets/annotation/common/icon_clearSmall_a.svg.js"),icon_clearSmall=require("../../../assets/annotation/common/icon_clearSmall.svg.js");function _interopDefaultLegacy(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(a,l,u)=>l in a?__defProp(a,l,{enumerable:!0,configurable:!0,writable:!0,value:u}):a[l]=u,__spreadValues=(a,l)=>{for(var u in l\|\|(l={}))__hasOwnProp.call(l,u)&&__defNormalProp(a,u,l[u]);if(__getOwnPropSymbols)for(var u of __getOwnPropSymbols(l))__propIsEnum.call(l,u)&&__defNormalProp(a,u,l[u]);return a},__spreadProps=(a,l)=>__defProps(a,__getOwnPropDescs(l));const EKeyCode=lbAnnotation.cKeyCode.default,ClearIcon=({onClick:a,title:l,disabled:u})=>{const[T,s]=React.useState(!1);return React__default.default.createElement(antd.Tooltip,{placement:"bottom",title:l},React__default.default.createElement("img",{onMouseEnter:()=>{u\|\|s(!0)},onMouseLeave:()=>s(!1),className:classNames__default.default({[index_module.clearIcon]:!0,[index_module.disabled]:u}),src:T?icon_clearSmall_a:icon_clearSmall,onClick:a}))},SingleTextInput=a=>{var l;const{t:u}=reactI18next.useTranslation(),T=React.useRef(null),[s,y]=React.useState(!1),[S,f]=React.useState(!1),{disabled:i,config:r,result:A,updateText:m,index:E,switchToNextTextarea:P,hasMultiple:_,textID:v,addPlaceholder:p,onFocus:N,onBlur:F,onFocusStyle:h={},extra:C,errorText:I}=a,{maxLength:x}=r,B=A?A[r.key]:"",w=(l=B==null?void 0:B.length)!=null?l:0,k=n=>{m&&(m(n,r.key),r.required&&f(!n))},L=_&&P,O={id:`textInput-${E}`,ref:T,disabled:i,value:B,maxLength:x,autoSize:{minRows:2,maxRows:6},onChange:n=>{const d=n.target.value;k(d)},onFocus:n=>{y(!0),N==null\|\|N(n),n.target.value&&f(!1)},onBlur:n=>{y(!1),F==null\|\|F(n),r.required&&f(!n.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:n=>{const{keyCode:d}=n;if(n.ctrlKey){if(d===EKeyCode.Enter&&n.preventDefault(),p&&[EKeyCode.One,EKeyCode.Two,EKeyCode.Three].includes(d))switch(n.preventDefault(),d){case EKeyCode.One:p("\u4986");break;case EKeyCode.Two:p("\u652B");break;case EKeyCode.Three:p("\u7383");break}}else d===EKeyCode.Tab&&L?(n.preventDefault(),n.nativeEvent.stopImmediatePropagation(),P(E)):n.nativeEvent.stopPropagation()}},R=React__default.default.createElement("div",{className:index_module.textAreaFooter},React__default.default.createElement("div",{className:index_module.hotkeyTip},L&&React__default.default.createElement("span",null,"[",u("Switch"),"]Tab"),React__default.default.createElement("span",null,"[",u("TurnPage"),"]Ctrl+Enter")),React__default.default.createElement("div",{className:index_module.wordCount},React__default.default.createElement("span",{className:w>=x?index_module.warning:""},w),"/",React__default.default.createElement("span",null,x)));return React.useEffect(()=>{i&&y(!1)},[i]),React.useEffect(()=>{f(!1)},[v]),React__default.default.createElement("div",{className:index_module.textField},React__default.default.createElement("div",{className:index_module.label},React__default.default.createElement("div",{className:index_module.labelText},React__default.default.createElement("span",{className:classNames__default.default({[index_module.titleText]:!0,[index_module.required]:r.required})},React__default.default.createElement(index$1,{text:r.label,openByText:!0,isToolTips:!0})),React__default.default.createElement(ClearIcon,{onClick:()=>{i\|\|k("")},title:"",disabled:i})),React__default.default.createElement("div",{className:index_module.extra},C)),React__default.default.createElement("div",{className:classNames__default.default({disabled:i,"textarea-outline":!0,"ant-input-focused":s,[index_module.textareaContainer]:!0,[index_module.focus]:s,[index_module.invalid]:S}),style:s?h:{}},React__default.default.createElement(index$2.TextareaWithFooter,{footer:R,textareaProps:O})),I&&React__default.default.createElement("span",{style:{color:"#ff4d4f",lineHeight:"22px"}},I))},TextInput=a=>{const{configList:l,autofocus:u,textID:T,result:s,showText:y,updateText:S,toggleShowText:f,textInputDisabled:i,isCheck:r,isEdit:A,config:m,preContext:E,regions:P=[],textConfigurable:_=!0,clipTextConfigurable:v,clipAttributeConfigurable:p,updateRegion:N,clipAttributeList:F=[],clipTextList:h=index.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=a,{t:C}=reactI18next.useTranslation(),[I,x]=React.useState(0),[B,w]=React.useState(""),k=React.useRef(null),L=React.useRef(null),[O,R]=React.useState(5),[n,d]=React.useState(!1),{audioClipState:J}=index.useAudioClipStore(),b=l\|\|[__spreadValues({},audio.DEFAULT_TEXT_CONFIG_ITEM)];let g=P;if(v&&!r){const e=J.selectedRegion.id;g=g.filter(t=>t.id===e)}const M=e=>{setTimeout(()=>{const t=document.getElementById(`textInput-${e}`);t&&(x(e),t.focus(),t.select(),t.scrollIntoView({behavior:"smooth",block:"center"}))})},V=e=>{const t=_?b.length:0,c=v?g.length*h.length:0,o=t+c,D=(e+1)%o;M(D)},G=e=>{e.keyCode===EKeyCode.Tab&&(e.preventDefault(),(b.length>0\|\|v&&h.length>0)&&M(0))},q=e=>{const t=document.getElementById(`textInput-${I}`);if(!(m==null?void 0:m.enablePlaceholderHotkey)\|\|!t\|\|!S)return;const{value:c,selectionStart:o,selectionEnd:D}=t,$=`${c.slice(0,o)}${e}${c.slice(D)}`;S($,b[I].key),w(e),setTimeout(()=>{t.setSelectionRange(o+1,o+1),t.focus()},0),clearTimeout(k.current),k.current=setTimeout(()=>{w("")},400)};React.useEffect(()=>(A\|\|document.addEventListener("keydown",G),()=>{document.removeEventListener("keydown",G)}),[l]),React.useEffect(()=>{u&&!i&&M(0)},[T]);let j=b;r&&(j=b.filter(e=>(s==null?void 0:s[e.key])!==void 0));const W=React.useMemo(()=>h.reduce((e,t)=>(g.forEach(c=>{c&&e.push(__spreadProps(__spreadValues({},t),{clipTextResult:c}))}),e),[]),[h,g]),Y=()=>{const e=L.current;e&&v&&g.length>0&&r&&e.clientHeight+e.scrollTop+1>=e.scrollHeight&&(d(!0),Z())},Z=()=>{setTimeout(()=>{R(e=>Math.min(e+5,W.length)),d(!1)},300)};return React__default.default.createElement("div",{className:index_module.textInputBox,ref:L,onScroll:Y},React__default.default.createElement("div",{className:index_module.textInputChild},(m==null?void 0:m.enablePlaceholderHotkey)&&React__default.default.createElement("div",{className:index_module.placeholderHotkey},React__default.default.createElement("div",{className:index_module.title},"\u5360\u4F4D\u7B26\u5FEB\u6377\u8F93\u5165",React__default.default.createElement(antd.Tooltip,{overlayStyle:{maxWidth:240},title:React__default.default.createElement("div",null,React__default.default.createElement("div",null,"\u4986\uFF08Ctrl+1\uFF09\uFF1A"),React__default.default.createElement("div",{style:{marginBottom:12}},"\u6587\u5B57\u5F02\u5E38\uFF0C\u4F46\u53EA\u6839\u636E\u8FD9\u4E2A\u5B57\u7684\u5F62\u72B6\u5C31\u53EF\u4EE5\u731C\u51FA\u662F\u4EC0\u4E48\u5B57"),React__default.default.createElement("div",null,"\u652B\uFF08Ctrl+2\uFF09\uFF1A"),React__default.default.createElement("div",{style:{marginBottom:12}},"\u6587\u5B57\u5F02\u5E38\uFF0C\u4E14\u65E0\u6CD5\u6839\u636E\u5F62\u72B6\u731C\u5B57\uFF0C\u4F46\u80FD\u7ED3\u5408\u4E0A\u4E0B\u6587\u8BED\u4E49\u5224\u65AD\u51FA\u662F\u4EC0\u4E48\u5B57"),React__default.default.createElement("div",null,"\u7383\uFF08Ctrl+3\uFF09\uFF1A"),React__default.default.createElement("div",null,"\u5B8C\u5168\u65E0\u6CD5\u5224\u65AD\u662F\u4EC0\u4E48\u5B57")),placement:"bottom"},React__default.default.createElement(icons.QuestionCircleOutlined,{className:index_module.questionIcon}))),React__default.default.createElement(antd.Radio.Group,{value:B},React__default.default.createElement(antd.Radio.Button,{value:"\u4986",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u4986 (\u89C6\u89C9)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+1"))),React__default.default.createElement(antd.Radio.Button,{value:"\u652B",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u652B (\u8BED\u4E49)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+2"))),React__default.default.createElement(antd.Radio.Button,{value:"\u7383",onClick:e=>q(e.target.value)},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("div",{className:"text"},"\u7383 (\u65E0\u6548)"),React__default.default.createElement("div",{className:"hotkey"},"Ctrl+3"))))),React__default.default.createElement("div",{className:index_module.textInputContainer},React__default.default.createElement(index.default,{audioContext:E==null?void 0:E.before}),_&&j.map((e,t)=>React__default.default.createElement(SingleTextInput,{config:e,key:t,index:t,result:s,updateText:S,switchToNextTextarea:V,hasMultiple:b.length>1,disabled:i,textID:T,addPlaceholder:q,onFocus:()=>x(t)})),v&&g.length>0&&React__default.default.createElement(React__default.default.Fragment,null,W.slice(0,O).map((e,t)=>{var c;const{clipTextResult:o}=e,{id:D,start:$,end:ee,attribute:H}=o,{maxLength:te=3e3,label:U,key:X,required:ae}=e,Q=o==null?void 0:o[X],le={[o.id]:Q},ne={label:`${U!=null?U:C("textTool")}\uFF08${audio.timeFormat($,"ss.SSS")} - ${audio.timeFormat(ee,"ss.SSS")}\uFF09`,key:D,maxLength:te},z=(_?j.length:0)+t,K=audio.getAttributeColor(H,F),ue={color:audio.getAttributeFontColor(H,F),backgroundColor:K},re=C("LeastCharacterError",{num:1}),oe=ae&&Q.length<1?re:void 0,se=(c=audio.getAttributeShowText(H,[{value:"",key:C("NoAttribute")},...F]))!=null?c:"";return React__default.default.createElement(SingleTextInput,{config:ne,key:t,index:z,disabled:i,result:le,updateText:ie=>{N==null\|\|N(__spreadProps(__spreadValues({},o),{[X]:ie}))},switchToNextTextarea:()=>{V(z)},hasMultiple:!0,onFocus:()=>x(z),onFocusStyle:p?{borderColor:K,boxShadow:`0 0 0 2px ${audio.updateColorOpacity(K,.4)}`}:{},extra:p?React__default.default.createElement("div",{style:ue,className:index_module.attribute},React__default.default.createElement(index$1,{text:se,openByText:!0,isToolTips:!0})):null,errorText:oe})}),n&&React__default.default.createElement(antd.Spin,{size:"small"})),React__default.default.createElement(index.default,{audioContext:E==null?void 0:E.after}),f&&React__default.default.createElement("div",{className:index_module.switchItem},C("toggleShowText"),React__default.default.createElement(antd.Switch,{style:{alignSelf:"center"},checked:y,onChange:e=>{f(e)}})))))};exports.ClearIcon=ClearIcon,exports.SingleTextInput=SingleTextInput,exports.default=TextInput;

package/dist/components/audioAnnotate/textInput/index.module.scss.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var styles={textInputContainer:"index-module_textInputContainer__ES6X3",textField:"index-module_textField__uRcb7",label:"index-module_label__xE6hM",labelText:"index-module_labelText__Zg1c4",titleText:"index-module_titleText__BRM44",required:"index-module_required__iElYl",extra:"index-module_extra__PW5Qk",textareaContainer:"index-module_textareaContainer__dTIv4",textAreaFooter:"index-module_textAreaFooter__h1Vv-",warning:"index-module_warning__NKpW6",hotkeyTip:"index-module_hotkeyTip__BSJ6A",wordCount:"index-module_wordCount__OD4eL",focus:"index-module_focus__H07-Y",invalid:"index-module_invalid__F9RC5",inputCount:"index-module_inputCount__--XiT",notify:"index-module_notify__rYuqq",switchItem:"index-module_switchItem__Q256x",placeholderHotkey:"index-module_placeholderHotkey__0SKPo",title:"index-module_title__YRpw9",questionIcon:"index-module_questionIcon__oK1HK",attribute:"index-module_attribute__g8Vbl",clearIcon:"index-module_clearIcon__ZBZqI",disabled:"index-module_disabled__zqh8C"};module.exports=styles;
1	+ "use strict";var styles={textInputContainer:"index-module_textInputContainer__ES6X3",textField:"index-module_textField__uRcb7",label:"index-module_label__xE6hM",labelText:"index-module_labelText__Zg1c4",titleText:"index-module_titleText__BRM44",required:"index-module_required__iElYl",extra:"index-module_extra__PW5Qk",textareaContainer:"index-module_textareaContainer__dTIv4",textAreaFooter:"index-module_textAreaFooter__h1Vv-",warning:"index-module_warning__NKpW6",hotkeyTip:"index-module_hotkeyTip__BSJ6A",wordCount:"index-module_wordCount__OD4eL",focus:"index-module_focus__H07-Y",invalid:"index-module_invalid__F9RC5",inputCount:"index-module_inputCount__--XiT",notify:"index-module_notify__rYuqq",switchItem:"index-module_switchItem__Q256x",placeholderHotkey:"index-module_placeholderHotkey__0SKPo",title:"index-module_title__YRpw9",questionIcon:"index-module_questionIcon__oK1HK",attribute:"index-module_attribute__g8Vbl",clearIcon:"index-module_clearIcon__ZBZqI",disabled:"index-module_disabled__zqh8C",textInputBox:"index-module_textInputBox__C6pdt",textInputChild:"index-module_textInputChild__SOQT6"};module.exports=styles;

package/dist/components/audioPlayer/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),getWebPcm2Wac=require("../audioAnnotate/utils/getWebPcm2Wac.js"),_=require("lodash"),icons=require("@ant-design/icons"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),antd=require("antd"),index$b=require("../invalidPage/index.js"),index$6=require("../imageError/index.js"),index$a=require("../../utils/index.js"),index$d=require("../videoPlayer/components/SpeedController/index.js"),WaveSurfer=require("@labelbee/wavesurfer"),Region=require("@labelbee/wavesurfer/dist/plugin/wavesurfer.regions.js"),Cursor=require("@labelbee/wavesurfer/dist/plugin/wavesurfer.cursor.js"),index=require("./zoomSlider/index.js"),index$e=require("./labelDisplayToggle/index.js"),index$f=require("./clipRegion/index.js"),index$1=require("../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),index$2=require("./useAudioScroll/index.js"),index_module=require("./index.module.scss.js"),audio=require("../../utils/audio.js"),index$c=require("./progressDot/index.js"),index$7=require("./clipTip/index.js"),index$5=require("./useSwitchHotkey/index.js"),index$3=require("./useAudioCombine/index.js"),index$4=require("./useAudioSegment/index.js"),index$8=require("./combineTip/index.js"),index$9=require("./segmentTip/index.js"),index$g=require("../../views/MainView/toolFooter/index.js"),utils=require("../videoPlayer/utils.js"),reactI18next=require("react-i18next"),useSize=require("../../hooks/useSize.js");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),WaveSurfer__default=_interopDefaultLegacy(WaveSurfer),Region__default=_interopDefaultLegacy(Region),Cursor__default=_interopDefaultLegacy(Cursor),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(l,u,d)=>u in l?__defProp(l,u,{enumerable:!0,configurable:!0,writable:!0,value:d}):l[u]=d,__spreadValues=(l,u)=>{for(var d in u\|\|(u={}))__hasOwnProp.call(u,d)&&__defNormalProp(l,d,u[d]);if(__getOwnPropSymbols)for(var d of __getOwnPropSymbols(u))__propIsEnum.call(u,d)&&__defNormalProp(l,d,u[d]);return l},__spreadProps=(l,u)=>__defProps(l,__getOwnPropDescs(u));const{EToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,PER_PROGRESS=.1,AudioPlayerContext=React__default.default.createContext({count:0,isEdit:!1,toolName:EToolName.Empty,imgIndex:0}),AudioPlayer=({fileData:l={},onLoaded:u,context:d,invalid:Ne,height:Fe,hideError:ze,onError:re,updateRegion:T,removeRegion:$,regions:x=[],activeToolPanel:Ue,clipConfigurable:Ze,clipTextConfigurable:ne,clipAttributeList:He,clipAttributeConfigurable:oe,secondaryAttributeConfigurable:Ve,subAttributeList:Xe,isCheck:b,hoverRegionId:W,footer:Ke,drawLayerSlot:ie,clipTextList:Ge,lang:ae})=>{var le,se;const{url:O,path:ue}=l,[N,F]=React.useState(!1),[ce,de]=React.useState(!1),[P,Ye]=React.useState(0),[Je,fe]=React.useState(!1),[S,ve]=React.useState(0),o=React.useRef(null),C=React.useRef(null),me=React.useRef(P),z=e=>{me.current=e,Ye(e)},[pe,Qe]=React.useState(0),[j,et]=React.useState(index.audioZoomInfo.defaultValue),y=React.useRef(null),[ge,tt]=React.useState({}),{audioClipState:U,setAudioClipState:B}=index$1.useAudioClipStore(),[Z,H]=React.useState(!1),c=ahooks.useLatest(U),be=ahooks.useLatest(ge);ahooks.useLatest(N);const A=ahooks.useLatest(x),_e=ahooks.useUpdate(),[ye,rt]=React.useState([]),[Ee,nt]=React.useState({}),[ot,Se]=React.useState(""),[he,it]=React.useState({start:0,end:0}),at=useSize(y),lt=React.useMemo(()=>x.filter(e=>{const{start:t,end:r}=he;return e.start>=t&&e.start<=r\|\|e.end>=t&&e.end<=r\|\|e.id===ot}),[x,he]),st=_.debounce(()=>{lbAnnotation.EventBus.emit("audioZoom")},500),Re=e=>{e<index.audioZoomInfo.min\|\|e>index.audioZoomInfo.max\|\|(et(e),audio.dispatchResizeEvent(),st())};index$2({container:y.current,target:document.querySelector(`[data-id=${(se=(le=c.current)==null?void 0:le.selectedRegion)==null?void 0:se.id}]`),clipping:Z,zoom:j,zoomHandler:Re});const L=()=>{let e=A.current;const{attributeLockList:t}=c.current;t.length&&(e=e.filter(r=>t.includes(r.attribute))),X(),e.forEach(r=>{var n;(n=o.current)==null\|\|n.addRegion(__spreadProps(__spreadValues({},r),{drag:!b,resize:!b,color:"rgba(0, 0, 0, 0)"}))}),_e()},m=e=>{var t,r,n,i,s,v,p;const{id:a,loop:f=!0,playImmediately:g=!1,isLoopStatus:I}=e,q=!1;if(a){const w=(n=(r=(t=o.current)==null?void 0:t.regions)==null?void 0:r.list)!=null?n:{};Object.entries(w).forEach(([,R])=>{const{id:k}=R;a===k?R.select():R.cancelSelect()}),B({selectedRegion:{id:a,loop:q},selectedAttribute:(v=(s=(i=A.current)==null?void 0:i.find(R=>R.id===a))==null?void 0:s.attribute)!=null?v:""}),g&&((p=D(a))==null\|\|p.play())}else B({selectedRegion:{}})},{combineInstance:ut}=index$3({waveRef:o,sortByStartRegions:ye,regionMap:Ee,updateRegion:T,removeRegion:$,generateRegions:L,setSelectedRegion:m}),{segmentInstance:ct,onRegionMouseMove:dt,segmentTimeTip:ft}=index$4({waveRef:o,regionMap:Ee,updateRegion:T,removeRegion:$,generateRegions:L,setSelectedRegion:m}),xe={clipTextConfigurable:ne,clipAttributeList:He,clipAttributeConfigurable:oe,clipConfigurable:Ze,secondaryAttributeConfigurable:Ve,subAttributeList:Xe,clipTextList:Ge};React.useEffect(()=>{var e;ae&&((e=lbUtils.i18n)==null\|\|e.changeLanguage(ae))},[]),React.useEffect(()=>{B({selectedAttribute:""})},[oe]),React.useEffect(()=>{V()},[U.selectedAttribute]),React.useEffect(()=>{L()},[U.attributeLockList]),ahooks.useDeepCompareEffect(()=>{B(xe),setTimeout(()=>{Pe()})},[xe]),ahooks.useDeepCompareEffect(()=>{rt(_.sortBy(x,["start"])),nt(x.reduce((e,t)=>{const{id:r}=t;return __spreadProps(__spreadValues({},e),{[r]:t})},{})),b&&L()},[x]),React.useEffect(()=>{m(W?{id:W,loop:!1,playImmediately:!0}:{})},[W]);const Pe=()=>{var e,t;c.current.clipConfigurable?(!b&&o.current&&((e=o.current)==null\|\|e.enableDragSelection({slop:5})),L()):((t=o.current)==null\|\|t.disableDragSelection(),X()),V()},V=()=>{var e,t,r,n,i;let s="";c.current.clipConfigurable?s=audio.getAttributeColor(c.current.selectedAttribute,(e=c.current.clipAttributeList)!=null?e:[]):s="transparent",((r=(t=o==null?void 0:o.current)==null?void 0:t.cursor)==null?void 0:r.cursor)&&((i=(n=o==null?void 0:o.current)==null?void 0:n.cursor)==null\|\|i.setStyle({border:`2px dashed ${s}`}))},D=e=>{var t,r,n;return((n=(r=(t=o.current)==null?void 0:t.regions)==null?void 0:r.list)!=null?n:{})[e]},Ce=()=>{var e,t;if(O){const r=((t=(e=ue==null?void 0:ue.split("."))==null?void 0:e.pop())==null?void 0:t.toLowerCase())==="pcm";fe(!1),r?getWebPcm2Wac.getWebPcm2WavBase64(O).then(n=>{we(n)}):we(O)}},we=e=>{var t;e&&(de(!0),z(0),ve(0),(t=o==null?void 0:o.current)==null\|\|t.load(e))},X=()=>{var e;(e=o.current)==null\|\|e.clearRegions()},K=e=>{const t=D(e);t&&(H(!1),t==null\|\|t.remove(),$==null\|\|$(e),m({}))},{run:Te}=ahooks.useThrottleFn(m,{wait:100});index$5({sortByStartRegions:ye,setSelectedRegion:m});const vt=e=>{const{start:t,end:r}=be.current;return(t\|\|r)&&e.update(be.current),e},mt=({action:e,id:t,eventDownTime:r})=>{var n,i;if(!c.current.clipConfigurable)return;t&&m({id:t});const s=D((t!=null?t:(n=c.current.selectedRegion)==null?void 0:n.id)\|\|""),v=[];(e==="create"?A.current:(i=A.current)==null?void 0:i.filter(f=>f.id!==s.id)).forEach(f=>{const{start:g,end:I,attribute:q}=f;q===c.current.selectedAttribute&&[g,I].forEach(w=>{v.includes(w)\|\|v.push(w)})});const a=audio.getCanMoveRange(v.sort((f,g)=>f-g),r);o.current.range=a},pt=e=>{V(),setTimeout(()=>{H(!1)});const t=vt(e),{id:r,start:n,end:i}=t;m({id:r,playImmediately:!0});const s={id:r,start:utils.decimalReserved(n,3),end:utils.decimalReserved(i,3)};T==null\|\|T(s),_e()},gt=()=>{const e=WaveSurfer__default.default.create({container:"#waveform",waveColor:"#999",progressColor:"#999",height:Fe\|\|245,normalize:!0,cursorWidth:2,cursorColor:"white",responsive:0,hideScrollbar:!0,plugins:[Region__default.default.create({regions:x,dragSelection:{slop:5},canMove:!1}),Cursor__default.default.create({opacity:1,customStyle:{border:"2px dashed transparent"}})]}),t=()=>{var r;z(((r=o==null?void 0:o.current)==null?void 0:r.getCurrentTime())\|\|0)};e.on("ready",()=>{var r;const n=((r=o==null?void 0:o.current)==null?void 0:r.getDuration())\|\|0;ve(n),t(),u==null\|\|u({duration:Math.round(n)}),de(!1),M(),lbAnnotation.EventBus.on("setCurrentTimeByPosition",Y),lbAnnotation.EventBus.on("clearRegions",X),lbAnnotation.EventBus.on("removeRegionById",K),lbAnnotation.EventBus.on("setSelectedRegion",Te),e.on("regions-eventDown",mt),Pe()}),e.on("audioprocess",()=>{t()}),e.on("play",()=>{F(!0)}),e.on("pause",()=>{F(!1)}),e.on("finish",()=>{F(!1)}),e.on("seek",()=>{t()}),e.on("error",()=>{fe(!0),u==null\|\|u({hasError:!0}),re==null\|\|re()}),e.on("region-created",r=>{var n;const{id:i,start:s,end:v}=r;if(A.current.find(a=>a.id===i))return;Se(i);const p={id:i,start:utils.decimalReserved(s,3),end:utils.decimalReserved(v,3),attribute:c.current.selectedAttribute,text:""};if(c.current.secondaryAttributeConfigurable){const a=lbAnnotation.TagUtils.getDefaultResultByConfig((n=c.current.subAttributeList)!=null?n:[]);p.subAttribute=a!=null?a:{}}ne&&c.current.clipTextList.forEach((f,g)=>{g===0?Object.assign(p,{text:f==null?void 0:f.default}):Object.assign(p,{[f.key]:f==null?void 0:f.default})}),T==null\|\|T(p)}),e.on("region-updated",(r,n)=>{var i,s,v,p,a,f,g,I,q,w;const R=n==null?void 0:n.action;B({combined:!1,segment:!1}),R==="resize"&&((s=(i=o==null?void 0:o.current)==null?void 0:i.cursor)==null\|\|s.setStyle({borderStyle:"solid"})),R==="drag"&&((p=(v=o==null?void 0:o.current)==null?void 0:v.cursor)==null\|\|p.setStyle({borderColor:"transparent"}));const k={},J=[],Q={},At=(a=A.current)==null?void 0:a.filter(E=>E.id!==r.id),qt=(I=(g=(f=o.current)==null?void 0:f.regions)==null?void 0:g.list)!=null?I:{};At.forEach(E=>{var $e,Oe;const{element:ee}=($e=qt[E.id])!=null?$e:{},{start:Lt,end:Dt}=E;if(ee){const{x:We,width:Mt}=((Oe=ee.getBoundingClientRect)==null?void 0:Oe.call(ee))\|\|{},It=We+Mt;[We,It].forEach((te,kt)=>{J.includes(te)\|\|(J.push(te),Q[te]=kt===0?Lt:Dt)})}});const{x:ke,width:jt}=((w=(q=r.element).getBoundingClientRect)==null?void 0:w.call(q))\|\|{},Bt=ke+jt;J.forEach(E=>{Math.abs(audio.precisionMinus(E,ke))<5&&(k.start=Q[E]),Math.abs(audio.precisionMinus(E,Bt))<5&&(k.end=Q[E])}),tt(k),Te({id:r.id}),H(!0)}),e.on("region-update-end",r=>{pt(r),Se("")}),e.on("region-contextmenu",(r,n)=>{if(!b){if(n.preventDefault(),n.stopPropagation(),audio.isDoubleClick(n)){K(r.id);return}m({id:r.id,playImmediately:!0})}}),e.on("region-click",(r,n,i)=>{if(!b){if(n.preventDefault(),n.stopPropagation(),c.current.combined){ut(r);return}if(c.current.segment){ct(r,i);return}m({id:r.id,playImmediately:!0})}}),e.on("region-mousemove",dt),o.current=e},bt=N?React__default.default.createElement(icons.PauseOutlined,null):React__default.default.createElement(icons.CaretRightOutlined,null),Ae=e=>e?`${parseFloat((e/S100).toFixed(4))}%`:"0%",qe=Ae(P),_t=Ae(pe),h=()=>{if(!ce)return o==null?void 0:o.current},yt=()=>{var e;(e=h())==null\|\|e.skipForward(PER_PROGRESS)},Et=()=>{var e;(e=h())==null\|\|e.skipBackward(PER_PROGRESS)},M=()=>{var e;(e=h())==null\|\|e.playPause()},je=e=>{var t;switch(e.keyCode){case EKeyCode.Right:yt();break;case EKeyCode.Left:Et();break;case EKeyCode.Space:e.preventDefault(),M();break;case EKeyCode.Delete:if(!b){const{id:r}=((t=c.current)==null?void 0:t.selectedRegion)\|\|{};r&&K(r)}break}},St=e=>{Y(e)},Be=___default.default.throttle(St,50);let G=!1;const Le=()=>{G&&(M(),G=!1),document.removeEventListener("mousemove",Be),document.removeEventListener("mouseup",Le)},ht=e=>{Y(e),N&&(G=!0,M()),document.addEventListener("mousemove",Be),document.addEventListener("mouseup",Le)},Rt=()=>{Ce()};React.useEffect(()=>(gt(),()=>{var e;(e=o==null?void 0:o.current)==null\|\|e.destroy(),o.current=null,lbAnnotation.EventBus.unbindAll("setCurrentTimeByPosition"),lbAnnotation.EventBus.unbindAll("clearRegions"),lbAnnotation.EventBus.unbindAll("removeRegionById"),lbAnnotation.EventBus.unbindAll("setSelectedRegion")}),[]);const xt=e=>{var t,r,n;(t=h())==null\|\|t.playPause(),(r=h())==null\|\|r.setPlaybackRate(e),(n=h())==null\|\|n.playPause()};React.useEffect(()=>(document.addEventListener("keydown",je),()=>{document.removeEventListener("keydown",je)})),React.useEffect(()=>{m({}),Ce()},[O]),React.useEffect(()=>{De()},[at,S,j]);const Pt=()=>{if(y.current&&S){const e=y.current.scrollLeft,t=y.current.clientWidth,r=e/y.current.scrollWidthS,n=(e+t)/y.current.scrollWidthS;it({start:r,end:n})}},{run:De}=ahooks.useThrottleFn(Pt,{wait:300}),Me=e=>{var t,r,n,i;if((o==null?void 0:o.current)&&(C==null?void 0:C.current)){const s=(r=(t=o==null?void 0:o.current)==null?void 0:t.getDuration())!=null?r:0,v=(n=C==null?void 0:C.current)==null?void 0:n.getBoundingClientRect();let a=(e.clientX-v.left)/(((i=C==null?void 0:C.current)==null?void 0:i.clientWidth)\|\|0)s;return a>s&&(a=s),a}return 0},Y=e=>{var t;const r=Me(e);(t=o==null?void 0:o.current)==null\|\|t.skip(r-me.current),z(r)},Ct=e=>{Qe(Me(e))},wt=S?Math.max(S-P,0):0,Tt=(d==null?void 0:d.toolName)!==EToolName.Empty&&(d==null?void 0:d.isEdit)!==!0&&(Ue==="remark"\|\|b),Ie=React__default.default.createElement("div",{className:index_module.audioPlayer},Je&&!ze&&React__default.default.createElement(index$6,{fileTypeName:"\u97F3\u9891",ignoreOffsetY:!0,reloadImage:Rt,backgroundColor:"#ffffffbb"}),React__default.default.createElement(index$7,{getRegionInstanceById:D,clipping:Z}),React__default.default.createElement(index$8,{container:y.current}),React__default.default.createElement(index$9,{segmentTimeTip:ft}),React__default.default.createElement("div",{className:index_module.waveformContainer,ref:y,onScroll:()=>De()},React__default.default.createElement("div",{id:"waveform",style:{width:`${j*100}%`},className:index$a.classnames({[index_module.waveform]:!0,"bee-audio-combined":c.current.combined,"bee-audio-clip":c.current.clipConfigurable})},Ne&&React__default.default.createElement(index$b,{isAudio:!0}),React__default.default.createElement("div",{ref:C,className:index_module.progress,onMouseDown:ht,onMouseMove:Ct},React__default.default.createElement("div",{className:index$a.classnames({[index_module.radioTooltip]:!0}),style:{left:qe}},audio.formatTime(P)),React__default.default.createElement("div",{className:index$a.classnames({[index_module.radioTooltip]:!0,[index_module.mouseTooltip]:!0}),style:{left:_t}},audio.formatTime(pe)),React__default.default.createElement(index$c,{playPercentage:qe})),Tt&&(ie==null?void 0:ie({currentTime:P,remainingTime:wt,audioPlayer:h()})))),React__default.default.createElement("div",{className:index_module.controlBar},React__default.default.createElement(antd.Button,{type:"link",icon:bt,onClick:()=>{M()},className:index$a.classnames({[index_module.playButton]:!0,[index_module.playButtonDisabled]:ce})}),React__default.default.createElement("span",{className:index_module.time},`${audio.timeFormat(P,"ss.SSS")} / -${audio.timeFormat(S-P,"ss.SSS")}`),React__default.default.createElement(index$d.default,{playerType:index$d.EPlayerType.Audio,onChange:e=>{xt(e)}}),React__default.default.createElement(index.default,{onChange:e=>{var t;(t=h())==null\|\|t.pause(),Re(e)},zoom:j}),React__default.default.createElement(index$e,{EventBus:lbAnnotation.EventBus})));return d?React__default.default.createElement(AudioPlayerContext.Provider,{value:d},Ie,lt.map(e=>{const{id:t}=e,r=document.querySelector(`[data-id=${t}]`);return r?React__default.default.createElement(index$f,{el:r,key:t,region:e,edgeAdsorption:ge,clipping:Z,zoom:j,instance:D(t),isCheck:b}):null}),React__default.default.createElement(index$g.default,{footer:Ke})):Ie},WrapAudioPlayer=l=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(AudioPlayer,__spreadValues({},l)));exports.AudioPlayer=AudioPlayer,exports.AudioPlayerContext=AudioPlayerContext,exports.WrapAudioPlayer=WrapAudioPlayer;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),getWebPcm2Wac=require("../audioAnnotate/utils/getWebPcm2Wac.js"),_=require("lodash"),icons=require("@ant-design/icons"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),antd=require("antd"),index$b=require("../invalidPage/index.js"),index$6=require("../imageError/index.js"),index$a=require("../../utils/index.js"),index$d=require("../videoPlayer/components/SpeedController/index.js"),WaveSurfer=require("@labelbee/wavesurfer"),Region=require("@labelbee/wavesurfer/dist/plugin/wavesurfer.regions.js"),Cursor=require("@labelbee/wavesurfer/dist/plugin/wavesurfer.cursor.js"),index=require("./zoomSlider/index.js"),index$e=require("./labelDisplayToggle/index.js"),index$f=require("./clipRegion/index.js"),index$1=require("../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),index$2=require("./useAudioScroll/index.js"),index_module=require("./index.module.scss.js"),audio=require("../../utils/audio.js"),index$c=require("./progressDot/index.js"),index$7=require("./clipTip/index.js"),index$5=require("./useSwitchHotkey/index.js"),index$3=require("./useAudioCombine/index.js"),index$4=require("./useAudioSegment/index.js"),index$8=require("./combineTip/index.js"),index$9=require("./segmentTip/index.js"),index$g=require("../../views/MainView/toolFooter/index.js"),utils=require("../videoPlayer/utils.js"),reactI18next=require("react-i18next"),useSize=require("../../hooks/useSize.js");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),WaveSurfer__default=_interopDefaultLegacy(WaveSurfer),Region__default=_interopDefaultLegacy(Region),Cursor__default=_interopDefaultLegacy(Cursor),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(l,u,d)=>u in l?__defProp(l,u,{enumerable:!0,configurable:!0,writable:!0,value:d}):l[u]=d,__spreadValues=(l,u)=>{for(var d in u\|\|(u={}))__hasOwnProp.call(u,d)&&__defNormalProp(l,d,u[d]);if(__getOwnPropSymbols)for(var d of __getOwnPropSymbols(u))__propIsEnum.call(u,d)&&__defNormalProp(l,d,u[d]);return l},__spreadProps=(l,u)=>__defProps(l,__getOwnPropDescs(u));const{EToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,PER_PROGRESS=.1,AudioPlayerContext=React__default.default.createContext({count:0,isEdit:!1,toolName:EToolName.Empty,imgIndex:0}),AudioPlayer=({fileData:l={},onLoaded:u,context:d,invalid:Ne,height:Fe,hideError:ze,onError:ne,updateRegion:T,removeRegion:$,regions:x=[],activeToolPanel:Ue,clipConfigurable:Ze,clipTextConfigurable:oe,clipAttributeList:He,clipAttributeConfigurable:ie,secondaryAttributeConfigurable:Ve,subAttributeList:Xe,isCheck:b,hoverRegionId:W,footer:Ke,drawLayerSlot:ae,clipTextList:Ge,lang:le})=>{var se,ue;const{url:O,path:ce}=l,[N,F]=React.useState(!1),[de,z]=React.useState(!1),[P,Ye]=React.useState(0),[Je,fe]=React.useState(!1),[S,ve]=React.useState(0),o=React.useRef(null),C=React.useRef(null),me=React.useRef(P),U=e=>{me.current=e,Ye(e)},[pe,Qe]=React.useState(0),[j,et]=React.useState(index.audioZoomInfo.defaultValue),y=React.useRef(null),[ge,tt]=React.useState({}),{audioClipState:Z,setAudioClipState:B}=index$1.useAudioClipStore(),[H,V]=React.useState(!1),c=ahooks.useLatest(Z),be=ahooks.useLatest(ge);ahooks.useLatest(N);const A=ahooks.useLatest(x),_e=ahooks.useUpdate(),[ye,rt]=React.useState([]),[Ee,nt]=React.useState({}),[ot,Se]=React.useState(""),[he,it]=React.useState({start:0,end:0}),at=useSize(y),lt=React.useMemo(()=>x.filter(e=>{const{start:t,end:r}=he;return e.start>=t&&e.start<=r\|\|e.end>=t&&e.end<=r\|\|e.id===ot}),[x,he]),st=_.debounce(()=>{lbAnnotation.EventBus.emit("audioZoom")},500),Re=e=>{e<index.audioZoomInfo.min\|\|e>index.audioZoomInfo.max\|\|(et(e),audio.dispatchResizeEvent(),st())};index$2({container:y.current,target:document.querySelector(`[data-id=${(ue=(se=c.current)==null?void 0:se.selectedRegion)==null?void 0:ue.id}]`),clipping:H,zoom:j,zoomHandler:Re});const L=()=>{let e=A.current;const{attributeLockList:t}=c.current;t.length&&(e=e.filter(r=>t.includes(r.attribute))),K(),e.forEach(r=>{var n;(n=o.current)==null\|\|n.addRegion(__spreadProps(__spreadValues({},r),{drag:!b,resize:!b,color:"rgba(0, 0, 0, 0)"}))}),_e()},m=e=>{var t,r,n,i,s,v,p;const{id:a,loop:f=!0,playImmediately:g=!1,isLoopStatus:I}=e,q=!1;if(a){const w=(n=(r=(t=o.current)==null?void 0:t.regions)==null?void 0:r.list)!=null?n:{};Object.entries(w).forEach(([,R])=>{const{id:k}=R;a===k?R.select():R.cancelSelect()}),B({selectedRegion:{id:a,loop:q},selectedAttribute:(v=(s=(i=A.current)==null?void 0:i.find(R=>R.id===a))==null?void 0:s.attribute)!=null?v:""}),g&&((p=D(a))==null\|\|p.play())}else B({selectedRegion:{}})},{combineInstance:ut}=index$3({waveRef:o,sortByStartRegions:ye,regionMap:Ee,updateRegion:T,removeRegion:$,generateRegions:L,setSelectedRegion:m}),{segmentInstance:ct,onRegionMouseMove:dt,segmentTimeTip:ft}=index$4({waveRef:o,regionMap:Ee,updateRegion:T,removeRegion:$,generateRegions:L,setSelectedRegion:m}),xe={clipTextConfigurable:oe,clipAttributeList:He,clipAttributeConfigurable:ie,clipConfigurable:Ze,secondaryAttributeConfigurable:Ve,subAttributeList:Xe,clipTextList:Ge};React.useEffect(()=>{var e;le&&((e=lbUtils.i18n)==null\|\|e.changeLanguage(le))},[]),React.useEffect(()=>{B({selectedAttribute:""})},[ie]),React.useEffect(()=>{X()},[Z.selectedAttribute]),React.useEffect(()=>{L()},[Z.attributeLockList]),ahooks.useDeepCompareEffect(()=>{B(xe),setTimeout(()=>{Pe()})},[xe]),ahooks.useDeepCompareEffect(()=>{rt(_.sortBy(x,["start"])),nt(x.reduce((e,t)=>{const{id:r}=t;return __spreadProps(__spreadValues({},e),{[r]:t})},{})),b&&L()},[x]),React.useEffect(()=>{m(W?{id:W,loop:!1,playImmediately:!0}:{})},[W]);const Pe=()=>{var e,t;c.current.clipConfigurable?(!b&&o.current&&((e=o.current)==null\|\|e.enableDragSelection({slop:5})),L()):((t=o.current)==null\|\|t.disableDragSelection(),K()),X()},X=()=>{var e,t,r,n,i;let s="";c.current.clipConfigurable?s=audio.getAttributeColor(c.current.selectedAttribute,(e=c.current.clipAttributeList)!=null?e:[]):s="transparent",((r=(t=o==null?void 0:o.current)==null?void 0:t.cursor)==null?void 0:r.cursor)&&((i=(n=o==null?void 0:o.current)==null?void 0:n.cursor)==null\|\|i.setStyle({border:`2px dashed ${s}`}))},D=e=>{var t,r,n;return((n=(r=(t=o.current)==null?void 0:t.regions)==null?void 0:r.list)!=null?n:{})[e]},Ce=()=>{var e,t;if(O){const r=((t=(e=ce==null?void 0:ce.split("."))==null?void 0:e.pop())==null?void 0:t.toLowerCase())==="pcm";fe(!1),r?getWebPcm2Wac.getWebPcm2WavBase64(O).then(n=>{we(n)}):we(O)}},we=e=>{var t;e&&(z(!0),U(0),ve(0),(t=o==null?void 0:o.current)==null\|\|t.load(e))},K=()=>{var e;(e=o.current)==null\|\|e.clearRegions()},G=e=>{const t=D(e);t&&(V(!1),t==null\|\|t.remove(),$==null\|\|$(e),m({}))},{run:Te}=ahooks.useThrottleFn(m,{wait:100});index$5({sortByStartRegions:ye,setSelectedRegion:m});const vt=e=>{const{start:t,end:r}=be.current;return(t\|\|r)&&e.update(be.current),e},mt=({action:e,id:t,eventDownTime:r})=>{var n,i;if(!c.current.clipConfigurable)return;t&&m({id:t});const s=D((t!=null?t:(n=c.current.selectedRegion)==null?void 0:n.id)\|\|""),v=[];(e==="create"?A.current:(i=A.current)==null?void 0:i.filter(f=>f.id!==s.id)).forEach(f=>{const{start:g,end:I,attribute:q}=f;q===c.current.selectedAttribute&&[g,I].forEach(w=>{v.includes(w)\|\|v.push(w)})});const a=audio.getCanMoveRange(v.sort((f,g)=>f-g),r);o.current.range=a},pt=e=>{X(),setTimeout(()=>{V(!1)});const t=vt(e),{id:r,start:n,end:i}=t;m({id:r,playImmediately:!0});const s={id:r,start:utils.decimalReserved(n,3),end:utils.decimalReserved(i,3)};T==null\|\|T(s),_e()},gt=()=>{const e=WaveSurfer__default.default.create({container:"#waveform",waveColor:"#999",progressColor:"#999",height:Fe\|\|245,normalize:!0,cursorWidth:2,cursorColor:"white",responsive:0,hideScrollbar:!0,plugins:[Region__default.default.create({regions:x,dragSelection:{slop:5},canMove:!1}),Cursor__default.default.create({opacity:1,customStyle:{border:"2px dashed transparent"}})]}),t=()=>{var r;U(((r=o==null?void 0:o.current)==null?void 0:r.getCurrentTime())\|\|0)};e.on("ready",()=>{var r;const n=((r=o==null?void 0:o.current)==null?void 0:r.getDuration())\|\|0;ve(n),t(),u==null\|\|u({duration:Math.round(n)}),z(!1),M(),lbAnnotation.EventBus.on("setCurrentTimeByPosition",J),lbAnnotation.EventBus.on("clearRegions",K),lbAnnotation.EventBus.on("removeRegionById",G),lbAnnotation.EventBus.on("setSelectedRegion",Te),e.on("regions-eventDown",mt),Pe()}),e.on("audioprocess",()=>{t()}),e.on("play",()=>{F(!0)}),e.on("pause",()=>{F(!1)}),e.on("finish",()=>{F(!1)}),e.on("seek",()=>{t()}),e.on("error",()=>{fe(!0),z(!1),u==null\|\|u({hasError:!0}),ne==null\|\|ne()}),e.on("region-created",r=>{var n;const{id:i,start:s,end:v}=r;if(A.current.find(a=>a.id===i))return;Se(i);const p={id:i,start:utils.decimalReserved(s,3),end:utils.decimalReserved(v,3),attribute:c.current.selectedAttribute,text:""};if(c.current.secondaryAttributeConfigurable){const a=lbAnnotation.TagUtils.getDefaultResultByConfig((n=c.current.subAttributeList)!=null?n:[]);p.subAttribute=a!=null?a:{}}oe&&c.current.clipTextList.forEach((f,g)=>{g===0?Object.assign(p,{text:f==null?void 0:f.default}):Object.assign(p,{[f.key]:f==null?void 0:f.default})}),T==null\|\|T(p)}),e.on("region-updated",(r,n)=>{var i,s,v,p,a,f,g,I,q,w;const R=n==null?void 0:n.action;B({combined:!1,segment:!1}),R==="resize"&&((s=(i=o==null?void 0:o.current)==null?void 0:i.cursor)==null\|\|s.setStyle({borderStyle:"solid"})),R==="drag"&&((p=(v=o==null?void 0:o.current)==null?void 0:v.cursor)==null\|\|p.setStyle({borderColor:"transparent"}));const k={},Q=[],ee={},At=(a=A.current)==null?void 0:a.filter(E=>E.id!==r.id),qt=(I=(g=(f=o.current)==null?void 0:f.regions)==null?void 0:g.list)!=null?I:{};At.forEach(E=>{var $e,Oe;const{element:te}=($e=qt[E.id])!=null?$e:{},{start:Lt,end:Dt}=E;if(te){const{x:We,width:Mt}=((Oe=te.getBoundingClientRect)==null?void 0:Oe.call(te))\|\|{},It=We+Mt;[We,It].forEach((re,kt)=>{Q.includes(re)\|\|(Q.push(re),ee[re]=kt===0?Lt:Dt)})}});const{x:ke,width:jt}=((w=(q=r.element).getBoundingClientRect)==null?void 0:w.call(q))\|\|{},Bt=ke+jt;Q.forEach(E=>{Math.abs(audio.precisionMinus(E,ke))<5&&(k.start=ee[E]),Math.abs(audio.precisionMinus(E,Bt))<5&&(k.end=ee[E])}),tt(k),Te({id:r.id}),V(!0)}),e.on("region-update-end",r=>{pt(r),Se("")}),e.on("region-contextmenu",(r,n)=>{if(!b){if(n.preventDefault(),n.stopPropagation(),audio.isDoubleClick(n)){G(r.id);return}m({id:r.id,playImmediately:!0})}}),e.on("region-click",(r,n,i)=>{if(!b){if(n.preventDefault(),n.stopPropagation(),c.current.combined){ut(r);return}if(c.current.segment){ct(r,i);return}m({id:r.id,playImmediately:!0})}}),e.on("region-mousemove",dt),o.current=e},bt=N?React__default.default.createElement(icons.PauseOutlined,null):React__default.default.createElement(icons.CaretRightOutlined,null),Ae=e=>e?`${parseFloat((e/S100).toFixed(4))}%`:"0%",qe=Ae(P),_t=Ae(pe),h=()=>{if(!de)return o==null?void 0:o.current},yt=()=>{var e;(e=h())==null\|\|e.skipForward(PER_PROGRESS)},Et=()=>{var e;(e=h())==null\|\|e.skipBackward(PER_PROGRESS)},M=()=>{var e;(e=h())==null\|\|e.playPause()},je=e=>{var t;switch(e.keyCode){case EKeyCode.Right:yt();break;case EKeyCode.Left:Et();break;case EKeyCode.Space:e.preventDefault(),M();break;case EKeyCode.Delete:if(!b){const{id:r}=((t=c.current)==null?void 0:t.selectedRegion)\|\|{};r&&G(r)}break}},St=e=>{J(e)},Be=___default.default.throttle(St,50);let Y=!1;const Le=()=>{Y&&(M(),Y=!1),document.removeEventListener("mousemove",Be),document.removeEventListener("mouseup",Le)},ht=e=>{J(e),N&&(Y=!0,M()),document.addEventListener("mousemove",Be),document.addEventListener("mouseup",Le)},Rt=()=>{Ce()};React.useEffect(()=>(gt(),()=>{var e;(e=o==null?void 0:o.current)==null\|\|e.destroy(),o.current=null,lbAnnotation.EventBus.unbindAll("setCurrentTimeByPosition"),lbAnnotation.EventBus.unbindAll("clearRegions"),lbAnnotation.EventBus.unbindAll("removeRegionById"),lbAnnotation.EventBus.unbindAll("setSelectedRegion")}),[]);const xt=e=>{var t,r,n;(t=h())==null\|\|t.playPause(),(r=h())==null\|\|r.setPlaybackRate(e),(n=h())==null\|\|n.playPause()};React.useEffect(()=>(document.addEventListener("keydown",je),()=>{document.removeEventListener("keydown",je)})),React.useEffect(()=>{m({}),Ce()},[O]),React.useEffect(()=>{De()},[at,S,j]);const Pt=()=>{if(y.current&&S){const e=y.current.scrollLeft,t=y.current.clientWidth,r=e/y.current.scrollWidthS,n=(e+t)/y.current.scrollWidthS;it({start:r,end:n})}},{run:De}=ahooks.useThrottleFn(Pt,{wait:300}),Me=e=>{var t,r,n,i;if((o==null?void 0:o.current)&&(C==null?void 0:C.current)){const s=(r=(t=o==null?void 0:o.current)==null?void 0:t.getDuration())!=null?r:0,v=(n=C==null?void 0:C.current)==null?void 0:n.getBoundingClientRect();let a=(e.clientX-v.left)/(((i=C==null?void 0:C.current)==null?void 0:i.clientWidth)\|\|0)s;return a>s&&(a=s),a}return 0},J=e=>{var t;const r=Me(e);(t=o==null?void 0:o.current)==null\|\|t.skip(r-me.current),U(r)},Ct=e=>{Qe(Me(e))},wt=S?Math.max(S-P,0):0,Tt=(d==null?void 0:d.toolName)!==EToolName.Empty&&(d==null?void 0:d.isEdit)!==!0&&(Ue==="remark"\|\|b),Ie=React__default.default.createElement("div",{className:index_module.audioPlayer},Je&&!ze&&React__default.default.createElement(index$6,{fileTypeName:"\u97F3\u9891",ignoreOffsetY:!0,reloadImage:Rt,backgroundColor:"#ffffffbb"}),React__default.default.createElement(index$7,{getRegionInstanceById:D,clipping:H}),React__default.default.createElement(index$8,{container:y.current}),React__default.default.createElement(index$9,{segmentTimeTip:ft}),React__default.default.createElement("div",{className:index_module.waveformContainer,ref:y,onScroll:()=>De()},React__default.default.createElement("div",{id:"waveform",style:{width:`${j*100}%`},className:index$a.classnames({[index_module.waveform]:!0,"bee-audio-combined":c.current.combined,"bee-audio-clip":c.current.clipConfigurable})},Ne&&React__default.default.createElement(index$b,{isAudio:!0}),React__default.default.createElement("div",{ref:C,className:index_module.progress,onMouseDown:ht,onMouseMove:Ct},React__default.default.createElement("div",{className:index$a.classnames({[index_module.radioTooltip]:!0}),style:{left:qe}},audio.formatTime(P)),React__default.default.createElement("div",{className:index$a.classnames({[index_module.radioTooltip]:!0,[index_module.mouseTooltip]:!0}),style:{left:_t}},audio.formatTime(pe)),React__default.default.createElement(index$c,{playPercentage:qe})),Tt&&(ae==null?void 0:ae({currentTime:P,remainingTime:wt,audioPlayer:h()})))),React__default.default.createElement("div",{className:index_module.controlBar},React__default.default.createElement(antd.Button,{type:"link",icon:bt,onClick:()=>{M()},className:index$a.classnames({[index_module.playButton]:!0,[index_module.playButtonDisabled]:de})}),React__default.default.createElement("span",{className:index_module.time},`${audio.timeFormat(P,"ss.SSS")} / -${audio.timeFormat(S-P,"ss.SSS")}`),React__default.default.createElement(index$d.default,{playerType:index$d.EPlayerType.Audio,onChange:e=>{xt(e)}}),React__default.default.createElement(index.default,{onChange:e=>{var t;(t=h())==null\|\|t.pause(),Re(e)},zoom:j}),React__default.default.createElement(index$e,{EventBus:lbAnnotation.EventBus})));return d?React__default.default.createElement(AudioPlayerContext.Provider,{value:d},Ie,lt.map(e=>{const{id:t}=e,r=document.querySelector(`[data-id=${t}]`);return r?React__default.default.createElement(index$f,{el:r,key:t,region:e,edgeAdsorption:ge,clipping:H,zoom:j,instance:D(t),isCheck:b}):null}),React__default.default.createElement(index$g.default,{footer:Ke})):Ie},WrapAudioPlayer=l=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(AudioPlayer,__spreadValues({},l)));exports.AudioPlayer=AudioPlayer,exports.AudioPlayerContext=AudioPlayerContext,exports.WrapAudioPlayer=WrapAudioPlayer;

package/dist/components/pointCloud2DRectOperationView/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var ahooks=require("ahooks"),es=require("antd/es"),React=require("react"),reactRedux=require("react-redux"),usePointCloudViews=require("../pointCloudView/hooks/usePointCloudViews.js"),PointCloudContext=require("../pointCloudView/PointCloudContext.js"),map=require("../../store/annotation/map.js"),ctx=require("../../store/ctx.js"),lbAnnotation=require("@labelbee/lb-annotation"),util=require("./util.js"),useUpdateRectList=require("./useUpdateRectList.js"),_=require("lodash"),useToolStyle=require("../../hooks/useToolStyle.js"),index=require("../../store/toolConfig/index.js");function _interopDefaultLegacy(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(i,l,s)=>l in i?__defProp(i,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[l]=s,__spreadValues=(i,l)=>{for(var s in l\|\|(l={}))__hasOwnProp.call(l,s)&&__defNormalProp(i,s,l[s]);if(__getOwnPropSymbols)for(var s of __getOwnPropSymbols(l))__propIsEnum.call(l,s)&&__defNormalProp(i,s,l[s]);return i},__spreadProps=(i,l)=>__defProps(i,__getOwnPropDescs(l)),__async=(i,l,s)=>new Promise((d,p)=>{var I=f=>{try{D(s.next(f))}catch(R){p(R)}},S=f=>{try{D(s.throw(f))}catch(R){p(R)}},D=f=>f.done?d(f.value):Promise.resolve(f.value).then(I,S);D((s=s.apply(i,l)).next())});const PointCloud2DRectOperationView=i=>{var l,s;const{mappingData:d,size:p,config:I,checkMode:S,afterImgOnLoad:D,shouldExcludePointCloudBoxListUpdate:f}=i,{selectBoxVisibleSwitch:R}=index(),L=(l=d==null?void 0:d.url)!=null?l:"",b=(s=d==null?void 0:d.fallbackUrl)!=null?s:"",{pointCloudBoxList:E,setPointCloudResult:O,defaultAttribute:V,rectList:q,addRectIn2DView:X,updateRectIn2DView:Y,removeRectIn2DView:Z,updateRectListByReducer:ee,selectedIDs:v,setSelectedIDs:j,selectedID:C}=React.useContext(PointCloudContext.PointCloudContext),{value:k}=useToolStyle.useToolStyleContext(),te=ahooks.useLatest(v),{update2DViewRect:re,remove2DViewRect:ne}=usePointCloudViews.usePointCloudViews(),U=React__default.default.useRef(null),n=React.useRef(null),A=ahooks.useMemoizedFn(re),x=ahooks.useMemoizedFn(ne),w=React.useRef(null),[oe,F]=React.useState(!0),[T,H]=React.useState(""),[ue,B]=React.useState(!1),[ie,y]=React.useState(!0),g=React.useMemo(()=>q==null?void 0:q.filter(e=>e.imageName===(d==null?void 0:d.path)),[d==null?void 0:d.path,q]),J=React.useRef(g),P=ahooks.useLatest(d==null?void 0:d.path),N=React.useCallback(e=>__async(void 0,null,function(){try{const o=te.current.slice(0),r=yield Promise.resolve(e());if(!r\|\|r.length===0)return r;if(o.length){const t=new Set(o),u=r.filter(c=>t.has(c.id)).map(c=>c.id);j(u)}return r}catch(o){}}),[j])~~,$=~~e=>{const{boxID:o}=e;if(y(!1),!f&&o){N(()=>{const r=A==null?void 0:A(e);return r?(w.current=r,O(r),r):null});return}Y(e,!0)}~~,G=~~e=>{P.current&&X(__spreadProps(__spreadValues({},e),{imageName:P.current}))},K=e=>{if(e.length===0)return;if(!f){const r=e.find(t=>t.boxID);if(r){N(()=>{const t=x==null?void 0:x(r);return t?(w.current=t,O(t),h(),t):null});return}}const o=e.find(r=>r.extId);o&&N(()=>{const{imageName:r,extId:t}=o,u=x==null?void 0:x({boxID:t,imageName:r});return u?(w.current=u,O(u),u):null}),Z(e)},ce=ahooks.useMemoizedFn(()=>{let e=[];return E.forEach(o=>{const{rects:r=[],id:t,attribute:u,trackID:c}=o,a=r.find(M=>M.imageName===P.current),m=t+"_"+P.current;a&&(e=[...e,__spreadProps(__spreadValues({},a),{boxID:t,id:m,attribute:u,order:c})])}),e}),h=useUpdateRectList.useUpdateRectList(()=>{var e,o,r,t,u;const c=f?[]:ce(),a=(e=n.current)==null?void 0:e.selectedRectID,m=v.slice(0),M=R?util.selectSpecifiedRectsFromTopViewSelectedIds(m,c,g):[...c,...g];let W=[];!R&&(v==null?void 0:v.length)&&(W=c.filter(z=>a?v.includes(z.boxID)&&!a.includes(z.boxID):v.includes(z.boxID))),(o=n.current)==null\|\|o.setHighLightRectList(W),(r=n.current)==null\|\|r.setResult(M),T?((t=n.current)==null\|\|t.setSelectedRectID(T),H("")):ue&&a&&((u=n.current)==null\|\|u.setSelectedRectID(a),B(!1))}),Q=({targetId:e,id:o})=>{y(!1),j(e),H(o)};return React.useEffect(()=>{if(U.current){const e=new lbAnnotation.PointCloud2DRectOperation({container:U.current,size:p,config:__spreadProps(__spreadValues({},I),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:S});return n.current=e,n.current.init(),n.current.on("updateDragResult",$),n.current.on("afterAddingDrawingRect",G),n.current.on("deleteSelectedRects",K),n.current.on("onRightClick",Q),()=>{var o,r,t,u,c;(o=n.current)==null\|\|o.unbind("updateDragResult",$),(r=n.current)==null\|\|r.unbind("afterAddingDrawingRect",G),(t=n.current)==null\|\|t.unbind("deleteSelectedRects",K),(u=n.current)==null\|\|u.unbind("onRightClick",Q),(c=n.current)==null\|\|c.destroy()}}},[]),React.useEffect(()=>{const e=r=>__async(void 0,null,function(){try{return yield lbAnnotation.ImgUtils.load(r)}catch(t){return console.error("Error loading image:",t),null}}),o=()=>__async(void 0,null,function*(){var r;F(!0);let t=yield e(L);!t&&b&&(t=yield e(b)),t&&((r=n.current)==null\|\|r.setImgNode(t),D(t)),F(!1)});n.current&&(L\|\|b)&&o()},[L,b]),React.useEffect(()=>{var e;(e=n.current)==null\|\|e.setSize(p)},[p]),React.useEffect(()=>{E!==w.current&&h()},[E]),React.useEffect(()=>{var e,o;const r=g.find(t=>t.id===n.current.selectedRectID);(o=(e=n.current)==null?void 0:e.setDefaultAttribute)==null\|\|o.call(e,V),r&&ee(t=>{var u;const c=[];let a=null;return t.forEach(m=>{m.id!==n.current.selectedRectID?c.push(m):a=m}),r.extId===void 0&&(a=(u=n.current)==null?void 0:u.selectedRect),[...c,__spreadProps(__spreadValues({},a\|\|{}),{attribute:V})]}),B(!0),h()},[V]),React.useEffect(()=>{const e=J.current;___default.default.isEqual(e,g)\|\|(B(!0),h(),J.current=g)},[g]),React.useEffect(()=>{h()},[f]),React.useEffect(()=>{var e,o,r,t;const u=(o=(e=n.current)==null?void 0:e.config)!=null?o:{},c=__spreadProps(__spreadValues({},u),{attributeList:(r=I.attributeList)!=null?r:[]});(t=n.current)==null\|\|t.setConfig(JSON.stringify(c))},[I.attributeList]),React.useEffect(()=>{var e;(e=n.current)==null\|\|e.setEnableAddRect(v.length===0),h()},[v]),ahooks.useDebounceEffect(()=>{if(!C\|\|!ie){y(!0);return}const{rectList:e,size:o,zoom:r}=n.current,t=e.find(a=>a.boxID===C\|\|a.extId===C);if(!t){y(!0);return}~~const u={x:t~~.~~x+t~~.~~width/2,y:t.y+t.height/2},c=lbAnnotation.MathUtils.getCurrentPosFromRectCenter~~(o,u,~~r);~~n.current.~~setHoverRectID~~(t.id),n.current.~~setCurrentPos~~(c),n.current.renderBasicCanvas(),n.current.render()},[C],{wait:200}),React.useEffect(()=>{const{hiddenText:e}=k\|\|{};if(e===void 0)return;const o=n.current;if(!o)return;const r=__spreadValues(__spreadValues({},o.style),k);o.setStyle(r)},[k]),React.useEffect(()=>{h()},[R]),React__default.default.createElement(es.Spin,{spinning:oe},React__default.default.createElement("div",{ref:U,style:__spreadValues({position:"relative"},p)}))};var PointCloud2DRectOperationView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DRectOperationView);module.exports=PointCloud2DRectOperationView$1;
1	+ "use strict";var ahooks=require("ahooks"),es=require("antd/es"),React=require("react"),reactRedux=require("react-redux"),usePointCloudViews=require("../pointCloudView/hooks/usePointCloudViews.js"),PointCloudContext=require("../pointCloudView/PointCloudContext.js"),map=require("../../store/annotation/map.js"),ctx=require("../../store/ctx.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),util=require("./util.js"),useUpdateRectList=require("./useUpdateRectList.js"),_=require("lodash"),useToolStyle=require("../../hooks/useToolStyle.js"),index=require("../../store/toolConfig/index.js");function _interopDefaultLegacy(c){return c&&typeof c=="object"&&"default"in c?c:{default:c}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(c,l,s)=>l in c?__defProp(c,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):c[l]=s,__spreadValues=(c,l)=>{for(var s in l\|\|(l={}))__hasOwnProp.call(l,s)&&__defNormalProp(c,s,l[s]);if(__getOwnPropSymbols)for(var s of __getOwnPropSymbols(l))__propIsEnum.call(l,s)&&__defNormalProp(c,s,l[s]);return c},__spreadProps=(c,l)=>__defProps(c,__getOwnPropDescs(l)),__async=(c,l,s)=>new Promise((f,p)=>{var I=a=>{try{D(s.next(a))}catch(R){p(R)}},S=a=>{try{D(s.throw(a))}catch(R){p(R)}},D=a=>a.done?f(a.value):Promise.resolve(a.value).then(I,S);D((s=s.apply(c,l)).next())});const PointCloud2DRectOperationView=c=>{var l,s;const{mappingData:f,size:p,config:I,checkMode:S,afterImgOnLoad:D,shouldExcludePointCloudBoxListUpdate:a}=c,{selectBoxVisibleSwitch:R}=index(),L=(l=f==null?void 0:f.url)!=null?l:"",b=(s=f==null?void 0:f.fallbackUrl)!=null?s:"",{pointCloudBoxList:E,setPointCloudResult:O,defaultAttribute:V,rectList:q,addRectIn2DView:W,updateRectIn2DView:X,removeRectIn2DView:Y,updateRectListByReducer:ee,selectedIDs:v,setSelectedIDs:j,selectedID:C}=React.useContext(PointCloudContext.PointCloudContext),{value:U}=useToolStyle.useToolStyleContext(),te=ahooks.useLatest(v),{update2DViewRect:re,remove2DViewRect:ne}=usePointCloudViews.usePointCloudViews(),k=React__default.default.useRef(null),n=React.useRef(null),A=ahooks.useMemoizedFn(re),w=ahooks.useMemoizedFn(ne),x=React.useRef(null),[oe,F]=React.useState(!0),[T,H]=React.useState(""),[ue,B]=React.useState(!1),[ie,y]=React.useState(!0),g=React.useMemo(()=>q==null?void 0:q.filter(e=>e.imageName===(f==null?void 0:f.path)),[f==null?void 0:f.path,q]),Z=React.useRef(g),P=ahooks.useLatest(f==null?void 0:f.path),N=React.useCallback(e=>__async(void 0,null,function(){try{const o=te.current.slice(0),t=yield Promise.resolve(e());if(!t\|\|t.length===0)return t;if(o.length){const r=new Set(o),u=t.filter(i=>r.has(i.id)).map(i=>i.id);j(u)}return t}catch(o){}}),[j]),J=e=>{const{boxID:o}=e;if(y(!1),!a&&o){N(()=>{const t=A==null?void 0:A(e);return t?(x.current=t,O(t),t):null});return}X(e,!0)},$=e=>{P.current&&W(__spreadProps(__spreadValues({},e),{imageName:P.current}))},G=e=>{if(e.length===0)return;if(!a){const t=e.find(r=>r.boxID);if(t){N(()=>{const r=w==null?void 0:w(t);return r?(x.current=r,O(r),m(),r):null});return}}const o=e.find(t=>t.extId);o&&N(()=>{const{imageName:t,extId:r}=o,u=w==null?void 0:w({boxID:r,imageName:t});return u?(x.current=u,O(u),u):null}),Y(e)},ce=ahooks.useMemoizedFn(()=>{let e=[];return E.forEach(o=>{const{rects:t=[],id:r,attribute:u,trackID:i}=o,d=t.find(z=>z.imageName===P.current),h=r+"_"+P.current;d&&(e=[...e,__spreadProps(__spreadValues({},d),{boxID:r,id:h,attribute:u,order:i})])}),e}),m=useUpdateRectList.useUpdateRectList(()=>{var e,o,t,r,u;const i=a?[]:ce(),d=(e=n.current)==null?void 0:e.selectedRectID,h=v.slice(0),z=R?util.selectSpecifiedRectsFromTopViewSelectedIds(h,i,g):[...i,...g];let Q=[];!R&&(v==null?void 0:v.length)&&(Q=i.filter(M=>d?v.includes(M.boxID)&&!d.includes(M.boxID):v.includes(M.boxID))),(o=n.current)==null\|\|o.setHighLightRectList(Q),(t=n.current)==null\|\|t.setResult(z),T?((r=n.current)==null\|\|r.setSelectedRectID(T),H("")):ue&&d&&((u=n.current)==null\|\|u.setSelectedRectID(d),B(!1))}),K=({targetId:e,id:o})=>{y(!1),j(e),H(o)};return React.useEffect(()=>{if(k.current){const e=new lbAnnotation.PointCloud2DRectOperation({container:k.current,size:p,config:__spreadProps(__spreadValues({},I),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:S});return n.current=e,n.current.init(),n.current.on("updateDragResult",J),n.current.on("afterAddingDrawingRect",$),n.current.on("deleteSelectedRects",G),n.current.on("onRightClick",K),()=>{var o,t,r,u,i;(o=n.current)==null\|\|o.unbind("updateDragResult",J),(t=n.current)==null\|\|t.unbind("afterAddingDrawingRect",$),(r=n.current)==null\|\|r.unbind("deleteSelectedRects",G),(u=n.current)==null\|\|u.unbind("onRightClick",K),(i=n.current)==null\|\|i.destroy()}}},[]),React.useEffect(()=>{const e=t=>__async(void 0,null,function(){try{return yield lbAnnotation.ImgUtils.load(t)}catch(r){return console.error("Error loading image:",r),null}}),o=()=>__async(void 0,null,function*(){var t;F(!0);let r=yield e(L);!r&&b&&(r=yield e(b)),r&&((t=n.current)==null\|\|t.setImgNode(r),D(r)),F(!1)});n.current&&(L\|\|b)&&o()},[L,b]),React.useEffect(()=>{var e;(e=n.current)==null\|\|e.setSize(p)},[p]),React.useEffect(()=>{E!==x.current&&m()},[E]),React.useEffect(()=>{var e,o;const t=g.find(r=>r.id===n.current.selectedRectID);(o=(e=n.current)==null?void 0:e.setDefaultAttribute)==null\|\|o.call(e,V),t&&ee(r=>{var u;const i=[];let d=null;return r.forEach(h=>{h.id!==n.current.selectedRectID?i.push(h):d=h}),t.extId===void 0&&(d=(u=n.current)==null?void 0:u.selectedRect),[...i,__spreadProps(__spreadValues({},d\|\|{}),{attribute:V})]}),B(!0),m()},[V]),React.useEffect(()=>{const e=Z.current;___default.default.isEqual(e,g)\|\|(B(!0),m(),Z.current=g)},[g]),React.useEffect(()=>{m()},[a]),React.useEffect(()=>{var e,o,t,r;const u=(o=(e=n.current)==null?void 0:e.config)!=null?o:{},i=__spreadProps(__spreadValues({},u),{attributeList:(t=I.attributeList)!=null?t:[]});(r=n.current)==null\|\|r.setConfig(JSON.stringify(i))},[I.attributeList]),React.useEffect(()=>{var e;(e=n.current)==null\|\|e.setEnableAddRect(v.length===0),m()},[v]),ahooks.useDebounceEffect(()=>{if(!C\|\|!ie){y(!0),a&&(n.current.setHoverRectID(""),n.current.render());return}const{rectList:e,size:o,zoom:t,imgNode:r}=n.current,u=e.find(d=>d.boxID===C\|\|d.extId===C),i=lbUtils.ImgPosUtils.getBasicRecPos(r,u,o,.5);if(!i){y(!0);return}a&&n.current.setHoverRectID(u.id),n.current.setCurrentPos(i.currentPos),n.current.setZoom(i.innerZoom),n.current.renderBasicCanvas(),n.current.render()},[C],{wait:200}),React.useEffect(()=>{const{hiddenText:e}=U\|\|{};if(e===void 0)return;const o=n.current;if(!o)return;const t=__spreadValues(__spreadValues({},o.style),U);o.setStyle(t)},[U]),React.useEffect(()=>{m()},[R]),React__default.default.createElement(es.Spin,{spinning:oe},React__default.default.createElement("div",{ref:k,style:__spreadValues({position:"relative"},p)}))};var PointCloud2DRectOperationView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DRectOperationView);module.exports=PointCloud2DRectOperationView$1;

package/dist/components/pointCloudView/PointCloud3DView.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var dom=require("../../utils/dom.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),classNames=require("classnames"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudContext=require("./PointCloudContext.js"),map=require("../../store/annotation/map.js"),reactRedux=require("react-redux"),index=require("../../utils/index.js"),useSingleBox=require("./hooks/useSingleBox.js"),useSphere=require("./hooks/useSphere.js"),antd=require("antd"),useSize=require("../../hooks/useSize.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js"),index$1=require("./components/PointCloudSizeSlider/index.js"),index$2=require("./components/TitleButton/index.js"),icons=require("@ant-design/icons"),useToolStyle=require("../../hooks/useToolStyle.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,~~__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,~~__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(n,a,i)=>a in n?__defProp(n,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[a]=i,__spreadValues=(n,a)=>{for(var i in a\|\|(a={}))__hasOwnProp.call(a,i)&&__defNormalProp(n,i,a[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(a))__propIsEnum.call(a,i)&&__defNormalProp(n,i,a[i]);return n}~~,__spreadProps=(n,a)=>__defProps(n,__getOwnPropDescs(a))~~;const EKeyCode=lbAnnotation.cKeyCode.default,pointCloudID="LABELBEE-POINTCLOUD",PointCloud3DContext=React__default.default.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{},followTopView:()=>{}}),PointCloudViewIcon=({perspectiveView:n})=>{const{isActive:a,setTarget3DView:i}=React.useContext(PointCloud3DContext),d=t=>classNames__default.default({[dom.getClassName("point-cloud-3d-view",t)]:!0,active:a});return React__default.default.createElement("span",{onClick:()=>{i(lbUtils.EPerspectiveView[n])},className:d(n.toLocaleLowerCase())})},PointCloud3DSideBar=({isEnlarge:n})=>{const{reset3DView:a,followTopView:i}=React.useContext(PointCloud3DContext),{t:d}=reactI18next.useTranslation(),t=React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Top"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Front"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Left"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Back"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Right"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"LFT"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"RBT"})),p=React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(antd.Tooltip,{title:d("CameraFollowTopView")},React__default.default.createElement("span",{onClick:()=>{i()},className:dom.getClassName("point-cloud-3d-view","followTop")})),React__default.default.createElement("span",{onClick:()=>{a()},className:dom.getClassName("point-cloud-3d-view","reset")}));return n?React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-sidebarZoom")},p,t):React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-sidebar")},t,p)},PointCloud3D=({currentData:n,config:a,highlightAttribute:i})=>{var d;const t=React.useContext(PointCloudContext.PointCloudContext),[p,T]=React.useState(!0),[m,g]=React.useState(!1),f=React.useRef(null),{initPointCloud3d:P}=usePointCloudViews.usePointCloudViews(),v=useSize(f),{t:V}=reactI18next.useTranslation(),{value:x}=useToolStyle.useToolStyleContext(),{hiddenText:_}=x\|\|{};React.useEffect(()=>{let e=t.mainViewInstance;e&&e.updateHiddenTextAndRender(_,t.pointCloudBoxList)},[x]),React.useEffect(()=>{!t.mainViewInstance\|\|P==null\|\|P(v)},[v]);const{selectedBox:u}=useSingleBox.useSingleBox(),{selectedSphere:w}=useSphere.useSphere(),[y,h]=React.useState(!0),E=e=>{var o,l;const r=u==null?void 0:u.info;if(r){const s=__spreadValues({},r.center);s.x=s.x-.01,s.z=1e3;const c=e===lbUtils.EPerspectiveView.Top;(o=t.mainViewInstance)==null\|\|o.updateCameraByBox(r,e,c?s:void 0)}w&&((l=t.mainViewInstance)==null\|\|l.updateCameraBySphere(w,e))},b=()=>{var e;(e=t.mainViewInstance)==null\|\|e.resetCamera()},N=()=>{var e,o;const l=(e=t.topViewInstance)==null?void 0:e.pointCloudInstance.camera;l&&((o=t.mainViewInstance)==null\|\|o.applyCameraTarget(l))};React.useEffect(()=>{if(f.current&&(n==null?void 0:n.url)){let e=t.mainViewInstance;!e&&v.width&&(e=new lbAnnotation.PointCloud({container:f.current,isOrthographicCamera:!0,orthographicParams:lbUtils.PointCloudUtils.getDefaultOrthographicParams(v),config:a,hiddenText:_}),e.setHandlerPipe({setSelectedIDs:t.setSelectedIDs,setNeedUpdateCenter:h}),t.setMainViewInstance(e))}},[v,n]),React.useEffect(()=>{var e;if(f.current&&(n==null?void 0:n.url)&&n.result&&t.mainViewInstance){let o=t.mainViewInstance;const l=lbUtils.PointCloudUtils.getBoxParamsFromResultList(n.result);l.~~forEach~~(s=>~~{var c;const~~ C~~=(c=lbUtils~~.~~toolStyleConverter~~.~~getColorFromConfig~~(~~{attribute:s~~.~~attribute},__spreadProps(__spreadValues({},a~~)~~,{attributeConfigurable:!0}),{}))~~==null~~?void 0:c.hex;o==null~~\|\|o.~~addBoxToSense~~(s,C)}),o.~~render(~~),~~t.setPointCloudResult~~(l)~~;const r=lbUtils~~.~~PointCloudUtils.getRectParamsFromResultList~~(n.~~result~~)~~;t.setRectList(r~~),t.setPointCloudValid((e=index.jsonParser(n.result))==null?void 0:e.valid)}},[n,t.mainViewInstance]),React.useEffect(()=>{var e,o,l,r,s,c;const C=(e=u==null?void 0:u.info)==null?void 0:e.id;if(!y){h(!0);return}if(C!==void 0){E(lbUtils.EPerspectiveView.Top);const L=(r=(l=(o=t.topViewInstance)==null?void 0:o.pointCloudInstance)==null?void 0:l.camera.zoom)!=null?r:1;(s=t.mainViewInstance)==null\|\|s.updateCameraZoom(L),(c=t.mainViewInstance)==null\|\|c.setHighlightColor(C)}},[(d=u==null?void 0:u.info)==null?void 0:d.id]),React.useEffect(()=>{var e,o,l,r;if(w){E(lbUtils.EPerspectiveView.Top);const s=(l=(o=(e=t.topViewInstance)==null?void 0:e.pointCloudInstance)==null?void 0:o.camera.zoom)!=null?l:1;(r=t.mainViewInstance)==null\|\|r.updateCameraZoom(s)}},[w]),React.useEffect(()=>(window.addEventListener("keydown",I),()=>{window.removeEventListener("keydown",I)}),[]);const I=e=>{if(e.keyCode===EKeyCode.Esc){g(!1);return}},S=React.useMemo(()=>({reset3DView:b,setTarget3DView:E,isActive:!!u,followTopView:N}),[u,t.mainViewInstance]);React.useEffect(()=>{var e,o,l;const r=t.pointCloudBoxList.filter(s=>s.attribute===i);(r==null?void 0:r.length)>0&&((e=t.mainViewInstance)==null\|\|e.clearHighlightBoxes(),(o=t.mainViewInstance)==null\|\|o.highlightBoxes(r)),r.length===0&&((l=t.mainViewInstance)==null\|\|l.clearHighlightBoxesAndRender())},[i,t.mainViewInstance]);const B=React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$1,{onChange:e=>{var o;(o=t.mainViewInstance)==null\|\|o.updatePointSize({customSize:e})}}),React__default.default.createElement("span",{style:{marginRight:8}},V("ShowArrows")),React__default.default.createElement(antd.Switch,{size:"small",checked:p,onChange:e=>{var o;T(e),(o=t.mainViewInstance)==null\|\|o.setShowDirection(e)}}),m&&React__default.default.createElement(PointCloud3DContext.Provider,{value:S},React__default.default.createElement(PointCloud3DSideBar,{isEnlarge:m})));return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:classNames__default.default({[dom.getClassName("point-cloud-3d-container")]:!0,[dom.getClassName("point-cloud-container","zoom")]:m}),title:m?React__default.default.createElement("div",{style:{display:"flex",alignItems:"center"}},React__default.default.createElement(icons.LeftOutlined,{style:{cursor:"pointer",marginRight:"12px"},onClick:()=>{g(!1)}}),V("3DView")):React__default.default.createElement(index$2,{title:V("3DView"),onClick:()=>{g(!0)}}),toolbar:B},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-content")},!m&&React__default.default.createElement(PointCloud3DContext.Provider,{value:S},React__default.default.createElement(PointCloud3DSideBar,null)),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-view"),id:pointCloudID,ref:f})))};var PointCloud3DView=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud3D);module.exports=PointCloud3DView;
1	+ "use strict";var dom=require("../../utils/dom.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),classNames=require("classnames"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudContext=require("./PointCloudContext.js"),map=require("../../store/annotation/map.js"),reactRedux=require("react-redux"),index=require("../../utils/index.js"),useSingleBox=require("./hooks/useSingleBox.js"),useSphere=require("./hooks/useSphere.js"),antd=require("antd"),useSize=require("../../hooks/useSize.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js"),index$1=require("./components/PointCloudSizeSlider/index.js"),index$2=require("./components/TitleButton/index.js"),icons=require("@ant-design/icons"),useToolStyle=require("../../hooks/useToolStyle.js"),usePointCloudAttribute=require("./hooks/usePointCloudAttribute.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(n,i,a)=>i in n?__defProp(n,i,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[i]=a,__spreadValues=(n,i)=>{for(var a in i\|\|(i={}))__hasOwnProp.call(i,a)&&__defNormalProp(n,a,i[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(i))__propIsEnum.call(i,a)&&__defNormalProp(n,a,i[a]);return n};const EKeyCode=lbAnnotation.cKeyCode.default,pointCloudID="LABELBEE-POINTCLOUD",PointCloud3DContext=React__default.default.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{},followTopView:()=>{}}),PointCloudViewIcon=({perspectiveView:n})=>{const{isActive:i,setTarget3DView:a}=React.useContext(PointCloud3DContext),m=d=>classNames__default.default({[dom.getClassName("point-cloud-3d-view",d)]:!0,active:i});return React__default.default.createElement("span",{onClick:()=>{a(lbUtils.EPerspectiveView[n])},className:m(n.toLocaleLowerCase())})},PointCloud3DSideBar=({isEnlarge:n})=>{const{reset3DView:i,followTopView:a}=React.useContext(PointCloud3DContext),{t:m}=reactI18next.useTranslation(),d=React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Top"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Front"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Left"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Back"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Right"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"LFT"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"RBT"})),e=React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(antd.Tooltip,{title:m("CameraFollowTopView")},React__default.default.createElement("span",{onClick:()=>{a()},className:dom.getClassName("point-cloud-3d-view","followTop")})),React__default.default.createElement("span",{onClick:()=>{i()},className:dom.getClassName("point-cloud-3d-view","reset")}));return n?React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-sidebarZoom")},e,d):React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-sidebar")},d,e)},PointCloud3D=({currentData:n,config:i,highlightAttribute:a,setResourceLoading:m})=>{var d;const e=React.useContext(PointCloudContext.PointCloudContext),[b,y]=React.useState(!0),[f,V]=React.useState(!1),v=React.useRef(null),{initPointCloud3d:P,generateRects:B}=usePointCloudViews.usePointCloudViews(),p=useSize(v),{t:g}=reactI18next.useTranslation(),{value:x}=useToolStyle.useToolStyleContext(),{hiddenText:I}=x\|\|{},{updatePointCloudAttribute:L}=usePointCloudAttribute.usePointCloudAttribute(m,i),{updateSelectedBox:N}=useSingleBox.useSingleBox({generateRects:B});React.useEffect(()=>{let t=e.mainViewInstance;t&&t.updateHiddenTextAndRender(I,e.pointCloudBoxList)},[x]),React.useEffect(()=>{!e.mainViewInstance\|\|P==null\|\|P(p)},[p]);const{selectedBox:c}=useSingleBox.useSingleBox(),{selectedSphere:w}=useSphere.useSphere(),[q,h]=React.useState(!0),E=t=>{var o,l;const s=c==null?void 0:c.info;if(s){const r=__spreadValues({},s.center);r.x=r.x-.01,r.z=1e3;const u=t===lbUtils.EPerspectiveView.Top;(o=e.mainViewInstance)==null\|\|o.updateCameraByBox(s,t,u?r:void 0)}w&&((l=e.mainViewInstance)==null\|\|l.updateCameraBySphere(w,t))},j=()=>{var t;(t=e.mainViewInstance)==null\|\|t.resetCamera()},D=()=>{var t,o;const l=(t=e.topViewInstance)==null?void 0:t.pointCloudInstance.camera;l&&((o=e.mainViewInstance)==null\|\|o.applyCameraTarget(l))};React.useEffect(()=>{if(v.current&&(n==null?void 0:n.url)){let t=e.mainViewInstance;!t&&p.width&&(t=new lbAnnotation.PointCloud({container:v.current,isOrthographicCamera:!0,orthographicParams:lbUtils.PointCloudUtils.getDefaultOrthographicParams(p),config:i,hiddenText:I}),t.setHandlerPipe({setSelectedIDs:e.setSelectedIDs,setNeedUpdateCenter:h}),e.setMainViewInstance(t))}},[p,n]),React.useEffect(()=>{var t,o;if(v.current&&(n==null?void 0:n.url)&&n.result&&e.mainViewInstance){let l=e.mainViewInstance;const s=lbUtils.PointCloudUtils.getRectParamsFromResultList(n.result),r=lbUtils.PointCloudUtils.getBoxParamsFromResultList(n.result),u=r.find(C=>C.id===e.selectedID);u&&((t=e.topViewInstance)==null\|\|t.updatePolygonList(r,void 0),L(u.attribute),N(u),e.setSelectedIDs(u.id)),e.setPointCloudValid((o=index.jsonParser(n.result))==null?void 0:o.valid),e.setPointCloudResult(r),e.setRectList(s),l.generateBoxes(r)}},[n.result,e.mainViewInstance]),React.useEffect(()=>{var t,o,l,s,r,u,C;const T=(t=c==null?void 0:c.info)==null?void 0:t.id;if(!q){h(!0);return}if(T!==void 0){E(lbUtils.EPerspectiveView.Top);const k=(s=(l=(o=e.topViewInstance)==null?void 0:o.pointCloudInstance)==null?void 0:l.camera.zoom)!=null?s:1;(r=e.mainViewInstance)==null\|\|r.updateCameraZoom(k)}(u=e.mainViewInstance)==null\|\|u.setHighlightColor(T),(C=e.mainViewInstance)==null\|\|C.render()},[(d=c==null?void 0:c.info)==null?void 0:d.id]),React.useEffect(()=>{var t,o,l,s;if(w){E(lbUtils.EPerspectiveView.Top);const r=(l=(o=(t=e.topViewInstance)==null?void 0:t.pointCloudInstance)==null?void 0:o.camera.zoom)!=null?l:1;(s=e.mainViewInstance)==null\|\|s.updateCameraZoom(r)}},[w]),React.useEffect(()=>(window.addEventListener("keydown",_),()=>{window.removeEventListener("keydown",_)}),[]);const _=t=>{if(t.keyCode===EKeyCode.Esc){V(!1);return}},S=React.useMemo(()=>({reset3DView:j,setTarget3DView:E,isActive:!!c,followTopView:D}),[c,e.mainViewInstance]);React.useEffect(()=>{var t,o,l;const s=e.pointCloudBoxList.filter(r=>r.attribute===a);(s==null?void 0:s.length)>0&&((t=e.mainViewInstance)==null\|\|t.clearHighlightBoxes(),(o=e.mainViewInstance)==null\|\|o.highlightBoxes(s)),s.length===0&&((l=e.mainViewInstance)==null\|\|l.clearHighlightBoxesAndRender())},[a,e.mainViewInstance]);const R=React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$1,{onChange:t=>{var o;(o=e.mainViewInstance)==null\|\|o.updatePointSize({customSize:t})}}),React__default.default.createElement("span",{style:{marginRight:8}},g("ShowArrows")),React__default.default.createElement(antd.Switch,{size:"small",checked:b,onChange:t=>{var o;y(t),(o=e.mainViewInstance)==null\|\|o.setShowDirection(t)}}),f&&React__default.default.createElement(PointCloud3DContext.Provider,{value:S},React__default.default.createElement(PointCloud3DSideBar,{isEnlarge:f})));return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:classNames__default.default({[dom.getClassName("point-cloud-3d-container")]:!0,[dom.getClassName("point-cloud-container","zoom")]:f}),title:f?React__default.default.createElement("div",{style:{display:"flex",alignItems:"center"}},React__default.default.createElement(icons.LeftOutlined,{style:{cursor:"pointer",marginRight:"12px"},onClick:()=>{V(!1)}}),g("3DView")):React__default.default.createElement(index$2,{title:g("3DView"),onClick:()=>{V(!0)}}),toolbar:R},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-content")},!f&&React__default.default.createElement(PointCloud3DContext.Provider,{value:S},React__default.default.createElement(PointCloud3DSideBar,null)),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-view"),id:pointCloudID,ref:v})))};var PointCloud3DView=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud3D);module.exports=PointCloud3DView;

package/dist/components/pointCloudView/PointCloudListener.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var PointCloudContext=require("./PointCloudContext.js"),useRotate=require("./hooks/useRotate.js"),useRotateEdge=require("./hooks/useRotateEdge.js"),useBoxes=require("./hooks/useBoxes.js"),useSingleBox=require("./hooks/useSingleBox.js"),useSphere=require("./hooks/useSphere.js"),React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),antd=require("antd"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),useStatus=require("./hooks/useStatus.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),ctx=require("../../store/ctx.js"),useHistory=require("./hooks/useHistory.js"),useAttribute=require("./hooks/useAttribute.js"),useConfig=require("./hooks/useConfig.js"),usePolygon=require("./hooks/usePolygon.js"),useLine=require("./hooks/useLine.js"),useUpdatePointCloudColor=require("./hooks/useUpdatePointCloudColor.js"),reactI18next=require("react-i18next"),ahooks=require("ahooks"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(n,r,i)=>r in n?__defProp(n,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[r]=i,__spreadValues=(n,r)=>{for(var i in r\|\|(r={}))__hasOwnProp.call(r,i)&&__defNormalProp(n,i,r[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(r))__propIsEnum.call(r,i)&&__defNormalProp(n,i,r[i]);return n},__spreadProps=(n,r)=>__defProps(n,__getOwnPropDescs(r));const{EPolygonPattern}=lbAnnotation.cTool,PointCloudListener=({currentData:n,config:r,checkMode:i,configString:_,imgIndex:w,toolInstanceRef:a,setResourceLoading:f})=>{const e=React.useContext(PointCloudContext.PointCloudContext),{changeSelectedBoxValid:V,selectNextBox:E,selectPrevBox:B,updateSelectedBox:L,deleteSelectedPointCloudBoxAndPolygon:q}=useSingleBox.useSingleBox(),{selectedSphere:b,updatePointCloudSphere:I}=useSphere.useSphere(),{clearAllResult:P,updatePointCloudPattern:O}=useStatus.useStatus(),{copySelectedBoxes:j,pasteSelectedBoxes:A,copiedBoxes:$}=useBoxes.useBoxes({config:r,currentData:n}),{updateRotate:g}=useRotate.useRotate({currentData:n}),{updateRotateEdge:T}=useRotateEdge.useRotateEdge({currentData:n}),{updatePointCloudData:p,topViewSelectedChanged:D}=usePointCloudViews.usePointCloudViews({setResourceLoading:f}),{redo:h,undo:m,pushHistoryWithList:N,pushHistoryUnderUpdatePolygon:H,pushHistoryUnderUpdateLine:K}=useHistory.useHistory(),{syncThreeViewsAttribute:S}=useAttribute.useAttribute(),{syncAllViewsConfig:U,reRenderTopViewRange:R}=useConfig.useConfig(),{selectedPolygon:k}=usePolygon.usePolygon(),{selectedLine:x}=useLine.useLine(),{t:y}=reactI18next.useTranslation(),{updatePointCloudColor:z}=useUpdatePointCloudColor.useUpdatePointCloudColor(f,r),F=ahooks.useLatest(n),v=t=>{var o;const{topViewInstance:s}=e;!s\|\|(o=s.pointCloud2dOperation)==null\|\|o.updateSelectedPolygonsPoints(t)},G=(t,o)=>{~~var s,u;~~const{topViewInstance:c,mainViewInstance:l}=e;if(!c)return;const{pointCloud2dOperation:C}=c;switch(t){case"q":{g(e.rectRotateSensitivity);break}case"e":g(-Number(e.rectRotateSensitivity));break;case"g":T(-90);break;case"u":{const d=C.pattern===EPolygonPattern.Normal?lbAnnotation.EToolName.Rect:lbAnnotation.EToolName.Polygon;O(d);const Y={[lbAnnotation.EToolName.Polygon]:y("PolygonPattern"),[lbAnnotation.EToolName.Rect]:y("RectPattern")};antd.message.success(y("ChangePatternMsg",{pattern:Y[d]})),C.clearActiveStatus(),C.clearDrawingStatus()}break;case"+":l==null\|\|l.updatePointSize({zoomIn:!0});break;case"-":l==null\|\|l.updatePointSize({zoomIn:!1});break;case"v":e.setPointCloudValid(!e.valid);break;case"tab":if(o.shiftKey){B();break}E(),o.preventDefault();break;case"f":V();break;case"arrowup":v({y:-1});break;case"arrowdown":v({y:1});break;case"arrowleft":v({x:-1});break;case"arrowright":v({x:1});break;case"delete":q(F.current);break;default:{if(((s=r.attributeList)==null?void 0:s.length)>0){const d=lbAnnotation.AttributeUtils.getAttributeByKeycode(o.keyCode,r.attributeList);d!==void 0&&((u=a.current)==null\|\|u.setDefaultAttribute(d))}~~return~~}}},M=(t,o)=>{switch(t){case"c":j();break;case"v":A();break;case"a":o.preventDefault(),e.selectedAllBoxes();break;case"z":{o.shiftKey?h():m();break}}},W=ahooks.useLatest(t=>{if(!lbAnnotation.CommonToolUtils.hotkeyFilter(t)\|\|i===!0)return;const o=t.key.toLocaleLowerCase();if(t.ctrlKey){M(o,t);return}G(o,t)});return React.useEffect(()=>{if(!e.topViewInstance)return;const{addEventListener:o}=e.windowKeydownListenerHook;return o(c=>W.current(c))},[e,e.topViewInstance,e.windowKeydownListenerHook]),React.useEffect(()=>{U(r)},[_]),React.useEffect(()=>{(r==null?void 0:r.radius)&&R(r==null?void 0:r.radius)},[r==null?void 0:r.radius]),React.useEffect(()=>{p==null\|\|p()},[w,e.mainViewInstance]),React.useEffect(()=>{e.setHideAttributes([])},[w]),React.useEffect(()=>{a.current.setDefaultAttribute=t=>{var o;if(S(t),z(t),k&&H(__spreadProps(__spreadValues({},k),{attribute:t})),x&&K(__spreadProps(__spreadValues({},x),{attribute:t})),b){const s=I(__spreadProps(__spreadValues({},b),{attribute:t}));e.mainViewInstance&&((o=e.mainViewInstance)==null\|\|o.generateSpheres(s),D({newSelectedSphere:b,newSphereList:s}))}},a.current.setSubAttribute=(t,o)=>{var s;const u=e.selectedPointCloudBox;if(u){const c=(s=u==null?void 0:u.subAttribute)!=null?s:{};u.subAttribute=__spreadProps(__spreadValues({},c),{[t]:o}),L(u),e.mainViewInstance&&e.selectedPointCloudBox&&e.mainViewInstance.generateBox(e.selectedPointCloudBox)}},a.current.clearResult=()=>{P==null\|\|P()},a.current.redo=()=>{h()},a.current.undo=()=>{m()},a.current.setValid=t=>{a.current.valid=t,setTimeout(()=>{e.setPointCloudValid(t),t===!1&&P()})},a.current.setForbidOperation=t=>{var o,s;(s=(o=e.topViewInstance)==null?void 0:o.pointCloud2dOperation)==null\|\|s.setForbidOperation(t),t===!0&&e.setSelectedIDs(void 0)},a.current.setShowDefaultCursor=t=>{var o,s;(s=(o=e.topViewInstance)==null?void 0:o.pointCloud2dOperation)==null\|\|s.setShowDefaultCursor(t)},a.current.asyncData=t=>{setTimeout(()=>{p==null\|\|p(t)})}},[e.pointCloudBoxList,e.pointCloudSphereList,e.selectedID,e.selectedIDs,e.valid,e.polygonList,e.lineList,e.mainViewInstance,e.ptSegmentInstance]),React.useEffect(()=>{a.current.updateSegmentTool=t=>{var o;(o=e.ptSegmentInstance)==null\|\|o.emit(t)},a.current.segmentInstance=e.ptSegmentInstance},[e.ptSegmentInstance]),React.useEffect(()=>{a.current.history={pushHistory:t=>{N({pointCloudBoxList:t})},initRecord:()=>{}}},[]),React.useEffect(()=>{var t;const o=(t=e.topViewInstance)==null?void 0:t.toolInstance;if(!o\|\|i)return;const s=l=>{S(l)},u=l=>{antd.message.error(l)},c=l=>{antd.message.info(l)};return o.on("syncAttribute",s),o.on("messageError",u),o.on("messageInfo",c),()=>{o.unbind("syncAttribute",s),o.unbind("messageError",u),o.unbind("messageInfo",c)}},[e.topViewInstance]),null};var PointCloudListener$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudListener);module.exports=PointCloudListener$1;
1	+ "use strict";var PointCloudContext=require("./PointCloudContext.js"),useRotate=require("./hooks/useRotate.js"),useRotateEdge=require("./hooks/useRotateEdge.js"),useBoxes=require("./hooks/useBoxes.js"),useSingleBox=require("./hooks/useSingleBox.js"),useSphere=require("./hooks/useSphere.js"),React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),antd=require("antd"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),useStatus=require("./hooks/useStatus.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),ctx=require("../../store/ctx.js"),useHistory=require("./hooks/useHistory.js"),useAttribute=require("./hooks/useAttribute.js"),useConfig=require("./hooks/useConfig.js"),usePolygon=require("./hooks/usePolygon.js"),useLine=require("./hooks/useLine.js"),useUpdatePointCloudColor=require("./hooks/useUpdatePointCloudColor.js"),reactI18next=require("react-i18next"),ahooks=require("ahooks"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(a,r,i)=>r in a?__defProp(a,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[r]=i,__spreadValues=(a,r)=>{for(var i in r\|\|(r={}))__hasOwnProp.call(r,i)&&__defNormalProp(a,i,r[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(r))__propIsEnum.call(r,i)&&__defNormalProp(a,i,r[i]);return a},__spreadProps=(a,r)=>__defProps(a,__getOwnPropDescs(r));const{EPolygonPattern}=lbAnnotation.cTool,PointCloudListener=({currentData:a,config:r,checkMode:i,configString:x,imgIndex:b,toolInstanceRef:u,setResourceLoading:y})=>{const e=React.useContext(PointCloudContext.PointCloudContext),{changeSelectedBoxValid:k,selectNextBox:V,selectPrevBox:_,updateSelectedBox:E,deleteSelectedPointCloudBoxAndPolygon:I}=useSingleBox.useSingleBox(),{selectedSphere:v,updatePointCloudSphere:q}=useSphere.useSphere(),{clearAllResult:P,updatePointCloudPattern:B}=useStatus.useStatus(),{copySelectedBoxes:L,pasteSelectedBoxes:O,copiedBoxes:W}=useBoxes.useBoxes({config:r,currentData:a}),{updateRotate:C}=useRotate.useRotate({currentData:a}),{updateRotateEdge:j}=useRotateEdge.useRotateEdge({currentData:a}),{updatePointCloudData:d,topViewSelectedChanged:T}=usePointCloudViews.usePointCloudViews({setResourceLoading:y}),{redo:f,undo:g,pushHistoryWithList:A,pushHistoryUnderUpdatePolygon:D,pushHistoryUnderUpdateLine:H}=useHistory.useHistory(),{syncThreeViewsAttribute:m}=useAttribute.useAttribute(),{syncAllViewsConfig:N,reRenderTopViewRange:R}=useConfig.useConfig(),{selectedPolygon:h}=usePolygon.usePolygon(),{selectedLine:S}=useLine.useLine(),{t:w}=reactI18next.useTranslation(),{updatePointCloudColor:K}=useUpdatePointCloudColor.useUpdatePointCloudColor(y,r),U=ahooks.useLatest(a),p=t=>{var o;const{topViewInstance:s}=e;!s\|\|(o=s.pointCloud2dOperation)==null\|\|o.updateSelectedPolygonsPoints(t)},z=(t,o)=>{const{topViewInstance:s,mainViewInstance:n}=e;if(!s)return;const{pointCloud2dOperation:l}=s;switch(t){case"q":{C(e.rectRotateSensitivity);break}case"e":C(-Number(e.rectRotateSensitivity));break;case"g":j(-90);break;case"u":{const c=l.pattern===EPolygonPattern.Normal?lbAnnotation.EToolName.Rect:lbAnnotation.EToolName.Polygon;B(c);const M={[lbAnnotation.EToolName.Polygon]:w("PolygonPattern"),[lbAnnotation.EToolName.Rect]:w("RectPattern")};antd.message.success(w("ChangePatternMsg",{pattern:M[c]})),l.clearActiveStatus(),l.clearDrawingStatus()}break;case"+":n==null\|\|n.updatePointSize({zoomIn:!0});break;case"-":n==null\|\|n.updatePointSize({zoomIn:!1});break;case"v":e.setPointCloudValid(!e.valid);break;case"tab":if(o.shiftKey){_();break}V(),o.preventDefault();break;case"f":k();break;case"arrowup":p({y:-1});break;case"arrowdown":p({y:1});break;case"arrowleft":p({x:-1});break;case"arrowright":p({x:1});break;case"delete":I(U.current);break}},F=(t,o)=>{switch(t){case"c":L();break;case"v":O();break;case"a":o.preventDefault(),e.selectedAllBoxes();break;case"z":{o.shiftKey?f():g();break}}},G=ahooks.useLatest(t=>{if(!lbAnnotation.CommonToolUtils.hotkeyFilter(t)\|\|i===!0)return;const o=t.key.toLocaleLowerCase();if(t.ctrlKey){F(o,t);return}z(o,t)});return React.useEffect(()=>{if(!e.topViewInstance)return;const{addEventListener:o}=e.windowKeydownListenerHook;return o(l=>G.current(l))},[e,e.topViewInstance,e.windowKeydownListenerHook]),React.useEffect(()=>{N(r)},[x]),React.useEffect(()=>{(r==null?void 0:r.radius)&&R(r==null?void 0:r.radius)},[r==null?void 0:r.radius]),React.useEffect(()=>{d==null\|\|d()},[b,e.mainViewInstance]),React.useEffect(()=>{e.setHideAttributes([])},[b]),React.useEffect(()=>{u.current.setDefaultAttribute=t=>{var o;if(m(t),K(t),h&&D(__spreadProps(__spreadValues({},h),{attribute:t})),S&&H(__spreadProps(__spreadValues({},S),{attribute:t})),v){const s=q(__spreadProps(__spreadValues({},v),{attribute:t}));e.mainViewInstance&&((o=e.mainViewInstance)==null\|\|o.generateSpheres(s),T({newSelectedSphere:v,newSphereList:s}))}},u.current.setSubAttribute=(t,o)=>{var s;const n=e.selectedPointCloudBox;if(n){const l=(s=n==null?void 0:n.subAttribute)!=null?s:{};n.subAttribute=__spreadProps(__spreadValues({},l),{[t]:o}),E(n),e.mainViewInstance&&e.selectedPointCloudBox&&(e.mainViewInstance.generateBox(e.selectedPointCloudBox),e.mainViewInstance.setHighlightColor(n.id),e.mainViewInstance.render())}},u.current.clearResult=()=>{P==null\|\|P()},u.current.redo=()=>{f()},u.current.undo=()=>{g()},u.current.setValid=t=>{u.current.valid=t,setTimeout(()=>{e.setPointCloudValid(t),t===!1&&P()})},u.current.setForbidOperation=t=>{var o,s;(s=(o=e.topViewInstance)==null?void 0:o.pointCloud2dOperation)==null\|\|s.setForbidOperation(t),t===!0&&e.setSelectedIDs(void 0)},u.current.setShowDefaultCursor=t=>{var o,s;(s=(o=e.topViewInstance)==null?void 0:o.pointCloud2dOperation)==null\|\|s.setShowDefaultCursor(t)},u.current.asyncData=t=>{setTimeout(()=>{d==null\|\|d(t)})}},[e.pointCloudBoxList,e.pointCloudSphereList,e.selectedID,e.selectedIDs,e.valid,e.polygonList,e.lineList,e.mainViewInstance,e.ptSegmentInstance]),React.useEffect(()=>{u.current.updateSegmentTool=t=>{var o;(o=e.ptSegmentInstance)==null\|\|o.emit(t)},u.current.segmentInstance=e.ptSegmentInstance},[e.ptSegmentInstance]),React.useEffect(()=>{u.current.history={pushHistory:t=>{A({pointCloudBoxList:t})},initRecord:()=>{}}},[]),React.useEffect(()=>{var t;const o=(t=e.topViewInstance)==null?void 0:t.toolInstance;if(!o\|\|i)return;const s=c=>{m(c)},n=c=>{antd.message.error(c)},l=c=>{antd.message.info(c)};return o.on("syncAttribute",s),o.on("messageError",n),o.on("messageInfo",l),()=>{o.unbind("syncAttribute",s),o.unbind("messageError",n),o.unbind("messageInfo",l)}},[e.topViewInstance]),null};var PointCloudListener$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudListener);module.exports=PointCloudListener$1;

package/dist/components/pointCloudView/components/UnifyParamsModal/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var ~~index=require("../../../../constant/index.js"),~~actionCreators=require("../../../../store/annotation/actionCreators.js"),ctx=require("../../../../store/ctx.js"),antd=require("antd"),React=require("react"),reactI18next=require("react-i18next"),icons=require("@ant-design/icons"),lbUtils=require("@labelbee/lb-utils"),reactRedux=require("react-redux"),useSingleBox=require("../../hooks/useSingleBox.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,a,r)=>a in e?__defProp(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,__spreadValues=(e,a)=>{for(var r in a\|\|(a={}))__hasOwnProp.call(a,r)&&__defNormalProp(e,r,a[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(a))__propIsEnum.call(a,r)&&__defNormalProp(e,r,a[r]);return e},__spreadProps=(e,a)=>__defProps(e,__getOwnPropDescs(a));const layout={labelCol:{span:8},wrapperCol:{span:16}},defaultNumberRules=[{required:!0,message:"\u8BF7\u586B\u5199\u4E00\u4E2A\u6570\u5B57"}],defaultSelectedAttribute=[{required:!0,message:"\u8BF7\u9009\u62E9\u4E3B\u5C5E\u6027"}],DECIMAL_PLACES=2,PrefixTag=({text:e})=>React__default.default.createElement("span",{style:{borderRadius:"4px 0px 0px 4px",padding:"0px 12px",background:"#FAFAFA",border:"1px solid rgb(217 217 217)",borderRight:"0",display:"flex",alignItems:"center",height:32}},e),UnifyParamsModal=({id:e,visible:a,onCancel:r,config:s,imgList:f,imgIndex:v})=>{const y=ctx.useDispatch(),{selectedBox:l}=useSingleBox.useSingleBox(),[c,p]=React.useState(),[d]=antd.Form.useForm(),{t:u}=reactI18next.useTranslation();React.useEffect(()=>{a===!1?(d.resetFields(),p(void 0)):b()},[a]);const F=t=>{var i;if(!e)return;if(!c){antd.message.info("\u8BE5\u8303\u56F4\u4E0D\u5B58\u5728\u66F4\u6539\u6570\u636E, \u8BF7\u66F4\u6539\u7EDF\u4E00\u8303\u56F4");return}~~y(actionCreators.ToSubmitFileData(index.ESubmitType.SyncImgList));~~const n={attribute:t.attribute};if(s.secondaryAttributeConfigurable){const o={};(i=s.inputList)==null\|\|i.forEach(m=>{const g=t[m.value];g!==void 0&&Object.assign(o,{[m.value]:g})}),Object.keys(o).length>0&&Object.assign(n,{subAttribute:o})}c&&Object.assign(n,c),y(actionCreators.BatchUpdateResultByTrackID(e,n,[t.prevPage-1,t.nextPage-1])),r()},b=React.useCallback(()=>{var t;const{prevPage:i,nextPage:n}=d.getFieldsValue(["prevPage","nextPage"]),o=f.filter((g,P)=>lbAnnotation.MathUtils.isInRange(P,[i-1,n-1]));if(!((o==null?void 0:o.length)>0)\|\|!(l==null?void 0:l.info)\|\|((t=l==null?void 0:l.info)==null?void 0:t.trackID)===void 0){p(void 0);return}const m=lbUtils.PointCloudUtils.getMaxSizeFromBox({trackID:l.info.trackID,imgList:o});p(m)},[f,l,v]),h=()=>d.submit(),S=()=>{if(!c\|\|!(l==null?void 0:l.info))return;const t={marginRight:16},{length:i,width:n,height:o}=lbUtils.PointCloudUtils.transferBox2Kitti(__spreadValues(__spreadValues({},l==null?void 0:l.info),c));return React__default.default.createElement("div",null,React__default.default.createElement("span",{style:t},u("Length"),": ",i.toFixed(DECIMAL_PLACES)),React__default.default.createElement("span",{style:t},u("Width"),": ",n.toFixed(DECIMAL_PLACES)),React__default.default.createElement("span",{style:t},u("Height"),": ",o.toFixed(DECIMAL_PLACES)),React__default.default.createElement(antd.Popover,{placement:"rightBottom",content:"\u7EDF\u4E00\u5C3A\u5BF8\u4E3A\u8BE5ID\u7684\u6240\u6709\u6807\u6CE8\u6846\u4E2D\u6700\u5927\u7684\u5C3A\u5BF8"},React__default.default.createElement(icons.QuestionCircleOutlined,null)))},E={width:"200px"},x={marginBottom:"24px",display:"flex",alignItems:"center"};return React__default.default.createElement(antd.Modal,{title:u("UnifyParams"),visible:a,onCancel:r,onOk:h,wrapClassName:"labelbee-custom-modal"},React__default.default.createElement(antd.Form,__spreadProps(__spreadValues({},layout),{form:d,onFinish:F}),React__default.default.createElement(antd.Form.Item,{name:"id",label:u("UnifyTrackID")},e),React__default.default.createElement(antd.Form.Item,{label:u("UnifyAttributeRange"),required:!0},React__default.default.createElement(antd.Form.Item,{style:{display:"inline-block"},rules:defaultNumberRules,name:"prevPage",noStyle:!0,initialValue:1},React__default.default.createElement(antd.InputNumber,{precision:0,min:1,style:{width:"80px"},onChange:()=>b()})),React__default.default.createElement("span",{style:{display:"inline-block",width:"24px",textAlign:"center"}},"-"),React__default.default.createElement(antd.Form.Item,{style:{display:"inline-block"},rules:defaultNumberRules,name:"nextPage",noStyle:!0,initialValue:f.length},React__default.default.createElement(antd.InputNumber,{precision:0,min:1,style:{width:"80px"},onChange:()=>b()})),React__default.default.createElement("span",{style:{display:"inline-block",width:"40x",marginLeft:"10px",textAlign:"center"}},u("Page"))),React__default.default.createElement(antd.Form.Item,{name:"UnifySize",label:u("UnifySize")},S()),React__default.default.createElement(antd.Form.Item,{label:u("UnifyTag"),required:!0},React__default.default.createElement("div",{style:x},React__default.default.createElement(PrefixTag,{text:u("Attribute")}),React__default.default.createElement(antd.Form.Item,{name:"attribute",noStyle:!0,rules:defaultSelectedAttribute},React__default.default.createElement(antd.Select,{style:E},s.attributeList.map(t=>React__default.default.createElement(antd.Select.Option,{key:t.value,value:t.value},t.key))))),s.secondaryAttributeConfigurable&&s.inputList.map(t=>{var i;return React__default.default.createElement("div",{key:t.value,style:x},React__default.default.createElement(PrefixTag,{text:t.key}),React__default.default.createElement(antd.Form.Item,{name:t.value,noStyle:!0,required:!1},React__default.default.createElement(antd.Select,{style:E},(i=t.subSelected)==null?void 0:i.map(n=>React__default.default.createElement(antd.Select.Option,{key:n.value,value:n.value},n.key)))))}))))},mapStateToProps=e=>({imgIndex:e.annotation.imgIndex});var UnifyParamsModal$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(UnifyParamsModal);module.exports=UnifyParamsModal$1;
1	+ "use strict";var actionCreators=require("../../../../store/annotation/actionCreators.js"),ctx=require("../../../../store/ctx.js"),antd=require("antd"),React=require("react"),reactI18next=require("react-i18next"),icons=require("@ant-design/icons"),lbUtils=require("@labelbee/lb-utils"),reactRedux=require("react-redux"),useSingleBox=require("../../hooks/useSingleBox.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,a,r)=>a in e?__defProp(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,__spreadValues=(e,a)=>{for(var r in a\|\|(a={}))__hasOwnProp.call(a,r)&&__defNormalProp(e,r,a[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(a))__propIsEnum.call(a,r)&&__defNormalProp(e,r,a[r]);return e},__spreadProps=(e,a)=>__defProps(e,__getOwnPropDescs(a));const layout={labelCol:{span:8},wrapperCol:{span:16}},defaultNumberRules=[{required:!0,message:"\u8BF7\u586B\u5199\u4E00\u4E2A\u6570\u5B57"}],defaultSelectedAttribute=[{required:!0,message:"\u8BF7\u9009\u62E9\u4E3B\u5C5E\u6027"}],DECIMAL_PLACES=2,PrefixTag=({text:e})=>React__default.default.createElement("span",{style:{borderRadius:"4px 0px 0px 4px",padding:"0px 12px",background:"#FAFAFA",border:"1px solid rgb(217 217 217)",borderRight:"0",display:"flex",alignItems:"center",height:32}},e),UnifyParamsModal=({id:e,visible:a,onCancel:r,config:s,imgList:m,imgIndex:v})=>{const h=ctx.useDispatch(),{selectedBox:l}=useSingleBox.useSingleBox(),[c,y]=React.useState(),[f]=antd.Form.useForm(),{t:u}=reactI18next.useTranslation();React.useEffect(()=>{a===!1?(f.resetFields(),y(void 0)):b()},[a]);const F=t=>{var i;if(!e)return;if(!c){antd.message.info("\u8BE5\u8303\u56F4\u4E0D\u5B58\u5728\u66F4\u6539\u6570\u636E, \u8BF7\u66F4\u6539\u7EDF\u4E00\u8303\u56F4");return}const n={attribute:t.attribute};if(s.secondaryAttributeConfigurable){const o={};(i=s.inputList)==null\|\|i.forEach(p=>{const d=t[p.value];if(d!==void 0){const g=Array.isArray(d)?d.join(";"):d;Object.assign(o,{[p.value]:g})}}),Object.keys(o).length>0&&Object.assign(n,{subAttribute:o})}c&&Object.assign(n,c),h(actionCreators.BatchUpdateResultByTrackID(e,n,[t.prevPage-1,t.nextPage-1],m)),r()},b=React.useCallback(()=>{var t;const{prevPage:i,nextPage:n}=f.getFieldsValue(["prevPage","nextPage"]),o=m.filter((d,g)=>lbAnnotation.MathUtils.isInRange(g,[i-1,n-1]));if(!((o==null?void 0:o.length)>0)\|\|!(l==null?void 0:l.info)\|\|((t=l==null?void 0:l.info)==null?void 0:t.trackID)===void 0){y(void 0);return}const p=lbUtils.PointCloudUtils.getMaxSizeFromBox({trackID:l.info.trackID,imgList:o});y(p)},[m,l,v]),P=()=>f.submit(),S=()=>{if(!c\|\|!(l==null?void 0:l.info))return;const t={marginRight:16},{length:i,width:n,height:o}=lbUtils.PointCloudUtils.transferBox2Kitti(__spreadValues(__spreadValues({},l==null?void 0:l.info),c));return React__default.default.createElement("div",null,React__default.default.createElement("span",{style:t},u("Length"),": ",i.toFixed(DECIMAL_PLACES)),React__default.default.createElement("span",{style:t},u("Width"),": ",n.toFixed(DECIMAL_PLACES)),React__default.default.createElement("span",{style:t},u("Height"),": ",o.toFixed(DECIMAL_PLACES)),React__default.default.createElement(antd.Popover,{placement:"rightBottom",content:"\u7EDF\u4E00\u5C3A\u5BF8\u4E3A\u8BE5ID\u7684\u6240\u6709\u6807\u6CE8\u6846\u4E2D\u6700\u5927\u7684\u5C3A\u5BF8"},React__default.default.createElement(icons.QuestionCircleOutlined,null)))},E={width:"200px"},x={marginBottom:"24px",display:"flex",alignItems:"center"};return React__default.default.createElement(antd.Modal,{title:u("UnifyParams"),visible:a,onCancel:r,onOk:P,wrapClassName:"labelbee-custom-modal"},React__default.default.createElement(antd.Form,__spreadProps(__spreadValues({},layout),{form:f,onFinish:F}),React__default.default.createElement(antd.Form.Item,{name:"id",label:u("UnifyTrackID")},e),React__default.default.createElement(antd.Form.Item,{label:u("UnifyAttributeRange"),required:!0},React__default.default.createElement(antd.Form.Item,{style:{display:"inline-block"},rules:defaultNumberRules,name:"prevPage",noStyle:!0,initialValue:1},React__default.default.createElement(antd.InputNumber,{precision:0,min:1,style:{width:"80px"},onChange:()=>b()})),React__default.default.createElement("span",{style:{display:"inline-block",width:"24px",textAlign:"center"}},"-"),React__default.default.createElement(antd.Form.Item,{style:{display:"inline-block"},rules:defaultNumberRules,name:"nextPage",noStyle:!0,initialValue:m.length},React__default.default.createElement(antd.InputNumber,{precision:0,min:1,style:{width:"80px"},onChange:()=>b()})),React__default.default.createElement("span",{style:{display:"inline-block",width:"40x",marginLeft:"10px",textAlign:"center"}},u("Page"))),React__default.default.createElement(antd.Form.Item,{name:"UnifySize",label:u("UnifySize")},S()),React__default.default.createElement(antd.Form.Item,{label:u("UnifyTag"),required:!0},React__default.default.createElement("div",{style:x},React__default.default.createElement(PrefixTag,{text:u("Attribute")}),React__default.default.createElement(antd.Form.Item,{name:"attribute",noStyle:!0,rules:defaultSelectedAttribute},React__default.default.createElement(antd.Select,{style:E},s.attributeList.map(t=>React__default.default.createElement(antd.Select.Option,{key:t.value,value:t.value},t.key))))),s.secondaryAttributeConfigurable&&s.inputList.map(t=>{var i;return React__default.default.createElement("div",{key:t.value,style:x},React__default.default.createElement(PrefixTag,{text:t.key}),React__default.default.createElement(antd.Form.Item,{name:t.value,noStyle:!0,required:!1},React__default.default.createElement(antd.Select,{style:E,mode:t.isMulti?"multiple":void 0},(i=t.subSelected)==null?void 0:i.map(n=>React__default.default.createElement(antd.Select.Option,{key:n.value,value:n.value},n.key)))))}))))},mapStateToProps=e=>({imgIndex:e.annotation.imgIndex});var UnifyParamsModal$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(UnifyParamsModal);module.exports=UnifyParamsModal$1;

package/dist/components/pointCloudView/hooks/usePointCloudAttribute.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PointCloudContext=require("../PointCloudContext.js"),useUpdatePointCloudColor=require("./useUpdatePointCloudColor.js"),useAttribute=require("./useAttribute.js"),usePolygon=require("./usePolygon.js"),useLine=require("./useLine.js"),useSphere=require("./useSphere.js"),useHistory=require("./useHistory.js"),usePointCloudViews=require("./usePointCloudViews.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,e,t)=>e in r?__defProp(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,__spreadValues=(r,e)=>{for(var t in e||(e={}))__hasOwnProp.call(e,t)&&__defNormalProp(r,t,e[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(e))__propIsEnum.call(e,t)&&__defNormalProp(r,t,e[t]);return r},__spreadProps=(r,e)=>__defProps(r,__getOwnPropDescs(e));const usePointCloudAttribute=(r,e)=>{const{updatePointCloudColor:t}=useUpdatePointCloudColor.useUpdatePointCloudColor(r,e),{syncThreeViewsAttribute:l}=useAttribute.useAttribute(),{selectedPolygon:u}=usePolygon.usePolygon(),{selectedLine:i}=useLine.useLine(),{selectedSphere:s}=useSphere.useSphere(),{updatePointCloudSphere:d}=useSphere.useSphere(),{pushHistoryUnderUpdatePolygon:c,pushHistoryUnderUpdateLine:P}=useHistory.useHistory(),{topViewSelectedChanged:C}=usePointCloudViews.usePointCloudViews(),n=React.useContext(PointCloudContext.PointCloudContext);return{updatePointCloudAttribute:o=>{var a;if(l(o),t(o),u&&c(__spreadProps(__spreadValues({},u),{attribute:o})),i&&P(__spreadProps(__spreadValues({},i),{attribute:o})),s){const p=d(__spreadProps(__spreadValues({},s),{attribute:o}));n.mainViewInstance&&((a=n.mainViewInstance)==null||a.generateSpheres(p),C({newSelectedSphere:s,newSphereList:p}))}}}};exports.usePointCloudAttribute=usePointCloudAttribute;