@riil-frontend/component-topology 11.0.29 → 11.0.30

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

@@ -1,30 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = useGroupRelateResource;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+
 var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
+
 var _htElementUtils = require("../../../../../../../../utils/htElementUtils");
+
 function sortResourcesByName(resources) {
   return (0, _sortBy["default"])(resources, "name");
 }
+
 function useGroupRelateResource(props) {
   var _topo$options$editor;
-  var group = props.group,
-    topo = props.topo,
-    _props$useGroupSortRe = props.useGroupSortResources,
-    useGroupSortResources = _props$useGroupSortRe === void 0 ? function (nodes) {
-      return nodes;
-    } : _props$useGroupSortRe;
-  // const [resources, setResources] = useState([]);
 
+  var group = props.group,
+      topo = props.topo,
+      _props$useGroupSortRe = props.useGroupSortResources,
+      useGroupSortResources = _props$useGroupSortRe === void 0 ? function (nodes) {
+    return nodes;
+  } : _props$useGroupSortRe; // const [resources, setResources] = useState([]);
   // 过滤出资源
+
   var resourceNodes = (0, _htElementUtils.getGroupChildren)(group).filter(function (item) {
     return !!item.getTag();
-  });
-  // 资源按名称排序
+  }); // 资源按名称排序
+
   var useSortNodes = useGroupSortResources || ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.sortResources) || sortResourcesByName;
   var data = useSortNodes(resourceNodes.map(function (node) {
     return (0, _extends2["default"])({}, (0, _htElementUtils.getNodeData)(node), {
@@ -38,8 +45,7 @@ function useGroupRelateResource(props) {
       data: item,
       node: item.node
     };
-  });
-  // rlog.info('useGroupRelateResource', data);
+  }); // rlog.info('useGroupRelateResource', data);
 
   return data;
 }

package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.js

@@ -1,19 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = GroupPropertyView;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _ClusterGroupRelateData = _interopRequireDefault(require("./cluster/ClusterGroupRelateData"));
+
 var _RelateData = _interopRequireDefault(require("./DataTab/RelateData"));
+
 var _GroupBasicSetting = _interopRequireDefault(require("./SettingTab/GroupBasicSetting"));
+
 var _GroupPropertyViewModule = _interopRequireDefault(require("./GroupPropertyView.module.scss"));
+
 function GroupPropertyView(props) {
   var topo = props.topo,
-    topoEdit = props.topoEdit,
-    values = props.values,
-    selectionElement = props.selectionElement;
+      topoEdit = props.topoEdit,
+      values = props.values,
+      selectionElement = props.selectionElement;
   var group = selectionElement;
   var isCluster = group.a('cluster');
   var DataTabContent = isCluster ? _ClusterGroupRelateData["default"] : _RelateData["default"];

package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js

@@ -1,21 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = GroupPropertyView;
+
 var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
+
 var _GroupPropertyViewModule = _interopRequireDefault(require("./GroupPropertyView.module.scss"));
+
 var _Setting = _interopRequireDefault(require("./SettingTab/Setting"));
+
 var _RelateData = _interopRequireDefault(require("./DataTab/RelateData"));
+
 var _ClusterGroupRelateData = _interopRequireDefault(require("./cluster/ClusterGroupRelateData"));
+
 function GroupPropertyView(props) {
   var topo = props.topo,
-    topoEdit = props.topoEdit,
-    values = props.values,
-    selectionElement = props.selectionElement;
+      topoEdit = props.topoEdit,
+      values = props.values,
+      selectionElement = props.selectionElement;
   var group = selectionElement;
   var isCluster = group.a('cluster');
   var DataTabContent = isCluster ? _ClusterGroupRelateData["default"] : _RelateData["default"];

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

@@ -1,33 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = GroupBasicSetting;
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
+
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _NodeSizeInput = _interopRequireDefault(require("../../../common/NodeSizeInput/NodeSizeInput"));
+
 var _GroupIconSelect = _interopRequireDefault(require("./GroupIconSelect"));
+
 var _GroupExpandStatus = _interopRequireDefault(require("./GroupExpandStatus"));
+
 var _GroupExpandSetting = _interopRequireDefault(require("./GroupExpandSetting"));
+
 var _SpecialCharacterValidateUtil = require("../../../../../../../utils/SpecialCharacterValidateUtil");
+
 var _NameInput = _interopRequireDefault(require("../../../common/NameInput"));
+
 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 CollapsePanel = _collapse["default"].Panel;
+
 function GroupBasicSetting(props) {
   var topo = props.topo,
-    topoEdit = props.topoEdit,
-    values = props.values,
-    _onChange = props.onChange,
-    settingRuntimeState = props.settingRuntimeState,
-    editorProps = props.editorProps,
-    group = props.group,
-    isCluster = props.isCluster;
+      topoEdit = props.topoEdit,
+      values = props.values,
+      _onChange = props.onChange,
+      settingRuntimeState = props.settingRuntimeState,
+      editorProps = props.editorProps,
+      group = props.group,
+      isCluster = props.isCluster;
   var expanded = values.expanded;
   var id = values.id;
+
   var field = _field["default"].useField({
     autoUnmount: false,
     values: values,
@@ -35,10 +52,13 @@ function GroupBasicSetting(props) {
       if (name === 'attrObject.name' && !(0, _SpecialCharacterValidateUtil.validateSpecialCharacter)(value)) {
         return;
       }
+
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   (0, _react.useEffect)(function () {
     field.setValues(values);
   }, [values]);

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

@@ -1,49 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = GroupExpandSetting;
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _GroupExpandStatus = _interopRequireDefault(require("./GroupExpandStatus"));
+
 var _AlignSetting = _interopRequireDefault(require("../../../common/AlignSetting"));
+
 var _LayoutSettings = _interopRequireDefault(require("../../../common/LayoutSettings"));
+
 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 NodeIconSelect from '../../node/NodeIconSelect';
 // import SizeInput from '../../../common/SizeInput';
 var CollapsePanel = _collapse["default"].Panel;
+
 function GroupExpandSetting(props) {
   var topo = props.topo,
-    group = props.group,
-    expanded = props.expanded,
-    onChange = props.onChange,
-    id = props.id,
-    settingRuntimeState = props.settingRuntimeState;
+      group = props.group,
+      expanded = props.expanded,
+      onChange = props.onChange,
+      id = props.id,
+      settingRuntimeState = props.settingRuntimeState;
+
   var _useState = (0, _react.useState)(),
-    layout = _useState[0],
-    setLayout = _useState[1];
+      layout = _useState[0],
+      setLayout = _useState[1];
+
   var alignOnChange = function alignOnChange(v) {
-    topo.historyManager.beginTransaction();
-    // console.log("setAlignmentBySelectionNodes", v);
+    topo.historyManager.beginTransaction(); // console.log("setAlignmentBySelectionNodes", v);
     // topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(v);
-    onChange('groupAlign', v);
-    // topoEditApi.setAlignmentBySelectionNodes(v);
+
+    onChange('groupAlign', v); // topoEditApi.setAlignmentBySelectionNodes(v);
+
     topo.historyManager.endTransaction();
   };
+
   var layoutOnChange = function layoutOnChange(value) {
     topo.historyManager.beginTransaction();
-    setLayout(value);
-    // onChange("layout", v);
+    setLayout(value); // onChange("layout", v);
+
     var layouType = value.id === 'toward' ? "" + value.id + value.options.subId : value.id;
     topo.getHtTopo().layoutInContainer(layouType);
     topo.historyManager.endTransaction();
   };
+
   (0, _react.useEffect)(function () {
     // console.log("GroupExpandSetting-id-layout", id, layout);
-    setLayout({});
-    // onChange("layout", {});
+    setLayout({}); // onChange("layout", {});
   }, [id]);
   return /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
     defaultExpandedKeys: ['布局', '显示设置', '对齐方式'],

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

@@ -1,10 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = GroupExpandStatus;
+
 var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var list = [{
   value: true,
   label: '展开'
@@ -12,7 +16,6 @@ var list = [{
   value: false,
   label: '收起'
 }];
-
 /**
  * 区域展开折叠
  *
@@ -20,19 +23,23 @@ var list = [{
  * @return {*}
  * @constructor
  */
+
 function GroupExpandStatus(props) {
   var expanded = props.expanded,
-    setExpanded = props.setExpanded,
-    topo = props.topo;
+      setExpanded = props.setExpanded,
+      topo = props.topo;
+
   var handleChange = function handleChange(val) {
     topo.historyManager.beginTransaction();
     setExpanded(val);
     topo.historyManager.endTransaction();
   };
+
   return /*#__PURE__*/_react["default"].createElement(_radio["default"].Group, {
     dataSource: list,
     value: expanded,
     onChange: handleChange
   });
 }
+
 ;

package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupIconSelect.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 _componentTopoIconSelect = _interopRequireDefault(require("@riil-frontend/component-topo-icon-select"));
+
 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 GroupIconSelect(props, ref) {
   var value = props.value,
-    onChange = props.onChange,
-    topo = props.topo;
+      onChange = props.onChange,
+      topo = props.topo;
   var iconGroups = (0, _useIcons.useGroupIcons)(topo);
   (0, _react.useImperativeHandle)(ref, function () {
     return {};
@@ -25,5 +32,7 @@ function GroupIconSelect(props, ref) {
     }
   });
 }
+
 var _default = /*#__PURE__*/(0, _react.forwardRef)(GroupIconSelect);
+
 exports["default"] = _default;

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

@@ -1,32 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = GroupSetting;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
+
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _NodeSizeInput = _interopRequireDefault(require("../../../common/NodeSizeInput/NodeSizeInput"));
+
 var _GroupIconSelect = _interopRequireDefault(require("./GroupIconSelect"));
+
 var _GroupExpandStatus = _interopRequireDefault(require("./GroupExpandStatus"));
+
 var _GroupExpandSetting = _interopRequireDefault(require("./GroupExpandSetting"));
+
 var _SpecialCharacterValidateUtil = require("../../../../../../../utils/SpecialCharacterValidateUtil");
+
 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 CollapsePanel = _collapse["default"].Panel;
+
 function GroupSetting(props) {
   var topo = props.topo,
-    topoEdit = props.topoEdit,
-    values = props.values,
-    _onChange = props.onChange,
-    settingRuntimeState = props.settingRuntimeState,
-    editorProps = props.editorProps,
-    group = props.group;
+      topoEdit = props.topoEdit,
+      values = props.values,
+      _onChange = props.onChange,
+      settingRuntimeState = props.settingRuntimeState,
+      editorProps = props.editorProps,
+      group = props.group;
   var expanded = values.expanded;
   var id = values.id;
+
   var field = _field["default"].useField({
     autoUnmount: false,
     values: values,
@@ -34,13 +51,17 @@ function GroupSetting(props) {
       if (name === 'attrObject.name' && !(0, _SpecialCharacterValidateUtil.validateSpecialCharacter)(value)) {
         return;
       }
+
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   (0, _react.useEffect)(function () {
     field.setValues(values);
   }, [values]);
+
   var renderGroupCollapseSetting = function renderGroupCollapseSetting() {
     return /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
       defaultExpandedKeys: ["显示设置"],
@@ -74,13 +95,17 @@ function GroupSetting(props) {
       },
       onChange: function onChange(size) {
         topo.historyManager.beginTransaction();
+
         _onChange("width", size.width);
+
         _onChange("height", size.height);
+
         topo.historyManager.endTransaction();
       },
       settingRuntimeState: settingRuntimeState
     }))));
   };
+
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     field: field,
     labelAlign: "top"

package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js

@@ -1,26 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = ClusterGroupRelateData;
+
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/component-no-data-page"));
+
 var _GroupNodeList = _interopRequireDefault(require("../DataTab/GroupNodeList"));
+
 var _Panel = _interopRequireDefault(require("../../../../../../../components/collapse/Panel"));
+
 var _NodeRelateResourceButton = _interopRequireDefault(require("../../node/data/NodeRelateResourceButton"));
+
 var _CollapseFullheightModule = _interopRequireDefault(require("../../../common/GroupNodeList/CollapseFullheight.module.scss"));
+
 var _textModule = _interopRequireDefault(require("../../../../../../common/text.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 ClusterGroupRelateData(props) {
   var topo = props.topo,
-    topoEditApi = props.topoEditApi,
-    group = props.group,
-    values = props.values,
-    editorProps = props.editorProps;
+      topoEditApi = props.topoEditApi,
+      group = props.group,
+      values = props.values,
+      editorProps = props.editorProps;
   var useGroupSortResources = editorProps.useGroupSortResources;
+
   var renderMemberPanel = function renderMemberPanel() {
     return /*#__PURE__*/_react["default"].createElement(_Panel["default"], {
       key: "\u96C6\u7FA4\u6210\u5458",
@@ -39,6 +53,7 @@ function ClusterGroupRelateData(props) {
       statusCode: "\u6CA1\u6709\u67E5\u770B\u6743\u9650"
     })));
   };
+
   return /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
     defaultExpandedKeys: ['集群成员', '相关资源'],
     style: {

package/lib/core/editor/components/settings/propertyViews/group/hooks/useGroup.js

@@ -1,10 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = useGroup;
+
 var _react = require("react");
+
 var _useHtElement = _interopRequireDefault(require("../../../../../../common/hooks/useHtElement"));
+
 function useGroup(props) {
   var group = (0, _useHtElement["default"])(props);
   return group;

package/lib/core/editor/components/settings/propertyViews/index.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _NodePropertyView = _interopRequireDefault(require("./node/NodePropertyView"));
+
 var _LayerPropertyView = _interopRequireDefault(require("./layer/LayerPropertyView"));
+
 var _TextPropertyView = _interopRequireDefault(require("./text/TextPropertyView"));
+
 var _GroupPropertyView = _interopRequireDefault(require("./group/GroupPropertyView"));
+
 var _BoxPropertyView = _interopRequireDefault(require("./box/BoxPropertyView"));
+
 var _ViewPropertyViewV = _interopRequireDefault(require("./view/ViewPropertyViewV2"));
+
 var propertyPanelMap = {
   // view: ViewPropertyView,
   group: _GroupPropertyView["default"],
@@ -20,6 +28,8 @@ var propertyPanelMap = {
   // multiple: MultipleElementPropertyView,
   box: _BoxPropertyView["default"]
 };
+
 if (localStorage.getItem('topo.debug') === 'true') {}
+
 var _default = propertyPanelMap;
 exports["default"] = _default;

package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js

@@ -1,22 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = BasicSetting;
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
+
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _SpecialCharacterValidateUtil = require("../../../../../../utils/SpecialCharacterValidateUtil");
+
 var _NameInput = _interopRequireDefault(require("../../common/NameInput"));
+
 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 BasicSetting(props) {
   var topo = props.topo,
-    values = props.values,
-    _onChange = props.onChange,
-    layer = props.layer;
+      values = props.values,
+      _onChange = props.onChange,
+      layer = props.layer;
+
   var field = _field["default"].useField({
     autoUnmount: false,
     values: values,
@@ -24,10 +36,13 @@ function BasicSetting(props) {
       if (name === 'styleMap.label' && !(0, _SpecialCharacterValidateUtil.validateSpecialCharacter)(value)) {
         return;
       }
+
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   (0, _react.useEffect)(function () {
     field.setValues(values);
   }, [values]);