@riil-frontend/component-topology 5.0.18 → 6.0.0-alpha.2

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

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

package/lib/core/editor/components/Toolbar/widgets/SearchWidget.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
+var _SearchWidget = _interopRequireDefault(require("../../../../viewer/components/titlebar/widgets/SearchWidget"));
+
+var _DropdownButton = _interopRequireDefault(require("./components/DropdownButton"));
+
+var _excluded = ["showLabel"];
+
+function TopoSearch(props) {
+  var topo = props.topo;
+  return /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
+    trigger: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+      type: "search",
+      size: "small"
+    }),
+    showArrow: false
+  }, /*#__PURE__*/_react["default"].createElement(_SearchWidget["default"], {
+    topo: topo,
+    filterProps: {
+      popupProps: {
+        container: function container(trigger) {
+          return trigger.parentNode;
+        }
+      }
+    }
+  }));
+}
+
+function ToolbarSearchWidget(props) {
+  var showLabel = props.showLabel,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
+    label: "\u641C\u7D22",
+    tooltip: "\u641C\u7D22",
+    showLabel: showLabel
+  }, /*#__PURE__*/_react["default"].createElement(TopoSearch, otherProps));
+}
+
+var _default = ToolbarSearchWidget;
+exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WidgetBoxModule = _interopRequireDefault(require("./WidgetBox.module.scss"));
+
+var _excluded = ["active", "disabled", "children"];
+
+function WidgetBox(props) {
+  var label = props.label,
+      showLabel = props.showLabel,
+      tooltip = props.tooltip,
+      disabled = props.disabled,
+      children = props.children;
+
+  var button = /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: disabled,
+    type: "button",
+    className: _WidgetBoxModule["default"].container
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _WidgetBoxModule["default"].content
+  }, children), showLabel !== false && /*#__PURE__*/_react["default"].createElement("div", {
+    className: _WidgetBoxModule["default"].label
+  }, label));
+
+  if (!tooltip) {
+    return button;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_balloon["default"].Tooltip, {
+    trigger: button,
+    align: "b"
+  }, tooltip);
+}
+
+function ButtonBox(props) {
+  var _classNames;
+
+  var active = props.active,
+      disabled = props.disabled,
+      children = props.children,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: (0, _classnames["default"])(_WidgetBoxModule["default"].ButtonBox, (_classNames = {}, _classNames[_WidgetBoxModule["default"].ButtonBoxActive] = active, _classNames[_WidgetBoxModule["default"].ButtonBoxDisabled] = disabled, _classNames))
+  }, otherProps), children);
+}
+
+WidgetBox.ButtonBox = ButtonBox;
+var _default = WidgetBox;
+exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss

@@ -0,0 +1,64 @@
+.container {
+  margin: 0 6px;
+  display: flex;
+  flex-direction: column;
+
+  border-radius: 0;
+  padding: 0;
+  border-width: 0;
+  background-color: transparent;
+  border-color: transparent;
+
+  &[disabled] {
+    cursor: not-allowed;
+  }
+
+  // &:hover {
+  //   .content {
+  //     background: rgba(76,137,255,0.1);
+  //     border-radius: 4px;
+  //   }
+  // }
+
+  transition: all .1s linear;
+}
+
+.content {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  transition: all .1s linear;
+}
+
+.label {
+  width: 100%;
+  margin-top: 4px;
+  font-size: 10px;
+  font-family: Helvetica;
+  color: #78849C;
+  line-height: 12px;
+  text-align: center;
+}
+
+.ButtonBox {
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 4px;
+  cursor: pointer;
+
+  &.ButtonBoxActive,
+  &:hover {
+    background: rgba(76, 137, 255, 0.1);
+    border-radius: 4px;
+  }
+  &.ButtonBoxDisabled:hover {
+    background: transparent;
+    cursor: not-allowed;
+  }
+  
+}

package/lib/core/editor/components/Toolbar/widgets/components/ArrowButton.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = ArrowButton;
+
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ArrowButtonModule = _interopRequireDefault(require("./ArrowButton.module.scss"));
+
+var _excluded = ["children", "active"];
+
+function ArrowButton(props) {
+  var _classNames;
+
+  var children = props.children,
+      active = props.active,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("span", otherProps, children, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    type: "tree_fold_arrow",
+    size: "xxs",
+    className: (0, _classnames["default"])(_ArrowButtonModule["default"].icon, (_classNames = {}, _classNames[_ArrowButtonModule["default"].active] = active, _classNames))
+  }));
+}

package/lib/core/editor/components/Toolbar/widgets/components/ArrowButton.module.scss

@@ -0,0 +1,8 @@
+.icon {
+  color: #909090;
+  margin-left: 4px;
+}
+
+.active {
+  transform: rotate(180deg) scale(0.5) !important;
+}

package/lib/core/editor/components/Toolbar/widgets/components/ArrowPopup.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _dropdown = _interopRequireDefault(require("@alifd/next/lib/dropdown"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ArrowButton = _interopRequireDefault(require("./ArrowButton"));
+
+var _ArrowPopupModule = _interopRequireDefault(require("./ArrowPopup.module.scss"));
+
+/**
+ * 箭头按钮浮层
+ * @param {*} props 
+ * @returns 
+ */
+function ArrowPopup(props) {
+  var label = props.label,
+      children = props.children;
+
+  var trigger = /*#__PURE__*/_react["default"].createElement(_ArrowButton["default"], null, label);
+
+  return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
+    trigger: trigger,
+    triggerType: "click"
+  }, children);
+}
+
+ArrowPopup.Content = function (props) {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ArrowPopupModule["default"].card
+  }, props.children);
+};
+
+var _default = ArrowPopup;
+exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/components/ArrowPopup.module.scss

@@ -0,0 +1,10 @@
+.card {
+  min-width: 100px;
+  padding: 8px;
+  border: 1px solid var(--popup-local-border-color);
+  border-radius: 4px;
+  box-shadow: 0px 0px 10px 0px rgba(209,209,209,0.5);
+  background: var(--menu-background);
+  animation-duration: 300ms;
+  animation-timing-function: ease;
+}

package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js

@@ -0,0 +1,48 @@
+"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 _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ButtonBoxModule = _interopRequireDefault(require("./ButtonBox.module.scss"));
+
+var _excluded = ["active", "disabled", "showArrow", "children"];
+
+function ButtonBox(props) {
+  var _classNames, _classNames2;
+
+  var active = props.active,
+      disabled = props.disabled,
+      showArrow = props.showArrow,
+      children = props.children,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: (0, _classnames["default"])(_ButtonBoxModule["default"].ButtonBox, (_classNames = {}, _classNames[_ButtonBoxModule["default"].ButtonBoxActive] = active, _classNames[_ButtonBoxModule["default"].ButtonBoxDisabled] = disabled, _classNames))
+  }, otherProps), children, showArrow && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xA0", /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    type: "tree_fold_arrow",
+    size: "xxs",
+    className: (0, _classnames["default"])(_ButtonBoxModule["default"].icon, (_classNames2 = {}, _classNames2[_ButtonBoxModule["default"].active] = active, _classNames2))
+  })));
+}
+
+ButtonBox.propTypes = {
+  showArrow: _propTypes["default"].bool
+};
+ButtonBox.defaultProps = {
+  showArrow: false
+};
+var _default = ButtonBox;
+exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss

@@ -0,0 +1,30 @@
+.ButtonBox {
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 4px;
+  cursor: pointer;
+
+  &.ButtonBoxActive,
+  &:hover {
+    background: rgba(76, 137, 255, 0.1);
+    border-radius: 4px;
+  }
+
+  &.ButtonBoxDisabled:hover {
+    background: transparent;
+    cursor: not-allowed;
+  }
+
+}
+
+// 箭头图标
+.icon {
+  color: #909090;
+  margin-left: 4px;
+
+  &.active {
+    transform: rotate(180deg) scale(0.5) !important;
+  }
+}

package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _dropdown = _interopRequireDefault(require("@alifd/next/lib/dropdown"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ButtonBox = _interopRequireDefault(require("./ButtonBox"));
+
+var _DropdownButtonModule = _interopRequireDefault(require("./DropdownButton.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 DropdownButton(props) {
+  var trigger = props.trigger,
+      _props$showArrow = props.showArrow,
+      showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
+      _props$showContainer = props.showContainer,
+      showContainer = _props$showContainer === void 0 ? true : _props$showContainer,
+      children = props.children;
+
+  var _useState = (0, _react.useState)(false),
+      visible = _useState[0],
+      setVisible = _useState[1];
+
+  var button = /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], {
+    active: visible,
+    showArrow: showArrow
+  }, trigger);
+
+  return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
+    visible: visible,
+    trigger: button,
+    triggerType: "click",
+    onVisibleChange: setVisible
+  }, !showContainer ? children : /*#__PURE__*/_react["default"].createElement(PopupCard, null, children));
+}
+
+DropdownButton.propTypes = {
+  showArrow: _propTypes["default"].bool,
+  showContainer: _propTypes["default"].bool
+};
+DropdownButton.defaultProps = {
+  showArrow: true,
+  showContainer: true
+};
+
+function PopupCard(props) {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _DropdownButtonModule["default"].card
+  }, props.children);
+}
+
+DropdownButton.PopupCard = PopupCard;
+var _default = DropdownButton;
+exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.module.scss

@@ -0,0 +1,10 @@
+.card {
+  min-width: 100px;
+  padding: 8px;
+  border: 1px solid var(--popup-local-border-color);
+  border-radius: 4px;
+  box-shadow: 0px 0px 10px 0px rgba(209,209,209,0.5);
+  background: var(--menu-background);
+  animation-duration: 300ms;
+  animation-timing-function: ease;
+}

package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _menu = _interopRequireDefault(require("@alifd/next/lib/menu"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
+
+function DropdownMenu(props) {
+  var value = props.value,
+      children = props.children,
+      onChange = props.onChange,
+      valueRender = props.valueRender;
+  var selectedKeys = Array.isArray(value) ? value : [value];
+  var valueDisplay = valueRender ? valueRender(value) : value;
+  return /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
+    trigger: valueDisplay,
+    showContainer: false
+  }, /*#__PURE__*/_react["default"].createElement(_menu["default"], {
+    selectMode: "single",
+    selectedKeys: selectedKeys,
+    onSelect: onChange
+  }, children));
+}
+
+_DropdownButton["default"].propTypes = {
+  valueRender: _propTypes["default"].func
+};
+_DropdownButton["default"].defaultProps = {
+  valueRender: undefined
+};
+DropdownMenu.Item = _menu["default"].Item;
+var _default = DropdownMenu;
+exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/components/MenuSelect.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _menu = _interopRequireDefault(require("@alifd/next/lib/menu"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ArrowPopup = _interopRequireDefault(require("./ArrowPopup"));
+
+function MenuSelect(props) {
+  var value = props.value,
+      children = props.children,
+      onChange = props.onChange;
+  var selectedKeys = Array.isArray(value) ? value : [value];
+  return /*#__PURE__*/_react["default"].createElement(_ArrowPopup["default"], {
+    label: value
+  }, /*#__PURE__*/_react["default"].createElement(_menu["default"], {
+    selectMode: "single",
+    selectedKeys: selectedKeys,
+    onSelect: onChange
+  }, children));
+}
+
+MenuSelect.Option = _menu["default"].Item;
+var _default = MenuSelect;
+exports["default"] = _default;

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

@@ -0,0 +1 @@
+"use strict";

package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
+
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
@@ -41,7 +43,10 @@ function SizeInput(props) {
       step = props.step,
       onChange = props.onChange,
       lock = props.lock,
-      onLockChange = props.onLockChange;
+      onLockChange = props.onLockChange,
+      _props$showLabel = props.showLabel,
+      showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
+      size = props.size;
 
   var handleChange = function handleChange(name, attrValue) {
     var _extends2;
@@ -61,14 +66,19 @@ function SizeInput(props) {
 
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     labelAlign: "top",
-    component: "div"
+    component: "div",
+    size: size
   }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
     style: {
       marginBottom: 0
     }
-  }, /*#__PURE__*/_react["default"].createElement(Row, {
-    gutter: "0"
-  }, /*#__PURE__*/_react["default"].createElement(Col, null, /*#__PURE__*/_react["default"].createElement(FormItem, {
+  }, /*#__PURE__*/_react["default"].createElement(_box["default"], {
+    direction: "row"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(FormItem, {
     required: true,
     requiredTrigger: "onBlur",
     style: {
@@ -76,11 +86,12 @@ function SizeInput(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_NodeSizeNumberPicker["default"], {
     value: parseValue(value.width),
-    label: "\u5BBD:",
+    label: showLabel ? '宽:' : '',
     min: 1,
     max: max,
     step: step,
     placeholder: "\u8BF7\u8F93\u5165",
+    size: size,
     style: {
       width: '100%'
     },
@@ -93,7 +104,11 @@ function SizeInput(props) {
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: require(lock ? './img/icon_锁.svg' : './img/icon_解锁.svg'),
     alt: ""
-  })), /*#__PURE__*/_react["default"].createElement(Col, null, /*#__PURE__*/_react["default"].createElement(FormItem, {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(FormItem, {
     required: true,
     requiredTrigger: "onBlur",
     style: {
@@ -101,11 +116,13 @@ function SizeInput(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_NodeSizeNumberPicker["default"], {
     value: parseValue(value.height),
-    label: "\u9AD8:",
+    label: showLabel ? '高:' : '' // addonTextAfter="H"
+    ,
     min: 1,
     max: max,
     step: step,
     placeholder: "\u8BF7\u8F93\u5165",
+    size: size,
     style: {
       width: '100%'
     },

package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.module.scss

@@ -1,5 +1,6 @@
 .lockBtn {
-  height: 28px;
-  margin: 6px 10px 0 10px;
+  margin: 0 4px;
   cursor: pointer;
-}
+  display: flex;
+  align-items: center;
+}

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

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = BatchSetNodeSize;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _SizeInput = _interopRequireDefault(require("../../common/SizeInput"));
@@ -14,9 +16,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 BatchSetNodeSize(props) {
-  return /*#__PURE__*/_react["default"].createElement(_SizeInput["default"], {
+  var size = props.size;
+  return /*#__PURE__*/_react["default"].createElement(_SizeInput["default"], (0, _extends2["default"])({}, props, {
     value: {}
-  });
+  }));
 }
 
 ;