coolcare-lite-scada-component 1.0.0

package/es/element/PointControl/PointControl3/index.css

@@ -0,0 +1,8 @@
+.wrap {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  user-select: none;
+}

package/es/element/PointControl/PointControl3/index.js

@@ -0,0 +1,94 @@
+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 ElePointCard1Component from "./Component";
+import { ReactShapeBase } from "../../reactShapeBase";
+export var shapeName = 'ele-point-control3';
+var ElePointControl3 = /*#__PURE__*/function (_ReactShapeBase) {
+  _inherits(ElePointControl3, _ReactShapeBase);
+  var _super = _createSuper(ElePointControl3);
+  function ElePointControl3() {
+    var _this;
+    _classCallCheck(this, ElePointControl3);
+    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(ElePointControl3);
+}(ReactShapeBase);
+ElePointControl3.shapeName = shapeName;
+/** 注册的 react 组件名称 */
+var registerComponentName = "".concat(ElePointControl3.shapeName, "-component");
+export var defaultConfig = {
+  shape: ElePointControl3.shapeName,
+  width: 345,
+  height: 65,
+  data: {
+    pointList: [],
+    pointListLimit: 1,
+    borderStyles: {
+      borderRadius: 8,
+      boxShadow: '2px 2px 6px 0px rgba(0,0,0,0.2)'
+    },
+    icon: {
+      isShow: true,
+      size: 18,
+      name: 'zhileng',
+      color: '#5b6b73',
+      colorExpressions: [],
+      margin_padding: {
+        padding: '0px 12px 0px 0px'
+      }
+    },
+    label: {
+      text: ''
+    },
+    subTitle: {
+      isShow: true,
+      text: '',
+      fontStyles: {
+        fontSize: 13,
+        color: '#cccccc'
+      }
+    },
+    switch: {
+      checkedValue: 1,
+      unCheckedValue: 0,
+      checkedColor: '#1890ff',
+      unCheckedColor: '#cccccc',
+      pointWriteable: true
+    },
+    fillStyles: {
+      backgroundColor: '#ffffff'
+    },
+    margin_padding: {
+      padding: '12px'
+    },
+    events: [{
+      type: 'click',
+      action: 'show-point-history'
+    }]
+  },
+  component: registerComponentName
+};
+ElePointControl3.config(defaultConfig);
+
+// 注册 react 组件
+Graph.registerReactComponent(registerComponentName, /*#__PURE__*/React.createElement(ElePointCard1Component, null));
+export { ElePointCard1Component as ElePointCardComponent };
+export default ElePointControl3;

package/es/element/nodeBase.js

@@ -0,0 +1,48 @@
+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 { Node } from '@antv/x6';
+export var NodeBase = /*#__PURE__*/function (_ref) {
+  _inherits(NodeBase, _ref);
+  var _super = _createSuper(NodeBase);
+  function NodeBase() {
+    var _this;
+    _classCallCheck(this, NodeBase);
+    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.tooltipContent = void 0;
+    _this.disableResize = false;
+    _this.disableRotate = false;
+    /** 图形类型名称 */
+    _this.shapeName = '';
+    _this.textEditable = false;
+    return _this;
+  }
+  _createClass(NodeBase, [{
+    key: "getText",
+    value: function getText(cell, view) {
+      return cell.getAttrByPath('label/text');
+    }
+  }, {
+    key: "setText",
+    value: function setText(cell, text, view) {
+      cell.attr('label/text', text);
+    }
+  }]);
+  return NodeBase;
+}(Node);
+export function isNodeBase(node) {
+  return node instanceof NodeBase;
+}

package/es/element/reactShapeBase.js

@@ -0,0 +1,47 @@
+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 { ReactShape } from '@antv/x6-react-shape';
+export var ReactShapeBase = /*#__PURE__*/function (_ref) {
+  _inherits(ReactShapeBase, _ref);
+  var _super = _createSuper(ReactShapeBase);
+  function ReactShapeBase() {
+    var _this;
+    _classCallCheck(this, ReactShapeBase);
+    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.tooltipContent = void 0;
+    _this.disableResize = false;
+    _this.disableRotate = false;
+    _this.shapeName = '';
+    _this.textEditable = false;
+    return _this;
+  }
+  _createClass(ReactShapeBase, [{
+    key: "getText",
+    value: function getText(cell, view) {
+      return cell.getAttrByPath('label/text');
+    }
+  }, {
+    key: "setText",
+    value: function setText(cell, text, view) {
+      cell.attr('label/text', text);
+    }
+  }]);
+  return ReactShapeBase;
+}(ReactShape);
+export function isReactShapeBase(node) {
+  return node instanceof ReactShapeBase;
+}

package/es/element/register.js

@@ -0,0 +1,131 @@
+import { Graph } from '@antv/x6';
+import EleFan from "./EleFan";
+import EleState from "./EleState";
+import EleSvg from "./EleSvg";
+import EleImage from "./EleImage";
+import EleContainer from "./EleContainer";
+import EleIndicatorLight from "./EleIndicatorLight";
+import EleShine from "./EleShine";
+import EleIcon from "./EleIcon";
+import ElePointImage from "./ElePointImage";
+import ElePointList from "./ElePointList";
+import ElePointValue from "./ElePointValue";
+import ElePointState from "./ElePointState";
+import EleGauge from "./EleGauge";
+import EleText from "./EleText";
+import EleButton from "./EleButton";
+import EleSwitch from "./EleSwitch";
+import EleClock from "./EleClock";
+import EleDeviceName from "./EleDeviceName";
+import EleDeviceUpdateTime from "./EleDeviceUpdateTime";
+import EleDeviceState from "./EleDeviceState";
+import EleRectangle from "./BasicShape/Rectangle";
+import EleCircle from "./BasicShape/Circle";
+import EleEllipse from "./BasicShape/Ellipse";
+import EleCommentBox from "./BasicShape/CommentBox";
+import EleCommentBox2 from "./BasicShape/CommentBox2";
+import EleHeart from "./BasicShape/Heart";
+import EleStar from "./BasicShape/Star";
+import EleLightning from "./BasicShape/Lightning";
+import EleBorderBox1 from "./BorderBox/BorderBox1";
+import EleBorderBox2 from "./BorderBox/BorderBox2";
+import EleBorderBox3 from "./BorderBox/BorderBox3";
+import EleBorderBox4 from "./BorderBox/BorderBox4";
+import EleBorderBox5 from "./BorderBox/BorderBox5";
+import EleBorderBox6 from "./BorderBox/BorderBox6";
+import EleBorderBox7 from "./BorderBox/BorderBox7";
+import EleBorderBox8 from "./BorderBox/BorderBox8";
+import EleBorderBox9 from "./BorderBox/BorderBox9";
+import EleBorderBox10 from "./BorderBox/BorderBox10";
+import EleBorderBox12 from "./BorderBox/BorderBox12";
+import EleBorderBox13 from "./BorderBox/BorderBox13";
+import EleDecoration1 from "./Decoration/Decoration1";
+import EleDecoration2 from "./Decoration/Decoration2";
+import EleDecoration3 from "./Decoration/Decoration3";
+import EleDecoration4 from "./Decoration/Decoration4";
+import EleDecoration5 from "./Decoration/Decoration5";
+import EleDecoration6 from "./Decoration/Decoration6";
+import EleDecoration8 from "./Decoration/Decoration8";
+import EleDecoration10 from "./Decoration/Decoration10";
+import ElePipeTop from "./PipeNodes/NodeTop";
+import ElePipeTR from "./PipeNodes/NodeTR";
+import ElePipeRight from "./PipeNodes/NodeRight";
+import ElePipeBR from "./PipeNodes/NodeBR";
+import ElePipeBottom from "./PipeNodes/NodeBottom";
+import ElePipeBL from "./PipeNodes/NodeBL";
+import ElePipeLeft from "./PipeNodes/NodeLeft";
+import ElePipeTL from "./PipeNodes/NodeTL";
+import ElePipeCenter from "./PipeNodes/NodeCenter";
+import ElePipeHorizontal from "./PipeNodes/NodeHorizontal";
+import ElePipeVertical from "./PipeNodes/NodeVertical";
+import ElePointListCard from "./PointCard/PointListCard";
+import ElePointCard1 from "./PointCard/PointCard1";
+import ElePointCard2 from "./PointCard/PointCard2";
+import ElePointCard3 from "./PointCard/PointCard3";
+import ElePointControl1 from "./PointControl/PointControl1";
+import ElePointControl3 from "./PointControl/PointControl3";
+Graph.registerNode(EleRectangle.shapeName, EleRectangle);
+Graph.registerNode(EleCircle.shapeName, EleCircle);
+Graph.registerNode(EleEllipse.shapeName, EleEllipse);
+Graph.registerNode(EleCommentBox.shapeName, EleCommentBox);
+Graph.registerNode(EleCommentBox2.shapeName, EleCommentBox2);
+Graph.registerNode(EleHeart.shapeName, EleHeart);
+Graph.registerNode(EleStar.shapeName, EleStar);
+Graph.registerNode(EleLightning.shapeName, EleLightning);
+Graph.registerNode(EleFan.shapeName, EleFan);
+Graph.registerNode(EleState.shapeName, EleState);
+Graph.registerNode(EleSvg.shapeName, EleSvg);
+Graph.registerNode(ElePointImage.shapeName, ElePointImage);
+Graph.registerNode(EleImage.shapeName, EleImage);
+Graph.registerNode(EleContainer.shapeName, EleContainer);
+Graph.registerNode(EleIndicatorLight.shapeName, EleIndicatorLight);
+Graph.registerNode(EleShine.shapeName, EleShine);
+Graph.registerNode(EleIcon.shapeName, EleIcon);
+Graph.registerNode(ElePointList.shapeName, ElePointList);
+Graph.registerNode(ElePointValue.shapeName, ElePointValue);
+Graph.registerNode(ElePointState.shapeName, ElePointState);
+Graph.registerNode(EleGauge.shapeName, EleGauge);
+Graph.registerNode(EleText.shapeName, EleText);
+Graph.registerNode(EleButton.shapeName, EleButton);
+Graph.registerNode(EleSwitch.shapeName, EleSwitch);
+Graph.registerNode(EleClock.shapeName, EleClock);
+Graph.registerNode(EleDeviceName.shapeName, EleDeviceName);
+Graph.registerNode(EleDeviceUpdateTime.shapeName, EleDeviceUpdateTime);
+Graph.registerNode(EleDeviceState.shapeName, EleDeviceState);
+Graph.registerNode(EleBorderBox1.shapeName, EleBorderBox1);
+Graph.registerNode(EleBorderBox2.shapeName, EleBorderBox2);
+Graph.registerNode(EleBorderBox3.shapeName, EleBorderBox3);
+Graph.registerNode(EleBorderBox4.shapeName, EleBorderBox4);
+Graph.registerNode(EleBorderBox5.shapeName, EleBorderBox5);
+Graph.registerNode(EleBorderBox6.shapeName, EleBorderBox6);
+Graph.registerNode(EleBorderBox7.shapeName, EleBorderBox7);
+Graph.registerNode(EleBorderBox8.shapeName, EleBorderBox8);
+Graph.registerNode(EleBorderBox9.shapeName, EleBorderBox9);
+Graph.registerNode(EleBorderBox10.shapeName, EleBorderBox10);
+Graph.registerNode(EleBorderBox12.shapeName, EleBorderBox12);
+Graph.registerNode(EleBorderBox13.shapeName, EleBorderBox13);
+Graph.registerNode(EleDecoration1.shapeName, EleDecoration1);
+Graph.registerNode(EleDecoration2.shapeName, EleDecoration2);
+Graph.registerNode(EleDecoration3.shapeName, EleDecoration3);
+Graph.registerNode(EleDecoration4.shapeName, EleDecoration4);
+Graph.registerNode(EleDecoration5.shapeName, EleDecoration5);
+Graph.registerNode(EleDecoration6.shapeName, EleDecoration6);
+Graph.registerNode(EleDecoration8.shapeName, EleDecoration8);
+Graph.registerNode(EleDecoration10.shapeName, EleDecoration10);
+Graph.registerNode(ElePipeTop.shapeName, ElePipeTop);
+Graph.registerNode(ElePipeTR.shapeName, ElePipeTR);
+Graph.registerNode(ElePipeRight.shapeName, ElePipeRight);
+Graph.registerNode(ElePipeBR.shapeName, ElePipeBR);
+Graph.registerNode(ElePipeBottom.shapeName, ElePipeBottom);
+Graph.registerNode(ElePipeBL.shapeName, ElePipeBL);
+Graph.registerNode(ElePipeLeft.shapeName, ElePipeLeft);
+Graph.registerNode(ElePipeTL.shapeName, ElePipeTL);
+Graph.registerNode(ElePipeCenter.shapeName, ElePipeCenter);
+Graph.registerNode(ElePipeHorizontal.shapeName, ElePipeHorizontal);
+Graph.registerNode(ElePipeVertical.shapeName, ElePipeVertical);
+Graph.registerNode(ElePointListCard.shapeName, ElePointListCard);
+Graph.registerNode(ElePointCard1.shapeName, ElePointCard1);
+Graph.registerNode(ElePointCard2.shapeName, ElePointCard2);
+Graph.registerNode(ElePointCard3.shapeName, ElePointCard3);
+Graph.registerNode(ElePointControl1.shapeName, ElePointControl1);
+Graph.registerNode(ElePointControl3.shapeName, ElePointControl3);

package/es/element/type.d.ts

@@ -0,0 +1,143 @@
+/* eslint-disable @typescript-eslint/consistent-type-imports */
+interface NodeInterface {
+  /** tooltip 内容（React 组件） */
+  tooltipContent?: React.FunctionComponent<any>;
+  /** 是否禁用 resize */
+  disableResize: boolean;
+  /** 是否禁用 rotate */
+  disableRotate: boolean;
+  /** 图形类型名称 */
+  shapeName: string;
+  /** 文字是否可编辑， false 或 undefined 表示不可以 */
+  textEditable: boolean;
+  /** 文字可编辑时,获取原文本方法 */
+  getText?: (cell: this, view: import('@antv/x6').NodeView) => string;
+  /** 设置新文本 */
+  setText?: (
+    cell: this,
+    text: string,
+    view: import('@antv/x6').NodeView,
+  ) => void;
+}
+
+declare namespace Ele {
+  /** 范围表达式 */
+  export type RangeExpression = {
+    symbolValue1?: number;
+    symbol1: '<' | '<=';
+    symbolValue2?: number;
+    symbol2: '<' | '<=';
+    value: string;
+    /** value 是否可以修改 */
+    valueDisabledEdit?: boolean;
+  };
+
+  export type EventType = 'click' | 'contextmenu' | 'mouseenter' | 'mouseleave';
+  export type EventAction =
+    | /** 显示点位历史曲线 */
+    'show-point-history'
+    /** 打开链接 */
+    | 'open-url'
+    /** 点位值写入 */
+    | 'write-point';
+  export type Event = {
+    type: EventType;
+    action: EventAction;
+    value?: string;
+    payload?: any;
+  };
+
+  /** 绑定点位 */
+  export type BindPoint =
+    | {
+        // (scene === 'freedom') 时候绑定点位的数据结构
+        /** 点位所属设备 id */
+        deviceId: number;
+        /** 绑定的点位标识符 */
+        identifierName: string;
+        /** 绑定的点位 id */
+        pointId: string;
+        /** 范围表达式 */
+        expressions?: RangeExpression[];
+      }
+    | {
+        // 单个产品(scene === 'product')或设备(scene === 'device')的时候绑定点位的数据结构
+        /** 绑定的点位标识符 */
+        identifierName: string;
+        /** 范围表达式 */
+        expressions?: RangeExpression[];
+      };
+
+  /** 文字样式 */
+  export type FontStyles = {
+    /** 字体集, 以英文逗号分割 */
+    fontFamily?: string;
+    fontSize?: number;
+    color?: React.CSSProperties['color'];
+    textAlign?: 'left' | 'right' | 'center';
+    fontWeight?: React.CSSProperties['fontWeight'];
+    lineHeight?: React.CSSProperties['lineHeight'];
+    letterSpacing?: React.CSSProperties['letterSpacing'];
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    textDecoration?: React.CSSProperties['textDecoration'];
+    fontStyle?: React.CSSProperties['fontStyle'];
+  };
+
+  /** 边框样式 */
+  export type BorderStyles = {
+    borderRadius?: number | string | undefined;
+    borderWidth?: number;
+    borderStyle?: React.CSSProperties['borderStyle'];
+    borderColor?: string;
+    /** 透明度，按百分比来计算的，如果要 80% 或 0.8 的透明度，请输入 80 ！！！ */
+    opacity?: number;
+    boxShadow?: string;
+  };
+
+  export type FillStyles = {
+    opacity?: number;
+    backgroundColor?: string;
+  };
+
+  export type MittMeta = {
+    scene: PlayerQuery['scene'];
+    /** mitt 事件的 namespace, 可能是 deviceId(scene === 'device') 或 组态id(scene === 'freedom') */
+    namespace: number;
+  };
+
+  /** Cell 公共业务数据 Data 的类型 */
+  export type CellCommonData = {
+    /** resize 时是否保持宽高比例 (edge 不支持) */
+    keepRatio?: boolean;
+    /** 绑定的点位列表 */
+    pointList?: BindPoint[];
+    /** 最多可绑定的点位数量, 如果是 0 的话，则不可绑定点位,不显示绑定点位的表单, 如果是 undefined, 则不限制点位数量 */
+    pointListLimit?: number;
+    /** 元件内部文字样式 (edge 不支持) */
+    fontStyles?: FontStyles;
+    /** 元件边框样式 (edge 不支持) */
+    borderStyles?: BorderStyles;
+    /** 元件填充样式 (edge 不支持) */
+    fillStyles?: FillStyles;
+    /** 绑定的事件 */
+    events?: Event[];
+    /** 是否禁止绑定事件 */
+    disabledEventBind?: boolean;
+    margin_padding?: Margin_Padding;
+    /** 点击选择器-是否禁止选择不可写的点位 */
+    pointSelect_disabledUnWriteable?: boolean;
+    mittMeta?: MittMeta;
+  };
+
+  export type Size = {
+    width: number;
+    height: number;
+  };
+
+  export type Margin_Padding = {
+    /** 12px | 12px 12px 12px 12px */
+    padding?: `${number}px` | `${number}px ${number}px ${number}px ${number}px`;
+    /** 12px | 12px 12px 12px 12px */
+    margin?: `${number}px` | `${number}px ${number}px ${number}px ${number}px`;
+  };
+}

package/es/element/utils/getValueByExpression.js

@@ -0,0 +1,22 @@
+import { isInRange } from "../../utils";
+function getValueByExpression(val, expressions) {
+  try {
+    if (typeof val !== 'number') {
+      return undefined;
+    }
+    if (!expressions || !(expressions === null || expressions === void 0 ? void 0 : expressions.length) || !Array.isArray(expressions)) {
+      return val;
+    }
+    var activeExpression;
+    expressions.forEach(function (expression) {
+      if (isInRange(expression, val)) {
+        activeExpression = expression;
+      }
+    });
+    return activeExpression ? activeExpression.value : val;
+  } catch (error) {
+    console.error(error);
+    return undefined;
+  }
+}
+export default getValueByExpression;

package/es/element/utils/handleEleEvent.js

@@ -0,0 +1,60 @@
+import emitter from "../../utils/events";
+/** 判断是否是非空 string */
+function isString(v) {
+  return !!v && typeof v === 'string';
+}
+export default function handleEleEvent() {
+  var events = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var eventType = arguments.length > 1 ? arguments[1] : undefined;
+  var e = arguments.length > 2 ? arguments[2] : undefined;
+  var payload = arguments.length > 3 ? arguments[3] : undefined;
+  // 编辑模式下不响应事件
+  if (window.scadaMode === 'edit') {
+    return;
+  }
+  if (!(events === null || events === void 0 ? void 0 : events.length)) {
+    return;
+  }
+  e === null || e === void 0 ? void 0 : e.preventDefault();
+  e === null || e === void 0 ? void 0 : e.stopPropagation();
+  var eventList = events.filter(function (item) {
+    return item.type === eventType;
+  });
+  eventList.forEach(function (event) {
+    switch (event.action) {
+      // 显示点位历史曲线
+      case 'show-point-history':
+        if (!Array.isArray(payload.points)) {
+          return;
+        }
+        if (!payload.points.length) {
+          return;
+        }
+        emitter.emit("show-point-history-".concat(payload.namespace), payload.points.filter(function (v) {
+          return isString(v.identifierName);
+        }));
+        return;
+      // 打开链接
+      case 'open-url':
+        if (!event.value) {
+          return;
+        }
+        window.open(event.value, '_blank');
+        return;
+      // 点位写入
+      case 'write-point':
+        if (!Array.isArray(payload.points)) {
+          return;
+        }
+        if (!payload.points.length) {
+          return;
+        }
+        emitter.emit("show-point-write-modal-".concat(payload.namespace), payload.points.filter(function (v) {
+          return isString(v.identifierName);
+        }));
+        return;
+      default:
+        return;
+    }
+  });
+}

package/es/element/utils/index.js

@@ -0,0 +1,4 @@
+export { default as reactShapeNodeAreEqual } from "./shapeReactComponentShouldUpdate";
+export { default as getValueByExpression } from "./getValueByExpression";
+export { default as handleEleEvent } from "./handleEleEvent";
+export * from "./pointWrite";