@labelbee/lb-components 1.24.0-alpha.64 → 1.24.0-alpha.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var audio=require("../../../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),icons=require("@ant-design/icons"),React=require("react"),index$1=require("../resizableSnippet/index.js"),constant=require("../../constant.js"),ToolTipForClip=require("../ToolTipForClip.js"),index_module=require("./index.module.scss.js"),utils=require("../../../../videoPlayer/utils.js"),VideoClipToolContext=require("../../VideoClipToolContext.js"),index=require("../../../../videoPlayer/index.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,a,e)=>a in r?__defProp(r,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[a]=e,__spreadValues=(r,a)=>{for(var e in a||(a={}))__hasOwnProp.call(a,e)&&__defNormalProp(r,e,a[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(a))__propIsEnum.call(a,e)&&__defNormalProp(r,e,a[e]);return r},__spreadProps=(r,a)=>__defProps(r,__getOwnPropDescs(a));const getDisplayContent=(r,a)=>{const{t:e}=reactI18next.useTranslation(),{attribute:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var audio=require("../../../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),icons=require("@ant-design/icons"),React=require("react"),index$1=require("../resizableSnippet/index.js"),constant=require("../../constant.js"),ToolTipForClip=require("../ToolTipForClip.js"),index_module=require("./index.module.scss.js"),utils=require("../../../../videoPlayer/utils.js"),VideoClipToolContext=require("../../VideoClipToolContext.js"),index=require("../../../../videoPlayer/index.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,a,e)=>a in r?__defProp(r,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[a]=e,__spreadValues=(r,a)=>{for(var e in a||(a={}))__hasOwnProp.call(a,e)&&__defNormalProp(r,e,a[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(a))__propIsEnum.call(a,e)&&__defNormalProp(r,e,a[e]);return r},__spreadProps=(r,a)=>__defProps(r,__getOwnPropDescs(a));const getDisplayContent=(r,a)=>{const{t:e}=reactI18next.useTranslation(),{attribute:p,textAttribute:n}=r,l=lbAnnotation.AttributeUtils.getAttributeShowText(p,a)||e("NoAttribute"),m=(r==null?void 0:r.text)||"";return[l,m?`${e("SubAttribute")}: ${m}`:"",n?`${e("textTool")}: ${n}`:""].filter(i=>i).join("\uFF0C")},sortTrack=(r,a)=>{const e=(r||[]).filter(n=>n).map(()=>[]);r.forEach(n=>{if(n.id!==a){const l=e.findIndex(m=>{const i=n.start,c=n.end;return m.every(f=>{const y=[f.start,f.end],s=[i,c];return!lbAnnotation.MathUtils.isInRange(i,y)&&!lbAnnotation.MathUtils.isInRange(c,y)&&!lbAnnotation.MathUtils.isInRange(f.start,s)&&!lbAnnotation.MathUtils.isInRange(f.end,s)})});l>-1&&e[l].push(n)}});const p=fillArrayLen(e.filter(n=>n.length>0));return p==null?void 0:p.map(n=>({data:n,id:utils.hashCode(n==null?void 0:n.map(l=>l.id).join("_"))}))},fillArrayLen=(r,a=2)=>{let e=r;return e.length-a<0&&(e=e.concat(Array.from({length:a-e.length}))),e},VideoTrack=r=>{var a;const{currentTime:e,readonly:p,onTrackResizeStart:n}=r,{result:l,selectedAttribute:m,attributeList:i,selectedID:c,clipStatus:f,contextToCancel:y}=React.useContext(VideoClipToolContext.VideoClipToolContext),{duration:s}=React.useContext(index.VideoPlayerCtx),b=React.useRef(null),v=((a=b.current)==null?void 0:a.clientWidth)||0,k=e/s,T=(t,o=4)=>`${utils.decimalReserved(t*100,o)}%`,g=t=>{if(t){const o=lbAnnotation.AttributeUtils.getAttributeColor(t.attribute,i),u=Math.max((t.end||e)-t.start,0)/s,d={backgroundColor:o,left:v?`${utils.decimalReserved(v*(t.start/s),0)}px`:T(t.start/s,2),width:v?`${utils.decimalReserved(v*(t.end?Math.max(u,.001):u),0)}px`:T(t.end?Math.max(u,.001):u,2),position:"absolute",borderRadius:5};return t.type===constant.ETimeSliceType.Time&&(delete d.width,delete d.backgroundColor,d.top="50%",d.transform="translate(-50%)",d.color=o),d}return{}},C=lbAnnotation.AttributeUtils.getAttributeColor(m,i),_=utils.decimalReserved(Math.max(v*k,0),0),E=utils.decimalReserved(Math.min(_,Math.floor(v-68)),0),h=t=>{if(t)return t.type===constant.ETimeSliceType.Time?React__default.default.createElement(ToolTipForClip,{slot:React__default.default.createElement(icons.EnvironmentFilled,{style:g(t)}),item:__spreadProps(__spreadValues({},t),{end:t.end===null?e:t.end}),attributeList:i}):React__default.default.createElement(index$1,{track:t,currentTime:e,style:g(t),onResize:(o,u)=>r.onTrackResize(t.id,o,u),onTrackResizeStart:n,onClipping:f===constant.EClipStatus.Clipping,isSelected:t.id===c,readonly:p,attributeList:i})},P=React.useMemo(()=>{if(!s)return;const t=sortTrack(l,c);return t==null?void 0:t.map((o,u)=>{var d;return React__default.default.createElement("div",{className:index_module.track,key:(o==null?void 0:o.id)||u},(d=o.data)==null?void 0:d.map((x,A)=>React__default.default.createElement(React__default.default.Fragment,{key:(x==null?void 0:x.id)||`${o==null?void 0:o.id}_${A}`},h(x))))})},[l,c,s,JSON.stringify(i)]),R=React.useMemo(()=>{const t=l.find(o=>(o==null?void 0:o.id)===c);return c&&t?React__default.default.createElement("div",{className:index_module.track,key:t==null?void 0:t.id},h(t)):null},[l,c,s,e,JSON.stringify(i)]);return React__default.default.createElement("div",{className:index_module.videoTrackContainer,ref:b,onContextMenu:y},React__default.default.createElement("div",{className:index_module.timeTrack}),React__default.default.createElement("div",{className:index_module.videoTrack},R,P),React__default.default.createElement("div",{className:index_module.timeline,style:{transform:`translate3d(${_}px, 0px, 0px)`,backgroundColor:C}}),React__default.default.createElement("div",{className:index_module.displayTime,style:{backgroundColor:C,transform:`translateX(${E}px, 0px, 0px)`}},audio.timeFormat(e)))};var VideoTrack$1=VideoTrack;exports.default=VideoTrack$1,exports.getDisplayContent=getDisplayContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{timeFormat as z}from"../../../../../utils/audio.js";import{AttributeUtils as
|
|
1
|
+
import{timeFormat as z}from"../../../../../utils/audio.js";import{AttributeUtils as _,MathUtils as C}from"@labelbee/lb-annotation";import{EnvironmentFilled as D}from"@ant-design/icons";import s,{useContext as R,useRef as X,useMemo as j}from"react";import U from"../resizableSnippet/index.js";import{ETimeSliceType as A,EClipStatus as W}from"../../constant.js";import L from"../ToolTipForClip.js";import p from"./index.module.scss.js";import{decimalReserved as b,hashCode as q}from"../../../../videoPlayer/utils.js";import{VideoClipToolContext as B}from"../../VideoClipToolContext.js";import{VideoPlayerCtx as G}from"../../../../videoPlayer/index.js";import{useTranslation as H}from"react-i18next";var K=Object.defineProperty,Q=Object.defineProperties,Y=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertySymbols,Z=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,N=(o,r,t)=>r in o?K(o,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[r]=t,tt=(o,r)=>{for(var t in r||(r={}))Z.call(r,t)&&N(o,t,r[t]);if($)for(var t of $(r))J.call(r,t)&&N(o,t,r[t]);return o},et=(o,r)=>Q(o,Y(r));const rt=(o,r)=>{const{t}=H(),{attribute:f,textAttribute:n}=o,l=_.getAttributeShowText(f,r)||t("NoAttribute"),v=(o==null?void 0:o.text)||"";return[l,v?`${t("SubAttribute")}: ${v}`:"",n?`${t("textTool")}: ${n}`:""].filter(i=>i).join("\uFF0C")},ot=(o,r)=>{const t=(o||[]).filter(n=>n).map(()=>[]);o.forEach(n=>{if(n.id!==r){const l=t.findIndex(v=>{const i=n.start,d=n.end;return v.every(y=>{const g=[y.start,y.end],c=[i,d];return!C.isInRange(i,g)&&!C.isInRange(d,g)&&!C.isInRange(y.start,c)&&!C.isInRange(y.end,c)})});l>-1&&t[l].push(n)}});const f=nt(t.filter(n=>n.length>0));return f==null?void 0:f.map(n=>({data:n,id:q(n==null?void 0:n.map(l=>l.id).join("_"))}))},nt=(o,r=2)=>{let t=o;return t.length-r<0&&(t=t.concat(Array.from({length:r-t.length}))),t},at=o=>{var r;const{currentTime:t,readonly:f,onTrackResizeStart:n}=o,{result:l,selectedAttribute:v,attributeList:i,selectedID:d,clipStatus:y,contextToCancel:g}=R(B),{duration:c}=R(G),h=X(null),T=((r=h.current)==null?void 0:r.clientWidth)||0,w=t/c,k=(e,a=4)=>`${b(e*100,a)}%`,E=e=>{if(e){const a=_.getAttributeColor(e.attribute,i),u=Math.max((e.end||t)-e.start,0)/c,m={backgroundColor:a,left:T?`${b(T*(e.start/c),0)}px`:k(e.start/c,2),width:T?`${b(T*(e.end?Math.max(u,.001):u),0)}px`:k(e.end?Math.max(u,.001):u,2),position:"absolute",borderRadius:5};return e.type===A.Time&&(delete m.width,delete m.backgroundColor,m.top="50%",m.transform="translate(-50%)",m.color=a),m}return{}},P=_.getAttributeColor(v,i),O=b(Math.max(T*w,0),0),I=b(Math.min(O,Math.floor(T-68)),0),S=e=>{if(e)return e.type===A.Time?s.createElement(L,{slot:s.createElement(D,{style:E(e)}),item:et(tt({},e),{end:e.end===null?t:e.end}),attributeList:i}):s.createElement(U,{track:e,currentTime:t,style:E(e),onResize:(a,u)=>o.onTrackResize(e.id,a,u),onTrackResizeStart:n,onClipping:y===W.Clipping,isSelected:e.id===d,readonly:f,attributeList:i})},F=j(()=>{if(!c)return;const e=ot(l,d);return e==null?void 0:e.map((a,u)=>{var m;return s.createElement("div",{className:p.track,key:(a==null?void 0:a.id)||u},(m=a.data)==null?void 0:m.map((x,V)=>s.createElement(s.Fragment,{key:(x==null?void 0:x.id)||`${a==null?void 0:a.id}_${V}`},S(x))))})},[l,d,c,JSON.stringify(i)]),M=j(()=>{const e=l.find(a=>(a==null?void 0:a.id)===d);return d&&e?s.createElement("div",{className:p.track,key:e==null?void 0:e.id},S(e)):null},[l,d,c,t,JSON.stringify(i)]);return s.createElement("div",{className:p.videoTrackContainer,ref:h,onContextMenu:g},s.createElement("div",{className:p.timeTrack}),s.createElement("div",{className:p.videoTrack},M,F),s.createElement("div",{className:p.timeline,style:{transform:`translate3d(${O}px, 0px, 0px)`,backgroundColor:P}}),s.createElement("div",{className:p.displayTime,style:{backgroundColor:P,transform:`translateX(${I}px, 0px, 0px)`}},z(t)))};var st=at;export{st as default,rt as getDisplayContent};
|