@vtx/modals2 2.15.8 → 2.15.10

package/lib/vtx-device-modal/components/BaseInfo/RealTimeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealTimeList.js","names":["_react","_interopRequireWildcard","require","_vmTable","_interopRequireDefault","_api","_vmSubTitle","_lodash","_dayjs","_echartsForReact","_vmNodata","echarts","_antd","_useSettings2","_config","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","prefix","RealTimeList","_ref","_ref$id","id","_BaseService$useRealt","BaseService","useRealtimeList","data","_useState","useState","_useState2","ids","setIds","_useSettings","useSettings","chartFontColor","theme","endTime","useMemo","dayjs","format","_BaseService$useGetCh","useGetChartData","monitorItemIds","collectFrequency","startTime","deviceId","chartData","loading","option","isEmpty","list","map","item","values","xData","yData","markLine","dataList","type","monitorItemDefaultChartType","one","x","y","date","yformat","Number","originValue","m","includes","concat","typeChs","monitorItemName","showMode","yDataList","ele","maximumValue","_","max","minimumValue","min","uniq","flatMap","sort","offsetList","forEach","_unused","index","maxLength","v","Math","lastValue","last","color","colors","lineColor","grid","top","left","right","bottom","containLabel","toolbox","show","feature","saveAsImage","legend","itemWidth","itemHeight","textStyle","tooltip","trigger","formatter","circle","result","info","find","seriesName","seriesIndex","unit","xAxis","boundaryGap","axisLine","lineStyle","axisLabel","fontSize","axisTick","yAxis","newName","minInterval","offset","position","nameTextStyle","nameLocation","nameGap","splitLine","margin","series","state","uniqBy","yAxisIndex","symbol","filter","label","renderItem","params","api","categoryIndex","start","coord","end","height","shape","graphic","clipRectByRect","width","coordSys","style","encode","_a","itemStyle","normal","toFixed","animationEasing","animationDuration","smooth","symbolSize","xAxisIndex","areaStyle","LinearGradient","areaColor0","areaColor1","useEffect","monitorItemId","columns","title","dataIndex","render","text","record","sorter","a","b","time","React","createElement","className","VmSubTitle","VmTable","dataSource","size","pagination","rowSelection","selectedRowKeys","onChange","rowKey","flex","minHeight","Spin","spinning","NoData","ReactEcharts","notMerge","lazyUpdate","_default","exports"],"sources":["vtx-device-modal/components/BaseInfo/RealTimeList.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport VmTable from '../../../vm-table';\nimport { BaseService } from '../../api';\nimport VmSubTitle from '../../../vm-sub-title';\nimport _, { isEmpty } from 'lodash';\nimport dayjs from 'dayjs';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport * as echarts from 'echarts';\nimport { Spin } from 'antd';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './index.less';\nimport { colors } from '../../config';\nconst prefix = 'vtx-device-modal-basic';\nconst RealTimeList = ({ id = '' }) => {\n    const { data } = BaseService.useRealtimeList(id);\n    const [ids, setIds] = useState([]);\n    const { chartFontColor, theme } = useSettings();\n    const endTime = useMemo(() => dayjs().format('YYYY-MM-DD HH:mm:ss'), [ids]);\n    const { data: chartData, loading } = BaseService.useGetChartData({\n        monitorItemIds: ids,\n        collectFrequency: 'realtime',\n        startTime: dayjs().format('YYYY-MM-DD 00:00:00'),\n        endTime,\n        deviceId: id,\n    });\n    const option = useMemo(() => {\n        if (isEmpty(chartData)) {\n            return {};\n        }\n        const list = chartData.map((item) => {\n            let values = item.values;\n            let xData = [], yData = [], markLine = [], dataList = [];\n            const type = (item === null || item === void 0 ? void 0 : item.monitorItemDefaultChartType) || 'line';\n            if (values.length) {\n                values.map((one) => {\n                    xData.push(one.x);\n                    yData.push(one.y);\n                    dataList.push({\n                        date: one.x,\n                        value: type === 'stack' ? one.yformat || one.y : Number(one.y),\n                        originValue: one.y,\n                    });\n                    if (!markLine\n                        .map(m => dayjs(m).format('YYYY-MM-DD'))\n                        .includes(dayjs(one.x).format('YYYY-MM-DD'))) {\n                        markLine.push(one.x);\n                    }\n                });\n            }\n            item.name = `${item.typeChs ? `${item.typeChs}-` : ''}${item.monitorItemName}`;\n            item.dataList = dataList;\n            item.markLine = markLine;\n            item.xData = xData;\n            item.yData = yData;\n            item.showMode = type;\n            let yDataList = yData.map(ele => Number(ele));\n            item.maximumValue = _.max(yDataList);\n            item.minimumValue = _.min(yDataList);\n            return item;\n        });\n        const xData = _.uniq(_.flatMap(list, 'xData').sort());\n        const offsetList = [];\n        list.forEach((_unused, index) => {\n            let maxLength = 0;\n            if (index === 0) {\n                offsetList.push(0);\n                return;\n            }\n            const item = list[index - 1];\n            item.yData.map((v) => {\n                maxLength = Math.max(maxLength, v.length);\n            });\n            const lastValue = _.last(offsetList) || 0;\n            offsetList.push(lastValue + (maxLength * 10 + 20));\n        });\n        return {\n            color: colors.map(color => color.lineColor),\n            grid: {\n                top: 70,\n                left: 100 + offsetList.length * 10,\n                right: 50,\n                bottom: 50,\n                containLabel: true,\n            },\n            toolbox: {\n                show: true,\n                feature: {\n                    saveAsImage: {\n                        show: true,\n                    },\n                },\n            },\n            legend: {\n                type: 'scroll',\n                itemWidth: 17,\n                itemHeight: 10,\n                textStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                top: 35,\n                left: 'center',\n            },\n            tooltip: {\n                trigger: 'axis',\n                formatter: (data) => {\n                    let circle = `<span style=\"display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color:`;\n                    let result = `${data[0].name}<br/>`;\n                    data.map((v) => {\n                        const info = list.find((item) => item.name === v.seriesName) || {};\n                        result += `${circle + colors[v.seriesIndex % 5].lineColor}\"></span>${v.seriesName}：${v.value}${info.unit || ''}<br/>`;\n                    });\n                    return result;\n                },\n            },\n            xAxis: [\n                {\n                    type: 'category',\n                    boundaryGap: false,\n                    axisLine: {\n                        show: true,\n                        lineStyle: {\n                            color: theme === 'blue' ? '#fff' : chartFontColor,\n                        },\n                    },\n                    axisLabel: {\n                        textStyle: {\n                            color: theme === 'blue' ? '#fff' : chartFontColor,\n                            fontSize: 12,\n                        },\n                    },\n                    axisTick: {\n                        show: false,\n                    },\n                    data: xData,\n                },\n            ],\n            yAxis: list.map((item, index) => ({\n                name: `${item.newName || item.name || ''}${item.unit ? `(${item.unit})` : ''}`,\n                minInterval: 1,\n                offset: offsetList[index],\n                position: 'left',\n                // maxInterval: 5,\n                nameTextStyle: {\n                    color: colors[index % 5].lineColor,\n                },\n                nameLocation: 'middle',\n                nameGap: 0,\n                splitLine: {\n                    lineStyle: {\n                        color: '#E8E8E8',\n                        type: 'dashed',\n                    },\n                },\n                axisLine: {\n                    show: true,\n                    color: colors[index % 5].lineColor,\n                },\n                axisLabel: {\n                    color: colors[index % 5].lineColor,\n                    margin: 20,\n                },\n                axisTick: {\n                    show: false,\n                },\n            })),\n            series: list.flatMap((item, index) => {\n                if (item.showMode === 'stack') {\n                    const state = _.map(_.uniqBy(item.dataList, 'value'));\n                    return [\n                        ...(state || []).map((v) => ({\n                            name: v.value,\n                            type: 'bar',\n                            data: [],\n                            yAxisIndex: index,\n                            markLine: {\n                                symbol: ['none', 'none'],\n                                data: (item.markLine || [])\n                                    .filter((_unused, i) => i !== 0)\n                                    .map((m, i) => {\n                                    return {\n                                        name: dayjs(m.data).format('YYYY-MM-DD'),\n                                        xAxis: `(${i + 1})${dayjs(m.data).format('HH:mm')}`,\n                                        lineStyle: {\n                                            color: '#4159A7',\n                                        },\n                                        label: {\n                                            position: 'end',\n                                            formatter: '{b}',\n                                        },\n                                    };\n                                }),\n                            },\n                        })),\n                        {\n                            type: 'custom',\n                            yAxisIndex: index,\n                            renderItem: function (params, api) {\n                                let categoryIndex = api.value(0);\n                                let start = api.coord([api.value(1), categoryIndex]);\n                                let end = api.coord([api.value(2), categoryIndex]);\n                                let height = 18;\n                                return {\n                                    type: 'rect',\n                                    shape: echarts.graphic.clipRectByRect({\n                                        x: start[0],\n                                        y: start[1] - height / 2,\n                                        width: end[0] - start[0],\n                                        height: height,\n                                    }, {\n                                        x: params.coordSys.x,\n                                        y: params.coordSys.y,\n                                        width: params.coordSys.width,\n                                        height: params.coordSys.height,\n                                    }),\n                                    style: api.style(),\n                                };\n                            },\n                            encode: {\n                                x: [1, 2],\n                                y: 0,\n                            },\n                            data: (item.dataList || []).map((item, index, arr) => {\n                                var _a;\n                                return {\n                                    itemStyle: {\n                                        normal: {\n                                            color: colors[item.originValue],\n                                        },\n                                    },\n                                    color: colors[item.originValue],\n                                    name: item.value,\n                                    label: item.value,\n                                    value: [0, item.date, (_a = arr[index + 1]) === null || _a === void 0 ? void 0 : _a.date],\n                                };\n                            }),\n                        },\n                    ];\n                }\n                return [\n                    {\n                        type: item.showMode,\n                        name: item.newName || item.name || '',\n                        data: (item.yData || []).map((y, i) => ({\n                            value: Number(y).toFixed(2),\n                            name: item.xData[i],\n                        })),\n                        animationEasing: 'linear',\n                        animationDuration: 2000,\n                        smooth: true,\n                        // symbol: 'none',\n                        symbolSize: 1,\n                        xAxisIndex: 0,\n                        yAxisIndex: index,\n                        itemStyle: {\n                            normal: {\n                                lineStyle: {\n                                    color: colors[index % 5].lineColor,\n                                    width: 2,\n                                },\n                                areaStyle: {\n                                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                                        {\n                                            offset: 0,\n                                            color: colors[index % 5].areaColor0,\n                                        },\n                                        {\n                                            offset: 1,\n                                            color: colors[index % 5].areaColor1,\n                                        },\n                                    ]),\n                                },\n                            },\n                        },\n                    },\n                ];\n            }),\n        };\n    }, [chartData]);\n    useEffect(() => {\n        if (!isEmpty(data)) {\n            setIds([data[0].monitorItemId]);\n        }\n    }, [data]);\n    const columns = [\n        {\n            title: '监测项目',\n            dataIndex: 'name',\n        },\n        {\n            title: '实时值',\n            dataIndex: 'value',\n            render(text, record) {\n                return `${text}${record.unit || ''}`;\n            },\n        },\n        {\n            title: '数据更新时间',\n            dataIndex: 'timeDesc',\n            sorter: (a, b) => a.time - b.time,\n        },\n    ];\n    return (React.createElement(\"div\", { className: `${prefix}-right` },\n        React.createElement(\"div\", { className: `${prefix}-right--content` },\n            React.createElement(VmSubTitle, { title: \"\\u5B9E\\u65F6\\u76D1\\u6D4B\" }),\n            React.createElement(VmTable, { columns: columns, dataSource: data, size: \"small\", pagination: false, height: 200, rowSelection: {\n                    selectedRowKeys: ids,\n                    onChange(selectedRowKeys) {\n                        setIds(selectedRowKeys);\n                    },\n                }, rowKey: 'monitorItemId' })),\n        React.createElement(\"div\", { className: `${prefix}-right--content`, style: { flex: 1, minHeight: 0 } },\n            React.createElement(VmSubTitle, { title: \"\\u6570\\u636E\\u5206\\u6790\" }),\n            React.createElement(\"div\", { className: `${prefix}-right--chart` }, loading ? (React.createElement(Spin, { spinning: true })) : isEmpty(chartData) ? (React.createElement(NoData, { style: { height: 300 } })) : (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }))))));\n};\nexport default RealTimeList;\n"],"mappings":"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"}

package/lib/vtx-device-modal/components/BaseInfo/index.css

@@ -0,0 +1,66 @@
+.vtx-device-modal-basic {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 10px;
+  padding: 6px 10px;
+}
+.vtx-device-modal-basic-left {
+  width: 30%;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.vtx-device-modal-basic-left--info {
+  height: 400px;
+  padding: 16px;
+  background: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  overflow: auto;
+}
+.vtx-device-modal-basic-left--map {
+  height: 300px;
+  padding: 16px;
+  background: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.vtx-device-modal-basic-right {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 10px;
+  min-width: 0;
+}
+.vtx-device-modal-basic-right--content {
+  padding: 16px;
+  background: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.vtx-device-modal-basic-right--chart {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  height: 100%;
+  width: 100%;
+}

package/lib/vtx-device-modal/components/BaseInfo/index.js

@@ -5,46 +5,59 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _api = require("../../api");
-var _vmRowCol = require("../../../vm-row-col");
-var _vmBaseList = _interopRequireDefault(require("../../../vm-base-list"));
-var _vmContainer = _interopRequireDefault(require("../../../vm-container"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-/**
- * @description 基础信息
- */
-
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+require("./index.less");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmMap = _interopRequireDefault(require("../../../vm-map"));
+var _RealTimeList = _interopRequireDefault(require("./RealTimeList"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
+                                                                       * @description 基础信息
+                                                                       */
+var prefix = 'vtx-device-modal-basic';
 var BaseInfo = function BaseInfo(props) {
-  var id = props.id;
-  // 基础信息
-  var _BaseService$UseBaseI = _api.BaseService.UseBaseInfo({
-      id: id
-    }),
-    _BaseService$UseBaseI2 = _BaseService$UseBaseI.baseInfo,
-    baseInfo = _BaseService$UseBaseI2 === void 0 ? [] : _BaseService$UseBaseI2;
-  var items = [{
-    key: 'baseInfo',
-    title: '基本信息',
-    span: 24,
-    content: (/*#__PURE__*/_react["default"].createElement(_vmContainer["default"], {
-      title: "\u57FA\u672C\u4FE1\u606F"
-    }, /*#__PURE__*/_react["default"].createElement(_vmBaseList["default"], {
-      data: baseInfo,
-      showOpenArrow: true
-    })))
+  var baseInfo = props.baseInfo,
+    customMapInfo = props.customMapInfo,
+    mapCenter = props.mapCenter,
+    info = props.info;
+  var _useSettings = (0, _useSettings2["default"])(),
+    mapInfo = _useSettings.mapInfo;
+  var installLocationDTO = info.installLocationDTO;
+  var _ref = (installLocationDTO === null || installLocationDTO === void 0 ? void 0 : installLocationDTO.lngLats) ? installLocationDTO.lngLats.split(',') : [],
+    _ref2 = _slicedToArray(_ref, 2),
+    lng = _ref2[0],
+    lat = _ref2[1];
+  var mapPoints = [{
+    id: info.id,
+    lat: lat,
+    lng: lng
   }];
   return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      height: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_vmRowCol.VmRow, {
-    gutter: [5, 5]
-  }, items.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_vmRowCol.VmCol, {
-      span: item.span || 24,
-      key: item.key
-    }, item.content);
-  })));
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-left")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-left--info")
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-left--map")
+  }, /*#__PURE__*/_react["default"].createElement(_vmMap["default"], Object.assign({
+    mapCenter: mapCenter,
+    mapType: (mapInfo === null || mapInfo === void 0 ? void 0 : mapInfo.mapType) || 'bmap',
+    mapPoints: mapPoints
+  }, customMapInfo)))), /*#__PURE__*/_react["default"].createElement(_RealTimeList["default"], {
+    id: info.id
+  }));
 };
-var _default = exports["default"] = BaseInfo;
+var _default = BaseInfo;
+exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/vtx-device-modal/components/BaseInfo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_api","_vmRowCol","_vmBaseList","_vmContainer","e","__esModule","BaseInfo","props","id","_BaseService$UseBaseI","BaseService","UseBaseInfo","_BaseService$UseBaseI2","baseInfo","items","key","title","span","content","React","createElement","VmContainer","BaseList","data","showOpenArrow","style","height","VmRow","gutter","map","item","VmCol","_default","exports"],"sources":["vtx-device-modal/components/BaseInfo/index.js"],"sourcesContent":["/**\n * @description 基础信息\n */\nimport React from 'react';\nimport { BaseService } from '../../api';\nimport { VmRow, VmCol } from '../../../vm-row-col';\nimport BaseList from '../../../vm-base-list';\nimport VmContainer from '../../../vm-container';\nconst BaseInfo = (props) => {\n    const { id } = props;\n    // 基础信息\n    const { baseInfo = [] } = BaseService.UseBaseInfo({\n        id,\n    });\n    const items = [\n        {\n            key: 'baseInfo',\n            title: '基本信息',\n            span: 24,\n            content: (React.createElement(VmContainer, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" },\n                React.createElement(BaseList, { data: baseInfo, showOpenArrow: true }))),\n        },\n    ];\n    return (React.createElement(\"div\", { style: { height: '100%' } },\n        React.createElement(VmRow, { gutter: [5, 5] }, items.map(item => {\n            return (React.createElement(VmCol, { span: item.span || 24, key: item.key }, item.content));\n        }))));\n};\nexport default BaseInfo;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAPhD;AACA;AACA;;AAMA,IAAME,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAK,EAAK;EACxB,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV;EACA,IAAAC,qBAAA,GAA0BC,gBAAW,CAACC,WAAW,CAAC;MAC9CH,EAAE,EAAFA;IACJ,CAAC,CAAC;IAAAI,sBAAA,GAAAH,qBAAA,CAFMI,QAAQ;IAARA,QAAQ,GAAAD,sBAAA,cAAG,EAAE,GAAAA,sBAAA;EAGrB,IAAME,KAAK,GAAG,CACV;IACIC,GAAG,EAAE,UAAU;IACfC,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE,EAAE;IACRC,OAAO,gBAAGC,iBAAK,CAACC,aAAa,CAACC,uBAAW,EAAE;MAAEL,KAAK,EAAE;IAA2B,CAAC,eAC5EG,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;MAAEC,IAAI,EAAEV,QAAQ;MAAEW,aAAa,EAAE;IAAK,CAAC,CAAC,CAAC;EAC/E,CAAC,CACJ;EACD,oBAAQL,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEK,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAC,eAC5DP,iBAAK,CAACC,aAAa,CAACO,eAAK,EAAE;IAAEC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC;EAAE,CAAC,EAAEd,KAAK,CAACe,GAAG,CAAC,UAAAC,IAAI,EAAI;IAC7D,oBAAQX,iBAAK,CAACC,aAAa,CAACW,eAAK,EAAE;MAAEd,IAAI,EAAEa,IAAI,CAACb,IAAI,IAAI,EAAE;MAAEF,GAAG,EAAEe,IAAI,CAACf;IAAI,CAAC,EAAEe,IAAI,CAACZ,OAAO,CAAC;EAC9F,CAAC,CAAC,CAAC,CAAC;AACZ,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,cACa3B,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_vmInfoCollection","_vmSubTitle","_useSettings2","_vmMap","_RealTimeList","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","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","prefix","BaseInfo","props","baseInfo","customMapInfo","mapCenter","info","_useSettings","useSettings","mapInfo","installLocationDTO","_ref","lngLats","split","_ref2","lng","lat","mapPoints","id","React","createElement","className","concat","VmSubTitle","title","BaseList","data","VmMap","assign","mapType","RealTimeList","_default","exports"],"sources":["vtx-device-modal/components/BaseInfo/index.js"],"sourcesContent":["/**\n * @description 基础信息\n */\nimport React from 'react';\nimport BaseList from '../../../vm-info-collection';\nimport VmSubTitle from '../../../vm-sub-title';\nimport './index.less';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport VmMap from '../../../vm-map';\nimport RealTimeList from './RealTimeList';\nconst prefix = 'vtx-device-modal-basic';\nconst BaseInfo = (props) => {\n    const { baseInfo, customMapInfo, mapCenter, info } = props;\n    const { mapInfo } = useSettings();\n    const { installLocationDTO } = info;\n    const [lng, lat] = (installLocationDTO === null || installLocationDTO === void 0 ? void 0 : installLocationDTO.lngLats) ? installLocationDTO.lngLats.split(',') : [];\n    const mapPoints = [\n        {\n            id: info.id,\n            lat,\n            lng,\n        },\n    ];\n    return (React.createElement(\"div\", { className: prefix },\n        React.createElement(\"div\", { className: `${prefix}-left` },\n            React.createElement(\"div\", { className: `${prefix}-left--info` },\n                React.createElement(VmSubTitle, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n                React.createElement(BaseList, { data: baseInfo })),\n            React.createElement(\"div\", { className: `${prefix}-left--map` },\n                React.createElement(VmMap, Object.assign({ mapCenter: mapCenter, mapType: (mapInfo === null || mapInfo === void 0 ? void 0 : mapInfo.mapType) || 'bmap', mapPoints: mapPoints }, customMapInfo)))),\n        React.createElement(RealTimeList, { id: info.id })));\n};\nexport default BaseInfo;\n"],"mappings":"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"}

package/lib/vtx-device-modal/components/BaseInfo/index.less

@@ -0,0 +1,45 @@
+.vtx-device-modal-basic {
+    display: flex;
+    gap: 10px;
+    padding: 6px 10px;
+    &-left {
+        width: 30%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        flex-shrink: 0;
+        &--info {
+            height: 400px;
+            padding: 16px;
+            background: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+            overflow: auto;
+        }
+        &--map {
+            height: 300px;
+            padding: 16px;
+            background: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+    }
+    &-right {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        min-width: 0;
+        &--content {
+            padding: 16px;
+            background: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &--chart {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100%;
+            width: 100%;
+        }
+    }
+}