@logicflow/extension 1.2.26 → 1.2.28

package/cjs/NodeResize/Control/Control.js

@@ -59,7 +59,7 @@ var Control = /** @class */ (function (_super) {
         };
         // 计算control拖动后，节点的宽高
         _this.getResize = function (_a) {
-            var index = _a.index, deltaX = _a.deltaX, deltaY = _a.deltaY, width = _a.width, height = _a.height, PCTResizeInfo = _a.PCTResizeInfo, _b = _a.pct, pct = _b === void 0 ? 1 : _b;
+            var index = _a.index, deltaX = _a.deltaX, deltaY = _a.deltaY, width = _a.width, height = _a.height, PCTResizeInfo = _a.PCTResizeInfo, _b = _a.pct, pct = _b === void 0 ? 1 : _b, _c = _a.freezeWidth, freezeWidth = _c === void 0 ? false : _c, _d = _a.freezeHeight, freezeHeight = _d === void 0 ? false : _d;
             var resize = { width: width, height: height, deltaX: deltaX, deltaY: deltaY };
             if (PCTResizeInfo) {
                 var sensitivity = 4; // 越低越灵敏
@@ -117,22 +117,23 @@ var Control = /** @class */ (function (_super) {
                 resize.deltaY = deltaY / pct;
                 return resize;
             }
+            // 如果限制了宽/高不变，对应的width/height保持一致
             switch (index) {
                 case 0:
-                    resize.width = width - deltaX * pct;
-                    resize.height = height - deltaY * pct;
+                    resize.width = freezeWidth ? width : width - deltaX * pct;
+                    resize.height = freezeHeight ? height : height - deltaY * pct;
                     break;
                 case 1:
-                    resize.width = width + deltaX * pct;
-                    resize.height = height - deltaY * pct;
+                    resize.width = freezeWidth ? width : width + deltaX * pct;
+                    resize.height = freezeHeight ? height : height - deltaY * pct;
                     break;
                 case 2:
-                    resize.width = width + deltaX * pct;
-                    resize.height = height + deltaY * pct;
+                    resize.width = freezeWidth ? width : width + deltaX * pct;
+                    resize.height = freezeHeight ? height : height + deltaY * pct;
                     break;
                 case 3:
-                    resize.width = width - deltaX * pct;
-                    resize.height = height + deltaY * pct;
+                    resize.width = freezeWidth ? width : width - deltaX * pct;
+                    resize.height = freezeHeight ? height : height + deltaY * pct;
                     break;
                 default:
                     break;
@@ -172,8 +173,11 @@ var Control = /** @class */ (function (_super) {
         _this.updateRect = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, id = _b.id, x = _b.x, y = _b.y, width = _b.width, height = _b.height, radius = _b.radius, PCTResizeInfo = _b.PCTResizeInfo;
+            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
             // 更新中心点位置，更新文案位置
             var index = _this.index;
+            var freezeWidth = (minWidth === maxWidth);
+            var freezeHeight = (minHeight === maxHeight);
             var size = _this.getResize({
                 index: index,
                 deltaX: deltaX,
@@ -182,9 +186,10 @@ var Control = /** @class */ (function (_super) {
                 height: height,
                 PCTResizeInfo: PCTResizeInfo,
                 pct: 1,
+                freezeWidth: freezeWidth,
+                freezeHeight: freezeHeight,
             });
             // 限制放大缩小的最大最小范围
-            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
             if (size.width < minWidth
                 || size.width > maxWidth
                 || size.height < minHeight
@@ -193,7 +198,11 @@ var Control = /** @class */ (function (_super) {
                 _this.dragHandler.cancelDrag();
                 return;
             }
-            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
+            // 如果限制了宽/高不变，对应的x/y不产生位移
+            _this.updatePosition({
+                deltaX: freezeWidth ? 0 : size.deltaX,
+                deltaY: freezeHeight ? 0 : size.deltaY,
+            });
             // 更新宽高
             _this.nodeModel.width = size.width;
             _this.nodeModel.height = size.height;
@@ -227,6 +236,9 @@ var Control = /** @class */ (function (_super) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, id = _b.id, rx = _b.rx, ry = _b.ry, x = _b.x, y = _b.y, PCTResizeInfo = _b.PCTResizeInfo;
             var index = _this.index;
+            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
+            var freezeWidth = (minWidth === maxWidth);
+            var freezeHeight = (minHeight === maxHeight);
             var width = rx;
             var height = ry;
             var size = _this.getResize({
@@ -237,9 +249,10 @@ var Control = /** @class */ (function (_super) {
                 height: height,
                 PCTResizeInfo: PCTResizeInfo,
                 pct: 1 / 2,
+                freezeWidth: freezeWidth,
+                freezeHeight: freezeHeight,
             });
             // 限制放大缩小的最大最小范围
-            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
             if (size.width < (minWidth / 2)
                 || size.width > (maxWidth / 2)
                 || size.height < (minHeight / 2)
@@ -248,7 +261,11 @@ var Control = /** @class */ (function (_super) {
                 return;
             }
             // 更新中心点位置，更新文案位置
-            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
+            // 如果限制了宽/高不变，对应的x/y不产生位移
+            _this.updatePosition({
+                deltaX: freezeWidth ? 0 : size.deltaX,
+                deltaY: freezeHeight ? 0 : size.deltaY,
+            });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
             _this.nodeModel.rx = size.width;
@@ -277,6 +294,9 @@ var Control = /** @class */ (function (_super) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, id = _b.id, rx = _b.rx, ry = _b.ry, x = _b.x, y = _b.y, PCTResizeInfo = _b.PCTResizeInfo;
             var index = _this.index;
+            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
+            var freezeWidth = (minWidth === maxWidth);
+            var freezeHeight = (minHeight === maxHeight);
             var width = rx;
             var height = ry;
             var size = _this.getResize({
@@ -287,9 +307,10 @@ var Control = /** @class */ (function (_super) {
                 height: height,
                 PCTResizeInfo: PCTResizeInfo,
                 pct: 1 / 2,
+                freezeWidth: freezeWidth,
+                freezeHeight: freezeHeight,
             });
             // 限制放大缩小的最大最小范围
-            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
             if (size.width < (minWidth / 2)
                 || size.width > (maxWidth / 2)
                 || size.height < (minHeight / 2)
@@ -298,7 +319,11 @@ var Control = /** @class */ (function (_super) {
                 return;
             }
             // 更新中心点位置，更新文案位置
-            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
+            // 如果限制了宽/高不变，对应的x/y不产生位移
+            _this.updatePosition({
+                deltaX: freezeWidth ? 0 : size.deltaX,
+                deltaY: freezeHeight ? 0 : size.deltaY,
+            });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
             _this.nodeModel.rx = size.width;

package/cjs/components/selection-select/index.js

@@ -54,18 +54,6 @@ var SelectionSelect = /** @class */ (function () {
             });
             _this.lf.emit('selection:selected', elements);
         };
-        this.__zoom = function (ev) {
-            var _a, _b;
-            ev.preventDefault();
-            var newEvent = new WheelEvent('wheel', {
-                deltaX: ev.deltaX,
-                deltaY: ev.deltaY,
-                clientX: ev.clientX,
-                clientY: ev.clientY,
-                ctrlKey: ev.ctrlKey,
-            });
-            (_b = (_a = _this.lf.container) === null || _a === void 0 ? void 0 : _a.querySelector('.lf-canvas-overlay[name="canvas-overlay"]')) === null || _b === void 0 ? void 0 : _b.dispatchEvent(newEvent);
-        };
         this.lf = lf;
         // 初始化isDefaultStopMoveGraph取值
         var stopMoveGraph = lf.getEditConfig().stopMoveGraph;
@@ -106,7 +94,6 @@ var SelectionSelect = /** @class */ (function () {
             _this.wrapper = wrapper;
             document.addEventListener('mousemove', _this.__draw);
             document.addEventListener('mouseup', _this.__drawOff);
-            document.addEventListener('wheel', _this.__zoom, { passive: false });
         });
     };
     /**

package/es/NodeResize/Control/Control.d.ts

@@ -22,7 +22,7 @@ declare class Control extends Component<IProps> {
         deltaX: any;
         deltaY: any;
     }) => void;
-    getResize: ({ index, deltaX, deltaY, width, height, PCTResizeInfo, pct }: {
+    getResize: ({ index, deltaX, deltaY, width, height, PCTResizeInfo, pct, freezeWidth, freezeHeight, }: {
         index: any;
         deltaX: any;
         deltaY: any;
@@ -30,6 +30,8 @@ declare class Control extends Component<IProps> {
         height: any;
         PCTResizeInfo: any;
         pct?: number;
+        freezeWidth?: boolean;
+        freezeHeight?: boolean;
     }) => {
         width: any;
         height: any;

package/es/NodeResize/Control/Control.js

@@ -57,7 +57,7 @@ var Control = /** @class */ (function (_super) {
         };
         // 计算control拖动后，节点的宽高
         _this.getResize = function (_a) {
-            var index = _a.index, deltaX = _a.deltaX, deltaY = _a.deltaY, width = _a.width, height = _a.height, PCTResizeInfo = _a.PCTResizeInfo, _b = _a.pct, pct = _b === void 0 ? 1 : _b;
+            var index = _a.index, deltaX = _a.deltaX, deltaY = _a.deltaY, width = _a.width, height = _a.height, PCTResizeInfo = _a.PCTResizeInfo, _b = _a.pct, pct = _b === void 0 ? 1 : _b, _c = _a.freezeWidth, freezeWidth = _c === void 0 ? false : _c, _d = _a.freezeHeight, freezeHeight = _d === void 0 ? false : _d;
             var resize = { width: width, height: height, deltaX: deltaX, deltaY: deltaY };
             if (PCTResizeInfo) {
                 var sensitivity = 4; // 越低越灵敏
@@ -115,22 +115,23 @@ var Control = /** @class */ (function (_super) {
                 resize.deltaY = deltaY / pct;
                 return resize;
             }
+            // 如果限制了宽/高不变，对应的width/height保持一致
             switch (index) {
                 case 0:
-                    resize.width = width - deltaX * pct;
-                    resize.height = height - deltaY * pct;
+                    resize.width = freezeWidth ? width : width - deltaX * pct;
+                    resize.height = freezeHeight ? height : height - deltaY * pct;
                     break;
                 case 1:
-                    resize.width = width + deltaX * pct;
-                    resize.height = height - deltaY * pct;
+                    resize.width = freezeWidth ? width : width + deltaX * pct;
+                    resize.height = freezeHeight ? height : height - deltaY * pct;
                     break;
                 case 2:
-                    resize.width = width + deltaX * pct;
-                    resize.height = height + deltaY * pct;
+                    resize.width = freezeWidth ? width : width + deltaX * pct;
+                    resize.height = freezeHeight ? height : height + deltaY * pct;
                     break;
                 case 3:
-                    resize.width = width - deltaX * pct;
-                    resize.height = height + deltaY * pct;
+                    resize.width = freezeWidth ? width : width - deltaX * pct;
+                    resize.height = freezeHeight ? height : height + deltaY * pct;
                     break;
                 default:
                     break;
@@ -170,8 +171,11 @@ var Control = /** @class */ (function (_super) {
         _this.updateRect = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, id = _b.id, x = _b.x, y = _b.y, width = _b.width, height = _b.height, radius = _b.radius, PCTResizeInfo = _b.PCTResizeInfo;
+            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
             // 更新中心点位置，更新文案位置
             var index = _this.index;
+            var freezeWidth = (minWidth === maxWidth);
+            var freezeHeight = (minHeight === maxHeight);
             var size = _this.getResize({
                 index: index,
                 deltaX: deltaX,
@@ -180,9 +184,10 @@ var Control = /** @class */ (function (_super) {
                 height: height,
                 PCTResizeInfo: PCTResizeInfo,
                 pct: 1,
+                freezeWidth: freezeWidth,
+                freezeHeight: freezeHeight,
             });
             // 限制放大缩小的最大最小范围
-            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
             if (size.width < minWidth
                 || size.width > maxWidth
                 || size.height < minHeight
@@ -191,7 +196,11 @@ var Control = /** @class */ (function (_super) {
                 _this.dragHandler.cancelDrag();
                 return;
             }
-            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
+            // 如果限制了宽/高不变，对应的x/y不产生位移
+            _this.updatePosition({
+                deltaX: freezeWidth ? 0 : size.deltaX,
+                deltaY: freezeHeight ? 0 : size.deltaY,
+            });
             // 更新宽高
             _this.nodeModel.width = size.width;
             _this.nodeModel.height = size.height;
@@ -225,6 +234,9 @@ var Control = /** @class */ (function (_super) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, id = _b.id, rx = _b.rx, ry = _b.ry, x = _b.x, y = _b.y, PCTResizeInfo = _b.PCTResizeInfo;
             var index = _this.index;
+            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
+            var freezeWidth = (minWidth === maxWidth);
+            var freezeHeight = (minHeight === maxHeight);
             var width = rx;
             var height = ry;
             var size = _this.getResize({
@@ -235,9 +247,10 @@ var Control = /** @class */ (function (_super) {
                 height: height,
                 PCTResizeInfo: PCTResizeInfo,
                 pct: 1 / 2,
+                freezeWidth: freezeWidth,
+                freezeHeight: freezeHeight,
             });
             // 限制放大缩小的最大最小范围
-            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
             if (size.width < (minWidth / 2)
                 || size.width > (maxWidth / 2)
                 || size.height < (minHeight / 2)
@@ -246,7 +259,11 @@ var Control = /** @class */ (function (_super) {
                 return;
             }
             // 更新中心点位置，更新文案位置
-            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
+            // 如果限制了宽/高不变，对应的x/y不产生位移
+            _this.updatePosition({
+                deltaX: freezeWidth ? 0 : size.deltaX,
+                deltaY: freezeHeight ? 0 : size.deltaY,
+            });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
             _this.nodeModel.rx = size.width;
@@ -275,6 +292,9 @@ var Control = /** @class */ (function (_super) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, id = _b.id, rx = _b.rx, ry = _b.ry, x = _b.x, y = _b.y, PCTResizeInfo = _b.PCTResizeInfo;
             var index = _this.index;
+            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
+            var freezeWidth = (minWidth === maxWidth);
+            var freezeHeight = (minHeight === maxHeight);
             var width = rx;
             var height = ry;
             var size = _this.getResize({
@@ -285,9 +305,10 @@ var Control = /** @class */ (function (_super) {
                 height: height,
                 PCTResizeInfo: PCTResizeInfo,
                 pct: 1 / 2,
+                freezeWidth: freezeWidth,
+                freezeHeight: freezeHeight,
             });
             // 限制放大缩小的最大最小范围
-            var _c = _this.nodeModel, minWidth = _c.minWidth, minHeight = _c.minHeight, maxWidth = _c.maxWidth, maxHeight = _c.maxHeight;
             if (size.width < (minWidth / 2)
                 || size.width > (maxWidth / 2)
                 || size.height < (minHeight / 2)
@@ -296,7 +317,11 @@ var Control = /** @class */ (function (_super) {
                 return;
             }
             // 更新中心点位置，更新文案位置
-            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
+            // 如果限制了宽/高不变，对应的x/y不产生位移
+            _this.updatePosition({
+                deltaX: freezeWidth ? 0 : size.deltaX,
+                deltaY: freezeHeight ? 0 : size.deltaY,
+            });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
             _this.nodeModel.rx = size.width;

package/es/components/selection-select/index.d.ts

@@ -36,7 +36,6 @@ declare class SelectionSelect {
     closeSelectionSelect(): void;
     __draw: (ev: any) => void;
     __drawOff: () => void;
-    __zoom: (ev: WheelEvent) => void;
     open(): void;
     close(): void;
 }

package/es/components/selection-select/index.js

@@ -51,18 +51,6 @@ var SelectionSelect = /** @class */ (function () {
             });
             _this.lf.emit('selection:selected', elements);
         };
-        this.__zoom = function (ev) {
-            var _a, _b;
-            ev.preventDefault();
-            var newEvent = new WheelEvent('wheel', {
-                deltaX: ev.deltaX,
-                deltaY: ev.deltaY,
-                clientX: ev.clientX,
-                clientY: ev.clientY,
-                ctrlKey: ev.ctrlKey,
-            });
-            (_b = (_a = _this.lf.container) === null || _a === void 0 ? void 0 : _a.querySelector('.lf-canvas-overlay[name="canvas-overlay"]')) === null || _b === void 0 ? void 0 : _b.dispatchEvent(newEvent);
-        };
         this.lf = lf;
         // 初始化isDefaultStopMoveGraph取值
         var stopMoveGraph = lf.getEditConfig().stopMoveGraph;
@@ -103,7 +91,6 @@ var SelectionSelect = /** @class */ (function () {
             _this.wrapper = wrapper;
             document.addEventListener('mousemove', _this.__draw);
             document.addEventListener('mouseup', _this.__drawOff);
-            document.addEventListener('wheel', _this.__zoom, { passive: false });
         });
     };
     /**