@vtx/modals2 3.2.9 → 3.2.11

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

@@ -0,0 +1,333 @@
+"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 (ref) {
+    var _a;
+    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","ref","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((ref) => {\n        var _a;\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/TFRD/index.js

@@ -0,0 +1,136 @@
+"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 _moment = _interopRequireDefault(require("moment"));
+var _ahooks = require("ahooks");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _vmFilter = require("../../../vm-filter");
+var _Manage = require("../OverView/Manage");
+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 columns = [{
+  title: '投放人',
+  dataIndex: 'personName'
+}, {
+  title: '门牌号',
+  dataIndex: 'householdNo'
+}, {
+  title: '分类主体',
+  dataIndex: 'housingEstateName'
+}, {
+  title: '行政区划',
+  dataIndex: 'xzqhName'
+}, {
+  title: '投放点',
+  dataIndex: 'throwPointName'
+}, {
+  title: '分类质量',
+  dataIndex: 'qualityValue'
+}, {
+  title: '投放时间',
+  dataIndex: 'endDatetime',
+  render: function render(text) {
+    if (text) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, text.split(' ')[0]), /*#__PURE__*/_react["default"].createElement("div", null, text.split(' ')[1]));
+    }
+    return '';
+  }
+}];
+var TFRD = function TFRD(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    id = _ref.id;
+  var _a;
+  var prefix = "".concat(classPrefix, "-tfrd");
+  var _useState = (0, _react.useState)([(0, _moment["default"])(), (0, _moment["default"])()]),
+    _useState2 = _slicedToArray(_useState, 2),
+    times = _useState2[0],
+    setTimes = _useState2[1];
+  var queryParams = {
+    throwPointId: id,
+    startDatetime: times[0].format('YYYY-MM-DD 00:00:00'),
+    endDatetime: times[1].format('YYYY-MM-DD 23:59:59')
+  };
+  var summary = _api.throwRecordService.count(queryParams);
+  var getTableData = function getTableData(_ref2) {
+    var current = _ref2.current,
+      pageSize = _ref2.pageSize;
+    return (0, _api.queryPage)('/cloud/sdyd/throwRecord/page', Object.assign({
+      page: current - 1,
+      size: pageSize
+    }, queryParams));
+  };
+  var _useAntdTable = (0, _ahooks.useAntdTable)(getTableData, {
+      defaultPageSize: 10,
+      refreshDeps: [id, times[0], times[1]]
+    }),
+    tableProps = _useAntdTable.tableProps;
+  var onDateChange = function onDateChange(date) {
+    setTimes(date);
+  };
+  // const onExport = (type: string) => {
+  //     switch (type) {
+  //         case 'all':
+  //             break;
+  //         case 'current-page':
+  //             break;
+  //         case 'select-rows':
+  //             break;
+  //         default:
+  //             break;
+  //     }
+  // };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-top")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-top-summary")
+  }, /*#__PURE__*/_react["default"].createElement(_Manage.SummaryItem, {
+    icon: require('../../imgs/manage-yyxj.png'),
+    name: "\u6295\u653E\u6237\u6570",
+    unit: "\u6237",
+    num: (summary === null || summary === void 0 ? void 0 : summary.householdCount) || 0
+  }), /*#__PURE__*/_react["default"].createElement(_Manage.SummaryItem, {
+    icon: require('../../imgs/manage-wgmsr.png'),
+    name: "\u6295\u653E\u6B21\u6570",
+    unit: "\u6B21",
+    num: (summary === null || summary === void 0 ? void 0 : summary.totalCount) || 0
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-top-search")
+  }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: times,
+    onChange: onDateChange,
+    style: {
+      marginRight: 10
+    }
+  }))), !((_a = tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) === null || _a === void 0 ? void 0 : _a.length) ? /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: 500,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    height: 500,
+    columns: columns
+  }, tableProps))));
+};
+var _default = TFRD;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["columns","title","dataIndex","render","text","React","createElement","Fragment","split","TFRD","classPrefix","id","_a","prefix","useState","moment","times","setTimes","queryParams","throwPointId","startDatetime","format","endDatetime","summary","throwRecordService","count","getTableData","current","pageSize","queryPage","Object","assign","page","size","useAntdTable","defaultPageSize","refreshDeps","tableProps","onDateChange","date","className","SummaryItem","icon","require","name","unit","num","householdCount","totalCount","VMRangePicker","value","onChange","style","marginRight","dataSource","length","height","display","justifyContent","alignItems","NoData","VmTable"],"sources":["vtx-throw-point-modal/components/TFRD/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport moment from 'moment';\nimport { useAntdTable } from 'ahooks';\nimport VmTable from '../../../vm-table';\nimport NoData from '../../../vm-nodata';\nimport { VMRangePicker } from '../../../vm-filter';\nimport { SummaryItem } from '../OverView/Manage';\nimport { throwRecordService, queryPage } from '../../api';\nimport './index.less';\nconst columns = [\n    {\n        title: '投放人',\n        dataIndex: 'personName',\n    },\n    {\n        title: '门牌号',\n        dataIndex: 'householdNo',\n    },\n    {\n        title: '分类主体',\n        dataIndex: 'housingEstateName',\n    },\n    {\n        title: '行政区划',\n        dataIndex: 'xzqhName',\n    },\n    {\n        title: '投放点',\n        dataIndex: 'throwPointName',\n    },\n    {\n        title: '分类质量',\n        dataIndex: 'qualityValue',\n    },\n    {\n        title: '投放时间',\n        dataIndex: 'endDatetime',\n        render: (text) => {\n            if (text) {\n                return (React.createElement(React.Fragment, null,\n                    React.createElement(\"div\", null, text.split(' ')[0]),\n                    React.createElement(\"div\", null, text.split(' ')[1])));\n            }\n            return '';\n        },\n    },\n];\nconst TFRD = ({ classPrefix = '', id }) => {\n    var _a;\n    const prefix = `${classPrefix}-tfrd`;\n    const [times, setTimes] = useState([moment(), moment()]);\n    const queryParams = {\n        throwPointId: id,\n        startDatetime: times[0].format('YYYY-MM-DD 00:00:00'),\n        endDatetime: times[1].format('YYYY-MM-DD 23:59:59'),\n    };\n    const summary = throwRecordService.count(queryParams);\n    const getTableData = ({ current, pageSize }) => {\n        return queryPage('/cloud/sdyd/throwRecord/page', Object.assign({ page: current - 1, size: pageSize }, queryParams));\n    };\n    const { tableProps } = useAntdTable(getTableData, {\n        defaultPageSize: 10,\n        refreshDeps: [id, times[0], times[1]],\n    });\n    const onDateChange = (date) => {\n        setTimes(date);\n    };\n    // const onExport = (type: string) => {\n    //     switch (type) {\n    //         case 'all':\n    //             break;\n    //         case 'current-page':\n    //             break;\n    //         case 'select-rows':\n    //             break;\n    //         default:\n    //             break;\n    //     }\n    // };\n    return (React.createElement(\"div\", { className: prefix },\n        React.createElement(\"div\", { className: `${prefix}-top` },\n            React.createElement(\"div\", { className: `${prefix}-top-summary` },\n                React.createElement(SummaryItem, { icon: require('../../imgs/manage-yyxj.png'), name: \"\\u6295\\u653E\\u6237\\u6570\", unit: \"\\u6237\", num: (summary === null || summary === void 0 ? void 0 : summary.householdCount) || 0 }),\n                React.createElement(SummaryItem, { icon: require('../../imgs/manage-wgmsr.png'), name: \"\\u6295\\u653E\\u6B21\\u6570\", unit: \"\\u6B21\", num: (summary === null || summary === void 0 ? void 0 : summary.totalCount) || 0 })),\n            React.createElement(\"div\", { className: `${prefix}-top-search` },\n                React.createElement(VMRangePicker, { value: times, onChange: onDateChange, style: { marginRight: 10 } }))),\n        !((_a = tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(\"div\", { style: {\n                height: 500,\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n            } },\n            React.createElement(NoData, null))) : (React.createElement(React.Fragment, null,\n            React.createElement(VmTable, Object.assign({ height: 500, columns: columns }, tableProps))))));\n};\nexport default TFRD;\n"],"mappings":"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"}

package/lib/vtx-throw-point-modal/components/WGGS/Content.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _components = require("@vtx/components");
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _api = require("../../api");
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var WGGSContent = function WGGSContent(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    id = _ref.id,
+    startTime = _ref.startTime,
+    endTime = _ref.endTime;
+  var data = _api.throwFailPersonService.list({
+    beginTime: startTime,
+    endTime: endTime,
+    throwPointId: id
+  });
+  var _ref2 = data || {},
+    _ref2$rows = _ref2.rows,
+    rows = _ref2$rows === void 0 ? [] : _ref2$rows;
+  return !rows.length ? /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: 500,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, rows.map(function (item) {
+    var _a, _b;
+    var photoId = (_a = JSON.parse(item.personPhoto2 || '[]')[0]) === null || _a === void 0 ? void 0 : _a.id;
+    var tempDetectObjects = JSON.parse(item.detectObjects || '[]');
+    var photoAfterArr = (_b = tempDetectObjects.find(function (item) {
+      return item.pic === 'dropPic2';
+    })) === null || _b === void 0 ? void 0 : _b.info;
+    var str = "/cloud/sdyd/markBox?fileId=".concat(photoId, "&detectObjects=").concat(photoAfterArr ? JSON.stringify(photoAfterArr) : '');
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.throwFailId,
+      className: "".concat(classPrefix, "-content-item")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(classPrefix, "-content-item-img")
+    }, /*#__PURE__*/_react["default"].createElement(_components.VtxImage, {
+      src: str
+    })), /*#__PURE__*/_react["default"].createElement("p", null, item.throwPointName));
+  }));
+};
+var _default = WGGSContent;
+exports["default"] = _default;
+//# sourceMappingURL=Content.js.map

package/lib/vtx-throw-point-modal/components/WGGS/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","names":["WGGSContent","classPrefix","id","startTime","endTime","data","throwFailPersonService","list","beginTime","throwPointId","rows","length","React","createElement","style","height","display","justifyContent","alignItems","NoData","className","map","item","_a","_b","photoId","JSON","parse","personPhoto2","tempDetectObjects","detectObjects","photoAfterArr","find","pic","info","str","stringify","key","throwFailId","VtxImage","src","throwPointName"],"sources":["vtx-throw-point-modal/components/WGGS/Content.js"],"sourcesContent":["import React from 'react';\nimport { VtxImage } from '@vtx/components';\nimport NoData from '../../../vm-nodata';\nimport { throwFailPersonService } from '../../api';\nimport './index.less';\nconst WGGSContent = ({ classPrefix = '', id, startTime, endTime }) => {\n    const data = throwFailPersonService.list({\n        beginTime: startTime,\n        endTime,\n        throwPointId: id,\n    });\n    const { rows = [] } = data || {};\n    return !rows.length ? (React.createElement(\"div\", { style: { height: 500, display: 'flex', justifyContent: 'center', alignItems: 'center' } },\n        React.createElement(NoData, null))) : (React.createElement(\"div\", { className: `${classPrefix}-content` }, rows.map(item => {\n        var _a, _b;\n        const photoId = (_a = JSON.parse(item.personPhoto2 || '[]')[0]) === null || _a === void 0 ? void 0 : _a.id;\n        const tempDetectObjects = JSON.parse(item.detectObjects || '[]');\n        const photoAfterArr = (_b = tempDetectObjects.find((item) => item.pic === 'dropPic2')) === null || _b === void 0 ? void 0 : _b.info;\n        const str = `/cloud/sdyd/markBox?fileId=${photoId}&detectObjects=${photoAfterArr ? JSON.stringify(photoAfterArr) : ''}`;\n        return (React.createElement(\"div\", { key: item.throwFailId, className: `${classPrefix}-content-item` },\n            React.createElement(\"div\", { className: `${classPrefix}-content-item-img` },\n                React.createElement(VtxImage, { src: str })),\n            React.createElement(\"p\", null, item.throwPointName)));\n    })));\n};\nexport default WGGSContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAsB;AACtB,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAAqD;EAAA,4BAA/CC,WAAW;IAAXA,WAAW,iCAAG,EAAE;IAAEC,EAAE,QAAFA,EAAE;IAAEC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;EAC3D,IAAMC,IAAI,GAAGC,2BAAsB,CAACC,IAAI,CAAC;IACrCC,SAAS,EAAEL,SAAS;IACpBC,OAAO,EAAPA,OAAO;IACPK,YAAY,EAAEP;EAClB,CAAC,CAAC;EACF,YAAsBG,IAAI,IAAI,CAAC,CAAC;IAAA,mBAAxBK,IAAI;IAAJA,IAAI,2BAAG,EAAE;EACjB,OAAO,CAACA,IAAI,CAACC,MAAM,gBAAIC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE,GAAG;MAAEC,OAAO,EAAE,MAAM;MAAEC,cAAc,EAAE,QAAQ;MAAEC,UAAU,EAAE;IAAS;EAAE,CAAC,eACzIN,iBAAK,CAACC,aAAa,CAACM,oBAAM,EAAE,IAAI,CAAC,CAAC,gBAAKP,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEO,SAAS,YAAKnB,WAAW;EAAW,CAAC,EAAES,IAAI,CAACW,GAAG,CAAC,UAAAC,IAAI,EAAI;IAC5H,IAAIC,EAAE,EAAEC,EAAE;IACV,IAAMC,OAAO,GAAG,CAACF,EAAE,GAAGG,IAAI,CAACC,KAAK,CAACL,IAAI,CAACM,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,IAAIL,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACrB,EAAE;IAC1G,IAAM2B,iBAAiB,GAAGH,IAAI,CAACC,KAAK,CAACL,IAAI,CAACQ,aAAa,IAAI,IAAI,CAAC;IAChE,IAAMC,aAAa,GAAG,CAACP,EAAE,GAAGK,iBAAiB,CAACG,IAAI,CAAC,UAACV,IAAI;MAAA,OAAKA,IAAI,CAACW,GAAG,KAAK,UAAU;IAAA,EAAC,MAAM,IAAI,IAAIT,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACU,IAAI;IACnI,IAAMC,GAAG,wCAAiCV,OAAO,4BAAkBM,aAAa,GAAGL,IAAI,CAACU,SAAS,CAACL,aAAa,CAAC,GAAG,EAAE,CAAE;IACvH,oBAAQnB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEwB,GAAG,EAAEf,IAAI,CAACgB,WAAW;MAAElB,SAAS,YAAKnB,WAAW;IAAgB,CAAC,eAClGW,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEO,SAAS,YAAKnB,WAAW;IAAoB,CAAC,eACvEW,iBAAK,CAACC,aAAa,CAAC0B,oBAAQ,EAAE;MAAEC,GAAG,EAAEL;IAAI,CAAC,CAAC,CAAC,eAChDvB,iBAAK,CAACC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAES,IAAI,CAACmB,cAAc,CAAC,CAAC;EAC5D,CAAC,CAAC,CAAE;AACR,CAAC;AAAC,eACazC,WAAW;AAAA"}