@riil-frontend/component-topology 11.0.29 → 11.0.30

package/lib/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize.js

@@ -1,99 +1,129 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = BatchSetNodeSize;
+
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _SizeInput = _interopRequireDefault(require("../../../common/SizeInput"));
+
 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 NodesSizeRatioMap = /*#__PURE__*/function () {
   function NodesSizeRatioMap() {
     this.map = {};
   }
+
   var _proto = NodesSizeRatioMap.prototype;
+
   _proto.getNodeSizeRatio = function getNodeSizeRatio(element) {
     var id = element.getId();
     var ratio = this.map[id];
+
     if (!ratio) {
       ratio = element.getWidth() / element.getHeight();
       this.map[id] = ratio;
     }
+
     return ratio;
   };
+
   _proto.getNodeWidth = function getNodeWidth(element, height) {
     return this.fixValue(height * this.getNodeSizeRatio(element));
   };
+
   _proto.getNodeHeight = function getNodeHeight(element, width) {
     return this.fixValue(width / this.getNodeSizeRatio(element));
   };
+
   _proto.reset = function reset() {
     this.map = {};
-  }
-
-  // eslint-disable-next-line class-methods-use-this
+  } // eslint-disable-next-line class-methods-use-this
   ;
+
   _proto.fixValue = function fixValue(val) {
     var max = 2000;
+
     if (!val || val < 1) {
       return 1;
     }
+
     if (val > max) {
       return max;
     }
+
     return parseInt(val, 10);
   };
+
   return NodesSizeRatioMap;
 }();
+
 function BatchSetNodeSize(props) {
   var topo = props.topo;
+
   var _useState = (0, _react.useState)({
-      width: undefined,
-      height: undefined
-    }),
-    size = _useState[0],
-    setSize = _useState[1];
+    width: undefined,
+    height: undefined
+  }),
+      size = _useState[0],
+      setSize = _useState[1];
+
   var _useState2 = (0, _react.useState)(true),
-    lock = _useState2[0],
-    setLock = _useState2[1];
+      lock = _useState2[0],
+      setLock = _useState2[1];
+
   var nodesSizeRatioMap = (0, _react.useMemo)(function () {
     return new NodesSizeRatioMap();
   }, []);
+
   var handleChange = function handleChange(name, value) {
     var selection = topo.getSelectionModel().getSelection().toArray();
     var nodes = selection.filter(function (element) {
       return element instanceof ht.Node;
-    });
-    // console.error('变化了', nodes, name, value)
-
+    }); // console.error('变化了', nodes, name, value)
     // 锁定时清空另一个输入框
+
     if (lock) {
       var _setSize;
+
       setSize((_setSize = {}, _setSize[name] = value, _setSize[name === "width" ? "height" : "width"] = undefined, _setSize));
     } else {
       var _extends2;
+
       setSize((0, _extends3["default"])({}, size, (_extends2 = {}, _extends2[name] = value, _extends2)));
     }
+
     topo.historyManager.beginTransaction();
     nodes.forEach(function (node) {
       if (name === "width") {
         if (lock) {
           var height = nodesSizeRatioMap.getNodeHeight(node, value);
+
           _rlog["default"].debug("多元素锁定设置宽", node, value, height);
+
           node.setHeight(height);
         }
+
         node.setWidth(value);
       } else {
         if (lock) {
           node.setWidth(nodesSizeRatioMap.getNodeWidth(node, value));
         }
+
         node.setHeight(value);
       }
     });
     topo.historyManager.endTransaction();
   };
+
   var onLockChange = function onLockChange(isLock) {
     setLock(isLock);
     setSize({
@@ -102,6 +132,7 @@ function BatchSetNodeSize(props) {
     });
     nodesSizeRatioMap.reset();
   };
+
   return /*#__PURE__*/_react["default"].createElement(_SizeInput["default"], (0, _extends3["default"])({}, props, {
     value: size,
     lock: lock,

package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js

@@ -1,17 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = MultipleElementLineType;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _edgeTypeStyleUtil = require("../../../../utils/edgeTypeStyleUtil");
+
 var _LineType = _interopRequireDefault(require("../../../Toolbar/widgets/EdgeTypeButton/LineType"));
+
 function MultipleElementLineType(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/propertyViews/multipleElements/MultipleElementPropertyView.js

@@ -1,48 +1,66 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = MultipleElementPropertyView;
+
 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 _AlignSetting = _interopRequireDefault(require("../../common/AlignSetting"));
+
 var _BatchSetNodeSize = _interopRequireDefault(require("./BatchSetNodeSize/BatchSetNodeSize"));
+
 var _template = require("../../../../../../utils/template");
+
 var _ViewPropertyView = _interopRequireDefault(require("../view/ViewPropertyView"));
+
 var _MultipleElementLineType = _interopRequireDefault(require("./MultipleElementLineType"));
+
 var _BatchSetNodeIcon = _interopRequireDefault(require("./BatchSetNodeIcon"));
+
 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;
 
+var CollapsePanel = _collapse["default"].Panel;
 /**
  * 多选元素属性面板
  */
+
 function MultipleElementPropertyView(props) {
   var _editorProps$multiple;
+
   var topo = props.topo,
-    topoShowType = props.topoShowType,
-    values = props.values,
-    _onChange = props.onChange,
-    editorProps = props.editorProps;
+      topoShowType = props.topoShowType,
+      values = props.values,
+      _onChange = props.onChange,
+      editorProps = props.editorProps;
+
   var field = _field["default"].useField({
     autoUnmount: false,
     values: values,
     onChange: function onChange(name, value) {
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   (0, _react.useEffect)(function () {
     field.setValues(values);
-  }, [values]);
+  }, [values]); // TODO 临时方案，满足应用部署拓扑多选元素属性面板不显示对齐
 
-  // TODO 临时方案，满足应用部署拓扑多选元素属性面板不显示对齐
   if (!(editorProps !== null && editorProps !== void 0 && (_editorProps$multiple = editorProps.multipleElementPropertyViewProps) !== null && _editorProps$multiple !== void 0 && _editorProps$multiple.showElementAlign) && topoShowType === _template.TPL_TREE) {
     return /*#__PURE__*/_react["default"].createElement(_ViewPropertyView["default"], props);
   }
+
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     field: field,
     labelAlign: "top"

package/lib/core/editor/components/settings/propertyViews/node/NodeIconSelect.js

@@ -1,19 +1,25 @@
 "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; }
-// import IconSelect from '@/core/editor/components/Toolbar/widgets/IconSelect;
 
+// import IconSelect from '@/core/editor/components/Toolbar/widgets/IconSelect;
 function NodeIconSelect(props, ref) {
   var value = props.value,
-    onChange = props.onChange,
-    topo = props.topo;
+      onChange = props.onChange,
+      topo = props.topo;
   (0, _react.useImperativeHandle)(ref, function () {
     return {};
   });
@@ -27,5 +33,7 @@ function NodeIconSelect(props, ref) {
     }
   });
 }
+
 var _default = /*#__PURE__*/(0, _react.forwardRef)(NodeIconSelect);
+
 exports["default"] = _default;

package/lib/core/editor/components/settings/propertyViews/node/NodeIconSelectTest.js

@@ -1,16 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = NodeIconSelect;
+
 var _avatar = _interopRequireDefault(require("@alifd/next/lib/avatar"));
+
 var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var Option = _select["default"].Option;
+
 function NodeIconSelect(props) {
   var value = props.value,
-    onChange = props.onChange,
-    iconList = props.iconList;
+      onChange = props.onChange,
+      iconList = props.iconList;
   return /*#__PURE__*/_react["default"].createElement(_select["default"], {
     value: value,
     onChange: onChange,
@@ -33,4 +39,5 @@ function NodeIconSelect(props) {
     }));
   }));
 }
+
 ;

package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js

@@ -1,31 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = NodePropertyView;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Data = _interopRequireDefault(require("./data/Data"));
+
 var _NodePropertyViewModule = _interopRequireDefault(require("./NodePropertyView.module.scss"));
+
 var _BasicSetting = _interopRequireDefault(require("./Setting/BasicSetting"));
+
 function NodePropertyView(props) {
   var _topo$options$editor;
+
   var topo = props.topo,
-    topoEditApi = props.topoEditApi,
-    values = props.values,
-    onChange = props.onChange,
-    editorProps = props.editorProps,
-    selectionElement = props.selectionElement;
-  var node = selectionElement;
-
-  // 未绑定资源的节点，根据参数控制是否可关联资源
+      topoEditApi = props.topoEditApi,
+      values = props.values,
+      onChange = props.onChange,
+      editorProps = props.editorProps,
+      selectionElement = props.selectionElement;
+  var node = selectionElement; // 未绑定资源的节点，根据参数控制是否可关联资源
+
   var showRelateResource = !!values.tag || !values.tag && ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.enableRelateResource) !== false;
   var dataContent = null;
+
   if (showRelateResource) {
     dataContent = /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
       node: node
     }));
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _NodePropertyViewModule["default"].NodePropertyView
   }, /*#__PURE__*/_react["default"].createElement(_BasicSetting["default"], props), dataContent);

package/lib/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js

@@ -1,41 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = NodePropertyView;
+
 var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _useHtElement = _interopRequireDefault(require("../../../../../common/hooks/useHtElement"));
+
 var _TabView = _interopRequireDefault(require("../../common/tab/TabView"));
+
 var _Data = _interopRequireDefault(require("./data/Data"));
+
 var _NodePropertyViewModule = _interopRequireDefault(require("./NodePropertyView.module.scss"));
+
 var _Setting = _interopRequireDefault(require("./Setting"));
+
 function NodePropertyView(props) {
   var _topo$options$editor;
+
   var topo = props.topo,
-    topoEditApi = props.topoEditApi,
-    values = props.values,
-    onChange = props.onChange,
-    editorProps = props.editorProps,
-    settingRuntimeState = props.settingRuntimeState;
+      topoEditApi = props.topoEditApi,
+      values = props.values,
+      onChange = props.onChange,
+      editorProps = props.editorProps,
+      settingRuntimeState = props.settingRuntimeState;
   var node = (0, _useHtElement["default"])({
     topo: topo,
     id: values.id
   });
+
   var renderData = function renderData() {
     return /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
       node: node
     }));
   };
+
   var renderSetting = function renderSetting() {
     var nodeSettingViewProps = editorProps.nodeSettingViewProps;
     return /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({}, props, nodeSettingViewProps));
-  };
+  }; // 未绑定资源的节点，根据参数控制是否可关联资源
+
 
-  // 未绑定资源的节点，根据参数控制是否可关联资源
   var showRelateResource = !!values.tag || !values.tag && ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.enableRelateResource) !== false;
   var content;
+
   if (showRelateResource) {
     content = /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
       title: "\u6570\u636E",
@@ -47,6 +61,7 @@ function NodePropertyView(props) {
   } else {
     content = renderSetting();
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _NodePropertyViewModule["default"].NodePropertyView
   }, content);

package/lib/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js

@@ -1,38 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = BasicSetting;
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _NameInput = _interopRequireDefault(require("./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 parseValues(values) {
   return (0, _extends2["default"])({}, values, {
     'attrObject.customName': values['attrObject.customName'] || values['attrObject.name'],
     'attrObject.bindTopo': values['attrObject.bindTopo'] || '' // 解决切换节点时关联拓扑选项未重置
+
   });
 }
 
 function BasicSetting(props) {
   var topo = props.topo,
-    values = props.values,
-    _onChange = props.onChange,
-    editorProps = props.editorProps,
-    settingRuntimeState = props.settingRuntimeState,
-    _props$showImageSetti = props.showImageSetting,
-    showImageSetting = _props$showImageSetti === void 0 ? true : _props$showImageSetti;
+      values = props.values,
+      _onChange = props.onChange,
+      editorProps = props.editorProps,
+      settingRuntimeState = props.settingRuntimeState,
+      _props$showImageSetti = props.showImageSetting,
+      showImageSetting = _props$showImageSetti === void 0 ? true : _props$showImageSetti;
+
   var field = _field["default"].useField({
     autoUnmount: false,
     values: parseValues(values),
     onChange: function onChange(name, value) {
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   (0, _react.useEffect)(function () {
     field.setValues(parseValues(values));
   }, [values]);

package/lib/core/editor/components/settings/propertyViews/node/Setting/NameInput.js

@@ -1,37 +1,52 @@
 "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 _react = _interopRequireWildcard(require("react"));
+
 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 NodeNameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var onChange = props.onChange,
-    topo = props.topo;
+      topo = props.topo;
+
   var _useState = (0, _react.useState)(props.value),
-    value = _useState[0],
-    setValue = _useState[1];
+      value = _useState[0],
+      setValue = _useState[1];
+
   (0, _react.useEffect)(function () {
     setValue(props.value);
   }, [props.value]);
+
   var handleChange = function handleChange(v) {
     setValue(v);
+
     if (v) {
       onChange(v);
     }
   };
+
   var handleFocus = function handleFocus() {
     topo.historyManager.beginTransaction();
   };
+
   var handleBlur = function handleBlur() {
     if (!value) {
       onChange('');
     }
+
     topo.historyManager.endTransaction();
   };
+
   return /*#__PURE__*/_react["default"].createElement(_NameInput["default"], (0, _extends2["default"])({}, props, {
     ref: ref,
     value: value,
@@ -41,5 +56,6 @@ var NodeNameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, r
     onBlur: handleBlur
   }));
 });
+
 var _default = NodeNameInput;
 exports["default"] = _default;

package/lib/core/editor/components/settings/propertyViews/node/Setting/Setting.js

@@ -1,42 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = Setting;
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _NodeSizeInput = _interopRequireDefault(require("../../../common/NodeSizeInput/NodeSizeInput"));
+
 var _NodeIconSelect = _interopRequireDefault(require("../NodeIconSelect"));
+
 var _NameInput = _interopRequireDefault(require("./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 parseValues(values) {
   return (0, _extends2["default"])({}, values, {
     'attrObject.customName': values['attrObject.customName'] || values['attrObject.name'],
     'attrObject.bindTopo': values['attrObject.bindTopo'] || '' // 解决切换节点时关联拓扑选项未重置
+
   });
 }
 
 function Setting(props) {
   var topo = props.topo,
-    values = props.values,
-    _onChange = props.onChange,
-    editorProps = props.editorProps,
-    settingRuntimeState = props.settingRuntimeState,
-    _props$showImageSetti = props.showImageSetting,
-    showImageSetting = _props$showImageSetti === void 0 ? true : _props$showImageSetti;
+      values = props.values,
+      _onChange = props.onChange,
+      editorProps = props.editorProps,
+      settingRuntimeState = props.settingRuntimeState,
+      _props$showImageSetti = props.showImageSetting,
+      showImageSetting = _props$showImageSetti === void 0 ? true : _props$showImageSetti;
+
   var field = _field["default"].useField({
     autoUnmount: false,
     values: parseValues(values),
     onChange: function onChange(name, value) {
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   (0, _react.useEffect)(function () {
     field.setValues(parseValues(values));
   }, [values]);
@@ -71,8 +88,11 @@ function Setting(props) {
     },
     onChange: function onChange(size) {
       topo.historyManager.beginTransaction();
+
       _onChange('width', size.width);
+
       _onChange('height', size.height);
+
       topo.historyManager.endTransaction();
     },
     settingRuntimeState: settingRuntimeState

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

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