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