@labelbee/lb-components 1.23.0-alpha.66 → 1.23.0-alpha.67

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

@@ -1 +1 @@
-"use strict";var React=require("react"),ReactDOM=require("react-dom"),index=require("../../audioAnnotate/audioContext/index.js"),audio=require("../../../utils/audio.js"),loop=require("../../../assets/annotation/audio/loop.svg.js"),antd=require("antd"),ahooks=require("ahooks"),index$1=require("../../../utils/index.js"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),ReactDOM__default=_interopDefaultLegacy(ReactDOM);const{Paragraph}=antd.Typography,ClipRegion=t=>{const{t:b}=reactI18next.useTranslation(),{audioClipState:g,setAudioClipState:m}=index.useAudioClipStore(),{clipAttributeList:a,clipAttributeConfigurable:C,clipTextConfigurable:y,selectedRegion:n,clipTextList:u}=g,d=React.useRef(null),{el:h,region:c,edgeAdsorption:R,clipping:q,instance:f}=t,{attribute:l="",text:j="",id:i,start:A,end:E}=c,{id:s}=n,o=audio.getAttributeColor(l,a),p={color:audio.getAttributeFontColor(l,a),backgroundColor:o},e={border:`2px solid ${o}`};if(i===s)e.backgroundColor=audio.updateColorOpacity(o,.6),e.borderLeft=`2px solid ${o}`,e.borderRight=`2px solid ${o}`;else if(f==null||f.setLoop(!1),e.borderLeft=`2px solid ${o}`,e.borderRight=`2px solid ${o}`,q){const r=Object.values(R);r.includes(A)&&(e.borderLeft="3px dashed #fff"),r.includes(E)&&(e.borderRight="3px dashed #fff")}ahooks.useClickAway(()=>{i===s&&m({selectedRegion:{}})},d,["contextmenu"]);const k=i===s&&n.loop,L=React__default.default.createElement("div",{style:e,ref:d,className:index$1.classnames({[index_module.container]:!0})},k&&React__default.default.createElement("div",{className:index_module.loop},React__default.default.createElement("img",{src:loop})),C&&React__default.default.createElement("div",null,React__default.default.createElement("div",{style:p,className:index_module.attribute},audio.getAttributeShowText(l,[{value:"",key:"\u65E0\u5C5E\u6027"},...a]))),y&&(u==null?void 0:u.map((r,_)=>{var v,x;return React__default.default.createElement(Paragraph,{ellipsis:{rows:2},className:index_module.text,style:p,key:_},(v=r==null?void 0:r.label)!=null?v:b("textTool"),":",(x=c[r==null?void 0:r.key])!=null?x:"")})));return React__default.default.createElement(React__default.default.Fragment,null,ReactDOM__default.default.createPortal(L,h))};module.exports=ClipRegion;
+"use strict";var React=require("react"),ReactDOM=require("react-dom"),index=require("../../audioAnnotate/audioContext/index.js"),audio=require("../../../utils/audio.js"),loop=require("../../../assets/annotation/audio/loop.svg.js"),antd=require("antd"),ahooks=require("ahooks"),index$1=require("../../../utils/index.js"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),ReactDOM__default=_interopDefaultLegacy(ReactDOM),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const{Paragraph}=antd.Typography,SubAttributeShowText=({result:e,subAttributeList:t,textStyle:r})=>{const s=lbAnnotation.TagUtils.getTagNameList(e,t);return React__default.default.createElement("div",null,s.map((i,n)=>React__default.default.createElement(Paragraph,{ellipsis:{rows:2},className:index_module.text,key:n,style:__spreadProps(__spreadValues({},r),{marginBottom:0})},`${i.keyName}\uFF1A${i.value.join("\u3001")}`)))},ClipRegion=e=>{const{t}=reactI18next.useTranslation(),{audioClipState:r,setAudioClipState:s}=index.useAudioClipStore(),{clipAttributeList:i,clipAttributeConfigurable:n,clipTextConfigurable:C,selectedRegion:f,clipTextList:b,secondaryAttributeConfigurable:O,subAttributeList:v}=r,m=React.useRef(null),{el:h,region:g,edgeAdsorption:E,clipping:P,instance:x}=e,{attribute:u="",text:S="",id:d,start:w,end:j,subAttribute:_}=g,{id:c}=f,o=audio.getAttributeColor(u,i),p={color:audio.getAttributeFontColor(u,i),backgroundColor:o},a={border:`2px solid ${o}`};if(d===c)a.backgroundColor=audio.updateColorOpacity(o,.6),a.borderLeft=`2px solid ${o}`,a.borderRight=`2px solid ${o}`;else if(x==null||x.setLoop(!1),a.borderLeft=`2px solid ${o}`,a.borderRight=`2px solid ${o}`,P){const l=Object.values(E);l.includes(w)&&(a.borderLeft="3px dashed #fff"),l.includes(j)&&(a.borderRight="3px dashed #fff")}ahooks.useClickAway(()=>{d===c&&s({selectedRegion:{}})},m,["contextmenu"]);const q=d===c&&f.loop,R=React__default.default.createElement("div",{style:a,ref:m,className:index$1.classnames({[index_module.container]:!0})},q&&React__default.default.createElement("div",{className:index_module.loop},React__default.default.createElement("img",{src:loop})),n&&React__default.default.createElement("div",null,React__default.default.createElement("div",{style:p,className:index_module.attribute},audio.getAttributeShowText(u,[{value:"",key:"\u65E0\u5C5E\u6027"},...i])),O&&_&&v&&React__default.default.createElement(SubAttributeShowText,{result:_,subAttributeList:v,textStyle:p})),C&&(b==null?void 0:b.map((l,L)=>{var y,A;return React__default.default.createElement(Paragraph,{ellipsis:{rows:2},className:index_module.text,style:p,key:L},(y=l==null?void 0:l.label)!=null?y:t("textTool"),":",(A=g[l==null?void 0:l.key])!=null?A:"")})));return React__default.default.createElement(React__default.default.Fragment,null,ReactDOM__default.default.createPortal(R,h))};module.exports=ClipRegion;

package/dist/index.css

@@ -508,6 +508,7 @@
   height: 100%;
   border: 1px solid transparent;
   font-size: 12px;
+  overflow-y: auto;
 }
 .index-module_container__gTeNm .index-module_loop__FHsHY {
   position: absolute;

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

@@ -1 +1 @@
-import t,{useRef as w}from"react";import N from"react-dom";import{useAudioClipStore as _}from"../../audioAnnotate/audioContext/index.js";import{getAttributeColor as O,getAttributeFontColor as F,updateColorOpacity as P,getAttributeShowText as D}from"../../../utils/audio.js";import I from"../../../assets/annotation/audio/loop.svg.js";import{Typography as M}from"antd";import{useClickAway as q}from"ahooks";import{classnames as z}from"../../../utils/index.js";import r from"./index.module.scss.js";import{useTranslation as B}from"react-i18next";const{Paragraph:G}=M,H=x=>{const{t:C}=B(),{audioClipState:v,setAudioClipState:y}=_(),{clipAttributeList:i,clipAttributeConfigurable:h,clipTextConfigurable:A,selectedRegion:c,clipTextList:d}=v,u=w(null),{el:E,region:p,edgeAdsorption:R,clipping:k,instance:m}=x,{attribute:s="",text:J="",id:a,start:L,end:j}=p,{id:n}=c,o=O(s,i),f={color:F(s,i),backgroundColor:o},e={border:`2px solid ${o}`};if(a===n)e.backgroundColor=P(o,.6),e.borderLeft=`2px solid ${o}`,e.borderRight=`2px solid ${o}`;else if(m==null||m.setLoop(!1),e.borderLeft=`2px solid ${o}`,e.borderRight=`2px solid ${o}`,k){const l=Object.values(R);l.includes(L)&&(e.borderLeft="3px dashed #fff"),l.includes(j)&&(e.borderRight="3px dashed #fff")}q(()=>{a===n&&y({selectedRegion:{}})},u,["contextmenu"]);const T=a===n&&c.loop,S=t.createElement("div",{style:e,ref:u,className:z({[r.container]:!0})},T&&t.createElement("div",{className:r.loop},t.createElement("img",{src:I})),h&&t.createElement("div",null,t.createElement("div",{style:f,className:r.attribute},D(s,[{value:"",key:"\u65E0\u5C5E\u6027"},...i]))),A&&(d==null?void 0:d.map((l,$)=>{var b,g;return t.createElement(G,{ellipsis:{rows:2},className:r.text,style:f,key:$},(b=l==null?void 0:l.label)!=null?b:C("textTool"),":",(g=p[l==null?void 0:l.key])!=null?g:"")})));return t.createElement(t.Fragment,null,N.createPortal(S,E))};export{H as default};
+import o,{useRef as D}from"react";import I from"react-dom";import{useAudioClipStore as B}from"../../audioAnnotate/audioContext/index.js";import{getAttributeColor as M,getAttributeFontColor as U,updateColorOpacity as V,getAttributeShowText as q}from"../../../utils/audio.js";import z from"../../../assets/annotation/audio/loop.svg.js";import{Typography as G}from"antd";import{useClickAway as H}from"ahooks";import{classnames as J}from"../../../utils/index.js";import n from"./index.module.scss.js";import{useTranslation as K}from"react-i18next";import{TagUtils as Q}from"@labelbee/lb-annotation";var W=Object.defineProperty,X=Object.defineProperties,Y=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,Z=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable,P=(r,e,t)=>e in r?W(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,te=(r,e)=>{for(var t in e||(e={}))Z.call(e,t)&&P(r,t,e[t]);if(E)for(var t of E(e))ee.call(e,t)&&P(r,t,e[t]);return r},re=(r,e)=>X(r,Y(e));const{Paragraph:h}=G,oe=({result:r,subAttributeList:e,textStyle:t})=>{const u=Q.getTagNameList(r,e);return o.createElement("div",null,u.map((a,c)=>o.createElement(h,{ellipsis:{rows:2},className:n.text,key:c,style:re(te({},t),{marginBottom:0})},`${a.keyName}\uFF1A${a.value.join("\u3001")}`)))},le=r=>{const{t:e}=K(),{audioClipState:t,setAudioClipState:u}=B(),{clipAttributeList:a,clipAttributeConfigurable:c,clipTextConfigurable:w,selectedRegion:b,clipTextList:g,secondaryAttributeConfigurable:j,subAttributeList:v}=t,x=D(null),{el:L,region:y,edgeAdsorption:R,clipping:S,instance:_}=r,{attribute:p="",text:se="",id:d,start:T,end:N,subAttribute:C}=y,{id:m}=b,s=M(p,a),f={color:U(p,a),backgroundColor:s},l={border:`2px solid ${s}`};if(d===m)l.backgroundColor=V(s,.6),l.borderLeft=`2px solid ${s}`,l.borderRight=`2px solid ${s}`;else if(_==null||_.setLoop(!1),l.borderLeft=`2px solid ${s}`,l.borderRight=`2px solid ${s}`,S){const i=Object.values(R);i.includes(T)&&(l.borderLeft="3px dashed #fff"),i.includes(N)&&(l.borderRight="3px dashed #fff")}H(()=>{d===m&&u({selectedRegion:{}})},x,["contextmenu"]);const k=d===m&&b.loop,$=o.createElement("div",{style:l,ref:x,className:J({[n.container]:!0})},k&&o.createElement("div",{className:n.loop},o.createElement("img",{src:z})),c&&o.createElement("div",null,o.createElement("div",{style:f,className:n.attribute},q(p,[{value:"",key:"\u65E0\u5C5E\u6027"},...a])),j&&C&&v&&o.createElement(oe,{result:C,subAttributeList:v,textStyle:f})),w&&(g==null?void 0:g.map((i,F)=>{var A,O;return o.createElement(h,{ellipsis:{rows:2},className:n.text,style:f,key:F},(A=i==null?void 0:i.label)!=null?A:e("textTool"),":",(O=y[i==null?void 0:i.key])!=null?O:"")})));return o.createElement(o.Fragment,null,I.createPortal($,L))};export{le as default};

package/es/index.css

@@ -508,6 +508,7 @@
   height: 100%;
   border: 1px solid transparent;
   font-size: 12px;
+  overflow-y: auto;
 }
 .index-module_container__gTeNm .index-module_loop__FHsHY {
   position: absolute;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.23.0-alpha.66",
+  "version": "1.23.0-alpha.67",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "1.27.0-alpha.34",
+    "@labelbee/lb-annotation": "1.27.0-alpha.35",
     "@labelbee/lb-utils": "1.19.0-alpha.18",
     "@labelbee/wavesurfer": "1.0.0",
     "@types/react-dom": "^18.2.7",