@riil-frontend/component-topology 6.0.0-alpha.55 → 6.0.0-alpha.57

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

@@ -5,6 +5,7 @@ import WidgetBox from "./WidgetBox";
 
 function FontSizeSelect(props) {
   var value = props.value,
+      disabled = props.disabled,
       _onChange = props.onChange;
   var items = [9, 10, 11, 12, 14, 16, 18, 20, 24, 30, 36];
   return /*#__PURE__*/React.createElement(DropdownMenu, {
@@ -16,6 +17,7 @@ function FontSizeSelect(props) {
         }
       }, val || 12);
     },
+    disabled: disabled,
     onChange: function onChange(val) {
       return _onChange(parseInt(val, 10));
     }
@@ -30,12 +32,19 @@ function FontSizeWidget(props) {
   var topo = props.topo,
       showLabel = props.showLabel,
       style = props.style,
+      fieldDisabled = props.fieldDisabled,
       setStyle = props.setStyle;
+  var disabled = fieldDisabled.fontSize; // 选中的元素
+
+  var selection = topo.selectionModel.useHtSelection();
+  useEffect(function () {}, [selection]);
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u5B57\u53F7",
-    showLabel: showLabel
+    showLabel: showLabel,
+    disabled: disabled
   }, /*#__PURE__*/React.createElement(FontSizeSelect, {
     value: style.fontSize,
+    disabled: disabled,
     onChange: function onChange(val) {
       topo.historyManager.beginTransaction();
       setStyle({

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

@@ -59,15 +59,10 @@ function FontStyleButton(props) {
 
   var selection = topo.selectionModel.useHtSelection();
   useEffect(function () {
-    var isAllText = !selection.filter(function (ele) {
-      return !isText(ele);
+    var containText = selection.filter(function (ele) {
+      return isText(ele);
     }).length;
-
-    if (selection.length && isAllText) {
-      setDisabled(false);
-    } else {
-      setDisabled(true);
-    }
+    setDisabled(!containText);
   }, [selection]);
   useEffect(function () {
     setValue(buildValue({

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

@@ -18,7 +18,7 @@ function ButtonBox(props) {
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(styles.ButtonBox, (_classNames = {}, _classNames[styles.ButtonBoxActive] = active, _classNames[styles.ButtonBoxDisabled] = disabled, _classNames)),
+    className: classNames(styles.ButtonBox, (_classNames = {}, _classNames[styles.ButtonBoxActive] = active, _classNames[styles.ButtonBoxDisabled] = disabled, _classNames[styles.disabled] = disabled, _classNames)),
     onClick: disabled ? undefined : onClick
   }, otherProps), children, showArrow && /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0", /*#__PURE__*/React.createElement(_Icon, {
     type: "tree_fold_arrow",

package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss

@@ -19,6 +19,10 @@
 
 }
 
+.disabled {
+  color: #C9CED2;
+}
+
 // 箭头图标
 .icon {
   color: #909090;
@@ -27,7 +31,4 @@
   &.active {
     transform: rotate(180deg) scale(0.5) !important;
   }
-  &.disabled {
-    color: #C9CED2;
-  }
 }

package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js

@@ -24,12 +24,15 @@ function ElementTextStyleSetting(props) {
 
     return topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
   }, [selection, topo]);
-  var value = useMemo(function () {
+  var fieldProps = useMemo(function () {
     if (!graphLoaded) {
-      return {};
+      return {
+        value: {},
+        fieldDisabled: {}
+      };
     }
 
-    return getTextStyle(htSelection, styleNames, topo) || {};
+    return getTextStyle(htSelection, styleNames, topo);
   }, [graphLoaded, htSelection, topo]);
   var setStyle = useMemo(function () {
     return function (style) {
@@ -40,8 +43,8 @@ function ElementTextStyleSetting(props) {
   }, [htSelection]);
   return /*#__PURE__*/React.createElement(Component, _extends({
     disabled: false,
-    htSelection: htSelection,
-    style: value,
+    htSelection: htSelection
+  }, fieldProps, {
     setStyle: setStyle
   }, widgetProps));
 }

package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["color", "background", "opacity"];
+var _excluded = ["color", "background", "opacity", "bold", "italic"];
 import fontStyleUtil from "../../../../../../settings/common/text/fontStyleUtil";
 import { formatBackgroundRgbaColor, parseBackground, parseColor } from "../colorUtil";
 export function getTextStyle(element) {
@@ -11,10 +11,13 @@ export function getTextStyle(element) {
   }, fontStyleUtil.toMap(element.a('link_ind_left_font')), parseBackground(element.a('link_ind_background')));
 }
 export function setTextStyle(element, style, topo) {
-  var color = style.color,
-      background = style.background,
-      opacity = style.opacity,
-      otherStyle = _objectWithoutPropertiesLoose(style, _excluded);
+  var _fontStyleUtil$remove = fontStyleUtil.removeBoldItalic(style),
+      color = _fontStyleUtil$remove.color,
+      background = _fontStyleUtil$remove.background,
+      opacity = _fontStyleUtil$remove.opacity,
+      bold = _fontStyleUtil$remove.bold,
+      italic = _fontStyleUtil$remove.italic,
+      otherStyle = _objectWithoutPropertiesLoose(_fontStyleUtil$remove, _excluded);
 
   var tagStyle = _extends({}, otherStyle);
 
@@ -22,15 +25,31 @@ export function setTextStyle(element, style, topo) {
     tagStyle.color = color.hex;
   }
 
+  if ('bold' in style) {
+    tagStyle.fontBold = bold;
+  }
+
+  if ('italic' in style) {
+    tagStyle.fontItalic = italic;
+  }
+
   if ('background' in style || 'opacity' in style) {
     // 背景颜色
     var prevStyle = getTextStyle(element);
     tagStyle.background = formatBackgroundRgbaColor(prevStyle, style);
   }
 
-  topo.getHtTopo().setEdgeLabelStyle(element, tagStyle);
+  if (Object.keys(tagStyle).length) {
+    topo.getHtTopo().setEdgeLabelStyle(element, tagStyle);
+  }
+}
+export function getFieldDisabled(element) {
+  return {
+    fontSize: true
+  };
 }
 export default {
   getTextStyle: getTextStyle,
-  setTextStyle: setTextStyle
+  setTextStyle: setTextStyle,
+  getFieldDisabled: getFieldDisabled
 };

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

@@ -9,10 +9,14 @@ export function getTextStyle(element) {
   }
 
   var underline = element.s('text.decoration') === 'underline';
+  var font = fontStyleUtil.toMap(element.s('group.title.font'));
   return _extends({
     color: parseColor(element.s('group.title.color')),
     underline: underline
-  }, fontStyleUtil.toMap(element.s('group.title.font')), parseBackground(element.s('group.title.background')));
+  }, fontStyleUtil.toMap(element.s('group.title.font')), {
+    fontSize: font.fontSize || 12,
+    fontFamily: font.fontFamily || '微软雅黑'
+  }, parseBackground(element.s('group.title.background')));
 }
 export function setTextStyle(element, style, topo) {
   if (!element.isExpanded()) {
@@ -32,10 +36,20 @@ export function setTextStyle(element, style, topo) {
 
   var fontStyle = _extends({}, getTextStyle(element), style);
 
-  var fontStr = fontStyleUtil.build(fontStyle);
+  var fontStr = fontStyleUtil.build(fontStyleUtil.removeBoldItalic(fontStyle));
   element.s('group.title.font', fontStr);
 }
+export function getFieldDisabled(element) {
+  if (!element.isExpanded()) {
+    return {
+      fontSize: true
+    };
+  }
+
+  return {};
+}
 export default {
   getTextStyle: getTextStyle,
-  setTextStyle: setTextStyle
+  setTextStyle: setTextStyle,
+  getFieldDisabled: getFieldDisabled
 };

package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js

@@ -1,18 +1,32 @@
 import _extends from "@babel/runtime/helpers/extends";
 import fontStyleUtil from "../../../../../../settings/common/text/fontStyleUtil";
 import { formatBackgroundRgbaColor, parseBackground, parseColor } from "../colorUtil";
-var defaultStyle = {};
+var defaultStyle = {
+  color: '#4D6277',
+  font: '10px 微软雅黑',
+  background: '#E4E9EE'
+};
 
 function getLabelStyle(element) {
-  return _extends({}, defaultStyle, element.a('labelStyle') || {});
-}
+  var background = element.s('layer.label.background');
 
-function setLabelStyle(element, style) {
-  element.a('labelStyle', _extends({}, element.a('labelStyle'), style)); // eslint-disable-next-line no-underscore-dangle
+  if (background === undefined) {
+    background = defaultStyle.background;
+  }
 
-  element.__labelNode.a(style);
+  return {
+    color: element.s('layer.label.color') || defaultStyle.color,
+    font: element.s('layer.label.font') || defaultStyle.font,
+    background: background
+  };
+}
 
-  console.error(element.__labelNode.getAttrObject());
+function setLabelStyle(element, style) {
+  var map = {};
+  Object.keys(style).forEach(function (name) {
+    map["layer.label." + name] = style[name];
+  });
+  element.s(map);
 } // 分层标题文字样式
 
 
@@ -20,7 +34,7 @@ export function getTextStyle(element) {
   var style = getLabelStyle(element);
   var underline = null;
   return _extends({
-    color: parseColor(style.fontColor),
+    color: parseColor(style.color),
     underline: underline
   }, fontStyleUtil.toMap(style.font), parseBackground(style.background));
 }
@@ -30,7 +44,7 @@ export function setTextStyle(element, style) {
   var labelStyle = {};
 
   if ('color' in style) {
-    labelStyle.fontColor = style.color.hex;
+    labelStyle.color = style.color.hex;
   } // 背景颜色
 
 

package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["color", "background", "opacity"];
+var _excluded = ["color", "background", "opacity", "bold", "italic"];
 import fontStyleUtil from "../../../../../../settings/common/text/fontStyleUtil";
 import { formatBackgroundRgbaColor, parseBackground, parseColor } from "../colorUtil";
 export function getTextStyle(element) {
@@ -11,10 +11,13 @@ export function getTextStyle(element) {
   }, fontStyleUtil.toMap(element.a('ht.font')), parseBackground(element.a('ht.background')));
 }
 export function setTextStyle(element, style, topo) {
-  var color = style.color,
-      background = style.background,
-      opacity = style.opacity,
-      otherStyle = _objectWithoutPropertiesLoose(style, _excluded);
+  var _fontStyleUtil$remove = fontStyleUtil.removeBoldItalic(style),
+      color = _fontStyleUtil$remove.color,
+      background = _fontStyleUtil$remove.background,
+      opacity = _fontStyleUtil$remove.opacity,
+      bold = _fontStyleUtil$remove.bold,
+      italic = _fontStyleUtil$remove.italic,
+      otherStyle = _objectWithoutPropertiesLoose(_fontStyleUtil$remove, _excluded);
 
   var tagStyle = _extends({}, otherStyle);
 
@@ -22,15 +25,31 @@ export function setTextStyle(element, style, topo) {
     tagStyle.color = color.hex;
   }
 
+  if ('bold' in style) {
+    tagStyle.fontBold = bold;
+  }
+
+  if ('italic' in style) {
+    tagStyle.fontItalic = italic;
+  }
+
   if ('background' in style || 'opacity' in style) {
     // 背景颜色
     var prevStyle = getTextStyle(element);
     tagStyle.background = formatBackgroundRgbaColor(prevStyle, style);
   }
 
-  topo.getHtTopo().setNodeLabelStyle(element, tagStyle);
+  if (Object.keys(tagStyle).length) {
+    topo.getHtTopo().setNodeLabelStyle(element, tagStyle);
+  }
+}
+export function getFieldDisabled(element) {
+  return {
+    fontSize: true
+  };
 }
 export default {
   getTextStyle: getTextStyle,
-  setTextStyle: setTextStyle
+  setTextStyle: setTextStyle,
+  getFieldDisabled: getFieldDisabled
 };

package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import { isGroup, isLayer, isNode, isText, isEdge } from "../../../../../../../../utils/htElementUtils";
 import typeMap from "./elements";
 
@@ -29,23 +30,30 @@ export function getElementTextStyle(element) {
 
   return null;
 }
-export function getTextStyle(htSelection, styleNames) {
-  if (htSelection.length === 1) {
-    var element = htSelection[0];
-    return getElementTextStyle(element);
-  } else if (htSelection.length) {
-    // 多选时值相同返回？
-    var values = htSelection.map(function (element) {
-      return getElementTextStyle(element);
-    }).filter(function (item) {
-      return !!item;
-    });
+export function getElementTextStyleFieldDisabled(element) {
+  var type = getElementType(element);
+  var handler = typeMap[type];
 
-    if (!values.length) {
-      return null;
+  if (handler) {
+    if (handler.getFieldDisabled) {
+      return handler.getFieldDisabled(element) || {};
     }
 
-    var value = {};
+    return {};
+  }
+
+  return null;
+}
+export function getTextStyle(htSelection, styleNames) {
+  // 多选时值相同返回？
+  var values = htSelection.map(function (element) {
+    return getElementTextStyle(element);
+  }).filter(function (item) {
+    return !!item;
+  });
+  var value = {};
+
+  if (values.length) {
     styleNames.forEach(function (styleName) {
       var val = values[0][styleName];
       var different = values.filter(function (obj) {
@@ -56,10 +64,30 @@ export function getTextStyle(htSelection, styleNames) {
         value[styleName] = val;
       }
     });
-    return Object.keys(value).length ? value : null;
-  }
+  } // 多选时元素都不支持字段时禁用
 
-  return null;
+
+  var fieldDisableds = htSelection.map(function (element) {
+    return getElementTextStyleFieldDisabled(element);
+  }).filter(function (item) {
+    return !!item;
+  });
+  var fieldDisabled = styleNames.reduce(function (result, fieldName) {
+    var _extends2;
+
+    var disabled = fieldDisableds.length && fieldDisableds.filter(function (item) {
+      return !!item[fieldName];
+    }).length === fieldDisableds.length;
+    return _extends({}, result, (_extends2 = {}, _extends2[fieldName] = disabled, _extends2));
+  }, {});
+  return {
+    style: value,
+    fieldDisabled: fieldDisabled,
+    debugData: {
+      values: values,
+      fieldDisableds: fieldDisableds
+    }
+  };
 }
 export function setTextStyle(element, style, topo) {
   var type = getElementType(element);

package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js

@@ -3,6 +3,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["Component"];
 import React, { useMemo } from 'react';
 import { setGlobalTagStyle, useValues } from "./globalTag";
+var fieldDisabled = {
+  fontSize: true
+};
 
 function GlobalTagStyleSetting(props) {
   var topo = props.topo;
@@ -18,7 +21,8 @@ function GlobalTagStyleSetting(props) {
   }, []);
   return /*#__PURE__*/React.createElement(Component, _extends({
     style: values,
-    setStyle: setStyle
+    setStyle: setStyle,
+    fieldDisabled: fieldDisabled
   }, widgetProps));
 }
 

package/es/core/editor/components/settings/common/text/fontStyleUtil.js

@@ -1,3 +1,5 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["bold", "italic"];
 var fontStyleUtil = {
   // 字体样式格式: bold italic 12px 黑体 或 12px 黑体
   toMap: function toMap(font) {
@@ -39,6 +41,14 @@ var fontStyleUtil = {
       }
     });
     return map;
+  },
+  // TODO 临时方法
+  removeBoldItalic: function removeBoldItalic(obj) {
+    var bold = obj.bold,
+        italic = obj.italic,
+        ohter = _objectWithoutPropertiesLoose(obj, _excluded);
+
+    return ohter;
   }
 };
 export default fontStyleUtil;

package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js

@@ -19,7 +19,6 @@ export default function BasicSetting(props) {
         return;
       }
 
-      rlog.debug(values[name], value);
       var newValues = field.getValues();
 
       _onChange(name, value, newValues);

package/es/core/models/TopoApp.js

@@ -22,7 +22,7 @@ import topoFactory from "./topoFactory";
 import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
 
-var version = typeof "6.0.0-alpha.55" === 'string' ? "6.0.0-alpha.55" : null;
+var version = typeof "6.0.0-alpha.57" === 'string' ? "6.0.0-alpha.57" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

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

@@ -19,6 +19,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function FontSizeSelect(props) {
   var value = props.value,
+      disabled = props.disabled,
       _onChange = props.onChange;
   var items = [9, 10, 11, 12, 14, 16, 18, 20, 24, 30, 36];
   return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
@@ -30,6 +31,7 @@ function FontSizeSelect(props) {
         }
       }, val || 12);
     },
+    disabled: disabled,
     onChange: function onChange(val) {
       return _onChange(parseInt(val, 10));
     }
@@ -44,12 +46,19 @@ function FontSizeWidget(props) {
   var topo = props.topo,
       showLabel = props.showLabel,
       style = props.style,
+      fieldDisabled = props.fieldDisabled,
       setStyle = props.setStyle;
+  var disabled = fieldDisabled.fontSize; // 选中的元素
+
+  var selection = topo.selectionModel.useHtSelection();
+  (0, _react.useEffect)(function () {}, [selection]);
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u5B57\u53F7",
-    showLabel: showLabel
+    showLabel: showLabel,
+    disabled: disabled
   }, /*#__PURE__*/_react["default"].createElement(FontSizeSelect, {
     value: style.fontSize,
+    disabled: disabled,
     onChange: function onChange(val) {
       topo.historyManager.beginTransaction();
       setStyle({

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

@@ -76,15 +76,10 @@ function FontStyleButton(props) {
 
   var selection = topo.selectionModel.useHtSelection();
   (0, _react.useEffect)(function () {
-    var isAllText = !selection.filter(function (ele) {
-      return !(0, _htElementUtils.isText)(ele);
+    var containText = selection.filter(function (ele) {
+      return (0, _htElementUtils.isText)(ele);
     }).length;
-
-    if (selection.length && isAllText) {
-      setDisabled(false);
-    } else {
-      setDisabled(true);
-    }
+    setDisabled(!containText);
   }, [selection]);
   (0, _react.useEffect)(function () {
     setValue(buildValue({

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

@@ -31,7 +31,7 @@ function ButtonBox(props) {
       onClick = props.onClick,
       otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: (0, _classnames["default"])(_ButtonBoxModule["default"].ButtonBox, (_classNames = {}, _classNames[_ButtonBoxModule["default"].ButtonBoxActive] = active, _classNames[_ButtonBoxModule["default"].ButtonBoxDisabled] = disabled, _classNames)),
+    className: (0, _classnames["default"])(_ButtonBoxModule["default"].ButtonBox, (_classNames = {}, _classNames[_ButtonBoxModule["default"].ButtonBoxActive] = active, _classNames[_ButtonBoxModule["default"].ButtonBoxDisabled] = disabled, _classNames[_ButtonBoxModule["default"].disabled] = disabled, _classNames)),
     onClick: disabled ? undefined : onClick
   }, otherProps), children, showArrow && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xA0", /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     type: "tree_fold_arrow",

package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss

@@ -19,6 +19,10 @@
 
 }
 
+.disabled {
+  color: #C9CED2;
+}
+
 // 箭头图标
 .icon {
   color: #909090;
@@ -27,7 +31,4 @@
   &.active {
     transform: rotate(180deg) scale(0.5) !important;
   }
-  &.disabled {
-    color: #C9CED2;
-  }
 }

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

@@ -37,12 +37,15 @@ function ElementTextStyleSetting(props) {
 
     return topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
   }, [selection, topo]);
-  var value = (0, _react.useMemo)(function () {
+  var fieldProps = (0, _react.useMemo)(function () {
     if (!graphLoaded) {
-      return {};
+      return {
+        value: {},
+        fieldDisabled: {}
+      };
     }
 
-    return (0, _textStyleUtil.getTextStyle)(htSelection, styleNames, topo) || {};
+    return (0, _textStyleUtil.getTextStyle)(htSelection, styleNames, topo);
   }, [graphLoaded, htSelection, topo]);
   var setStyle = (0, _react.useMemo)(function () {
     return function (style) {
@@ -53,8 +56,8 @@ function ElementTextStyleSetting(props) {
   }, [htSelection]);
   return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
     disabled: false,
-    htSelection: htSelection,
-    style: value,
+    htSelection: htSelection
+  }, fieldProps, {
     setStyle: setStyle
   }, widgetProps));
 }

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

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 exports.__esModule = true;
 exports["default"] = void 0;
+exports.getFieldDisabled = getFieldDisabled;
 exports.getTextStyle = getTextStyle;
 exports.setTextStyle = setTextStyle;
 
@@ -15,7 +16,7 @@ var _fontStyleUtil = _interopRequireDefault(require("../../../../../../settings/
 
 var _colorUtil = require("../colorUtil");
 
-var _excluded = ["color", "background", "opacity"];
+var _excluded = ["color", "background", "opacity", "bold", "italic"];
 
 function getTextStyle(element) {
   var underline = null;
@@ -26,27 +27,48 @@ function getTextStyle(element) {
 }
 
 function setTextStyle(element, style, topo) {
-  var color = style.color,
-      background = style.background,
-      opacity = style.opacity,
-      otherStyle = (0, _objectWithoutPropertiesLoose2["default"])(style, _excluded);
+  var _fontStyleUtil$remove = _fontStyleUtil["default"].removeBoldItalic(style),
+      color = _fontStyleUtil$remove.color,
+      background = _fontStyleUtil$remove.background,
+      opacity = _fontStyleUtil$remove.opacity,
+      bold = _fontStyleUtil$remove.bold,
+      italic = _fontStyleUtil$remove.italic,
+      otherStyle = (0, _objectWithoutPropertiesLoose2["default"])(_fontStyleUtil$remove, _excluded);
+
   var tagStyle = (0, _extends2["default"])({}, otherStyle);
 
   if ('color' in style) {
     tagStyle.color = color.hex;
   }
 
+  if ('bold' in style) {
+    tagStyle.fontBold = bold;
+  }
+
+  if ('italic' in style) {
+    tagStyle.fontItalic = italic;
+  }
+
   if ('background' in style || 'opacity' in style) {
     // 背景颜色
     var prevStyle = getTextStyle(element);
     tagStyle.background = (0, _colorUtil.formatBackgroundRgbaColor)(prevStyle, style);
   }
 
-  topo.getHtTopo().setEdgeLabelStyle(element, tagStyle);
+  if (Object.keys(tagStyle).length) {
+    topo.getHtTopo().setEdgeLabelStyle(element, tagStyle);
+  }
+}
+
+function getFieldDisabled(element) {
+  return {
+    fontSize: true
+  };
 }
 
 var _default = {
   getTextStyle: getTextStyle,
-  setTextStyle: setTextStyle
+  setTextStyle: setTextStyle,
+  getFieldDisabled: getFieldDisabled
 };
 exports["default"] = _default;