@riil-frontend/component-topology 11.0.29 → 11.0.30

package/lib/core/editor/components/settings/CloseablePanel.js

@@ -1,17 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _configProvider = _interopRequireDefault(require("@alifd/next/lib/config-provider"));
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _CloseablePanelModule = _interopRequireDefault(require("./CloseablePanel.module.scss"));
+
 function CloseablePanel(props) {
   var prefix = props.prefix,
-    title = props.title,
-    onClose = props.onClose,
-    children = props.children;
+      title = props.title,
+      onClose = props.onClose,
+      children = props.children;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _CloseablePanelModule["default"].panel
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -30,8 +36,11 @@ function CloseablePanel(props) {
     className: _CloseablePanelModule["default"].body
   }, children));
 }
+
 CloseablePanel.defaultProps = {
   prefix: 'next-'
 };
+
 var _default = _configProvider["default"].config(CloseablePanel);
+
 exports["default"] = _default;

package/lib/core/editor/components/settings/PropertyView.js

@@ -1,59 +1,78 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = PropertyPanel;
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _CloseablePanel = _interopRequireDefault(require("./CloseablePanel"));
+
 var _edgePropertyViewAdapter = require("./core/edgePropertyViewAdapter");
+
 var _PropertyViewManager = _interopRequireDefault(require("./core/PropertyViewManager"));
+
 var _Settings = _interopRequireDefault(require("./Settings"));
+
 var _SettingsModule = _interopRequireDefault(require("./Settings.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 PropertyViewProvider(props) {}
+
 function PropertyPanel(props) {
   var _editorProps$property, _editorProps$property2, _classNames;
+
   var topo = props.topo,
-    editorProps = props.editorProps;
+      editorProps = props.editorProps;
   var store = topo.store;
   var topoState = store.useModelState('topoMod');
   var topoShowType = topoState.type,
-    graphLoaded = topoState.graphLoaded;
+      graphLoaded = topoState.graphLoaded;
+
   var _store$useModelState = store.useModelState('selection'),
-    selection = _store$useModelState.selection;
+      selection = _store$useModelState.selection;
+
   var topoEditState = topo.store.useModelState('topoEdit');
   var propertyPanelVisible = topoEditState.propertyPanelVisible;
   var propertyViewManager = (0, _react.useMemo)(function () {
     return new _PropertyViewManager["default"](topo);
   }, []);
   propertyViewManager.addViews((_editorProps$property = editorProps.propertyView) === null || _editorProps$property === void 0 ? void 0 : _editorProps$property.views);
+
   propertyViewManager.customGetViewType = ((_editorProps$property2 = editorProps.propertyView) === null || _editorProps$property2 === void 0 ? void 0 : _editorProps$property2.getPropertyViewType) || function (elements) {
     return (0, _edgePropertyViewAdapter.adapterGetEdgePropertyViewType)(elements, editorProps);
-  };
-  // 临时适配连线属性面板类型，后期组件支持自定义适配
+  }; // 临时适配连线属性面板类型，后期组件支持自定义适配
+
+
   (0, _edgePropertyViewAdapter.addEdgePropertyViews)(propertyViewManager, editorProps);
   var PropertyView = propertyViewManager.getPropertyView();
   (0, _react.useEffect)(function () {
     if (graphLoaded) {
       propertyViewManager.init();
     }
+
     return function () {
       propertyViewManager.destroy();
     };
-  }, [graphLoaded, propertyViewManager]);
+  }, [graphLoaded, propertyViewManager]); // 没有视图关闭属性面板
 
-  // 没有视图关闭属性面板
   (0, _react.useEffect)(function () {
     if (propertyPanelVisible && !PropertyView) {
       propertyViewManager.close();
     }
   }, [propertyPanelVisible, PropertyView, propertyViewManager]);
+
   var renderContent = function renderContent() {
     if (!propertyPanelVisible || !PropertyView) {
       return null;
     }
+
     return /*#__PURE__*/_react["default"].createElement(_Settings["default"], {
       topo: topo,
       selection: selection,
@@ -63,6 +82,7 @@ function PropertyPanel(props) {
       editorProps: editorProps
     });
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_SettingsModule["default"].propertyPanel, (_classNames = {}, _classNames[_SettingsModule["default"].hide] = !propertyPanelVisible, _classNames))
   }, /*#__PURE__*/_react["default"].createElement(_CloseablePanel["default"], {

package/lib/core/editor/components/settings/Settings.js

@@ -1,15 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = PropertyViewContainer;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _useSettingRuntimeState = _interopRequireDefault(require("./useSettingRuntimeState"));
+
 var _updateElementProperty = _interopRequireDefault(require("./core/updateElementProperty"));
+
 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; }
+
 function buildElementValues(selection) {
   var values = (0, _extends2["default"])({}, selection[0]);
   var attrTypes = ['attrObject', 'position', 'styleMap'];
@@ -20,22 +29,24 @@ function buildElementValues(selection) {
   });
   return values;
 }
+
 function PropertyViewContainer(props) {
   var topo = props.topo,
-    topoShowType = props.topoShowType,
-    topoEditApi = props.topoEditApi,
-    selection = props.selection,
-    editorProps = props.editorProps,
-    PropertyView = props.PropertyView;
+      topoShowType = props.topoShowType,
+      topoEditApi = props.topoEditApi,
+      selection = props.selection,
+      editorProps = props.editorProps,
+      PropertyView = props.PropertyView;
   var settingRuntimeState = (0, _useSettingRuntimeState["default"])();
   var selectionElements = (0, _react.useMemo)(function () {
     return topo.selectionModel.getSelection();
-  }, [selection]);
-  // 不建议使用，直接使用ht元素对象。待优化
+  }, [selection]); // 不建议使用，直接使用ht元素对象。待优化
+
   var singleElementValues = (0, _react.useMemo)(function () {
     return selection.length === 1 ? buildElementValues(selection) : undefined;
   }, [selection]);
   var elementProps = {};
+
   if (selection.length === 1) {
     var element = selectionElements[0];
     elementProps = {
@@ -43,10 +54,12 @@ function PropertyViewContainer(props) {
       selectionElement: element,
       values: singleElementValues
     };
+
     if ((0, _htElementUtils.isEdge)(element)) {
       elementProps.edge = element;
     }
   }
+
   return /*#__PURE__*/_react["default"].createElement(PropertyView, (0, _extends2["default"])({
     topo: topo,
     selection: selection,

package/lib/core/editor/components/settings/common/AddResourceButton.js

@@ -1,15 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = AddResourceButton;
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _react = _interopRequireDefault(require("react"));
+
 function AddResourceButton(props) {
   var onClick = props.onClick;
+
   var handleClick = function handleClick(e) {
     onClick();
   };
+
   return /*#__PURE__*/_react["default"].createElement(_button["default"], {
     text: true,
     type: "primary",
@@ -19,4 +25,5 @@ function AddResourceButton(props) {
     }
   }, "\u6DFB\u52A0\u8D44\u6E90");
 }
+
 ;

package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js

@@ -1,17 +1,28 @@
 "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 _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _divider = _interopRequireDefault(require("@alifd/next/lib/divider"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _AlignSettingModule = _interopRequireDefault(require("./AlignSetting.module.scss"));
+
 var _variables = _interopRequireDefault(require("@alifd/theme-19926/variables.js"));
+
 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 TREE_LAYOUT_OPTIONS = [{
   value: 'left',
   label: '左对齐',
@@ -47,26 +58,29 @@ var TREE_LAYOUT_OPTIONS = [{
   label: '纵向分布',
   icon: 'tuopu_chuizhidengjianjuduiqi'
 }];
+
 var AlignTypeList = function AlignTypeList(props) {
   var _props$selected = props.selected,
-    selected = _props$selected === void 0 ? 'left' : _props$selected,
-    onChange = props.onChange,
-    distributionDisabled = props.distributionDisabled,
-    onMouseMove = props.onMouseMove,
-    onMouseLeave = props.onMouseLeave;
+      selected = _props$selected === void 0 ? 'left' : _props$selected,
+      onChange = props.onChange,
+      distributionDisabled = props.distributionDisabled,
+      onMouseMove = props.onMouseMove,
+      onMouseLeave = props.onMouseLeave;
+
   var _useState = (0, _react.useState)(selected),
-    value = _useState[0],
-    setValue = _useState[1];
+      value = _useState[0],
+      setValue = _useState[1];
+
   var handleChange = function handleChange(data) {
     // console.log("handleChange", data);
     onChange && onChange(data.value);
-    setValue(data.value);
-    // setValue(data)
+    setValue(data.value); // setValue(data)
   };
 
   var onMouseMoveChange = function onMouseMoveChange(data) {
     onMouseMove && onMouseMove(data.value);
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _AlignSettingModule["default"].AlignSetting
   }, TREE_LAYOUT_OPTIONS.map(function (item, index, array) {
@@ -84,8 +98,7 @@ var AlignTypeList = function AlignTypeList(props) {
         onMouseLeave: onMouseLeave,
         onClick: function onClick() {
           handleChange(item);
-        }
-        // eslint-disable-next-line no-unneeded-ternary
+        } // eslint-disable-next-line no-unneeded-ternary
         ,
         disabled: (item.value === 'distributeHorizontal' || item.value === 'distributeVertical') && distributionDisabled
       }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
@@ -98,5 +111,6 @@ var AlignTypeList = function AlignTypeList(props) {
     }, item.label);
   }));
 };
+
 var _default = AlignTypeList;
 exports["default"] = _default;

package/lib/core/editor/components/settings/common/AlignSetting/index.js

@@ -1,22 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = AlignSetting;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _htElementUtils = require("../../../../../../utils/htElementUtils");
+
 var _AlignTypeList = _interopRequireDefault(require("./AlignTypeList"));
+
 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 AlignSetting(props) {
   var topo = props.topo,
-    distributionDisabled = props.distributionDisabled;
+      distributionDisabled = props.distributionDisabled;
+
   var _useState = (0, _react.useState)(false),
-    ifMouseMove = _useState[0],
-    setIfMouseMove = _useState[1];
+      ifMouseMove = _useState[0],
+      setIfMouseMove = _useState[1];
+
   var onMouseMove = function onMouseMove(data) {
     if (!ifMouseMove) {
       var _topo$historyManager, _topo$historyManager2;
+
       var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
       var nodes = selection.filter(function (ele) {
         return !(0, _htElementUtils.isLayer)(ele) && !(0, _htElementUtils.isEdge)(ele);
@@ -27,24 +37,27 @@ function AlignSetting(props) {
       setIfMouseMove(true);
     }
   };
+
   var onMouseLeave = function onMouseLeave() {
     var _topo$historyManager3, _topo$historyManager4;
+
     (_topo$historyManager3 = topo.historyManager) === null || _topo$historyManager3 === void 0 ? void 0 : _topo$historyManager3.setDisabled(true, '加载标注');
     topo.view.topoClient.htTopoClient.removePreviewAlignmentBySelectionNodes();
     (_topo$historyManager4 = topo.historyManager) === null || _topo$historyManager4 === void 0 ? void 0 : _topo$historyManager4.setDisabled(false, '加载标注');
     setIfMouseMove(false);
   };
+
   var alignOnChange = function alignOnChange(type) {
     topo.historyManager.beginTransaction();
     var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
     var nodes = selection.filter(function (ele) {
       return !(0, _htElementUtils.isLayer)(ele) && !(0, _htElementUtils.isEdge)(ele);
-    });
+    }); // console.info("element--selectList", element, selectList);
 
-    // console.info("element--selectList", element, selectList);
     topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(type, nodes);
     topo.historyManager.endTransaction();
   };
+
   return /*#__PURE__*/_react["default"].createElement(_AlignTypeList["default"], {
     onChange: alignOnChange,
     selected: "left",

package/lib/core/editor/components/settings/common/GroupNodeList/ResourceList.js

@@ -1,19 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _list = _interopRequireDefault(require("@alifd/next/lib/list"));
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/component-no-data-page"));
+
 var _ResourceListModule = _interopRequireDefault(require("./ResourceList.module.scss"));
+
 var _textModule = _interopRequireDefault(require("../../../../../common/text.module.scss"));
+
 function ResourceList(props) {
   var data = props.data,
-    showRemove = props.showRemove,
-    onRemove = props.onRemove;
+      showRemove = props.showRemove,
+      onRemove = props.onRemove;
+
   var renderIcon = function renderIcon(src) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       style: {
@@ -23,6 +33,7 @@ function ResourceList(props) {
       }
     });
   };
+
   var renderIcon2 = function renderIcon2(src) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: _ResourceListModule["default"].iconWarp
@@ -32,10 +43,12 @@ function ResourceList(props) {
       alt: ""
     }));
   };
+
   var renderRemoveButton = function renderRemoveButton(data) {
     if (!showRemove) {
       return null;
     }
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: _ResourceListModule["default"].listItemExtra,
       onClick: function onClick() {
@@ -46,9 +59,11 @@ function ResourceList(props) {
       text: true
     }, "\u79FB\u51FA"));
   };
+
   if (!data.length) {
     return /*#__PURE__*/_react["default"].createElement(_componentNoDataPage["default"], null);
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _ResourceListModule["default"].list
   }, /*#__PURE__*/_react["default"].createElement(_list["default"], {
@@ -66,5 +81,6 @@ function ResourceList(props) {
     }
   }));
 }
+
 var _default = ResourceList;
 exports["default"] = _default;

package/lib/core/editor/components/settings/common/LayoutSettings.js

@@ -1,22 +1,30 @@
 "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 _TagImageSelect = _interopRequireDefault(require("../../../../../components/TagImageSelect"));
+
 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: "均衡布局",
-  toward: "树形布局"
-  // rectangle: '矩形布局',
-};
+  toward: "树形布局" // rectangle: '矩形布局',
 
+};
 var TREE_LAYOUT_OPTIONS = [{
   value: "east",
   label: "横向"
@@ -24,34 +32,37 @@ 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;
+      layout = _props$layout === void 0 ? {} : _props$layout,
+      onChange = props.onChange,
+      regionId = props.regionId,
+      size = props.size;
   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,
@@ -98,5 +109,6 @@ var LayoutSettings = function LayoutSettings(props) {
     }
   })) : null);
 };
+
 var _default = LayoutSettings;
 exports["default"] = _default;

package/lib/core/editor/components/settings/common/LineType/index.js

@@ -1,17 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = LineTypeSetting;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _edgeTypeStyleUtil = require("../../../../utils/edgeTypeStyleUtil");
+
 var _LineType = _interopRequireDefault(require("../../../Toolbar/widgets/EdgeTypeButton/LineType"));
+
 function LineTypeSetting(props) {
   var topo = props.topo;
+
   var setLineType = function setLineType(type) {
     var edges = (0, _edgeTypeStyleUtil.getEdgesBySelection)(topo);
     (0, _edgeTypeStyleUtil.setEdgesType)(edges, type, topo);
   };
+
   return /*#__PURE__*/_react["default"].createElement(_LineType["default"], {
     onChange: setLineType,
     topo: topo

package/lib/core/editor/components/settings/common/NameInput.js

@@ -1,16 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _excluded = ["multipleLine"];
+
 var NameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var multipleLine = props.multipleLine,
-    inputProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      inputProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+
   if (multipleLine) {
     return /*#__PURE__*/_react["default"].createElement(_input["default"].TextArea, (0, _extends2["default"])({
       ref: ref,
@@ -20,9 +28,11 @@ var NameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
       }
     }, inputProps));
   }
+
   return /*#__PURE__*/_react["default"].createElement(_input["default"], (0, _extends2["default"])({
     ref: ref
   }, inputProps));
 });
+
 var _default = NameInput;
 exports["default"] = _default;

package/lib/core/editor/components/settings/common/NodeAlignType.js

@@ -1,13 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = NodeAlignType;
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 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 NodeAlignType(props) {
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_button["default"], null, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     type: "UICBB_edit_Histogram"
@@ -19,4 +26,5 @@ function NodeAlignType(props) {
     type: "UICBB_edit_Histogram"
   })), "\xA0\xA0");
 }
+
 ;