@cloud-app-dev/vidc 3.2.11 → 3.2.14

package/es/Map/Context/index.js

@@ -1,46 +1,80 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var _excluded = ["forwardRef"];
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-import { __rest } from "tslib";
+
 import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export var mapContext = /*#__PURE__*/React.createContext(null);
 export var Provider = mapContext.Provider;
 export var Consumer = mapContext.Consumer;
+
 function map(Component) {
   var MapWithComponent = /*#__PURE__*/function (_React$Component) {
     _inherits(MapWithComponent, _React$Component);
+
     var _super = _createSuper(MapWithComponent);
+
     function MapWithComponent() {
       _classCallCheck(this, MapWithComponent);
+
       return _super.apply(this, arguments);
     }
+
     _createClass(MapWithComponent, [{
       key: "render",
       value: function render() {
-        var _a = this.props,
-          forwardRef = _a.forwardRef,
-          props = __rest(_a, ["forwardRef"]);
-        return /*#__PURE__*/React.createElement(Consumer, null, function (context) {
-          return /*#__PURE__*/React.createElement(Component, Object.assign({}, props, context, {
-            ref: forwardRef
-          }));
+        var _this$props = this.props,
+            forwardRef = _this$props.forwardRef,
+            props = _objectWithoutProperties(_this$props, _excluded);
+
+        return /*#__PURE__*/_jsx(Consumer, {
+          children: function children(context) {
+            return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, props), context), {}, {
+              ref: forwardRef
+            }));
+          }
         });
       }
     }]);
+
     return MapWithComponent;
   }(React.Component);
+
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(MapWithComponent, Object.assign({}, props, {
+    return /*#__PURE__*/_jsx(MapWithComponent, _objectSpread(_objectSpread({}, props), {}, {
       forwardRef: ref
     }));
   });
 }
+
 export default map;

package/es/Map/FindPio/index.js

@@ -1,9 +1,11 @@
 import "antd/lib/select/style";
 import _Select from "antd/lib/select";
 import React from 'react';
-import "./index.css";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function FindPio() {
-  return /*#__PURE__*/React.createElement(_Select, {
+  return /*#__PURE__*/_jsx(_Select, {
     className: "map-find-pio",
     labelInValue: true,
     notFoundContent: null,
@@ -11,4 +13,5 @@ function FindPio() {
     placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57"
   });
 }
+
 export default FindPio;

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

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

package/es/Map/InfoWindow/MakerLikeWindow.js

@@ -1,35 +1,50 @@
 import _useUnmount from "ahooks/es/useUnmount";
+
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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; }
+
 /// <reference path="../AMap.d.ts" />
 import React, { useContext, useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom';
-import { mapContext } from '../Context';
-import useMapType from '../hook/useMapType';
+import { mapContext } from "../Context";
+import useMapType from "../hook/useMapType";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var maxIndex = 20;
 export default function MakerLikeWindow(_ref) {
   var children = _ref.children,
-    visible = _ref.visible,
-    center = _ref.center,
-    width = _ref.width,
-    height = _ref.height;
+      visible = _ref.visible,
+      center = _ref.center,
+      width = _ref.width,
+      height = _ref.height;
+
   var _useContext = useContext(mapContext),
-    instance = _useContext.instance;
+      instance = _useContext.instance;
+
   var domref = useRef(null);
   var markerRef = useRef(null);
   var type = useMapType();
   useEffect(function () {
     if (!instance.map) {
       return;
-    }
-    // leaflet下还未实现
+    } // leaflet下还未实现
+
+
     if (type.AMap && !markerRef.current) {
       var marker = new AMap.Marker({
         content: domref.current,
@@ -41,6 +56,7 @@ export default function MakerLikeWindow(_ref) {
       markerRef.current = marker;
       marker.on('click', function () {
         maxIndex++;
+
         if (marker.getzIndex() !== maxIndex) {
           marker.setzIndex(maxIndex);
         }
@@ -49,11 +65,14 @@ export default function MakerLikeWindow(_ref) {
   }, [instance.map, visible, center]);
   useEffect(function () {
     var marker = markerRef.current;
+
     if (!marker || !center) {
       return undefined;
     }
+
     if (type.AMap) {
       var lnglat = _construct(AMap.LngLat, _toConsumableArray(center));
+
       if (visible) {
         marker.setPosition(lnglat);
         marker.setContent(domref.current);
@@ -65,20 +84,24 @@ export default function MakerLikeWindow(_ref) {
         instance.map.remove(markerRef.current);
         markerRef.current = null;
       }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [visible, center, instance.map]);
+
   _useUnmount(function () {
     try {
       instance.map.remove(markerRef.current);
       markerRef.current = null;
     } catch (_) {}
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: domref,
-    style: {
-      width: width,
-      height: height
-    }
-  }));
+
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
+      ref: domref,
+      style: {
+        width: width,
+        height: height
+      }
+    })
+  });
 }

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

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

package/es/Map/InfoWindow/demo.js

@@ -1,32 +1,47 @@
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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, { useState } from 'react';
-import Map from '../BasicMap';
-import ClusterLayer from '../ClusterLayer';
-import InfoWindow from './MakerLikeWindow';
-import deviceList from '../points.json';
-import Player from '../../Player';
+import Map from "../BasicMap";
+import ClusterLayer from "../ClusterLayer";
+import InfoWindow from "./MakerLikeWindow";
+import deviceList from "../points.json";
+import Player from "../../Player";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 var App = function App() {
   var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   var addDeviceInfoWindow = function addDeviceInfoWindow(item) {
     var longitude = item.longitude,
-      latitude = item.latitude,
-      cid = item.cid;
+        latitude = item.latitude,
+        cid = item.cid;
     var arr = state;
     var index = arr.findIndex(function (v) {
       return v.cid === cid;
     });
+
     if (index === -1) {
       arr.push({
         visible: true,
@@ -35,32 +50,39 @@ var App = function App() {
         url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'
       });
     }
+
     if (index > -1 && !arr[index].visible) {
       arr[index].visible = true;
     }
+
     setState(_toConsumableArray(arr));
   };
-  return /*#__PURE__*/React.createElement("div", {
+
+  return /*#__PURE__*/_jsx("div", {
     style: {
       width: '100%',
       height: 800
-    }
-  }, /*#__PURE__*/React.createElement(Map, null, /*#__PURE__*/React.createElement(ClusterLayer, {
-    points: deviceList,
-    onPointClick: function onPointClick(point) {
-      return addDeviceInfoWindow(point);
-    }
-  }), state.map(function (item) {
-    return /*#__PURE__*/React.createElement(InfoWindow, {
-      visible: item.visible,
-      center: item.center,
-      key: item.cid,
-      width: 200,
-      height: 100
-    }, /*#__PURE__*/React.createElement(Player, {
-      url: item.url,
-      hideContrallerBar: true
-    }));
-  })));
+    },
+    children: /*#__PURE__*/_jsxs(Map, {
+      children: [/*#__PURE__*/_jsx(ClusterLayer, {
+        points: deviceList,
+        onPointClick: function onPointClick(point) {
+          return addDeviceInfoWindow(point);
+        }
+      }), state.map(function (item) {
+        return /*#__PURE__*/_jsx(InfoWindow, {
+          visible: item.visible,
+          center: item.center,
+          width: 200,
+          height: 100,
+          children: /*#__PURE__*/_jsx(Player, {
+            url: item.url,
+            hideContrallerBar: true
+          })
+        }, item.cid);
+      })]
+    })
+  });
 };
+
 export default App;

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

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

package/es/Map/InfoWindow/index.js

@@ -1,33 +1,48 @@
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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; }
+
 /// <reference path="../AMap.d.ts" />
 import React, { useContext, useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom';
-import { mapContext } from '../Context';
-import useMapType from '../hook/useMapType';
+import { mapContext } from "../Context";
+import useMapType from "../hook/useMapType";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function InfoWindow(_ref) {
   var children = _ref.children,
-    visible = _ref.visible,
-    center = _ref.center,
-    width = _ref.width,
-    height = _ref.height;
+      visible = _ref.visible,
+      center = _ref.center,
+      width = _ref.width,
+      height = _ref.height;
+
   var _useContext = useContext(mapContext),
-    instance = _useContext.instance;
+      instance = _useContext.instance;
+
   var domref = useRef(null);
   var infoWindowRef = useRef(null);
   var type = useMapType();
   useEffect(function () {
     if (!instance.map) {
       return;
-    }
-    // leaflet下还未实现
+    } // leaflet下还未实现
+
+
     if (type.AMap && !infoWindowRef.current) {
       var infoWindow = new AMap.InfoWindow({
         size: [width, height],
@@ -36,24 +51,30 @@ export default function InfoWindow(_ref) {
         offset: [0, -32]
       });
       infoWindowRef.current = infoWindow;
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [instance.map, visible, center]);
   useEffect(function () {
     var infoWindow = infoWindowRef.current;
+
     if (!infoWindow || !center) {
       return undefined;
     }
+
     if (type.AMap) {
       var map = instance.map;
+
       var lnglat = _construct(AMap.LngLat, _toConsumableArray(center));
-      map.setCenter(lnglat);
-      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+
+      map.setCenter(lnglat); // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+
       visible ? !infoWindow.getIsOpen() ? (infoWindow.close(), infoWindow.open(instance.map, lnglat)) : infoWindow.open(instance.map, lnglat) : infoWindow.close();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [visible, center, instance.map]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: domref
-  }), domref.current && /*#__PURE__*/ReactDOM.createPortal(children, domref.current));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      ref: domref
+    }), domref.current && /*#__PURE__*/ReactDOM.createPortal(children, domref.current)]
+  });
 }

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

@@ -1,14 +1,19 @@
-import { mapContext } from '../../Context';
+import { mapContext } from "../../Context";
 import React, { useContext, useEffect } from 'react';
-import useMarker from '../../useMarker';
-import { createMapCenterIcon } from '../../icon';
-import useMapType from '../../hook/useMapType';
+import useMarker from "../../useMarker";
+import { createMapCenterIcon } from "../../icon";
+import useMapType from "../../hook/useMapType";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function DragMarker(_ref) {
   var center = _ref.center,
-    title = _ref.title,
-    onChange = _ref.onChange;
+      title = _ref.title,
+      onChange = _ref.onChange;
+
   var _useContext = useContext(mapContext),
-    instance = _useContext.instance;
+      instance = _useContext.instance;
+
   var type = useMapType();
   var marker = useMarker({
     map: instance.map,
@@ -23,19 +28,20 @@ function DragMarker(_ref) {
     if (!marker) {
       return;
     }
+
     marker.on('dragend', function (e) {
       var latlng = type.leaflet ? e.target.getLatLng() : e.target.getPosition();
       instance.setCenter(latlng);
       onChange === null || onChange === void 0 ? void 0 : onChange({
         center: [latlng.getLng(), latlng.getLat()]
       });
-    });
-    // instance.map.on('moveend', () => {
+    }); // instance.map.on('moveend', () => {
     //   const latlng = (type.leaflet ? marker.getLatLng() : marker.getPosition()) as LatLng;
     //   onChange?.({ center: [latlng.getLng(), latlng.getLat()] });
     // });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [marker]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
+  return /*#__PURE__*/_jsx(_Fragment, {});
 }
+
 export default DragMarker;

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

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

package/es/Map/LevelCenter/demo.js

@@ -1,38 +1,57 @@
 import "antd/lib/config-provider/style";
 import _ConfigProvider from "antd/lib/config-provider";
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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';
+import LevelCenter from "./index";
+import deviceList from "../points.json";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 var App = function App() {
   var _useState = useState({
-      center: [113, 30],
-      zoom: 10
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    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);
-    }
-  }))));
+  return /*#__PURE__*/_jsx(_ConfigProvider, {
+    prefixCls: "cloudapp",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%',
+        height: 800
+      },
+      children: /*#__PURE__*/_jsx(LevelCenter, _objectSpread(_objectSpread({}, state), {}, {
+        enableClick: true,
+        points: deviceList,
+        onLevelCenterChange: function onLevelCenterChange(s) {
+          return setState(s);
+        }
+      }))
+    })
+  });
 };
+
 export default App;