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