@labelbee/lb-components 1.23.0-alpha.23 → 1.23.0-alpha.24

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

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

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

@@ -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;
+"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

@@ -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,f,s=!1)=>{const t=___default.default.cloneDeep(e);return f.forEach((a,n)=>{n===0?Object.assign(t,{text:s?"":e[a.key]}):Object.assign(t,{[a.key]:s?"":e[a.key]})}),t},module.exports=DataTransform;

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

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

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

@@ -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;
+"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:w,setSelectedRegion:C}=r,{audioClipState:O,setAudioClipState:v}=index.useAudioClipStore(),{selectedRegion:P,clipConfigurable:R,segment:p,clipTextList:b}=O,{id:n}=P,m=React.useRef(null),g=React.useRef(null);React.useEffect(()=>{var o,u,i,s,a,f,l;if(g.current&&e.current&&p&&n){const c=(f=(i=(u=(o=e.current)==null?void 0:o.regions)==null?void 0:u.util)==null?void 0:i.getRegionSnapToGridValue)==null?void 0:f.call(i,((s=e.current)==null?void 0:s.drawer.handleEvent(g.current))*((a=e.current)==null?void 0:a.getDuration())),_=(l=t[n])!=null?l:{},{start:A,end:F}=_;if(c>A&&c<F){m.current=c;return}}m.current=null},[g.current,p]);const T=ahooks.useMemoizedFn((o,u)=>{var i,s;if(!n||n!==o.id){antd.message.info("\u8BF7\u70B9\u51FB\u6240\u9009\u533A\u95F4");return}const a=t[n],f=dataTransform.getClipTextByConfig(a,b),l=__spreadProps(__spreadValues({},f),{id:(i=e.current)==null?void 0:i.util.getId("segment_"),end:u}),c=dataTransform.getClipTextByConfig(a,b,!0),_=__spreadProps(__spreadValues({},c),{id:(s=e.current)==null?void 0:s.util.getId("segment_"),start:u});d==null||d(l),d==null||d(_),y==null||y(n),w(),v({segment:!1}),C({id:l.id,playImmediately:!0})}),E=ahooks.useMemoizedFn(o=>{if(!!R&&o.altKey&&o.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})}}),x=ahooks.useMemoizedFn((o,u)=>{g.current=u});return ahooks.useEventListener("keydown",E),React.useEffect(()=>{p&&v({segment:!1})},[n]),{segmentInstance:T,onRegionMouseMove:x,segmentTimeTip:m.current}};module.exports=useAudioSegment;

package/dist/index.css

@@ -726,6 +726,16 @@
   font-family: SourceHanSansCN-Medium;
   font-size: 14px;
 }
+.index-module_label__xE6hM .index-module_labelText__Zg1c4 {
+  display: flex;
+  overflow: hidden;
+  width: 60%;
+  align-items: center;
+}
+.index-module_label__xE6hM .index-module_labelText__Zg1c4 .index-module_titleText__BRM44 {
+  max-width: calc(100% - 20px);
+  overflow: hidden;
+}
 .index-module_label__xE6hM .index-module_required__iElYl::before {
   display: inline-block;
   margin-right: 4px;
@@ -738,6 +748,7 @@
 .index-module_label__xE6hM .index-module_extra__PW5Qk {
   float: right;
   margin-right: 5px;
+  width: 40%;
 }
 
 .index-module_textareaContainer__dTIv4 {
@@ -868,6 +879,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
+  overflow: hidden;
 }
 .index-module_placeholderHotkey__0SKPo .text {
   color: #333;
@@ -884,7 +896,10 @@
 
 .index-module_attribute__g8Vbl {
   height: 22px;
-  padding: 2px 8px;
+  padding: 0px 8px;
+  width: max-content;
+  max-width: 100%;
+  margin-left: auto;
 }
 
 .index-module_clearIcon__ZBZqI {
@@ -893,10 +908,14 @@
   height: 14px;
   margin-left: 4px;
   vertical-align: text-top;
+  background-image: url(~@/assets/tool_Icon/icon_clearSmall.svg);
   background-repeat: no-repeat;
   background-position: center;
   cursor: pointer;
 }
+.index-module_clearIcon__ZBZqI:not(.index-module_disabled__zqh8C):hover {
+  background-image: url(~@/assets/tool_Icon/icon_clearSmall_a.svg);
+}
 .index-module_clearIcon__ZBZqI.index-module_disabled__zqh8C {
   cursor: not-allowed;
 }

package/dist/types/components/audioAnnotate/utils/dataTransform.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @file Process audio tool data
+ * @author lixinghua <lixinghua_vendor@sensetime.com>
+ * @date 2024.05.14
+ */
+import { IAudioTimeSlice, ITextConfigItem } from '@labelbee/lb-utils';
+export default class DataTransform {
+    static getClipTextByConfig: (region: IAudioTimeSlice, clipTextList: ITextConfigItem[], isClear?: boolean) => IAudioTimeSlice;
+}

package/es/components/audioAnnotate/textInput/index.js

@@ -1 +1 @@
-import e,{useState as q,useRef as ee,useEffect as K}from"react";import{Tooltip as te,Radio as H,Switch as xe}from"antd";import{QuestionCircleOutlined as ge}from"@ant-design/icons";import{TextareaWithFooter as Fe}from"../../../views/MainView/sidebar/TextToolSidebar/index.js";import{timeFormat as ae,getAttributeColor as Ce,getAttributeFontColor as Te,updateColorOpacity as he,getAttributeShowText as be,DEFAULT_TEXT_CONFIG_ITEM as ye}from"../../../utils/audio.js";import{cKeyCode as we}from"@labelbee/lb-annotation";import U from"classnames";import le,{useAudioClipStore as Ne,DEFAULT_CLIP_TEXT_CONFIG_ITEM as ke}from"../audioContext/index.js";import o from"./index.module.scss.js";import{useTranslation as ne}from"react-i18next";var Ie=Object.defineProperty,Be=Object.defineProperties,_e=Object.getOwnPropertyDescriptors,oe=Object.getOwnPropertySymbols,Se=Object.prototype.hasOwnProperty,Ae=Object.prototype.propertyIsEnumerable,re=(u,l,r)=>l in u?Ie(u,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):u[l]=r,ue=(u,l)=>{for(var r in l||(l={}))Se.call(l,r)&&re(u,r,l[r]);if(oe)for(var r of oe(l))Ae.call(l,r)&&re(u,r,l[r]);return u},De=(u,l)=>Be(u,_e(l));const d=we.default,se=({onClick:u,title:l,disabled:r})=>e.createElement(te,{placement:"bottom",title:l},e.createElement("span",{className:U({[o.clearIcon]:!0,[o.disabled]:r}),onClick:u})),X=u=>{var l;const{t:r}=ne(),L=ee(null),[E,y]=q(!1),[w,p]=q(!1),{disabled:s,config:c,result:O,updateText:f,index:v,switchToNextTextarea:$,hasMultiple:R,textID:N,addPlaceholder:x,onFocus:k,onBlur:T,onFocusStyle:G={},extra:h,errorText:I}=u,{maxLength:g}=c,B=O?O[c.key]:"",_=(l=B==null?void 0:B.length)!=null?l:0,S=a=>{f&&(f(a,c.key),c.required&&p(!a))},j=R&&$,m={id:`textInput-${v}`,ref:L,disabled:s,value:B,maxLength:g,autoSize:{minRows:2,maxRows:6},onChange:a=>{const i=a.target.value;S(i)},onFocus:a=>{y(!0),k==null||k(a),a.target.value&&p(!1)},onBlur:a=>{y(!1),T==null||T(a),c.required&&p(!a.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:a=>{const{keyCode:i}=a;if(a.ctrlKey){if(i===d.Enter&&a.preventDefault(),x&&[d.One,d.Two,d.Three].includes(i))switch(a.preventDefault(),i){case d.One:x("\u4986");break;case d.Two:x("\u652B");break;case d.Three:x("\u7383");break}}else i===d.Tab&&j?(a.preventDefault(),a.nativeEvent.stopImmediatePropagation(),$(v)):a.nativeEvent.stopPropagation()}},F=e.createElement("div",{className:o.textAreaFooter},e.createElement("div",{className:o.hotkeyTip},j&&e.createElement("span",null,"[",r("Switch"),"]Tab"),e.createElement("span",null,"[",r("TurnPage"),"]Ctrl+Enter")),e.createElement("div",{className:o.wordCount},e.createElement("span",{className:_>=g?o.warning:""},_),"/",e.createElement("span",null,g)));return K(()=>{s&&y(!1)},[s]),K(()=>{p(!1)},[N]),e.createElement("div",{className:o.textField},e.createElement("div",{className:o.label},e.createElement("span",{className:U({[o.required]:c.required})},c.label),e.createElement(se,{onClick:()=>{s||S("")},title:"",disabled:s}),e.createElement("div",{className:o.extra},h)),e.createElement("div",{className:U({disabled:s,"textarea-outline":!0,"ant-input-focused":E,[o.textareaContainer]:!0,[o.focus]:E,[o.invalid]:w}),style:E?G:{}},e.createElement(Fe,{footer:F,textareaProps:m})),I&&e.createElement("span",{style:{color:"#ff4d4f",lineHeight:"22px"}},I))},Pe=u=>{const{configList:l,autofocus:r,textID:L,result:E,showText:y,updateText:w,toggleShowText:p,textInputDisabled:s,isCheck:c,isEdit:O,config:f,preContext:v,regions:$=[],textConfigurable:R=!0,clipTextConfigurable:N,clipAttributeConfigurable:x,updateRegion:k,clipAttributeList:T=[],clipTextList:G=ke}=u,{t:h}=ne(),[I,g]=q(0),[B,_]=q(""),S=ee(null),{audioClipState:j}=Ne(),m=l||[ue({},ye)];let F=$;if(N&&!c){const t=j.selectedRegion.id;F=F.filter(n=>n.id===t)}const a=t=>{setTimeout(()=>{const n=document.getElementById(`textInput-${t}`);n&&(g(t),n.focus(),n.select(),n.scrollIntoView({behavior:"smooth",block:"center"}))})},i=t=>{const n=R?m.length:0,b=N?F.length:0,C=n+b,D=(t+1)%C;a(D)},Q=t=>{t.keyCode===d.Tab&&(t.preventDefault(),m.length>0&&a(0))},M=t=>{const n=document.getElementById(`textInput-${I}`);if(!(f==null?void 0:f.enablePlaceholderHotkey)||!n||!w)return;const{value:b,selectionStart:C,selectionEnd:D}=n,P=`${b.slice(0,C)}${t}${b.slice(D)}`;w(P,m[I].key),_(t),setTimeout(()=>{n.setSelectionRange(C+1,C+1),n.focus()},0),clearTimeout(S.current),S.current=setTimeout(()=>{_("")},400)};K(()=>(O||document.addEventListener("keydown",Q),()=>{document.removeEventListener("keydown",Q)}),[l]),K(()=>{r&&!s&&a(0)},[L]);let V=m;c&&(V=m.filter(t=>(E==null?void 0:E[t.key])!==void 0));const A=F[0];return e.createElement(e.Fragment,null,(f==null?void 0:f.enablePlaceholderHotkey)&&e.createElement("div",{className:o.placeholderHotkey},e.createElement("div",{className:o.title},"\u5360\u4F4D\u7B26\u5FEB\u6377\u8F93\u5165",e.createElement(te,{overlayStyle:{maxWidth:240},title:e.createElement("div",null,e.createElement("div",null,"\u4986\uFF08Ctrl+1\uFF09\uFF1A"),e.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"),e.createElement("div",null,"\u652B\uFF08Ctrl+2\uFF09\uFF1A"),e.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"),e.createElement("div",null,"\u7383\uFF08Ctrl+3\uFF09\uFF1A"),e.createElement("div",null,"\u5B8C\u5168\u65E0\u6CD5\u5224\u65AD\u662F\u4EC0\u4E48\u5B57")),placement:"bottom"},e.createElement(ge,{className:o.questionIcon}))),e.createElement(H.Group,{value:B},e.createElement(H.Button,{value:"\u4986",onClick:t=>M(t.target.value)},e.createElement("div",{className:"label"},e.createElement("div",{className:"text"},"\u4986 (\u89C6\u89C9)"),e.createElement("div",{className:"hotkey"},"Ctrl+1"))),e.createElement(H.Button,{value:"\u652B",onClick:t=>M(t.target.value)},e.createElement("div",{className:"label"},e.createElement("div",{className:"text"},"\u652B (\u8BED\u4E49)"),e.createElement("div",{className:"hotkey"},"Ctrl+2"))),e.createElement(H.Button,{value:"\u7383",onClick:t=>M(t.target.value)},e.createElement("div",{className:"label"},e.createElement("div",{className:"text"},"\u7383 (\u65E0\u6548)"),e.createElement("div",{className:"hotkey"},"Ctrl+3"))))),e.createElement("div",{className:o.textInputContainer},e.createElement(le,{audioContext:v==null?void 0:v.before}),R&&V.map((t,n)=>e.createElement(X,{config:t,key:n,index:n,result:E,updateText:w,switchToNextTextarea:i,hasMultiple:m.length>1,disabled:s,textID:L,addPlaceholder:M,onFocus:()=>g(n)})),N&&F.length>0&&G.map((t,n)=>{const{id:b,start:C,end:D,attribute:P}=A,{maxLength:ce=3e3,label:J,key:Y,required:ie}=t,Z=A==null?void 0:A[Y],de={[A.id]:Z},me={label:`${J!=null?J:h("textTool")}\uFF08${ae(C,"ss.SSS")} - ${ae(D,"ss.SSS")}\uFF09`,key:b,maxLength:ce},W=V.length+n,z=Ce(P,T),Ee={color:Te(P,T),backgroundColor:z},pe=h("LeastCharacterError",{num:1}),fe=ie&&Z.length<1?pe:void 0;return e.createElement(X,{config:me,key:n,index:W,disabled:s,result:de,updateText:ve=>{k==null||k(De(ue({},A),{[Y]:ve}))},switchToNextTextarea:()=>{i(W)},hasMultiple:!0,onFocus:()=>g(W),onFocusStyle:x?{borderColor:z,boxShadow:`0 0 0 2px ${he(z,.4)}`}:{},extra:x?e.createElement("div",{style:Ee,className:o.attribute},be(P,[{value:"",key:h("NoAttribute")},...T])):null,errorText:fe})}),e.createElement(le,{audioContext:v==null?void 0:v.after}),p&&e.createElement("div",{className:o.switchItem},h("toggleShowText"),e.createElement(xe,{style:{alignSelf:"center"},checked:y,onChange:t=>{p(t)}}))))};export{se as ClearIcon,X as SingleTextInput,Pe as default};
+import e,{useState as q,useRef as te,useEffect as K}from"react";import{Tooltip as ae,Radio as H,Switch as Fe}from"antd";import{QuestionCircleOutlined as he}from"@ant-design/icons";import{TextareaWithFooter as Ce}from"../../../views/MainView/sidebar/TextToolSidebar/index.js";import{timeFormat as le,getAttributeColor as be,getAttributeFontColor as ye,getAttributeShowText as Ne,updateColorOpacity as we,DEFAULT_TEXT_CONFIG_ITEM as Be}from"../../../utils/audio.js";import{cKeyCode as ke}from"@labelbee/lb-annotation";import X from"classnames";import ne,{useAudioClipStore as Ie,DEFAULT_CLIP_TEXT_CONFIG_ITEM as _e}from"../audioContext/index.js";import o from"./index.module.scss.js";import{useTranslation as oe}from"react-i18next";import re from"../../longText/index.js";var Se=Object.defineProperty,Ae=Object.defineProperties,De=Object.getOwnPropertyDescriptors,ue=Object.getOwnPropertySymbols,Pe=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable,se=(u,l,r)=>l in u?Se(u,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):u[l]=r,ce=(u,l)=>{for(var r in l||(l={}))Pe.call(l,r)&&se(u,r,l[r]);if(ue)for(var r of ue(l))Le.call(l,r)&&se(u,r,l[r]);return u},Oe=(u,l)=>Ae(u,De(l));const d=ke.default,ie=({onClick:u,title:l,disabled:r})=>e.createElement(ae,{placement:"bottom",title:l},e.createElement("span",{className:X({[o.clearIcon]:!0,[o.disabled]:r}),onClick:u})),Q=u=>{var l;const{t:r}=oe(),O=te(null),[E,N]=q(!1),[w,p]=q(!1),{disabled:s,config:c,result:$,updateText:f,index:x,switchToNextTextarea:j,hasMultiple:B,textID:C,addPlaceholder:v,onFocus:k,onBlur:b,onFocusStyle:I={},extra:y,errorText:_}=u,{maxLength:g}=c,S=$?$[c.key]:"",A=(l=S==null?void 0:S.length)!=null?l:0,D=a=>{f&&(f(a,c.key),c.required&&p(!a))},R=B&&j,m={id:`textInput-${x}`,ref:O,disabled:s,value:S,maxLength:g,autoSize:{minRows:2,maxRows:6},onChange:a=>{const i=a.target.value;D(i)},onFocus:a=>{N(!0),k==null||k(a),a.target.value&&p(!1)},onBlur:a=>{N(!1),b==null||b(a),c.required&&p(!a.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:a=>{const{keyCode:i}=a;if(a.ctrlKey){if(i===d.Enter&&a.preventDefault(),v&&[d.One,d.Two,d.Three].includes(i))switch(a.preventDefault(),i){case d.One:v("\u4986");break;case d.Two:v("\u652B");break;case d.Three:v("\u7383");break}}else i===d.Tab&&R?(a.preventDefault(),a.nativeEvent.stopImmediatePropagation(),j(x)):a.nativeEvent.stopPropagation()}},T=e.createElement("div",{className:o.textAreaFooter},e.createElement("div",{className:o.hotkeyTip},R&&e.createElement("span",null,"[",r("Switch"),"]Tab"),e.createElement("span",null,"[",r("TurnPage"),"]Ctrl+Enter")),e.createElement("div",{className:o.wordCount},e.createElement("span",{className:A>=g?o.warning:""},A),"/",e.createElement("span",null,g)));return K(()=>{s&&N(!1)},[s]),K(()=>{p(!1)},[C]),e.createElement("div",{className:o.textField},e.createElement("div",{className:o.label},e.createElement("div",{className:o.labelText},e.createElement("span",{className:X({[o.titleText]:!0,[o.required]:c.required})},e.createElement(re,{text:c.label,openByText:!0,isToolTips:!0})),e.createElement(ie,{onClick:()=>{s||D("")},title:"",disabled:s})),e.createElement("div",{className:o.extra},y)),e.createElement("div",{className:X({disabled:s,"textarea-outline":!0,"ant-input-focused":E,[o.textareaContainer]:!0,[o.focus]:E,[o.invalid]:w}),style:E?I:{}},e.createElement(Ce,{footer:T,textareaProps:m})),_&&e.createElement("span",{style:{color:"#ff4d4f",lineHeight:"22px"}},_))},$e=u=>{const{configList:l,autofocus:r,textID:O,result:E,showText:N,updateText:w,toggleShowText:p,textInputDisabled:s,isCheck:c,isEdit:$,config:f,preContext:x,regions:j=[],textConfigurable:B=!0,clipTextConfigurable:C,clipAttributeConfigurable:v,updateRegion:k,clipAttributeList:b=[],clipTextList:I=_e}=u,{t:y}=oe(),[_,g]=q(0),[S,A]=q(""),D=te(null),{audioClipState:R}=Ie(),m=l||[ce({},Be)];let T=j;if(C&&!c){const t=R.selectedRegion.id;T=T.filter(n=>n.id===t)}const a=t=>{setTimeout(()=>{const n=document.getElementById(`textInput-${t}`);n&&(g(t),n.focus(),n.select(),n.scrollIntoView({behavior:"smooth",block:"center"}))})},i=t=>{const n=B?m.length:0,F=C?T.length*I.length:0,h=n+F,L=(t+1)%h;a(L)},J=t=>{t.keyCode===d.Tab&&(t.preventDefault(),(m.length>0||C&&I.length>0)&&a(0))},M=t=>{const n=document.getElementById(`textInput-${_}`);if(!(f==null?void 0:f.enablePlaceholderHotkey)||!n||!w)return;const{value:F,selectionStart:h,selectionEnd:L}=n,V=`${F.slice(0,h)}${t}${F.slice(L)}`;w(V,m[_].key),A(t),setTimeout(()=>{n.setSelectionRange(h+1,h+1),n.focus()},0),clearTimeout(D.current),D.current=setTimeout(()=>{A("")},400)};K(()=>($||document.addEventListener("keydown",J),()=>{document.removeEventListener("keydown",J)}),[l]),K(()=>{r&&!s&&a(0)},[O]);let G=m;c&&(G=m.filter(t=>(E==null?void 0:E[t.key])!==void 0));const P=T[0];return e.createElement(e.Fragment,null,(f==null?void 0:f.enablePlaceholderHotkey)&&e.createElement("div",{className:o.placeholderHotkey},e.createElement("div",{className:o.title},"\u5360\u4F4D\u7B26\u5FEB\u6377\u8F93\u5165",e.createElement(ae,{overlayStyle:{maxWidth:240},title:e.createElement("div",null,e.createElement("div",null,"\u4986\uFF08Ctrl+1\uFF09\uFF1A"),e.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"),e.createElement("div",null,"\u652B\uFF08Ctrl+2\uFF09\uFF1A"),e.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"),e.createElement("div",null,"\u7383\uFF08Ctrl+3\uFF09\uFF1A"),e.createElement("div",null,"\u5B8C\u5168\u65E0\u6CD5\u5224\u65AD\u662F\u4EC0\u4E48\u5B57")),placement:"bottom"},e.createElement(he,{className:o.questionIcon}))),e.createElement(H.Group,{value:S},e.createElement(H.Button,{value:"\u4986",onClick:t=>M(t.target.value)},e.createElement("div",{className:"label"},e.createElement("div",{className:"text"},"\u4986 (\u89C6\u89C9)"),e.createElement("div",{className:"hotkey"},"Ctrl+1"))),e.createElement(H.Button,{value:"\u652B",onClick:t=>M(t.target.value)},e.createElement("div",{className:"label"},e.createElement("div",{className:"text"},"\u652B (\u8BED\u4E49)"),e.createElement("div",{className:"hotkey"},"Ctrl+2"))),e.createElement(H.Button,{value:"\u7383",onClick:t=>M(t.target.value)},e.createElement("div",{className:"label"},e.createElement("div",{className:"text"},"\u7383 (\u65E0\u6548)"),e.createElement("div",{className:"hotkey"},"Ctrl+3"))))),e.createElement("div",{className:o.textInputContainer},e.createElement(ne,{audioContext:x==null?void 0:x.before}),B&&G.map((t,n)=>e.createElement(Q,{config:t,key:n,index:n,result:E,updateText:w,switchToNextTextarea:i,hasMultiple:m.length>1,disabled:s,textID:O,addPlaceholder:M,onFocus:()=>g(n)})),C&&T.length>0&&I.map((t,n)=>{var F;const{id:h,start:L,end:V,attribute:W}=P,{maxLength:de=3e3,label:Y,key:Z,required:me}=t,ee=P==null?void 0:P[Z],Ee={[P.id]:ee},pe={label:`${Y!=null?Y:y("textTool")}\uFF08${le(L,"ss.SSS")} - ${le(V,"ss.SSS")}\uFF09`,key:h,maxLength:de},z=(B?G.length:0)+n,U=be(W,b),fe={color:ye(W,b),backgroundColor:U},xe=y("LeastCharacterError",{num:1}),ve=me&&ee.length<1?xe:void 0,ge=(F=Ne(W,[{value:"",key:y("NoAttribute")},...b]))!=null?F:"";return e.createElement(Q,{config:pe,key:n,index:z,disabled:s,result:Ee,updateText:Te=>{k==null||k(Oe(ce({},P),{[Z]:Te}))},switchToNextTextarea:()=>{i(z)},hasMultiple:!0,onFocus:()=>g(z),onFocusStyle:v?{borderColor:U,boxShadow:`0 0 0 2px ${we(U,.4)}`}:{},extra:v?e.createElement("div",{style:fe,className:o.attribute},e.createElement(re,{text:ge,openByText:!0,isToolTips:!0})):null,errorText:ve})}),e.createElement(ne,{audioContext:x==null?void 0:x.after}),p&&e.createElement("div",{className:o.switchItem},y("toggleShowText"),e.createElement(Fe,{style:{alignSelf:"center"},checked:N,onChange:t=>{p(t)}}))))};export{ie as ClearIcon,Q as SingleTextInput,$e as default};

package/es/components/audioAnnotate/textInput/index.module.scss.js

@@ -1 +1 @@
-var e={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"};export{e as default};
+var e={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"};export{e as default};

package/es/components/audioAnnotate/utils/dataTransform.js

@@ -0,0 +1 @@
+import c from"lodash";class o{}o.getClipTextByConfig=(e,f,a=!1)=>{const t=c.cloneDeep(e);return f.forEach((s,n)=>{n===0?Object.assign(t,{text:a?"":e[s.key]}):Object.assign(t,{[s.key]:a?"":e[s.key]})}),t};export{o as default};

package/es/components/audioPlayer/useAudioCombine/index.js

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

package/es/components/audioPlayer/useAudioSegment/index.js

@@ -1 +1 @@
-import{useRef as _,useEffect as R}from"react";import{message as y}from"antd";import{cKeyCode as h}from"@labelbee/lb-annotation";import{useAudioClipStore as K}from"../../audioAnnotate/audioContext/index.js";import{useMemoizedFn as v,useEventListener as D}from"ahooks";const L=h.default,j=C=>{const{waveRef:o,regionMap:p,updateRegion:s,removeRegion:b,generateRegions:E,setSelectedRegion:x}=C,{audioClipState:A,setAudioClipState:c}=K(),{selectedRegion:F,clipConfigurable:S,segment:g}=A,{id:e}=F,m=_(null),a=_(null);R(()=>{var t,u,r,i,n,l,d;if(a.current&&o.current&&g&&e){const f=(l=(r=(u=(t=o.current)==null?void 0:t.regions)==null?void 0:u.util)==null?void 0:r.getRegionSnapToGridValue)==null?void 0:l.call(r,((i=o.current)==null?void 0:i.drawer.handleEvent(a.current))*((n=o.current)==null?void 0:n.getDuration())),B=(d=p[e])!=null?d:{},{start:I,end:M}=B;if(f>I&&f<M){m.current=f;return}}m.current=null},[a.current,g]);const T=v((t,u)=>{var r,i;if(!e||e!==t.id){y.info("\u8BF7\u70B9\u51FB\u6240\u9009\u533A\u95F4");return}const n=p[e],l={id:(r=o.current)==null?void 0:r.util.getId("segment_"),start:n.start,end:u,attribute:n.attribute,text:n.text},d={id:(i=o.current)==null?void 0:i.util.getId("segment_"),start:u,end:n.end,attribute:n.attribute,text:""};s==null||s(l),s==null||s(d),b==null||b(e),E(),c({segment:!1}),x({id:l.id,playImmediately:!0})}),k=v(t=>{if(!!S&&t.altKey&&t.keyCode===L.X){if(!e){y.info("\u8BF7\u5148\u9009\u62E9\u9700\u8981\u5206\u5272\u7684\u533A\u95F4");return}c({segment:!0,combined:!1})}}),w=v((t,u)=>{a.current=u});return D("keydown",k),R(()=>{g&&c({segment:!1})},[e]),{segmentInstance:T,onRegionMouseMove:w,segmentTimeTip:m.current}};export{j as default};
+import{useRef as O,useEffect as P}from"react";import{message as b}from"antd";import{cKeyCode as k}from"@labelbee/lb-annotation";import{useAudioClipStore as V}from"../../audioAnnotate/audioContext/index.js";import{useMemoizedFn as y,useEventListener as z}from"ahooks";import T from"../../audioAnnotate/utils/dataTransform.js";var G=Object.defineProperty,N=Object.defineProperties,X=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable,E=(r,e,t)=>e in r?G(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,S=(r,e)=>{for(var t in e||(e={}))q.call(e,t)&&E(r,t,e[t]);if(R)for(var t of R(e))H.call(e,t)&&E(r,t,e[t]);return r},x=(r,e)=>N(r,X(e));const J=k.default,Q=r=>{const{waveRef:e,regionMap:t,updateRegion:d,removeRegion:w,generateRegions:A,setSelectedRegion:j}=r,{audioClipState:B,setAudioClipState:g}=V(),{selectedRegion:D,clipConfigurable:F,segment:m,clipTextList:C}=B,{id:n}=D,v=O(null),f=O(null);P(()=>{var o,u,i,s,a,p,l;if(f.current&&e.current&&m&&n){const c=(p=(i=(u=(o=e.current)==null?void 0:o.regions)==null?void 0:u.util)==null?void 0:i.getRegionSnapToGridValue)==null?void 0:p.call(i,((s=e.current)==null?void 0:s.drawer.handleEvent(f.current))*((a=e.current)==null?void 0:a.getDuration())),_=(l=t[n])!=null?l:{},{start:K,end:L}=_;if(c>K&&c<L){v.current=c;return}}v.current=null},[f.current,m]);const I=y((o,u)=>{var i,s;if(!n||n!==o.id){b.info("\u8BF7\u70B9\u51FB\u6240\u9009\u533A\u95F4");return}const a=t[n],p=T.getClipTextByConfig(a,C),l=x(S({},p),{id:(i=e.current)==null?void 0:i.util.getId("segment_"),end:u}),c=T.getClipTextByConfig(a,C,!0),_=x(S({},c),{id:(s=e.current)==null?void 0:s.util.getId("segment_"),start:u});d==null||d(l),d==null||d(_),w==null||w(n),A(),g({segment:!1}),j({id:l.id,playImmediately:!0})}),h=y(o=>{if(!!F&&o.altKey&&o.keyCode===J.X){if(!n){b.info("\u8BF7\u5148\u9009\u62E9\u9700\u8981\u5206\u5272\u7684\u533A\u95F4");return}g({segment:!0,combined:!1})}}),M=y((o,u)=>{f.current=u});return z("keydown",h),P(()=>{m&&g({segment:!1})},[n]),{segmentInstance:I,onRegionMouseMove:M,segmentTimeTip:v.current}};export{Q as default};

package/es/index.css

@@ -726,6 +726,16 @@
   font-family: SourceHanSansCN-Medium;
   font-size: 14px;
 }
+.index-module_label__xE6hM .index-module_labelText__Zg1c4 {
+  display: flex;
+  overflow: hidden;
+  width: 60%;
+  align-items: center;
+}
+.index-module_label__xE6hM .index-module_labelText__Zg1c4 .index-module_titleText__BRM44 {
+  max-width: calc(100% - 20px);
+  overflow: hidden;
+}
 .index-module_label__xE6hM .index-module_required__iElYl::before {
   display: inline-block;
   margin-right: 4px;
@@ -738,6 +748,7 @@
 .index-module_label__xE6hM .index-module_extra__PW5Qk {
   float: right;
   margin-right: 5px;
+  width: 40%;
 }
 
 .index-module_textareaContainer__dTIv4 {
@@ -868,6 +879,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
+  overflow: hidden;
 }
 .index-module_placeholderHotkey__0SKPo .text {
   color: #333;
@@ -884,7 +896,10 @@
 
 .index-module_attribute__g8Vbl {
   height: 22px;
-  padding: 2px 8px;
+  padding: 0px 8px;
+  width: max-content;
+  max-width: 100%;
+  margin-left: auto;
 }
 
 .index-module_clearIcon__ZBZqI {
@@ -893,10 +908,14 @@
   height: 14px;
   margin-left: 4px;
   vertical-align: text-top;
+  background-image: url(~@/assets/tool_Icon/icon_clearSmall.svg);
   background-repeat: no-repeat;
   background-position: center;
   cursor: pointer;
 }
+.index-module_clearIcon__ZBZqI:not(.index-module_disabled__zqh8C):hover {
+  background-image: url(~@/assets/tool_Icon/icon_clearSmall_a.svg);
+}
 .index-module_clearIcon__ZBZqI.index-module_disabled__zqh8C {
   cursor: not-allowed;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.23.0-alpha.23",
+  "version": "1.23.0-alpha.24",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",