@cloud-app-dev/vidc 3.1.19 → 3.1.21

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/ScreenPlayer/Live.js

@@ -124,10 +124,10 @@ function LivePlayer(_a) {
     className: "player-layout",
     ref: domRef
   }, screenList.map(function (item, index) {
-    var _a;
+    var _a, _b;
     return /*#__PURE__*/React.createElement(LivePlayerWithExt, Object.assign({}, item, {
       mode: (_a = state.modes[index]) !== null && _a !== void 0 ? _a : item.mode,
-      key: "".concat(item.url, "-").concat(index),
+      key: (_b = item.url) !== null && _b !== void 0 ? _b : "".concat(index),
       updatePlayer: function updatePlayer(player) {
         return playerRef.current[index] = player;
       },

package/es/ScreenPlayer/Record.js

@@ -24,8 +24,8 @@ import SegmentTimeLine from './SegmentTimeLine';
 import useRecordList from './useRecordList';
 import useVideoFit from './useVideoFit';
 import DisableMark from '../DisableMark';
-import "./index.css";
 import { cloneDeep } from 'lodash-es';
+import "./index.css";
 var defaultState = {
   screenNum: 4,
   selectIndex: 0,
@@ -80,6 +80,7 @@ function RecordPlayer(_a) {
       return v.name === screenNum;
     });
   }, [screenNum]);
+  // 填充数据扩充list.length
   var screenList = useMemo(function () {
     return mergeFill(screenNum, list, {
       recordType: 1
@@ -344,10 +345,10 @@ function RecordPlayer(_a) {
     className: "player-layout",
     ref: domRef
   }, screenList.map(function (item, index) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d;
     return item.recordType === 1 ? /*#__PURE__*/React.createElement(SegmentPlayerWithExt, Object.assign({}, item, {
       segments: ((_a = recordList[index]) === null || _a === void 0 ? void 0 : _a.segments) || [],
-      key: "".concat((_b = item === null || item === void 0 ? void 0 : item.date) !== null && _b !== void 0 ? _b : '', "-").concat((_c = item.cid) !== null && _c !== void 0 ? _c : '', "-").concat(index),
+      key: item.date && item.cid ? "".concat(item === null || item === void 0 ? void 0 : item.date, "-").concat(item.cid) : "".concat(index),
       className: state.selectIndex === index ? 'player-current-index' : '',
       updatePlayer: function updatePlayer(player) {
         return _updatePlayer(player, index);
@@ -363,13 +364,13 @@ function RecordPlayer(_a) {
         width: screenType.width,
         height: screenType.height
       },
-      mode: (_d = state.modes[index]) !== null && _d !== void 0 ? _d : item.mode,
+      mode: (_b = state.modes[index]) !== null && _b !== void 0 ? _b : item.mode,
       fps: fps,
       fpsDelay: fpsDelay,
       httpLoading: state.winLoadingStatus[index]
     })) : /*#__PURE__*/React.createElement(FrontendPlayerWithExt, Object.assign({}, item, {
       className: state.selectIndex === index ? 'player-current-index' : '',
-      segments: ((_e = recordList[index]) === null || _e === void 0 ? void 0 : _e.segments) || [],
+      segments: ((_c = recordList[index]) === null || _c === void 0 ? void 0 : _c.segments) || [],
       updatePlayer: function updatePlayer(player) {
         return _updatePlayer(player, index);
       },
@@ -380,8 +381,8 @@ function RecordPlayer(_a) {
           });
         });
       },
-      mode: (_f = state.modes[index]) !== null && _f !== void 0 ? _f : item.mode,
-      key: "".concat((_g = item === null || item === void 0 ? void 0 : item.date) !== null && _g !== void 0 ? _g : '', "-").concat((_h = item.cid) !== null && _h !== void 0 ? _h : '', "-").concat(index),
+      mode: (_d = state.modes[index]) !== null && _d !== void 0 ? _d : item.mode,
+      key: item.date && item.cid ? "".concat(item === null || item === void 0 ? void 0 : item.date, "-").concat(item.cid) : "".concat(index),
       style: {
         width: screenType.width,
         height: screenType.height

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/package.json

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