coolcare-lite-scada-component 1.0.0

package/es/element/ElePointValue/PropsSet/index.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { Collapse } from 'antd';
+import { CaretRightOutlined } from '@ant-design/icons';
+import FormBindPoint from "../../../components/FormBindPoint";
+import { useForceUpdate } from "../../../hooks";
+import GlobalPropsSet from "./GlobalPropSet";
+import TitlePropsSet from "./TitlePropsSet";
+import UnitPropsSet from "./UnitPropsSet";
+import ValuePropsSet from "./ValuePropsSet";
+var Panel = Collapse.Panel;
+var PropsSet = function PropsSet() {
+  var forceUpdate = useForceUpdate();
+  return /*#__PURE__*/React.createElement(Collapse, {
+    defaultActiveKey: ['1', '2'],
+    ghost: true,
+    expandIcon: function expandIcon(_ref) {
+      var isActive = _ref.isActive;
+      return /*#__PURE__*/React.createElement(CaretRightOutlined, {
+        rotate: isActive ? 90 : 0
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Panel, {
+    header: "\u7ED1\u5B9A\u70B9\u4F4D",
+    key: "1"
+  }, /*#__PURE__*/React.createElement(FormBindPoint, {
+    onChange: forceUpdate
+  })), /*#__PURE__*/React.createElement(Panel, {
+    header: "\u5168\u5C40",
+    key: "2"
+  }, /*#__PURE__*/React.createElement(GlobalPropsSet, null)), /*#__PURE__*/React.createElement(Panel, {
+    header: "\u70B9\u4F4D\u72B6\u6001",
+    key: "3"
+  }, /*#__PURE__*/React.createElement(ValuePropsSet, null)), /*#__PURE__*/React.createElement(Panel, {
+    header: "\u6807\u9898",
+    key: "4"
+  }, /*#__PURE__*/React.createElement(TitlePropsSet, null)), /*#__PURE__*/React.createElement(Panel, {
+    header: "\u540E\u7F00",
+    key: "5"
+  }, /*#__PURE__*/React.createElement(UnitPropsSet, null)));
+};
+export default PropsSet;

package/es/element/ElePointValue/index.css

@@ -0,0 +1,30 @@
+.wrap {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100%;
+  height: 100%;
+  padding: 3px 6px;
+  user-select: none;
+}
+.label {
+  margin-right: 4px;
+  white-space: nowrap;
+}
+.value {
+  white-space: nowrap;
+  cursor: pointer;
+}
+.unit {
+  margin-left: 4px;
+  font-size: 0.5em;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+.flex-row {
+  flex-direction: row;
+}

package/es/element/ElePointValue/index.js

@@ -0,0 +1,63 @@
+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); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from "react";
+import { Graph } from '@antv/x6';
+import ElePointValueComponent from "./Component";
+import { ReactShapeBase } from "../reactShapeBase";
+export var shapeName = 'ele-point-value';
+var ElePointValue = /*#__PURE__*/function (_ReactShapeBase) {
+  _inherits(ElePointValue, _ReactShapeBase);
+  var _super = _createSuper(ElePointValue);
+  function ElePointValue() {
+    var _this;
+    _classCallCheck(this, ElePointValue);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.shapeName = shapeName;
+    return _this;
+  }
+  return _createClass(ElePointValue);
+}(ReactShapeBase);
+ElePointValue.shapeName = shapeName;
+/** 注册的 react 组件名称 */
+var registerComponentName = "".concat(ElePointValue.shapeName, "-component");
+export var defaultConfig = {
+  shape: ElePointValue.shapeName,
+  width: 60,
+  height: 28,
+  data: {
+    pointList: [],
+    pointListLimit: 1,
+    label: {
+      text: ''
+    },
+    unit: {
+      isShow: true
+    },
+    value: {},
+    events: [{
+      type: 'click',
+      action: 'show-point-history'
+    }]
+  },
+  component: registerComponentName
+};
+ElePointValue.config(defaultConfig);
+
+// 注册 react 组件
+Graph.registerReactComponent(registerComponentName, /*#__PURE__*/React.createElement(ElePointValueComponent, null));
+export { ElePointValueComponent };
+export default ElePointValue;

package/es/element/EleShine/Component.js

@@ -0,0 +1,61 @@
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from "react";
+import { memo } from 'react';
+import { Tooltip } from 'antd';
+import { getValueByExpression } from "../utils";
+import { reactShapeNodeAreEqual } from "../utils";
+import { usePointWatch, useEleEventHandle } from "../../hooks";
+import ExpressionFormat from "../../components/ExpressionFormat";
+import styles from "./index.css";
+var EleShineComponent = function EleShineComponent(_ref) {
+  var _payload$pointList, _payload$mittMeta$nam, _payload$mittMeta, _payload$mittMeta2;
+  var node = _ref.node;
+  var payload = node === null || node === void 0 ? void 0 : node.getData();
+  var configPoint = payload === null || payload === void 0 ? void 0 : (_payload$pointList = payload.pointList) === null || _payload$pointList === void 0 ? void 0 : _payload$pointList[0];
+  var eventHandles = useEleEventHandle({
+    events: payload === null || payload === void 0 ? void 0 : payload.events,
+    payload: {
+      points: [{
+        identifierName: configPoint === null || configPoint === void 0 ? void 0 : configPoint.identifierName,
+        deviceId: configPoint && 'deviceId' in configPoint ? configPoint.deviceId : undefined
+      }],
+      namespace: (_payload$mittMeta$nam = payload === null || payload === void 0 ? void 0 : (_payload$mittMeta = payload.mittMeta) === null || _payload$mittMeta === void 0 ? void 0 : _payload$mittMeta.namespace) !== null && _payload$mittMeta$nam !== void 0 ? _payload$mittMeta$nam : 0
+    }
+  });
+  var pointData = usePointWatch(configPoint, payload === null || payload === void 0 ? void 0 : (_payload$mittMeta2 = payload.mittMeta) === null || _payload$mittMeta2 === void 0 ? void 0 : _payload$mittMeta2.namespace);
+  var tooltipTitle = null;
+  if (!configPoint) {
+    tooltipTitle = '未绑定点位';
+  } else {
+    var _pointData$value, _pointData$unit;
+    tooltipTitle = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u70B9\u4F4D\u540D\u79F0\uFF1A", (pointData === null || pointData === void 0 ? void 0 : pointData.pointName) || '-'), /*#__PURE__*/React.createElement("div", null, "\u70B9\u4F4D\u503C\uFF1A", (_pointData$value = pointData === null || pointData === void 0 ? void 0 : pointData.value) !== null && _pointData$value !== void 0 ? _pointData$value : '-', " ", (_pointData$unit = pointData === null || pointData === void 0 ? void 0 : pointData.unit) !== null && _pointData$unit !== void 0 ? _pointData$unit : '-'), /*#__PURE__*/React.createElement("div", null, "\u66F4\u65B0\u65F6\u95F4\uFF1A", (pointData === null || pointData === void 0 ? void 0 : pointData.updateTime) || '-'), /*#__PURE__*/React.createElement(ExpressionFormat, {
+      bodyStyle: {
+        color: '#ff4d4f'
+      },
+      expressions: (payload === null || payload === void 0 ? void 0 : payload.shineExpressions) || [],
+      valueType: "text"
+    }));
+  }
+
+  /** 是否告警 */
+  var shineExpressionsValue = getValueByExpression(pointData === null || pointData === void 0 ? void 0 : pointData.value, payload === null || payload === void 0 ? void 0 : payload.shineExpressions);
+  if (window.scadaMode === 'edit') {
+    shineExpressionsValue = '告警';
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: tooltipTitle
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: eventHandles.onClick,
+    onContextMenu: eventHandles.onContextMenu,
+    onMouseEnter: eventHandles.onMouseEnter,
+    onMouseLeave: eventHandles.onMouseLeave,
+    style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.fontStyles), payload === null || payload === void 0 ? void 0 : payload.borderStyles), payload === null || payload === void 0 ? void 0 : payload.fillStyles), payload === null || payload === void 0 ? void 0 : payload.margin_padding),
+    className: "".concat(styles.wrap, " ").concat(shineExpressionsValue === '告警' ? styles.shine : '')
+  }));
+};
+export default /*#__PURE__*/memo(EleShineComponent, reactShapeNodeAreEqual);

package/es/element/EleShine/PropsSet/OtherPropsSet/index.js

@@ -0,0 +1,63 @@
+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; }
+import React from "react";
+import { Form } from 'antd';
+import { useState } from 'react';
+import { useModel } from 'umi';
+import DialogExpression from "../../../../components/DialogExpression";
+import ExpressionFormat from "../../../../components/ExpressionFormat";
+import NeedBindPointHint from "../../../../components/NeedBindPointHint";
+import TranslateButton from "../../../../components/TranslateButton";
+var ColorDataSet = function ColorDataSet() {
+  var _payload$pointList;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visibleDialogExpression = _useState2[0],
+    setVisibleDialogExpression = _useState2[1];
+  var _useModel = useModel('useEditor', function (model) {
+      return {
+        activeNode: model.activeNode
+      };
+    }),
+    activeNode = _useModel.activeNode;
+  var payload = activeNode === null || activeNode === void 0 ? void 0 : activeNode.getData();
+  var bindPoint = (_payload$pointList = payload.pointList) === null || _payload$pointList === void 0 ? void 0 : _payload$pointList[0];
+  var handleExpressionChange = function handleExpressionChange(expressions) {
+    activeNode === null || activeNode === void 0 ? void 0 : activeNode.setData({
+      shineExpressions: expressions
+    }, {
+      deep: false
+    });
+  };
+  if (!bindPoint) {
+    return /*#__PURE__*/React.createElement(NeedBindPointHint, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form, {
+    size: "small",
+    labelCol: {
+      span: 7
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u662F\u5426\u544A\u8B66"
+  }, /*#__PURE__*/React.createElement(TranslateButton, {
+    onClick: function onClick() {
+      return setVisibleDialogExpression(true);
+    }
+  }), /*#__PURE__*/React.createElement(ExpressionFormat, {
+    expressions: payload.shineExpressions || [],
+    valueType: "text"
+  }))), /*#__PURE__*/React.createElement(DialogExpression, {
+    valueType: "text",
+    visible: visibleDialogExpression,
+    expressions: (payload === null || payload === void 0 ? void 0 : payload.shineExpressions) || [],
+    onCancel: function onCancel() {
+      setVisibleDialogExpression(false);
+    },
+    onChange: handleExpressionChange
+  }));
+};
+export default ColorDataSet;

package/es/element/EleShine/PropsSet/index.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Collapse } from 'antd';
+import { CaretRightOutlined } from '@ant-design/icons';
+import FormBindPoint from "../../../components/FormBindPoint";
+import OtherPropsSet from "./OtherPropsSet";
+import { useForceUpdate } from "../../../hooks";
+var Panel = Collapse.Panel;
+var PropsSet = function PropsSet() {
+  var forceUpdate = useForceUpdate();
+  return /*#__PURE__*/React.createElement(Collapse, {
+    defaultActiveKey: ['1', '2'],
+    ghost: true,
+    expandIcon: function expandIcon(_ref) {
+      var isActive = _ref.isActive;
+      return /*#__PURE__*/React.createElement(CaretRightOutlined, {
+        rotate: isActive ? 90 : 0
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Panel, {
+    header: "\u7ED1\u5B9A\u70B9\u4F4D",
+    key: "1"
+  }, /*#__PURE__*/React.createElement(FormBindPoint, {
+    onChange: forceUpdate
+  })), /*#__PURE__*/React.createElement(Panel, {
+    header: "\u5176\u4ED6",
+    key: "2"
+  }, /*#__PURE__*/React.createElement(OtherPropsSet, null)));
+};
+export default PropsSet;

package/es/element/EleShine/index.css

@@ -0,0 +1,15 @@
+@keyframes shine {
+  0% {
+    box-shadow: 0 0 0 0 hsla(0, 92%, 48%, 0.5);
+  }
+  100% {
+    box-shadow: 0 0 0 10px hsla(0, 7%, 53%, 0);
+  }
+}
+.shine {
+  animation: shine 1.4s linear infinite;
+}
+.wrap {
+  width: 100%;
+  height: 100%;
+}

package/es/element/EleShine/index.js

@@ -0,0 +1,70 @@
+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); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from "react";
+import { Graph } from '@antv/x6';
+import EleShineComponent from "./Component";
+import { ReactShapeBase } from "../reactShapeBase";
+export var shapeName = 'ele-shine';
+var EleShine = /*#__PURE__*/function (_ReactShapeBase) {
+  _inherits(EleShine, _ReactShapeBase);
+  var _super = _createSuper(EleShine);
+  function EleShine() {
+    var _this;
+    _classCallCheck(this, EleShine);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.shapeName = shapeName;
+    return _this;
+  }
+  return _createClass(EleShine);
+}(ReactShapeBase);
+EleShine.shapeName = shapeName;
+/** 注册的 react 组件名称 */
+var registerComponentName = "".concat(EleShine.shapeName, "-component");
+export var defaultConfig = {
+  shape: EleShine.shapeName,
+  width: 12,
+  height: 12,
+  data: {
+    pointListLimit: 1,
+    keepRatio: true,
+    borderStyles: {
+      borderRadius: '50%'
+    },
+    fillStyles: {
+      backgroundColor: '#ff4d4f'
+    },
+    shineExpressions: [{
+      symbolValue1: 0,
+      symbol1: '<=',
+      symbolValue2: 0,
+      symbol2: '<=',
+      value: '告警',
+      valueDisabledEdit: true
+    }],
+    events: [{
+      type: 'click',
+      action: 'show-point-history'
+    }]
+  },
+  component: registerComponentName
+};
+EleShine.config(defaultConfig);
+
+// 注册 react 组件
+Graph.registerReactComponent(registerComponentName, /*#__PURE__*/React.createElement(EleShineComponent, null));
+export { EleShineComponent };
+export default EleShine;

package/es/element/EleState/Tooltip.js

@@ -0,0 +1,8 @@
+import React from "react";
+var Tooltip = function Tooltip(_ref) {
+  var _data$switchPoint, _data$refrigerationPo, _data$frostPoint;
+  var node = _ref.node;
+  var data = node.getData();
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u98CE\u673A\u70B9\u4F4D\uFF1A", (_data$switchPoint = data.switchPoint) === null || _data$switchPoint === void 0 ? void 0 : _data$switchPoint.id), /*#__PURE__*/React.createElement("div", null, "\u5236\u51B7\u70B9\u4F4D\uFF1A", (_data$refrigerationPo = data.refrigerationPoint) === null || _data$refrigerationPo === void 0 ? void 0 : _data$refrigerationPo.id), /*#__PURE__*/React.createElement("div", null, "\u5316\u971C\u70B9\u4F4D\uFF1A", (_data$frostPoint = data.frostPoint) === null || _data$frostPoint === void 0 ? void 0 : _data$frostPoint.id));
+};
+export default Tooltip;

package/es/element/EleState/index.js

@@ -0,0 +1,115 @@
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { NodeBase } from "../nodeBase";
+// import emitter from '@/utils/events';
+// import type { Events } from '@/utils/events';
+// import { isInRange } from '@/utils';
+
+// import Tooltip from './Tooltip';
+var EleState = /*#__PURE__*/function (_NodeBase) {
+  _inherits(EleState, _NodeBase);
+  var _super = _createSuper(EleState);
+  // tooltipContent = Tooltip;
+
+  function EleState(metadata) {
+    var _this;
+    _classCallCheck(this, EleState);
+    _this = _super.call(this, metadata);
+    _this.shapeName = 'ele-state';
+    _this.listenPointDataUpdate();
+    _this.listenSelfRemoved();
+    return _this;
+  }
+  _createClass(EleState, [{
+    key: "listenPointDataUpdate",
+    value: function listenPointDataUpdate() {}
+  }, {
+    key: "listenSelfRemoved",
+    value: function listenSelfRemoved() {}
+  }], [{
+    key: "isEleState",
+    value: function isEleState(instance) {
+      return instance instanceof EleState;
+    }
+  }]);
+  return EleState;
+}(NodeBase);
+EleState.shapeName = 'ele-state';
+export { EleState as default };
+export var defaultConfig = {
+  width: 32,
+  height: 32,
+  markup: [{
+    tagName: 'rect',
+    selector: 'body'
+  }, {
+    tagName: 'text',
+    selector: 'label'
+  }, {
+    tagName: 'image',
+    selector: 'blade'
+  }],
+  attrs: {
+    body: {
+      // fill: '#DDDDDD',
+      fill: {
+        type: 'linearGradient',
+        stops: [{
+          offset: '0%',
+          color: '#1890FF'
+        }, {
+          offset: '100%',
+          color: '#35C3FF'
+        }],
+        attrs: {
+          x1: '0%',
+          y1: '0%',
+          x2: '0%',
+          y2: '100%'
+        }
+      },
+      refWidth: '100%',
+      refHeight: '100%',
+      strokeWidth: 0,
+      rx: 6,
+      ry: 6
+    },
+    image: {
+      refX: '20%',
+      refY: '20%',
+      refWidth: '60%',
+      refHeight: '60%',
+      fill: 'red',
+      xlinkHref: 'https://utopia1994.oss-cn-shanghai.aliyuncs.com/img-bed/202111021014940.svg'
+    },
+    label: {
+      text: '温度',
+      fontSize: 12,
+      refY: '130%',
+      refX: '50%',
+      fill: 'rgba(0, 0, 0, 0.85)',
+      // 字体颜色
+      textAnchor: 'middle'
+    }
+  },
+  data: {
+    keepRatio: true,
+    pointListLimit: 1,
+    events: [{
+      type: 'click',
+      action: 'show-point-history'
+    }]
+  }
+};
+EleState.config(defaultConfig);

package/es/element/EleSvg/index.js

@@ -0,0 +1,35 @@
+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); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { Markup, Node } from '@antv/x6';
+var svg = "<svg class=\"icon\" viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"64\">\n  <defs>\n    <style/>\n  </defs>\n  <path d=\"M524.05 909.55c-102.4 0-204.8-42.16-277.09-114.44S132.52 620.42 132.52 518.02s36.14-204.8 114.44-277.08S421.65 126.5 524.05 126.5s198.77 42.17 277.08 114.45 114.45 174.68 114.45 277.08-42.17 204.8-114.45 277.09-174.68 114.44-277.08 114.44zm0-740.9c-192.76 0-349.37 156.62-349.37 349.37S331.3 867.4 524.05 867.4 873.4 710.78 873.4 518.02 716.8 168.66 524.05 168.66z\" fill=\"#515151\"/>\n  <path d=\"M771.01 505.98c-6.02 0-12.05-6.03-12.05-12.05 0-72.28-24.09-132.52-78.3-168.66-6.02-6.02-6.02-12.05-6.02-12.05l12.04-6.02c30.12 18.07 54.21 42.16 66.26 72.28 18.07 30.12 24.1 72.28 24.1 114.45 0 6.02-6.03 12.05-6.03 12.05zm-66.26-18.07c-6.02 0-12.04-6.03-12.04-12.05 0-36.14-12.05-72.28-42.17-84.33-6.02-6.02-6.02-12.05-6.02-12.05l12.04-6.02c30.12 18.07 54.22 60.23 48.2 102.4 6.02 12.05 6.02 12.05 0 12.05zm-102.4-174.69c-24.1-12.04-54.2-18.07-84.33-18.07v-18.07c30.12 0 60.24 6.03 90.36 18.07 6.02 0-6.03 18.07-6.03 18.07zM277.08 487.91c-6.02 0-12.04 0-12.04-6.03 0-18.07 0-36.14 6.02-48.19 12.05-60.23 54.21-114.44 108.42-150.58 6.03-6.03 12.05 0 12.05 6.02 6.02 6.02 0 12.05-6.02 12.05-48.2 24.1-84.33 78.3-96.38 132.51 0 18.07-6.02 30.12-6.02 48.2 0 6.02 0 6.02-6.03 6.02zm60.24-24.1c-6.03 0-12.05-6.02-12.05-12.05 0-12.04 0-18.07 6.02-30.11 6.03-30.12 30.12-60.24 60.24-78.3 6.02-6.03 12.05 0 12.05 6.01 6.02 6.03 0 12.05-6.03 12.05-24.1 12.05-42.16 42.17-48.19 66.26v24.1c0 6.02-6.02 12.04-12.04 12.04zM512 783.06c-48.19 0-90.35-12.05-132.52-42.17-6.02-6.02-6.02-12.04 0-12.04s12.05-6.03 12.05 0c36.14 24.1 78.3 36.14 120.47 36.14 36.14 0 66.26-6.03 96.38-24.1 6.02 0 12.04 0 12.04 6.03s0 12.04-6.02 12.04c-30.12 18.08-66.26 24.1-102.4 24.1z\" fill=\"#515151\"/>\n  <path d=\"M505.98 740.9c-24.1 0-42.17-6.03-60.24-18.08-6.02-6.02-6.02-12.04 0-12.04 6.02-6.03 12.05-6.03 12.05 0 18.07 12.04 36.14 18.07 54.21 18.07 12.05 0 30.12-6.03 42.16-12.05 6.03 0 12.05 0 12.05 6.02s0 12.05-6.02 12.05c-18.07 0-36.14 6.02-54.21 6.02z\" fill=\"#515151\"/>\n  <path d=\"M897.5 999.9H138.55c-54.21 0-102.4-42.16-102.4-102.4V132.53c0-54.21 42.17-102.4 102.4-102.4h764.99c54.21 0 102.4 42.16 102.4 102.4V897.5c-6.02 54.2-54.21 102.4-108.42 102.4zM138.55 78.3c-30.12 0-60.23 24.1-60.23 60.24v764.99c0 30.12 24.09 60.23 60.23 60.23h764.99c30.12 0 60.23-24.09 60.23-60.23V132.52c0-30.12-24.09-60.24-60.23-60.24-6.02 6.03-764.99 6.03-764.99 6.03z\" fill=\"#515151\"/>\n  <path d=\"M596.33 307.2c30.12 96.38-42.17 204.8-78.3 216.85 18.06-138.54-36.15-120.47-54.22-174.69-6.02-30.11-6.02-72.28 42.17-84.32 42.16-12.05 72.28 0 90.35 42.16z\" fill=\"#515151\"/>\n  <path d=\"M493.93 548.14l6.02-30.12c6.03-42.16 6.03-66.26 0-84.33-12.04-18.07-18.07-24.09-24.1-36.14-12.04-12.04-24.09-24.1-30.1-42.16-18.08-54.21 6.01-96.38 54.2-114.45 54.21-18.07 96.38 6.02 114.45 60.24 18.07 66.26 0 126.5-18.07 156.6-18.07 42.17-48.19 72.3-72.28 84.34l-30.12 6.02zm-12.05-204.8c6.03 12.05 12.05 18.07 24.1 24.1 6.02 12.04 18.07 24.09 30.11 54.2 0 12.05 6.03 30.12 6.03 48.2 6.02-12.05 12.04-18.08 18.07-36.15 12.05-24.09 30.12-72.28 12.05-126.49-12.05-30.12-30.12-42.16-60.24-30.12-18.07 12.05-36.14 24.1-30.12 66.26z\" fill=\"#515151\"/>\n  <path d=\"M656.56 698.73c-96.37-30.12-150.58-144.57-138.54-180.7 108.43 90.35 120.47 36.13 174.69 48.18 24.09 6.03 60.23 30.12 48.18 84.33-12.04 36.14-42.16 60.24-84.33 48.19z\" fill=\"#515151\"/>\n  <path d=\"M680.66 722.82c-6.02 0-18.07 0-30.12-6.02-66.26-18.07-102.4-66.26-120.47-96.38-30.12-36.14-42.16-78.3-36.14-108.42 0-6.02 6.02-12.05 12.05-12.05s12.04 0 18.07 6.03c36.14 24.1 60.23 36.14 78.3 42.16 18.07 6.02 24.1 0 36.14 0 12.05-6.02 30.12-6.02 54.22 0 54.2 18.07 78.3 54.21 60.23 108.42-6.02 42.17-36.14 66.26-72.28 66.26zm-18.07-42.16c30.12 6.02 48.19-6.02 60.23-36.14 6.03-18.07 6.03-42.17-36.14-60.24h-36.14c-12.05 6.03-36.14 6.03-60.23 0-12.05 0-30.12-6.02-48.2-18.07l18.08 36.14c18.07 24.1 48.19 60.24 102.4 78.3z\" fill=\"#515151\"/>\n  <path d=\"M295.15 560.19c72.29-72.28 198.78-66.26 222.87-36.14-132.51 54.2-84.33 90.35-126.5 132.51-18.06 18.08-54.2 42.17-96.37 6.03-24.1-36.14-30.11-66.26 0-102.4z\" fill=\"#515151\"/>\n  <path d=\"M343.34 698.73c-18.07 0-42.16-6.02-60.23-24.1-36.15-42.16-42.17-90.35 0-126.49 48.18-48.19 108.42-60.23 144.56-60.23 48.19-6.03 90.35 6.02 108.42 24.09 6.03 0 6.03 6.02 6.03 12.05s-6.03 12.04-12.05 18.07c-36.14 18.07-60.23 30.12-72.28 42.16-12.05 12.05-12.05 24.1-18.07 36.14-6.03 12.05-6.03 30.12-24.1 48.2-24.1 18.06-48.18 30.1-72.28 30.1zm-30.12-126.5c-24.1 24.1-18.07 48.2 0 66.26 12.05 12.05 36.14 30.12 66.26 0 6.03-12.04 12.05-18.07 12.05-30.11 6.02-18.07 12.05-36.14 30.12-54.22 12.04-12.04 24.1-24.09 42.16-30.11h-42.16c-24.1 0-72.29 12.04-108.43 48.19z\" fill=\"#515151\"/>\n  <path d=\"M463.81 518.02c0 30.12 24.1 54.22 54.21 54.22s54.22-24.1 54.22-54.22-24.1-54.2-54.22-54.2c-30.11 6.02-54.2 24.09-54.2 54.2z\" fill=\"#515151\"/>\n  <path d=\"M518.02 590.3c-42.16 0-72.28-30.11-72.28-72.28s30.12-72.28 72.28-72.28 72.29 36.14 72.29 72.28-30.12 72.29-72.29 72.29zm0-102.4c-18.07 0-30.11 12.05-30.11 30.12s12.04 30.12 30.11 30.12 30.12-12.05 30.12-30.12-12.05-30.11-30.12-30.11zM108.42 150.6c0 24.1 18.07 42.16 42.17 42.16s42.16-18.07 42.16-42.16-18.07-42.17-42.16-42.17c-24.1 0-42.17 18.07-42.17 42.17zm746.92 42.16c0 12.05 12.05 18.07 18.07 18.07s18.07-12.04 18.07-18.07-12.04-18.07-18.07-18.07-18.07 6.03-18.07 18.07z\" fill=\"#515151\"/>\n  <path d=\"M132.52 192.75c0 12.05 12.04 18.07 18.07 18.07 12.05 0 18.07-12.04 18.07-18.07 0-12.04-12.05-18.07-18.07-18.07-12.05 0-18.07 6.03-18.07 18.07zm704.75-42.16c0 24.1 18.07 42.16 42.17 42.16 24.09 0 42.16-18.07 42.16-42.16 0-24.1-18.07-42.17-42.16-42.17-24.1 0-42.17 18.07-42.17 42.17z\" fill=\"#515151\"/>\n</svg>\n";
+var _Markup$xml2json = Markup.xml2json(svg),
+  markup = _Markup$xml2json.markup,
+  attrs = _Markup$xml2json.attrs;
+var EleSvg = /*#__PURE__*/function (_Node) {
+  _inherits(EleSvg, _Node);
+  var _super = _createSuper(EleSvg);
+  function EleSvg() {
+    _classCallCheck(this, EleSvg);
+    return _super.apply(this, arguments);
+  }
+  return _createClass(EleSvg);
+}(Node);
+EleSvg.shapeName = 'ele-svg';
+export { EleSvg as default };
+EleSvg.config({
+  width: 40,
+  height: 40,
+  markup: markup,
+  attrs: attrs
+});

package/es/element/EleSwitch/Component.js

@@ -0,0 +1,66 @@
+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; }
+import React from "react";
+import { memo, useState, useEffect } from 'react';
+import { Tooltip } from 'antd';
+import Switch from "../../components/Switch";
+import { usePointWatch } from "../../hooks";
+import { isNumber } from "../../utils";
+import { pointWrite } from "../utils";
+import styles from "./index.css";
+var EleSwitchComponent = function EleSwitchComponent(_ref) {
+  var _payload$pointList, _payload$mittMeta;
+  var node = _ref.node;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var payload = node === null || node === void 0 ? void 0 : node.getData();
+  var configPoint = payload === null || payload === void 0 ? void 0 : (_payload$pointList = payload.pointList) === null || _payload$pointList === void 0 ? void 0 : _payload$pointList[0];
+  var pointData = usePointWatch(configPoint, payload === null || payload === void 0 ? void 0 : (_payload$mittMeta = payload.mittMeta) === null || _payload$mittMeta === void 0 ? void 0 : _payload$mittMeta.namespace);
+  var tooltipTitle = null;
+  if (!configPoint) {
+    tooltipTitle = '未绑定点位';
+  } else {
+    var _pointData$value, _pointData$unit;
+    tooltipTitle = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u70B9\u4F4D\u540D\u79F0\uFF1A", (pointData === null || pointData === void 0 ? void 0 : pointData.pointName) || '-'), /*#__PURE__*/React.createElement("div", null, "\u70B9\u4F4D\u503C\uFF1A", (_pointData$value = pointData === null || pointData === void 0 ? void 0 : pointData.value) !== null && _pointData$value !== void 0 ? _pointData$value : '-', " ", (_pointData$unit = pointData === null || pointData === void 0 ? void 0 : pointData.unit) !== null && _pointData$unit !== void 0 ? _pointData$unit : '-'), /*#__PURE__*/React.createElement("div", null, "\u66F4\u65B0\u65F6\u95F4\uFF1A", (pointData === null || pointData === void 0 ? void 0 : pointData.updateTime) || '-'));
+  }
+  var handleChange = function handleChange(val) {
+    if (window.scadaMode === 'edit' || !configPoint || !(payload === null || payload === void 0 ? void 0 : payload.pointWriteable)) {
+      return;
+    }
+    var checkedValue = payload.checkedValue,
+      unCheckedValue = payload.unCheckedValue;
+    pointWrite({
+      identifierName: configPoint.identifierName,
+      pointId: 'pointId' in configPoint ? configPoint.pointId : undefined,
+      deviceId: 'deviceId' in configPoint ? configPoint.deviceId : undefined,
+      value: val ? checkedValue : unCheckedValue
+    });
+    setValue(val);
+  };
+  useEffect(function () {
+    if (isNumber(pointData === null || pointData === void 0 ? void 0 : pointData.value) && isNumber(payload === null || payload === void 0 ? void 0 : payload.checkedValue) && (pointData === null || pointData === void 0 ? void 0 : pointData.value) === (payload === null || payload === void 0 ? void 0 : payload.checkedValue)) {
+      setValue(true);
+    } else {
+      setValue(false);
+    }
+  }, [pointData === null || pointData === void 0 ? void 0 : pointData.value, payload === null || payload === void 0 ? void 0 : payload.checkedValue]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.wrap
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: tooltipTitle
+  }, /*#__PURE__*/React.createElement(Switch, {
+    onChange: handleChange,
+    unCheckedColor: payload === null || payload === void 0 ? void 0 : payload.unCheckedColor,
+    checkedColor: payload === null || payload === void 0 ? void 0 : payload.checkedColor,
+    value: value,
+    width: "100%",
+    height: "100%"
+  })));
+};
+export default /*#__PURE__*/memo(EleSwitchComponent);