@riil-frontend/component-topology 6.0.0-alpha.30 → 6.0.0-alpha.32

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

@@ -5,72 +5,122 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _DropdownMenu = _interopRequireDefault(require("./components/DropdownMenu"));
 
+var _textStyleSettingRouter = _interopRequireDefault(require("./components/textStyleSetting/textStyleSettingRouter.js"));
+
 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 FontFamilySelect(props) {
-  var value = props.value,
-      disabled = props.disabled,
-      onChange = props.onChange;
-  var items = ['宋体', '微软雅黑', '黑体', 'Arial'];
-  var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
-    src: "/img/topo/editor/toolbar/bold/Disable.svg",
-    alt: ""
-  }) : /*#__PURE__*/_react["default"].createElement("img", {
-    src: "/img/topo/editor/toolbar/bold/Normal.svg",
-    alt: ""
+var items = [{
+  key: 'bold',
+  label: '加粗',
+  icon: 'bold'
+}, {
+  key: 'italic',
+  label: '斜体',
+  icon: 'Italics'
+}, {
+  key: 'underline',
+  label: '下划线',
+  icon: 'Underline'
+}];
+
+function buildValue(obj) {
+  return Object.keys(obj).filter(function (key) {
+    return !!obj[key];
   });
-  return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
-    value: value,
-    valueRender: function valueRender() {
-      return icon;
-    },
-    onChange: onChange
-  }, items.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
-      key: item
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        fontFamily: item
-      }
-    }, item));
-  }));
+}
+
+function formatStyle(arr) {
+  return items.map(function (item) {
+    return item.key;
+  }).reduce(function (map, name) {
+    var _extends2;
+
+    return (0, _extends3["default"])({}, map, (_extends2 = {}, _extends2[name] = arr.includes(name), _extends2));
+  }, {});
 }
 
 function FontStyleButton(props) {
   var topo = props.topo,
-      showLabel = props.showLabel;
+      showLabel = props.showLabel,
+      style = props.style,
+      setStyle = props.setStyle;
+
+  var _useState = (0, _react.useState)(false),
+      disabled = _useState[0],
+      setDisabled = _useState[1];
 
-  var _useState = (0, _react.useState)('微软雅黑'),
-      value = _useState[0],
-      setValue = _useState[1];
+  var bold = style.bold,
+      italic = style.italic,
+      underline = style.underline;
 
-  var _useState2 = (0, _react.useState)(true),
-      disabled = _useState2[0],
-      setDisabled = _useState2[1]; // 选中的元素
+  var _useState2 = (0, _react.useState)(buildValue({
+    bold: bold,
+    italic: italic,
+    underline: underline
+  })),
+      value = _useState2[0],
+      setValue = _useState2[1]; // 选中的元素
 
 
-  var selection = topo.selectionManager.useSelection();
+  var selection = topo.selectionManager.useHtSelection();
   (0, _react.useEffect)(function () {
     setDisabled(false);
   }, [selection]);
+  (0, _react.useEffect)(function () {
+    setValue(buildValue({
+      bold: bold,
+      italic: italic,
+      underline: underline
+    }));
+  }, [bold, italic, underline]);
+  /**
+   * 
+   * @param {Array} selectedKeys 
+   */
+
+  var handleChange = function handleChange(selectedKeys) {
+    setStyle(formatStyle(selectedKeys));
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u6587\u5B57\u6837\u5F0F",
     tooltip: "\u6587\u5B57\u6837\u5F0F",
     showLabel: showLabel
-  }, /*#__PURE__*/_react["default"].createElement(FontFamilySelect, {
+  }, /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
     value: value,
-    disabled: disabled,
-    onChange: setValue
-  }));
+    valueRender: function valueRender() {
+      return /*#__PURE__*/_react["default"].createElement("img", {
+        src: "/img/topo/editor/toolbar/bold/" + (disabled ? 'Disable' : 'Normal') + ".svg",
+        alt: ""
+      });
+    },
+    multiple: true,
+    onChange: handleChange
+  }, items.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
+      key: item.key
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: "/img/topo/editor/toolbar/" + item.icon + "/Normal.svg",
+      alt: ""
+    }), /*#__PURE__*/_react["default"].createElement("span", null, item.label)));
+  })));
 }
 
-var _default = FontStyleButton;
+var _default = (0, _textStyleSettingRouter["default"])(FontStyleButton);
+
 exports["default"] = _default;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -70,27 +70,13 @@ function NodeAlignWidget(props) {
   };
 
   var leftInputChange = function leftInputChange(v) {
-    if (v * 1 < 0) {
-      setLeftInputVal(0);
-    } else if (v * 1 > 10000) {
-      setLeftInputVal(10000);
-    } else {
-      setLeftInputVal(v);
-    }
-
-    setSpace('v', leftInputVal);
+    setLeftInputVal(v);
+    setSpace('h', v);
   };
 
   var rightInputChange = function rightInputChange(v) {
-    if (v * 1 < 0) {
-      setRightInputVal(0);
-    } else if (v * 1 > 10000) {
-      setRightInputVal(10000);
-    } else {
-      setRightInputVal(v);
-    }
-
-    setSpace('h', rightInputVal);
+    setRightInputVal(v);
+    setSpace('v', v);
   };
 
   (0, _react.useEffect)(function () {
@@ -101,10 +87,17 @@ function NodeAlignWidget(props) {
       });
       setDisabled(nodes.length <= 1);
       getClickType('none');
+      setLeftInputVal();
+      setRightInputVal();
     }
   }, [graphLoaded, selection]);
 
   var getClickType = function getClickType(type) {
+    if (leftInputVal || rightInputVal) {
+      setLeftInputVal();
+      setRightInputVal();
+    }
+
     setLeftDisable(true);
     setRightDisable(true);
 
@@ -135,23 +128,25 @@ function NodeAlignWidget(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_AlignSetting["default"], {
     topo: topo,
     getClickType: getClickType
-  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
     disabled: leftDisable,
     size: "small",
+    hasTrigger: false,
     placeholder: "\u591A\u4E2A\u503C",
     className: _NodeAlignWidgetModule["default"].leftInput,
     value: leftInputVal,
-    htmlType: "number",
-    maxLength: 5,
+    min: 0,
+    max: 10000,
     onChange: leftInputChange
-  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
     disabled: rightDisable,
     size: "small",
+    hasTrigger: false,
     placeholder: "\u591A\u4E2A\u503C",
     className: _NodeAlignWidgetModule["default"].rightInput,
     value: rightInputVal,
-    htmlType: "number",
-    maxLength: 5,
+    min: 0,
+    max: 10000,
     onChange: rightInputChange
   }))));
 }

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

@@ -1,12 +1,28 @@
 .leftInput{
-  background: url('/img/topo/editor/toolbar/对齐/Disable.svg')no-repeat 5px center;
-  background-position: right center;
-  width: 100px;
+  width: 100px !important;
   margin-right: 10px;
   margin-left: 5px;
+  :global{
+    input{
+      background: url('/img/topo/editor/toolbar/对齐/水平间距_normal.svg')no-repeat 5px center !important;
+      background-position: right center !important;
+    }
+    .next-disabled input{
+      background: url('/img/topo/editor/toolbar/对齐/水平间距_disable.svg')no-repeat 5px center !important;
+      background-position: right center !important;
+    }
+  }
 }
 .rightInput{
-  width: 100px;
-  background: url('/img/topo/editor/toolbar/对齐/Disable.svg')no-repeat 5px center;
-  background-position: right center;
+  width: 100px !important;
+  :global{
+    input{
+      background: url('/img/topo/editor/toolbar/对齐/垂直间距 _normal.svg')no-repeat 5px center !important;
+      background-position: right center !important;
+    }
+    .next-disabled input{
+      background: url('/img/topo/editor/toolbar/对齐/垂直间距_disable.svg')no-repeat 5px center !important;
+      background-position: right center !important;
+    }
+  }
 }

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

@@ -17,8 +17,6 @@ var _useSettingRuntimeState = _interopRequireDefault(require("../../../settings/
 
 var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
 
-var _BoxBackgroundSetting = _interopRequireDefault(require("./BoxBackgroundSetting"));
-
 var _NodeSizeButtonModule = _interopRequireDefault(require("./NodeSizeButton.module.scss"));
 
 var _htElementUtils = require("../../../../../../utils/htElementUtils");
@@ -48,10 +46,15 @@ function NodeSizeButton(props) {
       setSize = _useState2[1]; // 选中的元素
 
 
-  var selection = topo.selectionManager.useHtSelection();
+  var selection = topo.selectionManager.useSelection();
   var settingRuntimeState = (0, _useSettingRuntimeState["default"])();
   (0, _react.useEffect)(function () {
-    var nodes = selection.filter(function (ele) {
+    var elements = selection.map(function (item) {
+      return item.id;
+    }).map(function (id) {
+      return topo.getDataModel().getDataById(id);
+    });
+    var nodes = elements.filter(function (ele) {
       return (0, _htElementUtils.isGroup)(ele) || (0, _htElementUtils.isNode)(ele);
     });
 
@@ -59,9 +62,10 @@ function NodeSizeButton(props) {
       setDisabled(false);
 
       if (selection.length === 1) {
+        var element = nodes[0];
         setSize({
-          width: selection[0].width,
-          height: selection[0].height
+          width: element.getWidth(),
+          height: element.getHeight()
         });
       }
     } else {
@@ -76,12 +80,11 @@ function NodeSizeButton(props) {
   var _onChange = function onChange(prop) {
     var name = prop.name,
         value = prop.value;
-    var gv = topo.view.topoClient.getGraphView();
     var element = topo.getSelectionModel().getFirstData();
 
-    if (name === "width") {
+    if (name === 'width') {
       element.setWidth(value);
-    } else if (name === "height") {
+    } else if (name === 'height') {
       element.setHeight(value);
     }
   };
@@ -125,12 +128,12 @@ function NodeSizeButton(props) {
       topo.historyManager.beginTransaction();
 
       _onChange({
-        name: "width",
+        name: 'width',
         value: size.width
       });
 
       _onChange({
-        name: "height",
+        name: 'height',
         value: size.height
       });
 

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

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _dropdown = _interopRequireDefault(require("@alifd/next/lib/dropdown"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -26,25 +28,38 @@ function DropdownButton(props) {
       showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
       _props$showContainer = props.showContainer,
       showContainer = _props$showContainer === void 0 ? true : _props$showContainer,
+      buttonBoxProps = props.buttonBoxProps,
       children = props.children;
 
   var _useState = (0, _react.useState)(false),
-      active = _useState[0],
-      setActive = _useState[1];
+      visible = _useState[0],
+      setVisible = _useState[1];
 
-  var button = /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], {
-    active: active,
+  var button = /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], (0, _extends2["default"])({
+    active: visible,
     disabled: disabled,
     showArrow: showArrow
-  }, trigger);
+  }, buttonBoxProps), trigger);
+
+  var renderContent = function renderContent() {
+    if (!visible) {
+      return /*#__PURE__*/_react["default"].createElement("div", null);
+    }
+
+    if (showContainer) {
+      return /*#__PURE__*/_react["default"].createElement(PopupCard, null, children);
+    }
+
+    return children;
+  };
 
   return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
-    visible: active,
+    visible: visible,
     disabled: disabled,
     trigger: button,
     triggerType: "click",
-    onVisibleChange: setActive
-  }, !showContainer ? children : /*#__PURE__*/_react["default"].createElement(PopupCard, null, children));
+    onVisibleChange: setVisible
+  }, renderContent());
 }
 
 DropdownButton.propTypes = {

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

@@ -16,18 +16,27 @@ var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
 function DropdownMenu(props) {
   var value = props.value,
       children = props.children,
+      multiple = props.multiple,
       onChange = props.onChange,
       valueRender = props.valueRender;
   var selectedKeys = Array.isArray(value) ? value : [value];
   var valueDisplay = valueRender ? valueRender(value) : value;
+  var selectMode = multiple ? 'multiple' : 'single';
+
+  var handleChange = function handleChange(keys) {
+    onChange(multiple ? keys : keys[0]);
+  };
+
+  var menu = /*#__PURE__*/_react["default"].createElement(_menu["default"], {
+    selectMode: selectMode,
+    selectedKeys: selectedKeys,
+    onSelect: handleChange
+  }, children);
+
   return /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
     trigger: valueDisplay,
     showContainer: false
-  }, /*#__PURE__*/_react["default"].createElement(_menu["default"], {
-    selectMode: "single",
-    selectedKeys: selectedKeys,
-    onSelect: onChange
-  }, children));
+  }, multiple ? /*#__PURE__*/_react["default"].createElement("div", null, menu) : menu);
 }
 
 _DropdownButton["default"].propTypes = {

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _textStyleUtil = require("./textStyleUtil");
+
+var _excluded = ["Component"];
+
+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 ElementTextStyleSetting(props) {
+  var topo = props.topo;
+  var Component = props.Component,
+      widgetProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded); // 选中的元素
+
+  var selection = topo.selectionManager.useSelection();
+  var htSelection = (0, _react.useMemo)(function () {
+    if (!selection.length) {
+      return [];
+    }
+
+    return topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
+  }, [selection, topo]);
+  var value = (0, _react.useMemo)(function () {
+    return (0, _textStyleUtil.getTextStyle)(htSelection) || {};
+  }, [htSelection, topo]);
+  var setStyle = (0, _react.useMemo)(function () {
+    return function (style) {
+      htSelection.forEach(function (element) {
+        (0, _textStyleUtil.setTextStyle)(element, style);
+      });
+    };
+  }, [htSelection]);
+  return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
+    disabled: false,
+    htSelection: htSelection,
+    style: value,
+    setStyle: setStyle
+  }, widgetProps));
+}
+
+var _default = ElementTextStyleSetting;
+exports["default"] = _default;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+exports.getTextStyle = getTextStyle;
+exports.setTextStyle = setTextStyle;
+
+function getTextStyle(element) {
+  return {
+    color: null,
+    fontFamily: null,
+    fontSize: null,
+    fontStyle: []
+  };
+}
+
+function setTextStyle(element, style) {}
+
+var _default = {
+  getTextStyle: getTextStyle,
+  setTextStyle: setTextStyle
+};
+exports["default"] = _default;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+exports.getTextStyle = getTextStyle;
+exports.setTextStyle = setTextStyle;
+
+function getTextStyle(element) {
+  return {
+    color: null,
+    fontFamily: null,
+    fontSize: null,
+    fontStyle: []
+  };
+}
+
+function setTextStyle(element, style) {}
+
+var _default = {
+  getTextStyle: getTextStyle,
+  setTextStyle: setTextStyle
+};
+exports["default"] = _default;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _text = _interopRequireDefault(require("./text"));
+
+var _nodeTag = _interopRequireDefault(require("./nodeTag"));
+
+var _edgeTag = _interopRequireDefault(require("./edgeTag"));
+
+var _groupTitle = _interopRequireDefault(require("./groupTitle"));
+
+var _layerTitle = _interopRequireDefault(require("./layerTitle"));
+
+var _default = {
+  nodeTag: _nodeTag["default"],
+  edgeTag: _edgeTag["default"],
+  text: _text["default"],
+  groupTitle: _groupTitle["default"],
+  layerTitle: _layerTitle["default"]
+};
+exports["default"] = _default;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+exports.getTextStyle = getTextStyle;
+exports.setTextStyle = setTextStyle;
+
+function getTextStyle(element) {
+  return {
+    color: null,
+    fontFamily: null,
+    fontSize: null,
+    fontStyle: []
+  };
+}
+
+function setTextStyle(element, style) {}
+
+var _default = {
+  getTextStyle: getTextStyle,
+  setTextStyle: setTextStyle
+};
+exports["default"] = _default;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+exports.getTextStyle = getTextStyle;
+exports.setTextStyle = setTextStyle;
+
+function getTextStyle(element) {
+  return {
+    color: null,
+    fontFamily: null,
+    fontSize: null,
+    fontStyle: []
+  };
+}
+
+function setTextStyle(element, style) {}
+
+var _default = {
+  getTextStyle: getTextStyle,
+  setTextStyle: setTextStyle
+};
+exports["default"] = _default;

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+exports.getTextStyle = getTextStyle;
+exports.setTextStyle = setTextStyle;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _fontStyleUtil = _interopRequireDefault(require("../../../../../../settings/common/text/fontStyleUtil"));
+
+function getTextStyle(element) {
+  var underline = element.s('text.decoration') === 'underline';
+  return (0, _extends2["default"])({
+    color: null,
+    underline: underline
+  }, _fontStyleUtil["default"].toMap(element.s('text.font')));
+}
+
+function setTextStyle(element, style) {
+  var underline = style.underline;
+
+  if ('underline' in style) {
+    element.s('text.decoration', underline ? 'underline' : null);
+  }
+
+  var fontStyle = (0, _extends2["default"])({}, getTextStyle(element), style);
+
+  var fontStr = _fontStyleUtil["default"].build(fontStyle);
+
+  element.s('text.font', fontStr);
+}
+
+var _default = {
+  getTextStyle: getTextStyle,
+  setTextStyle: setTextStyle
+};
+exports["default"] = _default;