@riil-frontend/component-topology 11.0.29 → 11.0.30

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

@@ -1,32 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
 var _popUpContent = _interopRequireDefault(require("./popUpContent"));
+
 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; }
+
 var TopoIconSelect = function TopoIconSelect(props, ref) {
   // 传入参数
   var value = props.value,
-    iconList = props.iconList,
-    onChange = props.onChange;
+      iconList = props.iconList,
+      onChange = props.onChange;
+
   var _useState = (0, _react.useState)(value),
-    valueData = _useState[0],
-    setValue = _useState[1];
+      valueData = _useState[0],
+      setValue = _useState[1];
+
   var _useState2 = (0, _react.useState)(),
-    selectItem = _useState2[0],
-    setSelect = _useState2[1];
+      selectItem = _useState2[0],
+      setSelect = _useState2[1];
+
   var _useState3 = (0, _react.useState)(false),
-    visible = _useState3[0],
-    setVisible = _useState3[1];
+      visible = _useState3[0],
+      setVisible = _useState3[1];
+
   (0, _react.useEffect)(function () {
     if (value) {
       for (var i = 0; i < iconList.length; i++) {
         var icons = iconList[i].icons;
         var flag = false;
+
         for (var m = 0; m < icons.length; m++) {
           if (value === icons[m].id) {
             flag = true;
@@ -34,6 +46,7 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
             break;
           }
         }
+
         if (flag) {
           break;
         }
@@ -45,18 +58,22 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
       getSelectData: getSelectData
     };
   });
+
   var handleChange = function handleChange(v) {
     // console.log('handleChange: ', v);
     if (typeof onChange === 'function') {
       onChange(v.id);
     }
+
     setSelect(v);
     setValue(v.id);
     setVisible(false);
   };
+
   var getSelectData = function getSelectData() {
     return valueData;
   };
+
   var valueRender = function valueRender(v) {
     return selectItem ? /*#__PURE__*/_react["default"].createElement("span", {
       className: _indexModule["default"].selected
@@ -70,18 +87,21 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
       className: _indexModule["default"].icontitle
     }, selectItem === null || selectItem === void 0 ? void 0 : selectItem.name)) : null;
   };
+
   var onVisibleChange = function onVisibleChange(v) {
     setVisible(v);
   };
+
   var popupContent = /*#__PURE__*/_react["default"].createElement(_popUpContent["default"], {
     iconList: iconList,
     selectedId: selectItem === null || selectItem === void 0 ? void 0 : selectItem.id,
     onChange: handleChange
   });
+
   var popupProps = {
     triggerClickKeycode: [13, 32, 40] // space, enter, down-arrow
-  };
 
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"].TopoIconSelect
   }, /*#__PURE__*/_react["default"].createElement(_popUpContent["default"], {
@@ -90,5 +110,7 @@ var TopoIconSelect = function TopoIconSelect(props, ref) {
     onChange: handleChange
   }));
 };
+
 var _default = /*#__PURE__*/_react["default"].forwardRef(TopoIconSelect);
+
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss

@@ -33,7 +33,7 @@
       font-size: 12px;
       font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
-      color: #4D6277;
+      color:$color-text1-4;
       line-height: 17px;
     }
 

package/lib/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js

@@ -1,20 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
+
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
 var Panel = _collapse["default"].Panel;
+
 function PopUpContent(props) {
   var iconList = props.iconList,
-    onChange = props.onChange,
-    selectedId = props.selectedId;
+      onChange = props.onChange,
+      selectedId = props.selectedId;
+
   var itemOnClick = function itemOnClick(e) {
     onChange(e);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
     className: _indexModule["default"].iconCollapse
   }, iconList.map(function (item, index) {
@@ -47,5 +56,6 @@ function PopUpContent(props) {
     })));
   })));
 }
+
 var _default = PopUpContent;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js

@@ -1,15 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _LayoutTagImageSelect = _interopRequireDefault(require("./LayoutTagImageSelect"));
+
 var _LayoutSettingsModule = _interopRequireDefault(require("./LayoutSettings.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; }
+
 var LAYOUTS = {
   circular: '星型布局',
   hierarchical: '均衡布局',
@@ -23,35 +32,38 @@ var TREE_LAYOUT_OPTIONS = [{
   value: 'south',
   label: '纵向'
 }];
+
 var LayoutSettings = function LayoutSettings(props) {
   var _props$layout = props.layout,
-    layout = _props$layout === void 0 ? {} : _props$layout,
-    onChange = props.onChange,
-    regionId = props.regionId,
-    size = props.size,
-    disabled = props.disabled;
+      layout = _props$layout === void 0 ? {} : _props$layout,
+      onChange = props.onChange,
+      regionId = props.regionId,
+      size = props.size,
+      disabled = props.disabled;
   var layoutId = layout.id,
-    layoutOptions = layout.options;
-
-  // const [value, setValue] = useState();
+      layoutOptions = layout.options; // const [value, setValue] = useState();
 
   var handleChange = function handleChange(data) {
     onChange && onChange(data);
   };
+
   var onLayoutSelect = function onLayoutSelect(id) {
     // console.log("onLayoutSelect", id, layout, value);
     var options;
+
     if (id === 'toward') {
       options = {
         subId: TREE_LAYOUT_OPTIONS[0].value
       };
-    }
-    // setValue(id);
+    } // setValue(id);
+
+
     handleChange({
       id: id,
       options: options
     });
   };
+
   var layoutGroup = Object.keys(LAYOUTS).map(function (id) {
     return {
       id: id,
@@ -99,5 +111,6 @@ var LayoutSettings = function LayoutSettings(props) {
     }
   })) : null);
 };
+
 var _default = LayoutSettings;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js

@@ -1,26 +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 _LayoutTemplateButton = _interopRequireDefault(require("../LayoutTemplateButton"));
+
 var _LayoutTagSelect = _interopRequireDefault(require("../LayoutTagSelect"));
+
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
 var _excluded = ["dataSource", "onChange", "size", "boxProps", "tagProps", "itemProps", "ItemComponent", "disabled", "value"];
+
 var TagImageSelect = function TagImageSelect(props) {
   var dataSource = props.dataSource,
-    onChange = props.onChange,
-    size = props.size,
-    boxProps = props.boxProps,
-    tagProps = props.tagProps,
-    itemProps = props.itemProps,
-    ItemComponent = props.ItemComponent,
-    disabled = props.disabled,
-    value = props.value,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      onChange = props.onChange,
+      size = props.size,
+      boxProps = props.boxProps,
+      tagProps = props.tagProps,
+      itemProps = props.itemProps,
+      ItemComponent = props.ItemComponent,
+      disabled = props.disabled,
+      value = props.value,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   var Item = ItemComponent || _LayoutTemplateButton["default"];
   return /*#__PURE__*/_react["default"].createElement(_LayoutTagSelect["default"], (0, _extends2["default"])({}, otherProps, {
     onChange: onChange,
@@ -41,5 +50,6 @@ var TagImageSelect = function TagImageSelect(props) {
     tagProps: tagProps
   }));
 };
+
 var _default = TagImageSelect;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js

@@ -1,35 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _tag = _interopRequireDefault(require("@alifd/next/lib/tag"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 require("./index.scss");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 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; }
-/* eslint-disable eqeqeq */
 
+/* eslint-disable eqeqeq */
 var SelectableTag = _tag["default"].Selectable;
+
 var TagSelect = function TagSelect(props) {
   var _onChange = props.onChange,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    dataSource = props.dataSource,
-    size = props.size,
-    disabled = props.disabled,
-    boxProps = props.boxProps,
-    tagProps = props.tagProps;
+      value = props.value,
+      defaultValue = props.defaultValue,
+      dataSource = props.dataSource,
+      size = props.size,
+      disabled = props.disabled,
+      boxProps = props.boxProps,
+      tagProps = props.tagProps;
+
   var _useState = (0, _react.useState)(value || defaultValue),
-    current = _useState[0],
-    setCurrent = _useState[1];
+      current = _useState[0],
+      setCurrent = _useState[1];
+
   (0, _react.useEffect)(function () {
     // if (value) {
-
     // }
     setCurrent(value);
   }, [value]);
@@ -45,12 +57,12 @@ var TagSelect = function TagSelect(props) {
       key: "wrap-" + item.key
     }, /*#__PURE__*/_react["default"].createElement(SelectableTag, (0, _extends2["default"])({
       key: item.key,
-      checked: current === item.key
-      // eslint-disable-next-line eqeqeq
+      checked: current === item.key // eslint-disable-next-line eqeqeq
       ,
       disabled: disabled(item.key),
       onChange: function onChange(checked) {
         _onChange && _onChange(item.key);
+
         if (!('value' in props)) {
           setCurrent(item.key);
         }
@@ -62,6 +74,7 @@ var TagSelect = function TagSelect(props) {
     }, item.content)));
   })));
 };
+
 TagSelect.propTypes = {
   // eslint-disable-next-line react/require-default-props
   onChange: _propTypes["default"].func,

package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js

@@ -1,17 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _assets = _interopRequireDefault(require("./assets"));
+
 var Icon = function Icon(props) {
   var _props$alt = props.alt,
-    alt = _props$alt === void 0 ? '' : _props$alt,
-    img = props.img,
-    type = props.type,
-    className = props.className,
-    rotate = props.rotate;
+      alt = _props$alt === void 0 ? '' : _props$alt,
+      img = props.img,
+      type = props.type,
+      className = props.className,
+      rotate = props.rotate;
   var style = rotate ? {
     transform: "rotate(" + rotate + "deg)"
   } : null;
@@ -23,5 +27,6 @@ var Icon = function Icon(props) {
     alt: alt
   });
 };
+
 var _default = Icon;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js

@@ -1,12 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _topo_layout_circular = _interopRequireDefault(require("./topo_layout_circular.svg"));
+
 var _topo_layout_hierarchical = _interopRequireDefault(require("./topo_layout_hierarchical.svg"));
+
 var _topo_layout_toward = _interopRequireDefault(require("./topo_layout_toward.svg"));
+
 var _topo_layout_rectangle = _interopRequireDefault(require("./topo_layout_rectangle.svg"));
+
 var _default = {
   'layout_rectangle': _topo_layout_rectangle["default"],
   'layout_circular': _topo_layout_circular["default"],

package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js

@@ -1,23 +1,32 @@
 "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 _Icon = _interopRequireDefault(require("./Icon"));
+
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
 var _excluded = ["className", "children", "icon", "img", "iconClassName", "textClassName"];
+
 var TemplateButton = function TemplateButton(props) {
   var className = props.className,
-    children = props.children,
-    icon = props.icon,
-    img = props.img,
-    iconClassName = props.iconClassName,
-    textClassName = props.textClassName,
-    rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      children = props.children,
+      icon = props.icon,
+      img = props.img,
+      iconClassName = props.iconClassName,
+      textClassName = props.textClassName,
+      rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_indexModule["default"].card, className)
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -30,5 +39,6 @@ var TemplateButton = function TemplateButton(props) {
     className: (0, _classnames["default"])(_indexModule["default"].text, textClassName)
   }, /*#__PURE__*/_react["default"].createElement("span", null, children)));
 };
+
 var _default = TemplateButton;
 exports["default"] = _default;

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

@@ -1,30 +1,44 @@
 "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 _LayoutSettings = _interopRequireDefault(require("./components/LayoutSettings"));
+
 var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
+
 var _DropdownButton = _interopRequireDefault(require("../components/DropdownButton"));
+
 var _htElementDataUtil = require("../../../../../../utils/htElementDataUtil");
+
 var _excluded = ["topo", "showLabel"];
-/* eslint-disable eqeqeq */
+
 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 Layout(props) {
   var topo = props.topo,
-    topoShowType = props.topoShowType;
+      topoShowType = props.topoShowType;
+
   var _useState = (0, _react.useState)(),
-    layout = _useState[0],
-    setLayout = _useState[1];
+      layout = _useState[0],
+      setLayout = _useState[1]; // 选中的元素
+
 
-  // 选中的元素
   var selectionElements = topo.selectionModel.useHtSelection();
+
   var _topo$store$useModelS = topo.store.useModelState('selection'),
-    selection = _topo$store$useModelS.selection;
+      selection = _topo$store$useModelS.selection;
+
   var setDisabled = function setDisabled(data) {
     if (topoShowType == 'layers' && selection.length == 1 && !(0, _htElementDataUtil.isGroup)(selection[0])) {
       return data != 'rectangle';
@@ -32,32 +46,39 @@ function Layout(props) {
       return data == 'rectangle';
     }
   };
+
   var globalLayout = function globalLayout(data) {
     var firstElement = selection[0];
-    var layouType = data.id === 'toward' ? "" + data.id + data.options.subId : data.id;
-    // eslint-disable-next-line eqeqeq
+    var layouType = data.id === 'toward' ? "" + data.id + data.options.subId : data.id; // eslint-disable-next-line eqeqeq
+
     if (topoShowType != 'layers' && selection.length == 0) {
       topo.getHtTopo().layoutInTopo(layouType);
-    }
-    // eslint-disable-next-line eqeqeq
+    } // eslint-disable-next-line eqeqeq
+
+
     if (topoShowType != 'layers' && selection.length == 1) {
       topo.getHtTopo().layoutInContainer(layouType);
-    }
-    // eslint-disable-next-line eqeqeq
+    } // eslint-disable-next-line eqeqeq
+
+
     if (firstElement && (0, _htElementDataUtil.isLayer)(firstElement)) {
       topo.getHtTopo().layoutLayer(selectionElements[0]);
     }
   };
+
   var layoutOnChange = function layoutOnChange(v) {
     var _selection$;
+
     topo.historyManager.beginTransaction();
-    setLayout(v);
-    // eslint-disable-next-line eqeqeq
+    setLayout(v); // eslint-disable-next-line eqeqeq
+
     if (topoShowType != 'layers' && ((_selection$ = selection[0]) === null || _selection$ === void 0 ? void 0 : _selection$.className) != 'ht.Node' || topoShowType == 'partition' && selection.length == 1 || topoShowType == 'layers' && selection.length == 1) {
       globalLayout(v);
     }
+
     topo.historyManager.endTransaction();
   };
+
   return (
     /*#__PURE__*/
     // <LayoutSettings size="xs" selection = {selection} topoShowType={topoShowType} layout={layout} onChange={layoutOnChange} />
@@ -69,19 +90,21 @@ function Layout(props) {
     })
   );
 }
+
 function LayoutWidget(props) {
   var topo = props.topo,
-    showLabel = props.showLabel,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  // eslint-disable-next-line no-undef
-  var store = topo.store;
-  // 拓扑图是否加载
-  var topoState = store.useModelState('topoMod');
-  // 分层或分区时候选中的值，未选中length为0 配合下面的type属性一起使用，
+      showLabel = props.showLabel,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded); // eslint-disable-next-line no-undef
+
+  var store = topo.store; // 拓扑图是否加载
+
+  var topoState = store.useModelState('topoMod'); // 分层或分区时候选中的值，未选中length为0 配合下面的type属性一起使用，
   // type为partition且selection.length>=0时可以点击布局， selection[0].className != 'ht.Node'
   // type为auto且selection.length==0时可以点击布局 
+
   var _topo$store$useModelS2 = topo.store.useModelState('selection'),
-    selection = _topo$store$useModelS2.selection;
+      selection = _topo$store$useModelS2.selection;
+
   var topoShowType = topoState.type; // 获取ID以及拓扑类型 // 拓扑类型：auto自由布局，layers分层，partition分区
 
   var disabled = (0, _react.useMemo)(function () {
@@ -110,23 +133,27 @@ function LayoutWidget(props) {
     topoShowType: topoShowType
   }, otherProps))));
 }
+
 function isLayoutEnabled(props) {
   var topoShowType = props.topoShowType,
-    selection = props.selection;
+      selection = props.selection; // 选中单个区域/集群后，该按钮亮起
 
-  // 选中单个区域/集群后，该按钮亮起
   if (selection.length === 1 && (0, _htElementDataUtil.isGroup)(selection[0]) && selection[0].expanded) {
     return true;
-  }
-  // 分层拓扑选中任意分层时，布局按钮亮起
+  } // 分层拓扑选中任意分层时，布局按钮亮起
+
+
   if (topoShowType === 'layers' && selection.length === 1 && (0, _htElementDataUtil.isLayer)(selection[0])) {
     return true;
-  }
-  // 空白拓扑未选中任何资源时，布局按钮亮起
+  } // 空白拓扑未选中任何资源时，布局按钮亮起
+
+
   if (topoShowType !== 'layers' && !selection.length) {
     return true;
   }
+
   return false;
 }
+
 var _default = LayoutWidget;
 exports["default"] = _default;