@cloud-app-dev/vidc 3.2.17 → 3.2.19

package/es/Modal/index.d.ts

@@ -1,24 +1,24 @@
-import { IModalProps } from './interface';
 import React from 'react';
 import './index.less';
+import { IModalProps } from './interface';
 declare function Modal({ children, className, style, getContainer, ...props }: IModalProps): JSX.Element;
 declare namespace Modal {
     var defaultProps: {
         className: string;
         getContainer: boolean;
     };
-    var info: import("antd/lib/modal/confirm").ModalFunc;
-    var success: import("antd/lib/modal/confirm").ModalFunc;
-    var error: import("antd/lib/modal/confirm").ModalFunc;
-    var warn: import("antd/lib/modal/confirm").ModalFunc;
-    var warning: import("antd/lib/modal/confirm").ModalFunc;
-    var confirm: import("antd/lib/modal/confirm").ModalFunc;
-    var destroyAll: () => void;
+    var info: any;
+    var success: any;
+    var error: any;
+    var warn: any;
+    var warning: any;
+    var confirm: any;
+    var destroyAll: any;
     var useModal: (prefixCls?: string) => {
         open: (options: IUseModalHookState) => void;
         close: () => void;
     };
-    var useAntdModal: typeof import("antd/lib/modal/useModal").default;
+    var useAntdModal: any;
     var RefModal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<IRefModalMethodsProps>>;
 }
 export interface IUseModalHookState {

package/es/Modal/index.js

@@ -82,6 +82,23 @@ function useModal() {
   var root = useMemo(function () {
     return ReactDOMClient.createRoot(div);
   }, [div]);
+
+  var open = function open(options) {
+    setState(function (old) {
+      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
+        visible: true
+      });
+    });
+  };
+
+  var close = function close() {
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        visible: false
+      });
+    });
+  };
+
   useEffect(function () {
     container.appendChild(div);
     return function () {
@@ -112,23 +129,6 @@ function useModal() {
       })
     }));
   }, [state.content, state.visible, state.title, state.onOk, state.width, state.className, root, prefixCls, container]);
-
-  var open = function open(options) {
-    setState(function (old) {
-      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
-        visible: true
-      });
-    });
-  };
-
-  var close = function close() {
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        visible: false
-      });
-    });
-  };
-
   return {
     open: open,
     close: close

package/es/Modal/index.less

@@ -2,14 +2,15 @@
   padding-bottom: 0;
   color: inherit;
   .@{ant-prefix}-modal-content {
-    height: 100%;
     display: flex;
-    flex-direction: column;
-    border-radius: var(--redius1);
+    height: 100%;
     overflow: hidden;
     background-color: transparent;
+    border-radius: var(--redius1);
+    flex-direction: column;
   }
   .@{ant-prefix}-modal-close {
+    color: inherit;
     .@{ant-prefix}-modal-close-x {
       width: 48px;
       height: 47px;
@@ -19,27 +20,25 @@
   .@{ant-prefix}-modal-header {
     padding: 12px 24px;
     padding-right: 56px;
+    color: inherit;
     background: var(--modal-title-bg);
-    border-bottom-color: var(--modal-divider-color);
     border-radius: 0;
-    color: inherit;
+    border-bottom-color: var(--modal-divider-color);
     .@{ant-prefix}-modal-title {
-      color: inherit;
       font-size: var(--fs-large);
+      color: inherit;
     }
   }
-  .@{ant-prefix}-modal-close {
-    color: inherit;
-  }
+  
   .@{ant-prefix}-modal-body {
+    overflow: hidden;
     background: var(--modal-content-bg);
     flex: 1;
-    overflow: hidden;
   }
   .@{ant-prefix}-modal-footer {
     padding: 12px 24px;
-    border-radius: 0;
     background: var(--modal-footer-bg);
+    border-radius: 0;
     border-top-color: var(--modal-divider-color);
   }
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RectType } from '../../interface';
 interface IRectInfoProps {
     item: RectType;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RectType } from '../../interface';
 import './index.less';
 interface IDefaultRectsProps {
@@ -7,7 +6,7 @@ interface IDefaultRectsProps {
     onClickRect?: (item: RectType & {
         base64: string;
     }) => void;
-    getRectImage: (rect: number[]) => string;
+    getRectImage: (rect: number[]) => string | null;
 }
 declare function DefaultRects({ rects, containerDom, onClickRect, getRectImage }: IDefaultRectsProps): JSX.Element;
 export default DefaultRects;

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

@@ -21,9 +21,11 @@ function DefaultRects(_ref) {
     return computedZIndex(rects);
   }, [rects]);
   var rectClick = useCallback(function (e, item) {
+    var _getRectImage;
+
     e.stopPropagation();
     onClickRect === null || onClickRect === void 0 ? void 0 : onClickRect(_objectSpread(_objectSpread({}, item), {}, {
-      base64: getRectImage(item.rect)
+      base64: (_getRectImage = getRectImage(item.rect)) !== null && _getRectImage !== void 0 ? _getRectImage : ''
     }));
   }, [getRectImage, onClickRect]);
   return /*#__PURE__*/_jsx(_Fragment, {

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

@@ -4,16 +4,19 @@
       border-top-color: @color;
       border-left-color: @color;
     }
+
     &::after {
       border-top-color: @color;
       border-right-color: @color;
     }
   }
+
   .border-bottom-decorator {
     &::before {
       border-bottom-color: @color;
       border-left-color: @color;
     }
+
     &::after {
       border-bottom-color: @color;
       border-right-color: @color;
@@ -25,6 +28,7 @@
   .rect-item {
     border-color: @lightColor;
     .border-decorator-color-mixin(@color);
+
     &:hover {
       border-color: @color;
       box-shadow: inset 0 0 24px 0 @shadowColor;
@@ -36,8 +40,8 @@
   .rect-info-list-wrapper {
     .data-type {
       .data-tag {
-        border: 1px solid @color;
         background: @bgColor;
+        border: 1px solid @color;
       }
     }
     // border-color: @color;
@@ -53,24 +57,28 @@
 }
 
 .rect-item-face-wrapper {
-  .rect-item-style-mixin(#ff5f57, rgba(255, 95, 87, 0.6), rgba(255, 95, 87, 0.4));
-  .rect-info-list-mixin(#FF5F57, rgba(255,95,87,0.6), rgba(179,49,43,0.6));
+  .rect-item-style-mixin(#ff5f57, rgba(255, 95, 87, .6), rgba(255, 95, 87, .4));
+  .rect-info-list-mixin(#FF5F57, rgba(255,95,87,.6), rgba(179,49,43,.6));
 }
+
 .rect-item-body-wrapper {
-  .rect-item-style-mixin(#ffbb22, rgba(255, 187, 34, 0.6), rgba(255, 187, 34, 0.4));
-  .rect-info-list-mixin(#FFBB22, rgba(255,187,34,0.6), rgba(176,94,0,0.6));
+  .rect-item-style-mixin(#ffbb22, rgba(255, 187, 34, .6), rgba(255, 187, 34, .4));
+  .rect-info-list-mixin(#FFBB22, rgba(255,187,34,.6), rgba(176,94,0,.6));
 }
+
 .rect-item-vehicle-wrapper {
-  .rect-item-style-mixin(#44aaff, rgba(68, 170, 255, 0.6), rgba(68, 170, 255, 0.4));
-  .rect-info-list-mixin(#44aaff, rgba(68,170,255,0.6), rgba(31,114,183,0.6));
+  .rect-item-style-mixin(#44aaff, rgba(68, 170, 255, .6), rgba(68, 170, 255, .4));
+  .rect-info-list-mixin(#44aaff, rgba(68,170,255,.6), rgba(31,114,183,.6));
 }
+
 .rect-item-nonVehicle-wrapper {
-  .rect-item-style-mixin(#50e9b2, rgba(80, 233, 178, 0.6), rgba(80, 233, 178, 0.4));
-  .rect-info-list-mixin(#50e9b2, rgba(80,233,178,0.6), rgba(15,196,132,0.6));
+  .rect-item-style-mixin(#50e9b2, rgba(80, 233, 178, .6), rgba(80, 233, 178, .4));
+  .rect-info-list-mixin(#50e9b2, rgba(80,233,178,.6), rgba(15,196,132,.6));
 }
+
 .rect-item-thing-wrapper {
-  .rect-item-style-mixin(#b946d2, rgba(185, 70, 210, 0.6), rgba(185, 70, 210, 0.4));
-  .rect-info-list-mixin(#b946d2, rgba(185, 70, 210, 0.6), rgba(155, 58, 177, 0.4));
+  .rect-item-style-mixin(#b946d2, rgba(185, 70, 210, .6), rgba(185, 70, 210, .4));
+  .rect-info-list-mixin(#b946d2, rgba(185, 70, 210, .6), rgba(155, 58, 177, .4));
 }
 
 .rect-item {
@@ -78,42 +86,51 @@
   border-width: 1px;
   border-style: solid;
   cursor: pointer;
+
   .border-top-decorator,
   .border-bottom-decorator {
     position: absolute;
-    pointer-events: none;
     width: 100%;
+    pointer-events: none;
+
     &::before,
     &::after {
-      content: '';
       display: block;
       width: 8px;
       height: 8px;
       border: 2px solid transparent;
+      content: '';
     }
+
     &::before {
       float: left;
       margin-left: -1px;
     }
+
     &::after {
       float: right;
       margin-right: -1px;
     }
   }
+
   .border-top-decorator {
     top: 0;
+
     &::before,
     &::after {
       margin-top: -1px;
     }
   }
+
   .border-bottom-decorator {
     bottom: 0;
+
     &::before,
     &::after {
       margin-bottom: -1px;
     }
   }
+
   &:hover + .rect-info-list-wrapper {
     display: block;
   }
@@ -121,22 +138,22 @@
 
 // 结构化窗体
 .rect-info-list-wrapper {
-  display: none;
-  background: rgba(16, 21, 36, 0.8);
   position: absolute;
   z-index: 11;
-  border: 1px solid transparent;
+  display: none;
   padding-top: 5px;
+  background: rgb(16 21 36 / 80%);
+  border: 1px solid transparent;
 
-  /*高低质量*/
+  /* 高低质量 */
   .data-type {
     padding: 0 5px;
     color: #fff;
 
     .data-tag {
       padding: 4px;
-      font-size: 12px;
       margin-right: 4px;
+      font-size: 12px;
 
       .anticon {
         margin-right: 4px;
@@ -144,42 +161,48 @@
       }
     }
   }
+
   .rect-card-corner {
     position: absolute;
     top: -9px;
     left: -1px;
   }
+
   .rect-info-arrow {
     position: absolute;
+    top: 6px;
+    left: -4px;
     display: block;
     background: transparent;
+    transform: rotate(45deg);
     border-style: solid;
     border-width: 4px;
-    border-color: rgba(16, 21, 36, 0.8);
-    transform: rotate(45deg);
-    left: -4px;
-    top: 6px;
+    border-color: rgb(16 21 36 / 80%);
   }
+
   .rect-info-list {
     height: 100%;
-    border-radius: 2px;
     padding: 3px 10px;
+    border-radius: 2px;
+
     .info-item {
       padding: 3px 0;
-      white-space: nowrap;
-      text-overflow: ellipsis;
       overflow: hidden;
-      line-height: 18px;
       font-size: var(--fs-small);
+      line-height: 18px;
       color: #fff;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
       .anticon {
         position: relative;
         top: 1px;
-        cursor: default;
+        padding-right: 4px;
         font-size: 16px;
         color: #fff;
-        padding-right: 4px;
+        cursor: default;
       }
+
       .item-label {
         margin: 0 4px;
       }

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { MenuRectType } from '../../interface';
 import './index.less';
 interface IDrawRectProps {
     rect: number[];
     canRenderMenu?: boolean;
     containerDom: HTMLDivElement;
-    onMenuClick: (options: MenuRectType) => void;
+    onMenuClick?: (options: MenuRectType) => void;
     menus: MenuRectType[];
-    getRectImage: (rect: number[]) => string;
+    getRectImage: (rect: number[]) => string | null;
 }
 declare function DrawRect({ rect, canRenderMenu, containerDom, onMenuClick, menus, getRectImage }: IDrawRectProps): JSX.Element;
 export default DrawRect;

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

@@ -26,8 +26,10 @@ function DrawRect(_ref) {
     return rect[1] + rect[3];
   }, [rect]);
   var onMenuClickAction = useCallback(function (item) {
+    var _getRectImage;
+
     onMenuClick === null || onMenuClick === void 0 ? void 0 : onMenuClick(_objectSpread(_objectSpread({}, item), {}, {
-      base64: getRectImage(rect)
+      base64: (_getRectImage = getRectImage(rect)) !== null && _getRectImage !== void 0 ? _getRectImage : ''
     }));
   }, [getRectImage, onMenuClick, rect]);
   return /*#__PURE__*/_jsxs(_Fragment, {

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

@@ -1,8 +1,8 @@
 .select-rect-layout {
-  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.4);
+  position: absolute;
   border: 1px solid;
+  box-shadow: 0 0 0 9999em rgb(0 0 0 / 40%);
   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/RectMenu/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuRectType } from '../../../Picture/interface';
 import './index.less';
 interface IRectMenuProps {

package/es/Picture/component/RectMenu/index.less

@@ -1,29 +1,34 @@
 .select-rect-menu-layout {
   position: absolute;
-  font-size: var(--fs-small);
   width: 105px;
   overflow: hidden;
+  font-size: var(--fs-small);
+
   .menu-action-item {
     padding: 4px 10px;
-    background: #ffffff;
     margin-bottom: 4px;
-    border-radius: 15px;
-    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-    color: rgba(0, 0, 0, 0.65);
+    color: rgb(0 0 0 / 65%);
     white-space: nowrap;
+    background: #fff;
+    border-radius: 15px;
+    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
+
     .anticon {
       padding-right: 2px;
       font-size: 16px;
       color: #89b;
     }
+
     &:hover {
-      background: #ffaa00;
       color: #fff;
       cursor: pointer;
+      background: #fa0;
+
       .anticon {
         color: #fff;
       }
     }
+
     &:last-child {
       margin-bottom: 0;
     }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './index.less';
 interface IToolsProps {
     scale: number;
-    imgDownload: () => void;
+    imgDownload?: () => void;
     setScale: (scale: number) => void;
     setRotate: (rotate: number) => void;
     containerEle: HTMLDivElement;

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

@@ -1,8 +1,8 @@
 import "antd/lib/tooltip/style";
 import _Tooltip from "antd/lib/tooltip";
 import React from 'react';
-import IconFont from "../../../Player/iconfont";
 import FullScreen from "../../../FullScreen";
+import IconFont from "../../../Player/iconfont";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/Picture/component/Tools/index.less

@@ -1,12 +1,14 @@
 .picture-tools {
   position: absolute;
-  bottom: 10px;
   right: 10px;
+  bottom: 10px;
   background: #fff;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
+  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);
+
   &.actions-change-rotate {
     bottom: 150px;
   }
+
   & > div {
     width: 30px;
     height: 25px;
@@ -15,28 +17,32 @@
     cursor: pointer;
 
     &.disabled {
-      cursor: not-allowed;
       color: #999;
+      cursor: not-allowed;
+
       .anticon {
         color: #999;
       }
     }
   }
 }
+
 .picture-actions {
   position: absolute;
   top: 8px;
   right: 8px;
+
   & > div {
+    float: left;
     width: 28px;
     height: 28px;
+    margin-left: 4px;
     line-height: 28px;
-    background: #fff;
-    float: left;
     text-align: center;
-    margin-left: 4px;
     cursor: pointer;
+    background: #fff;
   }
+
   .tools-screen-layer .anticon {
     padding-right: 0;
   }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IWheelScaleProps {
     dom: HTMLElement;
     setScale: (scale: number) => void;

package/es/Picture/demo.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function App(): JSX.Element;

package/es/Picture/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IPictureProps } from './interface';
 import './index.less';
 declare function Picture({ className, width, height, minHeight, disabledDrag, imagePath, rects, isOpenSelect, disabledDrawMenu, menus, hasTool, fullScreenEle, ...props }: IPictureProps): JSX.Element;