@vtx/modals2 3.1.4 → 3.1.5

package/lib/vtx-df-modal/components/BaseInfo/AlarmDetail.js

@@ -0,0 +1,115 @@
+"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 = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var AlarmDetail = function AlarmDetail(props) {
+  var _a, _b;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartFontColor = _useSettings.chartFontColor;
+  var code = props.code,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _BaseService$useJcccs = _api.BaseService.useJcccsjfb(code, startDate, endDate),
+    jcccsjfbRes = _BaseService$useJcccs.jcccsjfbRes;
+  var option = {
+    tooltip: {
+      trigger: 'axis'
+    },
+    grid: {
+      top: 10,
+      left: '5%',
+      right: '5%',
+      bottom: 20
+    },
+    legend: {
+      show: false
+    },
+    xAxis: [{
+      type: 'category',
+      data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.names) || [],
+      axisPointer: {
+        type: 'shadow'
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      }
+    }],
+    yAxis: [{
+      type: 'value',
+      name: '(次)',
+      min: 0,
+      interval: 100,
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      splitNumber: 5,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      type: 'bar',
+      barWidth: 18,
+      data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.values) ? jcccsjfbRes.values[0] : [],
+      itemStyle: {
+        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 0,
+          color: '#0C3D44'
+        }, {
+          offset: 1,
+          color: '#37D3B0'
+        }])
+      }
+    }]
+  };
+  var dates = ((_a = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? jcccsjfbRes.extraData.map(function (ele) {
+    return ele.date;
+  }) : [];
+  var count = ((_b = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _b === void 0 ? void 0 : _b.length) > 0 ? jcccsjfbRes.extraData.map(function (ele) {
+    return ele.count;
+  }) : [];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom--right"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8FDB\u573A\u8F66\u6B21\u65F6\u95F4\u5206\u5E03"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom--right-desc"
+  }, "\u8FDB\u573A\u9AD8\u5CF0\u96C6\u4E2D\u5728", /*#__PURE__*/_react["default"].createElement("span", null, (dates === null || dates === void 0 ? void 0 : dates.join('点、')) || 0, "\u70B9"), "\uFF0C\u8FDB\u573A\u8F66\u6B21\u5206\u522B\u4E3A", /*#__PURE__*/_react["default"].createElement("span", null, (count === null || count === void 0 ? void 0 : count.join('车、')) || '-', "\u8F66"), "\u6CE8\u610F\u5408\u7406\u8C03\u5EA6\uFF0C\u7F13\u89E3\u5382\u533A\u6392\u961F\u60C5\u51B5"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom--right-content"
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '250px',
+      width: '100%'
+    }
+  })));
+};
+var _default = AlarmDetail;
+exports["default"] = _default;
+//# sourceMappingURL=AlarmDetail.js.map

package/lib/vtx-df-modal/components/BaseInfo/AlarmDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlarmDetail.js","names":["AlarmDetail","props","_a","_b","useSettings","chartFontColor","code","startDate","endDate","BaseService","useJcccsjfb","jcccsjfbRes","option","tooltip","trigger","grid","top","left","right","bottom","legend","show","xAxis","type","data","names","axisPointer","axisTick","axisLabel","color","yAxis","name","min","interval","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","values","itemStyle","echarts","graphic","LinearGradient","offset","dates","extraData","length","map","ele","date","count","React","createElement","className","SubTitle","title","join","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vtx-df-modal/components/BaseInfo/AlarmDetail.js"],"sourcesContent":["import React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nconst AlarmDetail = (props) => {\n    var _a, _b;\n    const { chartFontColor } = useSettings();\n    const { code, startDate, endDate } = props;\n    const { jcccsjfbRes } = BaseService.useJcccsjfb(code, startDate, endDate);\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n        },\n        grid: {\n            top: 10,\n            left: '5%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: {\n            show: false,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.names) || [],\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '(次)',\n                min: 0,\n                interval: 100,\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'bar',\n                barWidth: 18,\n                data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.values) ? jcccsjfbRes.values[0] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#0C3D44',\n                        },\n                        {\n                            offset: 1,\n                            color: '#37D3B0',\n                        },\n                    ]),\n                },\n            },\n        ],\n    };\n    const dates = ((_a = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? jcccsjfbRes.extraData.map((ele) => ele.date) : [];\n    const count = ((_b = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _b === void 0 ? void 0 : _b.length) > 0\n        ? jcccsjfbRes.extraData.map((ele) => ele.count)\n        : [];\n    return (React.createElement(\"div\", { className: \"base-bottom--right\" },\n        React.createElement(SubTitle, { title: \"\\u8FDB\\u573A\\u8F66\\u6B21\\u65F6\\u95F4\\u5206\\u5E03\" }),\n        React.createElement(\"div\", { className: \"base-bottom--right-desc\" },\n            \"\\u8FDB\\u573A\\u9AD8\\u5CF0\\u96C6\\u4E2D\\u5728\",\n            React.createElement(\"span\", null,\n                (dates === null || dates === void 0 ? void 0 : dates.join('点、')) || 0,\n                \"\\u70B9\"),\n            \"\\uFF0C\\u8FDB\\u573A\\u8F66\\u6B21\\u5206\\u522B\\u4E3A\",\n            React.createElement(\"span\", null,\n                (count === null || count === void 0 ? void 0 : count.join('车、')) || '-',\n                \"\\u8F66\"),\n            \"\\u6CE8\\u610F\\u5408\\u7406\\u8C03\\u5EA6\\uFF0C\\u7F13\\u89E3\\u5382\\u533A\\u6392\\u961F\\u60C5\\u51B5\"),\n        React.createElement(\"div\", { className: \"base-bottom--right-content\" },\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '250px', width: '100%' } }))));\n};\nexport default AlarmDetail;\n"],"mappings":"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"}

package/lib/vtx-df-modal/components/BaseInfo/Jcqsfx.js

@@ -0,0 +1,146 @@
+"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"] = Jcqsfx;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmFilter = require("../../../vm-filter");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+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; }
+function Jcqsfx(props) {
+  var _a;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartFontColor = _useSettings.chartFontColor,
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate;
+  var code = props.code,
+    setDate = props.setDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: sDate ? sDate : (0, _moment["default"])().subtract(7, 'd').format('YYYY-MM-DD'),
+      endDate: eDate ? eDate : (0, _moment["default"])().format('YYYY-MM-DD')
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var _BaseService$useTrend = _api.BaseService.useTrendInfo(code, startDate, endDate),
+    trendRes = _BaseService$useTrend.trendRes;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  (0, _react.useEffect)(function () {
+    setDate(startDate, endDate);
+  }, [startDate, endDate]);
+  var maxNum = null;
+  if (((_a = trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+    maxNum = (0, _lodash.max)((0, _lodash.flatten)(trendRes.values));
+  }
+  var option = {
+    color: ['#1890FF'],
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: false
+    },
+    grid: {
+      top: 28
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.names) || []
+    },
+    yAxis: {
+      type: 'value',
+      axisTick: {
+        show: false
+      },
+      max: maxNum,
+      axisLabel: {
+        color: chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    },
+    series: [{
+      name: '进场量',
+      type: 'line',
+      data: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) ? trendRes.values[0] : [],
+      markLine: {
+        data: [{
+          yAxis: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) && trendRes.values[1] ? trendRes.values[1][0] : 0,
+          lineStyle: {
+            normal: {
+              color: '#FFE25D'
+            }
+          },
+          name: '设计能力'
+        }],
+        lineStyle: {
+          color: '#52C41A'
+        },
+        label: {
+          show: true,
+          position: 'insideEndTop',
+          formatter: '{b}: {c}',
+          color: chartFontColor,
+          fontWeight: 'normal'
+        }
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--jcqsfx"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--jcqsfx-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8FDB\u573A\u8D8B\u52BF\u5206\u6790"
+  }), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--chart"
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  })));
+}
+//# sourceMappingURL=Jcqsfx.js.map

package/lib/vtx-df-modal/components/BaseInfo/Jcqsfx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jcqsfx.js","names":["Jcqsfx","props","_a","useSettings","chartFontColor","sDate","startDate","eDate","endDate","code","setDate","useSetState","moment","subtract","format","state","setState","BaseService","useTrendInfo","trendRes","handleDateChange","start","end","useEffect","maxNum","values","length","max","flatten","option","color","tooltip","trigger","legend","show","grid","top","xAxis","type","boundaryGap","axisTick","axisLabel","data","names","yAxis","splitLine","lineStyle","series","name","markLine","normal","label","position","formatter","fontWeight","React","createElement","className","SubTitle","title","VMRangePicker","value","onChange","dates","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vtx-df-modal/components/BaseInfo/Jcqsfx.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport { flatten, max } from 'lodash';\nimport ReactEcharts from 'echarts-for-react';\nimport moment from 'moment';\nimport SubTitle from '../../../vm-sub-title';\nimport { VMRangePicker } from '../../../vm-filter';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nexport default function Jcqsfx(props) {\n    var _a;\n    const { chartFontColor, startDate: sDate, endDate: eDate } = useSettings();\n    const { code, setDate } = props;\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .subtract(7, 'd')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : moment().format('YYYY-MM-DD'),\n    });\n    const { startDate, endDate } = state;\n    const { trendRes } = BaseService.useTrendInfo(code, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    useEffect(() => {\n        setDate(startDate, endDate);\n    }, [startDate, endDate]);\n    let maxNum = null;\n    if (((_a = trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n        maxNum = max(flatten(trendRes.values));\n    }\n    const option = {\n        color: ['#1890FF'],\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: false,\n        },\n        grid: {\n            top: 28,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.names) || [],\n        },\n        yAxis: {\n            type: 'value',\n            axisTick: {\n                show: false,\n            },\n            max: maxNum,\n            axisLabel: {\n                color: chartFontColor,\n            },\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(151,151,151,0.28)',\n                },\n            },\n        },\n        series: [\n            {\n                name: '进场量',\n                type: 'line',\n                data: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) ? trendRes.values[0] : [],\n                markLine: {\n                    data: [\n                        {\n                            yAxis: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) && trendRes.values[1] ? trendRes.values[1][0] : 0,\n                            lineStyle: {\n                                normal: {\n                                    color: '#FFE25D',\n                                },\n                            },\n                            name: '设计能力',\n                        },\n                    ],\n                    lineStyle: {\n                        color: '#52C41A',\n                    },\n                    label: {\n                        show: true,\n                        position: 'insideEndTop',\n                        formatter: '{b}: {c}',\n                        color: chartFontColor,\n                        fontWeight: 'normal',\n                    },\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"base-top--jcqsfx\" },\n        React.createElement(\"div\", { className: \"base-top--jcqsfx-head\" },\n            React.createElement(SubTitle, { title: \"\\u8FDB\\u573A\\u8D8B\\u52BF\\u5206\\u6790\" }),\n            React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                    handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })),\n        React.createElement(\"div\", { className: \"base-top--chart\" },\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }))));\n}\n"],"mappings":"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"}

package/lib/vtx-df-modal/components/BaseInfo/RealtimeMonitor.js

@@ -0,0 +1,118 @@
+"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"] = RealtimeMonitor;
+var _react = _interopRequireWildcard(require("react"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _alarm = _interopRequireDefault(require("../../imgs/alarm.png"));
+var _normal = _interopRequireDefault(require("../../imgs/normal.png"));
+var _alarm_light = _interopRequireDefault(require("../../imgs/alarm_light.png"));
+var _normal_light = _interopRequireDefault(require("../../imgs/normal_light.png"));
+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; }
+function RealtimeMonitor(_ref) {
+  var code = _ref.code;
+  var _a;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark;
+  var _BaseService$useRealt = _api.BaseService.useRealtime(code),
+    realtimeRes = _BaseService$useRealt.realtimeRes;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  var columns = [{
+    title: '监测项',
+    dataIndex: 'monitorItemName',
+    key: 'monitorItemName'
+  }, {
+    title: '检测值',
+    dataIndex: 'value',
+    key: 'value',
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.beenAlarm) && '#fd3a15'
+        }
+      }, text ? "".concat(text).concat((record === null || record === void 0 ? void 0 : record.unit) || '') : '-');
+    }
+  }, {
+    title: '欧标',
+    dataIndex: 'europeValue',
+    key: 'europeValue',
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }, {
+    title: '国标',
+    dataIndex: 'standardValue',
+    key: 'standardValue',
+    render: function render(text) {
+      return text ? text : '-';
+    }
+  }];
+  var tableProps = {
+    height: 200,
+    paganitation: false,
+    dataSource: (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (_a = realtimeRes[active]) === null || _a === void 0 ? void 0 : _a.values : []
+  };
+  var alarmImg = isDark ? _alarm["default"] : _alarm_light["default"];
+  var normalImg = isDark ? _normal["default"] : _normal_light["default"];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom--right"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6307\u6807\u5B9E\u65F6\u76D1\u6D4B"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom--right-content"
+  }, (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-monitor"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-monitor-head"
+  }, realtimeRes.map(function (item, index) {
+    var _a;
+    var flag = false;
+    if (((_a = item.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      item.values.forEach(function (ele) {
+        if (ele.beenAlarm) {
+          flag = true;
+        }
+      });
+    }
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "df-monitor-head-item ".concat(active === index && 'active'),
+      key: index,
+      onClick: function onClick() {
+        setActive(index);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: flag ? alarmImg : normalImg
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "df-monitor-head-item-right"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "df-monitor-head-item-right-name"
+    }, item.deviceName), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "df-monitor-head-item-right-".concat(flag ? 'valueAlarm' : 'valueNormal')
+    }, /*#__PURE__*/_react["default"].createElement("span", null, item.furnaceTemperature), "\u2103")));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-monitor-table"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    isIndex: false,
+    rowKey: "factorId"
+  }, tableProps)))) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)));
+}
+//# sourceMappingURL=RealtimeMonitor.js.map

package/lib/vtx-df-modal/components/BaseInfo/RealtimeMonitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealtimeMonitor.js","names":["RealtimeMonitor","code","_a","useSettings","isDark","BaseService","useRealtime","realtimeRes","useState","active","setActive","columns","title","dataIndex","key","render","text","record","React","createElement","style","color","beenAlarm","unit","tableProps","height","paganitation","dataSource","length","values","alarmImg","alarm","alarmLight","normalImg","normal","normalLight","className","SubTitle","map","item","index","flag","forEach","ele","onClick","src","deviceName","furnaceTemperature","VMTable","Object","assign","isIndex","rowKey","NoData"],"sources":["vtx-df-modal/components/BaseInfo/RealtimeMonitor.js"],"sourcesContent":["/**\n * 指标实时监测\n */\nimport React, { useState } from 'react';\nimport VMTable from '../../../vm-table';\nimport SubTitle from '../../../vm-sub-title';\nimport { BaseService } from '../../api';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '../../imgs/alarm.png';\nimport normal from '../../imgs/normal.png';\nimport alarmLight from '../../imgs/alarm_light.png';\nimport normalLight from '../../imgs/normal_light.png';\nexport default function RealtimeMonitor({ code }) {\n    var _a;\n    const { isDark } = useSettings();\n    const { realtimeRes } = BaseService.useRealtime(code);\n    const [active, setActive] = useState(0);\n    const columns = [\n        {\n            title: '监测项',\n            dataIndex: 'monitorItemName',\n            key: 'monitorItemName',\n        },\n        {\n            title: '检测值',\n            dataIndex: 'value',\n            key: 'value',\n            render: (text, record) => {\n                return (React.createElement(\"span\", { style: { color: (record === null || record === void 0 ? void 0 : record.beenAlarm) && '#fd3a15' } }, text ? `${text}${(record === null || record === void 0 ? void 0 : record.unit) || ''}` : '-'));\n            },\n        },\n        {\n            title: '欧标',\n            dataIndex: 'europeValue',\n            key: 'europeValue',\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n        {\n            title: '国标',\n            dataIndex: 'standardValue',\n            key: 'standardValue',\n            render: (text) => {\n                return text ? text : '-';\n            },\n        },\n    ];\n    const tableProps = {\n        height: 200,\n        paganitation: false,\n        dataSource: (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (_a = realtimeRes[active]) === null || _a === void 0 ? void 0 : _a.values : [],\n    };\n    const alarmImg = isDark ? alarm : alarmLight;\n    const normalImg = isDark ? normal : normalLight;\n    return (React.createElement(\"div\", { className: \"base-bottom--right\" },\n        React.createElement(SubTitle, { title: \"\\u6307\\u6807\\u5B9E\\u65F6\\u76D1\\u6D4B\" }),\n        React.createElement(\"div\", { className: \"base-bottom--right-content\" }, (realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.length) > 0 ? (React.createElement(\"div\", { className: \"df-monitor\" },\n            React.createElement(\"div\", { className: \"df-monitor-head\" }, realtimeRes.map((item, index) => {\n                var _a;\n                let flag = false;\n                if (((_a = item.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n                    item.values.forEach((ele) => {\n                        if (ele.beenAlarm) {\n                            flag = true;\n                        }\n                    });\n                }\n                return (React.createElement(\"div\", { className: `df-monitor-head-item ${active === index &&\n                        'active'}`, key: index, onClick: () => {\n                        setActive(index);\n                    } },\n                    React.createElement(\"img\", { src: flag ? alarmImg : normalImg }),\n                    React.createElement(\"div\", { className: \"df-monitor-head-item-right\" },\n                        React.createElement(\"div\", { className: \"df-monitor-head-item-right-name\" }, item.deviceName),\n                        React.createElement(\"div\", { className: `df-monitor-head-item-right-${flag ? 'valueAlarm' : 'valueNormal'}` },\n                            React.createElement(\"span\", null, item.furnaceTemperature),\n                            \"\\u2103\"))));\n            })),\n            React.createElement(\"div\", { className: \"df-monitor-table\" },\n                React.createElement(VMTable, Object.assign({ columns: columns, isIndex: false, rowKey: \"factorId\" }, tableProps))))) : (React.createElement(NoData, null)))));\n}\n"],"mappings":"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"}

package/lib/vtx-df-modal/components/BaseInfo/Situation.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Situation;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 实时运行情况
+ */
+
+function Situation(_ref) {
+  var code = _ref.code,
+    alarm = _ref.alarm;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _BaseService$useSitua = _api.BaseService.useSituation(code, nowDate, nowDate),
+    situationRes = _BaseService$useSitua.situationRes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item1 ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-name"
+  }, "\u8FDB\u573A\u91CF"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0), "\u5428")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item2 ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-name"
+  }, "\u8FDB\u573A\u8F66\u6B21"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyCarNum) || 0), "\u6B21")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item3 ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-name"
+  }, "\u8F66\u8F86\u8FDB\u573A\u62A5\u8B66"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carInAlarmCount) || 0), "\u6B21")), alarm !== null && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item4 ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-name"
+  }, "\u8FD0\u884C\u6307\u6807\u62A5\u8B66"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-situation-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, alarm || 0), "\u6B21")));
+}
+//# sourceMappingURL=Situation.js.map

package/lib/vtx-df-modal/components/BaseInfo/Situation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Situation.js","names":["Situation","code","alarm","useSettings","theme","nowDate","moment","format","BaseService","useSituation","situationRes","React","createElement","className","dailyInWeight","dailyCarNum","carInAlarmCount"],"sources":["vtx-df-modal/components/BaseInfo/Situation.js"],"sourcesContent":["/**\n * 实时运行情况\n */\nimport React from 'react';\nimport moment from 'moment';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nexport default function Situation({ code, alarm }) {\n    const { theme } = useSettings();\n    const nowDate = moment().format('YYYY-MM-DD');\n    const { situationRes } = BaseService.useSituation(code, nowDate, nowDate);\n    return (React.createElement(\"div\", { className: `df-situation ${theme}` },\n        React.createElement(\"div\", { className: `df-situation-item1 ${theme}` },\n            React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8FDB\\u573A\\u91CF\"),\n            React.createElement(\"div\", { className: \"df-situation-item-value\" },\n                React.createElement(\"span\", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0),\n                \"\\u5428\")),\n        React.createElement(\"div\", { className: `df-situation-item2 ${theme}` },\n            React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8FDB\\u573A\\u8F66\\u6B21\"),\n            React.createElement(\"div\", { className: \"df-situation-item-value\" },\n                React.createElement(\"span\", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyCarNum) || 0),\n                \"\\u6B21\")),\n        React.createElement(\"div\", { className: `df-situation-item3 ${theme}` },\n            React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8F66\\u8F86\\u8FDB\\u573A\\u62A5\\u8B66\"),\n            React.createElement(\"div\", { className: \"df-situation-item-value\" },\n                React.createElement(\"span\", null, (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carInAlarmCount) || 0),\n                \"\\u6B21\")),\n        alarm !== null && (React.createElement(\"div\", { className: `df-situation-item4 ${theme}` },\n            React.createElement(\"div\", { className: \"df-situation-item-name\" }, \"\\u8FD0\\u884C\\u6307\\u6807\\u62A5\\u8B66\"),\n            React.createElement(\"div\", { className: \"df-situation-item-value\" },\n                React.createElement(\"span\", null, alarm || 0),\n                \"\\u6B21\")))));\n}\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AAAwC;AANxC;AACA;AACA;;AAKe,SAASA,SAAS,OAAkB;EAAA,IAAfC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;EAC3C,mBAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,IAAMC,OAAO,GAAG,IAAAC,kBAAM,GAAE,CAACC,MAAM,CAAC,YAAY,CAAC;EAC7C,4BAAyBC,gBAAW,CAACC,YAAY,CAACR,IAAI,EAAEI,OAAO,EAAEA,OAAO,CAAC;IAAjEK,YAAY,yBAAZA,YAAY;EACpB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,yBAAkBT,KAAK;EAAG,CAAC,eACrEO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAwBT,KAAK;EAAG,CAAC,eACnEO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,EAAE,oBAAoB,CAAC,eACzFF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,CAACF,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACI,aAAa,KAAK,CAAC,CAAC,EAChI,QAAQ,CAAC,CAAC,eAClBH,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAwBT,KAAK;EAAG,CAAC,eACnEO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,EAAE,0BAA0B,CAAC,eAC/FF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,CAACF,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACK,WAAW,KAAK,CAAC,CAAC,EAC9H,QAAQ,CAAC,CAAC,eAClBJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAwBT,KAAK;EAAG,CAAC,eACnEO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,EAAE,sCAAsC,CAAC,eAC3GF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,CAACF,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACM,eAAe,KAAK,CAAC,CAAC,EAClI,QAAQ,CAAC,CAAC,EAClBd,KAAK,KAAK,IAAI,iBAAKS,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAwBT,KAAK;EAAG,CAAC,eACtFO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAyB,CAAC,EAAE,sCAAsC,CAAC,eAC3GF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA0B,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEV,KAAK,IAAI,CAAC,CAAC,EAC7C,QAAQ,CAAC,CAAE,CAAC;AAC5B"}