@labelbee/lb-components 1.19.1-alpha.1 → 1.20.0-alpha.10

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

@@ -1 +1 @@
-"use strict";var antd=require("antd"),React=require("react"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LabelDisplayToggle=e=>{const{EventBus:l}=e,[t,r]=React.useState(!0),s=a=>{l.emit("toggleShowLabel",a),r(a)};return React__default.default.createElement("span",{className:index_module.remarkDisplayToggle},React__default.default.createElement("span",{className:index_module.text},"\u6807\u7B7E\u5BF9\u7167\u663E\u793A"),React__default.default.createElement(antd.Switch,{checked:t,onChange:s,size:"small",style:{minWidth:32,backgroundColor:t?"#6371ff":"rgb(204, 204, 204)"}}))};module.exports=LabelDisplayToggle;
+"use strict";var antd=require("antd"),React=require("react"),index_module=require("./index.module.scss.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LabelDisplayToggle=e=>{const{t:r}=reactI18next.useTranslation(),{EventBus:s}=e,[t,n]=React.useState(!0),l=a=>{s.emit("toggleShowLabel",a),n(a)};return React__default.default.createElement("span",{className:index_module.remarkDisplayToggle},React__default.default.createElement("span",{className:index_module.text},r("CompareTags")),React__default.default.createElement(antd.Switch,{checked:t,onChange:l,size:"small",style:{minWidth:32,backgroundColor:t?"#6371ff":"rgb(204, 204, 204)"}}))};module.exports=LabelDisplayToggle;

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

@@ -1 +1 @@
-"use strict";var React=require("react"),audio=require("../../../utils/audio.js"),ahooks=require("ahooks");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const SegmentTip=e=>{const t=React.useRef(null),{segmentTimeTip:u}=e,r=ahooks.useMouse(t.current);return u?React__default.default.createElement("div",{style:{left:r.clientX,top:75,marginLeft:-130}},"\u8BF7\u9009\u62E9\u5E0C\u671B\u622A\u53D6\u7684\u65F6\u95F4\u70B9\uFF08",audio.timeFormat(u,"ss.SSS"),"\uFF09"):null};module.exports=SegmentTip;
+"use strict";var React=require("react"),audio=require("../../../utils/audio.js"),ahooks=require("ahooks"),index_module=require("../index.module.scss.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const SegmentTip=e=>{const r=React.useRef(null),{t:u}=reactI18next.useTranslation(),{segmentTimeTip:t}=e,s=ahooks.useMouse(r.current);return t?React__default.default.createElement("div",{className:index_module.tips,style:{left:s.clientX,top:75,marginLeft:-130,zIndex:999}},u("AudioSegmentTip",{time:audio.timeFormat(t,"ss.SSS")})):null};module.exports=SegmentTip;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),icons=require("@ant-design/icons"),antd=require("antd"),audio=require("../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),ahooks=require("ahooks"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const EKeyCode=lbAnnotation.cKeyCode.default,audioZoomInfo={min:1,max:150,ratio:1},ZoomSlider=t=>{const{onChange:c,zoom:n}=t,r=ahooks.useLatest(n),o=e=>{c(e)},a={fontSize:14,margin:"0 8px",cursor:"pointer"},i=()=>{const e=audio.precisionAdd(r.current,audioZoomInfo.ratio);o(e)},u=()=>{const e=audio.precisionMinus(r.current,audioZoomInfo.ratio);o(e)},s=e=>{switch(e.keyCode){case EKeyCode.I:e.ctrlKey&&i();break;case EKeyCode.O:e.ctrlKey&&(e.preventDefault(),u());break}};return React.useEffect(()=>(document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}),[]),React__default.default.createElement("div",{className:index_module.sliderContainer},React__default.default.createElement("div",null,"\u7F29\u653E"),React__default.default.createElement(icons.ZoomOutOutlined,{style:a,onClick:u}),React__default.default.createElement("div",{style:{width:120}},React__default.default.createElement(antd.Slider,{min:audioZoomInfo.min,max:audioZoomInfo.max,step:audioZoomInfo.ratio,onChange:o,value:n})),React__default.default.createElement(icons.ZoomInOutlined,{style:a,onClick:i}))};exports.audioZoomInfo=audioZoomInfo,exports.default=ZoomSlider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),icons=require("@ant-design/icons"),antd=require("antd"),audio=require("../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),ahooks=require("ahooks"),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);const EKeyCode=lbAnnotation.cKeyCode.default,audioZoomInfo={min:1,max:150,ratio:1},ZoomSlider=t=>{const{onChange:u,zoom:o}=t,{t:l}=reactI18next.useTranslation(),r=ahooks.useLatest(o),n=e=>{u(e)},a={fontSize:14,margin:"0 8px",cursor:"pointer"},i=()=>{const e=audio.precisionAdd(r.current,audioZoomInfo.ratio);n(e)},c=()=>{const e=audio.precisionMinus(r.current,audioZoomInfo.ratio);n(e)},s=e=>{switch(e.keyCode){case EKeyCode.I:e.ctrlKey&&i();break;case EKeyCode.O:e.ctrlKey&&(e.preventDefault(),c());break}};return React.useEffect(()=>(document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}),[]),React__default.default.createElement("div",{className:index_module.sliderContainer},React__default.default.createElement("div",null,l("Scale")),React__default.default.createElement(icons.ZoomOutOutlined,{style:a,onClick:c}),React__default.default.createElement("div",{style:{width:120}},React__default.default.createElement(antd.Slider,{min:audioZoomInfo.min,max:audioZoomInfo.max,step:audioZoomInfo.ratio,onChange:n,value:o})),React__default.default.createElement(icons.ZoomInOutlined,{style:a,onClick:i}))};exports.audioZoomInfo=audioZoomInfo,exports.default=ZoomSlider;

package/dist/components/latexEditor/constant/config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const common={key:"commonSymbols",label:"CommonSymbols",children:[{key:"binaryOperator",label:"BinaryOperations",children:[{key:"+",remark:""},{key:"-"},{key:"\\times"},{key:"{\\div}"},{key:"\\pm"},{key:"\\mp"},{key:"\\triangleleft"},{key:"\\triangleright"},{key:"\\cdot"},{key:"\\setminus"},{key:"\\star"},{key:"\\ast"},{key:"\\cup"},{key:"\\cap"},{key:"\\sqcup"},{key:"\\sqcap"},{key:"\\vee"},{key:"\\wedge"},{key:"\\circ"},{key:"\\bullet"},{key:"\\oplus"},{key:"\\ominus"},{key:"\\odot"},{key:"\\oslash"},{key:"\\otimes"},{key:"\\bigcirc"},{key:"\\diamond"},{key:"\\uplus"},{key:"\\bigtriangleup"},{key:"\\bigtriangledown"},{key:"\\lhd"},{key:"\\rhd"},{key:"\\unlhd"},{key:"\\unrhd"},{key:"\\amalg"},{key:"\\wr"},{key:"\\dagger"},{key:"\\ddagger"}]},{key:"binaryRelation",label:"BinaryRelations",children:[{key:"<"},{key:">"},{key:"="},{key:"\\le"},{key:"\\ge"},{key:"\\equiv"},{key:"\\ll"},{key:"\\gg"},{key:"\\doteq"},{key:"\\prec"},{key:"\\succ"},{key:"\\sim"},{key:"\\preceq"},{key:"\\succeq"},{key:"\\simeq"},{key:"\\approx"},{key:"\\subset"},{key:"\\supset"},{key:"\\subseteq"},{key:"\\supseteq"},{key:"\\sqsubset"},{key:"\\sqsupset"},{key:"\\sqsubseteq"},{key:"\\sqsupseteq"},{key:"\\cong"},{key:"\\Join"},{key:"\\bowtie"},{key:"\\propto"},{key:"\\in"},{key:"\\ni"},{key:"\\vdash"},{key:"\\dashv"},{key:"\\models"},{key:"\\mid"},{key:"\\parallel"},{key:"\\perp"},{key:"\\smile"},{key:"\\frown"},{key:"\\asymp"},{key:":"},{key:"\\notin"},{key:"\\ne"}]},{key:"arrowSymbol",label:"Arrows",children:[{key:"\\gets"},{key:"\\to"},{key:"\\longleftarrow"},{key:"\\longrightarrow"},{key:"\\uparrow"},{key:"\\downarrow"},{key:"\\updownarrow"},{key:"\\leftrightarrow"},{key:"\\Uparrow"},{key:"\\Downarrow"},{key:"\\Updownarrow"},{key:"\\longleftrightarrow"},{key:"\\Leftarrow"},{key:"\\Longleftarrow"},{key:"\\Rightarrow"},{key:"\\Longrightarrow"},{key:"\\Leftrightarrow"},{key:"\\Longleftrightarrow"},{key:"\\mapsto"},{key:"\\longmapsto"},{key:"\\nearrow"},{key:"\\searrow"},{key:"\\swarrow"},{key:"\\nwarrow"},{key:"\\hookleftarrow"},{key:"\\hookrightarrow"},{key:"\\rightleftharpoons"},{key:"\\iff"},{key:"\\leftharpoonup"},{key:"\\rightharpoonup"},{key:"\\leftharpoondown"},{key:"\\rightharpoondown"}]},{key:"otherSymbol",label:"Others",children:[{key:"\\because"},{key:"\\therefore"},{key:"\\dots"},{key:"\\cdots"},{key:"\\vdots"},{key:"\\ddots"},{key:"\\forall"},{key:"\\exists"},{key:"\\nexists"},{key:"\\Finv"},{key:"\\neg"},{key:"\\prime"},{key:"\\emptyset"},{key:"\\infty"},{key:"\\nabla"},{key:"\\triangle"},{key:"\\Box"},{key:"\\Diamond"},{key:"\\bot"},{key:"\\top"},{key:"\\angle"},{key:"\\measuredangle"},{key:"\\sphericalangle"},{key:"\\surd"},{key:"\\diamondsuit"},{key:"\\heartsuit"},{key:"\\clubsuit"},{key:"\\spadesuit"},{key:"\\flat"},{key:"\\natural"},{key:"\\sharp"}]}]},greek={key:"greek",label:"Greek",children:[{key:"lower",label:"Lowercase",children:[{key:"\\alpha"},{key:"\\beta"},{key:"\\gamma"},{key:"\\delta"},{key:"\\epsilon"},{key:"\\varepsilon"},{key:"\\zeta"},{key:"\\eta"},{key:"\\theta"},{key:"\\vartheta"},{key:"\\iota"},{key:"\\kappa"},{key:"\\lambda"},{key:"\\mu"},{key:"\\nu"},{key:"\\xi"},{key:"o"},{key:"\\pi"},{key:"\\varpi"},{key:"\\rho"},{key:"\\varrho"},{key:"\\sigma"},{key:"\\varsigma"},{key:"\\tau"},{key:"\\upsilon"},{key:"\\phi"},{key:"\\varphi"},{key:"\\chi"},{key:"\\psi"},{key:"\\omega"}]},{key:"uppercase",label:"Uppercase",children:[{key:"\\Gamma"},{key:"\\Delta"},{key:"\\Theta"},{key:"\\Lambda"},{key:"\\Xi"},{key:"\\Pi"},{key:"\\Sigma"},{key:"\\Upsilon"},{key:"\\Phi"},{key:"\\Psi"},{key:"\\Omega"}]}]},advancedMathematics={key:"advancedMathematics",label:"AdvancedMathematics",children:[{key:"fractionalDifferentiation",label:"FractionalDifferentiation",children:[{key:"fraction",label:"Fraction",children:[{key:"\\frac{a}{b}"},{key:"\\tfrac{a}{b}"},{key:"\\mathrm{d}t"},{key:"\\frac{\\mathrm{d}y}{\\mathrm{d}x}"},{key:"\\partial t"},{key:"\\frac{\\partial y}{\\partial x}"},{key:"\\nabla\\psi"},{key:"\\frac{\\partial^2}{\\partial x_1\\partial x_2}y"}]},{key:"derivative",label:"Derivative",children:[{key:"\\dot{a}"},{key:"\\ddot{a}"},{key:"{f}'"},{key:"{f}''"},{key:"{f}^{(n)}"}]},{key:"modularArithmetic",label:"ModularArithmetic",children:[{key:"a \\bmod b"},{key:"a \\equiv b \\pmod{m}"},{key:"\\gcd(m, n)"},{key:"\\operatorname{lcm}(m, n)"}]}]},{key:"radical",label:"Radical",children:[{key:"radicalItem",label:"Radical",children:[{key:"\\sqrt{x}"},{key:"\\sqrt[n]{x}"}]},{key:"mark",label:"SupAndSub",children:[{key:"x^{a}"},{key:"x_{a}"},{key:"x_{a}^{b}"}]}]},{key:"limitLogarithm",label:"LimitLogarithm",children:[{key:"limits",label:"Limits",children:[{key:"\\lim a"},{key:"\\displaystyle \\lim_{x \\to 0}"},{key:"\\lim_{x \\to \\infty}"},{key:"\\textstyle \\lim_{x \\to 0}"},{key:"\\max_{}"},{key:"\\min_{}"}]},{key:"maLogarithmsAndExponentsrk",label:"LogarithmsAndExponents",children:[{key:"\\log_{a}{b}"},{key:"\\lg_{a}{b}"},{key:"\\ln_{a}{b}"},{key:"\\exp a"}]},{key:"bounds",label:"Bounds",children:[{key:"\\min x"},{key:"\\max y"},{key:"\\sup t"},{key:"\\inf s"},{key:"\\lim u"},{key:"\\limsup w"},{key:"\\liminf v"},{key:"\\dim p"},{key:"\\ker\\phi"}]}]},{key:"integralOperation",label:"IntegralOperation",children:[{key:"integral",label:"Integral",children:[{key:"\\int"},{key:"\\int_{a}^{b}"},{key:"\\int\\limits_{a}^{b}"}]},{key:"doubleIntegral",label:"DoubleIntegral",children:[{key:"\\iint"},{key:"\\iint_{a}^{b}"},{key:"\\iint\\limits_{a}^{b}"}]},{key:"tripleIntegral",label:"TripleIntegral",children:[{key:"\\iiint"},{key:"\\iiint_{a}^{b}"},{key:"\\iiint\\limits_{a}^{b}"}]}]},{key:"largeOperations",label:"LargeOperations",children:[{key:"summation",label:"\u6C42\u548C",children:[{key:"\\sum"},{key:"\\displaystyle \\sum_{a}^{b}"},{key:"{\\textstyle \\sum_{a}^{b}}"}]},{key:"productsAndCoproducts",label:"ProductsAndCoproducts",children:[{key:"\\prod"},{key:"\\displaystyle \\prod_{a}^{b}"},{key:"{\\textstyle \\prod_{a}^{b}}"},{key:"\\coprod"},{key:"\\displaystyle \\coprod_{a}^{b}"},{key:"{\\textstyle \\coprod_{a}^{b}}"}]},{key:"intersectionAndUnion",label:"IntersectionAndUnion",children:[{key:"\\bigcup"},{key:"\\displaystyle \\bigcup_{a}^{b}"},{key:"{\\textstyle \\bigcup_{a}^{b}}"},{key:"\\bigcap"},{key:"\\displaystyle \\bigcap_{a}^{b}"},{key:"{\\textstyle \\bigcap_{a}^{b}}"}]}]}]},linearAlgebra={key:"linearAlgebra",label:"LinearAlgebra",children:[{key:"bracketForensics",label:"BracketForensics",children:[{key:"bracket",label:"Bracket",children:[{key:"\\left ( a \\right )"},{key:"\\left [ a \\right ]"},{key:"\\left \\langle a \\right \\rangle"},{key:"\\left \\{ a \\right \\}"},{key:"\\left | a \\right |"},{key:"\\left \\| a \\right \\|"}]},{key:"common",label:"Common",children:[{key:"\\binom{n}{r}"},{key:"\\left [ 0,1 \\right )"},{key:"\\left \\langle \\psi \\right |"},{key:"\\left | \\psi \\right \\rangle"},{key:"\\left \\langle \\psi | \\psi \\right \\rangle"}]}]},{key:"arrayMatrix",label:"ArrayMatrix",children:[{key:"\\begin{matrix} 11& 11 &11 \\\\ 11& 11 &11 \\end{matrix}"},{key:"\\begin{bmatrix} 11 & 11\\\\ 11 & 11 \\end{bmatrix}"},{key:"\\begin{pmatrix} 11&  11& 11\\\\ 11&  11& 11 \\end{pmatrix}"},{key:"\\begin{vmatrix} 11& 11\\\\ 11&11 \\end{vmatrix}"},{key:"\\begin{Bmatrix} 11& 11\\\\ 11&11 \\end{Bmatrix}"}]}]},trigonometric={key:"trigonometric",label:"TrigonometricFunctions",children:[{key:"trigonometricFunctions",label:"TrigonometricFunctions",children:[{key:"\\sin\\alpha"},{key:"\\cos\\alpha"},{key:"\\tan\\alpha"},{key:"\\cot\\alpha"},{key:"\\sec\\alpha"},{key:"\\csc\\alpha"}]},{key:"inverseTrigonometricFunctions",label:"InverseTrigonometricFunctions",children:[{key:"\\sin^{-1}\\alpha"},{key:"\\cos^{-1}\\alpha"},{key:"\\tan^{-1}\\alpha"},{key:"\\cot^{-1}\\alpha"},{key:"\\sec^{-1}\\alpha"},{key:"\\csc^{-1}\\alpha"},{key:"\\arcsin\\alpha"},{key:"\\arccos\\alpha"},{key:"\\arctan\\alpha"},{key:"\\operatorname{arccot}\\alpha"},{key:"\\operatorname{arccsc}\\alpha"}]},{key:"hyperblicFunctions",label:"HyperblicFunctions",children:[{key:"\\sinh\\alpha"},{key:"\\cosh\\alpha"},{key:"\\tanh\\alpha"},{key:"\\coth\\alpha"},{key:"\\operatorname{sech}\\alpha"},{key:"\\operatorname{csch}\\alpha"}]},{key:"inverseHyperblicFunctions",label:"InverseHyperblicFunctions",children:[{key:"\\sinh^{-1}\\alpha"},{key:"\\cosh^{-1}\\alpha"},{key:"\\tanh^{-1}\\alpha"},{key:"\\coth^{-1}\\alpha"},{key:"\\operatorname{sech}^{-1}\\alpha"},{key:"\\operatorname{csch}^{-1}\\alpha"}]}]},formulaTemplate={key:"formulaTemplate",label:"FormulaTemplate",children:[{key:"algebraFormula",label:"Algebra",children:[{key:"\\left(x-1\\right)\\left(x+3\\right)"},{key:"\\frac{a}{b}\\pm \\frac{c}{d}= \\frac{ad \\pm bc}{bd}"},{key:"x ={-b \\pm \\sqrt{b^2-4ac}\\over 2a}"},{key:"\\left\\{\\begin{matrix} x=a + r\\text{cos}\\theta \\\\ y=b + r\\text{sin}\\theta \\end{matrix}\\right."}]},{key:"geometryFormula",label:"Geometry",children:[{key:"\\Delta ABC"},{key:"a \\parallel c,b \\parallel c \\Rightarrow a \\parallel b"},{key:"\\left.\\begin{matrix} a \\perp \\alpha \\\\ b \\perp \\alpha \\end{matrix}\\right\\}\\Rightarrow a \\parallel b"},{key:"\\begin{array}{c} \\text{\u76F4\u89D2\u4E09\u89D2\u5F62\u4E2D,\u76F4\u89D2\u8FB9\u957Fa,b,\u659C\u8FB9\u8FB9\u957Fc} \\\\ a^{2}+b^{2}=c^{2} \\end{array}"}]},{key:"inequalityFormula",label:"Inequality",children:[{key:"a > b,b > c \\Rightarrow a > c"},{key:"\\left | a-b \\right | \\geqslant \\left | a \\right | -\\left | b \\right |"},{key:"-\\left | a \\right |\\leq a\\leqslant \\left | a \\right |"},{key:"\\begin{array}{c} a,b \\in \\mathbb{R}^{+} \\\\ \\Rightarrow \\frac{a+b}{{2}}\\ge \\sqrt{ab} \\\\ \\left( \\text{\u5F53\u4E14\u4EC5\u5F53}a=b\\text{\u65F6\u53D6\u201C}=\\text{\u201D\u53F7}\\right) \\end{array}"},{key:"\\begin{array}{c} a,b \\in \\mathbb{R} \\\\ \\Rightarrow a^{2}+b^{2}\\gt 2ab \\\\ \\left( \\text{\u5F53\u4E14\u4EC5\u5F53}a=b\\text{\u65F6\u53D6\u201C}=\\text{\u201D\u53F7}\\right) \\end{array}"}]},{key:"integralFormula",label:"Integral",children:[{key:"\\frac{\\mathrm{d}}{\\mathrm{d}x}x^n=nx^{n-1}"},{key:"\\frac{\\mathrm{d}}{\\mathrm{d}x}\\sin x=\\cos x"},{key:"\\frac{\\mathrm{d}}{\\mathrm{d}x}\\cos x=-\\sin x"},{key:"\\int k\\mathrm{d}x = kx+C"}]},{key:"matrixFormula",label:"Matrix",children:[{key:"\\begin{pmatrix}  1 & 0 \\\\  0 & 1\\end{pmatrix}"},{key:"\\begin{pmatrix}  a_{11} & a_{12} & a_{13} \\\\  a_{21} & a_{22} & a_{23} \\\\  a_{31} & a_{32} & a_{33}\\end{pmatrix}"},{key:"A_{m\\times n}=\\begin{bmatrix}  a_{11}& a_{12}& \\cdots  & a_{1n} \\\\  a_{21}& a_{22}& \\cdots  & a_{2n} \\\\  \\vdots & \\vdots & \\ddots & \\vdots \\\\  a_{m1}& a_{m2}& \\cdots  & a_{mn}\\end{bmatrix}=\\left [ a_{ij}\\right ]"},{key:"\\mathbf{V}_1 \\times \\mathbf{V}_2 =\\begin{vmatrix}  \\mathbf{i}& \\mathbf{j}& \\mathbf{k} \\\\  \\frac{\\partial X}{\\partial u}& \\frac{\\partial Y}{\\partial u}& 0 \\\\  \\frac{\\partial X}{\\partial v}& \\frac{\\partial Y}{\\partial v}& 0 \\\\ \\end{vmatrix}"}]},{key:"triangleFormula",label:"Triangle",children:[{key:"e^{i \\theta}"},{key:"\\text{sin}^{2}\\frac{\\alpha}{2}=\\frac{1- \\text{cos}\\alpha}{2}"},{key:"\\sin \\alpha + \\sin \\beta =2 \\sin \\frac{\\alpha + \\beta}{2}\\cos \\frac{\\alpha - \\beta}{2}"},{key:"\\cos \\alpha + \\cos \\beta =2 \\cos \\frac{\\alpha + \\beta}{2}\\cos \\frac{\\alpha - \\beta}{2}"}]},{key:"statisticsFormula",label:"Statistics",children:[{key:"C_{r}^{n}"},{key:"\\sum_{i=1}^{n}{X_i}"},{key:"\\begin{array}{c} \\text{\u82E5}P \\left( AB \\right) =P \\left( A \\right) P \\left( B \\right) \\\\  \\text{\u5219}P \\left( A \\left| B\\right. \\right) =P \\left({B}\\right) \\end{array}"},{key:"P \\left( A \\right) = \\lim \\limits_{n \\to \\infty}f_{n}\\left ( A \\right )"}]},{key:"sequenceFormula",label:"Sequence",children:[{key:"a_{n}=a_{1}q^{n-1}"},{key:"S_{n}=\\frac{n \\left( a_{1}+a_{n}\\right)}{2}"},{key:"\\frac{1}{4n^{2}-1}=\\frac{1}{2}\\left( \\frac{1}{2n-1}-\\frac{1}{2n+1}\\right)"},{key:"\\begin{array}{c} \\text{\u82E5}\\left \\{a_{n}\\right \\}\u3001\\left \\{b_{n}\\right \\}\\text{\u4E3A\u7B49\u5DEE\u6570\u5217}, \\\\ \\text{\u5219}\\left \\{a_{n}+ b_{n}\\right \\}\\text{\u4E3A\u7B49\u5DEE\u6570\u5217} \\end{array}"}]},{key:"physicsFormula",label:"Physics",children:[{key:"\\sum \\vec{F}_i = \\frac{d\\vec{v}}{dt} = 0"},{key:"{E_p} = -\\frac{{GMm}}{r}"},{key:"d \\vec{F}= Id \\vec{l} \\times \\vec{B}"},{key:"\\begin{array}{l}  \\nabla \\cdot \\mathbf{D} =\\rho _f \\\\  \\nabla \\cdot \\mathbf{B} = 0 \\\\  \\nabla \\times  \\mathbf{E} = -\\cfrac{\\partial \\mathbf{B}}{\\partial t }  \\\\  \\nabla \\times  \\mathbf{H} = \\mathbf{J}_f +  \\cfrac{\\partial \\mathbf{D}}{\\partial t }   \\end{array}"}]}]},latexList=[common,greek,advancedMathematics,linearAlgebra,trigonometric,formulaTemplate];exports.latexList=latexList;

package/dist/components/latexEditor/index.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),antd=require("antd"),icons=require("@ant-design/icons"),config=require("./constant/config.js"),index=require("../markdownView/index.js"),index_module=require("./index.module.scss.js"),classNames=require("classnames"),reactI18next=require("react-i18next");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames);const LatexItem=({data:n,columnIndex:m,onSelectLatex:d,setActiveKeys:a,activeKeys:i,getInitActiveKey:s,disabled:o})=>{var u,t;const{t:r}=reactI18next.useTranslation();return((u=n==null?void 0:n.children)==null?void 0:u.some(e=>!(e==null?void 0:e.children)))&&(n==null?void 0:n.children)?React__default.default.createElement("div",{className:index_module.lastNode},n.children.map(e=>{const c=` $$${e.key}$$ `;return(e==null?void 0:e.remark)?React__default.default.createElement(antd.Tooltip,{placement:"top",title:e==null?void 0:e.remark,key:e.key},React__default.default.createElement(antd.Button,{key:e.key,className:index_module.markdownItem,onClick:()=>{d(c)},disabled:o},React__default.default.createElement(index,{value:c}))):React__default.default.createElement(antd.Button,{key:e.key,className:index_module.markdownItem,onClick:()=>{d(c)},disabled:o},React__default.default.createElement(index,{value:c}))})):React__default.default.createElement("div",{className:index_module.itemList},(t=n==null?void 0:n.children)==null?void 0:t.map(e=>React__default.default.createElement("div",{key:e.key,onClick:()=>{const c=s(e),f=[...i.slice(0,m+1),...c];a(f)},className:classNames__default.default({[`${index_module.item}`]:!0,[`${index_module.itemActive}`]:i.includes(e.key)})},r(e.label||""),React__default.default.createElement(icons.RightOutlined,{style:{marginLeft:4,fontSize:10}}))))},LatexEditor=({onSelectLatex:n,disabled:m})=>{const{t:d}=reactI18next.useTranslation(),[a,i]=React.useState([]),s=React.useRef(null),o=(t,r)=>{for(const l of t){if((l==null?void 0:l.key)===r)return l;if(l==null?void 0:l.children){const e=o(l.children,r);if(e)return e}}return null},u=(t,r=[])=>{var l;const e=r;return e.push(t.key),(t==null?void 0:t.children)&&((l=t==null?void 0:t.children)==null?void 0:l.length)>0&&u(t.children[0],e),e};return React__default.default.createElement("div",{className:index_module.latexEditor,ref:s},config.latexList.map(t=>React__default.default.createElement(antd.Dropdown,{dropdownRender:()=>React__default.default.createElement(antd.Spin,{spinning:a.length===0},React__default.default.createElement("div",{className:index_module.dropContent},a.map((r,l)=>{const e=o(config.latexList,r);return React__default.default.createElement("div",{key:r},React__default.default.createElement(LatexItem,{data:e,columnIndex:l,onSelectLatex:n,setActiveKeys:i,activeKeys:a,getInitActiveKey:u,disabled:m}))}))),key:t.key,className:classNames__default.default({[`${index_module.latexHeaderTitle}`]:!0,[`${index_module.itemActive}`]:a.includes(t.key)}),getPopupContainer:()=>(s==null?void 0:s.current)||document.body,trigger:["click"],onOpenChange:r=>{if(r){const l=u(t);i(l)}else i([])}},React__default.default.createElement("span",null,d(t.label)))))};module.exports=LatexEditor;

package/dist/components/latexEditor/index.module.scss.js

@@ -0,0 +1 @@
+"use strict";var styles={latexEditor:"index-module_latexEditor__0fK8G",latexHeaderTitle:"index-module_latexHeaderTitle__JIpOj",dropContent:"index-module_dropContent__XVBYH",itemList:"index-module_itemList__Y3q0e",item:"index-module_item__q4v2V",itemActive:"index-module_itemActive__a5EPl",lastNode:"index-module_lastNode__TXbWG",markdownItem:"index-module_markdownItem__AkW22"};module.exports=styles;

package/dist/components/pointCloudView/PointCloudInfos.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("./PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),useSingleBox=require("./hooks/useSingleBox.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(e,t,l)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,__spreadValues=(e,t)=>{for(var l in t||(t={}))__hasOwnProp.call(t,l)&&__defNormalProp(e,l,t[l]);if(__getOwnPropSymbols)for(var l of __getOwnPropSymbols(t))__propIsEnum.call(t,l)&&__defNormalProp(e,l,t[l]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const DECIMAL_PLACES=2,DEFAULT_BOX_INFO_STYLE={color:"white",backgroundColor:"rgba(153, 153, 153, 0.3)",padding:"8px 10px",zIndex:20,fontSize:12},SizeInfoForView=({perspectiveView:e})=>{const{pointCloudBoxList:t,selectedID:l}=React__default.default.useContext(PointCloudContext.PointCloudContext),u=t.find(a=>a.id===l),n=reactI18next.useTranslation(),{t:i}=n;if(l&&u){const{length:a,width:c,height:r}=lbUtils.PointCloudUtils.transferBox2Kitti(u),f=e===lbUtils.EPerspectiveView.Back?[{label:i("Width"),value:c},{label:i("Height"),value:r}]:[{label:i("Length"),value:a},{label:i("Height"),value:r}];return React__default.default.createElement("div",{style:__spreadProps(__spreadValues({position:"absolute"},DEFAULT_BOX_INFO_STYLE),{bottom:"4%",left:"50%",transform:"translate(-50%, 0)"})},f.map((s,o)=>React__default.default.createElement("span",{key:o,style:{marginRight:o===0?16:0}},`${s.label}: ${s.value.toFixed(DECIMAL_PLACES)}`)))}return null},BoxInfos=({checkMode:e,config:t,style:l})=>{const u=React__default.default.useContext(PointCloudContext.PointCloudContext),{selectedBox:n}=useSingleBox.useSingleBox(),[i,a]=React.useState([]),c=reactI18next.useTranslation(),{t:r,i18n:f}=c,s=l;return React.useEffect(()=>{var o,p;if(!n)return;const{length:b,width:v,height:x,rotation_y:m}=lbUtils.PointCloudUtils.transferBox2Kitti(n.info),{x:g,y:h,z:_}=n.info.center;let d=[{label:"x",value:g==null?void 0:g.toFixed(DECIMAL_PLACES)},{label:"y",value:h==null?void 0:h.toFixed(DECIMAL_PLACES)},{label:"z",value:_==null?void 0:_.toFixed(DECIMAL_PLACES)},{label:r("Length"),value:b==null?void 0:b.toFixed(DECIMAL_PLACES)},{label:r("Width"),value:v==null?void 0:v.toFixed(DECIMAL_PLACES)},{label:r("Height"),value:x==null?void 0:x.toFixed(DECIMAL_PLACES)},{label:r("Rotation_y"),value:(o=lbAnnotation.UnitUtils.rad2deg(m))==null?void 0:o.toFixed(DECIMAL_PLACES)}];(p=u.mainViewInstance)==null||p.filterPointsByBox(n.info).then(y=>{if(!y){a(d);return}d.push({label:r("PointCount"),value:`${y.num}`}),e===!0&&n.info.subAttribute&&t&&lbUtils.PointCloudUtils.getSubAttributeName(n.info.subAttribute,t).forEach(C=>d.push(C)),a(d)})},[n,f.language]),n?React__default.default.createElement("div",{style:l||__spreadProps(__spreadValues({position:"absolute"},DEFAULT_BOX_INFO_STYLE),{right:8,bottom:8})},i.map(o=>s?React__default.default.createElement("div",{key:o.label,style:{margin:"0px 4px"}},`${o.label}: ${o.value}`):React__default.default.createElement("div",{key:o.label},React__default.default.createElement("span",{style:{width:"38px",display:"inline-block",textAlign:"end"}},o.label),": ",React__default.default.createElement("span",null,o.value)))):null},PointCloudValidity=()=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),{t}=reactI18next.useTranslation();return e.valid===!1?React__default.default.createElement("div",{style:{position:"absolute",backgroundColor:"rgb(242, 101, 73)",color:"white",opacity:.7,left:0,top:0,fontSize:30,padding:"8px 16px",zIndex:20,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},t("Invalid")):null};exports.BoxInfos=BoxInfos,exports.PointCloudValidity=PointCloudValidity,exports.SizeInfoForView=SizeInfoForView;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("./PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),useSingleBox=require("./hooks/useSingleBox.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(e,t,l)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,__spreadValues=(e,t)=>{for(var l in t||(t={}))__hasOwnProp.call(t,l)&&__defNormalProp(e,l,t[l]);if(__getOwnPropSymbols)for(var l of __getOwnPropSymbols(t))__propIsEnum.call(t,l)&&__defNormalProp(e,l,t[l]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const DECIMAL_PLACES=2,DEFAULT_BOX_INFO_STYLE={color:"white",backgroundColor:"rgba(153, 153, 153, 0.3)",padding:"8px 10px",zIndex:20,fontSize:12},SizeInfoForView=({perspectiveView:e})=>{const{pointCloudBoxList:t,selectedID:l}=React__default.default.useContext(PointCloudContext.PointCloudContext),u=t.find(a=>a.id===l),n=reactI18next.useTranslation(),{t:i}=n;if(l&&u){const{length:a,width:c,height:r}=lbUtils.PointCloudUtils.transferBox2Kitti(u),f=e===lbUtils.EPerspectiveView.Back?[{label:i("Width"),value:c},{label:i("Height"),value:r}]:[{label:i("Length"),value:a},{label:i("Height"),value:r}];return React__default.default.createElement("div",{style:__spreadProps(__spreadValues({position:"absolute"},DEFAULT_BOX_INFO_STYLE),{bottom:"4%",left:"50%",transform:"translate(-50%, 0)"})},f.map((s,o)=>React__default.default.createElement("span",{key:o,style:{marginRight:o===0?16:0}},`${s.label}: ${s.value.toFixed(DECIMAL_PLACES)}`)))}return null},BoxInfos=({checkMode:e,config:t,style:l})=>{const u=React__default.default.useContext(PointCloudContext.PointCloudContext),{selectedBox:n}=useSingleBox.useSingleBox(),[i,a]=React.useState([]),c=reactI18next.useTranslation(),{t:r,i18n:f}=c,s=l;return React.useEffect(()=>{var o,p;if(!n)return;const{length:b,width:v,height:x,rotation_y:P}=lbUtils.PointCloudUtils.transferBox2Kitti(n.info),{x:g,y:_,z:h}=n.info.center;let d=[{label:"x",value:g==null?void 0:g.toFixed(DECIMAL_PLACES)},{label:"y",value:_==null?void 0:_.toFixed(DECIMAL_PLACES)},{label:"z",value:h==null?void 0:h.toFixed(DECIMAL_PLACES)},{label:r("Length"),value:b==null?void 0:b.toFixed(DECIMAL_PLACES)},{label:r("Width"),value:v==null?void 0:v.toFixed(DECIMAL_PLACES)},{label:r("Height"),value:x==null?void 0:x.toFixed(DECIMAL_PLACES)},{label:r("Rotation_y"),value:(o=lbAnnotation.UnitUtils.rad2deg(P))==null?void 0:o.toFixed(DECIMAL_PLACES)}];(p=u.mainViewInstance)==null||p.filterPointsByBox(n.info).then(m=>{var y,C;if(!m){a(d);return}d.push({label:r("PointCount"),value:`${(C=(y=n.info)==null?void 0:y.count)!=null?C:0}`}),e===!0&&n.info.subAttribute&&t&&lbUtils.PointCloudUtils.getSubAttributeName(n.info.subAttribute,t).forEach(w=>d.push(w)),a(d)})},[n,f.language]),n?React__default.default.createElement("div",{style:l||__spreadProps(__spreadValues({position:"absolute"},DEFAULT_BOX_INFO_STYLE),{right:8,bottom:8})},i.map(o=>s?React__default.default.createElement("div",{key:o.label,style:{margin:"0px 4px"}},`${o.label}: ${o.value}`):React__default.default.createElement("div",{key:o.label},React__default.default.createElement("span",{style:{width:"38px",display:"inline-block",textAlign:"end"}},o.label),": ",React__default.default.createElement("span",null,o.value)))):null},PointCloudValidity=()=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),{t}=reactI18next.useTranslation();return e.valid===!1?React__default.default.createElement("div",{style:{position:"absolute",backgroundColor:"rgb(242, 101, 73)",color:"white",opacity:.7,left:0,top:0,fontSize:30,padding:"8px 16px",zIndex:20,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},t("Invalid")):null};exports.BoxInfos=BoxInfos,exports.PointCloudValidity=PointCloudValidity,exports.SizeInfoForView=SizeInfoForView;

package/dist/components/pointCloudView/hooks/usePointCloudViews.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("../PointCloudContext.js"),useSingleBox=require("./useSingleBox.js"),useSphere=require("./useSphere.js"),ctx=require("../../../store/ctx.js"),StepUtils=require("../../../utils/StepUtils.js"),index=require("../../../utils/index.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),antd=require("antd"),reactI18next=require("react-i18next"),useHistory=require("./useHistory.js"),usePolygon=require("./usePolygon.js"),ahooks=require("ahooks"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__async=(e,t,n)=>new Promise((a,o)=>{var d=u=>{try{c(n.next(u))}catch(h){o(h)}},P=u=>{try{c(n.throw(u))}catch(h){o(h)}},c=u=>u.done?a(u.value):Promise.resolve(u.value).then(d,P);c((n=n.apply(e,t)).next())});const DEFAULT_SCOPE=5,DEFAULT_RADIUS=90,INTELLIGENT_FIT_MARGIN=.01,PointCloudView={"3D":"3D",Top:"Top",Side:"Side",Back:"Back"},topViewPoint2PointCloud=(e,t,n,a,o)=>{const{x:d,y:P}=lbUtils.PointCloudUtils.transferCanvas2World(e,t),{defaultZ:c}=lbUtils.DEFAULT_SPHERE_PARAMS,u={center:{x:d,y:P,z:c},id:e.id},h=a?__spreadValues(__spreadValues({},a),u):__spreadProps(__spreadValues({},u),{attribute:"",valid:!0});return o&&Object.assign(h,o),h},topViewPolygon2PointCloud=(e,t,n,a,o,d)=>{let P=e.pointList.map(L=>lbUtils.PointCloudUtils.transferCanvas2World(L,t)),c=0,u=1,h={};if(n){const L=n.getSensesPointZAxisInPolygon(P,void 0,d);d&&L.fittedCoordinates.length>0&&(P=L.fittedCoordinates),c=(L.maxZ+L.minZ)/2,u=L.maxZ-L.minZ,h={count:L.zCount}}const[v,b,T]=P,V=lbAnnotation.MathUtils.getLineCenterPoint([v,T]),_=lbAnnotation.MathUtils.getLineLength(v,b),D=lbAnnotation.MathUtils.getLineLength(b,T),A=lbAnnotation.MathUtils.getRadiusFromQuadrangle(e.pointList);a&&(c=a.center.z,u=a.depth);const k={center:{x:V.x,y:V.y,z:c},width:d?D+INTELLIGENT_FIT_MARGIN:D,height:d?_+INTELLIGENT_FIT_MARGIN:_,depth:u,rotation:A,id:e.id},O=__spreadValues(a?__spreadValues(__spreadValues({},a),k):__spreadProps(__spreadValues({},k),{attribute:"",valid:!0}),h);o&&Object.assign(O,o);const z=P.map(L=>lbUtils.PointCloudUtils.transferWorld2Canvas(L,t));return{boxParams:O,newPointList:z}},sideViewPoint2PointCloud=(e,t,n)=>{const a={x:e.x-t.x,y:e.y-t.y};return __spreadProps(__spreadValues({},n),{center:{x:n.center.x-a.x,y:n.center.y,z:n.center.z-a.y}})},sideViewPolygon2PointCloud=(e,t,n,a)=>{const[o,d,P]=e.pointList,[c,u,h]=t.pointList,v=lbAnnotation.MathUtils.getLineCenterPoint([o,P]),b=lbAnnotation.MathUtils.getLineCenterPoint([c,h]),V={x:{x:v.x-b.x,y:v.y-b.y}.x,y:0,z:v.y-b.y},_=lbAnnotation.MathUtils.getLineLength(o,d),D=lbAnnotation.MathUtils.getLineLength(c,u),A=_-D,k=lbAnnotation.MathUtils.getLineLength(d,P),O=lbAnnotation.MathUtils.getLineLength(u,h),z=k-O,{newBoxParams:L}=a.getNewBoxBySideUpdate(V,z,A,n);return L},backViewPoint2PointCloud=(e,t,n)=>{const a={x:e.x-t.x,y:e.y-t.y};return __spreadProps(__spreadValues({},n),{center:{x:n.center.x,y:n.center.y-a.x,z:n.center.z-a.y}})},backViewPolygon2PointCloud=(e,t,n,a)=>{const[o,d,P]=e.pointList,[c,u,h]=t.pointList,v=lbAnnotation.MathUtils.getLineCenterPoint([o,P]),b=lbAnnotation.MathUtils.getLineCenterPoint([c,h]),V={x:{x:v.x-b.x,y:v.y-b.y}.x,y:0,z:v.y-b.y},_=lbAnnotation.MathUtils.getLineLength(o,d),D=lbAnnotation.MathUtils.getLineLength(c,u),A=_-D,k=lbAnnotation.MathUtils.getLineLength(d,P),O=lbAnnotation.MathUtils.getLineLength(u,h),z=k-O;let{newBoxParams:L}=a.getNewBoxByBackUpdate(V,z,A,n);return L},syncSideViewByPoint=(e,t,n,a,o)=>{var d;if(!n)return;const{toolInstance:P,pointCloudInstance:c}=n;c.loadPCDFile(a,(d=o==null?void 0:o.radius)!=null?d:DEFAULT_RADIUS);const{cameraPositionVector:u}=c.updateOrthoCameraBySphere(e,lbUtils.EPerspectiveView.Left);c.setInitCameraPosition(u);const{point2d:h,zoom:v}=c.getSphereSidePoint2DCoordinate(e);c.camera.zoom=v,c.camera.updateProjectionMatrix(),c.render(),P.initPosition(),P.zoomChangeOnCenter(v),P.setResult([__spreadProps(__spreadValues(__spreadValues({},t),h),{valid:e.valid,textAttribute:"",attribute:e.attribute})]),P.setSelectedID(t.id)},synchronizeSideView=(e,t,n,a)=>{if(!n)return;const{pointCloud2dOperation:o,pointCloudInstance:d}=n;d.loadPCDFileByBox(a,e,{width:DEFAULT_SCOPE,depth:DEFAULT_SCOPE});const{cameraPositionVector:P}=d.updateOrthoCamera(e,lbUtils.EPerspectiveView.Left);d.setInitCameraPosition(P);const{polygon2d:c,zoom:u}=d.getBoxSidePolygon2DCoordinate(e);d.camera.zoom=u,d.camera.updateProjectionMatrix(),d.render(),o.initPosition(),o.zoomChangeOnCenter(u),o.setResultAndSelectedID([{id:t.id,valid:e.valid,pointList:c,textAttribute:"",isRect:!0,attribute:e.attribute}],t.id)},syncBackViewByPoint=(e,t,n,a,o)=>{var d;if(!n)return;const{toolInstance:P,pointCloudInstance:c}=n;c.loadPCDFile(a,(d=o==null?void 0:o.radius)!=null?d:DEFAULT_RADIUS);const{cameraPositionVector:u}=c.updateOrthoCameraBySphere(e,lbUtils.EPerspectiveView.Back);c.setInitCameraPosition(u);const{point2d:h,zoom:v}=c.getSphereBackPoint2DCoordinate(e);c.camera.zoom=v,c.camera.updateProjectionMatrix(),c.render(),P.initPosition(),P.zoomChangeOnCenter(v),P.setResult([__spreadProps(__spreadValues(__spreadValues({},t),h),{valid:e.valid,textAttribute:"",attribute:e.attribute})]),P.setSelectedID(t.id)},synchronizeBackView=(e,t,n,a)=>{if(!n)return;const{pointCloud2dOperation:o,pointCloudInstance:d}=n;d.loadPCDFileByBox(a,e,{height:DEFAULT_SCOPE,depth:DEFAULT_SCOPE});const{cameraPositionVector:P}=d.updateOrthoCamera(e,lbUtils.EPerspectiveView.Back);d.setInitCameraPosition(P);const{polygon2d:c,zoom:u}=d.getBoxBackPolygon2DCoordinate(e);d.camera.zoom=u,d.camera.updateProjectionMatrix(),d.render(),o.initPosition(),o.zoomChangeOnCenter(u),o.setResultAndSelectedID([{id:t.id,valid:e.valid,pointList:c,textAttribute:"",isRect:!0,attribute:e.attribute}],t.id)},syncTopViewByPoint=(e,t,n,a)=>{if(!n||!a)return;a.generateSphere(e),a.updateCameraBySphere(e,lbUtils.EPerspectiveView.Top),a.render();const{toolInstance:o,pointCloudInstance:d}=n,{point2d:P}=d.getSphereTopPoint2DCoordinate(e),c=[...o.pointList].map(u=>u.id===t.id?__spreadProps(__spreadValues(__spreadValues({},t),P),{valid:e.valid,textAttribute:"",attribute:e.attribute}):u);o.setResult(c),o.setSelectedID(t.id)},synchronizeTopView=(e,t,n,a)=>{var o,d;if(!n||!a)return;a.generateBox(e,t.id),a.render();const{pointCloud2dOperation:P,pointCloudInstance:c}=n,{polygon2d:u}=c.getBoxTopPolygon2DCoordinate(e),h=[...P.polygonList],v=h.find(b=>b.id===t.id);v?(v.pointList=u,v.valid=(o=e.valid)!=null?o:!0):h.push({id:t.id,pointList:u,textAttribute:"",isRect:!0,valid:(d=e.valid)!=null?d:!0}),P.setResultAndSelectedID(h,t.id)},usePointCloudViews=()=>{const e=React.useContext(PointCloudContext.PointCloudContext),{topViewInstance:t,sideViewInstance:n,backViewInstance:a,mainViewInstance:o,addPointCloudBox:d,addPointCloudSphere:P,setSelectedIDs:c,selectedIDs:u,pointCloudBoxList:h,pointCloudSphereList:v,hideAttributes:b,setHighlight2DDataList:T,cuboidBoxIn2DView:V,imageSizes:_}=e,{addHistory:D,initHistory:A,pushHistoryUnderUpdatePolygon:k}=useHistory.useHistory(),{selectedPolygon:O}=usePolygon.usePolygon(),{getPointCloudSphereByID:z,updatePointCloudSphere:L,selectedSphere:q}=useSphere.useSphere(),{currentData:j,config:m}=ctx.useSelector(i=>{const{stepList:r,step:p,imgList:s,imgIndex:l}=i.annotation;return{currentData:s[l],config:index.jsonParser(StepUtils.getCurrentStepInfo(p,r).config)}}),R=ctx.useDispatch(),tt=ahooks.useLatest(V),W=i=>{if(!tt.current){const{mappingImgList:r=[]}=j,p=r.map(s=>index.getRectPointCloudBox({pointCloudBox:i,mappingData:s,imageSizes:_}));Object.assign(i,{rects:p.filter(s=>s!==void 0)})}},{selectedBox:I,updateSelectedBox:ot,updateSelectedBoxes:Z,getPointCloudByID:et}=useSingleBox.useSingleBox({generateRects:W}),{t:it}=reactI18next.useTranslation(),X=I==null?void 0:I.info;if(!t||!n||!a)return{topViewAddSphere:()=>{},topViewAddBox:()=>{},topViewSelectedChanged:()=>{},sideViewUpdateBox:()=>{},backViewUpdateBox:()=>{}};const{pointCloudInstance:G}=t,nt=i=>{o==null||o.generateBox(i),o==null||o.controls.update(),o==null||o.render()},st=i=>{o==null||o.generateSphere(i),o==null||o.controls.update(),o==null||o.render()},rt=({newPoint:i,size:r,zoom:p,trackConfigurable:s})=>{var l;const C={attribute:(l=t.toolInstance.defaultAttribute)!=null?l:""};s===!0&&Object.assign(C,{trackID:lbUtils.PointCloudUtils.getNextTrackID({imgList:[],extraBoxList:[],extraSphereList:v})});const g=topViewPoint2PointCloud(i,r,G,void 0,C);c(i.id);const f=P(g);H(PointCloudView.Top,i,g,p,f,m),D({newSphereParams:g})},lt=({polygon:i,size:r,imgList:p,trackConfigurable:s,zoom:l,intelligentFit:C})=>{var g,f;const x={attribute:(g=t.toolInstance.defaultAttribute)!=null?g:""};s===!0&&Object.assign(x,{trackID:lbUtils.PointCloudUtils.getNextTrackID({imgList:[],extraBoxList:h,extraSphereList:v})});const B=t==null?void 0:t.toolInstance,w=__spreadValues({},i);let{boxParams:y,newPointList:U}=topViewPolygon2PointCloud(w,r,G,void 0,x,C);if(y=R(actionCreators.PreDataProcess({tool:lbAnnotation.EPointCloudName.PointCloud,dataList:[y],stepConfig:m,action:"viewUpdateBox"}))[0],(m==null?void 0:m.lowerLimitPointsNumInBox)&&typeof y.count=="number"&&y.count<m.lowerLimitPointsNumInBox){antd.message.info(it("LowerLimitPointsNumInBox",{num:m.lowerLimitPointsNumInBox})),B.deletePolygon(y.id);return}C&&(U==null?void 0:U.length)&&(w.pointList=U);const S=b.includes(w.attribute);W(y);const N=d(y),Q=(f=e==null?void 0:e.polygonList)!=null?f:[];t==null||t.updatePolygonList(N!=null?N:[],Q),S?c([]):(c(y.id),B.selection.setSelectedIDs(w.id),E({omitView:PointCloudView.Top,polygon:w,boxParams:y,zoom:l,newPointCloudBoxList:N}),C&&synchronizeTopView(y,w,t,o)),D({newBoxParams:y})},at=i=>{const{boxID:r,imageName:p,width:s,height:l,x:C,y:g}=i,f=h.find(x=>x.id===r);if(f==null?void 0:f.rects){const{rects:x=[]}=f,B=x.find(w=>w.imageName===p);if(B){let w=x;const y=__spreadProps(__spreadValues({},B),{width:s,height:l,x:C,y:g});w=x.map(S=>S===B?y:S);const U=__spreadProps(__spreadValues({},f),{rects:w}),M=h.map(S=>S===f?U:S);return t==null||t.updatePolygonList(M!=null?M:[]),M}}},dt=({newSelectedBox:i,newPointCloudList:r,newSelectedSphere:p,newSphereList:s})=>{var l;const C=t==null?void 0:t.toolInstance;if(!(u.length===0||!C)){if(i||(I==null?void 0:I.info)){const g=i!=null?i:I==null?void 0:I.info;(l=C==null?void 0:C.selection)==null||l.setSelectedIDs(u[0]);const f=C.selectedPolygon;if(u.length===1&&g){E({omitView:PointCloudView.Top,polygon:f,boxParams:g,newPointCloudBoxList:r});return}}if((p||q)&&u.length===1){const g=p!=null?p:q;C.setSelectedID(u[0]);const f=C.selectedPoint;g&&H(PointCloudView.Top,f,g,void 0,s,m)}}},Y=(i,r,p)=>{if(X){let s,l;switch(p){case PointCloudView.Back:s=backViewPolygon2PointCloud;break;case PointCloudView.Side:s=sideViewPolygon2PointCloud;break;default:s=sideViewPolygon2PointCloud;break}l=s(i,r,X,n.pointCloudInstance);const g=R(actionCreators.PreDataProcess({tool:lbAnnotation.EPointCloudName.PointCloud,dataList:[l],stepConfig:m,action:"viewUpdateBox"}))[0],f=l.valid!==g.valid;if(l=g,o){const{count:B}=o.getSensesPointZAxisInPolygon(lbAnnotation.getCuboidFromPointCloudBox(l).polygonPointList,[l.center.z-l.depth/2,l.center.z+l.depth/2]);l=__spreadProps(__spreadValues({},l),{count:B})}const x=ot(l);return l=x.find(B=>B.id===l.id),E({omitView:f?void 0:p,polygon:i,boxParams:l,newPointCloudBoxList:x}),x}},J=(i,r,p)=>{if(q){let s,l;switch(p){case PointCloudView.Back:s=backViewPoint2PointCloud;break;case PointCloudView.Side:s=sideViewPoint2PointCloud;break;default:s=sideViewPoint2PointCloud;break}l=s(i,r,q);const C=L(l);return H(p,i,l,void 0,C,m),C}},ct=(i,r)=>{J(i,r,PointCloudView.Side)},ut=(i,r)=>{J(i,r,PointCloudView.Back)},pt=(i,r)=>{Y(i,r,PointCloudView.Side)},Pt=(i,r)=>{Y(i,r,PointCloudView.Back)},Ct=(i,r)=>{const p=z(i.id),s=topViewPoint2PointCloud(i,r,G,p),l=L(s);H(PointCloudView.Top,i,s,void 0,l,m)},gt=(i,r)=>{if(O){const s=__spreadValues({},i[0].newPolygon);s.pointList=s.pointList.map(l=>lbUtils.PointCloudUtils.transferCanvas2World(l,r)),k(s);return}let p=i.map(({newPolygon:s})=>{const l=et(s.id),{boxParams:C}=topViewPolygon2PointCloud(s,r,t.pointCloudInstance,l);return C});if(p=R(actionCreators.PreDataProcess({tool:lbAnnotation.EPointCloudName.PointCloud,dataList:p,stepConfig:m,action:"viewUpdateBox"})),p.length===1){const{newPolygon:s}=i[0],l=Z(p);E({polygon:s,boxParams:p[0],newPointCloudBoxList:l})}else{const s=Z(p);s&&e.syncAllViewPointCloudColor(s)}},ht=i=>{var r,p,s,l,C;if(I){const g=Number(i.widthDefault),f=Number(i.depthDefault),x=Number(i.heightDefault),B=I==null?void 0:I.info.trackID,y=((r=t==null?void 0:t.toolInstance)==null?void 0:r.polygonList).find(F=>(F==null?void 0:F.trackID)===B),U={width:(s=(p=t==null?void 0:t.toolInstance)==null?void 0:p.basicImgInfo)==null?void 0:s.width,height:(C=(l=t==null?void 0:t.toolInstance)==null?void 0:l.basicImgInfo)==null?void 0:C.height},M=y.pointList.map(F=>lbUtils.PointCloudUtils.transferCanvas2World(F,U)),S=lbAnnotation.MathUtils.getModifiedRectangleCoordinates(M,x,g),N=S[0],Q=S[2],K=lbAnnotation.MathUtils.getLineCenterPoint([N,Q]),ft=I.info.center.z-I.info.depth/2,$=__spreadProps(__spreadValues({},I.info),{center:{x:K.x,y:K.y,z:ft+f/2},width:g,height:x,depth:f,valid:!0}),xt=Z([$]);E({omitView:PointCloudView["3D"],polygon:y,boxParams:$,newPointCloudBoxList:xt})}},H=(i,r,p,s,l,C)=>__async(void 0,null,function*(){const g=j==null?void 0:j.url,f={[PointCloudView.Side]:()=>{syncSideViewByPoint(p,r,n,g,C)},[PointCloudView.Back]:()=>{a&&syncBackViewByPoint(p,r,a,g,C)},[PointCloudView.Top]:()=>{syncTopViewByPoint(p,r,t,o)}};Object.keys(f).forEach(x=>{x!==i&&f[x]()}),s&&(o==null||o.updateCameraZoom(s)),st(p)}),E=i=>__async(void 0,null,function*(){const{omitView:r,polygon:p,boxParams:s,zoom:l,newPointCloudBoxList:C}=i,g=j==null?void 0:j.url;C&&(yield e.syncAllViewPointCloudColor(C));const f={[PointCloudView.Side]:()=>{synchronizeSideView(s,p,n,g)},[PointCloudView.Back]:()=>{a&&synchronizeBackView(s,p,a,g)},[PointCloudView.Top]:()=>{synchronizeTopView(s,p,t,o)}};Object.keys(f).forEach(x=>{x!==r&&f[x]()}),l&&(o==null||o.updateCameraZoom(l)),nt(s)});return{topViewAddSphere:rt,topViewAddBox:lt,topViewSelectedChanged:dt,topViewUpdatePoint:Ct,sideViewUpdatePoint:ct,backViewUpdatePoint:ut,topViewUpdateBox:gt,sideViewUpdateBox:pt,backViewUpdateBox:Pt,pointCloudBoxListUpdated:i=>{t.updatePolygonList(i),o==null||o.generateBoxes(i)},initPointCloud3d:i=>{if(!o)return;const r=lbUtils.PointCloudUtils.getDefaultOrthographicParams(i);o.initOrthographicCamera(r),o.initRenderer(),o.render()},updatePointCloudData:(...i)=>__async(void 0,[...i],function*(r=j){var p,s,l,C,g,f;if(!(r==null?void 0:r.url)||!o)return;T([]),actionCreators.SetPointCloudLoading(R,!0),actionCreators.SetLoadPCDFileLoading(R,!0),yield o.loadPCDFile(r.url,(p=m==null?void 0:m.radius)!=null?p:DEFAULT_RADIUS),o==null||o.clearAllBox(),o==null||o.clearAllSphere();let x=[],B=[],w=[],y=[];o.updateTopCamera();const U=(l=(s=index.jsonParser(r.result))==null?void 0:s.valid)!=null?l:!0;e.setPointCloudValid(U),(C=e.sideViewInstance)==null||C.clearAllData(),(g=e.backViewInstance)==null||g.clearAllData(),t.updateData(r.url,r.result,{radius:(f=m==null?void 0:m.radius)!=null?f:DEFAULT_RADIUS}),r.result&&(x=lbUtils.PointCloudUtils.getBoxParamsFromResultList(r.result),w=lbUtils.PointCloudUtils.getPolygonListFromResultList(r.result),B=lbUtils.PointCloudUtils.getLineListFromResultList(r.result),y=lbUtils.PointCloudUtils.getSphereParamsFromResultList(r.result),o==null||o.generateBoxes(x),o==null||o.generateSpheres(y),yield e.syncAllViewPointCloudColor(x,[])),A({pointCloudBoxList:x,polygonList:w,lineList:B,pointCloudSphereList:y}),actionCreators.SetPointCloudLoading(R,!1),actionCreators.SetLoadPCDFileLoading(R,!1)}),updateViewsByDefaultSize:ht,generateRects:W,update2DViewRect:at}};exports.syncBackViewByPoint=syncBackViewByPoint,exports.syncSideViewByPoint=syncSideViewByPoint,exports.syncTopViewByPoint=syncTopViewByPoint,exports.synchronizeBackView=synchronizeBackView,exports.synchronizeSideView=synchronizeSideView,exports.synchronizeTopView=synchronizeTopView,exports.topViewPoint2PointCloud=topViewPoint2PointCloud,exports.topViewPolygon2PointCloud=topViewPolygon2PointCloud,exports.usePointCloudViews=usePointCloudViews;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("../PointCloudContext.js"),useSingleBox=require("./useSingleBox.js"),useSphere=require("./useSphere.js"),ctx=require("../../../store/ctx.js"),StepUtils=require("../../../utils/StepUtils.js"),index=require("../../../utils/index.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),useHistory=require("./useHistory.js"),usePolygon=require("./usePolygon.js"),ahooks=require("ahooks"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__async=(e,t,n)=>new Promise((a,o)=>{var d=u=>{try{c(n.next(u))}catch(f){o(f)}},P=u=>{try{c(n.throw(u))}catch(f){o(f)}},c=u=>u.done?a(u.value):Promise.resolve(u.value).then(d,P);c((n=n.apply(e,t)).next())});const DEFAULT_SCOPE=5,DEFAULT_RADIUS=90,INTELLIGENT_FIT_MARGIN=.01,PointCloudView={"3D":"3D",Top:"Top",Side:"Side",Back:"Back"},topViewPoint2PointCloud=(e,t,n,a,o)=>{const{x:d,y:P}=lbUtils.PointCloudUtils.transferCanvas2World(e,t),{defaultZ:c}=lbUtils.DEFAULT_SPHERE_PARAMS,u={center:{x:d,y:P,z:c},id:e.id},f=a?__spreadValues(__spreadValues({},a),u):__spreadProps(__spreadValues({},u),{attribute:"",valid:!0});return o&&Object.assign(f,o),f},topViewPolygon2PointCloud=(e,t,n,a,o,d)=>{let P=e.pointList.map(y=>lbUtils.PointCloudUtils.transferCanvas2World(y,t)),c=0,u=1,f={};if(n){const y=n.getSensesPointZAxisInPolygon(P,void 0,d);d&&y.fittedCoordinates.length>0&&(P=y.fittedCoordinates),c=(y.maxZ+y.minZ)/2,u=y.maxZ-y.minZ,f={count:y.zCount}}const[v,B,j]=P,_=lbAnnotation.MathUtils.getLineCenterPoint([v,j]),O=lbAnnotation.MathUtils.getLineLength(v,B),I=lbAnnotation.MathUtils.getLineLength(B,j),A=lbAnnotation.MathUtils.getRadiusFromQuadrangle(e.pointList);a&&(c=a.center.z,u=a.depth);const k={center:{x:_.x,y:_.y,z:c},width:d?I+INTELLIGENT_FIT_MARGIN:I,height:d?O+INTELLIGENT_FIT_MARGIN:O,depth:u,rotation:A,id:e.id},R=__spreadValues(a?__spreadValues(__spreadValues({},a),k):__spreadProps(__spreadValues({},k),{attribute:"",valid:!0}),f);o&&Object.assign(R,o);const z=P.map(y=>lbUtils.PointCloudUtils.transferWorld2Canvas(y,t));return{boxParams:R,newPointList:z}},sideViewPoint2PointCloud=(e,t,n)=>{const a={x:e.x-t.x,y:e.y-t.y};return __spreadProps(__spreadValues({},n),{center:{x:n.center.x-a.x,y:n.center.y,z:n.center.z-a.y}})},sideViewPolygon2PointCloud=(e,t,n,a)=>{const[o,d,P]=e.pointList,[c,u,f]=t.pointList,v=lbAnnotation.MathUtils.getLineCenterPoint([o,P]),B=lbAnnotation.MathUtils.getLineCenterPoint([c,f]),_={x:{x:v.x-B.x,y:v.y-B.y}.x,y:0,z:v.y-B.y},O=lbAnnotation.MathUtils.getLineLength(o,d),I=lbAnnotation.MathUtils.getLineLength(c,u),A=O-I,k=lbAnnotation.MathUtils.getLineLength(d,P),R=lbAnnotation.MathUtils.getLineLength(u,f),z=k-R,{newBoxParams:y}=a.getNewBoxBySideUpdate(_,z,A,n);return y},backViewPoint2PointCloud=(e,t,n)=>{const a={x:e.x-t.x,y:e.y-t.y};return __spreadProps(__spreadValues({},n),{center:{x:n.center.x,y:n.center.y-a.x,z:n.center.z-a.y}})},backViewPolygon2PointCloud=(e,t,n,a)=>{const[o,d,P]=e.pointList,[c,u,f]=t.pointList,v=lbAnnotation.MathUtils.getLineCenterPoint([o,P]),B=lbAnnotation.MathUtils.getLineCenterPoint([c,f]),_={x:{x:v.x-B.x,y:v.y-B.y}.x,y:0,z:v.y-B.y},O=lbAnnotation.MathUtils.getLineLength(o,d),I=lbAnnotation.MathUtils.getLineLength(c,u),A=O-I,k=lbAnnotation.MathUtils.getLineLength(d,P),R=lbAnnotation.MathUtils.getLineLength(u,f),z=k-R;let{newBoxParams:y}=a.getNewBoxByBackUpdate(_,z,A,n);return y},syncSideViewByPoint=(e,t,n,a,o)=>{var d;if(!n)return;const{toolInstance:P,pointCloudInstance:c}=n;c.loadPCDFile(a,(d=o==null?void 0:o.radius)!=null?d:DEFAULT_RADIUS);const{cameraPositionVector:u}=c.updateOrthoCameraBySphere(e,lbUtils.EPerspectiveView.Left);c.setInitCameraPosition(u);const{point2d:f,zoom:v}=c.getSphereSidePoint2DCoordinate(e);c.camera.zoom=v,c.camera.updateProjectionMatrix(),c.render(),P.initPosition(),P.zoomChangeOnCenter(v),P.setResult([__spreadProps(__spreadValues(__spreadValues({},t),f),{valid:e.valid,textAttribute:"",attribute:e.attribute})]),P.setSelectedID(t.id)},synchronizeSideView=(e,t,n,a)=>{if(!n)return;const{pointCloud2dOperation:o,pointCloudInstance:d}=n;d.loadPCDFileByBox(a,e,{width:DEFAULT_SCOPE,depth:DEFAULT_SCOPE});const{cameraPositionVector:P}=d.updateOrthoCamera(e,lbUtils.EPerspectiveView.Left);d.setInitCameraPosition(P);const{polygon2d:c,zoom:u}=d.getBoxSidePolygon2DCoordinate(e);d.camera.zoom=u,d.camera.updateProjectionMatrix(),d.render(),o.initPosition(),o.zoomChangeOnCenter(u),o.setResultAndSelectedID([{id:t.id,valid:e.valid,pointList:c,textAttribute:"",isRect:!0,attribute:e.attribute}],t.id)},syncBackViewByPoint=(e,t,n,a,o)=>{var d;if(!n)return;const{toolInstance:P,pointCloudInstance:c}=n;c.loadPCDFile(a,(d=o==null?void 0:o.radius)!=null?d:DEFAULT_RADIUS);const{cameraPositionVector:u}=c.updateOrthoCameraBySphere(e,lbUtils.EPerspectiveView.Back);c.setInitCameraPosition(u);const{point2d:f,zoom:v}=c.getSphereBackPoint2DCoordinate(e);c.camera.zoom=v,c.camera.updateProjectionMatrix(),c.render(),P.initPosition(),P.zoomChangeOnCenter(v),P.setResult([__spreadProps(__spreadValues(__spreadValues({},t),f),{valid:e.valid,textAttribute:"",attribute:e.attribute})]),P.setSelectedID(t.id)},synchronizeBackView=(e,t,n,a)=>{if(!n)return;const{pointCloud2dOperation:o,pointCloudInstance:d}=n;d.loadPCDFileByBox(a,e,{height:DEFAULT_SCOPE,depth:DEFAULT_SCOPE});const{cameraPositionVector:P}=d.updateOrthoCamera(e,lbUtils.EPerspectiveView.Back);d.setInitCameraPosition(P);const{polygon2d:c,zoom:u}=d.getBoxBackPolygon2DCoordinate(e);d.camera.zoom=u,d.camera.updateProjectionMatrix(),d.render(),o.initPosition(),o.zoomChangeOnCenter(u),o.setResultAndSelectedID([{id:t.id,valid:e.valid,pointList:c,textAttribute:"",isRect:!0,attribute:e.attribute}],t.id)},syncTopViewByPoint=(e,t,n,a)=>{if(!n||!a)return;a.generateSphere(e),a.updateCameraBySphere(e,lbUtils.EPerspectiveView.Top),a.render();const{toolInstance:o,pointCloudInstance:d}=n,{point2d:P}=d.getSphereTopPoint2DCoordinate(e),c=[...o.pointList].map(u=>u.id===t.id?__spreadProps(__spreadValues(__spreadValues({},t),P),{valid:e.valid,textAttribute:"",attribute:e.attribute}):u);o.setResult(c),o.setSelectedID(t.id)},synchronizeTopView=(e,t,n,a)=>{var o,d;if(!n||!a)return;a.generateBox(e,t.id),a.render();const{pointCloud2dOperation:P,pointCloudInstance:c}=n,{polygon2d:u}=c.getBoxTopPolygon2DCoordinate(e),f=[...P.polygonList],v=f.find(B=>B.id===t.id);v?(v.pointList=u,v.valid=(o=e.valid)!=null?o:!0):f.push({id:t.id,pointList:u,textAttribute:"",isRect:!0,valid:(d=e.valid)!=null?d:!0}),P.setResultAndSelectedID(f,t.id)},usePointCloudViews=()=>{const e=React.useContext(PointCloudContext.PointCloudContext),{topViewInstance:t,sideViewInstance:n,backViewInstance:a,mainViewInstance:o,addPointCloudBox:d,addPointCloudSphere:P,setSelectedIDs:c,selectedIDs:u,pointCloudBoxList:f,pointCloudSphereList:v,hideAttributes:B,setHighlight2DDataList:j,cuboidBoxIn2DView:_,imageSizes:O}=e,{addHistory:I,initHistory:A,pushHistoryUnderUpdatePolygon:k}=useHistory.useHistory(),{selectedPolygon:R}=usePolygon.usePolygon(),{getPointCloudSphereByID:z,updatePointCloudSphere:y,selectedSphere:q}=useSphere.useSphere(),{currentData:M,config:w}=ctx.useSelector(i=>{const{stepList:s,step:p,imgList:l,imgIndex:r}=i.annotation;return{currentData:l[r],config:index.jsonParser(StepUtils.getCurrentStepInfo(p,s).config)}}),T=ctx.useDispatch(),tt=ahooks.useLatest(_),W=i=>{if(!tt.current){const{mappingImgList:s=[]}=M,p=s.map(l=>index.getRectPointCloudBox({pointCloudBox:i,mappingData:l,imageSizes:O}));Object.assign(i,{rects:p.filter(l=>l!==void 0)})}},{selectedBox:S,updateSelectedBox:ot,updateSelectedBoxes:Z,getPointCloudByID:et}=useSingleBox.useSingleBox({generateRects:W}),Q=S==null?void 0:S.info;if(!t||!n||!a)return{topViewAddSphere:()=>{},topViewAddBox:()=>{},topViewSelectedChanged:()=>{},sideViewUpdateBox:()=>{},backViewUpdateBox:()=>{}};const{pointCloudInstance:G}=t,it=i=>{o==null||o.generateBox(i),o==null||o.controls.update(),o==null||o.render()},nt=i=>{o==null||o.generateSphere(i),o==null||o.controls.update(),o==null||o.render()},st=({newPoint:i,size:s,zoom:p,trackConfigurable:l})=>{var r;const C={attribute:(r=t.toolInstance.defaultAttribute)!=null?r:""};l===!0&&Object.assign(C,{trackID:lbUtils.PointCloudUtils.getNextTrackID({imgList:[],extraBoxList:[],extraSphereList:v})});const h=topViewPoint2PointCloud(i,s,G,void 0,C);c(i.id);const x=P(h);F(PointCloudView.Top,i,h,p,x,w),I({newSphereParams:h})},lt=({polygon:i,size:s,imgList:p,trackConfigurable:l,zoom:r,intelligentFit:C})=>{var h,x;const g={attribute:(h=t.toolInstance.defaultAttribute)!=null?h:""};l===!0&&Object.assign(g,{trackID:lbUtils.PointCloudUtils.getNextTrackID({imgList:[],extraBoxList:f,extraSphereList:v})});const b=t==null?void 0:t.toolInstance,m=__spreadValues({},i);let{boxParams:L,newPointList:D}=topViewPolygon2PointCloud(m,s,G,void 0,g,C);L=T(actionCreators.PreDataProcess({tool:lbAnnotation.EPointCloudName.PointCloud,dataList:[L],stepConfig:w,action:"viewUpdateBox"}))[0],C&&(D==null?void 0:D.length)&&(m.pointList=D);const U=B.includes(m.attribute);W(L);const N=d(L),J=(x=e==null?void 0:e.polygonList)!=null?x:[];t==null||t.updatePolygonList(N!=null?N:[],J),U?c([]):(c(L.id),b.selection.setSelectedIDs(m.id),E({omitView:PointCloudView.Top,polygon:m,boxParams:L,zoom:r,newPointCloudBoxList:N}),C&&synchronizeTopView(L,m,t,o)),I({newBoxParams:L})},rt=i=>{const{boxID:s,imageName:p,width:l,height:r,x:C,y:h}=i,x=f.find(g=>g.id===s);if(x==null?void 0:x.rects){const{rects:g=[]}=x,b=g.find(m=>m.imageName===p);if(b){let m=g;const L=__spreadProps(__spreadValues({},b),{width:l,height:r,x:C,y:h});m=g.map(U=>U===b?L:U);const D=__spreadProps(__spreadValues({},x),{rects:m}),V=f.map(U=>U===x?D:U);return t==null||t.updatePolygonList(V!=null?V:[]),V}}},at=({newSelectedBox:i,newPointCloudList:s,newSelectedSphere:p,newSphereList:l})=>{var r;const C=t==null?void 0:t.toolInstance;if(!(u.length===0||!C)){if(i||(S==null?void 0:S.info)){const h=i!=null?i:S==null?void 0:S.info;(r=C==null?void 0:C.selection)==null||r.setSelectedIDs(u[0]);const x=C.selectedPolygon;if(u.length===1&&h){E({omitView:PointCloudView.Top,polygon:x,boxParams:h,newPointCloudBoxList:s});return}}if((p||q)&&u.length===1){const h=p!=null?p:q;C.setSelectedID(u[0]);const x=C.selectedPoint;h&&F(PointCloudView.Top,x,h,void 0,l,w)}}},X=(i,s,p)=>{if(Q){let l,r;switch(p){case PointCloudView.Back:l=backViewPolygon2PointCloud;break;case PointCloudView.Side:l=sideViewPolygon2PointCloud;break;default:l=sideViewPolygon2PointCloud;break}if(r=l(i,s,Q,n.pointCloudInstance),o){const{count:b}=o.getSensesPointZAxisInPolygon(lbAnnotation.getCuboidFromPointCloudBox(r).polygonPointList,[r.center.z-r.depth/2,r.center.z+r.depth/2]);r=__spreadProps(__spreadValues({},r),{count:b})}const h=T(actionCreators.PreDataProcess({tool:lbAnnotation.EPointCloudName.PointCloud,dataList:[r],stepConfig:w,action:"viewUpdateBox"}))[0],x=r.valid!==h.valid;r=h;const g=ot(r);return r=g.find(b=>b.id===r.id),E({omitView:x?void 0:p,polygon:i,boxParams:r,newPointCloudBoxList:g}),g}},Y=(i,s,p)=>{if(q){let l,r;switch(p){case PointCloudView.Back:l=backViewPoint2PointCloud;break;case PointCloudView.Side:l=sideViewPoint2PointCloud;break;default:l=sideViewPoint2PointCloud;break}r=l(i,s,q);const C=y(r);return F(p,i,r,void 0,C,w),C}},dt=(i,s)=>{Y(i,s,PointCloudView.Side)},ct=(i,s)=>{Y(i,s,PointCloudView.Back)},ut=(i,s)=>{X(i,s,PointCloudView.Side)},pt=(i,s)=>{X(i,s,PointCloudView.Back)},Pt=(i,s)=>{const p=z(i.id),l=topViewPoint2PointCloud(i,s,G,p),r=y(l);F(PointCloudView.Top,i,l,void 0,r,w)},Ct=(i,s)=>{if(R){const l=__spreadValues({},i[0].newPolygon);l.pointList=l.pointList.map(r=>lbUtils.PointCloudUtils.transferCanvas2World(r,s)),k(l);return}let p=i.map(({newPolygon:l})=>{const r=et(l.id),{boxParams:C}=topViewPolygon2PointCloud(l,s,t.pointCloudInstance,r);return C});if(p=T(actionCreators.PreDataProcess({tool:lbAnnotation.EPointCloudName.PointCloud,dataList:p,stepConfig:w,action:"viewUpdateBox"})),p.length===1){const{newPolygon:l}=i[0],r=Z(p);E({polygon:l,boxParams:p[0],newPointCloudBoxList:r})}else{const l=Z(p);l&&e.syncAllViewPointCloudColor(l)}},gt=i=>{var s,p,l,r,C;if(S){const h=Number(i.widthDefault),x=Number(i.depthDefault),g=Number(i.heightDefault),b=S==null?void 0:S.info.trackID,L=((s=t==null?void 0:t.toolInstance)==null?void 0:s.polygonList).find(H=>(H==null?void 0:H.trackID)===b),D={width:(l=(p=t==null?void 0:t.toolInstance)==null?void 0:p.basicImgInfo)==null?void 0:l.width,height:(C=(r=t==null?void 0:t.toolInstance)==null?void 0:r.basicImgInfo)==null?void 0:C.height},V=L.pointList.map(H=>lbUtils.PointCloudUtils.transferCanvas2World(H,D)),U=lbAnnotation.MathUtils.getModifiedRectangleCoordinates(V,g,h),N=U[0],J=U[2],K=lbAnnotation.MathUtils.getLineCenterPoint([N,J]),ht=S.info.center.z-S.info.depth/2,$=__spreadProps(__spreadValues({},S.info),{center:{x:K.x,y:K.y,z:ht+x/2},width:h,height:g,depth:x,valid:!0}),ft=Z([$]);E({omitView:PointCloudView["3D"],polygon:L,boxParams:$,newPointCloudBoxList:ft})}},F=(i,s,p,l,r,C)=>__async(void 0,null,function*(){const h=M==null?void 0:M.url,x={[PointCloudView.Side]:()=>{syncSideViewByPoint(p,s,n,h,C)},[PointCloudView.Back]:()=>{a&&syncBackViewByPoint(p,s,a,h,C)},[PointCloudView.Top]:()=>{syncTopViewByPoint(p,s,t,o)}};Object.keys(x).forEach(g=>{g!==i&&x[g]()}),l&&(o==null||o.updateCameraZoom(l)),nt(p)}),E=i=>__async(void 0,null,function*(){const{omitView:s,polygon:p,boxParams:l,zoom:r,newPointCloudBoxList:C}=i,h=M==null?void 0:M.url;C&&(yield e.syncAllViewPointCloudColor(C));const x={[PointCloudView.Side]:()=>{synchronizeSideView(l,p,n,h)},[PointCloudView.Back]:()=>{a&&synchronizeBackView(l,p,a,h)},[PointCloudView.Top]:()=>{synchronizeTopView(l,p,t,o)}};Object.keys(x).forEach(g=>{g!==s&&x[g]()}),r&&(o==null||o.updateCameraZoom(r)),it(l)});return{topViewAddSphere:st,topViewAddBox:lt,topViewSelectedChanged:at,topViewUpdatePoint:Pt,sideViewUpdatePoint:dt,backViewUpdatePoint:ct,topViewUpdateBox:Ct,sideViewUpdateBox:ut,backViewUpdateBox:pt,pointCloudBoxListUpdated:i=>{t.updatePolygonList(i),o==null||o.generateBoxes(i)},initPointCloud3d:i=>{if(!o)return;const s=lbUtils.PointCloudUtils.getDefaultOrthographicParams(i);o.initOrthographicCamera(s),o.initRenderer(),o.render()},updatePointCloudData:(...i)=>__async(void 0,[...i],function*(s=M){var p,l,r,C,h,x;if(!(s==null?void 0:s.url)||!o)return;j([]),actionCreators.SetPointCloudLoading(T,!0),actionCreators.SetLoadPCDFileLoading(T,!0),yield o.loadPCDFile(s.url,(p=w==null?void 0:w.radius)!=null?p:DEFAULT_RADIUS),o==null||o.clearAllBox(),o==null||o.clearAllSphere();let g=[],b=[],m=[],L=[];o.updateTopCamera();const D=(r=(l=index.jsonParser(s.result))==null?void 0:l.valid)!=null?r:!0;if(e.setPointCloudValid(D),(C=e.sideViewInstance)==null||C.clearAllData(),(h=e.backViewInstance)==null||h.clearAllData(),s.result){if(g=lbUtils.PointCloudUtils.getBoxParamsFromResultList(s.result),(g==null?void 0:g.length)>0&&s.isPreResult&&(w==null?void 0:w.lowerLimitPointsNumInBox)>0){g=yield o==null?void 0:o.filterPreResult(s.url,w,g);const V=index.jsonParser(s.result);V[lbUtils.POINT_CLOUD_DEFAULT_STEP].result=g,s.result=JSON.stringify(V),e.setPointCloudResult(g)}m=lbUtils.PointCloudUtils.getPolygonListFromResultList(s.result),b=lbUtils.PointCloudUtils.getLineListFromResultList(s.result),L=lbUtils.PointCloudUtils.getSphereParamsFromResultList(s.result),t.updateData(s.url,s.result,{radius:(x=w==null?void 0:w.radius)!=null?x:DEFAULT_RADIUS}),o==null||o.generateBoxes(g),o==null||o.generateSpheres(L),yield e.syncAllViewPointCloudColor(g,[])}A({pointCloudBoxList:g,polygonList:m,lineList:b,pointCloudSphereList:L}),actionCreators.SetPointCloudLoading(T,!1),actionCreators.SetLoadPCDFileLoading(T,!1)}),updateViewsByDefaultSize:gt,generateRects:W,update2DViewRect:rt}};exports.syncBackViewByPoint=syncBackViewByPoint,exports.syncSideViewByPoint=syncSideViewByPoint,exports.syncTopViewByPoint=syncTopViewByPoint,exports.synchronizeBackView=synchronizeBackView,exports.synchronizeSideView=synchronizeSideView,exports.synchronizeTopView=synchronizeTopView,exports.topViewPoint2PointCloud=topViewPoint2PointCloud,exports.topViewPolygon2PointCloud=topViewPolygon2PointCloud,exports.usePointCloudViews=usePointCloudViews;

package/dist/components/videoAnnotate/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),Actions=require("../../store/Actions.js"),actionCreators=require("../../store/annotation/actionCreators.js"),TagToolInstanceAdaptor=require("../videoPlayer/TagToolInstanceAdaptor.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const VideoAnnotate=e=>{const{imgList:o,imgIndex:r,stepList:n,step:c}=e.annotation,t=ctx.useDispatch(),s=a=>{t({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:a}})},i=()=>{t({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:void 0}})};return React__default.default.createElement(TagToolInstanceAdaptor.TagToolInstanceAdaptor,{imgIndex:r,imgList:o,pageBackward:()=>t(actionCreators.PageBackward()),pageForward:()=>t(actionCreators.PageForward()),pageJump:a=>t(actionCreators.PageJump(~~a)),onMounted:s,onUnmounted:i,stepList:n,step:c})};var VideoAnnotate$1=reactRedux.connect(({annotation:e})=>({annotation:e}),null,null,{context:ctx.LabelBeeContext})(VideoAnnotate);module.exports=VideoAnnotate$1;
+"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),Actions=require("../../store/Actions.js"),actionCreators=require("../../store/annotation/actionCreators.js"),TagToolInstanceAdaptor=require("./videoTagTool/TagToolInstanceAdaptor.js"),lbAnnotation=require("@labelbee/lb-annotation"),index=require("./videoClipTool/index.js"),StepUtils=require("../../utils/StepUtils.js"),index$2=require("../../utils/index.js"),index$1=require("./videoTextTool/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(e,r,t)=>r in e?__defProp(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,__spreadValues=(e,r)=>{for(var t in r||(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(e,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(e,t,r[t]);return e},__spreadProps=(e,r)=>__defProps(e,__getOwnPropDescs(r));const{EVideoToolName}=lbAnnotation.cTool,VideoAnnotate=e=>{const{stepInfo:r}=e,t=r==null?void 0:r.tool,o=ctx.useDispatch(),n=a=>{o({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:a}})},i=()=>{o({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:void 0}})};return t===EVideoToolName.VideoClipTool?React__default.default.createElement(index,__spreadProps(__spreadValues({},e),{pageBackward:()=>o(actionCreators.PageBackward()),pageForward:()=>o(actionCreators.PageForward()),pageJump:a=>o(actionCreators.PageJump(~~a)),onMounted:n,onUnmounted:i})):t===EVideoToolName.VideoTextTool?React__default.default.createElement(index$1.VideoTextTool,__spreadProps(__spreadValues({},e),{pageBackward:()=>o(actionCreators.PageBackward()),pageForward:()=>o(actionCreators.PageForward()),pageJump:a=>o(actionCreators.PageJump(~~a)),onMounted:n,onUnmounted:i})):t===EVideoToolName.VideoTagTool?React__default.default.createElement(TagToolInstanceAdaptor.TagToolInstanceAdaptor,__spreadProps(__spreadValues({},e),{pageBackward:()=>o(actionCreators.PageBackward()),pageForward:()=>o(actionCreators.PageForward()),pageJump:a=>o(actionCreators.PageJump(~~a)),onMounted:n,onUnmounted:i})):null},mapStateToProps=e=>{var r,t,o,n,i;const{annotation:{imgList:a,imgIndex:u,step:d,stepList:c,loading:p}}=e,s=StepUtils.getCurrentStepInfo((r=e.annotation)==null?void 0:r.step,(t=e.annotation)==null?void 0:t.stepList),l=(o=a[u])!=null?o:{};return{imgIndex:u,imgList:a,stepInfo:s,config:index$2.jsonParser(s==null?void 0:s.config),step:d,stepList:c,path:(i=(n=l==null?void 0:l.path)!=null?n:l==null?void 0:l.url)!=null?i:"",loading:p}};var VideoAnnotate$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(VideoAnnotate);module.exports=VideoAnnotate$1;

package/dist/components/videoAnnotate/videoClipTool/VideoClipToolContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),constant=require("./constant.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const VideoClipToolContext=React__default.default.createContext({result:[],selectedID:"",attributeList:[],clipStatus:constant.EClipStatus.Stop}),VideoClipToolContextProvider=VideoClipToolContext.Provider,VideoClipAnnotatedListContext=React__default.default.createContext({onSelectedTimeSlice:()=>{},removeTimeSlice:()=>{},updateSelectedSliceTimeProperty:()=>{}});VideoClipAnnotatedListContext.Provider,exports.VideoClipAnnotatedListContext=VideoClipAnnotatedListContext,exports.VideoClipToolContext=VideoClipToolContext,exports.VideoClipToolContextProvider=VideoClipToolContextProvider;

package/dist/components/videoAnnotate/videoClipTool/components/ToolTipForClip.js

@@ -0,0 +1 @@
+"use strict";var audio=require("../../../../utils/audio.js"),lbAnnotation=require("@labelbee/lb-annotation"),antd=require("antd"),React=require("react"),constant=require("../constant.js"),utils=require("../../../videoPlayer/utils.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const ToolTipForClip=t=>{var a,l;const{slot:n,item:e,attributeList:o}=t,{t:r}=reactI18next.useTranslation();if(!n)return null;const{type:s,attribute:d,textAttribute:c}=e;if(e.start===void 0||e.end===void 0)return null;const i=utils.decimalReserved(e.start,2),u=(l=utils.decimalReserved((a=e.end)!=null?a:0,2))!=null?l:0,v=React__default.default.createElement("div",null,React__default.default.createElement("div",null,s===constant.ETimeSliceType.Period?`${audio.timeFormat(i,"ss:SS")}~${audio.timeFormat(u,"ss:SS")}\uFF0C${audio.precisionMinus(u,i)}s`:audio.timeFormat(i,"ss:SS")),React__default.default.createElement("div",null,`${r("Attribute")}\uFF1A${lbAnnotation.AttributeUtils.getAttributeShowText(d,o)||r("NoAttribute")}`),React__default.default.createElement("div",null,`${r("textTool")}\uFF1A${c}`));return React__default.default.createElement(antd.Tooltip,{title:v},n)};module.exports=ToolTipForClip;

package/dist/components/videoAnnotate/videoClipTool/components/annotatedList/index.js

@@ -0,0 +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})=>{const t=e.length===0;return React__default.default.createElement("div",{className:index$1.classnames({[index_module.empty]:t,[index_module.timeSliceListContent]:!0})},t?React__default.default.createElement(EmptyVideoClipAnnotatedList,null):e)},VideoClipAnnotatedItem=({timeSliceProps:e,index:t,exportContext:i})=>{const{selectedID:a,attributeList:n,onSelectedTimeSlice:r,removeTimeSlice:d}=i;return React__default.default.createElement("div",{key:t,className:index$1.classnames({[index_module.timeSliceItem]:!0,[index_module.timeSliceItemActivated]:e.id===a}),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,n)}`),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:n}),React__default.default.createElement(icons.CloseCircleFilled,{className:index_module.timeSliceItemDeleteIcon,onClick:u=>{u.stopPropagation(),d(e)}}))},VideoClipAnnotatedList=e=>{const{toolInstance:t}=e,{selectedID:i,result:a,videoPlayer:n,clipStatus:r,updateSelectedSliceTimeProperty:d}=(t==null?void 0:t.exportContext)||{},[u,o]=React.useState(0),{t:m}=reactI18next.useTranslation();React.useEffect(()=>(t&&t.singleOn("changeClipSidebar",l=>{o(s=>s+1)}),()=>{var l;(l=t==null?void 0:t.unbindAll)==null||l.call(t,"changeClipSidebar")}),[t]);const v=a==null?void 0:a.find(l=>l.id===i),c=a==null?void 0:a.filter(l=>l.end!==null);return(t==null?void 0:t.exportContext)?React__default.default.createElement("div",null,React__default.default.createElement("div",{className:index_module.timeSliceListHeader},m("AnnotatedList")),React__default.default.createElement(VideoClipAnnotatedListWrapper,null,c==null?void 0:c.map((l,s)=>React__default.default.createElement(VideoClipAnnotatedItem,{timeSliceProps:l,index:s,key:l.id,exportContext:(t==null?void 0:t.exportContext)||{}}))),React__default.default.createElement(index,{selectedTimeSlice:v,videoPlayer:n,updateTimeForSelected:d,disabled:r===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;

package/dist/components/videoAnnotate/videoClipTool/components/annotatedList/index.module.scss.js

@@ -0,0 +1 @@
+"use strict";var styles={timeSliceListContent:"index-module_timeSliceListContent__gvFHy",empty:"index-module_empty__wcFM6",noContent:"index-module_noContent__zjGb0",hotkey:"index-module_hotkey__dDkgv",timeSliceItem:"index-module_timeSliceItem__Xa-cQ",timeSliceItemActivated:"index-module_timeSliceItemActivated__Zlb3b",timeSliceAttribute:"index-module_timeSliceAttribute__Q5E-f",timeSliceItemContent:"index-module_timeSliceItemContent__Aqa8l",timeSliceItemDeleteIcon:"index-module_timeSliceItemDeleteIcon__nlQ6B"};module.exports=styles;

package/dist/components/videoAnnotate/videoClipTool/components/resizableSnippet/index.js

@@ -0,0 +1 @@
+"use strict";var reResizable=require("re-resizable"),React=require("react"),ToolTipForClip=require("../ToolTipForClip.js"),index=require("../videoTrack/index.js"),index_module=require("./index.module.scss.js"),utils=require("../../../../videoPlayer/utils.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(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 TRACK_HEIGHT=45,ResizableSnippet=e=>{var t;const{track:r,currentTime:a,attributeList:n,readonly:p,onClipping:h,onTrackResizeStart:o}=e,{start:s,end:m}=r,_=m||a,[g,d]=React.useState({width:0,height:0}),w=(i,O,P,u)=>{var v;const R=(u.width-g.width)/((v=P.parentNode)==null?void 0:v.clientWidth);d(u),e.onResize(O,R)},y=()=>{d({width:0,height:0}),o==null||o()},c=__spreadValues({transform:"none",overflow:"hidden",textOverflow:"ellipsis",fontSize:12},e.style),b={top:!1,right:!0,left:!0,bottom:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},f=React__default.default.createElement("div",{style:{margin:"10px 5px"}},React__default.default.createElement("div",{className:index_module.textOverflow},`${utils.decimalReserved(Math.max(_-s,1),0)}s`),React__default.default.createElement("div",{className:index_module.textOverflow},index.getDisplayContent(r,n)));let l;if(h||p||!e.isSelected){const i=__spreadProps(__spreadValues({},c),{height:TRACK_HEIGHT});e.isSelected&&a-s<0&&(i.width=100,i.backgroundColor="transparent"),l=React__default.default.createElement("div",{style:i},f)}else l=React__default.default.createElement(reResizable.Resizable,{size:{width:(t=e.style.width)!=null?t:0,height:TRACK_HEIGHT},minWidth:1,onResize:w,onResizeStart:y,enable:b,style:c},f);return React__default.default.createElement(ToolTipForClip,{slot:l,item:__spreadProps(__spreadValues({},r),{end:r.end===null?a:r.end}),attributeList:n})};module.exports=ResizableSnippet;

package/dist/components/videoAnnotate/videoClipTool/components/resizableSnippet/index.module.scss.js

@@ -0,0 +1 @@
+"use strict";var styles={textOverflow:"index-module_textOverflow__HcSP3"};module.exports=styles;

package/dist/components/videoAnnotate/videoClipTool/components/timeSliceRange/index.js

@@ -0,0 +1 @@
+"use strict";var index=require("../../../../../utils/index.js"),antd=require("antd"),_=require("lodash"),React=require("react"),constant=require("../../constant.js"),index_module=require("./index.module.scss.js"),audio=require("../../../../../utils/audio.js"),utils=require("../../../../videoPlayer/utils.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(u){return u&&typeof u=="object"&&"default"in u?u:{default:u}}var ___default=_interopDefaultLegacy(_),React__default=_interopDefaultLegacy(React);const TimeInput=({initialVal:u,timeType:l="",videoPlayer:a,min:i,max:F,updateTime:n,disabled:o})=>{const[E,c]=React.useState(""),{t:m}=reactI18next.useTranslation(),d=()=>{C(E).then(t=>{n(t)}).catch(t=>{antd.message.error(t),p()})},B=t=>{const[r,s]=t.split(":");return~~r*60+parseFloat(s)},f=(t,r=!1)=>{if(i!==void 0&&t<i){const e=audio.timeFormat(i,"ss.SS");return r?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u4FEE\u6539\u65F6\u95F4\u4E0D\u5141\u8BB8\u5C11\u4E8E${e}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5C11\u4E8E${e}`}if(F!==void 0&&t>F){const e=audio.timeFormat(F,"ss.SS");return r?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u4FEE\u6539\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${e}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${e}`}const s=a==null?void 0:a.duration;if(a&&s&&t>s){const e=audio.timeFormat(s,"ss.SS");return r?`\u4FEE\u6539\u65F6\u95F4\u5931\u8D25, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${e}`:`\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u8F93\u5165\u65F6\u95F4\u4E0D\u5141\u8BB8\u5927\u4E8E${e}`}},C=t=>new Promise((r,s)=>{if(t.match(/^\d+\:\d\d\.\d\d$/)){const e=B(t),v=f(e);if(v){s(v);return}r(e)}else s(new Error("\u5F53\u524D\u65F6\u95F4\u683C\u5F0F\u8F93\u5165\u6709\u8BEF, \u65F6\u95F4\u683C\u5F0F\u5E94\u4E3Axx:xx.xx"))}),p=()=>{___default.default.isNumber(u)&&c(audio.timeFormat(u,"ss.SS"))},D=()=>{if(!o&&a){const t=utils.decimalReserved(a==null?void 0:a.currentTime,2),r=f(t,!0);if(r){antd.message.error(r);return}n(t)}};return React.useEffect(()=>{p()},[u]),React__default.default.createElement("div",{className:index_module.inputWrapper},React__default.default.createElement(antd.Input,{placeholder:"00:00.00",value:E,onChange:t=>c(t.target.value),onBlur:d,onPressEnter:d,disabled:o}),React__default.default.createElement("span",{className:index.classnames({[index_module.getCurr]:!0,[index_module.disabled]:o!=null?o:!1}),onClick:D},m(l==="start"?"GetStartTime":"GetEndTime")))},TimeSliceRange=({selectedTimeSlice:u,videoPlayer:l,updateTimeForSelected:a,disabled:i})=>{if(!u)return null;const{t:F}=reactI18next.useTranslation();return(u==null?void 0:u.type)===constant.ETimeSliceType.Period?React__default.default.createElement("div",{className:index_module.timeSliceInputContainer},React__default.default.createElement("div",{className:index_module.title},F("ClipTime")),React__default.default.createElement("div",{className:index_module.inputContainer},React__default.default.createElement(TimeInput,{initialVal:u.start,timeType:"start",videoPlayer:l,max:audio.precisionMinus(u.end,constant.PER_SLICE_CHANGE),updateTime:n=>{a(n,"start")},disabled:i}),React__default.default.createElement("span",{className:index_module.spliter}),React__default.default.createElement(TimeInput,{initialVal:u.end,timeType:"end",videoPlayer:l,min:audio.precisionAdd(u.start,constant.PER_SLICE_CHANGE),updateTime:n=>{a(n,"end")},disabled:i}))):React__default.default.createElement("div",{className:index_module.timeSliceInputContainer},React__default.default.createElement("div",{className:index_module.title},F("StampTime")),React__default.default.createElement(TimeInput,{initialVal:u.start,videoPlayer:l,updateTime:n=>{a(n,"start")}}))};module.exports=TimeSliceRange;

package/dist/components/videoAnnotate/videoClipTool/components/timeSliceRange/index.module.scss.js

@@ -0,0 +1 @@
+"use strict";var styles={timeSliceInputContainer:"index-module_timeSliceInputContainer__579hr",title:"index-module_title__9kdsk",inputWrapper:"index-module_inputWrapper__uXmv-",getCurr:"index-module_getCurr__-dchP",disabled:"index-module_disabled__j6aK6",inputContainer:"index-module_inputContainer__PqtI8",spliter:"index-module_spliter__wXZhC"};module.exports=styles;

package/dist/components/videoAnnotate/videoClipTool/components/videoClipToolHotkey/index.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),index_module=require("./index.module.scss.js"),icon_videoCut=require("../../../../../assets/annotation/video/icon_videoCut.svg.js"),icon_timePoint=require("../../../../../assets/annotation/video/icon_timePoint.svg.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const VideoClipToolHotkey=({toggleClipStatus:e,addTime:t})=>React__default.default.createElement("div",{className:index_module.clipToolbar},React__default.default.createElement("span",{className:index_module.buttonWrapper},React__default.default.createElement("i",{className:index_module.cutButton,onClick:()=>{e==null||e()},style:{backgroundImage:icon_videoCut}}),"\u622A\u53D6"),React__default.default.createElement("span",{className:index_module.buttonWrapper},React__default.default.createElement("i",{className:index_module.localButton,onClick:t,style:{backgroundImage:icon_timePoint}}),"\u6807\u65F6\u95F4\u70B9"));module.exports=VideoClipToolHotkey;

package/dist/components/videoAnnotate/videoClipTool/components/videoClipToolHotkey/index.module.scss.js

@@ -0,0 +1 @@
+"use strict";var styles={clipToolbar:"index-module_clipToolbar__amC2X",buttonWrapper:"index-module_buttonWrapper__o1C44",cutButton:"index-module_cutButton__M6mOs",localButton:"index-module_localButton__6D1-H"};module.exports=styles;

package/dist/components/videoAnnotate/videoClipTool/components/videoTimeSlicesOverVideo/index.js

@@ -0,0 +1 @@
+"use strict";var index=require("../../../../../utils/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),React=require("react"),reactTransitionGroup=require("react-transition-group"),constant=require("../../constant.js"),index_module=require("./index.module.scss.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(e,t,i)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,__spreadValues=(e,t)=>{for(var i in t||(t={}))__hasOwnProp.call(t,i)&&__defNormalProp(e,i,t[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(t))__propIsEnum.call(t,i)&&__defNormalProp(e,i,t[i]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const VideoTimeSlicesOverVideo=e=>{const{attributeList:t,result:i,currentTime:l,extraStyle:u}=e,m=r=>{const{type:a,start:s,end:c}=r;let n=!1;return a===constant.ETimeSliceType.Time?n=lbAnnotation.MathUtils.isInRange(l,[s-.1,s+.1]):n=c===null||lbAnnotation.MathUtils.isInRange(l,[s,c]),n},d=[],o=[];i.forEach(r=>{(m(r)?o:d).push(r)});const p=o.sort((r,a)=>r.start-a.start).map(r=>__spreadProps(__spreadValues({},r),{withinTime:!0})).map(r=>React__default.default.createElement(reactTransitionGroup.CSSTransition,{classNames:"fade",key:r.id,timeout:500},React__default.default.createElement("div",{className:index.classnames({[index_module.timeSliceWrapper]:!0,[index_module.active]:r.withinTime})},React__default.default.createElement("div",{className:index_module.timeSliceItemAttribute,style:{textAlign:"right"}},React__default.default.createElement("span",{style:{backgroundColor:lbAnnotation.AttributeUtils.getAttributeColor(r.attribute,t)}},`${constant.TIME_SLICE_TYPE[r.type]}: ${lbAnnotation.AttributeUtils.getAttributeShowText(r.attribute,t)||"\u65E0\u5C5E\u6027"}`)),r.textAttribute&&React__default.default.createElement("div",{className:index_module.timeSliceItemText},`\u6587\u672C: ${r.textAttribute}`))));return React__default.default.createElement("div",{className:index_module.videoTimeSlices,style:u},React__default.default.createElement(reactTransitionGroup.TransitionGroup,{className:"fade-group"},p))};module.exports=VideoTimeSlicesOverVideo;

package/dist/components/videoAnnotate/videoClipTool/components/videoTimeSlicesOverVideo/index.module.scss.js

@@ -0,0 +1 @@
+"use strict";var styles={videoTimeSlices:"index-module_videoTimeSlices__v-2k1",timeSliceWrapper:"index-module_timeSliceWrapper__kebC3",active:"index-module_active__cIGVq",timeSliceItemText:"index-module_timeSliceItemText__FJFwH",timeSliceItemAttribute:"index-module_timeSliceItemAttribute__--3E1"};module.exports=styles;

package/dist/components/videoAnnotate/videoClipTool/components/videoTrack/index.js

@@ -0,0 +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:u,textAttribute:n}=r;return[lbAnnotation.AttributeUtils.getAttributeShowText(u,a)||e("NoAttribute"),n?`${e("textTool")}: ${n}`:""].filter(m=>m).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,s=n.end;return m.every(p=>{const v=[p.start,p.end],d=[i,s];return!lbAnnotation.MathUtils.isInRange(i,v)&&!lbAnnotation.MathUtils.isInRange(s,v)&&!lbAnnotation.MathUtils.isInRange(p.start,d)&&!lbAnnotation.MathUtils.isInRange(p.end,d)})});l>-1&&e[l].push(n)}});const u=fillArrayLen(e.filter(n=>n.length>0));return u==null?void 0:u.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:u,onTrackResizeStart:n}=r,{result:l,selectedAttribute:m,attributeList:i,selectedID:s,clipStatus:p,contextToCancel:v}=React.useContext(VideoClipToolContext.VideoClipToolContext),{duration:d}=React.useContext(index.VideoPlayerCtx),y=React.useRef(null),k=e/d,T=(t,o=4)=>`${utils.decimalReserved(t*100,o)}%`,x=t=>{if(t){const o=lbAnnotation.AttributeUtils.getAttributeColor(t.attribute,i),f=Math.max((t.end||e)-t.start,0)/d,c={backgroundColor:o,left:T(t.start/d,2),width:T(t.end?Math.max(f,.001):f,2),position:"absolute",borderRadius:5};return t.type===constant.ETimeSliceType.Time&&(delete c.width,delete c.backgroundColor,c.top="50%",c.transform="translate(-50%)",c.color=o),c}return{}},b=lbAnnotation.AttributeUtils.getAttributeColor(m,i),g=((a=y.current)==null?void 0:a.clientWidth)||0,C=utils.decimalReserved(Math.max(g*k,0),0),E=utils.decimalReserved(Math.min(C,Math.floor(g-68)),0),_=t=>{if(t)return t.type===constant.ETimeSliceType.Time?React__default.default.createElement(ToolTipForClip,{slot:React__default.default.createElement(icons.EnvironmentFilled,{style:x(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:x(t),onResize:(o,f)=>r.onTrackResize(t.id,o,f),onTrackResizeStart:n,onClipping:p===constant.EClipStatus.Clipping,isSelected:t.id===s,readonly:u,attributeList:i})},P=React.useMemo(()=>{const t=sortTrack(l,s);return t==null?void 0:t.map((o,f)=>{var c;return React__default.default.createElement("div",{className:index_module.track,key:(o==null?void 0:o.id)||f},(c=o.data)==null?void 0:c.map(h=>_(h)))})},[l,s,d,JSON.stringify(i)]),j=React.useMemo(()=>{const t=l.find(o=>(o==null?void 0:o.id)===s);return s&&t?React__default.default.createElement("div",{className:index_module.track,key:t==null?void 0:t.id},_(t)):null},[l,s,d,e,JSON.stringify(i)]);return React__default.default.createElement("div",{className:index_module.videoTrackContainer,ref:y,onContextMenu:v},React__default.default.createElement("div",{className:index_module.timeTrack}),React__default.default.createElement("div",{className:index_module.videoTrack},j,P),React__default.default.createElement("div",{className:index_module.timeline,style:{transform:`translate3d(${C}px, 0px, 0px)`,backgroundColor:b}}),React__default.default.createElement("div",{className:index_module.displayTime,style:{backgroundColor:b,transform:`translateX(${E}px, 0px, 0px)`}},audio.timeFormat(e)))};var VideoTrack$1=VideoTrack;exports.default=VideoTrack$1,exports.getDisplayContent=getDisplayContent;

package/dist/components/videoAnnotate/videoClipTool/components/videoTrack/index.module.scss.js

@@ -0,0 +1 @@
+"use strict";var styles={videoTrackContainer:"index-module_videoTrackContainer__0oBy3",timeTrack:"index-module_timeTrack__f--CU",videoTrack:"index-module_videoTrack__auEud",track:"index-module_track__N8mLd",timeline:"index-module_timeline__GppcX",displayTime:"index-module_displayTime__h0Lg7",textOverflow:"index-module_textOverflow__jf6jA"};module.exports=styles;

package/dist/components/videoAnnotate/videoClipTool/constant.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EPageChanges=void 0,function(t){t[t.AHEAD=1]="AHEAD",t[t.BACK=-1]="BACK"}(exports.EPageChanges||(exports.EPageChanges={})),exports.EDirection=void 0,function(t){t.Left="left",t.Right="right"}(exports.EDirection||(exports.EDirection={})),exports.EClipStatus=void 0,function(t){t[t.Clipping=0]="Clipping",t[t.Stop=1]="Stop"}(exports.EClipStatus||(exports.EClipStatus={})),exports.ETimeSliceType=void 0,function(t){t[t.Period=0]="Period",t[t.Time=1]="Time"}(exports.ETimeSliceType||(exports.ETimeSliceType={}));const TIME_SLICE_TYPE={[0]:"\u7247\u6BB5",[1]:"\u65F6\u95F4\u70B9"},SLICE_MIN_TIME=.05,PER_SLICE_CHANGE=.05;exports.PER_SLICE_CHANGE=PER_SLICE_CHANGE,exports.SLICE_MIN_TIME=SLICE_MIN_TIME,exports.TIME_SLICE_TYPE=TIME_SLICE_TYPE;

package/dist/components/videoAnnotate/videoClipTool/index.js

@@ -0,0 +1 @@
+"use strict";var lbAnnotation=require("@labelbee/lb-annotation"),index=require("../../../utils/index.js"),audio=require("../../../utils/audio.js"),antd=require("antd"),_=require("lodash"),React=require("react"),index_module=require("./index.module.scss.js"),VideoClipToolContext=require("./VideoClipToolContext.js"),constant=require("./constant.js"),index$1=require("../../videoPlayer/index.js"),index$2=require("./components/videoTimeSlicesOverVideo/index.js"),icon_videoCutting=require("../../../assets/annotation/video/icon_videoCutting.svg.js"),utils=require("../../videoPlayer/utils.js");function _interopDefaultLegacy(d){return d&&typeof d=="object"&&"default"in d?d:{default:d}}var ___default=_interopDefaultLegacy(_),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=(d,r,t)=>r in d?__defProp(d,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[r]=t,__spreadValues=(d,r)=>{for(var t in r||(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(d,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(d,t,r[t]);return d},__spreadProps=(d,r)=>__defProps(d,__getOwnPropDescs(r));class VideoClipTool extends React__default.default.Component{constructor(r){super(r);this.fns=new Map,this.throttledUpdateTime=___default.default.throttle(t=>{this.videoPlayer.currentTime=t},100,{trailing:!0}),this.stepInfo=()=>this.props.stepInfo,this.emitEvent=t=>{const e=this.fns.get(t);e&&e.forEach(i=>{i&&i()})},this.setValid=t=>{this.setState({valid:t}),t===!1&&(this.clearResult(),this.updateSidebar())},this.updateSidebar=()=>{this.emitEvent("changeClipSidebar")},this.exportData=()=>{var t,e;const i=(e=(t=this.videoRef)==null?void 0:t.duration)!=null?e:0;return[this.state.result.filter(s=>s.end!==null),{valid:this.state.valid,duration:i}]},this.updateSelectedSliceTimeStartByPer=t=>{var e,i;if(this.state.clipStatus===constant.EClipStatus.Clipping){antd.message.info("\u622A\u53D6\u4E2D\u4E0D\u652F\u6301\u8C03\u6574\u5F00\u59CB\u65F6\u95F4");return}if(this.selectedSliceIndex>-1){const s=(i=(e=this.videoPlayer)==null?void 0:e.duration)!=null?i:0,{end:a,start:u,type:l}=this.state.result[this.selectedSliceIndex],n=lbAnnotation.MathUtils.withinRange(audio.precisionAdd(u,t),[0,audio.precisionMinus(l===constant.ETimeSliceType.Time?s:a,constant.PER_SLICE_CHANGE)]);this.updateSelectedSliceTimeProperty(n,"start")}},this.updateSelectedSliceTimeEndByPer=t=>{var e,i;if(this.state.clipStatus===constant.EClipStatus.Clipping){antd.message.info("\u622A\u53D6\u4E2D\u4E0D\u652F\u6301\u8C03\u6574\u7ED3\u675F\u65F6\u95F4");return}if(this.selectedSliceIndex>-1){const s=this.state.result[this.selectedSliceIndex],a=(i=(e=this.videoPlayer)==null?void 0:e.duration)!=null?i:0;if(s.type===constant.ETimeSliceType.Time){antd.message.info("\u65F6\u95F4\u70B9\u4EC5\u652F\u6301\u8C03\u6574\u5F00\u59CB\u65F6\u95F4");return}const{end:u,start:l}=s,n=lbAnnotation.MathUtils.withinRange(audio.precisionAdd(u,t),[audio.precisionAdd(l,constant.PER_SLICE_CHANGE),a]);this.updateSelectedSliceTimeProperty(n,"end")}},this.updateSelectedSliceTimeProperty=(t,e)=>{if(this.selectedSliceIndex>-1){const{result:i}=this.state;i[this.selectedSliceIndex][e]=t,this.setState({result:___default.default.cloneDeep(i)}),this.updateSidebar()}},this.keyDownEvents=t=>{if(!lbAnnotation.CommonToolUtils.hotkeyFilter(t))return;const e=t.target;switch(e&&(e==null?void 0:e.tag)==="INPUT"&&(e==null?void 0:e.type)==="radio"&&t.preventDefault(),t.key.toLocaleLowerCase()){case"x":this.toggleClipStatus();break;case"e":this.addTime();break;case"escape":this.cancelClipped();break;case"-":this.updateSelectedSliceTimeStartByPer(-constant.PER_SLICE_CHANGE);break;case"=":this.updateSelectedSliceTimeStartByPer(constant.PER_SLICE_CHANGE);break;case"[":this.updateSelectedSliceTimeEndByPer(-constant.PER_SLICE_CHANGE);break;case"]":this.updateSelectedSliceTimeEndByPer(constant.PER_SLICE_CHANGE);break}},this.videoLoaded=t=>{var e;const i=this.resultJSON,s=i&&!["","{}"].includes(i),a=t?parseFloat(t.toFixed(2)):0,u={loading:!1};((e=index.jsonParser(i))==null?void 0:e.duration)||Object.assign(u,{result:JSON.stringify(__spreadProps(__spreadValues({},index.jsonParser(i)),{duration:a}))}),s||Object.assign(u,{result:JSON.stringify({width:0,height:0,rotate:0,valid:!0,duration:a})}),this.setState({loading:!1})},this.setVideoError=(t,e,i)=>{if(t){const{clipStatus:s}=this.state;s===constant.EClipStatus.Clipping&&this.toggleClipStatus(i)}this.setState({videoError:t,loading:!1})},this.clearResult=()=>{this.setState({result:[],selectedID:"",textValue:""}),this.updateSidebar()},this.cancelClipped=()=>{const{result:t,selectedID:e,clipStatus:i}=this.state;if(i!==constant.EClipStatus.Clipping)return;const s=t.findIndex(a=>a.id===e);s>-1&&(t.splice(s,1),this.setState({result:t,selectedID:"",clipStatus:constant.EClipStatus.Stop}),this.updateSidebar())},this.toggleClipStatus=t=>{var e,i,s;if(this.disabled)return;const{clipStatus:a,selectedAttribute:u}=this.state,l=a!==constant.EClipStatus.Clipping;let n=l?constant.EClipStatus.Clipping:constant.EClipStatus.Stop,{result:o,selectedID:c,textValue:h}=this.state;const p=___default.default.cloneDeep(o),S=t||((e=this.videoPlayer)==null?void 0:e.currentTime),v=(i=this.videoPlayer)==null?void 0:i.duration;if(v===void 0||S===void 0)return;const C=utils.decimalReserved(S,2);if(l){const f=lbAnnotation.uuid();c=f,p.push({start:C,end:null,attribute:u,textAttribute:this.defaultTextAttribute,duration:v,id:f,type:constant.ETimeSliceType.Period}),h=this.defaultTextAttribute}else{const f=p.findIndex(m=>m.id===c),g=p[f];g&&(S-g.start<constant.SLICE_MIN_TIME?(p.splice(f,1),antd.message.info(`\u622A\u53D6\u7247\u6BB5\u4E0D\u80FD\u77ED\u4E8E${constant.SLICE_MIN_TIME}s`),n=constant.EClipStatus.Stop,c="",h=""):(p[f].end=utils.decimalReserved(S,2),(s=this.videoPlayer)==null||s.pause(),antd.message.success(`\u5DF2\u622A\u53D6\u7247\u6BB5${o.length}`)))}this.setState({clipStatus:n,result:p,selectedID:c,textValue:h}),this.updateSidebar()},this.addTime=()=>{var t,e,i,s;if(this.disabled)return;const{result:a,selectedAttribute:u,selectedID:l}=this.state,n=lbAnnotation.uuid(),o=___default.default.cloneDeep(a),c=((t=this.videoPlayer)==null?void 0:t.currentTime)||0;o.push({start:c,end:c,attribute:u,textAttribute:this.defaultTextAttribute,id:n,type:constant.ETimeSliceType.Time,duration:(i=(e=this.videoPlayer)==null?void 0:e.duration)!=null?i:0});const h={result:o,selectedID:n,textValue:this.defaultTextAttribute},p=o.find(S=>S.id===l);this.isClipping&&p?(delete h.selectedID,delete h.textValue,antd.message.success(`\u5DF2\u622A\u53D6\u65F6\u95F4\u70B9${o.length-1}`)):(s=this.videoPlayer)==null||s.pause(),this.setState(h),this.updateSidebar()},this.contextToCancel=t=>{this.state.clipStatus===constant.EClipStatus.Stop&&(t.preventDefault(),this.setState({selectedID:""}),this.updateSidebar())},this.onTrackResize=(t,e,i)=>{var s,a;const{result:u}=this.state,l=u.find(n=>n.id===t);if(l){const n=l.duration,o=e==="left",c=o?"start":"end",h=o?-n*i:n*i,p=o?[0,Math.max(((s=l.end)!=null?s:0)-constant.SLICE_MIN_TIME,0)]:[l.start+constant.SLICE_MIN_TIME,n],S=lbAnnotation.MathUtils.withinRange(h+((a=l==null?void 0:l[c])!=null?a:0),p);l[c]=S,this.throttledUpdateTime(S)}this.setState({result:[...u]}),this.updateSidebar()},this.renderMediaContent=()=>{const{pageForward:t,pageJump:e,pageBackward:i}=this.props,{result:s,currentTime:a,videoError:u,valid:l}=this.state;return React__default.default.createElement("div",{className:index_module.clipContainer},React__default.default.createElement(index$1.VideoPlayer,{imgIndex:this.props.imgIndex,imgList:this.props.imgList,pageBackward:i,pageForward:t,pageJump:e,valid:l,setVideoRef:n=>{this.videoPlayer=n},showVideoTrack:!u,onTrackResize:this.onTrackResize,drawLayerSlot:this.props.drawLayerSlot,footer:this.props.footer,dataLoaded:this.videoLoaded}),React__default.default.createElement(index$2,{result:s,currentTime:a,attributeList:this.props.config.attributeList,extraStyle:{top:this.props.drawLayerSlot?40:0}}),this.isClipping&&React__default.default.createElement("i",{className:index_module.clipping,style:{backgroundImage:icon_videoCutting}}))},this.onSelectedTimeSlice=t=>{var e;this.isClipping||(this.setState({selectedID:t.id,selectedAttribute:t.attribute,textValue:t.textAttribute}),this.updateSidebar(),(e=this.videoPlayer)==null||e.pause(),this.videoPlayer.currentTime=t.start)},this.removeTimeSlice=t=>{const{result:e}=this.state,i=this.state.selectedID===t.id?"":this.state.selectedID,s=e.findIndex(a=>a.id===t.id);s>-1&&(e.splice(s,1),this.setState({result:[...e],selectedID:i}),this.updateSidebar())},this.setResult=(t=!0,e=this.props)=>{try{const{imgIndex:i,imgList:s}=e;if(!s[i])return;const u=index.jsonParser(s[i].result)[`step_${this.stepInfo().step}`],l=(u==null?void 0:u.result)||[],n=audio.isImageValue(s[i].result||"[]");this.setState({result:l,loading:t,selectedID:"",textValue:"",selectedAttribute:"",clipStatus:constant.EClipStatus.Stop,valid:n},()=>{this.updateSidebar(),n||antd.message.info("\u65E0\u6548\u89C6\u9891\uFF0C\u8BF7\u8DF3\u8FC7")})}catch(i){console.error("\u6570\u636E\u89E3\u6790\u5931\u8D25"),this.setState({result:[],loading:!1,selectedID:"",textValue:"",selectedAttribute:"",valid:!0},()=>{this.updateSidebar()})}},this.setDefaultAttribute=t=>{const{result:e,selectedID:i}=this.state,s=e.find(a=>a.id===i);s&&i&&(s.attribute=t),this.setState({selectedAttribute:t,result:[...e]}),this.updateSidebar()},this.setTextAttribute=t=>{const{result:e,selectedID:i}=this.state;if(this.setState({textValue:t}),i){const s=e.find(a=>a.id===i);s&&(s.textAttribute=t,this.setState({result:[...e]}),this.updateSidebar())}},this.state={result:[],selectedAttribute:"",textValue:"",clipStatus:constant.EClipStatus.Stop,selectedID:"",loading:!1,videoError:!1,remainingTime:0,currentTime:0,configLoading:!1,valid:!0}}get videoUrl(){var r;const{imgIndex:t,imgList:e}=this.props;return((r=e[t])==null?void 0:r.url)||""}get isClipping(){return this.state.clipStatus===constant.EClipStatus.Clipping}get resultJSON(){const{imgIndex:r,imgList:t}=this.props;return t.length===0||!t[r]?"[]":t[r].result}get disabled(){return!this.state.valid||this.state.videoError}get loading(){return this.state.loading||this.state.configLoading}get defaultTextAttribute(){return lbAnnotation.AttributeUtils.getTextAttribute(this.state.result,this.props.config.textCheckType)}get defaultAttribute(){return this.state.selectedAttribute}get selectedSliceIndex(){return this.state.result.findIndex(r=>r.id===this.state.selectedID)}get exportContext(){return{selectedID:this.state.selectedID,result:this.state.result,clipStatus:this.state.clipStatus,videoPlayer:this.videoPlayer,attributeList:this.props.config.attributeList,onSelectedTimeSlice:this.onSelectedTimeSlice,removeTimeSlice:this.removeTimeSlice,updateSelectedSliceTimeProperty:this.updateSelectedSliceTimeProperty}}get valid(){return this.state.valid}componentDidMount(){this.setState({loading:!1}),this.setResult(!1),this.props.onMounted(this),window.addEventListener("keydown",this.keyDownEvents)}componentWillUnmount(){this.props.onUnmounted(),window.removeEventListener("keydown",this.keyDownEvents)}shouldComponentUpdate(r,t){const e=r.imgIndex-this.props.imgIndex,i=r.step-this.props.step;return(e!==0||i!==0)&&(this.setResult(!0,r),i!==0&&this.setState({loading:!1})),!0}singleOn(r,t){this.fns.set(r,[t])}on(r,t){this.singleOn(r,t)}unbindAll(r){this.fns.delete(r)}render(){const{selectedID:r,result:t,clipStatus:e,selectedAttribute:i}=this.state;return React__default.default.createElement(VideoClipToolContext.VideoClipToolContextProvider,{value:{videoPlayer:this.videoPlayer,result:t,selectedID:r,attributeList:this.props.config.attributeList,clipStatus:e,selectedAttribute:i,contextToCancel:this.contextToCancel}},this.renderMediaContent())}}module.exports=VideoClipTool;

package/dist/components/videoAnnotate/videoClipTool/index.module.scss.js

@@ -0,0 +1 @@
+"use strict";var styles={clipContainer:"index-module_clipContainer__L8DlL",containerWrapper:"index-module_containerWrapper__49TNa",clipping:"index-module_clipping__M-9B2"};module.exports=styles;

package/dist/components/videoAnnotate/videoTagTool/TagToolInstanceAdaptor.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),index=require("../../../utils/index.js"),index$1=require("../../videoPlayer/index.js"),VideoTagLayer=require("../../videoPlayer/VideoTagLayer.js"),_=require("lodash"),utils=require("../../videoPlayer/utils.js");function _interopDefaultLegacy(h){return h&&typeof h=="object"&&"default"in h?h:{default:h}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_);class TagToolInstanceAdaptor extends React__default.default.Component{constructor(s){super(s);this.fns={},this.labelSelectedList=[],this.clearResult=(e=!0,t)=>{const i=t?this.state.tagResult.map(l=>((l==null?void 0:l.result[t])&&delete l.result[t],l)):[];this.setState({tagResult:i},()=>this.emitEvent("render"))},this.exportData=()=>{var e,t,i,l,o,n,r;const a=(t=(e=this.videoPlayer)==null?void 0:e.duration)!=null?t:0,d=(i=this.videoPlayer)==null?void 0:i.getVideoPlaybackQuality(),u=d==null?void 0:d.totalVideoFrames,c=(o=(l=this.videoPlayer)==null?void 0:l.videoWidth)!=null?o:0,v=(r=(n=this.videoPlayer)==null?void 0:n.videoHeight)!=null?r:0;return[this.state.tagResult,{valid:this.state.valid,duration:a,frames:u,videoWidth:c,videoHeight:v}]},this.emitEvent=e=>{this.fns[e]&&this.fns[e]()},this.combineResult=(e,t={})=>{var i,l;const{isMulti:o}=e,{key:n,value:r}=e.value;if(o){let a=(l=(i=t[n])==null?void 0:i.split(";"))!=null?l:[];a.includes(r)?a=a.filter(u=>u!==r):a.push(r);const d=new Set(a);return t[n]=Array.from(d).join(";"),___default.default.pickBy(t,u=>u)}return t[n]=t[n]===r?void 0:r,___default.default.pickBy(t,a=>a)},this.setResult=e=>{this.setState({tagResult:e}),this.fns.render&&this.fns.render()},this.setLabel=(e,t)=>{this.setLabelBySelectedList(e,t)},this.keydown=e=>{const t=utils.getKeyCodeNumber(e.keyCode);if(t){const i=t-1;if(this.config.inputList.length===1){this.labelSelectedList=[0,i],this.setLabel(0,i),setTimeout(()=>{this.labelSelectedList=[],this.emitEvent("render")},500);return}this.labelSelectedList.length===1?(this.labelSelectedList=[this.labelSelectedList[0],i],this.setLabel(this.labelSelectedList[0],i),setTimeout(()=>{this.labelSelectedList=[],this.emitEvent("render")},500)):(this.labelSelectedList=[i],this.emitEvent("expend"))}},this.setValid=e=>{this.setState({valid:e}),e===!1&&this.setState({tagResult:[]}),this.emitEvent("render")},this.setResultFromImgList=e=>{var t;const{imgList:i,imgIndex:l,step:o}=e;if(!i[l])return;const n=index.jsonParser(i[l].result),r=n[`step_${o}`];this.setState({tagResult:(t=r==null?void 0:r.result)!=null?t:[],valid:(n==null?void 0:n.valid)===void 0?!0:n.valid})},this.state={tagResult:[],labelSelectedList:[],valid:!0}}get config(){var s;return index.jsonParser((s=this.props.stepInfo)==null?void 0:s.config)}get history(){return{initRecord:()=>{},pushHistory:()=>{}}}get currentTagResult(){var s;return(s=this.state.tagResult[0])!=null?s:{}}get valid(){return this.state.valid}singleOn(s,e){this.fns[s]=e}on(s,e){this.singleOn(s,e)}unbindAll(s){delete this.fns[s]}getTagResultByCode(s,e){var t,i,l;try{const o=(i=(t=this.config)==null?void 0:t.inputList)!=null?i:[],n=o.length>1,r=e!==void 0?s:0,a=e!==void 0?e:s,d=n?o[r]:o[0],u=((l=d.subSelected)!=null?l:[])[a];if(d&&u)return{value:{key:d.value,value:u.value},isMulti:d.isMulti}}catch(o){return}}setLabelBySelectedList(s,e){var t,i,l,o;const n=this.getTagResultByCode(s,e);if(n){const r=this.combineResult(n,(i=(t=this.state.tagResult[0])==null?void 0:t.result)!=null?i:{}),a=[{sourceID:lbAnnotation.CommonToolUtils.getSourceID(),id:(o=(l=this.currentTagResult)==null?void 0:l.id)!=null?o:lbAnnotation.uuid(8,62),result:r}];this.setState({tagResult:a},()=>this.emitEvent("render"))}}componentDidMount(){document.addEventListener("keydown",this.keydown),this.props.onMounted(this),this.setResultFromImgList(this.props)}componentWillUnmount(){document.addEventListener("keydown",this.keydown),this.props.onUnmounted()}shouldComponentUpdate(s){return s.imgIndex!==this.props.imgIndex&&this.setResultFromImgList(s),!0}render(){var s;const{imgIndex:e,imgList:t,pageForward:i,pageJump:l,pageBackward:o}=this.props,{tagResult:n,valid:r}=this.state;return React__default.default.createElement("div",{style:{height:"100%",width:"100%",position:"relative",display:"flex",flexDirection:"column"}},React__default.default.createElement(index$1.VideoPlayer,{imgIndex:e,imgList:t,pageBackward:o,pageForward:i,pageJump:l,valid:r,setVideoRef:a=>{this.videoPlayer=a},drawLayerSlot:this.props.drawLayerSlot,footer:this.props.footer}),React__default.default.createElement(VideoTagLayer.VideoTagLayer,{result:n,inputList:(s=this.config)==null?void 0:s.inputList,hasPromptLayer:!!this.props.drawLayerSlot}))}}exports.TagToolInstanceAdaptor=TagToolInstanceAdaptor;

package/dist/components/videoAnnotate/videoTextTool/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),index=require("../../../utils/index.js"),index$1=require("../../videoPlayer/index.js"),_=require("lodash"),VideoTextLayer=require("../../videoPlayer/VideoTextLayer.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var React__default=_interopDefaultLegacy(React),___default=_interopDefaultLegacy(_);class VideoTextTool extends React__default.default.Component{constructor(e){super(e);this.fns={},this.clearResult=(t=!0)=>{this.setState({result:{}},()=>this.updateSidebar())},this.exportData=()=>{var t,l,s,r,i,n,o;const d=(l=(t=this.videoPlayer)==null?void 0:t.duration)!=null?l:0,u=(s=this.videoPlayer)==null?void 0:s.getVideoPlaybackQuality(),h=u==null?void 0:u.totalVideoFrames,v=(i=(r=this.videoPlayer)==null?void 0:r.videoWidth)!=null?i:0,p=(o=(n=this.videoPlayer)==null?void 0:n.videoHeight)!=null?o:0;return[[this.state.result],{valid:this.state.valid,duration:d,frames:h,videoWidth:v,videoHeight:p}]},this.toggleShowText=t=>{this.setState({showText:t})},this.emitEvent=t=>{this.fns[t]&&this.fns[t]()},this.updateSidebar=()=>{this.emitEvent("valueUpdated")},this.updateTextValue=(t,l,s)=>{var r;const i=___default.default.cloneDeep(s!=null?s:{});i.value=Object.assign((r=i.value)!=null?r:{},{[t]:l}),this.setState({result:i},()=>this.updateSidebar())},this.setResult=t=>{this.setState({result:t}),this.fns.render&&this.fns.render()},this.setValid=t=>{this.setState({valid:t}),t===!1&&this.setState({result:{}}),this.emitEvent("render")},this.setResultFromImgList=t=>{var l,s;const{imgList:r,imgIndex:i,step:n}=t;if(!r[i])return;const o=index.jsonParser(r[i].result),d=o[`step_${n}`];this.setState({result:(s=(l=d==null?void 0:d.result)==null?void 0:l[0])!=null?s:{},valid:(o==null?void 0:o.valid)===void 0?!0:o.valid},()=>this.updateSidebar())},this.state={result:{},valid:!0,showText:!0}}get config(){var e;return index.jsonParser((e=this.props.stepInfo)==null?void 0:e.config)}get history(){return{initRecord:()=>{},pushHistory:()=>{}}}get valid(){return this.state.valid}get textList(){return[this.state.result]}getColor(e=this.config,t=""){return lbUtils.toolStyleConverter.getColorByConfig({attribute:t,config:e})}singleOn(e,t){this.fns[e]=t}on(e,t){this.singleOn(e,t)}unbindAll(e){delete this.fns[e]}componentDidMount(){this.props.onMounted(this),this.setResultFromImgList(this.props)}componentWillUnmount(){this.props.onUnmounted()}shouldComponentUpdate(e){return e.imgIndex!==this.props.imgIndex&&this.setResultFromImgList(e),!0}render(){var e,t;const{imgIndex:l,imgList:s,pageForward:r,pageJump:i,pageBackward:n}=this.props,{result:o,valid:d,showText:u}=this.state;return React__default.default.createElement("div",{style:{height:"100%",width:"100%",position:"relative",display:"flex",flexDirection:"column"}},u&&o.value&&React__default.default.createElement(VideoTextLayer.VideoTextLayer,{value:o.value,toolColor:(t=(e=this.getColor(this.config))==null?void 0:e.valid)==null?void 0:t.fill,configList:this.config.configList,hasPromptLayer:!!this.props.drawLayerSlot}),React__default.default.createElement(index$1.VideoPlayer,{imgIndex:l,imgList:s,pageBackward:n,pageForward:r,pageJump:i,valid:d,setVideoRef:h=>{this.videoPlayer=h},drawLayerSlot:this.props.drawLayerSlot,footer:this.props.footer}))}}exports.VideoTextTool=VideoTextTool;

package/dist/components/videoPlayer/VideoTagLayer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),utils=require("./utils.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const tagLayerCSSProperty={position:"absolute",zIndex:20,padding:"0 20px",color:"white",fontSize:15,lineHeight:"32px",background:"rgba(0, 255, 255, 0.32)",top:0,right:0,maxHeight:"calc(100% - 80px)",overflowY:"scroll"},VideoTagLayer=({result:e,inputList:a})=>{const l=utils.result2LabelKey(e,a);return React__default.default.createElement("div",{style:tagLayerCSSProperty},React__default.default.createElement("table",null,React__default.default.createElement("tbody",null,l.map(({keyLabel:t,valuesLabelArray:r})=>React__default.default.createElement("tr",{key:t},React__default.default.createElement("td",{style:{paddingRight:8}},`${t}:`),React__default.default.createElement("td",null,`${r.join("\u3001")}`))))))};exports.VideoTagLayer=VideoTagLayer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),utils=require("./utils.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const VideoTagLayer=({result:e,inputList:a,hasPromptLayer:l})=>{const r=utils.result2LabelKey(e,a),u={position:"absolute",zIndex:20,padding:"0 20px",color:"white",fontSize:15,lineHeight:"32px",background:"rgba(0, 255, 255, 0.32)",top:l?40:0,right:0,maxHeight:"calc(100% - 80px)",overflowY:"scroll"};return React__default.default.createElement("div",{style:u},React__default.default.createElement("table",null,React__default.default.createElement("tbody",null,r.map(({keyLabel:t,valuesLabelArray:n})=>React__default.default.createElement("tr",{key:t},React__default.default.createElement("td",{style:{paddingRight:8}},`${t}:`),React__default.default.createElement("td",null,`${n.join("\u3001")}`))))))};exports.VideoTagLayer=VideoTagLayer;

package/dist/components/videoPlayer/VideoTextLayer.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const VideoTextLayer=t=>{const{toolColor:n,value:a,configList:l,showEmptyValue:u,hasPromptLayer:i}=t,c=React.useRef(null),d=e=>{var r;const o=l==null?void 0:l.find(p=>p.key===e);return(r=o==null?void 0:o.label)!=null?r:e},s=e=>e.endsWith(`
+`)?e+" ":e;return React__default.default.createElement("div",{ref:c,style:{position:"absolute",right:0,top:i?40:0,zIndex:22,maxWidth:416,fontFamily:"SourceHanSansCN-Regular",background:n,color:"white",wordBreak:"break-all",lineHeight:"24px",whiteSpace:"pre-wrap",maxHeight:"80%",overflowY:"auto",opacity:.9}},Object.keys(a).filter(e=>u?!0:a[e]).map(e=>React__default.default.createElement("div",{key:e,style:{padding:"8px 16px"}},React__default.default.createElement("div",null,`${d(e)}:`),React__default.default.createElement("div",null,s(a[e])||"(\u7A7A)"))))};exports.VideoTextLayer=VideoTextLayer;

package/dist/components/videoPlayer/components/SpeedController/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icons=require("@ant-design/icons"),React=require("react"),index_module=require("./index.module.scss.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const EKeyCode=lbAnnotation.cKeyCode.default,VIDEO_PLAYBACK_RATE_SPEED=[.5,1,1.5,2,4,6,8,16],AUDIO_PLAYBACK_RATE_SPEED=[.5,.75,1,1.25,1.5,1.75,2];exports.EPlayerType=void 0,function(e){e[e.Video=0]="Video",e[e.Audio=1]="Audio"}(exports.EPlayerType||(exports.EPlayerType={}));var ESpeedChange;(function(e){e[e.Increase=0]="Increase",e[e.Reduce=1]="Reduce"})(ESpeedChange||(ESpeedChange={}));const PLAYER_TYPE_RATE_SPEED={[0]:VIDEO_PLAYBACK_RATE_SPEED,[1]:AUDIO_PLAYBACK_RATE_SPEED},SpeedController=e=>{const{onChange:c,playerType:i}=e,n=PLAYER_TYPE_RATE_SPEED[i],d=n.slice(-1)[0],u=n[0],[o,E]=React.useState(1),r=t=>{const a=t===0?1:-1;if(a===1&&o===d||a===-1&&o===u)return;const _=n.findIndex(A=>A===o)+a,l=n[_];E(l),c(l)},s=t=>{!lbAnnotation.CommonToolUtils.hotkeyFilter(t)||(t.keyCode===EKeyCode.Up&&r(0),t.keyCode===EKeyCode.Down&&r(1))};return React.useEffect(()=>(window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s))),React__default.default.createElement("div",{className:index_module.speedControllerWrap},React__default.default.createElement("span",{style:{display:"flex",alignItems:"center"}},React__default.default.createElement("span",{style:{fontSize:12}},"\u500D\u901F"),o,"x"),React__default.default.createElement("span",{className:index_module.speedController},React__default.default.createElement(icons.CaretUpOutlined,{onClick:()=>r(0)}),React__default.default.createElement(icons.CaretDownOutlined,{onClick:()=>r(1)})))};exports.AUDIO_PLAYBACK_RATE_SPEED=AUDIO_PLAYBACK_RATE_SPEED,exports.PLAYER_TYPE_RATE_SPEED=PLAYER_TYPE_RATE_SPEED,exports.VIDEO_PLAYBACK_RATE_SPEED=VIDEO_PLAYBACK_RATE_SPEED,exports.default=SpeedController;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var icons=require("@ant-design/icons"),React=require("react"),index_module=require("./index.module.scss.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const EKeyCode=lbAnnotation.cKeyCode.default,VIDEO_PLAYBACK_RATE_SPEED=[.5,1,1.5,2,4,6,8,16],AUDIO_PLAYBACK_RATE_SPEED=[.5,.75,1,1.25,1.5,1.75,2];exports.EPlayerType=void 0,function(e){e[e.Video=0]="Video",e[e.Audio=1]="Audio"}(exports.EPlayerType||(exports.EPlayerType={}));var ESpeedChange;(function(e){e[e.Increase=0]="Increase",e[e.Reduce=1]="Reduce"})(ESpeedChange||(ESpeedChange={}));const PLAYER_TYPE_RATE_SPEED={[0]:VIDEO_PLAYBACK_RATE_SPEED,[1]:AUDIO_PLAYBACK_RATE_SPEED},SpeedController=e=>{const{onChange:l,playerType:i}=e,{t:d}=reactI18next.useTranslation(),n=PLAYER_TYPE_RATE_SPEED[i],u=n.slice(-1)[0],E=n[0],[o,_]=React.useState(1),r=t=>{const a=t===0?1:-1;if(a===1&&o===u||a===-1&&o===E)return;const A=n.findIndex(f=>f===o)+a,c=n[A];_(c),l(c)},s=t=>{!lbAnnotation.CommonToolUtils.hotkeyFilter(t)||(t.keyCode===EKeyCode.Up&&r(0),t.keyCode===EKeyCode.Down&&r(1))};return React.useEffect(()=>(window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s))),React__default.default.createElement("div",{className:index_module.speedControllerWrap},React__default.default.createElement("span",{style:{display:"flex",alignItems:"center"}},React__default.default.createElement("span",{style:{fontSize:12}},d("Speed")),o,"x"),React__default.default.createElement("span",{className:index_module.speedController},React__default.default.createElement(icons.CaretUpOutlined,{onClick:()=>r(0)}),React__default.default.createElement(icons.CaretDownOutlined,{onClick:()=>r(1)})))};exports.AUDIO_PLAYBACK_RATE_SPEED=AUDIO_PLAYBACK_RATE_SPEED,exports.PLAYER_TYPE_RATE_SPEED=PLAYER_TYPE_RATE_SPEED,exports.VIDEO_PLAYBACK_RATE_SPEED=VIDEO_PLAYBACK_RATE_SPEED,exports.default=SpeedController;

package/dist/components/videoPlayer/components/controller/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),dom=require("../../../../utils/dom.js"),icons=require("@ant-design/icons"),index=require("../../index.js"),Pagination=require("../../../../views/MainView/toolFooter/Pagination.js"),icon_keyboard_h=require("../../../../assets/annotation/video/icon_keyboard_h.svg.js"),index$1=require("../../../../views/MainView/toolFooter/FooterTips/ToolHotKey/index.js"),reactI18next=require("react-i18next"),utils=require("../../utils.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName}=lbAnnotation.cTool,videoTimeFormat=e=>{const t=Math.floor(e/60),a=~~(e%60).toFixed(),o=(e*10).toString().split("").pop(),l=r=>r<10?`0${r}`:r;return`${l(t)}:${l(a)}:${o}`};exports.EPlayerType=void 0,function(e){e[e.Video=0]="Video",e[e.Audio=1]="Audio"}(exports.EPlayerType||(exports.EPlayerType={}));const VideoProgress=()=>{const{currentTime:e,duration:t,buffered:a,setCurrentTime:o}=React__default.default.useContext(index.VideoPlayerCtx),l=React__default.default.useRef(null),r=`${utils.decimalReserved(a/t*100,1)}%`,n=`${utils.decimalReserved(e/t*100,1)}%`,i=s=>{if(l.current){const d=s.clientX,c=l.current.clientWidth,u=utils.decimalReserved(d/c*t,1);o(u)}};return React__default.default.createElement("div",{className:dom.getClassName("video-progress"),ref:l,onClick:s=>{s.stopPropagation(),s.nativeEvent.stopImmediatePropagation(),i(s)}},React__default.default.createElement("div",{className:dom.getClassName("video-slider")},React__default.default.createElement("div",{className:dom.getClassName("video-slider","played"),style:{width:n}}),React__default.default.createElement("div",{className:dom.getClassName("video-slider","loaded"),style:{width:r}}),React__default.default.createElement("div",{className:dom.getClassName("video-slider","played"),style:{width:n}})),React__default.default.createElement("div",{className:dom.getClassName("video-slider-bar"),style:{left:n}}))},VideoSpeedButton=()=>{const{updateNextPlaybackRate:e,playbackRate:t}=React__default.default.useContext(index.VideoPlayerCtx),{t:a}=reactI18next.useTranslation();return React__default.default.createElement("span",{className:dom.getClassName("video-controller","speed")},React__default.default.createElement("span",null,a("Speed")),React__default.default.createElement("span",{className:dom.getClassName("video-controller","speedNum")},`${t}x`),React__default.default.createElement("span",{className:dom.getClassName("video-controller","speedButton")},React__default.default.createElement(icons.CaretUpOutlined,{onClick:()=>{e()}}),React__default.default.createElement(icons.CaretDownOutlined,{onClick:()=>{e(!1)}})))},VideoHotKeys=()=>{const{t:e}=reactI18next.useTranslation();return React__default.default.createElement(index$1.default,{title:React__default.default.createElement("span",{className:dom.getClassName("video-controller","hotkey")},React__default.default.createElement("img",{src:icon_keyboard_h}),e("Hotkeys")),style:{},toolName:EVideoToolName.VideoTagTool})},VideoPageChange=()=>{const{imgIndex:e,imgList:t,pageBackward:a,pageJump:o,pageForward:l}=React__default.default.useContext(index.VideoPlayerCtx);return React__default.default.createElement(Pagination.Pagination,{isVideo:!0,pageBackward:a,imgIndex:e,pageJump:o,totalPage:t.length,pageForward:l,footerCls:dom.getClassName("video-controller")})},VideoTime=()=>{const{currentTime:e,duration:t}=React__default.default.useContext(index.VideoPlayerCtx),a=t*10-e*10,o=(a>0?a:0)/10;return React__default.default.createElement("div",{className:dom.getClassName("video-controller","time")},`${videoTimeFormat(e)} / -${videoTimeFormat(o)}`)},VideoController=()=>{const{playPause:e,isPlay:t}=React__default.default.useContext(index.VideoPlayerCtx);return React__default.default.createElement("div",{className:dom.getClassName("video-controller","wrapper")},React__default.default.createElement(VideoProgress,null),React__default.default.createElement("div",{className:dom.getClassName("video-controller")},React__default.default.createElement("span",{onClick:()=>{e()},className:dom.getClassName("video-controller","playButton")},t?React__default.default.createElement(icons.PauseOutlined,null):React__default.default.createElement(icons.CaretRightOutlined,null)),React__default.default.createElement(VideoTime,null),React__default.default.createElement(VideoSpeedButton,null),React__default.default.createElement("div",{className:dom.getClassName("video-controller","holder")}),React__default.default.createElement(VideoPageChange,null),React__default.default.createElement(VideoHotKeys,null)))};exports.default=VideoController,exports.videoTimeFormat=videoTimeFormat;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),dom=require("../../../../utils/dom.js"),icons=require("@ant-design/icons"),index=require("../../index.js"),Pagination=require("../../../../views/MainView/toolFooter/Pagination.js"),icon_keyboard_h=require("../../../../assets/annotation/video/icon_keyboard_h.svg.js"),index$2=require("../../../../views/MainView/toolFooter/FooterTips/ToolHotKey/index.js"),reactI18next=require("react-i18next"),utils=require("../../utils.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$1=require("../../../videoAnnotate/videoClipTool/components/videoClipToolHotkey/index.js"),VideoClipToolContext=require("../../../videoAnnotate/videoClipTool/VideoClipToolContext.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName}=lbAnnotation.cTool,videoTimeFormat=e=>{const t=Math.floor(e/60),a=~~(e%60).toFixed(),o=(e*10).toString().split("").pop(),l=s=>s<10?`0${s}`:s;return`${l(t)}:${l(a)}:${o}`};exports.EPlayerType=void 0,function(e){e[e.Video=0]="Video",e[e.Audio=1]="Audio"}(exports.EPlayerType||(exports.EPlayerType={}));const VideoProgress=()=>{const{currentTime:e,duration:t,buffered:a,setCurrentTime:o}=React__default.default.useContext(index.VideoPlayerCtx),l=React__default.default.useRef(null),s=React.useMemo(()=>`${utils.decimalReserved(a/t*100,1)}%`,[a,t]),r=React.useMemo(()=>`${utils.decimalReserved(e/t*100,1)}%`,[e,t]),d=n=>{if(l.current){const c=n.clientX,u=l.current.clientWidth,i=utils.decimalReserved(c/u*t,1);o(i)}};return React__default.default.createElement("div",{className:dom.getClassName("video-progress"),ref:l,onClick:n=>{n.stopPropagation(),n.nativeEvent.stopImmediatePropagation(),d(n)}},React__default.default.createElement("div",{className:dom.getClassName("video-slider")},React__default.default.createElement("div",{className:dom.getClassName("video-slider","played"),style:{width:r}}),React__default.default.createElement("div",{className:dom.getClassName("video-slider","loaded"),style:{width:s}}),React__default.default.createElement("div",{className:dom.getClassName("video-slider","played"),style:{width:r}})),React__default.default.createElement("div",{className:dom.getClassName("video-slider-bar"),style:{left:r}}))},VideoSpeedButton=()=>{const{updateNextPlaybackRate:e,playbackRate:t}=React__default.default.useContext(index.VideoPlayerCtx),{t:a}=reactI18next.useTranslation();return React__default.default.createElement("span",{className:dom.getClassName("video-controller","speed")},React__default.default.createElement("span",null,a("Speed")),React__default.default.createElement("span",{className:dom.getClassName("video-controller","speedNum")},`${t}x`),React__default.default.createElement("span",{className:dom.getClassName("video-controller","speedButton")},React__default.default.createElement(icons.CaretUpOutlined,{onClick:()=>{e()}}),React__default.default.createElement(icons.CaretDownOutlined,{onClick:()=>{e(!1)}})))},VideoHotKeys=()=>{const{t:e}=reactI18next.useTranslation();return React__default.default.createElement(index$2.default,{title:React__default.default.createElement("span",{className:dom.getClassName("video-controller","hotkey")},React__default.default.createElement("img",{src:icon_keyboard_h}),e("Hotkeys")),style:{},toolName:EVideoToolName.VideoTagTool})},VideoPageChange=()=>{const{imgIndex:e,imgList:t,pageBackward:a,pageJump:o,pageForward:l}=React__default.default.useContext(index.VideoPlayerCtx);return React__default.default.createElement(Pagination.Pagination,{isVideo:!0,pageBackward:a,imgIndex:e,pageJump:o,totalPage:t.length,pageForward:l,footerCls:dom.getClassName("video-controller")})},VideoTime=()=>{const{currentTime:e,duration:t}=React__default.default.useContext(index.VideoPlayerCtx),a=t*10-e*10,o=(a>0?a:0)/10;return React__default.default.createElement("div",{className:dom.getClassName("video-controller","time")},`${videoTimeFormat(e)} / -${videoTimeFormat(o)}`)},VideoPlay=e=>{const{playPause:t,isPlay:a}=e;return React__default.default.createElement("span",{onClick:()=>{t()},className:dom.getClassName("video-controller","playButton")},a?React__default.default.createElement(icons.PauseOutlined,null):React__default.default.createElement(icons.CaretRightOutlined,null))},VideoController=e=>{var t,a;const{footer:o}=e,{playPause:l,isPlay:s,addTime:r,toggleClipStatus:d}=React__default.default.useContext(index.VideoPlayerCtx),{result:n}=React.useContext(VideoClipToolContext.VideoClipToolContext),c=(a=(t=n==null?void 0:n.filter(x=>x.end!==null))==null?void 0:t.length)!=null?a:0,{t:u}=reactI18next.useTranslation(),i=React__default.default.createElement(VideoProgress,null),m=React__default.default.createElement(VideoPlay,{playPause:l,isPlay:s}),f=React__default.default.createElement(VideoTime,null),v=React__default.default.createElement(VideoSpeedButton,null),p=React__default.default.createElement(VideoPageChange,null),C=React__default.default.createElement(VideoHotKeys,null),y=React__default.default.createElement(index$1,{addTime:r,toggleClipStatus:d}),g=React__default.default.createElement("span",{style:{margin:"0px 8px",fontSize:12}},`${u("ItemsOfThisPage")}: ${c}`);return o?typeof o=="function"?o({videoProgress:i,videoPlayIcon:m,videoTime:f,videoSpeed:v,videoPageChange:p,videoHotKeys:C,videoClipHotKey:y,videoResultCount:g}):o:React__default.default.createElement("div",{className:dom.getClassName("video-controller","wrapper")},i,React__default.default.createElement("div",{className:dom.getClassName("video-controller")},m,f,v,React__default.default.createElement("div",{className:dom.getClassName("video-controller","holder")}),g,p,C))};exports.default=VideoController,exports.videoTimeFormat=videoTimeFormat;

package/dist/components/videoPlayer/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),index$1=require("./components/controller/index.js"),dom=require("../../utils/dom.js"),lbAnnotation=require("@labelbee/lb-annotation"),utils=require("./utils.js"),index=require("../fileException/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React);const EKeyCode=lbAnnotation.cKeyCode.default,VideoPlayerCtx=React__default.default.createContext({isPlay:!1,playPause:()=>{},updateNextPlaybackRate:()=>{},playbackRate:1,currentTime:0,duration:0,buffered:0,setCurrentTime:()=>{},imgList:[],imgIndex:-1,pageBackward:()=>{},pageJump:r=>{},pageForward:()=>{}}),PER_INTERVAL=50,PER_FORWARD=.1,PLAYBACK_RATES=[.5,1,1.5,2,4,6,8,16];class VideoPlayer extends React__default.default.Component{constructor(i){super(i);this.changePlaybackPate=e=>{this.videoElm&&(this.videoElm.playbackRate=e,this.setState({playbackRate:e}))},this.playPause=()=>{var e,t,a;((e=this.videoElm)==null?void 0:e.paused)?(t=this.videoElm)==null||t.play():(a=this.videoElm)==null||a.pause()},this.updateNextPlaybackRate=(e=!0)=>{const t=PLAYBACK_RATES.findIndex(s=>s===this.state.playbackRate);let a=e?Math.min(t+1,PLAYBACK_RATES.length-1):Math.max(t-1,0);this.changePlaybackPate(PLAYBACK_RATES[a])},this.fastForward=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime+PER_FORWARD)},this.rewind=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime-PER_FORWARD)},this.keydown=e=>{e.keyCode===EKeyCode.Space&&(e.preventDefault(),this.playPause()),e.keyCode===EKeyCode.Up&&(e.preventDefault(),this.updateNextPlaybackRate()),e.keyCode===EKeyCode.Down&&(e.preventDefault(),this.updateNextPlaybackRate(!1)),e.keyCode===EKeyCode.Left&&(e.preventDefault(),this.rewind()),e.keyCode===EKeyCode.Right&&(e.preventDefault(),this.fastForward())},this.onPlay=()=>{this.setState({isPlay:!0},this.onVideoStart)},this.onPause=()=>{this.onVideoStopped()},this.onVideoStopped=()=>{this.setState({isPlay:!1}),this.timeInterval&&(clearInterval(this.timeInterval),this.timeInterval=void 0),this.videoElm&&this.setCurrentTime(this.videoElm.currentTime)},this.onVideoStart=()=>{this.timeInterval=window.setInterval(()=>{var e,t,a;if(this.videoElm)try{if(((e=this.videoElm)==null?void 0:e.buffered.length)>0){const s=(t=this.videoElm)==null?void 0:t.buffered.end(0);this.setState({currentTime:utils.decimalReserved((a=this.videoElm)==null?void 0:a.currentTime,1),buffered:s})}}catch(s){console.error(s)}},PER_INTERVAL)},this.resetVideoData=()=>{this.setState({currentTime:0,buffered:0,error:!1,isPlay:!1}),this.videoElm&&(this.videoElm.playbackRate=this.state.playbackRate),this.onVideoStopped()},this.setDuration=()=>{var e;if(this.videoElm){const t=utils.decimalReserved((e=this.videoElm)==null?void 0:e.duration,1);this.setState({duration:t})}},this.setCurrentTime=e=>{this.videoElm&&(this.videoElm.currentTime=e,this.setState({currentTime:e}))},this.reload=()=>{var e;(e=this.videoElm)==null||e.load()},this.onError=()=>{this.resetVideoData(),this.setState({error:!0})},this.state={playbackRate:1,currentTime:0,isPlay:!1,duration:0,buffered:0,error:!1},this.videoRef=React__default.default.createRef()}get videoElm(){var i;return(i=this.videoRef)==null?void 0:i.current}get videoSrc(){var i,e;const{imgIndex:t,imgList:a}=this.props;return t>-1&&(e=(i=a[t])==null?void 0:i.url)!=null?e:""}componentDidMount(){var i,e;window.addEventListener("keydown",this.keydown),((i=this.videoRef)==null?void 0:i.current)&&this.props.setVideoRef&&this.props.setVideoRef((e=this.videoRef)==null?void 0:e.current)}componentWillUnmount(){window.removeEventListener("keydown",this.keydown)}render(){const{isPlay:i,playbackRate:e,currentTime:t,duration:a,buffered:s,error:d}=this.state,{imgList:l,imgIndex:n,pageBackward:u,pageJump:h,pageForward:c,valid:f}=this.props,{playPause:o,updateNextPlaybackRate:v,onPause:m,onPlay:p,resetVideoData:y,setDuration:E,setCurrentTime:P,onError:R,videoRef:b,videoSrc:g}=this;return React__default.default.createElement(VideoPlayerCtx.Provider,{value:{videoRef:this.videoRef,isPlay:i,playPause:o,updateNextPlaybackRate:v,playbackRate:e,currentTime:t,duration:a,buffered:s,setCurrentTime:P,imgIndex:n,imgList:l,pageBackward:u,pageJump:h,pageForward:c}},React__default.default.createElement("div",{className:dom.getClassName("video-wrapper")},React__default.default.createElement("div",{className:dom.getClassName("video-container")},React__default.default.createElement("video",{ref:b,className:dom.getClassName("video"),src:g,onPause:m,onPlay:p,onLoadedMetadata:y,onError:R,onDurationChange:E,width:"100%",height:"100%",onClick:o}),React__default.default.createElement(index,{fileType:"video",errorProps:{reloadImage:this.reload,backgroundColor:"#e2e2e2",ignoreOffsetY:!0,isError:d},invalidProps:{isValid:f}})),React__default.default.createElement(index$1.default,null)))}}exports.VideoPlayer=VideoPlayer,exports.VideoPlayerCtx=VideoPlayerCtx,exports.default=VideoPlayer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),index$2=require("./components/controller/index.js"),index=require("../videoAnnotate/videoClipTool/components/videoTrack/index.js"),dom=require("../../utils/dom.js"),lbAnnotation=require("@labelbee/lb-annotation"),utils=require("./utils.js"),index$1=require("../fileException/index.js");function _interopDefaultLegacy(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var React__default=_interopDefaultLegacy(React);const EKeyCode=lbAnnotation.cKeyCode.default,VideoPlayerCtx=React__default.default.createContext({isPlay:!1,playPause:()=>{},updateNextPlaybackRate:()=>{},playbackRate:1,currentTime:0,duration:0,buffered:0,setCurrentTime:()=>{},imgList:[],imgIndex:-1,pageBackward:()=>{},pageJump:o=>{},pageForward:()=>{},addTime:()=>{},toggleClipStatus:()=>{}}),PER_INTERVAL=50,PER_FORWARD=.1,PLAYBACK_RATES=[.5,1,1.5,2,4,6,8,16];class VideoPlayer extends React__default.default.Component{constructor(a){super(a);this.changePlaybackPate=e=>{this.videoElm&&(this.videoElm.playbackRate=e,this.setState({playbackRate:e}))},this.playPause=()=>{var e,t,i;((e=this.videoElm)==null?void 0:e.paused)?(t=this.videoElm)==null||t.play():(i=this.videoElm)==null||i.pause()},this.updateNextPlaybackRate=(e=!0)=>{const t=PLAYBACK_RATES.findIndex(r=>r===this.state.playbackRate);let i=e?Math.min(t+1,PLAYBACK_RATES.length-1):Math.max(t-1,0);this.changePlaybackPate(PLAYBACK_RATES[i])},this.fastForward=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime+PER_FORWARD)},this.rewind=()=>{this.videoElm&&this.setCurrentTime(this.videoElm.currentTime-PER_FORWARD)},this.keydown=e=>{e.keyCode===EKeyCode.Space&&(e.preventDefault(),this.playPause()),e.keyCode===EKeyCode.Up&&(e.preventDefault(),this.updateNextPlaybackRate()),e.keyCode===EKeyCode.Down&&(e.preventDefault(),this.updateNextPlaybackRate(!1)),e.keyCode===EKeyCode.Left&&(e.preventDefault(),this.rewind()),e.keyCode===EKeyCode.Right&&(e.preventDefault(),this.fastForward())},this.onPlay=()=>{this.setState({isPlay:!0},this.onVideoStart)},this.onPause=()=>{this.onVideoStopped()},this.onTimeUpdate=()=>{var e;this.videoElm&&this.setState({currentTime:utils.decimalReserved((e=this.videoElm)==null?void 0:e.currentTime,1)})},this.onVideoStopped=()=>{this.setState({isPlay:!1}),this.timeInterval&&(clearInterval(this.timeInterval),this.timeInterval=void 0),this.videoElm&&this.setCurrentTime(this.videoElm.currentTime)},this.onVideoStart=()=>{this.timeInterval=window.setInterval(()=>{var e,t,i;if(this.videoElm)try{if(((e=this.videoElm)==null?void 0:e.buffered.length)>0){const r=(t=this.videoElm)==null?void 0:t.buffered.end(0);this.setState({currentTime:utils.decimalReserved((i=this.videoElm)==null?void 0:i.currentTime,1),buffered:r})}}catch(r){console.error(r)}},PER_INTERVAL)},this.resetVideoData=()=>{this.setState({currentTime:0,buffered:0,error:!1,isPlay:!1}),this.videoElm&&(this.videoElm.playbackRate=this.state.playbackRate),this.onVideoStopped()},this.setDuration=()=>{var e,t,i;if(this.videoElm){const r=utils.decimalReserved((e=this.videoElm)==null?void 0:e.duration,1);(i=(t=this.props).dataLoaded)==null||i.call(t,r),this.setState({duration:r})}},this.setCurrentTime=e=>{this.videoElm&&(this.videoElm.currentTime=e,this.setState({currentTime:e}))},this.reload=()=>{var e;(e=this.videoElm)==null||e.load()},this.onError=()=>{this.resetVideoData(),this.setState({error:!0})},this.state={playbackRate:1,currentTime:0,isPlay:!1,duration:0,buffered:0,error:!1},this.videoRef=React__default.default.createRef()}get videoElm(){var a;return(a=this.videoRef)==null?void 0:a.current}get videoSrc(){var a,e;const{imgIndex:t,imgList:i}=this.props;return t>-1&&(e=(a=i[t])==null?void 0:a.url)!=null?e:""}componentDidMount(){var a,e;window.addEventListener("keydown",this.keydown),((a=this.videoRef)==null?void 0:a.current)&&this.props.setVideoRef&&this.props.setVideoRef((e=this.videoRef)==null?void 0:e.current)}componentWillUnmount(){window.removeEventListener("keydown",this.keydown)}render(){const{isPlay:a,playbackRate:e,currentTime:t,duration:i,buffered:r,error:n}=this.state,{imgList:u,imgIndex:h,pageBackward:c,pageJump:m,pageForward:v,valid:f,footer:p,drawLayerSlot:s}=this.props,y=isNaN(i)?0:Math.max(utils.decimalReserved(i,1)-t,0),{playPause:d,updateNextPlaybackRate:E,onPause:g,onPlay:R,onTimeUpdate:P,resetVideoData:k,setDuration:T,setCurrentTime:b,onError:x,videoRef:C,videoSrc:w}=this;return React__default.default.createElement(VideoPlayerCtx.Provider,{value:{videoRef:this.videoRef,addTime:this.props.addTime,toggleClipStatus:this.props.toggleClipStatus,isPlay:a,playPause:d,updateNextPlaybackRate:E,playbackRate:e,currentTime:t,duration:i,buffered:r,setCurrentTime:b,imgIndex:h,imgList:u,pageBackward:c,pageJump:m,pageForward:v}},React__default.default.createElement(React__default.default.Fragment,null,s==null?void 0:s({currentTime:t,remainingTime:y,zoom:1,currentPos:{x:0,y:0}}),React__default.default.createElement("div",{className:dom.getClassName("video-wrapper")},React__default.default.createElement("div",{className:dom.getClassName("video-container")},React__default.default.createElement("video",{ref:C,className:dom.getClassName(this.props.showVideoTrack?"video-track":"video"),src:w,onPause:g,onPlay:R,onTimeUpdate:P,onLoadedMetadata:k,onError:x,onDurationChange:T,width:"100%",height:"100%",onClick:d}),this.props.showVideoTrack&&React__default.default.createElement(index.default,{currentTime:t,onTrackResize:this.props.onTrackResize,onTrackResizeStart:()=>{var l;(l=this.videoElm)==null||l.pause()},readonly:!1}),React__default.default.createElement(index$1,{fileType:"video",errorProps:{reloadImage:this.reload,backgroundColor:"#e2e2e2",ignoreOffsetY:!0,isError:n},invalidProps:{isValid:f}})),React__default.default.createElement(index$2.default,{footer:p}))))}}exports.VideoPlayer=VideoPlayer,exports.VideoPlayerCtx=VideoPlayerCtx,exports.default=VideoPlayer;

package/dist/components/videoPlayer/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const findTagLabel=(e,r,l)=>{const t=l.find(a=>a.value===e),n=t.subSelected.find(a=>a.value===r);return{keyLabel:t.key,valueLabel:n.key}},tagsSortThruInputList=(e,r)=>e.sort((l,t)=>{const n=r.findIndex(s=>l===s.value),a=r.findIndex(s=>t===s.value);return n-a}),result2LabelKey=(e,r)=>{var l;try{return(l=e==null?void 0:e.reduce((t,n)=>(tagsSortThruInputList(Object.keys(n.result),r).forEach(a=>{var s;const u=(s=n.result[a])==null?void 0:s.split(";");findLabelFromValuesArray(u,a,r,t)}),t),[]))!=null?l:[]}catch(t){return[]}},findLabelFromValuesArray=(e,r,l,t)=>{e.forEach(n=>{const{keyLabel:a,valueLabel:s}=findTagLabel(r,n,l),u=t.find(o=>o.keyLabel===a);u?u.valuesLabelArray.push(s):t.push({keyLabel:a,valuesLabelArray:[s]})})},getKeyCodeNumber=e=>e<=57&&e>=49?e-48:e<=105&&e>=97?e-96:0,decimalReserved=(e,r=2)=>typeof e=="number"?parseFloat(e.toFixed(r)):e;exports.decimalReserved=decimalReserved,exports.findTagLabel=findTagLabel,exports.getKeyCodeNumber=getKeyCodeNumber,exports.result2LabelKey=result2LabelKey,exports.tagsSortThruInputList=tagsSortThruInputList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const findTagLabel=(e,r,a)=>{const t=a.find(n=>n.value===e),o=t.subSelected.find(n=>n.value===r);return{keyLabel:t.key,valueLabel:o.key}},tagsSortThruInputList=(e,r)=>e.sort((a,t)=>{const o=r.findIndex(l=>a===l.value),n=r.findIndex(l=>t===l.value);return o-n}),result2LabelKey=(e,r)=>{var a;try{return(a=e==null?void 0:e.reduce((t,o)=>(tagsSortThruInputList(Object.keys(o.result),r).forEach(n=>{var l;const s=(l=o.result[n])==null?void 0:l.split(";");findLabelFromValuesArray(s,n,r,t)}),t),[]))!=null?a:[]}catch(t){return[]}},findLabelFromValuesArray=(e,r,a,t)=>{e.forEach(o=>{const{keyLabel:n,valueLabel:l}=findTagLabel(r,o,a),s=t.find(u=>u.keyLabel===n);s?s.valuesLabelArray.push(l):t.push({keyLabel:n,valuesLabelArray:[l]})})},getKeyCodeNumber=e=>e<=57&&e>=49?e-48:e<=105&&e>=97?e-96:0,decimalReserved=(e,r=2)=>typeof e=="number"?parseFloat(e.toFixed(r)):e,hashCode=function(e){if(e===void 0)return e;let r=0,a,t;if(e.length===0)return r;for(a=0;a<e.length;a++)t=e.charCodeAt(a),r=(r<<5)-r+t,r|=0;return r};exports.decimalReserved=decimalReserved,exports.findTagLabel=findTagLabel,exports.getKeyCodeNumber=getKeyCodeNumber,exports.hashCode=hashCode,exports.result2LabelKey=result2LabelKey,exports.tagsSortThruInputList=tagsSortThruInputList;