@cloud-app-dev/vidc 3.2.17 → 3.2.18

package/es/LabelValue/index.less

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

package/es/List/index.less

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

package/es/ListWithSizeAnimate/demo.js

@@ -63,7 +63,6 @@ export default function App() {
     },
     children: [/*#__PURE__*/_jsx(ListWithSizeAnimate, {
       ref: ref,
-      headerSize: 200,
       header: /*#__PURE__*/_jsx("div", {
         children: /*#__PURE__*/_jsxs("ul", {
           children: [/*#__PURE__*/_jsx("li", {

package/es/ListWithSizeAnimate/index.js

@@ -1,5 +1,5 @@
 import _useEventListener from "ahooks/es/useEventListener";
-var _excluded = ["headerSize", "header", "children"];
+var _excluded = ["header", "children"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -30,10 +30,9 @@ import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ListWithSizeAnimate = /*#__PURE__*/React.forwardRef(function ListWithSizeAnimate(_ref, forwardRef) {
-  var _ref$current;
+  var _ref$current2;
 
-  var headerSize = _ref.headerSize,
-      header = _ref.header,
+  var header = _ref.header,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -46,32 +45,25 @@ var ListWithSizeAnimate = /*#__PURE__*/React.forwardRef(function ListWithSizeAni
 
   var ref = useRef(null);
   var headerHeight = useMemo(function () {
-    return state.open ? headerSize : 0;
+    return state.open ? 1000 : 0;
   }, [state.open]);
-  var contentHeight = useMemo(function () {
-    return "calc(100% - ".concat(headerHeight, "px)");
-  }, [headerHeight]);
 
-  _useEventListener('wheel', function (event) {
-    if (event.deltaY > 0 && state.open) {
-      updateState({
-        open: false
-      });
-    }
-  }, {
-    target: ref
-  });
+  _useEventListener('scroll', function () {
+    var _ref$current;
 
-  _useEventListener('scroll', function (event) {
-    var _event$currentTarget;
+    var ele = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('.cloudapp-dynamic-grid-list');
 
-    if (((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.scrollTop) === 0) {
+    if ((ele === null || ele === void 0 ? void 0 : ele.scrollTop) === 0) {
       updateState({
         open: true
       });
+    } else {
+      state.open && updateState({
+        open: false
+      });
     }
   }, {
-    target: (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('.cloudapp-dynamic-grid-list')
+    target: (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelector('.cloudapp-dynamic-grid-list')
   });
 
   useImperativeHandle(forwardRef, function () {
@@ -87,21 +79,22 @@ var ListWithSizeAnimate = /*#__PURE__*/React.forwardRef(function ListWithSizeAni
         });
       },
       backTop: function backTop() {
-        var _ref$current2, _ref$current2$querySe;
+        var _ref$current3, _ref$current3$querySe;
 
-        return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$querySe = _ref$current2.querySelector('.cloudapp-dynamic-grid-list')) === null || _ref$current2$querySe === void 0 ? void 0 : _ref$current2$querySe.scrollTo({
+        return (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : (_ref$current3$querySe = _ref$current3.querySelector('.cloudapp-dynamic-grid-list')) === null || _ref$current3$querySe === void 0 ? void 0 : _ref$current3$querySe.scrollTo({
           top: 0
         });
       }
     };
-  }, []);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
   return /*#__PURE__*/_jsxs("div", {
     className: "list-with-size-animate-layout",
     ref: ref,
     children: [/*#__PURE__*/_jsx("div", {
       className: "list-animate-header",
       style: {
-        height: headerHeight,
+        maxHeight: headerHeight,
         overflow: !state.open ? 'hidden' : undefined
       },
       children: /*#__PURE__*/_jsx("div", {
@@ -110,9 +103,6 @@ var ListWithSizeAnimate = /*#__PURE__*/React.forwardRef(function ListWithSizeAni
       })
     }), /*#__PURE__*/_jsxs("div", {
       className: "list-animate-content",
-      style: {
-        height: contentHeight
-      },
       children: [/*#__PURE__*/_jsx("div", {
         className: "list-animate-content-ext",
         children: children

package/es/ListWithSizeAnimate/index.less

@@ -1,17 +1,21 @@
 .list-with-size-animate-layout {
-  height: 100%;
+  display: flex;
   width: 100%;
+  height: 100%;
   overflow: hidden;
+  flex-direction: column;
+
   .list-animate-header {
-    background-color: gray;
-    transition: height 0.3s;
+    transition: max-height .2s;
   }
+
   .list-animate-content {
-    background-color: blue;
-    overflow: hidden;
-    transition: height 0.3s;
+    flex: 1;
     display: flex;
+    overflow: hidden;
+    transition: height .2s;
     flex-direction: column;
+
     .cloudapp-dynamic-grid-list {
       flex: 1;
     }

package/es/Map/BasicMap/index.less

@@ -1,24 +1,29 @@
 .c-map-container {
+  position: relative;
   width: 100%;
   height: 100%;
-  position: relative;
+
   .amap-container {
     width: 100%;
     height: 100%;
+
     .amap-logo {
       display: none !important;
     }
+
     .amap-copyright {
       display: none !important;
     }
   }
+
   .leaflet-container {
+    z-index: 1;
     width: 100%;
     height: 100%;
-    z-index: 1;
   }
+
   .leaflet-div-icon {
-    border: none;
     background-color: transparent;
+    border: none;
   }
 }

package/es/Map/ClusterLayer/index.less

@@ -1,20 +1,22 @@
 .c-cluster-marker-layout {
+  position: relative;
+  display: flex;
   width: 35px;
   height: 35px;
-  display: flex;
   justify-content: center;
   align-items: center;
-  position: relative;
+
   & > div {
+    display: flex;
     width: 28px;
     height: 28px;
+    line-height: 28px;
+    text-align: center;
     border-radius: 50%;
-    display: flex;
     justify-content: center;
     align-items: center;
-    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
-    text-align: center;
-    line-height: 28px;
+    box-shadow: 0 0 4px 0 rgb(0 0 0 / 30%);
+
     .anticon {
       font-size: 17px;
       color: #fff;

package/es/Map/FindPio/index.less

@@ -1,7 +1,7 @@
 .map-find-pio {
   position: absolute;
-  width: 240px;
-  left: 20px;
   top: 20px;
+  left: 20px;
   z-index: 2;
+  width: 240px;
 }

package/es/Map/LevelCenter/index.js

@@ -1,12 +1,11 @@
 import _useMount from "ahooks/es/useMount";
 import React, { useCallback, useContext, useMemo } from 'react';
 import ClusterLayer from "../ClusterLayer";
-import ResetTools from "../ResetTools";
-import DragMarker from "./DragMarker";
-import withMap from "../withMap";
 import { mapContext } from "../Context";
 import useMapEvent from "../hook/useMapEvent";
-import "./index.less";
+import ResetTools from "../ResetTools";
+import withMap from "../withMap";
+import DragMarker from "./DragMarker";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/Map/MapDrawSelect/index.js

@@ -2,11 +2,10 @@ import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _useMount from "ahooks/es/useMount";
 import React, { useCallback, useContext, useEffect, useMemo } from 'react';
 import ClusterLayer from "../ClusterLayer";
-import ResetTools from "../ResetTools";
-import withMap from "../withMap";
 import { mapContext } from "../Context";
 import MouseTool from "../MouseTool";
-import "./index.less";
+import ResetTools from "../ResetTools";
+import withMap from "../withMap";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/Map/ResetTools/index.less

@@ -4,23 +4,27 @@
   bottom: 10px;
   z-index: 3;
   padding: 5px 0;
-  background: #ffffff;
+  background: #fff;
+
   .map-reset,
   .map-zoom {
-    background: #ffffff;
+    background: #fff;
   }
+
   .map-zoom {
     margin-bottom: 0;
   }
+
   .map-tool-icon {
+    display: flex;
     width: 30px;
     height: 25px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     font-size: 18px;
-    color: vart(--icon);
+    color: var(--icon);
     cursor: pointer;
+    align-items: center;
+    justify-content: center;
+
     &:hover {
       color: var(--primary);
     }

package/es/Map/SinglePoint/index.less

@@ -1,9 +1,9 @@
 .single-point-map-container {
   .marker-center-layout {
-    text-align: center;
     width: 32px;
     height: 42px;
     margin-top: -10px;
+    text-align: center;
 
     > div {
       width: 100%;
@@ -32,10 +32,10 @@
     }
 
     .anticon {
-      font-size: 18px;
-      color: white;
       position: relative;
       top: 1px;
+      font-size: 18px;
+      color: white;
     }
   }
 }

package/es/Map/useMarker/index.js

@@ -16,10 +16,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path="../AMap.d.ts" />
 import { useEffect, useRef, useState } from 'react';
 import useMapType from "../hook/useMapType";
-import "./index.less";
 
 function useMarker(_ref) {
   var map = _ref.map,

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/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;
       }