@vtx/modals2 2.15.9 → 2.15.11

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

@@ -1,50 +1,105 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"));
+var _react = _interopRequireWildcard(require("react"));
+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 _RealTimeList = _interopRequireDefault(require("./RealTimeList"));
+var _olMap = require("@vtx/ol-map");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-/**
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
  * @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
-    })))
-  }];
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      height: '100%'
+  var baseInfo = props.baseInfo,
+    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,
+    geometryInfo: {
+      type: 'point',
+      lngLats: "".concat(lng, ",").concat(lat),
+      coordType: 'wgs84'
+    }
+  };
+  var mapRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (lng && lat) {
+      mapRef.current.fitView(mapPoints);
     }
-  }, /*#__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);
-  })));
+  }, [mapPoints]);
+  var mapStyle = (0, _react.useMemo)(function () {
+    var icon = 'TYSB';
+    var color = '#119FFB';
+    if (info.realStatusIcons) {
+      var iconList = JSON.parse(info.realStatusIcons);
+      var photos = iconList.find(function (icon) {
+        return icon.businessType === 'kanban';
+      }).photos;
+      if (photos) {
+        var iconInfo = JSON.parse(photos).find(function (item) {
+          return item.iconCode === 'online';
+        });
+        var iconId = iconInfo.iconId,
+          iconColor = iconInfo.iconColor;
+        icon = iconId || icon;
+        color = iconColor || color;
+      }
+    }
+    return {
+      type: 'Marker',
+      style: {
+        icon: icon,
+        color: color
+      }
+    };
+  }, [info.realStatusIcons]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    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(_olMap.Map, {
+    tk: "1adbb6e47668cb33757cd799548bf1f4",
+    center: mapCenter,
+    createdMap: function createdMap(map) {
+      mapRef.current = map;
+    },
+    zoom: mapInfo.defaultZoomLevel
+  }, /*#__PURE__*/_react["default"].createElement(_olMap.FeatureLayer, {
+    data: mapPoints,
+    style: mapStyle
+  })))), /*#__PURE__*/_react["default"].createElement(_RealTimeList["default"], {
+    id: info.id
+  }));
 };
 var _default = exports["default"] = BaseInfo;
 //# 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","_interopRequireWildcard","require","_vmInfoCollection","_interopRequireDefault","_vmSubTitle","_useSettings2","_RealTimeList","_olMap","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","prefix","BaseInfo","props","baseInfo","mapCenter","info","_useSettings","useSettings","mapInfo","installLocationDTO","_ref","lngLats","split","_ref2","lng","lat","mapPoints","id","geometryInfo","type","concat","coordType","mapRef","useRef","useEffect","current","fitView","mapStyle","useMemo","icon","color","realStatusIcons","iconList","JSON","parse","photos","find","businessType","iconInfo","item","iconCode","iconId","iconColor","style","React","createElement","className","VmSubTitle","title","BaseList","data","OlMap","tk","center","createdMap","map","zoom","defaultZoomLevel","FeatureLayer","RealTimeList","_default","exports"],"sources":["vtx-device-modal/components/BaseInfo/index.js"],"sourcesContent":["/**\n * @description 基础信息\n */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport BaseList from '../../../vm-info-collection';\nimport VmSubTitle from '../../../vm-sub-title';\nimport './index.less';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport RealTimeList from './RealTimeList';\nimport { FeatureLayer, Map as OlMap } from '@vtx/ol-map';\nconst prefix = 'vtx-device-modal-basic';\nconst BaseInfo = (props) => {\n    const { baseInfo, 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        id: info.id,\n        geometryInfo: {\n            type: 'point',\n            lngLats: `${lng},${lat}`,\n            coordType: 'wgs84',\n        },\n    };\n    const mapRef = useRef(null);\n    useEffect(() => {\n        if (lng && lat) {\n            mapRef.current.fitView(mapPoints);\n        }\n    }, [mapPoints]);\n    const mapStyle = useMemo(() => {\n        let icon = 'TYSB';\n        let color = '#119FFB';\n        if (info.realStatusIcons) {\n            const iconList = JSON.parse(info.realStatusIcons);\n            const photos = iconList.find((icon) => icon.businessType === 'kanban').photos;\n            if (photos) {\n                const iconInfo = JSON.parse(photos).find((item) => item.iconCode === 'online');\n                const { iconId, iconColor } = iconInfo;\n                icon = iconId || icon;\n                color = iconColor || color;\n            }\n        }\n        return {\n            type: 'Marker',\n            style: {\n                icon,\n                color,\n            },\n        };\n    }, [info.realStatusIcons]);\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(OlMap, { tk: \"1adbb6e47668cb33757cd799548bf1f4\", center: mapCenter, createdMap: (map) => {\n                        mapRef.current = map;\n                    }, zoom: mapInfo.defaultZoomLevel },\n                    React.createElement(FeatureLayer, { data: mapPoints, style: mapStyle })))),\n        React.createElement(RealTimeList, { id: info.id })));\n};\nexport default BaseInfo;\n"],"mappings":"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","ignoreList":[]}

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%;
+        }
+    }
+}