@vtx/modals2 2.6.19 → 2.6.21

package/src/vm-info-collection/style/index.less

@@ -1,38 +0,0 @@
-.info-collection {
-    width: fit-content;
-    .info-line {
-        display: flex;
-    }
-}
-.info-collection-horizontal {
-    display: flex;
-    flex-flow: wrap;
-    .info-line {
-        display: flex;
-        justify-content: start;
-        margin-right: 12px;
-    }
-}
-.info-collection,
-.info-collection-horizontal {
-    font-size: 14px;
-
-    .label {
-        color: var(--label-color);
-        white-space: nowrap;
-    }
-
-    .value {
-        color: var(--info-color);
-        font-weight: 400;
-        min-width: 98px;
-        text-align: left;
-    }
-    .ellipsis {
-        min-width: 98px;
-        max-width: 350px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-}

package/src/vm-info-collection/style/index.ts

@@ -1 +0,0 @@
-import './index.less';

package/src/vm-map/index.tsx

@@ -1,192 +0,0 @@
-/* eslint-disable no-undef */
-import $ from 'jquery';
-import React, { useEffect, useRef } from 'react';
-import { customStyle } from './mapStyle';
-
-interface MapPoint {
-    id: string;
-    name: string;
-    lng: string | number;
-    lat: string | number;
-    url: string;
-    width?: number;
-    height?: number;
-    offset?: { width?: number; height?: number };
-}
-
-interface mapPolygon {
-    id: string;
-    rings: string;
-    config: object;
-}
-interface VmMapProps {
-    mapCenter?: Array<number | string>;
-    mapPoints?: MapPoint[];
-    mapPolygons?: mapPolygon[];
-    currentLayer?: any;
-}
-
-type addPointFunc = (points?: MapPoint[]) => void;
-type addPolygonFunc = (polygons?: mapPolygon[], type?: string) => void;
-
-export default function VmMap({ mapCenter, mapPoints, mapPolygons, currentLayer }: VmMapProps) {
-    const mapRef = useRef<any>();
-    const markers = useRef<any>([]);
-    const mappolygons = useRef<any>([]);
-    const highlightLayer = useRef<any>([]);
-
-    useEffect(() => {
-        initMap();
-    }, []);
-
-    useEffect(() => {
-        mapRef.current && addPoints(mapPoints);
-        mapRef.current && addPolygons(mapPolygons);
-    }, [mapPoints, mapPolygons]);
-
-    useEffect(() => {
-        removeHighLightPolygons();
-        // 清空高亮图层并绘制新图层
-        if (currentLayer?.id)
-            addPolygons(
-                [
-                    {
-                        id: currentLayer.id,
-                        rings: currentLayer?.geometryInfo?.lngLats,
-                        config: {
-                            lineColor: 'red',
-                        },
-                    },
-                ],
-                'highlight',
-            );
-    }, [JSON.stringify(currentLayer)]);
-
-    const init = () => {
-        const center = mapCenter || [119.603701, 30.636529];
-        mapRef.current = new window.BMapGL.Map('modalMap', {
-            style: { styleJson: customStyle },
-        });
-        let point = new window.BMapGL.Point(center[0], center[1]);
-        // 设置中心点和层级
-        mapRef.current.centerAndZoom(point, 15);
-        mapRef.current.addOverlay(new window.BMapGL.Marker(point));
-        addPoints(mapPoints);
-        addPolygons(mapPolygons);
-    };
-
-    const initMap = () => {
-        if (window.BMapGL) {
-            init();
-        } else {
-            $.getScript(
-                `//api.map.baidu.com/getscript?type=webgl&v=1.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ`,
-                () => {
-                    init();
-                },
-            );
-        }
-    };
-
-    // 地图添加点位
-    const addPoints: addPointFunc = (points = []) => {
-        removePoints();
-        if (!points?.length) return;
-        // 添加点位
-        const positions: { lng: number; lat: number }[] = [];
-        points.forEach((item: any) => {
-            const position = new window.BMapGL.Point(item.lng, item.lat);
-            positions.push(position);
-            const icon = new window.BMapGL.Icon(
-                item.url,
-                new window.BMapGL.Size(item.width || 32, item.height || 45),
-            );
-            const marker = new window.BMapGL.Marker(position, {
-                icon,
-                offset: new window.BMapGL.Size(
-                    item.offset?.width || -10,
-                    item.offset?.height || -16,
-                ),
-                title: item.name || '',
-            });
-            markers.current.push(marker);
-            mapRef.current.addOverlay(marker);
-        });
-        mapRef.current.setViewport(positions);
-    };
-
-    // 清除地图点位
-    const removePoints = () => {
-        markers.current.forEach((marker: any) => {
-            mapRef.current.addOverlay(marker);
-        });
-        markers.current = [];
-    };
-
-    // 地图添加线
-    const addPolygons: addPolygonFunc = (polygons = [], type) => {
-        removePolygons();
-        if (!polygons?.length) return;
-        const points: any = [];
-        //遍历添加图层(图元)
-        polygons.map(item => {
-            //初始化参数
-            let cg = {
-                lineType: 'solid',
-                lineWidth: 5,
-                lineColor: '#277ffa',
-                lineOpacity: 1,
-                color: '#fff',
-                pellucidity: 0.5,
-                // isHidden: false  //后期需要再加
-            };
-            if (item.config) {
-                cg = { ...cg, ...item.config };
-            }
-            //面的参数
-            let polygonOption = {
-                    strokeColor: cg.lineColor,
-                    strokeOpacity: cg.lineOpacity,
-                    strokeWeight: cg.lineWidth,
-                    strokeStyle: cg.lineType,
-                    fillColor: cg.color,
-                    fillOpacity: cg.pellucidity,
-                },
-                polygonPath = item.rings?.split(';').map(item => {
-                    let [lng, lat] = item?.split(',');
-                    let _point = new window.BMapGL.Point(lng, lat);
-                    points.push(_point);
-                    return _point;
-                });
-            //创建面对象
-            let polygon = new window.BMapGL.Polygon(polygonPath, polygonOption);
-            if (type) {
-                // 若为高亮图层，单独保存，用于单独清除
-                highlightLayer.current.push(polygon);
-                mapRef.current.addOverlay(polygon);
-            } else {
-                mappolygons.current.push(polygon);
-                mapRef.current.addOverlay(polygon);
-            }
-        });
-        mapRef.current.setViewport(points);
-    };
-
-    // 清除地图图元
-    const removePolygons = () => {
-        mappolygons.current.forEach((polygon: any) => {
-            mapRef.current.addOverlay(polygon);
-        });
-        mappolygons.current = [];
-    };
-
-    // 清除高亮图元
-    const removeHighLightPolygons = () => {
-        highlightLayer.current.forEach((polygon: any) => {
-            mapRef.current.removeOverlay(polygon);
-        });
-        highlightLayer.current = [];
-    };
-
-    return <div id="modalMap" style={{ width: '100%', height: '100%' }} />;
-}