@cloud-app-dev/vidc 2.3.0 → 3.0.2

package/es/Map/ResetTools/index.js

@@ -0,0 +1,61 @@
+import "antd/lib/popover/style";
+import _Popover from "antd/lib/popover";
+import React, { useCallback, useContext } from 'react';
+import { mapContext } from '../Context';
+import IconFont from '../../IconFont';
+import "./index.css";
+
+function ResetTools(_ref) {
+  var onMapReset = _ref.onMapReset,
+      onMapZoom = _ref.onMapZoom,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className;
+
+  var _useContext = useContext(mapContext),
+      instance = _useContext.instance;
+
+  var mapReset = useCallback(function () {
+    return onMapReset ? onMapReset() : instance.mapReset();
+  }, []);
+  var mapZoom = useCallback(function (num) {
+    return onMapZoom ? onMapZoom(num) : instance.setZoom(instance.getZoom() + num);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "map-reset-tool-container ".concat(className)
+  }, /*#__PURE__*/React.createElement(_Popover, {
+    placement: "left",
+    content: "\u590D\u4F4D",
+    overlayClassName: "map-rest-tools-item-popup"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "map-reset map-tool-icon",
+    onClick: mapReset
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "icon-S_Bar_Reduction"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "map-zoom"
+  }, /*#__PURE__*/React.createElement(_Popover, {
+    placement: "left",
+    content: "\u653E\u5927",
+    overlayClassName: "map-rest-tools-item-popup"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "map-tool-icon",
+    onClick: function onClick() {
+      return mapZoom(1);
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "icon-S_Edit_LinePlus"
+  }))), /*#__PURE__*/React.createElement(_Popover, {
+    placement: "left",
+    content: "\u7F29\u5C0F",
+    overlayClassName: "map-rest-tools-item-popup"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "map-tool-icon",
+    onClick: function onClick() {
+      return mapZoom(-1);
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "icon-S_Edit_LineMinus"
+  })))));
+}
+
+export default ResetTools;

package/es/Map/SinglePoint/Marker/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { MapPoint } from '../../interface';
+export interface IDragMarkerProps {
+    point: MapPoint;
+}
+declare function DragMarker({ point }: IDragMarkerProps): JSX.Element;
+export default DragMarker;

package/es/Map/SinglePoint/Marker/index.js

@@ -0,0 +1,29 @@
+import { mapContext } from '../../Context';
+import React, { useContext, useEffect } from 'react';
+import useMarker from '../../useMarker';
+import { createMapCenterIcon } from '../../icon';
+import useMapType from '../../hook/useMapType';
+
+function DragMarker(_ref) {
+  var point = _ref.point;
+
+  var _useContext = useContext(mapContext),
+      instance = _useContext.instance;
+
+  var type = useMapType();
+  var marker = useMarker({
+    map: instance.map,
+    center: type.leaflet ? [point.latitude, point.longitude] : [point.longitude, point.latitude],
+    createIcon: function createIcon() {
+      return createMapCenterIcon();
+    }
+  });
+  useEffect(function () {
+    if (!marker) {
+      return;
+    }
+  }, [marker]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+}
+
+export default DragMarker;

package/es/Map/SinglePoint/icon/Place_icon_OnLine_Hover.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="42px" viewBox="0 0 32 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Pin/Place_icon_OnLine_Hover</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="99.6212809%" id="linearGradient-1">
+            <stop stop-color="#FFAA11" offset="0%"></stop>
+            <stop stop-color="#FF8800" offset="99.9458092%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Pin/Place_icon_OnLine_Hover" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M1.00434423,15.6354044 C1.19794088,7.51958091 7.83760558,1 16,1 C24.2842712,1 31,7.71572875 31,16 C30.9998244,16.0897703 30.9998244,16.0897703 30.9989602,16.1782909 C30.950438,20.7384914 29.4952742,23.5356184 25.6561981,28.2624877 C25.6757749,28.2383837 25.2318977,28.7844158 25.1092526,28.9357569 C24.5496714,29.6262667 24.1663135,30.111582 23.8,30.6 C23.1834823,31.4220235 22.6648739,32.3836815 22.1216089,33.6454584 C21.9722216,33.9924223 21.8251655,34.3508267 21.6378581,34.8202592 C21.6374881,34.8211867 21.2753944,35.7339452 21.1721398,35.9896234 C19.7447263,39.5241711 18.5293378,41 16,41 C13.4706622,41 12.2552737,39.5241711 10.8278602,35.9896234 C10.7246056,35.7339452 10.3625119,34.8211867 10.3621419,34.8202592 C10.1748345,34.3508267 10.0277784,33.9924223 9.87839109,33.6454584 C9.33512606,32.3836815 8.81651766,31.4220235 8.2,30.6 C7.8336798,30.1115731 7.45031455,29.626249 6.89072268,28.9357269 C6.76807506,28.7843829 6.32418912,28.2383409 6.34376549,28.2624443 C2.50470807,23.5356048 1.04953566,20.7385012 1.00094829,16.1783675 L0.995229017,15.6415888 L1.00434423,15.6354044 Z" stroke="#EE6600" stroke-width="2" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

package/es/Map/SinglePoint/icon/Place_icon_OnLine_Normal.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="42px" viewBox="0 0 32 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Pin/Place_icon_OnLine_Normal</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="99.7293397%" id="linearGradient-1">
+            <stop stop-color="#FFAA11" offset="0%"></stop>
+            <stop stop-color="#FF8800" offset="99.9458092%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Pin/Place_icon_OnLine_Normal" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M2.00098319,16.1676511 C2.00032834,16.1118453 2,16.055961 2,16 C2,8.2680135 8.2680135,2 16,2 C23.7319865,2 30,8.2680135 30,16 C30,16.055961 29.9996717,16.1118453 29.9990168,16.1676511 C29.9309947,22.5604821 25.9740951,26.0345399 23,30 C20,34 20,40 16,40 C12,40 12,34 9,30 C6.02590494,26.0345399 2.06900528,22.5604821 2.00089154,16.1677133 Z" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

package/es/Map/SinglePoint/icon/Place_icon_OutLine_Hover.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="42px" viewBox="0 0 32 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Pin/Place_icon_OutLine_Hover</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#A3ACBF" offset="0%"></stop>
+            <stop stop-color="#8D96A9" stop-opacity="0.95" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Pin/Place_icon_OutLine_Hover" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M1.00434423,15.6354044 C1.19794088,7.51958091 7.83760558,1 16,1 C24.2842712,1 31,7.71572875 31,16 C30.9998244,16.0897703 30.9998244,16.0897703 30.9989602,16.1782909 C30.950438,20.7384914 29.4952742,23.5356184 25.6561981,28.2624877 C25.6757749,28.2383837 25.2318977,28.7844158 25.1092526,28.9357569 C24.5496714,29.6262667 24.1663135,30.111582 23.8,30.6 C23.1834823,31.4220235 22.6648739,32.3836815 22.1216089,33.6454584 C21.9722216,33.9924223 21.8251655,34.3508267 21.6378581,34.8202592 C21.6374881,34.8211867 21.2753944,35.7339452 21.1721398,35.9896234 C19.7447263,39.5241711 18.5293378,41 16,41 C13.4706622,41 12.2552737,39.5241711 10.8278602,35.9896234 C10.7246056,35.7339452 10.3625119,34.8211867 10.3621419,34.8202592 C10.1748345,34.3508267 10.0277784,33.9924223 9.87839109,33.6454584 C9.33512606,32.3836815 8.81651766,31.4220235 8.2,30.6 C7.8336798,30.1115731 7.45031455,29.626249 6.89072268,28.9357269 C6.76807506,28.7843829 6.32418912,28.2383409 6.34376549,28.2624443 C2.50470807,23.5356048 1.04953566,20.7385012 1.00094829,16.1783675 L0.995229017,15.6415888 L1.00434423,15.6354044 Z" stroke="#676F7F" stroke-width="2" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

package/es/Map/SinglePoint/icon/Place_icon_OutLine_Normal.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="42px" viewBox="0 0 32 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Pin/Place_icon_OutLine_Normal</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#A3ACBF" offset="0%"></stop>
+            <stop stop-color="#8D96A9" stop-opacity="0.95" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Pin/Place_icon_OutLine_Normal" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M2.00098319,16.1676511 C2.00032834,16.1118453 2,16.055961 2,16 C2,8.2680135 8.2680135,2 16,2 C23.7319865,2 30,8.2680135 30,16 C30,16.055961 29.9996717,16.1118453 29.9990168,16.1676511 C29.9309947,22.5604821 25.9740951,26.0345399 23,30 C20,34 20,40 16,40 C12,40 12,34 9,30 C6.02590494,26.0345399 2.06900528,22.5604821 2.00089154,16.1677133 Z" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

package/es/Map/SinglePoint/index.css

@@ -0,0 +1,29 @@
+.single-point-map-container .marker-center-layout {
+  text-align: center;
+  width: 32px;
+  height: 42px;
+  margin-top: -10px;
+}
+.single-point-map-container .marker-center-layout > div {
+  width: 100%;
+  height: 100%;
+  padding-top: 6px;
+}
+.single-point-map-container .marker-center-layout .onLine {
+  background: url('./icon/Place_icon_OnLine_Normal.svg') no-repeat;
+}
+.single-point-map-container .marker-center-layout .onLine:hover {
+  background: url('./icon/Place_icon_OnLine_Hover.svg') no-repeat;
+}
+.single-point-map-container .marker-center-layout .outLine {
+  background: url('./icon/Place_icon_OutLine_Normal.svg') no-repeat;
+}
+.single-point-map-container .marker-center-layout .outLine:hover {
+  background: url('./icon/Place_icon_OutLine_Hover.svg') no-repeat;
+}
+.single-point-map-container .marker-center-layout .anticon {
+  font-size: 18px;
+  color: white;
+  position: relative;
+  top: 1px;
+}

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

@@ -0,0 +1,7 @@
+import { MapPoint } from '../interface';
+import './index.less';
+export interface ISinglePoint {
+    point: MapPoint;
+}
+declare const _default: (props: ISinglePoint) => JSX.Element;
+export default _default;

package/es/Map/SinglePoint/index.js

@@ -0,0 +1,32 @@
+import React, { useCallback, useContext, useEffect, useMemo } from 'react';
+import ResetTools from '../ResetTools';
+import Marker from './Marker';
+import withMap from '../withMap';
+import { mapContext } from '../Context';
+import useMapType from '../hook/useMapType';
+import "./index.css";
+
+function SinglePoint(_ref) {
+  var point = _ref.point;
+
+  var _useContext = useContext(mapContext),
+      instance = _useContext.instance;
+
+  var type = useMapType();
+  var defaultCenter = useMemo(function () {
+    return type.AMap ? [point.longitude, point.latitude] : [point.latitude, point.longitude];
+  }, [point.latitude, point.longitude, instance]);
+  var mapRest = useCallback(function () {
+    return instance.setZoomAndCenter(instance.config.zoom, defaultCenter);
+  }, [defaultCenter]);
+  useEffect(function () {
+    return mapRest();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResetTools, {
+    onMapReset: mapRest
+  }), /*#__PURE__*/React.createElement(Marker, {
+    point: point
+  }));
+}
+
+export default withMap(SinglePoint, 'single-point-map-container');

package/es/Map/hook/useMapType.d.ts

@@ -0,0 +1,4 @@
+export default function useMapType(): {
+    leaflet: boolean;
+    AMap: boolean;
+};

package/es/Map/hook/useMapType.js

@@ -0,0 +1,13 @@
+import { useContext, useMemo } from 'react';
+import { mapContext } from '../Context';
+export default function useMapType() {
+  var _useContext = useContext(mapContext),
+      glaobalKey = _useContext.glaobalKey;
+
+  return useMemo(function () {
+    return {
+      leaflet: glaobalKey === 'L',
+      AMap: glaobalKey === 'AMap'
+    };
+  }, [glaobalKey]);
+}

package/es/Map/icon.d.ts

@@ -0,0 +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;

package/es/Map/icon.js

@@ -0,0 +1,10 @@
+export var 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 function createMapCenterIcon() {
+  var L = window.L;
+  return L.divIcon({
+    iconSize: [28, 40],
+    iconAnchor: [14, 40],
+    html: "<i class=\"anticon\">".concat(LevelCenterCenterSvg, "</>"),
+    className: 'lv-center-map-drag-marker'
+  });
+}

package/es/Map/index.d.ts

@@ -0,0 +1,23 @@
+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").ISinglePoint) => JSX.Element;
+    useMarker: typeof useMarker;
+    withMap: typeof withMap;
+};
+export default Map;

package/es/Map/index.js

@@ -0,0 +1,25 @@
+import ClusterLayer from './ClusterLayer';
+import Config from './Config';
+import Context from './Context';
+import FindPio from './FindPio';
+import LevelCenter from './LevelCenter';
+import LoaderMap from './LoaderMap';
+import BasicMap from './BasicMap';
+import ResetTools from './ResetTools';
+import SinglePoint from './SinglePoint';
+import useMarker from './useMarker';
+import withMap from './withMap';
+var Map = {
+  ClusterLayer: ClusterLayer,
+  Config: Config,
+  Context: Context,
+  FindPio: FindPio,
+  LevelCenter: LevelCenter,
+  LoaderMap: LoaderMap,
+  BasicMap: BasicMap,
+  ResetTools: ResetTools,
+  SinglePoint: SinglePoint,
+  useMarker: useMarker,
+  withMap: withMap
+};
+export default Map;

package/es/Map/interface.d.ts

@@ -0,0 +1,55 @@
+import * as LMap from '@types/leaflet';
+
+export type LMapInstance = typeof LMap & LMapPlugin;
+
+export type Map = LMap.Map & AMap.Map;
+
+export type Marker = LMap.Marker & AMap.Marker;
+
+export type LatLng = LMap.LatLng & AMap.LngLat;
+
+export interface IMapOptions {
+  url?: string;
+  subdomains?: string[];
+  crs?: string;
+  center?: [number, number];
+  maxZoom?: number;
+  minZoom?: number;
+  zoom?: number;
+  zoomOffset?: 0;
+  maxBounds: [[number, number], [number, number]];
+  distance?: number;
+  amapStyle?: 'normal' | 'dark' | 'light' | 'whitesmoke' | 'fresh' | 'grey' | 'graffiti' | 'macaron' | 'blue' | 'darkblue' | 'wine';
+}
+export class IMapInstance {
+  constructor(ele: HTMLDivElement, options?: IMapOptions);
+  map: Map;
+  config: IMapOptions;
+  createMap(): void;
+  destoryMap(): void;
+  mapReset(): void;
+  setZoom(zoom: number): void;
+  setCenter(center: [number, number] | LatLng): void;
+  getZoom(): number;
+  setZoomAndCenter(zoom: number, center: [number, number] | LatLng): void;
+}
+
+export interface MapPoint {
+  latitude: number;
+  longitude: number;
+  deviceType: string;
+  deviceStatus: string;
+  deviceName: string;
+  cid: string;
+}
+
+export type LMapPlugin = {
+  markerClusterGroup: (config: any) => ClusterGroupInterface;
+};
+
+export interface LClusterInterface {
+  addTo(map: Map): this;
+  addLayers(markers: Marker[]);
+  getLayers(): Marker[];
+  clearLayers(): void;
+}