@cloud-app-dev/vidc 3.2.17 → 3.2.19

package/es/FullScreen/index.less

@@ -1,13 +1,15 @@
 .tools-screen-layer {
-  flex: 1;
-  align-self: center;
-  text-align: center;
-  font-size: var(--fs-small);
   position: relative;
+  font-size: var(--fs-small);
+  text-align: center;
   cursor: pointer;
+  flex: 1;
+  align-self: center;
+
   .anticon {
     padding-right: 5px;
   }
+
   .defualt-fullscreen-icon {
     position: relative;
     top: 1px;

package/es/GridList/Demo.d.ts

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

package/es/GridList/index.js

@@ -34,7 +34,7 @@ var GridList = /*#__PURE__*/React.forwardRef(function GridList(props, ref) {
             style: {
               height: cell.height,
               // maxWidth: cell.width,
-              width: "100%",
+              width: '100%',
               gridColumnStart: "".concat(cell.columnNumber),
               gridRowStart: getGridRowStart(cell, renderData)
             },

package/es/GridList/index.less

@@ -1,8 +1,8 @@
 .cloudapp-grid-list {
   width: 100%;
   height: 100%;
-  overflow: auto;
   padding: 20px;
+  overflow: auto;
   contain: strict;
   box-sizing: border-box;
 }

package/es/ImageView/index.less

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

package/es/Input/demo.d.ts

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

package/es/Input/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 interface IInputProps extends Omit<InputProps, 'onChange'> {

package/es/Input/index.less

@@ -5,8 +5,8 @@
   .@{ant-prefix}-input-prefix,
   .@{ant-prefix}-input-suffix {
     > i {
-      color: var(--icon);
       font-size: 16px;
+      color: var(--icon);
     }
   }
 }

package/es/InstanceHistory/index.d.ts

@@ -1,3 +1,2 @@
-import type { History } from 'history';
 declare const InstanceHistory: History;
 export default InstanceHistory;

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/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/es/List/index.d.ts

@@ -33,9 +33,9 @@ declare namespace List {
         itemNameKey: string;
         renderHeaderExt: () => JSX.Element;
     };
-    var VList: typeof import("../VList").default;
-    var DynamicList: typeof import("../DynamicList").default;
-    var GridList: React.ForwardRefExoticComponent<import("../GridList").GridListProps<unknown> & React.RefAttributes<HTMLDivElement>>;
-    var DynamicGridList: typeof import("../DynamicGridList").default;
+    var VList: any;
+    var DynamicList: any;
+    var GridList: any;
+    var DynamicGridList: any;
 }
 export default List;

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.d.ts

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

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.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { IDynamicGridListProps } from '../DynamicGridList';
 import './index.less';
 interface IListWithSizeAnimateProps<T> extends IDynamicGridListProps<T> {
-    headerSize: number;
     children?: React.ReactNode;
     header?: React.ReactNode;
 }

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/LeafletInstance.d.ts

@@ -10,7 +10,7 @@ declare class LeafletInstance implements IMapInstance {
     mapReset(): void;
     setZoom(zoom: number): void;
     setCenter(center: [number, number] | LatLng): void;
-    getZoom(): number;
+    getZoom(): any;
     on(type: string, fn: (event: any) => void): void;
     off(type: string, fn: (event: any) => void): void;
     setCursor(cursor: string): void;

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/hook.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../AMap.d.ts" />
-import { MapPoint, Marker, LClusterInterface } from '../interface';
+import { MapPoint, LClusterInterface } from '../interface';
 import './index.less';
 export declare function useMarkerCluster(onPointClick?: (point: MapPoint) => void): (LClusterInterface & AMap.MarkerCluster) | null;
-export declare function useMarkers(points?: MapPoint[]): Marker[];
+export declare function useMarkers(points?: MapPoint[]): any[];

package/es/Map/ClusterLayer/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../AMap.d.ts" />
-/// <reference types="react" />
 import { IClusterLayerProps } from './props';
 import './index.less';
 declare function ClusterLayer({ points, onPointClick, children }: IClusterLayerProps): JSX.Element;

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare function FindPio(): JSX.Element;
 export default FindPio;

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/InfoWindow/MakerLikeWindow.d.ts

@@ -1,4 +1,3 @@
 /// <reference path="../AMap.d.ts" />
-/// <reference types="react" />
 import { InfoWindowProps } from '.';
 export default function MakerLikeWindow({ children, visible, center, width, height }: InfoWindowProps): JSX.Element;

package/es/Map/InfoWindow/demo.d.ts

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

package/es/Map/InfoWindow/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../AMap.d.ts" />
-/// <reference types="react" />
 export interface InfoWindowProps {
     children: JSX.Element;
     visible?: boolean;

package/es/Map/LevelCenter/DragMarker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IDragMarkerProps {
     center?: [number, number];
     onChange?: (options: {

package/es/Map/LevelCenter/demo.d.ts

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

package/es/Map/LevelCenter/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { LatLng, MapPoint } from '../interface';
-import './index.less';
 export interface ILevelCenter {
     center?: [number, number];
     zoom?: number;
@@ -12,5 +11,5 @@ export interface ILevelCenter {
     }) => void;
     children?: React.ReactNode;
 }
-declare const _default: (props: ILevelCenter) => JSX.Element;
+declare const _default: any;
 export default _default;

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/demo.d.ts

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

package/es/Map/MapDrawSelect/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { DrawType, MapPoint } from '../interface';
-import './index.less';
 export interface IMapDrawSelectProps {
     center?: [number, number];
     zoom?: number;
@@ -12,5 +11,5 @@ export interface IMapDrawSelectProps {
     drawEnd?: (points: MapPoint[]) => void;
     onPointClick?: (point: MapPoint) => void;
 }
-declare const _default: (props: IMapDrawSelectProps) => JSX.Element;
+declare const _default: any;
 export default _default;

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../../Player/style/iconfont';
 import './index.less';
 export interface IResetTools {

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.d.ts

@@ -23,5 +23,5 @@ export interface ISinglePlayerProps {
     }) => void;
     children?: React.ReactNode;
 }
-declare const _default: (props: ISinglePlayerProps) => JSX.Element;
+declare const _default: any;
 export default _default;

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/icon.d.ts

@@ -1,2 +1,2 @@
 export declare const LevelCenterCenterSvg = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"28px\" height=\"40px\" viewBox=\"0 0 28 40\" version=\"1.1\"><defs><linearGradient x1=\"6.38826004%\" y1=\"96.2639042%\" x2=\"66.7998206%\" y2=\"14.972142%\" id=\"linearGradient-1\"><stop stop-color=\"#000000\" stop-opacity=\"0.2\" offset=\"0%\"/><stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"100%\"/></linearGradient></defs><g id=\"Img/Add\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M22,28 L28,28 L15.2872963,39.7348034 C15.102574,39.9053163 14.8604062,40 14.6090162,40 L14,40 C13.7238576,40 13.5,39.7761424 13.5,39.5 C13.5,39.3918149 13.5350889,39.2865481 13.6,39.2 L22,28 Z\" id=\"Rectangle\" fill=\"url(#linearGradient-1)\"/><path d=\"M11,23 L17,23 L15.103901,39.1168412 C15.0446525,39.6204542 14.6178366,40 14.1107504,40 L13.8892496,40 C13.3821634,40 12.9553475,39.6204542 12.896099,39.1168412 L11,23 Z\" id=\"Rectangle\" fill=\"#FF8800\"/><circle id=\"Oval\" stroke=\"#FF8800\" fill=\"#FFAA00\" cx=\"14\" cy=\"12\" r=\"11.5\"/><circle id=\"Oval\" fill=\"#FF8800\" cx=\"15\" cy=\"13\" r=\"4\"/><circle id=\"Oval\" fill=\"#FFFFFF\" cx=\"14\" cy=\"12\" r=\"4\"/></g></svg>";
-export declare function createMapCenterIcon(): import("leaflet").DivIcon;
+export declare function createMapCenterIcon(): any;

package/es/Map/index.d.ts

@@ -1,24 +1,14 @@
-/// <reference types="react" />
-import ClusterLayer from './ClusterLayer';
-import Config from './Config';
-import Context from './Context';
-import FindPio from './FindPio';
-import LoaderMap from './LoaderMap';
-import BasicMap from './BasicMap';
-import ResetTools from './ResetTools';
-import useMarker from './useMarker';
-import withMap from './withMap';
 declare const Map: {
-    ClusterLayer: typeof ClusterLayer;
-    Config: typeof Config;
-    Context: typeof Context;
-    FindPio: typeof FindPio;
-    LevelCenter: (props: import("./LevelCenter").ILevelCenter) => JSX.Element;
-    LoaderMap: typeof LoaderMap;
-    BasicMap: typeof BasicMap;
-    ResetTools: typeof ResetTools;
-    SinglePoint: (props: import("./SinglePoint").ISinglePlayerProps) => JSX.Element;
-    useMarker: typeof useMarker;
-    withMap: typeof withMap;
+    ClusterLayer: any;
+    Config: any;
+    Context: any;
+    FindPio: any;
+    LevelCenter: any;
+    LoaderMap: any;
+    BasicMap: any;
+    ResetTools: any;
+    SinglePoint: any;
+    useMarker: any;
+    withMap: any;
 };
 export default Map;

package/es/Map/useMarker/index.d.ts

@@ -1,6 +1,5 @@
 /// <reference path="../AMap.d.ts" />
 import { Map } from '../interface';
-import './index.less';
 export interface IUseMarkerProps {
     map: Map;
     center: [number, number];

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/Map/withMap/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare function withMap<P>(Component: any, className?: string): (props: P) => JSX.Element;
 export default withMap;

package/es/Modal/demo.d.ts

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