@vtx/modals2 2.8.5 → 3.1.0

package/lib/vm-image-text/style/index.css

@@ -8,6 +8,7 @@
   -ms-flex-line-pack: center;
       align-content: center;
   margin-right: 80px;
+  font-family: Microsoft YaHei;
 }
 .vm-image-text-item img {
   width: 46px;
@@ -15,11 +16,11 @@
   margin-right: 18px;
 }
 .vm-image-text-item--name {
-  color: var(--label-color);
+  color: var(--image-text-color);
 }
 .vm-image-text-item--value {
   line-height: 24px;
-  color: var(--info-color);
+  color: var(--image-value-color);
   font-size: 12px;
 }
 .vm-image-text-item--value.active {

package/lib/vm-image-text/style/index.less

@@ -4,13 +4,14 @@
         justify-content: start;
         align-content: center;
         margin-right: 80px;
+        font-family: Microsoft YaHei;
         img {
             width: 46px;
             height: 46px;
             margin-right: 18px;
         }
         &--name {
-            color: var(--label-color);
+            color: var(--image-text-color);
         }
         &--value {
             line-height: 24px;
@@ -20,7 +21,7 @@
             &.danger {
                 color: var(--info-danger);
             }
-            color: var(--info-color);
+            color: var(--image-value-color);
             font-size: 12px;
             span {
                 font-size: 22px;

package/lib/vm-map/index.js

@@ -29,7 +29,7 @@ function VmMap(_ref) {
   var mappolygons = (0, _react.useRef)([]);
   var highlightLayer = (0, _react.useRef)([]);
   var _useSettings = (0, _useSettings2["default"])(),
-    isDark = _useSettings.isDark;
+    theme = _useSettings.theme;
   (0, _react.useEffect)(function () {
     initMap();
   }, []);
@@ -54,7 +54,7 @@ function VmMap(_ref) {
     var center = mapCenter || [119.603701, 30.636529];
     mapRef.current = new window.BMapGL.Map('modalMap', {
       style: {
-        styleJson: isDark ? _mapStyle.customStyle : _mapStyle.customLight
+        styleJson: theme == 'light' ? _mapStyle.customLight : _mapStyle.customStyle
       }
     });
     var point = new window.BMapGL.Point(center[0], center[1]);

package/lib/vm-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_jquery","_interopRequireDefault","require","_react","_interopRequireWildcard","_useSettings2","_mapStyle","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","VmMap","_ref","mapCenter","mapPoints","mapPolygons","currentLayer","clickGraphic","mapRef","useRef","markers","mappolygons","highlightLayer","_useSettings","useSettings","isDark","useEffect","initMap","current","addPoints","addPolygons","_a","removeHighLightPolygons","id","rings","geometryInfo","lngLats","config","lineWidth","lineOpacity","JSON","stringify","init","center","window","BMapGL","Map","style","styleJson","customStyle","customLight","point","Point","centerAndZoom","addOverlay","Marker","enableScrollWheelZoom","$","getScript","points","arguments","undefined","removePoints","positions","forEach","item","_b","position","lng","lat","icon","Icon","url","Size","width","height","marker","offset","title","setViewport","clickPolygon","e","polygons","type","removePolygons","map","cg","lineType","lineColor","color","pellucidity","assign","polygonOption","strokeColor","strokeOpacity","strokeWeight","strokeStyle","fillColor","fillOpacity","polygonPath","split","_ref2","_ref3","_point","polygon","Polygon","on","setTimeout","_ref4","_ref5","removeOverlay","React","createElement"],"sources":["vm-map/index.js"],"sourcesContent":["/* eslint-disable no-undef */\nimport $ from 'jquery';\nimport React, { useEffect, useRef } from 'react';\nimport useSettings from '../vm-hooks/useSettings';\nimport { customStyle, customLight } from './mapStyle';\nexport default function VmMap({ mapCenter, mapPoints, mapPolygons, currentLayer, clickGraphic }) {\n    const mapRef = useRef();\n    const markers = useRef([]);\n    const mappolygons = useRef([]);\n    const highlightLayer = useRef([]);\n    const { isDark } = useSettings();\n    useEffect(() => {\n        initMap();\n    }, []);\n    useEffect(() => {\n        mapRef.current && addPoints(mapPoints);\n        mapRef.current && addPolygons(mapPolygons);\n    }, [mapPoints, mapPolygons]);\n    useEffect(() => {\n        var _a;\n        removeHighLightPolygons();\n        // 清空高亮图层并绘制新图层\n        if (currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.id)\n            addPolygons([\n                {\n                    id: currentLayer.id,\n                    rings: (_a = currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.geometryInfo) === null || _a === void 0 ? void 0 : _a.lngLats,\n                    config: {\n                        lineWidth: 2,\n                        lineOpacity: 0.5,\n                    },\n                },\n            ], 'highlight');\n    }, [JSON.stringify(currentLayer)]);\n    const init = () => {\n        const center = mapCenter || [119.603701, 30.636529];\n        mapRef.current = new window.BMapGL.Map('modalMap', {\n            style: { styleJson: isDark ? customStyle : customLight },\n        });\n        let point = new window.BMapGL.Point(center[0], center[1]);\n        // 设置中心点和层级\n        mapRef.current.centerAndZoom(point, 15);\n        mapRef.current.addOverlay(new window.BMapGL.Marker(point));\n        mapRef.current.enableScrollWheelZoom(); // 滚轮放大缩小\n        addPoints(mapPoints);\n        addPolygons(mapPolygons);\n    };\n    const initMap = () => {\n        if (window.BMapGL) {\n            init();\n        }\n        else {\n            $.getScript(`//api.map.baidu.com/getscript?type=webgl&v=1.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ`, () => {\n                init();\n            });\n        }\n    };\n    // 地图添加点位\n    const addPoints = (points = []) => {\n        removePoints();\n        if (!(points === null || points === void 0 ? void 0 : points.length))\n            return;\n        // 添加点位\n        const positions = [];\n        points.forEach((item) => {\n            var _a, _b;\n            const position = new window.BMapGL.Point(item.lng, item.lat);\n            positions.push(position);\n            const icon = new window.BMapGL.Icon(item.url, new window.BMapGL.Size(item.width || 32, item.height || 45));\n            const marker = new window.BMapGL.Marker(position, {\n                icon,\n                offset: new window.BMapGL.Size(((_a = item.offset) === null || _a === void 0 ? void 0 : _a.width) || -10, ((_b = item.offset) === null || _b === void 0 ? void 0 : _b.height) || -16),\n                title: item.name || '',\n            });\n            markers.current.push(marker);\n            mapRef.current.addOverlay(marker);\n        });\n        mapRef.current.setViewport(positions);\n    };\n    // 清除地图点位\n    const removePoints = () => {\n        markers.current.forEach((marker) => {\n            mapRef.current.addOverlay(marker);\n        });\n        markers.current = [];\n    };\n    //点击图元事件\n    const clickPolygon = (item, e) => {\n        if (typeof clickGraphic === 'function') {\n            let obj = {\n                item: item,\n                e,\n            };\n            clickGraphic(obj);\n        }\n    };\n    // 地图添加线\n    const addPolygons = (polygons = [], type) => {\n        removePolygons();\n        if (!(polygons === null || polygons === void 0 ? void 0 : polygons.length))\n            return;\n        const points = [];\n        //遍历添加图层(图元)\n        polygons.map(item => {\n            var _a;\n            //初始化参数\n            let cg = {\n                lineType: 'solid',\n                lineWidth: 5,\n                lineColor: '#277ffa',\n                lineOpacity: 0.3,\n                color: '#fff',\n                pellucidity: 0.5,\n                // isHidden: false  //后期需要再加\n            };\n            if (item.config) {\n                cg = Object.assign(Object.assign({}, cg), item.config);\n            }\n            //面的参数\n            let polygonOption = {\n                strokeColor: cg.lineColor,\n                strokeOpacity: cg.lineOpacity,\n                strokeWeight: cg.lineWidth,\n                strokeStyle: cg.lineType,\n                fillColor: cg.color,\n                fillOpacity: cg.pellucidity,\n            }, polygonPath = (_a = item.rings) === null || _a === void 0 ? void 0 : _a.split(';').map(item => {\n                let [lng, lat] = item === null || item === void 0 ? void 0 : item.split(',');\n                let _point = new window.BMapGL.Point(lng, lat);\n                points.push(_point);\n                return _point;\n            });\n            //创建面对象\n            let polygon = new window.BMapGL.Polygon(polygonPath, polygonOption);\n            //添加点击事件\n            polygon.on('click', (e) => {\n                clickPolygon(item, e);\n                // 居中显示\n                setTimeout(() => {\n                    var _a;\n                    mapRef.current.setViewport((_a = item.rings) === null || _a === void 0 ? void 0 : _a.split(';').map(item => {\n                        let [lng, lat] = item === null || item === void 0 ? void 0 : item.split(',');\n                        let _point = new window.BMapGL.Point(lng, lat);\n                        return _point;\n                    }));\n                }, 300);\n            });\n            if (type) {\n                // 若为高亮图层，单独保存，用于单独清除\n                highlightLayer.current.push(polygon);\n                mapRef.current.addOverlay(polygon);\n            }\n            else {\n                mappolygons.current.push(polygon);\n                mapRef.current.addOverlay(polygon);\n            }\n        });\n        mapRef.current.setViewport(points);\n    };\n    // 清除地图图元\n    const removePolygons = () => {\n        mappolygons.current.forEach((polygon) => {\n            mapRef.current.removeOverlay(polygon);\n        });\n        mappolygons.current = [];\n    };\n    // 清除高亮图元\n    const removeHighLightPolygons = () => {\n        highlightLayer.current.forEach((polygon) => {\n            mapRef.current.removeOverlay(polygon);\n        });\n        highlightLayer.current = [];\n    };\n    return React.createElement(\"div\", { id: \"modalMap\", style: { width: '100%', height: '100%' } });\n}\n"],"mappings":";;;;;;;AACA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAAsD,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAjB,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAiB,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,eAAAM,EAAA,GAAAN,EAAA,cAAA/B,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAqB,OAAA,CAAApC,GAAA,UAAAA,GAAA,IAJtD;AAKe,SAASqC,KAAKA,CAAAC,IAAA,EAAoE;EAAA,IAAjEC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAEC,YAAY,GAAAL,IAAA,CAAZK,YAAY;EACzF,IAAMC,MAAM,GAAG,IAAAC,aAAM,GAAE;EACvB,IAAMC,OAAO,GAAG,IAAAD,aAAM,EAAC,EAAE,CAAC;EAC1B,IAAME,WAAW,GAAG,IAAAF,aAAM,EAAC,EAAE,CAAC;EAC9B,IAAMG,cAAc,GAAG,IAAAH,aAAM,EAAC,EAAE,CAAC;EACjC,IAAAI,YAAA,GAAmB,IAAAC,wBAAW,GAAE;IAAxBC,MAAM,GAAAF,YAAA,CAANE,MAAM;EACd,IAAAC,gBAAS,EAAC,YAAM;IACZC,OAAO,EAAE;EACb,CAAC,EAAE,EAAE,CAAC;EACN,IAAAD,gBAAS,EAAC,YAAM;IACZR,MAAM,CAACU,OAAO,IAAIC,SAAS,CAACf,SAAS,CAAC;IACtCI,MAAM,CAACU,OAAO,IAAIE,WAAW,CAACf,WAAW,CAAC;EAC9C,CAAC,EAAE,CAACD,SAAS,EAAEC,WAAW,CAAC,CAAC;EAC5B,IAAAW,gBAAS,EAAC,YAAM;IACZ,IAAIK,EAAE;IACNC,uBAAuB,EAAE;IACzB;IACA,IAAIhB,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACiB,EAAE,EAC3EH,WAAW,CAAC,CACR;MACIG,EAAE,EAAEjB,YAAY,CAACiB,EAAE;MACnBC,KAAK,EAAE,CAACH,EAAE,GAAGf,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACmB,YAAY,MAAM,IAAI,IAAIJ,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACK,OAAO;MACnJC,MAAM,EAAE;QACJC,SAAS,EAAE,CAAC;QACZC,WAAW,EAAE;MACjB;IACJ,CAAC,CACJ,EAAE,WAAW,CAAC;EACvB,CAAC,EAAE,CAACC,IAAI,CAACC,SAAS,CAACzB,YAAY,CAAC,CAAC,CAAC;EAClC,IAAM0B,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS;IACf,IAAMC,MAAM,GAAG9B,SAAS,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IACnDK,MAAM,CAACU,OAAO,GAAG,IAAIgB,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,UAAU,EAAE;MAC/CC,KAAK,EAAE;QAAEC,SAAS,EAAEvB,MAAM,GAAGwB,qBAAW,GAAGC;MAAY;IAC3D,CAAC,CAAC;IACF,IAAIC,KAAK,GAAG,IAAIP,MAAM,CAACC,MAAM,CAACO,KAAK,CAACT,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD;IACAzB,MAAM,CAACU,OAAO,CAACyB,aAAa,CAACF,KAAK,EAAE,EAAE,CAAC;IACvCjC,MAAM,CAACU,OAAO,CAAC0B,UAAU,CAAC,IAAIV,MAAM,CAACC,MAAM,CAACU,MAAM,CAACJ,KAAK,CAAC,CAAC;IAC1DjC,MAAM,CAACU,OAAO,CAAC4B,qBAAqB,EAAE,CAAC,CAAC;IACxC3B,SAAS,CAACf,SAAS,CAAC;IACpBgB,WAAW,CAACf,WAAW,CAAC;EAC5B,CAAC;EACD,IAAMY,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;IAClB,IAAIiB,MAAM,CAACC,MAAM,EAAE;MACfH,IAAI,EAAE;IACV,CAAC,MACI;MACDe,kBAAC,CAACC,SAAS,+EAA+E,YAAM;QAC5FhB,IAAI,EAAE;MACV,CAAC,CAAC;IACN;EACJ,CAAC;EACD;EACA,IAAMb,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAoB;IAAA,IAAhB8B,MAAM,GAAAC,SAAA,CAAAnE,MAAA,QAAAmE,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,EAAE;IAC1BE,YAAY,EAAE;IACd,IAAI,EAAEH,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAAClE,MAAM,CAAC,EAChE;IACJ;IACA,IAAMsE,SAAS,GAAG,EAAE;IACpBJ,MAAM,CAACK,OAAO,CAAC,UAACC,IAAI,EAAK;MACrB,IAAIlC,EAAE,EAAEmC,EAAE;MACV,IAAMC,QAAQ,GAAG,IAAIvB,MAAM,CAACC,MAAM,CAACO,KAAK,CAACa,IAAI,CAACG,GAAG,EAAEH,IAAI,CAACI,GAAG,CAAC;MAC5DN,SAAS,CAACxD,IAAI,CAAC4D,QAAQ,CAAC;MACxB,IAAMG,IAAI,GAAG,IAAI1B,MAAM,CAACC,MAAM,CAAC0B,IAAI,CAACN,IAAI,CAACO,GAAG,EAAE,IAAI5B,MAAM,CAACC,MAAM,CAAC4B,IAAI,CAACR,IAAI,CAACS,KAAK,IAAI,EAAE,EAAET,IAAI,CAACU,MAAM,IAAI,EAAE,CAAC,CAAC;MAC1G,IAAMC,MAAM,GAAG,IAAIhC,MAAM,CAACC,MAAM,CAACU,MAAM,CAACY,QAAQ,EAAE;QAC9CG,IAAI,EAAJA,IAAI;QACJO,MAAM,EAAE,IAAIjC,MAAM,CAACC,MAAM,CAAC4B,IAAI,CAAC,CAAC,CAAC1C,EAAE,GAAGkC,IAAI,CAACY,MAAM,MAAM,IAAI,IAAI9C,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC2C,KAAK,KAAK,CAAC,EAAE,EAAE,CAAC,CAACR,EAAE,GAAGD,IAAI,CAACY,MAAM,MAAM,IAAI,IAAIX,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACS,MAAM,KAAK,CAAC,EAAE,CAAC;QACrLG,KAAK,EAAEb,IAAI,CAAC7E,IAAI,IAAI;MACxB,CAAC,CAAC;MACFgC,OAAO,CAACQ,OAAO,CAACrB,IAAI,CAACqE,MAAM,CAAC;MAC5B1D,MAAM,CAACU,OAAO,CAAC0B,UAAU,CAACsB,MAAM,CAAC;IACrC,CAAC,CAAC;IACF1D,MAAM,CAACU,OAAO,CAACmD,WAAW,CAAChB,SAAS,CAAC;EACzC,CAAC;EACD;EACA,IAAMD,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACvB1C,OAAO,CAACQ,OAAO,CAACoC,OAAO,CAAC,UAACY,MAAM,EAAK;MAChC1D,MAAM,CAACU,OAAO,CAAC0B,UAAU,CAACsB,MAAM,CAAC;IACrC,CAAC,CAAC;IACFxD,OAAO,CAACQ,OAAO,GAAG,EAAE;EACxB,CAAC;EACD;EACA,IAAMoD,YAAY,GAAG,SAAfA,YAAYA,CAAIf,IAAI,EAAEgB,CAAC,EAAK;IAC9B,IAAI,OAAOhE,YAAY,KAAK,UAAU,EAAE;MACpC,IAAI7D,GAAG,GAAG;QACN6G,IAAI,EAAEA,IAAI;QACVgB,CAAC,EAADA;MACJ,CAAC;MACDhE,YAAY,CAAC7D,GAAG,CAAC;IACrB;EACJ,CAAC;EACD;EACA,IAAM0E,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAA4B;IAAA,IAAxBoD,QAAQ,GAAAtB,SAAA,CAAAnE,MAAA,QAAAmE,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,EAAE;IAAA,IAAEuB,IAAI,GAAAvB,SAAA,CAAAnE,MAAA,OAAAmE,SAAA,MAAAC,SAAA;IACpCuB,cAAc,EAAE;IAChB,IAAI,EAAEF,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,QAAQ,CAACzF,MAAM,CAAC,EACtE;IACJ,IAAMkE,MAAM,GAAG,EAAE;IACjB;IACAuB,QAAQ,CAACG,GAAG,CAAC,UAAApB,IAAI,EAAI;MACjB,IAAIlC,EAAE;MACN;MACA,IAAIuD,EAAE,GAAG;QACLC,QAAQ,EAAE,OAAO;QACjBjD,SAAS,EAAE,CAAC;QACZkD,SAAS,EAAE,SAAS;QACpBjD,WAAW,EAAE,GAAG;QAChBkD,KAAK,EAAE,MAAM;QACbC,WAAW,EAAE;QACb;MACJ,CAAC;;MACD,IAAIzB,IAAI,CAAC5B,MAAM,EAAE;QACbiD,EAAE,GAAG1H,MAAM,CAAC+H,MAAM,CAAC/H,MAAM,CAAC+H,MAAM,CAAC,CAAC,CAAC,EAAEL,EAAE,CAAC,EAAErB,IAAI,CAAC5B,MAAM,CAAC;MAC1D;MACA;MACA,IAAIuD,aAAa,GAAG;UAChBC,WAAW,EAAEP,EAAE,CAACE,SAAS;UACzBM,aAAa,EAAER,EAAE,CAAC/C,WAAW;UAC7BwD,YAAY,EAAET,EAAE,CAAChD,SAAS;UAC1B0D,WAAW,EAAEV,EAAE,CAACC,QAAQ;UACxBU,SAAS,EAAEX,EAAE,CAACG,KAAK;UACnBS,WAAW,EAAEZ,EAAE,CAACI;QACpB,CAAC;QAAES,WAAW,GAAG,CAACpE,EAAE,GAAGkC,IAAI,CAAC/B,KAAK,MAAM,IAAI,IAAIH,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACqE,KAAK,CAAC,GAAG,CAAC,CAACf,GAAG,CAAC,UAAApB,IAAI,EAAI;UAC9F,IAAAoC,KAAA,GAAiBpC,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACmC,KAAK,CAAC,GAAG,CAAC;YAAAE,KAAA,GAAAjI,cAAA,CAAAgI,KAAA;YAAvEjC,GAAG,GAAAkC,KAAA;YAAEjC,GAAG,GAAAiC,KAAA;UACb,IAAIC,MAAM,GAAG,IAAI3D,MAAM,CAACC,MAAM,CAACO,KAAK,CAACgB,GAAG,EAAEC,GAAG,CAAC;UAC9CV,MAAM,CAACpD,IAAI,CAACgG,MAAM,CAAC;UACnB,OAAOA,MAAM;QACjB,CAAC,CAAC;MACF;MACA,IAAIC,OAAO,GAAG,IAAI5D,MAAM,CAACC,MAAM,CAAC4D,OAAO,CAACN,WAAW,EAAEP,aAAa,CAAC;MACnE;MACAY,OAAO,CAACE,EAAE,CAAC,OAAO,EAAE,UAACzB,CAAC,EAAK;QACvBD,YAAY,CAACf,IAAI,EAAEgB,CAAC,CAAC;QACrB;QACA0B,UAAU,CAAC,YAAM;UACb,IAAI5E,EAAE;UACNb,MAAM,CAACU,OAAO,CAACmD,WAAW,CAAC,CAAChD,EAAE,GAAGkC,IAAI,CAAC/B,KAAK,MAAM,IAAI,IAAIH,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACqE,KAAK,CAAC,GAAG,CAAC,CAACf,GAAG,CAAC,UAAApB,IAAI,EAAI;YACxG,IAAA2C,KAAA,GAAiB3C,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACmC,KAAK,CAAC,GAAG,CAAC;cAAAS,KAAA,GAAAxI,cAAA,CAAAuI,KAAA;cAAvExC,GAAG,GAAAyC,KAAA;cAAExC,GAAG,GAAAwC,KAAA;YACb,IAAIN,MAAM,GAAG,IAAI3D,MAAM,CAACC,MAAM,CAACO,KAAK,CAACgB,GAAG,EAAEC,GAAG,CAAC;YAC9C,OAAOkC,MAAM;UACjB,CAAC,CAAC,CAAC;QACP,CAAC,EAAE,GAAG,CAAC;MACX,CAAC,CAAC;MACF,IAAIpB,IAAI,EAAE;QACN;QACA7D,cAAc,CAACM,OAAO,CAACrB,IAAI,CAACiG,OAAO,CAAC;QACpCtF,MAAM,CAACU,OAAO,CAAC0B,UAAU,CAACkD,OAAO,CAAC;MACtC,CAAC,MACI;QACDnF,WAAW,CAACO,OAAO,CAACrB,IAAI,CAACiG,OAAO,CAAC;QACjCtF,MAAM,CAACU,OAAO,CAAC0B,UAAU,CAACkD,OAAO,CAAC;MACtC;IACJ,CAAC,CAAC;IACFtF,MAAM,CAACU,OAAO,CAACmD,WAAW,CAACpB,MAAM,CAAC;EACtC,CAAC;EACD;EACA,IAAMyB,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IACzB/D,WAAW,CAACO,OAAO,CAACoC,OAAO,CAAC,UAACwC,OAAO,EAAK;MACrCtF,MAAM,CAACU,OAAO,CAACkF,aAAa,CAACN,OAAO,CAAC;IACzC,CAAC,CAAC;IACFnF,WAAW,CAACO,OAAO,GAAG,EAAE;EAC5B,CAAC;EACD;EACA,IAAMI,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;IAClCV,cAAc,CAACM,OAAO,CAACoC,OAAO,CAAC,UAACwC,OAAO,EAAK;MACxCtF,MAAM,CAACU,OAAO,CAACkF,aAAa,CAACN,OAAO,CAAC;IACzC,CAAC,CAAC;IACFlF,cAAc,CAACM,OAAO,GAAG,EAAE;EAC/B,CAAC;EACD,oBAAOmF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAE/E,EAAE,EAAE,UAAU;IAAEc,KAAK,EAAE;MAAE2B,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAC,CAAC;AACnG"}
+{"version":3,"file":"index.js","names":["_jquery","_interopRequireDefault","require","_react","_interopRequireWildcard","_useSettings2","_mapStyle","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","VmMap","_ref","mapCenter","mapPoints","mapPolygons","currentLayer","clickGraphic","mapRef","useRef","markers","mappolygons","highlightLayer","_useSettings","useSettings","theme","useEffect","initMap","current","addPoints","addPolygons","_a","removeHighLightPolygons","id","rings","geometryInfo","lngLats","config","lineWidth","lineOpacity","JSON","stringify","init","center","window","BMapGL","Map","style","styleJson","customLight","customStyle","point","Point","centerAndZoom","addOverlay","Marker","enableScrollWheelZoom","$","getScript","points","arguments","undefined","removePoints","positions","forEach","item","_b","position","lng","lat","icon","Icon","url","Size","width","height","marker","offset","title","setViewport","clickPolygon","e","polygons","type","removePolygons","map","cg","lineType","lineColor","color","pellucidity","assign","polygonOption","strokeColor","strokeOpacity","strokeWeight","strokeStyle","fillColor","fillOpacity","polygonPath","split","_ref2","_ref3","_point","polygon","Polygon","on","setTimeout","_ref4","_ref5","removeOverlay","React","createElement"],"sources":["vm-map/index.js"],"sourcesContent":["/* eslint-disable no-undef */\nimport $ from 'jquery';\nimport React, { useEffect, useRef } from 'react';\nimport useSettings from '../vm-hooks/useSettings';\nimport { customStyle, customLight } from './mapStyle';\nexport default function VmMap({ mapCenter, mapPoints, mapPolygons, currentLayer, clickGraphic }) {\n    const mapRef = useRef();\n    const markers = useRef([]);\n    const mappolygons = useRef([]);\n    const highlightLayer = useRef([]);\n    const { theme } = useSettings();\n    useEffect(() => {\n        initMap();\n    }, []);\n    useEffect(() => {\n        mapRef.current && addPoints(mapPoints);\n        mapRef.current && addPolygons(mapPolygons);\n    }, [mapPoints, mapPolygons]);\n    useEffect(() => {\n        var _a;\n        removeHighLightPolygons();\n        // 清空高亮图层并绘制新图层\n        if (currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.id)\n            addPolygons([\n                {\n                    id: currentLayer.id,\n                    rings: (_a = currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.geometryInfo) === null || _a === void 0 ? void 0 : _a.lngLats,\n                    config: {\n                        lineWidth: 2,\n                        lineOpacity: 0.5,\n                    },\n                },\n            ], 'highlight');\n    }, [JSON.stringify(currentLayer)]);\n    const init = () => {\n        const center = mapCenter || [119.603701, 30.636529];\n        mapRef.current = new window.BMapGL.Map('modalMap', {\n            style: { styleJson: theme == 'light' ? customLight : customStyle },\n        });\n        let point = new window.BMapGL.Point(center[0], center[1]);\n        // 设置中心点和层级\n        mapRef.current.centerAndZoom(point, 15);\n        mapRef.current.addOverlay(new window.BMapGL.Marker(point));\n        mapRef.current.enableScrollWheelZoom(); // 滚轮放大缩小\n        addPoints(mapPoints);\n        addPolygons(mapPolygons);\n    };\n    const initMap = () => {\n        if (window.BMapGL) {\n            init();\n        }\n        else {\n            $.getScript(`//api.map.baidu.com/getscript?type=webgl&v=1.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ`, () => {\n                init();\n            });\n        }\n    };\n    // 地图添加点位\n    const addPoints = (points = []) => {\n        removePoints();\n        if (!(points === null || points === void 0 ? void 0 : points.length))\n            return;\n        // 添加点位\n        const positions = [];\n        points.forEach((item) => {\n            var _a, _b;\n            const position = new window.BMapGL.Point(item.lng, item.lat);\n            positions.push(position);\n            const icon = new window.BMapGL.Icon(item.url, new window.BMapGL.Size(item.width || 32, item.height || 45));\n            const marker = new window.BMapGL.Marker(position, {\n                icon,\n                offset: new window.BMapGL.Size(((_a = item.offset) === null || _a === void 0 ? void 0 : _a.width) || -10, ((_b = item.offset) === null || _b === void 0 ? void 0 : _b.height) || -16),\n                title: item.name || '',\n            });\n            markers.current.push(marker);\n            mapRef.current.addOverlay(marker);\n        });\n        mapRef.current.setViewport(positions);\n    };\n    // 清除地图点位\n    const removePoints = () => {\n        markers.current.forEach((marker) => {\n            mapRef.current.addOverlay(marker);\n        });\n        markers.current = [];\n    };\n    //点击图元事件\n    const clickPolygon = (item, e) => {\n        if (typeof clickGraphic === 'function') {\n            let obj = {\n                item: item,\n                e,\n            };\n            clickGraphic(obj);\n        }\n    };\n    // 地图添加线\n    const addPolygons = (polygons = [], type) => {\n        removePolygons();\n        if (!(polygons === null || polygons === void 0 ? void 0 : polygons.length))\n            return;\n        const points = [];\n        //遍历添加图层(图元)\n        polygons.map(item => {\n            var _a;\n            //初始化参数\n            let cg = {\n                lineType: 'solid',\n                lineWidth: 5,\n                lineColor: '#277ffa',\n                lineOpacity: 0.3,\n                color: '#fff',\n                pellucidity: 0.5,\n                // isHidden: false  //后期需要再加\n            };\n            if (item.config) {\n                cg = Object.assign(Object.assign({}, cg), item.config);\n            }\n            //面的参数\n            let polygonOption = {\n                strokeColor: cg.lineColor,\n                strokeOpacity: cg.lineOpacity,\n                strokeWeight: cg.lineWidth,\n                strokeStyle: cg.lineType,\n                fillColor: cg.color,\n                fillOpacity: cg.pellucidity,\n            }, polygonPath = (_a = item.rings) === null || _a === void 0 ? void 0 : _a.split(';').map(item => {\n                let [lng, lat] = item === null || item === void 0 ? void 0 : item.split(',');\n                let _point = new window.BMapGL.Point(lng, lat);\n                points.push(_point);\n                return _point;\n            });\n            //创建面对象\n            let polygon = new window.BMapGL.Polygon(polygonPath, polygonOption);\n            //添加点击事件\n            polygon.on('click', (e) => {\n                clickPolygon(item, e);\n                // 居中显示\n                setTimeout(() => {\n                    var _a;\n                    mapRef.current.setViewport((_a = item.rings) === null || _a === void 0 ? void 0 : _a.split(';').map(item => {\n                        let [lng, lat] = item === null || item === void 0 ? void 0 : item.split(',');\n                        let _point = new window.BMapGL.Point(lng, lat);\n                        return _point;\n                    }));\n                }, 300);\n            });\n            if (type) {\n                // 若为高亮图层，单独保存，用于单独清除\n                highlightLayer.current.push(polygon);\n                mapRef.current.addOverlay(polygon);\n            }\n            else {\n                mappolygons.current.push(polygon);\n                mapRef.current.addOverlay(polygon);\n            }\n        });\n        mapRef.current.setViewport(points);\n    };\n    // 清除地图图元\n    const removePolygons = () => {\n        mappolygons.current.forEach((polygon) => {\n            mapRef.current.removeOverlay(polygon);\n        });\n        mappolygons.current = [];\n    };\n    // 清除高亮图元\n    const removeHighLightPolygons = () => {\n        highlightLayer.current.forEach((polygon) => {\n            mapRef.current.removeOverlay(polygon);\n        });\n        highlightLayer.current = [];\n    };\n    return React.createElement(\"div\", { id: \"modalMap\", style: { width: '100%', height: '100%' } });\n}\n"],"mappings":"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"}

package/lib/vm-sub-tabs/style/index.css

@@ -23,33 +23,48 @@
   --active-color: #95fff9ff !important;
   --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
 }
-.vtx-sub-tabs .tab-pane {
+.vtx-sub-tabs.blue {
+  --border: 1px solid #95fff933;
+  --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+  --border-active: 1px solid #95fff9ff;
+  --color: #fff;
+  --active-color: #fff !important;
+  --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+}
+.vtx-sub-tabs.dark .tab-pane,
+.vtx-sub-tabs.blue .tab-pane {
   padding: 18px 0;
 }
-.vtx-sub-tabs > .ant-tabs-nav::before {
+.vtx-sub-tabs.dark > .ant-tabs-nav::before,
+.vtx-sub-tabs.blue > .ant-tabs-nav::before {
   display: none;
 }
-.vtx-sub-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
+.vtx-sub-tabs.dark > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab,
+.vtx-sub-tabs.blue > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
   height: 32px;
   margin-left: 0 !important;
   color: var(--color);
-  background-color: transparent;
+  background-color: var(--active-bg);
   border: var(--border);
   border-radius: 2px;
 }
-.vtx-sub-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active {
+.vtx-sub-tabs.dark > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active,
+.vtx-sub-tabs.blue > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active {
   background: var(--active-bg);
   border: var(--border-active);
   -o-border-image: var(--border-image);
      border-image: var(--border-image);
 }
-.vtx-sub-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn {
+.vtx-sub-tabs.dark > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn,
+.vtx-sub-tabs.blue > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn {
   color: var(--active-color);
 }
-.vtx-sub-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn:focus {
+.vtx-sub-tabs.dark > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn:focus,
+.vtx-sub-tabs.blue > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn:focus {
   color: var(--active-color);
 }
-.vtx-sub-tabs > .ant-tabs-nav .ant-tabs-tab-btn:active {
+.vtx-sub-tabs.dark > .ant-tabs-nav .ant-tabs-tab-btn:active,
+.vtx-sub-tabs.blue > .ant-tabs-nav .ant-tabs-tab-btn:active {
   color: var(--border-active);
 }
 .vtx-sub-tabs-line {
@@ -68,6 +83,14 @@
   --active-color: #95fff9ff !important;
   --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
 }
+.vtx-sub-tabs-line.blue {
+  --border: 1px solid #95fff933;
+  --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+  --border-active: 1px solid #95fff9ff;
+  --color: #ffffff;
+  --active-color: #00FF1B !important;
+  --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+}
 .vtx-sub-tabs-line > .ant-tabs-nav::before {
   border-bottom: 1px solid rgba(102, 244, 251, 0.1);
   content: '';

package/lib/vm-sub-tabs/style/index.less

@@ -26,43 +26,56 @@
         --active-color: #95fff9ff !important;
         --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
     }
-    .tab-pane {
-        padding: 18px 0;
+
+    &.blue {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #fff;
+        --active-color: #fff !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
     }
-    > .ant-tabs-nav {
-        // margin-bottom: 0;
 
-        &::before {
-            display: none;
+    &.dark,
+    &.blue {
+        .tab-pane {
+            padding: 18px 0;
         }
+        > .ant-tabs-nav {
+            // margin-bottom: 0;
 
-        > .ant-tabs-nav-wrap {
-            > .ant-tabs-nav-list {
-                > .ant-tabs-tab {
-                    height: 32px;
-                    margin-left: 0 !important;
-                    color: var(--color);
-                    background-color: transparent;
-                    border: var(--border);
-                    border-radius: 2px;
-                }
+            &::before {
+                display: none;
+            }
 
-                > .ant-tabs-tab-active {
-                    background: var(--active-bg);
-                    border: var(--border-active);
-                    border-image: var(--border-image);
+            > .ant-tabs-nav-wrap {
+                > .ant-tabs-nav-list {
+                    > .ant-tabs-tab {
+                        height: 32px;
+                        margin-left: 0 !important;
+                        color: var(--color);
+                        background-color: var(--active-bg);
+                        border: var(--border);
+                        border-radius: 2px;
+                    }
 
-                    .ant-tabs-tab-btn {
-                        color: var(--active-color);
-                        &:focus {
+                    > .ant-tabs-tab-active {
+                        background: var(--active-bg);
+                        border: var(--border-active);
+                        border-image: var(--border-image);
+
+                        .ant-tabs-tab-btn {
                             color: var(--active-color);
+                            &:focus {
+                                color: var(--active-color);
+                            }
                         }
                     }
                 }
             }
-        }
-        .ant-tabs-tab-btn:active {
-            color: var(--border-active);
+            .ant-tabs-tab-btn:active {
+                color: var(--border-active);
+            }
         }
     }
 }
@@ -83,6 +96,15 @@
         --active-color: #95fff9ff !important;
         --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
     }
+
+    &.blue {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #ffffff;
+        --active-color: #00FF1B !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+    }
     > .ant-tabs-nav {
         // margin-bottom: 0;
 

package/lib/vm-sub-title/style/index.css

@@ -9,12 +9,19 @@
   font-family: PingFangSC-Semibold, PingFang SC;
   font-weight: 600;
   font-size: 14px;
-  background-image: url('../imgs/bg_light.png');
-  background-repeat: no-repeat;
   padding-left: 20px;
-  color: #000;
+  color: #fff;
+  background-repeat: no-repeat;
   background-image: url('../imgs/bg.png');
+}
+.sub-title.blue {
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  font-size: 14px;
+  padding-left: 20px;
   color: #fff;
+  background-repeat: no-repeat;
+  background-image: url('../imgs/bg_blue.png');
 }
 .sub-title .extra {
   position: absolute;

package/lib/vm-sub-title/style/index.less

@@ -8,12 +8,19 @@
         font-family: PingFangSC-Semibold, PingFang SC;
         font-weight: 600;
         font-size: 14px;
-        background-image: url('../imgs/bg_light.png');
-        background-repeat: no-repeat;
         padding-left: 20px;
-        color: #000;
+        color: #fff;
+        background-repeat: no-repeat;
         background-image: url('../imgs/bg.png');
+    }
+    &.blue {
+        font-family: PingFangSC-Semibold, PingFang SC;
+        font-weight: 600;
+        font-size: 14px;
+        padding-left: 20px;
         color: #fff;
+        background-repeat: no-repeat;
+        background-image: url('../imgs/bg_blue.png');
     }
     .extra {
         position: absolute;

package/lib/vm-table/style/index.css

@@ -7,6 +7,17 @@
   --table-row-bg-color: #fafafa;
   --scroll-bar-hover-bg: #adadad;
 }
+.vm-table.blue {
+  --table-bg: transparent;
+  --table-header-bg-color: rgba(14, 156, 255, 0.1);
+  --table-color: white;
+  --table-head-color: #d3fff9ff;
+  --table-row-border: 1px solid transparent;
+  --table-row-bg-color: rgba(106, 228, 255, 0.01);
+  --scroll-bar-hover-bg: #39cbc3ff;
+  --page-a-color: #fff;
+  --page-a-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
+}
 .vm-table.dark {
   --table-bg: transparent;
   --table-header-bg-color: #00adb11a;
@@ -15,68 +26,71 @@
   --table-row-border: 1px solid transparent;
   --table-row-bg-color: #ffffff0d;
   --scroll-bar-hover-bg: #39cbc3ff;
+  --page-a-color: #95fff9;
+  --page-a-bg: unset;
 }
-.vm-table.dark .ant-pagination {
+.vm-table .ant-pagination {
   color: white;
 }
-.vm-table.dark .ant-pagination .ant-pagination-item {
+.vm-table .ant-pagination .ant-pagination-item {
   background-color: transparent;
   border-color: #454847;
 }
-.vm-table.dark .ant-pagination .ant-pagination-item > a {
+.vm-table .ant-pagination .ant-pagination-item > a {
   color: white;
 }
-.vm-table.dark .ant-pagination .ant-pagination-item.ant-pagination-item-active,
-.vm-table.dark .ant-pagination .ant-pagination-item:hover {
-  border-color: #95fff9;
+.vm-table .ant-pagination .ant-pagination-item.ant-pagination-item-active,
+.vm-table .ant-pagination .ant-pagination-item:hover {
+  border-color: var(--page-a-color);
 }
-.vm-table.dark .ant-pagination .ant-pagination-item.ant-pagination-item-active > a,
-.vm-table.dark .ant-pagination .ant-pagination-item:hover > a {
-  color: #95fff9;
+.vm-table .ant-pagination .ant-pagination-item.ant-pagination-item-active > a,
+.vm-table .ant-pagination .ant-pagination-item:hover > a {
+  color: var(--page-a-color);
+  background: var(--page-a-bg);
 }
-.vm-table.dark .ant-pagination .ant-select-arrow {
+.vm-table .ant-pagination .ant-select-arrow {
   color: white;
 }
-.vm-table.dark .ant-pagination .ant-pagination-item-link {
+.vm-table .ant-pagination .ant-pagination-item-link {
   color: white;
   background-color: transparent;
   border-color: #454847;
 }
-.vm-table.dark .ant-pagination .ant-pagination-item-link:hover :not(:disabled) {
-  color: #95fff9;
-  border-color: #95fff9;
+.vm-table .ant-pagination .ant-pagination-item-link:hover :not(:disabled) {
+  color: var(--page-a-color);
+  border-color: var(--page-a-color);
 }
-.vm-table.dark .ant-pagination .ant-select-dropdown {
+.vm-table .ant-pagination .ant-select-dropdown {
   background: #0d1a1b;
 }
-.vm-table.dark .ant-pagination .ant-select-dropdown .ant-select-item {
+.vm-table .ant-pagination .ant-select-dropdown .ant-select-item {
   color: white;
 }
-.vm-table.dark .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+.vm-table .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
   background-color: #2d575a;
 }
-.vm-table.dark .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+.vm-table .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
   background-color: #1c3436;
 }
-.vm-table.dark .ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
+.vm-table .ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
   color: #ffffff40;
 }
-.vm-table.dark .ant-pagination .ant-pagination-options-quick-jumper input {
+.vm-table .ant-pagination .ant-pagination-options-quick-jumper input {
   color: white;
   background: transparent;
   border: 1px solid #3c7073;
 }
-.vm-table.dark .ant-pagination .ant-pagination-options-quick-jumper input:hover {
+.vm-table .ant-pagination .ant-pagination-options-quick-jumper input:hover {
   border: 1px solid #6cc9ce;
 }
-.vm-table.dark .ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+.vm-table .ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector {
   background-color: transparent;
   border: 1px solid #3c7073;
 }
-.vm-table.dark .ant-pagination .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+.vm-table .ant-pagination .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
   border: 1px solid #6cc9ce;
 }
-.vm-table.dark .ant-pagination .ant-select {
+.vm-table .ant-pagination .ant-select {
   color: white;
 }
 .vm-table .ant-table-body::-webkit-scrollbar {
@@ -169,8 +183,8 @@
   color: #c5c5c5ff;
 }
 .vtx-table-tabs.dark .ant-tabs-ink-bar {
-  background-color: #95fff9;
+  background-color: var(--page-a-color);
 }
 .vtx-table-tabs.dark .ant-tabs-tab-active .ant-tabs-tab-btn {
-  color: #95fff9 !important;
+  color: var(--page-a-color) !important;
 }