@riil-frontend/component-topology 6.0.0-alpha.45 → 6.0.0-alpha.47

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

@@ -1,6 +1,6 @@
 .leftInput{
-  width: 100px !important;
-  margin: 0px 10px 10px 9px;
+  width: 106px !important;
+  margin: 0px 9px 10px 9px;
   :global{
     input{
       background: url('/img/topo/editor/toolbar/对齐/水平间距_normal.svg')no-repeat 5px center !important;
@@ -16,7 +16,7 @@
   }
 }
 .rightInput{
-  width: 100px !important;
+  width: 106px !important;
   :global{
     input{
       background: url('/img/topo/editor/toolbar/对齐/垂直间距 _normal.svg')no-repeat 5px center !important;

package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js

@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.formatBackgroundRgbaColor = formatBackgroundRgbaColor;
 exports.formatHexColor = formatHexColor;
+exports.formatRgbaColor = formatRgbaColor;
 exports.parseBackground = parseBackground;
 exports.parseColor = parseColor;
 
@@ -47,6 +48,15 @@ function parseBackground(colorStr) {
 function formatHexColor(color) {
   return color ? color.hex : null;
 }
+
+function formatRgbaColor(color) {
+  if (!color) {
+    return null;
+  }
+
+  var rgb = color.rgb;
+  return "rgba(" + rgb.r + ", " + rgb.g + ", " + rgb.b + ", " + rgb.a + ")";
+}
 /**
  * 格式化背景rgba颜色
  * @param {{background, opacity}} prevColor
@@ -56,7 +66,7 @@ function formatHexColor(color) {
 
 function formatBackgroundRgbaColor(prevColor, currentColor) {
   if (!('background' in currentColor) && !('opacity' in currentColor)) {
-    return null;
+    return formatRgbaColor(prevColor.background);
   }
 
   var colorObj = Object.assign(prevColor, currentColor);

package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js

@@ -32,7 +32,8 @@ function setTextStyle(element, style) {
 
 
   var prevStyle = getTextStyle(element);
-  element.s('textBackground', (0, _colorUtil.formatBackgroundRgbaColor)(prevStyle, style));
+  var background = (0, _colorUtil.formatBackgroundRgbaColor)(prevStyle, style);
+  element.s('textBackground', background);
   var fontStyle = (0, _extends2["default"])({}, getTextStyle(element), style);
 
   var fontStr = _fontStyleUtil["default"].build(fontStyle);

package/lib/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss

@@ -17,7 +17,7 @@
     border: none !important;
     color: #4D6277;
     padding-left: 2px;
-    margin-right: 3px;
+    margin-right: 4px;
 
     &:active {
       background: #F2F7FD !important;

package/lib/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss

@@ -2,6 +2,7 @@
 
 .list {
   max-height: 100%;
+  margin-top: -8px;
 
   .item{
     display: flex;

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

@@ -9,10 +9,15 @@ var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireDefault(require("react"));
 
+var _excluded = ["multipleLine"];
+
 var NameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
-  var multipleLine = props.multipleLine;
+  var multipleLine = props.multipleLine,
+      inputProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
 
   if (multipleLine) {
     return /*#__PURE__*/_react["default"].createElement(_input["default"].TextArea, (0, _extends2["default"])({
@@ -21,12 +26,12 @@ var NameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
         minRows: 4,
         maxRows: 4
       }
-    }, props));
+    }, inputProps));
   }
 
   return /*#__PURE__*/_react["default"].createElement(_input["default"], (0, _extends2["default"])({
     ref: ref
-  }, props));
+  }, inputProps));
 });
 
 var _default = NameInput;

package/lib/core/editor/components/settings/propertyViews/box/NameInput.js

@@ -5,17 +5,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
-
 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 NameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+var BoxNameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var onChange = props.onChange,
       topo = props.topo;
 
@@ -47,14 +47,15 @@ var NameInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
     topo.historyManager.endTransaction();
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_input["default"], (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/_react["default"].createElement(_NameInput["default"], (0, _extends2["default"])({}, props, {
     ref: ref,
     value: value,
+    multipleLine: true,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur
   }));
 });
 
-var _default = NameInput;
+var _default = BoxNameInput;
 exports["default"] = _default;

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

@@ -11,14 +11,14 @@ 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 _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/component-no-data-page"));
-
 var _CollapseFullheightModule = _interopRequireDefault(require("../../../common/GroupNodeList/CollapseFullheight.module.scss"));
 
 var _textModule = _interopRequireDefault(require("../../../../../../common/text.module.scss"));
@@ -64,12 +64,13 @@ function ClusterGroupRelateData(props) {
     key: "\u76F8\u5173\u8D44\u6E90",
     title: "\u76F8\u5173\u8D44\u6E90"
   }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    labelAlign: "top"
-  }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
-    label: "\u5173\u8054\u8D44\u6E90",
+    labelAlign: "top",
     style: {
-      marginBottom: 4
+      marginTop: -4,
+      marginBottom: -12
     }
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
+    label: "\u5173\u8054\u8D44\u6E90"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       display: 'flex'

package/lib/core/hooks/useCanvasTheme.js

@@ -51,7 +51,7 @@ function useCanvasTheme(props) {
 
   (0, _react.useEffect)(function () {
     // 设置
-    var themeConfig = themeMap[canvasTheme];
+    var themeConfig = themeMap[canvasTheme || 'white'];
 
     if (graphLoaded && themeConfig) {
       var _topo$historyManager2;

package/lib/core/models/TopoApp.js

@@ -52,7 +52,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
 var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "6.0.0-alpha.45" === 'string' ? "6.0.0-alpha.45" : null;
+var version = typeof "6.0.0-alpha.47" === 'string' ? "6.0.0-alpha.47" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "6.0.0-alpha.45",
+  "version": "6.0.0-alpha.47",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -116,6 +116,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.0-alpha.45/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.0-alpha.47/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }