@labelbee/lb-components 1.24.0-alpha.59 → 1.24.0-alpha.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var audio=require("../../../../../utils/audio.js"),index$1=require("../../../../../utils/index.js"),icons=require("@ant-design/icons"),React=require("react"),constant=require("../../constant.js"),index=require("../timeSliceRange/index.js"),ToolTipForClip=require("../ToolTipForClip.js"),index$2=require("../videoTrack/index.js"),index_module=require("./index.module.scss.js"),utils=require("../../../../videoPlayer/utils.js"),ctx=require("../../../../../store/ctx.js"),reactRedux=require("react-redux"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const TimeSliceIcon=({type:e})=>e===constant.ETimeSliceType.Time?React__default.default.createElement(icons.EnvironmentFilled,null):React__default.default.createElement(icons.ScissorOutlined,{rotate:270}),EmptyVideoClipAnnotatedList=()=>{const{t:e}=reactI18next.useTranslation();return React__default.default.createElement("div",{className:index_module.noContent},React__default.default.createElement("div",null,e("NoClippedData")),React__default.default.createElement("div",null,React__default.default.createElement("span",{className:index_module.hotkey},"X"),e("ClipSlice")),React__default.default.createElement("div",null,React__default.default.createElement("span",{className:index_module.hotkey},"E"),e("TimeStamp")))},VideoClipAnnotatedListWrapper=({children:e,scrollRef:t})=>{const
|
|
1
|
+
"use strict";var audio=require("../../../../../utils/audio.js"),index$1=require("../../../../../utils/index.js"),icons=require("@ant-design/icons"),React=require("react"),constant=require("../../constant.js"),index=require("../timeSliceRange/index.js"),ToolTipForClip=require("../ToolTipForClip.js"),index$2=require("../videoTrack/index.js"),index_module=require("./index.module.scss.js"),utils=require("../../../../videoPlayer/utils.js"),ctx=require("../../../../../store/ctx.js"),reactRedux=require("react-redux"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const TimeSliceIcon=({type:e})=>e===constant.ETimeSliceType.Time?React__default.default.createElement(icons.EnvironmentFilled,null):React__default.default.createElement(icons.ScissorOutlined,{rotate:270}),EmptyVideoClipAnnotatedList=()=>{const{t:e}=reactI18next.useTranslation();return React__default.default.createElement("div",{className:index_module.noContent},React__default.default.createElement("div",null,e("NoClippedData")),React__default.default.createElement("div",null,React__default.default.createElement("span",{className:index_module.hotkey},"X"),e("ClipSlice")),React__default.default.createElement("div",null,React__default.default.createElement("span",{className:index_module.hotkey},"E"),e("TimeStamp")))},VideoClipAnnotatedListWrapper=({children:e,scrollRef:t})=>{const a=e.length===0;return React__default.default.createElement("div",{ref:t,className:index$1.classnames({[index_module.empty]:a,[index_module.timeSliceListContent]:!0})},a?React__default.default.createElement(EmptyVideoClipAnnotatedList,null):e)},VideoClipAnnotatedItem=({timeSliceProps:e,index:t,exportContext:a,onItemClick:r})=>{const{selectedID:c,attributeList:i,removeTimeSlice:d}=a;return React__default.default.createElement("div",{key:t,className:index$1.classnames({[index_module.timeSliceItem]:!0,[index_module.timeSliceItemActivated]:e.id===c}),onClick:()=>{r(e)}},React__default.default.createElement(ToolTipForClip,{slot:React__default.default.createElement("div",{className:index_module.timeSliceItemContent},React__default.default.createElement("div",{className:index_module.textOverflow},`${t+1}\u3001\u3010${constant.TIME_SLICE_TYPE[e.type]}\u3011 ${index$2.getDisplayContent(e,i)}`),React__default.default.createElement("div",{className:index$1.classnames({[index_module.textOverflow]:!0})},React__default.default.createElement(TimeSliceIcon,{type:e.type}),React__default.default.createElement("span",{style:{marginLeft:10}},`${audio.timeFormat(e.start,"ss:SS")} ${e.end&&e.type===constant.ETimeSliceType.Period?"~ "+audio.timeFormat(e.end,"ss:SS")+", "+utils.decimalReserved(e.end-e.start,2)+"s":""}`))),item:e,attributeList:i}),React__default.default.createElement(icons.CloseCircleFilled,{className:index_module.timeSliceItemDeleteIcon,onClick:s=>{s.stopPropagation(),d(e)}}))},VideoClipAnnotatedList=e=>{const{toolInstance:t}=e,{selectedID:a,result:r,videoPlayer:c,clipStatus:i,updateSelectedSliceTimeProperty:d}=(t==null?void 0:t.exportContext)||{},[s,v]=React.useState(0),o=React.useRef(null),m=React.useRef(!1),{t:p}=reactI18next.useTranslation();React.useEffect(()=>(t&&t.singleOn("changeClipSidebar",l=>{v(n=>n+1)}),()=>{var l;(l=t==null?void 0:t.unbindAll)==null||l.call(t,"changeClipSidebar")}),[t]);const E=r==null?void 0:r.find(l=>l.id===a),u=React.useMemo(()=>{var l;return[...(l=r==null?void 0:r.filter(n=>n.end!==null))!=null?l:[]].sort((n,f)=>n.start-f.start)},[r,s]),x=l=>{m.current=!0,t.exportContext.onSelectedTimeSlice(l)};return React.useLayoutEffect(()=>{var l;if(!a||!o.current)return;if(m.current){m.current=!1;return}const n=u.findIndex(f=>f.id===a);n>=0&&((l=o.current.children[n])==null||l.scrollIntoView({block:"nearest"}))},[a,s,u]),(t==null?void 0:t.exportContext)?React__default.default.createElement("div",null,React__default.default.createElement("div",{className:index_module.timeSliceListHeader},p("AnnotatedList")),React__default.default.createElement(VideoClipAnnotatedListWrapper,{scrollRef:o},u==null?void 0:u.map((l,n)=>React__default.default.createElement(VideoClipAnnotatedItem,{timeSliceProps:l,index:n,key:l.id,exportContext:(t==null?void 0:t.exportContext)||{},onItemClick:x}))),React__default.default.createElement(index,{selectedTimeSlice:E,videoPlayer:c,updateTimeForSelected:d,disabled:i===constant.EClipStatus.Clipping})):null},mapStateToProps=({annotation:e})=>{const{toolInstance:t}=e;return{toolInstance:t}};var VideoClipAnnotatedList$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(VideoClipAnnotatedList);module.exports=VideoClipAnnotatedList$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{timeFormat as
|
|
1
|
+
import{timeFormat as C}from"../../../../../utils/audio.js";import{classnames as v}from"../../../../../utils/index.js";import{CloseCircleFilled as k,EnvironmentFilled as N,ScissorOutlined as j}from"@ant-design/icons";import t,{useState as R,useRef as x,useEffect as A,useMemo as _,useLayoutEffect as b}from"react";import{EClipStatus as h,TIME_SLICE_TYPE as F,ETimeSliceType as T}from"../../constant.js";import V from"../timeSliceRange/index.js";import $ from"../ToolTipForClip.js";import{getDisplayContent as D}from"../videoTrack/index.js";import r from"./index.module.scss.js";import{decimalReserved as O}from"../../../../videoPlayer/utils.js";import{LabelBeeContext as w}from"../../../../../store/ctx.js";import{connect as M}from"react-redux";import{useTranslation as y}from"react-i18next";const B=({type:e})=>e===T.Time?t.createElement(N,null):t.createElement(j,{rotate:270}),H=()=>{const{t:e}=y();return t.createElement("div",{className:r.noContent},t.createElement("div",null,e("NoClippedData")),t.createElement("div",null,t.createElement("span",{className:r.hotkey},"X"),e("ClipSlice")),t.createElement("div",null,t.createElement("span",{className:r.hotkey},"E"),e("TimeStamp")))},W=({children:e,scrollRef:n})=>{const o=e.length===0;return t.createElement("div",{ref:n,className:v({[r.empty]:o,[r.timeSliceListContent]:!0})},o?t.createElement(H,null):e)},X=({timeSliceProps:e,index:n,exportContext:o,onItemClick:a})=>{const{selectedID:d,attributeList:s,removeTimeSlice:u}=o;return t.createElement("div",{key:n,className:v({[r.timeSliceItem]:!0,[r.timeSliceItemActivated]:e.id===d}),onClick:()=>{a(e)}},t.createElement($,{slot:t.createElement("div",{className:r.timeSliceItemContent},t.createElement("div",{className:r.textOverflow},`${n+1}\u3001\u3010${F[e.type]}\u3011 ${D(e,s)}`),t.createElement("div",{className:v({[r.textOverflow]:!0})},t.createElement(B,{type:e.type}),t.createElement("span",{style:{marginLeft:10}},`${C(e.start,"ss:SS")} ${e.end&&e.type===T.Period?"~ "+C(e.end,"ss:SS")+", "+O(e.end-e.start,2)+"s":""}`))),item:e,attributeList:s}),t.createElement(k,{className:r.timeSliceItemDeleteIcon,onClick:c=>{c.stopPropagation(),u(e)}}))},Y=e=>{const{toolInstance:n}=e,{selectedID:o,result:a,videoPlayer:d,clipStatus:s,updateSelectedSliceTimeProperty:u}=(n==null?void 0:n.exportContext)||{},[c,S]=R(0),p=x(null),f=x(!1),{t:I}=y();A(()=>(n&&n.singleOn("changeClipSidebar",l=>{S(i=>i+1)}),()=>{var l;(l=n==null?void 0:n.unbindAll)==null||l.call(n,"changeClipSidebar")}),[n]);const L=a==null?void 0:a.find(l=>l.id===o),m=_(()=>{var l;return[...(l=a==null?void 0:a.filter(i=>i.end!==null))!=null?l:[]].sort((i,E)=>i.start-E.start)},[a,c]),g=l=>{f.current=!0,n.exportContext.onSelectedTimeSlice(l)};return b(()=>{var l;if(!o||!p.current)return;if(f.current){f.current=!1;return}const i=m.findIndex(E=>E.id===o);i>=0&&((l=p.current.children[i])==null||l.scrollIntoView({block:"nearest"}))},[o,c,m]),(n==null?void 0:n.exportContext)?t.createElement("div",null,t.createElement("div",{className:r.timeSliceListHeader},I("AnnotatedList")),t.createElement(W,{scrollRef:p},m==null?void 0:m.map((l,i)=>t.createElement(X,{timeSliceProps:l,index:i,key:l.id,exportContext:(n==null?void 0:n.exportContext)||{},onItemClick:g}))),t.createElement(V,{selectedTimeSlice:L,videoPlayer:d,updateTimeForSelected:u,disabled:s===h.Clipping})):null},q=({annotation:e})=>{const{toolInstance:n}=e;return{toolInstance:n}};var z=M(q,null,null,{context:w})(Y);export{z as default};
|