@riil-frontend/component-topology 10.0.0 → 10.0.1

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

@@ -0,0 +1,23 @@
+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({
+    v2: true,
+    triggerType: "hover",
+    title: "\u79FB\u52A8",
+    align: "br",
+    closable: false // 解决遮挡下拉浮层问题
+    ,
+    popupStyle: {
+      zIndex: 1000
+    }
+  }, props), title && /*#__PURE__*/React.createElement("div", {
+    className: styles.tootipTitle
+  }, title), props.children);
+}
+
+export default Tooltip;

package/es/core/editor/components/Toolbar/components/Tooltip.module.scss

@@ -0,0 +1,5 @@
+.tootipTitle {
+  font-size: 14px;
+  font-weight: 700;
+  margin-bottom: 8px;
+}

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

@@ -32,7 +32,7 @@ function BoxBackgroundButton(props) {
   });
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u6846\u80CC\u666F",
-    tooltip: "\u6846\u80CC\u666F",
+    tooltip: "\u66F4\u6539\u6846\u80CC\u666F\u989C\u8272",
     disabled: disabled,
     showLabel: showLabel
   }, /*#__PURE__*/React.createElement(DropdownButton, {

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

@@ -1,6 +1,7 @@
 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,
@@ -10,9 +11,8 @@ function CanvasMoveWidget(props) {
   var _topo$store$useModelS = topo.store.useModelState('topoEdit'),
       viewMouseMode = _topo$store$useModelS.viewMouseMode;
 
-  return /*#__PURE__*/React.createElement(WidgetBox, {
+  var button = /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u79FB\u52A8",
-    tooltip: "\u79FB\u52A8",
     showLabel: showLabel
   }, /*#__PURE__*/React.createElement(ButtonBox, {
     active: viewMouseMode === 'move',
@@ -23,6 +23,9 @@ function CanvasMoveWidget(props) {
     src: "/img/topo/editor/toolbar/drag/Normal.svg",
     alt: ""
   })));
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    trigger: button
+  }, "\u5355\u51FB\u201C\u7A7A\u683C\u952E\u201D\u5FEB\u901F\u5207\u6362\u4E3A\u9009\u62E9");
 }
 
 export default CanvasMoveWidget;

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

@@ -12,7 +12,7 @@ function CanvasSelectWidget(props) {
 
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u9009\u62E9",
-    tooltip: "\u9009\u62E9",
+    tooltip: "\u5355\u51FB\u201C\u7A7A\u683C\u952E\u201D\u5FEB\u901F\u5207\u6362\u4E3A\u79FB\u52A8",
     showLabel: showLabel
   }, /*#__PURE__*/React.createElement(ButtonBox, {
     active: viewMouseMode === 'select',

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

@@ -119,7 +119,7 @@ function EdgeColorButton(props) {
   });
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u7EBF\u6761\u989C\u8272",
-    tooltip: "\u7EBF\u6761\u989C\u8272",
+    tooltip: "\u66F4\u6539\u7EBF\u6761\u989C\u8272",
     showLabel: showLabel,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(DropdownButton, {

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

@@ -108,7 +108,7 @@ function EdgeTypeButton(props) {
   });
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u7EBF\u5F62",
-    tooltip: "\u7EBF\u5F62",
+    tooltip: "\u66F4\u6539\u7EBF\u6761/\u94FE\u8DEF\u7684\u7EBF\u5F62",
     disabled: disabled,
     showLabel: showLabel
   }, /*#__PURE__*/React.createElement(DropdownButton, {

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

@@ -182,7 +182,7 @@ function FontColorButton(props) {
       fieldDisabled = props.fieldDisabled;
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u6587\u5B57\u989C\u8272",
-    tooltip: "\u6587\u5B57\u989C\u8272",
+    tooltip: "\u66F4\u6539\u6587\u5B57\u989C\u8272",
     showLabel: showLabel
   }, /*#__PURE__*/React.createElement(FontColorDropdown, {
     color: style.color,

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

@@ -35,7 +35,7 @@ function FontFamilyWidget(props) {
       setStyle = props.setStyle;
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u5B57\u4F53",
-    tooltip: "\u5B57\u4F53",
+    tooltip: "\u9009\u53D6\u6587\u5B57\u7684\u65B0\u5B57\u4F53",
     showLabel: showLabel
   }, /*#__PURE__*/React.createElement(FontFamilySelect, {
     value: style.fontFamily,

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

@@ -40,6 +40,7 @@ function FontSizeWidget(props) {
   useEffect(function () {}, [selection]);
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u5B57\u53F7",
+    tooltip: "\u9009\u53D6\u6587\u5B57\u7684\u65B0\u5B57\u4F53",
     showLabel: showLabel,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(FontSizeSelect, {

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

@@ -3,18 +3,22 @@ import { isText } from "../../../../../utils/htElementUtils";
 import DropdownMenu from "./components/DropdownMenu";
 import textStyleSettingRouter from "./components/textStyleSetting/textStyleSettingRouter.js";
 import WidgetBox from "./WidgetBox";
+import Tooltip from "../components/Tooltip";
 var items = [{
   key: 'bold',
   label: '加粗',
-  icon: 'bold'
+  icon: 'bold',
+  tooltip: '加粗'
 }, {
   key: 'italic',
   label: '斜体',
-  icon: 'Italics'
+  icon: 'Italics',
+  tooltip: '斜体'
 }, {
   key: 'underline',
   label: '下划线',
-  icon: 'Underline'
+  icon: 'Underline',
+  tooltip: '下划线'
 }];
 
 function buildValue(obj) {
@@ -81,7 +85,7 @@ function FontStyleButton(props) {
 
   return /*#__PURE__*/React.createElement(WidgetBox, {
     label: "\u6587\u5B57\u6837\u5F0F",
-    tooltip: "\u6587\u5B57\u6837\u5F0F",
+    tooltip: "\u52A0\u7C97\u3001\u659C\u4F53\u3001\u4E0B\u5212\u7EBF",
     disabled: disabled,
     showLabel: showLabel
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
@@ -99,19 +103,23 @@ function FontStyleButton(props) {
     return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
       key: item.key,
       disabled: fieldDisabled[item.key]
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
-      alt: ""
-    }), /*#__PURE__*/React.createElement("span", {
-      style: fieldDisabled[item.key] ? {} : {
-        color: '#4d6277'
-      }
-    }, item.label)));
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement("img", {
+        src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
+        alt: ""
+      }), /*#__PURE__*/React.createElement("span", {
+        style: fieldDisabled[item.key] ? {} : {
+          color: '#4d6277'
+        }
+      }, item.label)),
+      align: "r",
+      popupStyle: {}
+    }, item.tooltip));
   })));
 }
 

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

@@ -1,16 +1,17 @@
-import _Balloon from "@alifd/next/es/balloon";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["label", "showLabel", "tooltip", "disabled", "children"];
+var _excluded = ["label", "showLabel", "tooltip", "tooltipTitle", "disabled", "children"];
 import React from 'react';
 import classnames from 'classnames';
 import ButtonBox from "./components/ButtonBox";
+import Tooltip from "../components/Tooltip";
 import styles from "./WidgetBox.module.scss";
 
 function WidgetBox(props) {
   var label = props.label,
       showLabel = props.showLabel,
       tooltip = props.tooltip,
+      tooltipTitle = props.tooltipTitle,
       disabled = props.disabled,
       children = props.children,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
@@ -28,13 +29,10 @@ function WidgetBox(props) {
     return button;
   }
 
-  return /*#__PURE__*/React.createElement(_Balloon.Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     trigger: button,
-    align: "b" // 解决遮挡下拉浮层问题
-    ,
-    popupStyle: {
-      zIndex: 1000
-    }
+    title: tooltipTitle,
+    align: "b"
   }, tooltip);
 }
 

package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js

@@ -1,4 +1,5 @@
 import _Box from "@alifd/next/es/box";
+import _Balloon from "@alifd/next/es/balloon";
 import _extends from "@babel/runtime/helpers/extends";
 import _Form from "@alifd/next/es/form";
 import React, { useState } from 'react';
@@ -46,14 +47,16 @@ function SizeInput(props) {
 
   var renderLock = function renderLock() {
     var imgSrc = "/img/topo/editor/toolbar/" + (lock ? 'lock' : 'unlock') + "/" + (disabled ? 'Disable' : 'Normal') + ".svg";
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.lockBtn,
-      onClick: switchLock
-    }, /*#__PURE__*/React.createElement("img", {
-      src: imgSrc,
-      alt: "",
-      width: 12
-    }));
+    return /*#__PURE__*/React.createElement(_Balloon.Tooltip, {
+      trigger: /*#__PURE__*/React.createElement("div", {
+        className: styles.lockBtn,
+        onClick: switchLock
+      }, /*#__PURE__*/React.createElement("img", {
+        src: imgSrc,
+        alt: "",
+        width: 12
+      }))
+    }, "\u9501\u5B9A\u7EB5\u6A2A\u6BD4");
   };
 
   return /*#__PURE__*/React.createElement(_Form, {
@@ -76,24 +79,27 @@ function SizeInput(props) {
     style: {
       marginBottom: 0
     }
-  }, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, _extends({
-    value: parseValue(value.width),
-    label: showLabel ? '宽:' : '',
-    innerAfter: showLabel ? undefined : 'W',
-    min: 1,
-    max: max,
-    step: step,
-    disabled: disabled,
-    placeholder: "\u8BF7\u8F93\u5165",
-    size: size
-  }, numberPickerProps, {
-    style: {
-      width: '100%'
-    },
-    onChange: function onChange(val) {
-      return handleChange('width', val);
-    }
-  })))), renderLock(), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(_Balloon.Tooltip, {
+    trigger: /*#__PURE__*/React.createElement(NodeSizeNumberPicker, _extends({
+      value: parseValue(value.width),
+      label: showLabel ? '宽:' : '',
+      innerAfter: showLabel ? undefined : 'W',
+      min: 1,
+      max: max,
+      step: step,
+      disabled: disabled,
+      placeholder: "\u8BF7\u8F93\u5165",
+      size: size
+    }, numberPickerProps, {
+      style: {
+        width: '100%'
+      },
+      onChange: function onChange(val) {
+        return handleChange('width', val);
+      }
+    })),
+    align: "b"
+  }, "\u66F4\u6539\u56FE\u7247\u7684\u5BBD\u5EA6"))), renderLock(), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 1
     }
@@ -103,24 +109,27 @@ function SizeInput(props) {
     style: {
       marginBottom: 0
     }
-  }, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, _extends({
-    value: parseValue(value.height),
-    label: showLabel ? '高:' : '',
-    innerAfter: showLabel ? undefined : 'H',
-    min: 1,
-    max: max,
-    step: step,
-    disabled: disabled,
-    placeholder: "\u8BF7\u8F93\u5165",
-    size: size
-  }, numberPickerProps, {
-    style: {
-      width: '100%'
-    },
-    onChange: function onChange(val) {
-      return handleChange('height', val);
-    }
-  })))))));
+  }, /*#__PURE__*/React.createElement(_Balloon.Tooltip, {
+    trigger: /*#__PURE__*/React.createElement(NodeSizeNumberPicker, _extends({
+      value: parseValue(value.height),
+      label: showLabel ? '高:' : '',
+      innerAfter: showLabel ? undefined : 'H',
+      min: 1,
+      max: max,
+      step: step,
+      disabled: disabled,
+      placeholder: "\u8BF7\u8F93\u5165",
+      size: size
+    }, numberPickerProps, {
+      style: {
+        width: '100%'
+      },
+      onChange: function onChange(val) {
+        return handleChange('height', val);
+      }
+    })),
+    align: "b"
+  }, "\u66F4\u6539\u56FE\u7247\u7684\u9AD8\u5EA6"))))));
 }
 
 SizeInput.propTypes = {

package/es/core/models/TopoApp.js

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

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

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

package/lib/core/editor/components/Toolbar/components/Tooltip.module.scss

@@ -0,0 +1,5 @@
+.tootipTitle {
+  font-size: 14px;
+  font-weight: 700;
+  margin-bottom: 8px;
+}

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

@@ -48,7 +48,7 @@ function BoxBackgroundButton(props) {
   });
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u6846\u80CC\u666F",
-    tooltip: "\u6846\u80CC\u666F",
+    tooltip: "\u66F4\u6539\u6846\u80CC\u666F\u989C\u8272",
     disabled: disabled,
     showLabel: showLabel
   }, /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {

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

@@ -11,6 +11,8 @@ var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
 
 var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
 
+var _Tooltip = _interopRequireDefault(require("../components/Tooltip"));
+
 function CanvasMoveWidget(props) {
   var topo = props.topo,
       showLabel = props.showLabel,
@@ -19,9 +21,8 @@ function CanvasMoveWidget(props) {
   var _topo$store$useModelS = topo.store.useModelState('topoEdit'),
       viewMouseMode = _topo$store$useModelS.viewMouseMode;
 
-  return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
+  var button = /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u79FB\u52A8",
-    tooltip: "\u79FB\u52A8",
     showLabel: showLabel
   }, /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], {
     active: viewMouseMode === 'move',
@@ -32,6 +33,10 @@ function CanvasMoveWidget(props) {
     src: "/img/topo/editor/toolbar/drag/Normal.svg",
     alt: ""
   })));
+
+  return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    trigger: button
+  }, "\u5355\u51FB\u201C\u7A7A\u683C\u952E\u201D\u5FEB\u901F\u5207\u6362\u4E3A\u9009\u62E9");
 }
 
 var _default = CanvasMoveWidget;

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

@@ -21,7 +21,7 @@ function CanvasSelectWidget(props) {
 
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u9009\u62E9",
-    tooltip: "\u9009\u62E9",
+    tooltip: "\u5355\u51FB\u201C\u7A7A\u683C\u952E\u201D\u5FEB\u901F\u5207\u6362\u4E3A\u79FB\u52A8",
     showLabel: showLabel
   }, /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], {
     active: viewMouseMode === 'select',

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

@@ -137,7 +137,7 @@ function EdgeColorButton(props) {
   });
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u7EBF\u6761\u989C\u8272",
-    tooltip: "\u7EBF\u6761\u989C\u8272",
+    tooltip: "\u66F4\u6539\u7EBF\u6761\u989C\u8272",
     showLabel: showLabel,
     disabled: disabled
   }, /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {

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

@@ -127,7 +127,7 @@ function EdgeTypeButton(props) {
   });
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u7EBF\u5F62",
-    tooltip: "\u7EBF\u5F62",
+    tooltip: "\u66F4\u6539\u7EBF\u6761/\u94FE\u8DEF\u7684\u7EBF\u5F62",
     disabled: disabled,
     showLabel: showLabel
   }, /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {

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

@@ -200,7 +200,7 @@ function FontColorButton(props) {
       fieldDisabled = props.fieldDisabled;
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u6587\u5B57\u989C\u8272",
-    tooltip: "\u6587\u5B57\u989C\u8272",
+    tooltip: "\u66F4\u6539\u6587\u5B57\u989C\u8272",
     showLabel: showLabel
   }, /*#__PURE__*/_react["default"].createElement(FontColorDropdown, {
     color: style.color,

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

@@ -49,7 +49,7 @@ function FontFamilyWidget(props) {
       setStyle = props.setStyle;
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u5B57\u4F53",
-    tooltip: "\u5B57\u4F53",
+    tooltip: "\u9009\u53D6\u6587\u5B57\u7684\u65B0\u5B57\u4F53",
     showLabel: showLabel
   }, /*#__PURE__*/_react["default"].createElement(FontFamilySelect, {
     value: style.fontFamily,

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

@@ -54,6 +54,7 @@ function FontSizeWidget(props) {
   (0, _react.useEffect)(function () {}, [selection]);
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u5B57\u53F7",
+    tooltip: "\u9009\u53D6\u6587\u5B57\u7684\u65B0\u5B57\u4F53",
     showLabel: showLabel,
     disabled: disabled
   }, /*#__PURE__*/_react["default"].createElement(FontSizeSelect, {

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

@@ -15,6 +15,8 @@ var _textStyleSettingRouter = _interopRequireDefault(require("./components/textS
 
 var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
 
+var _Tooltip = _interopRequireDefault(require("../components/Tooltip"));
+
 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; }
@@ -22,15 +24,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var items = [{
   key: 'bold',
   label: '加粗',
-  icon: 'bold'
+  icon: 'bold',
+  tooltip: '加粗'
 }, {
   key: 'italic',
   label: '斜体',
-  icon: 'Italics'
+  icon: 'Italics',
+  tooltip: '斜体'
 }, {
   key: 'underline',
   label: '下划线',
-  icon: 'Underline'
+  icon: 'Underline',
+  tooltip: '下划线'
 }];
 
 function buildValue(obj) {
@@ -97,7 +102,7 @@ function FontStyleButton(props) {
 
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u6587\u5B57\u6837\u5F0F",
-    tooltip: "\u6587\u5B57\u6837\u5F0F",
+    tooltip: "\u52A0\u7C97\u3001\u659C\u4F53\u3001\u4E0B\u5212\u7EBF",
     disabled: disabled,
     showLabel: showLabel
   }, /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
@@ -115,19 +120,23 @@ function FontStyleButton(props) {
     return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
       key: item.key,
       disabled: fieldDisabled[item.key]
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
-      alt: ""
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      style: fieldDisabled[item.key] ? {} : {
-        color: '#4d6277'
-      }
-    }, item.label)));
+    }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+      trigger: /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
+        alt: ""
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        style: fieldDisabled[item.key] ? {} : {
+          color: '#4d6277'
+        }
+      }, item.label)),
+      align: "r",
+      popupStyle: {}
+    }, item.tooltip));
   })));
 }
 

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

@@ -5,8 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
@@ -17,14 +15,17 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
 
+var _Tooltip = _interopRequireDefault(require("../components/Tooltip"));
+
 var _WidgetBoxModule = _interopRequireDefault(require("./WidgetBox.module.scss"));
 
-var _excluded = ["label", "showLabel", "tooltip", "disabled", "children"];
+var _excluded = ["label", "showLabel", "tooltip", "tooltipTitle", "disabled", "children"];
 
 function WidgetBox(props) {
   var label = props.label,
       showLabel = props.showLabel,
       tooltip = props.tooltip,
+      tooltipTitle = props.tooltipTitle,
       disabled = props.disabled,
       children = props.children,
       otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
@@ -42,13 +43,10 @@ function WidgetBox(props) {
     return button;
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_balloon["default"].Tooltip, {
+  return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
     trigger: button,
-    align: "b" // 解决遮挡下拉浮层问题
-    ,
-    popupStyle: {
-      zIndex: 1000
-    }
+    title: tooltipTitle,
+    align: "b"
   }, tooltip);
 }