@cloud-app-dev/vidc 1.0.50 → 2.0.0-alpha.3

package/es/Picture/component/DefaultRects/RectInfo.d.ts

@@ -0,0 +1,7 @@
+import { RectType } from '../../interface';
+interface IRectInfoProps {
+    item: RectType;
+    containerDom: HTMLDivElement;
+}
+declare function RectInfo({ item, containerDom }: IRectInfoProps): JSX.Element;
+export default RectInfo;

package/es/Picture/component/DefaultRects/RectInfo.js

@@ -0,0 +1,94 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useMemo } from 'react';
+import IconFont from '../../../IconFont';
+var RECT_INFO_WIDTH = 150;
+var RECT_INFO_HEIGHT = 24;
+var RECT_WINDOW_MARGIN = 6;
+
+function RectInfo(_ref) {
+  var item = _ref.item,
+      containerDom = _ref.containerDom;
+  var position = useMemo(function () {
+    var _containerDom$getBoun = containerDom.getBoundingClientRect(),
+        width = _containerDom$getBoun.width,
+        height = _containerDom$getBoun.height;
+
+    var _rectInfoWidth$rectIn = {
+      rectInfoWidth: RECT_INFO_WIDTH,
+      rectInfoHeight: item.tags.length * RECT_INFO_HEIGHT + 6 + 30
+    },
+        rectInfoWidth = _rectInfoWidth$rectIn.rectInfoWidth,
+        rectInfoHeight = _rectInfoWidth$rectIn.rectInfoHeight;
+
+    var _item$rect = _slicedToArray(item.rect, 3),
+        rectLeft = _item$rect[0],
+        rectTop = _item$rect[1],
+        rectWidth = _item$rect[2];
+
+    var x, y;
+
+    if (rectWidth + rectLeft + rectInfoWidth < width) {
+      x = rectWidth + rectLeft + RECT_WINDOW_MARGIN;
+    } else {
+      x = rectLeft - RECT_WINDOW_MARGIN - rectInfoWidth;
+    }
+
+    if (rectTop + rectInfoHeight < height) {
+      y = rectTop;
+      y = y < 0 ? RECT_WINDOW_MARGIN : y;
+    } else {
+      y = height - rectInfoHeight;
+    }
+
+    return {
+      x: x,
+      y: y,
+      width: rectInfoWidth,
+      height: rectInfoHeight
+    };
+  }, [containerDom, item.rect, item.tags.length]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "rect-info-list-wrapper",
+    style: {
+      left: position.x,
+      top: position.y,
+      width: position.width,
+      height: position.height
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "data-type"
+  }, item.hasOwnProperty('lowQuality') && /*#__PURE__*/React.createElement("span", {
+    className: "data-tag low"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: 'icon-S_View_Cluster'
+  }), item.lowQuality ? '低质量' : '高质量'), item.hasOwnProperty('dupId') && item.dupId && /*#__PURE__*/React.createElement("span", {
+    className: "data-tag repeat"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: 'icon-S_Photo_repeatingdata'
+  }), "\u91CD\u590D")), /*#__PURE__*/React.createElement("ul", {
+    className: "rect-info-list"
+  }, item.tags.map(function (v, index) {
+    return /*#__PURE__*/React.createElement("li", {
+      className: "info-item",
+      key: index,
+      title: v.tagLabel
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      type: v.icon
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "item-value"
+    }, v.label));
+  })));
+}
+
+export default RectInfo;

package/es/Picture/component/DefaultRects/index.css

@@ -0,0 +1,247 @@
+.rect-item-face-wrapper .rect-item {
+  border-color: rgba(255, 95, 87, 0.6);
+}
+.rect-item-face-wrapper .rect-item .border-top-decorator::before {
+  border-top-color: #ff5f57;
+  border-left-color: #ff5f57;
+}
+.rect-item-face-wrapper .rect-item .border-top-decorator::after {
+  border-top-color: #ff5f57;
+  border-right-color: #ff5f57;
+}
+.rect-item-face-wrapper .rect-item .border-bottom-decorator::before {
+  border-bottom-color: #ff5f57;
+  border-left-color: #ff5f57;
+}
+.rect-item-face-wrapper .rect-item .border-bottom-decorator::after {
+  border-bottom-color: #ff5f57;
+  border-right-color: #ff5f57;
+}
+.rect-item-face-wrapper .rect-item:hover {
+  border-color: #ff5f57;
+  box-shadow: inset 0 0 24px 0 rgba(255, 95, 87, 0.4);
+}
+.rect-item-face-wrapper .rect-info-list-wrapper .data-type .data-tag {
+  border: 1px solid #FF5F57;
+  background: rgba(255, 95, 87, 0.6);
+}
+.rect-item-body-wrapper .rect-item {
+  border-color: rgba(255, 187, 34, 0.6);
+}
+.rect-item-body-wrapper .rect-item .border-top-decorator::before {
+  border-top-color: #ffbb22;
+  border-left-color: #ffbb22;
+}
+.rect-item-body-wrapper .rect-item .border-top-decorator::after {
+  border-top-color: #ffbb22;
+  border-right-color: #ffbb22;
+}
+.rect-item-body-wrapper .rect-item .border-bottom-decorator::before {
+  border-bottom-color: #ffbb22;
+  border-left-color: #ffbb22;
+}
+.rect-item-body-wrapper .rect-item .border-bottom-decorator::after {
+  border-bottom-color: #ffbb22;
+  border-right-color: #ffbb22;
+}
+.rect-item-body-wrapper .rect-item:hover {
+  border-color: #ffbb22;
+  box-shadow: inset 0 0 24px 0 rgba(255, 187, 34, 0.4);
+}
+.rect-item-body-wrapper .rect-info-list-wrapper .data-type .data-tag {
+  border: 1px solid #FFBB22;
+  background: rgba(255, 187, 34, 0.6);
+}
+.rect-item-vehicle-wrapper .rect-item {
+  border-color: rgba(68, 170, 255, 0.6);
+}
+.rect-item-vehicle-wrapper .rect-item .border-top-decorator::before {
+  border-top-color: #44aaff;
+  border-left-color: #44aaff;
+}
+.rect-item-vehicle-wrapper .rect-item .border-top-decorator::after {
+  border-top-color: #44aaff;
+  border-right-color: #44aaff;
+}
+.rect-item-vehicle-wrapper .rect-item .border-bottom-decorator::before {
+  border-bottom-color: #44aaff;
+  border-left-color: #44aaff;
+}
+.rect-item-vehicle-wrapper .rect-item .border-bottom-decorator::after {
+  border-bottom-color: #44aaff;
+  border-right-color: #44aaff;
+}
+.rect-item-vehicle-wrapper .rect-item:hover {
+  border-color: #44aaff;
+  box-shadow: inset 0 0 24px 0 rgba(68, 170, 255, 0.4);
+}
+.rect-item-vehicle-wrapper .rect-info-list-wrapper .data-type .data-tag {
+  border: 1px solid #44aaff;
+  background: rgba(68, 170, 255, 0.6);
+}
+.rect-item-nonVehicle-wrapper .rect-item {
+  border-color: rgba(80, 233, 178, 0.6);
+}
+.rect-item-nonVehicle-wrapper .rect-item .border-top-decorator::before {
+  border-top-color: #50e9b2;
+  border-left-color: #50e9b2;
+}
+.rect-item-nonVehicle-wrapper .rect-item .border-top-decorator::after {
+  border-top-color: #50e9b2;
+  border-right-color: #50e9b2;
+}
+.rect-item-nonVehicle-wrapper .rect-item .border-bottom-decorator::before {
+  border-bottom-color: #50e9b2;
+  border-left-color: #50e9b2;
+}
+.rect-item-nonVehicle-wrapper .rect-item .border-bottom-decorator::after {
+  border-bottom-color: #50e9b2;
+  border-right-color: #50e9b2;
+}
+.rect-item-nonVehicle-wrapper .rect-item:hover {
+  border-color: #50e9b2;
+  box-shadow: inset 0 0 24px 0 rgba(80, 233, 178, 0.4);
+}
+.rect-item-nonVehicle-wrapper .rect-info-list-wrapper .data-type .data-tag {
+  border: 1px solid #50e9b2;
+  background: rgba(80, 233, 178, 0.6);
+}
+.rect-item-thing-wrapper .rect-item {
+  border-color: rgba(185, 70, 210, 0.6);
+}
+.rect-item-thing-wrapper .rect-item .border-top-decorator::before {
+  border-top-color: #b946d2;
+  border-left-color: #b946d2;
+}
+.rect-item-thing-wrapper .rect-item .border-top-decorator::after {
+  border-top-color: #b946d2;
+  border-right-color: #b946d2;
+}
+.rect-item-thing-wrapper .rect-item .border-bottom-decorator::before {
+  border-bottom-color: #b946d2;
+  border-left-color: #b946d2;
+}
+.rect-item-thing-wrapper .rect-item .border-bottom-decorator::after {
+  border-bottom-color: #b946d2;
+  border-right-color: #b946d2;
+}
+.rect-item-thing-wrapper .rect-item:hover {
+  border-color: #b946d2;
+  box-shadow: inset 0 0 24px 0 rgba(185, 70, 210, 0.4);
+}
+.rect-item-thing-wrapper .rect-info-list-wrapper .data-type .data-tag {
+  border: 1px solid #b946d2;
+  background: rgba(185, 70, 210, 0.6);
+}
+.rect-item {
+  position: absolute;
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+}
+.rect-item .border-top-decorator,
+.rect-item .border-bottom-decorator {
+  position: absolute;
+  pointer-events: none;
+  width: 100%;
+}
+.rect-item .border-top-decorator::before,
+.rect-item .border-bottom-decorator::before,
+.rect-item .border-top-decorator::after,
+.rect-item .border-bottom-decorator::after {
+  content: '';
+  display: block;
+  width: 8px;
+  height: 8px;
+  border: 2px solid transparent;
+}
+.rect-item .border-top-decorator::before,
+.rect-item .border-bottom-decorator::before {
+  float: left;
+  margin-left: -1px;
+}
+.rect-item .border-top-decorator::after,
+.rect-item .border-bottom-decorator::after {
+  float: right;
+  margin-right: -1px;
+}
+.rect-item .border-top-decorator {
+  top: 0;
+}
+.rect-item .border-top-decorator::before,
+.rect-item .border-top-decorator::after {
+  margin-top: -1px;
+}
+.rect-item .border-bottom-decorator {
+  bottom: 0;
+}
+.rect-item .border-bottom-decorator::before,
+.rect-item .border-bottom-decorator::after {
+  margin-bottom: -1px;
+}
+.rect-item:hover + .rect-info-list-wrapper {
+  display: block;
+}
+.rect-info-list-wrapper {
+  display: none;
+  background: rgba(16, 21, 36, 0.8);
+  position: absolute;
+  z-index: 11;
+  border: 1px solid transparent;
+  padding-top: 5px;
+  /*高低质量*/
+}
+.rect-info-list-wrapper .data-type {
+  padding: 0 5px;
+  color: #fff;
+}
+.rect-info-list-wrapper .data-type .data-tag {
+  padding: 4px;
+  font-size: 12px;
+  margin-right: 4px;
+}
+.rect-info-list-wrapper .data-type .data-tag .anticon {
+  margin-right: 4px;
+  color: #fff;
+}
+.rect-info-list-wrapper .rect-card-corner {
+  position: absolute;
+  top: -9px;
+  left: -1px;
+}
+.rect-info-list-wrapper .rect-info-arrow {
+  position: absolute;
+  display: block;
+  background: transparent;
+  border-style: solid;
+  border-width: 4px;
+  border-color: rgba(16, 21, 36, 0.8);
+  transform: rotate(45deg);
+  left: -4px;
+  top: 6px;
+}
+.rect-info-list-wrapper .rect-info-list {
+  height: 100%;
+  border-radius: 2px;
+  padding: 3px 10px;
+}
+.rect-info-list-wrapper .rect-info-list .info-item {
+  padding: 3px 0;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  line-height: 18px;
+  font-size: var(--fs-small);
+  color: #fff;
+}
+.rect-info-list-wrapper .rect-info-list .info-item .anticon {
+  position: relative;
+  top: 1px;
+  cursor: default;
+  font-size: 16px;
+  color: #fff;
+  padding-right: 4px;
+}
+.rect-info-list-wrapper .rect-info-list .info-item .item-label {
+  margin: 0 4px;
+}

package/es/Picture/component/DefaultRects/index.d.ts

@@ -0,0 +1,12 @@
+import { RectType } from '../../interface';
+import './index.less';
+interface IDefaultRectsProps {
+    rects: RectType[];
+    containerDom: HTMLDivElement;
+    onClickRect?: (item: RectType & {
+        base64: string;
+    }) => void;
+    getRectImage: (rect: number[]) => void;
+}
+declare function DefaultRects({ rects, containerDom, onClickRect, getRectImage }: IDefaultRectsProps): JSX.Element;
+export default DefaultRects;

package/es/Picture/component/DefaultRects/index.js

@@ -0,0 +1,47 @@
+import React, { useCallback, useMemo } from 'react';
+import RectInfo from './RectInfo';
+import { computedZIndex } from './utils';
+import "./index.css";
+
+function DefaultRects(_ref) {
+  var rects = _ref.rects,
+      containerDom = _ref.containerDom,
+      onClickRect = _ref.onClickRect,
+      getRectImage = _ref.getRectImage;
+  var renderRects = useMemo(function () {
+    return computedZIndex(rects);
+  }, [rects]);
+  var rectClick = useCallback(function (e, item) {
+    e.stopPropagation();
+    onClickRect && onClickRect(Object.assign(Object.assign({}, item), {
+      base64: getRectImage(item.rect)
+    }));
+  }, [getRectImage, onClickRect]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderRects.map(function (v, k) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "rect-item-wrapper rect-item-".concat(v.type, "-wrapper"),
+      key: k
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'rect-item',
+      onDoubleClick: function onDoubleClick(e) {
+        return rectClick(e, v);
+      },
+      style: {
+        left: v.rect[0],
+        top: v.rect[1],
+        width: v.rect[2],
+        height: v.rect[3],
+        zIndex: k
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "border-top-decorator"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "border-bottom-decorator"
+    })), Array.isArray(v.tags) && v.tags.length > 0 && /*#__PURE__*/React.createElement(RectInfo, {
+      item: v,
+      containerDom: containerDom
+    }));
+  }));
+}
+
+export default DefaultRects;

package/es/Picture/component/DefaultRects/utils.d.ts

@@ -0,0 +1,2 @@
+import { RectType } from '../../interface';
+export declare function computedZIndex(rects: RectType[]): RectType[];

package/es/Picture/component/DefaultRects/utils.js

@@ -0,0 +1,11 @@
+export function computedZIndex(rects) {
+  var areas = rects.map(function (v) {
+    var width = v.rect[2];
+    var height = v.rect[3];
+    v.area = width * height;
+    return v;
+  });
+  return areas.sort(function (a, b) {
+    return b.area - a.area;
+  });
+}

package/es/Picture/component/DrawRect/index.css

@@ -0,0 +1,8 @@
+.select-rect-layout {
+  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.4);
+  border: 1px solid;
+  border-image-source: url('data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==');
+  border-image-repeat: repeat;
+  border-image-slice: 1;
+  position: absolute;
+}

package/es/Picture/component/DrawRect/index.d.ts

@@ -0,0 +1,14 @@
+import { MenuRectType } from '../../interface';
+import './index.less';
+interface IDrawRectProps {
+    rect: number[];
+    canRenderMenu?: boolean;
+    containerDom: HTMLDivElement;
+    onMenuClick: (options: MenuRectType & {
+        base64: string;
+    }) => void;
+    menus: MenuRectType[];
+    getRectImage: (rect: number[]) => void;
+}
+declare function DrawRect({ rect, canRenderMenu, containerDom, onMenuClick, menus, getRectImage }: IDrawRectProps): JSX.Element;
+export default DrawRect;

package/es/Picture/component/DrawRect/index.js

@@ -0,0 +1,41 @@
+import React, { useCallback, useMemo } from 'react';
+import RectMenu from '../RectMenu';
+import "./index.css";
+
+function DrawRect(_ref) {
+  var _ref$rect = _ref.rect,
+      rect = _ref$rect === void 0 ? [] : _ref$rect,
+      canRenderMenu = _ref.canRenderMenu,
+      containerDom = _ref.containerDom,
+      onMenuClick = _ref.onMenuClick,
+      menus = _ref.menus,
+      getRectImage = _ref.getRectImage;
+  var x = useMemo(function () {
+    return rect[0] + rect[2];
+  }, [rect]);
+  var y = useMemo(function () {
+    return rect[1] + rect[3];
+  }, [rect]);
+  var onMenuClickAction = useCallback(function (item) {
+    onMenuClick && onMenuClick(Object.assign(Object.assign({}, item), {
+      base64: getRectImage(rect)
+    }));
+  }, [getRectImage, onMenuClick, rect]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "select-rect-layout",
+    style: {
+      left: rect[0],
+      top: rect[1],
+      width: rect[2],
+      height: rect[3]
+    }
+  }), canRenderMenu && /*#__PURE__*/React.createElement(RectMenu, {
+    x: x,
+    y: y,
+    containerDom: containerDom,
+    onMenuClick: onMenuClickAction,
+    menus: menus
+  }));
+}
+
+export default DrawRect;

package/es/Picture/component/MoveContent/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { DeviationType, PositionType, SizeType } from '../../interface';
+import './index.less';
+interface MoveContentProps {
+    children: React.ReactNode;
+    onDrag?: (e: React.MouseEvent, position: PositionType) => void;
+    onDragChange?: (position: PositionType) => void;
+    onDragEnd?: (e: React.MouseEvent, position: PositionType) => void;
+    position?: PositionType;
+    size?: SizeType;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare class MoveContentView extends React.Component<MoveContentProps> {
+    position: PositionType;
+    DA: PositionType;
+    moveEvents: any[];
+    isDrag: boolean;
+    dragRef: React.RefObject<HTMLElement>;
+    deviation: DeviationType;
+    constructor(props: MoveContentProps);
+    componentDidMount(): void;
+    initDomInfo(info?: SizeType): void;
+    componentWillUnmount(): void;
+    bindMoveEvent(): void;
+    removeMoveEvent(): void;
+    onMouseMove: (event: React.MouseEvent) => void;
+    updatePosition: ({ x, y }: PositionType) => void;
+    updateSize: ({ width, height }: SizeType) => void;
+    onMouseUp: (event: React.MouseEvent) => void;
+    onMouseDown(event: React.MouseEvent): void;
+    getMouseXY(e: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    render(): JSX.Element;
+}
+export default MoveContentView;