coolcare-lite-scada-component 1.0.62 → 1.0.64

package/es/components/DialogHistory/index.js

@@ -17,7 +17,7 @@ import { useCallback, useEffect, useState, useRef } from 'react';
 import { Modal, Form, message, InputNumber, DatePicker, Empty, Typography, Button, Space, Tag } from 'antd';
 import moment from 'moment';
 import { useDebounceFn } from 'ahooks';
-import { GetPointHistoryData } from "../../services/gateway/Point";
+import { GetPointHistoryData, GetTdIndicatorHistoryData } from "../../services/gateway/Point";
 import Echarts from "../ECharts";
 // @ts-ignore
 
@@ -39,6 +39,7 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
   var _ref$isSinglePoint = _ref.isSinglePoint,
     isSinglePoint = _ref$isSinglePoint === void 0 ? true : _ref$isSinglePoint,
     pointIdListProp = _ref.pointIdListProp,
+    indicatorNoList = _ref.indicatorNoList,
     dateRangeProp = _ref.dateRangeProp,
     intervalProp = _ref.intervalProp,
     visible = _ref.visible,
@@ -89,6 +90,10 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
     _useState16 = _slicedToArray(_useState15, 2),
     dataZoomData = _useState16[0],
     setDataZoomData = _useState16[1];
+  var _useState17 = useState('point'),
+    _useState18 = _slicedToArray(_useState17, 2),
+    valueType = _useState18[0],
+    setValueType = _useState18[1];
   var closeModal = function closeModal() {
     form.resetFields();
     setLoading(false);
@@ -101,12 +106,12 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
 
   /** 获取点位历史数据 */
   var fetchPointHistory = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(idList, ranges, interval) {
-      var diff, res, data, series, yAxisData;
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(idList, indicatorNo, ranges, interval) {
+      var diff, fun, res, data, series, yAxisData;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (idList === null || idList === void 0 ? void 0 : idList.length) {
+            if (!(!(idList === null || idList === void 0 ? void 0 : idList.length) && !(indicatorNo === null || indicatorNo === void 0 ? void 0 : indicatorNo.length))) {
               _context.next = 2;
               break;
             }
@@ -119,35 +124,41 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
             message.info('请选择时间范围');
             return _context.abrupt("return");
           case 5:
+            if (!idList.length) {
+              _context.next = 9;
+              break;
+            }
             if (!(typeof interval !== 'number' || interval < 0)) {
-              _context.next = 8;
+              _context.next = 9;
               break;
             }
             message.info('请正确输入时间间隔');
             return _context.abrupt("return");
-          case 8:
-            _context.prev = 8;
+          case 9:
+            _context.prev = 9;
             diff = moment(ranges[1]).valueOf() - moment(ranges[0]).valueOf();
             if (!(diff > oneYearTime)) {
-              _context.next = 13;
+              _context.next = 14;
               break;
             }
             message.error('历史数据最大查询范围是一年');
             return _context.abrupt("return");
-          case 13:
+          case 14:
             // 获取点位数据
             setLoading(true);
             setTagList([]);
-            _context.next = 17;
-            return GetPointHistoryData({
+            fun = indicatorNo.length ? GetTdIndicatorHistoryData : GetPointHistoryData;
+            _context.next = 19;
+            return fun({
               timeQuantum: {
                 startDate: moment(ranges[0]).format('YYYY-MM-DD HH:mm'),
                 endDate: moment(ranges[1]).format('YYYY-MM-DD HH:mm')
               },
+              indicatorNoList: indicatorNo,
               pointIdList: idList,
               interval: interval
             });
-          case 17:
+          case 19:
             res = _context.sent;
             if (res.success) {
               data = res.data;
@@ -160,18 +171,18 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
                 yAxisData = [];
                 setDeviceId(data[0].deviceId);
                 if (data.every(function (v) {
-                  var _v$pointDataList;
-                  return ((_v$pointDataList = v.pointDataList) === null || _v$pointDataList === void 0 ? void 0 : _v$pointDataList.length) === 0 || !v.pointDataList;
+                  var _ref3;
+                  return ((_ref3 = v.pointDataList || v.indicatorDataList) === null || _ref3 === void 0 ? void 0 : _ref3.length) === 0 || !v.pointDataList && !v.indicatorDataList;
                 })) {
                   setIsNoData(true);
                 } else {
                   setIsNoData(false);
                 }
                 data.forEach(function (item) {
-                  var _item$pointDataList;
+                  var _ref4;
                   setTagList(function (old) {
                     return [].concat(_toConsumableArray(old), [{
-                      name: "".concat(item.deviceName, "-").concat(item.pointName),
+                      name: "".concat(item.deviceName, "-").concat(item.pointName || item.indicatorName),
                       key: item.pointId
                     }]);
                   });
@@ -236,7 +247,7 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
                   // 配置曲线数据
                   series.push({
                     animation: false,
-                    name: "".concat(item.deviceName, "-").concat(item.pointName),
+                    name: "".concat(item.deviceName, "-").concat(item.pointName || item.indicatorName),
                     type: interval == 0 ? 'scatter' : 'line',
                     unit: item.unit,
                     yAxisIndex: yAxisData.findIndex(function (yAxis) {
@@ -245,7 +256,7 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
                     smooth: false,
                     showAllSymbol: true,
                     symbolSize: 1.5,
-                    data: (_item$pointDataList = item.pointDataList) === null || _item$pointDataList === void 0 ? void 0 : _item$pointDataList.map(function (dataItem) {
+                    data: (_ref4 = item.pointDataList || item.indicatorDataList) === null || _ref4 === void 0 ? void 0 : _ref4.map(function (dataItem) {
                       return [new Date(dataItem.ts).getTime(), dataItem.val];
                     }),
                     markPoint: {
@@ -318,25 +329,25 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
               setIsNoData(true);
               message.error(res.message);
             }
-            _context.next = 26;
+            _context.next = 28;
             break;
-          case 21:
-            _context.prev = 21;
-            _context.t0 = _context["catch"](8);
+          case 23:
+            _context.prev = 23;
+            _context.t0 = _context["catch"](9);
             console.error(_context.t0);
             setIsNoData(true);
             setChartOptions(undefined);
-          case 26:
-            _context.prev = 26;
+          case 28:
+            _context.prev = 28;
             setLoading(false);
-            return _context.finish(26);
-          case 29:
+            return _context.finish(28);
+          case 31:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[8, 21, 26, 29]]);
+      }, _callee, null, [[9, 23, 28, 31]]);
     }));
-    return function (_x, _x2, _x3) {
+    return function (_x, _x2, _x3, _x4) {
       return _ref2.apply(this, arguments);
     };
   }(), []);
@@ -345,7 +356,7 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
     }),
     fetchPointHistoryDebounce = _useDebounceFn.run;
   var handleSubmit = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var _yield$form$validateF, dateRange, interval;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -356,37 +367,46 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
             _yield$form$validateF = _context2.sent;
             dateRange = _yield$form$validateF.dateRange;
             interval = _yield$form$validateF.interval;
-            fetchPointHistoryDebounce(pointIdList, dateRange, interval);
-          case 6:
+            setValueType(indicatorNoList.length ? 'indicator' : 'point');
+            fetchPointHistoryDebounce(indicatorNoList.length ? [] : pointIdList, indicatorNoList.length ? pointIdList : [], dateRange, interval);
+          case 7:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
     return function handleSubmit() {
-      return _ref3.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   useEffect(function () {
     var _form$getFieldsValue = form.getFieldsValue(),
       dateRange = _form$getFieldsValue.dateRange,
       interval = _form$getFieldsValue.interval;
-    fetchPointHistoryDebounce(pointIdList, dateRange, interval);
+    setValueType(indicatorNoList.length ? 'indicator' : 'point');
+    fetchPointHistoryDebounce(indicatorNoList.length ? [] : pointIdList, indicatorNoList.length ? pointIdList : [], dateRange, interval);
   }, [pointIdList]);
 
   /** 打开弹框，初始化数据，获取曲线图形 */
   useEffect(function () {
-    if (visible && (pointIdListProp === null || pointIdListProp === void 0 ? void 0 : pointIdListProp.length)) {
+    if (visible) {
       var ranges = dateRangeProp || [moment(moment().subtract(1, 'days').format('YYYY-MM-DD 00:00')), moment(moment().format('YYYY-MM-DD 23:59'))];
       var interval = typeof intervalProp === 'number' && intervalProp ? intervalProp : defaultInterval;
       form.setFieldsValue({
         dateRange: ranges,
         interval: interval
       });
-      setPointIdList(pointIdListProp);
-      fetchPointHistoryDebounce(pointIdListProp, ranges, interval);
+      if (pointIdListProp === null || pointIdListProp === void 0 ? void 0 : pointIdListProp.length) {
+        setPointIdList(pointIdListProp);
+        setValueType('point');
+        fetchPointHistoryDebounce(pointIdListProp, [], ranges, interval);
+      } else if (indicatorNoList === null || indicatorNoList === void 0 ? void 0 : indicatorNoList.length) {
+        setPointIdList(indicatorNoList);
+        setValueType('indicator');
+        fetchPointHistoryDebounce([], indicatorNoList, ranges, interval);
+      }
     }
-  }, [visible, form, pointIdListProp, dateRangeProp, intervalProp]);
+  }, [visible, form, pointIdListProp, dateRangeProp, intervalProp, indicatorNoList]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
     title: "\u5386\u53F2\u6570\u636E\u66F2\u7EBF",
     open: visible,
@@ -432,9 +452,9 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
     },
     format: "YYYY-MM-DD HH:mm",
     getPopupContainer: function getPopupContainer() {
-      return document.querySelector(".temperatureDateRange") || document.body;
+      return document.querySelector('.temperatureDateRange') || document.body;
     }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
+  })), indicatorNoList.length ? null : /*#__PURE__*/React.createElement(Form.Item, {
     name: "interval",
     label: "\u95F4\u9694\uFF08\u5206\u949F\uFF09",
     rules: [{
@@ -612,6 +632,8 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
       });
     },
     currentDeviceId: deviceId,
+    key: valueType,
+    valueType: valueType,
     companyId: companyId,
     projectId: projectId,
     onCancel: function onCancel() {

package/es/components/FormBindPoint/FreedomScene.js

@@ -25,6 +25,7 @@ import DeviceSelect from "../DeviceSelect";
 import PointSelect from "../PointSelect";
 import { GetDataConfigure } from "../../services/energy";
 import { useQuery } from "../../hooks";
+import IndicatorSelect from "../PointSelect/IndicatorSelect";
 var Text = Typography.Text,
   Link = Typography.Link;
 var FormItem = Form.Item;
@@ -83,7 +84,8 @@ var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
             deviceId: undefined,
             deviceType: 'device',
             pointId: undefined,
-            identifierName: ''
+            identifierName: '',
+            valueType: 'point'
           }],
           unitShow: true
         });
@@ -115,6 +117,8 @@ var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
     var unitShow = form.getFieldValue('unitShow');
     pointList[index].identifierName = undefined;
     pointList[index].pointId = undefined;
+    pointList[index].pointId = undefined;
+    pointList[index].valueType = 'point';
     form.setFieldsValue({
       pointList: pointList,
       unitShow: unitShow
@@ -125,7 +129,7 @@ var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
       unitShow = _ref2.unitShow;
     if (!activeCell) return;
     var list = pointList.filter(function (v) {
-      return v.identifierName || v.meterId;
+      return v.identifierName || v.meterId || v.indicatorNo;
     });
     var payload = activeCell.getData();
     activeCell.setData({
@@ -137,7 +141,9 @@ var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
           deviceType: v.deviceType,
           pointId: v.pointId,
           dataType: v.dataType,
-          meterId: v.meterId
+          meterId: v.meterId,
+          valueType: v.indicatorNo ? 'indicator' : 'point',
+          indicatorNo: v.indicatorNo
         });
       }),
       unitShow: unitShow
@@ -186,7 +192,7 @@ var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
           return remove(name);
         }
       }, /*#__PURE__*/React.createElement(DeleteOutlined, null)))), /*#__PURE__*/React.createElement(Form.Item, _extends({}, restField, {
-        label: "\u7C7B\u578B\xA0",
+        label: "\u8868\u7C7B\u578B",
         name: [name, 'deviceType'],
         className: "!ml-3"
       }), /*#__PURE__*/React.createElement(Select, {
@@ -207,7 +213,8 @@ var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
             identifierName: undefined,
             pointId: undefined,
             dataType: undefined,
-            meterId: undefined
+            meterId: undefined,
+            indicatorNo: undefined
           });
           form.setFieldsValue({
             pointList: pointList
@@ -223,9 +230,48 @@ var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
       }), /*#__PURE__*/React.createElement(DeviceSelect, {
         onChange: function onChange(_ref5) {
           var deviceId = _ref5.deviceId;
-          return handleDeviceChange(deviceId, index);
+          handleDeviceChange(deviceId, index);
+          // 清空关联的指标值
+          var pointList = form.getFieldValue('pointList');
+          pointList[index] = _objectSpread(_objectSpread({}, pointList[index]), {}, {
+            deviceId: deviceId,
+            indicatorNo: undefined,
+            // 清空指标值
+            valueType: 'point'
+          });
+          form.setFieldsValue({
+            pointList: pointList
+          });
         }
       })), /*#__PURE__*/React.createElement(Form.Item, _extends({}, restField, {
+        label: "\u503C\u7C7B\u578B",
+        name: [name, 'valueType'],
+        className: "!ml-3"
+      }), /*#__PURE__*/React.createElement(Select, {
+        defaultValue: "point",
+        options: [{
+          label: '点位',
+          value: 'point'
+        }, {
+          label: '指标',
+          value: 'indicator'
+        }],
+        onChange: function onChange(value) {
+          var pointList = form.getFieldValue('pointList');
+          // 清空相关字段
+          pointList[name] = _objectSpread(_objectSpread({}, pointList[name]), {}, {
+            valueType: value,
+            identifierName: undefined,
+            pointId: undefined,
+            dataType: undefined,
+            meterId: undefined,
+            indicatorNo: undefined
+          });
+          form.setFieldsValue({
+            pointList: pointList
+          });
+        }
+      })), form.getFieldValue(['pointList', name, 'valueType']) == 'point' ? /*#__PURE__*/React.createElement(Form.Item, _extends({}, restField, {
         label: "\u70B9\u4F4D\xA0",
         name: [name, 'identifierName'],
         className: "!ml-3",
@@ -240,6 +286,20 @@ var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
       }), /*#__PURE__*/React.createElement(PointSelect, {
         deviceId: form.getFieldValue(['pointList', name, 'deviceId']),
         disabledUnWriteable: payload === null || payload === void 0 ? void 0 : payload.pointSelect_disabledUnWriteable
+      })) : /*#__PURE__*/React.createElement(Form.Item, _extends({}, restField, {
+        label: "\u6307\u6807\xA0",
+        name: [name, 'indicatorNo'],
+        className: "!ml-3",
+        normalize: function normalize(pointInfo) {
+          var pointList = form.getFieldValue('pointList');
+          pointList[index].indicatorNo = pointInfo.indicatorNo;
+          form.setFieldsValue({
+            pointList: pointList
+          });
+          return pointInfo.indicatorNo;
+        }
+      }), /*#__PURE__*/React.createElement(IndicatorSelect, {
+        deviceId: form.getFieldValue(['pointList', name, 'deviceId'])
       })), /*#__PURE__*/React.createElement(Form.Item, _extends({
         hidden: true
       }, restField, {

package/es/components/ModalChoosePoint/index.js

@@ -12,7 +12,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React from "react";
 import { useCallback, useEffect, useState } from 'react';
 import { Modal, Button, Form, Space, message, Select } from 'antd';
-import { GetDevicePage, GetDevicePoint } from "../../services/gateway/Device";
+import { GetDeviceIndicator, GetDevicePage, GetDevicePoint } from "../../services/gateway/Device";
 var Option = Select.Option;
 var tailLayout = {
   wrapperCol: {
@@ -26,7 +26,8 @@ var ModalChoosePoint = function ModalChoosePoint(_ref) {
     onCancel = _ref.onCancel,
     companyId = _ref.companyId,
     projectId = _ref.projectId,
-    currentDeviceId = _ref.currentDeviceId;
+    currentDeviceId = _ref.currentDeviceId,
+    valueType = _ref.valueType;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -47,34 +48,56 @@ var ModalChoosePoint = function ModalChoosePoint(_ref) {
   /** 获取产品最新发布版本点位列表 */
   var fetchPointList = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(val) {
-      var res;
+      var res, _yield$GetDeviceIndic, success, data, _message;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
-            _context.next = 3;
+            if (!(valueType == 'point')) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 4;
             return GetDevicePoint({
               deviceIdList: [val]
             });
-          case 3:
+          case 4:
             res = _context.sent;
             if (res.success) {
               setPointList(res.data || []);
             } else {
               message.error(res.message);
             }
-            _context.next = 11;
+            _context.next = 15;
+            break;
+          case 8:
+            _context.next = 10;
+            return GetDeviceIndicator({
+              deviceIdList: [val]
+            });
+          case 10:
+            _yield$GetDeviceIndic = _context.sent;
+            success = _yield$GetDeviceIndic.success;
+            data = _yield$GetDeviceIndic.data;
+            _message = _yield$GetDeviceIndic.message;
+            if (success) {
+              setPointList(data || []);
+            } else {
+              _message.error(_message);
+            }
+          case 15:
+            _context.next = 21;
             break;
-          case 7:
-            _context.prev = 7;
+          case 17:
+            _context.prev = 17;
             _context.t0 = _context["catch"](0);
             console.error(_context.t0);
             message.error('获取属性列表失败');
-          case 11:
+          case 21:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 7]]);
+      }, _callee, null, [[0, 17]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -91,7 +114,7 @@ var ModalChoosePoint = function ModalChoosePoint(_ref) {
           _context2.next = 3;
           return GetDevicePage({
             companyId: companyId,
-            projectIdList: projectId ? [projectId] : undefined
+            projectIdList: isNaN(projectId) ? undefined : [projectId]
           });
         case 3:
           res = _context2.sent;
@@ -148,7 +171,7 @@ var ModalChoosePoint = function ModalChoosePoint(_ref) {
     }
   }, [currentDeviceId]);
   return /*#__PURE__*/React.createElement(Modal, {
-    title: '选择属性',
+    title: "\u9009\u62E9".concat(valueType == 'point' ? '点位' : '指标'),
     closable: false,
     width: 300,
     maskClosable: true,
@@ -186,7 +209,7 @@ var ModalChoosePoint = function ModalChoosePoint(_ref) {
       });
     },
     getPopupContainer: function getPopupContainer() {
-      return document.querySelector(".temperatureDeviceSelect") || document.body;
+      return document.querySelector('.temperatureDeviceSelect') || document.body;
     }
   }, deviceList.map(function (item) {
     return /*#__PURE__*/React.createElement(Option, {
@@ -215,14 +238,14 @@ var ModalChoosePoint = function ModalChoosePoint(_ref) {
       placeholder: "\u8BF7\u9009\u62E9",
       disabled: !getFieldValue('deviceId'),
       getPopupContainer: function getPopupContainer() {
-        return document.querySelector(".temperaturePointSelect") || document.body;
+        return document.querySelector('.temperaturePointSelect') || document.body;
       }
     }, pointList.map(function (item) {
       return /*#__PURE__*/React.createElement(Option, {
-        value: item.pointId,
-        label: item.pointName,
-        key: item.pointId
-      }, item.pointName);
+        value: item.pointId || item.indicatorNo,
+        label: item.pointName || item.indicatorName,
+        key: item.pointId || item.indicatorNo
+      }, item.pointName || item.indicatorName);
     })));
   }), /*#__PURE__*/React.createElement(Form.Item, _extends({}, tailLayout, {
     noStyle: true,

package/es/components/PointSelect/DeviceIndicatorTable.js

@@ -0,0 +1,111 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React from "react";
+import { Table, Input, Space } from 'antd';
+import { useState, useMemo } from 'react';
+import { CloseOutlined } from '@ant-design/icons';
+import styles from "./index.css";
+var Search = Input.Search;
+var ProductIndicatorTypeEnum = ['能耗', '温度', '库门', '制冷', '化霜', '过热度', '膨胀阀', '压缩机', '自定义', '单位库容能耗', '用水量', '用气量'];
+var columns = [{
+  title: '指标名称',
+  dataIndex: 'indicatorName',
+  key: 'indicatorName'
+}, {
+  title: '最近值',
+  dataIndex: 'value',
+  key: 'value',
+  width: 70,
+  render: function render(value, record, index) {
+    return record.indicatorData ? record.indicatorData.val : 0;
+  }
+}, {
+  title: '数据更新时间',
+  dataIndex: 'updateTime',
+  key: 'updateTime',
+  width: 150,
+  render: function render(value, record, index) {
+    return record.indicatorData ? record.indicatorData.ts : '--/--';
+  }
+}, {
+  title: '指标类型',
+  dataIndex: 'indicatorType',
+  render: function render(value, record, index) {
+    return ProductIndicatorTypeEnum[value];
+  }
+}];
+var DeviceIndicatorTable = function DeviceIndicatorTable(_ref) {
+  var _onChange = _ref.onChange,
+    onClose = _ref.onClose,
+    data = _ref.data,
+    indicatorId = _ref.indicatorId,
+    loading = _ref.loading;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterText = _useState2[0],
+    setFilterText = _useState2[1];
+  var onSearch = function onSearch(value) {
+    setFilterText(value);
+  };
+  var tableData = useMemo(function () {
+    if (!data) {
+      return [];
+    }
+    return data.filter(function (v) {
+      var _v$indicatorName, _v$indicatorIdentifie;
+      return !filterText || ((_v$indicatorName = v.indicatorName) === null || _v$indicatorName === void 0 ? void 0 : _v$indicatorName.toLocaleLowerCase().includes(filterText.toLocaleLowerCase())) || ((_v$indicatorIdentifie = v.indicatorIdentifier) === null || _v$indicatorIdentifie === void 0 ? void 0 : _v$indicatorIdentifie.toLocaleLowerCase().includes(filterText.toLocaleLowerCase()));
+    });
+  }, [data, filterText]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "mb-4 flex justify-between items-center"
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Search, {
+    size: "small",
+    placeholder: "\u641C\u7D22\u6307\u6807\u540D\u79F0\u6216\u6807\u8BC6\u7B26",
+    allowClear: true,
+    onSearch: onSearch,
+    style: {
+      width: 210
+    }
+  })), /*#__PURE__*/React.createElement(CloseOutlined, {
+    onClick: onClose,
+    className: "cursor-pointer"
+  })), /*#__PURE__*/React.createElement(Table, {
+    columns: columns,
+    dataSource: tableData,
+    size: "small",
+    rowKey: "indicatorIdentifier",
+    loading: loading,
+    rowClassName: styles.row,
+    onRow: function onRow(record) {
+      return {
+        onClick: function onClick() {
+          _onChange(record);
+        }
+      };
+    },
+    pagination: false,
+    scroll: {
+      y: 340
+    },
+    rowSelection: {
+      type: 'radio',
+      getCheckboxProps: function getCheckboxProps(record) {
+        return {
+          name: "".concat(record.indicatorId),
+          disabled: false
+        };
+      },
+      selectedRowKeys: indicatorId ? [indicatorId] : [],
+      onChange: function onChange(selectedRowKeys, _ref2) {
+        var _ref3 = _slicedToArray(_ref2, 1),
+          selectedRow = _ref3[0];
+        _onChange(selectedRow);
+      }
+    }
+  }));
+};
+export default DeviceIndicatorTable;