@riil-frontend/component-topology 9.0.0-a.3 → 9.0.0-a.30

package/es/utils/ResourceConfigUtil.js

@@ -2,8 +2,7 @@ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import sortBy from 'lodash/sortBy';
 import { isExitLink } from "../core/models/utils/linkUtils";
 import { isClusterHtElement } from "./clusterUtil";
-import { getGroupChildrenResourceElements, getLayerChildrenResourceElements } from "./htElementDataUtil";
-import { getEdges, getGroups, getLayers, getNodes } from "./htElementUtils";
+import { getEdges, getGroupChildren, getGroups, getLayerChildren, getLayers, getNodes } from "./htElementUtils";
 /**
  * 从拓扑图解析出拓扑资源配置
  *
@@ -104,7 +103,9 @@ function getLayerDatas(dataModel) {
       name: layerElement.s('label'),
       order: layerElement.a('order'),
       resources: {
-        "static": getLayerChildrenResourceElements(layerElement).map(function (node) {
+        "static": getLayerChildren(layerElement).filter(function (item) {
+          return !!item.getTag();
+        }).map(function (node) {
           return node.getTag();
         })
       }
@@ -133,7 +134,7 @@ function getGroupConfigByElement(groupElement) {
     name: groupElement.a('name'),
     order: groupElement.a('order'),
     resources: {
-      "static": getGroupChildrenResourceElements(groupElement).filter(function (node) {
+      "static": getGroupChildren(groupElement).filter(function (node) {
         return !!node.getTag();
       }).map(function (node) {
         return node.getTag();

package/es/utils/htElementDataUtil.js

@@ -1,4 +1,4 @@
-import { getEdges, getGroupChildren, getLayerChildren } from "./htElementUtils";
+import { getEdges } from "./htElementUtils";
 import * as htElementUtils from "./htElementUtils";
 export function isLayer(element) {
   return element.className === 'ht.Grid';
@@ -21,12 +21,6 @@ export function isResourceElement(element) {
 export function isResourceNodeElement(element) {
   return (htElementUtils.isGroup(element) || htElementUtils.isNode(element)) && isResourceElement(element);
 }
-export function getGroupChildrenResourceElements(element) {
-  return getGroupChildren(element).filter(isResourceElement);
-}
-export function getLayerChildrenResourceElements(layerElement) {
-  return getLayerChildren(layerElement).filter(isResourceElement);
-}
 export var getAllEdgeResourceIds = function getAllEdgeResourceIds(dm) {
   return getEdges(dm).filter(function (node) {
     return !!node.getTag();

package/es/utils/htElementUtils.js

@@ -15,7 +15,7 @@ function getElementData(element) {
     styleMap: element.getStyleMap()
   };
 
-  if (className === 'ht.Edge') {
+  if (className === "ht.Edge") {
     return _extends({}, commonData);
   }
 
@@ -27,7 +27,7 @@ function getElementData(element) {
 export function isNode(element) {
   // HT为了支持区域内无节点可展开增加了站位节点，因此 节点的layer等于container_blank的过滤掉就可以了
   // eslint-disable-next-line no-underscore-dangle
-  return element instanceof ht.Node && !isLayer(element) && element._layer !== 'container_blank';
+  return element instanceof ht.Node && !isLayer(element) && element._layer !== "container_blank";
 }
 export function isEdge(element) {
   return element instanceof ht.Edge;
@@ -38,7 +38,7 @@ export function isValidEdge(element) {
   }
 
   if (!element.getSource() || !element.getTarget()) {
-    rlog.error('isValidEdge 连线异常：源或目的为空', element);
+    rlog.error("isValidEdge 连线异常：源或目的为空", element);
     return false;
   }
 
@@ -51,7 +51,7 @@ export function isLayer(element) {
   return element instanceof ht.Grid;
 }
 export function isText(element) {
-  return element instanceof ht.Text && element.a('isText');
+  return element instanceof ht.Text && element.a("isText");
 }
 export function getElements(dataModel) {
   // console.error(111, dataModel.getDatas().getArray())
@@ -72,7 +72,7 @@ export function getGroupDatas(dataModel) {
 }
 export function getGroupElementByTag(dataModel, tag) {
   return dataModel.getDataByTag(tag) || dataModel.getDatas().toArray().filter(function (item) {
-    return item.a('tag') === tag;
+    return item.a("tag") === tag;
   })[0];
 }
 export function getGroupData(element) {
@@ -83,14 +83,14 @@ export function getGroupData(element) {
   var parent = element.getParent();
   var groupInfo = parent ? {
     groupId: parent.getTag(),
-    groupTag: parent.a('tag') // 父容器
+    groupTag: parent.a("tag") // 父容器
 
   } : {};
   return _extends({
     name: element.getStyleMap().label
   }, element.getAttrObject(), {
     id: element.getTag(),
-    tag: element.a('tag'),
+    tag: element.a("tag"),
     image: element.getImage()
   }, groupInfo);
 }
@@ -104,7 +104,7 @@ export function getNodeData(element) {
   var parent = element.getParent();
   var groupInfo = parent ? {
     groupId: parent.getTag(),
-    groupTag: parent.a('tag') // 父容器
+    groupTag: parent.a("tag") // 父容器
 
   } : {};
   return _extends({}, element.getAttrObject(), {
@@ -116,12 +116,12 @@ export function getEdges(dataModel) {
   return getElements(dataModel).filter(isValidEdge);
 }
 export function isEdgeGroupExpanded(edge) {
-  return isEdge(edge) && edge.getEdgeGroup() && !!edge.s('edge.expanded');
+  return isEdge(edge) && edge.getEdgeGroup() && !!edge.s("edge.expanded");
 }
 /**
  * 是否连线组代理
- * @param {*} edge 
- * @returns 
+ * @param {*} edge
+ * @returns
  */
 
 export function isEdgeGroupAgent(edge) {
@@ -129,9 +129,9 @@ export function isEdgeGroupAgent(edge) {
 }
 /**
  * 获得两个节点间的连线列表
- * @param {*} node1 
- * @param {*} node2 
- * @returns 
+ * @param {*} node1
+ * @param {*} node2
+ * @returns
  */
 
 export function getEdgesBetweenNodes(node1, node2) {
@@ -153,7 +153,7 @@ export function getEdgesBetweenNodes(node1, node2) {
 }
 /**
  * 获得节点间的连线组，连线<=1时返回null
- * @returns 
+ * @returns
  */
 
 export function getEdgeGroupByNodes(node1, node2) {
@@ -172,7 +172,7 @@ export function getEdgeGroupByNodes(node1, node2) {
 }
 /**
  * 获得节点间的连线组，连线<=1时返回null
- * @returns 
+ * @returns
  */
 
 export function getEdgeGroupByNodeTags(dataModel, nodeTag1, nodeTag2) {
@@ -180,7 +180,7 @@ export function getEdgeGroupByNodeTags(dataModel, nodeTag1, nodeTag2) {
   var node2 = dataModel.getDataByTag(nodeTag2);
 
   if (!node1 || !node2) {
-    console.warn('getEdgeGroupByNodes 未找到节点', {
+    console.warn("getEdgeGroupByNodes 未找到节点", {
       node1: node1,
       node2: node2,
       nodeTag1: nodeTag1,
@@ -261,7 +261,7 @@ export function getGroupChildren(group) {
 
 
   return group.getChildren().getArray().filter(function (node) {
-    return node._layer !== 'container_blank';
+    return node._layer !== "container_blank";
   });
 }
 /**
@@ -291,7 +291,7 @@ export function getGroupChildrenData(group) {
 export function setElementRuntimeStyle(element, name, value) {
   var _extends2;
 
-  var prevRuntimeStyle = element.a('runtimeStyles') || {};
+  var prevRuntimeStyle = element.a("runtimeStyles") || {};
 
   var runtimeStyle = _extends({}, prevRuntimeStyle, (_extends2 = {}, _extends2[name] = value, _extends2)); // if (prevRuntimeStyle[name] === undefined && value === undefined) {
   //   return
@@ -302,7 +302,7 @@ export function setElementRuntimeStyle(element, name, value) {
     runtimeStyle[name] = undefined; // delete runtimeStyle[name]
   }
 
-  element.a('runtimeStyles', runtimeStyle);
+  element.a("runtimeStyles", runtimeStyle);
 }
 /**
  * 判断拓扑图是否存在元素
@@ -315,7 +315,7 @@ export function isExistedElement(htTopo, dataModel, data) {
 
 
   var element = getElements(dataModel).find(function (item) {
-    return data.tag && item.a('tag') === data.tag;
+    return data.tag && item.a("tag") === data.tag;
   });
 
   if (element) {

package/lib/components/VerticalIconTab/VerticalIconTab.module.scss

@@ -3,8 +3,8 @@
 
 .tabs {
   height: 100%;
-
-}
+  display: flex;
+} 
 
 // 导航
 .nav {
@@ -49,17 +49,23 @@
 
 // 标签页内容区
 .content {
-  width: 260px;
+  // width: 260px;
   height: 100%;
   border-left: none !important;
-  border-right: 1px solid var(--tab-wrapped-border-line-color);
   transition: width .1s linear;
+  overflow: initial !important;
 
   :global {
     .#{$css-prefix}tabs-tabpane {
-      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: 1;
+      // width: 250px;
       height: 100%;
       overflow: auto;
+      background: #FFF;
+      border-right: 1px solid var(--tab-wrapped-border-line-color);
     }
   }
 

package/lib/core/components/TopoView/GraphViewPanel.js

@@ -7,8 +7,12 @@ exports["default"] = GraphViewPanel;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _useCanvasTheme2 = _interopRequireDefault(require("../../hooks/useCanvasTheme"));
 
+var _useTopoFullscreen = _interopRequireDefault(require("../../hooks/useTopoFullscreen"));
+
 var _TopoViewModule = _interopRequireDefault(require("./TopoView.module.scss"));
 
 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); }
@@ -16,6 +20,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 GraphViewPanel(props) {
+  var _classNames;
+
   var topo = props.topo,
       hideBackgroundColor = props.hideBackgroundColor;
   var displayConfig = topo.store.useModelState('displayConfig');
@@ -26,8 +32,14 @@ function GraphViewPanel(props) {
     themeName: themeName,
     hideBackgroundColor: hideBackgroundColor
   }),
-      canvasColor = _useCanvasTheme.canvasColor;
+      canvasColor = _useCanvasTheme.canvasColor,
+      canvasbackgroundImage = _useCanvasTheme.canvasbackgroundImage;
 
+  var panelRef = (0, _react.useRef)();
+  (0, _useTopoFullscreen["default"])({
+    topo: topo,
+    panelRef: panelRef
+  });
   (0, _react.useEffect)(function () {
     // eslint-disable-next-line no-underscore-dangle
     window._debugtopo = topo; // eslint-disable-next-line no-underscore-dangle
@@ -43,9 +55,12 @@ function GraphViewPanel(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _TopoViewModule["default"].viewPanel,
-    style: {
+    ref: panelRef,
+    className: (0, _classnames["default"])(_TopoViewModule["default"].viewPanel, (_classNames = {}, _classNames[_TopoViewModule["default"].backgroundImg] = !!canvasbackgroundImage, _classNames)),
+    style: canvasColor ? {
       background: canvasColor
+    } : {
+      backgroundImage: "url(" + canvasbackgroundImage + ")"
     },
     onFocus: onFocus
   }, props.children);

package/lib/core/components/TopoView/TopoView.module.scss

@@ -10,14 +10,28 @@
   flex: 1;
   overflow: hidden;
   position: relative;
+
+  &.backgroundImg {
+    /* 背景图垂直、水平均居中 */
+    background-position: center center;
+    /* 背景图不平铺 */
+    background-repeat: no-repeat;
+    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
+    background-attachment: fixed;
+    /* 让背景图基于容器大小伸缩 */
+    background-size: cover;
+    /* 设置背景颜色，背景图加载过程中会显示背景色 */
+    // background-color: #464646;
+  }
 }
 
 // 解决拓扑图容器绝对定位z-index>0时浮层和右键菜单不显示问题
 :global {
-  body > .ht-ui-view {
+  body>.ht-ui-view {
     z-index: 10000;
   }
-  body > div[ht="ht-view ht.ui.ContextMenu"] {
+
+  body>div[ht="ht-view ht.ui.ContextMenu"] {
     z-index: 1000;
   }
-}
+}

package/lib/core/editor/components/BackgroundView/index.module.scss

@@ -1,8 +1,11 @@
 @import "~@alifd/next/variables.scss";
 
 .background-view {
+  width: 260px;
   padding: 16px;
   background: #fff;
+  height: 100%;
+  overflow: auto;
   .option {
     text-align: right;
     button {

package/lib/core/editor/components/Sidebar/Sidebar.module.scss

@@ -1,19 +1,19 @@
 .sidebar {
   // border-right: 1px solid #E6E7EB;
   position: relative;
-  width: 60px;
+  // width: 60px;
 
   .tabsContainer {
-    position: absolute;
-    width: 60px;
+    // position: absolute;
+    // left: 0;
+    // top: 0;
+    // z-index: 1;
+    // width: 60px;
     height: 100%;
-    left: 0;
-    top: 0;
-    z-index: 1;
     background: #FFF;
 
     &.expanded {
-      width: 320px;
+      // width: 320px;
     }
   }
 }

package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js

@@ -36,7 +36,7 @@ function CanvasPanel(props) {
     }, /*#__PURE__*/_react["default"].createElement(_tag["default"].Selectable, {
       className: _CanvasPanelModule["default"].tag,
       style: {
-        background: item.color
+        background: item.color || "url(" + item.backgroundImageThumbnail + ")"
       },
       checked: item.name === canvasThemeName,
       onChange: function onChange(checked) {

package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss

@@ -1,6 +1,7 @@
 @import "~@alifd/next/variables.scss";
 
   .canvasToggle {
+    width: 260px;
     display: flex;
     flex-wrap: wrap;
     .canvas {

package/lib/core/editor/components/Sidebar/views/ComponentPanel.js

@@ -46,7 +46,7 @@ function ComponentPanel(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: divRef,
     style: {
-      width: '100%',
+      width: '260px',
       height: '100%'
     }
   });

package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js

@@ -46,7 +46,8 @@ function ImagePanel(props) {
     accordion: true,
     defaultExpandedKeys: ['资源图片'],
     style: {
-      border: 'none'
+      border: 'none',
+      minWidth: '300px'
     },
     fullheight: true,
     noContentPadding: true

package/lib/core/editor/components/Sidebar/views/LinkPanel.js

@@ -46,7 +46,7 @@ function LinkPanel(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: divRef,
     style: {
-      width: '100%',
+      width: '260px',
       height: '100%'
     }
   });

package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _checkbox = _interopRequireDefault(require("@alifd/next/lib/checkbox"));
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
 
 var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
@@ -94,10 +96,12 @@ function getValuesByEdges(topo) {
     })[0] || 'nil';
   }
 
-  function getEdgesValues(edges) {
+  function getEdgesValues(edges, topo) {
     var edgeValues = [];
+    var htTopo = topo.getHtTopo();
     edges.forEach(function (edge) {
       edgeValues.push({
+        baseAgreement: htTopo.getEdgeMultarc(edges),
         lineButton: edge.s('edge.type'),
         startPoint: getStartPoint(edge),
         endPoint: getEndPoint(edge),
@@ -108,8 +112,9 @@ function getValuesByEdges(topo) {
   }
 
   var selectionEdges = (0, _edgeTypeStyleUtil.getEdgesBySelection)(topo);
-  var edgeValues = getEdgesValues(selectionEdges);
+  var edgeValues = getEdgesValues(selectionEdges, topo);
   var values = {
+    baseAgreement: false,
     lineButton: undefined,
     startPoint: undefined,
     endPoint: undefined,
@@ -135,10 +140,18 @@ function EdgeType(props) {
       selection = props.selection,
       _onChange = props.onChange;
 
+  var _useState = (0, _react.useState)(false),
+      disable = _useState[0],
+      setDisabel = _useState[1];
+
   var field = _field["default"].useField({
     autoUnmount: false,
     values: getValuesByEdges(topo),
     onChange: function onChange(name, value) {
+      if (name == 'baseAgreement') {
+        setDisabel(value);
+      }
+
       if (['startPoint', 'endPoint'].includes(name) && value === 'nil') {
         _onChange(name, null);
       } else {
@@ -157,8 +170,12 @@ function EdgeType(props) {
     inline: true,
     labelAlign: "top"
   }, /*#__PURE__*/_react["default"].createElement(FormItem, null, /*#__PURE__*/_react["default"].createElement(_LineType["default"], {
-    name: "lineButton"
-  })), /*#__PURE__*/_react["default"].createElement(FormItem, {
+    name: "lineButton",
+    disable: disable
+  })), /*#__PURE__*/_react["default"].createElement(FormItem, null, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+    name: "baseAgreement",
+    onChange: _onChange
+  }, "\u81EA\u52A8\u8C03\u6574")), /*#__PURE__*/_react["default"].createElement(FormItem, {
     label: "\u8D77\u70B9"
   }, /*#__PURE__*/_react["default"].createElement(_select["default"], {
     name: "startPoint",

package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss

@@ -5,7 +5,6 @@
   background: #FFFFFF;
   border-radius: 4px;
   margin-bottom: -7px;
-
   :global {
     .#{$css-prefix}form-item:first-child{
       margin-top: 0;
@@ -15,6 +14,11 @@
       margin-top: 7px;
       margin-bottom: 7px;
     }
+    .#{$css-prefix}form-item:nth-child(2){
+      display: block !important;
+      margin-top: 7px;
+      margin-bottom: 0px;
+    }
     .#{$css-prefix}form.#{$css-prefix}inline .#{$css-prefix}form-item:not(:last-child) {
       margin-right: 8px;
       .#{$css-prefix}select-trigger {

package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js

@@ -36,29 +36,48 @@ var LINE_TYPE_OPTIONS = [{
   value: 'ortho',
   label: '双折线',
   icon: 'topo_linear_icon_bilinear'
+}, {
+  value: 'arc',
+  label: '单弧线',
+  icon: 'topo_linear_icon_arc_line'
 }, {
   value: 'doublearc',
   label: '双弧线',
   icon: 'topo_linear_icon_arcline'
+}, {
+  value: 'points',
+  label: '自由线形',
+  icon: 'topo_linear_icon_pointsline'
 }];
 
 var LineType = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var value = props.value,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      disable = props.disable;
 
   function lineButton(item) {
-    var _classNames;
+    if (disable) {
+      return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        className: _LineTypeModule["default"].redioBtnDisable
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: "/img/topo/editor/lineType/" + item.icon + "_disable.svg",
+        alt: "",
+        className: _LineTypeModule["default"].iconImg
+      }));
+    } else {
+      var _classNames;
 
-    return /*#__PURE__*/_react["default"].createElement(_button["default"], {
-      className: (0, _classnames["default"])(_LineTypeModule["default"].redioBtn, (_classNames = {}, _classNames[_LineTypeModule["default"].selected] = value === item.value, _classNames)),
-      onClick: function onClick() {
-        onChange(item.value);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: "/img/topo/editor/lineType/" + item.icon + ".svg",
-      alt: "",
-      className: _LineTypeModule["default"].iconImg
-    }));
+      return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        className: (0, _classnames["default"])(_LineTypeModule["default"].redioBtn, (_classNames = {}, _classNames[_LineTypeModule["default"].selected] = value === item.value, _classNames)),
+        onClick: function onClick() {
+          onChange(item.value);
+        }
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: "/img/topo/editor/lineType/" + item.icon + ".svg",
+        alt: "",
+        className: _LineTypeModule["default"].iconImg
+      }));
+    }
   }
 
   return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.module.scss

@@ -1,5 +1,15 @@
 .lineType{
   display:flex;
+  .redioBtnDisable {
+    width: 24px;
+    height: 24px;
+    border-radius: 4px;
+    border: none !important;
+    color: #4D6277;
+    padding: 0;
+    margin-right: 10px;
+    text-align: center;
+  }
   .redioBtn {
     width: 24px;
     height: 24px;
@@ -7,9 +17,9 @@
     border: none !important;
     color: #4D6277;
     padding: 0;
-    margin-right: 16px;
+    margin-right: 10px;
     text-align: center;
-
+  
     .iconImg {
       vertical-align: middle;
     }

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

@@ -68,6 +68,12 @@ function EdgeTypeButton(props) {
       return;
     }
 
+    if (name == 'baseAgreement') {
+      /** TODO: 自动调整api调用*/
+      htTopo.setEdgeMultarc(edges, value);
+      return;
+    }
+
     (0, _edgeTypeStyleUtil.setEdgesAndChildren)(topo, edges, function (edge) {
       if (name === 'startPoint') {
         // 删除设置

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

@@ -29,7 +29,7 @@ function FontSizeSelect(props) {
         style: {
           width: 18
         }
-      }, val || 12);
+      }, val || 20);
     },
     disabled: disabled,
     onSelect: function onSelect(val) {

package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js

@@ -33,7 +33,7 @@ function getTextStyle(element) {
     color: (0, _colorUtil.parseColor)(element.s('group.title.color')),
     underline: underline
   }, _fontStyleUtil["default"].toMap(element.s('group.title.font')), {
-    fontSize: font.fontSize || 12,
+    fontSize: font.fontSize || ((0, _clusterUtil.isClusterHtElement)(element) ? 20 : 24),
     fontFamily: font.fontFamily || '微软雅黑'
   }, (0, _colorUtil.parseBackground)(element.s('group.title.background')));
 }

package/lib/core/editor/components/settings/core/updateElementProperty.js

@@ -5,7 +5,12 @@ exports["default"] = updateElementProperty;
 
 function updateElementProperty(topo, name, value) {
   // const element = topo.getDataModel().getDataById(selection[0].id);
-  var element = topo.getSelectionModel().getFirstData(); // console.info("updateElementProperty",topo.getSelectionModel().getSelection(), { selection, element, name, value });
+  var element = topo.getSelectionModel().getFirstData();
+  console.info("updateElementProperty", topo.getSelectionModel().getSelection(), {
+    element: element,
+    name: name,
+    value: value
+  });
 
   if (name.startsWith('attrObject.')) {
     element.setAttr(name.replace('attrObject.', ''), value);