@riil-frontend/component-topology 11.0.29 → 11.0.30

package/lib/core/editor/components/Toolbar/components/Tooltip.js

@@ -1,20 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.scss"));
+
 function Tooltip(props) {
   var title = props.title;
   return /*#__PURE__*/_react["default"].createElement(_balloon["default"], (0, _extends2["default"])({
     triggerType: "hover",
     title: "\u79FB\u52A8",
     align: "br",
-    closable: false
-    // 解决遮挡下拉浮层问题
+    closable: false // 解决遮挡下拉浮层问题
     ,
     popupStyle: {
       zIndex: 1000
@@ -23,5 +28,6 @@ function Tooltip(props) {
     className: _TooltipModule["default"].tootipTitle
   }, title), props.children);
 }
+
 var _default = Tooltip;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js

@@ -1,46 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _clusterUtil = require("../../../../../utils/clusterUtil");
+
 var _htElementUtils = require("../../../../../utils/htElementUtils");
+
 var _useLayerAddResource = _interopRequireDefault(require("../../../hooks/useLayerAddResource"));
+
 var _LayerAddResourceDrawer = _interopRequireDefault(require("../../settings/propertyViews/layer/DataTab/LayerAddResourceDrawer"));
+
 var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
+
 var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function getAddType(selection) {
   if (selection.length === 1) {
     var data = selection[0];
+
     if ((0, _htElementUtils.isLayer)(data)) {
-      return 'layer';
-      // 集群视为添加到视图
+      return 'layer'; // 集群视为添加到视图
     } else if ((0, _htElementUtils.isGroup)(data) && !(0, _clusterUtil.isClusterHtElement)(data)) {
       return 'group';
     }
   }
 }
+
 function AddResourceButton(props) {
   var showLabel = props.showLabel,
-    topo = props.topo,
-    topoEdit = props.topoEdit,
-    editorProps = props.editorProps;
+      topo = props.topo,
+      topoEdit = props.topoEdit,
+      editorProps = props.editorProps; // 选中的元素
 
-  // 选中的元素
   var selection = topo.selectionModel.useSelection();
   var addType = (0, _react.useMemo)(function () {
     var elements = selection.length ? topo.selectionModel.getSelection() : [];
     return getAddType(elements);
-  }, [selection]);
+  }, [selection]); // 选中分层添加
 
-  // 选中分层添加
   var layerAddResource = (0, _useLayerAddResource["default"])({
     topo: topo,
     topoEdit: topoEdit
   });
+
   var handleClick = function handleClick() {
     if (!addType) {
       // 未选中分层、分区添加资源
@@ -55,6 +66,7 @@ function AddResourceButton(props) {
       topoEdit.groupAddResource.open(htGroup);
     }
   };
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u6DFB\u52A0\u8D44\u6E90",
     tooltip: "\u6DFB\u52A0\u8D44\u6E90",
@@ -70,5 +82,6 @@ function AddResourceButton(props) {
     layerAddResource: layerAddResource
   }));
 }
+
 var _default = AddResourceButton;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js

@@ -1,15 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _DropdownButton = _interopRequireDefault(require("../components/DropdownButton"));
+
 var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
+
 var _BoxBackgroundSetting = _interopRequireDefault(require("./BoxBackgroundSetting"));
+
 var _BoxBackgroundUtil = require("./BoxBackgroundUtil");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * 框背景设置
  * @param {*} props 
@@ -17,20 +26,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function BoxBackgroundButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel;
+      showLabel = props.showLabel;
+
   var _useState = (0, _react.useState)(true),
-    disabled = _useState[0],
-    setDisabled = _useState[1];
+      disabled = _useState[0],
+      setDisabled = _useState[1]; // 选中的元素
+
+
+  var selection = topo.selectionModel.useSelection(); // 拓扑图是否加载
 
-  // 选中的元素
-  var selection = topo.selectionModel.useSelection();
-  // 拓扑图是否加载
   var _topo$store$useModelS = topo.store.useModelState('topoMod'),
-    graphLoaded = _topo$store$useModelS.graphLoaded;
+      graphLoaded = _topo$store$useModelS.graphLoaded;
+
   var htSelection = (0, _react.useMemo)(function () {
     if (!selection.length) {
       return [];
     }
+
     var elements = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
     return (0, _BoxBackgroundUtil.getHtSelection)(elements);
   }, [selection, topo]);
@@ -40,6 +52,7 @@ function BoxBackgroundButton(props) {
         value: {}
       };
     }
+
     return (0, _BoxBackgroundUtil.getGroupsStyle)(htSelection, topo);
   }, [graphLoaded, htSelection, topo]);
   var setStyle = (0, _react.useMemo)(function () {
@@ -78,5 +91,6 @@ function BoxBackgroundButton(props) {
     htSelection: htSelection
   })));
 }
+
 var _default = BoxBackgroundButton;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundSetting.js

@@ -1,34 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _BoxbackgroundSettingsModule = _interopRequireDefault(require("./BoxbackgroundSettings.module.scss"));
+
 var _ColorPanel = _interopRequireDefault(require("../../../../../../components/ColorPanel"));
+
 var _FontColorRange = _interopRequireDefault(require("../../../../../../components/ColorPanel/components/FontColorRange"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+
 function BoxBackgroundSetting(props) {
   var topo = props.topo,
-    fieldProps = props.fieldProps,
-    setStyle = props.setStyle,
-    htSelection = props.htSelection;
+      fieldProps = props.fieldProps,
+      setStyle = props.setStyle,
+      htSelection = props.htSelection;
   var borderColor = fieldProps.borderColor,
-    borderOpacity = fieldProps.borderOpacity,
-    backgroundColor = fieldProps.backgroundColor,
-    backgroundOpacity = fieldProps.backgroundOpacity,
-    width = fieldProps.width,
-    pattern = fieldProps.pattern;
+      borderOpacity = fieldProps.borderOpacity,
+      backgroundColor = fieldProps.backgroundColor,
+      backgroundOpacity = fieldProps.backgroundOpacity,
+      width = fieldProps.width,
+      pattern = fieldProps.pattern;
+
   var _useState = (0, _react.useState)(pattern && pattern.length > 0 ? pattern[0] : 0),
-    leftInputVal = _useState[0],
-    setLeftInputVal = _useState[1];
+      leftInputVal = _useState[0],
+      setLeftInputVal = _useState[1];
+
   var _useState2 = (0, _react.useState)(pattern && pattern.length == 2 ? pattern[1] : 0),
-    rightInputVal = _useState2[0],
-    setRightInputVal = _useState2[1];
+      rightInputVal = _useState2[0],
+      setRightInputVal = _useState2[1];
+
   var backOpacityChange = function backOpacityChange(value) {
     topo.historyManager.beginTransaction();
     setStyle({
@@ -36,38 +50,45 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var backgroundChang = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, type) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(value, type) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(type === 'select')) {
               _context.next = 7;
               break;
             }
+
             topo.historyManager.beginTransaction();
             _context.next = 4;
             return setStyle({
               backgroundColor: value
             });
+
           case 4:
             topo.historyManager.endTransaction();
             _context.next = 8;
             break;
+
           case 7:
             setStyle({
               backgroundColor: value
             });
+
           case 8:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
+
     return function backgroundChang(_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }();
+
   var borderOpacityChange = function borderOpacityChange(value) {
     topo.historyManager.beginTransaction();
     setStyle({
@@ -75,6 +96,7 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var borderWidthChange = function borderWidthChange(value) {
     topo.historyManager.beginTransaction();
     setStyle({
@@ -82,38 +104,45 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var borderColorChang = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(value, type) {
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(value, type) {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!(type === 'select')) {
               _context2.next = 7;
               break;
             }
+
             topo.historyManager.beginTransaction();
             _context2.next = 4;
             return setStyle({
               borderColor: value
             });
+
           case 4:
             topo.historyManager.endTransaction();
             _context2.next = 8;
             break;
+
           case 7:
             setStyle({
               borderColor: value
             });
+
           case 8:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
+
     return function borderColorChang(_x3, _x4) {
       return _ref2.apply(this, arguments);
     };
   }();
+
   var leftInputChange = function leftInputChange(val) {
     setLeftInputVal(val);
     topo.historyManager.beginTransaction();
@@ -122,6 +151,7 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var rightInputChange = function rightInputChange(val) {
     setRightInputVal(val);
     topo.historyManager.beginTransaction();
@@ -130,8 +160,11 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var onFocus = function onFocus() {};
+
   var onBlur = function onBlur() {};
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _BoxbackgroundSettingsModule["default"].content
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -202,8 +235,7 @@ function BoxBackgroundSetting(props) {
     className: _BoxbackgroundSettingsModule["default"].backOpacityLable
   }, "\u95F4\u9694"), /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
     size: "small",
-    hasTrigger: false
-    // eslint-disable-next-line no-nested-ternary
+    hasTrigger: false // eslint-disable-next-line no-nested-ternary
     ,
     placeholder: '0',
     className: _BoxbackgroundSettingsModule["default"].rightInput,
@@ -224,5 +256,6 @@ function BoxBackgroundSetting(props) {
     onPickerBlur: onBlur
   }))));
 }
+
 var _default = BoxBackgroundSetting;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundUtil.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.getBorderPattern = getBorderPattern;
 exports.getElementTextStyle = getElementTextStyle;
@@ -8,10 +9,15 @@ exports.getGroupsStyle = getGroupsStyle;
 exports.getHtSelection = getHtSelection;
 exports.setGroupStyle = setGroupStyle;
 exports.setGroupsStyle = setGroupsStyle;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _colorUtil = require("../components/textStyleSetting/ElementTextStyleSetting/colorUtil");
+
 var _excluded = ["borderColor", "borderOpacity", "backgroundColor", "backgroundOpacity", "width", "pattern"];
+
 /**
  * @name getHtSelection 获取选中的框和区域(不包含集群)
  * @param {*} elements 选中元素列表
@@ -27,6 +33,8 @@ function getHtSelection(elements) {
  * @name getGroupsStyle 获取区域(不包含集群)/框的样式（['backgroundColor','backgtoundOpacity','width','pattern','widthOpacity','widthColor']）
  * @param {*} htSelection 选中的区域/框元素列表
  */
+
+
 function getGroupsStyle(htSelection) {
   var elementValues = [];
   var elementEnabledFieldsMap = {};
@@ -45,21 +53,23 @@ function getGroupsStyle(htSelection) {
     // 查询该字段多元素的值列表，排除元素禁用的字段值
     var fieldValueList = elementValues.reduce(function (result, item) {
       // 元素字段是否禁用
-
       if (!item.values) {
         return result;
       }
+
       return [].concat(result, [item.values[styleName]]);
-    }, []);
-    // 对比是否一样，如果一样则使用
+    }, []); // 对比是否一样，如果一样则使用
+
     var val = fieldValueList[0];
     var different = fieldValueList.filter(function (item) {
       // 如果是颜色，特殊处理
       if (item && val && item.rgb) {
         return item.rgb.r + "," + item.rgb.g + "," + item.rgb.b + "," + item.rgb.a !== val.rgb.r + "," + val.rgb.g + "," + val.rgb.b + "," + val.rgb.a;
       }
+
       return item !== val;
     });
+
     if (!different.length) {
       value[styleName] = val;
     }
@@ -70,6 +80,8 @@ function getGroupsStyle(htSelection) {
  * @name getElementTextStyle 获取单个元素的指定样式
  * @param {*} element 
  */
+
+
 function getElementTextStyle(element) {
   if (element._layer != 'rectangle') {
     return {
@@ -91,31 +103,37 @@ function getElementTextStyle(element) {
     };
   }
 }
+
 function getBorderPattern(data) {
   if (data.length == 1) {
     return [data[0], data[0]];
   }
+
   return data;
 }
+
 function setGroupsStyle(elements, style) {
   var borderColor = style.borderColor,
-    borderOpacity = style.borderOpacity,
-    backgroundColor = style.backgroundColor,
-    backgroundOpacity = style.backgroundOpacity,
-    width = style.width,
-    pattern = style.pattern,
-    otherStyle = (0, _objectWithoutPropertiesLoose2["default"])(style, _excluded);
+      borderOpacity = style.borderOpacity,
+      backgroundColor = style.backgroundColor,
+      backgroundOpacity = style.backgroundOpacity,
+      width = style.width,
+      pattern = style.pattern,
+      otherStyle = (0, _objectWithoutPropertiesLoose2["default"])(style, _excluded);
   var tagStyle = (0, _extends2["default"])({}, otherStyle);
   setGroupStyle(elements, style, tagStyle);
 }
+
 function setGroupStyle(element, style, tagStyle) {
   var elementStyles = getElementTextStyle(element);
+
   if ('borderColor' in style || 'borderOpacity' in style) {
     var prevStyle = {
       background: elementStyles.borderColor ? elementStyles.borderColor : 'rgba(255,255,255,1)',
       opacity: elementStyles.borderOpacity ? elementStyles.borderOpacity : 1
     };
     var borderCurrentColor = {};
+
     if ('borderColor' in style) {
       borderCurrentColor = {
         background: style.borderColor,
@@ -127,19 +145,23 @@ function setGroupStyle(element, style, tagStyle) {
         opacity: style.borderOpacity === undefined ? 1 : style.borderOpacity
       };
     }
+
     tagStyle.borderColor = (0, _colorUtil.formatBackgroundRgbaColor)(prevStyle, borderCurrentColor);
+
     if (element._layer != 'rectangle') {
       element.s('group.border.color', tagStyle.borderColor);
     } else {
       element.s('shape.border.color', tagStyle.borderColor);
     }
   }
+
   if ('backgroundColor' in style || 'backgroundOpacity' in style) {
     var backStyle = {
       backgroundColor: elementStyles.backgroundColor ? elementStyles.backgroundColor : 'rgba(255,255,255,1)',
       backgroundOpacity: elementStyles.backgroundOpacity ? elementStyles.backgroundOpacity : 1
     };
     var backCurrentColor = {};
+
     if ('backgroundColor' in style) {
       backCurrentColor = {
         background: style.backgroundColor,
@@ -151,23 +173,29 @@ function setGroupStyle(element, style, tagStyle) {
         opacity: style.backgroundOpacity === undefined ? 1 : style.backgroundOpacity
       };
     }
+
     tagStyle.background = (0, _colorUtil.formatBackgroundRgbaColor)(backStyle, backCurrentColor);
+
     if (element._layer != 'rectangle') {
       element.s('group.background', tagStyle.background);
     } else {
       element.s('shape.background', tagStyle.background);
     }
   }
+
   if ('width' in style) {
     tagStyle.width = style.width;
+
     if (element._layer != 'rectangle') {
       element.s('group.border.width', tagStyle.width);
     } else {
       element.s('shape.border.width', tagStyle.width);
     }
   }
+
   if ('pattern' in style) {
     tagStyle.pattern = style.pattern;
+
     if (element._layer != 'rectangle') {
       element.s('group.border.pattern', tagStyle.pattern);
     } else {

package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/index.js

@@ -1,8 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _BoxBackgroundButton = _interopRequireDefault(require("./BoxBackgroundButton"));
+
 var _default = _BoxBackgroundButton["default"];
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js

@@ -1,18 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
 var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
+
 var _Tooltip = _interopRequireDefault(require("../components/Tooltip"));
+
 function CanvasMoveWidget(props) {
   var topo = props.topo,
-    showLabel = props.showLabel,
-    topoEdit = props.topoEdit;
+      showLabel = props.showLabel,
+      topoEdit = props.topoEdit;
+
   var _topo$store$useModelS = topo.store.useModelState('topoEdit'),
-    viewMouseMode = _topo$store$useModelS.viewMouseMode;
+      viewMouseMode = _topo$store$useModelS.viewMouseMode;
+
   var button = /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u79FB\u52A8",
     showLabel: showLabel
@@ -25,9 +33,11 @@ function CanvasMoveWidget(props) {
     src: "/img/topo/editor/toolbar/drag/Normal.svg",
     alt: ""
   })));
+
   return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
     trigger: button
   }, "\u79FB\u52A8\uFF08\u5355\u51FB\u201C\u7A7A\u683C\u952E\u201D\u5FEB\u901F\u5207\u6362\u4E3A\u9009\u62E9\uFF09");
 }
+
 var _default = CanvasMoveWidget;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/CanvasSelectWidget.js

@@ -1,17 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
 var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
+
 function CanvasSelectWidget(props) {
   var topo = props.topo,
-    showLabel = props.showLabel,
-    topoEdit = props.topoEdit;
+      showLabel = props.showLabel,
+      topoEdit = props.topoEdit;
+
   var _topo$store$useModelS = topo.store.useModelState('topoEdit'),
-    viewMouseMode = _topo$store$useModelS.viewMouseMode;
+      viewMouseMode = _topo$store$useModelS.viewMouseMode;
+
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u9009\u62E9",
     tooltip: "\u9009\u62E9\uFF08\u5355\u51FB\u201C\u7A7A\u683C\u952E\u201D\u5FEB\u901F\u5207\u6362\u4E3A\u79FB\u52A8\uFF09",
@@ -26,5 +33,6 @@ function CanvasSelectWidget(props) {
     alt: ""
   })));
 }
+
 var _default = CanvasSelectWidget;
 exports["default"] = _default;