@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/core/editor/components/Toolbar/buttons.js

@@ -17,37 +17,22 @@ import EdgeColorButton from "./widgets/EdgeColorButton";
 import NodeImageButton from "./widgets/NodeImageButton";
 import NodeSizeButton from "./widgets/NodeSizeButton";
 export default function getButtons(isNetworkTopo) {
-  return [].concat(isNetworkTopo ? [AddResourceButton,
-  // 添加资源
-  Divider] : [], [CanvasSelectWidget,
-  // 选择
-  CanvasMoveWidget,
-  // 移动
-  Divider], isNetworkTopo ? [HistoryUndoButton,
-  // 撤销
+  return [].concat(isNetworkTopo ? [AddResourceButton, // 添加资源
+  Divider] : [], [CanvasSelectWidget, // 选择
+  CanvasMoveWidget, // 移动
+  Divider], isNetworkTopo ? [HistoryUndoButton, // 撤销
   // HistoryRedoButton, // 恢复
-  Divider] : [], [FontFamilyWidget,
-  // 字体
-  FontSizeWidget,
-  // 字号
-  FontStyleButton,
-  // 文字样式
-  FontColorButton,
-  // 文字颜色
-  Divider, BoxBackgroundButton,
-  // 框背景
-  Divider, EdgeColorButton,
-  // 线条颜色
-  EdgeTypeButton,
-  // 线形
-  Divider, NodeImageButton,
-  // 替换图片
-  NodeSizeButton,
-  // 图片尺寸
-  Divider, Layout,
-  // 布局方式
-  NodeAlignWidget,
-  // 对齐方式
+  Divider] : [], [FontFamilyWidget, // 字体
+  FontSizeWidget, // 字号
+  FontStyleButton, // 文字样式
+  FontColorButton, // 文字颜色
+  Divider, BoxBackgroundButton, // 框背景
+  Divider, EdgeColorButton, // 线条颜色
+  EdgeTypeButton, // 线形
+  Divider, NodeImageButton, // 替换图片
+  NodeSizeButton, // 图片尺寸
+  Divider, Layout, // 布局方式
+  NodeAlignWidget, // 对齐方式
   SearchWidget // 搜索
   ]);
 }

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

@@ -2,14 +2,14 @@ import _Balloon from "@alifd/next/es/balloon";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import styles from "./Tooltip.module.scss";
+
 function Tooltip(props) {
   var title = props.title;
   return /*#__PURE__*/React.createElement(_Balloon, _extends({
     triggerType: "hover",
     title: "\u79FB\u52A8",
     align: "br",
-    closable: false
-    // 解决遮挡下拉浮层问题
+    closable: false // 解决遮挡下拉浮层问题
     ,
     popupStyle: {
       zIndex: 1000
@@ -18,4 +18,5 @@ function Tooltip(props) {
     className: styles.tootipTitle
   }, title), props.children);
 }
+
 export default Tooltip;

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

@@ -5,35 +5,36 @@ import useLayerAddResource from "../../../hooks/useLayerAddResource";
 import LayerAddResourceDrawer from "../../settings/propertyViews/layer/DataTab/LayerAddResourceDrawer";
 import ButtonBox from "./components/ButtonBox";
 import WidgetBox from "./WidgetBox";
+
 function getAddType(selection) {
   if (selection.length === 1) {
     var data = selection[0];
+
     if (isLayer(data)) {
-      return 'layer';
-      // 集群视为添加到视图
+      return 'layer'; // 集群视为添加到视图
     } else if (isGroup(data) && !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 = useMemo(function () {
     var elements = selection.length ? topo.selectionModel.getSelection() : [];
     return getAddType(elements);
-  }, [selection]);
+  }, [selection]); // 选中分层添加
 
-  // 选中分层添加
   var layerAddResource = useLayerAddResource({
     topo: topo,
     topoEdit: topoEdit
   });
+
   var handleClick = function handleClick() {
     if (!addType) {
       // 未选中分层、分区添加资源
@@ -48,6 +49,7 @@ function AddResourceButton(props) {
       topoEdit.groupAddResource.open(htGroup);
     }
   };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u6DFB\u52A0\u8D44\u6E90",
     tooltip: "\u6DFB\u52A0\u8D44\u6E90",
@@ -63,4 +65,5 @@ function AddResourceButton(props) {
     layerAddResource: layerAddResource
   }));
 }
+
 export default AddResourceButton;

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

@@ -8,22 +8,26 @@ import { getHtSelection, getGroupsStyle, setGroupsStyle } from "./BoxBackgroundU
  * @param {*} props 
  * @returns 
  */
+
 function BoxBackgroundButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel;
+      showLabel = props.showLabel;
+
   var _useState = 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 = useMemo(function () {
     if (!selection.length) {
       return [];
     }
+
     var elements = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
     return getHtSelection(elements);
   }, [selection, topo]);
@@ -33,6 +37,7 @@ function BoxBackgroundButton(props) {
         value: {}
       };
     }
+
     return getGroupsStyle(htSelection, topo);
   }, [graphLoaded, htSelection, topo]);
   var setStyle = useMemo(function () {
@@ -71,4 +76,5 @@ function BoxBackgroundButton(props) {
     htSelection: htSelection
   })));
 }
+
 export default BoxBackgroundButton;

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

@@ -1,27 +1,31 @@
 import _NumberPicker from "@alifd/next/es/number-picker";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-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; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState } from 'react';
 import styles from "./BoxbackgroundSettings.module.scss";
 import ColorPanel from "../../../../../../components/ColorPanel";
 import FontColorRange from "../../../../../../components/ColorPanel/components/FontColorRange";
+
 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 = useState(pattern && pattern.length > 0 ? pattern[0] : 0),
-    leftInputVal = _useState[0],
-    setLeftInputVal = _useState[1];
+      leftInputVal = _useState[0],
+      setLeftInputVal = _useState[1];
+
   var _useState2 = 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({
@@ -29,38 +33,45 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var backgroundChang = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, type) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, type) {
+      return _regeneratorRuntime.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({
@@ -68,6 +79,7 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var borderWidthChange = function borderWidthChange(value) {
     topo.historyManager.beginTransaction();
     setStyle({
@@ -75,38 +87,45 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var borderColorChang = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(value, type) {
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value, type) {
+      return _regeneratorRuntime.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();
@@ -115,6 +134,7 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var rightInputChange = function rightInputChange(val) {
     setRightInputVal(val);
     topo.historyManager.beginTransaction();
@@ -123,8 +143,11 @@ function BoxBackgroundSetting(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var onFocus = function onFocus() {};
+
   var onBlur = function onBlur() {};
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
@@ -195,8 +218,7 @@ function BoxBackgroundSetting(props) {
     className: styles.backOpacityLable
   }, "\u95F4\u9694"), /*#__PURE__*/React.createElement(_NumberPicker, {
     size: "small",
-    hasTrigger: false
-    // eslint-disable-next-line no-nested-ternary
+    hasTrigger: false // eslint-disable-next-line no-nested-ternary
     ,
     placeholder: '0',
     className: styles.rightInput,
@@ -217,4 +239,5 @@ function BoxBackgroundSetting(props) {
     onPickerBlur: onBlur
   }))));
 }
+
 export default BoxBackgroundSetting;

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

@@ -7,6 +7,7 @@ import { parseColor, parseBackground, formatBackgroundRgbaColor } from "../compo
  * @param {*} elements 选中元素列表
  * @returns Array
  */
+
 export function getHtSelection(elements) {
   //rectangle
   return elements.filter(function (i) {
@@ -17,6 +18,7 @@ export function getHtSelection(elements) {
  * @name getGroupsStyle 获取区域(不包含集群)/框的样式（['backgroundColor','backgtoundOpacity','width','pattern','widthOpacity','widthColor']）
  * @param {*} htSelection 选中的区域/框元素列表
  */
+
 export function getGroupsStyle(htSelection) {
   var elementValues = [];
   var elementEnabledFieldsMap = {};
@@ -35,21 +37,23 @@ export 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;
     }
@@ -60,6 +64,7 @@ export function getGroupsStyle(htSelection) {
  * @name getElementTextStyle 获取单个元素的指定样式
  * @param {*} element 
  */
+
 export function getElementTextStyle(element) {
   if (element._layer != 'rectangle') {
     return {
@@ -85,27 +90,32 @@ export function getBorderPattern(data) {
   if (data.length == 1) {
     return [data[0], data[0]];
   }
+
   return data;
 }
 export function setGroupsStyle(elements, style) {
   var borderColor = style.borderColor,
-    borderOpacity = style.borderOpacity,
-    backgroundColor = style.backgroundColor,
-    backgroundOpacity = style.backgroundOpacity,
-    width = style.width,
-    pattern = style.pattern,
-    otherStyle = _objectWithoutPropertiesLoose(style, _excluded);
+      borderOpacity = style.borderOpacity,
+      backgroundColor = style.backgroundColor,
+      backgroundOpacity = style.backgroundOpacity,
+      width = style.width,
+      pattern = style.pattern,
+      otherStyle = _objectWithoutPropertiesLoose(style, _excluded);
+
   var tagStyle = _extends({}, otherStyle);
+
   setGroupStyle(elements, style, tagStyle);
 }
 export 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,
@@ -117,19 +127,23 @@ export function setGroupStyle(element, style, tagStyle) {
         opacity: style.borderOpacity === undefined ? 1 : style.borderOpacity
       };
     }
+
     tagStyle.borderColor = 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,
@@ -141,23 +155,29 @@ export function setGroupStyle(element, style, tagStyle) {
         opacity: style.backgroundOpacity === undefined ? 1 : style.backgroundOpacity
       };
     }
+
     tagStyle.background = 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/es/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js

@@ -2,12 +2,15 @@ import React from 'react';
 import WidgetBox from "./WidgetBox";
 import ButtonBox from "./components/ButtonBox";
 import Tooltip from "../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.createElement(WidgetBox, {
     label: "\u79FB\u52A8",
     showLabel: showLabel
@@ -24,4 +27,5 @@ function CanvasMoveWidget(props) {
     trigger: button
   }, "\u79FB\u52A8\uFF08\u5355\u51FB\u201C\u7A7A\u683C\u952E\u201D\u5FEB\u901F\u5207\u6362\u4E3A\u9009\u62E9\uFF09");
 }
+
 export default CanvasMoveWidget;

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

@@ -1,12 +1,15 @@
 import React from 'react';
 import WidgetBox from "./WidgetBox";
 import ButtonBox from "./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.createElement(WidgetBox, {
     label: "\u9009\u62E9",
     tooltip: "\u9009\u62E9\uFF08\u5355\u51FB\u201C\u7A7A\u683C\u952E\u201D\u5FEB\u901F\u5207\u6362\u4E3A\u79FB\u52A8\uFF09",
@@ -21,4 +24,5 @@ function CanvasSelectWidget(props) {
     alt: ""
   })));
 }
+
 export default CanvasSelectWidget;

package/es/core/editor/components/Toolbar/widgets/Divider.js

@@ -1,8 +1,10 @@
 import React from 'react';
 import styles from "./Divider.module.scss";
+
 function Divider() {
   return /*#__PURE__*/React.createElement("div", {
     className: styles.divider
   });
 }
+
 export default Divider;

package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js

@@ -1,16 +1,17 @@
 /* eslint-disable no-undef */
-/* eslint-disable jsx-a11y/alt-text */
 
+/* eslint-disable jsx-a11y/alt-text */
 import React from 'react';
 import ColorPanel from "../../../../../../components/ColorPanel";
 import FontColorRange from "../../../../../../components/ColorPanel/components/FontColorRange";
+
 function Content(props) {
   var topo = props.topo,
-    onChange = props.onChange,
-    onPickerFocus = props.onPickerFocus,
-    onPickerBlur = props.onPickerBlur,
-    lineSizeChange = props.lineSizeChange,
-    lineWidth = props.lineWidth;
+      onChange = props.onChange,
+      onPickerFocus = props.onPickerFocus,
+      onPickerBlur = props.onPickerBlur,
+      lineSizeChange = props.lineSizeChange,
+      lineWidth = props.lineWidth;
   return /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: '6px',
@@ -47,4 +48,5 @@ function Content(props) {
     onPickerBlur: onPickerBlur
   })));
 }
+
 export default Content;