@labelbee/lb-components 1.24.0-alpha.31 → 1.24.0-alpha.33

package/dist/components/pointCloudView/components/sideAndBackOverView/index.js

@@ -1 +1 @@
-"use strict";var classNames=require("classnames"),React=require("react"),PointCloudBackView=require("../../PointCloudBackView.js"),PointCloudSideView=require("../../PointCloudSideView.js"),dom=require("../../../../utils/dom.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React);const SideAndBackOverView=t=>{const{t:v}=reactI18next.useTranslation(),{selectAndEnlarge:r,checkMode:c}=t,l=360,d=400,u=window.innerWidth-l,f=window.innerHeight-d,[i,o]=React.useState({x:u,y:f}),[a,m]=React.useState({x:0,y:0});React.useEffect(()=>(window.addEventListener("resize",w),()=>{window.removeEventListener("resize",w),o({x:u,y:f}),m({x:0,y:0})}),[]);const w=()=>{const e=window.innerWidth-l,n=window.innerHeight-d;o({x:e,y:n})};return React__default.default.createElement("div",{className:classNames__default.default({[dom.getClassName("point-cloud-container","left-bottom")]:!0,[dom.getClassName("point-cloud-container","left-bottom-float")]:!0}),style:{top:i.y,left:i.x,width:360,height:400,zIndex:r?1003:-1}},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","left-bottom-floatHeader"),draggable:"true",onDragStart:e=>{r&&m({x:e.clientX-i.x,y:e.clientY-i.y})},onDrag:e=>{const n=e.clientX-a.x,s=e.clientY-a.y;o({x:n,y:s})},onDragEnd:e=>{const n=e.clientX-a.x,s=e.clientY-a.y;o({x:n,y:s})}},v("DragAndDrop")),React__default.default.createElement(PointCloudBackView,{checkMode:c}),React__default.default.createElement(PointCloudSideView,{checkMode:c}))};module.exports=SideAndBackOverView;
+"use strict";var classNames=require("classnames"),React=require("react"),PointCloudBackView=require("../../PointCloudBackView.js"),PointCloudSideView=require("../../PointCloudSideView.js"),dom=require("../../../../utils/dom.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React);const SideAndBackOverView=t=>{const{t:w}=reactI18next.useTranslation(),{selectAndEnlarge:s,checkMode:c}=t,l=360,d=400,u=window.innerWidth-l,f=window.innerHeight-d,[i,o]=React.useState({x:u,y:f}),[r,m]=React.useState({x:0,y:0});React.useEffect(()=>(window.addEventListener("resize",v),()=>{window.removeEventListener("resize",v),o({x:u,y:f}),m({x:0,y:0})}),[]);const v=()=>{const e=window.innerWidth-l,n=window.innerHeight-d;o({x:e,y:n})};return React__default.default.createElement("div",{className:classNames__default.default({[dom.getClassName("point-cloud-container","left-bottom")]:!0,[dom.getClassName("point-cloud-container","left-bottom-float")]:!0}),style:{top:i.y,left:i.x,width:360,height:400,zIndex:s?1003:-1}},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","left-bottom-floatHeader"),draggable:"true",onDragStart:e=>{s&&m({x:e.clientX-i.x,y:e.clientY-i.y})},onDragOver:e=>{e.preventDefault()},onDrag:e=>{if(e.clientX===0&&e.clientY===0)return;const n=e.clientX-r.x,a=e.clientY-r.y;o({x:n,y:a})},onDragEnd:e=>{if(e.clientX===0&&e.clientY===0)return;const n=e.clientX-r.x,a=e.clientY-r.y;o({x:n,y:a})}},w("DragAndDrop")),React__default.default.createElement(PointCloudBackView,{checkMode:c}),React__default.default.createElement(PointCloudSideView,{checkMode:c}))};module.exports=SideAndBackOverView;

package/es/components/pointCloudView/components/sideAndBackOverView/index.js

@@ -1 +1 @@
-import g from"classnames";import s,{useState as p,useEffect as v}from"react";import C from"../../PointCloudBackView.js";import P from"../../PointCloudSideView.js";import{getClassName as c}from"../../../../utils/dom.js";import{useTranslation as h}from"react-i18next";const D=y=>{const{t:E}=h(),{selectAndEnlarge:a,checkMode:l}=y,d=360,m=400,f=window.innerWidth-d,u=window.innerHeight-m,[o,n]=p({x:f,y:u}),[i,w]=p({x:0,y:0});v(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x),n({x:f,y:u}),w({x:0,y:0})}),[]);const x=()=>{const t=window.innerWidth-d,e=window.innerHeight-m;n({x:t,y:e})};return s.createElement("div",{className:g({[c("point-cloud-container","left-bottom")]:!0,[c("point-cloud-container","left-bottom-float")]:!0}),style:{top:o.y,left:o.x,width:360,height:400,zIndex:a?1003:-1}},s.createElement("div",{className:c("point-cloud-container","left-bottom-floatHeader"),draggable:"true",onDragStart:t=>{a&&w({x:t.clientX-o.x,y:t.clientY-o.y})},onDrag:t=>{const e=t.clientX-i.x,r=t.clientY-i.y;n({x:e,y:r})},onDragEnd:t=>{const e=t.clientX-i.x,r=t.clientY-i.y;n({x:e,y:r})}},E("DragAndDrop")),s.createElement(C,{checkMode:l}),s.createElement(P,{checkMode:l}))};export{D as default};
+import E from"classnames";import r,{useState as p,useEffect as v}from"react";import D from"../../PointCloudBackView.js";import C from"../../PointCloudSideView.js";import{getClassName as c}from"../../../../utils/dom.js";import{useTranslation as P}from"react-i18next";const X=y=>{const{t:g}=P(),{selectAndEnlarge:a,checkMode:l}=y,d=360,m=400,f=window.innerWidth-d,u=window.innerHeight-m,[n,o]=p({x:f,y:u}),[i,w]=p({x:0,y:0});v(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x),o({x:f,y:u}),w({x:0,y:0})}),[]);const x=()=>{const t=window.innerWidth-d,e=window.innerHeight-m;o({x:t,y:e})};return r.createElement("div",{className:E({[c("point-cloud-container","left-bottom")]:!0,[c("point-cloud-container","left-bottom-float")]:!0}),style:{top:n.y,left:n.x,width:360,height:400,zIndex:a?1003:-1}},r.createElement("div",{className:c("point-cloud-container","left-bottom-floatHeader"),draggable:"true",onDragStart:t=>{a&&w({x:t.clientX-n.x,y:t.clientY-n.y})},onDragOver:t=>{t.preventDefault()},onDrag:t=>{if(t.clientX===0&&t.clientY===0)return;const e=t.clientX-i.x,s=t.clientY-i.y;o({x:e,y:s})},onDragEnd:t=>{if(t.clientX===0&&t.clientY===0)return;const e=t.clientX-i.x,s=t.clientY-i.y;o({x:e,y:s})}},g("DragAndDrop")),r.createElement(D,{checkMode:l}),r.createElement(C,{checkMode:l}))};export{X as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.24.0-alpha.31",
+  "version": "1.24.0-alpha.33",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "1.28.0-alpha.18",
+    "@labelbee/lb-annotation": "1.28.0-alpha.19",
     "@labelbee/lb-utils": "1.20.0-alpha.3",
     "@labelbee/wavesurfer": "1.1.0",
     "@types/react-dom": "18.3.1",