@cloud-app-dev/vidc 3.0.24 → 3.0.26

package/es/AppContext/index.js

@@ -156,14 +156,16 @@ function Provider(_ref) {
       updateLoginStatus: updateLoginStatus,
       updateStore: updateStore
     };
-  }, [state.user, state.operation, state.loginStatus]);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [state.user, state.operation, state.loginStatus]);
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: providerValue
   }, children, /*#__PURE__*/React.createElement(Sync, {
     stateChange: stateChange,
     storeChange: storeChange
   }));
-}
+} // eslint-disable-next-line import/no-anonymous-default-export
+
 
 export default {
   Provider: Provider,

package/es/Config/index.js

@@ -1,5 +1,5 @@
 import produce from 'immer';
-import { insertThemeStyle } from './utils';
+import { insertThemeStyle, lock } from './utils';
 var Config = {
   app: produce({}, function () {}),
   bs: produce({}, function () {}),
@@ -73,6 +73,7 @@ var LMConfig = function () {
     return window['_CONFIG_'];
   } else {
     window['_CONFIG_'] = Config;
+    lock();
     return Config;
   }
 }();

package/es/Config/utils.d.ts

@@ -1,2 +1,4 @@
 import { ThemeInfoType } from './interface';
 export declare function insertThemeStyle(options: ThemeInfoType): void;
+export declare function lock(): void;
+export declare function unlock(): void;

package/es/Config/utils.js

@@ -40,4 +40,14 @@ export function insertThemeStyle(options) {
     isInit = true;
     document.head.appendChild(style);
   }
+}
+export function lock() {
+  Object.defineProperty(window, '_CONFIG_', {
+    writable: false
+  });
+}
+export function unlock() {
+  Object.defineProperty(window, '_CONFIG_', {
+    writable: true
+  });
 }

package/es/Map/LevelCenter/DragMarker/index.js

@@ -32,7 +32,7 @@ function DragMarker(_ref) {
         center: latlng
       });
     });
-    instance.map.on('zoomend', function (e) {
+    instance.map.on('moveend', function () {
       var latlng = type.leaflet ? marker.getLatLng() : marker.getPosition();
       onChange === null || onChange === void 0 ? void 0 : onChange({
         center: [latlng.getLng(), latlng.getLat()]

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

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/es/Map/LevelCenter/demo.js

@@ -0,0 +1,48 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+
+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 React, { useEffect, useState } from 'react';
+import LevelCenter from './index';
+import deviceList from '../points.json';
+
+var App = function App() {
+  var _useState = useState({
+    center: [113, 30],
+    zoom: 10
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    console.log(state);
+  }, [state]);
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 800
+    }
+  }, /*#__PURE__*/React.createElement(LevelCenter, Object.assign({}, state, {
+    enableClick: true,
+    points: deviceList,
+    onLevelCenterChange: function onLevelCenterChange(s) {
+      return setState(s);
+    }
+  }))));
+};
+
+export default App;

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

@@ -4,7 +4,7 @@ import './index.less';
 export interface ILevelCenter {
     center?: [number, number];
     zoom?: number;
-    points: MapPoint[];
+    points?: MapPoint[];
     enableClick?: boolean;
     onLevelCenterChange?: (options: {
         center: [number, number] | LatLng;

package/es/Map/LevelCenter/index.js

@@ -44,14 +44,14 @@ function LevelCenter(_ref) {
       instance.setCenter(_center);
       onLevelCenterChange === null || onLevelCenterChange === void 0 ? void 0 : onLevelCenterChange({
         center: _center,
-        zoom: defaultZoom
+        zoom: instance.getZoom()
       });
     }
   });
-  useMapEvent('zoomed', function (event) {
+  useMapEvent('zoomend', function () {
     onLevelCenterChange === null || onLevelCenterChange === void 0 ? void 0 : onLevelCenterChange({
       center: defaultCenter,
-      zoom: event.target.getZoom()
+      zoom: instance.getZoom()
     });
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClusterLayer, {
@@ -64,7 +64,7 @@ function LevelCenter(_ref) {
       var center = _ref2.center;
       return onLevelCenterChange === null || onLevelCenterChange === void 0 ? void 0 : onLevelCenterChange({
         center: center,
-        zoom: defaultZoom
+        zoom: instance.getZoom()
       });
     }
   }), children);

package/es/Map/LoaderMap/index.js

@@ -31,7 +31,7 @@ function LoaderMap(_a) {
 
   var glaobalKey = useMemo(function () {
     return MAP_GLABAL_KEY ? MAP_GLABAL_KEY : Config.BSConfig.MAP_GLABAL_KEY || 'L';
-  }, []);
+  }, [MAP_GLABAL_KEY]);
   var isL = useMemo(function () {
     return glaobalKey === 'L';
   }, [glaobalKey]);

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

@@ -9,6 +9,7 @@ export interface IMapDrawSelectProps {
     drawUi?: React.ReactNode;
     drawType?: DrawType | 'clear' | 'close';
     drawEnd?: (points: MapPoint[]) => void;
+    onPointClick?: (point: MapPoint) => void;
 }
 declare const _default: (props: IMapDrawSelectProps) => JSX.Element;
 export default _default;

package/es/Map/MapDrawSelect/index.js

@@ -14,7 +14,8 @@ function MapDrawSelect(_ref) {
       children = _ref.children,
       drawUi = _ref.drawUi,
       drawType = _ref.drawType,
-      drawEnd = _ref.drawEnd;
+      drawEnd = _ref.drawEnd,
+      onPointClick = _ref.onPointClick;
 
   var _useContext = useContext(mapContext),
       instance = _useContext.instance;
@@ -35,7 +36,8 @@ function MapDrawSelect(_ref) {
   });
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClusterLayer, {
-    points: points
+    points: points,
+    onPointClick: onPointClick
   }), /*#__PURE__*/React.createElement(ResetTools, {
     onMapReset: mapRest
   }), /*#__PURE__*/React.createElement(MouseTool, {

package/es/useDrawRIO/index.js

@@ -29,6 +29,7 @@ import { useEffect, useMemo, useState } 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';
 
 function useDrawRIO(target, _ref) {
   var row = _ref.row,
@@ -254,8 +255,17 @@ function useDrawRIO(target, _ref) {
         tempPos: []
       });
     });
-  };
+  }; //快捷键处理
+
 
+  useHotkeys('esc', function () {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        pos: [],
+        tempPos: []
+      });
+    });
+  });
   var rio = useMemo(function () {
     var rioArr = [];
     var canvas = getTargetElement(target);

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.0.24",
+  "version": "3.0.26",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -41,6 +41,7 @@
     "lodash-es": "^4.17.21",
     "moment": "^2.29.4",
     "react-error-boundary": "^3.1.4",
+    "react-hotkeys-hook": "^3.4.7",
     "screenfull": "^6.0.2"
   },
   "devDependencies": {