npm - @labelbee/lb-components - Versions diffs - 1.23.0-alpha.3 → 1.23.0-alpha.31 - Mend

@labelbee/lb-components 1.23.0-alpha.3 → 1.23.0-alpha.31

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 (116) 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,annotationBefore:y}=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,annotationBefore:y})),C(),lbUtils.i18n.changeLanguage(_);const n=()=>{a(L=>L+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 C=()=>{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)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,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)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,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:N,showTips:q,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,id:"NLPView"},React__default.default.createElement("div",{className:`${NLPViewCls}-question`},q===!0&&React__default.default.createElement(index$1,{tips:N}),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/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(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:l,customAnnotationData:I}=t,{displayRemarkList:p=[]}=l\|\|{},{t:S}=reactI18next.useTranslation(),m=React.useRef(null),q=ahooks.useTextSelection(m),[g,w]=React.useState(),[D,b]=React.useState(void 0),x=React.useMemo(()=>{var e;return(e=n==null?void 0:n[0])==null?void 0:e.content},[n]),R=React.useMemo(()=>{const e=___default.default.clone(p);return(g==null?void 0:g.start)&&e.push(g),index.getIntervals(x,e!=null?e:[],"extraAnnotations")},[p,g,x]),j=React.useMemo(()=>index.getIntervals(x,E!=null?E:[],"annotations"),[E,x]);React.useEffect(()=>{if(I){const{id:e,start:r,end:i,text:u,endPosition:a}=I;w({id:e,start:r,end:i,text:u}),b(a)}},[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(!(l==null?void 0:l.editAuditID))return;const r=document.getElementById("NLPView"),i=p.filter(s=>(s==null?void 0:s.auditID)===l.editAuditID)[0],u=(e=i==null?void 0:i.id)!=null?e:"",a=document.getElementById(u);if(a&&m.current){const s=a.getBoundingClientRect(),h=m.current.getBoundingClientRect(),y=s.right-h.left,c=a.offsetTop;y&&c&&b&&(r&&r.scrollTo({top:c,behavior:"auto"}),b({left:y,top:c}))}},[l==null?void 0:l.editAuditID]),React__default.default.createElement("div",null,React__default.default.createElement("div",{className:`${NLPViewCls}-question-title`},S("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"}},j.map((e,r)=>{var i,u,a,s;const h=___default.default.last(e.annotations);if(h){let y=P(h.attribute);const c=(i=e==null?void 0:e.annotations)==null?void 0:i.find(C=>C.id===o);if(c){const C=(s=(a=(u=e==null?void 0:e.annotations)==null?void 0:u.filter(k=>k.id===o))==null?void 0:a[0])==null?void 0:s.attribute;y=P(C)}return React__default.default.createElement("span",{style:{backgroundColor:y.valid.stroke,color:c?"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:R,extraData:l}),renderExtraModal({extraLayer:t==null?void 0:t.extraLayer,setExtraStyle:b,extraStyle:D,extraResut:g,setExtraResut:w}),React__default.default.createElement("div",{className:`${NLPViewCls}-question-content-mask`,ref:m},x))))},WrapQuestionView=t=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(TextContent,__spreadValues({},t)));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/audioContext/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icons=require("@ant-design/icons"),React=require("react"),antd=require("antd"),ahooks=require("ahooks"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);exports.EContextType=void 0,function(e){e.before="\u524D\u6587",e.after="\u540E\u6587"}(exports.EContextType\|\|(exports.EContextType={}));const AudioContext=e=>{const{audioContext:t}=e;if(!t\|\|!t.visible)return null;const{content:o,type:i}=t;return React__default.default.createElement(AudioContextInfo,{title:exports.EContextType==null?void 0:exports.EContextType[i],content:o})},AudioContextInfo=e=>{const[t,o]=React.useState(!0),[i,r]=React.useState(""),{title:u,content:n}=e,a=()=>{o(!t)};return React.useEffect(()=>{r(n),o(!0)},[n]),React__default.default.createElement("div",{className:index_module.audioContextContainer},React__default.default.createElement("div",{className:index_module.title},React__default.default.createElement(icons.RightOutlined,{style:{marginRight:8},rotate:t?90:0,onClick:a}),React__default.default.createElement("span",{onClick:a},u)),t&&React__default.default.createElement("div",{className:index_module.content},React__default.default.createElement(antd.Input.TextArea,{bordered:!1,value:i,disabled:!0,style:{padding:0},autoSize:!0})))},DEFAULT_AUDIO_CLIP={selectedAttribute:"",selectedRegion:{},attributeLockList:[],clipConfigurable:!1,clipAttributeConfigurable:!1,clipAttributeList:[],clipTextConfigurable:!1,combined:!1,segment:!1},AudioClipContext=React__default.default.createContext({audioClipState:DEFAULT_AUDIO_CLIP,setAudioClipState:()=>{}}),useAudioClipStore=()=>React.useContext(AudioClipContext),AudioClipProvider=({children:e})=>{const[t,o]=ahooks.useSetState(DEFAULT_AUDIO_CLIP),i=React.useMemo(()=>({audioClipState:t,setAudioClipState:o}),[t,o]);return React__default.default.createElement(AudioClipContext.Provider,{value:i},e)};exports.AudioClipProvider=AudioClipProvider,exports.default=AudioContext,exports.useAudioClipStore=useAudioClipStore;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icons=require("@ant-design/icons"),React=require("react"),antd=require("antd"),ahooks=require("ahooks"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);exports.EContextType=void 0,function(e){e.before="\u524D\u6587",e.after="\u540E\u6587"}(exports.EContextType\|\|(exports.EContextType={}));const DEFAULT_CLIP_TEXT_CONFIG_ITEM=[{label:"\u6587\u672C",key:"text",required:!1,default:"",maxLength:3e3}],AudioContext=e=>{const{audioContext:t}=e;if(!t\|\|!t.visible)return null;const{content:o,type:i}=t;return React__default.default.createElement(AudioContextInfo,{title:exports.EContextType==null?void 0:exports.EContextType[i],content:o})},AudioContextInfo=e=>{const[t,o]=React.useState(!0),[i,r]=React.useState(""),{title:u,content:n}=e,a=()=>{o(!t)};return React.useEffect(()=>{r(n),o(!0)},[n]),React__default.default.createElement("div",{className:index_module.audioContextContainer},React__default.default.createElement("div",{className:index_module.title},React__default.default.createElement(icons.RightOutlined,{style:{marginRight:8},rotate:t?90:0,onClick:a}),React__default.default.createElement("span",{onClick:a},u)),t&&React__default.default.createElement("div",{className:index_module.content},React__default.default.createElement(antd.Input.TextArea,{bordered:!1,value:i,disabled:!0,style:{padding:0},autoSize:!0})))},DEFAULT_AUDIO_CLIP={selectedAttribute:"",selectedRegion:{},attributeLockList:[],clipConfigurable:!1,clipAttributeConfigurable:!1,clipAttributeList:[],clipTextConfigurable:!1,combined:!1,segment:!1,clipTextList:DEFAULT_CLIP_TEXT_CONFIG_ITEM},AudioClipContext=React__default.default.createContext({audioClipState:DEFAULT_AUDIO_CLIP,setAudioClipState:()=>{}}),useAudioClipStore=()=>React.useContext(AudioClipContext),AudioClipProvider=({children:e})=>{const[t,o]=ahooks.useSetState(DEFAULT_AUDIO_CLIP),i=React.useMemo(()=>({audioClipState:t,setAudioClipState:o}),[t,o]);return React__default.default.createElement(AudioClipContext.Provider,{value:i},e)};exports.AudioClipProvider=AudioClipProvider,exports.DEFAULT_CLIP_TEXT_CONFIG_ITEM=DEFAULT_CLIP_TEXT_CONFIG_ITEM,exports.default=AudioContext,exports.useAudioClipStore=useAudioClipStore;

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(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,e,l)=>e in r?__defProp(r,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[e]=l,__spreadValues=(r,e)=>{for(var l in e\|\|(e={}))__hasOwnProp.call(e,l)&&__defNormalProp(r,l,e[l]);if(__getOwnPropSymbols)for(var l of __getOwnPropSymbols(e))__propIsEnum.call(e,l)&&__defNormalProp(r,l,e[l]);return r},__spreadProps=(r,e)=>__defProps(r,__getOwnPropDescs(e));const ClipSidebar=r=>{const{regions:e=[],updateRegion:l,useAudioClipStore:g}=r,{audioClipState:E,setAudioClipState:m}=g(),{t:p}=reactI18next.useTranslation(),{selectedAttribute:_,selectedRegion:v,clipTextConfigurable:S,clipAttributeList:o,clipAttributeConfigurable:c,secondaryAttributeConfigurable:x,subAttributeList:A,clipTextList:d}=E,{id:i}=v,n=React.useMemo(()=>e.find(t=>t.id===i),[e,i]),y=t=>{e.length&&i&&l(__spreadProps(__spreadValues({},n),{attribute:t})),m({selectedAttribute:t})},C=(t,a)=>{var s;if(e.length&&i){const u=(s=n==null?void 0:n.subAttribute)!=null?s:{};l(__spreadProps(__spreadValues({},n),{subAttribute:__spreadProps(__spreadValues({},u),{[t]:a})}))}},b=[{label:"\u65E0\u5C5E\u6027",value:"",key:"\u65E0\u5C5E\u6027"},...o.map(t=>__spreadProps(__spreadValues({},t),{label:t.key}))],h=t=>{let a="";return S&&(d==null?void 0:d.length)>0&&d.forEach((s,u)=>{a=a+`${!c&&u===0?"":"\uFF0C"}${s.label}\uFF1A${t[s.key]}`}),a};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},p("ClippedAudio")),e.length>0?React__default.default.createElement("div",{className:index_module.regions},e.map(t=>{const{id:a,attribute:s,text:u,start:f,end:j}=t,q=a===i&&v.loop,N=`${c?audio.getAttributeShowText(s,b):""}${h(t)}`;return React__default.default.createElement("div",{className:index.classnames({[index_module.region]:!0,[index_module.selected]:a===i}),key:a,onClick:()=>{lbAnnotation.EventBus.emit("setSelectedRegion",{id:a,playImmediately:!0})}},React__default.default.createElement("div",{className:index_module.label},q&&React__default.default.createElement("img",{src:loopA}),React__default.default.createElement("div",{className:index_module.text},React__default.default.createElement(index$1,{text:N}))),React__default.default.createElement("div",{className:index_module.time},React__default.default.createElement("img",{src:i===a?clipASmall:clipSmall}),audio.timeFormat(f,"ss.SSS")," -",audio.timeFormat(j,"ss.SSS")),React__default.default.createElement("div",{className:index_module.delete,onClick:()=>{lbAnnotation.EventBus.emit("removeRegionById",a)}},React__default.default.createElement("img",{src:_delete})))})):React__default.default.createElement("div",{className:index_module.empty},p("NoClippedData"))),c&&(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:y,selectedAttribute:_,attributeLockChange:t=>{m({attributeLockList:t})}}),i&&x&&React__default.default.createElement(index$3,{subAttributeList:A,setSubAttribute:C,getValue:t=>{var a;return(a=n==null?void 0:n.subAttribute)==null?void 0:a[t.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,l,r)=>l in e?__defProp(e,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[l]=r,__spreadValues=(e,l)=>{for(var r in l\|\|(l={}))__hasOwnProp.call(l,r)&&__defNormalProp(e,r,l[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(l))__propIsEnum.call(l,r)&&__defNormalProp(e,r,l[r]);return e},__spreadProps=(e,l)=>__defProps(e,__getOwnPropDescs(l));const{EAudioToolName}=lbAnnotation.cTool,EKeyCode=lbAnnotation.cKeyCode.default,{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ToggleAudioOption=({setSideTab:e,sideTab:l})=>{const r=[{tab:"tag",commonSvg:tag,selectedSvg:tagA},{tab:"clip",commonSvg:clip,selectedSvg:clipA}];return React__default.default.createElement("div",{className:index_module.toggleAudioOption},r.map((v,x)=>{const{tab:d,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:l===d?E:C,onClick:()=>{l!==d&&e(d)}}))}))},AudioTextToolTextarea=({result:e,inputDisabled:l,updateText:r,configList:v,autofocus:x,preContext:d,isCheck:E,clipAttributeConfigurable:C,clipTextConfigurable:h,textConfigurable:p,updateRegion:y,clipAttributeList:c,clipTextList:g})=>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:l,textID:(e==null?void 0:e.id)\|\|0,updateText:r,configList:v,autofocus:!l&&x,preContext:d,regions:e==null?void 0:e.regions,clipAttributeConfigurable:C,clipTextConfigurable:h,textConfigurable:p,updateRegion:y,clipAttributeList:c,clipTextList:g}))),AudioSideBar=e=>{var l,r;const{sider:v,config:x,result:d,updateTagResult:E,updateRegion:C,isEdit:h,tagConfigurable:p,clipConfigurable:y}=e;let c=(x==null?void 0:x.inputList)\|\|[],g=(l=d==null?void 0:d.tag)!=null?l:{},i=(r=d==null?void 0:d.regions)!=null?r:[];const[D,R]=React.useState([]),[S,m]=React.useState("tag");React.useEffect(()=>{if(!p&&y){m("clip");return}m("tag")},[p,y]),React.useEffect(()=>(window.addEventListener("keydown",A),()=>{window.removeEventListener("keydown",A)}));const A=n=>{if(p&&y)switch(n.keyCode){case EKeyCode.L:m("tag");break;case EKeyCode.X:m("clip");break}if(S==="tag"){if(!lbAnnotation.CommonToolUtils.hotkeyFilter(n))return;lbAnnotation.CommonToolUtils.isMoveKey(n==null?void 0:n.keyCode)&&n.preventDefault();let a=n.keyCode;if(a&&(a<=57&&a>=49\|\|a<=105&&a>=97)){a>57?a=a-97:a=a-49;const T=D.slice();c.length===1?(_(0,a),R([0,a]),setTimeout(()=>{R([])},500)):T.length===1?(_(T[0],a),R([T[0],a]),setTimeout(()=>{R([])},500)):R([a])}}},_=(n,a)=>{if(n<c.length&&c[n].subSelected&&a<c[n].subSelected.length){const T=c[n].value,f=c[n].isMulti;let u=c[n].subSelected[a].value,M=0;const k=g;for(const I in g)if(I===c[n].value){if(M++,f===!0){const O=k[I].split(";").filter(U=>U!==""),N=O.indexOf(u);N===-1?O.push(u):O.splice(N,1),u=O.join(";")}u===""?delete k[I]:k[I]=u}M===0&&Object.assign(g,{[T]:u}),E(g)}},j=n=>{delete g[n],E(g)},w=p&&y&&React__default.default.createElement(ToggleAudioOption,{setSideTab:m,sideTab:S}),P=S==="tag"&&React__default.default.createElement(index$8.default,{labelInfoSet:p?c:[],labelSelectedList:D,setLabel:_,tagResult:g,clearResult:j,isEdit:h,withPanelTab:!1}),q=S==="clip"&&React__default.default.createElement(index$9,{regions:i,updateRegion:C,useAudioClipStore:index$1.useAudioClipStore});return v?typeof v=="function"?React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},v({toggleAudioOption:w,labelSidebar:P,clipSidebar:q})):v:React__default.default.createElement("div",{className:`${index$7.sidebarCls}`},React__default.default.createElement("div",{className:`${index$7.sidebarCls}__content`},w,P,q))},AudioAnnotate=e=>{var l,r,v,x,d,E,C,h,p;const y=(r=(l=e.style)==null?void 0:l.sider)==null?void 0:r.width,{step:c,stepList:g,audioContext:i,sider:D,drawLayerSlot:R,imgList:S,imgIndex:m,currentData:A,config:_,stepInfo:j,checkMode:w}=e,P=lbAnnotation.CommonToolUtils.getCurrentStepToolAndConfig(c,g),q=index.jsonParser(A.result),{toolInstanceRef:n}=annotation.useCustomToolInstance({basicInfo:q}),[a,T]=React.useState(!0),[f,u]=React.useState(null),[M,k]=React.useState(0);React.useEffect(()=>{T(!0)},[m]),React.useEffect(()=>{a===!1&&ie()},[a]),React.useEffect(()=>{O()},[]),React.useEffect(()=>{n.current.exportData=()=>[[f],{duration:M,valid:V}],n.current.setResult=ce,n.current.clearResult=fe,n.current.currentPageResult=f==null?void 0:f.regions,n.current.emit("updatePageNumber"),n.current.setSelectedRegion=I},[f]);const I=t=>{lbAnnotation.EventBus.emit("setSelectedRegion",{id:t,isLoopStatus:!0,playImmediately:!0})},O=()=>{n.current.emit=t=>{const o=n.current.fns.get(t);o&&o.forEach(s=>{s&&(s==null\|\|s())})},n.current.fns=new Map,n.current.singleOn=(t,o)=>{n.current.fns.set(t,[o])},n.current.on=(t,o)=>{n.current.singleOn(t,o)},n.current.unbindAll=t=>{n.current.fns.delete(t)}},N=React.useMemo(()=>{const t=q[`step_${j==null?void 0:j.step}`];return(t==null?void 0:t.result)\|\|[]},[_,q,j]),{tagConfigurable:U,textConfigurable:K=!0,clipConfigurable:W=!1,clipAttributeConfigurable:X=!1,clipAttributeList:G=[],clipTextConfigurable:B=!1,subAttributeList:Q=[],secondaryAttributeConfigurable:Y=!1,inputList:Z=[],configList:ee=[],clipTextList:z=index$1.DEFAULT_CLIP_TEXT_CONFIG_ITEM}=React.useMemo(()=>{if(P)return lbAnnotation.CommonToolUtils.jsonParser(P==null?void 0:P.config)},[P]),te={clipConfigurable:W,clipAttributeConfigurable:X,clipAttributeList:G,clipTextConfigurable:B,subAttributeList:Q,secondaryAttributeConfigurable:Y,clipTextList:z},V=i?i==null?void 0:i.valid:!0,ne=(x=(v=lbAnnotation.CommonToolUtils.jsonParser(A.result))==null?void 0:v.duration)!=null?x:0,le=V?ne:0,oe=!V\|\|a\|\|![K,B].includes(!0)\|\|w;let H={};if(m!==-1&&(S==null?void 0:S.length)){const t=(d=S[m])==null?void 0:d.preResult,o=(i==null?void 0:i.isEdit)?(E=i==null?void 0:i.stepConfig)==null?void 0:E.loadPreStep:j==null?void 0:j.loadPreStep;if(t&&o){const s=lbAnnotation.CommonToolUtils.jsonParser(t),b=(h=(C=s==null?void 0:s.config)==null?void 0:C.context)!=null?h:{};Object.keys(b).forEach(L=>{L&&b[L]&&(H[L]={visible:!0,content:b[L],type:L})})}}const ie=()=>{(N==null?void 0:N.length)>0?u(N[0]):u({id:lbAnnotation.uuid(),sourceID:"",value:J(),tag:ae(),regions:[]})},J=(t=!0)=>{const o={};let s=_.configList\|\|[];return s.length>0&&s.forEach(b=>{o[b.key]=t&&b.default\|\|""}),o},ae=()=>lbAnnotation.TagUtils.getDefaultResultByConfig(_.inputList\|\|[]),re=({duration:t,hasError:o})=>{(i==null?void 0:i.onLoaded)&&(i==null\|\|i.onLoaded()),T(!1),k(t)},se=t=>{u(o=>__spreadProps(__spreadValues({},o),{regions:((o==null?void 0:o.regions)\|\|[]).filter(s=>s.id!==t)}))},F=t=>{u(o=>{var s;const b=(s=o==null?void 0:o.regions)!=null?s:[],{id:L}=t;return b.find($=>$.id===L)?__spreadProps(__spreadValues({},o),{regions:b.map($=>L===$.id?__spreadValues(__spreadValues({},$),t):$)}):__spreadProps(__spreadValues({},o),{regions:[...b,t]})})},ue=(t,o)=>{u(s=>__spreadProps(__spreadValues({},s),{value:__spreadProps(__spreadValues({},s.value),{[o]:t})}))},de=t=>{u(o=>__spreadProps(__spreadValues({},o),{tag:t}))},ce=t=>{u(t)},fe=()=>{u(t=>__spreadProps(__spreadValues({},t),{value:J(),tag:{},regions:[]})),lbAnnotation.EventBus.emit("clearRegions")};return React__default.default.createElement(index$1.AudioClipProvider,null,React__default.default.createElement(antd.Spin,{spinning:a,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},U&&React__default.default.createElement(index$2,{result:f==null?void 0:f.tag,labelInfoSet:Z,hasPromptLayer:!!(i==null?void 0:i.promptLayer)}),i==null?void 0:i.promptLayer,React__default.default.createElement(index$3.AudioPlayer,__spreadValues({context:{isEdit:i==null?void 0:i.isEdit,count:le,toolName:EAudioToolName.AudioTextTool,imgIndex:m},drawLayerSlot:R,fileData:A,onLoaded:re,invalid:!V,updateRegion:F,removeRegion:se,regions:f==null?void 0:f.regions,activeToolPanel:i==null?void 0:i.activeToolPanel,footer:e.footer,isCheck:w},te))),(K\|\|B)&&React__default.default.createElement(AudioTextToolTextarea,{preContext:H,result:f,inputDisabled:oe,updateText:ue,updateRegion:F,configList:ee,autofocus:!1,textConfigurable:K,clipTextConfigurable:B,clipAttributeList:G,clipAttributeConfigurable:X,clipTextList:z,isCheck:w}))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:y!=null?y:240,style:(p=e.style)==null?void 0:p.sider},React__default.default.createElement(AudioSideBar,{sider:D,config:_,result:f,updateTagResult:de,updateRegion:F,isEdit:i==null?void 0:i.isEdit,tagConfigurable:U,clipConfigurable:W})),React__default.default.createElement(index$4,null))))};var AudioAnnotate$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(AudioAnnotate);module.exports=AudioAnnotate$1;

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

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

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

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

package/dist/components/audioAnnotate/utils/dataTransform.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";var _=require("lodash");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_);class DataTransform{}DataTransform.getClipTextByConfig=(e,s,l=!1)=>{const a=___default.default.cloneDeep(e);return s.forEach((t,f)=>{var n;const u=(n=t==null?void 0:t.default)!=null?n:"";f===0?Object.assign(a,{text:l?u:e[t.key]}):Object.assign(a,{[t.key]:l?u:e[t.key]})}),a},module.exports=DataTransform;

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

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),ReactDOM=require("react-dom"),index=require("../../audioAnnotate/audioContext/index.js"),audio=require("../../../utils/audio.js"),loop=require("../../../assets/annotation/audio/loop.svg.js"),antd=require("antd"),ahooks=require("ahooks"),index$1=require("../../../utils/index.js"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),ReactDOM__default=_interopDefaultLegacy(ReactDOM);const{Paragraph}=antd.Typography,ClipRegion=t=>{const{audioClipState:f,setAudioClipState:p}=index.useAudioClipStore(),{clipAttributeList:r,clipAttributeConfigurable:g,clipTextConfigurable:b,selectedRegion:s}=f,u=React.useRef(null),{el:x,region:m,edgeAdsorption:v,clipping:C,instance:d}=t,{attribute:a="",text:h="",id:i,start:y,end:R}=m,{id:l}=s,o=audio.getAttributeColor(a,r),n={color:audio.getAttributeFontColor(a,r),backgroundColor:o},e={border:`2px solid ${o}`};if(i===l)e.backgroundColor=audio.updateColorOpacity(o,.6),e.borderLeft=`2px solid ${o}`,e.borderRight=`2px solid ${o}`;else if(d==null\|\|d.setLoop(!1),e.borderLeft=`2px solid ${o}`,e.borderRight=`2px solid ${o}`,C){const c=Object.values(v);c.includes(y)&&(e.borderLeft="3px dashed #fff"),c.includes(R)&&(e.borderRight="3px dashed #fff")}ahooks.useClickAway(()=>{i===l&&p({selectedRegion:{}})},u,["contextmenu"]);const A=i===l&&s.loop,q=React__default.default.createElement("div",{style:e,ref:u,className:index$1.classnames({[index_module.container]:!0})},A&&React__default.default.createElement("div",{className:index_module.loop},React__default.default.createElement("img",{src:loop})),g&&React__default.default.createElement("div",null,React__default.default.createElement("div",{style:n,className:index_module.attribute},audio.getAttributeShowText(a,[{value:"",key:"\u65E0\u5C5E\u6027"},...r]))),b&&React__default.default.createElement(Paragraph,{ellipsis:{rows:2},className:index_module.text,style:n},"~~\u6587\u672C~~:",h));return React__default.default.createElement(React__default.default.Fragment,null,ReactDOM__default.default.createPortal(q,x))};module.exports=ClipRegion;
1	+ "use strict";var React=require("react"),ReactDOM=require("react-dom"),index=require("../../audioAnnotate/audioContext/index.js"),audio=require("../../../utils/audio.js"),loop=require("../../../assets/annotation/audio/loop.svg.js"),antd=require("antd"),ahooks=require("ahooks"),index$1=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),ReactDOM__default=_interopDefaultLegacy(ReactDOM);const{Paragraph}=antd.Typography,ClipRegion=t=>{const{t:b}=reactI18next.useTranslation(),{audioClipState:g,setAudioClipState:m}=index.useAudioClipStore(),{clipAttributeList:a,clipAttributeConfigurable:C,clipTextConfigurable:y,selectedRegion:n,clipTextList:u}=g,d=React.useRef(null),{el:h,region:c,edgeAdsorption:R,clipping:q,instance:f}=t,{attribute:l="",text:j="",id:i,start:A,end:E}=c,{id:s}=n,o=audio.getAttributeColor(l,a),p={color:audio.getAttributeFontColor(l,a),backgroundColor:o},e={border:`2px solid ${o}`};if(i===s)e.backgroundColor=audio.updateColorOpacity(o,.6),e.borderLeft=`2px solid ${o}`,e.borderRight=`2px solid ${o}`;else if(f==null\|\|f.setLoop(!1),e.borderLeft=`2px solid ${o}`,e.borderRight=`2px solid ${o}`,q){const r=Object.values(R);r.includes(A)&&(e.borderLeft="3px dashed #fff"),r.includes(E)&&(e.borderRight="3px dashed #fff")}ahooks.useClickAway(()=>{i===s&&m({selectedRegion:{}})},d,["contextmenu"]);const k=i===s&&n.loop,L=React__default.default.createElement("div",{style:e,ref:d,className:index$1.classnames({[index_module.container]:!0})},k&&React__default.default.createElement("div",{className:index_module.loop},React__default.default.createElement("img",{src:loop})),C&&React__default.default.createElement("div",null,React__default.default.createElement("div",{style:p,className:index_module.attribute},audio.getAttributeShowText(l,[{value:"",key:"\u65E0\u5C5E\u6027"},...a]))),y&&(u==null?void 0:u.map((r,_)=>{var v,x;return React__default.default.createElement(Paragraph,{ellipsis:{rows:2},className:index_module.text,style:p,key:_},(v=r==null?void 0:r.label)!=null?v:b("textTool"),":",(x=c[r==null?void 0:r.key])!=null?x:"")})));return React__default.default.createElement(React__default.default.Fragment,null,ReactDOM__default.default.createPortal(L,h))};module.exports=ClipRegion;

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

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

@@ -1,2 +1,3 @@
-"use strict";var antd=require("antd"),lbAnnotation=require("@labelbee/lb-annotation"),index=require("../../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),React=require("react");const EKeyCode=lbAnnotation.cKeyCode.default,useAudioCombine=m=>{const{waveRef:b,sortByStartRegions:g,regionMap:a,updateRegion:d,removeRegion:o,generateRegions:x,setSelectedRegion:v}=m,{audioClipState:C,setAudioClipState:s}=index.useAudioClipStore(),{selectedRegion:B,clipConfigurable:E,combined:p}=C,{id:n}=B,R=ahooks.useMemoizedFn(i=>{var c;if(!n)return;const t=a[n],u=a[i.id];if(t.attribute!==u.attribute){antd.message.info("\u8BF7\u9009\u62E9\u76F8\u90BB\u540C\u5C5E\u6027\u7247\u6BB5");return}const l=g.filter(e=>e.attribute===t.attribute),A=l.findIndex(e=>e.id===n),h=l.findIndex(e=>e.id===i.id);if(Math.abs(A-h)!==1){antd.message.info("\u8BF7\u9009\u62E9\u76F8\u90BB\u540C\u5C5E\u6027\u7247\u6BB5");return}const r=[];["start","end"].forEach(e=>{r.push(t[e]),r.push(u[e])});const F=Math.min(...r),I=Math.max(...r),f={id:(c=b.current)==null?void 0:c.util.getId("combined_"),start:F,end:I,attribute:t.attribute,text:[t.text,u.text].includes("")?`${t.text}${u.text}`:`${t.text}
-${u.text}`};d==null||d(f),o==null||o(n),o==null||o(u.id),x(),s({combined:!1}),v({id:f.id,playImmediately:!0})}),y=ahooks.useMemoizedFn(i=>{if(!!E&&i.altKey&&i.keyCode===EKeyCode.Z){if(!n){antd.message.info("\u8BF7\u5148\u9009\u62E9\u9700\u8981\u5408\u5E76\u7684\u533A\u95F4");return}s({combined:!0,segment:!1})}});return React.useEffect(()=>{p&&s({combined:!1})},[n]),ahooks.useEventListener("keydown",y),{combineInstance:R}};module.exports=useAudioCombine;
+"use strict";var antd=require("antd"),lbAnnotation=require("@labelbee/lb-annotation"),index=require("../../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),React=require("react"),_=require("lodash");const EKeyCode=lbAnnotation.cKeyCode.default,useAudioCombine=C=>{const{waveRef:v,sortByStartRegions:y,regionMap:m,updateRegion:g,removeRegion:a,generateRegions:p,setSelectedRegion:E}=C,{audioClipState:B,setAudioClipState:b}=index.useAudioClipStore(),{selectedRegion:h,clipConfigurable:A,combined:R,clipTextList:k}=B,{id:u}=h,F=(i,d,c)=>{const e=_.cloneDeep(i);return k.forEach((t,l)=>{const o=d[t.key],s=c[t.key],f=[o,s].includes("")?`${o}${s}`:`${o}
+${s}`;l===0?Object.assign(e,{text:f}):Object.assign(e,{[t.key]:f})}),e},$=ahooks.useMemoizedFn(i=>{var d,c;if(!u)return;const e=m[u],t=m[i.id];if(e.attribute!==t.attribute){antd.message.info("\u8BF7\u9009\u62E9\u76F8\u90BB\u540C\u5C5E\u6027\u7247\u6BB5");return}const l=y.filter(n=>n.attribute===e.attribute),o=l.findIndex(n=>n.id===u),s=l.findIndex(n=>n.id===i.id);if(Math.abs(o-s)!==1){antd.message.info("\u8BF7\u9009\u62E9\u76F8\u90BB\u540C\u5C5E\u6027\u7247\u6BB5");return}const r=[];["start","end"].forEach(n=>{r.push(e[n]),r.push(t[n])});const q=Math.min(...r),w=Math.max(...r),M={id:(d=v.current)==null?void 0:d.util.getId("combined_"),start:q,end:w,attribute:e.attribute,text:[e.text,t.text].includes("")?`${e.text}${t.text}`:`${e.text}
+        ${t.text}`,subAttribute:(c=t.subAttribute)!=null?c:{}},x=F(M,e,t);g==null||g(x),a==null||a(u),a==null||a(t.id),p(),b({combined:!1}),E({id:x.id,playImmediately:!0})}),I=ahooks.useMemoizedFn(i=>{if(!!A&&i.altKey&&i.keyCode===EKeyCode.Z){if(!u){antd.message.info("\u8BF7\u5148\u9009\u62E9\u9700\u8981\u5408\u5E76\u7684\u533A\u95F4");return}b({combined:!0,segment:!1})}});return React.useEffect(()=>{R&&b({combined:!1})},[u]),ahooks.useEventListener("keydown",I),{combineInstance:$}};module.exports=useAudioCombine;

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

	@@ -1 +1 @@
1	- "use strict";var React=require("react"),antd=require("antd"),lbAnnotation=require("@labelbee/lb-annotation"),index=require("../../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks");const EKeyCode=lbAnnotation.cKeyCode.default,useAudioSegment=R=>{const{waveRef:r,regionMap:m,updateRegion:a,removeRegion:b,generateRegions:p,setSelectedRegion:_}=R,{audioClipState:y,setAudioClipState:c}=index.useAudioClipStore(),{selectedRegion:C,clipConfigurable:E,segment:g}=y,{id:e}=C,v=React.useRef(null),l=React.useRef(null);React.useEffect(()=>{var t,u,i,o,n,s,d;if(l.current&&r.current&&g&&e){const f=(s=(i=(u=(t=r.current)==null?void 0:t.regions)==null?void 0:u.util)==null?void 0:i.getRegionSnapToGridValue)==null?void 0:s.call(i,((o=r.current)==null?void 0:o.drawer.handleEvent(l.current))*((n=r.current)==null?void 0:n.getDuration())),M=(d=m[e])!=null?d:{},{start:S,end:k}=M;if(f>S&&f<k){v.current=f;return}}v.current=null},[l.current,g]);const F=ahooks.useMemoizedFn((t,u)=>{var i,o;if(!e\|\|e!==t.id){antd.message.info("\u8BF7\u70B9\u51FB\u6240\u9009\u533A\u95F4");return}const n=m[e],s={id:(i=r.current)==null?void 0:i.util.getId("segment_"),~~start:n.start,~~end:u,~~attribute~~:n.~~attribute,text~~:~~n.text~~},d={id:(o=r.current)==null?void 0:o.util.getId("segment_"),start:u,~~end~~:n.~~end,attribute:n~~.~~attribute,text~~:""};a==null\|\|a(s),a==null\|\|a(d),b==null\|\|b(e),p(),c({segment:!1}),_({id:s.id,playImmediately:!0})}),x=ahooks.useMemoizedFn(t=>{if(!!E&&t.altKey&&t.keyCode===EKeyCode.X){if(!e){antd.message.info("\u8BF7\u5148\u9009\u62E9\u9700\u8981\u5206\u5272\u7684\u533A\u95F4");return}c({segment:!0,combined:!1})}}),A=ahooks.useMemoizedFn((t,u)=>{l.current=u});return ahooks.useEventListener("keydown",x),React.useEffect(()=>{g&&c({segment:!1})},[e]),{segmentInstance:F,onRegionMouseMove:A,segmentTimeTip:v.current}};module.exports=useAudioSegment;
1	+ "use strict";var React=require("react"),antd=require("antd"),lbAnnotation=require("@labelbee/lb-annotation"),index=require("../../audioAnnotate/audioContext/index.js"),ahooks=require("ahooks"),dataTransform=require("../../audioAnnotate/utils/dataTransform.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,e,t)=>e in r?__defProp(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,__spreadValues=(r,e)=>{for(var t in e\|\|(e={}))__hasOwnProp.call(e,t)&&__defNormalProp(r,t,e[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(e))__propIsEnum.call(e,t)&&__defNormalProp(r,t,e[t]);return r},__spreadProps=(r,e)=>__defProps(r,__getOwnPropDescs(e));const EKeyCode=lbAnnotation.cKeyCode.default,useAudioSegment=r=>{const{waveRef:e,regionMap:t,updateRegion:d,removeRegion:y,generateRegions:R,setSelectedRegion:w}=r,{audioClipState:O,setAudioClipState:v}=index.useAudioClipStore(),{selectedRegion:P,clipConfigurable:T,segment:p,clipTextList:C,subAttributeList:A,secondaryAttributeConfigurable:E=!1}=O,{id:n}=P,m=React.useRef(null),g=React.useRef(null);React.useEffect(()=>{var u,o,i,l,c,s,f;if(g.current&&e.current&&p&&n){const a=(s=(i=(o=(u=e.current)==null?void 0:u.regions)==null?void 0:o.util)==null?void 0:i.getRegionSnapToGridValue)==null?void 0:s.call(i,((l=e.current)==null?void 0:l.drawer.handleEvent(g.current))*((c=e.current)==null?void 0:c.getDuration())),_=(f=t[n])!=null?f:{},{start:b,end:B}=_;if(a>b&&a<B){m.current=a;return}}m.current=null},[g.current,p]);const x=ahooks.useMemoizedFn((u,o)=>{var i,l,c;if(!n\|\|n!==u.id){antd.message.info("\u8BF7\u70B9\u51FB\u6240\u9009\u533A\u95F4");return}const s=t[n],f=dataTransform.getClipTextByConfig(s,C),a=__spreadProps(__spreadValues({},f),{id:(i=e.current)==null?void 0:i.util.getId("segment_"),end:o,subAttribute:(l=s.subAttribute)!=null?l:{}}),_=dataTransform.getClipTextByConfig(s,C,!0),b=__spreadProps(__spreadValues({},_),{id:(c=e.current)==null?void 0:c.util.getId("segment_"),start:o,subAttribute:lbAnnotation.TagUtils.getDefaultResultByConfig(E?A!=null?A:[]:[])});d==null\|\|d(a),d==null\|\|d(b),y==null\|\|y(n),R(),v({segment:!1}),w({id:a.id,playImmediately:!0})}),F=ahooks.useMemoizedFn(u=>{if(!!T&&u.altKey&&u.keyCode===EKeyCode.X){if(!n){antd.message.info("\u8BF7\u5148\u9009\u62E9\u9700\u8981\u5206\u5272\u7684\u533A\u95F4");return}v({segment:!0,combined:!1})}}),S=ahooks.useMemoizedFn((u,o)=>{g.current=o});return ahooks.useEventListener("keydown",F),React.useEffect(()=>{p&&v({segment:!1})},[n]),{segmentInstance:x,onRegionMouseMove:S,segmentTimeTip:m.current}};module.exports=useAudioSegment;