@cloud-app-dev/vidc 3.1.18 → 3.1.20

package/es/ImageView/index.css

@@ -2,5 +2,9 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
-  background-color: var(--image-card-bg);
+}
+.lm-t-c-image-card.lm-t-c-image-card-placeholder {
+  background-color: var(--gray4);
+  object-fit: contain;
+  padding: 20%;
 }

package/es/ImageView/index.js

@@ -19,9 +19,12 @@ function ImageView(_a) {
     isError = _useState2[0],
     setErrorStatus = _useState2[1];
   var imgKey = useRef(Math.random());
+  var isErr = useMemo(function () {
+    return isError || !src;
+  }, [isError, src]);
   var imgSrc = useMemo(function () {
-    return isError || !src ? defaultSrc : src;
-  }, [defaultSrc, isError, src]);
+    return isErr ? defaultSrc : src;
+  }, [defaultSrc, isErr, src]);
   useEffect(function () {
     imgKey.current = Math.random();
     setErrorStatus(null);
@@ -31,7 +34,7 @@ function ImageView(_a) {
     onError && onError(e);
   }
   return /*#__PURE__*/React.createElement("img", Object.assign({}, props, {
-    className: "lm-t-c-image-card ".concat(className),
+    className: "lm-t-c-image-card ".concat(isErr ? 'lm-t-c-image-card-placeholder' : '', " ").concat(className),
     key: imgKey.current,
     "data-src": src,
     src: imgSrc,
@@ -41,6 +44,6 @@ function ImageView(_a) {
 }
 ImageView.defaultProps = {
   className: '',
-  defaultSrc: 'data:image/png;base64,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'
+  defaultSrc: 'data:image/png;base64,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'
 };
 export default ImageView;

package/es/Picture/useDraw.js

@@ -1,10 +1,11 @@
+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 = 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 { useEffect, useState, useRef, useCallback } from 'react';
+import { useState, useRef, useCallback } from 'react';
 export default function useDraw(dom, flag) {
   var _useState = useState({
       rect: [0, 0, 0, 0],
@@ -69,49 +70,28 @@ export default function useDraw(dom, flag) {
       });
     }
   }, [dom]);
-  /**
-   * move 修改框选区域
-   */
-  var changeSelect = useCallback(function (event) {
+  _useEventListener('mousedown', function (event) {
+    selectOptionsRef.current.startSelect = true;
+    selectOptionsRef.current.start = [event.clientX, event.clientY];
+  }, {
+    target: dom
+  });
+  _useEventListener('mousemove', function (event) {
     if (selectOptionsRef.current.startSelect) {
       selectOptionsRef.current.end = [event.clientX, event.clientY];
       drawSelectRact(false);
     }
-  }, [drawSelectRact]);
-  /**
-   * 结束当前框选
-   */
-  var selectEnd = useCallback(function (event) {
+  }, {
+    target: dom
+  });
+  _useEventListener('mouseup', function (event) {
     if (selectOptionsRef.current.startSelect) {
       selectOptionsRef.current.startSelect = false;
       selectOptionsRef.current.end = [event.clientX, event.clientY];
       drawSelectRact(true);
     }
-  }, [drawSelectRact]);
-  var openSelect = useCallback(function (event) {
-    selectOptionsRef.current.startSelect = true;
-    selectOptionsRef.current.start = [event.clientX, event.clientY];
-  }, []);
-  useEffect(function () {
-    if (dom && flag) {
-      dom.addEventListener('mousedown', openSelect, false);
-      dom.addEventListener('mousemove', changeSelect, false);
-      dom.addEventListener('mouseup', selectEnd, false);
-    }
-    if (dom && !flag) {
-      setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          rect: [0, 0, 0, 0]
-        });
-      });
-    }
-    return function () {
-      if (dom) {
-        dom.removeEventListener('mousedown', openSelect, false);
-        dom.removeEventListener('mousemove', changeSelect, false);
-        dom.removeEventListener('mouseup', selectEnd, false);
-      }
-    };
-  }, [changeSelect, dom, flag, openSelect, selectEnd]);
+  }, {
+    target: dom
+  });
   return [state.rect, state.isEnd];
 }

package/es/ThemeAntd/index.css

@@ -191,6 +191,10 @@ div .cloudapp-input-number-handler-up-inner,
 div .cloudapp-input-number-handler-down-inner {
   color: inherit;
 }
+div .cloudapp-input-status-error:not(.cloudapp-input-disabled):not(.cloudapp-input-borderless).cloudapp-input,
+div .cloudapp-input-status-error:not(.cloudapp-input-disabled):not(.cloudapp-input-borderless).cloudapp-input:hover {
+  background-color: var(--form-bg);
+}
 div .cloudapp-pagination {
   color: inherit;
 }
@@ -546,6 +550,9 @@ div .cloudapp-select-disabled.cloudapp-select:not(.cloudapp-select-customize-inp
   background-color: var(--form-bg);
   opacity: 0.8;
 }
+div .cloudapp-select-status-error.cloudapp-select:not(.cloudapp-select-disabled):not(.cloudapp-select-customize-input):not(.cloudapp-pagination-size-changer) .cloudapp-select-selector {
+  background-color: var(--form-bg);
+}
 div .cloudapp-tree {
   color: inherit;
   background: transparent;

package/es/ThemeAntd/style/input.css

@@ -62,3 +62,7 @@ div .cloudapp-input-number-handler-up-inner,
 div .cloudapp-input-number-handler-down-inner {
   color: inherit;
 }
+div .cloudapp-input-status-error:not(.cloudapp-input-disabled):not(.cloudapp-input-borderless).cloudapp-input,
+div .cloudapp-input-status-error:not(.cloudapp-input-disabled):not(.cloudapp-input-borderless).cloudapp-input:hover {
+  background-color: var(--form-bg);
+}

package/es/ThemeAntd/style/select.css

@@ -71,3 +71,6 @@ div .cloudapp-select-disabled.cloudapp-select:not(.cloudapp-select-customize-inp
   background-color: var(--form-bg);
   opacity: 0.8;
 }
+div .cloudapp-select-status-error.cloudapp-select:not(.cloudapp-select-disabled):not(.cloudapp-select-customize-input):not(.cloudapp-pagination-size-changer) .cloudapp-select-selector {
+  background-color: var(--form-bg);
+}

package/es/useDrawROI/index.d.ts

@@ -2,8 +2,9 @@ import { BasicTarget } from 'ahooks/lib/utils/domTarget';
 interface ROIOptions {
     row: number;
     rowItems: number;
+    defaultAreas?: [number, number][][];
 }
-declare function useDrawROI(target: BasicTarget<HTMLCanvasElement>, { row, rowItems }: ROIOptions): {
+declare function useDrawROI(target: BasicTarget<HTMLCanvasElement>, { row, rowItems, defaultAreas }: ROIOptions): {
     open: () => void;
     close: () => void;
     clear: () => void;

package/es/useDrawROI/index.js

@@ -1,4 +1,5 @@
 import _useEventListener from "ahooks/es/useEventListener";
+import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _useSize from "ahooks/es/useSize";
 import _useLatest from "ahooks/es/useLatest";
 function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
@@ -13,23 +14,26 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { getTargetElement } from 'ahooks/lib/utils/domTarget';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo } from 'react';
 import { lineString } from '@turf/helpers';
 import lineToPolygon from '@turf/line-to-polygon';
 import booleanDisjoint from '@turf/boolean-disjoint';
 import { useHotkeys } from 'react-hotkeys-hook';
+import useSimpleState from '../useSimpleState';
 function useDrawROI(target, _ref) {
   var row = _ref.row,
-    rowItems = _ref.rowItems;
-  var _useState = useState({
+    rowItems = _ref.rowItems,
+    defaultAreas = _ref.defaultAreas;
+  var _useSimpleState = useSimpleState({
       pos: [],
       tempPos: [],
-      saveArea: [],
+      saveArea: defaultAreas !== null && defaultAreas !== void 0 ? defaultAreas : [],
       isOpen: false
     }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    _useSimpleState2 = _slicedToArray(_useSimpleState, 3),
+    state = _useSimpleState2[0],
+    updateState = _useSimpleState2[1],
+    setState = _useSimpleState2[2];
   var isOpenRef = _useLatest(state.isOpen);
   var size = _useSize(target);
   useEffect(function () {
@@ -46,6 +50,13 @@ function useDrawROI(target, _ref) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [size === null || size === void 0 ? void 0 : size.height, size === null || size === void 0 ? void 0 : size.width]);
+  _useUpdateEffect(function () {
+    if (state.saveArea.length === 0 && defaultAreas.length > 0) {
+      updateState({
+        saveArea: defaultAreas
+      });
+    }
+  }, [defaultAreas, state.saveArea]);
   _useEventListener('click', function (event) {
     if (!isOpenRef.current) {
       return;

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.1.18",
+  "version": "3.1.20",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",