coolcare-lite-scada-component 1.0.0

package/es/element/BasicShape/Heart/index.js

@@ -0,0 +1,75 @@
+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";
+var EleHeart = /*#__PURE__*/function (_NodeBase) {
+  _inherits(EleHeart, _NodeBase);
+  var _super = _createSuper(EleHeart);
+  function EleHeart() {
+    var _this;
+    _classCallCheck(this, EleHeart);
+    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 = 'ele-basic-shape-heart';
+    _this.textEditable = true;
+    return _this;
+  }
+  _createClass(EleHeart, [{
+    key: "getText",
+    value: function getText(cell) {
+      return cell.getAttrByPath('label/text');
+    }
+  }, {
+    key: "setText",
+    value: function setText(cell, value) {
+      cell.attr('label/text', value);
+    }
+  }]);
+  return EleHeart;
+}(NodeBase);
+EleHeart.shapeName = 'ele-basic-shape-heart';
+export { EleHeart as default };
+export var defaultConfig = {
+  shape: EleHeart.shapeName,
+  width: 70,
+  height: 70,
+  markup: [{
+    tagName: 'path',
+    selector: 'body'
+  }, {
+    tagName: 'text',
+    selector: 'label'
+  }],
+  attrs: {
+    body: {
+      refDResetOffset: 'M24.85,10.126c2.018-4.783,6.628-8.125,11.99-8.125c7.223,0,12.425,6.179,13.079,13.543c0,0,0.353,1.828-0.424,5.119c-1.058,4.482-3.545,8.464-6.898,11.503L24.85,48L7.402,32.165c-3.353-3.038-5.84-7.021-6.898-11.503c-0.777-3.291-0.424-5.119-0.424-5.119C0.734,8.179,5.936,2,13.159,2C18.522,2,22.832,5.343,24.85,10.126z',
+      fill: '#fff',
+      stroke: '#000',
+      strokeWidth: 1
+    },
+    label: {
+      text: '',
+      fontSize: 14,
+      fill: '#000000',
+      refX: 0.5,
+      refY: 0.5,
+      textAnchor: 'middle',
+      textVerticalAnchor: 'middle',
+      fontFamily: 'Arial, helvetica, sans-serif'
+    }
+  },
+  data: {}
+};
+EleHeart.config(defaultConfig);

package/es/element/BasicShape/Lightning/index.js

@@ -0,0 +1,75 @@
+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";
+var EleLightning = /*#__PURE__*/function (_NodeBase) {
+  _inherits(EleLightning, _NodeBase);
+  var _super = _createSuper(EleLightning);
+  function EleLightning() {
+    var _this;
+    _classCallCheck(this, EleLightning);
+    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 = 'ele-basic-shape-lightning';
+    _this.textEditable = true;
+    return _this;
+  }
+  _createClass(EleLightning, [{
+    key: "getText",
+    value: function getText(cell) {
+      return cell.getAttrByPath('label/text');
+    }
+  }, {
+    key: "setText",
+    value: function setText(cell, value) {
+      cell.attr('label/text', value);
+    }
+  }]);
+  return EleLightning;
+}(NodeBase);
+EleLightning.shapeName = 'ele-basic-shape-lightning';
+export { EleLightning as default };
+export var defaultConfig = {
+  shape: EleLightning.shapeName,
+  width: 70,
+  height: 70,
+  markup: [{
+    tagName: 'path',
+    selector: 'body'
+  }, {
+    tagName: 'text',
+    selector: 'label'
+  }],
+  attrs: {
+    body: {
+      refDResetOffset: 'M22.9,48a0.8,0.8,0,0,1-.22,0,0.76,0.76,0,0,1-.56-0.73V27.67H8a1.5,1.5,0,0,1-1.43-2L14.51,0.54A0.77,0.77,0,0,1,15.25,0H32.78a0.76,0.76,0,0,1,.68,1.1L26.09,15.83H41a0.78,0.78,0,0,1,.68.39,0.75,0.75,0,0,1,0,.76L23.56,47.62A0.77,0.77,0,0,1,22.9,48ZM15.41,1L7.54,26a0.5,0.5,0,0,0,.48.65H22.34a0.77,0.77,0,0,1,.77.77v19L40.57,16.83H25.7a0.76,0.76,0,0,1-.68-1.1L32.39,1h-17ZM40.78,16.48h0Zm-14.86-.3h0ZM15.46,0.84h0Zm17.1-.19h0Z',
+      fill: '#fff',
+      stroke: '#000',
+      strokeWidth: 2
+    },
+    label: {
+      text: '',
+      fontSize: 14,
+      fill: '#000000',
+      refX: 0.5,
+      refY: 0.5,
+      textAnchor: 'middle',
+      textVerticalAnchor: 'middle',
+      fontFamily: 'Arial, helvetica, sans-serif'
+    }
+  },
+  data: {}
+};
+EleLightning.config(defaultConfig);

package/es/element/BasicShape/PropsForm/index.js

@@ -0,0 +1,80 @@
+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 { useEffect } from 'react';
+import { Form, InputNumber } from 'antd';
+import { useDebounceFn } from 'ahooks';
+import { useModel } from 'umi';
+import ColorPicker from "../../../components/ColorPicker";
+var BasicShapePropsForm = function BasicShapePropsForm() {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useModel = useModel('useEditor', function (model) {
+      return {
+        activeNode: model.activeNode
+      };
+    }),
+    activeNode = _useModel.activeNode;
+  var _useDebounceFn = useDebounceFn(function (values) {
+      if (!activeNode) {
+        return;
+      }
+      var borderColor = values.borderColor,
+        borderWidth = values.borderWidth;
+      // if ('backgroundColor' in values) {
+      //   activeNode.attr('body/fill', backgroundColor);
+      // }
+      if ('borderColor' in values) {
+        activeNode.attr('body/stroke', borderColor);
+      }
+      if ('borderWidth' in values) {
+        activeNode.attr('body/strokeWidth', borderWidth);
+      }
+    }, {
+      leading: false,
+      wait: 500
+    }),
+    updateStyle = _useDebounceFn.run;
+  useEffect(function () {
+    if (!activeNode) {
+      return;
+    }
+    form.setFieldsValue({
+      // backgroundColor: activeNode.attr('body/fill'),
+      borderColor: activeNode.attr('body/stroke'),
+      borderWidth: activeNode.attr('body/strokeWidth')
+    });
+  }, [activeNode, form]);
+  var onFormChange = function onFormChange(changedValues, values) {
+    updateStyle(values);
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    layout: "vertical",
+    form: form,
+    size: "small",
+    onValuesChange: onFormChange
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    noStyle: true
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    className: "half-form-item",
+    name: "borderColor",
+    label: "\u7EBF\u6761\u989C\u8272"
+  }, /*#__PURE__*/React.createElement(ColorPicker, null)), /*#__PURE__*/React.createElement("span", {
+    className: "half-form-item-space"
+  }), /*#__PURE__*/React.createElement(Form.Item, {
+    className: "half-form-item",
+    name: "borderWidth",
+    label: "\u7EBF\u6761\u5BBD\u5EA6\uFF08px\uFF09"
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    min: 0,
+    style: {
+      width: '100%'
+    }
+  }))));
+};
+export default BasicShapePropsForm;

package/es/element/BasicShape/Rectangle/index.js

@@ -0,0 +1,78 @@
+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";
+var EleRectangle = /*#__PURE__*/function (_NodeBase) {
+  _inherits(EleRectangle, _NodeBase);
+  var _super = _createSuper(EleRectangle);
+  function EleRectangle() {
+    var _this;
+    _classCallCheck(this, EleRectangle);
+    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 = 'ele-basic-shape-rectangle';
+    _this.textEditable = true;
+    return _this;
+  }
+  _createClass(EleRectangle, [{
+    key: "getText",
+    value: function getText(cell) {
+      return cell.getAttrByPath('label/text');
+    }
+  }, {
+    key: "setText",
+    value: function setText(cell, value) {
+      cell.attr('label/text', value);
+    }
+  }]);
+  return EleRectangle;
+}(NodeBase);
+EleRectangle.shapeName = 'ele-basic-shape-rectangle';
+export { EleRectangle as default };
+export var defaultConfig = {
+  shape: EleRectangle.shapeName,
+  width: 100,
+  height: 60,
+  markup: [{
+    tagName: 'rect',
+    selector: 'body'
+  }, {
+    tagName: 'text',
+    selector: 'label'
+  }],
+  attrs: {
+    body: {
+      refWidth: '100%',
+      refHeight: '100%',
+      fill: 'rgba(0, 0, 0, 0)',
+      stroke: '#000',
+      strokeWidth: 1,
+      rx: 4,
+      ry: 4
+    },
+    label: {
+      text: '',
+      fontSize: 14,
+      fill: '#000000',
+      refX: 0.5,
+      refY: 0.5,
+      textAnchor: 'middle',
+      textVerticalAnchor: 'middle',
+      fontFamily: 'Arial, helvetica, sans-serif'
+    }
+  },
+  data: {}
+};
+EleRectangle.config(defaultConfig);

package/es/element/BasicShape/Star/index.js

@@ -0,0 +1,75 @@
+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";
+var EleStar = /*#__PURE__*/function (_NodeBase) {
+  _inherits(EleStar, _NodeBase);
+  var _super = _createSuper(EleStar);
+  function EleStar() {
+    var _this;
+    _classCallCheck(this, EleStar);
+    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 = 'ele-basic-shape-star';
+    _this.textEditable = true;
+    return _this;
+  }
+  _createClass(EleStar, [{
+    key: "getText",
+    value: function getText(cell) {
+      return cell.getAttrByPath('label/text');
+    }
+  }, {
+    key: "setText",
+    value: function setText(cell, value) {
+      cell.attr('label/text', value);
+    }
+  }]);
+  return EleStar;
+}(NodeBase);
+EleStar.shapeName = 'ele-basic-shape-star';
+export { EleStar as default };
+export var defaultConfig = {
+  shape: EleStar.shapeName,
+  width: 70,
+  height: 70,
+  markup: [{
+    tagName: 'path',
+    selector: 'body'
+  }, {
+    tagName: 'text',
+    selector: 'label'
+  }],
+  attrs: {
+    body: {
+      refDResetOffset: 'M26.285,2.486l5.407,10.956c0.376,0.762,1.103,1.29,1.944,1.412l12.091,1.757c2.118,0.308,2.963,2.91,1.431,4.403l-8.749,8.528c-0.608,0.593-0.886,1.448-0.742,2.285l2.065,12.042c0.362,2.109-1.852,3.717-3.746,2.722l-10.814-5.685c-0.752-0.395-1.651-0.395-2.403,0l-10.814,5.685c-1.894,0.996-4.108-0.613-3.746-2.722l2.065-12.042c0.144-0.837-0.134-1.692-0.742-2.285l-8.749-8.528c-1.532-1.494-0.687-4.096,1.431-4.403l12.091-1.757c0.841-0.122,1.568-0.65,1.944-1.412l5.407-10.956C22.602,0.567,25.338,0.567,26.285,2.486z',
+      fill: '#fff',
+      stroke: '#000',
+      strokeWidth: 1
+    },
+    label: {
+      text: '',
+      fontSize: 14,
+      fill: '#000000',
+      refX: 0.5,
+      refY: 0.5,
+      textAnchor: 'middle',
+      textVerticalAnchor: 'middle',
+      fontFamily: 'Arial, helvetica, sans-serif'
+    }
+  },
+  data: {}
+};
+EleStar.config(defaultConfig);

package/es/element/BorderBox/BorderBox1/Component.js

@@ -0,0 +1,74 @@
+import React from "react";
+import { useRef, memo } from 'react';
+import { useSize } from 'ahooks';
+import { reactShapeNodeAreEqual } from "../../utils";
+import { isValidColors } from "../util";
+import "./index.css";
+var border = ['left-top', 'right-top', 'left-bottom', 'right-bottom'];
+var defaultColor = ['#4fd2dd', '#235fa7'];
+var BorderBox = function BorderBox(_ref) {
+  var _payload$fillStyles, _payload$fillStyles$o, _payload$fillStyles2;
+  var node = _ref.node;
+  var domRef = useRef(null);
+  var _ref2 = useSize(domRef) || {},
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? 0 : _ref2$height,
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 0 : _ref2$width;
+  var payload = node === null || node === void 0 ? void 0 : node.getData();
+  var backgroundColor = (payload === null || payload === void 0 ? void 0 : (_payload$fillStyles = payload.fillStyles) === null || _payload$fillStyles === void 0 ? void 0 : _payload$fillStyles.backgroundColor) || 'transparent';
+  var mergedColor = defaultColor;
+  var colors = (payload === null || payload === void 0 ? void 0 : payload.colors) || [];
+  if (colors && isValidColors(colors)) {
+    mergedColor = colors;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "dv-border-box-1",
+    ref: domRef,
+    style: {
+      opacity: (_payload$fillStyles$o = payload === null || payload === void 0 ? void 0 : (_payload$fillStyles2 = payload.fillStyles) === null || _payload$fillStyles2 === void 0 ? void 0 : _payload$fillStyles2.opacity) !== null && _payload$fillStyles$o !== void 0 ? _payload$fillStyles$o : 1
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "border",
+    width: width,
+    height: height
+  }, /*#__PURE__*/React.createElement("polygon", {
+    fill: backgroundColor,
+    points: "10, 27 10, ".concat(height - 27, " 13, ").concat(height - 24, " 13, ").concat(height - 21, " 24, ").concat(height - 11, "\n        38, ").concat(height - 11, " 41, ").concat(height - 8, " 73, ").concat(height - 8, " 75, ").concat(height - 10, " 81, ").concat(height - 10, "\n        85, ").concat(height - 6, " ").concat(width - 85, ", ").concat(height - 6, " ").concat(width - 81, ", ").concat(height - 10, " ").concat(width - 75, ", ").concat(height - 10, "\n        ").concat(width - 73, ", ").concat(height - 8, " ").concat(width - 41, ", ").concat(height - 8, " ").concat(width - 38, ", ").concat(height - 11, "\n        ").concat(width - 24, ", ").concat(height - 11, " ").concat(width - 13, ", ").concat(height - 21, " ").concat(width - 13, ", ").concat(height - 24, "\n        ").concat(width - 10, ", ").concat(height - 27, " ").concat(width - 10, ", 27 ").concat(width - 13, ", 25 ").concat(width - 13, ", 21\n        ").concat(width - 24, ", 11 ").concat(width - 38, ", 11 ").concat(width - 41, ", 8 ").concat(width - 73, ", 8 ").concat(width - 75, ", 10\n        ").concat(width - 81, ", 10 ").concat(width - 85, ", 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24")
+  })), border.map(function (borderName) {
+    return /*#__PURE__*/React.createElement("svg", {
+      width: "150px",
+      height: "150px",
+      key: borderName,
+      className: "".concat(borderName, " border")
+    }, /*#__PURE__*/React.createElement("polygon", {
+      fill: mergedColor[0],
+      points: "6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
+    }, /*#__PURE__*/React.createElement("animate", {
+      attributeName: "fill",
+      values: "".concat(mergedColor[0], ";").concat(mergedColor[1], ";").concat(mergedColor[0]),
+      dur: "0.5s",
+      begin: "0s",
+      repeatCount: "indefinite"
+    })), /*#__PURE__*/React.createElement("polygon", {
+      fill: mergedColor[1],
+      points: "27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"
+    }, /*#__PURE__*/React.createElement("animate", {
+      attributeName: "fill",
+      values: "".concat(mergedColor[1], ";").concat(mergedColor[0], ";").concat(mergedColor[1]),
+      dur: "0.5s",
+      begin: "0s",
+      repeatCount: "indefinite"
+    })), /*#__PURE__*/React.createElement("polygon", {
+      fill: mergedColor[0],
+      points: "9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
+    }, /*#__PURE__*/React.createElement("animate", {
+      attributeName: "fill",
+      values: "".concat(mergedColor[0], ";").concat(mergedColor[1], ";transparent"),
+      dur: "1s",
+      begin: "0s",
+      repeatCount: "indefinite"
+    })));
+  }));
+};
+export default /*#__PURE__*/memo(BorderBox, reactShapeNodeAreEqual);

package/es/element/BorderBox/BorderBox1/index.css

@@ -0,0 +1,27 @@
+.dv-border-box-1 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.dv-border-box-1 .border {
+  position: absolute;
+  display: block;
+}
+.dv-border-box-1 .right-top {
+  right: 0px;
+  transform: rotateY(180deg);
+}
+.dv-border-box-1 .left-bottom {
+  bottom: 0px;
+  transform: rotateX(180deg);
+}
+.dv-border-box-1 .right-bottom {
+  right: 0px;
+  bottom: 0px;
+  transform: rotateX(180deg) rotateY(180deg);
+}
+.dv-border-box-1 .border-box-content {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}

package/es/element/BorderBox/BorderBox1/index.js

@@ -0,0 +1,51 @@
+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 EleBorderBox1Component from "./Component";
+import { ReactShapeBase } from "../../reactShapeBase";
+export var shapeName = 'ele-border-box1';
+var EleBorderBox1 = /*#__PURE__*/function (_ReactShapeBase) {
+  _inherits(EleBorderBox1, _ReactShapeBase);
+  var _super = _createSuper(EleBorderBox1);
+  function EleBorderBox1() {
+    var _this;
+    _classCallCheck(this, EleBorderBox1);
+    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(EleBorderBox1);
+}(ReactShapeBase);
+EleBorderBox1.shapeName = shapeName;
+/** 注册的 react 组件名称 */
+var registerComponentName = "".concat(EleBorderBox1.shapeName, "-component");
+export var defaultConfig = {
+  shape: EleBorderBox1.shapeName,
+  width: 250,
+  height: 150,
+  data: {
+    colors: ['#4fd2dd', '#235fa7']
+  },
+  component: registerComponentName
+};
+EleBorderBox1.config(defaultConfig);
+
+// 注册 react 组件
+Graph.registerReactComponent(registerComponentName, /*#__PURE__*/React.createElement(EleBorderBox1Component, null));
+export { EleBorderBox1Component };
+export default EleBorderBox1;

package/es/element/BorderBox/BorderBox10/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 { useMemo, useRef, memo } from 'react';
+import { useSize } from 'ahooks';
+import { reactShapeNodeAreEqual } from "../../utils";
+import { isValidColors } from "../util";
+import "./index.css";
+var border = ['left-top', 'right-top', 'left-bottom', 'right-bottom'];
+var defaultColor = ['#1d48c4', '#d3e1f8'];
+var BorderBox = function BorderBox(_ref) {
+  var _payload$fillStyles, _payload$fillStyles$o, _payload$fillStyles2;
+  var node = _ref.node;
+  var domRef = useRef(null);
+  var _ref2 = useSize(domRef) || {},
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? 0 : _ref2$height,
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 0 : _ref2$width;
+  var payload = node === null || node === void 0 ? void 0 : node.getData();
+  var backgroundColor = (payload === null || payload === void 0 ? void 0 : (_payload$fillStyles = payload.fillStyles) === null || _payload$fillStyles === void 0 ? void 0 : _payload$fillStyles.backgroundColor) || 'transparent';
+  var mergedColor = defaultColor;
+  var colors = (payload === null || payload === void 0 ? void 0 : payload.colors) || [];
+  if (colors && isValidColors(colors)) {
+    mergedColor = colors;
+  }
+  var styles = useMemo(function () {
+    return {
+      boxShadow: "inset 0 0 25px 3px ".concat(mergedColor[0])
+    };
+  }, [mergedColor]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "dv-border-box-10",
+    ref: domRef,
+    style: _objectSpread(_objectSpread({}, styles), {}, {
+      opacity: (_payload$fillStyles$o = payload === null || payload === void 0 ? void 0 : (_payload$fillStyles2 = payload.fillStyles) === null || _payload$fillStyles2 === void 0 ? void 0 : _payload$fillStyles2.opacity) !== null && _payload$fillStyles$o !== void 0 ? _payload$fillStyles$o : 1
+    })
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "dv-border-svg-container",
+    width: width,
+    height: height
+  }, /*#__PURE__*/React.createElement("polygon", {
+    fill: backgroundColor,
+    points: "\n          4, 0 ".concat(width - 4, ", 0 ").concat(width, ", 4 ").concat(width, ", ").concat(height - 4, " ").concat(width - 4, ", ").concat(height, "\n          4, ").concat(height, " 0, ").concat(height - 4, " 0, 4\n        ")
+  })), border.map(function (borderName) {
+    return /*#__PURE__*/React.createElement("svg", {
+      width: "150px",
+      height: "150px",
+      key: borderName,
+      className: "".concat(borderName, " dv-border-svg-container")
+    }, /*#__PURE__*/React.createElement("polygon", {
+      fill: mergedColor[1],
+      points: "40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
+    }));
+  }));
+};
+export default /*#__PURE__*/memo(BorderBox, reactShapeNodeAreEqual);