coolcare-lite-scada-component 1.0.0

package/es/utils/index.js

@@ -0,0 +1,163 @@
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+export * from "./type";
+export * from "./getMittMeta";
+export { default as queryToObject } from "./queryToObject";
+/**
+ * 交换数组元素
+ * @param arr 数组
+ * @param index1 元素下标1
+ * @param index2 元素下标2
+ */
+export function arrayEleSwap(arr, index1, index2) {
+  var temp = arr[index1];
+  arr[index1] = arr[index2];
+  arr[index2] = temp;
+}
+
+/**
+ * 计算鼠标相对事件触发的 currentTarget 元素的相对位置
+ * @param e
+ * @returns { x: number; y: number }
+ */
+export function calculateMousePosition(e) {
+  var currentTarget = e.currentTarget;
+  var rect = currentTarget.getBoundingClientRect();
+  return {
+    x: e.clientX - rect.left,
+    y: e.clientY - rect.top
+  };
+}
+
+/**
+ * 特殊字符转义，防止特殊字符导致json字符串转换成json对象出错
+ * @param {*} string
+ * @returns string
+ */
+export var transSpecialChar = function transSpecialChar(string) {
+  return string.replace(/>/g, '&gt;').replace(/</g, '&lt;').replace(/ /g, '&nbsp;').replace(/(")+/g, '"').replace(/'/g, '&#39;').replace(/\r/g, '\\r').replace(/\n/g, '\\n').replace(/\t/g, '\\t').replace(/\\/g, '\\\\');
+};
+
+/**
+ * 判断电脑是 window 还是 mac
+ */
+export function getOS() {
+  var agent = navigator.userAgent.toLowerCase();
+  var isMac = /macintosh|mac os x/i.test(navigator.userAgent);
+  if (agent.indexOf('win32') >= 0 || agent.indexOf('wow32') >= 0) {
+    return 'window 32';
+  }
+  if (agent.indexOf('win64') >= 0 || agent.indexOf('wow64') >= 0) {
+    return 'window 64';
+  }
+  if (isMac) {
+    return 'mac';
+  }
+  return 'window';
+}
+
+/**
+ * 生成随机字符串
+ *
+ * @param {*} length 指定长度
+ * @param {*} chars 字符集
+ * @returns
+ */
+export function randomString(length) {
+  var chars = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  var result = '';
+  for (var i = length; i > 0; --i) {
+    result += chars[Math.floor(Math.random() * chars.length)];
+  }
+  return result;
+}
+
+/**
+ * 生成指定范围的随机数
+ * @param minNum 最小值
+ * @param maxNum 最大值
+ * @returns
+ */
+export function randomExtend(minNum, maxNum) {
+  if (maxNum === undefined) {
+    return Math.floor(Math.random() * minNum + 1);
+  }
+  return Math.floor(Math.random() * (maxNum - minNum + 1) + minNum);
+}
+
+/**
+ * 给 canvas 添加水印
+ * @param canvas canvas 对象
+ * @param text 水印字体
+ * @returns canvas
+ */
+export function waterMark(canvas, text) {
+  var ctx = canvas.getContext('2d');
+  if (ctx) {
+    ctx.font = '20px sans-serif';
+    ctx.fillStyle = 'red';
+    ctx.textAlign = 'right';
+    // 在指定位置绘制文字，这里指定距离右下角20坐标的地方
+
+    ctx.fillText(text, 400, 400);
+  }
+}
+export function isInRange(exp, number) {
+  if (exp.symbolValue1 === undefined || exp.symbolValue2 === undefined) {
+    return false;
+  }
+  try {
+    var leftCode = exp.symbol1 === '<' ? "".concat(number, " > ").concat(exp.symbolValue1) : "".concat(number, " > ").concat(exp.symbolValue1, " || ").concat(number, " === ").concat(exp.symbolValue1);
+    var rightCode = exp.symbol2 === '<' ? "".concat(number, " < ").concat(exp.symbolValue2) : "".concat(number, " < ").concat(exp.symbolValue2, " || ").concat(number, " === ").concat(exp.symbolValue2);
+    var code = "(".concat(leftCode, ") && (").concat(rightCode, ")");
+    // eslint-disable-next-line no-eval
+    return eval(code);
+  } catch (err) {
+    console.error(err);
+    return false;
+  }
+}
+export function pointValueFormat(expressions, value) {
+  try {
+    var _activeExpression$val, _activeExpression;
+    if (typeof value !== 'number') {
+      return '-';
+    }
+    var activeExpression;
+    expressions.forEach(function (expression) {
+      if (isInRange(expression, value)) {
+        activeExpression = expression;
+      }
+    });
+    return (_activeExpression$val = (_activeExpression = activeExpression) === null || _activeExpression === void 0 ? void 0 : _activeExpression.value) !== null && _activeExpression$val !== void 0 ? _activeExpression$val : value;
+  } catch (err) {
+    console.error(err);
+    return '-';
+  }
+}
+/**
+ * 从点位 id 中获取产品编号、设备编号、标识符
+ * @param {string} pointId - The point ID of the point you want to get the info from.
+ */
+export function getInfoFromPointId(pointId) {
+  if (!pointId) {
+    return;
+  }
+  var _pointId$split = pointId.split('_'),
+    _pointId$split2 = _toArray(_pointId$split),
+    productNo = _pointId$split2[0],
+    deviceNo = _pointId$split2[1],
+    rest = _pointId$split2.slice(2);
+
+  // identifierName 可以有下划线，所以这样处理
+  var identifierName = rest.join('_');
+  return {
+    productNo: productNo,
+    deviceNo: deviceNo,
+    identifierName: identifierName
+  };
+}

package/es/utils/isInIframe.js

@@ -0,0 +1,8 @@
+/** 判断页面是否在 iframe 内 */
+export default function isInIframe() {
+  try {
+    return window.self !== window.top;
+  } catch (e) {
+    return true;
+  }
+}

package/es/utils/queryToObject.js

@@ -0,0 +1,19 @@
+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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 queryStringToObject(url) {
+  return _toConsumableArray(new URLSearchParams(url.split('?')[1])).reduce(function (a, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      k = _ref2[0],
+      v = _ref2[1];
+    return a[k] = v, a;
+  }, {}) || {};
+}
+export default queryStringToObject;

package/es/utils/svg.js

@@ -0,0 +1,46 @@
+/**
+ * Get path data for a rounded rectangle. Allows for different radius on each corner.
+ * @param w   Width of rounded rectangle
+ * @param h   Height of rounded rectangle
+ * @param tlr Top left corner radius
+ * @param trr Top right corner radius
+ * @param brr Bottom right corner radius
+ * @param blr Bottom left corner radius
+ * @return Rounded rectangle SVG path data
+ */
+export function getRoundedRectPath(w, h, tlr, trr, brr, blr) {
+  return "M 0 ".concat(tlr, " A ").concat(tlr, " ").concat(tlr, " 0 0 1 ").concat(tlr, " 0 L ").concat(w - trr, " 0 A ").concat(trr, " ").concat(trr, " 0 0 1 ").concat(w, " ").concat(trr, " L ").concat(w, " ").concat(h - brr, " A ").concat(brr, " ").concat(brr, " 0 0 1 ").concat(w - brr, " ").concat(h, " L ").concat(blr, " ").concat(h, " A ").concat(blr, " ").concat(blr, " 0 0 1 0 ").concat(h - blr, " Z");
+}
+
+/**
+ * 获取一个圆的 path data
+ * @param cx 圆心的 x 坐标
+ * @param cy 圆心的 y 坐标
+ * @param r 半径
+ * @returns circle path data
+ */
+export function getCirclePath(cx, cy, r) {
+  return "M ".concat(cx, " ").concat(cy, " m -").concat(r, ", 0 a ").concat(r, ",").concat(r, " 0 1,1 ").concat(r * 2, ",0 a ").concat(r, ",").concat(r, " 0 1,1 -").concat(r * 2, ",0");
+}
+
+/**
+ * 获取一个椭圆的 path data
+ * @param cx 圆心的 x 坐标
+ * @param cy 圆心的 y 坐标
+ * @param rx 半径 x
+ * @param ry 半径 y
+ * @returns circle path data
+ */
+export function getEllipsePath(cx, cy, rx, ry) {
+  return "M".concat(cx + rx, " ").concat(cy, "\n    A").concat(rx, " ").concat(ry, " 0 0 1 ").concat(cx, " ").concat(cy + ry, "\n    A").concat(rx, " ").concat(ry, " 0 0 1 ").concat(cx - rx, " ").concat(cy, "\n    A").concat(rx, " ").concat(ry, " 0 0 1 ").concat(cx + rx, " ").concat(cy, " Z");
+}
+
+/**
+ * 获取一个三角形的 path data
+ * @param width 宽度
+ * @param height 高度
+ * @returns triangle path data
+ */
+export function getTrianglePath(width, height) {
+  return "M".concat(width / 2, ",0L").concat(width, ",").concat(height, "L0,").concat(height, "z");
+}

package/es/utils/type.js

@@ -0,0 +1,3 @@
+export function isNumber(val) {
+  return typeof val === 'number';
+}

package/es/x6Reset.css

@@ -0,0 +1,36 @@
+.x6-widget-transform {
+  margin: -1px 0 0 -1px;
+  padding: 0px;
+  border: 1px dashed #239edd;
+}
+.x6-widget-transform > div {
+  border: 1px solid #239edd;
+}
+.x6-widget-transform > div:hover {
+  background-color: #3dafe4;
+}
+.x6-widget-transform .x6-widget-transform-active-handle {
+  background-color: #3dafe4;
+}
+.x6-widget-selection-inner {
+  border: 1px solid #239edd;
+}
+.x6-widget-selection-box {
+  opacity: 0;
+}
+.x6-widget-snapline-vertical {
+  border-right-color: #239edd;
+}
+.x6-widget-snapline-horizontal {
+  border-bottom-color: #239edd;
+}
+.x6-widget-minimap-viewport,
+.x6-widget-minimap-viewport-zoom {
+  border: 1px solid #3371dd;
+}
+div.x6-cell-tool-editor {
+  text-align: left;
+}
+g[data-shape='ele-container'] {
+  pointer-events: none;
+}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "coolcare-lite-scada-component",
+  "version": "1.0.0",
+  "scripts": {
+    "start": "umi dev",
+    "build:prod": "UMI_ENV=prod umi build",
+    "build:staging": "UMI_ENV=staging umi build",
+    "build:component": "father build",
+    "postinstall": "umi generate tmp",
+    "prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage",
+    "analyze": "ANALYZE=1 umi build"
+  },
+  "main": "./es/componentIndex.js",
+  "module": "./es/componentIndex.js",
+  "files": [
+    "es",
+    "lib"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "peerDependencies": {
+    "antd": "*",
+    "react": "*",
+    "react-dom": "*",
+    "umi": "*",
+    "moment": "*"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^4.6.3",
+    "@ant-design/pro-layout": "^6.24.1",
+    "@antv/x6": "^1.29.6",
+    "@antv/x6-react-shape": "^1.6.0",
+    "@jiaminghi/color": "^0.1.1",
+    "ahooks": "^3.7.0",
+    "antd": "^4.21.0",
+    "array-move": "^4.0.0",
+    "classnames": "^2.3.1",
+    "dayjs": "^1.10.6",
+    "echarts": "^5.2.2",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.0",
+    "number-precision": "^1.5.1",
+    "react": "17.x",
+    "react-color": "^2.19.3",
+    "react-dom": "17.x",
+    "react-sortable-hoc": "^2.0.0",
+    "umi": "^3.5.17"
+  },
+  "devDependencies": {
+    "@types/js-cookie": "^3.0.1",
+    "@types/lodash-es": "^4.17.5",
+    "@types/react": "^17.0.0",
+    "@types/react-color": "^3.0.6",
+    "@types/react-dom": "^17.0.0",
+    "@umijs/fabric": "^2.6.4",
+    "@umijs/preset-react": "1.x",
+    "@umijs/test": "^3.5.17",
+    "antd-dayjs-webpack-plugin": "^1.0.6",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "babel-plugin-transform-replace-expressions": "^0.2.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "father": "^2.30.21",
+    "lint-staged": "^10.0.7",
+    "prettier": "^2.2.0",
+    "typescript": "^4.4.4",
+    "windicss-webpack-plugin": "^1.6.0",
+    "yorkie": "^2.0.0"
+  }
+}