@riil-frontend/component-topology 10.0.30 → 10.0.31

package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js

@@ -44,7 +44,9 @@ var AlignTypeList = function AlignTypeList(props) {
   var _props$selected = props.selected,
       selected = _props$selected === void 0 ? 'left' : _props$selected,
       onChange = props.onChange,
-      distributionDisabled = props.distributionDisabled;
+      distributionDisabled = props.distributionDisabled,
+      onMouseMove = props.onMouseMove,
+      onMouseLeave = props.onMouseLeave;
 
   var _useState = useState(selected),
       value = _useState[0],
@@ -56,6 +58,10 @@ var AlignTypeList = function AlignTypeList(props) {
     setValue(data.value); // setValue(data)
   };
 
+  var onMouseMoveChange = function onMouseMoveChange(data) {
+    onMouseMove && onMouseMove(data.value);
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.AlignSetting
   }, TREE_LAYOUT_OPTIONS.map(function (item, index, array) {
@@ -67,6 +73,10 @@ var AlignTypeList = function AlignTypeList(props) {
         key: index,
         className: "" + styles.redioBtn,
         text: true,
+        onMouseMove: function onMouseMove() {
+          onMouseMoveChange(item);
+        },
+        onMouseLeave: onMouseLeave,
         onClick: function onClick() {
           handleChange(item);
         } // eslint-disable-next-line no-unneeded-ternary

package/es/core/editor/components/settings/common/AlignSetting/index.js

@@ -1,10 +1,30 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { isEdge, isLayer } from "../../../../../../utils/htElementUtils";
 import AlignTypeList from "./AlignTypeList";
 export default function AlignSetting(props) {
   var topo = props.topo,
       distributionDisabled = props.distributionDisabled;
 
+  var _useState = useState(false),
+      ifMouseMove = _useState[0],
+      setIfMouseMove = _useState[1];
+
+  var onMouseMove = function onMouseMove(data) {
+    if (!ifMouseMove) {
+      var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
+      var nodes = selection.filter(function (ele) {
+        return !isLayer(ele) && !isEdge(ele);
+      });
+      topo.view.topoClient.htTopoClient.setPreviewAlignmentBySelectionNodes(data, nodes);
+      setIfMouseMove(true);
+    }
+  };
+
+  var onMouseLeave = function onMouseLeave() {
+    topo.view.topoClient.htTopoClient.removePreviewAlignmentBySelectionNodes();
+    setIfMouseMove(false);
+  };
+
   var alignOnChange = function alignOnChange(type) {
     topo.historyManager.beginTransaction();
     var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
@@ -19,6 +39,8 @@ export default function AlignSetting(props) {
   return /*#__PURE__*/React.createElement(AlignTypeList, {
     onChange: alignOnChange,
     selected: "left",
-    distributionDisabled: distributionDisabled
+    distributionDisabled: distributionDisabled,
+    onMouseMove: onMouseMove,
+    onMouseLeave: onMouseLeave
   });
 }

package/es/core/models/TopoApp.js

@@ -24,7 +24,7 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel";
 import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
 
-var version = typeof "10.0.30" === 'string' ? "10.0.30" : null;
+var version = typeof "10.0.31" === 'string' ? "10.0.31" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js

@@ -61,7 +61,9 @@ var AlignTypeList = function AlignTypeList(props) {
   var _props$selected = props.selected,
       selected = _props$selected === void 0 ? 'left' : _props$selected,
       onChange = props.onChange,
-      distributionDisabled = props.distributionDisabled;
+      distributionDisabled = props.distributionDisabled,
+      onMouseMove = props.onMouseMove,
+      onMouseLeave = props.onMouseLeave;
 
   var _useState = (0, _react.useState)(selected),
       value = _useState[0],
@@ -73,6 +75,10 @@ var AlignTypeList = function AlignTypeList(props) {
     setValue(data.value); // setValue(data)
   };
 
+  var onMouseMoveChange = function onMouseMoveChange(data) {
+    onMouseMove && onMouseMove(data.value);
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _AlignSettingModule["default"].AlignSetting
   }, TREE_LAYOUT_OPTIONS.map(function (item, index, array) {
@@ -84,6 +90,10 @@ var AlignTypeList = function AlignTypeList(props) {
         key: index,
         className: "" + _AlignSettingModule["default"].redioBtn,
         text: true,
+        onMouseMove: function onMouseMove() {
+          onMouseMoveChange(item);
+        },
+        onMouseLeave: onMouseLeave,
         onClick: function onClick() {
           handleChange(item);
         } // eslint-disable-next-line no-unneeded-ternary

package/lib/core/editor/components/settings/common/AlignSetting/index.js

@@ -5,16 +5,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = AlignSetting;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _htElementUtils = require("../../../../../../utils/htElementUtils");
 
 var _AlignTypeList = _interopRequireDefault(require("./AlignTypeList"));
 
+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 AlignSetting(props) {
   var topo = props.topo,
       distributionDisabled = props.distributionDisabled;
 
+  var _useState = (0, _react.useState)(false),
+      ifMouseMove = _useState[0],
+      setIfMouseMove = _useState[1];
+
+  var onMouseMove = function onMouseMove(data) {
+    if (!ifMouseMove) {
+      var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
+      var nodes = selection.filter(function (ele) {
+        return !(0, _htElementUtils.isLayer)(ele) && !(0, _htElementUtils.isEdge)(ele);
+      });
+      topo.view.topoClient.htTopoClient.setPreviewAlignmentBySelectionNodes(data, nodes);
+      setIfMouseMove(true);
+    }
+  };
+
+  var onMouseLeave = function onMouseLeave() {
+    topo.view.topoClient.htTopoClient.removePreviewAlignmentBySelectionNodes();
+    setIfMouseMove(false);
+  };
+
   var alignOnChange = function alignOnChange(type) {
     topo.historyManager.beginTransaction();
     var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
@@ -29,6 +53,8 @@ function AlignSetting(props) {
   return /*#__PURE__*/_react["default"].createElement(_AlignTypeList["default"], {
     onChange: alignOnChange,
     selected: "left",
-    distributionDisabled: distributionDisabled
+    distributionDisabled: distributionDisabled,
+    onMouseMove: onMouseMove,
+    onMouseLeave: onMouseLeave
   });
 }

package/lib/core/models/TopoApp.js

@@ -56,7 +56,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "10.0.30" === 'string' ? "10.0.30" : null;
+var version = typeof "10.0.31" === 'string' ? "10.0.31" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/package.json

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