@riil-frontend/component-topology 11.0.29 → 11.0.30

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

@@ -1,41 +1,60 @@
 "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 _numberPicker = _interopRequireDefault(require("@alifd/next/lib/number-picker"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
 var _DropdownButton = _interopRequireDefault(require("./components/DropdownButton"));
+
 var _AlignSetting = _interopRequireDefault(require("../../settings/common/AlignSetting"));
+
 var _htElementUtils = require("../../../../../utils/htElementUtils");
+
 var _NodeAlignWidgetModule = _interopRequireDefault(require("./NodeAlignWidget.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); }
+
 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 NodeAlignWidget(props) {
   var topo = props.topo,
-    showLabel = props.showLabel;
+      showLabel = props.showLabel;
+
   var _useState = (0, _react.useState)(true),
-    disabled = _useState[0],
-    setDisabled = _useState[1];
+      disabled = _useState[0],
+      setDisabled = _useState[1];
+
   var _useState2 = (0, _react.useState)(),
-    leftInputVal = _useState2[0],
-    setLeftInputVal = _useState2[1];
+      leftInputVal = _useState2[0],
+      setLeftInputVal = _useState2[1];
+
   var _useState3 = (0, _react.useState)(),
-    rightInputVal = _useState3[0],
-    setRightInputVal = _useState3[1];
+      rightInputVal = _useState3[0],
+      setRightInputVal = _useState3[1];
+
   var _useState4 = (0, _react.useState)(true),
-    distributionDisabled = _useState4[0],
-    setDistributionDisabled = _useState4[1];
-  // 拓扑图是否加载
+      distributionDisabled = _useState4[0],
+      setDistributionDisabled = _useState4[1]; // 拓扑图是否加载
+
+
   var _topo$store$useModelS = topo.store.useModelState('topoMod'),
-    graphLoaded = _topo$store$useModelS.graphLoaded;
-  // 选中的元素
+      graphLoaded = _topo$store$useModelS.graphLoaded; // 选中的元素
+
+
   var selection = topo.selectionModel.useHtSelection();
+
   var setSpace = function setSpace(type, num) {
-    topo.historyManager.beginTransaction();
-    // eslint-disable-next-line no-shadow
+    topo.historyManager.beginTransaction(); // eslint-disable-next-line no-shadow
+
     var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
     var nodes = selection.filter(function (ele) {
       return !(0, _htElementUtils.isLayer)(ele) && !(0, _htElementUtils.isEdge)(ele);
@@ -43,36 +62,41 @@ function NodeAlignWidget(props) {
     topo.view.topoClient.htTopoClient.setElementsSpace(nodes, type, num);
     topo.historyManager.endTransaction();
   };
+
   var leftInputChange = function leftInputChange(val) {
     setLeftInputVal(val);
     setSpace('h', val);
   };
+
   var rightInputChange = function rightInputChange(val) {
     setRightInputVal(val);
     setSpace('v', val);
   };
+
   var parseValue = function parseValue(v) {
     return v * 1 > 0 ? Math.round(v) : '';
   };
+
   (0, _react.useEffect)(function () {
     if (graphLoaded) {
       var selectionEle = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
       var nodes = selectionEle.filter(function (ele) {
         return !(0, _htElementUtils.isLayer)(ele) && !(0, _htElementUtils.isEdge)(ele);
       });
-      setDisabled(nodes.length <= 1);
-      // eslint-disable-next-line no-use-before-define
+      setDisabled(nodes.length <= 1); // eslint-disable-next-line no-use-before-define
+
       setLeftInputVal();
       setRightInputVal();
       setDistributionDisabled(nodes.length <= 2);
+
       if (nodes.length === 2) {
         var h = topo.view.topoClient.htTopoClient.getElementsSpace(nodes, 'h')[0];
         var v = topo.view.topoClient.htTopoClient.getElementsSpace(nodes, 'v')[0];
         setLeftInputVal(parseValue(h));
         setRightInputVal(parseValue(v));
       }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [graphLoaded, selection]);
   var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
     src: "/img/topo/editor/toolbar/\u5BF9\u9F50/Disable.svg",
@@ -113,8 +137,7 @@ function NodeAlignWidget(props) {
     trigger: /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
       disabled: disabled,
       size: "small",
-      hasTrigger: false
-      // eslint-disable-next-line no-nested-ternary
+      hasTrigger: false // eslint-disable-next-line no-nested-ternary
       ,
       placeholder: distributionDisabled ? '' : '多个值',
       className: _NodeAlignWidgetModule["default"].rightInput,
@@ -126,5 +149,6 @@ function NodeAlignWidget(props) {
     align: "b"
   }, "\u8C03\u6574\u56FE\u7247\u95F4\u7684\u5782\u76F4\u8DDD\u79BB"))));
 }
+
 var _default = NodeAlignWidget;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js

@@ -1,17 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _IconSelect = _interopRequireDefault(require("../IconSelect"));
+
 var _useIcons = require("../../../../../common/icons/useIcons");
+
 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 NodeImageList(props, ref) {
   var value = props.value,
-    onChange = props.onChange,
-    topo = props.topo;
+      onChange = props.onChange,
+      topo = props.topo;
   (0, _react.useEffect)(function () {}, []);
   var icons = (0, _useIcons.useNodeIcons)(topo);
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconSelect["default"], {
@@ -20,5 +27,6 @@ function NodeImageList(props, ref) {
     onChange: onChange
   }));
 }
+
 var _default = NodeImageList;
 exports["default"] = _default;

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

@@ -1,41 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _htElementUtils = require("../../../../../../utils/htElementUtils");
+
 var _DropdownButton = _interopRequireDefault(require("../components/DropdownButton"));
+
 var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
+
 var _BoxBackgroundSetting = _interopRequireDefault(require("./BoxBackgroundSetting"));
+
 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 isElementSetImageEnabled(element) {
   if ((0, _htElementUtils.isGroup)(element)) {
     return !element.isExpanded();
   }
+
   return (0, _htElementUtils.isNode)(element) && !(0, _htElementUtils.isText)(element) && element.a('type') !== 'box';
 }
-
 /**
  * 替换图片设置
  * @param {*} props
  * @returns
  */
+
+
 function NodeImageButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel;
+      showLabel = props.showLabel;
+
   var _useState = (0, _react.useState)(true),
-    disabled = _useState[0],
-    setDisabled = _useState[1];
+      disabled = _useState[0],
+      setDisabled = _useState[1];
+
   var _useState2 = (0, _react.useState)(),
-    imgVal = _useState2[0],
-    setImgVal = _useState2[1];
+      imgVal = _useState2[0],
+      setImgVal = _useState2[1]; // 选中的元素
+
 
-  // 选中的元素
   var selection = topo.selectionModel.useHtSelection();
   (0, _react.useEffect)(function () {
     var nodes = selection.filter(isElementSetImageEnabled);
+
     if (nodes.length > 0) {
       setDisabled(false);
       setImgVal(nodes[0].getImage());
@@ -43,23 +57,22 @@ function NodeImageButton(props) {
       setDisabled(true);
     }
   }, [selection]);
+
   var onChange = function onChange(prop) {
     // console.log("onChange-prop", prop, selection);
     //const { name, value } = prop;
     // const gv = topo.view.topoClient.getGraphView();
     //const element = topo.getSelectionModel().getFirstData();
-    var elements = selection;
-    // console.log("onChange-elements", elements);
+    var elements = selection; // console.log("onChange-elements", elements);
+
     elements.forEach(function (element) {
       if (isElementSetImageEnabled(element)) {
         element.setImage(prop);
       }
-    });
-    // selection.map((element) => {
+    }); // selection.map((element) => {
     //   element.setImage(prop);
     // });
     // if (name === "image") {
-
     // }
   };
 
@@ -84,5 +97,6 @@ function NodeImageButton(props) {
     value: imgVal
   })));
 }
+
 var _default = NodeImageButton;
 exports["default"] = _default;

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

@@ -1,8 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _NodeImageButton = _interopRequireDefault(require("./NodeImageButton"));
+
 var _default = _NodeImageButton["default"];
 exports["default"] = _default;

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

@@ -1,12 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 function BoxBackgroundSetting(props) {
   // const {  } = props
   return /*#__PURE__*/_react["default"].createElement("div", null, "xxx");
 }
+
 var _default = BoxBackgroundSetting;
 exports["default"] = _default;

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

@@ -1,17 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _BatchSetNodeSize = _interopRequireDefault(require("../../../settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize"));
+
 var _NodeSizeInput = _interopRequireDefault(require("../../../settings/common/NodeSizeInput/NodeSizeInput"));
+
 var _useSettingRuntimeState = _interopRequireDefault(require("../../../settings/useSettingRuntimeState"));
+
 var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
+
 var _NodeSizeButtonModule = _interopRequireDefault(require("./NodeSizeButton.module.scss"));
+
 var _htElementUtils = require("../../../../../../utils/htElementUtils");
+
 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; }
+
 // import BatchSetNodeSize from "../../../settings/propertyViews/view/BatchSetNodeSize";
 
 /**
@@ -21,15 +32,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function NodeSizeButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel;
+      showLabel = props.showLabel;
+
   var _useState = (0, _react.useState)(true),
-    disabled = _useState[0],
-    setDisabled = _useState[1];
+      disabled = _useState[0],
+      setDisabled = _useState[1];
+
   var _useState2 = (0, _react.useState)(),
-    size = _useState2[0],
-    setSize = _useState2[1];
+      size = _useState2[0],
+      setSize = _useState2[1]; // 选中的元素
+
 
-  // 选中的元素
   var selection = topo.selectionModel.useSelection();
   var settingRuntimeState = (0, _useSettingRuntimeState["default"])();
   (0, _react.useEffect)(function () {
@@ -41,8 +54,10 @@ function NodeSizeButton(props) {
     var nodes = elements.filter(function (ele) {
       return (0, _htElementUtils.isGroup)(ele) || (0, _htElementUtils.isNode)(ele);
     });
+
     if (nodes.length > 0) {
       setDisabled(false);
+
       if (selection.length === 1) {
         var element = nodes[0];
         setSize({
@@ -58,16 +73,19 @@ function NodeSizeButton(props) {
       });
     }
   }, [selection]);
+
   var _onChange = function onChange(prop) {
     var name = prop.name,
-      value = prop.value;
+        value = prop.value;
     var element = topo.getSelectionModel().getFirstData();
+
     if (name === 'width') {
       element.setWidth(value);
     } else if (name === 'height') {
       element.setHeight(value);
     }
   };
+
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u56FE\u7247\u5C3A\u5BF8",
     disabled: disabled,
@@ -76,8 +94,7 @@ function NodeSizeButton(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: _NodeSizeButtonModule["default"].toolbarNodeSizeSetting
   }, selection.length > 1 ? /*#__PURE__*/_react["default"].createElement(_BatchSetNodeSize["default"], {
-    topo: topo
-    // size="small"
+    topo: topo // size="small"
     ,
     value: size,
     disabled: disabled,
@@ -85,16 +102,15 @@ function NodeSizeButton(props) {
     numberPickerProps: {
       hasTrigger: false,
       placeholder: '-'
-    }
-    // onChange={(size) => {
+    } // onChange={(size) => {
     //   topo.historyManager.beginTransaction();
     //   onChange({ name: "width", value: size.width });
     //   onChange({ name: "height", value: size.height });
     //   topo.historyManager.endTransaction();
     // }}
+
   }) : /*#__PURE__*/_react["default"].createElement(_NodeSizeInput["default"], {
-    topo: topo
-    // size="small"
+    topo: topo // size="small"
     ,
     value: size,
     disabled: disabled,
@@ -107,17 +123,21 @@ function NodeSizeButton(props) {
     settingRuntimeState: settingRuntimeState,
     onChange: function onChange(size) {
       topo.historyManager.beginTransaction();
+
       _onChange({
         name: 'width',
         value: size.width
       });
+
       _onChange({
         name: 'height',
         value: size.height
       });
+
       topo.historyManager.endTransaction();
     }
   })));
 }
+
 var _default = NodeSizeButton;
 exports["default"] = _default;

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

@@ -1,8 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _NodeSizeButton = _interopRequireDefault(require("./NodeSizeButton"));
+
 var _default = _NodeSizeButton["default"];
 exports["default"] = _default;

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

@@ -1,15 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
 var _SearchWidget = _interopRequireDefault(require("../../../../viewer/components/titlebar/widgets/SearchWidget"));
+
 var _DropdownButton = _interopRequireDefault(require("./components/DropdownButton"));
+
 var _excluded = ["showLabel"];
+
 function TopoSearch(props) {
   var topo = props.topo;
   return /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
@@ -29,14 +38,16 @@ function TopoSearch(props) {
     }
   }));
 }
+
 function ToolbarSearchWidget(props) {
   var showLabel = props.showLabel,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u641C\u7D22",
     tooltip: "\u641C\u7D22",
     showLabel: showLabel
   }, /*#__PURE__*/_react["default"].createElement(TopoSearch, otherProps));
 }
+
 var _default = ToolbarSearchWidget;
 exports["default"] = _default;

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

@@ -1,24 +1,35 @@
 "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 = _interopRequireDefault(require("react"));
+
 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", "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);
+      showLabel = props.showLabel,
+      tooltip = props.tooltip,
+      tooltipTitle = props.tooltipTitle,
+      disabled = props.disabled,
+      children = props.children,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+
   var button = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     disabled: disabled,
     className: _WidgetBoxModule["default"].container
@@ -27,15 +38,18 @@ function WidgetBox(props) {
   }, children), showLabel !== false && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_WidgetBoxModule["default"].label, disabled ? _WidgetBoxModule["default"].disabledLabel : _WidgetBoxModule["default"].normalLabel)
   }, label));
+
   if (!tooltip) {
     return button;
   }
+
   return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
     trigger: button,
     title: tooltipTitle,
     align: "b"
   }, tooltip);
 }
+
 WidgetBox.ButtonBox = _ButtonBox["default"];
 var _default = WidgetBox;
 exports["default"] = _default;

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

@@ -1,19 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = ArrowButton;
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _ArrowButtonModule = _interopRequireDefault(require("./ArrowButton.module.scss"));
+
 var _excluded = ["children", "active"];
+
 function ArrowButton(props) {
   var _classNames;
+
   var children = props.children,
-    active = props.active,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      active = props.active,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement("span", otherProps, children, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     type: "tree_fold_arrow",
     size: "xxs",

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

@@ -1,12 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _dropdown = _interopRequireDefault(require("@alifd/next/lib/dropdown"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _ArrowButton = _interopRequireDefault(require("./ArrowButton"));
+
 var _ArrowPopupModule = _interopRequireDefault(require("./ArrowPopup.module.scss"));
+
 /**
  * 箭头按钮浮层
  * @param {*} props 
@@ -14,17 +20,21 @@ var _ArrowPopupModule = _interopRequireDefault(require("./ArrowPopup.module.scss
  */
 function ArrowPopup(props) {
   var label = props.label,
-    children = props.children;
+      children = props.children;
+
   var trigger = /*#__PURE__*/_react["default"].createElement(_ArrowButton["default"], null, label);
+
   return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
     trigger: trigger,
     triggerType: "click"
   }, children);
 }
+
 ArrowPopup.Content = function (props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _ArrowPopupModule["default"].card
   }, props.children);
 };
+
 var _default = ArrowPopup;
 exports["default"] = _default;