@riil-frontend/component-topology 2.15.43 → 2.15.46

package/lib/core/components/TopoView/topoView.js

@@ -23,8 +23,6 @@ var _useTopoEdit = _interopRequireDefault(require("../../../hooks/useTopoEdit"))
 
 var _useSelection2 = _interopRequireDefault(require("../../../hooks/useSelection"));
 
-var _useRelateTopo = _interopRequireDefault(require("../../../hooks/useRelateTopo"));
-
 var _showMessage = _interopRequireDefault(require("../../utils/showMessage"));
 
 var _EditorPlugin = _interopRequireDefault(require("../../editor/components/EditorPlugin"));
@@ -39,15 +37,15 @@ var _PropertyView = _interopRequireDefault(require("../../editor/components/sett
 
 var _BackgroundView = _interopRequireDefault(require("../../editor/components/BackgroundView"));
 
-var _TopoViewModule = _interopRequireDefault(require("./TopoView.module.scss"));
-
 var _edgeUtil = require("../../utils/edgeUtil");
 
+var _TopoViewModule = _interopRequireDefault(require("./TopoView.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 TopoView = function TopoView(props) {
+var Topology = function Topology(props) {
   var _classnames, _graphViewProps$creat;
 
   var topo = props.topo,
@@ -63,6 +61,7 @@ var TopoView = function TopoView(props) {
       nodeDeleteable = props.nodeDeleteable,
       onNodeDelete = props.onNodeDelete,
       onLineDelete = props.onLineDelete,
+      onEvent = props.onEvent,
       _props$graphViewProps = props.graphViewProps,
       graphViewProps = _props$graphViewProps === void 0 ? {} : _props$graphViewProps,
       viewerProps = props.viewerProps,
@@ -109,10 +108,7 @@ var TopoView = function TopoView(props) {
   var onExitEdit = topoEdit.onExitEdit,
       onBindData = topoEdit.onBindData,
       onDeleteElement = topoEdit.onDeleteElement,
-      onSaveTopo = topoEdit.onSaveTopo;
-  var relateTopo = (0, _useRelateTopo["default"])({
-    topo: topo
-  }); // useAlarm({
+      onSaveTopo = topoEdit.onSaveTopo; // useAlarm({
   //   topo,
   // });
 
@@ -141,13 +137,6 @@ var TopoView = function TopoView(props) {
   (0, _react.useEffect)(function () {
     // rlog.debug("TopoView.useEffect topoData", topoData);
     setTData(buildLoadOptions ? buildLoadOptions(topoData) : topoData);
-
-    if (topoData) {
-      // TODO 移到模型中
-      topoDispatchers.update({
-        currentTopo: topoData.config
-      });
-    }
   }, [topoData]);
   (0, _react.useEffect)(function () {
     return function () {
@@ -207,7 +196,7 @@ var TopoView = function TopoView(props) {
   var handleEvent = function handleEvent(event) {
     _rlog["default"].debug("TopoView:onEvent", event);
 
-    relateTopo.onEvent(event);
+    onEvent(event);
     topoEdit.onEvent(event);
 
     switch (event.name) {
@@ -310,7 +299,7 @@ var TopoView = function TopoView(props) {
   }));
 };
 
-TopoView.propTypes = {
+Topology.propTypes = {
   // 拓扑模型
   topo: _propTypes["default"].any.isRequired,
   defaultEnterEditMode: _propTypes["default"].bool,
@@ -330,11 +319,11 @@ TopoView.propTypes = {
    */
   titleBar: _propTypes["default"].oneOf([_react["default"].ReactNode, false])
 };
-TopoView.defaultProps = {
+Topology.defaultProps = {
   defaultEnterEditMode: false,
   viewerProps: {},
   editorProps: {} // titleBar: false,
 
 };
-var _default = TopoView;
+var _default = Topology;
 exports["default"] = _default;

package/lib/core/{models/createTopoApp.js → createTopoApp.js}

@@ -8,7 +8,7 @@ exports.createTopology = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _TopoApp = _interopRequireDefault(require("./TopoApp"));
+var _TopoApp = _interopRequireDefault(require("./models/TopoApp"));
 
 /**
  *

package/lib/core/editor/components/BackgroundView/index.js

@@ -13,7 +13,7 @@ var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
 
 var _tag = _interopRequireDefault(require("@alifd/next/lib/tag"));
 
@@ -21,7 +21,7 @@ var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
 
-var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -47,20 +47,56 @@ function List(props) {
       dataSource = props.dataSource,
       onRemove = props.onRemove;
 
-  function remove(e, id) {
-    e.stopPropagation();
-
-    _dialog["default"].confirm({
-      title: '删除',
-      messageProps: {
-        type: 'warning'
-      },
-      content: '若执行相关操作，此背景将会从背景库删除，确定删除吗？',
-      onOk: function onOk() {
-        return onRemove(id);
-      },
-      onCancel: function onCancel() {}
-    });
+  function remove(_x, _x2) {
+    return _remove.apply(this, arguments);
+  }
+
+  function _remove() {
+    _remove = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(e, id) {
+      var canDelete;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              e.stopPropagation();
+              _context.next = 3;
+              return _background["default"].canDeleteBackground(id);
+
+            case 3:
+              canDelete = _context.sent;
+              console.log('canDelete', canDelete);
+
+              if (canDelete) {
+                _dialog["default"].confirm({
+                  title: '删除',
+                  messageProps: {
+                    type: 'warning'
+                  },
+                  content: '若执行相关操作，此背景将会从背景库删除，确定删除吗？',
+                  onOk: function onOk() {
+                    return onRemove(id);
+                  }
+                });
+              } else {
+                _dialog["default"].confirm({
+                  title: '提示',
+                  messageProps: {
+                    type: 'warning'
+                  },
+                  content: '此背景被占用，不能删除。',
+                  footerActions: ['ok'],
+                  onOk: function onOk() {}
+                });
+              }
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return _remove.apply(this, arguments);
   }
 
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -121,46 +157,46 @@ function BackgroundView(props) {
   }
 
   function _getBackground() {
-    _getBackground = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    _getBackground = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
       var res;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
-              _context2.next = 2;
+              _context3.next = 2;
               return _background["default"].getBackgroundList();
 
             case 2:
-              res = _context2.sent;
+              res = _context3.sent;
               setBgList(res);
 
             case 4:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return _getBackground.apply(this, arguments);
   }
 
-  function removeBg(_x) {
+  function removeBg(_x3) {
     return _removeBg.apply(this, arguments);
   } // 同步拓扑图展示
 
 
   function _removeBg() {
-    _removeBg = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(id) {
+    _removeBg = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(id) {
       var res;
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
+      return _regenerator["default"].wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
-              _context3.next = 2;
+              _context4.next = 2;
               return _background["default"].deleteBackground(id);
 
             case 2:
-              res = _context3.sent;
+              res = _context4.sent;
 
               // 删除当前选中
               if (id === (current === null || current === void 0 ? void 0 : current.id)) {
@@ -174,10 +210,10 @@ function BackgroundView(props) {
 
             case 6:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return _removeBg.apply(this, arguments);
   }
@@ -187,48 +223,48 @@ function BackgroundView(props) {
   }
 
   var handleSelect = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(currentBg) {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(currentBg) {
       var imgUrl, size;
-      return _regenerator["default"].wrap(function _callee$(_context) {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
               if (!(currentBg !== null && currentBg !== void 0 && currentBg.id && currentBg.id !== (current === null || current === void 0 ? void 0 : current.id))) {
-                _context.next = 16;
+                _context2.next = 16;
                 break;
               }
 
               setLoadingBackground(true);
               imgUrl = (0, _backgroundUtil.getBackgroundImageUrl)(currentBg);
-              _context.prev = 3;
-              _context.next = 6;
+              _context2.prev = 3;
+              _context2.next = 6;
               return (0, _imageUtil.getImageSize)(imgUrl);
 
             case 6:
-              size = _context.sent;
+              size = _context2.sent;
 
               _rlog["default"].debug('获取图片大小', size);
 
               setBackground((0, _extends2["default"])({}, currentBg, size));
               topo.getHtTopo().setBackgroundImgUrl(imgUrl, size.width, size.height);
               setLoadingBackground(false);
-              _context.next = 16;
+              _context2.next = 16;
               break;
 
             case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](3);
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](3);
               setLoadingBackground(false);
 
             case 16:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, null, [[3, 13]]);
+      }, _callee2, null, [[3, 13]]);
     }));
 
-    return function handleSelect(_x2) {
+    return function handleSelect(_x4) {
       return _ref.apply(this, arguments);
     };
   }();

package/lib/core/editor/components/BackgroundView/index.module.scss

@@ -25,6 +25,7 @@
       .box {
         position: relative;
         height: 100%;
+        user-select: none;
         .img {
           max-width: 100%;
           max-height: 100%;

package/lib/core/editor/components/{iconManage/IconManage.js → CustomIconPlugin/CustomIconPlugin.js}

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports["default"] = IconManage;
+exports["default"] = CustomIconPlugin;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -15,10 +15,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 IconManage(props) {
+function CustomIconPlugin(props) {
   var topo = props.topo;
   var store = topo.store;
-  var dispatchers = store.getModelDispatchers('iconManage'); // 初始化时注册事件
+  var dispatchers = store.getModelDispatchers('customIcon'); // 初始化时注册事件
 
   (0, _react.useEffect)(function () {
     var notifier = topo.view.topoClient.notifier; // 测试代码

package/lib/core/editor/components/{iconManage → CustomIconPlugin}/RenameDialog.js

@@ -31,7 +31,7 @@ function RenameDialog(props) {
   var topo = props.topo;
   var store = topo.store;
 
-  var _store$useModel = store.useModel('iconManage'),
+  var _store$useModel = store.useModel('customIcon'),
       state = _store$useModel[0],
       dispatchers = _store$useModel[1];
 

package/lib/core/editor/components/{iconManage → CustomIconPlugin}/UploadIconDialog.js

@@ -35,6 +35,8 @@ var _UploadIconDialogModule = _interopRequireDefault(require("./UploadIconDialog
 
 require("./UploadIconDialog.scss");
 
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
 var config = _configProvider["default"].config;
 
 function getFileName(file) {
@@ -120,7 +122,18 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
 
       _this.setState({
         files: validFiles
-      });
+      }); // 上传接口报错后只会通知该回调，移除上传loading
+
+
+      if (_this.state.uploading && files.filter(function (file) {
+        return file.state === 'error';
+      }).length && !files.filter(function (file) {
+        return file.state === 'uploading';
+      }).length) {
+        _this.setState({
+          uploading: false
+        });
+      }
     };
 
     _this.submit = function () {
@@ -220,7 +233,9 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
       });
     };
 
-    _this.handleUploadError = function () {};
+    _this.handleUploadError = function () {
+      _rlog["default"].error('上传失败');
+    };
 
     _this.onClose = function () {
       var dispatchers = _this.props.dispatchers;

package/lib/core/editor/components/{iconManage → CustomIconPlugin}/UploadIconDialogWrapper.js

@@ -17,7 +17,7 @@ function UploadIconDialogWrapper(props) {
   var topo = props.topo;
   var store = topo.store;
 
-  var _store$useModel = store.useModel('iconManage'),
+  var _store$useModel = store.useModel('customIcon'),
       state = _store$useModel[0],
       dispatchers = _store$useModel[1];
 

package/lib/core/editor/components/CustomIconPlugin/index.js

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

package/lib/core/editor/components/EditorPlugin.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _IconManage = _interopRequireDefault(require("./iconManage/IconManage"));
+var _CustomIconPlugin = _interopRequireDefault(require("./CustomIconPlugin"));
 
 var _SaveLoading = _interopRequireDefault(require("./plugins/SaveLoading"));
 
@@ -23,7 +23,7 @@ function TopoEditorPlugin(props) {
       topoEdit = props.topoEdit,
       editorProps = props.editorProps;
   var store = topo.store;
-  var plugins = [_SaveLoading["default"], _GroupAddResourceDrawerPlugin["default"], _MultipleResourceSelectPlugin["default"], _IconManage["default"]].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
+  var plugins = [_SaveLoading["default"], _GroupAddResourceDrawerPlugin["default"], _MultipleResourceSelectPlugin["default"], _CustomIconPlugin["default"]].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/_react["default"].createElement(Plugin, (0, _extends2["default"])({
       key: index,

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

@@ -37,33 +37,25 @@ 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;
   var layoutId = layout.id,
-      layoutOptions = layout.options;
-
-  var _useState = (0, _react.useState)(layout || {}),
-      value = _useState[0],
-      setValue = _useState[1];
+      layoutOptions = layout.options; // const [value, setValue] = useState();
 
   var handleChange = function handleChange(data) {
-    console.log("handleChange", data);
-    onChange && onChange(data); // setValue({
-    //   id: data,
-    //   options: {
-    //     value: "east",
-    //     label: "横向",
-    //   },
-    // });
+    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);
+
 
     handleChange({
       id: id,
@@ -76,14 +68,14 @@ var LayoutSettings = function LayoutSettings(props) {
       id: id,
       name: LAYOUTS[id],
       icon: "layout_" + id,
-      selected: layoutId === id,
-      onSelect: onLayoutSelect
+      selected: layoutId === id
     };
   });
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _LayoutSettingsModule["default"]["layout-setting-template-group"]
   }, /*#__PURE__*/_react["default"].createElement(_TagImageSelect["default"], {
     dataSource: layoutGroup,
+    value: layoutId,
     size: size,
     onChange: onLayoutSelect,
     boxProps: {
@@ -102,7 +94,7 @@ var LayoutSettings = function LayoutSettings(props) {
       iconClassName: _LayoutSettingsModule["default"].icon,
       textClassName: _LayoutSettingsModule["default"].text
     }
-  }), layoutId === "toward" && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
+  }), layoutId === "toward" ? /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     label: "\u5E03\u5C40\u65B9\u5411"
   }, /*#__PURE__*/_react["default"].createElement(_radio["default"].Group, {
     dataSource: TREE_LAYOUT_OPTIONS,
@@ -115,7 +107,7 @@ var LayoutSettings = function LayoutSettings(props) {
         }
       });
     }
-  })));
+  })) : null);
 };
 
 var _default = LayoutSettings;

package/lib/core/editor/components/settings/propertyViews/group/DataTab/hoooks/useGroupRelateResource.js

@@ -18,7 +18,7 @@ var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
 var _htElementUtils = require("../../../../../../../../utils/htElementUtils");
 
 function sortResourcesByName(resources) {
-  return (0, _sortBy["default"])(resources, 'name');
+  return (0, _sortBy["default"])(resources, "name");
 }
 
 function useGroupRelateResource(props) {
@@ -45,9 +45,7 @@ function useGroupRelateResource(props) {
       data: item,
       node: item.node
     };
-  });
-
-  _rlog["default"].info('useGroupRelateResource', data);
+  }); // rlog.info('useGroupRelateResource', data);
 
   return data;
 }

package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js

@@ -30,6 +30,7 @@ function GroupExpandSetting(props) {
       group = props.group,
       expanded = props.expanded,
       onChange = props.onChange,
+      id = props.id,
       settingRuntimeState = props.settingRuntimeState;
 
   var _useState = (0, _react.useState)(),
@@ -37,22 +38,26 @@ function GroupExpandSetting(props) {
       setLayout = _useState[1];
 
   var alignOnChange = function alignOnChange(v) {
-    console.log('setAlignmentBySelectionNodes', v); // topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(v);
-
-    onChange('groupAlign', v); // topoEditApi.setAlignmentBySelectionNodes(v);
+    // console.log("setAlignmentBySelectionNodes", v);
+    // topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(v);
+    onChange("groupAlign", v); // topoEditApi.setAlignmentBySelectionNodes(v);
   };
 
   var layoutOnChange = function layoutOnChange(v) {
-    console.log('layoutOnChange', v);
+    // console.log("layoutOnChange", v);
     setLayout(v); // topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(v);
 
-    onChange('layout', v); // topoEditApi.setAlignmentBySelectionNodes(v);
+    onChange("layout", v); // topoEditApi.setAlignmentBySelectionNodes(v);
   };
 
+  (0, _react.useEffect)(function () {
+    // console.log("GroupExpandSetting-id-layout", id, layout);
+    setLayout({}); // onChange("layout", {});
+  }, [id]);
   return /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
-    defaultExpandedKeys: ['布局', '显示设置', '对齐方式'],
+    defaultExpandedKeys: ["布局", "显示设置", "对齐方式"],
     style: {
-      border: 'none'
+      border: "none"
     }
   }, /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
     key: "\u5E03\u5C40",

package/lib/core/editor/components/settings/propertyViews/group/SettingTab/Setting.js

@@ -42,6 +42,7 @@ function GroupSetting(props) {
       editorProps = props.editorProps,
       group = props.group;
   var expanded = values.expanded;
+  var id = values.id;
 
   var field = _field["default"].useField({
     autoUnmount: false,
@@ -116,6 +117,7 @@ function GroupSetting(props) {
     maxLength: 30,
     placeholder: "\u8BF7\u8F93\u5165"
   })), expanded ? /*#__PURE__*/_react["default"].createElement(_GroupExpandSetting["default"], {
+    id: id,
     group: group,
     expanded: expanded,
     topo: topo,