@cloud-app-dev/vidc 4.0.15 → 4.1.0

package/es/LabelPlayer/index.js

@@ -1,169 +0,0 @@
-import _useMemoizedFn from "ahooks/es/useMemoizedFn";
-import _useSize from "ahooks/es/useSize";
-import _useEventListener from "ahooks/es/useEventListener";
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useMemo, useRef } from 'react';
-import DomMove from "../DomMove";
-import useSimpleState from "../useSimpleState";
-import "./index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function LabelItem(_ref) {
-  var children = _ref.children,
-    style = _ref.style;
-  var ref = useRef(null);
-  _useEventListener('mousedown', function (event) {
-    return event.stopPropagation();
-  }, {
-    target: ref
-  });
-  return /*#__PURE__*/_jsx("div", {
-    className: "video-label",
-    ref: ref,
-    style: style,
-    onMouseDown: function onMouseDown(event) {
-      return event.stopPropagation();
-    },
-    children: children
-  });
-}
-function LabelPlayer(_ref2) {
-  var url = _ref2.url,
-    _ref2$labels = _ref2.labels,
-    labels = _ref2$labels === void 0 ? [] : _ref2$labels,
-    renderLabel = _ref2.renderLabel,
-    onLabelMoveChange = _ref2.onLabelMoveChange,
-    openDrop = _ref2.openDrop;
-  var _useSimpleState = useSimpleState({
-      x: 0,
-      y: 0
-    }),
-    _useSimpleState2 = _slicedToArray(_useSimpleState, 2),
-    state = _useSimpleState2[0],
-    setState = _useSimpleState2[1];
-  var containerRef = useRef(null);
-  var videoRef = useRef(null);
-  var videoSize = _useSize(videoRef);
-  var containerSize = _useSize(containerRef);
-  var moveActionRef = useRef();
-  var _useMemo = useMemo(function () {
-      var _videoSize$width, _containerSize$width, _videoSize$height, _containerSize$height;
-      return {
-        videoWidth: (_videoSize$width = videoSize === null || videoSize === void 0 ? void 0 : videoSize.width) !== null && _videoSize$width !== void 0 ? _videoSize$width : 0,
-        containerWidth: (_containerSize$width = containerSize === null || containerSize === void 0 ? void 0 : containerSize.width) !== null && _containerSize$width !== void 0 ? _containerSize$width : 0,
-        videoHeight: (_videoSize$height = videoSize === null || videoSize === void 0 ? void 0 : videoSize.height) !== null && _videoSize$height !== void 0 ? _videoSize$height : 0,
-        containerHeight: (_containerSize$height = containerSize === null || containerSize === void 0 ? void 0 : containerSize.height) !== null && _containerSize$height !== void 0 ? _containerSize$height : 0
-      };
-    }, [containerSize, videoSize]),
-    videoWidth = _useMemo.videoWidth,
-    containerWidth = _useMemo.containerWidth,
-    videoHeight = _useMemo.videoHeight,
-    containerHeight = _useMemo.containerHeight;
-  var onDragChange = _useMemoizedFn(function (_ref3) {
-    var x = _ref3.x,
-      y = _ref3.y;
-    return setState({
-      x: x,
-      y: y
-    });
-  });
-  var onDragEnd = function onDragEnd(_, position) {
-    var _moveActionRef$curren;
-    var diffWidth = videoWidth - containerWidth;
-    var diffHeight = videoHeight - containerHeight;
-    var x = position.x;
-    var y = position.y;
-    if (position.x > 0) {
-      x = 0;
-    }
-    if (position.x < -diffWidth) {
-      x = -diffWidth;
-    }
-    if (position.y > 0) {
-      y = 0;
-    }
-    if (position.y < -diffHeight) {
-      y = -diffHeight;
-    }
-    if (containerWidth > videoWidth) {
-      x = (containerWidth - videoWidth) / 2;
-    }
-    if (containerHeight > videoHeight) {
-      y = (containerHeight - videoHeight) / 2;
-    }
-    (_moveActionRef$curren = moveActionRef.current) === null || _moveActionRef$curren === void 0 ? void 0 : _moveActionRef$curren.updatePosition({
-      x: x,
-      y: y
-    });
-  };
-  var onDrop = function onDrop(event) {
-    var _containerRef$current;
-    if (!openDrop) {
-      return;
-    }
-    var rect = ((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect()) || {};
-    var left = event.clientX - rect.x;
-    var top = event.clientY - rect.y;
-    var data = event.dataTransfer.getData('DATA');
-    var flag1 = videoWidth > containerWidth;
-    var flag2 = videoHeight > containerHeight;
-    var diffHeight = videoHeight - containerHeight;
-    var diffWidth = videoWidth - containerWidth;
-    onLabelMoveChange === null || onLabelMoveChange === void 0 ? void 0 : onLabelMoveChange({
-      x: left + Math.abs(state.x) + (flag1 ? 0 : diffWidth),
-      y: top + Math.abs(state.y) + (flag2 ? 0 : diffHeight),
-      data: data
-    });
-  };
-  useEffect(function () {
-    var _moveActionRef$curren2;
-    if (!videoSize || !containerSize) {
-      return;
-    }
-    var diffWidth = videoWidth - containerWidth;
-    var diffHeight = videoHeight - containerHeight;
-    (_moveActionRef$curren2 = moveActionRef.current) === null || _moveActionRef$curren2 === void 0 ? void 0 : _moveActionRef$curren2.updatePosition({
-      x: -diffWidth / 2,
-      y: -diffHeight / 2
-    });
-  }, [videoSize, containerSize]);
-  return /*#__PURE__*/_jsx("div", {
-    className: "label-player-container",
-    ref: containerRef,
-    onDrop: onDrop,
-    onDragOver: function onDragOver(e) {
-      return e.preventDefault();
-    },
-    children: /*#__PURE__*/_jsx(DomMove, {
-      ref: moveActionRef,
-      onDragChange: onDragChange,
-      onDragEnd: onDragEnd,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "video-container",
-        children: [/*#__PURE__*/_jsx("video", {
-          src: url,
-          autoPlay: true,
-          ref: videoRef,
-          muted: true
-        }), /*#__PURE__*/_jsx("div", {
-          className: "video-label-box",
-          children: labels.map(function (label) {
-            return /*#__PURE__*/_jsx(LabelItem, {
-              style: {
-                left: label.x,
-                top: label.y
-              },
-              children: renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(label)
-            }, label.id);
-          })
-        })]
-      })
-    })
-  });
-}
-export default LabelPlayer;

package/es/LabelPlayer/index.less

@@ -1,24 +0,0 @@
-.label-player-container {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-color: #000;
-  user-select: none;
-
-  .video-container {
-    position: relative;
-    width: max-content;
-    height: max-content;
-  }
-
-  video {
-    width: 2048px;
-    min-height: 300px;
-  }
-
-  .video-label-box {
-    .video-label {
-      position: absolute;
-    }
-  }
-}

package/es/LabelValue/index.less

@@ -1,23 +0,0 @@
-.lm-c-label-value-layout {
-  display: inline-flex;
-  font-size: var(--fs-small);
-
-  span {
-    &:first-child {
-      padding-right: 4px;
-      color: var(--color4);
-      white-space: nowrap;
-    }
-
-    &:last-child {
-      flex: 1;
-      color: var(--color6);
-
-      &.no-wrap {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-}

package/es/List/index.less

@@ -1,13 +0,0 @@
-.lm-c-list-wrapper {
-  display: flex;
-  height: 100%;
-  overflow: hidden;
-  cursor: auto;
-  border: 1px solid var(--gray2);
-  flex-direction: column;
-
-  .lm-c-base-list-layout {
-    flex: 1;
-    overflow: hidden;
-  }
-}

package/es/ListWithSizeAnimate/index.less

@@ -1,23 +0,0 @@
-.list-with-size-animate-layout {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  flex-direction: column;
-
-  .list-animate-header {
-    transition: max-height .2s;
-  }
-
-  .list-animate-content {
-    flex: 1;
-    display: flex;
-    overflow: hidden;
-    transition: height .2s;
-    flex-direction: column;
-
-    .cloudapp-dynamic-grid-list {
-      flex: 1;
-    }
-  }
-}