npm - @labelbee/lb-components - Versions diffs - 1.23.0-alpha.2 → 1.23.0-alpha.20 - Mend

@labelbee/lb-components 1.23.0-alpha.2 → 1.23.0-alpha.20

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 (76) hide show

package/dist/App.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var index$1=require("./views/MainView/index.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactRedux=require("react-redux"),index=require("./index.js"),ctx=require("./store/ctx.js"),Actions=require("./store/Actions.js"),actionCreators=require("./store/annotation/actionCreators.js"),reducer=require("./store/annotation/reducer.js"),es=require("antd/es"),zhCN=require("antd/es/locale/zh_CN"),enUS=require("antd/es/locale/en_US");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),zhCN__default=_interopDefaultLegacy(zhCN),enUS__default=_interopDefaultLegacy(enUS),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t\|\|(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const App=e=>{const[t,a]=React.useState(0),{imgList:o,step:O=1,stepList:i,onSubmit:s,onSave:l,onPageChange:c,onStepChange:u,initialIndex:d=0,toolInstance:P,setToolInstance:I,getFileData:p,pageSize:f=10,loadFileList:r,defaultLang:g="cn",skipBeforePageTurning:S,beforeRotate:v,checkMode:m=!1,intelligentFit:L=!0,highlightAttribute:_="",preDataProcess:h}=e;React.useEffect(()=>{index.store.dispatch(actionCreators.InitTaskData({onSubmit:s,stepList:i,step:O,getFileData:p,pageSize:f,loadFileList:r,onSave:l,onPageChange:c,onStepChange:u,skipBeforePageTurning:S,beforeRotate:v,checkMode:m,highlightAttribute:_,preDataProcess:h})),b(),lbUtils.i18n.changeLanguage(g);const n=()=>{a(C=>C+1)};return lbUtils.i18n.on("languageChanged",n),()=>{lbUtils.i18n.off("languageChanged",n),actionCreators.InitAnnotationState(index.store.dispatch)}},[]),React.useEffect(()=>{index.store.dispatch(actionCreators.UpdateInjectFunc({onSubmit:s,stepList:i,getFileData:p,pageSize:f,loadFileList:r,onSave:l,onPageChange:c,onStepChange:u,beforeRotate:v,highlightAttribute:_,preDataProcess:h})),lbUtils.i18n.changeLanguage(g)},[s,i,p,f,r,l,c,u,g,v,_,h]),React.useEffect(()=>{I==null\|\|I(P)},[P]);const b=()=>{r?actionCreators.loadImgList(index.store.dispatch,index.store.getState,d,!0).then(n=>{n&&index.store.dispatch(reducer.LoadFileAndFileData(d))}):o&&o.length>0&&(index.store.dispatch({type:Actions.ANNOTATION_ACTIONS.UPDATE_IMG_LIST,payload:{imgList:o}}),index.store.dispatch(reducer.LoadFileAndFileData(d)))};return React__default.default.createElement("div",null,React__default.default.createElement(es.ConfigProvider,{locale:lbUtils.i18n.language==="en"?enUS__default.default:zhCN__default.default},React__default.default.createElement(index$1,__spreadProps(__spreadValues({},e),{intelligentFit:L,checkMode:m}))))},mapStateToProps=e=>({toolInstance:e.annotation.toolInstance});var App$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(App);module.exports=App$1;
1	+ "use strict";var index$1=require("./views/MainView/index.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactRedux=require("react-redux"),index=require("./index.js"),ctx=require("./store/ctx.js"),Actions=require("./store/Actions.js"),actionCreators=require("./store/annotation/actionCreators.js"),reducer=require("./store/annotation/reducer.js"),es=require("antd/es"),zhCN=require("antd/es/locale/zh_CN"),enUS=require("antd/es/locale/en_US");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),zhCN__default=_interopDefaultLegacy(zhCN),enUS__default=_interopDefaultLegacy(enUS),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t\|\|(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const App=e=>{const[t,a]=React.useState(0),{imgList:o,step:i=1,stepList:s,onSubmit:l,onSave:c,onPageChange:u,onStepChange:d,initialIndex:p=0,toolInstance:P,setToolInstance:S,getFileData:f,pageSize:g=10,loadFileList:r,defaultLang:_="cn",skipBeforePageTurning:m,beforeRotate:v,checkMode:O=!1,intelligentFit:A=!0,highlightAttribute:h="",preDataProcess:I,getImgIndexByExternal:x}=e;React.useEffect(()=>{index.store.dispatch(actionCreators.InitTaskData({onSubmit:l,stepList:s,step:i,getFileData:f,pageSize:g,loadFileList:r,onSave:c,onPageChange:u,onStepChange:d,skipBeforePageTurning:m,beforeRotate:v,checkMode:O,highlightAttribute:h,preDataProcess:I,getImgIndexByExternal:x})),y(),lbUtils.i18n.changeLanguage(_);const n=()=>{a(C=>C+1)};return lbUtils.i18n.on("languageChanged",n),()=>{lbUtils.i18n.off("languageChanged",n),actionCreators.InitAnnotationState(index.store.dispatch)}},[]),React.useEffect(()=>{index.store.dispatch(actionCreators.UpdateInjectFunc({onSubmit:l,stepList:s,getFileData:f,pageSize:g,loadFileList:r,onSave:c,onPageChange:u,onStepChange:d,beforeRotate:v,highlightAttribute:h,preDataProcess:I})),lbUtils.i18n.changeLanguage(_)},[l,s,f,g,r,c,u,d,_,v,h,I]),React.useEffect(()=>{S==null\|\|S(P)},[P]),React.useEffect(()=>{index.store.dispatch({type:Actions.ANNOTATION_ACTIONS.SET_STEP,payload:{toStep:i}})},[i]);const y=()=>{r?actionCreators.loadImgList(index.store.dispatch,index.store.getState,p,!0).then(n=>{n&&index.store.dispatch(reducer.LoadFileAndFileData(p))}):o&&o.length>0&&(index.store.dispatch({type:Actions.ANNOTATION_ACTIONS.UPDATE_IMG_LIST,payload:{imgList:o}}),index.store.dispatch(reducer.LoadFileAndFileData(p)))};return React__default.default.createElement("div",null,React__default.default.createElement(es.ConfigProvider,{locale:lbUtils.i18n.language==="en"?enUS__default.default:zhCN__default.default},React__default.default.createElement(index$1,__spreadProps(__spreadValues({},e),{intelligentFit:A,checkMode:O}))))},mapStateToProps=e=>({toolInstance:e.annotation.toolInstance});var App$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(App);module.exports=App$1;

package/dist/assets/annotation/pointCloudTool/leftArrow.svg.js CHANGED Viewed

	@@ -1 +1 @@
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;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)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}var SvgLeftArrow=function(t){return React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"~~currentColor~~","aria-hidden":"true","data-icon":"left",viewBox:"64 64 896 896"},t),_path\|\|(_path=React__namespace.createElement("path",{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6"})))};exports.ReactComponent=SvgLeftArrow;
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;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)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}var SvgLeftArrow=function(t){return React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentcolor","aria-hidden":"true","data-icon":"left",viewBox:"64 64 896 896"},t),_path\|\|(_path=React__namespace.createElement("path",{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6"})))};exports.ReactComponent=SvgLeftArrow;

package/dist/assets/annotation/pointCloudTool/rightArrow.svg.js CHANGED Viewed

	@@ -1 +1 @@
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;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)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}var SvgRightArrow=function(t){return React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"~~currentColor~~","aria-hidden":"true","data-icon":"right",viewBox:"64 64 896 896"},t),_path\|\|(_path=React__namespace.createElement("path",{d:"M765.7 486.8 314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4"})))};exports.ReactComponent=SvgRightArrow;
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;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)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}var SvgRightArrow=function(t){return React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentcolor","aria-hidden":"true","data-icon":"right",viewBox:"64 64 896 896"},t),_path\|\|(_path=React__namespace.createElement("path",{d:"M765.7 486.8 314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4"})))};exports.ReactComponent=SvgRightArrow;

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

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),antd=require("antd"),index=require("../../constant/index.js"),es=require("antd/es"),index$4=require("./questionView/index.js"),reactI18next=require("react-i18next"),index$3=require("../../views/MainView/annotationTips/index.js"),data=require("./utils/data.js"),reducer=require("../../store/annotation/reducer.js"),index$1=require("../../utils/index.js"),index$2=require("../messageMaskLayer/index.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index.prefix}-LLMView`,LLMToolView=n=>{const{annotation:p,checkMode:x=!0,tips:E,showTips:T,drawLayerSlot:m}=n,{imgIndex:i,imgList:o,stepList:f,step:L,toolInstance:r}=p,{hoverKey:y,modelAPIResponse:I,setModelAPIResponse:q,newAnswerList:u}=React.useContext(ctx.LLMContext),[_,j]=React.useState([]),[R,C]=React.useState(""),[t,S]=React.useState(),{t:g}=reactI18next.useTranslation(),[,A]=React.useState(0);return React.useEffect(()=>{let e;if(!x)return e=setInterval(()=>{antd.message.info(g("EfficientListening"))},1e3*60),()=>{e&&clearInterval(e)}},[]),React.useEffect(()=>{if(r)return r.on("validUpdated",()=>{A(e=>e+1)}),()=>{r.unbindAll("validUpdated")}},[r]),React.useEffect(()=>{var e,s,a,l,w,M;if(!o[i])return;const D=((e=t==null?void 0:t.dataType)==null?void 0:e.prompt)===index.ELLMDataType.Picture,P=((s=t==null?void 0:t.dataType)==null?void 0:s.response)===index.ELLMDataType.Picture,d=(a=o[i])==null?void 0:a.questionList,c=(l=o[i])==null?void 0:l.llmFile,$=D?c==null?void 0:c.question:d==null?void 0:d.question;C($);let v=(d==null?void 0:d.answerList)\|\|[];P&&(v=(c==null?void 0:c.answerList)\|\|[]),((w=t==null?void 0:t.dataType)==null?void 0:w.response)===index.ELLMDataType.None&&(v=[]),((M=t==null?void 0:t.dataType)==null?void 0:M.response)===index.ELLMDataType.Text&&(u==null?void 0:u.length)>0&&(v=u),j(v)},[i,u,t]),React.useEffect(()=>{var e;if(!o[i])return;const s=(e=o[i])!=null?e:{},a=data.getCurrentResultFromResultList(s==null?void 0:s.result),l=(a==null?void 0:a.length)>0?a[0]:a;q((l==null?void 0:l.modelAPIResponse)\|\|[])},[i]),React.useEffect(()=>{var e;if(f&&L){const s=(e=reducer.getStepConfig(f,L))==null?void 0:e.config;S(index$1.jsonParser(s))}},[f,L]),React__default.default.createElement(es.Layout,{className:LLMViewCls},!(r==null?void 0:r.valid)&&React__default.default.createElement(index$2,{message:g("InvalidQuestionAndSkip")}),m==null?void 0:m({}),React__default.default.createElement("div",{className:`${LLMViewCls}-question`},T===!0&&React__default.default.createElement(index$3,{tips:E}),React__default.default.createElement(index$4.default,{hoverKey:y,question:R,answerList:_,modelAPIResponse:I,setModelAPIResponse:q,checkMode:x,annotation:p,LLMConfig:t})))},mapStateToProps=n=>({annotation:n.annotation});var LLMToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolView);module.exports=LLMToolView$1;
1	+ "use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),antd=require("antd"),index=require("../../constant/index.js"),es=require("antd/es"),index$4=require("./questionView/index.js"),reactI18next=require("react-i18next"),index$3=require("../../views/MainView/annotationTips/index.js"),data=require("./utils/data.js"),reducer=require("../../store/annotation/reducer.js"),index$1=require("../../utils/index.js"),index$2=require("../messageMaskLayer/index.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index.prefix}-LLMView`,LLMToolView=n=>{const{annotation:p,checkMode:x=!0,tips:E,showTips:T,drawLayerSlot:m}=n,{imgIndex:i,imgList:o,stepList:L,step:u,toolInstance:r}=p,{hoverKey:y,modelAPIResponse:I,setModelAPIResponse:q,newAnswerList:d}=React.useContext(ctx.LLMContext),[_,j]=React.useState([]),[R,C]=React.useState(""),[t,S]=React.useState(),{t:g}=reactI18next.useTranslation(),[,A]=React.useState(0);return React.useEffect(()=>{let e;if(!x)return e=setInterval(()=>{antd.message.info(g("EfficientListening"))},1e3*60),()=>{e&&clearInterval(e)}},[]),React.useEffect(()=>{if(r)return r.on("validUpdated",()=>{A(e=>e+1)}),()=>{r.unbindAll("validUpdated")}},[r]),React.useEffect(()=>{var e,s,a,l,w,M;if(!o[i])return;const D=((e=t==null?void 0:t.dataType)==null?void 0:e.prompt)===index.ELLMDataType.Picture,P=((s=t==null?void 0:t.dataType)==null?void 0:s.response)===index.ELLMDataType.Picture,c=(a=o[i])==null?void 0:a.questionList,v=(l=o[i])==null?void 0:l.llmFile,$=D?v==null?void 0:v.question:c==null?void 0:c.question;C($);let f=(c==null?void 0:c.answerList)\|\|[];P&&(f=(v==null?void 0:v.answerList)\|\|[]),((w=t==null?void 0:t.dataType)==null?void 0:w.response)===index.ELLMDataType.None&&(f=[]),((M=t==null?void 0:t.dataType)==null?void 0:M.response)===index.ELLMDataType.Text&&(d==null?void 0:d.length)>0&&(f=d),j(f)},[i,d,t]),React.useEffect(()=>{var e;if(!o[i])return;const s=(e=o[i])!=null?e:{},a=data.getCurrentResultFromResultList(s==null?void 0:s.result,u),l=(a==null?void 0:a.length)>0?a[0]:a;q((l==null?void 0:l.modelAPIResponse)\|\|[])},[i]),React.useEffect(()=>{var e;if(L&&u){const s=(e=reducer.getStepConfig(L,u))==null?void 0:e.config;S(index$1.jsonParser(s))}},[L,u]),React__default.default.createElement(es.Layout,{className:LLMViewCls},!(r==null?void 0:r.valid)&&React__default.default.createElement(index$2,{message:g("InvalidQuestionAndSkip")}),m==null?void 0:m({}),React__default.default.createElement("div",{className:`${LLMViewCls}-question`},T===!0&&React__default.default.createElement(index$3,{tips:E}),React__default.default.createElement(index$4.default,{hoverKey:y,question:R,answerList:_,modelAPIResponse:I,setModelAPIResponse:q,checkMode:x,annotation:p,LLMConfig:t})))},mapStateToProps=n=>({annotation:n.annotation});var LLMToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolView);module.exports=LLMToolView$1;

package/dist/components/LLMToolView/sidebar/components/textEditor/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),icons=require("@ant-design/icons"),index$1=require("../../../../markdownView/index.js"),index=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const TextEditor=n=>{const{disabeledAll:c,newAnswer:f,textEditObject:g,updateValue:x,answerIndex:v}=n,{max:r,min:i,isLaText:E}=g,{TextArea:p}=antd.Input,[l]=antd.Form.useForm(),{t:s}=reactI18next.useTranslation(),h=s("LeastCharacterError",{num:i});React.useEffect(()=>{l.setFieldsValue({value:f}),c||l.validateFields()},[f]);const b=t=>{var e,d;const w=`inputTextarea_${v}`,a=document.getElementById(w),u=a.value||"",m=(e=a==null?void 0:a.selectionStart)!=null?e:u.length,y=(d=a.selectionEnd)!=null?d:u.length,F=u.substring(0,m),_=u.substring(y,u.length),o=F+t+_;if(r&&(o==null?void 0:o.length)>r){antd.message.error(s("MaximumCharacterError",{num:r}));return}a.value=o,l.setFieldsValue({value:o}),x(o),a.selectionStart=m+t.length,a.selectionEnd=m+t.length,a.focus()};return React__default.default.createElement(antd.Form,{form:l,onValuesChange:(t,e)=>{const d=e.value;x(d)},className:index_module.form},React__default.default.createElement(antd.Form.Item,{name:"title",style:{marginBottom:"8px"},label:React__default.default.createElement(React__default.default.Fragment,null,s("AnswerTextEdit"),React__default.default.createElement(antd.Popover,{placement:"bottom",content:s("ShowEditingResultDifferencesInTextModeOnly")},React__default.default.createElement(icons.InfoCircleOutlined,{style:{margin:"0px 4px",cursor:"pointer"}}))),colon:!1,required:!!i}),E&&React__default.default.createElement(index,{onSelectLatex:b,disabled:c}),React__default.default.createElement(antd.Form.Item,{name:"value",style:{marginBottom:24},rules:[{validator:(t,e="")=>i&&(e==null?void 0:e.length)<Number(i)?Promise.reject(h):Promise.resolve()}]},React__default.default.createElement(p,{maxLength:r,autoSize:{minRows:4,maxRows:10},allowClear:!0,disabled:c,showCount:!!r,style:{width:"100%"},id:`inputTextarea_${v}`})),E&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const t=l.getFieldValue("value")||"",e=t.replace(/\n/g,`
-`);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},s("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},t?React__default.default.createElement(index$1,{value:e}):""))}))};module.exports=TextEditor;
+"use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),icons=require("@ant-design/icons"),index$2=require("../../../../markdownView/index.js"),index$1=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js"),index=require("../../../../longText/index.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const TextEditor=n=>{const{disabeledAll:c,newAnswer:f,textEditObject:p,updateValue:x,answerIndex:v}=n,{max:r,min:i,isLaText:E,tip:g}=p,{TextArea:h}=antd.Input,[l]=antd.Form.useForm(),{t:s}=reactI18next.useTranslation(),w=s("LeastCharacterError",{num:i});React.useEffect(()=>{l.setFieldsValue({value:f}),c||l.validateFields()},[f]);const b=t=>{var e,d;const y=`inputTextarea_${v}`,a=document.getElementById(y),u=a.value||"",m=(e=a==null?void 0:a.selectionStart)!=null?e:u.length,F=(d=a.selectionEnd)!=null?d:u.length,T=u.substring(0,m),_=u.substring(F,u.length),o=T+t+_;if(r&&(o==null?void 0:o.length)>r){antd.message.error(s("MaximumCharacterError",{num:r}));return}a.value=o,l.setFieldsValue({value:o}),x(o),a.selectionStart=m+t.length,a.selectionEnd=m+t.length,a.focus()};return React__default.default.createElement(antd.Form,{form:l,onValuesChange:(t,e)=>{const d=e.value;x(d)},className:index_module.form},React__default.default.createElement(antd.Form.Item,{name:"title",style:{marginBottom:0},label:React__default.default.createElement(React__default.default.Fragment,null,s("AnswerTextEdit"),React__default.default.createElement(antd.Popover,{placement:"bottom",content:s("ShowEditingResultDifferencesInTextModeOnly")},React__default.default.createElement(icons.InfoCircleOutlined,{style:{margin:"0px 4px",cursor:"pointer"}}))),colon:!1,required:!!i}),React__default.default.createElement("div",{className:index_module.tip},React__default.default.createElement(index,{text:g!=null?g:"",overflowMaxLines:3,openByText:!0})),E&&React__default.default.createElement(index$1,{onSelectLatex:b,disabled:c}),React__default.default.createElement(antd.Form.Item,{name:"value",style:{marginBottom:24},rules:[{validator:(t,e="")=>i&&(e==null?void 0:e.length)<Number(i)?Promise.reject(w):Promise.resolve()}]},React__default.default.createElement(h,{maxLength:r,autoSize:{minRows:4,maxRows:10},allowClear:!0,disabled:c,showCount:!!r,style:{width:"100%"},id:`inputTextarea_${v}`})),E&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const t=l.getFieldValue("value")||"",e=t.replace(/\n/g,`
+`);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},s("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},t?React__default.default.createElement(index$2,{value:e}):""))}))};module.exports=TextEditor;

package/dist/components/LLMToolView/sidebar/components/textEditor/index.module.scss.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var styles={form:"index-module_form__IypXc",outputDisplay:"index-module_outputDisplay__5dS48",title:"index-module_title__vhMCp",content:"index-module_content__Iml6l"};module.exports=styles;
1	+ "use strict";var styles={form:"index-module_form__IypXc",outputDisplay:"index-module_outputDisplay__5dS48",title:"index-module_title__vhMCp",content:"index-module_content__Iml6l",tip:"index-module_tip__NFru6"};module.exports=styles;

package/dist/components/LLMToolView/sidebar/components/textInputBox/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var React=require("react"),antd=require("antd"),classNames=require("classnames"),reactI18next=require("react-i18next"),_=require("lodash"),index=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js"),index$1=require("../../../../markdownView/index.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}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=(t,e,r)=>e in t?__defProp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,__spreadValues=(t,e)=>{for(var r in e||(e={}))__hasOwnProp.call(e,r)&&__defNormalProp(t,r,e[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(e))__propIsEnum.call(e,r)&&__defNormalProp(t,r,e[r]);return t},__spreadProps=(t,e)=>__defProps(t,__getOwnPropDescs(e));const TextInputBox=t=>{const{disabeledAll:e,LLMConfig:r,textAttribute:g,setText:b}=t,E=(r==null?void 0:r.text)&&_.isArray(r.text)?r==null?void 0:r.text:[],{TextArea:w}=antd.Input,[x]=antd.Form.useForm(),{t:y}=reactI18next.useTranslation();React.useEffect(()=>{const s=E.map((i,a)=>{var c;const u=(g==null?void 0:g.filter(l=>(l==null?void 0:l.textId)===(i==null?void 0:i.textId)))||[];return __spreadProps(__spreadValues({},i),{value:(c=u[0])==null?void 0:c.value})});x.setFieldsValue({text:s})},[E,g]);const I=({newText:s,fieldName:i,max:a})=>{var c,u;const l=`textInput_${i}`,n=document.getElementById(l),d=n.value||"",f=(c=n==null?void 0:n.selectionStart)!=null?c:d.length,m=(u=n.selectionEnd)!=null?u:d.length,p=d.substring(0,f),v=d.substring(m,d.length),o=p+s+v;if(a&&(o==null?void 0:o.length)>a){antd.message.error(y("MaximumCharacterError",{num:a}));return}n.value=o,x.setFields([{name:["text",i,"value"],value:o,errors:[]}]),h(),n.selectionStart=f+s.length,n.selectionEnd=f+s.length,n.focus()},h=()=>{const s=x.getFieldValue("text");b(s)};return React__default.default.createElement(antd.Form,{form:x},React__default.default.createElement(antd.Form.List,{name:"text"},(s,i)=>React__default.default.createElement(React__default.default.Fragment,null,s.map((a,c)=>{const{max:u,min:l,title:n,tip:d,isLaText:f}=E[a.name]||{},m=n,p=y("LeastCharacterError",{num:l});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:c},m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"title"],extra:d,className:index_module.textTitle,required:!!l,label:" ",colon:!1},n,m&&React__default.default.createElement("span",{className:classNames__default.default({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{e||(x.setFields([{name:["text",a.name,"value"],value:void 0,errors:l?[p]:[]}]),h())}})),f&&m&&React__default.default.createElement(index,{onSelectLatex:v=>I({newText:v,fieldName:a.name,max:u}),disabled:e}),m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"value"],style:{marginBottom:24},rules:[{validator:(v,o)=>l&&(o==null?void 0:o.length)<Number(l)?Promise.reject(p):Promise.resolve()}],initialValue:void 0},React__default.default.createElement(w,{maxLength:u,disabled:e,showCount:!!u,autoSize:{minRows:4,maxRows:10},style:{width:"100%"},id:`textInput_${a.name}`,onChange:()=>h()})),f&&m&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const v=x.getFieldValue(["text",a.name,"value"])||"",o=v.replace(/\n/g,`
-`);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},y("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},v?React__default.default.createElement(index$1,{value:o}):""))}))}))))};module.exports=TextInputBox;
+"use strict";var React=require("react"),antd=require("antd"),classNames=require("classnames"),reactI18next=require("react-i18next"),_=require("lodash"),index$1=require("../../../../latexEditor/index.js"),index_module=require("./index.module.scss.js"),index$2=require("../../../../markdownView/index.js"),index=require("../../../../longText/index.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}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=(t,e,r)=>e in t?__defProp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,__spreadValues=(t,e)=>{for(var r in e||(e={}))__hasOwnProp.call(e,r)&&__defNormalProp(t,r,e[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(e))__propIsEnum.call(e,r)&&__defNormalProp(t,r,e[r]);return t},__spreadProps=(t,e)=>__defProps(t,__getOwnPropDescs(e));const TextInputBox=t=>{const{disabeledAll:e,LLMConfig:r,textAttribute:g,setText:b}=t,E=(r==null?void 0:r.text)&&_.isArray(r.text)?r==null?void 0:r.text:[],{TextArea:w}=antd.Input,[x]=antd.Form.useForm(),{t:y}=reactI18next.useTranslation();React.useEffect(()=>{const o=E.map((c,a)=>{var d;const u=(g==null?void 0:g.filter(l=>(l==null?void 0:l.textId)===(c==null?void 0:c.textId)))||[];return __spreadProps(__spreadValues({},c),{value:(d=u[0])==null?void 0:d.value})});x.setFieldsValue({text:o})},[E,g]);const I=({newText:o,fieldName:c,max:a})=>{var d,u;const l=`textInput_${c}`,n=document.getElementById(l),i=n.value||"",f=(d=n==null?void 0:n.selectionStart)!=null?d:i.length,m=(u=n.selectionEnd)!=null?u:i.length,p=i.substring(0,f),v=i.substring(m,i.length),s=p+o+v;if(a&&(s==null?void 0:s.length)>a){antd.message.error(y("MaximumCharacterError",{num:a}));return}n.value=s,x.setFields([{name:["text",c,"value"],value:s,errors:[]}]),h(),n.selectionStart=f+o.length,n.selectionEnd=f+o.length,n.focus()},h=()=>{const o=x.getFieldValue("text");b(o)};return React__default.default.createElement(antd.Form,{form:x},React__default.default.createElement(antd.Form.List,{name:"text"},(o,c)=>React__default.default.createElement(React__default.default.Fragment,null,o.map((a,d)=>{const{max:u,min:l,title:n,tip:i,isLaText:f}=E[a.name]||{},m=n,p=y("LeastCharacterError",{num:l});return React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",marginBottom:"16px"},key:d},m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"title"],extra:React__default.default.createElement(index,{text:i!=null?i:"",overflowMaxLines:3,openByText:!0}),className:index_module.textTitle,required:!!l,label:" ",colon:!1},n,m&&React__default.default.createElement("span",{className:classNames__default.default({clearText:!0,clearText__disabled:e}),style:{verticalAlign:"initial"},onClick:()=>{e||(x.setFields([{name:["text",a.name,"value"],value:void 0,errors:l?[p]:[]}]),h())}})),f&&m&&React__default.default.createElement(index$1,{onSelectLatex:v=>I({newText:v,fieldName:a.name,max:u}),disabled:e}),m&&React__default.default.createElement(antd.Form.Item,{name:[a.name,"value"],style:{marginBottom:24},rules:[{validator:(v,s)=>l&&(s==null?void 0:s.length)<Number(l)?Promise.reject(p):Promise.resolve()}],initialValue:void 0},React__default.default.createElement(w,{maxLength:u,disabled:e,showCount:!!u,autoSize:{minRows:4,maxRows:10},style:{width:"100%"},id:`textInput_${a.name}`,onChange:()=>h()})),f&&m&&React__default.default.createElement(antd.Form.Item,{shouldUpdate:!0,noStyle:!0},()=>{const v=x.getFieldValue(["text",a.name,"value"])||"",s=v.replace(/\n/g,`
+`);return React__default.default.createElement("div",{className:index_module.outputDisplay},React__default.default.createElement("div",{className:index_module.title},y("OutputDisplay")),React__default.default.createElement("div",{className:index_module.content},v?React__default.default.createElement(index$2,{value:s}):""))}))}))))};module.exports=TextInputBox;

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

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),index$5=require("../../../constant/index.js"),antd=require("antd"),index$1=require("./components/answerSort/index.js"),reactRedux=require("react-redux"),_=require("lodash"),index$4=require("./components/answerList/index.js"),ctx=require("../../../store/ctx.js"),index=require("../../../utils/index.js"),reducer=require("../../../store/annotation/reducer.js"),annotation=require("../../../hooks/annotation.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next"),data=require("../utils/data.js"),empty=require("../../../assets/annotation/LLMTool/empty.svg.js"),index$3=require("./components/textInputBox/index.js"),index$2=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,a,i)=>a in r?__defProp(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,__spreadValues=(r,a)=>{for(var i in a\|\|(a={}))__hasOwnProp.call(a,i)&&__defNormalProp(r,i,a[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(a))__propIsEnum.call(a,i)&&__defNormalProp(r,i,a[i]);return r},__spreadProps=(r,a)=>__defProps(r,__getOwnPropDescs(a));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$5.prefix}-sidebar`,LLMToolSidebar=r=>{var a,i;const{annotation~~:D,~~dispatch:m,checkMode:N}=r,{imgIndex:x,imgList:S,stepList:y,step:E,skipBeforePageTurning:L}~~=D,~~{modelAPIResponse:j,setModelAPIResponse:$}=React.useContext(ctx.LLMContext),{t:w}=reactI18next.useTranslation(),u=(a=S[x])!=null?a:{},M=index.jsonParser(u==null?void 0:u.result),{toolInstanceRef:c}=annotation.useCustomToolInstance({basicInfo:M}),[d,B]=React.useState(),[,F]=React.useState(0),{setNewAnswerList:V}=React.useContext(ctx.LLMContext),[o,p]=React.useState({}),g=!c.current.valid\|\|N;React.useEffect(()=>{var e;if(y&&E){const t=(e=reducer.getStepConfig(y,E))==null?void 0:e.config;B(index.jsonParser(t))}},[E,JSON.stringify(y)]),React.useEffect(()=>{!u\|\|x===-1\|\|(c.current.setValid=q,c.current.clearResult=k,T())},[x,d]);const k=()=>{T(u==null?void 0:u.questionList)},q=e=>{var t;_.isBoolean(e)&&(c.current.valid=e,(t=c.current)==null\|\|t.emit("validUpdated")~~,F(n=>n+1~~))},T=e=>{~~var~~ t~~;const n~~=data.getCurrentResultFromResultList(u==null?void 0:u.result);let s=u==null?void 0:u.questionList;(n==null?void 0:n.answerList)&&c.current.valid&&(s=n),e&&(s=e,n.sort=[]~~,n.valid=(t=c.current.valid~~)~~!=null?t:!0),q(n.valid)~~;const f=data.getRenderDataByResult(d,s);p(__spreadValues({},f)),$([])};React.useEffect(()=>{const{newSort:e,answerList:t,textAttribute:n,tagList:s}=o,f=data.formatSort(e\|\|[]),l={answerList:t,sort:f,tagList:s,textAttribute:n,id:u==null?void 0:u.id,modelAPIResponse:~~j,valid:c.current.valid~~};c.current.exportData=()=>[[l],{valid:~~c.current.valid~~}],c.current.currentPageResult=__spreadProps(__spreadValues({},l),{toolName:lbAnnotation.EToolName.LLM}),~~V(t\|\|[])~~}~~,[o,j]~~)~~,React.useEffect(()=>(window.addEventListener("keydown",R),()=>{window.removeEventListener("keydown",R)~~}),~~[]);const R~~=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(L){L(()=>m(actionCreators.PageForward()));return}m(actionCreators.PageForward())}},K=({order:e,value:t,key:n})=>{const{answerList:s}=o,f=s==null?void 0:s.map(l=>{var b;if((l==null?void 0:l.order)===e){if(n==="textEdit"&&_.isString(t))return __spreadProps(__spreadValues({},l),{newAnswer:t});if(_.isNumber(t))return __spreadProps(__spreadValues({},l),{score:t});if(_.isObject(t)&&n){const h={[t==null?void 0:t.key]:t.value},P=(b=l[n])!=null?b:{};return __spreadProps(__spreadValues({},l),{[n]:__spreadValues(__spreadValues({},P),h)})}}return l});p(__spreadProps(__spreadValues({},o),{answerList:f\|\|[]}))};if((()=>{var e,t;const{indicatorScore:n=[],indicatorDetermine:s=[],text:f=[],enableSort:l,isTextEdit:b,tagInputListConfigurable:h}=d\|\|{},P=((e=n==null?void 0:n.filter(v=>v.label&&v.value&&v.score))==null?void 0:e.length)>0,Q=((t=s==null?void 0:s.filter(v=>v.label&&v.value))==null?void 0:t.length)>0,U=(f==null?void 0:f.length)>0;return!(P\|\|Q\|\|U\|\|l\|\|b\|\|h)})())return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Empty,{description:React__default.default.createElement("span",{style:{color:"#ccc"}},w("NoScoringScale")),imageStyle:{width:200,height:200},image:React__default.default.createElement("img",{src:empty})})));const{indicatorScore:I=[],indicatorDetermine:O=[],enableSort:z,isTextEdit:W,inputList:C=[],tagInputListConfigurable:A}=d\|\|{},G=A&&((i=C.filter(e=>!e.isOverall))==null?void 0:i.length)>0,J=(O==null?void 0:O.length)>0\|\|(I==null?void 0:I.length)>0\|\|W\|\|G;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"}},w("GlobalAnnotation")),z&&React__default.default.createElement(index$1,{waitSortList:(o==null?void 0:o.waitSorts)\|\|[],sortList:(o==null?void 0:o.newSort)\|\|[],setSortList:e=>{p(__spreadProps(__spreadValues({},o),{newSort:e}))},disabeledAll:g}),A&&C.length&&React__default.default.createElement(index$2,{inputList:C,selectedTags:(o==null?void 0:o.tagList)\|\|{},updateValue:e=>{const{key:t,value:n}=e,s=o==null?void 0:o.tagList;p(__spreadProps(__spreadValues({},o),{tagList:__spreadProps(__spreadValues({},s),{[t]:n})}))},disabeledAll:g}),(d==null?void 0:d.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$3,{textAttribute:(o==null?void 0:o.textAttribute)\|\|[],LLMConfig:d,setText:e=>p(__spreadProps(__spreadValues({},o),{textAttribute:e})),disabeledAll:g})),React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},w("QualifiedAnnotation")),React__default.default.createElement("div",null,J&&React__default.default.createElement(index$4,{list:(o==null?void 0:o.answerList)\|\|[],LLMConfig:d,updateValue:K,disabeledAll:g}))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(S==null?void 0:S.length)-1!==x&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(L){L(()=>m(actionCreators.PageForward()));return}m(actionCreators.PageForward())},disabled:g},w("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolSidebar);module.exports=LLMToolSidebar$1;
1	+ "use strict";var React=require("react"),index$5=require("../../../constant/index.js"),antd=require("antd"),index$1=require("./components/answerSort/index.js"),reactRedux=require("react-redux"),_=require("lodash"),index$4=require("./components/answerList/index.js"),ctx=require("../../../store/ctx.js"),index=require("../../../utils/index.js"),reducer=require("../../../store/annotation/reducer.js"),annotation=require("../../../hooks/annotation.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next"),data=require("../utils/data.js"),empty=require("../../../assets/annotation/LLMTool/empty.svg.js"),index$3=require("./components/textInputBox/index.js"),index$2=require("../../tagList/components/overall/index.js"),StepUtils=require("../../../utils/StepUtils.js");function _interopDefaultLegacy(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}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=(o,a,i)=>a in o?__defProp(o,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):o[a]=i,__spreadValues=(o,a)=>{for(var i in a\|\|(a={}))__hasOwnProp.call(a,i)&&__defNormalProp(o,i,a[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(a))__propIsEnum.call(a,i)&&__defNormalProp(o,i,a[i]);return o},__spreadProps=(o,a)=>__defProps(o,__getOwnPropDescs(a));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$5.prefix}-sidebar`,LLMToolSidebar=o=>{var a,i;const{annotation:$,dispatch:m,checkMode:M}=o,{imgIndex:x,imgList:y,stepList:L,step:w,skipBeforePageTurning:S}=$,{modelAPIResponse:q,setModelAPIResponse:B}=React.useContext(ctx.LLMContext),{t:b}=reactI18next.useTranslation(),u=(a=y[x])!=null?a:{},I=index.jsonParser(u==null?void 0:u.result),{toolInstanceRef:c}=annotation.useCustomToolInstance({basicInfo:I}),[d,F]=React.useState(),[C,V]=React.useState(!0),{setNewAnswerList:k}=React.useContext(ctx.LLMContext),[n,p]=React.useState({}),g=!c.current.valid\|\|M;React.useEffect(()=>{var e;if(L&&w){const t=(e=reducer.getStepConfig(L,w))==null?void 0:e.config;F(index.jsonParser(t))}},[w,JSON.stringify(L)]),React.useEffect(()=>{!u\|\|x===-1\|\|(c.current.setValid=T,c.current.clearResult=K,T(),R())},[x,d]);const K=()=>{R(u==null?void 0:u.questionList)},T=e=>{var t;const r=e!=null?e:I.valid;_.isBoolean(r)&&(V(r),c.current.valid=r,(t=c.current)==null\|\|t.emit("validUpdated"))},R=e=>{const t=StepUtils.getCurrentStepInfo(w,L),r=data.getCurrentResultFromResultList(u==null?void 0:u.result,t.step);let s=u==null?void 0:u.questionList;(r==null?void 0:r.answerList)&&c.current.valid&&(s=r),e&&(s=e,r.sort=[]);const f=data.getRenderDataByResult(d,s);p(__spreadValues({},f)),B([])};React.useEffect(()=>{U(),k((n==null?void 0:n.answerList)\|\|[])},[n,q,C]),React.useEffect(()=>(window.addEventListener("keydown",O),()=>{window.removeEventListener("keydown",O)}),[]);const U=()=>{const{newSort:e,answerList:t,textAttribute:r,tagList:s}=n,f=data.formatSort(e\|\|[]),l={answerList:t,sort:f,tagList:s,textAttribute:r,id:u==null?void 0:u.id,modelAPIResponse:q};c.current.exportData=()=>[[l],{valid:C}],c.current.currentPageResult=__spreadProps(__spreadValues({},l),{toolName:lbAnnotation.EToolName.LLM,valid:C})},O=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(S){S(()=>m(actionCreators.PageForward()));return}m(actionCreators.PageForward())}},z=({order:e,value:t,key:r})=>{const{answerList:s}=n,f=s==null?void 0:s.map(l=>{var E;if((l==null?void 0:l.order)===e){if(r==="textEdit"&&_.isString(t))return __spreadProps(__spreadValues({},l),{newAnswer:t});if(_.isNumber(t))return __spreadProps(__spreadValues({},l),{score:t});if(_.isObject(t)&&r){const j={[t==null?void 0:t.key]:t.value},P=(E=l[r])!=null?E:{};return __spreadProps(__spreadValues({},l),{[r]:__spreadValues(__spreadValues({},P),j)})}}return l});p(__spreadProps(__spreadValues({},n),{answerList:f\|\|[]}))};if((()=>{var e,t;const{indicatorScore:r=[],indicatorDetermine:s=[],text:f=[],enableSort:l,isTextEdit:E,tagInputListConfigurable:j}=d\|\|{},P=((e=r==null?void 0:r.filter(v=>v.label&&v.value&&v.score))==null?void 0:e.length)>0,H=((t=s==null?void 0:s.filter(v=>v.label&&v.value))==null?void 0:t.length)>0,X=(f==null?void 0:f.length)>0;return!(P\|\|H\|\|X\|\|l\|\|E\|\|j)})())return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Empty,{description:React__default.default.createElement("span",{style:{color:"#ccc"}},b("NoScoringScale")),imageStyle:{width:200,height:200},image:React__default.default.createElement("img",{src:empty})})));const{indicatorScore:A=[],indicatorDetermine:D=[],enableSort:W,isTextEdit:G,inputList:h=[],tagInputListConfigurable:N}=d\|\|{},J=N&&((i=h.filter(e=>!e.isOverall))==null?void 0:i.length)>0,Q=(D==null?void 0:D.length)>0\|\|(A==null?void 0:A.length)>0\|\|G\|\|J;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"}},b("GlobalAnnotation")),W&&React__default.default.createElement(index$1,{waitSortList:(n==null?void 0:n.waitSorts)\|\|[],sortList:(n==null?void 0:n.newSort)\|\|[],setSortList:e=>{p(__spreadProps(__spreadValues({},n),{newSort:e}))},disabeledAll:g}),N&&h.length&&React__default.default.createElement(index$2,{inputList:h,selectedTags:(n==null?void 0:n.tagList)\|\|{},updateValue:e=>{const{key:t,value:r}=e,s=n==null?void 0:n.tagList;p(__spreadProps(__spreadValues({},n),{tagList:__spreadProps(__spreadValues({},s),{[t]:r})}))},disabeledAll:g}),(d==null?void 0:d.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$3,{textAttribute:(n==null?void 0:n.textAttribute)\|\|[],LLMConfig:d,setText:e=>p(__spreadProps(__spreadValues({},n),{textAttribute:e})),disabeledAll:g})),React__default.default.createElement("div",{style:{fontSize:"18px",fontWeight:500,padding:"0px 16px",marginTop:"16px"}},b("QualifiedAnnotation")),React__default.default.createElement("div",null,Q&&React__default.default.createElement(index$4,{list:(n==null?void 0:n.answerList)\|\|[],LLMConfig:d,updateValue:z,disabeledAll:g}))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(y==null?void 0:y.length)-1!==x&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(S){S(()=>m(actionCreators.PageForward()));return}m(actionCreators.PageForward())},disabled:g},b("Save"))))},mapStateToProps=o=>({annotation:o.annotation});var LLMToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolSidebar);module.exports=LLMToolSidebar$1;

package/dist/components/LLMToolView/utils/data.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _=require("lodash"),index=require("../../../utils/index.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(l,t,r)=>t in l?__defProp(l,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[t]=r,__spreadValues=(l,t)=>{for(var r in t\|\|(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(l,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(l,r,t[r]);return l},__spreadProps=(l,t)=>__defProps(l,__getOwnPropDescs(t));const getCurrentResultFromResultList=l=>{var t,r,n;const i=index.jsonParser(l),o=~~"step_1",e=~~(r=~~(t=i~~==null?void 0:i[o])==null?void 0:t.result[0])!=null?r:{}~~;return __spreadProps(__spreadValues({~~},~~e),{valid:(n=e==null?void 0:e.valid)!=null?n:!0})},~~formatSort=l=>l.reduce((r,n)=>{var i;let o=n;return n.length>1?o=n.map(e=>e==null?void 0:e.id):o=[(i=n[0])==null?void 0:i.id],[...r,o]},[]),getTagResult=(l,t)=>{let r={};return l.forEach(n=>{var i;let o=[];t&&t[n==null?void 0:n.value]?o=t[n.value]:((i=n==null?void 0:n.subSelected)==null?void 0:i.length)>0&&n.subSelected.forEach(e=>{(e==null?void 0:e.isDefault)&&(e==null?void 0:e.value)&&o.push(e.value)}),o.length>0&&(r=__spreadProps(__spreadValues({},r),{[n.value]:o}))}),r},getWaitSortList=(l,t)=>{var r;let n=[],i=[];if((l==null?void 0:l.length)>0){const o=_.isArray(t)?t[0]:t;((r=o==null?void 0:o.sort)==null?void 0:r.length)>0&&(i=o.sort.reduce((e,a)=>{let s=[{title:a[0],id:a[0]}];return a.length>1&&(s=a.map(u=>({title:u,id:u}))),[...e,s]},[])),l.forEach(e=>{i.some(s=>s.length>1?s.some(u=>u.id===e.order):s[0].id===e.order)\|\|n.push({title:e.order,id:e.order})})}return{newSort:i,waitSorts:n}},initAnswerList=(l,t)=>{const{isTextEdit:r,textEdit:n=[],inputList:i=[]}=t\|\|{};return l.map(e=>{var a,s;const u=i.filter(d=>!(d==null?void 0:d.isOverall))\|\|[],v=getTagResult(u,e==null?void 0:e.tagList);return r&&((a=n.filter(c=>c.title===e.order)[0])==null?void 0:a.isFillAnswer)?__spreadProps(__spreadValues({},e),{newAnswer:(s=e==null?void 0:e.newAnswer)!=null?s:e.answer,tagList:v}):__spreadProps(__spreadValues({},e),{tagList:v})})},getRenderDataByResult=(l,t)=>{var r;let n=[],i=[],o=[],e={};(t==null?void 0:t.answerList)&&(n=initAnswerList(t.answerList,l)\|\|[],i=getWaitSortList(t.answerList,t).newSort,o=getWaitSortList(t.answerList,t).waitSorts);const a=((r=l==null?void 0:l.inputList)==null?void 0:r.filter(s=>s==null?void 0:s.isOverall))\|\|[];return e=getTagResult(a,t==null?void 0:t.tagList),{newSort:i,waitSorts:o,answerList:n,tagList:e,textAttribute:t==null?void 0:t.textAttribute}};exports.formatSort=formatSort,exports.getCurrentResultFromResultList=getCurrentResultFromResultList,exports.getRenderDataByResult=getRenderDataByResult,exports.getTagResult=getTagResult,exports.getWaitSortList=getWaitSortList,exports.initAnswerList=initAnswerList;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _=require("lodash"),index=require("../../../utils/index.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(l,t,r)=>t in l?__defProp(l,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[t]=r,__spreadValues=(l,t)=>{for(var r in t\|\|(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(l,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(l,r,t[r]);return l},__spreadProps=(l,t)=>__defProps(l,__getOwnPropDescs(t));const getCurrentResultFromResultList=(l,t=1)=>{var r,n;const s=index.jsonParser(l),o=`step_${t}`;return(n=(r=s==null?void 0:s[o])==null?void 0:r.result[0])!=null?n:{}},formatSort=l=>l.reduce((r,n)=>{var s;let o=n;return n.length>1?o=n.map(e=>e==null?void 0:e.id):o=[(s=n[0])==null?void 0:s.id],[...r,o]},[]),getTagResult=(l,t)=>{let r={};return l.forEach(n=>{var s;let o=[];t&&t[n==null?void 0:n.value]?o=t[n.value]:((s=n==null?void 0:n.subSelected)==null?void 0:s.length)>0&&n.subSelected.forEach(e=>{(e==null?void 0:e.isDefault)&&(e==null?void 0:e.value)&&o.push(e.value)}),o.length>0&&(r=__spreadProps(__spreadValues({},r),{[n.value]:o}))}),r},getWaitSortList=(l,t)=>{var r;let n=[],s=[];if((l==null?void 0:l.length)>0){const o=_.isArray(t)?t[0]:t;((r=o==null?void 0:o.sort)==null?void 0:r.length)>0&&(s=o.sort.reduce((e,a)=>{let i=[{title:a[0],id:a[0]}];return a.length>1&&(i=a.map(u=>({title:u,id:u}))),[...e,i]},[])),l.forEach(e=>{s.some(i=>i.length>1?i.some(u=>u.id===e.order):i[0].id===e.order)\|\|n.push({title:e.order,id:e.order})})}return{newSort:s,waitSorts:n}},initAnswerList=(l,t)=>{const{isTextEdit:r,textEdit:n=[],inputList:s=[]}=t\|\|{};return l.map(e=>{var a,i;const u=s.filter(d=>!(d==null?void 0:d.isOverall))\|\|[],v=getTagResult(u,e==null?void 0:e.tagList);return r&&((a=n.filter(c=>c.title===e.order)[0])==null?void 0:a.isFillAnswer)?__spreadProps(__spreadValues({},e),{newAnswer:(i=e==null?void 0:e.newAnswer)!=null?i:e.answer,tagList:v}):__spreadProps(__spreadValues({},e),{tagList:v})})},getRenderDataByResult=(l,t)=>{var r;let n=[],s=[],o=[],e={};(t==null?void 0:t.answerList)&&(n=initAnswerList(t.answerList,l)\|\|[],s=getWaitSortList(t.answerList,t).newSort,o=getWaitSortList(t.answerList,t).waitSorts);const a=((r=l==null?void 0:l.inputList)==null?void 0:r.filter(i=>i==null?void 0:i.isOverall))\|\|[];return e=getTagResult(a,t==null?void 0:t.tagList),{newSort:s,waitSorts:o,answerList:n,tagList:e,textAttribute:t==null?void 0:t.textAttribute}};exports.formatSort=formatSort,exports.getCurrentResultFromResultList=getCurrentResultFromResultList,exports.getRenderDataByResult=getRenderDataByResult,exports.getTagResult=getTagResult,exports.getWaitSortList=getWaitSortList,exports.initAnswerList=initAnswerList;

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

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),index$3=require("../../constant/index.js"),index$2=require("./textContent/index.js"),index$1=require("../../views/MainView/annotationTips/index.js"),reducer=require("../../store/annotation/reducer.js"),index=require("../../utils/index.js"),data=require("../LLMToolView/utils/data.js"),annotation=require("../../hooks/annotation.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,n,o)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,__spreadValues=(e,n)=>{for(var o in n\|\|(n={}))__hasOwnProp.call(n,o)&&__defNormalProp(e,o,n[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(n))__propIsEnum.call(n,o)&&__defNormalProp(e,o,n[o]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const NLPViewCls=`${index$3.prefix}-NLPView`,NLPToolView=e=>{const{annotation:n,checkMode:o,tips:q,showTips:N,extraLayer:T,extraData:V,onChangeAnnotation:A,customAnnotationData:E}=e,{imgIndex:c,imgList:f,stepList:p,step:x}=n,{highlightKey:~~M,setHighlightKey:$~~}=React.useContext(ctx.NLPContext),{toolInstanceRef:i}=annotation.useCustomToolInstance(),[_,I]=React.useState(""),[g,k]=React.useState([]),[m,B]=React.useState(void 0),[K,H]=React.useState([{content:""}]),[a,l]=React.useState({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),F=React.useMemo(()=>(a==null?void 0:a.textAnnotation)?(m&&(a.textAnnotation=m),a.textAnnotation.filter(t=>g.length===0\|\|g.includes(t.attribute))):[],[a,g,m]),v=React.useMemo(()=>{var t;if(p&&x){const r=(t=reducer.getStepConfig(p,x))==null?void 0:t.config;return index.jsonParser(r)}},[p,x]);React.useEffect(()=>{var t;if(!f[c])return;const r=(t=f[c])==null?void 0:t.textData;H(r),(v==null?void 0:v.attributeConfigurable)\|\|h([])},[c,v]),React.useEffect(()=>{var t;if(!f[c])return;const r=(t=f[c])!=null?t:{},u=data.getCurrentResultFromResultList(r==null?void 0:r.result);l(u)},[c]),React.useEffect(()=>{i.current.exportData=()=>[[a],{}],i.current.setResult=()=>{},i.current.updateResult=t=>{l(t)},i.current.clearResult=J,i.current.setDefaultAttribute=z,i.current.setHighlightKey~~=$,i~~.current.deleteTextAnnotation=Q,i.current.setAttributeLockList=G,i.current.setVisibleResult=h,b()},[a]);const b=()=>{i.current.emit("changeAttributeSidebar"),i.current.emit("changeIndicatorDetermine")},z=t=>{i.current.defaultAttribute=t,I(t),b()},G=t=>{k(t)},h=t=>{B(t)},J=()=>{l({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),b()},Q=t=>{l(r=>__spreadProps(__spreadValues({},r),{textAnnotation:~~r.textAnnotation.filter(u=>u.id!==t)~~}))},U=(t,r)=>{var u,d;if(r===""\|\|!t)return;const s=window.getSelection(),{anchorOffset:L=0,focusOffset:P=0,anchorNode:X,focusNode:Y}=s\|\|{};if(X===Y){const w=Math.min(L,P),S=Math.max(L,P);let y;if((t==null?void 0:t.current)&&s){const C=(u=t.current)==null?void 0:u.getBoundingClientRect(),O=s.getRangeAt(0).getBoundingClientRect(),R=O.right-C.left,j=O.top-C.top;~~R&&~~j&&(y={left:R,top:j})}const D={id:lbAnnotation.uuid(8,62),start:w,end:S,text:r};if(typeof A=="function"){A(__spreadProps(__spreadValues({},D),{endPosition:y}));return}if(W(w,S,_,a==null?void 0:a.textAnnotation)\|\|o)return;l~~(__spreadProps(__spreadValues({},a~~),{~~textAnnotation:[...~~(a==null?void 0:a.textAnnotation)\|\|[],__spreadProps(__spreadValues({},D),{attribute:_})]})),(d=window.getSelection())==null\|\|d.empty()}},W=(t,r,u,d)=>d==null?void 0:d.some(s=>(s==null?void 0:s.start)===t&&(s==null?void 0:s.end)===r&&(s==null?void 0:s.attribute)===u);return React__default.default.createElement("div",{className:NLPViewCls},React__default.default.createElement("div",{className:`${NLPViewCls}-question`},N===!0&&React__default.default.createElement(index$1,{tips:q}),React__default.default.createElement(index$2,{highlightKey~~:M,~~textData:K,NLPConfig:v,textAnnotation:F,onSelectionChange:U,extraLayer:T,extraData:V,customAnnotationData:E})))},mapStateToProps=e=>({annotation:e.annotation});var NLPToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(NLPToolView);module.exports=NLPToolView$1;
1	+ "use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),index$3=require("../../constant/index.js"),index$2=require("./textContent/index.js"),index$1=require("../../views/MainView/annotationTips/index.js"),reducer=require("../../store/annotation/reducer.js"),index=require("../../utils/index.js"),data=require("../LLMToolView/utils/data.js"),annotation=require("../../hooks/annotation.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,n,a)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a,__spreadValues=(e,n)=>{for(var a in n\|\|(n={}))__hasOwnProp.call(n,a)&&__defNormalProp(e,a,n[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(n))__propIsEnum.call(n,a)&&__defNormalProp(e,a,n[a]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const NLPViewCls=`${index$3.prefix}-NLPView`,NLPToolView=e=>{const{annotation:n,checkMode:a,tips:q,showTips:T,extraLayer:V,extraData:E,onChangeAnnotation:h,customAnnotationData:M}=e,{imgIndex:c,imgList:x,stepList:g,step:b}=n,{highlightKey:$,setHighlightKey:k}=React.useContext(ctx.NLPContext),{toolInstanceRef:r}=annotation.useCustomToolInstance(),[L,I]=React.useState(""),[m,B]=React.useState([]),[A,K]=React.useState(void 0),[H,F]=React.useState([{content:""}]),[o,d]=React.useState({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),z=React.useMemo(()=>(o==null?void 0:o.textAnnotation)?(A&&(o.textAnnotation=A),o.textAnnotation.filter(t=>m.length===0\|\|m.includes(t.attribute))):[],[o,m,A]),l=React.useMemo(()=>{var t;if(g&&b){const i=(t=reducer.getStepConfig(g,b))==null?void 0:t.config;return index.jsonParser(i)}},[g,b]);React.useEffect(()=>{var t;if(!x[c])return;const i=(t=x[c])==null?void 0:t.textData;F(i),(l==null?void 0:l.attributeConfigurable)\|\|f([])},[c,l]),React.useEffect(()=>{var t;if(!x[c])return;const i=(t=x[c])!=null?t:{},u=data.getCurrentResultFromResultList(i==null?void 0:i.result);d(u),f(u.textAnnotation)},[c]),React.useEffect(()=>{r.current.exportData=()=>[[o],{}],r.current.setResult=()=>{},r.current.updateResult=t=>{d(t)},r.current.clearResult=Q,r.current.setDefaultAttribute=G,r.current.setHighlightKey=k,r.current.deleteTextAnnotation=U,r.current.setAttributeLockList=J,r.current.setVisibleResult=f,_()},[o]);const _=()=>{r.current.emit("changeAttributeSidebar"),r.current.emit("changeIndicatorDetermine")},G=t=>{r.current.defaultAttribute=t,I(t),_()},J=t=>{B(t),r.current.attributeLockList=t,r.current.emit("changeAttributeSidebar")},f=t=>{K(t)},Q=()=>{d({id:1,newText:"",indicatorDetermine:{},textAnnotation:[]}),f([]),_()},U=t=>{const i=o.textAnnotation.filter(u=>u.id!==t);d(__spreadProps(__spreadValues({},o),{textAnnotation:i})),f(i)},W=(t,i)=>{var u,v;if(i===""\|\|!t)return;const s=window.getSelection(),{anchorOffset:P=0,focusOffset:w=0,anchorNode:Y,focusNode:Z}=s\|\|{};if(Y===Z){const S=Math.min(P,w),y=Math.max(P,w);let C;if((t==null?void 0:t.current)&&s){const p=(u=t.current)==null?void 0:u.getBoundingClientRect(),R=s.getRangeAt(0).getBoundingClientRect(),j=R.right-p.left,N=R.top-p.top;j&&N&&(C={left:j,top:N})}const D={id:lbAnnotation.uuid(8,62),start:S,end:y,text:i};if(typeof h=="function"){h(__spreadProps(__spreadValues({},D),{endPosition:C}));return}if(X(S,y,L,o==null?void 0:o.textAnnotation)\|\|a)return;if(l==null?void 0:l.attributeConfigurable){const p=(o==null?void 0:o.textAnnotation)\|\|[];p.push(__spreadProps(__spreadValues({},D),{attribute:L}));const O=__spreadProps(__spreadValues({},o),{textAnnotation:p});d(O)}(v=window.getSelection())==null\|\|v.empty()}},X=(t,i,u,v)=>v==null?void 0:v.some(s=>(s==null?void 0:s.start)===t&&(s==null?void 0:s.end)===i&&(s==null?void 0:s.attribute)===u);return React__default.default.createElement("div",{className:NLPViewCls,id:"NLPView"},React__default.default.createElement("div",{className:`${NLPViewCls}-question`},T===!0&&React__default.default.createElement(index$1,{tips:q}),React__default.default.createElement(index$2,{highlightKey:$,textData:H,NLPConfig:l,textAnnotation:z,onSelectionChange:W,extraLayer:V,extraData:E,customAnnotationData:M})))},mapStateToProps=e=>({annotation:e.annotation});var NLPToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(NLPToolView);module.exports=NLPToolView$1;

package/dist/components/NLPToolView/textContent/extraMask.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var _=require("lodash"),React=require("react");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var ___default=_interopDefaultLegacy(_),React__default=_interopDefaultLegacy(React),ExtraMask=({splitIntervals:t,extraData:o})=>React__default.default.createElement("div",{style:{position:"absolute",top:0,left:0,backgroundColor:"transparent",color:"transparent"}},t.map((e,l)=>{var n;const r=___default.default.last(e.extraAnnotations);let a=`2px solid ${((n=e==null?void 0:e.extraAnnotations)==null?void 0:n.find(d=>(d==null?void 0:d.auditID)===(o==null?void 0:o.hoverAuditID)))?"#~~ffc60a~~":"#fcdf7e"}`;return(o==null?void 0:o.isShowRemark)\|\|(a=""),r?React__default.default.createElement("span",{style:{borderBottom:a,padding:"2px 0px"},id:r==null?void 0:r.id,key:l},e.text):React__default.default.createElement("span",{key:l},e.text)}));module.exports=ExtraMask;
1	+ "use strict";var _=require("lodash"),React=require("react");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var ___default=_interopDefaultLegacy(_),React__default=_interopDefaultLegacy(React),ExtraMask=({splitIntervals:t,extraData:o})=>React__default.default.createElement("div",{style:{position:"absolute",top:0,left:0,backgroundColor:"transparent",color:"transparent"}},t.map((e,l)=>{var n;const r=___default.default.last(e.extraAnnotations);let a=`2px solid ${((n=e==null?void 0:e.extraAnnotations)==null?void 0:n.find(d=>(d==null?void 0:d.auditID)===(o==null?void 0:o.hoverAuditID)))?"#ff8609":"#fcdf7e"}`;return(o==null?void 0:o.isShowRemark)\|\|(a=""),r?React__default.default.createElement("span",{style:{borderBottom:a,padding:"2px 0px"},id:r==null?void 0:r.id,key:l},e.text):React__default.default.createElement("span",{key:l},e.text)}));module.exports=ExtraMask;

package/dist/components/NLPToolView/textContent/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$2=require("../../../constant/index.js"),ahooks=require("ahooks"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation"),styleString=require("../../../constant/styleString.js"),index=require("../utils/index.js"),index$1=require("../../../utils/index.js"),extraMask=require("./extraMask.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,o,n)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[o]=n,__spreadValues=(e,o)=>{for(var n in o\|\|(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(e,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(e,n,o[n]);return e};const NLPViewCls=`${index$2.prefix}-NLPView`,renderExtraModal=({extraLayer:e,extraStyle:o,setExtraStyle:n,setExtraResut:u,extraResut:c})=>{if(typeof e=="function"&&n&&u)return e({style:o,onClose:()=>{var d;n(void 0),u(void 0),(d=window.getSelection())==null\|\|d.empty()},submitData:c})},TextContent=e=>{const{highlightKey:o,textData:n,lang:u,NLPConfig:c,onSelectionChange:d,textAnnotation:h,extraData:i,customAnnotationData:E}=e,{displayRemarkList:f=[]}=i\|\|{},{t:w}=reactI18next.useTranslation(),v=React.useRef(null),I=ahooks.useTextSelection(v),[m,q]=React.useState(),[D,b]=React.useState(void 0),p=React.useMemo(()=>{var t;return(t=n==null?void 0:n[0])==null?void 0:t.content},[n]),R=React.useMemo(()=>{const t=___default.default.clone(f);return(m==null?void 0:m.start)&&t.push(m),index.getIntervals(p,t!=null?t:[],"extraAnnotations")},[f,m,p]),j=React.useMemo(()=>index.getIntervals(p,h!=null?h:[],"annotations"),[h,p]);React.useEffect(()=>{if(E){const{id:t,start:a,end:s,text:l,endPosition:r}=E;q({id:t,start:a,end:s,text:l}),b(r)}},[E]);const P=(t="")=>{if(c==null?void 0:c.attributeConfigurable){const a=lbAnnotation.CommonToolUtils.jsonParser(styleString);return lbUtils.toolStyleConverter.getColorByConfig({attribute:t,config:c,style:a})}};return React.useEffect(()=>{var t;u&&((t=lbUtils.i18n)==null\|\|t.changeLanguage(u))},[]),React.useEffect(()=>{d==null\|\|d(v,I.text)},[I.text]),React.useEffect(()=>{var t;if(!(i==null?void 0:i.editAuditID))return;const a=f.filter(r=>(r==null?void 0:r.auditID)===i.editAuditID)[0],s=(t=a==null?void 0:a.id)!=null?t:"",l=document.getElementById(s);if(l&&v.current){const r=l.getBoundingClientRect(),g=v.current.getBoundingClientRect(),x=r.right-g.left,y=~~r.bottom-g.top-~~l.~~offsetHeight~~;x&&y&&b&&b({left:x,top:y})}},[i==null?void 0:i.editAuditID]),React__default.default.createElement("div",null,React__default.default.createElement("div",{className:`${NLPViewCls}-question-title`},w("textTool")),React__default.default.createElement("div",{className:index$1.classnames({[`${NLPViewCls}-question-content`]:!0}),style:{position:"relative"},onDoubleClick:t=>{t.preventDefault()}},React__default.default.createElement("div",{style:{position:"relative"}},j.map((t,a)=>{var s,l,r,g;const x=___default.default.last(t.annotations);if(x){let y=P(x.attribute);const S=(s=t==null?void 0:t.annotations)==null?void 0:s.find(C=>C.id===o);if(S){const C=(g=(r=(l=t==null?void 0:t.annotations)==null?void 0:l.filter(k=>k.id===o))==null?void 0:r[0])==null?void 0:g.attribute;y=P(C)}return React__default.default.createElement("span",{style:{backgroundColor:y.valid.stroke,color:S?"white":void 0,padding:"2px 0px"},key:a},t.text)}else return React__default.default.createElement("span",{key:a},t.text)}),(f==null?void 0:f.length)>0&&React__default.default.createElement(extraMask,{splitIntervals:R,extraData:i}),renderExtraModal({extraLayer:e==null?void 0:e.extraLayer,setExtraStyle:b,extraStyle:D,extraResut:m,setExtraResut:q}),React__default.default.createElement("div",{className:`${NLPViewCls}-question-content-mask`,ref:v},p))))},WrapQuestionView=e=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(TextContent,__spreadValues({},e)));module.exports=WrapQuestionView;
1	+ "use strict";var React=require("react"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$2=require("../../../constant/index.js"),ahooks=require("ahooks"),_=require("lodash"),lbAnnotation=require("@labelbee/lb-annotation"),styleString=require("../../../constant/styleString.js"),index=require("../utils/index.js"),index$1=require("../../../utils/index.js"),extraMask=require("./extraMask.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,o,n)=>o in t?__defProp(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,__spreadValues=(t,o)=>{for(var n in o\|\|(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(t,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(t,n,o[n]);return t};const NLPViewCls=`${index$2.prefix}-NLPView`,renderExtraModal=({extraLayer:t,extraStyle:o,setExtraStyle:n,setExtraResut:d,extraResut:f})=>{if(typeof t=="function"&&n&&d)return t({style:o,onClose:()=>{var v;n(void 0),d(void 0),(v=window.getSelection())==null\|\|v.empty()},submitData:f})},TextContent=t=>{const{highlightKey:o,textData:n,lang:d,NLPConfig:f,onSelectionChange:v,textAnnotation:E,extraData:a,customAnnotationData:I}=t,{displayRemarkList:p=[]}=a\|\|{},{t:D}=reactI18next.useTranslation(),m=React.useRef(null),q=ahooks.useTextSelection(m),[g,w]=React.useState(),[R,x]=React.useState(void 0),y=React.useMemo(()=>{var e;return x(void 0),(e=n==null?void 0:n[0])==null?void 0:e.content},[n]),j=React.useMemo(()=>{const e=___default.default.clone(p);return(g==null?void 0:g.start)&&e.push(g),index.getIntervals(y,e!=null?e:[],"extraAnnotations")},[p,g,y]),k=React.useMemo(()=>index.getIntervals(y,E!=null?E:[],"annotations"),[E,y]);React.useEffect(()=>{if(I){const{id:e,start:r,end:i,text:c,endPosition:l}=I;w({id:e,start:r,end:i,text:c}),x(l)}},[I]);const P=(e="")=>{if(f==null?void 0:f.attributeConfigurable){const r=lbAnnotation.CommonToolUtils.jsonParser(styleString);return lbUtils.toolStyleConverter.getColorByConfig({attribute:e,config:f,style:r})}};return React.useEffect(()=>{var e;d&&((e=lbUtils.i18n)==null\|\|e.changeLanguage(d))},[]),React.useEffect(()=>{v==null\|\|v(m,q.text)},[q.text]),React.useEffect(()=>{var e;if(!(a==null?void 0:a.editAuditID))return;const r=document.getElementById("NLPView"),i=p.filter(s=>(s==null?void 0:s.auditID)===a.editAuditID)[0],c=(e=i==null?void 0:i.id)!=null?e:"",l=document.getElementById(c);if(l&&m.current){const s=l.getBoundingClientRect(),h=m.current.getBoundingClientRect(),b=s.right-h.left,u=l.offsetTop;b&&u&&x&&(r&&r.scrollTo({top:u,behavior:"auto"}),x({left:b,top:u}))}},[a==null?void 0:a.editAuditID]),React__default.default.createElement("div",null,React__default.default.createElement("div",{className:`${NLPViewCls}-question-title`},D("textTool")),React__default.default.createElement("div",{className:index$1.classnames({[`${NLPViewCls}-question-content`]:!0}),style:{position:"relative",whiteSpace:"pre-wrap"},onDoubleClick:e=>{e.preventDefault()}},React__default.default.createElement("div",{style:{position:"relative"}},k.map((e,r)=>{var i,c,l,s,h;const b=___default.default.last(e.annotations);if(b){let u=P(b.attribute);const S=(i=e==null?void 0:e.annotations)==null?void 0:i.find(C=>C.id===o);if(S){const C=(s=(l=(c=e==null?void 0:e.annotations)==null?void 0:c.filter(L=>L.id===o))==null?void 0:l[0])==null?void 0:s.attribute;u=P(C)}return React__default.default.createElement("span",{style:{backgroundColor:(h=u==null?void 0:u.valid)==null?void 0:h.stroke,color:S?"white":void 0,padding:"2px 0px"},key:r},e.text)}else return React__default.default.createElement("span",{key:r},e.text)}),(p==null?void 0:p.length)>0&&React__default.default.createElement(extraMask,{splitIntervals:j,extraData:a}),renderExtraModal({extraLayer:t==null?void 0:t.extraLayer,setExtraStyle:x,extraStyle:R,extraResut:g,setExtraResut:w}),React__default.default.createElement("div",{className:`${NLPViewCls}-question-content-mask`,ref:m},y))))},WrapQuestionView=t=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(TextContent,__spreadValues({},t)));module.exports=WrapQuestionView;

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

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),index$2=require("../../../attributeList/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),clipSmall=require("../../../../assets/annotation/audio/clipSmall.svg.js"),clipASmall=require("../../../../assets/annotation/audio/clipASmall.svg.js"),_delete=require("../../../../assets/annotation/audio/delete.svg.js"),loopA=require("../../../../assets/annotation/audio/loopA.svg.js"),audio=require("../../../../utils/audio.js"),index$1=require("../../../longText/index.js"),index=require("../../../../utils/index.js"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next");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,e,a)=>e in t?__defProp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,__spreadValues=(t,e)=>{for(var a in e\|\|(e={}))__hasOwnProp.call(e,a)&&__defNormalProp(t,a,e[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(e))__propIsEnum.call(e,a)&&__defNormalProp(t,a,e[a]);return t},__spreadProps=(t,e)=>__defProps(t,__getOwnPropDescs(e));const ClipSidebar=t=>{const{regions:e=[],updateRegion:a,useAudioClipStore:v}=t,{audioClipState:f,setAudioClipState:c}=v(),{t:s}=reactI18next.useTranslation(),{selectedAttribute:g,selectedRegion:d,clipTextConfigurable:m,clipAttributeList:n,clipAttributeConfigurable:o}=f,{id:i}=d,b=r=>{if(e.length&&i){const l=~~e.find~~(u~~=>u~~.~~id===i~~);a(__spreadProps(__spreadValues({},l),{~~attribute~~:r})~~)}c(~~{~~selectedAttribute~~:r})},p=[{label:"\u65E0\u5C5E\u6027",value:"",key:"\u65E0\u5C5E\u6027"},...n.map(r=>__spreadProps(__spreadValues({},r),{label:r.key}))];return React__default.default.createElement("div",{className:index_module.clipSidebar},React__default.default.createElement("div",{className:index_module.clipResults},React__default.default.createElement("div",{className:index_module.title},s("ClippedAudio")),e.length>0?React__default.default.createElement("div",{className:index_module.regions},e.map(r=>{const{id:l,attribute:u,text:E,start:_,end:x}=r,S=l~~===i~~&&d.loop,y=`${o?audio.getAttributeShowText(u,p):""}${o&&m?"\uFF0C":""}${m?`${s("textTool")}\uFF1A${E}`:""}`;return React__default.default.createElement("div",{className:index.classnames({[index_module.region]:!0,[index_module.selected]:l~~===i~~}),key:l,onClick:()=>{lbAnnotation.EventBus.emit("setSelectedRegion",{id:l,playImmediately:!0})}},React__default.default.createElement("div",{className:index_module.label},S&&React__default.default.createElement("img",{src:loopA}),React__default.default.createElement("div",{className:index_module.text},React__default.default.createElement(index$1,{text:y}))),React__default.default.createElement("div",{className:index_module.time},React__default.default.createElement("img",{src:i~~===l~~?clipASmall:clipSmall}),audio.timeFormat(_,"ss.SSS")," -",audio.timeFormat(x,"ss.SSS")),React__default.default.createElement("div",{className:index_module.delete,onClick:()=>{lbAnnotation.EventBus.emit("removeRegionById",l)}},React__default.default.createElement("img",{src:_delete})))})):React__default.default.createElement("div",{className:index_module.empty},s("NoClippedData"))),o&&(n==null?void 0:n.length)>0&&React__default.default.createElement("div",{className:index_module.attributeList},React__default.default.createElement(index$2.default,{list:p,attributeChanged:b,selectedAttribute:g,attributeLockChange:r=>{c({attributeLockList:r})}})))};module.exports=ClipSidebar;
1	+ "use strict";var React=require("react"),index$2=require("../../../attributeList/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),clipSmall=require("../../../../assets/annotation/audio/clipSmall.svg.js"),clipASmall=require("../../../../assets/annotation/audio/clipASmall.svg.js"),_delete=require("../../../../assets/annotation/audio/delete.svg.js"),loopA=require("../../../../assets/annotation/audio/loopA.svg.js"),audio=require("../../../../utils/audio.js"),index$1=require("../../../longText/index.js"),index=require("../../../../utils/index.js"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next"),index$3=require("../../../subAttributeList/index.js");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,e,r)=>e in t?__defProp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,__spreadValues=(t,e)=>{for(var r in e\|\|(e={}))__hasOwnProp.call(e,r)&&__defNormalProp(t,r,e[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(e))__propIsEnum.call(e,r)&&__defNormalProp(t,r,e[r]);return t},__spreadProps=(t,e)=>__defProps(t,__getOwnPropDescs(e));const ClipSidebar=t=>{const{regions:e=[],updateRegion:r,useAudioClipStore:f}=t,{audioClipState:g,setAudioClipState:m}=f(),{t:n}=reactI18next.useTranslation(),{selectedAttribute:E,selectedRegion:p,clipTextConfigurable:v,clipAttributeList:o,clipAttributeConfigurable:d,secondaryAttributeConfigurable:_,subAttributeList:A}=g,{id:l}=p,s=React.useMemo(()=>e.find(a=>a.id===l),[e,l]),x=a=>{e.length&&l&&r(__spreadProps(__spreadValues({},s),{attribute:a})),m({selectedAttribute:a})},S=(a,i)=>{var u;if(e.length&&l){const c=(u=s==null?void 0:s.subAttribute)!=null?u:{};r(__spreadProps(__spreadValues({},s),{subAttribute:__spreadProps(__spreadValues({},c),{[a]:i})}))}},b=[{label:"\u65E0\u5C5E\u6027",value:"",key:"\u65E0\u5C5E\u6027"},...o.map(a=>__spreadProps(__spreadValues({},a),{label:a.key}))];return React__default.default.createElement("div",{className:index_module.clipSidebar},React__default.default.createElement("div",{className:index_module.clipResults},React__default.default.createElement("div",{className:index_module.title},n("ClippedAudio")),e.length>0?React__default.default.createElement("div",{className:index_module.regions},e.map(a=>{const{id:i,attribute:u,text:c,start:y,end:C}=a,j=i===l&&p.loop,q=`${d?audio.getAttributeShowText(u,b):""}${d&&v?"\uFF0C":""}${v?`${n("textTool")}\uFF1A${c}`:""}`;return React__default.default.createElement("div",{className:index.classnames({[index_module.region]:!0,[index_module.selected]:i===l}),key:i,onClick:()=>{lbAnnotation.EventBus.emit("setSelectedRegion",{id:i,playImmediately:!0})}},React__default.default.createElement("div",{className:index_module.label},j&&React__default.default.createElement("img",{src:loopA}),React__default.default.createElement("div",{className:index_module.text},React__default.default.createElement(index$1,{text:q}))),React__default.default.createElement("div",{className:index_module.time},React__default.default.createElement("img",{src:l===i?clipASmall:clipSmall}),audio.timeFormat(y,"ss.SSS")," -",audio.timeFormat(C,"ss.SSS")),React__default.default.createElement("div",{className:index_module.delete,onClick:()=>{lbAnnotation.EventBus.emit("removeRegionById",i)}},React__default.default.createElement("img",{src:_delete})))})):React__default.default.createElement("div",{className:index_module.empty},n("NoClippedData"))),d&&(o==null?void 0:o.length)>0&&React__default.default.createElement("div",{className:index_module.attributeList},React__default.default.createElement(index$2.default,{list:b,attributeChanged:x,selectedAttribute:E,attributeLockChange:a=>{m({attributeLockList:a})}}),l&&_&&React__default.default.createElement(index$3,{subAttributeList:A,setSubAttribute:S,getValue:a=>{var i;return(i=s==null?void 0:s.subAttribute)==null?void 0:i[a.value]}})))};module.exports=ClipSidebar;

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");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,n,a)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a,__spreadValues=(e,n)=>{for(var a in n\|\|(n={}))__hasOwnProp.call(n,a)&&__defNormalProp(e,a,n[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(n))__propIsEnum.call(n,a)&&__defNormalProp(e,a,n[a]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const{EAudioToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ToggleAudioOption=({setSideTab:e,sideTab:n})=>{const a=[{tab:"tag",commonSvg:tag,selectedSvg:tagA},{tab:"clip",commonSvg:clip,selectedSvg:clipA}];return React__default.default.createElement("div",{className:index_module.toggleAudioOption},a.map((v,x)=>{const{tab:c,selectedSvg:E,commonSvg:C}=v;return React__default.default.createElement("div",{key:x,className:index_module.option},React__default.default.createElement("img",{className:index_module.icon,src:n===c?E:C,onClick:()=>{n!==c&&e(c)}}))}))},AudioTextToolTextarea=({result:e,inputDisabled:n,updateText:a,configList:v,autofocus:x,preContext:c,isCheck:E,clipAttributeConfigurable:C,clipTextConfigurable:A,textConfigurable:g,updateRegion:y,clipAttributeList:f})=>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:e==null?void 0:e.value,textInputDisabled:n,textID:(e==null?void 0:e.id)\|\|0,updateText:a,configList:v,autofocus:!n&&x,preContext:c,regions:e==null?void 0:e.regions,clipAttributeConfigurable:C,clipTextConfigurable:A,textConfigurable:g,updateRegion:y,clipAttributeList:f}))),AudioSideBar=e=>{var n,a;const{sider:v,config:x,result:c,updateTagResult:E,updateRegion:C,isEdit:A,tagConfigurable:g,clipConfigurable:y}=e;let f=(x==null?void 0:x.inputList)\|\|[],S=(n=c==null?void 0:c.tag)!=null?n:{},r=(a=c==null?void 0:c.regions)!=null?a:[];const[D,L]=React.useState([]),[_,p]=React.useState("tag");React.useEffect(()=>{if(!g&&y){p("clip");return}p("tag")},[g,y]),React.useEffect(()=>(window.addEventListener("keydown",O),()=>{window.removeEventListener("keydown",O)}));const O=o=>{if(g&&y)switch(o.keyCode){case EKeyCode.L:p("tag");break;case EKeyCode.X:p("clip");break}if(_==="tag"){if(!lbAnnotation.CommonToolUtils.hotkeyFilter(o))return;lbAnnotation.CommonToolUtils.isMoveKey(o==null?void 0:o.keyCode)&&o.preventDefault();let i=o.keyCode;if(i&&(i<=57&&i>=49\|\|i<=105&&i>=97)){i>57?i=i-97:i=i-49;const d=D.slice();f.length===1?(T(0,i),L([0,i]),setTimeout(()=>{L([])},500)):d.length===1?(T(d[0],i),L([d[0],i]),setTimeout(()=>{L([])},500)):L([i])}}},T=(o,i)=>{if(o<f.length&&f[o].subSelected&&i<f[o].subSelected.length){const d=f[o].value,m=f[o].isMulti;let j=f[o].subSelected[i].value,M=0;const $=S;for(const R in S)if(R===f[o].value){if(M++,m===!0){const q=$[R].split(";").filter(U=>U!==""),I=q.indexOf(j);I===-1?q.push(j):q.splice(I,1),j=q.join(";")}j===""?delete $[R]:$[R]=j}M===0&&Object.assign(S,{[d]:j}),E(S)}},h=o=>{delete S[o],E(S)},w=g&&y&&React__default.default.createElement(ToggleAudioOption,{setSideTab:p,sideTab:_}),N=_==="tag"&&React__default.default.createElement(index$8.default,{labelInfoSet:g?f:[],labelSelectedList:D,setLabel:T,tagResult:S,clearResult:h,isEdit:A,withPanelTab:!1}),s=_==="clip"&&React__default.default.createElement(index$9,{regions:r,updateRegion:C,useAudioClipStore:index$1.useAudioClipStore});return v?typeof v=="function"?React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},v({toggleAudioOption:w,labelSidebar:N,clipSidebar:s})):v:React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},React__default.default.createElement("div",{className:`${index$7.sidebarCls}__content`},w,N,s))},AudioAnnotate=e=>{var n,a,v,x,c,E,C,A,g;const y=(a=(n=e.style)==null?void 0:n.sider)==null?void 0:a.width,{step:f,stepList:S,audioContext:r,sider:D,drawLayerSlot:L,imgList:_,imgIndex:p,currentData:O,config:T,stepInfo:h}=e,w=lbAnnotation.CommonToolUtils.getCurrentStepToolAndConfig(f,S),N=index.jsonParser(O.result),{toolInstanceRef:s}=annotation.useCustomToolInstance({basicInfo:N}),[o,i]=React.useState(!0),[d,m]=React.useState(null),[j,M]=React.useState(0);React.useEffect(()=>{i(!0)},[p]),React.useEffect(()=>{o===!1&&ee()},[o]),React.useEffect(()=>{$()},[]),React.useEffect(()=>{s.current.exportData=()=>[[d],{duration:j,valid:B}],s.current.setResult=ae,s.current.clearResult=re,s.current.currentPageResult=d==null?void 0:d.regions,s.current.emit("updatePageNumber")},[d]);const $=()=>{s.current.emit=t=>{const l=s.current.fns.get(t);l&&l.forEach(u=>{u&&(u==null\|\|u())})},s.current.fns=new Map,s.current.singleOn=(t,l)=>{s.current.fns.set(t,[l])},s.current.on=(t,l)=>{s.current.singleOn(t,l)},s.current.unbindAll=t=>{s.current.fns.delete(t)}},R=React.useMemo(()=>{const t=N[`step_${h==null?void 0:h.step}`];return(t==null?void 0:t.result)\|\|[]},[T,N,h]),{tagConfigurable:q,textConfigurable:I=!0,clipConfigurable:U=!1,clipAttributeConfigurable:W=!1,clipAttributeList:F=[],clipTextConfigurable:V=!1,inputList:G=[],configList:H=[]}=React.useMemo(()=>{if(w)return lbAnnotation.CommonToolUtils.jsonParser(w==null?void 0:w.config)},[w]),J={clipConfigurable:U,clipAttributeConfigurable:W,clipAttributeList:F,clipTextConfigurable:V},B=r?r==null?void 0:r.valid:!0,Q=(x=(v=lbAnnotation.CommonToolUtils.jsonParser(O.result))==null?void 0:v.duration)!=null?x:0,Y=B?Q:0,Z=!B\|\|o\|\|![I,V].includes(!0);let X={};if(p!==-1&&(_==null?void 0:_.length)){const t=(c=_[p])==null?void 0:c.preResult,l=(r==null?void 0:r.isEdit)?(E=r==null?void 0:r.stepConfig)==null?void 0:E.loadPreStep:h==null?void 0:h.loadPreStep;if(t&&l){const u=lbAnnotation.CommonToolUtils.jsonParser(t),b=(A=(C=u==null?void 0:u.config)==null?void 0:C.context)!=null?A:{};Object.keys(b).forEach(P=>{P&&b[P]&&(X[P]={visible:!0,content:b[P],type:P})})}}const ee=()=>{(R==null?void 0:R.length)>0?m(R[0]):m({id:lbAnnotation.uuid(),sourceID:"",value:z(),tag:te(),regions:[]})},z=(t=!0)=>{const l={};let u=T.configList\|\|[];return u.length>0&&u.forEach(b=>{l[b.key]=t&&b.default\|\|""}),l},te=()=>lbAnnotation.TagUtils.getDefaultResultByConfig(T.inputList\|\|[]),ne=({duration:t,hasError:l})=>{i(!1),M(t)},le=t=>{m(l=>__spreadProps(__spreadValues({},l),{regions:((l==null?void 0:l.regions)\|\|[]).filter(u=>u.id!==t)}))},K=t=>{m(l=>{var u;const b=(u=l==null?void 0:l.regions)!=null?u:[],{id:P}=t;return b.find(k=>k.id===P)?__spreadProps(__spreadValues({},l),{regions:b.map(k=>P===k.id?__spreadValues(__spreadValues({},k),t):k)}):__spreadProps(__spreadValues({},l),{regions:[...b,t]})})},oe=(t,l)=>{m(u=>__spreadProps(__spreadValues({},u),{value:__spreadProps(__spreadValues({},u.value),{[l]:t})}))},ie=t=>{m(l=>__spreadProps(__spreadValues({},l),{tag:t}))},ae=t=>{m(t)},re=()=>{m(t=>__spreadProps(__spreadValues({},t),{value:z(),tag:{},regions:[]})),lbAnnotation.EventBus.emit("clearRegions")};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%"}},e==null?void 0:e.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},q&&React__default.default.createElement(index$2,{result:d==null?void 0:d.tag,labelInfoSet:G,hasPromptLayer:!!(r==null?void 0:r.promptLayer)}),r==null?void 0:r.promptLayer,React__default.default.createElement(index$3.AudioPlayer,__spreadValues({context:{isEdit:r==null?void 0:r.isEdit,count:Y,toolName:EAudioToolName.AudioTextTool,imgIndex:p},drawLayerSlot:L,fileData:O,onLoaded:ne,invalid:!B,updateRegion:K,removeRegion:le,regions:d==null?void 0:d.regions,activeToolPanel:r==null?void 0:r.activeToolPanel,footer:e.footer},J))),(I\|\|V)&&React__default.default.createElement(AudioTextToolTextarea,{preContext:X,result:d,inputDisabled:Z,updateText:oe,updateRegion:K,configList:H,autofocus:!1,textConfigurable:I,clipTextConfigurable:V,clipAttributeList:F,clipAttributeConfigurable:W}))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:y!=null?y:240,style:(g=e.style)==null?void 0:g.sider},React__default.default.createElement(AudioSideBar,{sider:D,config:T,result:d,updateTagResult:ie,updateRegion:K,isEdit:r==null?void 0:r.isEdit,tagConfigurable:q,clipConfigurable:U})),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");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,n,a)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a,__spreadValues=(e,n)=>{for(var a in n\|\|(n={}))__hasOwnProp.call(n,a)&&__defNormalProp(e,a,n[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(n))__propIsEnum.call(n,a)&&__defNormalProp(e,a,n[a]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const{EAudioToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ToggleAudioOption=({setSideTab:e,sideTab:n})=>{const a=[{tab:"tag",commonSvg:tag,selectedSvg:tagA},{tab:"clip",commonSvg:clip,selectedSvg:clipA}];return React__default.default.createElement("div",{className:index_module.toggleAudioOption},a.map((v,x)=>{const{tab:c,selectedSvg:E,commonSvg:S}=v;return React__default.default.createElement("div",{key:x,className:index_module.option},React__default.default.createElement("img",{className:index_module.icon,src:n===c?E:S,onClick:()=>{n!==c&&e(c)}}))}))},AudioTextToolTextarea=({result:e,inputDisabled:n,updateText:a,configList:v,autofocus:x,preContext:c,isCheck:E,clipAttributeConfigurable:S,clipTextConfigurable:q,textConfigurable:g,updateRegion:y,clipAttributeList:f})=>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:e==null?void 0:e.value,textInputDisabled:n,textID:(e==null?void 0:e.id)\|\|0,updateText:a,configList:v,autofocus:!n&&x,preContext:c,regions:e==null?void 0:e.regions,clipAttributeConfigurable:S,clipTextConfigurable:q,textConfigurable:g,updateRegion:y,clipAttributeList:f}))),AudioSideBar=e=>{var n,a;const{sider:v,config:x,result:c,updateTagResult:E,updateRegion:S,isEdit:q,tagConfigurable:g,clipConfigurable:y}=e;let f=(x==null?void 0:x.inputList)\|\|[],C=(n=c==null?void 0:c.tag)!=null?n:{},r=(a=c==null?void 0:c.regions)!=null?a:[];const[D,P]=React.useState([]),[_,p]=React.useState("tag");React.useEffect(()=>{if(!g&&y){p("clip");return}p("tag")},[g,y]),React.useEffect(()=>(window.addEventListener("keydown",O),()=>{window.removeEventListener("keydown",O)}));const O=o=>{if(g&&y)switch(o.keyCode){case EKeyCode.L:p("tag");break;case EKeyCode.X:p("clip");break}if(_==="tag"){if(!lbAnnotation.CommonToolUtils.hotkeyFilter(o))return;lbAnnotation.CommonToolUtils.isMoveKey(o==null?void 0:o.keyCode)&&o.preventDefault();let i=o.keyCode;if(i&&(i<=57&&i>=49\|\|i<=105&&i>=97)){i>57?i=i-97:i=i-49;const d=D.slice();f.length===1?(T(0,i),P([0,i]),setTimeout(()=>{P([])},500)):d.length===1?(T(d[0],i),P([d[0],i]),setTimeout(()=>{P([])},500)):P([i])}}},T=(o,i)=>{if(o<f.length&&f[o].subSelected&&i<f[o].subSelected.length){const d=f[o].value,m=f[o].isMulti;let j=f[o].subSelected[i].value,M=0;const $=C;for(const R in C)if(R===f[o].value){if(M++,m===!0){const w=$[R].split(";").filter(U=>U!==""),I=w.indexOf(j);I===-1?w.push(j):w.splice(I,1),j=w.join(";")}j===""?delete $[R]:$[R]=j}M===0&&Object.assign(C,{[d]:j}),E(C)}},h=o=>{delete C[o],E(C)},A=g&&y&&React__default.default.createElement(ToggleAudioOption,{setSideTab:p,sideTab:_}),N=_==="tag"&&React__default.default.createElement(index$8.default,{labelInfoSet:g?f:[],labelSelectedList:D,setLabel:T,tagResult:C,clearResult:h,isEdit:q,withPanelTab:!1}),s=_==="clip"&&React__default.default.createElement(index$9,{regions:r,updateRegion:S,useAudioClipStore:index$1.useAudioClipStore});return v?typeof v=="function"?React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},v({toggleAudioOption:A,labelSidebar:N,clipSidebar:s})):v:React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},React__default.default.createElement("div",{className:`${index$7.sidebarCls}__content`},A,N,s))},AudioAnnotate=e=>{var n,a,v,x,c,E,S,q,g;const y=(a=(n=e.style)==null?void 0:n.sider)==null?void 0:a.width,{step:f,stepList:C,audioContext:r,sider:D,drawLayerSlot:P,imgList:_,imgIndex:p,currentData:O,config:T,stepInfo:h}=e,A=lbAnnotation.CommonToolUtils.getCurrentStepToolAndConfig(f,C),N=index.jsonParser(O.result),{toolInstanceRef:s}=annotation.useCustomToolInstance({basicInfo:N}),[o,i]=React.useState(!0),[d,m]=React.useState(null),[j,M]=React.useState(0);React.useEffect(()=>{i(!0)},[p]),React.useEffect(()=>{o===!1&&ne()},[o]),React.useEffect(()=>{$()},[]),React.useEffect(()=>{s.current.exportData=()=>[[d],{duration:j,valid:B}],s.current.setResult=se,s.current.clearResult=ue,s.current.currentPageResult=d==null?void 0:d.regions,s.current.emit("updatePageNumber")},[d]);const $=()=>{s.current.emit=t=>{const l=s.current.fns.get(t);l&&l.forEach(u=>{u&&(u==null\|\|u())})},s.current.fns=new Map,s.current.singleOn=(t,l)=>{s.current.fns.set(t,[l])},s.current.on=(t,l)=>{s.current.singleOn(t,l)},s.current.unbindAll=t=>{s.current.fns.delete(t)}},R=React.useMemo(()=>{const t=N[`step_${h==null?void 0:h.step}`];return(t==null?void 0:t.result)\|\|[]},[T,N,h]),{tagConfigurable:w,textConfigurable:I=!0,clipConfigurable:U=!1,clipAttributeConfigurable:W=!1,clipAttributeList:F=[],clipTextConfigurable:V=!1,subAttributeList:G=[],secondaryAttributeConfigurable:H=!1,inputList:J=[],configList:Q=[]}=React.useMemo(()=>{if(A)return lbAnnotation.CommonToolUtils.jsonParser(A==null?void 0:A.config)},[A]),Y={clipConfigurable:U,clipAttributeConfigurable:W,clipAttributeList:F,clipTextConfigurable:V,subAttributeList:G,secondaryAttributeConfigurable:H},B=r?r==null?void 0:r.valid:!0,Z=(x=(v=lbAnnotation.CommonToolUtils.jsonParser(O.result))==null?void 0:v.duration)!=null?x:0,ee=B?Z:0,te=!B\|\|o\|\|![I,V].includes(!0);let X={};if(p!==-1&&(_==null?void 0:_.length)){const t=(c=_[p])==null?void 0:c.preResult,l=(r==null?void 0:r.isEdit)?(E=r==null?void 0:r.stepConfig)==null?void 0:E.loadPreStep:h==null?void 0:h.loadPreStep;if(t&&l){const u=lbAnnotation.CommonToolUtils.jsonParser(t),b=(q=(S=u==null?void 0:u.config)==null?void 0:S.context)!=null?q:{};Object.keys(b).forEach(L=>{L&&b[L]&&(X[L]={visible:!0,content:b[L],type:L})})}}const ne=()=>{(R==null?void 0:R.length)>0?m(R[0]):m({id:lbAnnotation.uuid(),sourceID:"",value:z(),tag:le(),regions:[]})},z=(t=!0)=>{const l={};let u=T.configList\|\|[];return u.length>0&&u.forEach(b=>{l[b.key]=t&&b.default\|\|""}),l},le=()=>lbAnnotation.TagUtils.getDefaultResultByConfig(T.inputList\|\|[]),oe=({duration:t,hasError:l})=>{i(!1),M(t)},ie=t=>{m(l=>__spreadProps(__spreadValues({},l),{regions:((l==null?void 0:l.regions)\|\|[]).filter(u=>u.id!==t)}))},K=t=>{m(l=>{var u;const b=(u=l==null?void 0:l.regions)!=null?u:[],{id:L}=t;return b.find(k=>k.id===L)?__spreadProps(__spreadValues({},l),{regions:b.map(k=>L===k.id?__spreadValues(__spreadValues({},k),t):k)}):__spreadProps(__spreadValues({},l),{regions:[...b,t]})})},ae=(t,l)=>{m(u=>__spreadProps(__spreadValues({},u),{value:__spreadProps(__spreadValues({},u.value),{[l]:t})}))},re=t=>{m(l=>__spreadProps(__spreadValues({},l),{tag:t}))},se=t=>{m(t)},ue=()=>{m(t=>__spreadProps(__spreadValues({},t),{value:z(),tag:{},regions:[]})),lbAnnotation.EventBus.emit("clearRegions")};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%"}},e==null?void 0:e.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},w&&React__default.default.createElement(index$2,{result:d==null?void 0:d.tag,labelInfoSet:J,hasPromptLayer:!!(r==null?void 0:r.promptLayer)}),r==null?void 0:r.promptLayer,React__default.default.createElement(index$3.AudioPlayer,__spreadValues({context:{isEdit:r==null?void 0:r.isEdit,count:ee,toolName:EAudioToolName.AudioTextTool,imgIndex:p},drawLayerSlot:P,fileData:O,onLoaded:oe,invalid:!B,updateRegion:K,removeRegion:ie,regions:d==null?void 0:d.regions,activeToolPanel:r==null?void 0:r.activeToolPanel,footer:e.footer},Y))),(I\|\|V)&&React__default.default.createElement(AudioTextToolTextarea,{preContext:X,result:d,inputDisabled:te,updateText:ae,updateRegion:K,configList:Q,autofocus:!1,textConfigurable:I,clipTextConfigurable:V,clipAttributeList:F,clipAttributeConfigurable:W}))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:y!=null?y:240,style:(g=e.style)==null?void 0:g.sider},React__default.default.createElement(AudioSideBar,{sider:D,config:T,result:d,updateTagResult:re,updateRegion:K,isEdit:r==null?void 0:r.isEdit,tagConfigurable:w,clipConfigurable:U})),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/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"),antd=require("antd"),index$a=require("../invalidPage/index.js"),index$5=require("../imageError/index.js"),index$9=require("../../utils/index.js"),index$c=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$d=require("./zoomSlider/index.js"),index$e=require("./labelDisplayToggle/index.js"),index$f=require("./clipRegion/index.js"),index=require("../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),index$1=require("./useAudioScroll/index.js"),index_module=require("./index.module.scss.js"),audio=require("../../utils/audio.js"),index$b=require("./progressDot/index.js"),index$6=require("./clipTip/index.js"),index$4=require("./useSwitchHotkey/index.js"),index$2=require("./useAudioCombine/index.js"),index$3=require("./useAudioSegment/index.js"),index$7=require("./combineTip/index.js"),index$8=require("./segmentTip/index.js"),index$g=require("../../views/MainView/toolFooter/index.js"),utils=require("../videoPlayer/utils.js");function _interopDefaultLegacy(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}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=(s,l,u)=>l in s?__defProp(s,l,{enumerable:!0,configurable:!0,writable:!0,value:u}):s[l]=u,__spreadValues=(s,l)=>{for(var u in l\|\|(l={}))__hasOwnProp.call(l,u)&&__defNormalProp(s,u,l[u]);if(__getOwnPropSymbols)for(var u of __getOwnPropSymbols(l))__propIsEnum.call(l,u)&&__defNormalProp(s,u,l[u]);return s},__spreadProps=(s,l)=>__defProps(s,__getOwnPropDescs(l));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:s={},onLoaded:l,context:u,invalid:$e,height:Ie,hideError:Le,onError:te,updateRegion:x,removeRegion:B,regions:C=[],activeToolPanel:Oe,clipConfigurable:Ne,clipTextConfigurable:We,clipAttributeList:Fe,clipAttributeConfigurable:re,isCheck:E,hoverRegionId:I,footer:ze,drawLayerSlot:ne})=>{var oe,ie;const{url:M,path:ae}=s,[L,O]=React.useState(!1),[le,se]=React.useState(!1),[R,He]=React.useState(0),[Ue,ue]=React.useState(!1),[D,de]=React.useState(0),o=React.useRef(null),S=React.useRef(null),ce=React.useRef(R),N=e=>{ce.current=e,He(e)},[ve,Xe]=React.useState(0),[k,Ze]=React.useState(1),W=React.useRef(null),[fe,Ke]=React.useState({}),{audioClipState:F,setAudioClipState:A}=index.useAudioClipStore(),[z,H]=React.useState(!1),d=ahooks.useLatest(F),me=ahooks.useLatest(fe),Ve=ahooks.useLatest(L),w=ahooks.useLatest(C),pe=ahooks.useUpdate(),[ge,Ge]=React.useState([]),[_e,Ye]=React.useState({}),Je=_.debounce(()=>{lbAnnotation.EventBus.emit("audioZoom")},500),be=e=>{e<index$d.audioZoomInfo.min\|\|e>index$d.audioZoomInfo.max\|\|(Ze(e),audio.dispatchResizeEvent(),Je())};index$1({container:W.current,target:document.querySelector(`[data-id=${(ie=(oe=d.current)==null?void 0:oe.selectedRegion)==null?void 0:ie.id}]`),clipping:z,zoom:k,zoomHandler:be});const $=()=>{let e=w.current;const{attributeLockList:r}=d.current;r.length&&(e=e.filter(t=>r.includes(t.attribute))),X(),e.forEach(t=>{var n;(n=o.current)==null\|\|n.addRegion(__spreadProps(__spreadValues({},t),{drag:!E,resize:!E,color:"rgba(0, 0, 0, 0)"}))}),pe()},v=e=>{var r,t,n,i,a,f,g;const{id:c,loop:m=!0,playImmediately:y=!1}=e;if(c){const T=(n=(t=(r=o.current)==null?void 0:r.regions)==null?void 0:t.list)!=null?n:{};Object.entries(T).forEach(([,p])=>{const{id:P}=p;c===P?p.select():p.cancelSelect()}),A({selectedRegion:{id:c,loop:m},selectedAttribute:(f=(a=(i=w.current)==null?void 0:i.find(p=>p.id===c))==null?void 0:a.attribute)!=null?f:""}),m&&y&&((g=q(c))==null\|\|g.playLoop())}else A({selectedRegion:{}})},{combineInstance:Qe}=index$2({waveRef:o,sortByStartRegions:ge,regionMap:_e,updateRegion:x,removeRegion:B,generateRegions:$,setSelectedRegion:v}),{segmentInstance:et,onRegionMouseMove:tt,segmentTimeTip:rt}=index$3({waveRef:o,regionMap:_e,updateRegion:x,removeRegion:B,generateRegions:$,setSelectedRegion:v}),ye={clipTextConfigurable:We,clipAttributeList:Fe,clipAttributeConfigurable:re,clipConfigurable:Ne};React.useEffect(()=>{A({selectedAttribute:""})},[re]),React.useEffect(()=>{U()},[F.selectedAttribute]),React.useEffect(()=>{$()},[F.attributeLockList]),ahooks.useDeepCompareEffect(()=>{A(ye),setTimeout(()=>{Ee()})},[ye]),ahooks.useDeepCompareEffect(()=>{Ge(_.sortBy(C,["start"])),Ye(C.reduce((e,r)=>{const{id:t}=r;return __spreadProps(__spreadValues({},e),{[t]:r})},{}))},[C]),React.useEffect(()=>{if(I){const e=Ve.current;v({id:I,loop:e,playImmediately:!0})}else v({})},[I]);const Ee=()=>{var e,r;d.current.clipConfigurable?(!E&&o.current&&((e=o.current)==null\|\|e.enableDragSelection({slop:5})),$()):((r=o.current)==null\|\|r.disableDragSelection(),X()),U()},U=()=>{var e,r,t,n,i;let a="";d.current.clipConfigurable?a=audio.getAttributeColor(d.current.selectedAttribute,(e=d.current.clipAttributeList)!=null?e:[]):a="transparent",((t=(r=o==null?void 0:o.current)==null?void 0:r.cursor)==null?void 0:t.cursor)&&((i=(n=o==null?void 0:o.current)==null?void 0:n.cursor)==null\|\|i.setStyle({border:`2px dashed ${a}`}))},q=e=>{var r,t,n;return((n=(t=(r=o.current)==null?void 0:r.regions)==null?void 0:t.list)!=null?n:{})[e]},Re=()=>{var e,r;if(M){const t=((r=(e=ae==null?void 0:ae.split("."))==null?void 0:e.pop())==null?void 0:r.toLowerCase())==="pcm";ue(!1),t?getWebPcm2Wac.getWebPcm2WavBase64(M).then(n=>{Se(n)}):Se(M)}},Se=e=>{var r;e&&(se(!0),N(0),de(0),(r=o==null?void 0:o.current)==null\|\|r.load(e))},X=()=>{var e;(e=o.current)==null\|\|e.clearRegions()},Z=e=>{const r=q(e);r&&(H(!1),r==null\|\|r.remove(),B==null\|\|B(e),v({}))},{run:he}=ahooks.useThrottleFn(v,{wait:500});index$4({sortByStartRegions:ge,setSelectedRegion:v});const nt=e=>{const{start:r,end:t}=me.current;return(r\|\|t)&&e.update(me.current),e},ot=({action:e,id:r,eventDownTime:t})=>{var n,i;if(!d.current.clipConfigurable)return;r&&v({id:r});const a=q((r!=null?r:(n=d.current.selectedRegion)==null?void 0:n.id)\|\|""),f=[];(e==="create"?w.current:(i=w.current)==null?void 0:i.filter(m=>m.id!==a.id)).forEach(m=>{const{start:y,end:T,attribute:p}=m;p===d.current.selectedAttribute&&[y,T].forEach(P=>{f.includes(P)\|\|f.push(P)})});const c=audio.getCanMoveRange(f.sort((m,y)=>m-y),t);o.current.range=c},it=e=>{U(),setTimeout(()=>{H(!1)});const r=nt(e),{id:t,start:n,end:i}=r;v({id:t,playImmediately:!0});const a={id:t,start:utils.decimalReserved(n,3),end:utils.decimalReserved(i,3)};x==null\|\|x(a),pe()},at=()=>{const e=WaveSurfer__default.default.create({container:"#waveform",waveColor:"#999",progressColor:"#999",height:Ie\|\|245,normalize:!0,cursorWidth:2,cursorColor:"white",responsive:0,hideScrollbar:!0,plugins:[Region__default.default.create({regions:C,dragSelection:{slop:5},canMove:!1}),Cursor__default.default.create({opacity:1,customStyle:{border:"2px dashed transparent"}})]}),r=()=>{var t;N(((t=o==null?void 0:o.current)==null?void 0:t.getCurrentTime())\|\|0)};e.on("ready",()=>{var t;const n=((t=o==null?void 0:o.current)==null?void 0:t.getDuration())\|\|0;de(n),r(),l==null\|\|l({duration:Math.round(n)}),se(!1),j(),lbAnnotation.EventBus.on("setCurrentTimeByPosition",V),lbAnnotation.EventBus.on("clearRegions",X),lbAnnotation.EventBus.on("removeRegionById",Z),lbAnnotation.EventBus.on("setSelectedRegion",he),e.on("regions-eventDown",ot),Ee()}),e.on("audioprocess",()=>{r()}),e.on("play",()=>{O(!0)}),e.on("pause",()=>{O(!1)}),e.on("finish",()=>{O(!1)}),e.on("seek",()=>{r()}),e.on("error",()=>{ue(!0),l==null\|\|l({hasError:!0}),te==null\|\|te()}),e.on("region-created",t=>{const{id:n,start:i,end:a}=t;if(w.current.find(g=>g.id===n))return;const f={id:n,start:utils.decimalReserved(i,3),end:utils.decimalReserved(a,3),attribute:d.current.selectedAttribute,text:""};x==null\|\|x(f)}),e.on("region-updated",(t,n)=>{var i,a,f,g,c,m,y,T,p,P;const je=n==null?void 0:n.action;A({combined:!1,segment:!1}),je==="resize"&&((a=(i=o==null?void 0:o.current)==null?void 0:i.cursor)==null\|\|a.setStyle({borderStyle:"solid"})),je==="drag"&&((g=(f=o==null?void 0:o.current)==null?void 0:f.cursor)==null\|\|g.setStyle({borderColor:"transparent"}));const G={},Y=[],J={},bt=(c=w.current)==null?void 0:c.filter(b=>b.id!==t.id),yt=(T=(y=(m=o.current)==null?void 0:m.regions)==null?void 0:y.list)!=null?T:{};bt.forEach(b=>{var Me,De;const{element:Q}=(Me=yt[b.id])!=null?Me:{},{start:St,end:ht}=b;if(Q){const{x:ke,width:Pt}=((De=Q.getBoundingClientRect)==null?void 0:De.call(Q))\|\|{},xt=ke+Pt;[ke,xt].forEach((ee,Ct)=>{Y.includes(ee)\|\|(Y.push(ee),J[ee]=Ct===0?St:ht)})}});const{x:Be,width:Et}=((P=(p=t.element).getBoundingClientRect)==null?void 0:P.call(p))\|\|{},Rt=Be+Et;Y.forEach(b=>{Math.abs(audio.precisionMinus(b,Be))<5&&(G.start=J[b]),Math.abs(audio.precisionMinus(b,Rt))<5&&(G.end=J[b])}),Ke(G),he({id:t.id}),H(!0)}),e.on("region-update-end",t=>{it(t)}),e.on("region-contextmenu",(t,n)=>{if(!E){if(n.preventDefault(),n.stopPropagation(),audio.isDoubleClick(n)){Z(t.id);return}v({id:t.id,playImmediately:!0})}}),e.on("region-click",(t,n,i)=>{if(!E){if(n.preventDefault(),n.stopPropagation(),d.current.combined){Qe(t);return}if(d.current.segment){et(t,i);return}v({id:t.id,playImmediately:!0})}}),e.on("region-mousemove",tt),o.current=e},lt=L?React__default.default.createElement(icons.PauseOutlined,null):React__default.default.createElement(icons.CaretRightOutlined,null),Pe=e=>e?`${parseFloat((e/D100).toFixed(4))}%`:"0%",xe=Pe(R),st=Pe(ve),h=()=>{if(!le)return o==null?void 0:o.current},ut=()=>{var e;(e=h())==null\|\|e.skipForward(PER_PROGRESS)},dt=()=>{var e;(e=h())==null\|\|e.skipBackward(PER_PROGRESS)},j=()=>{var e;(e=h())==null\|\|e.playPause(),v({})},Ce=e=>{var r;switch(e.keyCode){case EKeyCode.Right:ut();break;case EKeyCode.Left:dt();break;case EKeyCode.Space:e.preventDefault(),j();break;case EKeyCode.Delete:if(!E){const{id:t}=((r=d.current)==null?void 0:r.selectedRegion)\|\|{};t&&Z(t)}break}},ct=e=>{V(e)},we=___default.default.throttle(ct,50);let K=!1;const Te=()=>{K&&(j(),K=!1),document.removeEventListener("mousemove",we),document.removeEventListener("mouseup",Te)},vt=e=>{V(e),L&&(K=!0,j()),document.addEventListener("mousemove",we),document.addEventListener("mouseup",Te)},ft=()=>{Re()};React.useEffect(()=>(at(),()=>{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 mt=e=>{var r,t,n;(r=h())==null\|\|r.playPause(),(t=h())==null\|\|t.setPlaybackRate(e),(n=h())==null\|\|n.playPause()};React.useEffect(()=>(document.addEventListener("keydown",Ce),()=>{document.removeEventListener("keydown",Ce)})),React.useEffect(()=>{v({}),Re()},[M]);const Ae=e=>{var r,t,n,i;if((o==null?void 0:o.current)&&(S==null?void 0:S.current)){const a=(t=(r=o==null?void 0:o.current)==null?void 0:r.getDuration())!=null?t:0,f=(n=S==null?void 0:S.current)==null?void 0:n.getBoundingClientRect();let c=(e.clientX-f.left)/(((i=S==null?void 0:S.current)==null?void 0:i.clientWidth)\|\|0)a;return c>a&&(c=a),c}return 0},V=e=>{var r;const t=Ae(e);(r=o==null?void 0:o.current)==null\|\|r.skip(t-ce.current),N(t)},pt=e=>{Xe(Ae(e))},gt=D?Math.max(D-R,0):0,_t=(u==null?void 0:u.toolName)!==EToolName.Empty&&(u==null?void 0:u.isEdit)!==!0&&(Oe==="remark"\|\|E),qe=React__default.default.createElement("div",{className:index_module.audioPlayer},Ue&&!Le&&React__default.default.createElement(index$5,{fileTypeName:"\u97F3\u9891",ignoreOffsetY:!0,reloadImage:ft,backgroundColor:"#ffffffbb"}),React__default.default.createElement(index$6,{getRegionInstanceById:q,clipping:z}),React__default.default.createElement(index$7,{container:W.current}),React__default.default.createElement(index$8,{segmentTimeTip:rt}),React__default.default.createElement("div",{className:index_module.waveformContainer,ref:W},React__default.default.createElement("div",{id:"waveform",style:{width:`${k*100}%`},className:index$9.classnames({[index_module.waveform]:!0,"bee-audio-combined":d.current.combined,"bee-audio-clip":d.current.clipConfigurable})},$e&&React__default.default.createElement(index$a,{isAudio:!0}),React__default.default.createElement("div",{ref:S,className:index_module.progress,onMouseDown:vt,onMouseMove:pt},React__default.default.createElement("div",{className:index$9.classnames({[index_module.radioTooltip]:!0}),style:{left:xe}},audio.formatTime(R)),React__default.default.createElement("div",{className:index$9.classnames({[index_module.radioTooltip]:!0,[index_module.mouseTooltip]:!0}),style:{left:st}},audio.formatTime(ve)),React__default.default.createElement(index$b,{playPercentage:xe})),_t&&(ne==null?void 0:ne({currentTime:R,remainingTime:gt,audioPlayer:h()})))),React__default.default.createElement("div",{className:index_module.controlBar},React__default.default.createElement(antd.Button,{type:"link",icon:lt,onClick:()=>{j()},className:index$9.classnames({[index_module.playButton]:!0,[index_module.playButtonDisabled]:le})}),React__default.default.createElement("span",{className:index_module.time},`${audio.timeFormat(R,"ss.SSS")} / -${audio.timeFormat(D-R,"ss.SSS")}`),React__default.default.createElement(index$c.default,{playerType:index$c.EPlayerType.Audio,onChange:e=>{mt(e)}}),React__default.default.createElement(index$d.default,{onChange:e=>{be(e)},zoom:k}),React__default.default.createElement(index$e,{EventBus:lbAnnotation.EventBus})));return u?React__default.default.createElement(AudioPlayerContext.Provider,{value:u},qe,C.map(e=>{const{id:r}=e,t=document.querySelector(`[data-id=${r}]`);return t?React__default.default.createElement(index$f,{el:t,key:r,region:e,edgeAdsorption:fe,clipping:z,zoom:k,instance:q(r)}):null}),React__default.default.createElement(index$g.default,{footer:ze})):qe};exports.AudioPlayer=AudioPlayer,exports.AudioPlayerContext=AudioPlayerContext;
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"),antd=require("antd"),index$a=require("../invalidPage/index.js"),index$5=require("../imageError/index.js"),index$9=require("../../utils/index.js"),index$c=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$d=require("./zoomSlider/index.js"),index$e=require("./labelDisplayToggle/index.js"),index$f=require("./clipRegion/index.js"),index=require("../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),index$1=require("./useAudioScroll/index.js"),index_module=require("./index.module.scss.js"),audio=require("../../utils/audio.js"),index$b=require("./progressDot/index.js"),index$6=require("./clipTip/index.js"),index$4=require("./useSwitchHotkey/index.js"),index$2=require("./useAudioCombine/index.js"),index$3=require("./useAudioSegment/index.js"),index$7=require("./combineTip/index.js"),index$8=require("./segmentTip/index.js"),index$g=require("../../views/MainView/toolFooter/index.js"),utils=require("../videoPlayer/utils.js");function _interopDefaultLegacy(u){return u&&typeof u=="object"&&"default"in u?u:{default:u}}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=(u,s,c)=>s in u?__defProp(u,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):u[s]=c,__spreadValues=(u,s)=>{for(var c in s\|\|(s={}))__hasOwnProp.call(s,c)&&__defNormalProp(u,c,s[c]);if(__getOwnPropSymbols)for(var c of __getOwnPropSymbols(s))__propIsEnum.call(s,c)&&__defNormalProp(u,c,s[c]);return u},__spreadProps=(u,s)=>__defProps(u,__getOwnPropDescs(s));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:u={},onLoaded:s,context:c,invalid:$e,height:Le,hideError:Ie,onError:te,updateRegion:x,removeRegion:B,regions:C=[],activeToolPanel:Oe,clipConfigurable:Ne,clipTextConfigurable:We,clipAttributeList:Fe,clipAttributeConfigurable:re,secondaryAttributeConfigurable:ze,subAttributeList:Ue,isCheck:E,hoverRegionId:L,footer:He,drawLayerSlot:ne})=>{var oe,ie;const{url:M,path:ae}=u,[I,O]=React.useState(!1),[le,se]=React.useState(!1),[R,Xe]=React.useState(0),[Ze,ue]=React.useState(!1),[D,ce]=React.useState(0),o=React.useRef(null),S=React.useRef(null),de=React.useRef(R),N=e=>{de.current=e,Xe(e)},[ve,Ke]=React.useState(0),[k,Ve]=React.useState(1),W=React.useRef(null),[fe,Ge]=React.useState({}),{audioClipState:F,setAudioClipState:T}=index.useAudioClipStore(),[z,U]=React.useState(!1),d=ahooks.useLatest(F),me=ahooks.useLatest(fe),Ye=ahooks.useLatest(I),w=ahooks.useLatest(C),pe=ahooks.useUpdate(),[ge,Je]=React.useState([]),[be,Qe]=React.useState({}),et=_.debounce(()=>{lbAnnotation.EventBus.emit("audioZoom")},500),_e=e=>{e<index$d.audioZoomInfo.min\|\|e>index$d.audioZoomInfo.max\|\|(Ve(e),audio.dispatchResizeEvent(),et())};index$1({container:W.current,target:document.querySelector(`[data-id=${(ie=(oe=d.current)==null?void 0:oe.selectedRegion)==null?void 0:ie.id}]`),clipping:z,zoom:k,zoomHandler:_e});const $=()=>{let e=w.current;const{attributeLockList:r}=d.current;r.length&&(e=e.filter(t=>r.includes(t.attribute))),X(),e.forEach(t=>{var n;(n=o.current)==null\|\|n.addRegion(__spreadProps(__spreadValues({},t),{drag:!E,resize:!E,color:"rgba(0, 0, 0, 0)"}))}),pe()},v=e=>{var r,t,n,i,a,f,p;const{id:l,loop:m=!0,playImmediately:y=!1}=e;if(l){const A=(n=(t=(r=o.current)==null?void 0:r.regions)==null?void 0:t.list)!=null?n:{};Object.entries(A).forEach(([,g])=>{const{id:P}=g;l===P?g.select():g.cancelSelect()}),T({selectedRegion:{id:l,loop:m},selectedAttribute:(f=(a=(i=w.current)==null?void 0:i.find(g=>g.id===l))==null?void 0:a.attribute)!=null?f:""}),m&&y&&((p=q(l))==null\|\|p.playLoop())}else T({selectedRegion:{}})},{combineInstance:tt}=index$2({waveRef:o,sortByStartRegions:ge,regionMap:be,updateRegion:x,removeRegion:B,generateRegions:$,setSelectedRegion:v}),{segmentInstance:rt,onRegionMouseMove:nt,segmentTimeTip:ot}=index$3({waveRef:o,regionMap:be,updateRegion:x,removeRegion:B,generateRegions:$,setSelectedRegion:v}),ye={clipTextConfigurable:We,clipAttributeList:Fe,clipAttributeConfigurable:re,clipConfigurable:Ne,secondaryAttributeConfigurable:ze,subAttributeList:Ue};React.useEffect(()=>{T({selectedAttribute:""})},[re]),React.useEffect(()=>{H()},[F.selectedAttribute]),React.useEffect(()=>{$()},[F.attributeLockList]),ahooks.useDeepCompareEffect(()=>{T(ye),setTimeout(()=>{Ee()})},[ye]),ahooks.useDeepCompareEffect(()=>{Je(_.sortBy(C,["start"])),Qe(C.reduce((e,r)=>{const{id:t}=r;return __spreadProps(__spreadValues({},e),{[t]:r})},{}))},[C]),React.useEffect(()=>{if(L){const e=Ye.current;v({id:L,loop:e,playImmediately:!0})}else v({})},[L]);const Ee=()=>{var e,r;d.current.clipConfigurable?(!E&&o.current&&((e=o.current)==null\|\|e.enableDragSelection({slop:5})),$()):((r=o.current)==null\|\|r.disableDragSelection(),X()),H()},H=()=>{var e,r,t,n,i;let a="";d.current.clipConfigurable?a=audio.getAttributeColor(d.current.selectedAttribute,(e=d.current.clipAttributeList)!=null?e:[]):a="transparent",((t=(r=o==null?void 0:o.current)==null?void 0:r.cursor)==null?void 0:t.cursor)&&((i=(n=o==null?void 0:o.current)==null?void 0:n.cursor)==null\|\|i.setStyle({border:`2px dashed ${a}`}))},q=e=>{var r,t,n;return((n=(t=(r=o.current)==null?void 0:r.regions)==null?void 0:t.list)!=null?n:{})[e]},Re=()=>{var e,r;if(M){const t=((r=(e=ae==null?void 0:ae.split("."))==null?void 0:e.pop())==null?void 0:r.toLowerCase())==="pcm";ue(!1),t?getWebPcm2Wac.getWebPcm2WavBase64(M).then(n=>{Se(n)}):Se(M)}},Se=e=>{var r;e&&(se(!0),N(0),ce(0),(r=o==null?void 0:o.current)==null\|\|r.load(e))},X=()=>{var e;(e=o.current)==null\|\|e.clearRegions()},Z=e=>{const r=q(e);r&&(U(!1),r==null\|\|r.remove(),B==null\|\|B(e),v({}))},{run:he}=ahooks.useThrottleFn(v,{wait:500});index$4({sortByStartRegions:ge,setSelectedRegion:v});const it=e=>{const{start:r,end:t}=me.current;return(r\|\|t)&&e.update(me.current),e},at=({action:e,id:r,eventDownTime:t})=>{var n,i;if(!d.current.clipConfigurable)return;r&&v({id:r});const a=q((r!=null?r:(n=d.current.selectedRegion)==null?void 0:n.id)\|\|""),f=[];(e==="create"?w.current:(i=w.current)==null?void 0:i.filter(m=>m.id!==a.id)).forEach(m=>{const{start:y,end:A,attribute:g}=m;g===d.current.selectedAttribute&&[y,A].forEach(P=>{f.includes(P)\|\|f.push(P)})});const l=audio.getCanMoveRange(f.sort((m,y)=>m-y),t);o.current.range=l},lt=e=>{H(),setTimeout(()=>{U(!1)});const r=it(e),{id:t,start:n,end:i}=r;v({id:t,playImmediately:!0});const a={id:t,start:utils.decimalReserved(n,3),end:utils.decimalReserved(i,3)};x==null\|\|x(a),pe()},st=()=>{const e=WaveSurfer__default.default.create({container:"#waveform",waveColor:"#999",progressColor:"#999",height:Le\|\|245,normalize:!0,cursorWidth:2,cursorColor:"white",responsive:0,hideScrollbar:!0,plugins:[Region__default.default.create({regions:C,dragSelection:{slop:5},canMove:!1}),Cursor__default.default.create({opacity:1,customStyle:{border:"2px dashed transparent"}})]}),r=()=>{var t;N(((t=o==null?void 0:o.current)==null?void 0:t.getCurrentTime())\|\|0)};e.on("ready",()=>{var t;const n=((t=o==null?void 0:o.current)==null?void 0:t.getDuration())\|\|0;ce(n),r(),s==null\|\|s({duration:Math.round(n)}),se(!1),j(),lbAnnotation.EventBus.on("setCurrentTimeByPosition",V),lbAnnotation.EventBus.on("clearRegions",X),lbAnnotation.EventBus.on("removeRegionById",Z),lbAnnotation.EventBus.on("setSelectedRegion",he),e.on("regions-eventDown",at),Ee()}),e.on("audioprocess",()=>{r()}),e.on("play",()=>{O(!0)}),e.on("pause",()=>{O(!1)}),e.on("finish",()=>{O(!1)}),e.on("seek",()=>{r()}),e.on("error",()=>{ue(!0),s==null\|\|s({hasError:!0}),te==null\|\|te()}),e.on("region-created",t=>{var n;const{id:i,start:a,end:f}=t;if(w.current.find(l=>l.id===i))return;const p={id:i,start:utils.decimalReserved(a,3),end:utils.decimalReserved(f,3),attribute:d.current.selectedAttribute,text:""};if(d.current.secondaryAttributeConfigurable){const l=lbAnnotation.TagUtils.getDefaultResultByConfig((n=d.current.subAttributeList)!=null?n:[]);p.subAttribute=l!=null?l:{}}x==null\|\|x(p)}),e.on("region-updated",(t,n)=>{var i,a,f,p,l,m,y,A,g,P;const je=n==null?void 0:n.action;T({combined:!1,segment:!1}),je==="resize"&&((a=(i=o==null?void 0:o.current)==null?void 0:i.cursor)==null\|\|a.setStyle({borderStyle:"solid"})),je==="drag"&&((p=(f=o==null?void 0:o.current)==null?void 0:f.cursor)==null\|\|p.setStyle({borderColor:"transparent"}));const G={},Y=[],J={},Et=(l=w.current)==null?void 0:l.filter(b=>b.id!==t.id),Rt=(A=(y=(m=o.current)==null?void 0:m.regions)==null?void 0:y.list)!=null?A:{};Et.forEach(b=>{var Me,De;const{element:Q}=(Me=Rt[b.id])!=null?Me:{},{start:Pt,end:xt}=b;if(Q){const{x:ke,width:Ct}=((De=Q.getBoundingClientRect)==null?void 0:De.call(Q))\|\|{},wt=ke+Ct;[ke,wt].forEach((ee,At)=>{Y.includes(ee)\|\|(Y.push(ee),J[ee]=At===0?Pt:xt)})}});const{x:Be,width:St}=((P=(g=t.element).getBoundingClientRect)==null?void 0:P.call(g))\|\|{},ht=Be+St;Y.forEach(b=>{Math.abs(audio.precisionMinus(b,Be))<5&&(G.start=J[b]),Math.abs(audio.precisionMinus(b,ht))<5&&(G.end=J[b])}),Ge(G),he({id:t.id}),U(!0)}),e.on("region-update-end",t=>{lt(t)}),e.on("region-contextmenu",(t,n)=>{if(!E){if(n.preventDefault(),n.stopPropagation(),audio.isDoubleClick(n)){Z(t.id);return}v({id:t.id,playImmediately:!0})}}),e.on("region-click",(t,n,i)=>{if(!E){if(n.preventDefault(),n.stopPropagation(),d.current.combined){tt(t);return}if(d.current.segment){rt(t,i);return}v({id:t.id,playImmediately:!0})}}),e.on("region-mousemove",nt),o.current=e},ut=I?React__default.default.createElement(icons.PauseOutlined,null):React__default.default.createElement(icons.CaretRightOutlined,null),Pe=e=>e?`${parseFloat((e/D100).toFixed(4))}%`:"0%",xe=Pe(R),ct=Pe(ve),h=()=>{if(!le)return o==null?void 0:o.current},dt=()=>{var e;(e=h())==null\|\|e.skipForward(PER_PROGRESS)},vt=()=>{var e;(e=h())==null\|\|e.skipBackward(PER_PROGRESS)},j=()=>{var e;(e=h())==null\|\|e.playPause(),v({})},Ce=e=>{var r;switch(e.keyCode){case EKeyCode.Right:dt();break;case EKeyCode.Left:vt();break;case EKeyCode.Space:e.preventDefault(),j();break;case EKeyCode.Delete:if(!E){const{id:t}=((r=d.current)==null?void 0:r.selectedRegion)\|\|{};t&&Z(t)}break}},ft=e=>{V(e)},we=___default.default.throttle(ft,50);let K=!1;const Ae=()=>{K&&(j(),K=!1),document.removeEventListener("mousemove",we),document.removeEventListener("mouseup",Ae)},mt=e=>{V(e),I&&(K=!0,j()),document.addEventListener("mousemove",we),document.addEventListener("mouseup",Ae)},pt=()=>{Re()};React.useEffect(()=>(st(),()=>{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 gt=e=>{var r,t,n;(r=h())==null\|\|r.playPause(),(t=h())==null\|\|t.setPlaybackRate(e),(n=h())==null\|\|n.playPause()};React.useEffect(()=>(document.addEventListener("keydown",Ce),()=>{document.removeEventListener("keydown",Ce)})),React.useEffect(()=>{v({}),Re()},[M]);const Te=e=>{var r,t,n,i;if((o==null?void 0:o.current)&&(S==null?void 0:S.current)){const a=(t=(r=o==null?void 0:o.current)==null?void 0:r.getDuration())!=null?t:0,f=(n=S==null?void 0:S.current)==null?void 0:n.getBoundingClientRect();let l=(e.clientX-f.left)/(((i=S==null?void 0:S.current)==null?void 0:i.clientWidth)\|\|0)a;return l>a&&(l=a),l}return 0},V=e=>{var r;const t=Te(e);(r=o==null?void 0:o.current)==null\|\|r.skip(t-de.current),N(t)},bt=e=>{Ke(Te(e))},_t=D?Math.max(D-R,0):0,yt=(c==null?void 0:c.toolName)!==EToolName.Empty&&(c==null?void 0:c.isEdit)!==!0&&(Oe==="remark"\|\|E),qe=React__default.default.createElement("div",{className:index_module.audioPlayer},Ze&&!Ie&&React__default.default.createElement(index$5,{fileTypeName:"\u97F3\u9891",ignoreOffsetY:!0,reloadImage:pt,backgroundColor:"#ffffffbb"}),React__default.default.createElement(index$6,{getRegionInstanceById:q,clipping:z}),React__default.default.createElement(index$7,{container:W.current}),React__default.default.createElement(index$8,{segmentTimeTip:ot}),React__default.default.createElement("div",{className:index_module.waveformContainer,ref:W},React__default.default.createElement("div",{id:"waveform",style:{width:`${k*100}%`},className:index$9.classnames({[index_module.waveform]:!0,"bee-audio-combined":d.current.combined,"bee-audio-clip":d.current.clipConfigurable})},$e&&React__default.default.createElement(index$a,{isAudio:!0}),React__default.default.createElement("div",{ref:S,className:index_module.progress,onMouseDown:mt,onMouseMove:bt},React__default.default.createElement("div",{className:index$9.classnames({[index_module.radioTooltip]:!0}),style:{left:xe}},audio.formatTime(R)),React__default.default.createElement("div",{className:index$9.classnames({[index_module.radioTooltip]:!0,[index_module.mouseTooltip]:!0}),style:{left:ct}},audio.formatTime(ve)),React__default.default.createElement(index$b,{playPercentage:xe})),yt&&(ne==null?void 0:ne({currentTime:R,remainingTime:_t,audioPlayer:h()})))),React__default.default.createElement("div",{className:index_module.controlBar},React__default.default.createElement(antd.Button,{type:"link",icon:ut,onClick:()=>{j()},className:index$9.classnames({[index_module.playButton]:!0,[index_module.playButtonDisabled]:le})}),React__default.default.createElement("span",{className:index_module.time},`${audio.timeFormat(R,"ss.SSS")} / -${audio.timeFormat(D-R,"ss.SSS")}`),React__default.default.createElement(index$c.default,{playerType:index$c.EPlayerType.Audio,onChange:e=>{gt(e)}}),React__default.default.createElement(index$d.default,{onChange:e=>{_e(e)},zoom:k}),React__default.default.createElement(index$e,{EventBus:lbAnnotation.EventBus})));return c?React__default.default.createElement(AudioPlayerContext.Provider,{value:c},qe,C.map(e=>{const{id:r}=e,t=document.querySelector(`[data-id=${r}]`);return t?React__default.default.createElement(index$f,{el:t,key:r,region:e,edgeAdsorption:fe,clipping:z,zoom:k,instance:q(r)}):null}),React__default.default.createElement(index$g.default,{footer:He})):qe};exports.AudioPlayer=AudioPlayer,exports.AudioPlayerContext=AudioPlayerContext;

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

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),antd=require("antd"),ahooks=require("ahooks"),index=require("../../constant/index.js"),icons=require("@ant-design/icons");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,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t\|\|(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const longTextCls=`${index.prefix}-longText`,~~LongText~~=e=>{var t,r;const{~~text~~:a,placement:l="bottom",icon:u=React__default.default.createElement(icons.SearchOutlined,null),openByText:f,style:i,isToolTips:d,~~wordCount~~:s}=e,o=React.useRef(null);ahooks.useSize(o);~~const~~ ~~c=o~~.current&&((t=o.current)==null?void 0:t.~~clientWidth~~)<((r=o.current)==null?void 0:r.~~scrollWidth~~)~~;if~~(s)~~if((a~~==null?void 0:a.~~length~~)~~>s){const n~~=a.~~slice(0,s~~)~~;return~~ ~~React__default.default.createElement(antd.Popover,{placement~~:~~l,overlayClassName:`${longTextCls}-popover`,content:a},React__default~~.~~default.createElement("span",{style:{cursor:"pointer",whiteSpace:"pre-wrap"}},n,"..."~~))}~~else return React__default.default.createElement("div"~~,~~{style:{whiteSpace:"pre-wrap"}}," ",a~~);if(f){let n={placement:l,overlayClassName:`${longTextCls}-popover`,content:a,key:`${c}`};c\|\|Object.assign(n,{open:!1})~~;const p=React__default.default.createElement("div"~~,~~{className:`${longTextCls}-text`,style:i,ref:o},a);return d~~?React__default.default.createElement(antd.Tooltip,__spreadProps(__spreadValues({},n),{title:a}),p):React__default.default.createElement(antd.Popover,__spreadValues({},n),p)}return React__default.default.createElement("div",{className:longTextCls,style:i},React__default.default.createElement(~~"div"~~,{~~className:`${longTextCls}-text`,~~ref:o},a),c&&React__default.default.createElement(antd.Popover,{placement:l,overlayClassName:`${longTextCls}-popover`,content:a},u))};module.exports=LongText;
1	+ "use strict";var React=require("react"),antd=require("antd"),ahooks=require("ahooks"),index=require("../../constant/index.js"),icons=require("@ant-design/icons");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,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t\|\|(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__objRest=(e,t)=>{var r={};for(var n in e)__hasOwnProp.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&__getOwnPropSymbols)for(var n of __getOwnPropSymbols(e))t.indexOf(n)<0&&__propIsEnum.call(e,n)&&(r[n]=e[n]);return r};const longTextCls=`${index.prefix}-longText`,TextDom=React.forwardRef((e,t)=>{var r=e,{text:n,overflowMaxLines:s,style:o}=r,c=__objRest(r,["text","overflowMaxLines","style"]);const a={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},l={display:"-webkit-box",WebkitLineClamp:s,WebkitBoxOrient:"vertical",overflow:"hidden"},f=s>1?l:a;return React__default.default.createElement("div",__spreadValues({style:__spreadValues(__spreadValues({},f),o),ref:t},c),n)}),LongText=e=>{const{text:t,placement:r="bottom",icon:n=React__default.default.createElement(icons.SearchOutlined,null),openByText:s,style:o,isToolTips:c,overflowMaxLines:a=1}=e,l=React.useRef(null),f=ahooks.useSize(l),u=React.useMemo(()=>{var i,d,v,p;return a>1?l.current&&((i=l.current)==null?void 0:i.clientHeight)<((d=l.current)==null?void 0:d.scrollHeight):l.current&&((v=l.current)==null?void 0:v.clientWidth)<((p=l.current)==null?void 0:p.scrollWidth)},[f]);if(s){let i={placement:r,overlayClassName:`${longTextCls}-popover`,content:t,key:`${u}`};return u\|\|Object.assign(i,{open:!1}),c?React__default.default.createElement(antd.Tooltip,__spreadProps(__spreadValues({},i),{title:t}),React__default.default.createElement(TextDom,{overflowMaxLines:a,style:o,ref:l,text:t})):React__default.default.createElement(antd.Popover,__spreadValues({},i),React__default.default.createElement(TextDom,{overflowMaxLines:a,style:o,ref:l,text:t}))}return React__default.default.createElement("div",{className:longTextCls,style:o},React__default.default.createElement(TextDom,{overflowMaxLines:a,style:o,ref:l,text:t}),u&&React__default.default.createElement(antd.Popover,{placement:r,overlayClassName:`${longTextCls}-popover`,content:t},n))};module.exports=LongText;

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");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,r,t)=>r in e?__defProp(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,__spreadValues=(e,r)=>{for(var t in r\|\|(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(e,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(e,t,r[t]);return e},__spreadProps=(e,r)=>__defProps(e,__getOwnPropDescs(r));const PointCloud2DRectOperationView=e=>{var r;const{mappingData:t,size:i,config:P,checkMode:C,afterImgOnLoad:g}=e,l=(r=t==null?void 0:t.url)!=null?r:"",{pointCloudBoxList:s,setPointCloudResult:w}=React.useContext(PointCloudContext.PointCloudContext),{update2DViewRect:R}=usePointCloudViews.usePointCloudViews(),c=React__default.default.useRef(null),o=React.useRef(null),d=ahooks.useLatest(R),p=React.useRef(null),[O,b]=React.useState(!0),f=n=>{var a;const u=(a=d.current)==null?void 0:a.call(d,n);p.current=u,w(u)},m=()=>{~~var n;~~let a=[];s.forEach(u=>{const{rects:D=[],id:v,attribute:x,trackID:h}=u,_=D.find(V=>V.imageName===~~(t==null?void 0:t~~.~~path~~)),y=v+"_"+~~(t==null?void 0:t~~.~~path)~~;_&&(a=[...a,__spreadProps(__spreadValues({},_),{boxID:v,id:y,attribute:x,order:h})])}),(n=o.current)==null\|\|n.setResult(a)};return React.useEffect(()=>{if(c.current){const n=new lbAnnotation.PointCloud2DRectOperation({container:c.current,size:i,config:__spreadProps(__spreadValues({},P),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:C});return o.current=n,o.current.init(),o.current.on("updateDragResult",f),()=>{var a,u;(a=o.current)==null\|\|a.unbind("updateDragResult",f),(u=o.current)==null\|\|u.destroy()}}},[]),React.useEffect(()=>{o.current&&l&&lbAnnotation.ImgUtils.load(l).then(n=>{o.current.setImgNode(n),g(n),b(!1)})},[l]),React.useEffect(()=>{var n;(n=o.current)==null\|\|n.setSize(i)},[i]),React.useEffect(()=>{s!==p.current&&m()},[s,l]),React__default.default.createElement(es.Spin,{spinning:O},React__default.default.createElement("div",{ref:c,style:__spreadValues({position:"relative"},i)}))};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"),reactI18next=require("react-i18next"),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");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}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=(n,a,r)=>a in n?__defProp(n,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[a]=r,__spreadValues=(n,a)=>{for(var r in a\|\|(a={}))__hasOwnProp.call(a,r)&&__defNormalProp(n,r,a[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(a))__propIsEnum.call(a,r)&&__defNormalProp(n,r,a[r]);return n},__spreadProps=(n,a)=>__defProps(n,__getOwnPropDescs(a));const PointCloud2DRectOperationView=n=>{var a;const{mappingData:r,size:l,config:f,checkMode:O,afterImgOnLoad:L}=n,v=(a=r==null?void 0:r.url)!=null?a:"",{t:y}=reactI18next.useTranslation(),{pointCloudBoxList:s,setPointCloudResult:V,defaultAttribute:p,rectList:R,addRectIn2DView:E,updateRectIn2DView:m,removeRectIn2DView:S}=React.useContext(PointCloudContext.PointCloudContext),{update2DViewRect:j}=usePointCloudViews.usePointCloudViews(),_=React__default.default.useRef(null),t=React.useRef(null),D=ahooks.useLatest(j),P=React.useRef(null),[q,w]=React.useState(!0),g=React.useMemo(()=>R==null?void 0:R.filter(e=>e.imageName===(r==null?void 0:r.path)),[r==null?void 0:r.path,R]),d=ahooks.useLatest(r==null?void 0:r.path),C=e=>{var o;const{boxID:u}=e;if(u){const i=(o=D.current)==null?void 0:o.call(D,e);P.current=i,V(i);return}m(e)},I=e=>{d.current&&E(__spreadProps(__spreadValues({},e),{imageName:d.current}))},x=e=>{e.some(u=>u.boxID)&&es.message.warning(y("ProjectionFrameCannotBeDeleted")),S(e)},B=React.useCallback(()=>{let e=[];return s.forEach(o=>{const{rects:u=[],id:i,attribute:c,trackID:A}=o,h=u.find(k=>k.imageName===d.current),N=i+"_"+d.current;h&&(e=[...e,__spreadProps(__spreadValues({},h),{boxID:i,id:N,attribute:c,order:A})])}),e},[s]),b=()=>{var e,o,u;const i=B(),c=(e=t.current)==null?void 0:e.selectedRectID;(o=t.current)==null\|\|o.setResult([...i,...g]),c&&((u=t.current)==null\|\|u.setSelectedRectID(c))};return React.useEffect(()=>{if(_.current){const e=new lbAnnotation.PointCloud2DRectOperation({container:_.current,size:l,config:__spreadProps(__spreadValues({},f),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:O});return t.current=e,t.current.init(),t.current.on("updateDragResult",C),t.current.on("afterAddingDrawingRect",I),t.current.on("deleteSelectedRects",x),()=>{var o,u,i,c;(o=t.current)==null\|\|o.unbind("updateDragResult",C),(u=t.current)==null\|\|u.unbind("afterAddingDrawingRect",I),(i=t.current)==null\|\|i.unbind("deleteSelectedRects",x),(c=t.current)==null\|\|c.destroy()}}},[]),React.useEffect(()=>{w(!0),t.current&&v&&lbAnnotation.ImgUtils.load(v).then(e=>{t.current.setImgNode(e),L(e),w(!1)})},[v]),React.useEffect(()=>{var e;(e=t.current)==null\|\|e.setSize(l)},[l]),React.useEffect(()=>{s!==P.current&&b()},[s]),React.useEffect(()=>{var e,o,u;const i=g.find(c=>c.id===t.current.selectedRectID);(o=(e=t.current)==null?void 0:e.setDefaultAttribute)==null\|\|o.call(e,p),i&&m(__spreadProps(__spreadValues({},(u=t.current)==null?void 0:u.selectedRect),{attribute:p})),b()},[p]),React.useEffect(()=>{b()},[g]),React.useEffect(()=>{var e,o,u,i;const c=(o=(e=t.current)==null?void 0:e.config)!=null?o:{};(i=t.current)==null\|\|i.setConfig(JSON.stringify(__spreadProps(__spreadValues({},c),{attributeList:(u=f.attributeList)!=null?u:[]})))},[f.attributeList]),React__default.default.createElement(es.Spin,{spinning:q},React__default.default.createElement("div",{ref:_,style:__spreadValues({position:"relative"},l)}))};var PointCloud2DRectOperationView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DRectOperationView);module.exports=PointCloud2DRectOperationView$1;

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

	@@ -1 +1 @@
1	- "use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudContext=require("./PointCloudContext.js"),reactRedux=require("react-redux"),lbAnnotation=require("@labelbee/lb-annotation"),ctx=require("../../store/ctx.js"),map=require("../../store/annotation/map.js"),lbUtils=require("@labelbee/lb-utils"),PointCloud2DSingleView=require("./PointCloud2DSingleView.js"),index=require("./components/TitleButton/index.js"),icons=require("@ant-design/icons"),classNames=require("classnames"),icon_esc=require("../../assets/annotation/common/icon_esc.svg.js"),icon_left_squareOutlined=require("../../assets/annotation/common/icon_left_squareOutlined.svg.js"),icon_right_squareOutlined=require("../../assets/annotation/common/icon_right_squareOutlined.svg.js"),_=require("lodash");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(e,l,t)=>l in e?__defProp(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,__spreadValues=(e,l)=>{for(var t in l\|\|(l={}))__hasOwnProp.call(l,t)&&__defNormalProp(e,t,l[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(l))__propIsEnum.call(l,t)&&__defNormalProp(e,t,l[t]);return e},__spreadProps=(e,l)=>__defProps(e,__getOwnPropDescs(l));const EKeyCode=lbAnnotation.cKeyCode.default,ContainerTitle=({showEnlarge:e,isEnlargeTopView:l,data:t,setIsEnlarge:g,setCurIndex:f,curIndex:p=0,index:w,annotations2d:b})=>l?React__default.default.createElement(index,{title:t==null?void 0:t.calName,style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}):e?React__default.default.createElement("div",{style:{display:"flex",alignItems:"center"}},React__default.default.createElement(icons.LeftOutlined,{style:{cursor:"pointer",marginRight:"12px"},onClick:()=>{g(!1),f(void 0)}}),React__default.default.createElement("span",null,t==null?void 0:t.calName),React__default.default.createElement("span",{style:{marginLeft:"8px"}},p+1,"/",b==null?void 0:b.length)):React__default.default.createElement(index,{title:t==null?void 0:t.calName,onClick:()=>{g(!0),f(w)},style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}),PointCloud2DView=({currentData:e,config:l,thumbnailWidth:t,isEnlargeTopView:g,highlightAttribute:f,loadPCDFileLoading:p,checkMode:w,measureVisible:b})=>{var L;const[c,H]=React.useState([]),{topViewInstance:M,displayPointCloudList:q,polygonList:F,imageSizes:O,selectedIDs:S}=React.useContext(PointCloudContext.PointCloudContext),[x,U]=React.useState(""),[y,P]=React.useState(!1),[s,E]=React.useState(void 0);React.useEffect(()=>{var o;if(!p&&M&&(e==null?void 0:e.mappingImgList)&&((o=e==null?void 0:e.mappingImgList)==null?void 0:o.length)>0){const i={fill:"transparent",color:"green"};let r=[];e==null\|\|e.mappingImgList.forEach(n=>{var v,N,R;const V=q.reduce((d,u)=>{var m,a;const C=u.id===x\|\|f===u.attribute,{transferViewData:z,viewRangePointList:h}=(m=lbAnnotation.pointCloudLidar2image(u,n.calib,{createRange:C}))!=null?m:{};if(!z\|\|!h)return[];const T=(a=lbUtils.toolStyleConverter.getColorFromConfig({attribute:u.attribute},__spreadProps(__spreadValues({},l),{attributeConfigurable:!0}),{}))==null?void 0:a.stroke,~~Q=$~~({viewDataPointList:z,pointCloudBox:u,defaultViewStyle:i,stroke:T}),K=[...d,...Q];return(h==null?void 0:h.length)>0&&K.unshift({type:"polygon",annotation:__spreadProps(__spreadValues({id:x,pointList:h},i),{stroke:T,fill:"rgba(255, 255, 255, 0.6)"})}),K},[]),A=O[(v=n==null?void 0:n.path)!=null?v:""];A&&_.isNumber((N=n==null?void 0:n.calib)==null?void 0:N.groundHeight)&&F.forEach(d=>{const u=d.pointList.map(a=>{var C;return __spreadProps(__spreadValues({},a),{z:(C=n==null?void 0:n.calib)==null?void 0:C.groundHeight})}),m=lbAnnotation.pointListLidar2Img(u,n==null?void 0:n.calib,A);if(m){const a=lbUtils.toolStyleConverter.getColorFromConfig({attribute:d.attribute},__spreadProps(__spreadValues({},l),{attributeConfigurable:!0}),{});V.push({type:"polygon",annotation:__spreadProps(__spreadValues({id:d.id,pointList:m},i),{stroke:a==null?void 0:a.stroke,fill:S.includes(d.id)?a==null?void 0:a.fill:"rgba(255, 255, 255, 0.6)"})})}}),r.push({annotations:V,url:n==null?void 0:n.url,calName:(R=n==null?void 0:n.calib)==null?void 0:R.calName,calib:n==null?void 0:n.calib,path:n==null?void 0:n.path})}),H(r)}},[q,e==null?void 0:e.mappingImgList,x,f,p,F,O,S]),React.useEffect(()=>(window.addEventListener("keydown",k),()=>{window.removeEventListener("keydown",k)}),[s]);const k=o=>{const{keyCode:i}=o;switch(i){case EKeyCode.Esc:y&&P(!1);break;case EKeyCode.Left:I();break;case EKeyCode.Right:j();break}},I=()=>{s===void 0\|\|!y\|\|Number(s)>0&&E(s-1)},j=()=>{s===void 0\|\|!y\|\|Number(s)<(c==null?void 0:c.length)-1&&E(s+1)}~~,$=~~({viewDataPointList:o,pointCloudBox:i,defaultViewStyle:r,stroke:n})=>o?o.map(v=>({type:v.type,annotation:__spreadProps(__spreadValues({id:i.id,pointList:v.pointList},r),{stroke:n})})):[],G=!e\|\|!(e==null?void 0:e.mappingImgList)\|\|!(((L=e==null?void 0:e.mappingImgList)==null?void 0:L.length)>0),J=React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:"14px"}},React__default.default.createElement("img",{src:icon_left_squareOutlined,style:{height:"24px",marginRight:"8px",cursor:"pointer"},onClick:()=>I()}),React__default.default.createElement("span",{style:{marginRight:"12px"}},"\u952E\u76D8\u5DE6\u952E\u4E0A\u4E00\u5F20"),React__default.default.createElement("span",{style:{margin:"0px 8px 0px 12px"}},"\u952E\u76D8\u53F3\u952E\u4E0A\u4E00\u5F20"),React__default.default.createElement("img",{src:icon_right_squareOutlined,style:{height:"24px",marginRight:"12px",cursor:"pointer"},onClick:()=>j()}),React__default.default.createElement("img",{src:icon_esc,style:{height:"24px",margin:"0px 8px 0px 12px",cursor:"pointer"},onClick:()=>{P(!1),E(void 0)}}),React__default.default.createElement("span",null,"\u952E\u9000\u51FA"));return(c==null?void 0:c.length)>0?React__default.default.createElement(React__default.default.Fragment,null,c.map((o,i)=>{const r=y&&i===s;return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:classNames__default.default({[dom.getClassName("point-cloud-2d-container")]:!0,[dom.getClassName("point-cloud-container","zoom")]:r}),title:React__default.default.createElement(ContainerTitle,{showEnlarge:r,isEnlargeTopView:g,data:o,setIsEnlarge:P,setCurIndex:E,curIndex:s,index:i,annotations2d:c}),titleOnSurface:!r,style:{display:G?"none":"flex",width:r?"100%":t},key:i,toolbar:J},(o==null?void 0:o.annotations)&&(o==null?void 0:o.url)&&React__default.default.createElement(PointCloud2DSingleView,{currentData:e,view2dData:o,setSelectedID:U,showEnlarge:r,checkMode:w,measureVisible:b}))})):null};var PointCloud2DView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DView);module.exports=PointCloud2DView$1;
1	+ "use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudContext=require("./PointCloudContext.js"),reactRedux=require("react-redux"),lbAnnotation=require("@labelbee/lb-annotation"),ctx=require("../../store/ctx.js"),map=require("../../store/annotation/map.js"),lbUtils=require("@labelbee/lb-utils"),PointCloud2DSingleView=require("./PointCloud2DSingleView.js"),index$1=require("./components/TitleButton/index.js"),icons=require("@ant-design/icons"),classNames=require("classnames"),icon_esc=require("../../assets/annotation/common/icon_esc.svg.js"),icon_left_squareOutlined=require("../../assets/annotation/common/icon_left_squareOutlined.svg.js"),icon_right_squareOutlined=require("../../assets/annotation/common/icon_right_squareOutlined.svg.js"),_=require("lodash"),index=require("../../utils/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(e,l,n)=>l in e?__defProp(e,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[l]=n,__spreadValues=(e,l)=>{for(var n in l\|\|(l={}))__hasOwnProp.call(l,n)&&__defNormalProp(e,n,l[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(l))__propIsEnum.call(l,n)&&__defNormalProp(e,n,l[n]);return e},__spreadProps=(e,l)=>__defProps(e,__getOwnPropDescs(l));const EKeyCode=lbAnnotation.cKeyCode.default,ContainerTitle=({showEnlarge:e,isEnlargeTopView:l,data:n,setIsEnlarge:m,setCurIndex:f,curIndex:p=0,index:w,annotations2d:b})=>l?React__default.default.createElement(index$1,{title:n==null?void 0:n.calName,style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}):e?React__default.default.createElement("div",{style:{display:"flex",alignItems:"center"}},React__default.default.createElement(icons.LeftOutlined,{style:{cursor:"pointer",marginRight:"12px"},onClick:()=>{m(!1),f(void 0)}}),React__default.default.createElement("span",null,n==null?void 0:n.calName),React__default.default.createElement("span",{style:{marginLeft:"8px"}},p+1,"/",b==null?void 0:b.length)):React__default.default.createElement(index$1,{title:n==null?void 0:n.calName,onClick:()=>{m(!0),f(w)},style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}),PointCloud2DView=({currentData:e,config:l,thumbnailWidth:n,isEnlargeTopView:m,highlightAttribute:f,loadPCDFileLoading:p,checkMode:w,measureVisible:b})=>{var I;const[d,M]=React.useState([]),{topViewInstance:U,displayPointCloudList:F,polygonList:O,imageSizes:x,selectedIDs:S}=React.useContext(PointCloudContext.PointCloudContext),[P,B]=React.useState(""),[y,L]=React.useState(!1),[s,E]=React.useState(void 0);React.useEffect(()=>{var o;if(!p&&U&&(e==null?void 0:e.mappingImgList)&&((o=e==null?void 0:e.mappingImgList)==null?void 0:o.length)>0){const i={fill:"transparent",color:"green"};let r=[];e==null\|\|e.mappingImgList.forEach(t=>{var v,R,V;const A=F.reduce((a,c)=>{var g,u;const h=c.id===P\|\|f===c.attribute,{transferViewData:q,viewRangePointList:C}=(g=lbAnnotation.pointCloudLidar2image(c,t.calib,{createRange:h}))!=null?g:{};if(!q\|\|!C)return[];const W=q.reduce((H,$)=>$.type==="line"?[...H,...$.pointList]:H,[]),X=__spreadProps(__spreadValues({},index.getBoundingRect(W)),{imageName:t.path});if(!index.isBoundingRectInImage(X,t.path,x))return a;const T=(u=lbUtils.toolStyleConverter.getColorFromConfig({attribute:c.attribute},__spreadProps(__spreadValues({},l),{attributeConfigurable:!0}),{}))==null?void 0:u.stroke,Y=G({viewDataPointList:q,pointCloudBox:c,defaultViewStyle:i,stroke:T}),K=[...a,...Y];return(C==null?void 0:C.length)>0&&K.unshift({type:"polygon",annotation:__spreadProps(__spreadValues({id:P,pointList:C},i),{stroke:T,fill:"rgba(255, 255, 255, 0.6)"})}),K},[]),z=x[(v=t==null?void 0:t.path)!=null?v:""];z&&_.isNumber((R=t==null?void 0:t.calib)==null?void 0:R.groundHeight)&&O.forEach(a=>{const c=a.pointList.map(u=>{var h;return __spreadProps(__spreadValues({},u),{z:(h=t==null?void 0:t.calib)==null?void 0:h.groundHeight})}),g=lbAnnotation.pointListLidar2Img(c,t==null?void 0:t.calib,z);if(g){const u=lbUtils.toolStyleConverter.getColorFromConfig({attribute:a.attribute},__spreadProps(__spreadValues({},l),{attributeConfigurable:!0}),{});A.push({type:"polygon",annotation:__spreadProps(__spreadValues({id:a.id,pointList:g},i),{stroke:u==null?void 0:u.stroke,fill:S.includes(a.id)?u==null?void 0:u.fill:"rgba(255, 255, 255, 0.6)"})})}}),r.push({annotations:A,url:t==null?void 0:t.url,calName:(V=t==null?void 0:t.calib)==null?void 0:V.calName,calib:t==null?void 0:t.calib,path:t==null?void 0:t.path})}),M(r)}},[F,e==null?void 0:e.mappingImgList,P,f,p,O,x,S]),React.useEffect(()=>(window.addEventListener("keydown",j),()=>{window.removeEventListener("keydown",j)}),[s]);const j=o=>{const{keyCode:i}=o;switch(i){case EKeyCode.Esc:y&&L(!1);break;case EKeyCode.Left:k();break;case EKeyCode.Right:N();break}},k=()=>{s===void 0\|\|!y\|\|Number(s)>0&&E(s-1)},N=()=>{s===void 0\|\|!y\|\|Number(s)<(d==null?void 0:d.length)-1&&E(s+1)},G=({viewDataPointList:o,pointCloudBox:i,defaultViewStyle:r,stroke:t})=>o?o.map(v=>({type:v.type,annotation:__spreadProps(__spreadValues({id:i.id,pointList:v.pointList},r),{stroke:t})})):[],J=!e\|\|!(e==null?void 0:e.mappingImgList)\|\|!(((I=e==null?void 0:e.mappingImgList)==null?void 0:I.length)>0),Q=React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:"14px"}},React__default.default.createElement("img",{src:icon_left_squareOutlined,style:{height:"24px",marginRight:"8px",cursor:"pointer"},onClick:()=>k()}),React__default.default.createElement("span",{style:{marginRight:"12px"}},"\u952E\u76D8\u5DE6\u952E\u4E0A\u4E00\u5F20"),React__default.default.createElement("span",{style:{margin:"0px 8px 0px 12px"}},"\u952E\u76D8\u53F3\u952E\u4E0A\u4E00\u5F20"),React__default.default.createElement("img",{src:icon_right_squareOutlined,style:{height:"24px",marginRight:"12px",cursor:"pointer"},onClick:()=>N()}),React__default.default.createElement("img",{src:icon_esc,style:{height:"24px",margin:"0px 8px 0px 12px",cursor:"pointer"},onClick:()=>{L(!1),E(void 0)}}),React__default.default.createElement("span",null,"\u952E\u9000\u51FA"));return(d==null?void 0:d.length)>0?React__default.default.createElement(React__default.default.Fragment,null,d.map((o,i)=>{const r=y&&i===s;return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:classNames__default.default({[dom.getClassName("point-cloud-2d-container")]:!0,[dom.getClassName("point-cloud-container","zoom")]:r}),title:React__default.default.createElement(ContainerTitle,{showEnlarge:r,isEnlargeTopView:m,data:o,setIsEnlarge:L,setCurIndex:E,curIndex:s,index:i,annotations2d:d}),titleOnSurface:!r,style:{display:J?"none":"flex",width:r?"100%":n},key:i,toolbar:Q},(o==null?void 0:o.annotations)&&(o==null?void 0:o.url)&&React__default.default.createElement(PointCloud2DSingleView,{currentData:e,view2dData:o,setSelectedID:B,showEnlarge:r,checkMode:w,measureVisible:b}))})):null};var PointCloud2DView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DView);module.exports=PointCloud2DView$1;