@vtx/modals2 2.6.19

package/lib/vtx-throw-point-modal/components/SBZJ/index.js

@@ -0,0 +1,334 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@vtx/utils");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var zrender = _interopRequireWildcard(require("zrender/lib/all"));
+var _Content = _interopRequireDefault(require("./Content"));
+var _api = require("../../api");
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
+var SBZJ = function SBZJ(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id;
+  var _a;
+  var prefix = "".concat(classPrefix, "-sbzj");
+  var myRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)(200),
+    _useState2 = _slicedToArray(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  // const [width, setWidth] = useState(800);
+  var runStatusTopology = _api.deviceService.throwPointDeviceStatusTopology({
+    throwPointId: id,
+    tenantId: (0, _utils.getUrlParam)('tenantId')
+  });
+  var Topology = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var _a;
+    window.console.log(props);
+    if ((_a = runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes) === null || _a === void 0 ? void 0 : _a.length) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(prefix, "-canvas")
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        id: "zrender",
+        style: {
+          height: "".concat(height, "px"),
+          width: "100%"
+        },
+        ref: ref,
+        className: "".concat(prefix, "-device")
+      }));
+    } else {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        ref: ref,
+        className: "".concat(prefix, "-disconnect")
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: require('../../imgs/disconnect.png'),
+        style: {
+          width: '400px',
+          height: '212px'
+        }
+      }), /*#__PURE__*/_react["default"].createElement("div", null, "\u4E3B\u673A\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u73B0\u573A\u60C5\u51B5\u672A\u77E5"));
+    }
+  });
+  var line = function line(_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 5),
+      _ref3$ = _ref3[0],
+      x1 = _ref3$ === void 0 ? 0 : _ref3$,
+      _ref3$2 = _ref3[1],
+      y1 = _ref3$2 === void 0 ? 0 : _ref3$2,
+      _ref3$3 = _ref3[2],
+      x2 = _ref3$3 === void 0 ? 0 : _ref3$3,
+      _ref3$4 = _ref3[3],
+      y2 = _ref3$4 === void 0 ? 0 : _ref3$4,
+      _ref3$5 = _ref3[4],
+      color = _ref3$5 === void 0 ? '#52c41a' : _ref3$5;
+    var textX = Math.abs((x2 - x1) / 2) + Math.min(x2, x1);
+    var textY = Math.abs((y2 - y1) / 2) + Math.min(y2, y1);
+    var t = new zrender.Image({
+      style: {
+        image: require('../../imgs/error.png'),
+        width: 16,
+        height: 16,
+        x: textX - 8,
+        y: textY - 8
+      }
+    });
+    var line = new zrender.Line({
+      shape: {
+        x1: x1,
+        y1: y1,
+        x2: x1,
+        y2: y1
+      },
+      style: {
+        opacity: 0,
+        stroke: '#fff',
+        lineDash: 'dashed',
+        lineWidth: 2
+      }
+    });
+    var triangle = new zrender.Polygon({
+      shape: {
+        points: [[x1, y2], [x1, y2], [x1, y2]]
+      },
+      style: {
+        fill: '#fff',
+        opacity: 0
+      }
+    });
+    triangle.animateTo(
+    // 为箭头添加动画
+    {
+      shape: {
+        points: [[x1 - 8, y2], [x1 + 8, y2], [x1, y2 + 14]]
+      },
+      style: {
+        fill: color,
+        opacity: 1
+      }
+    });
+    line.animateTo(
+    // 为线段添加动画
+    {
+      shape: {
+        x1: x1,
+        y1: y1,
+        x2: x2,
+        y2: y2
+      },
+      style: {
+        stroke: color,
+        opacity: 1
+      }
+    });
+    return [line, triangle, t];
+  };
+  var group = function group(_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 5),
+      _ref5$ = _ref5[0],
+      x = _ref5$ === void 0 ? 0 : _ref5$,
+      _ref5$2 = _ref5[1],
+      y = _ref5$2 === void 0 ? 0 : _ref5$2,
+      _ref5$3 = _ref5[2],
+      url = _ref5$3 === void 0 ? '' : _ref5$3,
+      _ref5$4 = _ref5[3],
+      text = _ref5$4 === void 0 ? '' : _ref5$4,
+      _ref5$5 = _ref5[4],
+      type = _ref5$5 === void 0 ? 'asc' : _ref5$5;
+    // 文字排列顺序
+    var g = new zrender.Group();
+    g.x = x;
+    g.y = y;
+    var length = text.length;
+    var a = length > 9 && length < 16 ? "".concat(text.substring(0, 9), "\n").concat(text.substring(9, length)) : length > 15 ? "".concat(text.substring(0, 9), "\n").concat(text.substring(9, 16), "\n").concat(text.substring(16, length)) : text;
+    var t = new zrender.Text({
+      style: {
+        text: a,
+        fill: '#fff',
+        fontSize: 12,
+        y: type === 'asc' ? 105 : 0
+      }
+    });
+    var img = new zrender.Image({
+      style: {
+        image: url,
+        width: 100,
+        height: 100,
+        y: type === 'asc' ? 0 : 30
+      }
+    });
+    t.animateTo({
+      style: {
+        fontSize: 18,
+        textShadowColor: '#fff',
+        textShadowBlur: 1
+      }
+    });
+    g.add(img);
+    g.add(t);
+    return g;
+  };
+  var imgType = function imgType() {
+    var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      nodeType: '',
+      deviceType: ''
+    };
+    if (item.nodeType === 'DEVICE') {
+      switch (item.deviceType) {
+        case 'SHUTTER_DOOR':
+          return require('../../imgs/window.png');
+        case 'AI_BOX':
+          return require('../../imgs/getwayBox.png');
+        case 'LIGHT':
+          return require('../../imgs/lamp.png');
+        case 'ANDROID_SCREEN':
+          return require('../../imgs/screen.png');
+        case 'CAMERA':
+          return require('../../imgs/camera.png');
+        case 'DDP':
+          return require('../../imgs/screen.png');
+        default:
+          break;
+      }
+    } else {
+      switch (item.nodeType) {
+        case 'CAMERA':
+          return require('../../imgs/camera.png');
+        case 'GATEWAY':
+          return require('../../imgs/getway.png');
+        case 'MAIN_GATEWAY_AI_BOX':
+          return require('../../imgs/getwayBox.png');
+        case 'ANDROID_SCREEN':
+          return require('../../imgs/screen.png');
+        default:
+          break;
+      }
+    }
+  };
+  var drawTopology = function drawTopology() {
+    var startX = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var arr = arguments.length > 2 ? arguments[2] : undefined;
+    var zr = arguments.length > 3 ? arguments[3] : undefined;
+    var count = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    var w = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+    arr === null || arr === void 0 ? void 0 : arr.map(function (v, i) {
+      var _a, _b;
+      var averageX = arr.length % 2 ? arr.length - 1 || 1 : arr.length;
+      var color = v.status === 'online' ? '#52c41a' : '#ff4d4f';
+      var x = (w - 100) / averageX; // 算出x轴的平均坐标 ( width - 两边图片一半的宽度)
+      var beforeNodesLength = 0;
+      var lineI = i;
+      for (var j = 0; j < i; j++) {
+        beforeNodesLength += ((_a = arr[j]) === null || _a === void 0 ? void 0 : _a.nodes.length) || 1;
+      }
+      if (v.level < 2) {
+        //需要算出底层子节点的个数
+        lineI = i && (beforeNodesLength || i);
+      } else {
+        //下一层直接用父级传过来的参数沿用即可
+        lineI = count ? count + i : i;
+      }
+      var lineX = x * lineI + 50; // +50是是因为图片宽度为100 线段要指在图片中间
+      zr.add(line([startX, y, lineX, y, color])[0]); // 添加每个元素x轴的线段
+      var yLine = line([lineX, y, lineX, y + 30, color]); // +30 y轴线段的长度
+      zr.add(yLine[0]); // 添加每个元素y轴的线段
+      zr.add(yLine[1]); // 添加每个元素y轴的箭头
+      if (v.status !== 'online') {
+        zr.add(yLine[2]);
+      }
+      zr.add(group([x * lineI, y + 50, imgType(v), "".concat(v.nodeType === 'DEVICE' ? "".concat(v.deviceTypeDesc) : '').concat(v.name)])); //  + 50： 稍微与线段箭头隔开一点
+      if ((_b = v.nodes) === null || _b === void 0 ? void 0 : _b.length) {
+        var c = v.nodes.some(function (e) {
+          return e.status === 'online';
+        }) ? '#52c41a' : '#ff4d4f';
+        zr.add(line([lineX, y + 180, lineX, y + 210, c])[0]); //  为每个有子节点的画上y轴坐标  +180 ：50为起始的y坐标 再+图片和文字的高度130
+        drawTopology(lineX, y + 210, v.nodes, zr, beforeNodesLength, w);
+      }
+    });
+  };
+  var getMaxlevel = function getMaxlevel(treeData) {
+    var maxLevel = 1;
+    var count = {}; //记录每个层级及下一层总共的个数
+    var loop = function loop(data, level) {
+      if (!count["maxCount".concat(level)]) {
+        count["maxCount".concat(level)] = 0;
+      }
+      data.forEach(function (item) {
+        count["maxCount".concat(level)] += item.nodes.length || 1;
+        item.level = level;
+        if (level > maxLevel) {
+          maxLevel = level;
+        }
+        if ('nodes' in item) {
+          if (item.nodes.length > 0) {
+            loop(item.nodes, level + 1);
+          }
+        }
+      });
+    };
+    loop(treeData, 1);
+    return Promise.resolve({
+      maxLevel: maxLevel,
+      count: count
+    });
+  };
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes) === null || _a === void 0 ? void 0 : _a.length) {
+      getMaxlevel(runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes).then(function (res) {
+        var maxCount = 0;
+        for (var i in res.count) {
+          maxCount = Math.max(res.count[i], maxCount);
+        }
+        var w = 800;
+        setHeight(200 + res.maxLevel * 200);
+        if (maxCount > 4) {
+          w = maxCount * 150 < 1270 ? 1270 : maxCount * 150;
+          // setWidth(maxCount * 150 < 1270 ? 1270 : maxCount * 150);
+        }
+
+        var zr = zrender.init(myRef.current);
+        zr.add(group([w / 2 - 50, 2, require('../../imgs/throwPoint.png'), runStatusTopology.name, 'desc']));
+        var color = (runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes.some(function (e) {
+          return e.status === 'online';
+        })) ? '#52c41a' : '#ff4d4f';
+        zr.add(line([w / 2, 110, w / 2, 140, color])[0]);
+        drawTopology(w / 2, 140, runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes, zr, 0, w);
+      });
+    }
+  }, [JSON.stringify(runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes)]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8BBE\u5907\u603B\u89C8"
+  }), /*#__PURE__*/_react["default"].createElement(Topology, {
+    ref: myRef
+  }), ((_a = runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes) === null || _a === void 0 ? void 0 : _a.length) ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-content")
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8BBE\u5907\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement(_Content["default"], {
+    rows: runStatusTopology.nodes,
+    classPrefix: prefix
+  })) : null);
+};
+var _default = SBZJ;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-throw-point-modal/components/SBZJ/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SBZJ","classPrefix","id","_a","prefix","myRef","useRef","useState","height","setHeight","runStatusTopology","deviceService","throwPointDeviceStatusTopology","throwPointId","tenantId","getUrlParam","Topology","forwardRef","props","ref","window","console","log","nodes","length","React","createElement","className","style","width","src","require","line","x1","y1","x2","y2","color","textX","Math","abs","min","textY","t","zrender","Image","image","x","y","Line","shape","opacity","stroke","lineDash","lineWidth","triangle","Polygon","points","fill","animateTo","group","url","text","type","g","Group","a","substring","Text","fontSize","img","textShadowColor","textShadowBlur","add","imgType","item","nodeType","deviceType","drawTopology","startX","arr","zr","count","w","map","v","i","_b","averageX","status","beforeNodesLength","lineI","j","level","lineX","yLine","deviceTypeDesc","name","c","some","e","getMaxlevel","treeData","maxLevel","loop","data","forEach","Promise","resolve","useEffect","then","res","maxCount","max","init","current","JSON","stringify","VmSubTitle","title","SBZJContent","rows"],"sources":["vtx-throw-point-modal/components/SBZJ/index.js"],"sourcesContent":["import React, { useEffect, useRef, forwardRef, useState } from 'react';\nimport { getUrlParam } from '@vtx/utils';\nimport VmSubTitle from '../../../vm-sub-title';\nimport * as zrender from 'zrender/lib/all';\nimport SBZJContent from './Content';\nimport { deviceService } from '../../api';\nimport './index.less';\nconst SBZJ = ({ classPrefix = '', id = '' }) => {\n    var _a;\n    const prefix = `${classPrefix}-sbzj`;\n    const myRef = useRef();\n    const [height, setHeight] = useState(200);\n    // const [width, setWidth] = useState(800);\n    const runStatusTopology = deviceService.throwPointDeviceStatusTopology({\n        throwPointId: id,\n        tenantId: getUrlParam('tenantId'),\n    });\n    const Topology = forwardRef((props, ref) => {\n        var _a;\n        window.console.log(props);\n        if ((_a = runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes) === null || _a === void 0 ? void 0 : _a.length) {\n            return (React.createElement(\"div\", { className: `${prefix}-canvas` },\n                React.createElement(\"div\", { id: \"zrender\", style: { height: `${height}px`, width: `100%` }, ref: ref, className: `${prefix}-device` })));\n        }\n        else {\n            return (React.createElement(\"div\", { ref: ref, className: `${prefix}-disconnect` },\n                React.createElement(\"img\", { src: require('../../imgs/disconnect.png'), style: { width: '400px', height: '212px' } }),\n                React.createElement(\"div\", null, \"\\u4E3B\\u673A\\u8FDE\\u63A5\\u5DF2\\u65AD\\u5F00\\uFF0C\\u73B0\\u573A\\u60C5\\u51B5\\u672A\\u77E5\")));\n        }\n    });\n    const line = ([x1 = 0, y1 = 0, x2 = 0, y2 = 0, color = '#52c41a']) => {\n        let textX = Math.abs((x2 - x1) / 2) + Math.min(x2, x1);\n        let textY = Math.abs((y2 - y1) / 2) + Math.min(y2, y1);\n        let t = new zrender.Image({\n            style: {\n                image: require('../../imgs/error.png'),\n                width: 16,\n                height: 16,\n                x: textX - 8,\n                y: textY - 8,\n            },\n        });\n        let line = new zrender.Line({\n            shape: {\n                x1: x1,\n                y1: y1,\n                x2: x1,\n                y2: y1,\n            },\n            style: {\n                opacity: 0,\n                stroke: '#fff',\n                lineDash: 'dashed',\n                lineWidth: 2,\n            },\n        });\n        let triangle = new zrender.Polygon({\n            shape: {\n                points: [\n                    [x1, y2],\n                    [x1, y2],\n                    [x1, y2],\n                ],\n            },\n            style: {\n                fill: '#fff',\n                opacity: 0,\n            },\n        });\n        triangle.animateTo(\n        // 为箭头添加动画\n        {\n            shape: {\n                points: [\n                    [x1 - 8, y2],\n                    [x1 + 8, y2],\n                    [x1, y2 + 14],\n                ],\n            },\n            style: {\n                fill: color,\n                opacity: 1,\n            },\n        });\n        line.animateTo(\n        // 为线段添加动画\n        {\n            shape: {\n                x1,\n                y1,\n                x2,\n                y2,\n            },\n            style: {\n                stroke: color,\n                opacity: 1,\n            },\n        });\n        return [line, triangle, t];\n    };\n    const group = ([x = 0, y = 0, url = '', text = '', type = 'asc']) => {\n        // 文字排列顺序\n        const g = new zrender.Group();\n        g.x = x;\n        g.y = y;\n        let length = text.length;\n        let a = length > 9 && length < 16\n            ? `${text.substring(0, 9)}\\n${text.substring(9, length)}`\n            : length > 15\n                ? `${text.substring(0, 9)}\\n${text.substring(9, 16)}\\n${text.substring(16, length)}`\n                : text;\n        let t = new zrender.Text({\n            style: {\n                text: a,\n                fill: '#fff',\n                fontSize: 12,\n                y: type === 'asc' ? 105 : 0,\n            },\n        });\n        let img = new zrender.Image({\n            style: {\n                image: url,\n                width: 100,\n                height: 100,\n                y: type === 'asc' ? 0 : 30,\n            },\n        });\n        t.animateTo({\n            style: {\n                fontSize: 18,\n                textShadowColor: '#fff',\n                textShadowBlur: 1,\n            },\n        });\n        g.add(img);\n        g.add(t);\n        return g;\n    };\n    const imgType = (item = { nodeType: '', deviceType: '' }) => {\n        if (item.nodeType === 'DEVICE') {\n            switch (item.deviceType) {\n                case 'SHUTTER_DOOR':\n                    return require('../../imgs/window.png');\n                case 'AI_BOX':\n                    return require('../../imgs/getwayBox.png');\n                case 'LIGHT':\n                    return require('../../imgs/lamp.png');\n                case 'ANDROID_SCREEN':\n                    return require('../../imgs/screen.png');\n                case 'CAMERA':\n                    return require('../../imgs/camera.png');\n                case 'DDP':\n                    return require('../../imgs/screen.png');\n                default:\n                    break;\n            }\n        }\n        else {\n            switch (item.nodeType) {\n                case 'CAMERA':\n                    return require('../../imgs/camera.png');\n                case 'GATEWAY':\n                    return require('../../imgs/getway.png');\n                case 'MAIN_GATEWAY_AI_BOX':\n                    return require('../../imgs/getwayBox.png');\n                case 'ANDROID_SCREEN':\n                    return require('../../imgs/screen.png');\n                default:\n                    break;\n            }\n        }\n    };\n    const drawTopology = (startX = 0, y = 0, arr, zr, count = 0, w = 0) => {\n        arr === null || arr === void 0 ? void 0 : arr.map((v, i) => {\n            var _a, _b;\n            let averageX = arr.length % 2 ? arr.length - 1 || 1 : arr.length;\n            let color = v.status === 'online' ? '#52c41a' : '#ff4d4f';\n            let x = (w - 100) / averageX; // 算出x轴的平均坐标 ( width - 两边图片一半的宽度)\n            let beforeNodesLength = 0;\n            let lineI = i;\n            for (let j = 0; j < i; j++) {\n                beforeNodesLength += ((_a = arr[j]) === null || _a === void 0 ? void 0 : _a.nodes.length) || 1;\n            }\n            if (v.level < 2) {\n                //需要算出底层子节点的个数\n                lineI = i && (beforeNodesLength || i);\n            }\n            else {\n                //下一层直接用父级传过来的参数沿用即可\n                lineI = count ? count + i : i;\n            }\n            let lineX = x * lineI + 50; // +50是是因为图片宽度为100 线段要指在图片中间\n            zr.add(line([startX, y, lineX, y, color])[0]); // 添加每个元素x轴的线段\n            let yLine = line([lineX, y, lineX, y + 30, color]); // +30 y轴线段的长度\n            zr.add(yLine[0]); // 添加每个元素y轴的线段\n            zr.add(yLine[1]); // 添加每个元素y轴的箭头\n            if (v.status !== 'online') {\n                zr.add(yLine[2]);\n            }\n            zr.add(group([\n                x * lineI,\n                y + 50,\n                imgType(v),\n                `${v.nodeType === 'DEVICE' ? `${v.deviceTypeDesc}` : ''}${v.name}`,\n            ])); //  + 50： 稍微与线段箭头隔开一点\n            if ((_b = v.nodes) === null || _b === void 0 ? void 0 : _b.length) {\n                let c = v.nodes.some((e) => e.status === 'online') ? '#52c41a' : '#ff4d4f';\n                zr.add(line([lineX, y + 180, lineX, y + 210, c])[0]); //  为每个有子节点的画上y轴坐标  +180 ：50为起始的y坐标 再+图片和文字的高度130\n                drawTopology(lineX, y + 210, v.nodes, zr, beforeNodesLength, w);\n            }\n        });\n    };\n    const getMaxlevel = (treeData) => {\n        let maxLevel = 1;\n        let count = {}; //记录每个层级及下一层总共的个数\n        const loop = (data, level) => {\n            if (!count[`maxCount${level}`]) {\n                count[`maxCount${level}`] = 0;\n            }\n            data.forEach((item) => {\n                count[`maxCount${level}`] += item.nodes.length || 1;\n                item.level = level;\n                if (level > maxLevel) {\n                    maxLevel = level;\n                }\n                if ('nodes' in item) {\n                    if (item.nodes.length > 0) {\n                        loop(item.nodes, level + 1);\n                    }\n                }\n            });\n        };\n        loop(treeData, 1);\n        return Promise.resolve({ maxLevel, count });\n    };\n    useEffect(() => {\n        var _a;\n        if ((_a = runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes) === null || _a === void 0 ? void 0 : _a.length) {\n            getMaxlevel(runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes).then((res) => {\n                let maxCount = 0;\n                for (let i in res.count) {\n                    maxCount = Math.max(res.count[i], maxCount);\n                }\n                let w = 800;\n                setHeight(200 + res.maxLevel * 200);\n                if (maxCount > 4) {\n                    w = maxCount * 150 < 1270 ? 1270 : maxCount * 150;\n                    // setWidth(maxCount * 150 < 1270 ? 1270 : maxCount * 150);\n                }\n                const zr = zrender.init(myRef.current);\n                zr.add(group([\n                    w / 2 - 50,\n                    2,\n                    require('../../imgs/throwPoint.png'),\n                    runStatusTopology.name,\n                    'desc',\n                ]));\n                let color = (runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes.some((e) => e.status === 'online'))\n                    ? '#52c41a'\n                    : '#ff4d4f';\n                zr.add(line([w / 2, 110, w / 2, 140, color])[0]);\n                drawTopology(w / 2, 140, runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes, zr, 0, w);\n            });\n        }\n    }, [JSON.stringify(runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes)]);\n    return (React.createElement(\"div\", { className: prefix },\n        React.createElement(VmSubTitle, { title: \"\\u8BBE\\u5907\\u603B\\u89C8\" }),\n        React.createElement(Topology, { ref: myRef }),\n        ((_a = runStatusTopology === null || runStatusTopology === void 0 ? void 0 : runStatusTopology.nodes) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(\"div\", { className: `${prefix}-content` },\n            React.createElement(VmSubTitle, { title: \"\\u8BBE\\u5907\\u4FE1\\u606F\" }),\n            React.createElement(SBZJContent, { rows: runStatusTopology.nodes, classPrefix: prefix }))) : null));\n};\nexport default SBZJ;\n"],"mappings":"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"}

package/lib/vtx-throw-point-modal/components/SBZJ/index.less

@@ -0,0 +1,92 @@
+@import '../../style/index';
+
+.@{prefix-cls}-sbzj {
+    height: 800px;
+    padding: 10px;
+    &-canvas {
+        min-width: 100%;
+        overflow: auto;
+        background: linear-gradient(0deg, #1f5e792c, #02101a27);
+        &::-webkit-scrollbar {
+            width: 5px;
+            height: 5px;
+            background-color: transparent;
+        }
+        &::-webkit-scrollbar-thumb {
+            background-color: #636363;
+            border-radius: 3px;
+            -webkit-box-shadow: inset 0 0 0 transparent;
+        }
+    }
+    &-device {
+        position: relative;
+        margin: 20px auto 0 100px;
+    }
+    &-disconnect {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-self: center;
+        padding: 30px;
+        color: #fff;
+    }
+    &-content {
+        width: 100%;
+        margin-top: 10px;
+        min-height: 100px;
+        overflow: auto;
+        background: #1f5e792c;
+        padding: 10px 0;
+    }
+    &-items {
+        width: 100%;
+        min-height: 200px;
+        margin-top: 10px;
+        padding: 10px;
+        display: flex;
+        flex-wrap: wrap;
+    }
+    &-item {
+        width: calc(~'50% - 10px');
+        height: 166px;
+        background: rgba(255, 255, 255, 0.05);
+        border: 1px solid #364e60;
+        border-radius: 6px;
+        margin: 5px;
+        &-title {
+            height: 46px;
+            line-height: 46px;
+            padding-left: 18px;
+            color: #fefefe;
+            font-weight: 400;
+            font-size: 16px;
+            font-family: PingFang SC;
+            background: rgba(255, 255, 255, 0.05);
+            border-bottom: 1px solid #364e60;
+        }
+        &-content {
+            display: flex;
+            padding: 10px;
+        }
+        &-left,
+        &-right {
+            width: 50%;
+            &-item {
+                display: flex;
+                width: 100%;
+            }
+        }
+    }
+    &-left,
+    &-right {
+        &-label {
+            height: 30px;
+            line-height: 30px;
+            color: #cafdff;
+            &-left-value,
+            &-right-value {
+                color: #e6e6e6;
+            }
+        }
+    }
+}

package/lib/vtx-throw-point-modal/components/SPJK/index.css

@@ -0,0 +1,6 @@
+.tfd-spjk {
+  height: 640px;
+}
+.tfd-spjk .ant-tabs-tabpane {
+  height: 100%;
+}

package/lib/vtx-throw-point-modal/components/SPJK/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _player = require("@vtx/player");
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var SPJK = function SPJK(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    _ref$videoPlaceCode = _ref.videoPlaceCode,
+    videoPlaceCode = _ref$videoPlaceCode === void 0 ? '' : _ref$videoPlaceCode;
+  var prefix = "".concat(classPrefix, "-spjk");
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, videoPlaceCode ? /*#__PURE__*/_react["default"].createElement(_player.BillPlayer, {
+    height: 640,
+    isDark: true,
+    params: {
+      billId: videoPlaceCode
+    }
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center',
+      color: '#fff'
+    }
+  }, "\u6682\u65E0\u89C6\u9891"));
+};
+var _default = SPJK;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-throw-point-modal/components/SPJK/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SPJK","classPrefix","videoPlaceCode","prefix","React","createElement","className","BillPlayer","height","isDark","params","billId","style","display","justifyContent","alignItems","color"],"sources":["vtx-throw-point-modal/components/SPJK/index.js"],"sourcesContent":["import React from 'react';\nimport { BillPlayer } from '@vtx/player';\nimport './index.less';\nconst SPJK = ({ classPrefix = '', videoPlaceCode = '' }) => {\n    const prefix = `${classPrefix}-spjk`;\n    return (React.createElement(\"div\", { className: prefix }, videoPlaceCode ? (React.createElement(BillPlayer, { height: 640, isDark: true, params: { billId: videoPlaceCode } })) : (React.createElement(\"div\", { style: {\n            display: 'flex',\n            height: '100%',\n            justifyContent: 'center',\n            alignItems: 'center',\n            color: '#fff',\n        } }, \"\\u6682\\u65E0\\u89C6\\u9891\"))));\n};\nexport default SPJK;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAsB;AACtB,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAkD;EAAA,4BAA5CC,WAAW;IAAXA,WAAW,iCAAG,EAAE;IAAA,2BAAEC,cAAc;IAAdA,cAAc,oCAAG,EAAE;EACjD,IAAMC,MAAM,aAAMF,WAAW,UAAO;EACpC,oBAAQG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAEH;EAAO,CAAC,EAAED,cAAc,gBAAIE,iBAAK,CAACC,aAAa,CAACE,kBAAU,EAAE;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE,IAAI;IAAEC,MAAM,EAAE;MAAEC,MAAM,EAAET;IAAe;EAAE,CAAC,CAAC,gBAAKE,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEO,KAAK,EAAE;MAC/MC,OAAO,EAAE,MAAM;MACfL,MAAM,EAAE,MAAM;MACdM,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE;IACX;EAAE,CAAC,EAAE,0BAA0B,CAAE,CAAC;AAC1C,CAAC;AAAC,eACahB,IAAI;AAAA"}

package/lib/vtx-throw-point-modal/components/SPJK/index.less

@@ -0,0 +1,8 @@
+@import '../../style/index';
+
+.@{prefix-cls}-spjk {
+    height: 640px;
+    .ant-tabs-tabpane {
+        height: 100%;
+    }
+}

package/lib/vtx-throw-point-modal/components/TFRD/index.css

@@ -0,0 +1,21 @@
+.tfd-tfrd {
+  padding: 10px 30px;
+}
+.tfd-tfrd-top {
+  margin-bottom: 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.tfd-tfrd-top-summary {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 32px;
+}