@labelbee/lb-components 1.23.0-alpha.26 → 1.23.0-alpha.28

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

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

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

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

package/dist/components/subAttributeList/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),index=require("../attributeList/index.js");function _interopDefaultLegacy(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var React__default=_interopDefaultLegacy(React);const subTitleStyle={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},SubAttributeList=a=>{const{subAttributeList:d,setSubAttribute:l,getValue:r}=a,{t:n}=reactI18next.useTranslation();return React__default.default.createElement(React__default.default.Fragment,null,d.map(e=>{var u;return(e==null?void 0:e.subSelected)&&React__default.default.createElement("div",{style:{marginTop:12},key:e.value},React__default.default.createElement("div",{style:subTitleStyle},n("SubAttribute"),"-",e.key),((u=e.subSelected)==null?void 0:u.length)<5?React__default.default.createElement(index.default,{list:e.subSelected.map(t=>({label:t.key,value:t.value})),selectedAttribute:r(e),num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:t=>l(e.value,t),style:{marginBottom:12}}):React__default.default.createElement(antd.Select,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:r(e),placeholder:n("PleaseSelect"),onChange:t=>l(e.value,t),allowClear:!0},e.subSelected.map(t=>React__default.default.createElement(antd.Select.Option,{key:t.value,value:t.value},t.key))),React__default.default.createElement(antd.Divider,{style:{margin:0}}))}))};module.exports=SubAttributeList;
+"use strict";var React=require("react"),antd=require("antd"),reactI18next=require("react-i18next"),index=require("../attributeList/index.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const subTitleStyle={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},SubAttributeList=t=>{const{subAttributeList:u,setSubAttribute:n,getValue:r}=t,{t:d}=reactI18next.useTranslation(),o=(e,a)=>{if(Array.isArray(a)){n(e,a.join(";"));return}n(e,a)},i=e=>{const a=r(e);return(e==null?void 0:e.isMulti)?a?a==null?void 0:a.split(";"):[]:a};return React__default.default.createElement(React__default.default.Fragment,null,u.map(e=>{var a;return(e==null?void 0:e.subSelected)&&React__default.default.createElement("div",{style:{marginTop:12},key:e.value},React__default.default.createElement("div",{style:subTitleStyle},d("SubAttribute"),"-",e.key),((a=e.subSelected)==null?void 0:a.length)<5?(e==null?void 0:e.isMulti)?React__default.default.createElement(antd.Checkbox.Group,{style:{padding:"0px 20px 16px 16px"},options:e.subSelected.map(l=>({label:l.key,value:l.value})),value:i(e),onChange:l=>o(e.value,l)}):React__default.default.createElement(index.default,{list:e.subSelected.map(l=>({label:l.key,value:l.value})),selectedAttribute:r(e),num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:l=>n(e.value,l),style:{marginBottom:12}}):React__default.default.createElement(antd.Select,{style:{margin:"0px 20px 16px 16px",width:"87%"},mode:(e==null?void 0:e.isMulti)?"multiple":void 0,value:i(e),placeholder:d("PleaseSelect"),onChange:l=>o(e.value,l),allowClear:!0},e.subSelected.map(l=>React__default.default.createElement(antd.Select.Option,{key:l.value,value:l.value},l.key))),React__default.default.createElement(antd.Divider,{style:{margin:0}}))}))};module.exports=SubAttributeList;

package/dist/index.css

@@ -1166,7 +1166,8 @@
 }
 .index-module_clipSidebar__z2E8x .index-module_attributeList__2wnCE {
   flex: 1;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .index-module_clipSidebar__z2E8x .index-module_attributeList__2wnCE .sensebee-radio-group,
 .index-module_clipSidebar__z2E8x .index-module_attributeList__2wnCE .sensebee-radio-group-no-limit-height .ant-radio-group {

package/dist/types/components/videoAnnotate/videoClipTool/index.d.ts

@@ -49,7 +49,7 @@ declare class VideoClipTool extends React.Component<IVideoClipProps, IState> {
     videoPlayer?: any;
     videoNode?: HTMLVideoElement;
     videoRef?: HTMLVideoElement;
-    throttledUpdateTime: _.DebouncedFunc<(newValue: number) => void>;
+    throttledUpdateTime: _.DebouncedFuncLeading<(newValue: number) => void>;
     constructor(props: IVideoClipProps);
     get valid(): boolean;
     get config(): any;

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

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

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

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

package/es/components/subAttributeList/index.js

@@ -1 +1 @@
-import l from"react";import{Select as i,Divider as d}from"antd";import{useTranslation as p}from"react-i18next";import u from"../attributeList/index.js";const s={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},v=m=>{const{subAttributeList:c,setSubAttribute:a,getValue:r}=m,{t:n}=p();return l.createElement(l.Fragment,null,c.map(e=>{var o;return(e==null?void 0:e.subSelected)&&l.createElement("div",{style:{marginTop:12},key:e.value},l.createElement("div",{style:s},n("SubAttribute"),"-",e.key),((o=e.subSelected)==null?void 0:o.length)<5?l.createElement(u,{list:e.subSelected.map(t=>({label:t.key,value:t.value})),selectedAttribute:r(e),num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:t=>a(e.value,t),style:{marginBottom:12}}):l.createElement(i,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:r(e),placeholder:n("PleaseSelect"),onChange:t=>a(e.value,t),allowClear:!0},e.subSelected.map(t=>l.createElement(i.Option,{key:t.value,value:t.value},t.key))),l.createElement(d,{style:{margin:0}}))}))};export{v as default};
+import n from"react";import{Checkbox as v,Select as m,Divider as u}from"antd";import{useTranslation as s}from"react-i18next";import x from"../attributeList/index.js";const y={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},g=p=>{const{subAttributeList:c,setSubAttribute:t,getValue:o}=p,{t:r}=s(),i=(e,a)=>{if(Array.isArray(a)){t(e,a.join(";"));return}t(e,a)},d=e=>{const a=o(e);return(e==null?void 0:e.isMulti)?a?a==null?void 0:a.split(";"):[]:a};return n.createElement(n.Fragment,null,c.map(e=>{var a;return(e==null?void 0:e.subSelected)&&n.createElement("div",{style:{marginTop:12},key:e.value},n.createElement("div",{style:y},r("SubAttribute"),"-",e.key),((a=e.subSelected)==null?void 0:a.length)<5?(e==null?void 0:e.isMulti)?n.createElement(v.Group,{style:{padding:"0px 20px 16px 16px"},options:e.subSelected.map(l=>({label:l.key,value:l.value})),value:d(e),onChange:l=>i(e.value,l)}):n.createElement(x,{list:e.subSelected.map(l=>({label:l.key,value:l.value})),selectedAttribute:o(e),num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:l=>t(e.value,l),style:{marginBottom:12}}):n.createElement(m,{style:{margin:"0px 20px 16px 16px",width:"87%"},mode:(e==null?void 0:e.isMulti)?"multiple":void 0,value:d(e),placeholder:r("PleaseSelect"),onChange:l=>i(e.value,l),allowClear:!0},e.subSelected.map(l=>n.createElement(m.Option,{key:l.value,value:l.value},l.key))),n.createElement(u,{style:{margin:0}}))}))};export{g as default};

package/es/index.css

@@ -1166,7 +1166,8 @@
 }
 .index-module_clipSidebar__z2E8x .index-module_attributeList__2wnCE {
   flex: 1;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .index-module_clipSidebar__z2E8x .index-module_attributeList__2wnCE .sensebee-radio-group,
 .index-module_clipSidebar__z2E8x .index-module_attributeList__2wnCE .sensebee-radio-group-no-limit-height .ant-radio-group {

package/package.json

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